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

:root {
                --gold-natan: #32435f;
                --blue-natan: #202d3f;
                --text-natan: #262225;
                --faq-natan: #262225;
                --form-natan: #030405;
                --post-natan: #262225;
                --zahav-natan: #8e9cb0;
}

.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: 1600px) {
    .home-main-block {
        min-height: 80vh;
    }

    .main-home-col {
        top: 5vh;
        right: 13rem;
        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 {
    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;
            object-fit: contain;
  }
  .about-content-col .base-output {
      text-align: justify;
  }

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

.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;
}
.question-header .answer-body p
{
	margin-bottom: 1em;
	font-size: 1rem;
}