/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here*/

/* =Theme customization starts here*/

html,body {
    height:100%;
}

.h1, h1{font-size: 30px!important; font-weight:700; text-transform: uppercase;}

.h2, h2{font-size: clamp(1.75rem, 3vw, 2.5rem)!important; text-transform: uppercase;}
.h3, h3{font-size: 24px!important; font-weight:700;}
.h4, h4{font-size: 18px!important;}
.h5, h5{font-size: 18px!important;}

:root {
  --blue: #2ea3f2;
  --green: #a5cf26;	
  --pink: #ec008c;	
  --pink: #ec008c;	
  --orange: #fcb040;	
}


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

    .h1, h1{font-size: 24px!important;}
    .h3, h3{font-size: 24px!important;}
}

.textShadow{
    text-shadow: 0px 0px 10px #000;
}

.h1White h1, .h2White h2, .h3White h3, .h4White h4, span.white, .textWhite, .textWhite a {color:#fff!important;}
.h1Black h1, .h2Black h2, .h3Black h3, span.black, .spanBlack span, .textBlack, .textBlack p, .textBlack a {color:#000!important;}

.h1Blue h1, .h2Blue h2, .h3Blue h3, span.blue, .spanBlue span, .textBlue, .textBlue a {color:#00aeef!important;}
.h1Green h1, .h2Green h2, .h3Green h3, span.green, .spanGreen span, .textGreen, .textGreen a {color:#a5cf26!important;}
.h1Pink h1, .h2Pink h2, .h3Pink h3, span.pink, .spanPink span, .textPink, .textPink a {color:#ec008c!important;}
.h1Orange h1, .h2Orange h2, .h3Orange h3, span.orange, .spanOrange span, .textOrange, .textOrange a {color:#fcb040!important;}
.h1Red h1, .h2Red h2, .h3Red h3, span.red, .spanRed span, .textRed, .textRed a {color:#eb244d!important;}


.h1Upper h1, .h2Upper h2, .h3Upper h3, .h4Upper h4 {text-transform: uppercase; letter-spacing: 1px;}

.sectionBlue h1, .sectionBlue a{
    color:#00aeef!important;
}

.sectionGreen h1, .sectionGreen h3, .sectionGreen a{
    color:#a5cf26!important;
}

.sectionPink h1, .sectionPink a{
    color:#ec008c!important;
}

.sectionOrange h1, .sectionOrange h3, .sectionOrange a{
    color:#fcb040!important;
}

.searchandfilter h4{
	color:#fff;
	font-weight:700;
}

.superpwa-stky-blk h2 {
	font-size:1.5rem!important;
}

.gradientOverlay:after{
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 0.2s ease-out 0s;
}

.gradientOverlayBlue:after {
    background: -webkit-linear-gradient(left, #00aeef , rgba(0,0,0,0), #00aeef);
    background: -moz-linear-gradient(left, #00aeef , rgba(0,0,0,0), #00aeef);
    background: -o-linear-gradient(left, #00aeef , rgba(0,0,0,0), #00aeef);
    background: linear-gradient(left, #00aeef , rgba(0,0,0,0), #00aeef);
}

.gradientOverlayGreen:after {
    background: -webkit-linear-gradient(left, #A5CF26 , rgba(0,0,0,0), #A5CF26);
    background: -moz-linear-gradient(left, #A5CF26 , rgba(0,0,0,0), #A5CF26);
    background: -o-linear-gradient(left, #A5CF26 , rgba(0,0,0,0), #A5CF26);
    background: linear-gradient(left, #A5CF26 , rgba(0,0,0,0), #A5CF26);
}

.gradientOverlayPink:after {
    background: -webkit-linear-gradient(left, #ec008c , rgba(0,0,0,0), #ec008c);
    background: -moz-linear-gradient(left, #ec008c , rgba(0,0,0,0), #ec008c);
    background: -o-linear-gradient(left, #ec008c , rgba(0,0,0,0), #ec008c);
    background: linear-gradient(left, #ec008c , rgba(0,0,0,0), #ec008c);
}

.gradientOverlayOrange:after {
    background: -webkit-linear-gradient(left, #fcb040 , rgba(0,0,0,0), #fcb040);
    background: -moz-linear-gradient(left, #fcb040 , rgba(0,0,0,0), #fcb040);
    background: -o-linear-gradient(left, #fcb040 , rgba(0,0,0,0), #fcb040);
    background: linear-gradient(left, #fcb040 , rgba(0,0,0,0), #fcb040);
}



.current_page_item a {
    color: #ec008c!important;
}
a{
    color:#c81f01;
}

.et_pb_row a:hover {
    color:#000!important;
}

.sectionHeader{
    padding:35px 0!important;
    height: 400px;
   /* margin-bottom: -150px;*/
}

.sectionHeaderHome{
    /*margin-bottom: 0;*/
    padding:0!important;
}

.sectionHeaderHome, .sectionHeaderHome .et_pb_slider, .sectionHeaderHome .et_pb_slider .et_pb_slides, .sectionHeaderHome .et_pb_slider .et_pb_slides .et_pb_slide{
    /*height:90vh;*/
}

.sectionHeaderHome .et_pb_slider{
	height:70vh;
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    padding: 6% 8% 0 8%;
}

.et_pb_slide_content {
    padding-bottom: 120px;
}

.sectionHeaderHome .et_pb_container.clearfix {
    height: 350px!important;
    min-height: 350px!important;
}

.et_pb_slide_description {
    margin-top: -40px!important;
}


.rowHeader{
    padding:180px 0 0 0!important;

}

.sectionHeader h2 {
    font-size: 40px!important;
    font-weight: 800!important;
    /* padding-bottom: 0; */
    padding: 0;
    /* margin: 0; */
}

.sectionHeaderHome h2 {
    font-size:	50px!important;
}

.sectionHeader h2 span {
    background-color: rgba(255,255,255,0.8);
    /* margin: 0; */
    padding: 5px 10px 0px 10px;
    /* line-height: 0; */
    /* height: auto; */
    display: inline-block;
    width: fit-content;
    /* text-align: center; */
}

.sectionButtonsOnSlider {
    margin-top: 30px;
    margin-bottom: 80px;
    position: relative;
    bottom: 0;
    background-color:rgba(255,255,255,0);
}





.buttonOnSlider a{
    font-weight:700;}


/*.firstRowTitle  {
padding-top:10px!important;
}

.lastRowTitle  {
padding-bottom:10px!important;
}*/


.sectionContent{
    padding:15px 0!important;
}
.rowContent{
    padding:15px 0!important;
}

.sectionSkew {
    -ms-transform: skew(0,-7deg);
    -webkit-transform: skew(0,-7deg);
    transform: skew(0,-7deg);
    padding: 0 0 85px 0!important;
    /*z-index: 9;*/

}

.sectionSkew .et_pb_row{
    transform: skew(0,7deg);
}

.sectionContentHome{
    padding:35px 0!important;
}
.rowContentHome{
    padding:35px 0!important;
}


.breadcrumbs{
    font-size:0.9em!important;
}


.breadcrumbs a {
    font-weight: 700;
}

.sectionFooter, .sectionFooterTemplate {
    background-color: #00aeef;
    box-shadow: 0 250px 0 #00aeef;
    padding:85px 0!important;
}

.noPaddingTop{
    padding-top:0!important;
}

.noPaddingBottom{
    padding-bottom:0!important;
}

.underline-green h3::after {
    background-color: #a6ce39;
}

.underline-white h3::after {
    background-color: #fff;
}

.underline-pink h3::after {
    background-color: #ec008c;
}

.underline h3::after {
    content: '';
    position: relative;
    height: 3px;
    width: 60px;
    margin: 25px auto;
    display: block;
}

.underline{

}

.customButton a {
    display: inline-block;
    padding: 5px 25px;
    border: 2px solid #fff;
    text-transform: uppercase;
}

.customButtonPink a {
    border: 2px solid #ec008c;
	color:white!important;
	background-color: #ec008c;

}

.customButton a:hover {
    border: 2px solid #000;
}

.customButtonPink a:hover {
	color:white!important;
}

.customButtonDorp a {
	background-color: #a5cf26;
    display: block;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
	border-radius: 0.5rem;
	margin-bottom: 20px;
    width: 31%;
    float: left;
    margin-right: 3%;
	font-weight:700;
}

li.sf-field-taxonomy-dorp {
    display: none!important;
}

@media only screen and (min-width: 981px) {
.customButtonDorp a:nth-child(3n) {
	margin-right: 0%;
}
}

@media only screen and (max-width: 980px) and (min-width:521px) {
	.customButtonDorp a {
    width: 48.5%;
    }
	.customButtonDorp a:nth-child(2n) {
	margin-right: 0%;
}
}

@media only screen and (max-width: 520px) {
	.customButtonDorp a {
    width: 100%;
		margin-right: 0%;
    }
}

.customButtonDorp a:hover {
	background-color: #ec008c;
	color: #fff!important;
}

/* using bigger rule presision to allow overriding and avoid !important */
.masonry-filter ul.masonry-paging {
    padding: 0 0 1em 0;
}

.masonry-paging li {
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
    line-height: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    text-align: center;
}

.masonry-paging li:hover, .masonry-paging li.active {
    border-color: #2ea3f2;
    background-color: #2ea3f2;
    color: #fff;
}

#search-filter-form-221400 {
    text-align: center;
}

.sf-field-post-meta-startdatum_ontmoeting ul li {
    display: inline-block!important;
}

.sf-date-postfix {
    display: inline-block;
    width: 120px;
    padding-left: 0!important;
    text-align: center;
}

.sf-input-checkbox {
    appearance: none;
}

.sf-input-checkbox:before {
    content: '';
    border: 1px solid #000;
    background-color: #fff;
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    cursor: pointer;
}

.sf-input-checkbox:checked:before {
    border-color: #2ea3f2;
    background-color: #2ea3f2;
	color:#f00;
}

/*.sf-input-checkbox:hover:before{
background-color: #fff;
}*/





.sf-field-taxonomy-dorp ul {
    padding-left:0px!important;
    clear: both;
    overflow: hidden;
    line-height: 1.25rem;
}

.sf-field-taxonomy-dorp ul li {
    text-align:left;
    width: 29%;
    float: left;
    /*margin-left: 24px!important;*/
}

.mini-date-sep {
    font-size: 13px;
    line-height: 1rem;
}

.agenda-container .ontmoetingen,
.agenda-container .post,
.masonry-container .post
 {
    margin-bottom: 30px;
    min-height: 413px;
    position: relative;
    width: 30%;
    float: left;
    border-bottom: 2px dotted #999;
    margin-right: 3%;
}

@media only screen and (min-width: 981px) {
.appResults .post
 {
    margin-bottom: 30px;
    min-height: 413px;
    position: relative;
    width: 30%;
    float: left;
    border-bottom: 2px dotted #999;
    margin-right: 3%;
}
}

.agenda-container .ontmoetingen:nth-child(3),
.agenda-container .post:nth-child(3),
.masonry-container .post:nth-child(3) {
    margin-right:0!important;
}

.agenda-container .post h2, .agenda-container .ontmoetingen p, 
.agenda-container .post h2, .agenda-container .post p, 
.masonry-container .post h2, .masonry-container .post p {
    width: 100%!important;
    float: left;
}

.agenda-container .ontmoetingen h2,
.agenda-container .post h2,
.masonry-container .post h2 {
    font-size: 15px!important;
    font-weight: 700;
    line-height: 1.5em;
    height: 46px;
}

.agenda-container .ontmoetingen .entry-featured-image-url,
.agenda-container .post .entry-featured-image-url,
.masonry-container .post .entry-featured-image-url {
    width: 100%!important;
    overflow: hidden;
    align-items: center;
   /* display: flex !important;*/
    height: 245px;
    margin-bottom: 10px;
}

.agenda-container .ontmoetingen .entry-featured-image-url img,
.agenda-container .post .entry-featured-image-url img,
.masonry-container .post .entry-featured-image-url img {
    object-fit: scale-down;
    width: auto;
    margin-left: auto;
    margin-right: auto;
	padding-top: 54px;
}

.home .masonry-filter-dates, .home masonry-filter {
    display: none;
}

.masonry-filter, .masonry-filter-dates {
    clear: both;
    overflow: hidden;
}

.agenda-container .ontmoetingen .more-link,
.agenda-container .post .more-link,
.masonry-container .post .more-link {
    display:none;
}

.agenda-container .ontmoetingen p,
.agenda-container .post p,
.masonry-container .post p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    min-height: 60px;
}
@media only screen and (min-width: 981px) {
	article .post-content {
		min-height:135px!important;
	}

	.post-content {
		min-height: 135px;
	}
}

.agenda-container .ontmoetingen .post-date,
.agenda-container .post .post-date,
.masonry-container .post .post-date {
    display: block;
	width: fit-content!important;
    padding: 10px;
}

.agenda-container .ontmoetingen .post-date .post-date-day,
.agenda-container .post .post-date .post-date-day,
.masonry-container .post .post-date .post-date-day {
    line-height: 0.7em;
}

time.post-date span {
    font-size: 16px!important;
}

time.post-date span.post-mini-date-sep {
    font-size: 0.75em!important;
 float: left;
	padding:0 0.5rem;
}

.appResults time.post-date span.post-mini-date-sep {

   float: unset;

}


.agenda-container .ontmoetingen .entry-featured-image-url,
.agenda-container .post .entry-featured-image-url,
.masonry-container .post .entry-featured-image-url {
    width: 35%;
    float: left;
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.agenda-container .ontmoetingen h2, .agenda-container .ontmoetingen p,
.agenda-container .post h2, .agenda-containe .post p,
.masonry-container .post h2, .agenda-containe .post p {
   /* width: 60%;*/
    float: left;
}

.agenda-container .ontmoetingen h2,
.agenda-container .post h2,
.masonry-container .post h2 {
    line-height: 1em;
    padding-bottom: 0;
    margin-bottom: 10px;
    font-size: 22px;
    color: #2ea3f2;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.agenda-container .ontmoetingen p,
.agenda-container .post p,
.masonry-container .post p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
	min-height:125px!important;
}

.agenda-container .ontmoetingen .post-date,
.agenda-container .post .post-date,
.masonry-container .post .post-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 4em;

    background-color: #2ea3f2;
    color: #fff;
    text-align: center;
}

.agenda-container .ontmoetingen .post-date .post-date-day,
.agenda-container .post .post-date .post-date-day,
.masonry-container .post .post-date .post-date-day {
    font-size: 1.1em;
    line-height: 1.9em;
    display: block;
	float:left;
}

.agenda-container .ontmoetingen .post-date .post-date-month,
.agenda-container .post .post-date .post-date-month,
.masonry-container .post .post-date .post-date-month {
    font-size: 1.1em;
    display: block;
	float:left;
	line-height: 1.9em;
	padding:0 4px;
}

.agenda-container .ontmoetingen .more-link,
.agenda-container .post .more-link, 
.masonry-container .post .more-link{
    clear: both;
    padding-left: 40%;
    padding-top: 155px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.agenda-container .ontmoetingen .more-link:hover,
.agenda-container .post .more-link:hover,
.masonry-container .post .more-link:hover {
    background-color: rgba(255, 255, 255, .3) !important;
    color: #000 !important;
}

/* Responsive tablet and up */
@media (min-width: 768px) {

    .masonry-date, .masonry-expire {
        width: auto;
    }

    .sf-field-taxonomy-dorp ul {
        text-align: right;
    }

    .sf-field-taxonomy-dorp ul li {
        display: inline-block;
    }

}

p.MsoNoSpacing span {
    font-size: 16px;
}

.gform_button {

    display: inline-block;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255,255,255,1);
    transition: all ease-out .2s;
    padding: 10px;
    border: none;
    cursor: pointer;
    background-color: #00aeef;
}

.gform_button:hover{
    cursor:pointer;
    background-color:#000;
}

.as_slide_image.et_pb_module.et_pb_image img {
    max-height: 70px;
}

.et_pb_image .et_pb_image_wrap {
    width: 100%;
    text-align: center;
}

.as_slide_image.et_pb_module.et_pb_image {
    width: 100%;
}

.as_slide_image_wrapper {
    width: 100%;
}

.post img:hover {
    opacity: 0.8;
}

#gdprc_bar .container {
    padding: 0px;
}

a.gdprc_content__link,  #gdprc_bar .container .gdprc_actions a, .gdprc_link {
    color: #ec008c;
}

a.gdprc_content__link:hover,  #gdprc_bar .container .gdprc_actions a:hover, .gdprc_link:hover {
    color: #ec008c;
}

.gdprc_actions button {
    font-family: "Open Sans",Arial,sans-serif;
    background-color: #ec008c;
    border: none;
    padding: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
	color: #fff;
}

.gdprc_actions button:hover {
background-color:#000;	
}

#gdprc_bar {
    background: #f5f5f5;
	border-top: 5px solid #ec008c!important;
	    padding: 2rem 0!important;
}
#gdprc_settings .gdprc_header__subtitle {
    margin: 0;
    line-height: 1.6em!important;
}

h3.gdprc_content__title{color:#ec008c;}


/*************FORM*******************/
@media only screen and (min-width: 981px) {
    .agenda-container .post p {
        min-height: 125px!important;
    }

    .customForm .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
        display: -moz-inline-stack;
        display: inline-block;
        line-height: 1.3;
        clear: both;
        float: left;
        width:100%!important;
    }

    .customForm  .ginput_container.ginput_container_text .large,  .customForm textarea, .wp-editor-container, .customForm .gform_wrapper .top_label input.large{
        width: 100%!important;
        float: right!important;
    }

    body .gform_wrapper .top_label div.ginput_container {
        margin-top: 0!important;
    }
    body .gform_wrapper ul li.gfield {
        margin-top: 0!important;
        padding-top: 15px!important;
    }

    label.gfield_label {
        padding-top: 6px;
    }

    input, select {
        height: 40px;
    }

    input[type=checkbox]{
        height:15px!important;
    }

    .gform_wrapper .top_label li ul.gfield_checkbox, .gform_wrapper .top_label li ul.gfield_radio {
        width: 70%!important;
        float: right!important;
    }
    .gform_wrapper .top_label select.medium {
        width: 100%!important;
        margin-left: 0!important;
		height:50px;
    }
}

/**************************** toggle custom 3 https://www.needyesterday.com/4-snippet-for-the-toggle-module/**************************/

.et_pb_toggle h5{
    color:#00aeef!important;
}

.et_pb_toggle {
    border: none;
    border-bottom: 2px solid #00aeef !important;
    transition: 0.4s
}

.et_pb_toggle_close .et_pb_toggle_content {
    padding-right: 70px;
    animation-duration: 0;
    transition: 0s;
}

.et_pb_toggle_open .et_pb_toggle_content {
    padding-right: 50px;
    animation-duration: 0;
    transition: 0s;
}



.et_pb_toggle_open{
    border-bottom: 2px solid #fcb040 !important;
}

.et_pb_toggle_title:before {
    font-size: 50px !important ;
    content: "3" !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #00aeef;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #fcb040;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.et_pb_toggle_close {

    background-color: rgba(255,0,0,0)!important;

    padding: 20px 20px 20px 0;
}

.et_pb_toggle_open {

    background-color: #ffecd9!important;
}

.et_pb_toggle {
    margin-bottom: 10px!important;
}

.faqTitle:first-child{
    padding-top:0px;
}

.faqTitle{
    margin-bottom:0px!important;
    padding-top:50px;

}

.ginput_container_fileupload:hover, .formDate .gfield_label:hover, input#input_1_21:hover {cursor:pointer!important;}


@media only screen and (max-width: 980px) {
    .sectionButtonsOnSlider {
        display:none!important;
    }
	
	div#gdprc_bar{
		display:none!important;
	}

    .sectionHeaderHome h2 {
        font-size: 40px!important;
    }

    .sectionHeaderHome, .sectionHeaderHome .et_pb_slider, .sectionHeaderHome .et_pb_slider .et_pb_slides, .sectionHeaderHome .et_pb_slider .et_pb_slides .et_pb_slide {
        height: 600px;
    }

    .agenda-container .post{
        width:44%!important;
    }
    .agenda-container .post{
        margin-right:5%!important;
    }
    .agenda-container .post:nth-child(2){
        margin-right:0%!important;
    }

}

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

    .sectionHeaderHome h2 {
        font-size: 24px!important;
    }

    .agenda-container .post{
        width:100%!important;
    }
    .sectionHeader h2 {
        font-size: 24px!important;
    }
}

.masonry-paging li:hover, .masonry-paging li.active {
    border-color: #2ea3f2;
    background-color: #2ea3f2;
    color: #fff;
}

a.page-numbers, span.page-numbers.current {
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
    line-height: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    text-align: center;
	color:#000!important;
}


span.page-numbers.current{
	color:#fff!important;
	border-color: #2ea3f2;
    background-color: #2ea3f2;
}

a.page-numbers:first-child, a.page-numbers:last-of-type{
	width:fit-content;
}

article p.post-meta {
    background-color: #2ea3f2;
    width: 64px;
    position: absolute;
    top: 0;
    color: #fff;
}

article p.post-meta::first-letter, .published::second-letter {
	font-size: 2em!important;
}

.agenda-container .post:nth-child(4n+2) .post-date, .agenda-container .ontmoetingen:nth-child(4n+2) .post-date {
    background-color: #ec008c;
}

/* ------------------------------ END HEADINGS ------------------------------*/

.marginTopXL {margin-top:4rem!important;}
.marginBottomXL {margin-bottom:4rem!important;}

.marginTopLXL {margin-top:3.5rem!important;}
.marginBottomLXL {margin-bottom:3.5rem!important;}

.marginTopL {margin-top:3rem!important;}
.marginBottomL {margin-bottom:3rem!important;}

.marginTopML {margin-top:2.5rem!important;}
.marginBottomML {margin-bottom:2.5rem!important;}

.marginTopM {margin-top:2rem!important;}
.marginBottomM {margin-bottom:2rem!important;}

.marginTopSM {margin-top:1.5rem!important;}
.marginBottomSM {margin-bottom:1.5rem!important;}

.marginTopS {margin-top:1rem!important;}
.marginBottomS {margin-bottom:1rem!important;}

.marginTopXS{margin-top:0.5rem!important;}
.marginBottomXS{margin-bottom:0.5rem!important;}

.noMarginBottom{margin-bottom:0px!important;}
.noMarginTop{margin-top:0px!important;}

.paddingTopXL {padding-top:8rem!important;}
.paddingBottomXL {padding-bottom:8rem!important;}

.paddingTopLXL {padding-top:3.5rem!important;}
.paddingBottomLXL {padding-bottom:3.5rem!important;}

.paddingTopL {padding-top:3rem!important;}
.paddingBottomL {padding-bottom:3rem!important;}

.paddingTopML {padding-top:2.5rem!important;}
.paddingBottomML {padding-bottom:2.5rem!important;}

.paddingTopM {padding-top:2rem!important;}
.paddingBottomM {padding-bottom:2rem!important;}

.paddingTopSM {padding-top:1.5rem!important;}
.paddingBottomSM {padding-bottom:1.5rem!important;}

.paddingTopS {padding-top:1rem!important;}
.paddingBottomS {padding-bottom:1rem!important;}

.paddingTopXS{padding-top:0.5rem!important;}
.paddingBottomXS{padding-bottom:0.5rem!important;}

.noPaddingBottom{padding-bottom:0px!important;}
.noPaddingTop{padding-top:0px!important;}
/* ------------------------------ END MARGINS ------------------------------*/


/*--------------------------------------- START PWA HOMEPAGE ----------------------------------------------*/

.appHeader h2 {
	padding-bottom:0!important;
	font-size:1rem!important;
	font-weight: 700;
}

.customButtonPWA a {
    background-color: #2ea3f2!important;
    color: white;
    width: 100%;
    text-align: center;
    border-radius: 0.5rem;
	display:block;
	padding:10px;
}

.customButtonPWASlide a {
    background-color: white!important;
    color: #EC008C;
    font-weight: 700;
    width: 80%;
    text-align: center;
    border-radius: 0.5rem;
	display:block;
	padding:10px;
	margin:auto;
}

label.sf-label-checkbox {
    color: white;
    font-weight: 700;
    line-height: 1.5rem;
    margin-left: 1rem;
}

.entry-content ul{
	padding-left:0!important;
}

.sf-field-taxonomy-dorp ul li {
   /* margin-left: 10%!important;*/
}

ul.sf_date_field li {
       width: 50%!important;
    /* padding-right: 0rem!important; 
    margin-left: 30px;*/
    float: left;
}

input[type=text] {
    margin: 0;
    height: 50px;
    width: 100%!important;
	padding-left: 1rem;
}

.searchandfilter ul.sf_date_field label {
	width: 100%!important;
}


.et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu>nav, .et_pb_fullwidth_menu .et_pb_menu__menu>nav>ul, .et_pb_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu>nav, .et_pb_menu .et_pb_menu__menu>nav>ul {
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 103%;

}

ul#menu-app-menu-footer {
    background-color: #EC008C;
}

.appFooterMenu.et_mobile_nav_menu{
	display:none!important;
}


.appFooterMenu li {
	width:33.33%!important;
	margin:0!important;
	padding:0!important;
}

.appFooterMenu li a {
    width: 100%;
    text-align: center;
	color:white;
	padding:20px 0!important;
	background-color:#ec008c;
	
}

.appFooterMenu li a:hover {
	color:white!important;
}

.appFooterMenu li a:before {
    display: block;
    margin-right: 5px;
    position: relative;
    /* padding-top: 30px; */
    /* top: 6px; */
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
    content: '';
}

.appFooterMenu li.current_page_item a {
	background-color:#333;
	color:white!important;
}

.appMenuNieuws a:before  {
	background: url(https://westlandontmoet.nl/wp-content/themes/Divichild/images/fi-rr-megaphone.svg);
}

.appMenuAgenda a:before  {
	background: url(https://westlandontmoet.nl/wp-content/themes/Divichild/images/fi-rr-calendar.svg);
}

.appMenuFAQ a:before  {
	background: url(https://westlandontmoet.nl/wp-content/themes/Divichild/images/fi-rr-interrogation.svg);
}

.et_mobile_nav_menu{
	display:none!important;
}
@media only screen and (max-width: 980px) {
.hoofdmenu .et_mobile_nav_menu{
	display:flex!important;
}
	.hoofdmenu .et-menu-nav{
	display:none!important;
	}
}


.searchandfilter ul li li {
    width: 100%;
	
}

.slideInFilter{
	width:80%;
	margin:auto;
}

input#dp1629126060253 {
    margin-left: 30px!important;
}

/*--------------------------------------- END PWA HOMEPAGE ----------------------------------------------*/
@media only screen and (max-width: 980px) {
.agenda-container .ontmoetingen{
	width:100%;
}
}

.appResults article{
	border-bottom: 2px dotted #999;
	padding: 30px 0 10px 0;
}


.appResults article time.post-date, span.entry-date {
	background-color: #2ea3f2!important;
    display: block!important;
    width: fit-content!important;
    padding: 10px 15px!important;
    color: white!important;
    position: relative!important;
}

.appResults article p{
display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
	color:#000!important;	
}



.appResults article h2.entry-title {
	color:#EC008C;
	font-weight:700;
	font-size:1rem!important;
	padding-top:10px;
    width: 100%;
	    min-height: 53px;
}
h2.entry-title {
    width: 100%;
}
h3.entry-location {
    color:#EC008C;
    font-weight:700;
    font-size:1rem!important;
    width: 100%;
	-webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	padding-bottom:0!important;
	margin-bottom:10px!important;
}

.appResults img {
    height: auto;
    max-height: 140px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 0;
}

li.sf-level-0 sf-input-checkbox:hover {



	border-color: #f00;
    background-color: #fff!important;
}
@media only screen and (min-width: 981px) {
.sectionCustomHeader {
    position: fixed !important;
    padding: 0px !important;
    z-index: 10010;
    width: 100%;
    left: 0px;
    top: 30px;
    bottom: auto;
    margin-top: 0px;
	font-weight:600!important;
}
}


.et_pb_slide_description {
    padding-top: 280px!important;
}

.et_pb_blurb_content {
    margin: 0!important;
}

.postContent .et_pb_section.et_pb_section_0.sectionHeader.gradientOverlay.gradientOverlayPink.et_pb_with_background.et_section_regular {
    display: none;
}

.sectionFooter {
	display:none!important;
}
@media only screen and (max-width: 980px) {
.postContent .et_pb_row_2, .postContent .et_pb_row_1 {
	display:none!important;
}
	
	.postContent .et_pb_image_0, .postAgendaContent .et_pb_image {
    display: none!important;
}
	
}

.searchFilterWeb .sf-field-taxonomy-dorp ul li {
    text-align: left;
    width: 29%!important;
    float: left!important;
    margin-left: 24px!important;
    color: #000!important;
}

.searchFilterWeb  label.sf-label-checkbox {
    color: #666;
}

.rowMobileMenu .column1{
	width:calc(50% - 75px);
	margin-bottom:0!important;
}

.rowMobileMenu .column2{
	width:calc(50% + 75px);
	float:left;
}

.rowMobileMenu .column2 img{
	width:150px;
}
	
.rowMobileMenu .column2 .et_pb_image .et_pb_image_wrap {
	text-align:left;
}

li.sf-field-post-meta-ontmoeting_voor_jongeren h4 {
    padding-top: 40px!important;
}

.searchandfilter li.sf-field-post-meta-ontmoeting_voor_jongeren li {
	width:500px!important;

}

li.sf-field-post-meta-ontmoeting_voor_jongeren ul li.sf-level-0 {
   /* width: 300px!important;
    float: left;*/
	color:#fff!important;
}

li.sf-field-post-meta-ontmoeting_voor_jongeren input, select {
    height: 13px;
}

.filterAgendaMobile {
	    width: 80%;
    margin: auto;
}

.filterAgendaMobile h4{
	padding-top:3rem!important;}

.searchandfilter label:first-child {
	padding-right:2rem;
}

/* center the blockquote in the page https://codepen.io/jupago/pen/GPxqLX*/
.blockquote-wrapper {
   display: flex;
 /*  height: 100vh;*/
   padding: 0 20px;
}

/* Blockquote main style */
.blockquote {
    position: relative;
   /* font-family: 'Barlow Condensed', sans-serif;*/
   /* max-width: 80%;*/
   margin: 0 auto;
    align-self: center;
}

/* Blockquote header */
.blockquote h3 {
   /* font-family: 'Abril Fatface', cursive;*/
    position: relative; /* for pseudos */
    color: var(--blue);
    font-size: 2.8rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    border: 3px solid var(--green);
    border-radius:20px;
    padding: 25px;
	    margin-left: 20px;
    margin-right: 20px;
}

.blockquote h3 strong{
    font-weight: 700;
}

/* Blockquote right double quotes */
.blockquote h3:after {
    content:"";
    position: absolute;
    border: 3px solid var(--green);
    border-radius: 0 50px 0 0;
    width: 60px;
    height: 60px;
    bottom: -63px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3; 
}



.blockquote h3:before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #fff;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}




/* increase header size after 600px */
@media all and (min-width: 600px) {
    .blockquote h3 {
        font-size: 3rem;
        line-height: 1.2;
   }

}

/* Blockquote subheader */
.blockquote h4 {
    position: relative;
    color: var(--pink);
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    margin-left:150px;
    padding-left:12px;
}

 
.blockquote h4:first-letter {
  margin-left:-12px;
}

.as-prev, .as-next {
    margin-top: -25px;
}

.blogHome h3{
	font-size:15px!important;
}

.blogHome .et_pb_blog_grid .et_pb_post {
    border: none!important;
	padding:0;
}
.blogHome .et_pb_image_container {
    margin: 0 0 29px;
}

.blogHome .post-content-inner p{
	    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 125px!important;
}

.superpwa-shortcode-button {

    font-size: 1rem!important;
	font-weight:700;
	border: 2px solid #fff!important;
    padding: 16px;
    border-radius: 16px;
}
/*.superpwa-shortcode-button:after {
    content: 'Download hier de web app!';
    color: #fff!important;
    font-size: 18px;
    border: 2px solid #fff;
    padding: 16px;
    border-radius: 16px;
}*/

.pwaButton .superpwa-shortcode-button:hover {
    background: white!important;
    transition: unset!important;
    border-radius: 16px!important;
    box-shadow: unset!important;
    padding: 0.5rem!important;
    color: #ec008c!important;
}

.pwaButton .superpwa-shortcode-button {
    width: 20%;
    margin: 0 auto;
    color: #fff!important;
    cursor: pointer;
    font-size: 2em;
    padding: 0.5rem!important;
    /*border: 0;*/
    transition: all 0.5s;
    border-radius: 10px;
    position: relative;
    /* min-width: 250px; */
}

.superpwa-shortcode-button {
    width: fit-content!important;

}

.superpwa-shortcode-button {

    padding: 10px;
}

.superpwa-shortcode-button:hover {
    background: unset!important;
    transition: unset!important;
    border-radius: 16px!important;
    box-shadow: unset!important;
    padding: 10px!important;
    color: #ffffff!important;
}

.blogSlider {    border-bottom: 2px dotted #999;}

.blogSlider .post-content{
	min-height:unset!important;
}
.blog-home-date{margin-bottom:0!important;}
.blog-home-date span{padding:10px 15px!important; margin-bottom:0!important; font-weight: 700;}
.blog-home-date p.post-meta{position:relative; width: fit-content; display: flex;}
.blog-home-title{margin-bottom:1rem!important;}


.blog-home-excerpt .post-content p {
    overflow-x: hidden;
    text-indent: -428px;
}

.blog-home-image{margin-bottom:1rem!important;}

.blogSlider .cwp_et_pb_title_featured_container {
    max-height: 200px;
    overflow: hidden;
}

.homeFilter li.sf-field-taxonomy-dorp {
    display: block!important;
}

.radio-toolbar {
  margin: 10px;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label.sf-label-radio {
    display: inline-block;
    background-color: #c8102e;
    padding: 10px 20px;
	padding-left:20px!important;
    font-family: sans-serif, Arial;
    font-size: 16px;
	font-weight:700;
	color:white;
   border: 2px solid #c8102e;
    border-radius: 4px;
}
.dorp-heenweg h3{
	background-color: #c8102e;
}




/*alle dorpen*/
.radio-toolbar ul li:first-child label.sf-label-radio {
	background-color: #78be20;
	border: 2px solid #78be20;
}
/*'s gravenzande'*/
.radio-toolbar ul li:nth-child(2) label.sf-label-radio {
	background-color: #e57200;
	border: 2px solid #e57200;
}
.dorp-s-gravenzande h3{
	background-color: #e57200;
}
/*de lier*/
.radio-toolbar ul li:nth-child(3) label.sf-label-radio {
	background-color: #ffb81c;
	border: 2px solid #ffb81c;
}
.dorp-de-lier h3{
	background-color: #ffb81c;
}
/*heenweg*/
/*.radio-toolbar ul li:nth-child(4) label.sf-label-radio {
	background-color: #c8102e;
}*/
/*honselersdijk*/
.radio-toolbar ul li:nth-child(5) label.sf-label-radio {
	background-color: #418fde;
	border: 2px solid #418fde;
}
.dorp-honselersdijk h3{
	background-color: #418fde;
}

/*kwintsheul*/
.radio-toolbar ul li:nth-child(6) label.sf-label-radio {
	background-color: #ed677a;
	border: 2px solid #ed677a;
}
.dorp-kwintsheul h3 {
	background-color: #ed677a;
}

/*maasdijk*/
.radio-toolbar ul li:nth-child(7) label.sf-label-radio {
	background-color: #f28d4f;
	border: 2px solid #f28d4f;
}
.dorp-maasdijk h3{
	background-color: #f28d4f;
}
/*monster*/
.radio-toolbar ul li:nth-child(8) label.sf-label-radio {
	background-color: #4d680f;
	border: 2px solid #4d680f;
}
.dorp-monster h3{
	background-color: #4d680f;
}

/*naaldwijk*/
.radio-toolbar ul li:nth-child(9) label.sf-label-radio {
	background-color: #af8655;
	border: 2px solid #af8655;
}
.dorp-naaldwijk h3{
	background-color: #af8655;
}
/*poeldijk*/
.radio-toolbar ul li:nth-child(10) label.sf-label-radio {
	background-color: #770f00;
	border: 2px solid #770f00;
}
.dorp-poeldijk h3{
	background-color: #770f00;
}
/*schipluiden*/
.radio-toolbar ul li:nth-child(11) label.sf-label-radio {
	background-color: #f00;
	border: 2px solid #f00;
}
.dorp-schipluiden h3{
	background-color: #f00;
}
/*ter heijde aan zee*/
.radio-toolbar ul li:nth-child(12) label.sf-label-radio {
	background-color: #ec008c;
	border: 2px solid #ec008c;
}
.dorp-ter-heijde-aan-zee h3{
	background-color: #ec008c;	
}
/*verspreid over westland*/
.radio-toolbar ul li:nth-child(13) label.sf-label-radio {
	background-color: #ab258c;
	border: 2px solid #ab258c;
}
.dorp-verspreid-over-westland h3{
	background-color: #a5cf26;	
}

/*wateringen*/
.radio-toolbar ul li:nth-child(14) label.sf-label-radio {
	background-color: #ab258c;
	border: 2px solid #ab258c;
}
.dorp-wateringen h3{
	background-color: #ab258c;
}




.radio-toolbar label.sf-label-radio:hover {
  border-color: #fff!important;
	cursor:pointer;
}


.radio-toolbar input[type="radio"]:focus + label.sf-label-radio {
    border: 2px solid #fff!important;


}

.radio-toolbar input[type="radio"]:checked + label.sf-label-radio {
   
    border: 2px solid #fff!important;
	
}


.sf-field-taxonomy-dorp ul li, .homeFilter .sf-field-post-meta-ontmoeting_voor_jongeren ul li {
	width:fit-content!important;
	margin-right:10px;
	float:left;
}

.homeFilter li.sf-field-post-meta-ontmoeting_voor_jongeren {

    height: 150px;
}

.sf-field-taxonomy-dorp ul li label{
	width:100%!important;
	text-align:center;
}

.home-articles article{

	float:left;

	padding-right:1%;
	padding-left:1%;
	    display: flex!important;
    flex-direction: column;
}

.home-articles article:first-of-type {
	padding-right:1%;
	padding-left:0;
}
	



/*.home-articles article:nth-child(4n+1){
	padding-right:0;
	padding-left:1%;
}*/



.home-articles article:hover{

	cursor:pointer;
}

.home-articles time {
	background-color: #2ea3f2;
    top: 0;
    color: #fff;
	position: relative;
    width: fit-content;
    display: flex;
	font-weight:700;
	padding: 10px 15px!important;
}


.home-articles article:hover > img{
	opacity:0.75!important;
}

a.home-article-link {
	
}

.home-articles article img{
	display: flex;
    margin-bottom: -38px;
	height: clamp(100px, 12vw, 180px)!important;
	object-fit: cover;
}

h2.entry-title {
    font-size: 1rem!important;
    font-weight: 700;
    padding-top: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 50px;
    min-height: 50px;
    margin-bottom: 1rem;
}

h3.homeFilter-location {
   /* display: flex;
   
    width: fit-content;
    position: relative!important;
	font-size:18px!important;
	padding:10px;
	color:white!important;
	*/
	    display: flex;
    /* background-color: #999; */
    width: fit-content;
    position: relative!important;
    font-size: 18px!important;
    padding: 10px;
    color: white!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* max-height: 38px; */
    /* min-height: 18px; */
    line-height: 2;
    margin-top: -18px;
}

@media all and (min-width: 981px) {
.home-articles article{
	width:25%!important;
	
}

.home-articles article:nth-child(4n+0){

	padding-right:0;
	padding-left:1%;
}
}


@media all and (max-width: 980px) {
	.home-articles article {
		width:33.33%!important;
	}
	
	.home-articles article:nth-child(3n+0){

	padding-right:0;
	padding-left:1%;
}
}

@media all and (max-width: 768px) {
	.home-articles article {
		width:50%!important;
	}
	
	.home-articles article:nth-child(2n+0){

	padding-right:0;
	padding-left:1%;
}
}

@media all and (max-width: 468px) {
	.home-articles article {
		width:100%!important;
		padding-right:0;
	padding-left:0;
	}
	
	
}

.home-article-seperator{
	border-bottom: dotted 2px #999;
	margin-bottom:2rem;
}

.nietAlleen.et_pb_toggle_open .et_pb_toggle_content {
    padding-right: 0!important;
}

.nietAlleen.et_pb_toggle_close {
	padding-right:0!important;
}

.archive-results h3.entry-location {
    background-color: #fff!important;
}