/*
Theme Name: Enfold Child
Theme URI: https://bijstra-afbouw.nl
Description: Child theme van Enfold voor Bijstra Afbouw BV: huisstijl, header-banner, footerblokken en lokaal gehoste lettertypen.
Author: Bijstra Afbouw BV
Template: enfold
Version: 1.0.0
Requires PHP: 7.4
Text Domain: bijstra-afbouw
*/

/* ==========================================================================
   Lettertype: Source Sans 3 (SIL Open Font License, zie fonts/OFL-source-sans-3.txt)
   ========================================================================== */
@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/source-sans-3-latin-400-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/source-sans-3-latin-ext-400-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/source-sans-3-latin-400-italic.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/source-sans-3-latin-ext-400-italic.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(fonts/source-sans-3-latin-600-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(fonts/source-sans-3-latin-ext-600-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/source-sans-3-latin-700-normal.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/source-sans-3-latin-ext-700-normal.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/source-sans-3-latin-700-italic.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Source Sans 3';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(fonts/source-sans-3-latin-ext-700-italic.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ==========================================================================
   Huisstijlkleuren (oude site: opmaak.css en de achtergrondafbeeldingen)
   ========================================================================== */
:root {
	--bja-blue-dark: #1f4e8c;
	--bja-blue: #2f69a8;
	--bja-blue-menu: #507aaa;
	--bja-blue-title: #517bad;
	--bja-blue-light: #cddded;
	--bja-orange: #f4a20e;
	--bja-orange-gradient: linear-gradient(180deg, #f39404 0%, #f6a813 50%, #f9bd21 100%);
	--bja-blue-gradient: linear-gradient(180deg, #5087c0 0%, #376ea7 50%, #225692 100%);
	--bja-text: #222222;
	--bja-split: 71%;          /* inhoud | rechterkolom, gelijk aan Enfold "content_width" */
	--bja-gutter: 50px;
	--bja-font: 'Source Sans 3', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   Algemeen
   ========================================================================== */
html,
html.html_boxed,
#top.boxed {
	background: #e0e5eb linear-gradient(180deg, #1a4d82 0, #4f6f97 140px, #a8b0bd 300px, #e0e5eb 560px) no-repeat;
}

#top,
#top .all_colors,
#top input,
#top textarea,
#top select,
#top button,
#top .avia-button,
#top .main_menu,
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6 {
	font-family: var(--bja-font);
}

body#top {
	font-size: 16px;
	letter-spacing: 0.01em;
}

#top .main_color {
	color: var(--bja-text);
}

#top .main_color p {
	line-height: 1.75;
}

#top .main_color li {
	line-height: 1.6;
}

.html_boxed #wrap_all {
	box-shadow: 0 0 24px rgba(10, 33, 64, 0.35);
}

#top .main_color h1,
#top .main_color h2,
#top .main_color h3,
#top .main_color h4 {
	color: var(--bja-blue-dark);
	font-weight: 700;
	letter-spacing: 0.02em;
}

#top .main_color .avia_textblock h3 {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin: 1.6em 0 0.5em;
}

#top .main_color .avia_textblock h4 {
	font-size: 16px;
	margin: 1.4em 0 0.4em;
}

#top .main_color .avia_textblock ul {
	margin-left: 1.3em;
}

#top .main_color .avia_textblock li {
	margin-bottom: 0.2em;
}

.bja-lead {
	color: var(--bja-blue);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 700;
}

.bja-intro {
	font-size: 1.15em;
	color: var(--bja-blue-dark);
}

/* Knoppen: rechthoekig met driehoekje, zoals de "Lees meer"-knoppen van de oude site */
#top .avia-button {
	border-radius: 0;
	font-weight: 600;
	letter-spacing: 0.04em;
}

#top .avia-button.avia-color-theme-color {
	background-color: var(--bja-blue);
	border-color: var(--bja-blue);
	color: #fff;
}

#top .avia-button.avia-color-theme-color:hover,
#top .avia-button.avia-color-theme-color:focus {
	background-color: var(--bja-blue-dark);
	border-color: var(--bja-blue-dark);
	color: #fff;
}

#top .avia-button .avia_button_icon {
	color: var(--bja-orange);
}

/* ==========================================================================
   Header: menubalk bovenaan
   ========================================================================== */
#top #header_main_alternate {
	border-bottom: 1px solid #dce5ef;
}

#top #header .main_menu {
	text-align: left;
}

#top #header #header_main_alternate .container {
	padding: 0 25px;
}

#top #header .av-main-nav > li > a {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	height: 50px;
	line-height: 50px;
	padding: 0 16px;
}

#top #header .av-main-nav > li > a .avia-menu-fx {
	background: transparent;
}

#top #header .av-main-nav > li > a .avia-menu-fx,
#top #header .av-main-nav > li.current-menu-item > a .avia-menu-fx,
#top #header .av-main-nav > li.current_page_item > a .avia-menu-fx,
#top #header .av-main-nav > li.current-menu-ancestor > a .avia-menu-fx {
	height: 3px;
	bottom: 0;
	background-color: var(--bja-orange);
}

#top #header .av-main-nav > li > a .avia-menu-fx .avia-arrow-wrap {
	display: none;
}

#top #header .av-main-nav > li.current-menu-ancestor > a,
#top #header .av-main-nav > li.current-menu-parent > a {
	color: var(--bja-blue-dark);
}

/* Uitklapmenu "Wat doen wij?" */
#top #header .av-main-nav ul.sub-menu {
	border-top: 3px solid var(--bja-orange);
	box-shadow: 0 8px 18px rgba(10, 33, 64, 0.15);
	width: 260px;
}

#top #header .av-main-nav ul.sub-menu li a {
	font-size: 15px;
	padding: 10px 18px;
	color: var(--bja-blue-menu);
}

#top #header .av-main-nav ul.sub-menu li a:hover,
#top #header .av-main-nav ul.sub-menu li.current-menu-item > a {
	color: var(--bja-blue-dark);
	background: #eef3f9;
}

/* ==========================================================================
   Banner onder het menu: oranje vlak met slogan, logo op grijs rechts
   ========================================================================== */
#top .av-section-bottom-logo {
	background: var(--bja-orange-gradient);
	border: 0;
}

#top .av-section-bottom-logo .logo {
	transform: none;
	margin: 0;
	float: none;
}

#top .av-section-bottom-logo .logo a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	max-height: none;
}

#top .av-section-bottom-logo .logo img {
	max-height: none;
	padding: 0;
	display: block;
}

@media only screen and (min-width: 990px) {
	#top .av-section-bottom-logo .container.av-logo-container {
		padding: 0;
		max-width: none;
		height: 156px;
	}

	#top .av-section-bottom-logo .inner-container {
		position: relative;
		height: 156px;
		overflow: visible;
	}

	/* Slogan uit de oorspronkelijke header (wit op oranje) */
	#top .av-section-bottom-logo .inner-container::before {
		content: "";
		position: absolute;
		right: calc(100% - var(--bja-split) + 32px);
		bottom: 34px;
		width: 274px;
		height: 31px;
		background: url(images/tagline.png) no-repeat 0 0 / 274px 31px;
	}

	#top .av-section-bottom-logo .logo {
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		width: calc(100% - var(--bja-split));
		height: 156px;
		background: url(images/logo-panel-bg.png) repeat-x 0 0;
	}

	#top .av-section-bottom-logo .logo img {
		width: 226px;
		height: 95px;
	}
}

/* Tablet en telefoon: menuknop naast het logo, slogan op een oranje strook eronder */
@media only screen and (max-width: 989px) {
	#top .av-section-bottom-logo {
		background: url(images/logo-panel-bg.png) repeat-x 0 0 / auto 96px;
	}

	#top .av-section-bottom-logo::after {
		content: "";
		display: block;
		height: 40px;
		background: url(images/tagline.png) no-repeat center center / 230px auto, var(--bja-orange-gradient);
	}

	#top #wrap_all .av-section-bottom-logo .container.av-logo-container {
		width: auto;
		max-width: none;
		height: 96px;
		margin: 0;
		padding: 0 12px 0 16px;
	}

	#top .av-section-bottom-logo .inner-container {
		position: relative;
		height: 96px;
		overflow: visible;
	}

	#top .av-section-bottom-logo .logo {
		position: absolute;
		top: 0;
		left: 0;
		right: auto;
		width: auto;
		height: 96px;
		background: none;
	}

	#top .av-section-bottom-logo .logo img {
		width: 150px;
		height: 63px;
	}

	#top .av-section-bottom-logo .main_menu {
		position: absolute;
		top: 0;
		right: 0;
		height: 96px;
	}

	#top .av-section-bottom-logo .av-burger-menu-main,
	#top .av-section-bottom-logo .av-burger-menu-main > a {
		height: 96px;
		line-height: 96px;
		padding: 0 4px;
	}

	#top .av-section-bottom-logo .av-hamburger-inner,
	#top .av-section-bottom-logo .av-hamburger-inner::before,
	#top .av-section-bottom-logo .av-hamburger-inner::after {
		background-color: var(--bja-blue-dark);
	}
}

/* ==========================================================================
   Paginatitel en kruimelpad
   ========================================================================== */
#top .title_container {
	background: #fff;
	border: 0;
}

/* Alleen bij pagina's met de rechterkolom loopt de lichtblauwe kolom door tot boven */
@media only screen and (min-width: 768px) {
	#top:has(#main .container_wrap.sidebar_right) .title_container {
		background: linear-gradient(90deg, #fff var(--bja-split), var(--bja-blue-light) var(--bja-split));
	}
}

#top .title_container .container {
	padding: 30px var(--bja-gutter) 0;
	min-height: 0;
	max-width: none;
}

#top .title_container .main-title {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1.3;
	position: static;
	max-width: calc(var(--bja-split) - var(--bja-gutter));
}

#top .title_container.title_container .main-title,
#top .title_container.title_container .main-title a {
	color: var(--bja-blue-title);
}

#top .title_container .breadcrumb {
	position: static;
	display: block;
	float: none;
	margin: 6px 0 0;
	padding: 0;
	right: auto;
	top: auto;
	max-width: calc(var(--bja-split) - var(--bja-gutter));
	font-size: 13px;
	color: #6b7a8b;
}

#top .title_container.title_container .breadcrumb,
#top .title_container.title_container .breadcrumb a {
	color: #6b7a8b;
}

#top .title_container.title_container .breadcrumb .trail-end {
	color: var(--bja-blue-dark);
}

/* ==========================================================================
   Inhoud en lichtblauwe rechterkolom
   ========================================================================== */
#top #main .container_wrap.sidebar_right {
	border-top: 0;
}

@media only screen and (min-width: 768px) {
	#top #main .container_wrap.sidebar_right > .container {
		display: flex;
		align-items: stretch;
		padding: 0;
		max-width: none;
	}

	#top #main .container_wrap.sidebar_right > .container > .content {
		flex: 0 0 var(--bja-split);
		width: var(--bja-split);
		box-sizing: border-box;
		padding: 34px var(--bja-gutter) 50px;
		margin: 0;
		border: 0;
		float: none;
	}

	#top #main .container_wrap.sidebar_right > .container > .content .entry-content-wrapper {
		padding-right: 0;
	}

	#top #main .container_wrap.sidebar_right > .container > .sidebar {
		flex: 0 0 calc(100% - var(--bja-split));
		width: calc(100% - var(--bja-split));
		box-sizing: border-box;
		padding: 34px 32px 40px;
		margin: 0;
		border: 0;
		background: var(--bja-blue-light);
		overflow: visible;
	}

	#top #main .sidebar .inner_sidebar {
		margin: 0;
	}
}

#top .sidebar .widget {
	padding: 0 0 28px;
	color: #1d2b3a;
	font-size: 15px;
}

#top .sidebar .widgettitle {
	color: var(--bja-blue-dark);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 12px;
}

#top .sidebar .seperator {
	display: none;
}

#top .sidebar a {
	color: var(--bja-blue-dark);
}

#top .sidebar a.bja-btn,
#top .sidebar a.bja-btn:hover,
#top .sidebar a.bja-btn:focus {
	color: #fff;
}

#top .sidebar .bja-vca img {
	display: block;
	max-width: 100%;
	height: auto;
	background: #fff;
	margin-bottom: 10px;
}

#top .sidebar .news-content {
	padding: 0 0 10px;
}

#top .sidebar .news-thumb {
	border: 0;
	padding: 0;
	width: 54px;
	height: 54px;
}

#top .sidebar .news-thumb img {
	width: 54px;
	height: 54px;
}

#top .sidebar .news-headline {
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 15px;
	line-height: 1.35;
}

#top .sidebar .news-thumb {
	margin: 0 12px 0 0;
}

#top .sidebar .news-title {
	font-weight: 600;
}

/* Subpagina-navigatie van Enfold (Wat doen wij?) */
#top .sidebar .widget_nav_menu ul,
#top .sidebar .nested_nav {
	border: 0;
}

#top .sidebar .nested_nav li a {
	border: 0;
	padding: 6px 0 6px 14px;
	position: relative;
	color: var(--bja-blue-dark);
	font-weight: 600;
}

#top .sidebar .nested_nav li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left: 6px solid var(--bja-orange);
}

#top .sidebar .nested_nav li,
#top .sidebar .nested_nav li.current_page_item {
	background: transparent;
	margin: 0 0 2px;
	padding: 0;
	font-size: 15px;
}

#top .sidebar .nested_nav li a,
#top .sidebar .nested_nav li.current_page_item > a,
#top .sidebar .nested_nav li a:hover {
	margin: 0;
	background: transparent;
	box-shadow: none;
}

#top .sidebar .nested_nav li.current_page_item > a {
	color: var(--bja-blue);
	text-decoration: underline;
	text-decoration-color: var(--bja-orange);
	text-underline-offset: 4px;
}

/* Op "Wat doen wij?" zelf staan de subpagina's al bovenaan de inhoud */
#top.page-parent .sidebar .widget_nav_menu,
#top.page-parent .sidebar .nested_nav {
	display: none;
}

.bja-contact-list {
	font-size: 16px;
	font-weight: 600;
}

#top .bja-btn {
	display: inline-block;
	background: var(--bja-blue);
	color: #fff;
	padding: 7px 14px 7px 12px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-decoration: none;
}

#top .bja-btn::before {
	content: "\25B8\00a0";
	color: var(--bja-orange);
}

#top .bja-btn:hover,
#top .bja-btn:focus {
	background: var(--bja-blue-dark);
	color: #fff;
}

/* Lijst met subpagina's bovenaan "Wat doen wij?" */
#top .main_color ul.bja-subnav {
	list-style: none;
	margin: 0 0 1.5em;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#top .main_color ul.bja-subnav li {
	margin: 0;
}

#top .main_color ul.bja-subnav a {
	display: block;
	background: #eef3f9;
	border-left: 3px solid var(--bja-orange);
	padding: 6px 14px;
	font-weight: 600;
	color: var(--bja-blue-dark);
	text-decoration: none;
}

#top .main_color ul.bja-subnav a:hover,
#top .main_color ul.bja-subnav a:focus {
	background: var(--bja-blue);
	color: #fff;
}

/* Links-pagina */
#top .main_color ul.bja-links {
	list-style: none;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 14px;
}

#top .main_color ul.bja-links li {
	margin: 0;
	padding: 14px 16px;
	background: #f3f6fa;
	border-left: 3px solid var(--bja-orange);
	line-height: 1.4;
}

#top .main_color ul.bja-links strong {
	display: block;
	color: var(--bja-blue-dark);
	font-size: 17px;
	margin-bottom: 4px;
}

#top .main_color ul.bja-links a {
	font-size: 14px;
	word-break: break-word;
}

#top .main_color ul.bja-links a::after {
	content: "\00a0\2197";
}

/* VCA-logo in de tekst */
#top .bja-vca-logo {
	border: 1px solid #dfe6ee;
	margin: 4px 0 12px 24px;
	max-width: 45%;
	height: auto;
}

/* Homepage: geen kruimelpad en geen dubbele projectenlijst in de rechterkolom */
#top.home .title_container .breadcrumb,
#top.home .sidebar .newsbox {
	display: none;
}

/* Mobiel menu: huidige pagina markeren */
#top #av-burger-menu-ul .current-menu-item > a,
#top #av-burger-menu-ul .current_page_item > a {
	color: var(--bja-blue-dark);
	font-weight: 700;
	box-shadow: inset 4px 0 0 var(--bja-orange);
}

/* Kopje boven projectoverzicht op de homepage */
#top .bja-section-title .av-special-heading-tag {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--bja-blue-title);
}

#top .bja-photo img {
	border: 1px solid #c9d3df;
}

/* ==========================================================================
   Projecten (Enfold portfolio)
   ========================================================================== */
#top .bja-portfolio .grid-entry .inner-entry {
	box-shadow: none;
	border: 1px solid #dfe6ee;
	border-radius: 0;
}

#top .bja-portfolio .grid-entry .grid-entry-title {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--bja-blue-dark);
	padding: 12px 14px;
}

#top .bja-portfolio .grid-content {
	background: #fff;
	padding: 12px 0;
}

#top .bja-portfolio .grid-entry .grid-entry-title {
	padding: 0 14px;
	min-height: 2.6em;
	display: flex;
	align-items: center;
}

#top .bja-project-gallery .avia-gallery-big {
	border: 0;
	padding: 0;
	box-shadow: none;
}

#top .bja-project-gallery .avia-gallery-thumb a {
	border: 0;
	padding: 2px;
}

#top .bja-back-button {
	margin-top: 26px;
}

/* ==========================================================================
   Contactformulier
   ========================================================================== */
#top .bja-contactform input[type="text"],
#top .bja-contactform input[type="email"],
#top .bja-contactform input[type="tel"],
#top .bja-contactform textarea {
	border: 1px solid #b9c7d8;
	border-radius: 0;
	background: #fff;
	color: var(--bja-text);
	font-size: 16px;
}

#top .bja-contactform input:focus,
#top .bja-contactform textarea:focus {
	border-color: var(--bja-blue);
	outline: 2px solid rgba(47, 105, 168, 0.2);
}

#top .bja-contactform label {
	font-weight: 600;
	color: var(--bja-blue-dark);
}

#top .bja-contactform .button {
	background: var(--bja-blue);
	border: 0;
	border-radius: 0;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 14px 28px;
}

#top .bja-contactform .button:hover,
#top .bja-contactform .button:focus {
	background: var(--bja-blue-dark);
}

#top .bja-contact-details h3 {
	margin-top: 0;
}

/* ==========================================================================
   Footer: drie blauwe vakken en het oranje contactvak (zoals de oude site)
   ========================================================================== */
#top #footer {
	padding: 0;
	border: 0;
	background: #fff;
}

#top #footer > .container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) calc(100% - var(--bja-split));
	padding: 0;
	max-width: none;
	gap: 0;
}

#top #footer > .container > .flex_column {
	width: auto;
	margin: 0;
	float: none;
	padding: 0 22px 24px;
	background: var(--bja-blue-gradient);
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	min-height: 210px;
	box-sizing: border-box;
}

#top #footer > .container > .flex_column.first {
	border-left: 0;
}

#top #footer > .container > .flex_column:last-child {
	background: var(--bja-orange-gradient);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 14px;
}

#top #footer .widget {
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
}

#top #footer .widgettitle {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin: 0 -22px 14px;
	padding: 12px 22px 10px;
	border-bottom: 1px solid #296099;
}

#top #footer > .container > .flex_column:last-child .widgettitle {
	border-bottom-color: rgba(255, 255, 255, 0.45);
}

#top #footer .widget p {
	margin: 0 0 10px;
}

#top #footer a {
	color: #fff;
}

#top #footer .bja-more {
	font-style: italic;
	font-weight: 600;
	text-decoration: none;
}

#top #footer .bja-more::before {
	content: "\25B8\00a0";
	color: #fbc02d;
	font-style: normal;
}

#top #footer .bja-more:hover,
#top #footer .bja-more:focus {
	text-decoration: underline;
}

#top #footer .bja-address strong {
	font-weight: 700;
}

/* Laatste projecten (Enfold-widget) in de footer */
#top #footer .newsbox .news-content {
	padding: 0 0 10px;
	border: 0;
}

#top #footer .news-thumb {
	border: 0;
	padding: 0;
	width: 48px;
	height: 48px;
}

#top #footer .news-thumb img {
	width: 48px;
	height: 48px;
}

#top #footer .news-headline {
	padding: 0;
	margin: 0;
	overflow: hidden;
	line-height: 1.35;
}

#top #footer .news-thumb {
	margin: 0 12px 0 0;
}

#top #footer .news-title {
	color: #fbc02d;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 14px;
}

/* Fotoslideshow in het eerste vak */
#top .bja-footer-slideshow {
	margin: 0;
	border: 0;
}

#top .bja-footer-slideshow .avia-slideshow-inner {
	border: 2px solid rgba(255, 255, 255, 0.85);
}

#top .bja-footer-slideshow .av-slideshow-caption {
	display: none;
}

/* Socket */
#top #socket .container {
	padding-top: 14px;
	padding-bottom: 14px;
}

#top #socket .copyright,
#top #socket .sub_menu_socket a {
	font-size: 13px;
	letter-spacing: 0.02em;
}

/* ==========================================================================
   Nieuws
   ========================================================================== */
#top .post-entry .big-preview,
#top .post-entry .small-preview {
	background-color: var(--bja-blue);
}

#top .post-entry .post-title,
#top .post-entry .post-title a {
	color: var(--bja-blue-dark);
}

/* ==========================================================================
   Tablet
   ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 989px) {
	:root {
		--bja-split: 64%;
		--bja-gutter: 32px;
	}

	#top #header .av-main-nav > li > a {
		padding: 0 10px;
		letter-spacing: 0.06em;
	}

	#top #footer > .container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#top #footer > .container > .flex_column:nth-child(3) {
		border-left: 0;
	}
}

/* ==========================================================================
   Telefoon
   ========================================================================== */
@media only screen and (max-width: 767px) {
	:root {
		--bja-gutter: 20px;
	}

	body#top {
		font-size: 16px;
	}

	#top .title_container {
		background: #fff;
	}

	#top #wrap_all .title_container .container,
	#top #wrap_all #main .container_wrap.sidebar_right > .container,
	#top #wrap_all #socket .container {
		width: auto;
		max-width: none;
		margin: 0;
		padding-left: var(--bja-gutter);
		padding-right: var(--bja-gutter);
	}

	#top #wrap_all .title_container .container {
		padding-top: 22px;
	}

	#top .title_container .main-title,
	#top .title_container .breadcrumb {
		max-width: none;
	}

	#top #main .content {
		padding-top: 22px;
	}

	#top #wrap_all #footer > .container {
		grid-template-columns: minmax(0, 1fr);
		width: auto;
		max-width: none;
		margin: 0;
	}

	#top #footer > .container > .flex_column {
		border-left: 0;
		min-height: 0;
	}

	#top .bja-vca-logo {
		float: none;
		display: block;
		margin: 0 0 12px;
		max-width: 70%;
	}
}