/*!
* Client specific customizations; base theme will be blank.  Implemented in child theme
==========================================================================
TABLE OF CONTENTS
==========================================================================
  1. Unorganised Styles
  2. Base Styles
  3. Header
  4. Backgrounds
  5. Borders
  6. Border Radius
  7. Buttons
  8. Headings
  9. Banners & Blocks
  10. Footer
  11. Sidebars
  12. Hero Slider
  13. Pages
  14. Mobile
  15. Animations
==========================================================================*/
/* ==========================================================================
Unorganised Styles
========================================================================== */
/* ==========================================================================
Base Styles
========================================================================== */
/* ==========================================================================
Header
========================================================================== */
@media (min-width: 992px) {
  #header .header-holder .logo {
    max-width: 18rem;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  #header .header-holder .logo img {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #header .header-holder .logo {
    max-width: 15rem;
  }
  #header .header-holder .menu-drop .main-nav li a,
  #header .header-holder .menu-drop .main-nav li span {
    font-size: 0.75rem;
  }
  #header .header-holder .menu-holder > .btn {
    width: 92px;
    min-width: unset;
    max-width: unset;
    font-size: 10px;
  }
}
@media (max-width: 991px) {
  #header .header-holder .logo {
    max-width: 18rem;
    margin-bottom: 0;
  }
  #header .header-holder .logo img {
    width: 100%;
    padding: 10px 0;
  }
  #header .header-holder .menu-holder > .btn {
    -ms-flex-line-pack: center;
        align-content: center;
    font-size: 12px;
  }
}

/* ==========================================================================
Backgrounds
========================================================================== */
.bg-image,
.smile-gallery-block::after {
  opacity: 0.5;
}

.smile-gallery-block,
.testimonials-section {
  background-color: #ddf2f3;
}

.smile-gallery-block .smile-gallery .smile-gallery-wrapper {
  background: var(--secondary);
}

.testimonials-section {
  -webkit-filter: unset;
          filter: unset;
}
.testimonials-section::before {
  background: none;
}

.partners-section {
  background-color: unset;
}
@media (min-width: 768px) {
  .partners-section {
    background-color: unset;
  }
}
.partners-section .partners-slider .img-holder img {
  -webkit-filter: unset;
          filter: unset;
}

/* ==========================================================================
Borders
========================================================================== */
/* ==========================================================================
Border Radius
========================================================================== */
/* ==========================================================================
Buttons
========================================================================== */
/*Style #1*/
.btn,
.button,
input[type=submit] {
  border-radius: 0;
}

.btn p,
.button p,
input[type=submit] p {
  margin-bottom: 0;
}

.about-section .btn.btn-decor {
  padding-left: 1.5625rem;
}

/* ==========================================================================
Headings
========================================================================== */
@media (min-width: 992px) {
  .about-section .heading h1 {
    font-size: 2.8rem;
  }
}
/* ==========================================================================
Banners & Blocks
========================================================================== */
/*Smile Gallery block*/
.smile-gallery-block {
  position: relative;
  max-width: unset;
}
.smile-gallery-block > div {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
.smile-gallery-block > div .smile-gallery .smile-gallery-wrapper p {
  color: #fff;
}

/*Slogan block*/
@media (max-width: 991px) {
  .slogan-section h2 {
    text-align: center;
    line-height: 1.5rem;
  }
}

/* ==========================================================================
Footer
========================================================================== */
#footer .container {
  max-width: 90rem;
}
@media (min-width: 992px) {
  #footer .container [class*=md-]:has(.logo) {
    width: 32%;
  }
  #footer .container [class*=md-]:has(nav) {
    width: 18%;
  }
  #footer .container [class*=md-]:has(.contact-list) {
    width: 27.5%;
  }
  #footer .container [class*=md-]:has(.rateus-form) {
    width: 22%;
  }
  #footer .container [class*=md-]:has(.rateus-form) .social-networks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    text-align: center;
    margin-bottom: 0;
    width: 182px;
  }
}
@media (min-width: 992px) {
  #footer .container .logo-holder .logo,
  #footer .container .logo-holder .info-block {
    width: 100%;
    max-width: unset;
  }
}

/* ==========================================================================
Sidebars
========================================================================== */
#sidebar .card .card-header {
  text-align: center;
}
#sidebar .card .card-header h3 {
  margin-bottom: 0;
}

/* ==========================================================================
Hero Slider
========================================================================== */
.intro-section {
  background-color: #fff;
}
.intro-section .intro-slider .slider--full_w_full_h .container .slider-image {
  opacity: 0.8;
}
@media (max-width: 991px) {
  .intro-section .intro-slider .slider--full_w_full_h .container .text-holder .h1, .intro-section .intro-slider .slider--full_w_full_h .container .text-holder h1 {
    font-size: 1.5rem;
  }
  .intro-section .intro-slider .slider--full_w_full_h .container .text-holder .h1 strong, .intro-section .intro-slider .slider--full_w_full_h .container .text-holder h1 strong {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .intro-section .intro-slider .slider--full_w_full_h .container .text-holder {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 26, 27, 0.3)), to(transparent));
    background: linear-gradient(180deg, rgba(25, 26, 27, 0.3), transparent);
  }
}

/* ==========================================================================
Pages
========================================================================== */
/*Insurance page*/
@media (min-width: 768px) {
  section[about="/patient-info/insurance-financing"] .col-md-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  section[about="/patient-info/insurance-financing"] .col-md-3 p:has(img) {
    min-height: 115px;
    -ms-flex-line-pack: center;
        align-content: center;
    text-align: center;
  }
  section[about="/patient-info/insurance-financing"] .col-md-3 p:has(img) img {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  section[about="/patient-info/insurance-financing"] .col-md-3 {
    text-align: center;
  }
}

/* ==========================================================================
Mobile
========================================================================== */
/* ==========================================================================
Animations
========================================================================== */
/*# sourceMappingURL=custom.css.map */