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

@media only screen and (max-width: 48em) {
/*************** MOBILE CSS HERE  ***************/
	h1.shop-page-title {font-size: 30px !important;}
	.product-title a {-webkit-line-clamp: 2 !important;}
	.flickity-prev-next-button {display: none;}
	.badge-container {margin: 2px !important;}
	.badge-container .badge .badge-inner {
		font-size: 10px !important;
		padding: 5px 6px !important;
		border-radius: 8px 0 !important;
	}
}
@media screen and (max-width: 850px) {
	.custom-product-page .breadcrumb .col, .product-container .col.detail {padding-bottom: 0;}
	.custom-product-page .product-gallery .vertical-thumbnails {padding: 0 20px;}
	.product-container .product-gallery {padding: 0;}
	.footer-wrapper .copyright {text-align: center;}

}
@media only screen and (min-width: 48em) {
/*************** PC CSS HERE  ***************/
	.header-wrapper {border-bottom: 1px solid #EEE;box-shadow: none !important;}
	.term-description {max-width: 80%;}
	.footer-wrapper .footer-menu {padding: 0 10px;}
	.live-search-results {min-width: 400px;}
}
@media screen and (min-width: 850px) {	
	.product-gallery .large-10 {
		flex-basis: 90%;
		max-width: 90%;
	}
	.product-gallery .large-2 {
		flex-basis: 10%;
		max-width: 10%;
	}	
	.woocommerce-mini-cart__buttons {
    display: grid;
    gap: 10px;
    grid-auto-flow: column;
    width: 100%;
}
}

/*************** HEADER & FOOTER ***************/
.header-bottom [href="/tags/best-seller"] {color: #E00E00 !important;}
.page-template-page-blank-title-center .page-wrapper {max-width: 900px;}
.cart-item .nav-dropdown-default {width: 420px;}
.header-bottom .nav-top-link .icon-angle-down {display: none;}
.header-bottom-nav > li > a {letter-spacing: 1px;padding-bottom: 15px;}
.header-bottom .nav-spacing-xlarge>li {margin: 0 25px;}
.term-description, h1.shop-page-title {order: 1;}
.woocommerce-breadcrumb {font-size: 12px;}
.nav-right {gap: 15px;}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {height: 2px !important;}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {background: #FFF !important;}
.sub-menu.nav-dropdown {
    border: none;
    box-shadow: none;
    margin-top: 1px;
}
.category-page-title .page-title-inner .medium-text-center {
    display: flex;
    flex-direction: column;
	text-align: left !important;
}
h1.shop-page-title {
    margin: 25px 0 10px 0;
    font-size: 40px;
    line-height: 50px;
}
.search-field {
    background-color: #FFF !important;
    border-radius: 0 !important;
    height: 40px !important;
}
.mega-menu .ux-menu-link__text {
    font-size: 15px;
	&:hover {text-decoration: underline;}	
}
.banner-home .button {
	font-size: 15px;
    width: 300px;
    font-weight: 400;
    line-height: 40px;
    border: 1px solid;
    background: hsla(0, 0%, 75%, .2) !important;
	&:hover {background: hsla(0,0%,75%,.5) !important;color: #FFF !important;}
}
.footer-wrapper {font-size: 15px;}
.footer-wrapper .payment .col {padding-bottom: 0;}
.footer-newsletter {background: #f8f8F8;margin-bottom: 30px;}
.footer-wrapper .footer-menu .ux-menu-link a:hover {text-decoration: underline;}
.footer-wrapper .ux-menu-title {
    font-size: 13.5px;
    letter-spacing: 2px;
}
.footer-wrapper .footer-menu {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
}
.footer-newsletter .wpcf7-form {margin: 0;}
.footer-newsletter .signup p .wpcf7-not-valid-tip, .footer-newsletter .wpcf7-response-output {position: absolute;margin: 0;}
.footer-newsletter .signup p {
	display: flex;
	gap: 15px;
	align-items: center;
}
.footer-newsletter input[type="email"], .footer-newsletter input[type="submit"] {
	min-width: auto;
	height: 40px;
	margin: 0;
	border: 1px solid var(--fs-color-primary);
}
.footer-newsletter .wpcf7-spinner {
    position: absolute;
    margin-right: -30px;
    right: 0;
}
.footer-newsletter .wpcf7-response-output {
    margin: 5px 0 0 !important;
    padding: 0 !important;
    border: none !important;
    font-size: 13px;
    color: var(--fs-color-success);
}

/*************** COLLECTION & PRODUCT. ***************/
@media (min-width: 850px) {    
	.is-sticky-column .col-inner {position: sticky;}
	.is-sticky-column:not([data-sticky-mode]) .col-inner {
        top: calc(var(--flatsome-scroll-padding-top) + 30px);
        transition: top .6s;
    }
}
.product-gallery .icon-expand {top: 0;}
.product-lightbox-inner .shipping_info {display: none;}
.product-section {border: none;}
.related-products {margin-top: 0 !important;}
.price-wrapper .price,span.amount {color: #a80000;}
.woocommerce-variation-add-to-cart {flex-direction: column;}
.text-payment {text-align: left !important;font-size: 14px;}
table.variations .label {font-size: 16px;}
.product-page-price {margin-bottom: 10px;}
.shipping_info {padding-bottom: 30px;font-size: 14px;text-transform: capitalize;}
.box-text.box-text-products .ux-swatches.ux-swatches-in-loop {margin-bottom: 0;}
.box-text.box-text-products {
	padding-top: 16px;
    gap: .7em;
    display: grid;
}
.single_variation_wrap .single_add_to_cart_button.button {
	display: flex;
	flex: auto !important;
	justify-content: center;
	height: 45px;
    letter-spacing: 2px;
    font-weight: 400;
    align-items: center;
	margin-top: 15px;
}
.product-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
	font-size: 15px;
}
.variations_form .variations .value {padding: 5px 0 25px;}
.variations_form .variations tr:last-child .value {padding-bottom: 10px;}
.variations_form .variations .ux-swatches-attribute-ux_label {
    display: grid;
    grid-template-columns: 1fr 1fr;
	grid-auto-rows: 1fr;
}
.variations_form .ux-swatch.selected {font-weight: 600;outline-offset: 0;}
.variations_form .ux-swatch--image {flex-direction: column;}
.variations_form .ux-swatch--image .ux-swatch__text {display: block;padding: 5px 0 2px;}
.variations_form .ux-swatches--x-large .ux-swatch--image {
    height: calc(var(--swatch-size-x-large) + 40px);
    width: calc(var(--swatch-size-x-large) + 14px);
}
.vertical-thumbnails .col:last-child a:before {
    content: "\e83a";
    align-items: center;
    background-color: #F7F7F7;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 2;
	font-size: 40px;
}
.specifications td {
    border: unset;
    padding: 7px;
    font-size: 14px;
}
.specifications td:first-child {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.badge-inner.new-bubble-auto {border: 1px solid var(--fs-color-secondary);}
.badge-container {margin: 10px;}
.badge-container .badge {
    height: unset;
    width: unset;
	padding: 3px 0;
}
.badge-container .badge .badge-inner {
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
	letter-spacing: 1px;
    text-transform: uppercase;
    background: var(--fs-color-secondary);
    padding: 8px 10px;
    border-radius: 10px 0;
}
.product--vendor-sku {
    font-size: 12px;
    text-transform: uppercase;
	color: #666;
}
.payment-icons .payment-icon, .dark .payment-icons .payment-icon {
    background: unset;
    opacity: unset;
    margin: unset;
}
.payment-icons .payment-icon svg {
    height: 25px !important;
    vertical-align: unset;
    outline: 1px solid rgba(0, 0, 0, .125);
    outline-offset: -1px;
    border-radius: 3px;
    display: block;
}
.accordion .accordion-item:last-child {border-bottom: 1px solid #EEE;}
.accordion .accordion-title .toggle .icon-angle-down:before {content: "\E78D";font-size: 15px;}
.faqs .accordion .accordion-item:first-child .accordion-title  {border-top: unset;}
.faqs .accordion .accordion-item:last-child {border-bottom: unset;}
.custom-product-page .faqs {padding: 30px 0;}
.custom-product-page .faqs .text {padding-bottom: 0;}
.product-container .accordion .accordion-title {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
}
.accordion .accordion-title {
    font-size: 100%;
    padding: 20px 0;
    font-weight: 600;
    background: none;
    border-color: #EEE !important;
}
.accordion .accordion-title .toggle {
	left: unset;
	right: 0;
	top: 10px;
	opacity: 1;
	width: auto;
	margin: 0;
}
.accordion .accordion-inner {
    padding: 0;
    font-size: 15px;
}

/*************** ICON FONT. ***************/
@font-face {
    font-family: iconfont;
    src: url(/wp-content/themes/fonts/icon-font.woff2) format("woff2")
}
.icon-user:before {content: "\E82D";}
.icon-heart:before {content: "\E82E";}
.icon-shopping-basket:before {content: "\E829";}
.icon-envelop:before {content: "\E7D3";}
.icon-angle-down:before {content: "\E61B";}
.icon-search:before {content: "\E7BA";}
.icon-facebook:before {content: "\E777";}
.icon-twitter:before {content: "\E76E";}
.icon-pinterest:before {content: "\E76D";}
.icon-instagram:before {content: "\E776";}
.icon-expand:before {content: "\E8FE";}
.icon-checkmark:before {content: "\E877";}
.icon-angle-right:before {content: "\E61A";}
.icon-angle-left:before {content: "\E619";}
.icon-tag:before {content: "\E899";}
.icon-menu:before {content: "\E752";}
.icon-shipping-estimated:before {content: "\E77D";}
.icon-shipping-instock:before {content: "\E784";}
.icon-shipping-question:before {content: "\E7EB";}
.icon-clock:before {content: "\E7DA";}
.icon-map-pin-fill:before {content: "\E88A";}
.icon-chat:before {content: "\E79F";}
.icon-text-shipping:before {content: "\E77D";}
.icon-text-return:before {content: "\E780";}
.icon-text-customer:before {content: "\E7C3";}
.icon-lock:before {content: "\E769";}
.icon-30d:before {content: "\E7E4";}

.text-icon i {font-size: 40px;}
.links>li>a:before, i[class*=" icon-"], i[class^=icon-],
.vertical-thumbnails .col:last-child a {
    font-family: iconfont !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
[data-icon-label]:after {
    background: none;
    color: #252525;
    font-family: Urbanist, sans-serif !important;
    box-shadow: none;
    font-weight: 400;
}
.icon-shopping-basket[data-icon-label]:after {right: 0px;top: -3px;}
.wishlist-icon[data-icon-label]:after {
    right: -2px;
    top: 6px;
    background: #FFF !important;
    opacity: 1;
    min-width: 12px;
}
.image-tools.is-small.top.right {padding: 5px !important;}
.wishlist-icon .button.icon .icon-heart:before {content: url(/wp-content/themes/fav_icon_outline.svg);}
.wishlist-icon .button.icon.wishlist-added .icon-heart:before {content: url(/wp-content/themes/fav_icon_filled.svg);}
.wishlist-icon .button.icon i:before {
	height: 20px;
    width: 20px;
    display: inline-block;
    margin: auto;
}
.wishlist-icon .button.icon {
	border: 0;
	background: 0;
	margin: 0;
	outline: 0;
}
.right.show-on-hover {
    opacity: 1;
    pointer-events: inherit;
    transform: scale(1) translateZ(0) translateY(0) !important;
}
#yith-wcwl-popup-message {
    font-weight: 400;
    padding: 20px 40px !important;
    border: 1px solid var(--colors-line);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    border-radius: 5px;
    opacity: 0.8;
    text-transform: uppercase;
	transform: translate(-50%, -50%);
	margin: 0 auto !important;
}