/*
 Theme Name:     Wisdom Coffee Co.
 Description:    Theme created for Wisdom Coffee Co.
 Author:         XDC Marketing & Branding
 Author URI:     https://xdcmb.com/
 Template:       Divi
 Version:        1.0.0
*/

:root {
	--primary-color: #593b00;
	--secondary-color: #dca47d;
	--tertiary-color: #f7f7f7;
	--light-color: #ffffff;
	--dark-color: #000000;
}

#et-main-area {
	position: relative !important;
	z-index: 0 !important;
	margin-top: calc(99.59px + 35.59px) !important;
}

.signed-in #et-main-area {
	margin-top: calc(99.59px + 35.59px + 32px) !important;
}

#add_payment_method #payment ul.payment_methods li img, 
.woocommerce-cart #payment ul.payment_methods li img, 
.woocommerce-checkout #payment ul.payment_methods li img {
	max-width: 150px;
	height: 30px;
	object-fit: contain;
	aspect-ratio: 16/9;
}

/* Menu CSS */
.dl-v-menu .et_pb_menu_inner_container,
.dl-v-menu .et_pb_menu__wrap,
.dl-v-menu .et_pb_menu__menu,
.dl-v-menu.et_pb_menu .et_pb_menu__menu>nav,
.dl-v-menu.et_pb_menu .et_pb_menu__menu>nav>ul {
	display: block;
}

.dl-v-menu .et_mobile_nav_menu {
	display: none;
}

@media (max-width: 980px) {
	.dl-v-menu .et_pb_menu_inner_container,
	.dl-v-menu .et_pb_menu__wrap,
	.dl-v-menu .et_pb_menu__menu,
	.dl-v-menu.et_pb_menu .et_pb_menu__menu>nav,
	.dl-v-menu.et_pb_menu .et_pb_menu__menu>nav>ul {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

/* End Global CSS */

/* Admin CSS */

.wp-admin .tts-order-table-container {
    overflow: auto;
}

/* End Admin CSS */

/* Store CSS */
.home #main-content .dgwt-wcas-sf-wrapp,
.woocommerce #main-content .dgwt-wcas-sf-wrapp {
	width: 85%;
}

.wp-block-heading {
	text-decoration: underline;
	margin-bottom: 10px;
}

.woocommerce .product .images .flex-control-thumbs {
	max-height: 350px;
	overflow-y: auto;
}

.product-template-default #sidebar {
	display: none;
}

.woocommerce-products-header {
    margin-bottom: 20px;
}

.woocommerce-products-header .header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.woocommerce-products-header .archive-background {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://wisdomcoffee.com/wp-content/uploads/2024/05/88139-5.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 300px;
}

.woocommerce-products-header .header-content h1,
.woocommerce-products-header .header-content h2,
.woocommerce-products-header .header-content p {
    color: var(--light-color);
    margin: 0;
    text-align: center;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product .price,
.woocommerce-page ul.products li.product .price del,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price del {
	text-align: center;
}

.woocommerce.product-template-default .et_overlay:before {
    display: none;
}

.page .fluentform fieldset .ff-btn-submit:not(.ff_btn_no_style) {
    background: var(--primary-color);
    color: var(--secondary-color);
    font-weight: bolder;
    transition: all 0.2s ease-in-out;
		border: none;
}

form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover {
		color: var(--primary-color) !important;
		border-color: transparent !important;
}

/* End Store CSS */

/* Form CSS */
#main-content form textarea {
	resize: none;
}

/* End Form CSS */

@media (max-width: 980px) {
	:where(.wc-block-product-filters).is-overlay-opened .wc-block-product-filters__overlay {
		padding-top: 150px;
	}
}

@media (max-width: 600px) {
	.signed-in {
		margin-top: 46px;
	}

	.signed-in #et-main-area {
		margin-top: calc(99.59px + 35.59px  + 46px) !important;
	}

	#wpadminbar {
		position: fixed !important;
	}
}