.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;margin:0 0 -4px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left;padding:0}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin:0;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected],.select2-results__option[data-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none;margin:5px 5px 0 0}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[data-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:#0073aa;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single:focus{border:1px solid #0073aa}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #0073aa}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #0073aa}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid var(--color-cpops-accent,#705aef)}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected],.select2-container--classic .select2-results__option--highlighted[data-selected]{background-color:var(--color-cpops-accent,#705aef);color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:var(--color-cpops-accent,#705aef)}:root {
--primary-groen: #228000;
--primary-geel: #aa8800ff;
--text-wit: #ffffff;
--text-donker: #333;
}
::selection {
background-color: var(--primary-groen);
color: white;
}
.hidden {
visibility: hidden;
}
body #page-container .et_pb_section .et_pb_button_0_tb_header {
background-color: var(--primary-groen) !important;
} header {
margin-bottom: 0px !important;
}
#et-boc > header > div > div > div > div.et_pb_column.et_pb_column_3_4.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough.et_pb_column--with-menu > div > div > div.et_pb_menu__logo-wrap > div > a > img {
filter: invert(100%) hue-rotate(45deg)  brightness(200%) contrast(100%) saturate(0%)
}
#et-boc > header > div > div.et_pb_section.et_pb_section_0_tb_header.et_pb_sticky_module.et_pb_with_background.et_section_regular.et_pb_sticky.et_pb_sticky--top > div > div.et_pb_column.et_pb_column_3_4.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough.et_pb_column--with-menu > div > div > div.et_pb_menu__logo-wrap > div > a > img {
filter: grayscale(0%);
}
#et-boc > header > div > div.et_pb_section.et_pb_section_0_tb_header.et_pb_sticky_module.et_pb_with_background.et_section_regular.et_pb_sticky.et_pb_sticky--top > div > div.et_pb_column.et_pb_column_3_4.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough.et_pb_column--with-menu > div > div > div.et_pb_menu__logo-wrap > div > a > img{
max-height: 65px;
}
@media only screen and (max-width: 600px) {#et-boc > header > div > div.et_pb_section.et_pb_section_0_tb_header.et_pb_sticky_module.et_pb_with_background.et_section_regular.et_pb_sticky.et_pb_sticky--top > div > div.et_pb_column.et_pb_column_3_4.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough.et_pb_column--with-menu > div > div > div.et_pb_menu__logo-wrap > div > a > img{
max-height: 45px;
} } .gebedstijden h2 {
text-align: center;
}
.gebedstijden {
background: url(https://www.tarikfaik.nl/wp-content/uploads/2021/12/5540822-scaled.jpg);
padding: 20px 0;
}
#prayerTable, #dateTitle {
text-align: center;
}
#prayerTable {
display: flex;
align-items: center;
}
.gebedstijden tr, #date-time {  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
border-radius: 5px;
background-color: rgba(255, 255, 255, .15);
backdrop-filter: blur(5px);
}
.gebedstijden tr {
display: inline-grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr) ) ;
grid-gap: 30px; padding: 1rem;
text-align: center;
border: 1px solid #dfdfdf ; }
#date-time, #prayerTable flex{
margin: 0 auto;
}
.gebedstijden tr:nth-child(even) {
background-size: fit;
}
.gebedstijden .hightlight {
color: white;
box-shadow:inset 0 0 0 2000px rgba(10,153,60, 1) !important;
transform: scale(1.1);
font-weight: 900;
}
.rijtijdgebed #prayerTable {
display: flex;
align-items: center;
max-width: 100%;
margin: 0 auto;
}
.rijtijdgebed tr {
display: inline-grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr) ) ;
grid-gap: 30px;
padding: 1rem;
text-align: center;
border: 1px solid #dfdfdf;
height: 100%;
}
.rijtijdgebed .past {
color: var(--kleur-grijs);
font-weight: 600;
}
#prayerTable, #dateTitle
{
color: var(--kleur-grijs);
font-weight: 700;
}
.rijtijdgebed .future {
color: var(--primary-grijs !important);
font-weight: 600;
}
.gebedstijden .past+.future {
color: white;
box-shadow:inset 0 0 0 2000px rgba(10,153,60, 0.41) !important;
transform: scale(1.1);
font-weight: 900;
margin: 10px;
flex: 1 0 100%;
}
.gebedstijden td {
border-top: 1px solid #dfdfdf;
}
@media only screen and (max-width: 904px) {
.rijtijdgebed tr {
padding: 8px;
}
}
@media only screen and (max-width: 404px) {
.rijtijdgebed tr {
padding: 0.5rem 0.1rem 0.5rem;
}
}   .kaartglashome #glass p {
color: var(--text-wit);
font-weight: 600;
padding: 0 20% 0 20%;
font-size: 1.5em;
line-height: 1.5;
}
.kaartglashome #glass { color: rgb(255, 255, 255, 0.4); background-color: rgb(255, 255, 255, 0.15);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border-radius: 25px;
border: 1.5px solid rgb(255, 255, 255, 0.18);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); margin-top: 2%;
width: 80%;
height: 70%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
#glass p {
color: var(--text-wit);
font-weight: 600;
padding: 0 20% 0 20%;
font-size: 1.5em;
line-height: 1.5;
}
.kaartglashome .bolder {
font-weight: 500;
}
.kaartglashome .larger {
font-size: 2em;
margin: 0.5rem;
font-weight: 400;
} .kaartglashome #pattern-bg {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-position: top left;
background-size: cover;  }
@media only screen and (max-width: 900px) {
.kaartglashome .larger {
font-size: 1.5rem;
margin: 0.5rem;
font-weight: 400;
padding-top: 20px;
}
.kaartglashome #glass p {
color: white;
font-weight: 600;
padding: 0 5% 0 5%;
font-size: 1.3em;
line-height: 1.3;
}
#glass p {
color: var(--text-wit);
font-weight: 600;
padding: 0 20% 0 20%;
font-size: 1.2em;
line-height: 1.2;
}
}  .quranspeler #msg{
visibility: hidden;
height: 0px;
}
.quranspeler .btn-info, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info  {
background-color: var(--primary-color) !important;
width: 100%;
}
.quranspeler .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
width: 100% !important;
background-color: var(--primary-groen) !important;
}
.quranspeler #zoekqfers {
width: 100%; font-size: 16px; padding: 12px 20px 12px 40px; border: 1px solid #ddd; margin-bottom: 12px; margin-top: 12px;
}
.quranspeler .player {
position: relative;
max-width: 480px;
margin: 100px auto;
}
.quranspeler .player .icon-pause {
display: none;
}
.quranspeler .player.playing .icon-pause {
display: inline-block;
}
.quranspeler .player.playing .icon-play {
display: none;
}
.quranspeler .dashboard {
padding: 16px 16px 14px;
background-color: #fff;
position: absolute; // fixed;
top: 0;
width: 100%;
max-width: 480px;
border-bottom: 1px solid #ebebeb;
} .quranspeler header {
text-align: center;
margin-bottom: 10px;
}
.quranspeler header h4 {
color: var(--primary-groen);
font-size: 1.2em;
}
.quranspeler header h2 {
color: var(--text-color);
font-size: 20px;
} .quranspeler .cd {
display: flex;
margin: auto;
width: 220px;
}
.quranspeler .cd-thumb {
width: 100%;
padding-top: 100%;
border-radius: 50%;
background-color: #333;
background-size: cover;
margin: auto;
} .quranspeler .control {
display: flex;
align-items: center;
justify-content: space-around;
padding: 18px 0 8px 0;
}
.quranspeler .control .btn {
color: #666;
padding: 18px;
font-size: 18px;
}
.quranspeler .control .btn.active {
color: var(--primary-groen);
}
.quranspeler .control .btn-toggle-play {
width: 56px;
height: 56px;
border-radius: 50%;
font-size: 24px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-groen);
}
.quranspeler .progress {
width: 100%;
-webkit-appearance: none;
height: 6px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: 0.2s;
transition: opacity 0.2s;
}
.quranspeler .progress::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 12px;
height: 6px;
background-color: var(--primary-groen);
cursor: pointer;
} .quranspeler .playlist {
margin-top: 10px;
padding: 12px;
}
.quranspeler .song {
display: flex;
align-items: center;
margin-bottom: 12px;
background-color: #fff;
padding: 8px 16px;
border-radius: 5px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.quranspeler .song.active {
background-color: var(--primary-groen);
}
.quranspeler .song:active {
opacity: 0.8;
}
.quranspeler .song.active .option,
.quranspeler .song.active .author,
.song.active .title {
color: #fff;
}
.quranspeler .song .thumb {
width: 44px;
height: 44px;
border-radius: 50%;
background-size: cover;
margin: 0 8px;
}
.quranspeler .song .body {
flex: 1;
padding: 0 16px;
}
.quranspeler .song .title {
font-size: 18px;
color: var(--text-donker);
}
.quranspeler .song .author {
font-size: 12px;
color: #999;
}
.quranspeler .song .option {
padding: 16px 8px;
color: #999;
font-size: 18px;
}
.quranspeler .playlist {
padding-top: 370px;
height: 700px;
overflow: auto;
text-align:justify;
}
.gebedstijden:before {
content: '\A';
position: absolute;
width: 100%; height:100%;
top:0; left:0;
background: rgb(234,213,168);
background: linear-gradient(0deg, rgba(0,0,0,0.45) 0%, rgba(234,213,168,0.45) 100%);
//  background-color: rgba(234,213,168,.56);
opacity: 1;
transition: all 1s;
-webkit-transition: all 1s;
} #prayerTable > flex > tbody > tr {
background: none;
}
@media only screen and (max-width: 600px) {
.quranspeler .player {
width:80%;
// margin: 0 auto;
}
} @media(max-width:34em){
.quranspeler .main{
min-width:150px;
width:auto;
}
}
.quranspeler select {
display: none !important;
}
.quranspeler .dropdown-select {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
background-color: #fff;
border-radius: 6px;
border: solid 1px #eee;
box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
box-sizing: border-box;
cursor: pointer;
display: block;
float: left;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
.quranspeler .dropdown-select:focus {
background-color: #fff;
}
.quranspeler .dropdown-select:hover {
background-color: #fff;
}
.quranspeler .dropdown-select:active,
.quranspeler .dropdown-select.open {
background-color: #fff !important;
border-color: #bbb;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}
.quranspeler .dropdown-select:after {
height: 0;
width: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #777;
-webkit-transform: origin(50% 20%);
transform: origin(50% 20%);
transition: all 0.125s ease-in-out;
content: '';
display: block;
margin-top: -2px;
pointer-events: none;
position: absolute;
right: 10px;
top: 50%;
}
.quranspeler .dropdown-select.open:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.quranspeler .dropdown-select.open .list {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
pointer-events: auto;
}
.quranspeler .dropdown-select.open .option {
cursor: pointer;
}
.quranspeler .dropdown-select.wide {
width: 100%;
}
.quranspeler .dropdown-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.quranspeler .dropdown-select .list {
box-sizing: border-box;
transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
-webkit-transform: scale(0.75);
transform: scale(0.75);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
background-color: #fff;
border-radius: 6px;
margin-top: 4px;
padding: 3px 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
z-index: 999;
max-height: 250px;
overflow: auto;
border: 1px solid #ddd;
}
.quranspeler .dropdown-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.quranspeler .dropdown-select .dd-search{
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
margin:0.5rem;
}
.quranspeler .dropdown-select .dd-searchbox{
width:90%;
padding:0.5rem;
border:1px solid #999;
border-color:#999;
border-radius:4px;
outline:none;
}
.quranspeler .dropdown-select .dd-searchbox:focus{
border-color:#12CBC4;
}
.quranspeler .dropdown-select .list ul {
padding: 0;
}
.quranspeler .dropdown-select .option {
cursor: default;
font-weight: 400;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
transition: all 0.2s;
list-style: none;
}
.quranspeler .dropdown-select .option:hover,
.quranspeler .dropdown-select .option:focus {
background-color: #f6f6f6 !important;
}
.quranspeler .dropdown-select .option.selected {
font-weight: 600;
color: #12cbc4;
}
.quranspeler .dropdown-select .option.selected:focus {
background: #f6f6f6;
}
.quranspeler .dropdown-select a {
color: #aaa;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.quranspeler .dropdown-select a:hover {
color: #666;
}  .knop  {
display: block !important;
margin: 50px auto !important;
overflow: hidden !important;
position: relative !important;
width: 180px !important;
padding: 20px 0 !important;
border-radius: 30px !important;
cursor: pointer !important;
font-size: 1.1em !important;
font-weight: bold !important;
border: none !important;
transition: all 0.5s ease-in-out  !important;
z-index: 1 !important;
color: var(--primary-groen) !important;
box-shadow: inset 0px 0px 3px var(--primary-groen) !important;
background-color: #EFEFEF;
}
.knop:before {
content: '';
display: inline-block;
transform: translateY(50%);
left: 0;
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
background-color: var(--primary-groen) ;
z-index: -1;
transition: transform ease 1s;
}
.knop:hover {
color: white;
transition: color 0.1s ease;
transition-delay: 0.2s;
}
.knop:hover:before {
transform: translateY(-45%);
}
a {
color: var(--primary-groen) ; text-decoration: inherit; }  .accordion {
box-sizing: border-box;
display: flex; overflow: hidden;
width: 100%;
}
.accordion-select {
cursor: pointer;
margin: 0;
opacity: 0;
z-index: 1;
}
.accordion-title {
position: relative;
}
.accordion-title:not(:nth-last-child(2))::after {
border: 1px solid transparent;
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
}
.accordion-title span {
bottom: 0px;
box-sizing: border-box;
display: block;
position: absolute;
white-space: nowrap;
width: 100%;
}
.accordion-content {
box-sizing: border-box;
overflow: auto;
position: relative;
transition: margin 0.3s ease 0.1s;
}
.accordion-select:checked + .accordion-title + .accordion-content {
margin-bottom: 0;
margin-right: 0;
} .accordion {
border-color: #dedede;
border-radius: 8px;
border-style: solid;
border-width: 1px;
flex-direction: row;
height: 382px;
}
.accordion-title,
.accordion-select  {
background-color: var(--primary-groen);
color: var(--text-wit);
width: 65px;
height: 100%;
font-size: 15px;
}
.accordion-select {
margin-bottom: -65px;
margin-right: -65px;
}
.accordion-title:not(:nth-last-child(2))::after {
border-bottom-color: transparent;
border-right-color: rgb(234, 234, 234);
}
.accordion-select:hover + .accordion-title,
.accordion-select:checked + .accordion-title {
background-color: var(--text-wit);
color: var(--primary-groen);
}
.accordion-title span  {
transform: rotate(-90deg);
-ms-writing-mode: lr-bt;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
padding-bottom: 33px;
padding-top: 33px;
line-height: 65px;
}
.accordion-content {
background-color: #f7f7f7;
color: #7f8787;
height: 100%;
margin-bottom: 0;
margin-right: calc(-1 * calc(100% - 195px));
padding: 30px;
width: calc(100% - 195px);
}
.homeonderwijs:before {
content: '\A';
position: absolute;
width: 100%; height:100%;
top:0; left:0;
background: rgb(234,213,168);
background: linear-gradient(0deg, rgba(0,0,0,0.45) 0%, rgba(234,213,168,0.45) 100%);
//  background-color: rgba(234,213,168,.56);
opacity: 1;
transition: all 1s;
-webkit-transition: all 1s;
}
@media only screen and (max-width: 600px) {
.accordion {
box-sizing: border-box;
display: flex;
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
width: 100%;
}
.accordion-select {
cursor: pointer;
margin: 0;
opacity: 0;
z-index: 1;
}
.accordion-title {
position: relative; }
.accordion-title:not(:nth-last-child(2))::after {
border: 1px solid transparent;
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
}
.accordion-title span {
bottom: 30px;
box-sizing: border-box;
display: block;
position: relative;
white-space: nowrap;
width: 100%; }
.accordion-content {
box-sizing: border-box;
overflow: auto;
position: relative;
transition: margin 0.3s ease 0.1s;
}
.accordion-select:checked + .accordion-title + .accordion-content {
margin-bottom: 0;
margin-right: 0;
} .accordion {
border-color: #dedede;
border-radius: 8px;
border-style: solid;
border-width: 1px;
flex-direction: column;
height: auto;
}
.accordion-title,
.accordion-select  {
background-color: var(--primary-groen);
color: var(--text-wit);
width: 100%;
height: 65px;
font-size: 15px;
}
.accordion-select {
margin-bottom: -65px;
margin-right: 0;
}
.accordion-title:not(:nth-last-child(2))::after {
border-bottom-color: rgb(234, 234, 234);
border-right-color: transparent;
}
.accordion-select:hover + .accordion-title,
.accordion-select:checked + .accordion-title {
background-color: var(--text-wit);
color: var(--primary-groen);
}
.accordion-title span  {
transform: rotate(0deg);
-ms-writing-mode: lr-tb;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
padding-left: 33px;
padding-right: 33px;
line-height: 65px;
}
.accordion-content {
background-color: #f7f7f7;
color: #7f8787;
height: 280px;
margin-bottom: -280px;
margin-right: 0;
padding: 30px;
width: 100%;
} }  .volgendeevent {
height: 350px;
}
.volgendeevent ul {
position:relative;
text-align: center;
top:50%;
width:100%;
margin: 0 auto;
list-style:none;
color: white;
}
.volgendeevent ul li {
width:15vw;
display:inline-block;
text-align:center;
}
.volgendeevent ul li span {
font-size: 7vw;
font-weight:bold;
}
.volgendeevent h2 {
color: white;
font-size: 2em;
margin-bottom: 1.5em;
font-weight: 600;
}
.volgendeevent p {
// padding-top: 30px;
font-size: 2em;
}
@media only screen and (max-width: 900px) {
.volgendeevent h2 {
margin-bottom: 0.5em;
}
.volgendeevent p {
font-size: 0.8em;
}
}  .popupknopdoneer-overlay, .popupvrijwilliger-overlay, .popupjongerencommissie-overlay, .popupkindlesgeld-overlay, .popupvrouwenlesgeld-overlay, .popupvolwasenlesgeld-overlay{
position: fixed;
top: 0;
width: 100%;
height: 100vh;
justify-content: center;
align-items: center;
opacity: 0;
overflow: hidden;
transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
overflow:auto;
visibility: hidden;
background-color: white;
}
.popupknopdoneer-overlay.show, .popupvrijwilliger-overlay.show, .popupjongerencommissie-overlay.show, .popupkindlesgeld-overlay.show, .popupvrouwenlesgeld-overlay.show, .popupvolwasenlesgeld-overlay.show  {
display: flex;
opacity: 1;
z-index: 999999999999999999999;
visibility: visible !important;
}  .sluit {
position: absolute;
top: 0px;
right: -13px;
width: 30px;
height: 30px;
content: "";
background-color: white;
border: solid lightgrey 1px;
border-radius: 50%;
z-index: 999999999999999999999;
}
.sluit:before {
position: absolute;
border-radius: 50%;
content: "";
border: solid white 2px;
width: 26px;
height: 26px;
top: 0px;
left: 0px;
}
.sluit:after {
position: absolute;
content: "X";
font-family: "Tahoma Bold","Calibri Bold","Arial Black","Arial Bold",helvetica,"Lucida Sans","Trebuchet MS",sans-serif;
font-weight: bold;
font-size: 1.2em;
color: white;
top: 0px;
left: 0px;
width: 100%;
text-align: center;
vertical-align: middle;
line-height: 30px;
}
.sluit.kruis:before {
background-color: var(--primary-groen);
}
@media only screen and (min-width: 600px) {
.sluit {
position: absolute;
top: 30px;
right: -13px;
width: 30px;
height: 30px;
content: "";
background-color: white;
border: solid lightgrey 1px;
border-radius: 50%;
}} .dienstenkaarten p {
font-size: 1em;
width:70%;
margin: 0 auto;
color: white;
font-weight: 600;
display: flex;
height: 60%;
margin: auto;
align-items: center;
justify-content: center;
}
.dienstenkaarten a {
font-size: 1em;
margin: 0 auto;
color: white;
font-weight: 600;
display: flex;
height: 60%;
margin: auto;
align-items: center;
padding-top: 10px;
justify-content: center;
}
.dienstenkaarten div[id^="slide-"] {
background-blend-mode: overlay;
background-color: var(--primary-groen);
border: 10px solid #aa8800ff;
}
.dienstenkaarten h2 {
margin-top: 20px;
color: white;
font-weight: 900;
text-align: center;
}
.dienstenkaarten div[id^="slider_diensten_slide"] div{
height: 250px;
}
.dienstenkaarten div[id^="slider_diensten_slide"] a{
height: 10px;
} .et_pb_menu_0_tb_header.et_pb_menu ul li a {
font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
} // #menu-hoofdmenu a {
//     white-space: nowrap !important;
// }  .et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 40px;
margin-top:5px;
color: var(--text-donker);
font-size:16px;
} #et_mobile_nav_menu:before  {
content: '';
position: absolute;
right: 33px;
bottom:30px;
color: var(--text-donker);
font-size:16px;
} .mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
} .et_mobile_menu {
border-top:0;
} .et_mobile_menu li {
text-align:center !important;
}
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
} .et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
} .et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}
html {
height: -webkit-fill-available;
} .mobile_nav.opened .et_mobile_menu {
display:block !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li ul li a {
color: var(--primary-groen) !important;
transform: scale(0.8);
}
.et_mobile_menu {
overflow-y:scroll!important;
max-height:calc(100vh - 65px)!important;
-overflow-scrolling:touch!important;
-webkit-overflow-scrolling:touch!important;
}
#menu-hoofdmenu a {
white-space: nowrap !important;
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
color: #da181f; background: #f1f1f1; top: 10px;
position: relative;
font-family: "ETModules";
content: '\33';
border-radius: 50%;
padding: 3px;
}
ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
content: '\32';
}
.et_mobile_menu .menu-item-has-children>a {
font-weight: 600 !important;
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
width: 44px;
height: 100%;
padding: 0px !important;
max-height: 44px;
border: none;
position: absolute;
right: 0px;
top: 0px;
z-index: 999;
background-color: transparent;
}
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
position: relative;
}
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
background-color: transparent;
}
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
display: none !important;
visibility: hidden !important;
}
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
display: block !important;
visibility: visible !important;
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
text-align: center;
opacity: 1;
}  .toolbar {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.toolbar .btny {
display: block;
font-weight: 700;
position: fixed;
bottom: 10px !important;
//   margin: 0 auto !important;
padding: 13px 25px;
background-color: rgba(255, 255, 255, 0.9);
text-decoration: none;
color: #333;
border-radius: 50px;
border: 1px solid white;
box-shadow: 0px 2px 0px #02679e;
transition: all 0.2s;
z-index: 1;
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.toolbar .btny:hover {
transform: translateY(-5px);
padding: calc(13px * 1.2) calc(25px * 1.2);
padding-right: calc(22px * $btnPaddingScalePlus);
background-color: white;
border: none;
box-shadow: 0px 5px 10px #0271ae;
}
.toolbar .btn:hover > span:before {
animation: none;
}
.toolbar .btny:active {
transform: translateY(0px);
padding: calc(13px * 0.95) calc(25px * 0.95);
box-shadow: inset 0px 2px 1px #02679e;
}
.toolbar .btn_transparent {
border: 0px;
border-radius: 0px;
padding: 13px 25px;
background-color: rgba(255, 255, 255, 0);
color: #fff;
box-shadow: none;
}
.toolbar .btn_transparent:hover {
box-shadow: none;
background-color: inherit;
}
.toolbar .btn_live {
padding-right: 22px;
}
span.live-icon {
display: inline-block;
position: relative;
top: calc(50% - 5px);
background-color: red;
width: 10px;
height: 10px;
margin-left: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
z-index: 1;
}
span.live-icon:before {
content: '';
display: block;
position: absolute;
background-color: rgba(255, 0, 0, 0.6);
width: 100%;
height: 100%;
border-radius: 50%;
animation: live 2s ease-in-out infinite;
z-index: -1;
}
@keyframes live {
0% {
transform: scale(1, 1);
}
100% {
transform: scale(3.5, 3.5);
background-color: rgba(255, 0, 0, 0);
}
}
small {
position: absolute;
font-size: 0.9em;
color: rgba(255, 255, 255, 0.5);
bottom: 2rem;
}
small b {
font-weight: bold;
color: rgba(255, 255, 255, 0.8);
z-index: -1;
}
@media only screen and (max-width: 500px) {
.toolbar {
flex-direction: column;
padding-left: 50px;
padding-right: 50px;
}
.btny {
width: 150px;
}
span.live-icon {
position: absolute;
right: 20px;
}
}
@media only screen and (max-width: 350px) {
.btny {
width: 50%;
}
} .da-close{
background-color: yellow !important;
color: black !important;
}.pt-checkout-form button.pt-payment-btn {
color: #FFFFFF!important;
background-color: var(--primary-groen) !important;
letter-spacing: 4px;
font-size: 16px;
font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif!important;
text-transform: uppercase!important;
width: 100%;
display: block;
}
.pt-checkout-form {
margin: 15px auto;
background-color: white !important;
}
.pt-field-prefill-warning {
display: none;
} .formmoll {
max-width: 400px;
width: 100%;
margin: 0 auto;
position: relative;
background: #F9F9F9;
padding: 25px;
margin: 0 auto;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
} .bestuursubachter {
background: linear-gradient(180deg,#121a25 0%, #000000 100%);
}
.bestuursubachter h1 {
color: white;
padding-bottom: 50px;
}
.subleden {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding-bottom: 100px;
}
.subleden .box {
display: inline-flex !important;
border: 3px solid rgba(170, 136, 0, 0.8);
flex-direction: row;
margin: 20px 50px;
width: 400px;
border-radius: 50px;
background-color: rgba(255,255,255,.25);
box-shadow: 0 .1rem 2rem rgba(255,255,255,.25);
min-height: 110px;
}
.subleden .avatar { border: 3px solid rgba(170, 136, 0, 0.8);
background-position: center;
background-size: 80px;
height: 80px;
width: 80px;
border-radius: 100%;
background-color: white;
position: relative;
top: 10px;
left: 10px;
box-shadow : 0 0 4rem rgba(0,0,0,.25);
}
.subleden .content {
padding: 5%;
margin: 2%;
color: white;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 400px) {
.subleden .box{
margin: 30px auto;
height: 100px;
width: 100%;
}
}
@media only screen and (max-width: 250px) {
.subleden .box{
margin: 50% auto;
height: 100px;
width: 100%;
}
.subleden.content {
font-size: 1rem;
text-align: center;
}
}
@media only screen and (max-width: 180px) {
.subleden .content {
letter-spacing: .1rem;
margin: 15px auto;
}
.subleden .avatar{
display: none;
}
.subleden .box {
border-radius: 0;
height: auto;
}
} .at-banner {
z-index:  1;
position: fixed;
top: 75px;
right: 0;
left: 0;
background: var(--primary-groen);
width: 100%;
border-bottom: 1px solid #EEEEEE;
padding: 10px;
box-sizing: border-box;
transform: translateY(-150%);
color: #FFFFFF;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
animation: at-banner-slide-in 0.8s ease forwards;
}
.at-banner__content {
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
width: 90%;
margin: 0 auto;
padding: 10px 40px;
box-sizing: border-box;
}
.at-banner__title {
font-size: 18px;
}
.at-banner__text {
margin: 0 20px 0 0;
}
.at-banner__button {
display: inline-block;
background: #FFFFFF;
height: 40px;
border: 0;
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 0 20px;
color: var(--primary-geel);
font-size: 12px;
font-weight: 700;
line-height: 40px;
text-decoration: none;
white-space: nowrap;
}
.at-banner__close {
position: absolute;
top: 50%;
right: 20px;
width: 20px;
height: 20px;
transform: translateY(-50%);
cursor: pointer;
}
.at-banner__close:before, .at-banner__close:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
background: #FFFFFF;
width: 100%;
height: 3px;
border-radius: 2px;
transform-origin: center;
}
.at-banner__close:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.at-banner__close:after {
transform: translate(-50%, -50%) rotate(45deg);
}
@keyframes at-banner-slide-in {
0% {
transform: translateY(-150%);
}
100% {
transform: translateY(0%);
}
} .wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
color: #1f252b;
width: 100%;
padding: 12px 16px;
border-radius: 0;
border: 0;
}
.wpcf7-form p {
margin: 0 0 28px;
}
.wpcf7-text:focus,
.wpcf7-textarea:focus {
outline: 1px solid rgba(84, 222, 197, 0.9);
outline-offset: 0;
}
div.wpcf7-mail-sent-ok {
border: 0;
background: #5471de;
color: #fff;
padding: 18px;
}
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
border: 0;
background: #f9443b;
color: #fff;
padding: 18px;
}
span.wpcf7-not-valid-tip {
color: #f9443b;
} .wpcf7-form .button {
background-color: #14e2ae;
border: 0;
color: #fff;
border-radius: 1px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
margin-bottom: 15px;
width: auto;
padding: 20px 42px;
letter-spacing: 2px;
font-size: 14px;
}
.wpcf7-form .button:hover {
cursor: pointer;
box-shadow: 0px 7px 16px -7px rgba(0, 0, 0, 0.4);
border: 0;
}
.wpcf7-form {
background-color: #F7F7FA;
padding: 30px;
max-width: 500px;
margin: 0 auto;
}
.wpcf7-form.sent p
{
display:none;
} #printkalender .headtabelcalende {
text-align: center;
font-weight: 900;
font-size: 5.5rem;
color: #1f3763;
padding-left: 18%;
}
#my-table > tbody > tr:nth-child(2) {
text-align: left;
} .headtabelcalende {
color:#228000;
text-transform: uppercase;
}
.gebedstijdenpagin .headtabelcalende {
float: center;
}
.gebedstijdenpagin  tbody tr:nth-child(odd) {
background-color: white;
color: black
}
.gebedstijdenpagin tbody tr:nth-child(1), tbody tr:nth-child(1) th  {
background-color: gray;
color: white !important;
}
.gebedstijdenpagin .zoekveld  {
float: left;
width: 80px;
}
.gebedstijdenpagin .knopprint {
float: right;
}
.gebedstijdenpagin .red {
background-color:  var(--primary-groen) !important;
color: white !important;
-webkit-print-color-adjust: exact;
}
.gebedstijdenpagin .red th ,  .gebedstijdenpagin .red td{
color: white !important;
-webkit-print-color-adjust: exact;
}
.gebedstijdenpagin .knopprint {
top:0em;
position: relative;
float: right;
}
.gebedstijdenpagin .zoekveld {
top:-7px;
position: relative;
}
#my-table > tbody > tr:nth-child(2) {
text-align: center !important;
}
#my-table > tbody > tr:nth-child(2) th{
text-align: left !important;
}
@media only screen and (max-width: 900px) {
#printkalender .headtabelcalende {
font-size: 3.5rem;
}
.gebedstijdenpagin .knopprint {
visibility: hidden;
}
.gebedstijdenpagin .zoekveld  {
visibility: hidden;
}
.gebedstijdenpagin .sc_item_title {
font-size: 10px;
}
.gebedstijdenpagin #my-table tr:nth-child(1) th {
text-align: left !important;
}
}
@media only screen and (max-width: 700px) {
.gebedstijdenpagin h2.headkalendereerste {
visibility: hidden;
} #post-243280 > div > div > div > div.et_pb_section.et_pb_section_1.et_section_regular > div {
margin: 3px; }
#my-table > tbody > tr > td {
font-size: 1em;
padding: 0px;
margin: 0px;
} #my-table {
table-layout:fixed;
width: 98vw;
padding: 0;
margin: 0;
}
#my-table td {
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
#my-table tr {
font-size: 0.5em;
padding: 0;
margin: 0;
}
#my-table tr:nth-child(1) {
font-size: 0.5em;
}
#my-table tr th {
text-align: center !important;
padding: 0;
.gebedstijdenpagin #my-table tr:nth-child(1) th {
text-align: left !important;
}
} }
@media only screen and (max-width: 600px) {
.gebedstijdenpagin .printkalender {
margin-top:-200px;
}
}
@media print {
.gebedstijdenpagin h2.headkalendereerste {
visibility: hidden;
} #post-243280 > div > div > div > div.et_pb_section.et_pb_section_1.et_section_regular > div {
margin: 3px;
width: 98vw; }
#my-table > tbody > tr > td {
font-size: 1em;
padding: 0px;
margin: 0px;
} #my-table {
table-layout:fixed;
width: 98vw;
padding: 0;
margin: 0;
}
#my-table td {
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
#my-table tr {
font-size:1em;
padding: 0;
margin: 0;
}
#my-table tr:nth-child(1) {
font-size: 0.5em;
}
#my-table tr th {
text-align: center !important;
padding: 0;
}
body * {
visibility: hidden ;
}
.headtabelcalende {
width: 100vw;
visibility: visible !important;
margin-bottom: 0 auto !important;
text-align: center !important;
}
#printkalender, #printkalender * {
visibility: visible;
}
#printkalender {
position: absolute;
left: 0;
right:0;
top: 0;
padding: 0;
margin: -400px 0 0 0;
}
.sc_item_title {
visibility: hidden;
}
}
@media print {
.gebedstijdenpagin h2.headkalendereerste {
visibility: hidden;
}
#printkalender .headtabelcalende {
padding-left: 0;
} #post-243280>div>div>div>div.et_pb_section.et_pb_section_1.et_section_regular>div {
margin: 3px;
width: 98vw;
// height: 60vh;
}
#my-table>tbody>tr>td {
font-size: 1em;
padding: 0px;
margin: 0px;
} #my-table {
table-layout: fixed;
width: 98vw;
padding: 0;
margin: 0;
}
#my-table td {
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
#my-table tr {
font-size: 1em;
padding: 0;
margin: 0;
}
#my-table tr:nth-child(1) {
font-size: 0.5em;
}
#my-table tr th {
text-align: center !important;
padding: 0;
}
body * {
visibility: hidden;
}
.headtabelcalende {
width: 100vw;
visibility: visible !important;
margin-bottom: 0 auto !important;
text-align: center !important;
}
#printkalender,
#printkalender * {
visibility: visible;
}
#printkalender {
position: absolute;
left: 0;
right: 0;
top: 0;
padding: 0;
margin: -400px 0 0 0; }
.sc_item_title {
visibility: hidden;
}
td {
text-align: center
}
tbody td {
padding: 0
}
tbody tr:nth-child(odd) {
background-color: #dae1f3;
color: #fff;
-webkit-print-color-adjust: exact
}
.red {
background-color: #1f3763 !important;
color: #fff !important;
-webkit-print-color-adjust: exact
}
.red th,
.red td {
color: #fff !important;
-webkit-print-color-adjust: exact
}
#my-table {
width: 100%
}
.headtabelcalende {
text-align: center;
font-weight: 900;
font-size: 3.5rem;
color: #1f3763
}
.foottabelcalende {
text-align: center;
font-weight: 300;
font-size: .7rem;
color: #1f3763
}
table {
border-collapse: collapse
}
tr:first-of-type {
border-bottom: 1px solid #000;
border-top: 1px solid #000
}
}
@media print {
.gebedstijdenpagin h2.headkalendereerste {
visibility: hidden;
} #post-243280>div>div>div>div.et_pb_section.et_pb_section_1.et_section_regular>div {
margin: 3px;
width: 98vw;
// height: 60vh;
}
#my-table>tbody>tr>td {
font-size: 1em;
padding: 0px;
margin: 0px;
} #my-table {
table-layout: fixed;
width: 98vw;
padding: 0;
margin: 0;
}
#my-table td {
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
#my-table tr {
font-size: 1em;
padding: 0;
margin: 0;
}
#my-table tr:nth-child(1) {
font-size: 0.5em;
}
#my-table tr th {
text-align: center !important;
padding: 0;
}
body * {
visibility: hidden;
}
.headtabelcalende {
width: 100vw;
visibility: visible !important;
margin-bottom: 0 auto !important;
text-align: center !important;
}
#printkalender,
#printkalender * {
visibility: visible;
}
#printkalender {
position: absolute;
left: 0;
right: 0;
top: 0;
padding: 0;
margin: -400px 0 0 0; }
.sc_item_title {
visibility: hidden;
}
td {
text-align: center
}
tbody td {
padding: 0
}
tbody tr:nth-child(odd) {
background-color: #dae1f3;
color: #fff;
-webkit-print-color-adjust: exact
}
.red {
background-color: #1f3763 !important;
color: #fff !important;
-webkit-print-color-adjust: exact
}
.red th,
.red td {
color: #fff !important;
-webkit-print-color-adjust: exact
}
#my-table {
width: 100%
}
.headtabelcalende {
text-align: center;
font-weight: 900;
font-size: 3.5rem;
color: #1f3763
}
.foottabelcalende {
text-align: center;
font-weight: 300;
font-size: .7rem;
color: #1f3763
}
table {
border-collapse: collapse
}
tr:first-of-type {
border-bottom: 1px solid #000;
border-top: 1px solid #000
}
} @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
.kaarten {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap; background: #121a25;
}
.kaarten .containerkaart {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap; margin: 0 0;
}
.kaarten .containerkaart .card {
position: relative;
min-width: 360px;
height: 560px;
box-shadow: inset 5px 5px 5px rgba(170, 136, 0, 0.8),
inset -5px -5px 15px rgba(255, 255, 255, 0.1),
5px 5px 15px rgba(170, 136, 0, 0.8), -5px -5px 15px rgba(255, 255, 255, 0.1);5px 15px rgba(255, 255, 255, 0.1);
border-radius: 15px;
margin: 30px;
transition: 0.5s;
}
.kaarten .containerkaart .card:nth-child(1) .box .content a {
background: #2196f3;
}
.kaarten .containerkaart .card:nth-child(2) .box .content a {
background: #e91e63;
}
.kaarten .containerkaart .card:nth-child(3) .box .content a {
background: #23c186;
}
.kaarten .containerkaart .card .box {
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
background: #2a2b2f;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
transition: 0.5s;
}
.kaarten .containerkaart .card .box:hover {
transform: translateY(-50px);
}
.kaarten.containerkaart .card .box:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background: rgba(255, 255, 255, 0.03);
}
.kaarten .containerkaart .card .box .content {
padding: 20px;
text-align: center;
}
.kaarten .containerkaart .card .box .content h2 {
position: absolute;
top: 10px;
right: 30px;
font-size: 8rem;
color: rgba(255, 255, 255, 0.1);
}
.kaarten .containerkaart .card .box .content h3 {
font-size: 1.8rem;
color: #fff;
z-index: 1;
transition: 0.5s;
margin-bottom: 0px;
position: absolute;
tekst-align: left;
display: flex;
justify-content: left;
align-items: center;
flex-wrap: wrap;
top: 110px;
}
.kaarten .containerkaart .card .box .content p {
font-size: 1rem;
font-weight: 300;
color: rgba(255, 255, 255, 0.9);
z-index: 1;
transition: 0.5s;
margin-top: 140px;
}
.kaarten .containerkaart .card .box .content ul {
font-size: 0.71em;
font-weight: 200;
color: rgba(255, 255, 255, 0.9);
z-index: 1;
transition: 0.5s;
padding-top: 15px;
}
.kaarten .containerkaart .card .box .content a {
position: relative;
display: inline-block;
padding: 8px 20px;
background: black;
border-radius: 5px;
text-decoration: none;
color: white;
margin-top: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
transition: 0.5s;
}
.kaarten .containerkaart .card .box .content a:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
background: #fff;
color: #000;
}
.container2 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 0px 0px;
}
.container2 .aaa { grid-area: 1 / 1 / 2 / 3;
color: white;
text-align: center;
width: 40%}
.container2 .bbb { grid-area: 1 / 2 / 2 / 3;
color: white;
text-align: center;}
.container2 {
background-color: rgba(38,166,91,0.90);
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 0px 0px;
padding-top: 160px;
margin: -400px;
position: relative;
z-index: -1;
}
.kaarten .containerkaart .card .box .content img {
width: 120px;
height: 120px;
border-radius: 100%;
overflow: hidden;
z-index: 0;
position: relative; border: 3px solid rgba(170, 136, 0, 0.8);
transition: all 0.4s ease; } .kaarten .containerkaart .card .box .content h5 {
tekst-align: left;
margin-left: 0;
color: white;
padding-top: 0;
margin-bottom: 15px;
display: flex;
justify-content: left;
align-items: center;
flex-wrap: wrap;
position: absolute;
top: 70px;
}
.kaarten .containerkaart .card .box .content li {
margin: 0;
padding: 0 0 10px 0;
list-style: arabic-indic;
border: 0; text-decoration: none;
color: inherit;
line-height: 1.5em;
}
.subleden .emaill {
position: relative;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: 20px; }
.subleden .emaill .material-icons {
color: var(--primary-geel);
}
.emaillm .material-icons {
color: var(--primary-geel);
background-color: transparent;
font-size: 2em;
}
.emaillm A{
padding: 0px !important;
margin: 0px !important;
background: TRANSPARENT !important;
box-shadow: none !important;
} .cpops-powered-by {
visibility: hidden;
}
#cpops-floating-cart {
bottom: 100px;
right: 30px;
visibility: hidden;
}
.woocommerce-shop>#cpops-floating-cart, .woocommerce>#cpops-floating-cart {
visibility: visible;
}
@media (max-width: 480px), (orientation: landscape) and (max-height: 480px) {
#cpops-floating-cart {
right: 15px;
}
}
.woocommerce-info  {
background-color: var(--primary-groen) !important;
}
.woocommerce-error  {
background-color: var(--primary-groen) !important;
}
.single_add_to_cart_button  {
overflow: hidden !important;
position: relative !important;
padding: 20px 15px !important;
border-radius: 30px !important;
cursor: pointer !important;
font-weight: bold !important;
border: none !important;
transition: all 0.5s ease-in-out  !important;
z-index: 1 !important;
color: var(--primary-groen) !important;
box-shadow: inset 0px 0px 3px var(--primary-groen) !important;
background-color: #EFEFEF;
}
.single_add_to_cart_button:before {
content: '';
display: inline-block;
transform: translateY(50%);
left: 0;
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
background-color: var(--primary-groen) ;
z-index: -1;
transition: transform ease 1s;
}
.single_add_to_cart_button:hover {
color: white;
transition: color 0.1s ease;
transition-delay: 0.2s;
}
.single_add_to_cart_button:hover:before {
transform: translateY(-45%);
}
@media only screen and (max-width: 600px) {
.single_add_to_cart_button  {
font-size: 1em !important;
}
.et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart {
display: flex;
}
} #post-245251 .main_title {
text-align: center !important;
}
div.avatar img {
max-width: 74px;
height: 74px;
}
#post-245251 {
margin-top: 50px;
margin-bottom: 80px;
}
.woocommerce-checkout .et_pb_row.et_pb_row_1 .et_pb_column_2 {
visibility: visible;
}
.woocommerce-checkout .et_pb_row.et_pb_row_1 .et_pb_column_1 {
width: 100%;
}
.et_pb_column .et_pb_column_1_2 .et_pb_column_2 .et_pb_css_mix_blend_mode_passthrough .et-last-child {
visibility: visible !important;
}