/*
 Theme Name:     The Little Coffee Co.
 Description:    Theme created for The Little 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: auto;
	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 img {
	object-fit: cover;
	aspect-ratio: 1/1;
}

.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: url("/wp-content/uploads/2024/04/section-bg-12.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(--secondary-color);
    color: var(--primary-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;
}

.woocommerce .count {
	background: none !important;
}

body.single-product .product form.variations_form.cart table tr,
body.single-product .product form.variations_form.cart table td,
body.single-product .product form.variations_form.cart table th {
	display: grid !important;
	text-align: left !important;
	padding: 0 !important;
}

body.single-product .product form.variations_form.cart table td {
	margin-bottom: 15px !important;
}

.woocommerce .variations label {
	text-align: left !important;
	padding: 0 !important;
}

body.single-product .product form.variations_form.cart table {
	padding: 0 !important;
	text-align: left !important;
}

body.single-product .product form.variations_form.cart .reset_variations {
	margin-top: 10px !important;
}

.woocommerce .price .woocommerce-Price-amount,
div.product p.price,
.woocommerce #content div.product p.price,
.reset_variations {
	color: var(--dark-color);
}

.woocommerce-breadcrumb a:hover {
	text-decoration: underline;
}

/* End Store CSS */

/* Form CSS */
#main-content form textarea {
	resize: none;
}

.theme-g-form label,
.theme-g-form div, 
.theme-g-form legend, 
.theme-g-form span, 
.theme-g-form div,
.theme-g-form p,
.theme-g-form a {
  color: var(--dark-color) !important;
}

.theme-g-form.light-g-form-text label,
.theme-g-form.light-g-form-text div, 
.theme-g-form.light-g-form-text legend, 
.theme-g-form.light-g-form-text span, 
.theme-g-form.light-g-form-text div,
.theme-g-form.light-g-form-text p,
.theme-g-form.light-g-form-text a {
	color: var(--light-color) !important;
}

.theme-g-form a {
  text-decoration: underline !important;
  font-weight: bolder !important;
}

.theme-g-form .gform_wrapper .gform-footer .gform_button {
  background: var(--primary-color) !important;
  color: var(--light-color) !important;
  cursor: pointer !important;
}

.theme-g-form .gform_wrapper .gform-footer .gform_button:hover {
  background: var(--primary-color) !important;
  color: var(--light-color) !important;
  opacity: .7 !important;
}

/* End Form CSS */

@media (max-width: 600px) {
	.signed-in {
		margin-top: 46px;
	}

	#et-main-area {
		margin-top: 90px !important;
	}

	.signed-in #et-main-area {
		margin-top: calc(54px  + 46px) !important;
	}

	#wpadminbar {
		position: fixed !important;
	}
}