body {
  font-family:"Plus Jakarta Sans", sans-serif; font-size:16px; line-height:1.7em; font-weight:400;
}
h1 {
  font-weight: 700;
}
h2 {
  font-weight: 700;
}
h3 {
  font-weight: 700;
}
.intro {
  font-size: 1.1em;font-weight: 700;
}
strong {
  font-size: 1em;font-weight: 700;
}


body:not(.contrast-mode) #denk-theme-search-form .form-submit {
  background-color: var(--bs-accent);
}

.btn-am-werkenbij {
  margin-top: 20px;
  line-height: 2;
  font-size: 1.5rem;  
}

header {z-index:0;}

#main-menu ul.menu li a.active, #main-menu ul.menu li.active-trail a {
  background:none;border:1px solid var(--bs-accent);color:var(--bs-accent);
}

#main-menu ul.menu li {margin-left:1rem;}
footer a {color:var(--bs-white);opacity:0.8;}

    .underlap .container {
        margin-bottom: -150px !important;
        position: relative;
    }
.submenu ul a {background:none; padding: 0.5rem 1rem;}
.submenu ul li a {border-bottom:1px solid var(--bs-light);margin-bottom:0;}
.submenu ul a:hover {box-shadow:none;font-weight:bold;}
.submenu ul a:before {left:0;}
.am-home-icon i.text-primary {color:var(--bs-accent) !important;font-size:3rem !important;}
.am-home-icon p {opacity:0.7;}

.video-container {
    display: flex;
    justify-content: center;
}
    
.video-container iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}
.carousel {background:transparent;}
.carousel-control-prev {justify-content:start;left:-50px;width:50px;}
.carousel-control-next {justify-content:end;right:-50px;width:50px;}
.opacity-80 {opacity:0.8;}
.employee .employee-info {visibility: hidden;position:absolute;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0.6);opacity: 0;
  transform: translateY(100%);
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;z-index:3;}
.employee:hover .employee-info {visibility: visible;opacity: 1;
  transform: translateY(0);}
/*.employee .overlay {background:red;opacity:0.6;display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;}
.employee:hover .overlay {display:block;}*/
.employee .overlay {
    background: red;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;

    transition: opacity 0.3s ease;
    pointer-events: none;
}

.employee:hover .overlay {
    opacity: 0.2;
}
.employee .employee-title {display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:4;}
.employee:hover .employee-title {display:block;}

@keyframes appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

 section.fade-in {
  view-timeline: --subject-reveal block;
  animation-timeline: --subject-reveal;

  animation-name: appear;
  animation-fill-mode: both;
  animation-duration: 1ms;
}
.carousel-indicators [data-bs-target] {background-color:var(--bs-accent);}
footer section {border-top-right-radius:50px;border-top-left-radius:50px;}

section.bg-accent {background-image: url('/sites/default/files/domains/am-assuradeuren/left-lines-01.png'), url('/sites/default/files/domains/am-assuradeuren/right-lines-01.png');
  background-position: left bottom, right top;
  background-repeat: no-repeat;
  background-size: 300px, 400px;
}


.am-header-contact {align-content: center !important;}

.header-contact a {
  text-decoration: none;
  font-weight: bold;
}

.header-contact i.fa {
  color: var(--bs-accent) !important;
  font-size: 20px;
  line-height: 1.2em;
}

.am-title-under {
 font-size: 1.5rem; 
}

footer a, footer strong, .am-contrast, .am-contrast a, .am-contrast span, .am-contrast p, .am-footer-opfix, .home-story p, .home-story a, .home-story li, .home-story h2 {
  opacity: 1 !important;
  color: #fff !important;
}

.am-firstrow {background-color: #000 !important;}

.am-search .fluid-container {margin-top: 0 !important; margin-bottom: 0 !important;}

.am-footer-socials {
  margin-top: 20px !important;
}

body:not(.contrast-mode) .am-footer-socials .fa-circle {
  color: #fff !important;
}

body:not(.contrast-mode) .am-footer-socials .fa-brands {
  color: var(--bs-accent) !important;
}
.icon-banner.bg-white {background:#FFF !important;}

.header-contact {font-size:0.9rem;}
lite-youtube {max-width:100% !important;}

@media (max-width: 575.98px) {
  
}

@media (min-width: 576px) {
  
}

@media (min-width: 768px) {
  
}

@media (min-width: 992px) {
  body:not(.contrast-mode) .bg-am {background-image:url(/sites/default/files/domains/am-assuradeuren/bg-am.webp) !important;background-position:right center;background-repeat:no-repeat;min-height:569px;margin-bottom:-30px;}
body.contrast-mode .bg-am {
  background-position:;background-repeat:no-repeat;min-height:569px;margin-bottom:-30px;
  background-color: #000;
  -webkit-mask-image: url(/sites/default/files/domains/am-assuradeuren/bg-am-01.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: right center;

  mask-image: url(/sites/default/files/domains/am-assuradeuren/bg-am-01.png);
  mask-repeat: no-repeat;
  mask-position: right center;
}
}

@media (min-width: 1200px) {
  
}

@media (min-width: 1400px) {
  
}
