/*
Theme Name: Tuin van Middenmeer
Theme URI: https://tuinvanmiddenmeer.nl
Author: CleverInsert
Author URI: https://cleverinsert.com
Description: Themas Tuin van Middenmeer MyDesign
Version: 1.2.1
*/
body{margin:0 auto;padding:0;max-width:1512px;background-color:#fff;line-height:1.5}body,input,figcaption{font-size:16px;font-family:"Open Sans",sans-serif;font-weight:400}*{box-sizing:border-box}header,footer,.container{width:100%;max-width:1024px;margin:0 auto}#front-page header li a{font-weight:300}header{height:118px;display:flex;justify-content:space-between;overflow:visible;position:relative;z-index:1001}header>a{display:flex}header img{min-width:150px}header>a,header>div{padding:24px 0}header>div{display:flex;align-items:flex-end}header ul,header li{margin:0;padding:0}header ul{list-style-type:none}header li{display:inline-block;text-transform:uppercase;position:relative}header li a{text-decoration:none;padding:0 12px;font-weight:300}header li a:hover{text-decoration:underline}header li .sub-menu{position:absolute;top:100%;background-color:#fff;min-width:200px;z-index:1000;display:none}header li .sub-menu li{display:block;width:100%}header li .sub-menu li a{padding:12px 12px}header li:hover .sub-menu{display:block}header .current-menu-item a,header .current-page-ancestor a{font-weight:400}body>img{padding:100px 0}footer{color:#58595b;font-size:14px}footer a{color:#58595b;text-decoration:none}#footer{padding:40px 0;background-color:#e6e7e8}#footer footer{display:flex;flex-wrap:wrap}#footer footer>div{flex:1 0 200px;max-width:100%;text-align:center}body.page-template-portfolio-project ul.blocks-gallery-grid li figure img,body.page-template-portfolio-project figure.wp-block-gallery figure img{cursor:pointer}#swiper-container,#swiper-container-banners{position:relative;width:100%;max-width:1512px;overflow:hidden}#swiper-container img,#swiper-container-banners img{height:auto;max-width:100%}#swiper-container-banners{padding:40px 30px}#swiper-container-banners .swiper-wrapper{align-items:center}.swiper-button-next,.swiper-button-prev{color:#e6e7e8;background-size:contain;background-repeat:no-repeat}.swiper-button-prev{left:0}.swiper-button-next{right:0}.swiper-button-next::after,.swiper-button-prev::after{content:"x";font-size:16px}.swiper-button-next{background-image:url(assets/arrow-right.svg);background-position:center right}.swiper-button-prev{background-image:url(assets/arrow-left.svg);background-position:center left}.swiper-slide{text-align:center}#swiper-fullscreen{position:fixed;width:100%;height:100%;z-index:20;background-color:hsla(0,0%,100%,.95);top:0;right:0;bottom:0;left:0;display:none}#swiper-fullscreen .swiper-slide{background-repeat:no-repeat;background-position:center;background-size:contain}#swiper-fullscreen .swiper-button-prev{left:20px}#swiper-fullscreen .swiper-button-next{right:20px}h1,h2,h3{font-weight:300;text-align:center;text-transform:uppercase;font-size:42px;line-height:2;margin:0;padding:0}h3{font-size:16px;font-weight:700;text-align:left}a{color:#000}b,strong{font-weight:700}img{max-width:100%;height:auto}hr{border:0;border-top:3px solid #e6e7e8;margin-top:40px}p{margin:0;padding:0;text-align:center}.pp p{padding:60px 120px}.pp h2+p{padding-top:30px}h2{padding-top:60px}footer p{padding:20px 0}form{display:inline-flex}input{background-color:#e6e7e8;line-height:2;padding:0 10px;margin:0}button{background:none;margin:0;padding:0}button img{display:block;width:10px;margin:8px 24px}input,button{border:1px solid #e6e7e8}#portfolio-tags{text-align:center;margin-bottom:20px}#portfolio-tags a{margin:8px;padding:12px 16px;background-color:#e6e7e8;text-transform:lowercase;text-decoration:none;display:inline-block}.social{display:flex;justify-content:center}.social img{width:24px;height:auto}.social a,.social span{margin:8px 12px}.social span{font-size:18px;font-weight:300;text-transform:uppercase}#social-share{padding:20px 0}#social-share span{margin-left:0}#social-share a:last-child{margin-right:0}body.page-template-portfolio-project #social-share{justify-content:flex-start}.wp-block-button{text-align:center}.wp-block-button__link{width:50%;display:inline-block;padding:10px;text-align:center;text-decoration:none}#bloemenatelier{margin:0 0 80px 0;padding:80px;padding-top:0;background-color:#e6e7e8}#bloemenatelier #swiper-container-text{overflow:hidden}#bloemenatelier h2{margin:0;padding:40px}#bloemenatelier h3{margin-bottom:20px}#bloemenatelier p{text-align:left;font-size:15px;padding:0}#bloemenatelier .swiper-button-prev,#bloemenatelier .swiper-button-next{position:absolute;top:auto;bottom:30px;left:40px;height:auto}#bloemenatelier .swiper-button-next{right:40px;left:auto}#bloemenatelier .swiper-slide{display:flex}#bloemenatelier .swiper-slide>div{min-height:360px}#bloemenatelier .swiper-slide>div:first-child{background-color:#fff;position:relative;flex:0 1 300px;width:300px;padding:40px;padding-bottom:60px}#bloemenatelier .swiper-slide>div:last-child{background-size:cover;flex:1 1 300px}@media(max-width: 768px){#bloemenatelier{margin:0 0 40px 0;padding:40px}#bloemenatelier h2{padding:20px}}@media(max-width: 700px){#bloemenatelier .swiper-slide{flex-wrap:wrap}#bloemenatelier .swiper-slide>div:first-child{flex:1 1 300px}}@media(max-width: 414px){#bloemenatelier{padding:10px}#bloemenatelier h2{padding:0}}#nieuws{display:flex;flex-wrap:wrap;margin:80px -10px;padding:0}#nieuws p{display:inline;padding:0}#nieuws h3,#nieuws p{text-align:left}#nieuws>div{flex:1 0 250px;margin:0 10px;margin-bottom:20px;background-color:#e6e7e8}#nieuws .tekst{padding:40px}#nieuws .beeld{width:100%;height:350px;background-position:center;background-size:cover}#nieuws img.more{height:12px;vertical-align:middle}#nieuwsbrief{text-align:center}#nieuwsbrief h2,#nieuwsbrief p{padding-top:0}#nieuwsbrief p{padding-bottom:30px}.wp-block-gallery,.wp-block-gallery ul,.wp-block-gallery figure{margin:0;padding:0}.wp-block-gallery ul,figure.wp-block-gallery{list-style-type:none;display:flex;flex-wrap:wrap;margin:-10px}.wp-block-gallery li,figure.wp-block-gallery figure.wp-block-image{margin:10px;display:flex;position:relative;flex-grow:1;flex-direction:column;justify-content:center;height:300px}.wp-block-gallery figure{display:flex;height:100%;position:relative;align-items:flex-end;justify-content:flex-start}.wp-block-gallery img{flex:1;height:100%;object-fit:cover}.wp-block-gallery figcaption{display:none;position:absolute;width:100%;height:100%;top:0;background-color:hsla(0,0%,100%,.8);text-align:center;vertical-align:middle}.wp-block-gallery figure:hover figcaption{display:block}.wp-block-gallery figcaption a{display:flex;flex-direction:column;justify-content:center;height:100%;color:#000;text-transform:uppercase;font-size:16px;text-decoration:none}.wp-block-gallery.columns-2{height:512px;flex-direction:column;margin:0;width:1024px;max-width:100%}.wp-block-gallery.columns-2 figure{width:50%;height:auto;margin:0 !important;flex:0 0 auto;justify-content:unset !important;height:unset !important;flex-grow:unset !important}.wp-block-gallery.columns-2 ul{height:512px;flex-direction:column;margin:0;width:1024px;max-width:100%}.wp-block-gallery.columns-2 li{width:50%;height:auto;margin:0;flex:0 0 auto}.wp-block-gallery.columns-2 img{height:auto}.wp-block-gallery.columns-3 li,figure.wp-block-gallery.columns-default figure.wp-block-image{width:calc(33.3333333333% - 20px)}.wp-block-gallery.columns-4 li{width:calc(25% - 20px)}@media(max-width: 768px){.wp-block-gallery.columns-3 li{width:calc(50% - 20px)}.wp-block-gallery.columns-4 li{width:calc(50% - 20px)}}@media(max-width: 414px){.wp-block-gallery.columns-2 ul{height:auto;max-height:none}.wp-block-gallery.columns-2 li{width:auto}.wp-block-gallery.columns-3 li{width:calc(100% - 20px)}.wp-block-gallery.columns-4 li{width:calc(100% - 20px)}}@media(max-width: 1024px){header,footer,.container{padding:0 10px}header li a:first-child{padding-left:10px}header li a:last-child{padding-right:10px}}@media(max-width: 819px){#footer footer>div{flex:1 0 50%;padding-bottom:20px}#footer footer>div:last-child{padding-bottom:0}}@media(max-width: 768px){.container p{padding:30px}}@media(max-width: 414px){header>div{align-items:center}body>img{padding:40px 0}#footer footer>div{flex:1 0 100%}h2{font-size:32px}}@media(max-width: 360px){header>div{padding:0}#social-share a{margin:8px 6px}}