/*
Theme Name: LEOS LAW
Author: Kat Happens
Version: 1.0
Text Domain: leos
*/

:root {
  	--white: #ffffff;
    --gold-natan: #d3b04d;
    --blue-natan: #142946; /*#000103*/
    --text-natan: var(--white);
    --faq-natan: #262225;
    --form-natan: #030405;
    --post-natan: #262225;
    --zahav-natan: #ebcd79;
}

* {
 accent-color: var(--blue-natan); 
}
/*body, .post-content-wrap, .about-article-wrap {
  color: var(--text-natan);
  background-color: var(--blue-natan);
}*/

.sidebar-image img {
  	max-height: 400px;
    object-fit: contain;
}
.base-output ul
{
	margin-right: 2rem;
}

.base-output ul li
{
	margin-bottom: 0.5em;
}

.home-about-block h4 {
    font-size: 2.1818181818rem;
    line-height: 2.2727272727rem;
}

.form-sidebar-wrap div.wpcf7 input, .form-sidebar-wrap div.wpcf7 input::placeholder,
.form-sidebar-wrap div.wpcf7 textarea, .form-sidebar-wrap div.wpcf7 select,
.form-banner-wrap div.wpcf7 input, .form-banner-wrap div.wpcf7 textarea, .form-banner-wrap div.wpcf7 select{
  font-size: 1rem !important;
  height: 2rem !important;
}

.about-page .base-output p, .about-page .base-output li, .post-content-wrap .base-output p, .post-content-wrap .base-output li, .sidebar-side ul li a, .card-base-text {
  font-size: 1rem;
}
.post-item-title, .side-form-title {
    font-size: 1.25rem;
}


@media (max-width: 1500px) {
  .benefit-num-circle {
    width: clamp(2.2rem, 1.5vw, 3.3636363636rem);
    height: clamp(2.2rem, 1.5vw, 3.3636363636rem);
    min-width: clamp(2.2rem, 1.5vw, 3.3636363636rem);
    margin-left: 0.6363636364rem;
  }
  .home-link {
    font-size: clamp(0.7rem, 1.5vw, 0.9090909091rem);
    line-height: 1.1363636364rem;
  }
}

.about-image {
  background-color: unset;
}
.about-image img {
  object-fit: contain;
      position: relative;
}
@media (max-width: 400px) {
  .about-image{
    max-width: 100%;
  }
  .about-image-outside:after {
    display: NONE;
  }
}

.about-page-img-back {
    max-height: -webkit-fill-available;
    object-fit: contain;
}
.base-output ol li
{
	margin-bottom: 1em;
}
.about-page .base-output p, .post-content-wrap .base-output p
{
	margin-bottom: 1em;
}

@media screen and (width < 768px) {
  body {
    overflow-x: hidden;
  }

  .homepage-slider, .mobile-homepage-slider {
      max-width: 100%;
      overflow-x: hidden;
  }
  .mobile-homepage-slider .slick-slider .slick-track, .mobile-homepage-slider .slick-slider .slick-list {
    display: flex !important;
}

  .base-slider-block {
      width: 100%;
  }

  .slider-col-wrapper {
      background-size: cover;
      background-position: center;
  }
      .base-mobile-output h1 {
        font-size: 1.6363636364rem;
        line-height: 1.8181818182rem;
    }
}

.sticky.fixed {
    z-index: 99900 !important;
}

.fancybox-slide {
    height: auto !important;
    aspect-ratio: 16 / 9;
    top: 50vh !important;
    transform: translateY(-50%);
}

.video-thumbnail img {
    width: 100%;
}

.review-image img {
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
}

/*.basic-header {
  background-color: var(--white);
}*/
.sticky.fixed {
    margin-bottom: 50px;
    position: fixed !important;
 background-color: var(--blue-natan);
}
/*h1, h2, h3, h4, h5, h6, .base-output p, .base-output li, .block-title, .base-output, .about-page .base-output p, .about-page .base-output li, .post-content-wrap .base-output p, .post-content-wrap .base-output li {
  color: var(--white-natan);
}*/
/*#MainNav ul li a, .header-detail-text {
 color: var(--blue-natan); 
}*/
.card-base-text, .post-item-title {
	color: var(--blue-natan);
}
#MainNav ul li a:hover, .block-description, .base-output a, .about-page .base-output a, .post-content-wrap .base-output a {
  color: var(--gold-natan);
}
/*
.header-details svg, .header-details svg *{
  fill: var(--blue-natan);
}
*/
/*
.header-socials .social-link {
  filter: invert(1);
}
*/
.header-mini-logo {
    max-height: 50px;
  	padding-inline-end: 20px;
}

.main-title {
	color: var(--gold-natan);
    font-weight: 600;
}

header {
    z-index: 2555;
    position: relative;
}

@media screen and (min-width: 1600px) {
    .home-main-block {
        min-height: 80vh;
      	margin-top: -6.363636rem;
    }

    .main-home-col {
        top: 5vh;
        right: 0;
        position: relative;
        max-width: 580px;
        padding-bottom: 0.5rem;
    }

    .main-home-col .logo-home {
        padding-bottom: 1rem;
    }

    .main-home-col .logo-home img {
        max-width: 440px;
    }

    .main-home-col .main-title {
        /*color: #ffffff;*/
        font-size: 3.5rem;
        font-weight: 700;
    }

    .home-main-subtitle {
        color: #ffffff;
        font-size: 1.5rem;
        font-weight: 300;
    }
}

.home-benefits-back {
    margin-top: 2rem !important;
}

.about-image img {
    opacity: 1;
}

header.sticky:not(.fixed) .header-bottom .dropdown-menu {
    display: none !important;
}
.sticky-icons {
  display: none;
}
@media screen and (max-width: 768px) {
    .main-home-col {
        max-width: 75vw;
        margin-top: -6rem;
        margin-inline: auto;
    }

    .service-col {
        margin-bottom: 1rem;
    }

    .home-about-block {
        padding-top: 1.5rem !important;
    }

    .faq {
        padding: 0.954545rem 0 1.272727rem 0;
    }

    header.sticky:not(.fixed) .header-bottom .dropdown-menu {
        display: none !important;
    }

    header.sticky.fixed .header-bottom button.hamburger {
        display: block !important;
        padding: 0;
    }

    header.sticky.fixed .header-bottom button.hamburger .hamburger-box {
        width: 20px;
        display: block;
    }

    header.sticky.fixed .header-bottom button.hamburger .hamburger-inner,
    header.sticky.fixed .header-bottom button.hamburger .hamburger-inner::before,
    header.sticky.fixed .header-bottom button.hamburger .hamburger-inner::after {
        background: #ffffff;
    }
  .header-mini-logo {
    display: none;
  }
  .videos-slider .video-slide-wrap {
        padding-inline: 20px !important;
    overflow: hidden;
  }
  .videos-slider .slick-prev {
    right: -12px;
	}
  .videos-slider .slick-next {
    left: -12px;
  }
  header {
        max-width: 100%;
  }
  .header-top {
    display: flex;
    flex-wrap: wrap;
  }
  header .header-bottom {
        display: flex;
    flex-wrap: wrap;
  }
  .header-socials {
        display: none !important;
    }
      .sticky-icons {
        position: fixed;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 1000;
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

    .sticky-icons__logo {
        margin-bottom: 20px;
    }

    .sticky-icons__logo-link {
        display: block;
    }

    .sticky-icons__logo-img {
        max-width: 30px;
        height: auto;
    }

    .sticky-icons__social-links {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sticky-icons__social-link {
        display: block;
        width: 50px;
        height: 50px;
    }

    .sticky-icons__social-icon {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .main-title {
        font-size: 2.7rem;
    }
}

.post-content-wrap, .about-article-wrap {
  box-shadow: none;
}
.banner-block {
      background-image: none;
}
.base-output iframe {
  max-width: 100%;
}
.header-details {
  padding: 1rem;
}
.header-details.tel-link {
    padding-block: 0.3rem;
}
.col-border-right {
    border-right: 1px solid #ffffff;
}

@media screen and (width > 768px) {
    #MainNav ul > li > ul.sub-menu {
      position: absolute;
      z-index: 10;
      display: flex;
      background-color: #28405b;
      /*background-color: #ffffff42;*/
      border-radius: 20px;
      pointer-events: none;
      opacity: 0;
      height: auto;
      top: 35px;
      width: 0;
      max-width: 250px;
      max-height: 0;
      flex-direction: column;
      transition: opacity 0.3s ease, max-height 0.3s ease, width 0.3s ease;
      overflow: hidden;
    }

    #MainNav ul > li.menu-item-has-children:hover > ul.sub-menu {
      opacity: 1;
      pointer-events: auto;
      max-height: 500px;
      width: auto;
    }
  	.home-main-block .homeboss-img img {
        right: 0vw;
    	position: relative;
  	}
}

@media screen and (width < 768px) {
  .dropdown-menu ul.sub-menu{
    display: none;
  }
  .dropdown-menu ul li.menu-item-has-children.active {
    display: block;
  }
  .menu-item-has-children.active > .sub-menu {
    height: auto !important;
    display: flex;
    flex-direction: column;
	}
  .about-image {
    	width: 80vw;
  }
  .about-image img {
      position: relative !important;
  }
  header.sticky.fixed .header-bottom button.hamburger .hamburger-inner, header.sticky.fixed .header-bottom button.hamburger .hamburger-inner::before, header.sticky.fixed .header-bottom button.hamburger .hamburger-inner::after,
  .wrap-inside-hamburger .hamburger-inner, .wrap-inside-hamburger .hamburger-inner::before, .wrap-inside-hamburger .hamburger-inner::after, .wrap-inside-hamburger .hamburger.is-active .hamburger-inner, .wrap-inside-hamburger .hamburger.is-active .hamburger-inner::before, .wrap-inside-hamburger .hamburger.is-active .hamburger-inner::after{
    background: var(--gold-natan);
	}
}
.simple-sitemap-container ul
{
	margin-right: 2rem;
}
#MainNav ul.sub-menu li {
	text-align: center;
}

.about-video-overlay, .about-video-block {
  background-color: transparent;
}

html[lang="en-US"],
html[lang="en"] {
	direction: ltr;
}

html[lang="en-US"] body,
html[lang="en"] body {
	direction: ltr;
	text-align: left;
}

html[lang="en-US"] .dropdown-menu {
	right: 0;
	left: unset;
}

html[lang="en-US"] .wpcf7-form * {
	direction: ltr !important;
}

html[lang="en-US"] div.wpcf7 input, html[lang="en-US"] div.wpcf7 textarea, html[lang="en-US"] div.wpcf7 select {
	padding-right: 5px;
	padding-left: 3rem;
	background-size: 2.2727272727rem;
	background-repeat: no-repeat;
	background-position: calc(5px);
}

html[lang="en-US"] .form-sidebar-wrap div.wpcf7 input[type=submit], html[lang="en-US"] .form-banner-wrap div.wpcf7 input[type=submit] {

}

html[lang="en-US"] div.wpcf7 input[type=submit] {
	padding: 3px 26% 3px 16% !important;
	background-position: calc(100% - 7px) center;
	background-image: url("/wp-content/themes/BenNatan/assets/iconsall/form-submit-en.png");
}
html[lang="en-US"] div.wpcf7 input[type=tel] {
	background-image: url("/wp-content/themes/BenNatan/assets/iconsall/form-tel-en.png");
}
html[lang="en-US"] .post-card-wrap {
	direction: ltr;
	text-align: start;
}
html[lang="en-US"] .foo-menu {
	direction: ltr;
	text-align: start;
}
html[lang="en-US"] footer .contact-list li a img {
	margin-left: unset;
	margin-inline-end:  0.7rem;
}
html[lang="en-US"] footer li:before {
	right: unset;
	left: 0;
}
html[lang="en-US"] footer li a {
	padding-right: unset;
	padding-inline-start: 20px;
}

html[lang="en-US"] #leos span {
	left: 100%;
	right: unset;
}
html[lang="en-US"] .form-sidebar-wrap div.wpcf7 input,
html[lang="en-US"] .form-sidebar-wrap div.wpcf7 input::placeholder,
html[lang="en-US"] .form-sidebar-wrap div.wpcf7 textarea,
html[lang="en-US"] .form-sidebar-wrap div.wpcf7 select,
html[lang="en-US"] .form-banner-wrap div.wpcf7 input,
html[lang="en-US"] .form-banner-wrap div.wpcf7 textarea,
html[lang="en-US"] .form-banner-wrap div.wpcf7 select {
	background-size: 1.3181818182rem;
	font-size: 0.6363636364rem;
	padding-right: 2rem;
}

html[lang="en-US"]  .acceptance-col input[type=checkbox] {
	margin-left: 0px;
	margin-right: 7px;
}

html[lang="en-US"] div#ht-ctc-chat {
	left: unset !important;
	right: 10px !important;
}
html[lang="en-US"] .header-details svg {
	margin-left: unset;
	margin-right: 1.3636363636rem;
}
.ltr-row {
    flex-direction: row-reverse;
}
.side-form-title
{
	line-height: 1.4em;
}

.bidi-plus {
       unicode-bidi: plaintext;
}

@media (min-width: 1700px) {
    .homepage-slider .slider-col-wrapper {
        min-height: unset !IMPORTANT;
    }
}

input.ilpc-external-checkbox {
    width: auto;
    height: auto !important;
    margin-block: 0 !important;
}