/*!
Theme Name: Diana's theme
Theme URI: https://www.graphicinvention.nl
Description: Het Wordpress thema van Diana's servicediensten.
version: 1
Author: Andy Melis | Graphic Invention
Author URI: https://graphicinvention.nl/
*/*{font-family:'Raleway', sans-serif;color:#223169;box-sizing:border-box}body{margin:0;width:100vw;min-width:100vw;max-width:100vw;background-color:#ededed}#page-container{position:relative;max-width:1570px;width:100%;background-color:#fff;margin:0 auto}.item-container{margin:0 auto}.wordpress-content{max-width:65%;margin:0 auto}div.content-entry{min-height:48vh;letter-spacing:0.05em}div.content-entry div,div.content-entry p{line-height:1.4em}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.17em}h4{font-size:1em}h5{font-size:.83em}h6{font-size:.67em}a{text-decoration:none;color:inherit}ol{padding-left:65px}nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding-top:40px;margin-bottom:2em;overflow-x:hidden}nav .navItem{cursor:pointer;display:block;width:20%;font-family:'Open Sans', sans-serif;min-height:136px}nav .navItem a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flexbox;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;font-family:inherit}nav .navItem a svg{max-height:60px}nav .navItem a h3{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flexbox;display:flex;-webkit-box-align:flex-end;-moz-box-align:flex-end;-ms-flex-align:flex-end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:center;justify-content:center;margin-top:0.5em;text-align:center;width:100%;min-height:50px;color:inherit;font-family:inherit;font-weight:600}nav .navItem a hr{color:inherit;min-width:60%;max-width:60%;border:1px solid}nav .navItem[data-active="true"]{color:#1886B4}nav .navItem[data-active="true"] hr{border-color:#1886B4}nav .navItem[data-active="true"] a::after{content:'';width:0;margin:10px auto 0;border:15px solid transparent;border-top:15px solid #1886B4;animation:fadeInTop 0.5s ease-out 0s 1 normal forwards}nav .navItem:hover{color:#1886B4}nav .navItem:hover svg *{stroke:#1886B4}.knop,.wp-block-button a{display:inline-block;position:relative;border:0;font-size:0.95rem;padding:1em 3em 1em 1.1em;margin:20px 0 60px;text-transform:uppercase;color:#fff;background-color:#223169}.knop::after,.wp-block-button a::after{content:'';display:inline-block;position:absolute;right:0.9em;top:auto;bottom:auto;-webkit-clip-path:polygon(75% 50%, 0 0, 0 100%);clip-path:polygon(75% 50%, 0 0, 0 100%);background-color:#fff;height:20px;width:1em;margin-left:10px}.mountain::after{content:'';position:absolute;z-index:100;bottom:-8px;right:-8px;height:200px;width:200px;background-image:url(assets/img/berg-icoon.svg);background-size:contain;background-position:right bottom;background-repeat:no-repeat}@media screen and (min-width: 1200px){.item-container{min-width:1170px;max-width:1170px}}@media screen and (min-width: 992px) and (max-width: 1199px){.item-container{min-width:970px;max-width:970px}}@media screen and (min-width: 768px) and (max-width: 991px){.item-container{min-width:750px;max-width:750px}}@media screen and (max-width: 767px){.item-container{min-width:100%;max-width:100%}}.uagb-slick-carousel{position:relative;background-color:#1886B4;padding:60px 35px 10px !important;margin:0.625em auto 10px;color:#fff}.uagb-slick-carousel .uagb-tm__text-wrap{position:relative;max-width:70%;margin:0 auto}.uagb-slick-carousel .uagb-tm__text-wrap::before,.uagb-slick-carousel .uagb-tm__text-wrap::after{position:absolute;color:#fff;font-size:6em;line-height:50px;font-family:'Open Sans', sans-serif}.uagb-slick-carousel .uagb-tm__text-wrap::before{content:'\201C';left:-7%;top:0%}.uagb-slick-carousel .uagb-tm__text-wrap::after{content:'\201D';right:-7%;bottom:0%}.uagb-slick-carousel div,.uagb-slick-carousel span{color:inherit !important}.uagb-slick-carousel button{transition:0.3s}.uagb-slick-carousel button::before{color:#fff !important}.uagb-slick-carousel li.slick-active button{height:25px !important}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}header{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flexbox;display:flex;-webkit-box-align:flex-end;-moz-box-align:flex-end;-ms-flex-align:flex-end;-webkit-align-items:flex-end;align-items:flex-end;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative;z-index:999;padding-top:20px;padding-bottom:20px;background-color:#fff}header img.logo{height:auto;margin-left:0;margin-right:auto;max-width:300px}header a.tel{position:inherit;z-index:inherit;font-family:'Open Sans', sans-serif;font-weight:700;font-size:20px;margin-left:auto;margin-right:0}header .hamburger-container{position:inherit;z-index:inherit;display:inline-block;margin-left:30px;cursor:pointer}header .hamburger-container .bar1,header .hamburger-container .bar2,header .hamburger-container .bar3{width:35px;height:3px;background-color:#223169;margin:8px 0;transition:0.4s}header .hamburger-container.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px)}header .hamburger-container.change .bar2{opacity:0}header .hamburger-container.change .bar3{-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-8px, -8px)}.hamburger-nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flexbox;display:flex;position:absolute;z-index:1;height:0;width:204px;right:0;top:99px;overflow:hidden;transition:0.3s;background-color:#fff;box-shadow:-4px 4px 5px 0px rgba(0,0,0,0.12)}.hamburger-nav .menu-hamburger-menu-container{width:100%;height:100%}.hamburger-nav .menu-hamburger-menu-container ul{margin:0;padding:0;width:inherit;height:inherit}.hamburger-nav .menu-hamburger-menu-container ul li.menu-item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flexbox;display:flex;-webkit-box-align:flex-end;-moz-box-align:flex-end;-ms-flex-align:flex-end;-webkit-align-items:flex-end;align-items:flex-end;padding:0px 15px 0px;list-style:none;text-align:left;transition:0.4s;min-height:60px;cursor:pointer}.hamburger-nav .menu-hamburger-menu-container ul li.menu-item:hover,.hamburger-nav .menu-hamburger-menu-container ul li.menu-item.current_page_item{color:#1886B4}.hamburger-nav .menu-hamburger-menu-container ul li.menu-item:hover hr,.hamburger-nav .menu-hamburger-menu-container ul li.menu-item.current_page_item hr{border-color:#1886B4}.hamburger-nav .menu-hamburger-menu-container ul li.menu-item a{display:inline-block;text-align:center;width:100%;height:100%}.hamburger-nav .menu-hamburger-menu-container ul li.menu-item hr{border-color:#223169;margin:5px auto 15px auto;max-width:60%}.banner{position:relative;max-width:100%;background-color:#223169;overflow:hidden;margin:0 8px;width:100%}.banner:before{display:block;content:"";width:100%;padding-top:20%}.banner>.content{position:absolute;top:0;left:0;right:0;bottom:0}@media screen and (min-width: 1200px){.banner{width:1570px;max-width:100%;margin:0 auto}}.banner .content{background-position:center;background-size:cover;background-image:url(assets/img/diana-banner_V2.jpg)}.banner .content::before,.banner .content::after{content:'';position:absolute;background-size:contain;background-repeat:no-repeat;z-index:50}.banner .content::before{height:40%;width:8%;top:-1px;left:-1px;background-image:url(assets/img/banner-corner-upperleft.svg);background-position:top left}.banner .content::after{height:65%;width:13%;bottom:-1px;right:-1px;background-image:url(assets/img/banner-corner-bottomright.svg);background-position:bottom right}.banner .content h2{position:absolute;z-index:60;color:#fff;margin:0;bottom:12%;left:8%;width:30%;font-weight:700;font-size:2.5vw;animation:fadeInLeft 1s ease-out 0s 1 normal forwards}@media screen and (min-width: 1200px){.banner .content h2{font-size:42px}}.banner .content .overlay{position:absolute;z-index:40;top:0;left:0;width:50%;height:100%;background:#000;background:linear-gradient(90deg, rgba(0,0,0,0.6993) 0%, transparent 100%)}.banner .content .icon-location{position:absolute}.banner .content .icon-location img{width:100%;height:100%;object-fit:contain}.banner .content .icon-location[data-locationnumber="0"]{left:46.6%;top:44%;height:40%;width:8%;transform:skew(0deg, -0.5deg);background-color:transparent}.banner .content .icon-location[data-locationnumber="1"]{left:75%;top:46.6%;height:15%;width:3%;transform:skew(0deg, -1deg)}.banner .content .icon-location[data-locationnumber="2"]{left:70%;top:65%;height:13%;width:3.6%;transform:skew(0deg, 3deg)}.banner .content .icon-location[data-locationnumber="3"]{left:67.5%;top:81%;height:13%;width:3%;transform:skew(0deg, 8deg)}.banner .content .icon-location[data-locationnumber="4"]{left:75.6%;top:82%;height:13%;width:3%;transform:skew(0deg, -7deg)}.banner .content .icon-location[data-locationnumber="5"]{left:81.2%;top:80.6%;height:13%;width:2.5%;transform:skew(0deg, -8deg)}.banner .content .icon-location[data-locationnumber="6"]{left:78.9%;top:64.3%;height:13%;width:2.5%;transform:skew(0deg, -4deg)}footer{position:sticky;z-index:900;bottom:0;width:100%;margin-top:13px;padding:25px 0;background-color:#E2E2E3}footer .footer-content{text-align:center}footer .footer-content a{color:#949599;transition:0.2s}footer .footer-content a b{color:inherit;font-weight:600}footer .footer-content a:hover{color:#000}body.home .content-entry .wordpress-content{max-width:unset}body.home .content-entry h1{margin-top:50px;margin-bottom:1em;font-size:2.4em;font-weight:600}body.home .content-entry nav{margin-top:1.5em;margin-bottom:70px}body.home .content-entry .uagb-slick-carousel{background-color:#223169}@media screen and (max-width: 768px){h1{font-size:1.5em;line-height:1.1em !important}h3{font-size:1.5em !important;line-height:1.1em !important}.wordpress-content{max-width:100%}#page-container .item-container{padding-left:13px;padding-right:13px}#page-container header img.logo{max-width:50vw}#page-container header a.tel{display:none}#page-container header .hamburger-container{margin-left:13px;margin-left:auto;margin-right:0}#page-container header .hamburger-nav{top:82px}#page-container .banner{position:relative;margin:0}#page-container .banner:before{display:block;content:"";width:100%;padding-top:50%}#page-container .banner>.content{position:absolute;top:0;left:0;right:0;bottom:0}#page-container .banner .content{background-position:64%}#page-container .banner .content .overlay{display:none}#page-container .banner .content::before{width:18%}#page-container .banner .content::after{width:27%}#page-container .banner h2{font-size:130%;width:60%}#page-container .banner .icon-location{display:none}#page-container .banner .icon-location[data-locationnumber="0"]{display:block;left:18.5%;top:43.5%;height:40%;width:25%}#page-container footer{padding:13px 0}#page-container footer a{font-size:0.7em}body.home nav{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;row-gap:25px}body.home nav .navItem{width:50%}body.home nav .navItem h3{min-height:30px}body.home #page-container .banner .content{background-position:center}body.home .content-entry h1{font-size:1.7em;line-height:1.1em}nav{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}nav .navItem{min-height:95px;width:50%}nav .navItem a h3{font-size:0.8em !important}nav .navItem a:after{display:none}.knop,.wp-block-button a{font-size:0.7rem;padding:1em 3em 1em 1.1em}.knop::after,.wp-block-button a::after{top:1.3em;right:0.9em;height:15px;width:15px;margin-left:10px}.mountain::after{bottom:-6px;right:-5px;height:120px}.uagb-slick-carousel{padding:30px 5px 10px !important}.uagb-slick-carousel .uagb-tm__text-wrap{max-width:88%}.uagb-slick-carousel .uagb-tm__text-wrap::before,.uagb-slick-carousel .uagb-tm__text-wrap::after{font-size:5em;line-height:40px}.uagb-slick-carousel .uagb-tm__text-wrap::before{left:-7%;top:0%}.uagb-slick-carousel .uagb-tm__text-wrap::after{right:-7%;bottom:10%}.uagb-slick-carousel button{transition:0.3s}.uagb-slick-carousel button::before{color:#fff !important}.uagb-slick-carousel li.slick-active button{height:25px !important}}