@import url("variables.css");

/******************************************************
* SWAZOOM FRONT-END STYLES
*
* Author: SowiesoDigital - https://sowiesodigital.nl/
*
*******************************************************/


/**********************
* FOOTER
* Different footer styles for different parent pages
* Based on the page's parent slug
***********************/

/* Footer - Over ons + Werken bij (Geel - Yellow) */
.parent-over-ons .footer,
.parent-werken-bij .footer {
	background-color: var(--yellow);
	color: var(--black);
}

.parent-over-ons .footer a,
.parent-over-ons .footer a:hover,
.parent-over-ons .footer .menu-topmenu-container .menu a,
.parent-over-ons .footer .menu-topmenu-container .menu a:hover,
.parent-over-ons .footer .socialcontainerinner a,
.parent-over-ons .footer p,
.parent-werken-bij .footer a,
.parent-werken-bij .footer a:hover,
.parent-werken-bij .footer .menu-topmenu-container .menu a,
.parent-werken-bij .footer .menu-topmenu-container .menu a:hover,
.parent-werken-bij .footer .socialcontainerinner a,
.parent-werken-bij .footer p {
	color: var(--black);
}
.parent-over-ons .footer .socialcontainerinner a,
.parent-werken-bij .footer .socialcontainerinner a {
    background-color: var(--yellow-4);
}



/* Footer - Voorscholen (Blauw - Blue) */
.parent-onze-voorscholen .footer {
	background-color: var(--blue);
	color: var(--white);
}

.parent-onze-voorscholen .footer a,
.parent-onze-voorscholen .footer a:hover,
.parent-onze-voorscholen .footer .menu-topmenu-container .menu a,
.parent-onze-voorscholen .footer .menu-topmenu-container .menu a:hover,
.parent-onze-voorscholen .footer p {
	color: var(--white);
}
.parent-onze-voorscholen .footer .socialcontainerinner a {
	color: var(--black);
    background-color: var(--blue-4);
}



/* Footer - Voorwaarden en beleid (Rood - Red) */
.parent-voorwaarden .footer {
	background-color: var(--red);
	color: var(--white);
}

.parent-voorwaarden .footer a,
.parent-voorwaarden .footer a:hover,
.parent-voorwaarden .footer .menu-topmenu-container .menu a,
.parent-voorwaarden .footer .menu-topmenu-container .menu a:hover,
.parent-voorwaarden .footer p {
	color: var(--white);
}
.parent-voorwaarden .footer .socialcontainerinner a {
	color: var(--black);
    background-color: var(--red-4);
}


/* Footer - Contact (Zwart - Black) */
.parent-contact .footer {
	background-color: var(--black);
	color: var(--white);
}

.parent-contact .footer a,
.parent-contact .footer a:hover,
.parent-contact .footer .menu-topmenu-container .menu a,
.parent-contact .footer .menu-topmenu-container .menu a:hover,
.parent-contact .footer p {
	color: var(--white);
}
.parent-contact .footer .socialcontainerinner a {
	color: var(--white);
    background-color: var(--black-4);
}



/******************************************************
* BLOCK: SUBMENU
*******************************************************/


/* Footer - Over ons + Werken bij (Geel - Yellow) */
.parent-over-ons .block_submenu a.active,
.parent-werken-bij .block_submenu a.active {	
	color: var(--black);
	background-color: var(--yellow);
}

/* Footer - Voorscholen (Blauw - Blue) */
.parent-onze-voorscholen .block_submenu a.active {
	color: var(--white);
	background-color: var(--blue);
}

/* Footer - Voorwaarden en beleid (Rood - Red) */
.parent-voorwaarden .block_submenu a.active {
	color: var(--white);
	background-color: var(--red);
}

/* Footer - Contact (Zwart - Black) */
.parent-contact .block_submenu a.active {
	color: var(--white);
	background-color: var(--black);
}