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

@keyframes jackInTheBox {
	from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
	50% {transform: rotate(-10deg);}
	70% {transform: rotate(3deg);}
	to {opacity: 1;transform: scale(1);}
}
.jackInTheBox {animation-name: jackInTheBox;}
@keyframes zoomIn {
	from { opacity: 0; transform: scale3d(.3, .3, .3); }
	50% { opacity: 1; }
}
.zoomIn { animation-name: zoomIn; }
@keyframes zoomOut {
	from { opacity: 1; }
	50% { opacity: 0; transform: scale3d(.3, .3, .3); }
	to { opacity: 0; }
}
.zoomOut {animation-name: zoomOut;}

@keyframes bounceOut {
20% { transform: scale3d(.9, .9, .9); }
50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
to { opacity: 0; transform: scale3d(.3, .3, .3); }
}
.bounceOut {animation-name: bounceOut;}

@keyframes bounce {
from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); }
40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -10px, 0); }
70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -5px, 0); }
90% { transform: translate3d(0,-2px,0); }
}
.bounce { animation-name: bounce; transform-origin: center bottom; }

@keyframes slideInDown {
	from { transform: translate3d(-50%, -100%, 0); visibility: visible; }
	to { transform: translate3d(-50%, -50%, 0); }
}
.slideInDown {animation-name: slideInDown;}
@keyframes slideOutDown {
	from { transform: translate3d(-50%, -50%, 0); }
	to { visibility: hidden; opacity: 0; transform: translate3d(-50%, 100%, 0); }
}
.slideOutDown {animation-name: slideOutDown;}

:root {
--success-blue:hsl(208, 89%, 54%);
--success-green:hsl(118, 94%, 33%);
--purple: hsl(287, 68%, 38%);
--violet: hsl(250, 56%, 47%);
--pink: hsl(315, 57%, 55%);
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;

--size-page-ttl: 25px;
--size-footer: 50px;
--pattern-c1: #061944;
--pattern-c2: #0a2053;
--pattern-c3: #061435;
--pattern-page-ttl:
	var(--pattern-c2) 6%  14%,var(--pattern-c1) 16% 24%,var(--pattern-c2) 26% 34%,var(--pattern-c1) 36% 44%,
	var(--pattern-c2) 46% 54%,var(--pattern-c1) 56% 64%,var(--pattern-c2) 66% 74%,var(--pattern-c1) 76% 84%,var(--pattern-c2) 86% 94%;
--pattern-footer:
	var(--pattern-c3) 0%  5% ,var(--pattern-c1) 6%  15%,var(--pattern-c3) 16% 25%,var(--pattern-c1) 26% 35%,var(--pattern-c3) 36% 45%,
	var(--pattern-c1) 46% 55%,var(--pattern-c3) 56% 65%,var(--pattern-c1) 66% 75%,var(--pattern-c3) 76% 85%,var(--pattern-c1) 86% 95%, #0000 96%;
--pattern-page-ttl_bg:
	radial-gradient(100% 100% at 100% 0,var(--pattern-c1) 4%,var(--pattern-page-ttl),#0008 96%,#0000),
	radial-gradient(100% 100% at 0 100%,#0000, #0008 4%,var(--pattern-page-ttl),var(--pattern-c1) 96%) var(--pattern-c1);
--pattern-footer_bg:
	radial-gradient(50% 50% at 100% 0,var(--pattern-footer)),
	radial-gradient(50% 50% at 0 100%,var(--pattern-footer)),
	radial-gradient(50% 50%,var(--pattern-footer)),
	radial-gradient(50% 50%,var(--pattern-footer)) calc(var(--size-footer)/2) calc(var(--size-footer)/2) var(--pattern-c3);

--shadow-color-blue: 0deg 0% 0%;
--shadow-elevation-blue-low:
	0.2px 0.3px 0.3px hsl(var(--shadow-color-blue) / 0.15),
	0.4px 0.4px 0.5px -1.9px hsl(var(--shadow-color-blue) / 0.12),
	1px 1px 1.3px -3.7px hsl(var(--shadow-color-blue) / 0.09);
--shadow-elevation-blue-medium:
	0.2px 0.3px 0.3px hsl(var(--shadow-color-blue) / 0.16),
	0.6px 0.6px 0.8px -1.2px hsl(var(--shadow-color-blue) / 0.14),
	1.8px 1.9px 2.5px -2.5px hsl(var(--shadow-color-blue) / 0.11),
	4.9px 5px 6.6px -3.7px hsl(var(--shadow-color-blue) / 0.08);
--shadow-elevation-blue-high:
	0.2px 0.3px 0.3px hsl(var(--shadow-color-blue) / 0.15),
	0.9px 0.9px 1.2px -0.5px hsl(var(--shadow-color-blue) / 0.14),
	1.8px 1.8px 2.4px -1.1px hsl(var(--shadow-color-blue) / 0.13),
	3.3px 3.4px 4.4px -1.6px hsl(var(--shadow-color-blue) / 0.11),
	5.9px 6.1px 8px -2.1px hsl(var(--shadow-color-blue) / 0.1),
	10.1px 10.3px 13.5px -2.7px hsl(var(--shadow-color-blue) / 0.09),
	16.2px 16.5px 21.7px -3.2px hsl(var(--shadow-color-blue) / 0.08),
	24.7px 25.2px 33.1px -3.7px hsl(var(--shadow-color-blue) / 0.06);
}

@keyframes background-pan {
	from {background-position: 0% center;}
	to {background-position: -200% center;}
}
.magic_text,
.product-small .woocommerce-loop-product__title a:hover,
.product-small .woocommerce-loop-product__title a:active,
.product-small .woocommerce-loop-product__title a:focus {background: linear-gradient(to right,var(--purple),var(--violet),var(--pink),var(--purple));background-size: 200%;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
/* animation: background-pan 5s linear infinite; */
.magic_bg_blue {animation: background-pan 15s linear infinite;background:linear-gradient(to right,#208ff2,#316cc8,#085ac4,#208ff2);background-size: 200%;margin: 1em 0;color: #fff;border-radius: 10px;font-size: 1.15em;padding: .7em 1em .8em;text-shadow: 1px 1px 3px #020f42d6;border: 1px solid #4796c6;box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.3),0 3px 6px rgba(0,0,0,.23);}
.magic_bg_teal { background-color: white; margin: 1em 0; border-radius: 12px; font-size: 1.15em; padding: 1em 1.25em; box-shadow: var(--shadow-elevation-blue-medium); outline: 1px solid var(--primary-color); }

.magic_bg_teal > p:last-child { margin-bottom: 0; }

.shadowOn {animation-name: shadowOn;animation-delay: 1s;animation-duration: 2s !important;transition-timing-function: ease !important;}

.accordion-h2 {  font-size: clamp(1em, 1.5vw, 1.6em) !important; line-height: clamp(1.25em, 1.5vw, 1.6em) !important; font-weight: 600; }
.banner-h4,
.banner h4,
.is-xlarge {font-size:clamp(1em, 1.9vw, 1.5em) !important;margin-block: .6em;padding-inline: .5em 1em;}

.back-to-top {box-shadow: 0 3px 6px -4px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background-color: #ffffff5c !important;border: 1px solid var(--primary-color) !important;color: var(--primary-color);}
.back-to-top:hover {background-color: var(--primary-color) !important;color: hsl(0, 0%, 100%);border: 1px solid #34517191 !important;}
.back-to-top i {position: relative;-webkit-animation-name: drop;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-play-state: running;animation-name: drop;animation-duration: 1s;animation-timing-function: linear;animation-delay: 0s;animation-iteration-count: infinite;animation-play-state: running}
@-webkit-keyframes drop {0% {top: 20px;opacity: 0}30% {top: 5px;opacity: 1}100% {top: -5px;opacity: 0}}
@keyframes drop {0% {top: 20px;opacity: 0}30% {top: 5px;opacity: 1}100% {top: -5px;opacity: 0}}

.featured-title {background: var(--pattern-page-ttl_bg);background-size: var(--size-page-ttl) var(--size-page-ttl);}

.clearfix:before, .clearfix:after, .table-scroll:before, .table-scroll:after { content: ""; display: table; }
.clearfix:after, .table-scroll:after { clear: both; }

.center {text-align:center !important;}
.left {text-align:left !important;}
.text-left th, .text-left td { text-align: left; }
.right:not('.col') {text-align:right !important;right:auto;}
.jus {text-align:justify !important;}
.arial { font-family: Arial, Helvetica, sans-serif !important; }

.txt_black, .txt_black * {color:#000 !important;}
.txt_blue, .txt_blue * {color:#326ef1 !important;}
.txt_green, .txt_green * {color:#2fbd25 !important;}
.txt_lite_green, .txt_lite_green * {color:#afe78e !important;}
.txt_gray_aaa, .txt_gray_aaa * {color:#aaa !important;}
.txt_gray666, .txt_gray666 * {color:#666 !important;}
.txt_gray999, .txt_gray999 * {color:#999 !important;}
.txt_red, .txt_red * {color:#e33232 !important;}
.txt_crimson, .txt_crimson * {color:#c8003c !important;}
.txt_white, .txt_white * {color:#fff !important;}
.txt_yellow, .txt_yellow * {color:#cdb409 !important;}
.txt_orange, .txt_orange * {color: #ff4e05 !important;}

.bold { font-weight: bold !important; }
.norm { font-weight: normal !important; }
.ital { font-style: italic !important; }
.uper { text-transform: uppercase !important; }
.nowrap { white-space: nowrap; }
.underline { text-decoration: underline !important; }
.nobrd { border: 0 !important; }
.mrg0 { margin: 0 !important; }
.pd0 { padding: 0 !important; }
.rel { position: relative; }
.mrg0_all * { margin: 0 !important; }
.w100p {width:100%;}

.fll { float: left !important; }
.flr { float: right !important; }

.line-height-1 {line-height:1;}
.line-height-115 {line-height:1.15;}
.z-index-1 {z-index:1;}
.display-none {display:none}

/****************** на все страницы ****************/
.flatsome-cookies { background-color: rgba(240, 234, 186, 0.93); box-shadow: 0 0 20px 1px rgba(0,0,0,.5); }
.flatsome-cookies__text { flex: 1 1 auto; padding-right: 15px; font-size: .9em; color: #000; line-height: 1.35; }
.flatsome-cookies__buttons > a { margin-bottom: 0; margin-right: 15px; border-radius: 6px; font-size: .85em; background-color: var(--success-green); }
.flatsome-cookies__buttons > .secondary { background-color: #74748c; }
.ux-mini-cart-footer .button {border-radius: 6px;}
.button.primary.wc-backward {border-radius: 6px;}
.col p > a:not([class]) {text-decoration: underline;}
.col p > a:hover:not([class]) {text-decoration: none;}

@media screen and (min-width: 850px) {.large-9 {padding-left: 7px;}}

/********************** лайбы на товарах ********************/
.badge-container {margin: 0;left: auto !important;right: 0;}
.badge {text-transform: uppercase;height: 2.5em;width: auto;float: right;clear: both;} /* box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.33),0 3px 6px rgba(0, 0, 0, 0.26); */
.badge + .badge {height: 2.2em;}
.badge + .badge + .badge {height:2em;}
.badge > div {text-shadow: 1px 1px 0px #00000082;letter-spacing: 1px;border-radius: 0 15px 0;}

.badge-inner {padding: 0 10px !important;font-size: .7em !important;}

.product-small > .col-inner {border: 1px solid #c1c1c1;border-radius: 10px;overflow: hidden;padding-bottom: 5px;}
@media screen and (min-width: 850px) {
	.product-small > .col-inner {	padding-bottom: 0; }
}
.product_cat-pitevaya_voda_19_litrov.product-small > .col-inner {padding-bottom:0;}

.product-small .col-inner .add_to_cart_button,
.product-small .col-inner .product_type_simple { background-color: var(--success-blue) !important; font-size: 1em; border-radius: 6px; overflow: hidden; width: auto; text-shadow: 1px 1px 0px #00000082; margin-left: .8em;padding-block: 0;}
.product-small .form-minimal input[type="number"] {margin-top: 1em;}
.yith-wcwl-tooltip {display:none !important}
.image-tools {z-index: 22;}

.image-none a[href*='semerik']:before { content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 100px; height: 27px; background: url(/wp-content/uploads/2024/01/prem3.png) no-repeat center; background-size: cover; z-index: 1; border-radius: 6px; }
.instock .image-none a:not(.woocommerce-products-compare-compare-link):after { content: 'В наличии'; display: block; position: absolute; top: 5px; left: 5px; height: 27px; background: #2fbd25c2; z-index: 1; font-size: 12px !important; border-radius: 5px; text-shadow: 1px 1px 0px #074002bd; padding: 0 8px; color: #fff; text-align: center; line-height: 26px; font-weight: 500; letter-spacing: .5px; }
.instock .image-none a[href*='semerik']:after { top: 37px; }
.product-small .grid-tools a { background-color: #000000c2; color: #fff; font-size: .75em; opacity: 1; }

/********************** footer ********************/
.ttlh3 {font-size: 1.25em;font-weight: bold;margin-bottom: 0.5em;}
.ttlh3 a {padding-top: 0 !important;}
.footer-2, .absolute-footer {background: transparent !important;}
#footer {background:var(--pattern-footer_bg);background-size: var(--size-footer) var(--size-footer);}
.footer-widgets i.icon-whatsapp { font-size: 170%; }
.footer-widgets i.icon-vk { font-size: 200%; }
.absolute-footer .footer-secondary {padding: 0;}

/********************** плагины ********************/
.handsontable tr:nth-child(2n) { background: #e1e4f0; }
*::-webkit-scrollbar-track { background: #7b06c9; }
*::-webkit-scrollbar-thumb { background-color: #3c20b9; }
.wpse-full-screen { scrollbar-width: auto; scrollbar-color: #3c20b9 #7b06c9; }
.chaty-widget {z-index: 101 !important;}

.yith_wcwl_footer_additional_action input[name="add_all_to_cart"],
.woocommerce-EditAccountForm .button.woocommerce-Button.button,
.woocommerce-orders-table__cell a.woocommerce-button.button { margin-bottom: 0; margin-right: 0; border-radius: 5px; font-weight: normal; }

/* страница оформления заказа, с бутылями */
label.checkbox {width: auto;}
@media only screen and (min-width: 560px) {
  #billing_field_164 {margin-bottom: 0;}
}

@media only screen and (max-width: 1024px) and (min-height: 550px) {
.quantity, .text-center .quantity {margin-right: 0;margin-bottom: .5em;}
}
@media only screen and (max-width: 649px) {
.table-scroll {overflow: scroll;max-height: calc(100vh - 80px);}
.table-scroll td,
.table-scroll th {font-size: .75em;padding: .3em;line-height: 1.1;}
}
@media only screen and (max-width: 549px) {
.index_txt {padding:0 !important}
.article-inner.has-shadow .entry-content {padding-left:1rem;padding-right:1rem;}
.quantity,
.text-center .quantity {margin-right: .1em;	margin-block: 0 !important;font-size: 0.75rem;	}
.button+.quantity,.text-center .button+.quantity {font-size: .78rem;}
.product-small .col-inner .add_to_cart_button,
.product-small .col-inner .product_type_simple { border-radius: 5px;font-size: clamp(.85em, 1.1vw, 1.1em);line-height: clamp(1.9rem, 1vh, 2.5rem) !important;}
.form-minimal .is-form,
.form-minimal button.is-form,
.form-minimal input[type="button"].is-form,
.form-minimal input[type="reset"].is-form,
.form-minimal input[type="submit"].is-form { border-radius: 5px; min-width: 20px;}
.box-text { font-size: 80%;padding-left: 5px !important; padding-right: 5px !important;padding-bottom: .5em !important; }
form.form-minimal { padding: .5rem 0; }
.wdp_pricing_table td:first-child { width: 45%; white-space: nowrap; }
del span.amount { font-size: clamp(.95em, 1vw, 1.25em); }
.quantity input[type="number"] { width: 2.3em; }
}
#chaty-widget-0 .chaty-widget { left: 20px; right: auto; bottom: 20px; }