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

:root {
    --gold-natan: #092242;
    --blue-natan: #092242;
  	--button-color: #C19346;
    --text-natan: #121212;
    --faq-natan: #262225;
    --form-natan: #030405;
    --post-natan: #262225;
    --zahav-natan: #d9d9d9;
}

.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;
  }
}
@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%;
}

.sticky.fixed {
    margin-bottom: 50px;
    position: fixed !important;
  background-color: var(--blue-natan);
}

.header-mini-logo {
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 80px;
  	padding-inline-end: 20px;
}

@media screen and (min-width: 1200px) {
    .home-main-block {
        min-height: 80vh;
    }

    .main-home-col {
        gap: 40px;
        top: -20vh;
        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: #c19346;
        font-size: 3.5rem;
        font-weight: 700;
              background-color: #092242;
        padding: 10px 35px;
        border-radius: 700px;
    }

    .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: 90vw;
        margin-top: -6rem;
              gap: 50px;
        margin-inline: auto;
          padding: 5px 20px;
    border-radius: 50px;
    }

   .main-home-col a.base-link.home-link {
     font-size: 18px;
  }
  .main-title {
    color: var(--button-color) !important;
        background-color: #092242;
            padding: 10px 15px;
        border-radius: 39px;
    font-weight:600;
  }
    .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 {
    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: var(--blue-natan);
      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: 5vw;
    	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;
  }

}
@media screen and (1440px < width < 2000px) {
  .home-main-block {
    overflow: hidden;
  }
.home-main-block .homeboss-img img {
          bottom: -5vh;
  }
}

.block-title {
  color: var(--gold-natan);
}

.header-top .container-fluid > .row {
    align-items: stretch;
}

.header-top .container-fluid > .row > [class^="col-"] {
    border-left: 1px solid white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: unset !important;
}

 .gt_switcher .gt_option {
   position: absolute !important;
   padding-top: 35px;
}
@media screen and (width < 768px) {
  .header-top .container-fluid > .row > [class^="col-xl-auto"] {
      align-items: flex-end;
  }
}
@media screen and (width > 1400px) {
  .main-home-col {
	transform: translateX(0);
  }
  	.main-block-back.opacity-block {
  		    opacity: 0.94;
	}
}

#MainNav ul li a{
	font-size: 1.2rem;
}

.base-link, .side-form-title, .offer-form-title{
	color: var(--button-color) !important;
  	font-weight: 400;
}
.form-sidebar-wrap div.wpcf7 input[type=submit], .form-banner-wrap div.wpcf7 input[type=submit], div.wpcf7 input[type=submit] {
  	background-color: var(--button-color) !important;
  	color: var(--gold-natan) !important;
}
.contact-button {
  border-color: var(--button-color) !important;
}


.benefit-num-circle {
    border: 1px solid #C19346;
}
.benefit-num-circle .benefit-number{
    color: #C19346;
}
.contact-info-title {
 font-weight: 700; 
}
body.page-id-143 :is(#breadcrumbs *, .block-title.white-title, .contact-info-title) {
  color:  #092242 !important;
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output,
.wpcf7-form.init .wpcf7-response-output,
.wpcf7-form.resetting .wpcf7-response-output,
.wpcf7-form.submitting .wpcf7-response-output {
  display: none !important;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: -10% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  transform: translate(-50%, 0) !important;
  background-color: #ffffff !important;
  text-align: center !important;
  z-index: 9999 !important;
}

.wpcf7 form.sent,
.wpcf7 form.invalid,
.wpcf7 form.failed,
.wpcf7 form.aborted,
.wpcf7 form.spam,
.wpcf7 form.unaccepted {
  padding-bottom: 35px !important;
}
.acceptance-col label
{
	margin-top: 1.5em;
}