/*
Theme Name: Leos Template
Author: Maxim Folko
Version: 4.1
Text Domain: leos
*/

:root{
  --main-color: #BA9D50;
  --second-color:black;
  --accent-color: #50ba9d;
  --title-color: var(--second-color);
}

body {
    background-color: #F7EDD2;
}

[lang="he-IL"] div.wpcf7 form input {
    direction: rtl !important;
}

a[href^="tel:"], a[href^="mailto:"] {
    white-space: nowrap;
}

.product-item span.sale,
.slick-prev:before,
.slick-next:before,
.main-menu>ul>li.current-menu-item>a,
.main-menu>ul>li>a:hover,
.category-menu>ul>li.current-menu-item>a,
.category-menu>ul>li>a:hover{
color: var(--main-color);
}
.product-item .loop-item-action .button.add_to_cart_button,
.product-item .loop-item-action .button.product_type_external,
.product-item .loop-item-action .button.product_type_grouped,
.product-item .product-price,
.btn-primary,
.bg-brand,
.top-cart,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(.disabled):not(.disabled).active,
.btn-primary:not(.disabled):not(.disabled):active,
.wpcf7 input[type=submit],
.hero-slider .slick-dots li.slick-active button,
.nav-desktop,
.call-btn-mobile,
.menu-social .social-link:hover,
.product-item .loop-item-action .button,
.filter-form button{
background-color: var(--main-color);
}
.btn-primary,
.wpcf7 input[type=submit],.product-item .loop-item-action .button.add_to_cart_button,
.product-item .loop-item-action .button.product_type_external,
.product-item .loop-item-action .button.product_type_grouped,
.product-item .product-price, .btn-primary, .bg-brand, .top-cart,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(.disabled):not(.disabled).active,
.btn-primary:not(.disabled):not(.disabled):active,
.hero-slider .slick-dots li.slick-active button,
.filter-form .filter-input-group, .filter-form select
{
border-color: var(--main-color);
}
.category-menu>ul>li>a:hover,
.main-menu>ul>li>a:hover,{
background-color: transparent !important;
}

.hvr-bounce-to-top:before,
.product-item .loop-item-action .button:hover,
.wpcf7 input[type=submit]:hover{
background-color: var(--accent-color);
fill:#fff;
color:#fff;
border-color: var(--accent-color);
}
.article-card__title:hover,
.btn-arrow:hover,
.li-item-line a:hover{
color: var(--accent-color);
}
a.top-cart:hover,
a.tel-link:hover,
footer .footer-menu li a:hover,
footer .footer-text a:hover{
color: var(--main-color);
}

.title-heading, 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, 
body,
.contact-wrapper .contact-title{
  color: var(--second-color);
}
.product-item .sale-perc{
font-size:1.5em;
top:65px;
width:2.5em;
height:2.5em;
}
.product-item span.sale{
display:none;
}
#whycons{
display:none;
}
.product-item .loop-item-action .button{
color:#fff;
}
.call-btn-mobile i{
color:#2B343B;
}
.product-item .woocommerce-LoopProduct-link{
position: relative;
}

.product-item .sale-perc{
	top: 0;
    right: unset;  
    background: transparent;
    left: 0;
    transform: rotate(0);
}
.entry ol
{
  list-style-position: outside;
}
.entry ol li
{
  font-size: 1.2em;
}
.entry ol li ol
{
  margin-right: -0.5em;
  margin-top: 0.5em;
}
.entry ol li ol li
{
  font-size: 1.003em;
}
header .header-logo img.logo{
  max-width: 250px;
  max-height: 125px;
  width: 100%;
  object-fit: contain;
}

@media screen and (width < 768px) {
  header .header-logo img.logo{
  max-height: 75px;
  }
  #leos {
    padding-bottom: 30px;
  }
  .product-item .sale-perc {
    width: 3.5em;
    height: 3.5em;
  }
  .section-middleform .bg-img{
        min-height: unset;
  }
  .section-middleform .middleform {
    bottom: -1px;
  }
  [data-zuz] {
    bottom: 32px !important;
  }
}
@media screen and (width > 768px) {
    .section-middleform .bg-img {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
  .section-middleform .middleform {
    bottom: 0;
  }
}

  .section-middleform .middleform .title-heading {
    color: var(--main-color) !important;
  }

span.wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 0;
}

.btn-category {
      font-size: 1.75rem;
}
.bg-brand > img{
    max-height: 35px;
    object-fit: contain;
}

.hero-slider img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.back-to-top {
  max-width : 100px;
}
.entry ol
{
  margin-right: -0.5rem;
}
.entry h1, .entry h2, .entry h3
{
  margin-top: 0.5em;
}

.glsr-field.glsr-field-email {
    display: none;
}
.glsr-field.glsr-field-choice {
    display: none;
}

.glsr-field.glsr-field-text {
    display: none;
}
.glsr-field.glsr-field-text.glsr-required {
    display: block;
}

.page-id-158 .woocommerce-notices-wrapper {
    display: none !important;
}
.woocommerce ul.products {
    direction: rtl;
    text-align: right;
}
.entry h2,.entry h3,.entry h4
{
	margin-top: 0.3em;
}
#product-accordion .card-body p,#product-accordion .card-header button
{
	color: black;
	font-size: 1em;
}


.auth {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 20px;
}
.auth__container {
  background: #fff;
  padding: 40px;
  border-radius: 8px;
  max-width: 380px;
  width: 100%;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.auth__title {
  font-size: 1.6rem;
  margin-bottom: 20px;
  text-align: center;
}
.auth__tabs {
  display: flex;
  margin-bottom: 20px;
}
.auth__tab {
  flex: 1;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: border-color .2s;
}
.auth__tab--active {
  border-color: var(--main-color);
  color: var(--main-color);
}
.auth__forms .auth__form {
  display: none;
}
.auth__forms .auth__form.auth__form--active {
  display: block;
}
.auth__form input {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.95rem;
}
.auth__form button {
  width: 100%;
  padding: 12px;
  background: var(--main-color);
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
}
.auth__errors {
  background: #ffe6e6;
  color: #a00;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 15px;
}
.auth__errors p {
  margin: 0 0 5px;
  font-size: 0.9rem;
}

.header__auth-btn {
  display: inline-block;
  padding: 8px 16px;
  margin-left: 16px;
  background: var(--main-color);
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.9rem;
  transition: background .2s;
}
.header__auth-btn:hover {
  background: #42927f;
  color: white;
}

.textarea-height-auto {
 height: auto !important;
}

.footer-form-wrap {
  background: linear-gradient(180deg, #f7edd2, #ba9d50);
}

.sticky-tel-color {
    background-color: #34b7f1;
}
.sticky-wa-color {
  background-color: #25d366;
}

.invisible-table {
  width: 100%;
  border-collapse: collapse;
  border: none !important; 
}
.invisible-table td {
  vertical-align: top;
  width: 50%;
  padding: 10px;
  border: none !important; 
}
.invisible-table video, .invisible-table .wp-video, .invisible-table .wp-video .mejs-container{
    width: 100% !important;
    height: 315px !important;
  border: none;
   object-fit: cover; 
   max-width: 100%;
}
.textTop {
    background: #000;
    color: #FFF;
    text-align: center;
}
.linkhome {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.linkhome a {
    background-color: #ba9d50;
    padding: 10px 20px;
    border: 2px solid #FFF;
    border-radius: 31px;
}

.linkhome a:hover {
    background-color: #000;
    color: #ba9d50;
}
a.customer {
    position: fixed;
    bottom: 50%;
    left: 20px;
    z-index: 9999;
    background: #ba9d50;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    line-height: 19px;
    font-weight: 700;
    border: 1px solid #FFF;
}

a.customer:hover {
    color: #FFF;
}
.embed-container iframe {
    width: 100%;
}
div#slick-slid {}

.cardRed {
    background: #faf7ec;
    border-radius: 16px;
    padding: 16px;
    line-height: 1.6;
    text-align: center;
    margin: 0 10px;
}

.cardRed h5 {
    text-align: center;
    margin-top: 19px;
    color: #ba9d50;
}