/*
Theme Name: Teomo
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Text Domain: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

body {
    accent-color: var(--fs-color-primary);
}

/****** MAIN MENU ********/
#header #wide-nav .header-bottom-nav .menu-item.wpml-ls-menu-item .sub-menu.nav-dropdown {
	min-width: 80px;
}

#header #wide-nav .header-bottom-nav .menu-item .sub-menu.nav-dropdown {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}


/****** SHOP ARCHIVE ********/
.shop-container .woocommerce-pagination .page-numbers.nav-pagination > li > a,
.shop-container .woocommerce-pagination .page-numbers.nav-pagination > li > span {
	border: unset;
	border-radius: unset;
	line-height: 2.2em;
}
.shop-container .products .product-small .product-small.box .add-to-cart-button a.added_to_cart.wc-forward {
	margin-top: 0.8em;
	text-transform: unset;
}
#shop-sidebar aside.woocommerce.widget_layered_nav {
    max-height: 300px;
    overflow-y: scroll;
    margin-bottom: 60px;
}

a.icon-remove, a.remove {
	border: unset;
	border-radius: unset;
	font-size: 18px !important;
}
.wishlist-icon button.wishlist-button {
	border-radius: unset !important;
}



section.section.section-form .col-inner.text-center {
	background-color: #fff;
	padding: 36px 50px !important;
	font-family: 'Karla', sans-serif;
}

.gform_wrapper.gravity-theme .gform_fields > *:not(:first-of-type) {
	margin-top: 30px;
}

.gform_wrapper.gravity-theme .gform_fields > *:last-of-type {
	margin: 0;
}

.gform_heading p.gform_required_legend {
	display: none;
}

/* Form title */
.gform_wrapper h2.gform_title {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 35px;
	color: #551f3d;
	text-align: center;
	margin-bottom: 40px;
}

.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
}

.gform_wrapper.gravity-theme .gfield input,
.gform_wrapper.gravity-theme .gfield select {
	margin: 0;
}

.gform_wrapper.gravity-theme input:not([type='radio']):not([type='checkbox']):not([type='image']):not([type='file']) {
	background-color: #f5f5f5;
	border: none;
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #8f8f8f;
	box-shadow: none;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: #000000;
	text-transform: none;
}

.gravity-theme input[type='submit'] {
	margin-right: 0;
}

/* Milyen jellegű bort nem szeretsz? */
/* Mennyi ideig  szeretné igényelni a csomagot? */
fieldset#field_1_11,
fieldset#field_1_10 {
	grid-column: 1 / -1;
}

.gform_wrapper .gfield_radio,
.gform_wrapper .gfield_checkbox {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.gform_wrapper .gfield_radio > *:not(:last-of-type),
.gform_wrapper .gfield_checkbox > *:not(:last-of-type) {
	margin-right: 15px;
}

.gform_wrapper.gravity-theme .gfield-choice-input + label {
	max-width: 100%;
}

/* Elolvastam és elfogadom az <a>adatkezelési tájékoztatót </a> */
fieldset#field_1_14 {
	margin-top: -3%;
}

section.section.section-form .gform_wrapper.gravity-theme .gform_footer.top_label .gform_button {
	background-color: #551f3d;
	color: #fff;
	margin: 0;
	font-family: 'Karla';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 29px;
	color: #ffffff !important;
	height: 48px;
}

/*************** Site title ***************/
/* .page-title-inner.flex-row.medium-flex-wrap.container {
    display: none;
} */

/** taxonomy grid **/
.wg-taxonomy-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 50px -15px;
}

.wg-taxonomy-grid .term-column {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 30px;
}

.wg-taxonomy-grid .term-column .term-box {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	min-height: 140px;
	box-shadow: 0 4px 12px rgba(207, 207, 207, 0.25);
}

.wg-taxonomy-grid .term-column .term-box:hover {
	transition: box-shadow 0.25s ease-in-out;
	box-shadow: 0 8px 12px rgba(207, 207, 207, 0.5);
}

.wg-taxonomy-grid .term-column .term-name {
	color: #1e0a14;
	font-weight: 600;
	font-size: 24px;
}

/** ajanlatkero form HORECA PAGE **/
.gform_wrapper.gravity-theme .gform_fields > *:not(:first-of-type) {
	margin-top: 0px;
}

/* --------------------------------- Newsletter Popup -------------------------------- */
.lightbox-white .mfp-close {
	color: white;
	opacity: 1;
}

/* ------------------------------ Gravity form ------------------------------ */
/* gravity form submit button */
.gform_wrapper.gravity-theme .gform_footer.top_label .gform_button.button {
	color: #541f3d !important;
}

/* ---------------------- My membership discounts table --------------------- */
/* table image */
table.my_account_memberships .membership-discount-image {
	width: 100px;
	min-width: 100px;
}
/* table product cím */
table.my_account_memberships .membership-discount-title {
	min-width: 170px;
	width: 170px;
}
/* table kedvezmeny */
table.my_account_memberships .membership-discount-amount {
	width: 140px;
}
/* table az en aram */
table.my_account_memberships .membership-discount-price {
	width: 120px;
	min-width: 120px;
}
/* table buttons */
table.my_account_memberships .membership-discount-actions {
	min-width: 190px;
	width: 190px;
}

/* CHECKOUT */
.checkout_coupon .is-form.expand.button {
	font-weight: 400;
	color: white;
	text-shadow: unset;
	background-color: #551f3d;
}
.checkout_coupon .is-form.expand.button:hover {
	background-color: #551f3d;
}
/* Checkout -- shipping details */
.shipping.recurring-total ul li {
	text-align: left;
}
/* ------------------------------ MEDIA QUERIES ----------------------------- */
@media screen and (max-width: 376px) {
	/* My account fiok-szerkesztes */
	.section.woo-my-account {
		padding-left: 15px;
		padding-right: 15px;
	}
	.section.woo-my-account .col-inner {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.section.woo-my-account .woocommerce-Button.button {
		margin: 0;
	}
}
@media screen and (max-width: 520px) {
	/* membership detail user membership actions */
	.my-membership-detail-user-membership-actions {
		display: grid;
		width: 100%;
		min-width: 225px;
		grid-template-columns: 60px 1fr;
	}
}
@media screen and (max-width: 992px) {
	/* ------------------------------ Wishlist page ----------------------------- */
	.wishlist_table.mobile li[id^='yith-wcwl-row-'] {
		position: relative;
		margin-top: 20px;
		padding-left: 20px;
	}
	.wishlist_table.mobile .product-remove {
		color: #541f3d;
	}
	.wishlist_table.mobile .product-remove a::after {
		color: #541f3d;
	}
}
@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	section.section.section-form .col-inner.text-center {
		padding: 2rem 1rem !important;
	}
}

@media screen and (min-width: 550px) {
	.wg-taxonomy-grid {
		margin: 50px 50;
	}
	.wg-taxonomy-grid .term-column {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
}

@media screen and (min-width: 850px) {
	.wg-taxonomy-grid {
		margin: 50px 90px;
	}
	.wg-taxonomy-grid .term-column {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

@media screen and (max-width: 1023px) {
	/* ---------------------- My membership discounts table --------------------- */
	table.my_account_memberships .membership-discount-excerpt {
		min-width: 170px;
		width: 170px;
	}
}

.woocommerce-address-fields p#shipping_street_field,
.woocommerce-address-fields p#billing_street_field,
#customer_details p#shipping_street_field,
#customer_details p#billing_street_field{
	display: block;
}
.woocommerce-address-fields p#shipping_street_number_field,
.woocommerce-address-fields p#billing_street_number_field,
#customer_details p#shipping_street_number_field,
#customer_details p#billing_street_number_field{
	margin-right: 10px;
}

/* Checkout addons style */
/* Added space before the checkout addon for better readability */
.woocommerce-form-coupon-toggle {
    margin-bottom: 12px;
}

/* hide the BR inside the span to display elements next to each-other */
span.woocommerce-input-wrapper br {
    display: none;
}

/* added space between the input and label elements */
span.woocommerce-input-wrapper label.checkbox {
    margin-right: 12px;
}

/* reset the height of radio element */
form.checkout span.woocommerce-input-wrapper input[type="radio"] {
    height: auto;
}
/*  qty error msg hide*/
.quantity label.error {
	display: none;
} 

/*  make chatbox btn hide behind modals */
.wa__btn_popup, .wa__popup_chat_box.wa__pending.wa__active.wa__lauch {
    z-index: 1039;
}

/*  hide duplicate of spinner */
.woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay:before, .woocommerce-cart .cart_totals .blockUI.blockOverlay:before {
	display: none;
}

a#top-link {
	background: #551f3d;
    color: white;
}

/*  Checkout style fixes */
li.woocommerce-PaymentMethod.woocommerce-PaymentMethod--stripe.payment_method_stripe {
    margin-left: 0;
}

#billing_locality_field span.select2-selection.select2-selection--single {
	height: 3.0084em;
    padding-bottom: 0.4em;
    padding-top: 0.6em;
}

.woocommerce-billing-fields__field-wrapper #billing_address_1_field {
	width: 100%;
}

.woocommerce-billing-fields__field-wrapper #billing_address_2_field {
	width: calc(75% - 10px);
}

@media screen and (max-width: 767px) {
	.woocommerce-billing-fields__field-wrapper #billing_address_2_field {
		width: 100%;
	}
}

body.home .row.equalize-box {
	margin: 0;
}

.cart_totals .pickup-location-address td {
	border: none;
}

.pickup-location-address p, .delivery-address-custom p {
	text-align: left; 
	font-size: 0.9em;
}

img#gform_ajax_spinner_4, .rank-math-breadcrumb .last,
.rank-math-breadcrumb :nth-last-child(2) {
    display: none;
}