/* TEALS */
/* 01 */

.tooth-background {
  fill: #6da5a3 !important;
}
.color-primary-0 {
  color: #6da5a3;
}

::-webkit-scrollbar-thumb,
.color-primary-0-B {
  background-color: #6da5a3;
}

/* 02 LIGHT */
.vignette-text,
.google-open,
.map-title,
.contact-desc,
.hero-btn-slider,
.service-title,
.light .header-title,
.light .main-nav-link:link,
.light .main-nav-link:visited,
.light .footer-nav-link:link,
.light .footer-nav-link:visited,
.light .color-primary-1 {
  color: #ecfaf9;
}

footer,
.section-team,
.section-payment,
.color-primary-1-B {
  background-color: #ecfaf9;
}
.smile {
  fill: #ecfaf9;
}
/* LIGHT BETWEEN */
.service-title-desc,
.subtitle,
.google-open:hover,
.map-desc,
.service-desc,
.service-list,
.light .main-nav-link:hover,
.light .main-nav-link:active,
.light .footer-nav-link:hover,
.light .footer-nav-link:active,
.light .color-primary-between--light {
  color: #cde9e7;
}

.slide-progress--full-bar,
.color-primary-between--light-B {
  background-color: #cde9e7;
}
.light .menu-outline line,
.light .close-outline line {
  stroke: #cde9e7;
}

/* 
  <!-- href="https://www.google.com/maps/place/909+N+Lake+St,+Aurora,+IL+60506/@41.7758836,-88.3164386,17z/data=!4m5!3m4!1s0x880efacf808d235b:0xf0cc7cc525a9a7e5!8m2!3d41.7758796!4d-88.3142499" -->
  */
/* 03 LIGHT MIDDLE */

.hover-flip,
.color-primary-2 {
  color: #afd8d6 !important;
}

::-webkit-scrollbar-track,
.circle-accent--3,
.dot,
.btn-slider,
.color-primary-2-B {
  background-color: #afd8d6;
}
.slider-team {
  background-image: linear-gradient(to bottom left, #afd8d6, #cde9e7);
}

footer {
  border-top: 2px solid #afd8d6;
}

.sticky .header,
.color-primary-2-Border {
  border-bottom: 2px solid #afd8d6;
}

/* 04 DARK MIDDLE */

.no-insurance-desc,
.employee-desc,
.header-title,
.main-nav-link:link,
.main-nav-link:visited,
.footer-nav-link:link,
.footer-nav-link:visited,
.color-primary-3,
.nav-desc {
  color: #3c7d7a;
}

.section-hero,
.hero-title-div,
.section-contact,
.section-services,
.dot--selected,
.color-primary-3-B {
  background-color: #3c7d7a !important;
}
.service-card-svg--full,
.service-card-svg--kid,
.service-card-svg--adult,
.service-card-svg--brace {
  fill: #3c7d7a !important;
}

/* .service-card {
  background-image: linear-gradient(to top right, #296765, #175250) !important;
} */
/* 05 DARK BETWEEN */

.no-insurance .heading-secondary,
.main-nav-link:hover,
.main-nav-link:active,
.footer-nav-link:hover,
.footer-nav-link:active,
.nav-title,
.employee-title,
.color-primary-between--dark {
  color: #296765;
}

.color-primary-between--dark-B {
  background-color: #296765;
}

.nav-open .menu-outline line,
.nav-open .close-outline line,
.menu-outline line,
.close-outline line {
  stroke: #296765;
}

.tooth-background {
  fill: #296765;
}

/* 05 DARK */

.leaflet-popup-content,
.employee-name,
.color-primary-4 {
  color: #175250;
}

.hero-title-div,
::-webkit-scrollbar-thumb:hover,
.section-services,
.color-primary-4-B {
  background-color: #175250;
}

.service-card-svg--full,
.service-card-svg--kid,
.service-card-svg--adult,
.service-card-svg--brace {
  fill: #175250;
}

/* SECONDARY SERVICES */

.service-card {
  background-image: linear-gradient(to top right, #6da5a3, #3c7d7a);
}

/* BLUES */
/* PRIMARY HERO */

.cta-btn {
  color: #20355a;
}

.cta-btn:hover {
  box-shadow: inset 0 0 0 3px #eef3fb;
  color: #20355a;
  color: #eef3fb;
  background-color: #3c7d7a;
}

.cta-btn {
  background-color: #4d9f57;
  color: #eefcef;
  transition: all 0.5s;
  border: none;
  padding: 1.2rem 2.4rem;
  border-radius: 10px;
  cursor: pointer;
}
.cta-btn:hover {
  box-shadow: inset 0 0 0 3px #bde9c2;
  color: #486088;
  color: #bde9c2;
  /* color: #20355a; */
  background-color: #3c7d7a;
  border: none;
  padding: 1.2rem 2.4rem;
}

/* SECONDARY  HERO */

.color-secondary-1-0 {
  color: #7b8fb1;
}

.color-secondary-1-0-B {
  color: #7b8fb1;
}

.color-secondary-1-1 {
  color: #eef3fb;
}

.color-secondary-1-1-B {
  color: #eef3fb;
}

.color-secondary-1-2 {
  color: #b7c6de;
}

.color-secondary-1-2-B {
  color: #b7c6de;
}
.color-secondary-1-3 {
  color: #486088;
}

.color-secondary-1-3-B {
  color: #486088;
}

.color-secondary-between--dark {
  color: #344a71;
}

.color-secondary-1-4 {
  color: #20355a;
}
.color-secondary-1-4-B {
  color: #20355a;
}

/* GREENS */

.color-secondary-2-0 {
  color: #86cb8f;
}
.section-payment {
  /* background-color: #bde9c2; */
}
.color-secondary-2-1 {
  color: #eefcef;
}
.color-secondary-2-2 {
  color: #bde9c2;
}
.color-secondary-2-3 {
  color: #4d9f57;
}

.color-secondary-2-4 {
  color: #1e6927;
}

.number:hover,
.color-complement-0 {
  color: #ffcfa8;
  color: #7b8fb1;
} /* Main Complement color */

.section-gallery .heading-secondary,
.color-complement-1 {
  color: #fff2e8;
  color: #eef3fb;
  color: #486088;
}

.gallery-scrollbar {
  background-color: #fff2e8;
  background-color: #eef3fb;
}
.slider-overlay::after,
.slider-overlay::before,
.gallery-arrow {
  background-color: #fff2e8;
  background-color: #ecfaf9;
  background-color: #eef3fb;
}
.number,
.color-complement-2 {
  color: #ffe2cb;
  color: #b7c6de;
}

.color-complement-3 {
  color: #e1a472;
  color: #486088;
}

.color-complement-4 {
  color: #b5733f;
  color: #20355a;
}
.section-gallery {
  background-image: linear-gradient(#486088, #b5733f);
  background-image: linear-gradient(#b7c6de, #7b8fb1);
}