:root {
    --primary: #181a1c; /* Dark Blue */
    --primary-dark: #A5050D;
    --primary-light: #E53A43;
    --primary-rgb: 24, 26, 28;
    --primary-dark-rgb: 165, 5, 13;
    --primary-gradient: linear-gradient(to right, var(--primary-dark), var(--primary), var(--primary-light));
    --secondary: #cb141c; /* Purple */
    --secondary-rgb: 203, 20, 29;
    --OGV-grey: #f7f7f7;
    --font: #000;
    --menu-bg: var(--primary);
    --header-icons: white;
    --alt-color-1: var(--secondary);
    --alt-color-2: var(--primary);
    --alt-color-3: var(--primary);
    --alt-color-4: var(--OGV-grey);
}

/*#181a1c - light black*/
/*#f7f7f7 light grey*/
/*#27292b footer*/

.bruno-ace-sc-regular {
    font-family: "Bruno Ace SC", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.Euro {
    font-family: "Bruno Ace SC", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ApotekBold {
    font-family: "Bruno Ace SC", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

.Gotham {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4 {
    font-family: "Bruno Ace SC", sans-serif;
}

body {
    font-family: "Montserrat", sans-serif;
}

.fr-carousel-item .slider-img {
    aspect-ratio: auto;

}


    .bar1, .bar2, .bar3 {
        background-color: white;
    }

.to-x .bar3, .to-x .bar1 {
    background-color: white;
}


.body-padding {
    padding-top: 0px;
}

.ogv_header {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 20;
}

#footerLogo{
    max-width: 115px;
}

#primaryHeader, #rvsStickyHeader {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: transparent !important;
}

.img-overlay .card-img-overlay {
    margin-top: 6em;
}

#headerNav {
    color: white !important;
    background: linear-gradient(rgba(var(--primary-rgb), 1), rgba(var(--primary-rgb), 0) 100%);
    padding-bottom: 20px;
}

    #headerNav .navbar-nav a, .navbar-nav button {
        color: white;
    }

.models-offcanvas {
    padding-top: 70px;
    height: min-content;
    width: 305px;
    right: 145px;
    left: unset;
    background: transparent;
}

#ourCompanyVideoOverlay {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 30%;
    left: 0;
    text-shadow: 2px 2px 2px #000000;
    color: white;
    z-index: 10;
    user-select: none;
}

.company-video-message {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .company-video-message img {
        width: 20%;
    }

    .company-video-message span {
        background-color: rgba(0,0,0,.6);
        border-radius: 4px;
        margin: 0 auto;
        width: max-content;
        display: block;
    }

.OGV_topper {
    background-size: auto;
    background-position: center;
    height: 280px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .img-carousel {
        aspect-ratio: auto;
    }

    .fr-carousel-item .slider-img {
        aspect-ratio: auto;
    }
}