/* =========================================================
   ANALYSE FOOTER CONTACT
========================================================= */

.analyse-footer-contact {
    display: grid;
    gap: 1rem;
}

/* ---------------------------------------------------------
   Contactregels
--------------------------------------------------------- */

.analyse-footer-contact__item {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: .85rem;
    align-items: start;

    color: rgba(255,255,255,.75);
    text-decoration: none;
    line-height: 1.7;

    transition:
        color .25s ease,
        transform .25s ease;
}

/* Links */

.site-footer .analyse-footer-contact a {
    color: rgba(255,255,255,.75);
    text-decoration: none;
}

.site-footer .analyse-footer-contact a:hover {
    color: #fff;
}

/* Hover effect */

.analyse-footer-contact__item:hover {
    color: #fff;
    transform: translateX(4px);
}

/* ---------------------------------------------------------
   Iconen
--------------------------------------------------------- */

.analyse-footer-contact__icon {

    display: block;

    width: 20px;
    height: 20px;

    margin-top: .18rem;

    background-color: var(--analyse-primary);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    transition:
        background-color .25s ease,
        transform .25s ease;
}

/* Hover icon */

.analyse-footer-contact__item:hover
.analyse-footer-contact__icon {

    background-color: #fff;
    transform: scale(1.10);
}

/* ---------------------------------------------------------
   Lucide iconen
--------------------------------------------------------- */

.analyse-footer-icon--phone {
    -webkit-mask-image: url("../icons/contact/phone.svg");
    mask-image: url("../icons/contact/phone.svg");
}

.analyse-footer-icon--mail {
    -webkit-mask-image: url("../icons/contact/mail.svg");
    mask-image: url("../icons/contact/mail.svg");
}

.analyse-footer-icon--location {
    -webkit-mask-image: url("../icons/contact/map-pin.svg");
    mask-image: url("../icons/contact/map-pin.svg");
}

.analyse-footer-icon--hours {
    -webkit-mask-image: url("../icons/contact/clock-3.svg");
    mask-image: url("../icons/contact/clock-3.svg");
}


/* =========================================================
   FOOTER KOLOMTITELS
========================================================= */

/* =========================================================
   FOOTER KOLOMTITELS
========================================================= */

#colophon .analyse-footer-title{

    display:inline-flex;
    align-items:center;
    gap:.65rem;

    margin:0 0 2rem;

    color:#ffffff;

    font-size:.90rem;
    font-weight:700;
    line-height:1.4;
    letter-spacing:.08em;
    text-transform:uppercase;

}

#colophon .analyse-footer-title::before{

    content:"";

    flex:0 0 28px;

    width:28px;
    height:2px;

    background:var(--analyse-primary);

}

/* =========================================================
   FOOTER LINKS
========================================================= */

.site-footer ul{
    margin:0;
    padding:0;
    list-style:none;
}

.site-footer li{
    margin-bottom:.9rem;
}

.site-footer li:last-child{
    margin-bottom:0;
}

.site-footer li a{

    color:rgba(255,255,255,.72);
    text-decoration:none;

    transition:
        color .25s ease,
        padding-left .25s ease;

}

.site-footer li a:hover{

    color:#fff;
    padding-left:4px;

}


/* =========================================================
   COPYRIGHT
========================================================= */

.site-bottom-footer-wrap{

    border-top:1px solid rgba(255,255,255,.08);

}

.site-bottom-footer-wrap .site-info{

    padding:1.4rem 0;

    color:rgba(255,255,255,.55);

    font-size:.9rem;
    text-align:center;

}


/* =========================================================
   FOOTER LEESBAARHEID
========================================================= */

/* Alle gewone tekst in de footer */
#colophon,
#colophon p,
#colophon li,
#colophon span {
    color: rgba(255, 255, 255, 0.82);
}

/* Alle footerlinks */
#colophon a,
#colophon a:visited {
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
}

/* Hover */
#colophon a:hover,
#colophon a:focus-visible {
    color: #ffffff;
}

/* Kolomtitels */
#colophon .widget-title,
#colophon h2,
#colophon h3,
#colophon h4 {
    color: #ffffff;
}

/* Copyright iets subtieler */
#colophon .site-info,
#colophon .site-info p,
#colophon .site-info a {
    color: rgba(255, 255, 255, 0.65);
}