@font-face{font-family:'Aglet Sans';src:url('../themes/bellavista/assets/fonts/AgletSans/AgletSans-Light.woff2') format('woff2'),url('../themes/bellavista/assets/fonts/AgletSans/AgletSans-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Trajan Pro';src:url('../themes/bellavista/assets/fonts/TrajanPro-Regular/TrajanPro-Regular.woff2') format('woff2'),url('../themes/bellavista/assets/fonts/TrajanPro-Regular/TrajanPro-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
:root{--bs-body-line-height:1.7;--bs-body-color:#343F52}
a{color:#3097d1;text-decoration:none}
a:hover,
a:focus{color:#216a94;text-decoration:underline}
h1,
.h1{font-size:40px}
h2,
.h2{font-size:32px}
h3,
.h3{font-size:22px}
h4,
.h4{font-size:19px}
h5,
.h5{font-size:16px}
h6,
.h6{font-size:14px}
h1,
.h1,
h2,
.h2{font-weight:700}
h1,
.h1,
h2,
.h2,
h3,
.h3{margin-bottom:13.5px}
p.lead{font-size:20px;font-weight:400}
code{padding:2px 4px;font-size:90%;color:#D35400;background-color:#ECF0F1;border-radius:4px}
.text-muted{color:#A2A2A2}
.text-icon{position:relative;display:inline-block;padding-left:24px;line-height:16px}
.text-icon:before{content:"";position:absolute;left:0px;top:-1px;width:16px;height:16px;background-repeat:no-repeat;background-size:16px 16px}
.text-icon.text-icon-date:before{background-image:url('../themes/bellavista/assets/images/icons/icon-calendar.png')}
.text-icon.text-icon-author:before{background-image:url('../themes/bellavista/assets/images/icons/icon-user.png')}
.text-banner{border-radius:13px;width:100%;height:191px;background-position:center center;background-size:cover}
.text-banner.banner-lg{height:268px}
.card{border-radius:13px;box-shadow:0px 0px 22px rgba(0,0,0,0.07000000000000001);border-color:#EBEBEB;overflow:hidden}
.card .card-banner{width:100%;height:191px;background-position:center center;background-size:cover}
.card .card-banner.banner-lg{height:268px}
.card .card-divider{padding:1.5rem}
.card .card-divider:after{content:'';border-bottom:1px solid #EBEBEB;display:block}
.card .card-body{padding:1.5rem}
.card .card-body.card-lg{padding-right:2.5rem;padding-left:2.5rem}
.card .card-footer{background-color:#fff;padding:1rem 1.5rem;border-bottom-left-radius:13px;border-bottom-right-radius:13px}
.post-card.card-primary{margin-bottom:-25px;position:relative;z-index:3}
.post-card .blog-post-title a{color:#000;text-decoration:none}
.post-card .blog-post-featured-text p:last-child{margin-bottom:0}
.post-card .blog-post-share-button{margin-top:-5px}
.post-card .blog-post-meta .meta-item{display:inline-block;position:relative;color:#A2A2A2;font-size:14px}
.post-card .blog-post-meta .meta-divider{width:20px;text-align:center}
.navbar{margin-top:-30px;padding-top:5px;padding-bottom:5px}
.navbar.navbar-dark{background-color:transparent}
.navbar .navbar-brand{margin-top:-5px}
.navbar a:hover,
.navbar a:focus,
.navbar a.focus{text-decoration:none}
.navbar .dropdown-item.active,
.navbar .dropdown-item:active{background-color:#6bc48d}
.bg-light{background:transparent !important}
@media screen and (min-width:992px){.navbar{margin-top:-30px;background:transparent}.navbar .navbar-nav>li.nav-item{padding:0 12px}.navbar .navbar-nav>li.nav-item>a.btn{padding:3px 12px;border-radius:100px;font-size:14px;margin-top:7px}.navbar .navbar-nav>li.nav-item>a.nav-link{position:relative;transition:color 0.2s ease 0.05s;padding:0;color:#6B92BA}.navbar .navbar-nav>li.nav-item>a.nav-link.active{color:#C9441B}}
.navbar-mobile{display:none}
@media (max-width:991px){.navbar-mobile{display:block}.navbar-mobile .navbar-collapse{background:#2d3134;position:fixed;z-index:10001;right:-300px;top:0;bottom:0;width:300px;padding:20px;height:100% !important;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;text-align:left;backface-visibility:hidden;transform:translate3d(0,0,0);transform-origin:0 10%;transform:perspective(1000px) scale(1.3);transition:all 0.4s 0s ease-in}.navbar-mobile .navbar-collapse.collapsing{transition-duration:0.1s}.navbar-mobile .navbar-collapse.show{transition:all 0.3s 0s ease-out;transform:perspective(1000px) scale(1) translate3d(-300px,0,0)}.navbar-mobile .navbar-toggler{padding:10px;opacity:.8}.navbar-mobile .navbar-toggler:hover,.navbar-mobile .navbar-toggler:focus{opacity:1}.navbar-mobile .nav-item .nav-link{color:#e0e0e0}.navbar-mobile .nav-item .nav-link:hover{color:#fff}.navbar-mobile .nav-item .btn{margin-top:1rem;margin-left:1rem}}
.pagination{display:flex;padding-left:0;list-style:none}
.pagination>.page-item>.page-link{margin-left:-1px;padding:5px 15px;color:#666;background-color:#FFF;border:1px solid #EBEBEB;text-decoration:none}
.pagination>.page-item>.page-link:hover{background-color:#f0f0f0}
.pagination>.page-item.active>.page-link{color:#000;font-weight:bold}
.pagination>.page-item.active>.page-link:hover{background-color:#FFF}
.pagination>.page-item.disabled>.page-link{color:#A1A1A1}
.pagination>.page-item.disabled>.page-link:hover{background-color:#FFF}
.blog-pagination{display:inline-block}
.blog-pagination .oc-pagination{box-shadow:0px 0px 22px rgba(0,0,0,0.07000000000000001)}
ul.pagination>li.page-item>.page-link{padding:8px 15px;color:#A1A1A1;background:#fff;border-color:#EBEBEB;text-decoration:none}
ul.pagination>li.page-item>.page-link:focus{box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}
ul.pagination>li.page-item.active>.page-link{font-weight:700;color:#343F52;background:#fff}
ul.pagination>li.page-item.first>.page-link{border-bottom-left-radius:0.25rem;border-top-left-radius:0.25rem}
ul.pagination>li.page-item.first>.page-link{position:relative;color:#fff;width:44px}
ul.pagination>li.page-item.first>.page-link:before{content:'';display:block;width:15px;height:12.5px;background:url('../themes/bellavista/assets/images/icons/icon-pagination-arrow.png') no-repeat 0 0;background-size:15px 12.5px;position:absolute;top:16px;left:14px}
ul.pagination>li.page-item.first.disabled>.page-link:before{opacity:.5}
ul.pagination>li.page-item.first>.page-link:before{transform:scaleX(-1)}
ul.pagination>li.page-item.last>.page-link{border-bottom-right-radius:0.25rem;border-top-right-radius:0.25rem}
ul.pagination>li.page-item.last>.page-link{position:relative;color:#fff;width:44px}
ul.pagination>li.page-item.last>.page-link:before{content:'';display:block;width:15px;height:12.5px;background:url('../themes/bellavista/assets/images/icons/icon-pagination-arrow.png') no-repeat 0 0;background-size:15px 12.5px;position:absolute;top:16px;left:14px}
ul.pagination>li.page-item.last.disabled>.page-link:before{opacity:.5}
.btn:hover,
.btn:focus,
.btn.focus{text-decoration:none}
.btn.btn-pill{border-radius:100px;padding-left:25px;padding-right:25px}
.btn.btn-primary:not(:hover):not(:active){border-color:transparent;background:linear-gradient(102.01deg,#5799EB 0.3%,#9F74FB 106.31%)}
.share-button{display:inline-block}
.share-button .btn{position:relative;padding-left:47px;padding-right:25px}
.share-button .btn:before{content:"";position:absolute;left:17px;top:12px;width:14px;height:14px;background-repeat:no-repeat;background-size:14px 14px;background-image:url('../themes/bellavista/assets/images/icons/icon-share.png')}
.share-button .btn.btn-sm{padding-left:37px;padding-right:15px}
.share-button .btn.btn-sm:before{left:12px;top:7px}
.share-button-popover{padding:0;margin:-1rem;overflow:hidden;border-radius:8px}
.share-button-popover .nav-link{padding:10px 15px;color:#343F52;text-decoration:none}
.share-button-popover .nav-link>i{margin-right:5px}
.share-button-popover .nav-link:hover{color:#fff;background:#C9441B}
body>*{background:#fff}
body,
.element-footer{background:linear-gradient(97.23deg,#2D8BFF -7.32%,#9F74FB 106.79%)}
.element-footer{position:relative;overflow:hidden;min-height:298px;padding-top:70px;z-index:1}
.element-footer:before{content:'';position:absolute;width:100%;height:106px;background:url('../themes/bellavista/assets/images/waves/footer-wave.svg') repeat-x 0 0;background-repeat:repeat-x;z-index:1;top:-1px}
.element-footer.footer-bluezone:before{background:url('../themes/bellavista/assets/images/waves/footer-blue-wave.svg') repeat-x 0 0}
.element-footer>.container{position:relative;padding:30px 0;color:#fff;z-index:2}
.element-footer .footer-decoration-1{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;width:524px;height:524px;left:-42px;top:120px;opacity:.02}
.element-footer .footer-decoration-2{content:'';border-radius:100%;background-color:#F4F7F8;display:block;position:absolute;z-index:-1;width:524px;height:524px;right:-150px;top:-160px;opacity:.05}
.element-footer .footer-nav{padding-bottom:22px}
.element-footer .footer-nav .nav{padding-right:50px}
.element-footer .footer-nav .nav .nav-item{font-size:16px}
.element-footer .footer-nav .nav .nav-item.nav-item-header>a{font-weight:700}
.element-footer .footer-nav .nav .nav-item>a{color:#fff;padding:4px 0}
.element-footer .footer-brand{padding:32px 0}
.element-footer .footer-social .nav .nav-item:first-child>a{padding-left:0}
.element-footer .footer-social .nav .nav-item img{height:28px}
.element-footer .footer-copyright{text-align:right}
.element-footer .footer-copyright p{margin:0;padding:0;line-height:28px}
@media (max-width:991px){.element-footer{padding-left:20px;padding-right:20px}}
.form-control{border-color:#D7D7D7;box-shadow:0px 0px 23px rgba(129,138,166,0.1);border-radius:0.7rem}
.form-control-search{width:100%}
.form-control-search input{padding:8px 38px 8px 18px;border-radius:100px}
.form-control-search .search-icon{position:absolute;right:18px;top:8px;width:24px;height:24px;display:block;background-image:url('../themes/bellavista/assets/images/icons/icon-search.png');background-size:24px 24px}
.popover{border:none;box-shadow:0px 0px 22px rgba(0,0,0,0.1);border-radius:8px}
.popover .popover-arrow{display:none}
body{font-family:'Aglet Sans';background:#fff;margin-top:118px}
h1,
h2,
h3,
h4{font-family:'Trajan Pro';color:#6B92BA}
.siteTitel{color:#C9441B;font-size:20px;margin:0}
.headerHoofdTitel{height:0px;overflow:hidden}
@media screen and (min-width:991px){.siteTitel{font-size:40px}}
.campingBellaVista .links,
.campingBellaVista .rechts{width:130px}
.campingBellaVista .links img,
.campingBellaVista .rechts img{max-width:100px;height:auto}
.campingBellaVista .links{padding-right:15px}
.campingBellaVista .rechts{padding-left:15px}
.carousel-control-next,
.carousel-control-prev{opacity:1 !important;filter:drop-shadow(2px 3px 3px black);transform:translate(-2px,0px)}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover{color:#000 !important;opacity:0.5 !important}
.carousel-control-next-icon,
.carousel-control-prev-icon{opacity:1 !important;text-shadow:2px 2px 5px rgba(0,0,0,0.9) !important}
.videoWrapper{position:relative;padding-bottom:56.25%;height:0}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.kaartWrapper{position:relative;padding-bottom:75%;height:0}
.kaartWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.widgetContainer #app{margin-left:auto !important}
.menuVast{height:auto;background:#fff;z-index:1499;box-shadow:0px 3px 15px rgba(0,0,0,0.1)}
.navbar-toggler{color:#C9441B;font-size:24px}
.taalvlaggen a{opacity:0.3}
.taalvlaggen a img{width:20px;height:auto;margin-left:5px}
.taalvlaggen a:hover,
.taalvlaggen a.active{opacity:1;text-decoration:none}
.fotoRij{position:relative;height:300px;overflow:hidden}
.fotoRij .foto{width:100%;height:100%}
.carousel-item{position:relative;overflow:hidden}
.carousel-item .foto{width:100%;height:100%}
.carousel-caption{text-align:left;left:0%;right:0%;bottom:-1rem}
.carousel-caption h2{color:#fff;font-size:20px;text-shadow:3px 3px 10px rgba(0,0,0,0.4)}
@media screen and (min-width:991px){.carousel-caption{bottom:1.25rem}.carousel-caption h2{font-size:70px}}
.footer{background:#C9451B;margin-top:60px;color:#fff;font-size:13px}
.footer p{margin:0}
.footer a{color:#fff;padding-left:10px}
.footer a:hover{color:#000}
.footer .footer-iconen{font-size:24px}
.navbar-mobile .navbar-collapse{background:#6B92BA}
.titelInFoto{position:absolute;top:0%;left:0%;right:0%;bottom:0%;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;font-size:20px;z-index:1110;font-weight:bold;line-height:1.0}
.titelInFoto .binnenRegel{background:#DC0A09;padding:13px 45px 12px 45px;font-family:"Helvetica";font-weight:600;text-transform:uppercase}
.leesVerder{position:relative;margin-top:-100px;z-index:1110;height:100px}
.leesVerder a{font-size:36px;display:inline-block;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,0.8);animation:pulse 2s infinite;z-index:1110}
@keyframes pulse{0%{transform:scale(0.9)}50%{transform:scale(1.1)}100%{transform:scale(0.9)}}
#carouselHeaderBellaVista .carousel-item{height:70vh !important}
@media (max-width:992px){#carouselHeaderBellaVista .carousel-item{height:240px !important}.video-background{height:56vh !important}.fotoRij{position:relative;height:130px;overflow:hidden}.fotoRij .foto{width:100%;height:100%}.titelInFoto{font-size:14px !important}.titelInFoto .binnenRegel{padding:8px 15px 9px 15px !important;display:inline-block !important;margin:0 20px}}
#nieuwsbriefResult .btn-primary{background:#fff;border-color:#fff;color:#000;font-weight:bold}
#nieuwsbriefResult .btn-primary:hover{background:#30C3F0;border-color:#fff;color:#000;font-weight:bold}@media (min-width:766px) and (max-width:992px){.titelInFoto{font-size:16px !important}.titelInFoto .binnenRegel{padding:8px 15px 9px 15px !important;display:inline-block !important;margin:0 20px}}
@supports (-webkit-touch-callout:none){}
@supports not (-webkit-touch-callout:none){}