body {
    font-family: Quicksand, Helvetica, sans-serif;
}

a, a:hover { color: #ff0000; }
a:hover { text-decoration: underline; }
.youtube {
    position: relative;
    width: 100%;
    max-width: 560px;
    aspect-ratio: 16 / 9;
    background-color: #000;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.youtube .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background: url('https://img.icons8.com/ios-filled/50/ffffff/play-button-circled.png') no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%);
}
#header-reserveren a {
    padding: 5px 20px;
    border: 1px solid #fff;
    color: #fff;
    font-family: Quicksand;
    font-size: 24px;
    text-decoration: none;
    margin: 55px 250px;
    display: block;
}

#cookiesck {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000;
    min-height: 30px;
    color: #ffffff;
    background: rgba(0, 0, 0) !important;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
}

.mb-35 { margin-bottom: 35px; }
.mt-50 { margin-top: 50px !important; }

.moduletable .showcase-promo {
    position: absolute;
    width: 300px;
    margin: 50px 0 50px 350px;
    padding: 35px;
    background: #f1676c;
    border: 2px solid #ffffff;
    color: #fff;    
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 32px;
    line-height: 50px;
    text-align: center;
}
.moduletable .showcase-promo a {
    color: #fff;
    text-decoration: none !important;
}

.moduletable .showcase-promo a:hover {
    color: #fff;
    text-decoration: underline !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: Quicksand, sans-serif;
    font-weight: 300;
}

h1, .h1 {
    font-weight:300;
    padding: 25px 0;
    font-size:32px;
}

h2, .h2 {
    font-weight:300;
    padding: 20px 0;
    font-size:24px;
}

h3, .h3 {
    font-weight:300;
    padding: 20px 0;
    font-size:18px;
}

.sbb-container { width: 1000px; margin: 0 auto; }
.sbb-container h2 { text-align: center; font-weight: 700; padding: 35px 0; }
.blog-featured > h2.item-title { text-align: left; font-weight: 300; padding: 35px 0; font-size:32px; }
.moduletable > h1 { text-align: center; font-weight: 300; padding: 35px 0; font-size:32px; }
.moduletable > h2 { text-align: center; font-weight: 300; padding: 15px 0; font-size:24px; }

.itemid-117 .blog-featured h2.item-title,
.page-header h1 { 
    text-align: left; 
    font-weight: 300; 
    padding: 35px 0;
    font-size:48px;
}
.itemid-117 .blog-featured h2.item-title,
.itemid-117 .page-header h1 { text-align: left; }

a,
a:not([class]) {
    text-decoration: none;
}

.borabora-cadeaubon-prijslijst .mod-articlesnews__item p a,
a.button-reserveren-default {
    padding: 10px 35px;
    color: #000;
    border: 1px solid #000;
    border-radius: 0px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.borabora-cadeaubon-prijslijst .mod-articlesnews__item p a:hover,
a.button-reserveren-default:hover {
    color: rgb(241, 103, 108);
    border: 1px solid #000;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a.btn-sbb {
    padding: 10px 35px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a.btn-sbb:hover {
    padding: 10px 35px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

h1.siteLogo {
    padding: 45px 0;
    font-size: 40px;
    color: #fff;
    text-transform: none;    
    font-weight: 300;
}

.container-header {
    background: #464646;
}

div#maximenuck110 ul.maximenuck {
    padding: 0;
    background: none !important;
}

div#maximenuck110 ul.maximenuck li.maximenuck.level1 {
    display: inline-block;
    float: none;
    position: static;
    list-style: none;
    text-align: center;
    cursor: pointer;
    filter: none;
}

div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover, 
div#maximenuck110 ul.maximenuck li.maximenuck.level1.active {
    background: none !important;
}

div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck110 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck110 ul.maximenuck li.maximenuck.level1.active > span.separator {
    color: #fff !important;
}

div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a, 
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > span.separator {
    padding: 15px 0px !important;
    margin: 0 15px;
    font-family: Quicksand;
    font-size: 20px;
}

div#maximenuck110 ul.maximenuck li.maximenuck.first.level1 > a {
    padding: 15px 0px 15px 0px !important;
    margin:  0px 15px 0px 0px;
}

div#maximenuck110 ul.maximenuck li.maximenuck.active.level1 > a {
    font-weight:700;
}

div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a::after {
    position: absolute;
    left: 50%;
    bottom: 50px;
    right: 50%;
    content: "";
    height: 4px;
    background: rgb(241, 103, 108);
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

div#maximenuck110 ul.maximenuck li.maximenuck.active.level1 > a::after {
    position: absolute;
    left: 0%;
    bottom: 50px;
    right: 0%;
    content: "";
    height: 4px;
    background: rgb(241, 103, 108);
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a:hover::after {
    position: absolute;
    left: 0%;
    bottom: 50px;
    right: 0%;
    content: "";
    height: 4px;
    background: rgb(241, 103, 108);
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.sbb-home-units { width: 100%; }
.sbb-home-units-left { width: 50%; float:left; padding: 0 15px; }
.sbb-home-units-right { width: 50%; float:right; padding: 0 15px; }

.borabora-2blocks { margin-top: 35px; margin-bottom: 35px; }

.borabora-2blocks .mod-articlesnews__item:first-child {
    background: rgb(125, 113, 121);
    height: 410px;
    color:#fff;
}

.borabora-2blocks .mod-articlesnews__item:nth-child(2) {
    background: rgb(241, 103, 108);
    height: 410px;
    color:#fff;
}

.borabora-2blocks .mod-articlesnews__item:first-child figure { 
    float: left;
    width: 50%;
    padding:0;
    margin:0;
    height: 410px;
    overflow: hidden;
}

.borabora-2blocks .mod-articlesnews__item:nth-child(2) figure { 
    float: right;
    width: 50%;
    padding:0;
    margin:0;
    height: 410px;
    overflow: hidden;
}

.borabora-2blocks .mod-articlesnews__item figure img { 
    width: 100%;
}

.borabora-2blocks .mod-articlesnews__item p:first-child { 
    padding-top: 180px;
}

.borabora-cadeaubon-prijslijst { margin-top: 35px; margin-bottom: 35px; }

.borabora-cadeaubon-prijslijst .mod-articlesnews__item {
    width: 50%;
    float: left;
}

.borabora-cadeaubon-prijslijst .mod-articlesnews__item figure img,
.mod_testimonials .item_img img {
    border-radius: 100%;
    border: 5px solid #fff;
    box-shadow: 0px 0px 25px #888888;
    width: 20%;
    margin: 0 41%;
}

.footer {
    background-color: rgb(125, 113, 121);
    background-image:none;
}

#mod-custom121 { width: 100%; }

#mod-custom121 .item-page {
    width: 46%;
    float: left;
    padding: 0 10px;
}

.mod_testimonials { margin-bottom: 35px; }
.mod_testimonials h2 { text-align: center; padding: 35px 0; }

.mod-testimonials-item { width: 50%; float: left; padding: 0 150px; }
.mod_testimonials span.checked {
    color: orange;
}

.container-bottom2fw {
    background: url(/images/header-unit1-borabora.jpg) 50% 0 repeat-y fixed #13171b;
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: center center;
    background-attachment: fixed;
    color: #ffffff;
    height: 400px;
}
.itemid-116 .container-bottom2fw { height: 300px; }

.itemid-147 .container-bottom2fw { 
    background: url(/images/template/header-nieuws-borabora.jpg) 50% 0 repeat-y fixed #13171b;
    background-size: contain;
    height: 200px; 
}

p.sbb-mod-reserveer { padding-top: 200px; }
p.sbb-mod-allesweten { padding-top: 135px; }

.container-bottom4fw {
    background: url(/images/sfeer-borabora.jpg) 50% 0 repeat-y fixed #13171b;
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: center center;
    background-attachment: fixed;
    color: #ffffff;
    height: 400px;
}

.itemid-147 .container-bottom4fw { 
    background: url(/images/template/header-arrangementen-borabor.jpg) 50% 0 repeat-y fixed #13171b;
    background-size: contain;
    height: 200px; 
}
.itemid-147 p.sbb-mod-reserveer { padding-top: 75px; }

.itemid-148 .blog-items {
    width: 100%;
    display: block;
    margin: 0;
    padding-top: 25px;
    padding-bottom: 125px;
}

.itemid-148 .blog-items.items-leading {
    padding-bottom: 25px;
}

.itemid-148 .blog-item {
    float: left;
    display:block;
    width: 500px;
}

.itemid-148 .items-leading .blog-item {
    float: none;
    display:block;
    width: 100%;
    margin: 0 15px;
}

.itemid-148 .container-bottom4fw { 
    height: 300px; 
}

.opgelet-zwart {
    text-align: center;
    padding: 20px;
    color: #000 !important;
    border: 1px solid #000;
}

.opgelet-zwart a,
.opgelet-zwart a:hover {
    color: #000 !important;
    font-weight: 300;
}

p.opgelet-rood {
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    border: 0px solid #f00;
    background: rgb(241, 103, 108);
    line-height: 24px;
}

p.opgelet-rood a,
p.opgelet-rood a:hover {
    color: #fff !important;
}

.djslider-loader { background: rgb(125, 113, 121) !important; padding-top: 35px !important;  padding-bottom: 35px !important;}

.arrangement-promo {
    margin-bottom: 25px;
    padding: 25px;
    background: #f1676c;
    border: 2px solid #f1676c;
    color: #fff;
}

#mod-custom139 { margin-top: -10px; }

.formResponsive input, .formResponsive textarea {
    width: 80% !important;
}
.formResponsive input[type="checkbox"] {
    width: 20px !important;
}

.container-sidebar-left {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #000;
}

footer .page-header { display: none; }
footer .article-info { display: none; }

ul.latestnews-items .picture { max-width: 500px !important; max-height: 500px !important; }
ul.latestnews-items .picture img { max-width: 500px !important; max-height: 500px !important; }
ul.latestnews-items .picture .innerpicture img { width: 300px; }

.blog-featured .blog-items .blog-item figure.item-image { display: none; }

.formResponsive button[type=reset], .formResponsive button[type=submit], .formResponsive input[type=reset], .formResponsive input[type=submit] {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) !important;
    color: #000 !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) !important;
    padding: 10px 35px !important;
}
.mobilemenuck-item > .level1 {
    background: #464646 !important;
    background: rgb(241, 103, 108) !important;
}

.mobilemenuck-item > .level1:hover {
    background: #666666 !important;
    background: rgb(241, 103, 108) !important;
}

.mnu-news .page-header h1,
.mnu-news .blog-featured h2.item-title {
    font-size: 48px;
    font-weight: 300;
    line-height: 55px;
    letter-spacing: -1px;
    margin: 20px 0;
    text-align: left;
}

ul.latestnews-items h1 span { font-size: 14px !important; padding: 3px 0 !important;}
ul.latestnews-items h1 { font-size: 14px !important; padding: 3px 0 !important;}
ul.latestnews-items h2 span { font-size: 14px !important; padding: 3px 0 !important;}
ul.latestnews-items h2 { font-size: 14px !important; padding: 8px 0 !important;}
ul.latestnews-items h3 span { font-size: 14px !important; padding: 3px 0 !important;}

.moduletable .showcase-promo-mobile {
  display: none;
}

@media only screen and (max-width: 787px)  and (orientation: portrait) { 
    .moduletable .showcase-promo { display: none; }
    .moduletable .showcase-promo-mobile {
        display: block;
        width: 90%;
        margin: 25px auto !important;
        padding: 35px !important;
        background: #f1676c;
        border: 0px solid #ffffff;
        border: 2px solid #000;
        color: #fff;
        font-family: Helvetica, Verdana, sans-serif;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
    }
    .moduletable .showcase-promo-mobile  a,
    .moduletable .showcase-promo-mobile  a:hover {
      color: white;
      text-decoration: underline;
    }
}  

@media only screen and (max-width: 787px)  and (orientation: portrait) { 

}  

@media only screen and (max-width: 1200px)  and (orientation: landscape) { 
    footer div div div div { width: 100% !important; float: none !important; }
    footer div div div div div { width: 100% !important; float: none !important; }
    footer div div div div div div { width: 100% !important; float: none !important; }
    footer div div div div div div p { text-align: center !important; }

}  

@media only screen and (orientation: landscape) { 

    .mod-testimonials-item {
        width: 49%;
        float: left;
        padding: 0 15px;
    }

}  

@media only screen and (orientation: portrait) { 

    .mod-testimonials-item {
        width: 49%;
        float: left;
        padding: 0 15px;
    }

}  

@media only screen and (max-width: 787px)  and (orientation: portrait) { 
    footer div div div div { width: 100% !important; float: none !important; }
    footer div div div div div { width: 100% !important; float: none !important; }
    footer div div div div div div { width: 100% !important; float: none !important; }
    footer div div div div div div p { text-align: center !important; }

    .mod-testimonials-item {
        width: 100%;
        float: none;
        padding: 0 15px;
    }

}  

@media only screen and (max-width: 900px)  and (orientation: portrait) { 
    h1, .h1 {
        font-weight:300;
        padding: 25px 0;
        font-size:30px;
    }
    
    h2, .h2 {
        font-weight:300;
        padding: 20px 0;
        font-size:30px;
    }
    
    h3, .h3 {
        font-weight:300;
        padding: 20px 0;
        font-size:18px;
    }
    
    .blog-featured > h2.item-title { text-align: left; font-weight: 300; padding: 35px 0; font-size:30px; }
    .moduletable > h1 { text-align: center; font-weight: 300; padding: 35px 0; font-size:30px; }
    .moduletable > h2 { text-align: center; font-weight: 300; padding: 15px 0; font-size:30px; }
    
    .itemid-117 .blog-featured h2.item-title,
    .page-header h1 { 
        text-align: center; 
        font-weight: 300; 
        padding: 35px 0;
        font-size:30px;
    }
    .itemid-117 .blog-featured h2.item-title,
    .itemid-117 .page-header h1 { text-align: left; }

    div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck110 ul.maximenuck li.maximenuck.level1 > span.separator {
        font-size: 18px !important;
    }    

    #gv-row1 { display: inline-block !important; width: 100% !important; text-align: center;}
    #gv-row1 iframe { margin: 0px !important; width: 600px !important; height: 450px !important; }
    #gv-row1-left { display: inline-block !important; width: 100% !important; padding: 0 !important;}
    #gv-row1-right { display: inline-block !important; width: 100% !important}
    #gv-row2 { display: inline-block !important; width: 100% !important; text-align: center;}
    #gv-row2 iframe { margin: 0px !important; width: 600px !important; height: 450px !important; }
    #gv-row2-left { display: inline-block !important; width: 100% !important; padding: 0 !important;}
    #gv-row2-right { display: inline-block !important; width: 100% !important}

}  

@media only screen and (max-width: 500px)  and (orientation: portrait) { 
    .container-bottom4fw { 
        background: url(/images/sfeer-borabora.jpg) center center;
        background-size: 150%;
        height: 200px;
        background-repeat: no-repeat;
    }
    p.sbb-mod-reserveer { padding-top: 85px; }
        
    .itemid-112 .container-bottom4fw {
        height: 500px !important;
        background-size: cover !important;
        padding-top: 30px;
    }

    .sbb-container {
        width: 90%;
        margin: 0 auto;
    }

    .borabora-cadeaubon-prijslijst .mod-articlesnews__item,
    .sbb-home-units-left,
    .sbb-home-units-right,
    #mod-custom135 div,
    #mod-custom128 div div,
    #mod-custom140 div div,
    #mod-custom132 div div { 
        width: 100% !important; 
        margin: 0 !important;
        float: none !important;
    }

    .borabora-cadeaubon-prijslijst .mod-articlesnews__item {margin-bottom: 35px !important;}

    .borabora-2blocks .mod-articlesnews__item:first-child figure { 
        float: none;
        width: 100%;
        padding:0;
        margin:0;
        height: auto;
        overflow: hidden;
    }
    
    .borabora-2blocks .mod-articlesnews__item:nth-child(2) figure { 
        float: none;
        width: 100%;
        padding:0;
        margin:0;
        height: auto;
        overflow: hidden;
    }

    .borabora-2blocks .mod-articlesnews__item p { padding:8px !important } 
    .borabora-2blocks .mod-articlesnews__item:first-child { height: 450px !important } 
    .borabora-2blocks .mod-articlesnews__item:nth-child(2) { height: 550px !important } 

    #gv-row1 { display: inline-block !important; width: 100% !important; text-align: center;}
    #gv-row1 iframe { margin: 0px !important; width: 100% !important; height: 400px !important; }
    #gv-row1-left { display: inline-block !important; width: 100% !important; padding: 0 !important;}
    #gv-row1-right { display: inline-block !important; width: 100% !important}
    #gv-row2 { display: inline-block !important; width: 100% !important; text-align: center;}
    #gv-row2 iframe { margin: 0px !important; width: 100% !important; height: 400px !important; }
    #gv-row2-left { display: inline-block !important; width: 100% !important; padding: 0 !important;}
    #gv-row2-right { display: inline-block !important; width: 100% !important}

    .djslider-default {
        height: 300px !important;
        max-width: 95% !important; 
        opacity: 1;
    }
    .itemid-113 .container-bottom2fw,
    .itemid-114 .container-bottom2fw {
        background: none;
        height: 300px !important;
    }

    .djslider-loader {
        padding-bottom: 0px !important;
    }

    .header .grid-child { display: block; }
    #header-reserveren a {
        padding: 5px 20px;
        border: 1px solid #fff;
        color: #fff;
        font-family: Quicksand;
        font-size: 24px;
        text-decoration: none;
        margin: 0;
        display: block;
        text-align: center;
    }    
    
    .itemid-148 .container-bottom4fw {
        height: 230px;
    }    
    .itemid-148 .blog-items {
        padding-bottom: 5px;
    }

    .itemid-148 .items-leading .blog-item {
        float: none;
        display: block;
        width: 96%;
        margin: 0 2%;
    }

    .itemid-148 .blog-item {
        float: none;
        display: block;
        width: 100%;
    }

}

@media only screen and (max-width: 900px)  and (orientation: landscape) { 
    .sbb-container {
        width: 90%;
        margin: 0 auto;
    }
}

[data-id="maximenuck110"].mobilemenuck a {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 1.0rem !important;
}

[data-id="maximenuck110"] .mobilemenuck-bar-title {
    background: #65515c !important;
}

[data-id="maximenuck110"] .mobilemenuck-title {
    background: #65515c !important;
    height: 43px;
    text-indent: 20px;
    line-height: 43px;
    font-size: 1.1rem;
}

[data-id="maximenuck110"].mobilemenuck {
    color: #FFFFFF;
    background: rgb(241, 103, 108) !important;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 1.2em;
}

body.itemid-115 .container-bottom2fw { background: none !important; }

.itemid-147 .container-bottom2fw {
    background: url(/images/template/header-nieuws-borabora.jpg) #13171b !important;
    background-size: cover !important;
    height: 200px !important;
}

.itemid-147 .container-bottom4fw {
    background: url(/images/template/header-arrangementen-borabor.jpg) #13171b !important;
    background-size: cover !important;
    height: 200px !important;
}

@media only screen and (min-width: 901px) {
.itemid-147 .container-bottom2fw {
    background: url(/images/template/header-nieuws-borabora.jpg) 50% 0 repeat-y fixed #13171b !important;
    background-size: cover !important;
    height: 300px !important;
}
.itemid-147 .container-bottom4fw {
    background: url(/images/template/header-arrangementen-borabor.jpg) 50% 0 repeat-y fixed #13171b !important;
    background-size: cover !important;
    height: 300px !important;
}
.itemid-147 p.sbb-mod-reserveer {
    padding-top: 140px;
}
}


@media only screen and (max-width: 787px)  and (orientation: portrait) { 
  body.itemid-116 .container-bottom2fw {
    background: url(/images/header-unit1-borabora.jpg) #13171b;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center !important;
    /* background-attachment: fixed; */
    color: #ffffff;
  }
}

.container-showcase {
    width: 100%;
    min-height: 400px; /* or set an explicit pixel height */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex; /* if centering content */
    align-items: left;
    justify-content: left;  
    color: #fff;
    border-top: 1px solid #000;
}
.container-showcase.sbb-home {
    background-image: url(/images/SaunaBoraBora/Sliders/sauna-borabora-home.webp);
}
.container-showcase.sbb-unit1 {
    background-image: url(/images/SaunaBoraBora/Sliders/borabora-unit1.jpg);
}
.container-showcase.sbb-unit2 {
    background-image: url(/images/SaunaBoraBora/Sliders/borabora-unit2.jpg);
}
.container-showcase.sbb-bb {
    background-image: url(/images/SaunaBoraBora/Sliders/borabora-BB.jpg);
}
.container-showcase.sbb-arrangementen {
    background-image: url(/images/SaunaBoraBora/Sliders/borabora-arrangementen.jpg);
    height: 40vh;
}
.container-showcase.sbb-nieuws {
    height: 3px;
}
.container-showcase.sbb-contact {
    height: 40vh;
}

@media only screen and (max-width: 787px) { 
  .container-showcase.sbb-home {
    background-image: url(/images/SaunaBoraBora/Sliders/sauna-borabora-home_600.webp);
    min-height: 40vh; /* or set an explicit pixel height */
    background-position: right 0px;
}