footer {
	background-color: rgba(253, 252, 251);
	padding-top: 100px;
}

footer #footer-section {
	padding: 0 !important;
}

footer #footer-section > div:first-of-type {
    /*background-color: red !important;*/
    width: 80% !important;
    max-width: 1800px !important;
}

#footer-bedrijfsnaam {
	color: #A47DAB;
	font-weight: 500;
	font-size: 20px;
}

#footer-tekst-links {
	max-width: 387px;
}

#footer-top-kolom-links {
    flex-basis: 25% !important;
}

#footer-top-kolom-center {
    flex-basis: 25% !important;
    padding-left: 35px;
}

#footer-top-kolom-center nav ul {
	gap: 10px;
	margin-bottom: 10px;
    padding-bottom: 0;
    font-weight: 300;
    color: var(--color-primary-dark);
    transition: var(--transition);
}

#footer-top-kolom-center nav ul a:hover {
    font-weight: 400;
}

#footer-top-kolom-center > nav + p {
    margin-top: 0;
    text-align: left;
}

#footer-top-kolom-center > nav + p a {
    text-decoration: none;
    color: var(--color-primary-dark);
    font-weight: 300;
    display: inline-block;
    transition: var(--transition);
    transition: font-weight var(--transition);
}

#footer-top-kolom-center > nav + p a:hover {
    font-weight: 400;
    /*margin-left: -0.2px;*/
}

#footer-top-kolom-center .current-menu-item {
    font-weight: 400;
}

#footer-top-kolom-rechts {
    flex-basis: 50% !important;
}

#footer-top-kolom-rechts > p:nth-of-type(1) {
	font-weight: 400;
}

#footer-top-kolom-rechts > p:nth-of-type(2) {
	margin-top: 10px;
}




#footer-bottom-section {
	padding-top: 0 !important;
    margin-top: 100px;
    width: 80%;
    max-width: 1800px;
    border-top: 1px solid rgba(55, 55, 55, 0.3);
}

footer #footer-bottom-section > div:first-of-type {
    margin-top: 25px;
}

/* De linker kolom (Copyright) */
#footer-bottom-section .wp-block-column:nth-child(1) {
    flex-basis: 70% !important;
}

/* De middelste kolom (Privacy Policy) */
#footer-bottom-section .wp-block-column:nth-child(2) {
    flex-basis: 15% !important;
}

/* De rechter kolom (Terms of Service) */
#footer-bottom-section .wp-block-column:nth-child(3) {
    flex-basis: 15% !important;
}

#footer-bottom-center a, 
#footer-bottom-right a {
    text-decoration: none;
    color: #373737;
}

#footer-bottom-center a:hover, 
#footer-bottom-right a:hover {
    font-weight: 400;
}

#footer-bottom-center, 
#footer-bottom-right {
    text-align: right;
}

/*@media (max-width: 767px) {
    #footer-bottom-left,
    #footer-bottom-center, 
    #footer-bottom-right {
        text-align: center;
    }
}*/
















/* Footer navigatie altijd zichtbaar houden */
#footer-top-kolom-center .wp-block-navigation__responsive-container-open {
    display: none !important;
}

#footer-top-kolom-center .wp-block-navigation__responsive-container {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    background: none !important;
}

#footer-top-kolom-center .wp-block-navigation__responsive-dialog {
    position: static !important;
    width: auto !important;
    height: auto !important;
}

#footer-top-kolom-center .wp-block-navigation__responsive-container-close {
    display: none !important;
}

#footer-top-kolom-center .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
}




@media screen and (max-width: 680px) {
    #footer-bottom-section .wp-block-columns {
        display: block;
    }

    #footer-bottom-center, #footer-bottom-right {
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}




@media screen and (max-width: 500px) {
    #footer-section .wp-block-columns {
        display: block;
    }

    #footer-top-kolom-center {
        padding-left: 0 !important;
        margin-top: 25px;
        margin-bottom: 35px;
    }
}