/*
Theme Name: ACS
Theme URL: https://smeckdesigns.com
Author: Smeckdesigns.com
Author URL: https://smeckdesigns.com

*/


/* HTML5 Reset
---------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
.genesis-skip-link {display:none}
/* stylelint-enable */



/*basic*/

html {
font-size: 62.5%;
	scroll-behavior: smooth;
}

:root {
	--zwart: #2B2B2B;
  	--wit: #ffffff;
	--blauw1: #0C8EC1;
	--blauw2: #6BC2F9;
}

a, div, span, button, input, p, article, tr, td, section, h1, h2, h3, h4, h5, img, :after, :before {transition:0.3s ease all !important;position:relative;}

body {
	margin:0;
	font-size: 18px;
	font-size: 1.8rem;
	overflow-x:hidden;
	background-color:#F4F4F4;
	font-family:'Roboto';
	color:var(--zwart);
}

::selection {background-color:var(--blauw1);color:white}
h1, h2 {font-size:3.5rem;font-weight:800;color:var(--blauw1);margin:0}
h3 {font-size:2rem;margin:0 0 15px;font-weight:400}

li {list-style:none}
a {text-decoration:none;cursor:pointer;color:var(--zwart);}
span {
	width:100%;
	display:block;
	padding:5px 0;
}
a.btn {
padding: 15px 40px;
    border: 1px solid var(--blauw1);
    border-radius: 50px;
    margin: 25px 0 0;
    display: flex;
    width: 200px;
    justify-content: center;
}
a.btn.btn_white {
    border-color: white;
    color: var(--blauw1);
    background: white;
}
a.btn:hover {
	background:white;
	color:var(--blauw1);
	box-shadow:5px 5px 15px #00000033;
}


body {}
.site-inner {max-width:100%;overflow: hidden;}

p {margin:0 0 1.2rem;line-height:1.75}
ul {padding:0;margin-left:20px;width:100%}
li {line-height:2;}


@keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}

}

/* Site Container
--------------------------------------------- */

.site-container {
	animation: fadein 1s;
	word-wrap: break-word;
}



/* Site Inner
--------------------------------------------- */

.site-inner {
	clear: both;
	margin: 0 auto;
	padding: 0px;
    width: 100%;
}


/* Site Header
---------------------------------------------------------------------------- */

header {
    width: 100%;
    height: 100px;
    display: flex;
    flex-wrap: wrap;
	background: white;
    box-shadow: 0 0px 15px #33333333;
	position:relative;
	z-index:9;
}
.header-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
	align-items: center;
}
.custom-logo {
    width: 150px;
}

/* Basic
--------------------------------------------- */

.wrapper {
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

.c-rechts, .c-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	gap:25px;
	margin:125px auto 150px;
}

.c-rechts {justify-content:right;}

.content-half {
    width: calc(50% - 50px);
}

.img-links, .img-rechts {
    height: 125%;
    width: 50vw;
    left: -25vw;
    display: block;
    background-size: cover;
	background-position:center;
    border-radius: 0 0 50px;
    position: absolute;
}
.img-rechts{
	left:inherit;
	right:-25vw;
 	border-radius: 50px 0 0  0;
}

.center {text-align: center;}


/* Homepage ------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------- */

.header-kop {
	width:100%;
	padding-top:250px;
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}

.header-blok {
	color:white;
	padding:50px 25px;
	width:50%;
	z-index:2;
}
.header-blok h1 {
	color:white;
	padding:0 0 25px ;
}
.header-blok:before {
	content:"";
	display:block;
	top:0;
	z-index:-1;
	position:absolute;
	width:100vw;
	right:0;
	height:100%;
	background:#0C8EC1aa;
	border-radius:0 50px 0 0;
}

.intro-wrapper {
    width: calc(100% - 100px);
    max-width: 1280px;
    margin: 0 auto;
    background: white;
    padding: 50px;
	border-radius: 0 0 50px 0;
}

.usp {
	padding:25px 25px 0;
}
.usp ul {
    display: flex;
	flex-wrap:wrap;
    justify-content: space-between;
}
.usp li {
    display: flex;
    align-items: center;
}
.usp li:before {
    content: url(/wp-content/uploads/2026/03/check.svg);
}

.abonnementen {
    background: white;
    padding: 50px 25px;
}

.abo-list {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
	margin:50px auto;
}
.abo {
    width: 30%;
    box-shadow: 3px 3px 15px #33333333;
    border-radius: 0 50px 0 0;
	padding:0 0 50px;
}
.abo-kop {
    background: var(--blauw1);
    color: white;
    border-radius: 0 50px 0 0;
    padding: 15px;
}
.abo-kop h3 {font-size:2.6rem;padding:0;margin:0}
.abo-kop i {font-style:normal;font-weight:300}
.abo li {list-style:none;padding:0 15px;}
span.prijs {
    bottom: 15px;
	left:5%;
    display: block;
    position: absolute;
    border-top: 1px solid var(--blauw1);
    width: 90%;
    text-align: center;
    padding-top: 15px;
    color: var(--blauw1);
	font-weight:300;
}

.demo-balk {
    padding: 75px 0;
	background-size:cover;
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
	z-index:2;
}
.demo-balk:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #0C8EC1CC;
}
.demo-balk .wrapper {
    display: flex;
    flex-wrap: wrap;
}
.demo-balk h2 {color:white;width:65%;}

.contact-hp {
    padding: 50px 25px;
    display: flex;
    flex-wrap: wrap;
	gap:50px;
}
.contact-links {
    width: 35%;
}

.contact-links span {
    display: flex;
	padding-bottom:5px;
} 
.contact-links i {color:var(--blauw1);padding-right:10px;}
.contact-rechts {
    width: calc(60% - 100px);
    padding: 50px;
}
.contact-rechts:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    content: "";
    display: block;
    background: white;
    border-radius: 50px 0 0 0;
}

span.wpcf7-form-control-wrap {
    width: calc(50% - 12.5px);
}
.contact-rechts form br {display:none}
.contact-rechts form p {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
	justify-content:right;
}
.contact-rechts form span.wpcf7-form-control-wrap:nth-child(10) {
    width: 100%;
}
.contact-rechts input,  .contact-rechts textarea{
    width: calc(100% - 30px);
    padding: 15px;
    border-radius: 15px;
    border: 1px solid var(--blauw1);
}
input.wpcf7-submit {
    width: auto;
    background: white;
    padding: 15px 50px;
    border-radius: 50px;
	cursor:pointer;
}
input.wpcf7-submit:hover {
	background:var(--blauw1);
	color:white;
}
form .wpcf7-spinner {
    left: 0;
    position: absolute;
    bottom: 0;
}


/* FOOTER ------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------- */


footer {
	background:var(--blauw1);
	color:white;
	padding:50px 25px;
}
footer .wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
	justify-content: center;
    text-align: center;
}
footer li.widget {
    text-align: left;
}
footer h1 {color:white;width:100%;font-size:2.6rem}
footer a {color:white}


/* Popup form ------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------- */

.pum-content form br {display:none}
.pum-content form p {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
	justify-content:left;
}
.pum-content form  span.wpcf7-form-control-wrap:nth-child(15) {
    width: 100%;
}
.pum-content input,  .pum-content textarea,  .pum-content select{
    width: calc(100% - 30px);
    padding: 15px;
    border-radius: 15px;
    border: 1px solid var(--blauw1);
}



/* RESPONSIVE 
 * --------------------------------------------- */

.mob {display:none !important}

@media (max-width:1400px){

}

@media (min-width:1240px) {
	
}



@media (max-width:1280px){
	
}

@media (min-width:768px) and (max-width:1024px) {

}

@media (max-width:1024px)
{
	.mob {display:inherit !important;}
	.desktop {display:none !important}
	.header-kop {padding-top:150px;}
	.header-blok {width:85%;}
	
	.usp li {width:100%;}

}
@media (max-width: 768px) {
	.c-rechts, .c-links {margin:50px auto}
	.wrapper.c-links {flex-direction: column-reverse;}
	.content-half {
		width: calc(100% - 50px);
		padding: 25px;
	}
	.img-links, .img-rechts {
		width: 100%;
		left: inherit;
		right:inherit;
		height: 300px;
		position: relative;
	}
	.abo {width: 100%;}
	.demo-balk .wrapper {
		text-align: center;
		justify-content: center;
	}
	.contact-hp {width: calc(100% - 50px);}
	.contact-links, .contact-rechts {width: 100%;}
	.contact-rechts {padding:25px;}
	span.wpcf7-form-control-wrap {width:100%;}
	.pum-container {top: 50px !important}
	footer li.widget {width:100%}
}


@media (max-width:480px){
	
	
}