@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Spectral:ital,wght@0,300;0,400;1,300;1,400&display=swap');


/* Version: 1.5 */


/* --- INDEX --- */

/* 1. Variables */
/* 2. Typography */
/* 3. Header */
/* 4. Footer */
/* 5. Homepage */
/* 6. Courses */
/* 7. University Life */
/* 8. College Page */
/* 9. Perspective Students */
/* 10. Cookie Bar */
/* 11. Library */
/* 12. Student Services */
/* 13. News */
/* 14. Slimlinks & Tables */



/* 1. Variables */
:root {
    /* AAA (white text) */
    --maroon: #a80050;
    --deep-maroon: #84003d;
    --ash: #5E514D;
    --black: #000000;
    /* AAA (black text) */
    --spring-green: #00bf6f;
    --lime-green: #c5e86c;
    --orange: #f58e2f;
    --yellow: #FFC62B;
    --lavendar-pink: #e66eb2;
    --sandstone: #C4C1B6;
    /* AA (white text) */
    --magenta: #e6007e; /* AA with both black or white */
    --aqua-marine: #00838a; 
    --ocean-blue: #007899; 
    --rose: #e30044;
    --deep-orchid: #c4299b;
    --violet: #753abd;
    /* AA (black text) */
    --warm-stone: #94795d;
    --selected-field: #fdeef5;

    /* 70% colours - AAA (white text) */
    --lavendar-pink70: #e87ab8;
    --black70: #4d4d4d;
    /* 70% colours - AAA (black text) */
    --aqua-marine70: #17b7bc;
    --spring-green70: #17c47c;
    --lime-green70: #cadd79;
    --orange70: #f89841;
    --yellow70: #ffcb3e;
    /* 70% colours - AA (white text) */
    --rose70: #e61c53;
    --deep-orchid70: #c93ca4;
    --violet70: #814bc2;
    --ash70: #6c605d;
    /* 70% colours - AA (black text) */
    --ocean-blue70: #178baa;
    --warm-stone70: #9d856b;
    --sandstone70: #9d856b;

    /* 50% colours - AAA (black text) */
    --aqua-marine50: #40c4c7;
    --spring-green50: #40cf92;
    --lime-green50: #d4e590;
    --orange50: #faaa62;
    --yellow50: #ffd560;
    --lavendar-pink50: #ec92c5;
    --warm-stone50: #ae9a85;
    --sandstone50: #d2cfc9; 
    /* 50% colours - AA (black text) */
    --ocean-blue50: #40a0b8; 
    --rose50: #ea4671;
    --deep-orchid50: #d25eb4;
    --violet50: #976bcd;
    --ash50: #867c79;

    /* 30% colours - AAA (black text) */
    --aqua-marine30: #7dd6d8;
    --ocean-blue30: #7dbecf;
    --spring-green30: #7dddb5;
    --lime-green30: #e2eeb3;
    --orange30: #fcc594;
    --rose30: #f1829e;
    --yellow30: #ffe292;
    --deep-orchid30: #e092cc;
    --lavendar-pink30: #f1b4d7;
    --violet30: #b89add;
    --ash30: #ada6a4;
    --warm-stone30: #c8baac;
    --sandstone30: #e0deda;
    --black30: #b3b3b3;
}

/* 2. Typrography */
body, p {
    font-family: 'Inter', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    color: black;
    font-weight: 200 !important;
    font-variant: none !important;
}
h1, h2, h3.lcase {
    font-family: 'Spectral', serif !important;
    /*font-weight: 200 !important;*/
    letter-spacing: -1px !important;
}
div.imageGallery.footerNews h3 {
    color: #fff !important;
    font-variant: small-caps !important;
    font-weight: 400 !important;
}
div.panel h1, div.panel h2, div.panel h3, div.panel h4, div.panel h5, div.panel h6 {
    color: white !important;
}
div.panel h2 {
    background-color: var(--deep-maroon) !important;
}
div.panel {
    border: 1px solid var(--deep-maroon) !important;
}

.highlight_feature h1, .highlight_feature h2, .highlight_feature h3, .highlight_feature h4, .highlight_feature h5, .highlight_feature h6, #pageContent .highlight_feature a{
    color: white !important;
}
div.box h2, div.box h3, div.box li, div.box p, div.box a, div.box .placetext {
    color: white !important;
}
/*.column-content a,
#accordion a,
.accordion a {
*/
a {
    color: var(--maroon);
    text-decoration: underline dotted #c296ab;
}
#utilityNavigationWrapper a {
	color: #fff;
}
a.disabled, div.pagination a, div.downloadPagination a {
    text-decoration: none;
}
div.tabsWrapper .tabsMenu ul li a {
    text-decoration: none;
}
/* expanding text headers (FAQs / accordions) */
#accordion h3.lcase a,
.accordion h4 {
	color: black !important; 
}
#accordion > h3.current a { font-weight:bold !important};

#eventsWidget a, #eventsWidget h3 {
    color: #ffffff !important;
}
#eventsWidget.wht a, #eventsWidget.wht h3, #eventsWidget.mint a, #eventsWidget.mint h3 {
    color: black !important;
}
#eventsWidget.mint a.more {
    color: white !important;
}
.column-content ul {
    list-style: disc !important;
}
.richTextBlock p{
    max-width: 1000px !important;
    margin: 0 auto 1.875em !important;
}
#pageContent .tabbed-content .active a{
    color: white !important;
}
caption {
 font-size: 110%;
 color: var(--ash);
}


/* 3. Header */
#header #logo a {
    background-image: url('/cdn/images/2022/logo.png') !important;
    background-color: unset !important;
    background-size: contain !important;
    width: 300px !important;
    height: 75px !important;
}

@media only screen and (max-width: 767px) {
    #header #logo a {
        width: 140px !important;
        height: 43px !important;
        margin-left: 12px !important;
        margin-top: -8px !important;
    }
}

@media only screen and (max-width: 999px){
    #header #logo a {
        width: 170px!important;
        height: 53px!important;
        margin-left: 20px!important;
    }
}

#header #logo {
    margin: 1rem 0 !important;
}

#header {
    background: white !important;
}

#revealNavigationButton {
    border-left: 0 !important;
}

#header #search button::after {
    color: var(--maroon);
}
#header #search button:focus {
    border: 2px solid black;
    border-radius: 10px;
    top: 3px;
}
#header #search button:focus::after {
    position: relative;
    padding: 0 3px;
}
#header #search input::placeholder {
    color: black !important;
}
#header #search input {
    color: black !important;
    border: 2px solid var(--maroon) !important;
}
#header #search input:focus {
    border: 7px double black !important;
    /*background-color: var(--selected-field);*/
    color: black !important;
}
/* Widescreen Hero Image Caption Headers - same rules on all screen widths */
div.imageGallery.horizontal div.caption h1 {
        color: white !important;
	margin-bottom: 20px !important;
}

@media only screen and (min-width: 1000px) {
    #utilityNavigation {
        background: var(--maroon) !important;
    }
    #utilityNavigationWrapper > ul > li, #utilityNavigationWrapper > ul {
        border-color: var(--maroon) !important;
    }
    #utilityNavigationWrapper > ul > li:hover {
        background: var(--deep-maroon) !important;
    }
    #utilityNavigation li.quick_links div.dropdown, #utilityNavigation li.accessibility div.dropdown {
        background: var(--deep-maroon) !important;
        border-top: 1px solid var(--maroon) !important;
    }
    #navigationWrapper {
        border-top: 1px solid #ddd !important;
    }
    #globalNavigation {
        text-align:right !important;
    }
    #globalNavigation a {
        color: black !important;
    }
    #globalNavigation a::before {
        background: var(--maroon) !important;
        color: white !important;
    }
    #primaryNavigationWrapper {
        height: 4rem !important;
    }
    #primaryNavigationWrapper ul{
        display: flex !important;
        justify-content: flex-start !important;
    }
    #primaryNavigationWrapper ul ul{
        display: block !important;
    }
    #primaryNavigation a span {
        font-size: 0.8rem !important;
        width: auto !important;
        margin: 0 auto !important;
        text-transform: none !important;
    }
    /*#primaryNavigation div.content > ul > li:first-child a.has_child{*/
    /*    border-left: 1px solid #ddd !important;*/
    /*    padding-left: 1rem !important;*/
    /*}*/
    #primaryNavigation div.content > ul > li > a {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    #primaryNavigation div.content > ul > li > a::after {
        background: var(--magenta) !important;
        width: 100% !important;
        margin-left: -15px !important;
    }
    #primaryNavigation div.dropdown div.text p strong {
        color: white !important;
    }
    #utilityNavigation li.quick_links div.dropdown div.columnOne h4, #utilityNavigation li.quick_links div.dropdown div.columnTwo h4 {
        color: white !important;
    }
    #utilityNavigation li.quick_links div.dropdown div.columnOne, #utilityNavigation li.quick_links div.dropdown div.rowBottom > ul, #utilityNavigation li.accessibility div.dropdown li {
        border-color: var(--maroon) !important;
    }
    #utilityNavigation li.quick_links div.dropdown div.rowBottom > ul > li a::before {
        background: var(--maroon) !important;
    }
    #utilityNavigation li.quick_links div.dropdown a:hover span, #utilityNavigation li.quick_links div.dropdown a:hover {
        color: white !important;
    }
    #primaryNavigation div.dropdown {
        background: var(--deep-maroon) !important;
    }
    #primaryNavigation div.dropdown a:hover {
        font-weight: 600 !important;
        color: white !important;
    }
    #primaryNavigation div.dropdown li a span {
        border-color: var(--maroon) !important;
    }
    #primaryNavigation div.dropdown div.thumb span {
        border-color: var(--magenta) !important;
    }
    #primaryNavigation div.dropdown ul::after {
        display: none !important;
    }
    #primaryNavigation {
        background: white !important;
    }
    #primaryNavigation div.content > ul > li > a {
        color: black !important;
        text-transform: capitalize !important;
        height: 4rem !important;
        /*border-right: 1px solid #ddd !important;*/
    }

    #primaryNavigation div.dropdown div.text p {
        color: white !important;
        font-family: 'Spectral', serif !important;
        text-transform: none !important;
    }
    #globalNavigationWrapper > ul > li.last {
        display: none !important;
    }
    #primaryNavigation div.dropdown div.text h4 {
        color: white !important;
    }
    div.imageGallery.horizontal div.caption h1,
    div.imageGallery.horizontal div.caption h2 {
        color: white !important;
	margin-bottom: 20px !important;
    }
    #utilityNavigation {
        height: 2rem !important;
    }
    #utilityNavigationWrapper > ul > li > a {
        font-size: 80% !important;
    }
    #utilityNavigation ul li.translation a {
        position: relative !important;
        padding-left: 18px !important;
    }
    #utilityNavigationWrapper > ul > li.translation a:before  {
        content:"";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:10px;height:10px;' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129' /%3E%3C/svg%3E")!important;
        width: 14px!important;
        height: 14px!important;
        position: absolute!important;
        top: 2px!important;
        left: 0px!important;
    }
    #utilityNavigationWrapper > ul > li.library a:before { content: "\1F56E"; margin-right: 6px; font-weight:bold; }
    #utilityNavigationWrapper > ul > li.accessibility img { padding-bottom: 4px; height:17px !important; margin-right: 3px;}
    #utilityNavigationWrapper > ul > li.quick_links a:before { content: "\2139"; margin-right: 5px; }
}
/* end min-width: 1000 */

/* 4. Footer */
div.footerNews {
    background: var(--maroon) !important;
}

#footerInfo {
    background: var(--deep-maroon) !important;
}
#footerInfo div.columnTwo {
    border-color: var(--maroon) !important;
}
#footer p.contactIcons a::before {
    background: var(--maroon) !important;
}
#footer p.contactIcons a:hover::before {
    background: white !important;
    color: var(--deep-maroon) !important;
}
#footer p.socialIcons a {
    background-color: var(--maroon) !important;
}
#footer p.socialIcons a:hover {
    background-color: white !important;
}
#footer p.socialIcons a:hover::before {
    color: var(--deep-maroon) !important;
}
div.footerNews h4{
    color: white !important;
}
#footerInfoWrapper h3{
    color: white !important;
}
#pageContent .footerNewsWrapper a{
    color: white;
}
#footerNavigation a::after {
    color: white;
}

/* 5. Homepage */
div.imageGallery.plain h2 {
    margin: 0;
    text-align: center;
}
.imageGalleryWrapper {
    width: 100%;
}
.imageGalleryWrapper a {
    color: var(--maroon);
}
div.imageGallery div.controls div.pagination a {
    color: white !important;
}
div.imageGallery.overlap div.item.article div.text h3 {
    color: black !important;
    font-size: 3.5rem !important;
    font-weight: 300 !important;
}
.imageGalleryWrapper div.text a {
    color: var(--maroon);
}
div.imageGallery.background p a {
    background-color: #ffffffc4;
    padding: 0px 3px;
}
div.imageGallery.background div.item div.more a {
    color: #ffffff;
}

div.imageGallery div.controls div.pagination a:hover { 
    color: #ffe14d !important;
}
div.imageGallery div.controls div.pagination a.active {
    color: #ffe14d !important;
}
div.imageGallery div.controls > a:hover {
    color: #ffe14d !important;
}
div.imageGallery div.controls.whitebg a, 
div.imageGallery div.controls.whitebg div.pagination a,
div.keyFactsRoundelsPagination a
{
    color: var(--lavendar-pink) !important;
    text-decoration: none;
}
div.imageGallery div.controls.whitebg div.pagination a:hover {
    color: var(--maroon) !important;
}
div.imageGallery div.controls.whitebg div.pagination a.active {
    color: var(--deep-maroon) !important;
}
div.imageGallery div.controls.whitebg > a:hover {
    color: var(--deep-maroon) !important;
}
div.imageGallery.combined div.caption h2 {
    background: var(--maroon) !important;
    color: white !important;
}
div.imageGallery.combined div.caption h2:after {
    border-color: transparent var(--deep-maroon) transparent transparent !important;
}
div.imageGallery.combined div.caption div.content p::after, div.imageGallery.combined div.caption div.content p:hover {
    color: inherit; /*var(--maroon) !important;*/
}
div.imageGallery div.controls.whitebg div.pagination a.active {
    color: var(--deep-maroon) !important;
}

body.landingPage div.pageHeaderWrapper h1, body.disciplinePage div.pageHeaderWrapper h1 {
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    div.imageGallery.footerNews div.controls > a:hover, div.imageGallery.footerNews div.controls div.pagination a.active {
        color: var(--yellow) !important;
    }
}
@media only screen and (max-width: 999px) {
    #revealNavigationButton a {
        background: var(--deep-maroon) !important;
        border-color: var(--deep-maroon) !important;
    }
    #utilityNavigation {
        width: 100% !important;
        background: #414545 !important;
        position: static !important;
        float: none !important;
        display: block !important;
        margin: 0 !important;
        height: auto !important;
        text-align: left !important;
    }
    #utilityNavigation li.quick_links div.dropdown, #utilityNavigation li.accessibility div.dropdown {
        border-color: #414545 !important;
    }
    #globalNavigation h3, #utilityNavigation h3 {
        color: white !important;
        font-weight: 600 !important;
        font-size: 1.1rem !important;
    }
    body.landingPage div.pageHeaderWrapper h1, body.disciplinePage div.pageHeaderWrapper h1 {
    	color: black;
    }
}



/* 6. Courses */
div.pageHeaderWrapper h1 {
    color: black;
}
#secondaryNavigation ul li.active > span a,
#secondaryNavigation ul ul li.active > span a {
    color: var(--deep-maroon) !important;
}
#secondaryNavigation ul li.active > a,
#secondaryNavigation ul ul li.active > a {
    color: var(--deep-maroon);
}
table.dataTable tr:nth-child(2n) td a, table.dataTable tr td a {
    color: var(--deep-maroon) !important;
}
table.dataTable tr:nth-child(2n) td.cao-col a, table.dataTable td.cao-col a  {
    color: rgb(94, 100, 100) !important;
    text-decoration: underline !important;
}
div.dataTables_filter {
    background: #ffffff !important; /* was maroon */
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    height: 78px;
}
table.dataTable th {
    background: var(--maroon) !important; /* was maroon */
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    height: 78px;
}
div.dataTables_filter > label > input[type=search] {  border: 1px solid var(--ash); }
div.dataTables_filter > label > input[type=search].narrow { max-width: 80% !important; }
div.dataTables_filter > label > input[type=search]:focus { border: 4px double black !important; }
div.dataTables_filter > label #search-button {top: 15px; height: 42px; }
div.dataTables_filter > label #search-button:focus {border: 4px double yellow; color: #000; background: var(--maroon); height: 36px; }
div.dataTables_filter > label::after {background: rgba(255,255,255,0) !important; }

div.dataTables_paginate a.current {
    background: var(--deep-maroon) !important;
}
div.downloadsWrapper {
    background: var(--maroon) !important;
}
div.downloads ul.downloadList li p, div.downloads ul.downloadList li a::after {
    color: var(--deep-maroon) !important;
}
div.downloads div.downloadPagination a:hover, div.downloads div.downloadPagination a.active {
    color: var(--yellow) !important;
}
div.tabsWrapper .tabsMenu ul li.active > a {
    color: var(--deep-maroon) !important;
}
#pageContent div.pageButtons a.howToApply, div.pageButtons a {
    background: var(--maroon) !important;
    color: white !important;
}
.newsPage div.pageButtonsWrapper {
    margin-right: 1em;
}
body.newsPage.article div.news_article div.article div.author p.author_name {
    color: var(--deep-maroon);
}
body.newsPage div.article_buttons a > span.prev, body.newsPage div.article_buttons a > span.next {
    color: var(--maroon);
}
body.newsPage.article div.news_article div.date span.month, 
body.newsPage.article div.news_article div.date span.day, 
body.newsPage.article div.news_article div.date span.year,
.customSelect::after {
    background: var(--deep-maroon) ! important;
}
#pageContent div.pageButtons a {
    background: var(--deep-maroon) !important;
    color: white !important;
}
div.pageButtons a:hover, div.pageButtons a.howToApply:hover {
    background: var(--magenta) !important;
}
.pageButtonsWrapper ul {
    display: flex !important;
}
.courseDetailPage .pageButtonsWrapper ul, .newsPage .pageButtonsWrapper ul {
    flex-direction: column !important;
}
body .pageButtonsWrapper ul li {
    width: 100% !important;
}
div.videoYoutube div.info {
    background: var(--deep-maroon) !important;
}
div.videoYoutube.videotabs span.videoThumb img {
    border-color: var(--magenta) !important;
}
div.videoYoutube.videotabs a.videoLink {
    border-color: var(--maroon) !important;
}
div.videoYoutube div.info a {
    color: #fff !important;
}
ul.tabbed-content li.active a {
    background: var(--maroon) !important;
}
div.grid div.item h3.more {
    background: var(--maroon) !important;
    color: white !important;
}
div.imageBlock.mulberryPurpleBackground, div.imageBlock.deepOrchid {
    background: var(--deep-orchid) !important;}

div.imageBlock.tealBackground, div.imageBlock.oceanBlue {
    background: var(--ocean-blue) !important;
}
div.imageBlock.skyBlueBackground, div.imageBlock.rose {
    background: var(--rose) !important;
}
div.imageBlock.maroon { background: var(--maroon); }
div.imageBlock.magenta { background: var(--magenta); }
div.imageBlock.deepMaroon { background: var(--deep-maroon); }
div.imageBlock.ash { background: var(--ash); }
div.imageBlock.black { background: var(--black70); }
div.imageBlock.aquaMarine { background: var(--aqua-marine); }
div.imageBlock.violet { background: var(--violet); }

#secondaryNavigation ul ul li a:hover {
    color: var(--maroon) !important;
}
#collegePageButtonNavigation a span::after {
    background: var(--deep-maroon) !important;
}
#collegePageButtonNavigation a:hover {
    background: var(--maroon) !important;
    color: #ffffff !important;
}
#collegePageButtonNavigation a, #collegePageButtonNavigation a:hover span::after {
    color: var(--maroon) !important;
    background: #fff !important;
}
div.imageGallery.flipbook div.item.active:hover .caption::after {
    color: var(--maroon) !important;
}
div.downloads h3 {
    color: white !important;
}
.Theme-Collection--Grid:not(:empty) .Theme-Layer-Gallery-Item .Theme-Layer-Gallery-Item-Description, .Theme-Collection--Grid:not(:empty) .Theme-Layer-Gallery-Item .Theme-Layer-Gallery-Item-Title {
    color: white !important;
}

div.box.blue {
    background: var(--ocean-blue) !important;
}
div.box.blue::before {
    border-color: #5DA2BA #fff !important;
}

div.box.teal {
    background: var(--maroon) !important;
    color: #f7f7f7;
}
div.box.teal::before {
    border-color: var(--lavendar-pink) #fff !important;
}
div.box.teal a.more {
    background: var(--deep-maroon) !important;
}


div.box.orange {
    background: var(--orange) !important;
}
div.box.orange::before {
    border-color: #FBAC6E #fff !important;
}
div.box.orange h3, div.box.orange p, div.box.orange h3, div.box.orange li, div.box.orange h3, div.box.orange a{
    color: #000 !important;
}
div.box.orange a.more {
    background: #c77326;
    color: white !important;
}


div.box.lightgrey {
    background: #f9f7f4;
    border: 1px solid #cfcfcf;
}
div.box.lightgrey a, div.box.lightgrey li::marker {
    color: black !important;
}
div.box.lightgrey::before {
    border-color: #f9f7f4;
}
div.box.lightgrey a.more {
    background: #00000015; /*aka #e5e3e0 */
    color: #000 !important;
}
div.box.lightgrey h2, div.box.lightgrey h3, div.box.lightgrey p {
    color: #5e6464 !important;
}


div.box.light-green-header {
    background: var(--spring-green) !important;
}
div.box.light-green-header::before {
    border-color: #67D096 #fff !important;
}
div.box.light-green-header h3, div.box.light-green-header p, div.box.light-green-header h3, div.box.light-green-header li, div.box.light-green-header h3, div.box.light-green-header a{
    color: #000 !important;
}
div.box.light-green-header a.more {
    background: #086E43;
    color: #fff !important;
}

div.box.grey {
    background: var(--ash) !important;
}
div.box.grey::before {
    border-color: #89817D #fff !important;
}

div.box.purple {
    background: var(--deep-orchid) !important;
}
div.box.purple a.more {
    background: #9f217e !important;
}

div.box.maroon {
    background: var(--maroon);
}
div.box.maroon::before {
    border-color: var(--lavendar-pink) #fff;
}
div.box.maroon a.more {
    background: var(--deep-maroon);
}



/* 7. University Life */
div.imageGallery.horizontal.titleOnly div.caption h1,
div.imageGallery.horizontal.titleOnly div.caption h2 {
    background: var(--maroon) !important;
}
div.imageGallery.horizontal.titleOnly div.caption h1:after,
div.imageGallery.horizontal.titleOnly div.caption h2:after {
    border-color: transparent var(--deep-maroon) transparent transparent !important;
}
#secondaryNavigation ul li a:hover {
    color:var(--maroon) !important;
}
div.keyFactsRoundels div.keyFactsRoundelsPagination a:hover, div.keyFactsRoundels div.keyFactsRoundelsPagination a.active {
    color: var(--deep-maroon) !important;
}
div.keyFactsRoundels div.roundel:nth-child(3n+1) h3 {
    color: var(--ocean-blue) !important;
}
div.keyFactsRoundels div.roundel:nth-child(3n+2) h3 {
    color: var(--deep-orchid) !important;
}
div.keyFactsRoundels div.roundel:nth-child(3n+3) h3 {
    color: var(--deep-maroon) !important;
}
div.keyFactsRoundels div.roundel.brief:nth-child(3n+1) p {
    color: var(--ocean-blue);
}
div.keyFactsRoundels div.roundel.brief:nth-child(3n+2) p {
    color: var(--deep-orchid);
}
div.keyFactsRoundels div.roundel.brief:nth-child(3n+3) p {
    color: var(--deep-maroon);
}

div.highlight_feature {
    background: var(--ocean-blue) !important;
}
#pageContent .node-imageBlock h3, #pageContent .node-imageBlock a.viewMore {
    color: white !important;
}



/* 8. College Page */
#collegePageWidgets {
    background: #ffffff !important;
}
#collegePageWidgets div.featuresWidget h3 {
    background: var(--deep-orchid) !important;
    color: #ffffff !important;
}
#collegePageWidgets div.featuresWidget h3::before {
    border-color: white !important;
}
#collegePageWidgets div.featuresWidget h3::after {
    border-color: white !important;
}
#collegePageWidgets div.newsWidget h3, #collegePageWidgets div.newsWidget div.more a {
    background: var(--ocean-blue) !important;
    color: #ffffff !important;
}
#collegePageWidgets div.newsWidget h3::after {
    border-color: white !important;
}
#collegePageWidgets div.newsWidget h3::before {
    border-color: white !important;
}
#collegePageWidgets div.eventsWidget div.more a, #collegePageWidgets div.eventsWidget h3 {
    background: var(--maroon) !important;
    color: #ffffff !important;
}
#collegePageWidgets div.eventsWidget h3::after {
    border-color: white !important;
}
#collegePageWidgets div.eventsWidget h3::before {
    border-color: white !important;
}
#collegePageWidgets div.widget span.date {
    color: var(--deep-maroon) !important;
}
/* Icon Links */
#collegeIconNavigation li.item::before {
    background: var(--ocean-blue) !important;
}
 /* school_icon used on  #collegeIconNavigation and #schoolNavigation */
.school_icon::before,
.school_icon.generic::before { background-image: url('../images/icons/uog_icons_generic.png') !important;}
.school_icon.archaeology_geology::before { background-image: url('../images/icons/uog_icons_archaeology_geology.png') !important;}
.school_icon.archaeology_geology2::before { background-image: url('../images/icons/uog_icons_archaeology_geology_v2.png') !important;}
.school_icon.business_economics::before { background-image: url('../images/icons/uog_icons_business_economics.png') !important;}
.school_icon.chemistry::before { background-image: url('../images/icons/uog_icons_chemistry.png') !important;}
.school_icon.education::before { background-image: url('../images/icons/uog_icons_education.png') !important;}
.school_icon.health_sciences::before { background-image: url('../images/icons/uog_icons_health_sciences.png') !important;}
.school_icon.humanities::before { background-image: url('../images/icons/uog_icons_humanities.png') !important;}
.school_icon.languages_literatures_cultures::before { background-image: url('../images/icons/uog_icons_languages_literatures_cultures.png') !important;}
.school_icon.law::before { background-image: url('../images/icons/uog_icons_law.png') !important;}
.school_icon.mathematics::before { background-image: url('../images/icons/uog_icons_mathematics_v2.png') !important;}
.school_icon.medicine::before { background-image: url('../images/icons/uog_icons_medicine.png') !important;}
.school_icon.natural_sciences::before { background-image: url('../images/icons/uog_icons_natural_sciences.png') !important;}
.school_icon.nursing_midwifery::before { background-image: url('../images/icons/uog_icons_nursing_midwifery.png') !important;}
.school_icon.physics::before { background-image: url('../images/icons/uog_icons_physics.png') !important;}
.school_icon.political_science_sociology::before { background-image: url('../images/icons/uog_icons_political_science_sociology.png') !important;}
.school_icon.psychology::before { background-image: url('../images/icons/uog_icons_psychology.png') !important;}
.school_icon.heart::before { background-image: url('../images/icons/uog_icons_heart.png') !important;}
.school_icon.nurse::before { background-image: url('../images/icons/uog_icons_nurse.png') !important;}
.school_icon.calculator::before { background-image: url('../images/icons/uog_icons_mathematics.png') !important;}
.school_icon.shannon::before { background-image: url('../images/icons/uog_icons_shannon.png') !important;}
.school_icon.microscope::before { background-image: url('../images/icons/uog_icons_microscope.png') !important;}
.school_icon.brain::before { background-image: url('../images/icons/uog_icons_brain.png') !important;}
.school_icon.checkbox::before { background-image: url('../images/icons/uog_icons_checkbox.png') !important;}
.school_icon.embrace::before { background-image: url('../images/icons/uog_icons_embrace.png') !important;}
.school_icon.heart_puzzle::before { background-image: url('../images/icons/uog_icons_heart_jigsaw.png') !important;}
.school_icon.jigsaw_piece::before { background-image: url('../images/icons/uog_icons_jigsaw_piece.png') !important;}
.school_icon.jigsaw::before { background-image: url('../images/icons/uog_icons_jigsaw_pieces.png') !important;}
.school_icon.dancing::before { background-image: url('../images/icons/uog_icons_pair_dancing.png') !important;}
.school_icon.person_box::before { background-image: url('../images/icons/uog_icons_person_box.png') !important;}
.school_icon.rubik::before { background-image: url('../images/icons/uog_icons_rubiks_cube.png') !important;}
.school_icon.wheelchair::before { background-image: url('../images/icons/uog_icons_wheelchair_dance.png') !important;}
.school_icon.write::before { background-image: url('../images/icons/uog_icons_writing.png') !important;}
.school_icon.quote::before { background-image: url('../images/icons/uog_icons_quotation.png') !important;}
.school_icon.monitor::before { background-image: url('../images/icons/uog_icons_endnote.png') !important;}
.school_icon.search::before { background-image: url('../images/icons/uog_icons_search.png') !important;}

#collegeIconNavigation li.item a {
    color: var(--maroon);
}
#collegeIconNavigation li.item a:hover {
    color: white;
}
/*
.accordion a {
    color: black !important;
}
*/
div.promoBox { background: var(--ocean-blue) !important; border-bottom: 5px solid gray;}
div.promoBox.ash { background: var(--ash) !important; }
div.promoBox.blue { background: var(--ocean-blue) !important; }
div.promoBox.deep-maroon { background: var(--deep-maroon) !important; }
div.promoBox.deep-orchid { background: var(--deep-orchid) !important; }
div.promoBox.maroon { background: var(--maroon) !important; }
div.promoBox.rose { background: var(--rose) !important; }
div.promoBox.violet { background: var(--violet) !important; }
div.promoBox.warm-stone { background: var(--warm-stone) !important; }
div.promoBox::before {
    border-color: #b2d9e0 white !important;
}
#pageContent div.wideScreenTabbedContent ul.tabs li a.active {
    background: var(--maroon) !important;
    border-color: var(--maroon) !important;
    color: white !important;
}



/* 9. Perspective Students */
div.ctaBanner div.text {
    background: var(--ocean-blue) !important;
}
div.ctaBanner div.text a.ctaButton {
    background: var(--maroon) !important;
}
div.embededNavigation li {
    color: unset !important;
}
#campusMapBanner a {
    background: var(--aqua-marine) !important;
}



/* 10. Cookie Bar */
/*
.cookie-info button.green {
    color: var(--maroon) !important;
}
.cookie-info button[type=submit] {
    background: var(--maroon) !important;
}
*/


/* 11. Library */
body.libraryHomepage div.library_homepage_search form button {
    background: var(--ocean-blue) !important;
}
div.breadcrumb a[href="/"]::after {
    color: var(--maroon) !important;
}
div.threeColumnTextWhite p.more::after {
    color: var(--maroon) !important;
}



/* 12. Student Services */
div.greyPod h3, div.greyPod a {
    color: var(--ocean-blue) !important;
}

.Theme-Layer-Gallery-Heading {
    color: var(--maroon) !important;
}



/* 13. News */
#archiveDatePickerContainer form {
    background: var(--maroon) !important;
}
div#archiveDatePickerContainer #archiveSelectButton {
    background: var(--maroon) !important;
}
div.article_feature div.article_image, div.news_3col_grid a.article_item div.article_image, div.newsList div.section div.image {
    box-shadow: inset 0 -5px 0 rgb(168 0 80 / 90%) !important;
}



/*14. Slimlinks */
.column-content .slimLink { padding:1em; border: 1px solid black; margin: .2em auto; width:49.5%; display: inline-block;}
/* For 1 column, use 100% width, above.  For 2 columns, use 49.5%.  For 3 columns, use 32.5%. */
.column-content .slimLink { color: #000 !important; }
.column-content .slimLink.red { background-color: var(--rose); border-color: var(--rose); }
.column-content .slimLink.red a { color: #fff !important; }
.column-content .slimLink.pink { background-color: var(--rose70); border-color: var(--rose); }
.column-content .slimLink.pink a { color: #fff !important; }
.column-content .slimLink.terracotta { background-color: var(--orange70); border-color: var(--orange); }
.column-content .slimLink.green { background-color: var(--spring-greenr50); border-color: var(--spring-green70); }
.column-content .slimLink.darkgreen { background-color: var(--spring-green70); border-color: var(--spring-green); }
.column-content .slimLink.blue { background-color: var(--ocean-blue70); border-color: var(--ocean-blue); }
.column-content .slimLink.teal { background-color: var(--aqua-marine50); border-color: var(--aqua-marine70); }
.column-content .slimLink.aquamarine { background-color: var(--aqua-marine); border-color: var(--aqua-marine); }
.column-content .slimLink.aquamarine a { color: #fff !important; }
.column-content .slimLink.orange { background-color: var(--orange); border-color: var(--orange); }
.column-content .slimLink.purple { background-color: var(--violeti70); border-color: var(--violet); }
.column-content .slimLink.purple a { color: #fff !important; }
.column-content .slimLink.plum { background-color: var(--violet); border-color: var(--violet); }
.column-content .slimLink.plum a { color: #fff !important; }
.column-content .slimLink.skyblue { background-color: var(--ocean-blue70); border-color: var(--ocean-blue); }
.column-content .slimLink.indigo { background-color: var(--violet50); border-color: var(--violet70); }
.column-content .slimLink.dusk { background-color: var(--ocean-blue); border-color: var(--ocean-blue); }
.column-content .slimLink.dusk a { color: #fff !important; }
.column-content .slimLink.grey { background-color: var(--ash50); border-color: var(--ash70); }
.column-content .slimLink.charcoal { background-color: var(--ash70); border-color: var(--ash70); }
.column-content .slimLink.charcoal a { color: #fff !important; }

.column-content .slimLink a:hover { text-decoration: none; font-weight: bold; }

.column-content .slimLink.babyblue { background-color: var(--ocean-blue30); border-color: var(--ocean-blue50); }
.column-content .slimLink.lightyellow { background-color: var(--yellow30); border-color: var(--yellow50;); }
.column-content .slimLink.lightgreen { background-color: var(--lime-green30); border-color: var(--lime-green50); }
.column-content .slimLink.lightblue { background-color: var(--ocean-blue30); border-color: var(--ocean-blue50); }
.column-content .slimLink.lightgrey { background-color: var(--sandstone); border-color: var(--sandstone); }
.column-content .slimLink.lightpink { background-color: var(--lavendar-pink50); border-color: var(--lavendar-pink70); }
.column-content .slimLink.lightbrown { background-color: var(--warm-stone30); border-color: var(--warm-stone50); }

/* New Colours */
.column-content .slimLink.maroon { background-color: var(--maroon); border-color: var(--maroon); }
.column-content .slimLink.maroon a { color: #fff !important; }
.column-content .slimLink.deep-maroon { background-color: var(--deep-maroon); border-color: var(--deep-maroon); }
.column-content .slimLink.deep-maroon a { color: #fff !important; }
.column-content .slimLink.ocean-blue { background-color: var(--ocean-blue); border-color: var(--ocean-blue); }
.column-content .slimLink.ocean-blue a { color: #fff !important; }
.column-content .slimLink.rose { background-color: var(--rose); border-color: var(--rose); }
.column-content .slimLink.rose a { color: #fff !important; }
.column-content .slimLink.deep-orchid { background-color: var(--deep-orchid); border-color: var(--deep-orchid); }
.column-content .slimLink.deep-orchid a { color: #fff !important; }
.column-content .slimLink.violet { background-color: var(--violet); border-color: var(--violet); }
.column-content .slimLink.violet a { color: #fff !important; }
.column-content .slimLink.ash { background-color: var(--ash); border-color: var(--ash); }
.column-content .slimLink.ash a { color: #fff !important; }
.column-content .slimLink.warm-stone { background-color: var(--warm-stone); border-color: var(--warm-stone); }
.column-content .slimLink.magenta { background-color: var(--magenta); border-color: var(--magenta); }
.column-content .slimLink.magenta a { color: #fff !important; }
.column-content .slimLink.aqua-marine { background-color: var(--aqua-marine); border-color: var(--aqua-marine); }
.column-content .slimLink.aqua-marine a { color: #fff !important; }
.column-content .slimLink.spring-green { background-color: var(--spring-green); border-color: var(--spring-green); }
.column-content .slimLink.lime-green { background-color: var(--lime-green); border-color: var(--lime-green); }
.column-content .slimLink.orange { background-color: var(--orange); border-color: var(--orange); }
.column-content .slimLink.yellow { background-color: var(--yellow); border-color: var(--yellow); }
.column-content .slimLink.lavendar-pink { background-color: var(--lavendar-pink); border-color: var(--lavendar-pink); }
.column-content .slimLink.sandstone { background-color: var(--sandstone); border-color: var(--sandstone); }

/* Tables */
td.red, tr.red td { background-color: var(--lavendar-pink30) !important; color: #000 !important; }
td.pink, tr.pink td { background-color: var(--selected-field) !important; color: #000 !important; }
td.yellow, tr.yellow td { background-color: var(--yellow30) !important; color: #000 !important; }
td.green, tr.green td { background-color: var(--spring-green30) !important; color: #000 !important; }
td.lime, tr.lime td { background-color: var(--lime-green30) !important; color: #000 !important; }
td.blue, tr.blue td { background-color: var(--ocean-blue30) !important; color: #000 !important; }
td.grey, td.gray, tr.grey td, tr.gray td { background-color: var(--sandstone30) !important; color: #000 !important; }
td.silver, tr.silver td { background-color: #e7ebef !important; color: #000 !important; }
td.white, tr.white td { background-color: #fff !important; color: #000 !important; }
td.aquamarine, tr.aquamarine td { background-color: var(--aqua-marine32) !important; color: #000 !important; }
td.orange, tr.orange td { background-color: var(--orange30) !important; color: #000 !important; }
td.red a, td.pink a, td.yellow a, td.green a, td.lime a, td.blue a, td.grey a, td.gray a, td.silver a, td.white a, td.aquamarine a, td.orange a { color: var(--deep-maroon) !important; }
tr.red td a, tr.pink td a, tr.yellow td a, tr.green td a, tr.lime td a, tr.blue td a, tr.grey td a, tr.gray td a, td.silver td a, tr.white td a, tr.aquamarine td a, tr.orange td a { color: var(--deep-maroon) !important; }
tr.red p, tr.red span, tr.pink p, tr.pink span, tr.yellow p, tr.yellow span, tr.green p, tr.green span, tr.lime p, tr.lime span, tr.blue p, tr.blue span, tr.grey p, tr.grey span, tr.gray p, tr.gray span, tr.silver p, tr.silver span, tr.white p, tr.white span, tr.aquamarine p, tr.aquamarine span, tr.orange p, tr.orange span { color: #000 !important; }

table.bordered td, table.bordered th { border: 1px solid lightgray; }
table.shaded th { background-color: #f9f7f4; }
table.shaded tr:nth-child(even) { background-color: #f6f6f6; }

/* 15.  Forms */
form input:focus {
  outline: none;
  border: 2px solid var(--maroon) !important;
}

@media only screen and (max-width: 767px) {
  div.imageGallery.background div.item h3 {
	color:black;
  }
  div.imageGallery.background div.item div.more a {
    color: var(--maroon);
  }
}