@charset "UTF-8";

@import '~normalize.css/normalize.css';
@import 'official-fontface';

// Table of Contents:
//
//  0. Base
//  1. Ford
//  2. Honda
//  3. Hyundai
//  4. Isuzu
//  5. Mercedes-Benz
//  6. Mitsibishi
//  7. Renault
//  8. Fiat
//  9. Opel
//
//
// 0. Base
//// ==========================================================================

/* Base */
.container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 20px;

    .block {
        margin-bottom: 10px;
        padding: 20px;
        border: 1px solid rgba(0, 0, 0, .2);

        h1 {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
        }
    }
}

// 1. Ford
//// ==========================================================================

.ford-antenna {
    &-black { font-family: 'FordAntenna'; font-weight: 900; font-style: normal; }

    &-bold { font-family: 'FordAntenna'; font-weight: 700; font-style: normal; }

    &-semibold { font-family: 'FordAntenna'; font-weight: 600; font-style: normal; }

    &-medium { font-family: 'FordAntenna'; font-weight: 500; font-style: normal; }

    &-regular { font-family: 'FordAntenna'; font-weight: 400; font-style: normal; }

    &-light { font-family: 'FordAntenna'; font-weight: 300; font-style: normal; }

    &-comp-black { font-family: 'FordAntennaComp'; font-weight: 900; font-style: normal; font-stretch: extra-condensed; }

    &-cond {
        &-bold { font-family: 'FordAntennaCond'; font-weight: 700; font-style: normal; }

        &-medium { font-family: 'FordAntennaCond'; font-weight: 500; font-style: normal; }

        &-regular { font-family: 'FordAntennaCond'; font-weight: 400; font-style: normal; }
    }
}

// 2. Honda
//// ==========================================================================
.honda {
    &-bold { font-family: 'AvenirNext'; font-weight: 700; font-style: normal; }

    &-demibold { font-family: 'AvenirNext'; font-weight: 600; font-style: normal; }

    &-medium { font-family: 'AvenirNext'; font-weight: 500; font-style: normal; }

    &-medium-italic { font-family: 'AvenirNext'; font-weight: 500; font-style: italic; }

    &-regular { font-family: 'AvenirNext'; font-weight: 400; font-style: normal; }

    &-light { font-family: 'AvenirNext'; font-weight: 300; font-style: normal; }
}

// 3. Hyundai
//// ==========================================================================
.hyundai-sans {
    // Hyundai: Head
    &-head-bold { font-family: 'HyundaiSansHead'; font-weight: 700; font-style: normal; }

    &-head-medium { font-family: 'HyundaiSansHead'; font-weight: 500; font-style: normal; }

    &-head-regular { font-family: 'HyundaiSansHead'; font-weight: normal; font-style: normal; }

    &-head-light { font-family: 'HyundaiSansHead'; font-weight: 300; font-style: normal; }

    // Hyundai: Text
    &-text-bold { font-family: 'HyundaiSansText'; font-weight: 600; font-style: normal; }

    &-text-bold-italic { font-family: 'HyundaiSansText'; font-weight: 600; font-style: italic; }

    &-text-medium { font-family: 'HyundaiSansText'; font-weight: 500; font-style: normal; }

    &-text-medium-italic { font-family: 'HyundaiSansText'; font-weight: 500; font-style: italic; }

    &-text-italic { font-family: 'HyundaiSansText'; font-weight: normal; font-style: italic; }

    &-text-regular { font-family: 'HyundaiSansText'; font-weight: normal; font-style: normal; }
}

// 4. Isuzu
//// ==========================================================================
.isuzu {
    // Mercedes-Benz: Head
    &-regular { font-family: 'Usuzi Expanded'; font-weight: 400; font-style: normal; font-stretch: expanded; }
}

// 5. Mercedes-Benz
//// ==========================================================================
.mercedes-benz {
    // Mercedes-Benz: Head
    &-a-regular { font-family: 'Corporate A'; font-weight: 400; font-style: normal; }

    // Mercedes-Benz: Text
    &-s-regular { font-family: 'Corporate S'; font-weight: 400; font-style: normal; }

    &-s-demi { font-family: 'Corporate S'; font-weight: 600; font-style: normal; }
}

// 6. Mitsibishi
//// ==========================================================================
.mitsubishi {
    // Mercedes-Benz: Head
    &-regular { font-family: 'Bitsumishi'; font-weight: 400; font-style: normal; }
}

// 7. Renault
//// ==========================================================================
.renault {
    &-bold { font-family: 'Renault Life'; font-weight: 700; font-style: normal; }

    &-bold-italic { font-family: 'Renault Life'; font-weight: 700; font-style: italic; }

    &-regular { font-family: 'Renault Life'; font-weight: 400; font-style: normal; }

    &-italic { font-family: 'Renault Life'; font-weight: 400; font-style: normal; }

    &-light { font-family: 'Renault Life'; font-weight: 300; font-style: normal; }

    &-light-italic { font-family: 'Renault Life'; font-weight: 300; font-style: italic; }
}

// 8. Fiat
//// ==========================================================================
.fiat {
    &-pro { font-family: 'fiatpro'; font-weight: 400; font-style: normal; }

    &-mopar { font-family: 'mopar-fiat'; font-weight: 400; font-style: normal; }

    &-mopar-private { font-family: 'mopar-private-fiat'; font-weight: 400; font-style: italic; }
}

// 9. Opel
//// ==========================================================================
.opel {
    &-regular { font-family: 'Opel Sans Condensed'; font-weight: 400; font-style: normal; font-stretch: condensed; }

    &-reguar-italic { font-family: 'Opel Sans Condensed'; font-weight: 400; font-style: italic; font-stretch: condensed; }

    &-bold { font-family: 'Opel Sans Condensed'; font-weight: 700; font-style: normal; font-stretch: condensed; }

    &-extra-bold { font-family: 'Opel Sans Condensed'; font-weight: 800; font-style: normal; font-stretch: condensed; }
}