* {
    font-weight: 400 !important;
}

html, body {
    font-size: 1rem;
}

:root {
    --primary-color: #5DD39E;
    --primary-hover-color: #37c887;
    --primary-focus-color: #31b479;
    --secondary-color: #348AA7;
}

/*----- Global Styles -----*/

.text-primary {
    color: var(--primary-focus-color) !important;
}

/*--x-- Global Styles --x--*/

.course__items {
}

    .course__items .course__item {
        background-color: #ffffff;
        padding: 0.5rem;
        display: flex;
        flex-direction: column;
    }

        .course__items .course__item .item__content {
            
        }

        .course__items .course__item .item__controls {
            width: 100%;
            padding: .5rem;
        }

        .course__items .course__item * {
            font-size: 0.9rem;
        }

        .course__items .course__item h1 {
            color: var(--primary-focus-color);
            font-size: 1.2rem;
            margin: 0;
            margin-bottom: 0.5rem;
        }

        .course__items .course__item .course__item__details {
            background-color: rgba(0,0,0,0.05);
            padding: 0.25rem 0.75rem;
            font-style: italic;
        }

.list__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .list__items.align-around {
        justify-content: space-around;
    }

    .list__items .list__item {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        margin: .5rem;
        padding: .5rem;
        border-radius: 3px;
        -webkit-box-shadow: 1px 1px 6px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px 1px 6px -5px rgba(0,0,0,0.75);
        box-shadow: 1px 1px 6px -5px rgba(0,0,0,0.75);
    }

        .list__items .list__item img {
            max-height: 100px;
            max-width: 150px;
        }

.btn.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn.btn-primary:hover {
        background-color: var(--primary-hover-color);
        border-color: var(--primary-hover-color);
    }

    .btn.btn-primary:focus {
        box-shadow: none !important;
    }

    .btn.btn-primary:active:focus {
        background-color: var(--primary-focus-color);
        border-color: var(--primary-focus-color);
        box-shadow: 0 0 0 0.2rem rgba(93, 211, 158,.5) !important;
    }

.page-section {
    padding: 3rem 1rem;
}

.page-section .heading {
    font-size: 1.6rem;
}

#banner-title {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 1rem;
}

#banner-subtitle {
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 3rem;
}

.hvr-underline-from-center:before {
    background: var(--primary-focus-color);
}

/*----- Landscape Phones Media Query -----*/

@media (min-width: 576px) {
    .course__items .course__item {
        flex-direction: row;
    }

        .course__items .course__item .item__content {
            flex: 1;
        }

        .course__items .course__item .item__controls {
            width: 100px;
            padding: .5rem;
            flex: 0 0 100px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
}

/*--x-- Landscape Phones Media Query --x--*/

/*----- Tablets Media Query -----*/

@media (min-width: 768px) {
}

/*--x-- Tablets Media Query --x--*/

/*----- Desktops Media Query -----*/

@media (min-width: 992px) {
}

/*--x-- Desktops Media Query --x--*/

/*----- Large Desktops Media Query -----*/

@media (min-width: 1200px) {

    #banner-title {
        font-size: 3rem;
    }

    #banner-subtitle {
        font-size: 1.4rem;
    }
}

/*--x-- Large Desktops Media Query --x--*/

/* Prevent buttons in top banner of home page to hover above the menu's dropdown */

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, 
.col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, 
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, 
.col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: inherit !important;
}