/*
 * Asschat Design
 * WordPress theme stylesheet based on the original Plate CMS frontend.
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	color: #000000;
	background: #ffffff;
	font-family: "Basic", sans-serif !important;
	font-size: 17px;
	line-height: 26px;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #012640;
	font-family: "Anton", sans-serif !important;
	font-weight: 900 !important;
	margin-top: 0;
}

h1 {
	color: #ffffff;
	font-size: 61px;
	line-height: 71px;
}

h2 {
	color: #000000;
	font-size: 61px;
	line-height: 71px;
}

h3 {
	font-size: 28px;
	line-height: 38px;
}

h4 {
	color: #ffffff;
	font-size: 28px;
	line-height: 38px;
}

h5 {
	font-size: 21px;
	line-height: 28px;
}

h6 {
	color: #000000;
	font-size: 28px;
	line-height: 40px;
}

p,
a,
span,
select,
li,
td,
th,
option,
form input,
.form-field__label,
label,
b,
ul,
textarea,
button {
	color: #000000;
	font-size: 17px;
	font-family: "Basic", sans-serif !important;
	line-height: 26px;
}

p {
	color: #000000;
	font-size: 17px;
	line-height: 26px;
	margin: 0 0 16px;
}

a {
	color: #012640;
	text-decoration: none;
	transition: color 0.2s ease, opacity 0.2s ease;
}

a:hover {
	color: #012640;
	text-decoration: none;
}

p a {
	color: #012640;
	text-decoration: underline;
	text-decoration-color: #012640;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.plate--container,
.plate--container-fluid {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	padding-left: 12%;
	padding-right: 12%;
	position: relative;
	width: 100%;
	z-index: 0;
}

.plate--row {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

.plate--column {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0;
	min-height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

[data-plate-col-xs="1"] { flex-basis: 8.3333333333%; max-width: 8.3333333333%; }
[data-plate-col-xs="2"] { flex-basis: 16.6666666667%; max-width: 16.6666666667%; }
[data-plate-col-xs="3"] { flex-basis: 25%; max-width: 25%; }
[data-plate-col-xs="4"] { flex-basis: 33.3333333333%; max-width: 33.3333333333%; }
[data-plate-col-xs="5"] { flex-basis: 41.6666666667%; max-width: 41.6666666667%; }
[data-plate-col-xs="6"] { flex-basis: 50%; max-width: 50%; }
[data-plate-col-xs="7"] { flex-basis: 58.3333333333%; max-width: 58.3333333333%; }
[data-plate-col-xs="8"] { flex-basis: 66.6666666667%; max-width: 66.6666666667%; }
[data-plate-col-xs="9"] { flex-basis: 75%; max-width: 75%; }
[data-plate-col-xs="10"] { flex-basis: 83.3333333333%; max-width: 83.3333333333%; }
[data-plate-col-xs="11"] { flex-basis: 91.6666666667%; max-width: 91.6666666667%; }
[data-plate-col-xs="12"] { flex-basis: 100%; max-width: 100%; }

@media screen and (min-width: 768px) {
	.plate--container { max-width: none; }
	[data-plate-col-sm="1"] { flex-basis: 8.3333333333%; max-width: 8.3333333333%; }
	[data-plate-col-sm="2"] { flex-basis: 16.6666666667%; max-width: 16.6666666667%; }
	[data-plate-col-sm="3"] { flex-basis: 25%; max-width: 25%; }
	[data-plate-col-sm="4"] { flex-basis: 33.3333333333%; max-width: 33.3333333333%; }
	[data-plate-col-sm="5"] { flex-basis: 41.6666666667%; max-width: 41.6666666667%; }
	[data-plate-col-sm="6"] { flex-basis: 50%; max-width: 50%; }
	[data-plate-col-sm="7"] { flex-basis: 58.3333333333%; max-width: 58.3333333333%; }
	[data-plate-col-sm="8"] { flex-basis: 66.6666666667%; max-width: 66.6666666667%; }
	[data-plate-col-sm="9"] { flex-basis: 75%; max-width: 75%; }
	[data-plate-col-sm="10"] { flex-basis: 83.3333333333%; max-width: 83.3333333333%; }
	[data-plate-col-sm="11"] { flex-basis: 91.6666666667%; max-width: 91.6666666667%; }
	[data-plate-col-sm="12"] { flex-basis: 100%; max-width: 100%; }
}

@media screen and (min-width: 992px) {
	.plate--container { max-width: none; }
	[data-plate-col-md="1"] { flex-basis: 8.3333333333%; max-width: 8.3333333333%; }
	[data-plate-col-md="2"] { flex-basis: 16.6666666667%; max-width: 16.6666666667%; }
	[data-plate-col-md="3"] { flex-basis: 25%; max-width: 25%; }
	[data-plate-col-md="4"] { flex-basis: 33.3333333333%; max-width: 33.3333333333%; }
	[data-plate-col-md="5"] { flex-basis: 41.6666666667%; max-width: 41.6666666667%; }
	[data-plate-col-md="6"] { flex-basis: 50%; max-width: 50%; }
	[data-plate-col-md="7"] { flex-basis: 58.3333333333%; max-width: 58.3333333333%; }
	[data-plate-col-md="8"] { flex-basis: 66.6666666667%; max-width: 66.6666666667%; }
	[data-plate-col-md="9"] { flex-basis: 75%; max-width: 75%; }
	[data-plate-col-md="10"] { flex-basis: 83.3333333333%; max-width: 83.3333333333%; }
	[data-plate-col-md="11"] { flex-basis: 91.6666666667%; max-width: 91.6666666667%; }
	[data-plate-col-md="12"] { flex-basis: 100%; max-width: 100%; }
}

@media screen and (min-width: 1200px) {
	.plate--container { max-width: none; }
	[data-plate-col-lg="1"] { flex-basis: 8.3333333333%; max-width: 8.3333333333%; }
	[data-plate-col-lg="2"] { flex-basis: 16.6666666667%; max-width: 16.6666666667%; }
	[data-plate-col-lg="3"] { flex-basis: 25%; max-width: 25%; }
	[data-plate-col-lg="4"] { flex-basis: 33.3333333333%; max-width: 33.3333333333%; }
	[data-plate-col-lg="5"] { flex-basis: 41.6666666667%; max-width: 41.6666666667%; }
	[data-plate-col-lg="6"] { flex-basis: 50%; max-width: 50%; }
	[data-plate-col-lg="7"] { flex-basis: 58.3333333333%; max-width: 58.3333333333%; }
	[data-plate-col-lg="8"] { flex-basis: 66.6666666667%; max-width: 66.6666666667%; }
	[data-plate-col-lg="9"] { flex-basis: 75%; max-width: 75%; }
	[data-plate-col-lg="10"] { flex-basis: 83.3333333333%; max-width: 83.3333333333%; }
	[data-plate-col-lg="11"] { flex-basis: 91.6666666667%; max-width: 91.6666666667%; }
	[data-plate-col-lg="12"] { flex-basis: 100%; max-width: 100%; }
}

.navigation,
.navbar {
	height: 90px;
	position: relative;
}

.navigation {
	background: transparent;
	left: 0;
	padding: 0 6%;
	position: fixed;
	top: 0;
	transition: all 0.3s ease;
	width: 100%;
	z-index: 10;
}

.main-content-wrapper,
.home-header,
.header-wrapper,
.post-header-wrapper {
	margin-top: 0 !important;
}

.navigation.fixed-header,
.navigation.menu-open {
	background: #ffffff;
}

.navbar-expand-custom {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 90px;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
}

.navbar-brand {
	height: 100%;
	margin-right: 100px;
	padding: 0;
	position: relative;
	width: 20%;
	z-index: 11;
}

.navbar-brand a {
	display: block;
	height: 100%;
}

.navbar-brand img,
.custom-logo {
	filter: brightness(1) invert(0);
	height: 100%;
	object-fit: contain;
	transition: all 0.3s ease;
	width: auto;
}

.fixed-header .navbar-brand img,
.fixed-header .custom-logo,
.menu-open .navbar-brand img,
.menu-open .custom-logo {
	filter: brightness(1) invert(0);
}

.navbar-collapse {
	align-items: center;
	display: flex;
	flex-basis: auto;
	justify-content: flex-end;
}

.navbar-nav {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.navbar-nav .nav-item {
	position: relative;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.navbar-nav .nav-item.last {
	padding-right: 0 !important;
}

.navbar-nav .nav-link {
	color: #ffffff;
	display: block;
	font-size: 17px;
	font-weight: 400;
	line-height: 26px;
	padding: 4px 0 !important;
	position: relative;
	transition: all 0.3s ease;
}

.fixed-header .navbar-nav .nav-link,
.menu-open .navbar-nav .nav-link {
	color: #012640;
}

.navbar-nav .nav-item:hover > .nav-link,
.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .current-menu-item > .nav-link,
.navbar-nav .current-menu-ancestor > .nav-link {
	color: #ffffff;
}

.fixed-header .navbar-nav .nav-item:hover > .nav-link,
.fixed-header .navbar-nav .nav-item.active > .nav-link,
.fixed-header .navbar-nav .current-menu-item > .nav-link,
.fixed-header .navbar-nav .current-menu-ancestor > .nav-link,
.menu-open .navbar-nav .nav-item:hover > .nav-link,
.menu-open .navbar-nav .nav-item.active > .nav-link,
.menu-open .navbar-nav .current-menu-item > .nav-link,
.menu-open .navbar-nav .current-menu-ancestor > .nav-link {
	color: #012640;
}

.navbar-nav .nav-link::before {
	background: transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	transition: all 0.3s ease;
	width: 100%;
}

.navbar-nav .nav-item:hover > .nav-link::before,
.navbar-nav .nav-item.active > .nav-link::before,
.navbar-nav .current-menu-item > .nav-link::before {
	background: #ffffff;
}

.fixed-header .navbar-nav .nav-item:hover > .nav-link::before,
.fixed-header .navbar-nav .nav-item.active > .nav-link::before,
.fixed-header .navbar-nav .current-menu-item > .nav-link::before {
	background: #012640;
}

li.nav-item.dropdown:hover .dropdown-menu {
	display: block;
	position: absolute;
	top: 60px;
}

.dropdown-menu {
	background-color: #012640 !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #ffffff;
	display: none;
	left: 0;
	margin: 0;
	min-width: 10rem;
	opacity: 1;
	padding: 10px 15px;
	position: absolute;
	text-align: left;
	top: 60px;
	transition: ease-in 0.3s;
	visibility: visible;
	z-index: 5;
}

.dropdown-menu::before {
	background-color: #ffffff00;
	content: "";
	height: 30px;
	left: 0;
	position: absolute;
	top: -30px;
	width: 100%;
	z-index: 6;
}

.overflow {
	overflow-x: hidden;
}

.dropdown-menu a.dropdown-item {
	color: #ffffff;
	display: block;
	font-size: 17px;
	line-height: 28px;
	padding: 0;
	position: relative;
	transition: all 0.3s ease;
}

.dropdown-menu a.dropdown-item::before {
	content: none;
}

.dropdown-menu a.dropdown-item:hover {
	background-color: #012640 !important;
	color: #0492f8 !important;
}

.navbar-toggler {
	background: transparent;
	border: 0;
	cursor: pointer;
	display: block;
	margin: 0;
	outline: 0;
	padding: 0;
	position: relative;
	right: 0;
	top: 4px;
	z-index: 11;
}

.navbar-toggler .bars {
	margin-top: 0;
	position: relative;
}

.navbar-toggler .bar {
	background-color: #ffffff;
	border-radius: 3px;
	display: block;
	height: 2px;
	margin-bottom: 6px;
	transition: all 100ms ease-in-out;
	width: 30px;
}

.fixed-header .navbar-toggler .bar,
.menu-open .navbar-toggler .bar {
	background-color: #012640;
}

.navbar-toggler .bar-3 {
	margin-bottom: 0;
}

.navigation.menu-open .bar-1 {
	transform: rotate(45deg);
}

.navigation.menu-open .bar-2 {
	opacity: 0;
}

.navigation.menu-open .bar-3 {
	margin-top: -16px;
	transform: rotate(-45deg);
}

.header-wrapper {
	margin-top: 0;
	height: 70vh;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.header-wrapper-inner,
.header-slide {
	height: 100%;
	width: 100%;
}

.header-slide {
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.header-slide .overlay {
	background: rgba(1, 38, 64, 0.15);
	inset: 0;
	position: absolute;
}

.header-content {
	position: relative;
	top: 25vh;
	padding-left: 6%;
	padding-right: 6%;
	text-align: center;
	z-index: 5;
}

.header-content .subtitle {
	color: #ffffff;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 10px;
}

.header-content h1 {
	color: #ffffff;
	font-size: 61px;
	line-height: 71px;
	margin-bottom: 0;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.24);
}

.header-content .title {
	margin: 0 auto 40px;
	max-width: 500px;
	position: relative;
}

.post-header-wrapper {
	background-color: #012640 !important;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 40vh;
	margin-top: 0;
	position: relative;
	width: 100%;
}

.post-header-wrapper-inner {
	align-items: flex-end;
	box-sizing: border-box;
	height: 100%;
	padding-bottom: 90px;
	padding-left: 12%;
	padding-right: 6%;
	position: relative;
	width: 100%;
}

.post-header-wrapper .subtitle {
	color: #ffffff;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 10px;
}

.post-header-wrapper h1 {
	color: #ffffff;
	font-size: 61px;
	line-height: 71px;
	margin-bottom: 0;
}

.breadcrumbs {
	position: absolute;
	right: 6%;
	top: 120px;
}

.breadcrumbs a,
.breadcrumbs span {
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	line-height: 13px;
	position: relative;
	text-transform: lowercase;
}

.breadcrumbs a:hover {
	color: #ffffff;
}

.main-content {
	background: #ffffff;
}

.section-container {
	background-position: center center;
	background-size: cover;
	position: relative;
	padding-bottom: 100px;
	padding-top: 100px;
	width: 100%;
}

.paragraph.hoofdkleur h1,
.paragraph.hoofdkleur h2,
.paragraph.hoofdkleur h3,
.paragraph.hoofdkleur h4,
.paragraph.hoofdkleur h5,
.paragraph.hoofdkleur h6,
.paragraph.hoofdkleur p {
	color: #012640;
}

.paragraph h1,
.paragraph h2,
.paragraph h3,
.paragraph h4,
.paragraph h5,
.paragraph h6,
.paragraph p {
	color: #000000;
}

.paragraph.licht h1,
.paragraph.licht h2,
.paragraph.licht h3,
.paragraph.licht h4,
.paragraph.licht h5,
.paragraph.licht h6,
.paragraph.licht p {
	color: #ffffff !important;
}

.paragraph h4 {
	margin-bottom: 18px;
}

.home .paragraph {
	text-align: left;
}

.home #section-main-content .paragraph {
	text-align: left;
}

.plate--element__image img,
.image_element img {
	max-width: 100% !important;
	width: 100%;
}

.image_element img {
	object-fit: cover;
}

#section-body .image_element img {
	min-height: 420px;
}

.asschat-extra-page-image {
	margin-top: 18px;
}

.asschat-extra-page-image .image_element img {
	min-height: 0 !important;
}

.tussenruimte {
	display: block;
	width: 100%;
}

.grid {
	display: flex;
	flex-wrap: wrap;
}

.foto_container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	margin-bottom: 2%;
	margin-right: 2%;
	width: 32%;
}

.grid.items_4 .foto_container {
	height: 100%;
	margin-bottom: 2%;
	margin-right: 2%;
	width: 23.5%;
}

.grid.items_4 .foto_container:nth-child(4n+4) {
	margin-right: 0;
}

.foto_container a {
	background: #f5f5f5;
	display: block;
	height: auto !important;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.foto_container img {
	height: 500px;
	object-fit: cover;
	transition: opacity 0.25s ease, transform 0.25s ease;
	width: 100% !important;
}

.grid.items_4 .foto_container img {
	height: 375px;
}

.foto_container a:hover img {
	opacity: 0.85;
	transform: scale(1.03);
}

.page-projecten .projecten-content > div > h4:first-child {
	margin-bottom: 20px;
}

.page-projecten .wp-block-gallery,
.page-projecten .wp-block-gallery.has-nested-images,
.page-projecten .blocks-gallery-grid,
.page-projecten .gallery {
	display: flex !important;
	flex-wrap: wrap;
	gap: 0 !important;
	margin: -7.5px !important;
}

.page-projecten .wp-block-gallery > .wp-block-image,
.page-projecten .wp-block-gallery.has-nested-images > figure.wp-block-image,
.page-projecten .blocks-gallery-grid > .blocks-gallery-item,
.page-projecten .gallery .gallery-item {
	box-sizing: border-box;
	flex: 0 0 25% !important;
	margin: 0 !important;
	max-width: 25% !important;
	padding: 7.5px !important;
	width: 25% !important;
}

.page-projecten .wp-block-gallery a,
.page-projecten .blocks-gallery-grid a,
.page-projecten .gallery-icon a {
	background: #f5f5f5;
	display: block;
	height: 0;
	overflow: hidden;
	padding-bottom: 75%;
	position: relative;
	width: 100%;
}

.page-projecten .wp-block-gallery a img,
.page-projecten .blocks-gallery-grid a img,
.page-projecten .gallery-icon a img {
	height: 100% !important;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	transition: opacity 0.25s ease, transform 0.25s ease;
	width: 100% !important;
}

.page-projecten .wp-block-gallery > .wp-block-image > img,
.page-projecten .wp-block-gallery.has-nested-images > figure.wp-block-image > img,
.page-projecten .blocks-gallery-grid > .blocks-gallery-item > figure > img,
.page-projecten .gallery-icon > img {
	aspect-ratio: 4 / 3;
	height: auto !important;
	object-fit: cover;
	width: 100% !important;
}

.page-projecten .wp-block-gallery a:hover img,
.page-projecten .blocks-gallery-grid a:hover img,
.page-projecten .gallery-icon a:hover img {
	opacity: 0.85;
	transform: scale(1.03);
}

.page-projecten .wp-block-gallery figcaption,
.page-projecten .blocks-gallery-grid figcaption,
.page-projecten .gallery-caption {
	display: none;
}

.input_field {
	border-bottom: 1px solid #012640;
	margin-bottom: 20px;
	padding-bottom: 4px;
}

.input_field.textarea {
	border-bottom: 0;
}

.form-field__label {
	color: #012640;
	display: block;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 3px;
}

.form-field__input,
.form-field__textarea {
	background: transparent;
	border: 0;
	color: #000000;
	font-size: 17px;
	line-height: 26px;
	outline: 0;
	padding: 6px 0;
	width: 100%;
}

.form-field__textarea {
	border-bottom: 1px solid #012640;
	min-height: 115px;
	resize: vertical;
}

.input_field.AVG {
	border-bottom: 0;
}

.input_field.AVG p {
	margin-bottom: 0;
}

.input_field.AVG label {
	align-items: center;
	color: #012640;
	display: flex;
	flex-direction: row-reverse;
	font-size: 14px;
	gap: 8px;
	justify-content: flex-end;
}

.input_field.AVG input[type="checkbox"] {
	appearance: none;
	border: 1px solid #012640;
	height: 16px;
	margin: 0;
	position: relative;
	width: 16px;
}

.input_field.AVG input[type="checkbox"]:checked::after {
	color: #012640;
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 11px;
	left: 2px;
	position: absolute;
	top: 0;
}

.button,
.button.dark,
.button.licht:hover {
	background: #012640 !important;
	border: 1px solid #012640;
	display: inline-block;
	padding: 0;
}

.button:hover,
.button.dark:hover,
.button.licht {
	background: #ffffff !important;
}

.button a,
.button span,
.button.dark a,
.button.dark span,
.button.licht:hover a {
	color: #ffffff !important;
	display: block;
	font-family: "Anton", sans-serif !important;
	font-weight: 900 !important;
	padding: 12px 28px;
}

.button:hover a,
.button:hover span,
.button.dark:hover a,
.button.dark:hover span,
.button.licht a {
	color: #012640 !important;
}

.btn-asschat,
.wp-block-button__link {
	background: #012640 !important;
	border: 1px solid #012640;
	color: #ffffff !important;
	display: inline-block;
	font-family: "Anton", sans-serif !important;
	font-weight: 900 !important;
	padding: 12px 28px;
}

.btn-asschat:hover,
.wp-block-button__link:hover {
	background: #ffffff !important;
	color: #012640 !important;
}

.submit_button {
	cursor: pointer;
}

.wsf-form input,
.wsf-form textarea,
.wsf-form select {
	border: 0 !important;
	border-bottom: 1px solid #012640 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.footer-wrapper {
	background: #d3d9e0;
	padding-bottom: 65px;
	position: relative;
	width: 100%;
}

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

.footer-wrapper .menu h5 {
	color: #012640 !important;
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 14px;
}

.footer-menu-title {
	color: #012640 !important;
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 14px;
}

.footer-wrapper .menu > li > a {
	color: #012640 !important;
	display: inline-block;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 14px;
}

.footer-wrapper .menu > li > a h5 {
	margin-bottom: 0;
}

.footer-wrapper .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-wrapper .sub-menu a {
	color: #012640 !important;
	display: inline-block;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 6px;
}

.footer-wrapper .submenu-item p {
	color: #012640 !important;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 6px;
}

.footer-wrapper a:hover p,
.footer-wrapper a:hover h5 {
	color: #012640 !important;
	opacity: 0.7;
}

.footer-wrapper .paragraph h5 {
	color: #012640 !important;
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 14px;
}

.footer-wrapper .paragraph p {
	color: #012640 !important;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 0;
}

.footer-wrapper .paragraph a {
	color: #012640;
}

.footer-contact-widget,
.footer-contact-widget .widget,
.footer-contact-widget h1,
.footer-contact-widget h2,
.footer-contact-widget h3,
.footer-contact-widget h4,
.footer-contact-widget h5,
.footer-contact-widget h6,
.footer-contact-widget p,
.footer-contact-widget li,
.footer-contact-widget a {
	text-align: right;
}

.copyright-bar {
	align-items: center;
	border-bottom: 1px solid rgba(49, 45, 47, 0.1);
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
	text-align: right;
	width: 100%;
}

.footer_logo {
	display: inline-block;
	position: relative;
}

.footer_logo .full-link-btn {
	inset: 0;
	position: absolute;
	z-index: 1;
}

.footer_logo img {
	height: 36px;
	opacity: 0.7;
	width: auto;
}

.copyright_content p {
	color: #012640 !important;
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	opacity: 0.5;
	text-align: right;
}

.footer-column-wrapper {
	padding-bottom: 70px;
	padding-top: 140px;
	position: relative;
}

.footer-column-wrapper .plate--container {
	padding: 0;
}

.footer_logos {
	align-items: flex-end;
	display: flex;
	flex-flow: row wrap;
	height: 65px;
	justify-content: flex-start;
}

.footer_logos .footer_logo {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	margin-right: 20px;
	max-width: fit-content;
	position: relative;
	width: auto;
}

.footer_logos .footer_logo img {
	height: 100%;
	max-width: 150px;
	object-fit: contain;
	width: auto;
}

.asschat-lightbox {
	align-items: center;
	background: rgba(0, 0, 0, 0.88);
	display: flex;
	inset: 0;
	justify-content: center;
	opacity: 0;
	padding: 50px;
	pointer-events: none;
	position: fixed;
	transition: opacity 0.2s ease;
	z-index: 9999;
}

.asschat-lightbox.is-open {
	opacity: 1;
	pointer-events: auto;
}

.asschat-lightbox img {
	box-shadow: 0 8px 35px rgba(0, 0, 0, 0.45);
	max-height: calc(100vh - 100px);
	max-width: calc(100vw - 100px);
	object-fit: contain;
}

.asschat-lightbox__close {
	background: transparent;
	border: 0;
	color: #ffffff;
	cursor: pointer;
	font-size: 44px;
	line-height: 1;
	position: absolute;
	right: 28px;
	top: 20px;
}

.error-404-section {
	padding: 100px 0;
	text-align: center;
}

.error-404-section .error-code {
	color: #012640;
	font-family: "Anton", sans-serif !important;
	font-size: 120px;
	line-height: 1;
	opacity: 0.14;
}

.error-404-section p {
	margin-left: auto;
	margin-right: auto;
	max-width: 520px;
}

.main-content-wrapper {
	transform: translateX(0);
	transition: all 0.3s ease;
}

@media only screen and (min-width: 1026px) {
	.navbar-expand-custom .navbar-collapse {
		display: flex !important;
	}

	.navbar-expand-custom .navbar-toggler {
		display: none;
	}
}

@media only screen and (max-width: 1025px) {
	.navbar-expand-custom {
		height: 90px;
	}

	.navbar-toggler {
		display: block;
	}

	.navbar-brand {
		align-items: center;
		display: flex;
		height: 90px;
		margin-right: 0;
		max-height: 90px;
		max-width: 50%;
		width: auto;
	}

	.navbar-brand img,
	.custom-logo {
		height: 80px;
		max-height: 80px;
		max-width: 250px;
		object-fit: contain;
		width: auto;
	}

	.navigation.menu-open #navbarResponsive {
		transform: translateX(0);
	}

	.navigation.menu-open #navbarResponsive.pushed {
		transform: translateX(-100%);
	}

	.main-content-wrapper.pushed {
		transform: translateX(-100%);
	}

	.navbar-collapse {
		background: #ffffff;
		display: block;
		height: 100vh;
		left: 0;
		overflow-y: auto;
		padding-top: 100px;
		position: fixed;
		right: 0;
		top: 0;
		transform: translateX(100%);
		transition: all 0.3s ease;
		width: 100%;
	}

	.menu-open .navbar-collapse {
		transform: translateX(0);
	}

	.navbar-nav {
		display: block;
		padding: 0;
		position: initial;
	}

	.navbar-nav .nav-link {
		color: #012640 !important;
		font-size: 45px;
		font-weight: 600;
		line-height: 55px;
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}

	.navbar-nav .nav-link::before {
		display: none;
	}

	.navbar-nav .nav-item {
		padding-left: 6% !important;
		padding-right: 6% !important;
	}

	.dropdown-menu,
	.dropdown-menu a.dropdown-item:hover {
		background: #ffffff00 !important;
	}

	.dropdown,
	.dropdown-menu,
	.overflow {
		transition: all 0.4s ease;
	}

	.dropdown-menu {
		box-shadow: none;
		display: block;
		height: 0;
		opacity: 0;
		overflow: hidden;
		padding: 0 15px;
		position: relative;
		top: 0;
		visibility: hidden;
		width: 0;
	}

	.dropdown-menu::before {
		content: none;
	}

	.nav-item.dropdown:hover > .dropdown-menu,
	.navigation.menu-open .nav-item.dropdown > .dropdown-menu {
		height: auto;
		opacity: 1;
		overflow: visible;
		padding: 10px 15px;
		position: relative;
		top: 0;
		visibility: visible;
		width: 100%;
	}

	.nav-item.dropdown .dropdown-menu .overflow {
		height: 0;
	}

	.nav-item.dropdown:hover .dropdown-menu .overflow,
	.navigation.menu-open .nav-item.dropdown .dropdown-menu .overflow {
		height: auto;
		overflow: visible;
	}

	.dropdown-menu a.dropdown-item {
		color: #012640 !important;
		font-size: 25px;
		line-height: 30px;
		padding: 0;
	}

	.header-wrapper {
		height: 85vh;
	}

	.header-content h1 {
		font-size: 38px;
	}

	.post-header-wrapper {
		height: 40vh;
	}

	.post-header-wrapper h1 {
		font-size: 51px;
		line-height: 61px;
	}

	.post-header-wrapper .breadcrumbs {
		display: none;
	}

	.post-header-wrapper-inner {
		padding-bottom: 30px;
	}

	.section-container {
		padding-bottom: 70px;
		padding-top: 70px;
	}

	.grid.items_4 .foto_container {
		margin-bottom: 2%;
		margin-right: 2%;
		width: 49%;
	}

	.grid.items_4 .foto_container:nth-child(2n+2) {
		margin-right: 0 !important;
	}

	.grid.items_4 .foto_container:nth-child(4n+4) {
		margin-right: 2%;
	}

	.page-projecten .wp-block-gallery > .wp-block-image,
	.page-projecten .wp-block-gallery.has-nested-images > figure.wp-block-image,
	.page-projecten .blocks-gallery-grid > .blocks-gallery-item,
	.page-projecten .gallery .gallery-item {
		flex-basis: 50% !important;
		max-width: 50% !important;
		width: 50% !important;
	}
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 34px;
	}

	.navbar-brand img,
	.custom-logo {
		height: 80px;
		max-height: 80px;
		max-width: 250px;
		width: auto;
	}

	.header-wrapper {
		height: 85vh;
	}

	.header-content {
		text-align: left;
	}

	.header-content h1 {
		font-size: 51px;
		line-height: 61px;
	}

	#section-body .image_element img {
		margin-top: 25px;
		min-height: 260px;
	}

	.page-template-template-specialisme #section-body .image_element img,
	.page-contact #section-body .image_element img {
		margin-bottom: 25px;
		margin-top: 0;
	}

	.grid.items_4 .foto_container {
		margin-bottom: 20px !important;
		margin-right: 2%;
		width: 49%;
	}

	.grid.items_4 .foto_container:nth-child(2n+2) {
		margin-right: 0 !important;
	}

	.grid.items_4 .foto_container img {
		height: 200px;
	}

	.page-projecten .wp-block-gallery > .wp-block-image,
	.page-projecten .wp-block-gallery.has-nested-images > figure.wp-block-image,
	.page-projecten .blocks-gallery-grid > .blocks-gallery-item,
	.page-projecten .gallery .gallery-item {
		flex-basis: 50% !important;
		max-width: 50% !important;
		width: 50% !important;
	}

	.footer-wrapper .text-right,
	.footer-contact-widget,
	.footer-contact-widget .widget,
	.footer-contact-widget h1,
	.footer-contact-widget h2,
	.footer-contact-widget h3,
	.footer-contact-widget h4,
	.footer-contact-widget h5,
	.footer-contact-widget h6,
	.footer-contact-widget p,
	.footer-contact-widget li,
	.footer-contact-widget a,
	.copyright_content p {
		text-align: left !important;
	}

	.copyright-bar {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}

	.asschat-lightbox {
		padding: 24px;
	}

	.asschat-lightbox img {
		max-height: calc(100vh - 70px);
		max-width: calc(100vw - 48px);
	}
}

@media screen and (max-width: 600px) {
	h1,
	h2,
	.post-header-wrapper h1,
	.header-content h1 {
		font-size: 41px;
		line-height: 51px;
	}

	.navbar-nav .nav-link {
		font-size: 41px;
		line-height: 51px;
	}

	.grid.items_4 .foto_container img {
		height: calc((200px / 3) * 2);
	}
}

@media only screen and (max-height: 775px) {
	.post-header-wrapper {
		height: 300px;
	}

	.post-header-wrapper-inner {
		padding-bottom: 30px;
	}
}