/*---------------------------------------------------------------------------------

 Theme Name:   Virsh-Divi
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.tagcloud a  {
  background: #fff;
  border: 1px solid #ada9a9;
  border-radius: 3px;
  font-size: 15px !important;
  padding: 2px 8px;	
}

.tagcloud a:hover {
  background: #7EBEC5;
  color: #fff;
}

#sidebar .et_pb_widget h4 { 
  font-weight: 600;
  font-size: 19px;
  padding-bottom: 10px;
  line-height: 1.3em;	
}

.et_pb_widget ul li { 
  font-size: 16px;
}




#top-header, #et-secondary-nav li ul
 {
    /*background-image: linear-gradient(50deg, #3A81BF 0%, #68ccba 100%) !important;*/
	/*background-image: linear-gradient(50deg, #fff 30%, #7EBEC5 100%) !important; #7ebec5b5*/
	background-image: linear-gradient(270deg, #ffffff40 39%, #7EBEC5 100%) !important; 
}

#top-header #et-secondary-menu li a, #top-header #et-secondary-menu a  {
	color: rgba(0, 0, 0, .6);
}


@media (min-width: 981px) {
   .et_pb_gutters3 .et_pb_column_1_4 .et_pb_widget {   
   	 margin-bottom: 30px;
  }	
}


@media (max-width: 980px) {
   	
   #top-header #et-info-phone  {
	 color: rgba(0, 0, 0, .6);
   }
   #top-header, #et-secondary-nav li ul {	
   		background-image: linear-gradient(270deg, #ffffff40 39%, #7ebec561 100%) !important; 
	}	
}



/*Woo*/

.woocommerce-thankyou-order-received {
    margin-bottom:10px;
	font-size:larger;
}

.checkout-navigation-links {
   	  display: flex;
	  gap: 16px;
	  margin: 24px;
	  flex-wrap: wrap;
	  justify-content: space-around;
}

.checkout-navigation-links a {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #7EBEC5;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 20px;
    transition: background-color 0.2s, color 0.2s;
}

.checkout-navigation-links a:hover {
    background-color: #7EBEC5;
    color: #fff;
}


/*карточка*/
ul.products li.product {
  border: 1px solid #f7f7f7 /*1ECCE421*/ !important;
  padding: 0 5px 5px 5px;
  text-align: center;	
  overflow: hidden;	
}

ul.products li.product:hover {
  -webkit-box-shadow: 0px 0px 9px 0px #0003;
  -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 9px 0px #0003;
}

/*li.product .et_shop_image:hover img {
  transform: scale(1.1);
}*/



li.product .et_shop_image img {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.woocommerce ul.products li.product .button {    
    margin-bottom: .5em;
}

.woocommerce ul.products li.product  .woocommerce-Price-amount {
	font-size: 1.6em;
	font-weight:600;
}

/* 2 зображення*/
/* Контейнер */
.products li.product .et_shop_image {
    position: relative;
    overflow: hidden;
}

/* Друге зображення */
.products li.product img.secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .35s ease;
}

/* Hover ефект */
.products li.product:hover img.secondary-image {
    opacity: 1;
}


/*іконка в архівах*/
/* Прибрати стандартну ціну */
/*.products li.product .price {
    margin-bottom: 0;
}

/* Ряд ціна + іконка */
/*.price-cart-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

/* Іконка */
/*.loop-cart-icon {
    font-size: 20px;
    text-decoration: none;
    transition: transform .2s ease;
}

.loop-cart-icon:hover {
    transform: scale(1.15);
}
*/




/* Ряд: ціна + іконка */
.price-cart-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:8px;
	padding: 0 7px 0 15px;
}

/* Ціна без зайвих відступів */
.products li.product .price-cart-row .price{
    margin:0;
    display:flex;
    align-items:baseline;
    gap:6px;
}

/* Кнопка-іконка */
.archive a.loop-cart-icon{
    width:40px;
    height:40px;
    min-width:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;   
    border:1px solid rgba(0,0,0,.12);
    background:rgba(255,255,255,.85);
    text-decoration:none;
    line-height:1;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    /*box-shadow:0 8px 18px rgba(0,0,0,.06);	*/
	
}

.archive .price-cart-row a.loop-cart-icon, .archive .price-cart-row a.loop-cart-icon:hover{ 
	padding: .3em .3em !important;
}



.woocommerce ul.products li.product .price-cart-row a.loop-cart-icon {
	margin-top: .4em;
}

/* SVG */
a.loop-cart-icon .loop-cart-icon__svg{
    display:block;
    width:27px;
    height:27px;
}

/* Hover */
a.loop-cart-icon:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 26px rgba(0,0,0,.10);
    /*border-color:rgba(0,0,0,.18);*/
    background:#fff;
}

/* Focus (доступність) */
a.loop-cart-icon:focus{
    outline:none;
}
a.loop-cart-icon:focus-visible{
    box-shadow:0 0 0 3px rgba(0,0,0,.15), 0 12px 26px rgba(0,0,0,.10);
}

/* Під час AJAX додає клас loading у деяких тем/версій — підстрахуємось */
a.loop-cart-icon.loading{
    opacity:.75;
    pointer-events:none;
}

/* При бажанні — на мобільних трішки менше */
@media (max-width: 480px){
    a.loop-cart-icon{
        width:38px;height:38px;min-width:38px;
    }
}


/* Приховати "Переглянути кошик" що зʼявляється після AJAX */
.products li.product a.added_to_cart.wc-forward{
    display:none !important;
}

/* Трохи "підсвітити" іконку після додавання */
.products li.product a.loop-cart-icon.added{
    transform:translateY(-1px) scale(1.02);
}


.woocommerce-message   a.button.wc-forward:hover {
	color: #667 !important;
	background: #fff !important;
}

/*h2*/
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  padding: .4em;
  margin: 0;
  font-size: 1.1em;
  font-weight:500;	
}



/* Тільки для 3 колонок */
@media (min-width: 981px) {

  ul.products.columns-3 li.product {
      width: 31% !important;
      margin-right: 3.5% !important;
  }

  ul.products.columns-3 li.product:nth-child(3n) {
      margin-right: 0 !important;
  }

}


/*сортування*/
/* Wrapper */
.woocommerce-ordering {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
    position: relative;
}

/* Select reset */
.woocommerce-ordering select.orderby {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    padding: 12px 45px 12px 18px;
    font-size: 15px;
    font-weight: 500;

    border-radius: 12px;
    border: 1px solid #e5e5e5;

    background-color: #ffffff;
    cursor: pointer;

    transition: all 0.25s ease;
    min-width: 260px;

    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* Hover */
.woocommerce-ordering select.orderby:hover {
    border-color: #999;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}

/* Focus */
.woocommerce-ordering select.orderby:focus {
    outline: none;
    border-color: #111;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
}

/* Custom arrow */
.woocommerce-ordering::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}

/* Mobile */
@media (max-width: 768px) {
    .woocommerce-ordering {
        justify-content: center;
    }

    .woocommerce-ordering select.orderby {
        width: 100%;
        min-width: auto;
    }
}



/* Woo Checkout: premium checkbox for terms */
.woocommerce-checkout #terms {
  /* ховаємо дефолтний вигляд, але лишаємо інпут живим */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 22px;
  height: 22px;
  margin: 0 10px 0 0;
  vertical-align: middle;

  border: 1px solid rgba(17, 24, 39, 0.28);
  border-radius: 7px;
  background: #fff;

  display: inline-grid;
  place-content: center;

  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, background-color .12s ease;
  cursor: pointer;
}

/* галочка */
.woocommerce-checkout #terms::before {
  content: "";
  width: 11px;
  height: 6px;
  border-left: 2px solid #111827;
  border-bottom: 2px solid #111827;
  transform: rotate(-45deg) scale(0);
  transition: transform .12s ease;
  transform-origin: center;
  margin-bottom: 2px;	
}

/* checked state */
.woocommerce-checkout #terms:checked {
  border-color: rgba(17, 24, 39, 0.55);
  background: #fff;
}

.woocommerce-checkout #terms:checked::before {
  transform: rotate(-45deg) scale(1);
}

/* hover */
.woocommerce-checkout #terms:hover {
  border-color: rgba(17, 24, 39, 0.55);
  transform: translateY(-1px);
}

/* focus (клавіатура) */
.woocommerce-checkout #terms:focus,
.woocommerce-checkout #terms:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.12);
}

/* сам текст біля чекбокса */
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout #terms + .woocommerce-terms-and-conditions-checkbox-text {
  font-size: 15px;
  line-height: 1.4;
}

/* якщо тема загортає checkbox у label - вирівнюємо */
.woocommerce-checkout .woocommerce-form__label-for-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}



.woocommerce-NoticeGroup a {
	color: #fff;
	text-decoration: underline;
} 



/* === Related Products Premium Style (Flex version) === */

/*.related.products {
    margin-top: 80px;
    padding-top: 40px;
    border-top: 1px solid #eee;
}*/

/* Заголовок */
.product .related h2:not(.woocommerce-loop-product__title)  {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 35px;
    position: relative;
}

.product .related h2:not(.woocommerce-loop-product__title):after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: #111827;
    margin-top: 12px;
    border-radius: 2px;
}

.product .related h2.woocommerce-loop-product__title { 
   font-size:18px !important;
}

/* FLEX layout */
.related.products ul.products {
    display: flex !important;
    flex-wrap: wrap;
    gap: 25px;
}

/* 4 товари в ряд */
.related.products ul.products li.product {
    width: calc(25% - 19px);
    border: 1px solid #f1f1f1;
    /*padding: 20px;*/
    /*border-radius: 12px;*/
    transition: all .25s ease;
    background: #fff;
}

/* Hover */
.related.products ul.products li.product:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,0.06);
    transform: translateY(-4px);
}

/* Адаптив */
@media (max-width: 992px) {
    .related.products ul.products li.product {
        width: calc(50% - 13px);
    }
}

@media (max-width: 576px) {
    .related.products ul.products li.product {
        width: 100%;
    }
}


/*выртуальний*/
/* Ховаємо тільки UI select */
.variations select {
    display: none !important;
}

.virsh-variation-wrapper {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
	flex-wrap: wrap;
}

.virsh-radio {
    cursor: pointer;
}

.virsh-radio input {
    display: none;
}

.virsh-radio span {
    padding: 10px 18px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    transition: 0.2s;
}

.virsh-radio input:checked + span {
    background: #7ebec5 /*#111827*/;
    color: #fff;
    border-color: #7ebec5 /* #111827*/;
}

.variations {
    display: none !important;
}

.woocommerce-variation-price {
	margin: 12px 0 5px 0;
	display: flex;
  justify-content: flex-start;
  align-items: self-end;
  flex-wrap: wrap;
}

.woocommerce-variation-price .virsh-variation-title {
	margin-right:10px;
	color: #2ea3f2;
}

.woocommerce-page div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity { 
	margin: 10px 5px 10px 0 !important;
}

.woocommerce div.product form.cart .button {  
  margin: 10px;
}


.virsh-variation-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #111827;
}

/*@media (min-width: 981px) {
    .et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product, .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product {
        width: 28.353%;
        margin-right: 7.47%;
    }
}*/




/*-end Woocommerce-*/


/*Вырші*/

.single pre.wp-block-spacer, .single pre.wp-block-verse, .single .my-verse, .page pre.wp-block-spacer, .page .my-verse, .page pre.wp-block-verse {
  background: #cccccc0d;
  font-family: inherit;
  font-size: larger;
  line-height: 1.6em;
  margin-bottom: 1.5em;
  padding: 30px;
  overflow: auto;
  max-width: 100%;
  margin-top:2em;	
}

/* WP Verse block: <pre class="wp-block-verse"> */
.wp-block-verse{
  /* типографіка */
 /* font-family: ui-serif, Georgia, "Times New Roman", serif;*/
  font-size: clamp(16px, 1.05vw + 12px, 20px);
  line-height: 1.85;
  letter-spacing: 0.01em;

  /* головне для віршів */
  white-space: pre-wrap;       /* зберігає переноси і пробіли, але дозволяє перенос по ширині */
  overflow-wrap: anywhere;     /* щоб дуже довгі рядки не ламали макет */

  /* блок */
  margin: 1.2em 0;
  padding: 1.1em 1.2em;
  border-left: 4px solid rgba(17,24,39,.9);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(17,24,39,.04), rgba(17,24,39,.02));
  box-shadow: 0 10px 28px rgba(0,0,0,.06);

  /* прибираємо "кодоподібний" вигляд pre */
  color: rgba(17,24,39,.92);
}

/* якщо в темі є стилі pre з monospace — переб’ємо */
.wp-block-verse,
.wp-block-verse *{
  font-family: inherit;
}

/* трішки повітря між строфами (порожні рядки) */
.wp-block-verse br{
  line-height: 1.6;
}

/* мобільне: компактніше */
@media (max-width: 480px){
  .wp-block-verse{
    padding: 0.95em 0.95em;
    border-radius: 12px;
  }
}


.wp-block-verse{
  position: relative;
  padding-top: 2.6em !important; /* місце під іконку */
}

/* SVG-іконка замість бейджа */
.wp-block-verse::before{
  content: "";
  position: absolute;
  top: 12px;
  left: 16px;

  width: 22px;
  height: 22px;

  opacity: .85;

  background-repeat: no-repeat;
  background-size: contain;

  /* SVG як data-uri (оптимізовано, fill через currentColor) 255 12 59  or 224, 153, 0 */
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='rgb(255, 212, 59)'>\
  <path d='M136.6 138.79a64.003 64.003 0 0 0-43.31 41.35L0 460l14.69 14.69L164.8 324.58c-2.99-6.26-4.8-13.18-4.8-20.58 0-26.51 21.49-48 48-48s48 21.49 48 48-21.49 48-48 48c-7.4 0-14.32-1.81-20.58-4.8L37.31 497.31 52 512l279.86-93.29a64.003 64.003 0 0 0 41.35-43.31L416 224 288 96l-151.4 42.79zm361.34-64.62l-60.11-60.11c-18.75-18.75-49.16-18.75-67.91 0l-56.55 56.55 128.02 128.02 56.55-56.55c18.75-18.75 18.75-49.15 0-67.91z'/>\
  </svg>");
}

/*ен д вырші*/

.hide {
	display:none !important;
}


html {
  height: 100%;
}

body {
  min-height: 100vh;         /* сторінка не менша за висоту вікна */ /* [web:9] */
  margin: 0;
}

/* Робимо контейнер основної частини колоною */
#et-main-area {
  min-height: calc(100vh - 80px); /* 80px ~ висота хедера, підкоригуй під себе */ /* [web:35] */
  display: flex;
  flex-direction: column;
}

/* Контент розтягується, футер прижимається вниз */
#main-content, .wp-site-blocks {
  flex: 1 0 auto;            /* займає весь доступний простір */ /* [web:9] */
}

#main-footer {
  flex-shrink: 0;            /* футер не стискається */ /* [web:9] */
}


.gray {
	color: #c7c7c7;
}




.spopup-ads h2#swal2-title {
	padding: 0;
}

.green {
	color:#11db11;
}

.fixed-button-note {
  position: fixed;
  z-index: 999999;
  bottom: 55px;
  left: 0px;
  width: 40px;
  height: 40px;
  background-color: #f4db59c9;
  color: #fff;
  cursor: pointer;
  font-style: normal;
  font-weight: bold;
  padding: 10px 6px;
  text-align: center;
  border-radius: 0 6px 6px 0;
}


/*** style the menu button ***/
.et-search-form input {
  background: #fff;
  padding:3px;
  border:1px solid #f4f4f4;	
  height:40px;	
}

#et-top-navigation .et-cart-info:hover {
		color:#2ea3f2;
	}

@media (min-width: 981px) {	
	#et_top_search {
	  float: right;
	  margin: 13px 0 0 22px;
	  position: relative;
	  display: block;
	}
	
	#et-top-navigation .et-cart-info {
		margin-top: 11px !important;
	}
	
	.et_header_style_left #et-top-navigation nav>ul>li>a {
       /* padding-bottom : 24px;*/
    }
	
}
.jointoday_button > a { 
	color: #7EBEC5 /*8FCA3B/*#f92c8b*/ !important; /*основной цвет*/
    line-height: 9px;
    font-weight: 600;
    padding: 13px 16px !important;
	margin-bottom:13px;
    text-transform: uppercase;
    font-size: 16px !important;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    border: 2px solid #7EBEC5;/*8FCA3B;/*#f92c8b;*/
}
 
.jointoday_button > a:hover, .current-menu-item.jointoday_button > a,
.current-menu-parent.jointoday_button  > a
{
    opacity: 1 !important;
    color: #fff !important;
    background-color: #7EBEC5; /*8FCA3B;/*#f92c8b;*/
}

.jointoday_button > a:after {
	display: none;
} 


.et_pb_scroll_top.et-pb-icon {  
	background: #7ebec594;	
	border: 1px solid #7EBEC5;
}

.et_pb_scroll_top.et-pb-icon:hover
{
  -webkit-box-shadow: 4px 8px 19px -3px #00000045;
  box-shadow: 4px 8px 19px -3px #00000045;
  transition: all 250ms;
}

/* popup*/
.popup-footer {
	font-size: 14px;
}

.p-in-swal {  
  margin: 8px 0;
  padding-bottom:0;	
}

.prodname {
	display:flex;
    padding:5px;
	font-weight:600;
	font-size:18px;
	text-align:left;
}

.popup-popup div#swal2-html-container {
	padding-top: 5px !important;
}

.popup-title {  
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  color: #1E1E1E;
  margin: 10px 0 3px 0; 	
}


.popup-popup {
  /*width: 38em;*/
}

.popup-popup textarea {
	width:80%;
	margin-top:5px;
}

.popup-confirm {
  background: #E25440;
  color: #fff;
  /*font-family: 'Montserrat';*/
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  margin-bottom: 15px;
  padding: 16px 32px;
  /*border: 2px solid #739B49;*/
}

.swal2-input {
  width: 80% !important;
  margin:auto;	
}

.popup-footer {
	font-size: 22px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.popup-footer span {
	margin: 0 12px;
}

@media (max-width: 980px) { 
	.swal2-input {
	  width: 90% !important;
	  margin:auto;	
	}	
}

.popup-popup .swal2-html-container {  
  padding: 1em 1em .3em;   
}


/*button light*/
/* From Uiverse.io by alexmaracinaru */ 
.cta {
  position: relative;
  margin: auto;
 padding: 14px 18px 11px 18px;
  transition: all 0.2s ease;
  border: none;
  background: none;
  cursor: pointer;
}

.cta:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50px;
  background: #E09900;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease;
}

.cta span {
  position: relative;  
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
}

.cta svg {
  position: relative;
  top: 0;
  margin-left: 10px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #fff;
  stroke-width: 2;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}

.cta:hover:before {
  width: 100%;
  background: #E09900;
}

.cta:hover svg {
  transform: translateX(0);
}

.cta:active {
  transform: scale(0.95);
}


/*button dark*/
/* From Uiverse.io by alexmaracinaru */ 
/* From Uiverse.io by alexmaracinaru */ 
.ctad {
  position: relative;
  margin: auto;
  padding: 13px 18px 11px 18px;
  transition: all 0.2s ease;
  border: none;
  background: none;
  cursor: pointer;
}

.ctad:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50px;
  background: #b1dae7;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease;
}

.ctad span {
  position: relative;
  font-family: "Ubuntu", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #234567;
}

.ctad svg {
  position: relative;
  top: 0;
  margin-left: 10px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #234567;
  stroke-width: 2;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}

.ctad:hover:before {
  width: 100%;
  background: #b1dae7;
}

.ctad:hover svg {
  transform: translateX(0);
}

.ctad:active {
  transform: scale(0.95);
}









article h1.main_title, .single h1.entry-title {
	text-transform: uppercase;
}

#logo:hover {
	opacity:.5;
}

.home .breadcrumb {
  display:none;	
}


#breadcrumbs {
  margin-bottom: 15px;
  padding: 3px 10px;
  width: 81%;
  max-width: 1320px;
  margin: auto;  
  font-size: 16px;
}


/*button inline*/

.inline-button {
	display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.inline-button .mybuton {
  padding: 10px 40px;
  border: 3px solid #d9d9d9;
  border-radius: 32px;
  margin: 12px;
  color: #668;
  font-size:21px;	
  overflow: hidden;
  font-weight: 500;	
}


.inline-button .mybuton:hover {
	/*background-color: #e09900;*/
	color: #fff;
	 border-color: #e09900;
} 


/*.inline-button .hvr-sweep-to-right::before {
		background-color: #e09900;
	    color: #fff;
}*/

.mytyping h2 {
	line-height:1em;
}

.inline-button .dashicons, .inline-button .dashicons-before::before {
  font-family: dashicons;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  text-rendering: auto;
  font-size: 26px;
  text-align: center;
  /*color: #dddada;*/
}



/*button3*/
.inline-button a::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 0;
 border-radius: 15px;
 background-color: #e09900;
 z-index: -1;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 250ms
}

.inline-button a:hover {
 color: #e8e8e8;
}

.inline-button a:hover::before {
 width: 100%;
}

.inline-button a {
 padding: 15px 25px;
 border: unset;
 border-radius: 15px;
 color: #212121;
 z-index: 1;
 background:#fff;
 position: relative;
 font-weight: 1000;
 font-size: 17px;
 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
 transition: all 250ms;
 overflow: hidden;
}





#ds-main-menu .et_pb_module_inner .dd-mi-w dd-menu-flex-item {
	display:flex;
}

.but-search .dd-text-content {
	display:none;
}

.but-search .dd-text-icon {
	padding-right: 0; 
}

/*@media all and (max-width: 1024px) and (min-width: 481px) {
	.et_pb_divimenus_flex_0_tb_header .dd-logo img {   
   		 width: 8em !important;
	}
}
*/

@media (max-width: 1024px)  {
	#ds-main-menu .et_pb_divimenus_flex_0_tb_header .dd-logo img {   
   		 width: 8em !important;
	}
	
	#ds-main-menu .dd-flex .dd-item {
	  padding: 14px;
	}
}

.et_pb_widget ul li {
  margin-bottom: .25em;
}

.et_pb_widget ul li a:hover {
   text-decoration:underline;
}

.et_pb_widget_area_right {
  border-left: 0px solid #0000001a !important;
  padding-left: 20px;
}

.et_pb_widget_area_right {
  border-left: 0px solid #0000001a !important;
  padding-left: 30px;
}


/*.single h1 {
    font-size:40px !important;
}*/


.single .et_pb_title_container h1 {
    font-size: 36px;
  }

@media (max-width: 767px) {
  .single .et_pb_title_container h1 {
    font-size: 24px;
  }
}


.single .et_pb_bg_layout_light p.et_pb_title_meta_container a {
	color: #2ea3f2; 
}

blockquote { 
	border-left: 0px solid #8DCCDA; 
	font-size: 18px;
	padding-left: 0px;
	font-weight:600;
}

blockquote p {
	padding-bottom: 25px !important;
}



.single-product  blockquote {
    margin: 30px 0;
    padding: 50px 20px 30px 20px;
    background: linear-gradient(145deg, #ffffff, #f1f5f9);
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.8;   
    color: #111827;
    position: relative;
}

.single-product  blockquote::before {
    content: "“";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 80px;
    color: #111827;
    opacity: 0.08;
    font-family: serif;
}

.single-product blockquote p {
	padding-bottom: 20px !important;
}


.term-description  {
	margin-bottom:12px;
}

.woocommerce .woocommerce-ordering {
  margin: 0 0 2em;
}

.dnxte_dual_button_0 .dnxt-button-wrapper .buttonOne,
.dnxte_dual_button_0 .dnxt-button-wrapper  .buttonTwo, 
.dnxte_button .dnxt-button-wrapper a
{  
	border-radius: 30px 30px 30px 30px !important;
	padding: .3em 2em 0.5em 2em;
}


/*FONT*/

code, pre {
    font-family: TildaSansVF, Courier New, monospace;
    margin-bottom: 10px;
    font-size: 20px;   
}


/* ЄДИНИЙ файл: variable WOFF2. Інші формати не потрібні у 2025 р. */
@font-face{
  font-family: "TildaSansVF";
  src: url("font/TildaSans-VF.woff2?v=1.009") format("woff2");
  font-weight: 100 900;          
  font-stretch: 75% 125%;       
  font-style: normal;
  font-display: swap;            
}


html, body, input, textarea, select, button {
  font-family:"TildaSansVF", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  font-weight: 400;
  font-stretch: 100%;
  line-height: 1.5;
  color: #333;
  font-optical-sizing: auto;     
  font-synthesis: none;         
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 18px;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'TildaSansVF', sans-serif !important;	
  color: #333;
  padding-bottom: 10px;
  line-height: 1.3em;
  font-weight: 500;
}


/*END FPNT*/

.et_pb_post_extra .post-categories a { 
  font-size: 16px;
}



/* ==========================================================
   PURE FLOAT (no scroll, no reveal)
   ========================================================== */

@keyframes pure-float {
  0%   { transform: translate3d(0, 0, 0); }
  50%  { transform: translate3d(0, -15px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

/* базовий */
.float {
  animation: pure-float 3s ease-in-out infinite;
}

/* варіації */
.float--slow  { animation-duration: 5s; }
.float--fast  { animation-duration: 2s; }
.float--small { animation-name: pure-float-small; }

@keyframes pure-float-small {
  0%   { transform: translate3d(0, 0, 0); }
  50%  { transform: translate3d(0, -6px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}


@media (prefers-reduced-motion: reduce) {
  .float,
  .float--slow,
  .float--fast,
  .float--small {
    animation: none !important;
  }
}
