@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-variant: none !important;
}
h1, h2, h3 {
    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 {
    background: var(--deep-orchid) !important;
}
div.imageBlock.tealBackground {
    background: var(--ocean-blue) !important;
}
div.imageBlock.skyBlueBackground {
    background: var(--rose) !important;
}
#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 { background-color: var(--lavendar-pink30) !important; color: #000 !important; }
td.yellow { background-color: var(--yellow30) !important; color: #000 !important; }
td.green { background-color: var(--spring-green30) !important; color: #000 !important; }
td.blue { background-color: var(--ocean-blue30) !important; color: #000 !important; }
td.grey, td.gray { background-color: var(--sandstone50) !important; color: #000 !important; }
td.red a, td.yellow a, td.green a, td.blue a, td.grey a, td.gray a { color: var(--deep-maroon) !important; }

/* 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);
  }
}