_child_theme.scss 4.17 KB
@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-BoldCondTwentyObl.woff2') format('woff2'),
        url('../fonts/TradeGothic-BoldCondTwentyObl.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-BoldCondTwenty.woff2') format('woff2'),
        url('../fonts/TradeGothic-BoldCondTwenty.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-BoldTwo.woff2') format('woff2'),
        url('../fonts/TradeGothic-BoldTwo.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-BoldOblique.woff2') format('woff2'),
        url('../fonts/TradeGothic-BoldOblique.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-BoldTwoOblique.woff2') format('woff2'),
        url('../fonts/TradeGothic-BoldTwoOblique.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-Bold.woff2') format('woff2'),
        url('../fonts/TradeGothic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-LightOblique.woff2') format('woff2'),
        url('../fonts/TradeGothic-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-CondEighteen.woff2') format('woff2'),
        url('../fonts/TradeGothic-CondEighteen.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LH';
    src: url('../fonts/TradeGothicLH-BoldExtended.woff2') format('woff2'),
        url('../fonts/TradeGothicLH-BoldExtended.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-Oblique.woff2') format('woff2'),
        url('../fonts/TradeGothic-Oblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LH';
    src: url('../fonts/TradeGothicLH-Extended.woff2') format('woff2'),
        url('../fonts/TradeGothicLH-Extended.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-Light.woff2') format('woff2'),
        url('../fonts/TradeGothic-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic.woff2') format('woff2'),
        url('../fonts/TradeGothic.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic-CondEighteenObl.woff2') format('woff2'),
        url('../fonts/TradeGothic-CondEighteenObl.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    margin-bottom: -5px;
}

.col-lg-5ths{
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-lg-5ths {
        width: 33%;
        float: left;
    }
    .col-lg-5ths:last-of-type {
       display: none;
    }
}

@media (min-width: 992px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
    .col-lg-5ths:last-of-type {
        display: block;
     }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
    .col-lg-5ths:last-of-type {
        display: block;
     }
}