.course-image-search{
    height: 300px;
    background-size:cover;
}

.main-nav{
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.page-template-search-results .single-result .course-image {
    max-height: 300px;
}

.single-events .more-info p {
    padding-bottom: 15px;
}
.single-events .intro {
    padding: 88px 0 0;
}


.col-md-3.single-subject {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 33%;
    max-width: 33.33%;
}

ul.footer-logos{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:30px;
}
ul.footer-logos li{
    max-width:80px;
    padding:0;
    flex: 33%;
}
ul.footer-logos li img{
    margin:0;
    max-width:100%;
}

.page-template-default .hero {
    height: 75vh;
}

.page-template-default .content p,.page-template-default .content ul{
    font-size: 16px;
}

.single-result .cover-img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100% !important;
    width: 100%;
}

.btn{
    cursor: pointer;
}

.course-summary table tr td * {
    background-color: transparent !important;
    font-family: unset;
    line-height: 1.7 !important;
}
.text-white.bg-primary-dark{
    max-width: 110px;
}

.swipe-area{
    background-image: url(images/swipe.svg);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-size: 30px 30px;
    height: 30px;
    display: block;
    width: auto;
    margin: 20px auto 0;
    display: none
}

.single-events .carousel, .single-events .carousel-inner, .single-events .carousel-item, .page-template-awards .carousel-item{
    height: 500px;
}

.events-news #carouselEvents{
    height: 500px;
}

.home .main-nav{
    position: absolute;
}

.dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
    -o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
    transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
    display: none;
}

.home .main-nav .menu-item-has-children > a span:after{
    content: "";
    height: 10px;
    width: 10px;
    background-image: url(images/down-white.svg);
    background-size: cover;
    position: absolute;
    right: -10px;
    top: 46%;
}

.main-nav .menu-item-has-children > a span:after{
    content: "";
    height: 10px;
    width: 10px;
    background-image: url(images/down.svg);
    background-size: cover;
    position: absolute;
    right: -10px;
    top: 46%;
}

.home .main-nav.white-bg .menu-item-has-children > a span:after{
    background-image: url(images/down.svg);
}



@media (max-width: 992px) {



    .navbar.main-nav>.container{
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .intro .hero {
        height: 100vh;
    }
    .single-events .intro .hero {
        height: auto;
    }

    #menu-item-170{
        display: block !important;
    }

    .select-area .single-area .title{
        width: 100%;
        background: rgba(0,0,0,.5);
        margin-bottom: 0;
        padding: 15px 5px;
    }

    .play-button-circle{
        display: block !important;
        margin-top: 20px;
    }

    #carouselHero{
        min-height:650px;
    }

    .btc-numbers {
        width: 100%;
        position: relative;
        display: block !important;
        margin-top:50px;
    }

    .btc-numbers h5.main {
        padding-top: 32px;
    }

    .dropdown-menu{
        visibility: visible;
    }

    .footer li ul li {
        display: block;
        text-transform: none;
        font-weight: 400;
        width: 100%;
    }

    .footer li ul li {
        display: block;
        text-transform: none;
        font-weight: 400;
        width: 100%;
    }

    .footer ul li ul.sub-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom:20px;
    }
    .footer ul li:last-of-type ul.sub-menu{
        margin-bottom:0;
    }
    .footer ul{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    .footer li {
        width: 50%;
    }
    blockquote p{
        font-size: 26px !important;
    }
}
@media (max-width: 769px) {

    .swipe-area{
        display: block;
    }


    blockquote p{
        font-size: 22px !important;
    }
    .col-md-3.single-subject {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page-template-area .intro{
        padding-top:40px;
    }
    .page-template-area .hero {
        height: 100vh;
    }
    .intro .hero form .custom-select {
        width: 100%;
    }
    .intro .hero form{
        margin-bottom: -65px;
        padding:20px;
    }
    ul.footer-logos{
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    ul.footer-logos li{
        max-width:70px;
        padding:0;
    }
    ul.footer-logos li img{
        margin:0;
        max-width:50px;
    }
    .page-template-employers .blue-bg {

        height: 75%;
    }
    li.dropdown:hover .dropdown-menu{
        position: relative;
        opacity: 1 !important;
    }
    .top-nav ul, .top-nav li {
        display: inline-block;
    }
    .hidden-md-down {
        display: none !important;
    }
}


@media (max-width: 700px) {

}
@media (max-width: 600px) {

}
@media (max-width: 500px) {
    ul.footer-logos li{
        max-width:50px;
        padding:0;
    }
    ul.footer-logos li img{
        margin:0;
        max-width:40px;
    }
    blockquote p{
        font-size: 20px !important;
    }
}
@media (max-width: 400px) {
    .footer li {
        width: 100%;
    }
}

.bg-image-block{
    height: 130px;
    background-size: cover;
}

.latest-news .d-flex{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}

.carousel-bg-img,
.object-fit{
    height: 335px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.events-news h4 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.carousel-item .align-content-center{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}