/*
 Theme Name:   Sedero2025
 Theme URI:    https://www.canvastix.nl/
 Description:  Sedero
 Author:       Chris Tol
 Author URI:   https://www.sedero.nl
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  sedero2025
*/
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/raleway-v34-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/raleway-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/raleway-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root{
	--font-raleway: 'Raleway', sans-serif;
	--color-primary: #e84b0f;
	--color-text: #000000;
	--color-light: #e5e5e5;
	--color-white: #fff;
}

html,body,p,a,button{
	font-family: var(--font-raleway);
	font-family: 300;
}

body{
	background-color: #ffffff !important;
	color: #021621;
}

body.ast-main-header-nav-open{
	height: 100%;
	overflow: hidden;
}

h1,h2,h3,h4,h5,h6{
	font-family: var(--font-raleway);
	color: var(--color-primary) !important;
	font-weight: 800 !important;
}

h1, .entry-content h1{
	line-height: 1 !important;
}

h3, .entry-content h3{
	line-height: 1.1;
}

body .site-content .single-layout-1 ul{
	list-style: none;
	margin-left: 10px;
}

body .site-content .single-layout-1 ul li::before{
	content: "\25BA";
	color: var(--color-primary);
	margin-right: 5px;
}

div #launcher{
	margin: 10px 0 10px 20px !important;
}

.list-style-none{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.d-flex{
	display: flex;
	-webkit-display: flex;
	gap: 5px;
	align-content: center;
	align-items: center;
	margin-left: 0;
}

.btn{	
	display: inline-block;
	text-align: center;
	padding: 12px 10px;
	border-radius: 5px;
}

.btn-sm{
	padding: 5px 20px !important;
}

.menu-item.btn-sm{
	padding: inherit !important;
}

.menu-item.btn-sm a{
	padding: 2px 20px !important;
}

.btn-primary{
	background-color: var(--color-primary);
	color: var(--color-white);
}

.btn-primary a{
	color: var(--color-white) !important;
}

.btn-primary:hover{
	color: var(--color-white);
}

.btn-secondary{
	background-color: var(--color-light);
	color: var(--color-text);
}

.btn-secondary:hover{
	color: var(--color-text);
}

@media screen and ( min-width: 921px )
{
	.btn{
		padding: 12px 15px;
	}
}

.btn-faq{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-request-offer{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.link-phone a{
	color: var(--color-text);
	margin-right: 10px;
}

.link-phone a::before{
	content: "\f095";
	font: var(--fa-font-solid);
	color: var(--color-primary);
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 2px;
}

.btn-request-offer::after{
	content: "\f30b";
	font: var(--fa-font-solid);
	color: var(--color-white);
	margin-left: 10px;
}

.btn-faq::before{
	content: "\f232";
	font: var(--fa-font-brands);
	color: var(--color-text);
	margin-right: 10px;
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
}

.border-radius-10{
	border-radius: 10px;
}

.screen-reader-text {
    display: none !important;
}

.ast-site-identity{
	padding: 0;
}

.page .site-content > .ast-container{
	max-width: 100% !important;
}

.ast-separate-container .ast-article-single,
.ast-single-post.ast-page-builder-template .site-main > article{
	padding-left: 0;
	padding-right: 0;
}

header.entry-header .entry-title,
.ast-separate-container article .entry-content,
.ast-above-header.ast-above-header-bar,
.ast-primary-header-bar,
.wp-block-columns{
	padding-right: 20px !important;
	padding-left: 20px !important;
}

@media screen and ( min-width: 1200px ){
		
	.ast-above-header.ast-above-header-bar,
	.ast-primary-header-bar,
	.wp-block-columns{
		padding-right: 4.5% !important;
		padding-left: 4.5% !important;
	}
}

@media screen and ( min-width: 1600px ){
	
	.ast-above-header.ast-above-header-bar,
	.ast-primary-header-bar,
	.wp-block-columns{
		padding-right: 8.5% !important;
		padding-left: 8.5% !important;
	}

}


@media screen and ( max-width: 922px ){
	
	.ast-single-post .entry-title,
	.has-text-align-center{
		text-align: left !important;
	}
	
}

.klanten-logos div figure img{
	background: #fff;
	padding: 10px;
}

.text-green{
	color: var(--color-primary);
}

.cookie-notice-container a{
	background: #13c12b;
	color: #fff;
	text-decoration: none;
	padding: 6px;
	border-radius: 10px;
}

.cookie-notice-container a:hover{
	color: #ffffff;
	background-color: var(--ast-global-color-1);
	border-color: var(--ast-global-color-1);
}

#breadcrumbs{
	padding: 1em 0;
	text-align: left;
	max-width: 1200px; 
	margin: 0px auto;
}

#breadcrumbs a{
	color: #000;
	font-weight: 500;
}

#breadcrumbs span > span{
	color: var(--color-primary);
	font-weight: 700;
}

@media screen and ( max-width: 1240px )
{
	#breadcrumbs > span{
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*
 * Default link button WP Editor
 */
a.wp-block-button__link{
	padding: 12px 25px !important;
}

a.wp-block-button__link::after{
	content: "\f0da";
	font: var(--fa-font-solid);
	color: #fff;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
}

a.wp-block-button__link:hover,
a.wp-block-button__link:focus,
.container-vrijblijvende-offerte .inner a:hover{
	background-color: #021621 !important;
}

.slick-dots li button::before{
	content: "" !important;
	opacity: 1;
	background-color: #fff;
}

.slick-dots li.slick-active button::before{
	background-color: #000;
}

.slick-next, 
.slick-prev{
	box-shadow: none;
}

.slick-next{
	right: -10px !important;
}

.slick-prev{
	left: -10px !important;
}

.slick-next::before,
.slick-prev::before{
	color: #000 !important;
}

.custom-mobile-toggle{
	display: none;
	padding: 0 20px;
	text-align: right;
}

.custom-mobile-toggle button{
	background-color: transparent;
	color: #000;
	padding: 0;
	font-size: 35px;
}

.custom-mobile-menu-contact{
	display: none;
	padding: 0 20px;
	text-align: left;
}

.custom-mobile-menu-contact a{
	color: #000;
	padding: 0;
	font-size: 16px;
}

.custom-mobile-menu-contact a i{
	margin-right: 5px;
	color: var(--color-primary);
}

.custom-mobile-menu-contact a:first-child{
	margin-right: 20px;
}


.ast-primary-header-bar{
	border-bottom: none;
}

.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content{
	z-index: 9998;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .ast-builder-menu-mobile{
	margin-top: 100px;
	height: calc( 100% - 170px );
	height: -webkit-calc( 100% - 170px );
	height: -moz-calc( 100% - 170px );
	overflow-y: scroll;
}

.ast-header-break-point .main-header-menu{
	background-color: transparent;
}

.ast-main-header-nav-open .custom-mobile-toggle{
	position: fixed;
	top: 20px;
	left: 0;
	width: 100%;
	display: block;
	z-index: 9999;
}

body.admin-bar.ast-main-header-nav-open .custom-mobile-toggle{
	top: 50px;	
}

.ast-main-header-nav-open .custom-mobile-menu-contact{
	position: fixed;
	bottom: 35px;
	left: 0;
	width: 100%;
	display: block;
	z-index: 9999;
}

.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link{
	color: #000;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link:hover{
	color: #fff;
	background-color: var(--color-primary);
}

.menu-item-offerte-aanvragen .menu-link{
	background-color: var(--color-primary) !important;
	color: #fff;
}

.menu-item-offerte-aanvragen.current-menu-item .menu-link,
.menu-item-offerte-aanvragen .menu-link:hover{
	color: #fff !important;
}


#primary{
	margin-top: 1em;
}

.entry-content h1{
	line-height: 1.2;
}

.ast-builder-menu-1 .sub-menu{
	border-color: var(--color-primary);
}

.ast-footer-social-1-wrap .ast-builder-social-element svg{
	padding: 5px;
}

.dropdown-menu-toggle{
	display: none;
}

.container-vrijblijvende-offerte{
	position: absolute;
	z-index: 100;
	width: 12em;
	top: 70px;
	right: 00px;
}

.container-vrijblijvende-offerte .inner{
	max-width: 1200px;
	margin: 0px auto;
	text-align: right;
}

.container-vrijblijvende-offerte .inner a{
	padding: 12px 15px;
	background-color: var(--color-primary);
	color: #fff;
	display: inline-block;
	position: relative;
	bottom: 10px;
}

.home .ast-container{
	max-width: 100%;
	padding: 0;
}

.site-header .ast-container{
	max-width: 100%;
	padding: 0;
}

.home .slider{
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
	display: none;
	text-align: right;
}

.home .slider .slide{
	max-width: 100%;
}

.home .slider .slide img{
	max-width: 100%;
}

.home article{
	background-color: transparent !important;
	padding: 0 !important;
}

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single{
	padding-top: 2.34em;
	padding-bottom: 2.34em;
}

.ast-separate-container .ast-article-single:not(.ast-related-post){
	background-color: transparent;
}

.entry-title{
	font-size: 2.5rem;
}

.ast-single-post .entry-title{
	padding-top: 0;
}

.ast-single-post .entry-title, 
.ast-single-post .entry-title a{
	text-align: center;
	color: var(--color-primary);
	font-weight: bold;
}

.ast-single-post .entry-content a:not(.wp-block-button__link){
	color: var(--color-primary);
}

.homepage-title{
	font-weight: 300;
}

.homepage-title span{
	font-weight: 700;
}

.main-header-menu .sub-menu{
	width: 300px;
}

.main-header-menu .sub-menu li.menu-item-has-children{
	position: relative;
}

@media screen and ( min-width: 921px ), print{
	
		
	body.home h1{
		margin-top: 50px !important;
	}
	
	.main-header-menu .sub-menu li.menu-item-has-children::after{
		content: "\f0da";
		font-family: "Font Awesome 5 Free";
		position: absolute;
		right: 15px;
		font-weight: 900;
		color: var(--color-primary);
	}
	
}

.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu li a{
	color: #000;
}

.main-header-menu > .menu-item > .menu-link:hover,
.header-contact-phone a:hover{
	color: var(--color-primary);
}

.main-header-menu > .inloggen a{
	padding-right: 0;
}

.main-header-menu > .inloggen a::before{
	content: "";
	background-image: url('/wp-content/uploads/2022/06/icon-lock.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 15px;
	height: 23px;
	margin-right: 5px;
}

.header-contact-phone a{
	font-family: var(--font-raleway);
	font-weight: 700;
}

.header-contact-phone a::before{
	content: "\f3cd";
	font: var(--fa-font-solid);
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	color: var(--color-primary);
	transform: rotate(-11deg);
	font-size: 16px;
}

.navigation-children{
	max-width: 768px;
	margin: 0px auto;
}

.navigation-children .slick-list{
	margin: 0 -10px;
}

.navigation-children .slick-slide{
	margin: 0 10px;
}

.navigation-children .navigation-item-link{
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 10px;
	text-decoration: none !important;
	border: 1px solid transparent;
	color: var(--color-text) !important;
}

.navigation-children .navigation-item-link.active,
.navigation-children .navigation-item-link:hover{
	border: 1px solid var(--color-primary);
}



.home .entry-content > .wp-block-columns.row-intro .block-intro-text{
	flex-basis: 100% !important;
}

.home .entry-content > .wp-block-columns.row-intro .block-intro-empty{
	display: none;
}

.home .entry-content > .wp-block-columns.row-klanten{
	padding-top: 4em;
	padding-bottom: 8em;
}

@media screen and ( max-width: 921px ){	
	.home .entry-content > .wp-block-columns.row-klanten{
		padding-left: 20px;
		padding-right: 20px;
	}
}

.home .entry-content > .wp-block-columns.row-klanten .wp-block-column:not(:last-child){
	margin-bottom: 0;
}

.row-projects{
	padding-bottom: 4em;
	margin-bottom: 150px !important;
	background-color: var(--color-primary);
	text-align: center;
}

.row-projects h2{
	text-align: center !important;
	color: #fff;
	padding-top: 0;
	padding-bottom: 0;
}

.row-projects .row-projects-inner .btn-more-projects{
	background-color: #021621;
	color: #fff;
	text-align: center;
	margin: 1em auto;
	display: inline-block;
	padding: 12px 25px;
}

.row-projects .row-projects-inner .btn-more-projects::after{
	content: "\f0da";
	font: var(--fa-font-solid);
	color: #fff;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
}

.row-projects > div{
	margin-bottom: -250px;
}

.row-projects .block-title{
	padding-bottom: 0px;
}

.home .entry-content > .wp-block-columns.row-usps{
	padding-top: 4em;
	padding-bottom: 4em;
}

.home .entry-content > .wp-block-columns.row-usps .wp-block-column p{
	margin-top: 10px;
}

.home .entry-content > .wp-block-columns.row-over-canvastix{
	padding-top: 5em;
	padding-bottom: 5em;
}

@media screen and ( max-width: 921px ){	
	
	.home .entry-content > .wp-block-columns.row-over-canvastix{
		padding-left: 20px;
		padding-right: 20px;
	}
	
}

@media screen and ( min-width: 921px ), print{
	
	.row-projects{
		margin-bottom: 250px !important;
		margin-top: 100px !important;
	}
	
	.row-projects h2{
		padding-top: 1em;
		padding-top: 0.5em;
	}
	
}

@media screen and ( min-width: 1600px ), print{
	
	.row-projects{
		margin-top: 150px !important;	
	}
	
}

.home .entry-content > .wp-block-columns.row-over-canvastix .block-over-canvastix-afbeeldingen{
	display: flex;
	flex-direction: column;
}

body article .entry-meta,
.blog article .entry-meta{
	display: none !important;
}

/*
 * Projecten Home
 */
#projects.is-slider{
	opacity: 0;
}

#projects.is-slider.slick-initialized{
	opacity: 1;
}

#projects.is-slider .slick-list{
	margin: 0 5px;
}

#projects.is-slider .slick-list .slick-current{
	margin: 0 -5px;
}

#projects.is-slider .slick-list .slick-slide{
	margin: 0 15px;
	background-color: #000;
	text-align: left;
	position: relative;
}

#projects.is-slider .project-item{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

#projects:not(.is-slider){
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#projects:not(.is-slider) .project-item{
	flex: 0 0 100%;
	padding-top: 75%;
	position: relative;
	background-size: cover;
}

#projects:not(.is-slider) .project-item.hide{
	display: none;
}

#projects .project-item .project-info{
	background-color: rgba(2, 22, 33, 0.8);
	width: 90%;
	left: 5%;
	bottom: 5%;
	position: absolute;
	color: #fff;
	padding: 10px;
	line-height: 1.3;
}

#projects .project-item .project-info .project-title{
	font-size: 17px;
}

#projects .project-item .project-info .branche span{
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

#projects .project-item .project-info .branche span::before{
	content: "\f0da";
	font: var(--fa-font-solid);
	color: var(--color-primary);
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block;
}

#projects .project-item .project-info b{
	color: #fff;
	font-size: 20px;
}

.row-projects .btn-more-projects{
	margin-top: 20px;
	display: inline-block;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 20px;
	background-color: var(--color-primary);
	padding: 8px 25px;
}

.row-projects .btn-more-projects::after {
  content: "\f0da";
  font: var(--fa-font-solid);
  color: #fff;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}

#projects.is-slider .slick-list .slick-slide{
	height: 60vw;
}

@media ( min-width: 768px ),print{
	
	#projects:not(.is-slider) .project-item{
		flex: 0 0 49%;
		padding-top: 40%;
	}

}

@media ( min-width: 921px ),print{
	
	#projects:not(.is-slider) .project-item{
		flex: 0 0 32.333333%;
		padding-top: 25%;
		position: relative;
	}
	
}

.site-footer{
	color: #fff;
}

.site-footer a{
	color: #fff;
	text-decoration: underline;
}

.site-footer .footer-contact a{
	margin-right: 20px;
	display: block;
	color: #fff;
}

.site-footer .footer-contact a:hover{
	color: var(--color-primary);
}

.ast-footer-social-1-wrap .ast-social-color-type-custom svg:hover{
	fill: #021621;
}

.site-footer .footer-contact a.link-headphone::before{
	content: "\f590";
	font: var(--fa-font-solid);
	color: var(--color-primary);
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 18px;
	vertical-align: middle;
	display: inline-block;
}

.site-footer .footer-contact a.link-whatsapp::before{
	content: "\f232";
	font: var(--fa-font-brands);
	color: var(--color-primary);
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 18px;
	vertical-align: middle;
	display: inline-block;
}

.site-footer .footer-contact a.link-email::before{
	content: "\f0e0";
	font: var(--fa-font-solid);
	color: var(--color-primary);
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 18px;
	vertical-align: middle;
	display: inline-block;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{
	padding-left: 20px;
	padding-right: 20px;
}

.site-above-footer-wrap{
	padding: 4em 20px 20px;
}

/*
 * Gravity Forms
 */
.gform_legacy_markup_wrapper .gform_footer input.button, 
.gform_legacy_markup_wrapper .gform_footer input[type="submit"],
.gform_wrapper input[type="submit"]{
	background-color: var(--color-primary);
}

.gform_legacy_markup_wrapper .gform_footer input.button:hover, 
.gform_legacy_markup_wrapper .gform_footer input[type="submit"]:hover,
.gform_legacy_markup_wrapper .gform_footer input.button:focus, 
.gform_legacy_markup_wrapper .gform_footer input[type="submit"]:focus,
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="submit"]:focus{
	background-color: #021621;
}

.ul-klanten{
	margin: 0px auto;
	text-align: center;
}

.ul-klanten li{
	display: inline-block;
	margin: .2em;
}

#container-services {
	display:flex;
	flex-wrap:wrap;
	padding: 0 10px;
}

#container-services .item-service{
	background-color: white;
	padding: 30px;
	flex: 100%;
	text-decoration: none;
	color: #000;
	background-color: #efefef;
	margin-bottom: 10px;
}

#container-services .item-service h3 {
	color: var(--color-primary) !important;
	margin-bottom: 0px !important;
}

.div-function-content {
	padding-top:10px;
}

.subtitle{
	font-size: 24px;
	font-weight: 500;
	max-width: 595px;
	margin: 0px auto;
	line-height: 1.3;
}

@media screen and ( max-width: 921px ){
	
	h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background{
		padding: 1.25em 1.375em;
	}
	
	.ul-klanten{
		text-align: center;
	}
	
	.ul-klanten li{
		max-width: 150px;
	}
}

@media screen and ( min-width: 768px ){
	
	#projects.is-slider .slick-list .slick-slide{
		height: 20vw;
	}

}

@media screen and ( min-width: 921px ){
	
	.ast-logo-title-inline .ast-site-identity{
		padding: 0;
		position: absolute;
		bottom: 27px;
	}

	.home .block-klanten-text{
		padding-left: 5%;
	}
	
	#container-services{
		gap: 10px;
	}
	
	#container-services .item-service{
		flex: 0 0 calc( 33.33333% - 10px );
		margin-bottom: 0px;
	}
}

@media screen and ( min-width: 1024px ){
	
	h1, .entry-content h1{
		font-size: 2.5vw;
		line-height: 1.2;
	}
	
	.home .slider{
		display: block;
	}
		
	.main-header-menu > .menu-item.menu-item-has-children > .menu-link::after{
		content: "\f0d7";
		font: var(--fa-font-solid);
		color: var(--color-primary);
		margin-left: 5px;
	}
	
	.home .entry-content > .wp-block-columns.row-intro .block-intro-text{
		flex-basis: 40% !important;
	}
	
	.home .entry-content > .wp-block-columns.row-intro .block-intro-empty{
		display: block;
	}

	.site-footer{
		max-width: 83%;
		margin: 0px auto;
		width: 100%;
	}
	
	.home .block-klanten-text{
		padding-right: 8%;
	}
			
	.home .entry-content > .wp-block-columns.row-over-canvastix .block-over-canvastix-afbeeldingen{
		display: flex;
		flex-direction: row;
	}
}

@media screen and ( min-width: 1200px ), print{
	
	#projects.is-slider .slick-list .slick-slide{
		height: 17vw;
	}
	
	body.home #projects.is-slider .slick-list .slick-slide{
		height: 20vw;
	}
	
}

.article-functionaliteiten .wp-block-column{
	margin-bottom: 0 !important;
}

body.archive .ast-archive-description{
	text-align: center;
	max-width: 100%;
	border-bottom: none;
}

body.archive .ast-archive-description h1{
	color: var(--color-primary);
	font-weight: 700;	
}

#row-wat-kunnen-wij-u-bieden{
	margin: 2em 0;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

#row-wat-kunnen-wij-u-bieden .row-inner h3{
	font-size: 24px;
}

#row-wat-kunnen-wij-u-bieden .row-inner .columns{
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	max-width: 922px;
	margin: 0px auto;
}

#row-wat-kunnen-wij-u-bieden .row-inner .columns .column .buttons{
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
}

#row-wat-kunnen-wij-u-bieden .row-inner .columns .column .buttons a{
	position: relative;
	background-color: var(--color-primary);
	margin-bottom: 10px;
}

#row-wat-kunnen-wij-u-bieden .row-inner .columns .column .buttons a:hover{
	background-color: #021621;
}

#row-wat-kunnen-wij-u-bieden .row-inner .columns .column .buttons a:first-child{
	margin-top: 20px;
}

#row-wat-kunnen-wij-u-bieden .row-inner .columns .column .buttons a::after{
	content: "\f0da";
	font: var(--fa-font-solid);
	color: #fff;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 15px;
}

.video-volgnummersysteem video{
	border: 5px solid #454445;
}

@media ( min-width: 921px ){
	
	#row-wat-kunnen-wij-u-bieden .row-inner h3{
		font-size: 30px;
	}

	#row-wat-kunnen-wij-u-bieden .row-inner .columns{
		flex-direction: row;
		align-content: center;
		align-items: center;
	}
	
	#row-wat-kunnen-wij-u-bieden .row-inner .columns .column{
		flex: 0 0 50%;
	}
	
	#row-wat-kunnen-wij-u-bieden .row-inner .columns .column .buttons a{
		display: inline-block;
		width: 250px;
		margin: 0px auto;
		margin-bottom: 10px;
	}
	
}


@media screen and ( max-width: 921px ){
	
	.overlap-from-left > div:first-child{
		
	}
	
	.overlap-from-left > div:first-child figure{
		margin-left: 0;
	}
	
	.overlap-from-left > div:last-child{
		padding: 2em !important;
	}
	
	.overlap-from-right > div:first-child{
		padding: 2em !important;
	}
	
	
	.overlap-from-right > div:last-child{
		margin-left: 0;
	}
	
	.overlap-from-right > div:last-child figure{
		margin-right: 0; 
	}
}


@media screen and ( min-width: 921px ){
	
	.overlap-from-left > div:first-child{
		position: relative;
		left: 40px;
		padding: 15px 0 15px 0 !important;
	}
	
	.overlap-from-left > div:last-child{
		padding-left: 6em !important;
		border-radius: 10px;
	}
	
	.overlap-from-right > div:first-child{
		padding-right: 6em !important;
		border-radius: 10px;
	}
	
	.overlap-from-right > div:last-child{
		position: relative;
		right: 40px;
		padding: 15px 0 15px 0 !important;
	}

}

.ajax-loader{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	text-align: center;
	background-color: rgba(0,0,0,0.8);
}

.ajax-loader i{
	color: #fff;
	font-size: 30px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.navigation.projects{
	margin-bottom: 1em;
}

.navigation.projects .nav-item{
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}

.navigation.projects button{
	margin-right: 10px;
	background-color: #021621;
	text-transform: capitalize;
}

.navigation.projects button.active{
	background-color: var(--color-primary);
}

@media screen and ( min-width: 768px ), print{
	
	.navigation.projects{			
		display: flex;
		-webkit-dispay: flex;
		flex-wrap: wrap;
	}
	
}

.single-project .site-content #breadcrumbs{
	max-width: 1200px;
	margin: 0px auto;
	width: 100%;
}


.single-project .site-content .main-image{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	text-align: left;
	
}

.single-project .site-content .main-image{
	max-width: 100%;
}

.single-project .site-content .main-image img{
	max-width: 100%;
}

.single-project .site-content h1{
	font-size: 2.5rem;
}

.single-project .site-content .ast-container .post-navigation{
	max-width: 1200px;
	margin: 0px auto;
	border-top: none;
}


.single .post-navigation .nav-next a,
.single .post-navigation .nav-previous a{
	color: #000;
	padding: 0 8px;
}


@media screen and ( max-width: 769px ){
	

	.single-project .site-content .site-main h1{
		margin-top: 0 !important;
	}
	
	.single-project .site-content .site-main .entry-content > .wp-block-columns:first-child > div:first-child{
		display: none;
	}
	
}

@media screen and ( min-width: 768px ){
	
	.single-project .site-content .main-image{
		display: block;
		width: 50%;
	}
	
}