/*@font-face {*/
/*    font-family: "Brand-Bold";*/
/*    src: url("fonts/Cupra/Cupra-Bold.ttf") format("truetype");*/
/*}*/

/*@font-face {*/
/*    font-family: "Brand-Regular";*/
/*    src: url("fonts/Cupra/Cupra-Regular.ttf") format("truetype");*/
/*}*/

/*@font-face {*/
/*    font-family: "Brand-Light";*/
/*    src: url("fonts/Cupra/Cupra-Light.ttf") format("truetype");*/
/*}*/


/*text svetle zelene barvy #009100*/

body {
    font-family: 'Montserrat', sans-serif !important;
    background-color: #F3F3F3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #161718;
    font-family: 'Montserrat';
    /*font-family: 'Brand-Bold';*/
}

a {
    color: var(--brand-color-primary);
}

a:hover {
    color: var(--brand-color-primary-hov);
}

footer {
    background-color: #094828;
}

.navbar-off {
    font-family: 'Montserrat';
    /* z-index: 10; */
    /* top: 0; */
    /* height: 4.375rem;     */
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.navbar-off .nav-link {
    color: var(--color-fg-text);
}

.navbar-off.sticking {
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .10) !important
}

b,
.font-bold {
    font-family: 'Montserrat';
}

.dropdown-toggle::after {
    content: url(/wp-content/uploads/img/red/ico/menu/rozbalit-ico-cerna-menu.svg) !important;
}

.offcanvas-body .dropdown-toggle.show::after {
    content: url(/wp-content/uploads/img/red/ico/menu/rozbalit-ico-bila-menu.svg) !important;
}

:root {
    --brand-color-primary: #094828;
    --brand-color-primary-hov: #75787B;
    --brand-color-secondary: #d9cebd;
    --brand-color-secondary-hov: #f8f8f8;
    --brand-color-terciary: #094828;
    --brand-color-quarterly: #e8fff1;
    --brand-color-plus: #ef7d00;
    --brand-color-plus-hov: #b86302;

    --brand-bg-btn: #464748;
    --brand-bg-btn-hov: #5a5b5c;
    --brand-bg-hero: #75787b;

    --brand-fg-text: #fff;

    --bs-body-color: #161718;
    --color-fg-heading: #161718;

    --bg-octavia: #A2DCF5;
    --bg-karoq: #DADAD9;
    --bg-kodiaq: #BDBCBD;
    --bg-superb: #E7EA9C;
    --bg-enyaq: #B5C1B8;
    --bg-enyaq-coupe: #EDFAA9;

    --color-fg-text: #161718;
    --color-bg-ghost: rgba(22, 23, 24, 0.06);
    --color-fg-light: #F8F8F8;

    --bs-body-font-family: Poppins, sans-serif;

    --color-navlink: #000;

}

.text-black {
    color: var(--color-fg-heading) !important;
}

.brand-btn {
    /* font-family: 'Brand-regular'; */
    /*font-family: Poppins, sans-serif;*/
    border-radius: 25px;
    background-color: var(--brand-color-primary);
    padding: .625rem 1.5rem;
    color: var(--brand-fg-text);
    /* font-weight: bold; */
    display: inline-block;
    text-wrap: nowrap;
    white-space: nowrap;
    font-size: 1rem;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}

.brand-btn:hover {
    background-color: var(--brand-color-primary-hov);
    color: var(--brand-fg-text);
    transition: all .2s ease-in-out;
}

.brand-main .brand-btn:hover {
    background-color: #222;
}

.brand-btn:active {
    transform: scale(.95);
}

.brand-btn-grey,
.brand-main .brand-btn-grey {
    background-color: var(--brand-color-secondary);
    color: #000;
}

.brand-btn-grey:hover,
.brand-main .brand-btn-ghost:hover {
    background-color: var(--brand-color-secondary-hov);
    color: #000;
}

.brand-main .brand-btn-grey:hover {
    background-color: var(--brand-color-secondary-hov);
}

.brand-btn-orange {
    background-color: var(--brand-color-plus);
    color: var(--color-fg-light);
}

.brand-btn-orange:hover {
    background-color: var(--brand-color-plus-hov);
    color: var(--color-fg-light);
}

.brand-btn-ghost {
    background-color: transparent;
    border: 2px solid var(--brand-bg-btn);
    border-color: #fff;
}

.brand-btn-ghost:hover {
    background-color: var(--color-bg-ghost);
}

.slim {
    padding-top: .5rem !important;
    padding-bottom: .5rem;
}

.bg-terciary {
    background-color: var(--brand-color-terciary);
}

.sub-nav {
    padding: .5rem 0;
    background-color: var(--brand-color-terciary);
}

.sub-nav a {
    color: var(--color-fg-light);
    margin-right: 1.5rem;
}

.sub-nav a:hover {
    color: #D9CEBD;
}

section {
    margin-top: 0;
}

.invert {
    filter: invert(1);
}

.breadcrumb {
    margin: .5rem 0;
}

.breadcrumb img {
    width: 1.25rem;
    margin-top: -0.3rem;
    margin-right: .25rem;
}

.dropdown-toggle::after {
    right: 0.65rem;
}

.skoda-img-wrapper {
    /* color: var(--color-fg-light); */
    display: block;
    position: relative;
}

.skoda-img-wrapper h3 {
    margin-bottom: 1rem;
    color: var(--color-fg-light);
    text-transform: none;
}

.skoda-img-wrapper .info {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
}

.skoda-img-wrapper .info span {
    color: var(--color-fg-light)
}

a.skoda-img-wrapper:hover .info {
    text-decoration: underline;
    color: var(--color-fg-light);
    text-underline-offset: .5rem;
    text-decoration-thickness: 1px;
}

.skoda-splide-carousel {
    margin-top: 2rem;
}

.skoda-splide-carousel h3 {
    text-transform: none;
    margin-top: .5rem;
    text-align: center;
}

.skoda-splide-carousel img {
    padding-left: 1rem;
    padding-right: 1rem;
}

.skoda-hero img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

.row-gap-72 {
    row-gap: 4.5rem;
}

.pt-40 {
    padding-top: 2.5rem;
}

.pb-72 {
    padding-bottom: 4.5rem;
}

.font-30 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.nav-icons a {
    color: var(--color-fg-text);
}

.nav-icons a:hover {
    color: var(--brand-bg-btn);
}

.brand-main {
    background-color: var(--brand-bg-hero);
    color: #fff;
}

.brand-main h1,
.brand-main a {
    color: #fff;
}

#gallery-section .skoda-gallery .row a {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

.skoda-gallery .row {
    /* column-gap: 1rem; */
    row-gap: 1rem;
}

.mw-160 {
    max-width: 10rem;
}

@media screen and (max-width: 575.9px) {
    .mobile-img-ratio {
        height: 300px;
        object-fit: cover;
        width: 100%;
    }

    .mobile-object-position-right {
        object-position: right;
    }

    .skoda-gallery .col-xs-6 {
        width: 50%;
    }
}

@media screen and (min-width: 1200px) {
    .skoda-hero img {
        height: auto;
        object-fit: fill;
        width: auto;
    }
}


/* mala velikost pisma */
h1 {
    font-weight: bold;
    font-size: 2.063rem;
    line-height: 2.5rem;
}

h2 {
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 2.25rem;
}

h3 {
    font-weight: bold;
    font-size: 1.438rem;
    line-height: 1.75rem;
}

h4 {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

p {
    font-size: 1rem;
    line-height: 1.5rem;
}



/* pisma */

@media (min-width: 768px) {

    /* stredni velikost pisma */
    h1 {
        font-weight: bold;
        font-size: 2.375rem;
        line-height: 3rem;
    }

    h2 {
        font-weight: bold;
        font-size: 2rem;
        line-height: 2.375rem;
    }

    h3 {
        font-weight: bold;
        font-size: 1.688rem;
        line-height: 2rem;
    }

    h4 {
        font-weight: bold;
        font-size: 1.438rem;
        line-height: 1.75rem;
    }
}


/* velka velikost pisma*/
@media (min-width: 1400px) {

    h1 {
        font-weight: bold;
        font-size: 2.75rem;
        line-height: 3.25rem;
    }

    h2 {
        font-weight: bold;
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    h3 {
        font-weight: bold;
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    h4 {
        font-weight: bold;
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    p {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

}