.sidebar, footer {
    background-color: #000
}

div[class*=footer_section] ul > li, ul > li a {
    color: #377d90
}

.sidebar {
    color: #fff;
    font-size: 16px;
    padding: 10px 32px 10px 0;
    text-align: right;
    border-radius: 0 10px 10px 0
}

    .sidebar h5 {
        font-size: 27px !important;
        font-weight: 500;
        border-bottom: 1px solid #fff;
        padding: 8px 0 7px;
        line-height: 27px
    }

.form-check .form-check-input {
    float: right;
    margin-left: .5em
}

.card .card-header {
    background-color: #bfff00;
    background-image: url(https://www.vegaschool.com/PublishingImages/course/landing-thumbnails/Graphic-Design.svg);
    background-repeat: no-repeat;
    background-position-y: 30px;
    background-position-x: right;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    padding: 1.8rem 1.25rem !important
}

.card-title {
    margin-bottom: .75rem
}

h5.card-title {
    font-size: 27px !important;
    line-height: 32px;
    font-weight: 700;
    margin-right: 105px;
    color: #000
}

.card-title-tags {
    color: #000;
    border: 2px solid #000;
    border-radius: 10px;
    display: inline-block;
    padding: 8px 10px 4px;
    font-size: 16px;
    line-height: 20px;
    margin: 2px 0 5px 2px;
    font-weight: 700;
    text-transform: uppercase
}

.card-body {
    border: none;
    color: #000;
    padding: 1.75rem !important
}

.CorseItemYear {
    font-size: 21px;
    font-style: italic;
    padding-bottom: 16px
}

.CorseItemDetails {
    font-size: 21px;
    list-style: none;
    background-image: url(https://www.vegaschool.com/PublishingImages/course/landing-thumbnails/vertical-line.png);
    background-repeat: no-repeat;
    padding: 0 0 2px 15px;
    border-left: 2px solid #000
}

.btn-course, .btn-course:hover {
    color: #000;
    border: 2px solid #000;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 30px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 10px;
    border-width: 2px 2px 4px
}

.CourseItem.Digital-Design .card .card-header, .CourseItem.Digital-Marketing .card .card-header, .CourseItem.Game-Design .card .card-header {
    background-position-y: 25px;
    background-position-x: right;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    background-repeat: no-repeat
}

.CourseItem.Digital-Design .card .card-header {
    background-color: #63ddc2;
    background-image: url(https://www.vegaschool.com/PublishingImages/course/landing-thumbnails/Digital-Design.svg)
}

.CourseItem.Game-Design .card .card-header {
    background-color: #f8570c;
    background-image: url(https://www.vegaschool.com/PublishingImages/course/landing-thumbnails/Game-Design.svg)
}

.CourseItem.Digital-Marketing .card .card-header {
    background-color: #ed1f79;
    background-image: url(https://www.vegaschool.com/PublishingImages/course/landing-thumbnails/Brand-Management.svg)
}

button.btn.btn-primary {
    background: #ff000000;
    border: 0 !important
}

footer {
    color: #347a8d
}

.vc-footer {
    padding-top: 50px;
    padding-bottom: 50px
}

    .vc-footer h4 {
        font-size: 17px;
        font-family: Helvetica,Arial,sans-serif;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 24px
    }

        .vc-footer h4::after {
            content: '';
            position: absolute;
            width: 55px;
            height: 3px;
            background-color: #30bfbc;
            bottom: 0;
            left: 0
        }

ul > li.submenu-header {
    text-transform: uppercase;
    font-weight: 700
}

ul > li a {
    font-size: 11px;
    font-weight: 700
}

.footer_section-social {
    border-top: 2px solid rgba(255,255,255,.15);
    border-bottom: 2px solid rgba(255,255,255,.15)
}

div.footer_section-social .payment-list li a > i, div.footer_section-social .social-list li a > i {
    position: relative;
    background-image: url('https://dev-advtech-varsity-college.euwest01.umbraco.io/media/qd5aj0i1/footer_sprite.png');
    display: inline-block;
    background-repeat: no-repeat
}

div.footer_section-social ul {
    margin-bottom: 0;
    margin-right: 30px;
    display: flex
}

div[class*=footer_section] {
    padding-top: 24px;
    padding-bottom: 24px
}

.footer__nav-wrapper a {
    padding: 0 !important
}

ul.site-menu li {
    display: inline-block;
    padding: 5px
}

a.nav-link.active:hover {
    background: #ff000000
}

.site-menu li a {
    color: gray !important;
    font-size: 14px;
    font-weight: 700;
    height: 100%
}

    .site-menu li a:hover {
        text-decoration: underline
    }

li.forced-width {
    display: inline-block;
    padding: 10px 10px 10px 24px;
    border-left: 1px solid #888
}

    li.forced-width a {
        color: #888
    }

.footer-color {
    font-size: 14px;
    color: #888;
    line-height: inherit;
    text-align: justify
}
