/* ABD Technisch Beheer site styles, independent of Bootstrap source files. */
section {
    padding-top: 40px;
    padding-bottom: 40px;
}

h1,
h2,
h3 {
    padding-top: 12px;
    color: #e84e0e;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }

section a,
section a:visited {
    color: #e84e0e;
    text-decoration: none;
}

section a:hover,
section a:active {
    color: #5e696f;
    text-decoration: underline;
}

.animated-2s {
    animation-duration: 2s;
}

.parallax-window {
    min-height: 300px;
}

.robo {
    visibility: hidden;
}

#topbar {
    min-height: 40px;
    padding-top: 6px;
    color: #fff;
    background-color: #3b4246;
}

#topbar a,
#topbar a:visited {
    color: #fff;
}

.homebg {
    min-height: 600px;
    background-image: url(../img/headers/home.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    border-bottom: 1px solid #e84e0e;
}

.homeheader {
    margin-top: 150px;
}

.gallery {
    padding-top: 30px;
    padding-bottom: 30px;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
    visibility: hidden;
}

.carousel:hover .carousel-control-prev,
.carousel:hover .carousel-control-next,
.carousel:focus-within .carousel-control-prev,
.carousel:focus-within .carousel-control-next {
    visibility: visible;
}

#referenties h2 {
    padding-top: 0;
    padding-bottom: 20px;
}

.referentie {
    border: 4px solid #b83e0b;
    border-radius: 50%;
}

.slick-list {
    overflow: hidden;
}

.slick-dots {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.slick-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    overflow: hidden;
    color: transparent;
    background: #9da4a8;
    border: 0;
    border-radius: 50%;
}

.slick-dots .slick-active button {
    background: #e84e0e;
}

.img-right {
    float: right;
    max-width: 50%;
    margin: 0 0 1rem 1rem;
}

footer {
    padding-top: 20px;
    color: #fff;
    background-color: #3b4246;
    border-top: 1px solid #3b4246;
}

footer a,
footer a:visited {
    color: #fff;
}

.copyright {
    color: #eee;
    font-size: 14px;
}

@media (min-width: 768px) and (max-width: 990px) {
    .homebg { min-height: 500px; }
    .homeheader { margin-top: 130px; }
}

@media (max-width: 767.98px) {
    .homebg { min-height: 400px; }
    .homeheader { margin-top: 100px; }
    .homeheader h1 { font-size: 30px; }
    .img-right {
        float: none;
        max-width: 100%;
        margin: 1rem 0;
    }
}