/*
 Theme Name:   Kraamzorg Excellent
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Kraamzorg Excellent
 Author:       Chris Tol
 Author URI:   https://www.sedero.nl
 Template:     twentysixteen
 Version:      1.0.1
 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:  kraamzorg-excellent
*/

@font-face {
    font-family: 'Open Sans';
    src: url('includes/font/OpenSans.ttf');
    font-display: swap;
}


@font-face{
	src: url("includes/font/Blacksword.otf")  format("opentype");;
	font-family: Blacksword;
	font-display: swap;
}

body:not(.custom-background-image)::before, body:not(.custom-background-image)::after{
	height: 0;
}

body, button, input, select, textarea{
	font-family: 'Open Sans', sans-serif;
	line-height: 1.4;
}


body.home{
	background-color: #fff;
}

.widget{
	border-top: 0;
	padding-top: 0;
}

.site{
	margin: 0;
}

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

.btn-pink{
	background-color: #e2007a;
	color: #fff !important;
	padding: 15px 48px 15px 20px;
	position: relative;
	border-radius: 20px;
	cursor: pointer;
}

.btn-pink::after{
	content: "";
	width: 23px;
	height: 19px;
	background-image: url('images/arrow.png');
	position: absolute;
	right: 10px;
	top: 17px;
}

.btn-transparent-blue{
	color: #04174d;
	padding: 15px 48px 15px 20px;
	position: relative;
	border-radius: 20px;
	border: 1px solid #04174d;
	cursor: pointer;
	transition: .25s linear;
}

.btn-transparent-blue:hover{
	background-color: #04174d;
	color: #fff;
}

.btn-transparent-blue::after{
	content: "";
	width: 23px;
	height: 19px;
	background-image: url('images/arrow-blue.png');
	position: absolute;
	right: 10px;
	top: 17px;
}

.btn-transparent-blue:hover::after{
	background-image: url('images/arrow.png');
}

.btn-transparent-aqua{
	color: #e5fcfa;
	padding: 15px 48px 15px 20px;
	position: relative;
	border-radius: 20px;
	border: 1px solid #e5fcfa;
	cursor: pointer;
	transition: .25s linear;
}

.btn-transparent-aqua:hover{
	background-color: #e5fcfa;
	color: #04174d;
}

.btn-transparent-aqua::after{
	content: "";
	width: 23px;
	height: 19px;
	background-image: url('images/arrow-aqua.png');
	position: absolute;
	right: 10px;
	top: 13px;
}

.btn-transparent-aqua:hover::after{
	background-image: url('images/arrow-blue.png');
}

.background-aqua{
	background-color: #e5fcfa;
}

.background-blue{
	background-color: #04174d;
}

.color-aqua{
	color: #b5e9e4;
}

.color-blue{
	color: #04174d;
}

.color-pink{
	color: #e2007a;
}

.color-white{
	color: #fff;
}

.section-title{
	font-family: Blacksword;
	font-size: 2.0em;
	font-weight: 400;
	margin-bottom: 1em;
}

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


/*
 * Site Header
 */
.site-header{
	padding: 0;
	position: relative;
}

.site-header .btn-inschrijven{
	display: none;
}

.site-branding{
	max-width: 230px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: 0;
}

.btn-inschrijven{
	margin-left: auto;
	margin-right: auto;
}

.header-groeiboek{
	margin-left: auto;
	margin-right: 2em;
	display: none;
}

.header-groeiboek a{
	padding-left: 50px;	
}

.header-groeiboek a::before{
	content: "";
	background-image: url('images/icon-groeiboek.png');
	width: 39px;
	height: 36px;
	position: absolute;
	left: 5px;
	top: 10px;
}

.hkz-logo{
	max-width: 70px; 
	margin-right: 20px;
	display: none;
}

.hkz-logo-footer{
	max-width: 150px;
	margin: 0px auto;
	display: block;
}

.site-navigation-container{
	background-color: #04174d;
}

.site-navigation-container > .inner .site-header-contact > .inner{
	width: 100%;
	margin: 0px auto;
	padding: 15px;
	background-color: #e2007a;
	text-align: center;
}

.site-navigation-container > .inner .site-header-contact > .inner span{
	margin-left: 20px;
	color: #fff;
}

.site-navigation-container > .inner .site-header-contact span::before{
	content: "\f095";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	padding-right: 10px;
	transform: rotate(90deg);
	display: inline-block;
	top: 5px;
	position: relative;
}

.site-navigation-container > .inner .site-header-contact i,
.site-navigation-container > .inner .site-header-contact a{
	color: #fff;
}

.dropdown-toggle{
	color: #fff;
}

.dropdown-toggle::after{
	width: 46px;
}

.menu-toggle{
	margin-left: 10px;
	position: absolute;
	top: -8px;
	left: 10px;
	color: #04174d;
	border: 1px solid #04174d;
}

.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus,
.menu-toggle:hover{
	background-color: #04174d;
	border: 1px solid #04174d;
	color: #fff;
}

.main-navigation a{
	color: #fff;
	font-weight: 500;
	display: block;
	font-size: 1rem;
	font-family: 'Open Sans', sans-serif;
}

.main-navigation a:hover{
	color: #e5fcfa;
}

.main-navigation ul ul::before, .main-navigation ul ul::after{
	display: none;
}

.main-navigation  a{
	color: #fff;
	padding-left: 10px;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a{
	background-color: #04174d;
	color: #fff;
	font-weight: 500;
}

/*
 * Slider
 */
.container-layerslider{
	position: absolute;
	top: 109px;
	left: 0;
	width: 100%;
	height: 500px;
	display: none;
	z-index: 3;
}

/*
 * Site COntent
 */
.breadcrumb{
	margin-left: 7.6923%;
	margin-right: 7.6923%;
	margin-bottom: 2em;
}

.breadcrumb a{
	color: #e2007a;
}

.site-main .entry .entry-header{
	margin-top: 0;
	padding-top: 3em;
}

.no-sidebar:not(.home) .entry-header{
	margin-right: 7.6923%;
	margin-left: 7.6923%;	
}

.no-sidebar:not(.home) .entry-content .entry-header{
	margin-left: 0;	
}

.no-sidebar.archive .entry-header,
.no-sidebar.single .entry-header{
	margin-left: 0;
	margin-right: 0;
}

.site-main .entry-header h1{
	font-weight: 500;
	font-family:  'Open Sans', sans-serif;
}

.home .site-main{
	z-index: 450;
	position: relative;
}

.container-layerslider .main-slide{
	display: none !important;
}

.home .site-main .entry-header{
	margin: 0px auto;
	margin-top: 2em;
	margin-bottom: 1em;
	padding: 0 1em;
}

.home .site-main  .entry-header h1{
	background-color: #04174d;
	color: #fff;
	padding: 12px;
	border-radius: 20px;
	text-align: center;
	font-size: 1.4rem;
	max-width: 530px;
	margin: 0px auto;
	padding: 5px 5px 8px 5px;
}

.home .site-main .entry-content{
	max-width: 550px;
	text-align: center;
	margin: 0px auto;
	padding: 0 1em;
	margin-top: 2em;
}


/*
 * CUSTOM Sections
 */
section#testimonials{
	padding: 2em 0 2em 0;
	position: relative;
}


section#testimonials .inner{
	padding: 0 35px;
	z-index: 100;
	position: relative;
}

section#testimonials .inner .btn-transparent-aqua{
	margin: 0px auto;
	margin-top: 2em;
	display: block;
	width: 200px;
	padding: 10px 48px 10px 20px 
}

.testimonials .testimonial{
	padding: 0px;
	min-height: 275px;
	align-self: flex-start;
}

.testimonials .testimonial .testimonial-thumbnail{
	width: 100%;
	position: relative;
}

.testimonials .testimonial .testimonial-thumbnail img{
	width: 100%;
	max-width: 230px;
	margin: 0px auto;
	margin-bottom: 1em;
}

.testimonials .testimonial .testimonial-content{
	width: 100%;
}

.testimonials .testimonial .testimonial-content h3{
	font-weight: 400;
}

/*
 * Over Kraamverzorgenze
 */
#over-kraamverzorgende{
	padding: 4em 0;
}

/*
 * USP
 */

/* --- BASIS STYLING (HOUDT JE ORIGINELE LOGICA AAN) --- */
#over-kraamverzorgende .list-usp {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* De li's zijn nu ook .splide__slide */
#over-kraamverzorgende .list-usp li {
    position: relative;
    text-align: center;
    font-size: 1rem;
    margin-bottom: 2em !important;
}

/* De icoontjes via de sprite-sheet */
#over-kraamverzorgende .list-usp li::before {
    content: "";
    width: 169px;
    height: 207px;
    background-image: url("images/usp.png");
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto 10px auto;
}

/* Sprite posities */
#over-kraamverzorgende .list-usp li.controleert::before    { background-position: -5px -5px; }
#over-kraamverzorgende .list-usp li.helpt::before          { background-position: -184px -5px; }
#over-kraamverzorgende .list-usp li.leert::before          { background-position: -5px -222px; }
#over-kraamverzorgende .list-usp li.luistert::before       { background-position: -184px -222px; }
#over-kraamverzorgende .list-usp li.houdt-schoon::before   { background-position: -363px -5px; }
#over-kraamverzorgende .list-usp li.zorgt::before          { background-position: -363px -222px; }

/* --- SPLIDE / LAYOUT FIXES --- */

/* Zodra de slider actief is (onder 1400px), de margin-bottom weghalen voor de slider-look */
.splide.usp-slider .splide__list li {
    margin-bottom: 0 !important;
}

/* --- DESKTOP WEERGAVE FIX (Slider is destroyed) --- */
@media (min-width: 1400px) {
    /* De wrapper die we met JS hebben gemaakt moet gecentreerd worden */
    .usp-slider {
        width: 100%;
        max-width: 1300px; /* Pas dit aan naar de breedte van je website container */
        margin: 0 auto !important;
        display: block;
    }

    /* Zorg dat zowel de track als de list flexbox gebruiken voor centrering */
    .usp-slider .splide__track {
        display: block !important;
    }

    #over-kraamverzorgende .list-usp {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important; /* DIT zet ze in het midden */
        align-items: flex-start !important;
        gap: 20px; 
        margin: 0 auto !important;
        padding: 0 !important;
        width: 100% !important;
    }

    #over-kraamverzorgende .list-usp li {
        flex: 0 1 180px !important; /* Geeft ze een basisbreedte maar laat ze krimpen indien nodig */
        margin: 0 !important;
        list-style: none !important;
    }
}

/*
 * Ons Team
 */
#over-kraamverzorgende .ons-team{
	max-width: 1920px;
	margin: 0px 4.5%;
	border-radius: 20px;
	padding: 2em;
}

#over-kraamverzorgende .ons-team ul {
	overflow: auto;
	margin: 3em auto;
	max-width: 310px;
	list-style: none;
	padding: 0;
}

#over-kraamverzorgende .ons-team ul li{
	margin: 0px auto;
	width: 100%;
	float: left;
	position: relative;
	padding-left: 30px;
	margin-bottom: 1em;
}

#over-kraamverzorgende .ons-team ul li:before{
	content: "";
	width: 16px;
	height: 13px;
	background-image: url('images/arrow-pink.png');
	position: absolute;
	left: 0;
	top: 7px;
}

/* --- CONTAINER STYLING --- */
#over-kraamverzorgende .teamleden {
    max-width: 1230px;
    margin: 2em auto 1em auto;
    position: relative;
    padding-bottom: 5em; /* Iets meer ruimte voor de pijltjes onderin */
}

#over-kraamverzorgende .teamleden .teamlid {
    text-align: center;
}

#over-kraamverzorgende .teamleden .teamlid h3 {
    font-size: 1.4em;
}

#over-kraamverzorgende .teamleden .teamlid .teamlid-thumbnail {
    text-align: center;
    margin-bottom: 20px;
}

#over-kraamverzorgende .teamleden .teamlid .teamlid-thumbnail img {
    margin: 0 auto;
    max-width: 230px;
}

#over-kraamverzorgende .teamleden .teamlid .teamlid-content {
    padding-left: 10px;
    padding-right: 10px;
}

/* --- SPLIDE PIJLTJES (VERVANGER VOOR SLICK-ARROW) --- */

/* Verwijder de standaard Splide styling (cirkels en SVG's) */
#over-kraamverzorgende .teamleden .splide__arrow {
    position: absolute;
    bottom: 0;
    top: auto; /* Overschrijf Splide's verticale centrering */
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    background: transparent;
    border: 1px solid #b5e9e4;
    border-radius: 0; /* Geen ronde Splide knoppen */
    opacity: 1;
    transition: all 0.3s ease;
}

/* Verberg de standaard Splide SVG pijltjes */
#over-kraamverzorgende .teamleden .splide__arrow svg {
    display: none;
}

/* De eigen iconen via ::before */
#over-kraamverzorgende .teamleden .splide__arrow::before {
    content: "";
    width: 23px;
    height: 19px;
    background-image: url('images/arrow-aqua.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Specifieke positionering links/rechts vanuit het midden */
#over-kraamverzorgende .teamleden .splide__arrow--prev {
    left: calc(50% - 35px);
}

#over-kraamverzorgende .teamleden .splide__arrow--prev::before {
    transform: translate(-50%, -50%) rotate(180deg); /* Draai de pijl om voor 'vorige' */
}

#over-kraamverzorgende .teamleden .splide__arrow--next {
    left: calc(50% + 35px);
}

/* Hover effecten */
#over-kraamverzorgende .teamleden .splide__arrow:hover {
    background-color: #b5e9e4;
}

#over-kraamverzorgende .teamleden .splide__arrow:hover::before {
    background-image: url('images/arrow.png');
}

/* Zorg dat de pijltjes niet wegvallen op mobiel */
#over-kraamverzorgende .teamleden .splide__arrows {
    display: block;
}

/*
 * Nieuws
 */
.nieuws{
	margin: 4em 4.5%;
}

.nieuws .post{
	margin-bottom: 2em;
}

.nieuws .post h3{
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.nieuws .post .post-thumbnail{
	padding: 0 !important;
	text-align: center;
	max-width: 230px;
	margin: 0px auto;
	margin-bottom: 1em;
}

.nieuws .post .post-thumbnail img{
	margin: 0px auto;
}

.nieuws .post .post-content .read-more{
	clear: both;
	display :block;
	position: relative;
	width: 120px;
	margin-top: 20px;
}

.nieuws .post .post-content .read-more::after{
	content: "";
	position: absolute;
	width: 16px;
	height: 13px;
	right: 0;
	top: 4px;
	background-image: url('images/arrow-pink.png');
}


/*
 * Handige Tips
 */
.tips{
	max-width: 375px;
	margin: 0px auto;
}

.tips h2{
	margin-top: 0;
}

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

.tips ul li{
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}

.tips ul li::before{
	content: "";
	position: absolute;
	width: 16px;
	height: 13px;
	left: 0;
	top: 6px;
	background-image: url('images/arrow-pink.png');
}


/*
 * Footer
 */
.site-footer{
	position: relative;
	border-top: 6px solid #04174d;
	padding: 2em 1em;
	background-color: #04174d;
	color: #fff;
}

.site-footer a{
	box-shadow: none;
	color: #fff;
}

.site-footer i{
	margin-right: 5px;
}

.site-footer .social-instagram,
.site-footer .social-facebook{
	font-size: 1.5rem;
	width: 35px;
	text-align: center;
	background-color: #fff;
	color: #04174d;
	display: block;
	border-radius: 5px;
	display: inline-block;
	margin-right: 5px;
}

.site-footer .social-instagram i,
.site-footer .social-facebook i{
	margin-right: 0;
}

.site-footer .btn-inschrijven{
	display: block;
	margin-top: 2em;
	margin-bottom: 2em;
}

.site-footer .inner{
	margin-bottom: 2em;
	
}

.site-footer .inner .footer-block{
	margin-bottom: 2em;
}

.site-footer .inner table,
.site-footer .inner table tr th,
.site-footer .inner table tr td{
	border: none;
	text-align: left;
	padding: 0;
}

.site-footer .inner table tr td a{
	color: #fff;
}

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

.site-footer .inner ul li a{
	color: #fff;
}

/*
 * Gravityforms
 */
.no-label label{
	display: none !important;
}


/*
 * SUB PAGE
 */
.no-sidebar:not(.home) .content-area{
	padding-top: 2em;
}

.no-sidebar:not(.home) .entry-content ul{
	list-style: none;
}

.no-sidebar:not(.home) .entry-content ul:not(.gform_fields) li{
	padding-left: 30px;
	position: relative;
}

.no-sidebar:not(.home) .entry-content ul:not(.gform_fields):not(.gfield_checkbox):not(.gfield_radio) li::before{
	content: "";
	position: absolute;
	width: 16px;
	height: 13px;
	left: 0;
	top: 5px;
	background-image: url('images/arrow-pink.png');
}

.no-sidebar:not(.home) .entry-content ol{
	margin-left: 15px;
}

.no-sidebar .post-navigation{
	border: 0;
	overflow: auto;
}

.no-sidebar .post-navigation .nav-previous{
	width: 50%;
	float: left;
}

.no-sidebar .post-navigation div + div{
	float: left;
	width: 50%;
	text-align: right;
	border: 0;
}

.no-sidebar  .post-navigation .post-title{
	font-weight: 500;
	font-size: 18px;
}

.no-sidebar.blog .site-main,
.blog article{
	width: 100%;
	overflow: hidden;
}

.blog article:not(:last-child){
	margin-bottom: 2em;
	padding-bottom: 2em;
	box-shadow: 0 3px 2px -2px #e2007a;
}

.blog article h1{
	font-size: 2rem;
}


body.no-sidebar:not(.search-results):not(.home) article:not(.type-page) .post-thumbnail ~ .entry-content{
	float: none !important;
	max-width: 100% !important;
	width: auto !important;
}

table.gsurvey-likert .gsurvey-likert-row-label{
	font-weight: 500 !important;
	text-align: left;
}

.gsection{
	background-color: #04174d;
	color: #fff;
	padding: 15px !important;
	font-size; 20px;
	font-weight: 500 !important;
	
}

#ui-datepicker-div{
	max-width: 330px;
}

.gform_wrapper#gform_2 li.gfield.field_description_below + li.gsection{
	margin-top: 40px !important; 
}

.gfmc-field div{
	padding-bottom: 0.5em !important;
}

#gform_5 .gfmc-container{
	align-items: center !important;
	border-bottom: 3px dotted #04174d;
	padding: 20px;
	margin-bottom: 20px;
}

#gform_5 .gfmc-container .gfmc-column:first-child{
	max-width: 100px !important;
	text-align: center;
}

#gform_5 .gfmc-container .gfmc-column:last-child{
	max-width: calc(100% - 180px) !important;
}

#gform_5 .gfmc-container .gfmc-column input[type="text"],
#gform_5 .gfmc-container .gfmc-column textarea{
	background-color: #efefef !important;
	border-radius: 3px;
	border: none;
	border-bottom: 3px dotted #04174d;
}

#gform_5 .gfmc-container .gfmc-column input.datepicker{
	width: 100% !important;
}

@media only screen and (max-width: 720px) {
	
	.mobile-banner{
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;		
		height: 35vw;
	}
	
	.menu-toggle{
		top: 0px;
	}
	
	.nieuws-items{
		margin-top: 2em;
		margin-bottom: 2em;
		padding-bottom: 2em;
		box-shadow: 0 3px 2px -2px #e2007a;
	}
	
	#gform_5 .gfmc-container .gfmc-column:first-child{
		max-height: 60px;
	}
	
	#gform_5 .gfmc-container .gfmc-column:first-child img{
		max-height: 60px;
	}
	
	#gform_5 .gfmc-container .gfmc-column:last-child{
		max-width: 100% !important;
	}
	
}

@media only screen and (max-width: 56.875em) {
	
	.nieuws .nieuws-items{
		display: none;
	}
	
}

@media only screen and (min-width: 768px) {
	
	table.gsurvey-likert th.gsurvey-likert-row-label:first-child{
		width: 250px;
	}
	
	.mobile-banner{
		display: none;
	}

	.home .entry-header,
	.home .entry-content{
		max-width: 100%;
		margin: 0;
		padding: 0 60px;
	}
	
	.home .entry-header{
		padding-top: 1em;
	}
	
	.site-branding{
		margin-left: 20px;
		margin-right: auto;
	}

	.header-groeiboek{
		display: block;
	}
	
	.mobile-only{
		display: none;
	}
	
	.site-header .btn-inschrijven{
		display: block;
	}
	
	.menu-toggle{
		top: 57px;
		color: #fff;
		border: 1px solid #fff;
	}

	/*
	 * Testimonials
	 */
	.testimonials .testimonial{
		display: flex;
		padding: 30px;
	}
	
	.testimonials .testimonial .testimonial-thumbnail{
		width: 30%;
		position: relative;
	}
	
	.testimonials .testimonial .testimonial-thumbnail img{
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	/*
	 * over kraamverzorgende
	 */
	#over-kraamverzorgende{
		margin-bottom: 4em;
	}

	#over-kraamverzorgende .list-usp{
		margin: 0px auto;
	}

	/*
	 * Ons Team
	 */
	#over-kraamverzorgende .ons-team ul{
		margin-bottom: 2em;
		max-width: 650px;
	}
	
	#over-kraamverzorgende .ons-team ul li{
		width: 50%;
	}
	
	.teamleden .teamlid{
		display: flex;
	}
	
	.teamleden .teamlid .teamlid-content{
		width: 65%;
		text-align: left;
	}
	
	.teamleden .teamlid .teamlid-thumbnail{
		width: 35%;
		position: relative;
		padding: 15px;
	}
	
	.teamleden .teamlid .teamlid-thumbnail img{
		width: 100%;
		
	}
	
	.testimonials .testimonial .testimonial-content{
		width: 68%;
		margin-left: 2%;
	}
	
	/*
	 * Section POSTS
	 */

	.nieuws-items{
		width: 65%;
	}
	
	.nieuws-items .post{
		display: flex;
	}
	
	.nieuws-items .post .post-thumbnail ~ .post-content{
		width: 65%;
		padding-right: 10%;
	}
	
	.nieuws-items .post .post-thumbnail{
		width: 35%;
		position: relative;
		padding: 15px;
		margin-right: 15px;
	}
	
	.nieuws-items .post .post-thumbnail img{
		width: 100%;		
	}
	
}

@media screen and ( min-width: 44.375em ){
	
	.post-thumbnail,
	.entry-content{
		margin-right: 7.6923%;
	}
	
	.hkz-logo{
		display: block;	
	}
	
	.hkz-logo-footer{
		display: none;
	}
	
}

@media screen and ( min-width: 56.785em ){
	
	.section-title{
		font-size: 2.3rem;
	}
	
	.site-header{
		position: fixed;
		top: calc(0);
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 500;
	}
	
	.site-navigation-container{
		position: relative;
	}

	.site-navigation-container > .inner .site-header-contact{
		height: 100px;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		width: 300px;
	}
	
	.site-navigation-container > .inner .site-header-contact > .inner{
		max-width: 230px;
		margin: 0px auto;
		padding: 15px;
		background-color: #e2007a;
	}
	
	.site-navigation-container > .inner .site-header-contact > .inner a{
		font-weight: 700;
	}
	
	.site-navigation-container > .inner .site-header-contact > .inner span{
		display: block;
		margin: 0;
	}

	.site-header-main{
		display: flex;
		text-align: right;
	}
			
	.main-navigation{
		margin: 0;
		margin-left: auto;
		margin-right: 2em;
	}

	.site-header-menu{
		display: flex;
		margin: 0;
	}
	
	.main-navigation ul ul a{
		color: #04174d;
	}
	
	.main-navigation li:hover > a,
	.main-navigation li.focus > a {
		color: #e2007a;
	}


	 /*
	 * Slider
	 */	
	 .container-layerslider{
	 	display: block;
	 }
	 
	.container-layerslider .main-slide.image2{
		display: block !important;
		position: relative;
	}


	/*
	 * Site COntent
	 */
	.breadcrumb{
		margin-left: 0;
		margin-right: 0;
	}
	
	.home .site-main{
		margin-bottom: 12em;
		display: block;
		margin-top: 4em;
	}
	
	.home .entry-content .btn-inschrijven{
		display: none;
	}
	
	.home .site-main .entry-header{
		max-width: 550px;
		margin-left: 0;
	}

	.home .site-main .entry-content{
		margin: 0;	
	}
	
	.home .site-main .entry-content p{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.site-content{
		padding: 0;
		padding-top: 125px;
	}
	
	.content-area{
		width: 100%;
		float: none;
	}

	.home .site-content{
		position: relative;
	}
	
	.home .site-main .entry-header h1{
		margin-top: 1em;
		font-size: 1.8rem;
	}

	/*
	 * Over kraamverzorgende
	 */

	section#testimonials::before{
		position: absolute;
		top: -237px;
		left: 0;
		content: "";
		width: 100%;
		height: 253px;
		background-image: url("images/curve-top-blue.png");
		background-position: center;
	}
	
	.nieuws{
		min-height: 350px;
	}
	
	
	
	/*
	 * Footer
	 */
	.site-footer{
		padding: 0;
	}
	
	.site-footer::before{
		content: "";
		position: absolute;
		left: 0;
		top: -241px;
		width: 100%;
		height: 241px;
		background-image: url("images/curve-top-blue.png");
	}
	
	.site-footer .inner{
		display: flex;
		-webkit-display: flex;
		max-width: 1230px;
		margin-left: auto;
		width: 100%;
	}
	
	.site-footer .inner > div{
		width: 100%;
		margin-left: auto;
	}
	
	.site-info{
		clear: both;
		display: block;
	}
	
	
	/*
	 * SUB PAGE
	 */

	.team-template-default .site-content{
		padding-top: 125px;
	}

	.no-sidebar:not(.home) .entry-header,
	.no-sidebar:not(.home) .entry-content{
		margin-left: 0;
		margin-right: 0;
	}
	
	.no-sidebar:not(.home) .content-area{
		max-width: 1230px;
		margin: 0px auto;
		padding: 3em 7.6923% 4em 7.6923%;;
	}
	/*
	body.no-sidebar:not(.search-results):not(.home) .entry-header,
	body.no-sidebar:not(.search-results):not(.home) .entry-content{
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	*/
	.no-sidebar:not(.home) .site-main{
		margin-bottom: 12em !important;
	}
	
	.no-sidebar:not(.home) .content-area .post-thumbnail{
		float: left;
		max-width: 300px;
		width: 30%;
		margin-right: 0;
		margin-top: 2em;
	}
	
	.no-sidebar:not(.home) .content-area.nieuws .post-thumbnail{
		margin-top: 0;
	}
	
	body.no-sidebar:not(.search-results):not(.home) article:not(.type-page) .entry-content{
		margin-left: 0;
	}
	
	body.no-sidebar:not(.search-results):not(.home) article:not(.type-page) .post-thumbnail ~ .entry-content{
		float: left !important;
		max-width: 65% !important;
		width: 100% !important;
		margin-left: 2em !important;
	}
	
	
	.no-sidebar .post-navigation{
		margin: 0;
	}
	

}

@media screen and ( min-width: 62em ){
	

	/*
	 * SECTION NIEUWS
	 */
	.nieuws{
		display: flex;
		margin: 4em 10% 4em 10%;
	}
	
	.nieuws .nieuwsitems{
		width: 55%;
	}
	
	.nieuws .tips{
		width: 45%;
	}
	
	.no-sidebar:not(.home) .post-thumbnail ~ .entry-content{
		max-width: 70% !important;
	}
	
}

@media screen and ( min-width: 75em ){
	
	/*
	 * Site COntent
	 */
	.home .site-main .entry-header,
	.home .site-main .entry-content{
		max-width: 650px;
		margin-left: 2em;
	}
	
	.home .site-main .entry-header{
		margin-top: 4em;
		margin-bottom: 2em;
	}
	
	/*
	 * Over kraamverzorgende
	 */
	#over-kraamverzorgende .list-usp{
		display: flex;
		max-width: 1400px;
		width: 100%;
		justify-content: center;
		margin-top: 2em;
		margin-bottom: 4em;
	}
}

@media screen and ( min-width: 92em ){
	
	/*
	 * Slider
	 */	
	.container-layerslider .main-slide.image1{
		display: block !important;
	}
	
}

@media screen and ( min-width: 110em ){
		
	.nieuws{
		max-width: 1230px;
		margin: 4em auto;
	}
	
}