/* MAIN NAVIGATION */
.the-main-nav {
  padding: 0 30px;
}

.the-main-nav .nav-item a.nav-link {
  color: white;
  text-transform: uppercase;
}

.the-main-nav .nav-item a.nav-link {
  font-family: Gotham,sans-serif;
  font-size: .9rem;
  font-weight: 400;
}

.the-main-nav .nav-item a.nav-link:hover {
  color: #d9c197;
}

.the-main-nav .language-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
}

.the-main-nav .socials {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 15px;
  margin-top: 4px;
}

.the-main-nav .language-switcher a {
  color: white;
  font-size: .9rem;
}

.the-main-nav .dropdown-menu {
  /*background-color: rgba(255, 255, 255, 0.45);*/
    background-color: white;
  border: none;
}

.the-main-nav .dropdown-item {
  background-color: transparent;
  padding-left: 5px;
}

.the-main-nav  a.dropdown-item {
  color: #252328;
  font-size: 1rem;
}

.the-main-nav a.dropdown-item:hover {
  color: #d9c197;
}

.the-main-nav .nav-link.dropdown-toggle {
  outline: none;
}

@media screen and (max-width: 992px) {
  section.header.scrolled.show-navbar-collapse div.scrolled-background {
    height: 100vh;
  }
  .the-main-nav .dropdown-menu {
    text-align: center;
  }
}

section.header.scrolled .the-main-nav ul.navbar-nav a {
  color: #252328;
}



/* BLOCK TEXT */
.block-text {
  list-style-position: inside;
}
.block-text h4 {
  font-size: 1rem;
  text-transform: uppercase;
  margin: 50px 0 35px;
}
.block-text .cta {
  color: #d9c197;
}
.block-text--alt {
  color: white;
  background-color: #485b61;
}
.block-text--alt {
  padding: 50px 0 70px;
  color: white;
  background-color: #485b61;
}

.block-text--alt a {
  color: white;
  text-decoration: underline;
}
section.block-text--alt p,
section.block-text--alt p a {
  color: white;
}
.block-text--alt .section-title h3 {
  font-family: Breadley,sans-serif;
  font-size: 2rem;
  color: white;
}

/* BLOCK THREE IMAGES TEXT */
.block-three-images-text .techno {
  background-size: cover;
}

/* BLOCK THREE IMAGES TEXT ALT */
.block-images-text-cols {
  background-size: cover;
}
.block-images-text-cols {
  display: block;
}
section .container-fluid .row a.full {
  text-decoration: none;
}
section .container-fluid .row a.full img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
section.block-images-text-cols .container-fluid .row:first-of-type div.col:not(.full)>div.padding {
  min-height: auto;
}
section.block-images-text-cols .itc-content--black {
  background-color: #252328;
  color: white;
}
section.block-images-text-cols .itc-content--black h2 {
  color: white !important;
}
section.block-images-text-cols .itc-content--black p {
  color: white !important;
}
section.block-images-text-cols .itc-content--blue-1 {
  background-color: #d8e1e4;
}
section.block-images-text-cols .itc-content--blue-2 {
  background-color: #a6bdc5;
}
section.block-images-text-cols .itc-content--blue-3 {
  background-color: #4b5a5d;
}
section.block-images-text-cols .itc-content--blue-3 h2,
section.block-images-text-cols .itc-content--blue-3 a {
  color: white !important;
}
section.block-images-text-cols .itc-content--blue-3 p {
  color: white !important;
}

/* BLOCK SLIDER */
.block-slider {
  margin-bottom: 60px;
}

/* BLOCK COLS */
.block-cols {
  display: grid;
}
.block-cols--5 {
  grid-template-columns: repeat(5, 1fr);
}
.block-cols--6 {
  grid-template-columns: repeat(6, 1fr);
}
.block-cols-col {
  padding: 40px;
}
.block-cols-col:not(.block-cols-col--1) {
  color: white;
}
.block-cols h4 {
  font-family: Breadley,sans-serif;
  font-size: 1.6rem;
  margin-bottom: 25px;
  text-transform: uppercase;
  min-height: 100px;
}
.block-cols p {
  font-size: 14px;
}
.block-cols-col--1 {
  background-color: #d8e2e4;
}
.block-cols-col--2 {
  background-color: #929a9d;
}
.block-cols-col--3 {
  background-color: #6e797f;
}
.block-cols-col--4 {
  background-color: #455258;
}
.block-cols-col--5 {
  background-color: #2c3437;
}
.block-cols-col--6 {
  background-color: #23282c;
}

@media screen and (max-width: 1400px) {
  .block-cols--6 {
    grid-template-columns: repeat(3, 1fr);
  }
  .block-cols h4 {
    margin-bottom: 15px;
    min-height: auto;
  }
}
@media screen and (max-width: 992px) {
  .block-cols--5 {
    grid-template-columns: repeat(1, 1fr);
  }
  .block-cols--6 {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* BLOCK QUOTE */
section.block-quote--alt {
  background-color: white;
}
section.quote:not(.block-quote--alt) {
  background-blend-mode: color-dodge;
}

/* BLOCK MAP */
section.block-map {
  height: 320px;
}
section.block-map #map {
  width: 100%;
  height: 100%;
}

/* BLOCK TWO IMAGES */
.block-two-images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  min-height: 500px;
}


/* END BLOCKS */

.page-orthodontie section.slider-banner {
  background-position: top center;
  background-size: cover !important;
  height: 650px;
}
.page-orthodontie section.slider-banner .container-fluid {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.page-orthodontie section.slider-banner .container-fluid img {
  max-width: 40%;
  height: auto;
  margin: 100px 0;
}
.page-orthodontie section.slider-banner .container-fluid .cta {
  border: 2px solid #d9c197;
  color: #d9c197;
  text-align: center;
  font-family: "Gotham", serif;
  margin-top: 15px;
  letter-spacing: 0;
  padding: 8px 20px;
  font-size: 1.5rem;
}
.page-orthodontie section.slider-banner .container-fluid .cta:hover, .page-orthodontie section.slider-banner .container-fluid .cta:active {
  border-color: #fff;
  color: #fff;
}
.page-orthodontie section.banner .logo {
  max-height: 100px;
}
.page-orthodontie section.about {
  padding-top: 60px;
  padding-bottom: 60px;
}
.page-orthodontie section.quote {
  padding-top: 30px;
  padding-bottom: 30px;
  background-image: url('/images/quote-reverse.png');
  background-position: center 20px;
  background-repeat: no-repeat;
}
.page-orthodontie section.quote .text {
  margin-top: 0px;
}
.page-orthodontie section.quote2 {
  padding-top: 30px;
  padding-bottom: 30px;
  background-image: url('/images/quote-reverse.png');
  background-position: center 20px;
  background-repeat: no-repeat;
}
.page-orthodontie section.quote2 .text {
  margin-top: 0px;
  color: black;
}
.page-orthodontie section.quote2 .cta {
  border-color: #d9c197;
}

.page-orthodontie section.bloc {
  color: white;
}

.page-orthodontie section.bloc p {
  color: white;
}

.page-orthodontie .techno {
  min-height: 500px;
}