/* --- Custom  --- */
html {background-color: #ba1725;}
#Banner {
    padding: 0;
    height: 80vh;
    background: transparent no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
#Banner h1 {
    /*font-size: 4rem;*/
    line-height: 5rem;
    padding: 0;
    font-weight: 400;
    letter-spacing: 1px;
}
#Banner h4 {
    font-weight: 400;
}
.hidden {opacity: 0; transition:$trans;}
.block-section.empty {display:none;}
.__base .block-section.empty {display:block;}
.__base :is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;}
.__base :is(.hidden, .d-md-none):before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important;  left: 0; top: 0; width: 100% !important; height: 100%; background-size: 100px; z-index: 0;}
.__base .bg-dark .hidden:before {filter:invert(1); }

.filter-dark:before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #1d1d1b; opacity: .25; z-index: 0;}
.home-banner {position: relative;}

.tiny-pageembed{height:300px;}
.list-container .block-columns {display: flex; justify-content: space-between;}
@media (min-width: 767px) {
 .list-container .__col {max-width:30%;}
}
@media (max-width: 991px) {
 .list-container h3 {font-size: 1.40rem;}
}

/***************** cookies *********************/

#modal-cc {background-color: rgba(41,41,41,.9); overflow: scroll;}
#modal-cc ::-webkit-scrollbar-thumb {background: #1d1d1b; border-radius:0;}
#modal-cc ::-webkit-scrollbar-track {background: ##1d1d1b;}
#modal-cc .modal-dialog {overflow: scroll; position: fixed; justify-content: flex-start; margin: 0; bottom:0;}
#modal-cc .modal-content {max-width: 100% !important; font-family: $font1 !important; background: #fff; box-shadow: none !important; border-bottom: none !important; height: 100vh; max-width: 30%; border-radius: 0;}
#modal-cc .modal-title {line-height:initial;} 
#modal-cc .modal-body {overflow-y: auto;}
#modal-cc hr {margin: 2.5rem auto 1rem auto;}
#modal-cc #cc-buttons button {display: flex; justify-content: center; align-items: center; text-align: center; margin-right: .5rem; background-color: $custom4 !important; padding: 0.5rem 0;}
#modal-cc #cc-buttons button:hover, #modal-cc #cc-buttons button#cc-accept:hover {opacity: 70%;}
#modal-cc #cc-buttons .btn::before {display: none;}
#cc-settings-container {bottom: 2em; left: 2em; line-height: 0;}
#cc-settings-button {font-size: 1.5rem; border-bottom: none; color: #a61906;}
#modal-cc .nav-pills .nav-link {text-decoration: none !important;}
#modal-cc input.ios-checkbox:disabled {display: none;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff; font-weight: 700; background-color: transparent !important;}
#modal-cc .nav-link {color: #a61906 !important;}
/* @media (max-width:992px) {*/

/*    #modal-cc .modal-content {max-width: 50%; font-size: 1.5rem;}*/
/*    #modal-cc hr {margin: 3.75rem auto 1rem auto;}*/
/*    #cc-settings-container {bottom: 2.25em; left: 2.25em;}*/
/*    #cc-settings-button {font-size: 2rem;}*/
/*}*/


@media (max-width:1170px) {
    #modal-cc .modal-dialog {max-width: 40%;}
}
@media (min-width: 1024px) {
    #modal-cc #cc-buttons button {padding: 0.5rem}

}
@media (max-width: 425px) {
    #modal-cc .modal-dialog {max-width: 100%;}
}
@media (min-width: 767px) {
    #modal-cc #cc-buttons {display: flex; flex-direction: row !important;}
}
@media (max-width: 768px) {
    #modal-cc .tab-pane {height: 250px;}
    #modal-cc .modal-dialog {justify-content: center;}
    #modal-cc .modal-dialog {font-size: 1rem; }
    #modal-cc hr {margin: 3.6rem auto 1rem auto;}
    /*#cc-settings-container {bottom: 5em; left: 5em;}*/
    #modal-cc #cc-buttons button {padding: 0.5rem 0;}
    #modal-cc #cc-buttons {flex-direction: column-reverse !important;}
}
@media (max-width: 475px) {
    #modal-cc .tab-pane {height: 200px;}
    #modal-cc .modal-content {height: auto;}
}
    




@media (max-width: 600px) {
    #Banner h1 {
        font-size: 3rem;
        line-height: 4rem;
    }
    .title-heading .wixui-rich-text__text{
        font-size: 2rem;
    }
}

h3 a:before {
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    padding: 0 0.3rem 0 0;
    color: #beac74;
    font-style: normal;
    moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
    font-weight: 700;
}
h3 a {
    border-bottom:0rem!important;
}
.img-fluid {
    width: 100%;
    height: auto;
}

.navbar {background-color: #1d1d1b;}

.navbar-toggler-icon{
    color: #fff !important;
    display: contents;
}
.navbar-toggler {
    color: #fff !important;
}
.fa-bars:before{color: #fff !important;}
button.navbar-toggler.m-2{color: #fff !important;}
.footer-menu {display: flex; padding: 0; gap: 0.5rem;}
.footer-menu li {list-style-type: none;}
.footer-menu li a {color: #fff;}
@media (max-width: 600px) {

.footer-menu {flex-direction: column;}
footer {text-align: center;}}
/* ------ Variables ------ */

#1d1d1b:#1d1d1b; 



*{font-family: "acumin-pro", sans-serif;}

/* ------ Main ------ */

body {
    background-color:#fff;
    font-family:"acumin-pro", sans-serif;
    font-weight:300;
    font-size:1.1rem;
    letter-spacing: .04rem;
    line-height: 2.1rem;
    overflow-x: hidden;
}

.block-section.bg-image {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: #fff;}
.nav-link{color: #fff !important;}

.om-banner .block-section-container {height: 30vh;}
@media (min-width: 1400px) {

.om-banner .__content {bottom: 35rem;}}
/* ------ Paragraphs ------ */


/* Fonts */
.navbar-brand, .navbar {
    font-family: "acumin-pro", sans-serif;
}


h1, h2{
    font-family:'Sacramento', cursive;
    font-weight: 600;}
    
@media (min-width: 1400px) {
 h1 {
        font-size: 3.5rem;
    }
}

main a {
    color:#1d1d1b;
}

main a:hover {
    color:#a61906;
    opacity:0.7;
    text-decoration:none;
}

strong {
     font-weight:800;
}

/* ------ Styling: Buttons etc. ------ */

.text-light h1, .text-light h1 strong, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light a, .text-light a:hover, .text-light p, .text-light ul li, .text-light ul li:before {color: #fff;}
.text-light hr {background-color: #fff; color: #fff;}
.text-primary {color: #a61906;}
.primary {
    background:#a61906;
}
.primary-title {
    color:#a61906;
}
.secondary {
    background:#beac74;
}
.secondary-title {
    color: #beac74;
    background: #a61906;
    margin-top: -4rem;
    width: fit-content;
}
.dark {
    background:#1d1d1b;
}
.offwhite {
    background:#f0f0f0;
}

.white {
    background:#fff;
}

.grey {
    background:#f0f0f0;
}
.btn {
    border-radius: 2rem;
    padding: .8rem 2.5rem;
    font-style: normal;
    line-height: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 400;
}

.btn-primary, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
 {
    color:#fff !important;
    background:#a61906;
    border:#a61906;
}


.btn-default, .btn-default:hover,.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle
 {
    color:#fff !important;
    background:#a61906;
    border:#a61906;
}

.btn-info, .btn-info:hover, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color:#fff !important;
    background:#a61906;
    border:#a61906;
}
.btn-link {
    font-weight: 400;
    color:#1d1d1b !important;
    text-decoration: none;
    padding:0rem;
}
.btn-link:hover {
    color: #beac74 !important;
    text-decoration: none;
}

hr {
    border-top: 2px solid #beac74;
}
button.navbar-toggle {color: #fff;}
.navbar-light .navbar-toggler{color: #fff !important;}
@media (min-width: 768px) {
    #Banner h1 {font-size: 3.5rem;}
}
@media (min-width: 1024px) {
    #Banner h1 {font-size: 4.5rem;}
}
@media (min-width: 1440px) {
    #Banner h1 {font-size: 6rem; line-height: normal;}
    
}


@media (min-width: 767.98px) {

   
    .navbar-expand-md .navbar-nav .nav-link {
        font-size: inherit;
    }
    .navbar-expand-md>.container{
        padding-left:0rem;
    }
}

/* ------ Grid  ------ */


.h-100 .block-section-container {
    min-height:350px;
    width:100%;
}
.full-width-all .__col{
    padding-left:0px;
    padding-right:0px;
} 

.block-section > .block-section-container, .content, {
    padding: 25px 0px;
    margin-right: auto;
    margin-left: auto;
}

.block-section .block-section-container .block-columns .block-section-container {
    width: auto;
}

.block-section > .block-section-container, .container {
    width: 1400px;
    max-width: 1400px;
    margin: 0 auto;
}

@media (max-width: 1440px) {

    .block-section > .block-section-container, .container {
        width:1170px;
    }
}


/*  Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

    .block-section > .block-section-container, .container {
        width: 970px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    
    .block-section > .block-section-container, .container {
        width: 750px;
    }
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    
    .block-section > .block-section-container, .container {
        width: 100%;
    }
    
    .block-section > .block-section-container, .content {
        padding:20px 15px;
    }
    
    .navbar-dark .navbar-brand {
        width: inherit;
    }
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
        border-bottom: 0px;
        background:#a61906;
        color:#fff !important;
    }
    /*.navbar-nav.ml-auto {padding-left: 1rem !important; padding-right: 1rem !important;}*/


}

/*  Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    .block-gallery .carousel .carousel-caption {
        top: 0%;
    }
}

/* ------ Navbar ------ */

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color:#1d1d1b;
    background:#a61906;
    border-radius: 0rem;
}
.navbar-nav .nav-active .nav-link{border-bottom: 2px solid #beac74;
}
.navbar-nav .nav-active .nav-link:hover {border-bottom: 2px solid none !important;
}
.navbar-nav li a:hover, .navbar-nav li a:active, .navbar-nav li a:hover:before, .navbar-nav li a:hover:active, .navbar-nav li a:active:focus, .nav .open>a, .nav .open>a:hover, .navbar-nav li.current_page_item a {border-bottom: 2px solid #beac74;}
.navbar a, .navbar > li > a {
    text-align: center;
    font-weight: 100;
    text-transform: inherit;
}
.navbar-nav li a, .navbar-nav li a:focus {border-bottom: 2px solid transparent;
}
.navbar-toggler-icon{
    color: #fff !important;
    border-color:#fff;
}
.navbar-toggler {
    color: #fff !important;
    border-color:#fff;
}
.fa-bars:before{color: #fff !important;}
button.navbar-toggler.m-2{color: #fff !important;}

.navbar-dark .navbar-text .fa{
    color:#a61906;
    padding:1rem;
    border:1px solid;
    border-radius:2rem;
}
.open .dropdown-menu{
    display:block;
}
.dropdown-toggle::after {
    display: none;
}
.navbar .open .nav-level2 a{
    text-align: left;
    margin-left: 0rem;
}

.navbar-nav .dropdown-menu li a, .navbar-nav li.active.current.current_page_item .dropdown-menu li a {
    border-left: 7px solid #f0f0f0;
    padding-left: 0.5rem!important;
    color: #676767;
    text-transform: none;
    letter-spacing: normal;
}
.navbar-brand img {
    width: 12rem;
    height: auto;
}

.navbar-light .navbar-nav .dropdown-menu .active>.nav-link, .navbar-nav .dropdown-menu li.active.current.current_page_item a {
    border-left: 7px solid #000;
    border-bottom:2px solid #beac74 !important;
    padding-bottom:0.5rem;
}
@media (min-width: 576px){
    
    .navbar-expand-md .navbar-nav .nav-link {
        margin-right: .5rem;
        margin-left: .5rem;
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
        border-bottom: 2px solid #beac74;
        padding-bottom: 0rem;
    }
    
}
/*@media (max-width: 576px){*/
    
/*    .navbar-brand img {*/
/*        width: 100%;*/
/*        padding: 1rem;*/
/*        height: auto;*/
/*    }*/
/*    .navbar-light .navbar-nav .nav-link {*/
/*        border-bottom: 0.1rem solid;*/
/*    }*/
/*    .navbar-toggler {*/
/*        width: 100%;*/
/*    }*/
    
/*}*/
/* ------ Sliders ------ */

/* --- Utilities  --- */

.news .list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color:#a61906;
    border-radius: 0px;
    border: 1px solid #fff;
}
.news img{
    float:left;
    max-width:50%;
}
.list .list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color:#fff;
    border-radius: 0px;
    border: 1px solid #beac74;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 1.575rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1d1d1b;
    background-color:#f0f0f0;
    background-clip: padding-box;
    border: none;
    border-left: 1px solid #f0f0f0;
    border-radius:0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus {
    color: #1d1d1b;
    background-color: #fff;
    border-color: #beac74;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.form-control::-webkit-input-placeholder {
    color: #1d1d1b;
}
.form-control:-moz-placeholder {
    color: #1d1d1b;
}
.form-control::-moz-placeholder {
    color: #1d1d1b;
}
.form-control::placeholder {
    color: #1d1d1b;
}
.form-control:-ms-input-placeholder {
    color: #1d1d1b;
}

.block-section li {
    list-style: none;
    margin-bottom: 1rem;
}

.block-section .block-text li:before {
    font-family:'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f067";
    margin-right: 10px;
    color: #a61906;
    padding: 0.4em 0.45rem;
    border-radius: 1rem;
    background: #fff;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius:1rem;
    border-bottom-left-radius:1rem;
}
.page-item:last-child .page-link {
    margin-left: 0;
    border-top-right-radius:1rem;
    border-bottom-right-radius:1rem;
}
.page-link{
    z-index: 2;
    color:#a61906;
    text-decoration: none;
    background-color:#1d1d1b;
    border-color:transparent;
    border-radius:1rem;
    margin-right:0.1rem;
}

.page-link:active,.page-link:hover, .page-link:focus {
    z-index: 2;
    color:#1d1d1b;
    text-decoration: none;
    background-color:#a61906;
    border-color:transparent;
}
.pagination {
    margin-top: 1rem;
    float: none;
    margin: 0 auto;
    margin-top: 1rem;
}

.card {
    border: 0px;
    margin-bottom:1rem;
}
.card-header {
    background-color: rgb(255 255 255);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.block-list .accordion button:after {
    font-family:'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f067";
    float: right;
    color:#beac74;
}
.block-list .accordion button{
    width:100%;
    text-align:left;
    border-radius:0rem;
}
.block-list .accordion .card-header{
    background:#f0f0f0;
     padding:0.5rem;

}
.block-list .accordion .card-body{
    border-bottom:0.1rem solid #f0f0f0;
}


/* --- footer  --- */

footer li {
    float: left;
    margin: 0;
    padding: 0.5rem;
    list-style: none;
    text-align:center;
}
footer li a{
    color:#fff !important;
    font-weight: 400;
}
footer li a:hover {
    color: #fcfcfc;
    opacity: 0.7;
}
footer .nav-link {
    display: block;
    padding: .2rem 0rem;
}
footer hr{
    border-top: 4px solid #beac74;
}

@media (max-width: 575.98px) {
    footer li {
        width:100%;
        padding: 0.2rem;
        font-size: 0.95rem;
    }
    footer h3{
        text-align:center;
    }
}
@media (max-width: 375px) {
    footer li {
        width:100%;
        padding: 0rem;
        font-size: 0.8rem;
    }
}

@media (max-width: 320px) {
    footer li {
        width:100%;
        padding: 0rem;
        font-size: 0.7rem;
    }
}




/*CUSTOM NAVBAR*/
.navbar-nav {flex-wrap: wrap; justify-content: flex-end;}
#mobile-buttons{padding-left: 0; list-style-type:none; }
#mobile-buttons li i {margin-right: 0.5rem;}
#mobile-buttons li a {
    padding: 10px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #a61906;
    font-size: 0.8rem !important;
    font-family: $font1;}
#mobile-buttons p {margin: 0;}
#mobile-buttons li a:hover {border-bottom: none; opacity: 0.7;}

@media (min-width: 768px) {
    #site-menu{
        order: 2;
        display: flex;
        align-items: center;
    }
    #mobile-buttons {display: flex; flex-direction: row-reverse;}
    #mobile-buttons p {display: none;}
    #mobile-buttons li i {margin-right: 0.5rem; font-size: 1.25rem;}

    
}
@media (max-width: 767px) {
    #site-menu.show {margin-top: 2rem;}
    #mobile-buttons li {width: 33.33%; float: left;}
    #mobile-buttons li a {
    border-top: 1px solid #a61906; 
    border-bottom: 1px solid #a61906;}
    
    .meny-image {width:35% !important;}
    
}

/*Custom list*/
.list-group-item {background: rgba(255, 255, 255, 0.5); border: none;}
.list-group-item .list-content p{font-family: 'Roboto Condensed', sans-serif;}