/*
Theme Name: Ondigital theme Child
Theme URI: https://weareon-it.nl/
Template: on-theme
Author: Ondigital
Author URI: https://weareon-it.nl
Description: Algemeen thema voor ondigital websites
Version: 1.0.0
Text Domain: on-theme-child

/* algemeen */

/* @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

@import url('assets/stylesheets/theme.css');

:root {
    --text: #0F0F0F;
	--text-dark: #0F0F0F;
	--text-light: #F8F8F8;
	--text-lighter: #F8F8F8;

    --font-standard: 'Outfit', sans-serif;
    --font-title: 'Outfit', sans-serif;
}

* {
	font-family: unset;
	font-size: unset;
}

body {
	font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Poppins", sans-serif;
}

main#main-content, section {
	padding: unset;
}

nav ul li {
	display: block;
}

nav ul li:last-child a {
	padding: unset;
}
/*
nav ul li a {
	padding: 0;
	border-bottom: 2px solid transparent;
	transition: all ease-in 250ms;
}

nav ul li:last-child a {
	padding: 0;
}
*/

/* Desktop styling only */
@media screen and (min-width: 768px) {
	.imgblock__cntnt {
		column-count: 1;
	}
	
	.imgblock__cntnt ul, .imgblock__cntnt ol {
		padding-left: 17px;
	}
}

@media (min-width: 992px) {
	.fullwidth--p80, .fullwidth {
		padding: 80px 0;
	}
}


@media (min-width: 1200px) {
	.fullwidth--p40 {
		padding: 80px 0;
	}
	
	.fullwidth {
		padding: 80px 0;
	}
	
	.navbar .navbar-nav > .nav-item:not(:last-child) {
		margin-right: 32px;
	}
	
	.header__logo {
		margin-right: 32px;
	}
}

/* Mobile styling only */
@media screen and (max-width: 768px) {
	
}

.imgblock a:not(.btn) {
	color: #C09A5C;
}

.fullwidth--p80 {
	padding: 80px 0;
}

.single-nieuws__image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.single-nieuws-titel h2 {
	font-size: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 52.78px;
}

.footer__info a {
	color: #C09A5C;
}


.header {
	transition: ease-in-out top .3s;
	/*position: absolute;*/
	background: white;
}

.header__logo {
	transition: ease-in-out all .3s;	
	height: 75px;
}



.header--sticky {
	background: white;
	box-shadow: 0 0 3px -2px #0d1933;
	position: fixed;
	top: 0;
}

.header__logo > a {
	height: 100%;
}

.header__logo img {
	height: 100%;
	width: 100%;
	object-fit: scale-down;
}

@media (max-width: 768px) {
	.header--sticky .header__logo {
		height: 40px;
	}
}

@media (min-width: 768px) {
	.navbar .navbar-collapse ul ul ul ul {
		left: 100% !important;
	}
	
	.footer__nav{
		width: auto;
	}
}

.btn, .frm_final_submit, .frm_form_fields .frm_submit button {
	border-radius: 24px !important;
}

.footer__nav ul {
	display: flex;
	flex-direction: column;
}

.frm_style_formidable-style.with_frm_style .form-field {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.apntfrm__bg {
		padding: 40px 95px 35px;
	}
	
	.faq .accordion-button {
		font-size: 16px;
		font-weight: 500;
	}
	
	.page-title:has(.page-title__arrow) {
		padding: 16px 0 200px 0;	
	}
}

.apntfrm__des {
	margin-bottom: 16px;
}

.frm_form_fields .form-field select {
	background: none;
	border: none;
	border-bottom: 1px solid #0d1933;
	border-radius: 0;
	color: #0E1932;
	padding-left: 15px !important;
}

.faq .accordion-button {
	font-size: 16px;
	font-weight: 500;
}

@media (min-width: 992px) {
	.faq .accordion-button {
		font-size: 16px;
		font-weight: 500;
	}
}

.topbar {
	background: #0d1933;
	color: white;
	padding: 10px 0;
	display: flex;
	justify-content: end;
	align-items: center;
}

.topbar__nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 1.5rem;
	align-items: center;
}

.topbar__nav li:last-child a {
	transition: all .3s ease-in-out;
	background: white;
	border-radius: 24px;
	padding: 10px 15px;
	color: #0d1933;
	display: flex;
}

.topbar__nav li:last-child a:hover {
	background: #C09A5C;
	color: #fff;
}



.topbar__nav a {
	color: #C09A5C;
	font-size: 12px;
	font-weight: 500;
}

.container:has(.topbar) {
	max-width: 1350px;
}

.hero__sldr {
	max-height: 500px;
}

.hero__sldr__arrows, .image-slider__arrows {
	display: flex;
	justify-content: end;
	gap: 10px;
	margin-top: 5px;
}

.hero__sldr__arrows svg, .image-slider__arrows svg {
	width: 32px;
}

.imgblock--gold {
	background-color: #c19a5c;
}

.imgblock--white {
	background-color: #fff;
}

.imgblock--gold p, .imgblock--gold h1, .imgblock--gold h2, .imgblock--gold h3, .imgblock--gold h4, .imgblock--gold .imgblock__cntnt a, .imgblock--gold ul, .imgblock--gold li,
.imgblock--white p, .imgblock--white h1, .imgblock--white h2, .imgblock--white h3, .imgblock--white h4, .imgblock--white .imgblock__cntnt a, .imgblock--white ul, .imgblock--white li
 {
	color: #0d1932 !important;
}

.imgblock--blue p, .imgblock--blue h1, .imgblock--blue h2, .imgblock--blue h3, .imgblock--blue h4, .imgblock--blue .imgblock__cntnt a, .imgblock--blue ul, .imgblock--blue li
 {
	color: #fff !important;
}


.imgblock--white .imgblock__cntnt a,
.imgblock--gold .imgblock__cntnt a,
.imgblock--blue .imgblock__cntnt a {
	text-decoration: underline;
}

.imgblock--gold .btn {
	background: #0d1932;
}

.image-slider {
	padding: 80px 0;
}

@media (min-width: 768px) {
	.image-slider {
		padding: 120px 0;
	}
}

.info-blocks {
	padding: 0 0 30px 0;
}

.info-blocks__item {
	position: relative;
}


.info-blocks__content a {
	color: #C09A5C;
}

.info-blocks__button a {
	font-weight: 600;
}

@media (min-width: 768px) {
	.info-blocks {
		padding:  0 0 80px 0;
	}
}

.info-blocks__image {
	height: 200px;
}

.info-blocks__image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.info-blocks__content {
	background: #0d1932;
	color: white;
	padding: 16px;
}

.info-blocks__button a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	background: #c19a5c;
	color: white;
}

.how-it-works {
	padding: 50px 0;
	background-color: #0E1932;
	margin-bottom: 80px;
}

.how-it-works__subtitle, .how-it-works__step-no {
	font-weight: 600;
	font-size: 1rem;
	margin-bottom: .3125rem;
	color: rgba(255, 255, 255, 0.7);
}

.how-it-works__title h2 {
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom: 1rem;
	color: #fff;
}

.how-it-works__step h3 {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: .25rem;
	color: #c19a5c;
}

.how-it-works__step p {
	font-size: 1rem;
	margin-bottom: 1rem;
	color: #fff;
}

.how-it-works__steps {
	display: grid;
	gap: 40px;
	margin-bottom: 2.5rem;
}

.how-it-works__text {
	margin-bottom: 40px;
}

.how-it-works__text p {
	color: #ffffffe6;
}

.how-it-works__cta {
	text-align: center;
}

.how-it-works__cta h3 {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: .75rem;
	color: #c19a5c;
}

.brands__sldr-itm, .brands__sldr-itm img {
	max-height: 50px;
	object-fit: scale-down;
}

.page-title__arrow {
	top: 16px;
}

.header-scrolled {
	background: white;
}

.usp-bar svg {
	width: 18px;
}

.usp-bar svg * {
	fill: #c19a5c;
}

.usp-bar {
	display: flex;
	justify-content: space-between;
	gap: 1.5rem;
}

.usp-bar__item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.usp-bar__item p {
	font-size: 14px;
	color: #0d1933;
	margin: 0;
} 

.project__arrows {
	display: flex;
	gap: 1rem;
	padding-top: 10px;
	padding-bottom: 10px;
}

.project__arrows svg {
	width: 32px;
	cursor: pointer;
}

.project__arrows svg * {
	fill: #c19a5c;
}

.nieuws-datum {
	font-size: 12px;
	font-weight: bold;
	color: #0d1933;
}

.nieuws-column .single-nieuws {
	background: #f8f8f8;
	padding: 14px;
	border: 1px solid #b18e5924;
}

.nieuws-column a {
	font-weight: bold;
	color: #c19a5c;
}

.nieuws-intro {
	font-size: 14px;
}

.work-areas h3 {
	color: white;
	font-family: "Poppins", sans-serif;
	margin-bottom: 14px;
	font-size: 18px;
	font-weight: 700;
}

.work-areas a {
	color: rgba(255, 255, 255, 0.7);
}

.work-areas ul {
	column-count: 2;
	padding: 0;
	margin: 0;
	list-style: none;
}

.work-areas ul > li {
	line-height: 2;
}

@media (min-width: 576px) {
	.footer__nav {
		padding-left: 0;		
	}
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: #C09A5C;
}

::selection {
  color: white;
  background: #C09A5C;
}




.team {
	display: grid;
	grid-template-columns: 1fr;
}

.team__card {
	display: grid;
	grid-template-columns: 25% 1fr;
	gap: 2rem;
}


.team__card-content h3 {
	font-size: 18px;
}

.team__card-content h4 {
	font-size: 16px;
}

.team__card-content p {
	font-size: 1rem;
	
}

.team__card-contact {
	font-size: 1rem;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.team__card-contact a {
	color: #a08758;
}

.team__card:not(:last-child) {
	margin-bottom: 50px;
}

@media (max-width: 839px) {
	.team__card:not(:last-child) {
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: 1px solid #f4f4f5;
	}
}


@media (min-width: 840px) {
	.team {
		grid-template-columns: repeat(2, minMax(0, 1fr));
	}
	
	.team__card:nth-child(odd) {
		border-right: 1px solid #f4f4f5;
		padding-right: 25px;
	}
	
	.team__card:nth-child(even) {
		padding-left: 25px;
	}
}

.footer__socials {
	gap: 10px;
}

.footer__socials svg {
	width: 1.5rem;
	height: 1.5rem;
}

@media (max-width: 768px) {
	.fullwidth {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.breadcrumb {
		margin-bottom: 12px;
	}
}

.google-reviews {
	padding: 40px 0;
}

@media (min-width: 768px) {
	.google-reviews {
		padding: 100px 0;
	}
}