/*!
 * Client specific customizations; base theme will be blank.  Implemented in child theme
 */

/* About Us and Inform Section */
.about-us-section.section.photo-left-2-section .left-photo-container,
.inform-section.section.photo-left-2-section .left-photo-container {
  flex-direction: row-reverse;

  .left-photo {
    max-width: 100%;
    margin: auto;

    @media (min-width: 992px) {
      max-width: 60%;
    }

    @media (min-width: 1200px) {
      max-width: 45%;
    }
  }

  .half-page-block.white-block {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;

    @media (min-width: 992px) {
      max-width: 100%;
      padding-left: 0;
      padding-top: 20px;
    }

    @media (min-width: 1200px) {
      max-width: 55%;
      padding-left: 50px;
      padding-top: 0;
    }
  }

  .btn.btn-warning {
    line-height: 2rem;

    @media (min-width: 992px) {
      padding: 1rem 0;
      font-size: 1rem;
    }
  }
}

@media screen and (min-width: 992px) {
  .section.hero-background {
    padding-top: 14rem;
  }
}

@media (min-width: 992px) and (max-width: 1599px){
  .contextual-region.posts-grid.breeds-grid.posts-grid-default .posts-holder {
    width: 47.33%;
  }
}

@media screen and (min-width: 768px) {
  .section.hero-background .hero-container .hero-heading {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .header-top .header-list {
    justify-content: flex-end;
  }
}

#header #header-holder.header-holder.slide-show-header {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.menu-holder .btn.btn-warning {
  background-color: var(--btn_hover);
  border: 1px solid var(--btn_hover);
  color: var(--btn_font_hover);
}

.menu-holder .btn.btn-warning:hover {
  background-color: var(--btn);
  border: 1px solid var(--btn);
  color: var(--btn_font);
}

.slogan-section:before {
  background: rgba(0, 0, 0, .3);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.card-hover:hover {
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
  transform: scale(1.02);
  transition: all 0.3s ease;
}

.members-holder hr {
  @media (min-width: 1200px) {
    margin: 20px 0;
  }
}

@media (max-width: 576px) {
  .services-section .section [class*=col-] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.menu-drop .main-nav .dropdown-menu .menu-submenu .menu-submenu-ul .menu-li>a {
  height: 100%;
}

@media (min-width: 992px) {
  .team-section .member .h4 {
    font-size: 1.675rem;
  }
}