/*
Theme Name: Geerten Murre Tuinen
Theme URI: https://geertenmurretuinen.nl/
Author: Scherrenburg Development
Author URI: https://scherrenburgdevelopment.nl
Description: Maatwerk website voor Geerten Murre Tuinen
Version: 1.0
*/

/* ======================================
    Algemene styling
====================================== */

* { margin: 0; padding: 0; transition: 0.3s ease; text-decoration: none; color: inherit; list-style-type: none; box-sizing: border-box; }
html, body { font-family: "Radio Canada", sans-serif; font-size: 18px; color: var(--color4); background-color: var(--color3); font-weight: 400; }
img { display: block; max-width: 100%; height: auto; }
.clear { clear: both; }
main { position: relative; }
:root { --color1: #ffffff; --color2: #E3EBF3; --color3: #0B1B15; --color4: #000; --color5: #21382F; --color6: #00BF6F; --br_1: 10px; --br_2: 25px; --br_3: 10px; }
fieldset.hidden-fields-container { display: none; }

.maxw { max-width: 1350px; margin: 0 auto; padding: 0 20px; }

h1, .h1 { font-size: 49px; font-weight: 700; }
h2, .h2 { font-size: 40px; font-weight: 700; }
h3, .h3 { font-size: 27px; font-weight: 700; }
h4, .h4 { font-size: 25px; font-weight: 700; }
h5, .h5 { font-size: 22px; font-weight: 700; }
h6, .h6 { font-size: 18px; font-weight: 700; }

.btns { display: flex; gap: 25px; }
.btn { padding: 10px 30px; border-radius: var(--br_2); display: inline-block; text-align: center; }

.btn.btn_color1 { background-color: transparent; box-shadow: 0 0 0 1px var(--color1); color: var(--color1); }
.btn.btn_color1:hover { background-color: var(--color1); box-shadow: 0 0 0 1px var(--color1); color: var(--color4); }
.btn.btn_color2 { background-color: var(--color3); color: var(--color1); }
.btn.btn_color2:hover { box-shadow: 0 0 0 1px var(--color5); background-color: transparent; color: var(--color4); }
.btn.btn_color3 { background-color: var(--color6); color: var(--color1); }
.btn.btn_color3:hover { box-shadow: 0 0 0 1px var(--color1); background-color: transparent; color: var(--color1); }
.btn.btn_transparant { border: none; color: #fff; }
.btn.btn_transparant:hover { background-color: var(--color1); color: var(--color4); }

.btn i { margin: 0 0 0 15px; }

.dot { color: var(--color6); }
.line { background-color: #C1C1C1; height: 0.5px; }

/* =====================================
    Navigatie en header
====================================== */

.front_page, .page { background-repeat: no-repeat; background-size: cover; background-position: center; }
.overlay { padding: 75px 0; background-color: rgba(0, 0, 0, 0.45); }

header { background-color: var(--color1); }
.navbar { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; color: var(--color4); }
.logo { width: 180px; margin: 0 25px 0 0; display: block; }
.navbar nav { width: calc(100% - 180px); display: flex; justify-content: flex-end; }
.navbar nav ul > li { display: inline-block; margin: 0 15px 0 0; font-size: 16px; position: relative; font-weight: 500; }
.navbar .desktop_menu ul > li::after { content: ""; display: block; width: 100%; height: 3px; background-color: var(--color5); position: absolute; bottom: -5px; transition: 0.3s ease; left: 0; opacity: 0; border-radius: var(--br_1); }
.navbar .desktop_menu ul > li:hover::after, .navbar .desktop_menu ul > li.current-menu-item::after { opacity: 1; }
.navbar .desktop_menu .sub-menu li::after { display: none !important; content: none !important; }
.navbar nav ul > li:last-child { margin: 0; }
.navbar .desktop_menu ul:first-of-type > li:last-child > a { background-color: var(--color3) !important; padding: 10px 30px; border-radius: var(--br_2); margin: 0; position: static; color: var(--color1); font-weight: 500; }
.navbar .desktop_menu ul:first-of-type > li:last-child > a:hover { background-color: var(--color1) !important; box-shadow: 0 0 0 1px var(--color5); color: var(--color4); }
.navbar .desktop_menu ul:first-of-type > li:last-child::after { display: none; }

.navbar .desktop_menu .sub-menu { display: none; position: absolute; color: #fff; top: 100%; left: 0; background-color: var(--color3); z-index: 2; line-height: initial; min-width: 230px; border-radius: var(--br_1); }
.navbar .desktop_menu .sub-menu li { width: 100%; }
.navbar .desktop_menu .sub-menu li a { padding: 14px 15px; line-height: 14px; font-size: 16px; color: #fff !important; text-decoration: none; white-space: normal; display: block; width: 100%; }
.navbar .desktop_menu nav ul li:hover > .sub-menu, .navbar .desktop_menu .menu-item-has-children:hover > .sub-menu { display: block; }
.navbar .desktop_menu .sub-menu .sub-menu { top: 0; left: 100%; margin-left: 1px; border-radius: var(--br_1); }
.navbar .desktop_menu .sub-menu li:hover > .sub-menu { display: block; }
.navbar .desktop_menu .sub-menu li a:hover { background-color: var(--color1) !important; color: var(--color4) !important; }
.navbar .desktop_menu .sub-menu li:first-child > a { border-top-left-radius: var(--br_1); border-top-right-radius: var(--br_1); }
.navbar .desktop_menu .sub-menu li:last-child > a:after { content: none !important; }
.navbar .desktop_menu .sub-menu li:last-child > a { background-color: var(--color3) !important; padding: 14px 15px !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: var(--br_1) !important; border-bottom-left-radius: var(--br_1) !important; box-shadow: none !important; }
.navbar .desktop_menu .sub-menu li:last-child:hover > a { background-color: var(--color1) !important; }

.mobile_menu { display: none; overflow-y: auto; }
.mobile_logo_wrapper .maxw { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; }
#mobile-menu { overflow-y: auto; top: -100%; left: 0; position: fixed; height: 100%; width: 100%; background-color: var(--color1); z-index: 1; box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.24); visibility: hidden; opacity: 0; transition: top 0.3s ease, opacity 0.3s ease, visibility 0s linear 0.3s; }
#mobile-menu-toggle { cursor: pointer; font-size: 30px; display: none; }
#mobile-menu-toggle img { display: block; width: 25%; height: auto; }
#mobile-menu.active { visibility: visible; opacity: 1; top: 0; display: block; transition: top 0.3s ease, opacity 0.3s ease; }
#mobile-menu ul { width: 100%; display: flex; flex-direction: column; padding: 0; margin: 45px 0 0 0; }

#mobile-menu ul li { margin: 0; }
#mobile-menu ul li a { margin: 5px 0; background-color: var(--color6); color: #fff; border-radius: var(--br_2); display: flex; flex-wrap: wrap; font-weight: 500; font-size: 17px; padding: 7px 22px; }
#mobile-menu ul li a:hover { background: transparent; color: var(--color5); box-shadow: 0 0 0 1px var(--color5); }
#mobile-menu ul li .sub-menu { display: none; padding: 0; margin: 0; background: transparent; overflow: hidden; list-style-type: none; }
#mobile-menu ul li.submenu-open > .sub-menu { display: flex; padding: 0 0 0 15px; background-color: var(--color1); margin: 8px 0 0 0; }
#mobile-menu ul li.submenu-open > .sub-menu li { background: transparent; color: #000; margin: 0; }
#mobile-menu ul li.submenu-open > .sub-menu li:hover a { background-color: var(--color5); color: #fff; box-shadow: none; }
#mobile-menu ul li.submenu-open > .sub-menu li a { background-color: transparent; color: var(--color5); padding: 5px 15px; font-size: 15px; margin: 2px 0; }

.header_content { background-position: center; background-size: cover; background-repeat: no-repeat; color: var(--color1); font-weight: 600; position: relative; }
.header_content.frontpage .h1 { font-size: 49px; }
.header_content.frontpage p { margin: 0px 0 3px 0; font-weight: 500; font-family: "Radio Canada", sans-serif; }
.header_content.frontpage .btns { margin: 50px 0 0 0; }
.header_content.page > .overlay { padding: 50px 0; background-color: rgba(0, 0, 0, 0.45); }

.header_content .overlay { padding: 0; position: relative; }
.header_content .overlay .maxw { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.header_content .overlay .maxw .content_left { width: 55%; padding: 75px 0; }
.header_content .overlay .maxw > .content_right { width: 35%; display: flex; justify-content: flex-end; align-items: flex-end; }
.header_content .overlay .maxw > .content_right p { margin: 0 0 30px 0; font-weight: 600; text-align: right; font-size: 21px; line-height: 100%; color: var(--color1); }

/* =====================================
    Diensten
====================================== */

.diensten { padding: 75px 0; color: var(--color1); }
.diensten .content_left > div { font-weight: 500; font-size: 16px; font-style: italic; }
.diensten .content_left > h2 { margin: 0 0 75px 0; }
.diensten .content { display: flex; }
.diensten .items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: stretch; margin: 75px 0; }
.diensten .items .item { background-image: var(--afbeelding-url); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: var(--br_3); overflow: hidden; display: flex; flex-direction: column; min-height: 250px; position: relative; color: white; }
.diensten .items .item .overlay_dienst { background-color: rgba(0, 0, 0, 0.45); transition: 0.3s ease; padding: 35px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; }
.diensten .items .item .overlay_dienst h2 { font-size: 31px; font-weight: 600; }
.diensten .items .item .overlay_dienst div { color: var(--color1); text-decoration: none; font-weight: 400; margin: 3px 0 0 0; font-size: 16px; }
.diensten .items .item:hover .overlay_dienst { background-color: rgba(0, 0, 0, 0.55); }

/* =====================================
    Nieuwsberichten homepagina
====================================== */

.nieuws { color: var(--color1); padding: 75px 0; }
.nieuws > p { font-weight: 500; font-size: 16px; font-style: italic; }
.nieuws .items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 45px; margin: 75px 0; }
.nieuws .items .item { background-color: var(--color1); color: var(--color4); border-radius: var(--br_3); overflow: hidden; }
.nieuws .items .item .image { display: block; padding-top: 48%; background: var(--afbeelding-url) no-repeat center center / cover; }
.nieuws .items .item .inner { padding: 20px; }
.nieuws .items .item .inner h2 { font-size: 21px; margin: 0 0 5px 0; }
.nieuws .items .item .inner .btn.btn_color2 { font-size: 15px; padding: 8px 20px; margin: 15px 0 0 0; }
.nieuws .items .item .inner > div { font-size: 16px; }

/* =====================================
    Fotogalerij
====================================== */

.fotogalerij { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; width: 100%; }
.fotogalerij .gallery-item { aspect-ratio: 1 / 0.8; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: var(--br_1); transition: filter 0.3s ease, background-color 0.3s ease; }
.fotogalerij .gallery-item:hover { filter: brightness(0.5); }

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { padding: 40px; }
.f-thumbs__viewport { display: none; }
.fancybox__container, .fancybox__backdrop, .fancybox__content, .fancybox__slide, .fancybox__image, .fancybox__thumbs { transition: none !important; animation: none !important; transform: none !important; }
.fancybox__thumbs { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; }
.fancybox__slide:not(.is-selected) { opacity: 0 !important; visibility: hidden !important; }
.fancybox__slide.is-selected { opacity: 1 !important; visibility: visible !important; }

.f-button[title="Toggle zoom level"] {
  display: none;
}
.f-button[title="Toggle slideshow"] {
  display: none;
}
.f-button[title="Toggle thumbnails"] {
  display: none;
}


/* =====================================
    Algemeen content
====================================== */

.content { padding: 75px 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
.content .content_left { width: 50%; font-weight: 400; }
.content .content_left h1 { margin: 0 0 20px 0; color: var(--color6); }
.content .content_left p:first-of-type { margin: 0 0 1.8em 0; }
.content .content_left p { margin: 1.8em 0; font-family: "Radio Canada", sans-serif; font-weight: 400; }
.content .content_left p > a { color: var(--color5); text-decoration: underline; font-weight: 600; }
.content .content_left ol { list-style-type: disc; padding-left: 1.5rem; margin: 1.8em 0; font-family: "Radio Canada", sans-serif; }
.content .content_left ul { list-style-type: disc; padding-left: 1.5rem; margin: 1.8em 0; font-family: "Radio Canada", sans-serif; }
.content .content_left li { margin-bottom: 0.5rem; list-style-type: decimal; }
.content .content_right { width: 35%; }
.content .content_right > img { border-radius: var(--br_1); }

/* =====================================
    Dienstblok doorverwijzingen, losse pages
====================================== */

.content .content_left .dienst_doorverwijzing { background-color: var(--color3); padding: 30px; border-radius: var(--br_3); color: var(--color1); }
.content .content_left .dienst_doorverwijzing .kop { font-weight: 700; margin: 0 0 20px 0; font-size: 25px; }
.content .content_left .dienst_doorverwijzing .linkjes { display: flex; flex-direction: column; gap: 15px; }
.content .content_left .dienst_doorverwijzing .linkjes .btn { text-align: left; }

/* =====================================
    Contact block, contactpagina | (content_right)
====================================== */

.contact_block .overlay { background-color: var(--color3); padding: 35px; color: var(--color1); border-radius: var(--br_1); font-weight: 500; font-family: "Radio Canada", sans-serif; }
.contact_block > div { font-size: 16px; margin: 0 2px 0 0; }
.contact_block .overlay > div > i { color: var(--color6); padding: 0 15px 0 0; }
.contact_block .overlay > div:last-child { margin: 6px 0 0 0; }
.contact_block .h3 { font-size: 25px; }
.contact_block p { margin: 25px 0 0 0; font-size: 16px; }
.contact_block b { font-weight: 700; }

/* =====================================
    Footer
====================================== */

footer { color: var(--color1); font-weight: 500; }
footer .blocks { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 75px 0; }
footer .blocks .block .textunder_heading { font-size: 17px; font-weight: 500; font-style: italic; margin: 3px 0 0 0; }
footer .blocks .block .kop { font-weight: 700; margin: 0 0 20px; font-size: 21px; }
footer .blocks .block .direct_contact { margin: 50px 0 0 0; display: flex; flex-direction: column; }
footer .blocks .block .direct_contact a { background-color: var(--color1); font-size: 17px; padding: 9px 15px; color: var(--color4); font-weight: 500; border-radius: var(--br_3); }
footer .blocks .block .direct_contact a:hover { background-color: var(--color6); color: var(--color1); }
footer .blocks .block .direct_contact a:hover i { color: var(--color1); }
footer .blocks .block .direct_contact a:last-child { margin: 10px 0 0 0; }
footer .blocks .block .direct_contact a i { color: var(--color6); margin: 0 13px 0 0; }
footer .blocks .block > img { width: 125px; }

footer .blocks .block ul li { margin: 2px 0 0 0; }
footer .blocks .block ul li a:hover { color: var(--color6); }

footer .bottom { padding: 22px 0; font-size: 13px; font-weight: 500; font-family: "Radio Canada", sans-serif; display: flex; justify-content: space-between; }
footer .bottom div:last-child a:last-child { font-weight: 700; }

/* =====================================
    Nieuwsberichten archive page
====================================== */

.nieuwsberichten { color: var(--color1); padding: 75px 0; background-color: var(--color1); }
.nieuwsberichten > p { font-weight: 500; font-size: 16px; font-style: italic; }
.nieuwsberichten .items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 65px; }
.nieuwsberichten .items .item { background-color: var(--color1); color: var(--color1); border-radius: var(--br_3); overflow: hidden; }
.nieuwsberichten .items .item img { width: 100%; object-fit: cover; height: 200px; }
.nieuwsberichten .items .item .inner { padding: 20px; background-color: var(--color3); }
.nieuwsberichten .items .item .inner h2 { font-size: 21px; margin: 0 0 5px 0; }
.nieuwsberichten .items .item .inner .btn.btn_color2 { font-size: 15px; padding: 8px 20px; margin: 15px 0 0 0; background-color: var(--color1); color: #000; }
.nieuwsberichten .items .item .inner .btn.btn_color2:hover { box-shadow: 0 0 0 1px var(--color1); background: none; color: var(--color1); }
.nieuwsberichten .items .item .inner > div { font-size: 16px; }
.nieuwsberichten > .btns { margin: 0 0 75px 0; }

/* =====================================
    Single nieuwsbericht template
====================================== */

.nieuwsbericht_detail { background-color: var(--color1); }
.nieuwsbericht_detail .date { font-weight: 500; font-size: 19px; font-style: italic; margin: 0 0 5px 0; }

/* =====================================
    Contactinstellingen
====================================== */

.wpcf7-form p { font-size: 16px; }
.wpcf7-text, .wpcf7-textarea { border: 1px solid var(--color5); border-radius: var(--br_1); padding: 10px 15px; width: 100%; font-family: "Radio Canada", sans-serif; font-size: 17px; margin: 0 0 15px 0; background-color: transparent; resize: none; max-width: 500px; }
.wpcf7-text:focus, .wpcf7-textarea:focus { outline: none; }
.wpcf7-text::placeholder, .wpcf7-textarea::placeholder { color: var(--color4); font-family: "Radio Canada", sans-serif; font-size: 17px; }
.wpcf7 .post-password-form input[type="button"], input[type="submit"] { padding: 10px 25px; background-color: var(--color5); color: var(--color1); margin: 0; font-family: "Radio Canada", sans-serif; border: none; font-size: 17px; border-radius: var(--br_2); }
.wpcf7 .post-password-form input[type="button"]:hover, input[type="submit"]:hover { background-color: transparent; box-shadow: 0 0 0 1px var(--color5); color: var(--color5); }

p[role="status"][aria-live="polite"] { display: none !important; }
span.wpcf7-not-valid-tip { display: none !important; }
[aria-invalid="true"] { border-color: red !important; }
div.wpcf7-response-output { width: 100%; margin: 10px 0 0 !important; color: var(--color4); }
div.wpcf7-response-output.wpcf7-validation-errors { color: red; }

/* =====================================
    Responsive
====================================== */

@media screen and (max-width: 1350px) {
    .header_content .overlay .maxw > .content_right { right: 15px; }
}

@media screen and (max-width: 1215px) {
    .header_content .overlay .maxw .content_left { width: 100%; max-width: 80%; }
    .header_content .overlay .maxw .content_right { width: 0%; display: none; }
}

@media screen and (max-width: 1100px) {
    body { font-size: 15px; }
    h1, .h1 { font-size: 35px; font-weight: 600; }
    h2, .h2 { font-size: 33px; font-weight: 600; }
    h3, .h3 { font-size: 25px; font-weight: 600; }
    h4, .h4 { font-size: 23px; font-weight: 600; }
    h5, .h5 { font-size: 20px; font-weight: 600; }
    h6, .h6 { font-size: 15px; font-weight: 600; }
    .header_content.frontpage .h1 { font-size: 38px; }
    .navbar nav { display: none; }
    #mobile-menu-toggle { display: flex; gap: 10px; align-items: center; background-color: var(--color3); padding: 8px 15px; border-radius: var(--br_2); color: var(--color1); }
    #mobile-menu-toggle > div { font-weight: 400; font-size: 16px; }
    .nieuwsbericht_detail .date { font-size: 16px; }
}

@media screen and (max-width: 1050px) {
    .diensten .items { grid-template-columns: repeat(1, 1fr); }
}

@media screen and (max-width: 1000px) {
    .diensten { padding: 50px 0; }
    .diensten .content_left > h2 { margin: 0 0 50px 0; }
    .diensten .items { margin: 0 0 50px 0; }
    .content { padding: 50px 0; }
    .content .content_left { width: 100%; }
    .content .content_right { width: 100%; margin: 75px 0 0 0; display: flex; justify-content: center; }
    .content .content_right > img { width: 100%; max-width: 75%; }
    .header_content .overlay .maxw .content_left { padding: 50px 0; }
    .overlay { padding: 50px 0; }
    .header_content.page .page_header h1 { font-size: 40px; }
    .nieuws { padding: 50px 0; }
    .nieuws .items { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; margin: 50px 0;}
    .nieuws .items .item .image { padding-top: 20%; }
    .nieuwsberichten { padding: 50px 0; }
    .nieuwsberichten .items { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; }
    .nieuwsberichten .items .item .image { padding-top: 20%; }
    .contact_block { width: 100%; }
    footer .blocks { padding: 50px 0; }
    footer .blocks .block:first-child { margin: 0; }
    footer .blocks .block { width: 100%; margin: 35px 0 0 0; }
    footer .blocks .block > img { width: 115px; }
    footer .blocks .block .direct_contact { margin: 35px 0 0 0; display: grid; grid-auto-columns: max-content; }
    footer .bottom { padding: 15px 0 15px 0; font-size: 11px; }
}

@media screen and (max-width: 850px) {
    footer .bottom { display: flex; flex-direction: column; gap: 5px; }
}

@media screen and (max-width: 800px) {
    .header_content .overlay .maxw .content_left { max-width: 100%; width: 100%; }
    .diensten .items { grid-template-columns: 1fr; gap: 15px; }
    .diensten .items .item { min-height: 200px; }
    .diensten .items .item .overlay_dienst h2 { font-size: 24px; }
}

@media screen and (max-width: 700px) {
    body { font-size: 16px; }
    h1, .h1 { font-size: 35px; font-weight: 600; }
    h2, .h2 { font-size: 30px; font-weight: 600; }
    h3, .h3 { font-size: 27px; font-weight: 600; }
    h4, .h4 { font-size: 23px; font-weight: 600; }
    h5, .h5 { font-size: 19px; font-weight: 600; }
    h6, .h6 { font-size: 16px; font-weight: 600; }
    .header_content.frontpage .h1 { font-size: 30px; }
    .header_content.page .page_header h1 { font-size: 30px; }
    .logo { width: 150px; }
    .btn { padding: 10px 20px; }
    .btn.btn_color2 { padding: 10px 20px; }
    .content .content_right { margin: 50px 0 25px 0; }
    .content .contact_block .h3 { font-size: 22px; }
    .content .contact_block p { font-size: 16px; }
    .diensten .content_left > div { font-size: 16px; }
    .diensten .items .item .overlay_dienst { padding: 23px; }
    .diensten .items .item .overlay_dienst h2 { font-size: 25px; }
    .diensten .items .item .overlay_dienst div { font-size: 16px; }
    .nieuws > p { font-size: 16px; }
    .nieuws .items .item .image { padding-top: 35%; }
    .nieuws .items .item .inner h2 { font-size: 20px; }
    .nieuws .items .item .inner > div { font-size: 16px; }
    .nieuws .items .item .inner .btn.btn_color2 { font-size: 16px; }
    .nieuwsberichten > p { font-size: 16px; }
    .nieuwsberichten .items .item .image { padding-top: 35%; }
    .nieuwsberichten .items .item .inner h2 { font-size: 20px; }
    .nieuwsberichten .items .item .inner > div { font-size: 16px; }
    .nieuwsberichten .items .item .inner .btn.btn_color2 { font-size: 16px; }
    .header_content.page > .overlay { padding: 25px 0; }
    .header_content.front_page .btns { margin: 30px 0 0 0; }
    footer .blocks .block .kop { font-size: 18px; margin: 0 0 10px; }
    footer .blocks .block .textunder_heading { font-size: 16px; }
    footer .blocks .block .direct_contact a { font-size: 15px; padding: 8px 14px; }
    .wpcf7-text::placeholder { font-size: 15px; }
    .wpcf7-textarea::placeholder { font-size: 15px; }
    .wpcf7-text { padding: 7px 14px; }
    .wpcf7-textarea { padding: 7px 14px; }
    .wpcf7 .post-password-form input[type="button"] { font-size: 15px; }
    input[type="submit"] { font-size: 15px; }
}

@media screen and (max-width: 480px) {
    .btns { gap: 15px; }
    .btn { padding: 8px 15px; }
    .content .content_left .btns { display: grid; grid-template-columns: max-content; }
    .nieuws .items .item .image { padding-top: 42%; }
    .nieuws .items .item .inner .btn.btn_color2 { padding: 8px 15px; }
    .nieuwsberichten .items .item .image { padding-top: 42%; }
    .nieuwsberichten .items .item .inner .btn.btn_color2 { padding: 8px 15px; }
    footer .blocks .block > img { width: 95px; }
}