body {
}

.navbar-brand svg {
    max-width:230px;
}

.weglot-container {
    margin-top:2px;
}

ol.spacing li {
    margin-bottom:.75rem;
}

section.booking-widget-section + section {
    background-color:transparent!important;
}

@media only screen and (max-width: 400px) {
    .product-addon-item .product-addon-item-content {
        padding: 120px 35px 30px;
    }
    
    .mini-cart {
        width:50px;
    }
    
    .product-addon-item .img-badge {
        padding-left:35px;
    }
}

@media only screen and (max-width: 575px) {
    .product-swiper.product-addon-swiper {
        padding-left: 12px;
    }
}

.product-swiper.product-addon-swiper {
    padding-left: calc((100vw - var(--container-width)) / 2 + 12px);
}

@media only screen and (max-width: 767px) {
    .banner.product-promo-banner.banner-with-video,
    .banner.product-promo-banner.banner-with-video .banner-img{
        height:600px!important;
    }
    
    .banner.product-promo-banner.banner-with-video ul.list-checkmark li {
        padding:8px 0;
    }
    
    .banner.product-promo-banner.banner-with-video .promo-badge {
        position:absolute;
        top:-10px;
        right:5px;
        margin-bottom:40px;
    }
    
}
    
@media only screen and (min-width: 992px) {
    
    section.booking-widget-section + section div.container {
        padding-top:0px;
        padding-bottom:0px;
    }
    
    section.booking-widget-section + section.theme-2 ul.link-list-arrow li:first-of-type a {
        padding-top:0px;
    }
    
    section.booking-widget-section + section.theme-2 ul.link-list-arrow li:last-of-type a {
        padding-bottom:0px;
    }
}

@media only screen and (min-width: 1200px) {
    .product-accommodation-rooms .product-accommodation-room {
        --img-height: 370px;
        padding-left: calc(50% - 5px);
    }
}


.popout-img-section {
        --popout-size: 70px;
        padding-top: calc(1 * var(--popout-size));
        padding-bottom: calc(1 * var(--popout-size));
    }



@media only screen and (min-width: 1200px) {
    section {
        margin: 0 0 120px;
    }
}

@media only screen and (min-width: 1400px) {
    section {
        margin: 0 0 150px;
    }
    
    .navbar .dropdown .dropdown-toggle { 
        padding: 15px 32px 15px 18px;
    }
    
    .navbar .dropdown .dropdown-toggle svg {
        right:12px;
        top:25px;
    }

    .navbar-expand-xxxl nav.navbar .navbar-nav .nav-link:not(.dropdown-toggle) {
        padding: 15px 18px;
    }
}

.gallery-swiper .swiper-slide figure figcaption { 
    font-size: .9rem;
    padding: 15px 20px;
    text-align: center;
    background-color:rgba(246,241,229,.9);
}

a.venobox.vbox-item {
    text-decoration:none;
}

main#innhold section h3 {
    margin-top:1.75rem;
}

.icon-section-icon svg {
    height: 32px;
}

#overnatting-widget {
    margin-top:-75px;
}
    
@media only screen and (min-width: 768px) {
    #overnatting-widget {
        margin-top:-105px;
    }
}

@media only screen and (min-width: 992px) {
    #overnatting-widget {
        margin-top:-135px;
    }
}

@media only screen and (min-width: 1200px) {
    #overnatting-widget {
        margin-top:-165px;
    }
}

@media only screen and (min-width: 1400px) {
    #overnatting-widget {
        margin-top:-250px;
        margin-bottom:120px;
    }
}

.booking-header .col-12 {
    background:rgba(246, 241, 229, 0.9);
    margin:0px 12px;
    width:calc(100% - 24px);
    height:60px;
    text-align:center;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    box-shadow: inset 0px -10px 25px -25px rgba(0, 0, 0, .25);
}

.booking-header h3 {
    font-family:"area-variable";
    margin:18px 0px!important;
}

@media only screen and (max-width: 991px) {
    .booking-header h3 {
        font-size:1.125rem;
    }
}

.room-padding {
    padding:1rem;
    background:rgba(246, 241, 229);
    margin:0px 12px;
    width:calc(100% - 24px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.booking-header {
    margin-top:-105px;
}

@media only screen and (min-width: 768px) {
    .booking-header {
        margin-top:-120px;
    }
}

@media only screen and (min-width: 992px) {
    .booking-header {
        margin-top:-156px;
    }
    .booking-header .col-12 {
        height:66px;
    }
    .booking-header h3 {
        margin:19px 0px!important;
    }
}

@media only screen and (min-width: 1200px) {
    .booking-header {
        margin-top:-200px;
    }
    .booking-header .col-12 {
        height:80px;
    }
    .booking-header h3 {
        margin:25px 0px!important;
    }
}

@media only screen and (min-width: 1400px) {
    .booking-header {
        margin-top:-230px;
    }
}

.themed-section.theme-3 .theme-bg {
    background:#332B29;
}