body {}

.header-bar {
    background-color: rgba(204, 38, 49, 1);
}
/*
.header-bar .logo {
    padding-top:10px;
    width:150px;
}
.header-bar .logo-acc {
    height:55px;
}
.header-bar .logo-other {
    height:30px;
}*/

.header-bar .logo {
    padding-top: 0.625rem; /* 10px */
    width: 9.375rem; /* 150px */
}
.header-bar .logo-acc {
    height: 3.4375rem; /* 55px */
}
.header-bar .logo-other {
    height: 1.875rem; /* 30px */
}

.header-bar .btn-header:hover, .main-menu .btn-header:hover {
    background-color:#ffffff;
    color:rgba(204, 38, 49, 1);
}
.header-bar .btn-search {
    color: #cc2631;
}
.main-menu .left-col {
    background-color: #cc2631;
}
.main-menu .middle-col {
    background-color: #f0f0f0;
}
.main-menu .right-col {
    background-color: #ffffff;
}

.main-menu ul.menu-level-1 li a .chevron-right.faded:after {color:#e9c3bd;}
.main-menu ul.menu-level-2 li a .chevron-right.faded:after {color:#a8a697;}

.main-menu ul.menu-level-1 li a {
    color:#e9c3bd;
}
.main-menu ul.menu-level-1 li a.active {
    color:#ffffff;
}
.main-menu ul.menu-level-1 li a:hover,
.main-menu ul.menu-level-1 li a:hover .chevron-right.faded:after
{
    color:#ffffff;
}
.main-menu ul.menu-level-2 li a {
    color:#000000;
}
.main-menu ul.menu-level-2 li a.active {
    color:#cc2631;
}
.main-menu ul.menu-level-2 li a:hover,
.main-menu ul.menu-level-2 li a:hover .chevron-right.faded:after
{
    color:#cc2631;
}
.main-menu ul.menu-level-3 li a {
    color:#cc2631;
}
.main-menu ul.menu-level-3 li a.active {
    color:#000000;
}
.main-menu ul.menu-level-3 li a:hover,
.main-menu ul.menu-level-3 li a:hover .chevron-right.faded:after
{
    color:#000000;
}

.main-menu .mobile-menu {
    background-color: #cc2631;
}

.search {
    background-color: #cc2631;
}
.search-header {
    background-color: #f0f0f0;
}
.search-header h1 {
    color: #cc2631;
}

.homepage-search .input-group .search-category {
    background-color:#cc2631;
    color:#ffffff;
}
.homepage-search .search-mobile .search-category {
    background-color:#cc2631;
    color:#ffffff;
}
.homepage-search .input-group .btn-search {
    color:#cc2631;
}
/*.btn .chevron:after {color:#cc2631;}*/

.breadcrumb p a {
    color:#cc2631;
}

/**** Homepage hero block *****/
.homepage-hero .bottom-nav {
    background-color:#cc2631;
}
.homepage-hero .bottom-nav a {
    color:#ffffff;
}

/**** Text block ****/
.text-block { color:#000000; }

/* general styles */
.btn-primary, .btn-primary-primary {
    background-color:#cc2631;
    color:#ffffff;
    border-color:#cc2631;
}

.btn-primary:hover, .btn-primary-primary:hover {
    background-color:#ffffff;
    color:#cc2631;
    border-color:#ffffff;
}
.btn-primary .chevron:after, .btn-primary-primary .chevron:after {color:#ffffff;}
.btn-primary:hover .chevron:after, .btn-primary-primary:hover .chevron:after {color:#cc2631;}

.btn-white {
    background-color:#ffffff;
    color:#cc2631;
    border-color:#ffffff;
}

.btn-white:hover {
    background-color:#cc2631;
    color:#ffffff;
    border-color:#cc2631;
}
.btn-white .chevron:after {color:#cc2631;}
.btn-white:hover .chevron:after {color:#ffffff;}


.btn-outline, .btn-outline-primary {
    background-color: #ffffff;
    border:1px solid #cc2631;
    color:#cc2631;
}
.btn-outline:hover, .btn-outline-primary:hover {
    background-color: #cc2631;
    border:1px solid #cc2631;
    color:#ffffff;
}

.btn-primary.btn-theme-green {
    border-color:#bec592;
    background-color:#bec592;
    color:#000000;
}

.btn-primary.btn-theme-green:hover {
    border-color:#bec592;
    color:#bec592;
    background-color:#ffffff;
}

.btn-primary.btn-theme-green .chevron:after {
    color: #000000;
}
.btn-primary.btn-theme-green:hover .chevron:after {
    color: #bec592;
}

.btn-outline.btn-theme-green {
    border-color:#bec592;
    background-color:#ffffff;
    color:#bec592;
}

.btn-outline.btn-theme-green:hover {
    border-color:#bec592;
    color:#ffffff;
    background-color:#bec592;
}

.btn-outline.btn-theme-green .chevron:after {
    color: #bec592;
}
.btn-outline.btn-theme-green:hover .chevron:after {
    color: #ffffff;
}

/* link carousel */
.link-carousel .carousel-dot.active {
    background-color:#cc2631 !important;
}

/* course list */
.course-list ul li a {
    color:#cc2631;
    border-bottom:1px solid #4f4a48;
}

/* link block with text */
.link-block-with-text {}
.link-block-with-text .text-block {}
.link-block-with-text .link-block {}
.link-block-with-text .btn-outline {}

/* career block */
.career-data .nav-pills .nav-link {
    color:#cc2631;
    background-color:transparent;
    border-color:#cc2631;
}

.career-data .nav-pills .nav-link.active {
    color:#ffffff;
    background-color:#cc2631;
}
.career-data h4 {
    color:#cc2631;
}
p.career-general .fs-48 {color:#cc2631;}
p.career-general .fs-36 {color:#cc2631;}
p.career-general .fs-24 {color:#cc2631;}


/* course page */
.course-overview h2 {
    color:#cc2631;
}

/* apprenticeships */
.apprenticeships h2 {color:#cc2631;}


.card-solid .card-body {
    background-color: #cc2631;
}
.card-solid .card-body h3, .card-solid .card-body p {
    color:#ffffff;
}
.card-outline h3, .card-grey h3 {
    color:#cc2631;
}
.course-content h2, .course-content h3,
.course-entry h2, .course-entry h3,
.other-course-resources h2, .other-course-resources h3
{
    color:#cc2631;
}

.other-course-resources .nav-pills .nav-link {
    color:#cc2631;
}

.other-course-resources .nav-pills .nav-link.active {
    background-color:#cc2631;
    color:#ffffff;
}

/* footer */
.footer {background-color:#4f4a48; color:#ffffff;}
.footer a {color:#ffffff;}

.barnsley-mailto-link{ font-size: 0.875rem;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .header-bar .logo {
        width: 7.5rem; /* 120px */
    }
    .col-main {padding-top: 0.25rem; /* 4px */}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .col-main {padding-top: 0.25rem; /* 4px */}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .col-main {padding-top: 0.25rem; /* 4px */}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1099.98px) {
    .col-main {
        padding-top: 1.25rem; /* 20px */
    }
    .col-other-logos {
        padding-top: 1.25rem;
    }
}

@media (min-width: 1100px) and (max-width: 1249.98px) {
    .col-main {
        padding-top: 0.5rem; /* 8px */
    }
    .col-other-logos {
        padding-top: 0.5rem;
    }
    .header-bar .logo {
        width: 11.875rem; /* 190px */
    }
    .header-bar .logo-acc {
        height: 5rem; /* 80px */
    }
    .header-bar .logo-other {
        height: 2.5rem; /* 40px */
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1250px) and (max-width: 1399.98px) {
    .header-bar .logo {
        width: 13.75rem; /* 220px */
    }
    .header-bar .logo-acc {
        height: 6.25rem; /* 100px */
    }
    .header-bar .logo-other {
        height: 3.125rem; /* 50px */
    }
}

/* XXL devices (very large desktops, 1400px and up) */
@media (min-width: 1400px) {
    .header-bar .logo {
        width: 13.75rem; /* 220px */
    }
    .header-bar .logo-acc {
        height: 6.25rem; /* 100px */
    }
    .header-bar .logo-other {
        height: 3.125rem; /* 50px */
    }
}

/* Orientation-based queries */
/* Portrait orientation */
@media (orientation: portrait) {

}

/* Landscape orientation */
@media (orientation: landscape) {


}
