/*
    THEME RENAULT lectern 2.0

    Ivan Kolesnikov, ivan.kolesnikov@modera.net
    Version: 25.06.19

*/



/* 1. base styles ----------------------------------*/

    /* typography */

@font-face {
    font-family: "Renault";
    src: url(../../fonts/RenaultLifeCy-Regular.woff) format("woff"),
         url(../../fonts/RenaultLifeCy-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "Renault";
    src: url(../../fonts/RenaultLifeCy-Bold.woff) format("woff"),
         url(../../fonts/RenaultLifeCy-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: "Renault";
    src: url(../../fonts/RenaultLifeCy-Italic.woff) format("woff"),
         url(../../fonts/RenaultLifeCy-Italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 400;
}
@font-face {
    font-family: "Renault";
    src: url(../../fonts/RenaultLifeCy-Light.woff) format("woff"),
         url(../../fonts/RenaultLifeCy-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: "Renault";
    src: url(../../fonts/RenaultLifeCy-LightItalic.woff) format("woff"),
         url(../../fonts/RenaultLifeCy-LightItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 300;
}

body {
    background-color: #fff;
    color: #333;
    font-family: Renault, sans-serif;
}

.t-primary {
    color: #fc3 !important;
}
.t-muted {
    color: #999 !important;
}
.t-success {
    color: #259a2d !important;
}
.t-warning {
    color: #d0a42d !important;
}
.t-danger {
    color: #e53e3e !important;
}

.bg-primary {
    background-color: #fc3 !important;
    color: #000;
}
.bg-muted {
    background-color: #ececec !important;
}
.bg-dark {
    background-color: #000 !important;
    color: #fff;
}

/* 2. components ----------------------------------*/

    /* ico */

    /* btn */

.c-btn {
    font-weight: 700;
}
.c-btn--default {
    background-color: #333;
    color: #fff;
}
.c-btn--default:active,
.c-btn--default.active {
    background-color: #555;
}
.c-btn--default.disabled,
.c-btn--default[disabled] {
    background-color: #838383;
}

.c-btn--primary {
    background-color: #fc3;
    color: #000;
}
.c-btn--primary:active,
.c-btn--primary.active {
    background-color: #fd3;
}
.c-btn--primary.disabled,
.c-btn--primary[disabled] {
    background-color: #838383;
}

    /* c-check */

    /* c-range */

    /* c-img */

    /* c-table */

    /* c-loading */

    /* c-overlay */

    /* c-status */

.c-status {
    background-color: #eee;
    color: #a3a3a3;
}
.c-status--imp {
    background-color: #fc3;
    color: #333;
}

    /* c-energy */

/* 3. layout ----------------------------------*/

    /* l-layout */

    /* header */

.c-header {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
            box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.c-header__brand {
    right: 15px;
}
.c-header__toggler {
    right: auto;
    left: 0;
}
.c-header__dealer {
    margin: 0 0 0 50px;
}
.c-header__title {
    font-weight: 300;
    text-transform: none;
}
.c-header__title-count {
    background-color: #ececec;
    color: inherit;
}
.c-header .c-close {
    color: #fc3;
}
.c-header__brand {
    background-image: url('/img/webfront_renault/site-logo-main.png');
}

@media (min-width: 768px) {
    .c-header__dealer {
        margin-left: 0;
    }
}

    /* c-navbar */

.c-navbar {
    padding: 15px;
    background-color: #000;
}
.is-active > .c-navbar__ico {
    color: #bb162b;
}
.c-navbar__link {
    border-collapse: #000;
    background-color: #303030;
}
.c-navbar__title {
    font-size: 1em;
    text-transform: none;
}
.c-navbar__link:active {
    background-color: #444;
}
.c-navbar__link.is-active {
    background-color: transparent;
}

@media (min-width: 1400px) {
    .c-navbar {
        padding: 20px;
    }
}

@media (min-width: 1600px) {
    .c-navbar {
        padding: 24px;
    }
}

    /* navsub */

.c-navsub {
    background-color: #000;
    color: #fff;
    font-size: 0.875em;
    text-transform: none;
}
.c-navsub__link:active {
    background-color: #444;
}
.c-navsub__link.is-active::before {
    right: 10px;
    left: 10px;
    background-color: #fc3;
}

@media (min-width: 768px) {
    .c-navsub__link.is-active::before {
        right: 20px;
        left: 20px;
    }
}

@media (min-width: 1600px) {
    .c-navsub {
        background-color: transparent;
    }
    .c-navsub__item {
        margin-bottom: 0;
        border-top: 1px solid #666;
    }
    .c-navsub__item:first-child {
        border-top: 0;
    }
    .c-navsub__link {
        background-color: #333;
    }
    .c-navsub__link::after {
        border-right-color: #333;
    }
    .c-navsub__link:active {
        background-color: #444;
        color: inherit;
    }
    .c-navsub__link:active::after {
        border-right-color: #444;
    }
    .c-navsub__link.is-active {
        background-color: #fc3;
        color: #333;
    }
    .c-navsub__link.is-active::after {
        border-right-color: #fc3;
    }
}

/* c-section */

.c-section__title {
    font-weight: 300;
}
.c-section__subtitle {
    color: #999;
    font-weight: 300;
}
.c-section__panel {
    background-color: #ececec;
}

/* PAGES */

    /* c-model */

a.c-model:active,
a.c-model.is-active {
    border-color: #ccc;
    background-color: #fff;
}
a.c-model.is-selected {
    border-color: #fc3;
}

/*.c-trim .c-section__subtitle {
    color: #8a8a8a;
}*/
.c-trim__title {
    color: #999;
}

.c-model-price .c-price__title {
    color: #a3a3a3;
    text-transform: none;
}
.c-model-price .c-price--old .c-price__value {
    color: #a3a3a3;
}
.c-model-price .c-price--part .c-price__ico {
    background-color: #333;
}

.c-color {
    border-radius: 0;
}
.c-color.is-active::after {
    border-color: #fc3;
    border-radius: inherit;
}

.c-model-accessories__item {
    border-bottom: 0;
}
.c-model-accessories__item:nth-child(2n+1) {
    background-color: #f5f5f5;
}

    /* c-vehicle */

.c-vehicle__title {
    text-transform: none;
}
.c-vehicle__descr {
    color: #999;
}
.c-vehicle__arrow {
    background-color: transparent;
    color: #fc3;
}
a.c-vehicle:active {
    background-color: #f5f5f5;
}
a.c-vehicle:active .c-vehicle__arrow {
    background-color: transparent;
    color: #fd3;
}
.c-vehicle .c-price {
    font-weight: 700;
}

    /* c-prices */

.c-prices__item::before {
    color: #fc3;
}
a.c-prices__item:active {
    background-color: #f5f5f5;
}
.c-prices__item.is-active {
    background-color: #fc3;
    color: #000;
}
.c-prices__item.is-active::before {
    color: inherit;
}

    /* c-finance */

/*.c-finance__sumary .c-table .is-selected {
    color: #bb162b;
}*/

    /* c-accessory */

.c-accessory input[type="checkbox"]:checked + .c-checkbox__ico {
    border-color: #fc3;
}
.c-accessory input[type="checkbox"]:checked + .c-checkbox__ico::before {
    background-color: #fc3;
    color: #000;
}

    /* c-compare */

.c-compare .c-close,
build-picker .c-close {
    background-color: #fc3;
    color: #000;
}
.c-compare .c-close:active,
build-picker .c-close:active {
    background-color: #fd3;
}

    /* c-contact */

.c-contact__link {
    border-bottom: 2px solid #676767;
    background-color: #fc3;
    color: #000;
}
.c-contact__link:active {
    background-color: #fd3;
}
.c-contact__link.is-disabled,
.c-contact__link.is-disabled:active {
    background-color: #838383;
}
.c-contact__link-title {
    font-weight: 700;
}
.c-form--contact .c-form__control {
    border-color: #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.c-form--contact .c-form__control:focus {
    border-color: #fc3;
    background-color: #fef7e5;
}