/*

Theme Name:

Author URI: https://www.qstylez.nl/

Author: QStylez - Maaike Tol

Version: 1.0

*/

html {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
}
body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    color: white;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    width: 100%;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
.grecaptcha-badge {
    display: none;
}
/* Assistive text */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute !important;
    height: 1px;
    width: 1px;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}
:focus {
    outline: 0
}
a.post-edit-link {
    display: none
}
textarea, input[type="submit"] {
    -webkit-appearance: none;
}
ul, ol {
    padding: 0;
    margin: 0;
    list-style-position: inside;
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1.2;
}
h1 {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 2rem;
}
h2 {
    margin-top: 0;
    margin-bottom: 16px;
    line-height: 40px;
    font-size: 32px;
}
h3 {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 1.5rem;
}
h4 {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 1.25rem;
}
b, strong {
    font-weight: 700;
}
p, li, a {
    line-height: 24px;
    color: white;
}
p {
    margin: 16px 0px;
}
a {
    text-decoration: none;
}
li {
    line-height: 24px;
}
a.n-btn {
    text-decoration: underline;
    font-weight: 500;
    font-size: 16px;
    transition: .1s ease-in-out;
}
a.n-btn:hover, section.footer-layer .inner>div>div ul>li a:hover {
    color: #C4D1FD;
}
.home-link {
    position: relative;
    display: block;
    width: 100%;
    max-width: 200px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    padding-right: 2px;
    /* Don't cut off the webkit search cancel button */
    width: 100%;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: none;
    vertical-align: top;
}
img {
    border-style: none;
}
img, video {
    height: auto;
    max-width: 100%;
}
section:after, article:after, .clear:after, #inner-header:after, .row:after, .social:after, .site-info:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.bg-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.sub-contentlaag {
    position: relative;
    padding: 40px 0px;
}
div#navbar {
    order: 4;
    flex-basis: 100%;
    width: 100%;
}
div#navbar ul {
    max-height: 0;
    overflow: hidden;
    transition: .3s ease-in-out;
}
/*--------------------------------------------------------------

Alignments

--------------------------------------------------------------*/

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: ;
}
:-moz-placeholder {
    color: ;
}
::-moz-placeholder {
    color: ;
}
:-ms-input-placeholder {
    color: ;
}
/**

 * Standaard

 * ----------------------------------------------------------------------------

 */

.inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
}
.flexbox-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.c-btn {
    text-decoration: none;
    transition: .1s ease-in-out;
    display: table;
    border: 2px solid #4361EE;
    border-radius: 4px;
    padding: 12px 30px;
    line-height: 19px;
    font-size: 16px;
    margin-top: 16px;
    font-weight: 500;
}
.c-btn:hover {
    background: #4361EE;
}
header#masthead .nav-layer>.inner ul.extra-menu, header#masthead .nav-layer>.inner .c-btn {
    display: none;
}
header#masthead .nav-layer>.inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
header#masthead a.home-link {
    width: 166px;
    height: 50px;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
header#masthead {
    padding-top: 30px;
}
body.home div#main {
    padding-top: 120px;
    padding-bottom: 80px;
}
div#main {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Jozef-achtergrond.svg) no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
footer#contact {
    position: relative;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/BG-footer-e1675342371613.jpg) no-repeat;
    background-size: cover;
    background-position: 100% 0%;
    padding: 40px 0px;
    padding-bottom: 0;
}
section.meta-laag {
    background: #1A152B;
    position: relative;
    padding: 24px 0px;
}
section.footer-layer {
    padding-bottom: 40px;
}
.snel-naar-box h4, .over-ons-box h4, .contact-box h4 {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    padding: 24px 0px;
    position: relative;
    padding-left: 24px;
}
.snel-naar-box h4:before, .over-ons-box h4:before, .contact-box h4:before {
    content: '';
    display: block;
    width: 2px;
    height: 26px;
    background: #4361EE;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.snel-naar-box h4:after, .over-ons-box h4:after, .contact-box h4:after {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 10px;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/arrow-down.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    right: 0;
    top: 26px;
    transition: .2s ease-in-out;
}
h4.active:after {
    transform: rotate(180deg);
}
section.footer-layer .inner>div>div.active ul {
    max-height: 600px;
}
section.footer-layer .inner>div>div ul>li a {
    line-height: 1;
    transition: .1s ease-in-out;
}
section.footer-layer .inner>div>div ul>li {
    flex-basis: 100%;
    width: 100%;
    line-height: 1;
}
section.footer-layer .inner>div>div ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
section.footer-layer .inner>div>div.active ul {
    max-height: 600px;
    margin-bottom: 24px;
}
.snel-naar-box ul, .over-ons-box ul, .contact-box ul {
    max-height: 0;
    overflow: hidden;
    transition: .2s ease-in-out;
}
.snel-naar-box, .over-ons-box, .contact-box {
    flex-basis: 100%;
    width: 100%;
    border-top: 1px solid #FFFFFF1A;
}
.contact-box {
    border-bottom: 1px solid #FFFFFF1A;
    margin-bottom: 16px;
}
.meta-laag ul li:last-of-type:after {
    opacity: 0;
}
.meta-laag ul li:after {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background: #FFFFFF80;
    position: absolute;
    right: -12px;
    top: 0;
}
.meta-laag ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
}
section.meta-laag ul li, .meta-laag ul li a {
    color: #FFFFFF80;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    position: relative;
    transition: .1s ease-in-out;
}
.meta-laag ul li a:hover {
    color: white;
}
.agenda-item-content h3 {
    margin-bottom: 0;
}
section.post-type-detail.agenda-single .ticket-box {
    order: -1;
    flex-basis: 100%;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}
span.agenda-thumb-single {
    border-radius: 8px 8px 0px 0px;
    display: block;
    width: 100%;
    height: 241px;
    background-size: cover !important;
    background-position: center center !important;
}
.agenda-ticket p.uitverkocht {
    margin: 0;
    border-radius: 4px;
    display: table;
    z-index: 2;
    background: #F25B05;
    font-weight: 600;
    margin-top: 16px;
    padding: 12px 30px;
    line-height: 27px;
    width: 100%;
    text-align: center;
}
.parent-pageid-63 .agenda-single .text-box .text h2 {
    font-size: 26px;
    line-height: 34px;
    margin: 0;
}
.agenda-ticket h3 {
    font-size: 16px;
    line-height: 1;
    color: black;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.agenda-ticket {
    position: relative;
    padding: 20px;
    background: white;
    border-radius: 0px 0px 8px 8px;
}
.agenda-ticket a.c-btn {
    background: #4361EE;
    width: 100%;
    text-align: center;
    line-height: 23px;
}
.agenda-ticket a.c-btn:hover {
    background: #28367f;
    border: 2px solid #28367f;
}
body:not(.home) div#main {
    background-position: 50% 0%;
    background-size: cover;
}
section.post-type-detail.agenda-single .text-box span.datum {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
}
section.post-type-detail.agenda-single .text-box {
    flex-basis: 100%;
    width: 100%;
}
section.post-type-detail.agenda-single .text-box h1 {
    font-size: 28px;
    line-height: 28px;
}
ul.agenda-informatie-single {
    margin-bottom: 60px;
}
ul.agenda-informatie-single li:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: blue;
    margin-right: 8px;
}
ul.agenda-informatie-single li {
    display: flex;
    flex-basis: 100%;
    width: 100%;
    align-items: center;
}
section.zoeken-layer div.filter input {
    position: relative;
}
.zoeken-layer form.searchandfilter ul {
    align-items: flex-end;
}
section.zoeken-layer div.filter li.sf-field-submit {
    flex-basis: auto;
    width: auto;
}
section.zoeken-layer div.filter li.sf-field-submit input {
    width: auto;
    border: 2px solid #4361ee;
    border-radius: 4px;
    padding-left: 20px !important;
    margin-left: auto !important;
    display: block;
    padding-right: 20px;
}
.zoeken-layer .searchandfilter label {
    width: calc(100% - 24px);
}
.resultaten .search-filter-results div.zoek-resultaat {
    flex-basis: 100%;
    width: 100%;
    border-bottom: 1px solid #FFFFFF1A;
    padding-bottom: 24px;
}
.resultaten .search-filter-results {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
section.zoeken-layer div.filter {
    margin-bottom: 40px;
}
section.zoeken-layer {
    position: relative;
    padding-bottom: 80px;
    padding-top: 24px;
}
ul.agenda-informatie-single {
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 32px;
}
section.content-layer .text-box p a:hover {
    color: #C4D1FD;
}
.extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok:nth-of-type(2) {
    display: none;
}
section.post-type-detail.fotos-single .afbeeldingen-wrapper li a {
    display: block;
    width: 100%;
    height: 100%;
}
section.post-type-detail.fotos-single .afbeeldingen-wrapper li {
    position: relative;
    transition: .1s ease-in-out;
}
section.post-type-detail.fotos-single .afbeeldingen-wrapper li:hover {
    opacity: .8;
}
section.fotos-overzicht-wrapper .foto-resultaten .foto-resultaat .foto-content .c-btn {
    margin-left: auto;
    margin-right: auto;
    color: #4361EE;
}
section.error404 .inner p {
    margin-bottom: 0;
}
section.error404 h1 {
    font-size: 34px;
}
section.error404 {
    position: relative;
    padding-bottom: 120px;
    padding-top: 64px;
}
section.fotos-overzicht-wrapper .foto-resultaten .foto-resultaat .foto-content .c-btn:hover {
    color: white;
}
section.fotos-overzicht-wrapper .foto-resultaten .foto-resultaat .foto-content h2 {
    font-size: 16px;
    margin: 0;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
}
section.fotos-overzicht-wrapper .foto-resultaten .foto-resultaat .foto-content {
    display: block;
    background: #E6E5F5;
    position: relative;
    text-align: center;
    color: #030303;
    padding: 20px;
    border-radius: 0px 0px 8px 8px;
}
section.fotos-overzicht-wrapper .foto-resultaten .foto-resultaat span {
    display: block;
    width: 100%;
    height: 160px;
    background-color: tomato !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 8px 8px 0px 0px;
}
section.fotos-overzicht-wrapper .foto-resultaten .foto-resultaat {
    position: relative;
    flex-basis: 100%;
    width: 100%;
}
section.fotos-overzicht-wrapper .foto-resultaten {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
section.fotos-overzicht-wrapper {
    position: relative;
    padding-bottom: 80px;
    padding-top: 24px;
}
section.post-type-detail.fotos-single .afbeeldingen-wrapper li a span {
    display: block;
    width: 100%;
    height: 160px;
    text-align: center;
    line-height: 160px;
    background: #03030399;
    font-size: 24px;
    font-weight: 500;
}
section.post-type-detail.fotos-single .afbeeldingen-wrapper li:nth-of-type(2) {
    margin-right: 16px;
}
section.post-type-detail.fotos-single .afbeeldingen-wrapper li:nth-of-type(2), section.post-type-detail.fotos-single .afbeeldingen-wrapper li:nth-of-type(3) {
    width: calc(50% - 8px);
    height: 160px;
    float: left;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-top: 16px;
}
section.post-type-detail.fotos-single .afbeeldingen-wrapper li:nth-of-type(n+4) {
    display: none;
}
section.post-type-detail.fotos-single .afbeeldingen-wrapper li:first-of-type {
    width: 100%;
    height: 240px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
section.post-type-detail.fotos-single .afbeeldingen-wrapper {
    overflow: hidden;
    clear: both;
    width: 100%;
}
.page-template-sub-content .text-box ul li a:hover {
    text-decoration: underline;
}
.page-template-sub-content .text-box ul li {
    margin: 8px 0px;
}
.page-template-sub-content .text-box ul li a {
    padding: 8px 0px;
    display: inline;
    position: relative;
}
.page-template-sub-content .text-box ul {
    list-style-type: disc;
}
section.post-type-detail.fotos-single {
    position: relative;
    padding: 80px 0px;
    padding-top: 24px;
}
section.extra-info-blokken .inner {
    padding: 0;
}
.extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/01/info-bg-1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
    padding: 40px 24px;
}
.extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok>div {
    margin: 16px 0px;
}
.extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok h4 strong {
    font-weight: 700;
}
.extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok h4 {
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
}
.extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok:nth-of-type(2) {
    display: none;
}
section.extra-info-blokken .inner {
    padding: 0;
}
.extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/01/info-bg-1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
    padding: 40px 24px;
}
.extra-info-blokken div.info-blok:nth-of-type(1) a.c-btn {
    background: white;
    border: 2px solid white;
    color: #4361EE;
}
.extra-info-blokken div.info-blok:nth-of-type(1) a.c-btn:hover {
    background: #e6e5f5;
    border: 2px solid #e6e5f5;
}
.extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok:nth-of-type(2) .c-btn:hover {
    background: #28367f;
    border: 2px solid #28367f;
}
.page-id-22 section.subHeader h1 {
    font-size: 38px;
}
section.header-afb-layer div.image-wrapper span.single-image:nth-of-type(2) {
    display: none;
}
section.header-afb-layer div.image-wrapper span.single-image {
    display: block;
    width: 100%;
    height: 216px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
section.header-afb-layer div.image-wrapper {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 24px;
    margin-bottom: 40px;
}
.acties-box {
    margin-top: 32px;
}
.acties-box h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 24px;
}
.acties-wrapper.flexbox-wrapper .va-item h3 {
    font-size: 24px;
    line-height: 1;
}
.page-id-192 span.search-btn {
    display: none;
}
.acties-wrapper.flexbox-wrapper {
    gap: 8px;
    padding-bottom: 80px;
}
.acties-wrapper.flexbox-wrapper .va-item {
    flex-basis: calc(50% - 4px);
    width: calc(50% - 4px);
    height: 264px;
}
ul.agenda-informatie-single li.price:before {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/tickets.svg) no-repeat;
    background-size: 19px;
    background-position: center center;
}
ul.agenda-informatie-single li.clock:before {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Layer-2.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}
.single-verenigingsacties .agenda-ticket, .parent-pageid-63 .agenda-ticket {
    background: #E6E5F5;
}
.single-verenigingsacties .agenda-single .text-box .text, .parent-pageid-63 .agenda-single .text-box .text {
    margin-bottom: 60px;
}
.agenda-single .text-box .text>*:last-child {
    margin-bottom: 0;
}
.zaal-item .zaal-content .text-box>div>*:last-child {
    margin-bottom: 0;
}
.zaal-item .zaal-content .text-box>div>*:first-child {
    margin-top: 0;
}
.zaal-item .zaal-content .text-box>strong {
    font-size: 18px;
    line-height: 30px;
}
.zaal-item .zaal-content span.zaal-title-bg {
    position: absolute;
    font-size: 50px;
    font-weight: 700;
    line-height: 52px;
    color: #FFFFFF0D;
    top: -40px;
}
.zaal-item .zaal-img {
    display: block;
    width: 100%;
    height: 216px;
    border-radius: 4px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 32px;
}
.zalen-box .zaal-wrapper .zaal-item {
    flex-basis: 100%;
    width: 100%;
    position: relative;
    margin-top: 40px;
}
.page-id-115 .zaal-img {
    display: none;
}
.page-id-115 .zalen-box .zaal-wrapper .zaal-item:nth-of-type(n+2) {
    margin-top: 80px;
}
.zaal-content .text-box .c-btn {
    margin-top: 32px;
}
.zalen-box .zaal-wrapper .zaal-item:nth-of-type(n+2) {
    margin-top: 120px;
}
.zaal-wrapper.flexbox-wrapper {
    padding-bottom: 80px;
}
section.only-content-layer .text-box>*:last-child {
    margin-bottom: 0;
}
section.only-content-layer {
    position: relative;
    padding-bottom: 40px;
}
/**

 * Start - Menu button - telefoon/ipad

 * ----------------------------------------------------------------------------

 */

.menu span {
    background: #132628;
    height: 2px;
}
.menu {
    width: 30px;
    height: 26px;
    order: 2;
    position: relative;
    align-self: center;
    margin-left: auto;
}
header.site-header div.menu .close-btn span:nth-of-type(2) {
    transform: rotate(-45deg);
    top: 50%;
}
header.site-header div.menu .close-btn span:nth-of-type(1) {
    transform: rotate(45deg);
    top: 50%;
}
header.site-header div.menu {
    overflow: hidden;
    cursor: pointer;
}
header.site-header div.menu.open .close-btn {
    top: 0;
}
header.site-header div.menu .close-btn {
    position: absolute;
    height: 26px;
    width: 30px;
    transition: .1s ease-in-out;
    top: 26px;
}
div#navbar.open ul {
    max-height: 1000px;
}
header.site-header div.menu.open .open-btn {
    top: -26px;
}
header.site-header div.menu .open-btn {
    position: absolute;
    top: 0;
    width: 30px;
    height: 26px;
    transition: .1s ease-in-out;
}
header.site-header div.menu .open-btn span:nth-of-type(3) {
    width: 80%;
}
.menu span {
    position: absolute;
    width: 100%;
    transition: .3s ease-in-out;
}
.menu span:nth-of-type(1) {
    top: 2px;
}
.menu span:nth-of-type(2) {
    top: 12px;
}
.menu span:nth-of-type(3) {
    bottom: 2px;
}
header#masthead {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
}
section.overlay-menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Home.svg) no-repeat;
    z-index: 999;
    top: 0;
    pointer-events: none;
    opacity: 0;
    transition: .2s ease-in-out;
    display: block;
    background-size: cover;
    display: none;
    background-position: center top;
}
section.overlay-menu.open {
    opacity: 1;
    pointer-events: all;
    display: block;
}
section.overlay-menu .hidden-desktop .c-btn {
    margin: 0;
}
section.overlay-menu .hidden-desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
    margin-left: 24px;
    margin-right: 24px;
}
header.site-header .overlay-menu div.menu .close-btn {
    top: 0;
}
div#navbar ul ul.sub-menu {
    max-height: 0;
    overflow: hidden;
    margin: 0;
}
div#navbar ul li a {
    margin: 0;
    font-weight: 500;
    line-height: 1;
    transition: .1s ease-in-out;
}
div#navbar ul li a:hover {
    color: #C4D1FD;
}
div#navbar ul li.menu-item-has-children>a {
    pointer-events: none;
}
div#navbar ul li {
    flex-basis: 100%;
    width: 100%;
    border-top: 1px solid #FFFFFF1A;
}
div#navbar ul li a {
    padding: 24px 0px;
    display: block;
}
div#navbar ul li ul.sub-menu li {
    padding-left: 16px;
}
section.overlay-menu .hidden-desktop.social-media a {
    margin: 0px 10px;
}
div#navbar ul li ul.sub-menu li:last-of-type {
    border-bottom: 0;
}
div#navbar ul li.open ul.sub-menu {
    max-height: 600px;
}
li.menu-item-has-children.open>a:after {
    transform: rotate(180deg);
    top: 20px;
}
div#navbar ul li {
    padding-left: 8px;
}
section.overlay-menu .hidden-desktop.social-media {
    position: absolute;
    bottom: 40px;
    justify-content: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    flex-basis: 100%;
    left: 0;
    right: 0;
}
.overlay-menu .social-media a.insta {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Icon-feather-instagram.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
    width: 22px;
    height: 22px;
}
.overlay-menu .social-media a.facebook {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Icon-awesome-facebook-f.svg) no-repeat;
    background-size: contain;
    background-position: center right;
    width: 22px;
    height: 22px;
    display: block;
}
li.menu-item-has-children>a {
    position: relative;
}
li.menu-item-has-children>a:after {
    transition: .1s ease-in-out;
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/arrow-down-purple.svg) no-repeat;
    background-size: contain;
    right: 16px;
    top: 27px;
    transform: rotate(0deg);
}
div#navbar ul li:last-of-type {
    border-bottom: 1px solid #FFFFFF1A;
}
div#navbar ul {
    max-height: initial;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}
.agenda-wrapper.uitgelicht .agenda-item>.agenda-content a {
    display: table;
    border: 2px solid #4361EE;
    border-radius: 4px;
    padding: 12px 30px;
    line-height: 19px;
    font-size: 16px;
    margin-top: 16px;
    font-weight: 500;
}
.site-main {
    margin-top: -90px;
}
header#masthead {
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
    transition: .1s ease-in-out;
    padding: 8px 0px;
    background: #171428;
    transition: .1s ease-in-out;
    background: transparent;
}
header#masthead.background {
    background: #171428;
}
header#masthead {
    margin-top: 24px;
}
.agenda-wrapper.uitgelicht .agenda-item>.agenda-content a:hover {
    background: #4361EE;
}
form.searchandfilter ul>li>ul>li:hover label {
    background: #4361EE;
}
form.searchandfilter ul>li>ul>li, form.searchandfilter ul>li>ul>li label, form.searchandfilter ul>li>ul>li input {
    cursor: pointer;
    transition: .1s ease-in-out;
}
span.datum {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    display: table;
}
.agenda-wrapper.uitgelicht .agenda-item>.agenda-content h2 span {
    font-weight: 400;
}
.agenda-wrapper.uitgelicht .agenda-item>.agenda-content h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 8px;
}
.agenda-wrapper.uitgelicht .agenda-item>a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}
.agenda-wrapper.uitgelicht {
    margin-bottom: 56px;
}
section.subHeader h1 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 0;
}
body.post-type-archive-agenda form.searchandfilter {
    margin-top: 40px;
    margin-bottom: 40px;
}
section.post-type-results {
    padding-bottom: 80px;
}
section.subHeader {
    position: relative;
    padding: 16px 0px;
}
.agenda-wrapper.uitgelicht .agenda-item {
    border-radius: 8px;
    height: 454px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.agenda-wrapper.uitgelicht .agenda-item:nth-of-type(n+2) {
    display: none;
}
.uitgelicht .agenda-item div.agenda-content {
    position: relative;
    z-index: 2;
}
.uitgelicht .agenda-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 277px;
    left: 0;
    bottom: 0;
    background: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,151c2a+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(21, 28, 42, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(21, 28, 42, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(21, 28, 42, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6151c2a', GradientType=0);
}
section.verenigingsacties-layer {
    margin-top: 80px;
}
section.verenigingsacties-layer .title-box .n-btn {
    display: none;
}
section.verenigingsacties-layer .title-box h2 {
    margin-bottom: 32px;
}
.item-slider {
    width: calc(100% + 24px);
}
.item-slider .owl-stage {
    padding-left: 0 !important;
}
.va-item a .single-content h3 {
    margin: 0;
    font-size: 32px;
    line-height: 40px;
}
.va-item a .single-content {
    display: block;
    position: relative;
    z-index: 2;
    padding: 20px;
}
.va-item a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 277px;
    left: 0;
    bottom: 0;
    background: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,151c2a+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(21, 28, 42, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(21, 28, 42, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(21, 28, 42, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6151c2a', GradientType=0);
}
.item-slider .owl-nav {
    margin-top: 0;
    width: 80px;
}
.owl-nav div:nth-of-type(2) {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Icon-material-arrow_back-1.svg) no-repeat;
    background-position: center center;
}
.owl-nav div:nth-of-type(1) {
    margin-right: 8px;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Icon-material-arrow_back.svg) no-repeat;
    background-position: center center;
}
.owl-nav div {
    width: 32px;
    height: 20px;
    display: table;
    color: transparent;
}
.owl-nav {
    display: flex;
    flex-wrap: nowrap;
}
.owl-dots>div {
    height: 1px;
    background: #9a8ea3;
    flex-grow: 2;
}
.owl-dots>div.active {
    height: 3px;
    background: #c4d1fd;
}
div.owl-carousel.item-slider {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.owl-dots {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-basis: calc(100% - 128px);
}
.item-slider .owl-nav {
    width: 80px;
    order: 2;
    margin-right: 24px;
}
.item-slider .owl-stage-outer {
    margin-bottom: 32px;
}
section.subHeader p#breadcrumbs span, section.subHeader p#breadcrumbs a {
    color: #FFFFFF80;
    font-weight: 300;
    line-height: 1;
}
section.subHeader p#breadcrumbs {
    margin: 0;
    font-size: 14px;
    line-height: 1;
    margin-top: 32px;
    margin-bottom: 40px;
}
section.subHeader {
    padding-top: 90px;
}
.va-item a .single-thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 8px;
}
.page-template-sub-lid-worden section.subHeader div, .page-template-sub-contact section.subHeader div {
    margin-top: 16px;
    margin-bottom: 24px;
}
.left.form-box {
    background: #4361EE;
    background-position: center center;
    position: relative;
    padding: 32px 16px;
    border-radius: 8px;
}
.contact-layer .right.text-box ul:nth-of-type(1) li:nth-of-type(2):before {
    content: '';
    display: block;
    width: 18px;
    height: 16px;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Icon-material-email.svg) no-repeat;
    margin-right: 8px;
    background-size: contain;
    background-repeat: no-repeat;
}
.contact-layer .right.text-box ul:nth-of-type(1) li:nth-of-type(1):before {
    content: '';
    display: block;
    width: 18px;
    height: 16px;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/telefoon.svg) no-repeat;
    margin-right: 8px;
    background-size: contain;
    background-position: center center;
}
.contact-layer .right.text-box ul:nth-of-type(1) li {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.contact-layer .right.text-box ul li {
    flex-basis: 100%;
    width: 100%;
}
.contact-layer .right.text-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.contact-layer .right.text-box li a {
    text-decoration: underline;
    transition: .1s ease-in-out;
}
.contact-layer .right.text-box li a:hover {
    color: #C4D1FD;
}
.contact-layer .right.text-box h4:nth-of-type(2) {
    margin-top: 40px;
}
.contact-layer .right.text-box {
    flex-basis: 100%;
    width: 100%;
    margin: 40px 0px;
}
section.contact-layer {
    padding-bottom: 40px;
}
.ginput_container_consent input:checked {
    background: white !important;
}
body.page-template-sub-lid-worden .ginput_container_consent input {
    cursor:pointer;
}
body.page-template-sub-lid-worden .ginput_container_consent input:checked {
    background: #4361EE !important;
    border-color: #4361EE !important;
}
.ginput_container_consent label {
    font-size: 14px;
    line-height: 18px;
    width: calc(100% - 20px);
}
.ginput_container_consent input {
    width: 14px;
    border: 1px solid white;
    appearance: none;
    padding: 0;
    height: 14px;
    margin: 0;
    margin-right: 10px;
}
form input::placeholder, form textarea::placeholder {
    color: white;
}
form input, form textarea {
    background: none;
    padding-left: 0 !important;
}
label.gfield_label {
    display: none !important;
}
.ginput_container_consent {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
legend.gfield_label.gfield_label_before_complex {
    font-weight: 400 !important;
    font-size: 14px !important;
}
textarea, input {
    font-family: 'Poppins', sans-serif;
}
.form-box h2.gform_title {
    display: none;
}
div.menu span {
    background: #FFFFFF;
}
div.menu {
    margin-left: 24px;
}
span.search-btn {
    display: block;
    width: 24px;
    height: 24px;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Icon-ionic-ios-search.svg) no-repeat;
    align-self: center;
    margin-left: auto;
    background-size: contain;
    background-position: center center;
    cursor: pointer;
    transition: .1s ease-in-out;
}
span.search-btn:hover {
    opacity: .8;
}
.nav-layer .menu:hover div {
    opacity: .8;
}
.va-item a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.va-item {
    height: 320px;
    border-radius: 8px;
    position: relative;
}
.footer-layer .logo-box .social-media a:nth-of-type(1) {
    margin-right: 24px;
}
.footer-layer .logo-box .social-media a {
    width: 22px;
    height: 22px;
}
.logo-box .social-media a.insta {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Icon-feather-instagram.svg) no-repeat;
    background-size: contain;
    background-position: center center;
}
.logo-box .social-media a.facebook {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Icon-awesome-facebook-f.svg) no-repeat;
    background-size: contain;
    background-position: center right;
}
.footer-layer .logo-box .social-media {
    display: flex;
}
.footer-layer .logo-box .c-btn {
    display: none;
}
.footer-layer .logo-box .site-logo {
    display: block;
    width: 207px;
    height: 62px;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.footer-layer .logo-box {
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.agenda-item.flexbox-wrapper .agenda-item-informatie>a span {
    display: none;
}
.agenda-item.flexbox-wrapper .agenda-item-informatie>a span.cart-item {
    display: block;
    width: 26px;
    height: 26px;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/g2007.svg) no-repeat;
    background-size: contain;
    background-position: 50% 0%;
}
.agenda-item.flexbox-wrapper .agenda-item-informatie>a span.info-item {
    display: block;
    width: 26px;
    height: 26px;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/03/info_icon_white.png) no-repeat;
    background-size: contain;
    background-position: 50% 0%;
}
.agenda-item.flexbox-wrapper .agenda-item-informatie>ul {
    display: none;
}
.agenda-item.flexbox-wrapper .agenda-item-informatie {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
}
.agenda-item.flexbox-wrapper .agenda-thumb {
    width: 88px;
    height: 114px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 8px;
    margin-right: 16px;
    position: relative;
}
span.agenda-thumb span.uitverkocht {
    border-radius: 0px 0px 8px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #F25B05;
    font-size: 12px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    padding: 10px 8px;
    line-height: 1;
}
form.searchandfilter ul>li>ul>li {
    margin-right: 4px;
}
form.searchandfilter ul>li {
    position: relative;
}
form.searchandfilter ul>li input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    appearance: none;
    border-bottom: 0;
}
form.searchandfilter ul>li>ul>li:nth-of-type(1) {
    display: none;
}
form.searchandfilter ul>li {
    padding: 0;
}
form.searchandfilter ul {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}
form.searchandfilter {
    flex-wrap: nowrap;
    margin-bottom: 32px;
    margin-top: 24px;
}
section.overlay-search {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .1s ease-in-out;
    pointer-events: none;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Home.svg) no-repeat;
}
section.overlay-search.open {
    opacity: 1;
    pointer-events: all;
    z-index: 1000;
}
.overlay-search .filter {
    max-width: 400px;
}
span.close-search-btn {
    display: block;
    width: 20px;
    cursor: pointer;
    height: 20px;
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/close.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 24px;
    transition: .1s ease-in-out;
    top: 40px;
}
span.close-search-btn:hover {
    opacity: .8;
}
section.overlay-search .inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter ul li h4 {
    color: #4361EE;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 0;
    position: relative;
    display: table;
}
.filter, .filter ul, .filter ul li {
    width: 100%;
}
.overlay-search form.searchandfilter ul>li label {
    width: 100%;
}
.overlay-search form.searchandfilter ul>li input {
    position: relative;
    border-bottom: 1px solid #FFFFFF80;
}
.overlay-search form.searchandfilter ul>li input::placeholder {
    color: #FFFFFF80;
}
.overlay-search form.searchandfilter ul {
    flex-wrap: wrap;
}
.overlay-search form.searchandfilter ul>li input:focus {
    border-bottom: 1px solid white;
}
.overlay-search li.sf-field-submit input {
    border: 1px solid #4361EE !important;
    margin-top: 32px;
    padding: 0;
    border-radius: 30px;
    line-height: 17px;
    display: block;
    font-size: 16px;
    transition: .1s ease-in-out;
}
.overlay-search li.sf-field-submit input:hover {
    background-color: #4361EE;
}
.overlay-search input[type="submit"] {
    background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Icon-ionic-ios-search.svg) no-repeat;
    background-position: 64% 50%;
}
form#search-filter-form-191 {
    margin: 0;
}
form.searchandfilter ul>li>ul>li.sf-option-active label {
    background: #4361EE;
}
form.searchandfilter ul>li>ul>li label {
    padding: 16px 24px !important;
    display: table;
    background: #241A3A;
    border-radius: 4px;
    font-weight: 600;
    line-height: 1;
}
.agenda-wrapper.uitgelicht .agenda-item .agenda-content span.uitverkocht {
    border-radius: 4px;
    display: table;
    z-index: 2;
    background: #F25B05;
    font-weight: 600;
    margin-top: 16px;
    padding: 12px 30px;
    line-height: 19px;
}
.agenda-wrapper.uitgelicht .agenda-item>span.uitverkocht {
    border-radius: 4px;
    position: absolute;
    right: 24px;
    top: 24px;
    z-index: 2;
    background: #F25B05;
    font-size: 12px;
    padding: 11px 20px;
    line-height: 1;
    font-weight: 600;
}
.agenda-item-content {
    flex-basis: calc(100% - 104px);
}
.agenda-item-content p {
    margin: 0;
}
.agenda-item.flexbox-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}
.agenda-item.flexbox-wrapper .agenda-item-informatie>a:hover {
    color: #C4D1FD;
    transition: .1s ease-in-out;
}
.agenda-item.flexbox-wrapper .agenda-item-informatie>a {
    text-decoration: underline;
}
.agenda-item.flexbox-wrapper .agenda-item-informatie>p.uitverkocht {
    display: none;
}
.agenda-item.flexbox-wrapper:last-of-type {
    margin-bottom: 0;
}
section.agenda-layer .n-btn {
    margin-top: 40px;
    display: table;
}
.gform_wrapper .gform_validation_errors h2 {
    color: white;
}
.gform_wrapper .gform_validation_errors {
    margin: 0;
    margin-bottom: 24px;
    background: #c02b0a;
    color: white !important;
}
.form-box .gform_wrapper .gfield_error [aria-invalid=true] {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-color: #c02b0a;
}
.contact-layer .right.text-box h2 {
    font-size: 22px;
    line-height: 31px;
}
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    background: #c02b0a;
    border: 0;
    padding: 8px !important;
    color: white;
    font-weight: bold;
    display: table !important;
    width: auto !important;
}
.agenda-item.flexbox-wrapper {
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #FFFFFF1A;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
/**

 * Einde - Menu button - telefoon/ipad

 * ----------------------------------------------------------------------------

 */

/**

 * Entry Content

 * ----------------------------------------------------------------------------

 */

.entry-content {}
.entry-content a {}
.entry-content a:hover {}
.entry-content a, .entry-title a {
    text-decoration: none;
}
.entry-title a:hover {}
/**

 * Navigatie

 * ----------------------------------------------------------------------------

 */

/**

 * Forms

 * ----------------------------------------------------------------------------

 */

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    z-index: 100;
    padding: 0;
    border: 0;
    background: transparent;
    right: 10px;
    left: auto;
    top: 0px;
    font-size: 0.8rem;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    display: none !important;
}
form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
form p {
    margin: 0;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 10px;
}
form input, form textarea {
    width: 100%;
    color: white;
    border: 0;
    resize: none;
    font-size: 15px;
    padding: 10px;
    border-bottom: 1px solid #FFFFFF80;
}
form input:focus, form textarea:focus {
    border-bottom: 1px solid white;
}
.gform_footer.top_label input {
    margin: 0 !important;
    background: #FFFFFF;
    border: 0;
    padding: 8px 30px !important;
    color: #4361EE;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    transition: .1s ease-in-out;
    display: table;
    width: auto;
}
.gform_footer.top_label input:hover {
    background: #C4D1FD;
}
form textarea {
    height: 130px;
}
.ajax-loader {
    position: absolute;
}
form input.wpcf7-form-control.wpcf7-submit {
    display: table;
    text-decoration: none;
    font-size: 15px;
    transition: .1s ease-in-out;
    width: auto;
    line-height: 2;
    margin-top: 0;
}
.acties-wrapper.flexbox-wrapper .va-item {
    border-radius: 4px;
    overflow: hidden;
}
/**

 * Media Queries

 * ----------------------------------------------------------------------------

 */

@media (min-width:680px) {}
@media (min-width:768px) {
    .sub-contentlaag {
        padding: 40px 0px;
    }
    header#masthead a.home-link {
        width: 227px;
        max-width: initial;
        height: 68px;
    }
    .single-verenigingsacties .agenda-single .text-box .text h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .single-verenigingsacties .agenda-single .text-box .text {
        margin-bottom: 0;
    }
    .resultaten .search-filter-results {
        gap: 40px;
    }
    section.overlay-menu .hidden-desktop {
        margin-top: 64px;
    }
    .resultaten .search-filter-results div.zoek-resultaat {
        padding-bottom: 40px;
    }
    .resultaten .search-filter-results div.zoek-resultaat a .c-btn {
        margin: 0;
        margin-left: auto;
    }
    .resultaten .search-filter-results div.zoek-resultaat a h2 {
        flex-basis: 60%;
        width: 60%;
        margin: 0;
    }
    .resultaten .search-filter-results div.zoek-resultaat a {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    section.zoeken-layer div.filter {
        margin-bottom: 80px;
        max-width: 480px;
    }
    section.fotos-overzicht-wrapper .foto-resultaten .foto-resultaat span {
        height: 200px;
    }
    section.fotos-overzicht-wrapper .foto-resultaten {
        gap: 32px;
    }
    section.fotos-overzicht-wrapper .foto-resultaten .foto-resultaat {
        flex-basis: calc(50% - 16px);
        width: calc(50% - 16px);
    }
    section.post-type-detail.fotos-single .afbeeldingen-wrapper li:first-of-type {
        height: 400px;
    }
    section.post-type-detail.fotos-single .afbeeldingen-wrapper li:nth-of-type(2), section.post-type-detail.fotos-single .afbeeldingen-wrapper li:nth-of-type(3) {
        height: 240px;
    }
    section.post-type-detail.fotos-single .afbeeldingen-wrapper li a span {
        height: 240px;
        line-height: 240px;
        font-size: 44px;
    }
    .single-verenigingsacties .text-box .purple-bg {
        border-radius: 8px;
    }
    form#gform_1, form#gform_2 {
        display: block;
    }
    .gform_footer.top_label input {
        line-height: 31px;
        margin-top: 32px !important;
    }
    .gform_footer.top_label {
        padding: 0 !important;
    }
    .gform_wrapper.gravity-theme .gform_fields {
        grid-column-gap: 40px !important;
    }
    .gform_wrapper.gravity-theme .gfield textarea.small {
        height: 72px !important;
    }
    .contact-layer .right.text-box h4 {
        font-size: 22px;
        line-height: 31px;
    }
    .left.form-box {
        padding: 40px;
    }
    .page-id-115 .zaal-item .zaal-content {
        width: 100%;
        margin: 0;
    }
    section.only-content-layer {
        padding-bottom: 80px;
    }
    .page-id-115 .zaal-item .zaal-content span.zaal-title-bg {
        font-size: 78px;
    }
    .page-id-115 section.header-afb-layer div.image-wrapper {
        margin-bottom: 0;
    }
    .zaal-item {
        gap: 80px;
    }
    .parent-pageid-63 .text-box .purple-bg {
        border-radius: 8px;
    }
    .zaal-item .zaal-content {
        width: calc(50% - 40px);
        margin-top: 24px;
    }
    .zaal-item .zaal-img {
        width: calc(50% - 40px);
        min-height: 469px;
        margin-bottom: 0;
    }
    .zalen-box .zaal-wrapper .zaal-item:nth-of-type(n+2) .zaal-img {
        order: 2;
    }
    .zalen-box .zaal-wrapper .zaal-item:nth-of-type(n+2) {
        margin-top: 196px;
    }
    .zaal-item .zaal-content span.zaal-title-bg {
        font-size: 98px;
        left: 0;
        top: -56px;
    }
    .zaal-wrapper.flexbox-wrapper {
        padding-bottom: 120px;
    }
    .zalen-box .zaal-wrapper .zaal-item {
        margin-top: 196px;
    }
    .page-id-115 .zalen-box .zaal-wrapper .zaal-item:nth-of-type(1) {
        margin-top: 136px;
    }
    section.content-layer .text-box>*:last-child {
        margin-bottom: 0;
    }
    section.subHeader p#breadcrumbs {
        margin-top: 64px;
    }
    section.post-type-detail.agenda-single .ticket-box {
        max-width: 398px;
    }
    .acties-wrapper.flexbox-wrapper {
        padding-bottom: 120px;
    }
    section.header-afb-layer div.image-wrapper span.single-image:nth-of-type(1) {
        display: block;
        border-radius: 0px 8px 8px 0px;
    }
    section.header-afb-layer div.image-wrapper span.single-image:nth-of-type(2) {
        display: block;
        border-radius: 8px 0px 0px 8px;
    }
    section.header-afb-layer div.image-wrapper {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
    }
    section.header-afb-layer div.image-wrapper span.single-image {
        width: 50%;
        flex-basis: 50%;
        height: 280px;
    }
    section.header-afb-layer div.image-wrapper {
        margin-bottom: 60px;
    }
    .acties-box {
        margin-top: 80px;
    }
    .acties-box h2 {
        margin-bottom: 32px;
    }
    .text-box .purple-bg {
        background: #534E6D;
        position: relative;
        padding: 40px;
        border-radius: 8px 8px 0px 0px;
    }
    .extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok {
        flex-basis: 100%;
        width: 100%;
        padding: 40px;
    }
    .extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok .c-btn {
        margin-top: 32px;
        color: black !important;
    }
    .extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok h4 strong {
        display: table;
    }
    .extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok h4 {
        font-size: 28px;
        line-height: 36px;
    }
    .extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok:nth-of-type(2) .c-btn {
        background: #4361EE;
        color: white !important;
    }
    .extra-info-blokken-wrapper.flexbox-wrapper>div.info-blok:nth-of-type(2) {
        display: block;
    }
    .extra-info-blokken-wrapper.flexbox-wrapper div.info-blok:nth-of-type(2) {
        color: black;
        background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/01/info-bg-2.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .extra-info-blokken-wrapper.flexbox-wrapper {
        gap: 16px;
    }
    .text-box .text>*:last-child {
        margin-bottom: 0;
    }
    .text-box .text>*:first-child {
        margin-top: 24px;
    }
    .text-box .text strong {
        font-size: 18px;
        line-height: 30px;
    }
    ul.agenda-informatie-single li {
        flex-basis: auto;
        width: auto;
    }
    ul.agenda-informatie-single li span {
        color: #030303;
    }
    ul.agenda-informatie-single {
        background: #E6E5F5;
        margin: 0;
        border-radius: 0px 0px 8px 8px;
        position: relative;
        padding: 24px 40px;
        color: #030303;
        display: flex;
        gap: 32px;
    }
    section.post-type-detail.agenda-single .text-box h1 {
        font-size: 44px;
        line-height: 48px;
    }
    section.post-type-detail.agenda-single .text-box span.datum {
        font-size: 26px;
        line-height: 48px;
    }
    section.extra-info-blokken .inner {
        padding: 0px 24px;
    }
    section.extra-info-blokken {
        padding-top: 80px;
    }
    section.subHeader {
        padding-top: 108px;
    }
    .agenda-wrapper.uitgelicht {
        margin-bottom: 64px;
        clear: both;
        overflow: hidden;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(1) {
        width: 50%;
        float: left;
        clear: both;
        overflow: hidden;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(3) {
        border-radius: 0px 0px 8px 0px;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(2) {
        border-radius: 0px 8px 0px 0px;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(1) {
        border-radius: 8px 0px 0px 8px;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(2), .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(3) {
        display: flex;
        width: 50%;
        float: right;
        height: 351px;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(1) {
        width: 50%;
        float: left;
        clear: both;
        overflow: hidden;
        height: 702px;
    }
    header#masthead {
        padding-top: 8px;
    }
    header#masthead {
        margin-top: 32px;
    }
    .site-main {
        margin-top: -116px;
    }
    body.home div#main {
        padding-top: 148px;
        padding-bottom: 80px;
    }
    div.owl-carousel.item-slider {
        width: 100%;
    }
    .item-slider .owl-nav {
        margin-right: 0;
    }
    .item-slider .owl-stage-outer {
        margin-bottom: 0;
        border-radius: 8px;
    }
    .va-item {
        border-radius: 0;
        height: 410px;
    }
    .va-item a .single-thumbnail {
        border-radius: 0;
    }
}
@media (min-width: 769px) {}
@media (min-width: 1024px) {
    .agenda-item.flexbox-wrapper .agenda-thumb {
        width: 180px;
        height: 137px;
    }
    .nav-layer .c-btn:after {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 40px;
        background: #8E8A95;
        right: -34px;
    }
    .nav-layer .overlay-menu span.search-btn {
        margin-left: auto;
        margin-right: 24px;
    }
    section.post-type-detail.fotos-single .afbeeldingen-wrapper li:nth-of-type(3) span {
        height: 100%;
        line-height: 287px;
    }
    section.post-type-detail.fotos-single .afbeeldingen-wrapper li:nth-of-type(2) {
        margin-right: 0;
        margin-top: 0;
    }
    section.post-type-detail.fotos-single .afbeeldingen-wrapper li:nth-of-type(3), section.post-type-detail.fotos-single .afbeeldingen-wrapper li:nth-of-type(2) {
        float: right;
        width: calc(35% - 8px);
        height: 287px;
    }
    section.post-type-detail.fotos-single .afbeeldingen-wrapper li:first-of-type {
        width: calc(65% - 8px);
        height: 590px;
        float: left;
    }
    section.post-type-detail.agenda-single>.flexbox-wrapper .ticket-box {
        order: 2;
        margin-bottom: 0;
    }
    .contact-layer>.inner {
        gap: 40px;
        flex-wrap: nowrap;
    }
    .contact-layer .right.text-box {
        flex-basis: auto;
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
    }
    .left.form-box {
        background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/contact-form-bg.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    section.post-type-detail.agenda-single>.flexbox-wrapper {
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 16px;
    }
    .single-agenda footer.site-footer, .single-verenigingsacties footer.site-footer, .parent-pageid-63 footer.site-footer {
        padding-top: 124px !important;
    }
    section.extra-info-blokken {
        margin-bottom: -64px;
        z-index: 2;
        position: relative;
    }
    .extra-info-blokken-wrapper.flexbox-wrapper {
        flex-wrap: nowrap;
    }
    .nav-layer .menu {
        margin-left: 0;
    }
    header#masthead .nav-layer>.inner {
        justify-content: center;
        align-items: center;
    }
    .nav-layer ul.extra-menu li a {
        font-weight: 600;
        transition: .1s ease-in-out;
    }
    .nav-layer ul.extra-menu li {
        margin-left: 40px;
    }
    .nav-layer span.search-btn {
        margin-left: 40px;
    }
    .nav-layer ul.extra-menu {
        margin-left: auto;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie a {
        position: relative;
    }
    header#masthead .nav-layer>.inner .c-btn {
        margin-left: 32px;
        margin-top: 0;
        margin-right: 64px;
        position: relative;
    }
    header#masthead .nav-layer>.inner ul.extra-menu, header#masthead .nav-layer>.inner .c-btn {
        display: flex;
        align-items: center;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie {
        position: relative;
        margin-left: auto;
        width: auto;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie>a {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: auto;
        flex-basis: auto;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie>a span.cart-item {
        margin-left: 0;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie>a span.info-item {
        margin-left: 0;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie>ul li:nth-of-type(1) {
        display: flex;
        align-items: center;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie>ul li:nth-of-type(1):after {
        content: '';
        display: block;
        width: 1px;
        height: 15px;
        background: white;
        margin-right: 16px;
        margin-left: 16px;
    }
    ul.extra-menu li a:hover {
        color: #C4D1FD;
    }
    .agenda-item.flexbox-wrapper .agenda-item-content h3 {
        transition: .1s ease-in-out;
    }
    .agenda-item.flexbox-wrapper:hover .agenda-item-content h3 {
        text-decoration: underline;
        color: #C4D1FD;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie>a:hover span {
        color: #C4D1FD;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie>a span {
        display: block;
        text-decoration: underline;
        font-weight: 600;
        transition: .1s ease-in-out;
        margin-left: 10px;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie>p.uitverkocht {
        display: block;
        align-items: center;
        font-weight: 600;
        margin: 0;
    }
    .agenda-item-content {
        flex-basis: 50%;
    }
}
@media (min-width: 1025px) {}
@media (min-width:1160px) {
    .sub-contentlaag {
        padding: 64px 0px;
    }
    body.home div#main {
        padding-top: 166px;
        background-size: 101%;
        background-attachment: fixed;
    }
    div#navbar ul {
        margin-top: 160px;
    }
    div#navbar ul li.menu-item-has-children>a {
        pointer-events: all;
    }
    section.agenda-layer .inner>h2 {
        display: none;
    }
    .agenda-wrapper.uitgelicht {
        margin-bottom: 140px;
    }
    section.overlay-search.open {
        z-index: 100000;
    }
    div#navbar .left-menu ul li:last-of-type {
        border: 0;
    }
    li.menu-item-has-children>a:after {
        display: none;
        opacity: 0;
    }
    div#navbar .nav-menu>li>a {
        font-size: 22px;
        font-weight: 700;
    }
    ul#menu-desktop-menu-links, ul#menu-desktop-menu-rechts {
        width: auto;
        height: auto;
    }
    .left-menu ul.menu ul.sub-menu li a, .right-menu ul.menu ul.sub-menu li a {
        font-size: 16px !important;
        line-height: 22px !important;
        color: #b5b0bd;
        font-weight: 400 !important;
        padding: 8px 0px !important;
    }
    div#navbar .right-menu ul li.c-btn:hover a {
        background: #4361EE;
        color: white;
    }
    div#navbar .right-menu ul li.c-btn:hover {
        background: none;
    }
    div#navbar .right-menu ul li.c-btn a {
        background: transparent;
        text-decoration: none;
        transition: .1s ease-in-out;
        display: table;
        border: 2px solid #4361EE;
        border-radius: 4px;
        padding: 12px 30px;
        line-height: 19px;
        font-size: 16px;
        margin-top: 16px;
        font-weight: 500;
    }
    div#navbar .right-menu ul li:last-of-type {
        border-bottom: 0;
        margin-top: 0;
    }
    .desktop-menu-rechts {
        max-width: 240px;
    }
    .right-menu li.c-btn a {
        margin-top: 32px !important;
    }
    .right-menu li.c-btn {
        border-top: 1px solid #FFFFFF1A !important;
        margin-top: 8px !important;
    }
    .right-menu {
        float: right;
        width: 50%;
    }
    .left-menu {
        float: left;
        width: 50%;
    }
    .left-menu ul.menu>li a, .right-menu ul.menu>li a {
        font-size: 22px;
        font-weight: 600 !important;
    }
    div#navbar ul.nav-menu {
        display: block;
        clear: both;
        overflow: hidden;
    }
    /* div#navbar ul.nav-menu > li:nth-of-type(1), div#navbar ul.nav-menu > li:nth-of-type(2), div#navbar ul.nav-menu > li:nth-of-type(3), div#navbar ul.nav-menu > li:nth-of-type(4) {

    float: left;

    width: 50%;

    flex-basis: 50%;

}

div#navbar ul.nav-menu > li:nth-of-type(5), div#navbar ul.nav-menu > li:nth-of-type(6), div#navbar ul.nav-menu > li:nth-of-type(7) {

    float: right;

    width: 50%;

    flex-basis: 50%;

} */
    div#navbar ul.nav-menu>li {
        width: 50%;
        flex-basis: 50%;
        float: left;
    }
    section.overlay-menu:after {
        content: '';
        position: absolute;
        max-width: 970px;
        height: calc(100% - 164px);
        background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/Filantropisch_Concert.jpg) no-repeat;
        bottom: 0;
        right: 0;
        visibility: visible;
        width: 50vw;
        background-size: cover;
        background-position: center center;
    }
    header#masthead {
        margin-top: 40px;
    }
    section.error404 p {
        font-size: 20px;
    }
    section.overlay-menu .hidden-desktop {
        display: none;
    }
    section.nav-layer>.inner {
        z-index: 10000;
    }
    section.overlay-menu {
        padding-top: 124px;
    }
    div#navbar ul li ul.sub-menu li {
        padding: 0;
    }
    div#navbar ul li ul.sub-menu {
        max-height: initial;
    }
    div#navbar ul li {
        border: 0;
        padding: 0;
    }
    div#navbar {
        width: 50%;
    }
    section.error404 h1 {
        font-size: 56px;
        line-height: 64px;
    }
    section.overlay-search {
        background-size: 103%;
        background-position: 50% 0%;
    }
    section.fotos-overzicht-wrapper {
        padding-bottom: 120px;
    }
    section.fotos-overzicht-wrapper .foto-resultaten {
        gap: 40px;
    }
    section.fotos-overzicht-wrapper .foto-resultaten .foto-resultaat span {
        height: 212px;
    }
    section.fotos-overzicht-wrapper .foto-resultaten .foto-resultaat {
        flex-basis: calc(33.33% - 26.6667px);
        width: calc(33.33% - 26.6667px);
    }
    section.post-type-detail.fotos-single {
        padding-bottom: 160px;
    }
    .page-template-sub-lid-worden section.subHeader div, .page-template-sub-contact section.subHeader div {
        margin-top: 32px;
        margin-bottom: 40px;
    }
    .page-id-102 .left.form-box input, .page-id-102 .left.form-box textarea, .page-id-102 .left.form-box input::placeholder, .page-id-102 .left.form-box textarea::placeholder {
        color: #251835;
    }
    .page-id-102 .left.form-box input, .page-id-102 .left.form-box textarea {
        color: #251835;
        border-bottom: 1px solid #534E6D4D;
    }
    .page-id-102 .left.form-box input:focus, .page-id-102 .left.form-box textarea:focus {
        border-bottom: 1px solid #4361EE;
    }
    .page-id-102 .gform_footer.top_label input:hover {
        background: #3a55d5;
    }
    .page-id-102 .gform_footer.top_label input {
        background: #4361EE;
        color: white;
    }
    input#input_2_9_1:checked {
        background: #534E6D4D !important;
    }
    .gform_wrapper.gravity-theme .ginput_container_date input {
        width: 100%;
    }
    .page-id-102 .contact-layer .right.text-box {
        flex-basis: 377px;
        width: 377px;
    }
    .page-id-102 .contact-layer .right.text-box p {
        font-size: 16px;
        line-height: 30px;
    }
    .contact-layer .right.text-box h2 {
        font-size: 22px;
        line-height: 31px;
    }
    input#input_2_9_1 {
        border: 1px solid #534E6D4D;
    }
    .page-id-102 .left.form-box {
        background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/lid-worden.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        color: #251835;
    }
    section.contact-layer {
        padding-bottom: 160px;
    }
    .gform_wrapper.gravity-theme .gform_fields {
        grid-row-gap: 24px !important;
    }
    .zaal-item .zaal-content span.zaal-title-bg {
        font-size: 113px;
    }
    section.only-content-layer {
        padding-bottom: 120px;
        padding-top: 40px;
    }
    .left.form-box {
        flex-basis: 925px;
        width: 925px;
    }
    .contact-layer .right.text-box {
        flex-basis: 290px;
        width: 290px;
    }
    .contact-layer .right.text-box ul {
        gap: 16px;
    }
    .contact-layer>.inner {
        gap: 64px;
    }
    .zaal-item .zaal-content {
        margin-top: 32px;
    }
    .page-id-115 .zalen-box .zaal-wrapper .zaal-item:nth-of-type(n+2) {
        margin-top: 120px;
    }
    .site-main {
        margin-top: -124px;
    }
    section.subHeader {
        padding-top: 116px;
    }
    .page-id-22 section.subHeader h1 {
        font-size: 54px;
        line-height: 52px;
    }
    body:not(.home) div#main {
        background-size: cover;
    }
    section.header-afb-layer div.image-wrapper span.single-image {
        height: 340px;
    }
    .page-template-sub-overons section.subHeader .inner, .page-template-sub-overons .sub-content .inner, .page-template-sub-zaalhuur section.subHeader .inner, .page-template-sub-zaalhuur .sub-content .inner, .page-template-sub-verenigingsactie section.subHeader .inner, .page-template-sub-verenigingsactie .sub-content .inner {
        max-width: 892px;
    }
    section.content-layer .text-box>p, section.content-layer .text-box>ul li {
        margin: 24px 0px;
    }
    section.content-layer .text-box>*:last-child {
        margin-bottom: 0;
    }
    section.content-layer .text-box>*:first-child {
        margin-top: 0;
    }
    section.content-layer .text-box>p:first-of-type strong {}
    section.content-layer .text-box p {
        font-size: 16px;
        line-height: 30px;
    }
    section.content-layer .text-box p strong {
        font-size: 18px;
        line-height: 30px;
    }
    .acties-wrapper.flexbox-wrapper .va-item {
        flex-basis: calc(33.33% - 6px);
        width: calc(33.33% - 6px);
    }
    .text-box .purple-bg {
        padding: 56px;
    }
    section.post-type-detail.agenda-single .text-box span.datum {
        line-height: 1;
    }
    .text-box .text p {
        margin: 24px 0px;
    }
    .text-box .text>*:first-child {
        margin-top: 32px;
    }
    ul.agenda-informatie-single {
        padding: 24px 56px;
    }
    section.extra-info-blokken {
        padding-top: 104px;
        margin-bottom: -80px;
    }
    .single-agenda footer.site-footer, .single-verenigingsacties footer.site-footer, .parent-pageid-63 footer.site-footer {
        padding-top: 140px !important;
    }
    .post-type-archive-agenda div#main {
        background-size: 101%;
        background-position: 100% 0%;
    }
    section.subHeader h1 {
        font-size: 54px;
        line-height: 52px;
    }
    section.post-type-results {
        padding-bottom: 120px;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(n+2) {
        display: flex;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(2), .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(3) {
        display: flex;
        width: 25%;
        float: right;
        height: 347px;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(3) {
        border-radius: 0;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(4) {
        border-radius: 0px 0px 8px 0px;
        overflow: hidden;
        height: 355px;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(1)>.agenda-content h2 span {
        display: table;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(n+5) {
        display: none;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(1)>.agenda-content h2 {
        font-size: 44px;
        line-height: 41px;
    }
    .agenda-wrapper.uitgelicht .agenda-item>.agenda-content h2 {
        line-height: 28px;
    }
    .agenda-wrapper.uitgelicht .agenda-item>span.uitverkocht {
        right: 20px;
        top: 20px;
    }
    h2 {
        font-size: 44px;
        line-height: 52px;
    }
    .agenda-item.flexbox-wrapper .agenda-thumb {
        margin-right: 40px;
    }
    .agenda-item-content h3 {
        font-size: 32px;
        line-height: 40px;
    }
    span.datum {
        font-weight: 300;
    }
    .agenda-item-content p {
        margin-top: 8px;
    }
    form.searchandfilter {
        margin-bottom: 40px;
    }
    .agenda-item.flexbox-wrapper {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .agenda-item.flexbox-wrapper .agenda-item-informatie>ul {
        display: flex;
        align-items: center;
        margin-right: 40px;
    }
    span.agenda-thumb span.uitverkocht {
        width: fit-content;
        border-radius: 4px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%);
        bottom: initial;
        padding: 10px 21px;
    }
    section.verenigingsacties-layer .title-box {
        margin-bottom: 40px;
    }
    section.verenigingsacties-layer .title-box h2 {
        margin-bottom: 0;
    }
    section.verenigingsacties-layer .title-box .n-btn {
        display: block;
        align-self: center;
        margin-left: auto;
    }
    footer#contact {
        padding-top: 80px;
        background: url(https://www.jozefvolendam.nl/wp-content/uploads/2023/02/footer-bg-scaled.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .footer-layer .hidden-desktop {
        display: none;
    }
    .footer-layer .flexbox-wrapper {
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    section.footer-layer {
        padding-bottom: 112px;
    }
    section.footer-layer .inner>div>div ul {
        gap: 20px;
    }
    .footer-layer .logo-box, .snel-naar-box, .over-ons-box, .contact-box {
        flex-basis: 25%;
        width: 25%;
        padding-left: 32px;
        margin-bottom: 0;
        border: 0;
        position: relative;
    }
    .footer-layer .logo-box:before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 500px;
        background: rgb(154 142 163 / 25%);
        top: -80px;
        left: 0;
    }
    footer#contact {
        overflow: hidden;
    }
    .snel-naar-box:before, .over-ons-box:before, .contact-box:before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 500px;
        background: rgb(154 142 163 / 25%);
        top: -80px;
        left: 0px;
    }
    .contact-box:after {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 500px;
        background: rgb(154 142 163 / 25%);
        top: -80px;
        right: 0px;
    }
    .meta-laag ul li:nth-of-type(2):after {
        display: none;
    }
    .meta-laag ul li:nth-of-type(2) {
        order: 4;
        margin-left: auto;
    }
    .meta-laag ul li:first-of-type:after {
        display: none;
    }
    .meta-laag ul li:first-of-type {
        margin-right: auto;
    }
    .meta-laag ul {
        justify-content: center;
    }
    .agenda-wrapper.uitgelicht .agenda-item {
        overflow: hidden;
    }
    .agenda-wrapper.uitgelicht .agenda-item:hover>.agenda-content a {
        margin-bottom: 0;
    }
    .agenda-wrapper.uitgelicht .agenda-item>.agenda-content a {
        margin-bottom: -67px;
        transition: .2s ease-in-out;
    }
    .footer-layer .logo-box {
        padding-left: 20px;
    }
    .snel-naar-box h4:before, .over-ons-box h4:before, .contact-box h4:before {
        height: 46px;
        left: -32px;
    }
    .footer-layer .logo-box {
        flex-wrap: wrap;
    }
    .footer-layer .btn-box.flexbox-wrapper {
        flex-basis: 100%;
        width: 100%;
        justify-content: flex-start;
        align-items: center;
        margin-top: 40px;
    }
    .footer-layer .logo-box .c-btn {
        display: block;
        margin: 0;
    }
    .footer-layer .logo-box .social-media {
        margin-left: 10px;
    }
    .footer-layer div h4:after {
        opacity: 0;
    }
    .snel-naar-box h4, .over-ons-box h4, .contact-box h4 {
        padding: 0;
        font-size: 22px;
        line-height: 31px;
    }
    section.zoeken-layer {
        padding-bottom: 120px;
    }
    .agenda-wrapper.uitgelicht .agenda-item:nth-of-type(1)>.agenda-content span.datum {
        font-size: 26px;
        line-height: 41px;
        font-weight: 300;
        margin: 16px 0px;
        margin-top: 8px;
    }
    .agenda-item.flexbox-wrapper>.flexbox-wrapper {
        align-items: flex-start;
        justify-content: space-between;
        flex-basis: calc(100% - 220px);
    }
    /* .agenda-item.flexbox-wrapper:hover a:after {

    content: '';

    display: block;

    position: absolute;

    width: calc(100% + 48px);

    left: -24px;

    height: calc(100% + 24px);

    top: -24px;

    background: #161021;

    z-index: 0;

} */
    .footer-layer .logo-box .site-logo {
        width: 226px;
        height: 68px;
    }
    .snel-naar-box ul, .over-ons-box ul, .contact-box ul {
        max-height: initial;
        margin-top: 24px;
    }
    section.meta-laag {
        padding: 13px 0px;
    }
}
@media (min-width:1440px) {}
@media (max-width: 1024px) {
    input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea {
        -webkit-appearance: none;
        border-radius: 0;
    }
    a[href^="tel"] {
        text-decoration: none;
    }
}
@media (max-width:500px) {
    .agenda-item-content {
        flex-basis: 100%;
    }
    div.agenda-item>.flexbox-wrapper {
        flex-basis: calc(100% - 108px);
    }
}