/* ruimte onder afbeelding of text bij mobiele weergave */
@media (max-width: 991.98px) { 
    .omp-mb-mobiel {
      margin-bottom: 40px;
    }
 }
 
a {
  color: #103c42;
  font-weight: 600;
  text-decoration: underline;
}

a:hover {
  color: #103c42!important;
  font-size: 1.35rem;
  font-weight: 600;
  text-decoration: underline!important;
}

 /* shadow images */
 .omp-img-shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); /* regular shadow bootstrap class 'shadow' */
  /* box-shadow: 0 1rem 3rem rgba(0,0,0,.175); larger shadow bootstrap class 'shadow-lg' */
 }

  /* Styling van divider */
.heading-text.heading-section.groen h2:before {
  background-color: #294d52;
}

  /* Styling van divider  */
  .heading-text.heading-section.zand h2:before {
    background-color: #d8b47e;
  }

/* smalle text onder het formulier */
.omp-form-text {
  margin-top: 0.25rem;
  font-size: .875rem;
  /* color: #9aa0a6; */
}

/* button voor lichte backgroundcolor  */
button.btn.omp-btn-bglight, .btn:not(.close):not(.mfp-close).omp-btn-bglight, a.btn:not([href]):not([tabindex]).omp-btn-bglight {
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-color: #103C42;
  color: #103C42;
}

button.btn.omp-btn-bglight:hover, .btn:not(.close):not(.mfp-close).omp-btn-bglight:hover, a.btn:not([href]):not([tabindex]).omp-btn-bglight:hover {
  background-color: #103C42;
    border-color: #103C42;
    color: white;
}

/* Geen underline bij hover button */
.btn-hover-noline:hover {
  text-decoration: none !important;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  /* font-family: 'IBM Plex Serif', serif;
  font-weight: 600; */
}

/* font-family voor cijfers appt-pagina's */
.app-cijfers {
  font-family: Roboto; 
  font-weight: 500;
}


.background-groen {
  background-color: #a5b7af;
}

.background-donker-groen {
  background-color: #103c42;
}

.background-midden-groen {
  background-color: #566b61;
}

.background-grijs-groen {
  background-color: #f3f4f2;
}

/* footer kleur */
.copyright-content {
  background-color: #103c42 !important;
}

.copyright-content a:hover {
  color: #a5b7af !important;
  text-decoration: none;
  font-size: 13px;
}

p {
    font-weight: 400;
    font-size: 1.25rem;
}

#header.header-sticky.sticky-active.header-always-fixed, #header .header-inner, #header #header-wrap {
  background-color: rgba(165, 183, 175, 0.7)!important;
}
#mainMenu nav ul li.dropdown ul {
  background-color: rgba(165, 183, 175, 0.7);
}
#mainMenu nav > ul > li > a, #mainMenu nav > ul > li .dropdown-menu > li > a {
  font-weight: 600;
  color: #103c42;
  text-decoration: none;
}
#mainMenu nav > ul > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:hover {
  font-weight: 800;
  color: #103c42;
  text-decoration: none;
}

img.move-logo {
  /* vertical-align: baseline; */
  max-width: 150px;
  padding-bottom: 10px;
}

/* styling back-to-top */
.icon-chevron-up {
  color: #BCE6EB;
  font-weight: 600!important;
}

/* groene button op groene achtergrond */
.hover-txt-wit:hover {
  color: white !important;
  text-decoration: none !important;
}

/* button rechtsonder in slider voor lightbox */
.rechtsonder {
  position: absolute !important;
  right: 10px;
  bottom: 0px;
}

/* Hover link naar modal woningpagina  */
.hover-modal-link:hover {
  color: white !important;
}

/* lettertype voor makelaar cards */
.lettertype-makelaar {
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.65714;
}
/* tekst opsomming met grootte tekst-lead */
ul.opsomming {
  font-size: 1.2rem!important;
}

/* geen underline bij a href */
.geen-underline, .geen-underline:hover {
  text-decoration: none !important;
}

/* streep onder h2 tonen op mobiele devices */
@media (max-width: 991.98px) { 
  .heading-text.heading-section h2 {
    margin-bottom: 0px !important;
  }
  .heading-text.heading-section h2:before { 
    display: block !important;
  }
}

/* ruimte onder eigenschappen op woningpagina */
@media (max-width: 991.98px) { 
  .eigenschappen {
    padding-top: 30px;
  }
}

@media (min-width: 991.98px) { 
  .eigenschappen {
    padding-top: 0px;
  }
}

/* woningzoeker mobiele weergave volledig scherm */
@media (max-width: 768px) {
  .container.woningzoeker {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* introductietekst bovenste tekstvak index.html voor mobiel kleiner */
.p-t-10.heading-text.heading-section.text-center p.intro {
  /* @media (max-width: 768px) {  */
    font-size: 1.25em;
    line-height: 1.6514286em;
    font-weight: 600;
    }

.p-t-10.heading-text.heading-section.text-center p.intro {
  @media (min-width: 768px) { 
    font-size: 1.2514286em;
    line-height: 1.68421053em;
    font-weight: 600;
    }
}

/* andere tekstvakken kleiner lettertype */
 .lead.intro, .p-t-30.p-t-15-md.intro  {
  @media (max-width: 768px) {
    font-size: 15.6px;
    line-height: 1.6514286em;
   }
 }

.lead.intro, .p-t-30.p-t-15-md.intro {
  @media (min-width: 768px) {
    font-size: 17px;
    line-height: 1.68421053em;
   }
}
/* Achtergrondkleur Metamorfose */
.call-to-action.call-to-action-dark {
  background-color: #103c42;
}

/* Modal title lettertype */
h4#modal-label-1.modal-title, h4#modal-label-2.modal-title {
  font-family: "Poppins", sans-serif;
  font-size:1.25em;
  font-weight: 600;
}

/* downloadpagina bovenruimte mobiel kleiner */
@media (max-width: 768px) {
  section.mobiel-bovenruimte {
    padding-top:0px;
}}
@media (min-width: 769px) {
  section.mobiel-bovenruimte {
    padding-top:30px;
}}

/* achtergrond kleur dropdownmenu aangepast */
.dropdown-menu {
  background-color: #c0ccc7 !important;
}

#header .header-inner {
  background-color: #c0ccc7 !important;
}

/* slider dots */
.inspiro-slider .flickity-page-dots .dot {
  box-shadow: inset 0 0 0 2px #103C42;
}

.inspiro-slider .flickity-page-dots .dot:after {
  background-color: #103C42;
  box-shadow: 0 0 1px #103C42;
}
/* lettertype accordion - downloadpagina */
.accordion .ac-item .ac-title {
  font-family: "Poppins", sans-serif!important;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.65714;
}

/* tekst met achtergrond voor open huis */
.alert.alert-success {
	background-color: #103C42!important;
	font-family: "Poppins", sans-serif;
	font-size: 1.4em;
	 font-weight: 600;
}
.alert {
    padding-top: 2.5rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
}