/* ALLES HIERONDER IS HANDIG OM OVERAL TE HEBBEN */
nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:focus, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:focus {
    color: white;
}
.preloader {
    background-color: var(--main-color);
}

.requiredstar::after {
	content: '*';
	font-family: 'Courier';
	color: red;
	font-weight: bold;
}

.error {
	font-weight: bold;
	color: red;
}

figure {
    margin: 0px 0px 10px 0px;
    max-width: 100%;
    height: auto;
}


figure.image-left {
    float: left;
    margin: 0px 10px 0px 0px;
}

figure.image-right {
    float: right;
    margin: 0px 0px 0px 10px;
}

figure.image-center {
    margin: 0;
}


figure.image-left img, figure.image-right img, figure.image-center img, figure img {
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}

figure.image-center img {
  max-width: 100%;
  height: auto;
}

.pagination ul li a {
  position: relative;
  background-color: var(--main-color);
  color: white;
  padding: 10px 20px;
  margin: 0px 10px;
  color: white;
  text-decoration: none;
  height: 100%;
  width: 100%;
}

.pagination ul li a:hover, .pagination ul li a.active {
  background-color: #313131;
}

.force-height .owl-stage {
  height: 880px;
  position: relative;
}

.no-height .owl-stage {
  height: auto;
}

.owl-item,
.slide {
  height: 100%;
}

.nopause {
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
}
/* footer hovers */
p.footer-link-kleur {
    color: #888;
}

a.hover-groen h4 {
  transition: color 0.3s ease;
}

a.hover-groen:hover h4 {
  color: var(--main-color);
}

/* Zelfde principe voor linkeffect */
.linkeffect h4,
.linkeffect p {
  transition: color 0.3s ease;
}

.linkeffect:hover h4 {
  color: var(--main-color);
}

.linkeffect:hover p {
  color: #ffffff;
}

a.nogkleur {
  color: #ffffff;
  transition: color 0.3s ease;
}

a.nogkleur:hover {
  color: var(--main-color);
}

.ulockd-ftr-mail {
  color: #ffffff;
  transition: color 0.3s ease;
}

.ulockd-ftr-mail:hover {
  color: var(--main-color);
}

.ulockd-ftr-mail a,
.ulockd-ftr-mail span {
  color: inherit; /* neemt de kleur van de parent over */
  text-decoration: none; /* optioneel: geen onderstreping */
}

.effectjeprojecten {
  display: block;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.effectjeprojecten img {
  transition: transform 0.4s ease;
  display: block;
  width: 100%;
  height: auto;
}

.effectjeprojecten::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.effectjeprojecten:hover {
  transform: scale(1.02);
}

.effectjeprojecten:hover img {
  transform: scale(1.05);
}

.effectjeprojecten:hover::after {
  opacity: 1;
}

.ulockd-tm-fpm.project-info > li:hover { 
  color: inherit;
}

.ulockd-contact-details .ulockd-contact-place > li.contact-change {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.ulockd-contact-details .ulockd-contact-place > li.contact-change a {
  color: #fff;
  padding: 25px 39px;
}

.ulockd-contact-details ul.ulockd-contact-place {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}