.opacity-80{
    opacity: .8 !important;
}

@media (max-width: 767px){
    .logo-light{
        display: none;
    }
}

.text-primary{
    color: var(--primary-color) !important;
}

.fw-bold{
    font-weight: 700;
}

/**
 * Home Header
 */

header{
    position: relative;
    z-index: 10 !important;
}

.custom-header{
    overflow: visible !important;
}

.custom-header .pos-vertical-center{
    z-index: 3;
}

@media (min-height: 400px) and (min-width: 767px){
    .height-90 {
        height: 90vh;
    }
}

.person-1{
    display: block;
    position: absolute;
    bottom: -116px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2 !important;
    width: 800px;
}

@media (max-height: 1120px){
    .logo-header{
        width: 700px;
    }

    .custom-header .pos-vertical-center{
        top: 35%;
    }

    .height-30{
        height: 240px !important;
        padding-top: 10rem !important;
    }
}

@media (max-height: 850px){
    .logo-header{
        width: 600px;
    }

    .person-1{
        width: 600px;
        bottom: -87px;
    }
}

@media (max-width: 800px){
    .custom-header .pos-vertical-center{
        top: -75px;
    }

    .person-1{
        width: 450px;
        bottom: -66px;
    }

    .height-30{
        height: 145px !important;
        padding-top: 5rem !important;
        padding-bottom: 2rem !important;
    }
}

@media (max-width: 600px){
    .custom-header .pos-vertical-center{
        top: -50px;
    }

    .person-1{
        width: 350px;
        bottom: -50px;
    }
}

/**
 * Wat wij doen - blok
 */

section.cstm01001 .item-thumb{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 50px;
    padding-top: 67%;
    padding-bottom: 32%;
    height: 100%;
}

section.cstm01001 .item-thumb span:hover{
    opacity: .5;
}

/**
 * FORM
 */

.custom-form{
    width: 100%;
    padding: 30px 40px;
    background-color: rgb(212,195,159);
    text-align: center;
    position: relative;
    z-index: auto !important;
    border: none !important;
}

.custom-form:before {
    content: '';
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
    z-index: -1;
    height: calc(100% + 60px); /** +60 = double of the top attr */
    width: calc(100% + 60px); /** +60 = double of the left attr */
    background: repeating-linear-gradient(-45deg, rgb(164,58,29) 0, rgb(164,58,29) 30px, rgb(212,195,159) 30px, rgb(212,195,159) 60px, rgb(123,129,157) 60px, rgb(123,129,157) 90px, rgb(212,195,159) 90px, rgb(212,195,159) 120px);
    /* animation: animate-border 35s linear infinite; */
}

@keyframes animate-border {
    from {
        background-position: 0;
    }
    to {
        background-position: 500px;
    }
}

.custom-form label{
    font-family: var(--heading-font);
    font-size: 18px;
    text-transform: uppercase;
}

.custom-form p{
    font-family: var(--heading-font);
    font-size: 18px;
    text-transform: uppercase;
}

.custom-form .message{
    display: block;
    margin: 0 auto;
    font-family: var(--heading-font);
    font-size: 24px;
    text-transform: uppercase;
    width: 80%;
}

.custom-form input{
    margin-bottom: 1rem;
}

.custom-form button{
    font-family: var(--heading-font);
    font-size: 18px;
    width: 150px !important;
}

.person-2{
    position: absolute;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

@media (max-width: 767px){
    .person-2{
        display: none;
    }
}


/**
 * Quotes
 */
.slider-quotes::before{
    z-index: 2;
    content:"";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;

    left: 0px;
    width: 60px;
    background: rgb(241, 225, 210);
    background: -moz-linear-gradient(270deg, rgba(241, 225, 210,0) 0%, rgba(241, 225, 210,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(241, 225, 210,0) 0%, rgba(241, 225, 210,1) 100%);
    background: linear-gradient(270deg, rgba(241, 225, 210,0) 0%, rgba(241, 225, 210,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

}

.slider-quotes::after{
    z-index: 2;
    content:"";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;

    right: 0px;
    width: 60px;
    background: rgb(241, 225, 210);
    background: -moz-linear-gradient(90deg, rgba(241, 225, 210,0) 0%, rgba(241, 225, 210,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(241, 225, 210,0) 0%, rgba(241, 225, 210,1) 100%);
    background: linear-gradient(90deg, rgba(241, 225, 210,0) 0%, rgba(241, 225, 210,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.slider-quotes .feature{
    background-color: rgb(202, 177, 152) !important;
}

.slider-quotes .feature .h3 i{
    color: var(--primary-color);
}

.slider-quotes .feature p{
    font-family: var(--heading-font);
    font-size: 2rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.slider-quotes .feature span{
    font-weight: 700;
    color: rgb(142, 31, 11) !important;
}

/* Navigation */

.dropdown__content{
    text-align: left;
    background-color: var(--primary-color) !important;
}

.dropdown__content a{
    font-weight: 700 !important;
    color: white !important;
}