@charset "UTF-8";html,body,footer,section,div,table,tr,td,th,h1,h2,h3,h4,h5,h6,ul,li,ol,p,span,a,img,input{margin:0;padding:0;border:none;box-sizing:border-box;font-weight:400;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}*:focus{outline:none}html{background-color:#f2f2f2;height:100%}body{position:relative;min-height:100%;text-align:center}.outerContainer{position:relative;min-height:100vh;width:100%;max-width:1440px;text-align:left;margin:0 auto;background-color:#fff;box-shadow:0px 0px 12px rgba(0,0,0,0.1),0px 0px 12px rgba(0,0,0,0.1);padding-left:300px;overflow:hidden}.container,#activiteiten .custom,#banner .custom{width:100%;max-width:1140px;padding:0 100px;margin:0 auto}body,input,textarea,select{font-family:'Open Sans',sans-serif;font-size:16px;font-weight:400;color:#000}h1{font-family:'Playfair Display',serif;font-style:italic;font-size:46px;line-height:60px;padding-bottom:125px;color:#000}.h1-sub{font-family:'Open Sans',sans-serif;font-size:16px;font-weight:400;font-style:normal;letter-spacing:1.6px;text-transform:uppercase;padding-bottom:0}h2,h1{font-family:'Playfair Display',serif;font-style:italic;font-size:46px;line-height:1.25;padding-bottom:30px;margin-bottom:55px}h1 br,h2 br{display:none}h2 span.quote,h1 span.quote{display:block;font-family:'Open Sans',sans-serif;font-size:16px;font-weight:400;font-style:normal;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:20px}h2::after,h1::after{content:"";display:block;position:relative;left:0;bottom:-30px;width:100px;height:1px;background-color:#B28E38}.homepage #banner h1::after{content:none}h3{font-family:'Playfair Display',serif;font-style:italic;font-size:30px;line-height:60px}h4{}p{font-family:'Open Sans',sans-serif;line-height:1.5;margin-bottom:25px}p:last-of-type{margin-bottom:0}#main-content ul{margin:30px 0;padding-left:15px;list-style:none}#main-content li{position:relative;margin-bottom:12px;padding-left:30px}#main-content li:before{content:"";display:block;position:absolute;top:8px;left:5px;width:7px;height:7px;border-radius:50%;background-color:#B28E38}a{color:#B28E38;text-decoration:none;transition:all 0.3s ease-in-out;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}img{max-width:100%;height:auto}a.btn,button:not(.xdsoft_next):not(.xdsoft_prev):not(.hamburger):not(.fancybox-close-small),#main-menu li a.btn{position:relative;background:#B28E38;color:#fff;display:inline-block;padding:9px 55px 9px 35px;font-size:16px;line-height:22px;font-weight:normal;border:none;border-radius:0;cursor:pointer;background-image:url(https://www.casa-bella.be/templates/loft33/images/arrow_forward.png);background-size:16px 16px;background-position:center right 10px;background-repeat:no-repeat;text-transform:uppercase;-webkit-appearance:none !important;-moz-appearance:none !important;-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;will-change:background-position,background-color,color}a.btn:hover,button:not(.xdsoft_next):not(.xdsoft_prev):not(.hamburger):not(.fancybox-close-small):hover,#main-menu li a.btn:hover{background-color:#c06409;color:#fff;text-decoration:none;animation:arrow 1.2s infinite;animation-timing-function:linear}@keyframes arrow{0%{background-position:center right 10px}25%{background-position:center right 15px}50%{background-position:center right 20px}75%{background-position:center right 15px}100%{background-position:center right 10px}}input[type=text],input[type=search],input[type=password],input[type=email],input[type=tel],input[type=number],textarea{box-sizing:border-box;color:#111;background:#FFF;border:1px solid #DDD;border-radius:0;height:40px;line-height:20px;padding:10px;-webkit-appearance:none;-moz-appearance:none;width:100%;max-width:700px;outline:none}input[type=number]{padding:0 0 0 10px;line-height:40px}textarea{border:1px solid #DDD;min-height:120px;max-width:700px;line-height:normal;padding:5px 10px}input.rsform-error,textarea.rsform-error{background-color:#fbf9f3;border:1px solid #B28E38}form .formRed{text-align:center;font-size:18px;color:#D8000C;margin-bottom:30px}form .formError{font-size:14px;color:#B28E38}.iframeWrapper{position:relative;margin:0;padding-bottom:60%;height:0}.videoWrapper{position:relative;margin:30px 0;padding-bottom:56.25%;height:0}.iframeWrapper iframe,.videoWrapper iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;border:none}header{position:fixed;left:50%;margin-left:-720px;top:0;height:100vh;width:300px;z-index:2;box-shadow:0px 0px 20px #00000033;background-color:#fff}header #logo{max-width:180px;margin:20px auto}#main-menu{margin-top:60px}#main-menu ul{text-align:center;padding:0}#main-menu li{list-style:none;text-transform:uppercase;margin:0 auto 28px}#main-menu ul.menu>li:last-of-type{margin-top:58px}#main-menu li a,#main-menu li span{font-size:16px;font-weight:400;color:#000;text-decoration:none}#main-menu li a:hover,#main-menu li span:hover{color:#B28E38;text-decoration:none}#main-menu li.active a,#main-menu li.active span{color:#B28E38}#main-menu li.active a.btn{color:#FFF}#mobile-menu,#mobile-menu-button{display:none}#content{position:relative;z-index:1}#content .row{padding-bottom:50px}body.blog #content .row{padding-top:0}.item-page{padding-top:50px}#banner{position:relative;z-index:1;height:auto}#banner.blog-banner{margin-bottom:50px}#banner .container{padding:0}#banner .custom{height:240px;padding-top:55px;padding-bottom:55px;background-size:cover;text-align:center;color:#ffff}.homepage #banner .custom{height:100vh;display:flex;justify-content:center;align-items:center;background-position:center}.bannertekst{padding:15px 10px;background-color:#00000066;width:700px;margin:0 auto}.otherpage #banner h1{color:#fff;text-align:left;margin-bottom:0}.homepage #banner h1{color:#fff;font-family:'Open Sans',sans-serif;font-weight:300;line-height:1;padding:20px;font-style:normal;font-size:72px;text-transform:uppercase;background-color:rgba(0,0,0,0.6);opacity:1;margin-bottom:0}.homepage #banner span.h1-sub{display:block;letter-spacing:1.6px;text-transform:none;font-size:30px;line-height:1;font-family:'Playfair Display',serif;font-style:italic;margin-top:20px}#banner h1 br,#banner h2 br{display:none}#accomodaties{padding:50px 0;background-color:#F4F6F8}body.blog #accomodaties{padding:0;background-color:transparent}body.blog .accomodaties-intro{margin-bottom:50px}#accomodaties h2{text-align:center}#accomodaties h2::after{left:50%;margin-left:-50px}.accomodaties-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.accomodatie{background-color:#E6E6E6;width:48%}#accomodaties .newsflash-image{padding-top:66%;margin:0;height:0;position:relative;overflow:hidden}#accomodaties .newsflash-image img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;min-height:100%}.accointro{background-color:#fff;margin:20px;position:relative;margin-top:-50px;padding:20px 10% 60px;text-align:center}.accointro h3{font-family:'Playfair Display',serif;font-style:italic;font-size:30px;text-align:center;line-height:1.3;margin-bottom:20px}.accointro p{width:100%;font-size:16px;margin-bottom:20px;text-align:justify}.accointro a.btn{position:absolute;display:block;bottom:20px;left:50%;transform:translateX(-50%);width:auto;padding:9px 40px 9px 20px;min-width:200px}#activiteiten{padding-bottom:20px}#activiteiten .custom{display:block;height:240px;width:100%;background-size:cover;padding-top:56px;padding-bottom:56px}#activiteiten .custom h2{color:#fff}.activiteiten-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:50px}.activiteiten{position:relative;width:32%;min-height:250px;text-align:center;box-shadow:0px 0px 20px #00000033;margin-bottom:30px}.activiteiten a.activiteiten-link{display:block;position:absolute;z-index:2;font-size:0;top:0;left:0;width:100%;height:100%;cursor:pointer}#activiteiten .newsflash-image{padding-top:66%;margin:0;height:0;position:relative;overflow:hidden;background:#000}#activiteiten .newsflash-image img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;min-height:100%;opacity:1;transition:all 0.5s ease-in-out;will-change:opacity,transform}#activiteiten .activiteiten:hover .newsflash-image img{transition:all 1s ease-in-out;opacity:0.7;transform:scale(1.1)}#activiteiten .activiteiten-content{padding:10px 10% 15px}#activiteiten h4{font-size:16px;padding:0;margin-bottom:10px;letter-spacing:3px !important;text-transform:uppercase}#activiteiten p{font-size:14px;width:100%;text-align:justify}#contact{padding:50px 0;background-color:#F4F6F8}#contact h2{text-align:center}#contact h2::after{left:50%;margin-left:-50px}fieldset{margin:0 auto;padding:0;border:none}.formRow{width:100%;max-width:460px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.formSpan12{width:100%}.formSpan6{width:48%}.rsform-block{display:block;width:100%;margin-bottom:20px}.rsform-block-intro{max-width:100%}.rsform-block label{display:block;margin-bottom:5px;text-align:left}.rsform-block div.formBody{float:none}.rsform-calendar-button{display:none !important}p.thank-you{font-size:20px;width:100%;max-width:460px;margin:0 auto}footer{position:relative;z-index:1;background-color:#1C2939;color:#ffff;min-height:286px;padding:50px 0}footer .container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}footer .container .moduletable{width:50%}footer .container .moduletable.footer-menu{display:flex;flex-direction:column}footer a{color:#ffff;text-decoration:none}footer ul.menu{display:block;margin-top:auto;list-style:none;text-align:right}footer ul.menu li{display:inline-block;line-height:1.5;margin-left:20px}footer ul.menu li:first-of-type{margin-left:0}.hamburger{position:absolute;right:4%;top:10px;box-sizing:border-box;width:40px;height:40px;padding:8px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;border-radius:40px}.hamburger:focus{outline:none}.hamburger-box{width:22px;height:22px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:0px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:22px;height:2px;background-color:#000;border-radius:2px;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:0.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-5px}.hamburger-inner::after{bottom:-5px}.hamburger--spin .hamburger-inner{transition-duration:0.3s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin .hamburger-inner::before{transition:top 0.1s 0.34s ease-in,opacity 0.1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom 0.1s 0.34s ease-in,-webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom 0.1s 0.34s ease-in,transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom 0.1s 0.34s ease-in,transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:0.14s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease-out,opacity 0.1s 0.14s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom 0.1s ease-out,-webkit-transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1);transition:bottom 0.1s ease-out,transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1);transition:bottom 0.1s ease-out,transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1)}@media only screen and (max-width:1460px){.outerContainer{max-width:100%}.container,#activiteiten .custom,#banner .custom{padding-left:50px;padding-right:50px}header{margin-left:0;left:0}}@media only screen and (max-width:980px){.outerContainer{padding-left:0}.container,#activiteiten .custom,#banner .custom{padding-left:5%;padding-right:5%}header{position:fixed;top:0;left:0;height:110px;width:100%;box-shadow:0px 0px 20px #00000033}header #logo{width:150px;height:70px;margin:20px 0 20px 5%}#mobile-menu-button{display:block}#content{margin-top:110px}.homepage #banner .custom{height:390px}#main-menu{display:none;background-color:#F4F6F8;box-shadow:0px 0px 20px #00000033 inset;margin-top:0}#main-menu li{list-style:none;text-transform:uppercase;margin:0;padding:0;border-bottom:solid 1px #ccc}#main-menu ul.menu>li:last-of-type{margin-top:0;border-bottom:none}#main-menu li a{display:block;padding:15px 5% !important;width:100%}#main-menu ul.menu>li:last-of-type a.btn{background-color:#B28E38}}@media only screen and (max-width:768px){h1,h2{font-size:36px}.homepage #banner h1{font-size:48px}.accomodatie{width:100%;margin-bottom:30px}.accomodatie:last-of-type{margin-bottom:0}.activiteiten{width:48%}}@media only screen and (max-width:500px){h1,h2{font-size:32px}.homepage #banner .custom{height:300px}.homepage #banner h1{font-size:36px}.homepage #banner span.h1-sub{font-size:24px}.activiteiten{width:100%}.formSpan6{width:100%}.iframeWrapper{padding-bottom:75%}footer .container .moduletable{width:100%;margin-bottom:20px}footer .container .moduletable:last-of-type{margin-bottom:0}footer ul.menu{text-align:left}footer ul.menu li{display:block;margin-left:0}}
