.icon {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}
.icon--large {
    @extend .icon;
    width: 50px;
}

.icon--check {
    background-image: url(/images/site/academy/icon-id-check.svg);
}

.icon--student-login {
    background-image: url(/images/site/academy/icon-student-login.svg);
}


.icon--phone {
    background-image: url(/images/site/academy/icon-phone.svg);
}
.icon--email {
    background-image: url(/images/site/academy/icon-email.svg);
}
.icon--download {
    background-image: url(/images/site/academy/icon-download.svg);
}

.icon--download-olive {
    background-image: url(/images/site/academy/icon-download-olive.svg);
}
.icon--download-lg-olive {
    height: 75px;
    width: 75px;
    background-image: url(/images/site/academy/icon-download-lg-olive.svg);
}

.icon--login-orange {
    background-image: url(/images/site/academy/icon-login-orange.svg);
}

.icon--facebook {
    background-image: url(/images/site/academy/icon-facebook.svg);
}

.icon--linkedin {
    background-image: url(/images/site/academy/icon-linkedin.svg);
}


.icon--nav-right-white {
    background-image: url(/images/site/academy/icon-nav-arrow-right-white.svg);
}
.icon--nav-right-lg-white {
    height: 75px;
    width: 75px;
    background-image: url(/images/site/academy/icon-nav-arrow-right-white-olive.svg);
}
.icon--nav-right-lg-white-orange-crayola {
    height: 75px;
    width: 75px;
    background-image: url(/images/site/academy/icon-nav-arrow-right-white-orange-crayola.svg);
}

.icon--renew-orange-web {
    height: 75px;
    width: 75px;
    background-image: url(/images/site/academy/icon-renew-orange-web.svg);
}


.icon--faq-orange-web {
    height: 75px;
    width: 75px;
    background-image: url(/images/site/academy/icon-faq-orange-web.svg);
}

.icon--nav-right-mint {
    background-image: url(/images/site/academy/icon-nav-arrow-right-mint.svg);
}
.icon--nav-right-orange-web {
    background-image: url(/images/site/academy/icon-nav-arrow-right-orange-web.svg);
}
.icon--nav-right-orange-crayola {
    background-image: url(/images/site/academy/icon-nav-arrow-right-orange-crayola.svg);
}
.icon--nav-right-vivid-sky-blue {
    background-image: url(/images/site/academy/icon-nav-arrow-right-vivid-sky-blue.svg);
}
.icon--nav-right-olive {
    background-image: url(/images/site/academy/icon-nav-arrow-right-olive.svg);
}

.icon--nav-right-white-1 {
    background-image: url(/images/site/academy/icon-right-1px-white.svg);
}
.icon--nav-download-white-1 {
    background-image: url(/images/site/academy/icon-download-1px-white.svg);
}

.icon--enrol-olive {
    background-image: url(/images/site/academy/icon-enrol-olive.svg);
}
.icon--enrol-white {
    background-image: url(/images/site/academy/icon-enrol-white.svg);
}
.icon--keypad-olive {
    background-image: url(/images/site/academy/icon-keypad-olive.svg);
}


.bg-image {
    background-size: fill;
    background-position: right;
    background-repeat: no-repeat;
    min-height:150px
}

.bg-image-contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height:300px
}

@media screen and (min-width: 768px) {
    .bg-image, .bg-image-contain {
        min-height:300px
    }
}

.img-bg, .img-bg--180px {
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat
}

.img-bg--180px {
    height:180px
}

.navbar-default .navbar-nav .nav-link:focus, .navbar-default .navbar-nav .nav-link:hover {
    cursor: pointer;
}

.navbar-brand > img {
  height: 58px;
  padding:3px 10px;
}


.coursenav_client {
    padding: 2em 0;
    background-color: #434342;
}
.coursenav_client_block {
    position: relative;
    border-top-style: solid;
    border-top-width: 4px;
    min-height: 105px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.coursenav_client_block .coursenav_client_block--short {
    min-height: 135px;
}
.coursenav_client_link {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.5em 1em;
    color: white;
    display: flex;
    flex-basis: 0;
    align-content: top;
    cursor: pointer;
    font-size: 1.666em;
    line-height: 1.2;
    font-weight: 700;
    
}
.coursenav_client_link .icon {
        width: 45px;
        height: 45px;
        margin-right: 22px;
        margin-top: 0px;
    }
.coursenav_client_link span {
        width: 80%;
    }

.coursenav_client_cic {
  border-top-color: #ff0000;
}

.coursenav_client_cic .coursenav_client_link {
    background-color: #ff0000CC; 
}


.coursenav_client_cic .coursenav_client_link:hover{
    background-color: #ff0000;
}