/* || FONTS  */

/* vietnamese */
@font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v14/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v14/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v14/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v14/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v14/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v14/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
    font-family: 'Cooper Hewitt';
    src: url(CooperHewitt.ttf);
}

/* || GENERAL STYLES */

body, html, h3, h4, h5, h6, .h3, .h4, .h5, .h6, .content-home .title {
    font-family: 'Public Sans',Arial,Helvetica,sans-serif !important;
}

body {
    font-size: 1.6rem;
    font-weight: normal;
    color: #2e2e2e;
    line-height: 1.6;
}

p {
    line-height: 1.6;
    font-family: 'Public Sans',Arial,Helvetica,sans-serif !important;
    font-size: 1.6rem;
    color: #2e2e2e;
}

a {
    color: #2E2E2E;
    text-decoration-line: underline;
    text-decoration-color: #0075e3;
    text-decoration-thickness: .1em;
    text-underline-offset: 20%;
}

h1, h2, .h1, .h2 {
    font-family: "Cooper Hewitt",Calibri,Tahoma,sans-serif !important;
}

h1, .h1 {
    font-size: 4.8rem;
    font-weight: 700
}

@media screen and (max-width:600px) {
    h1, .h1 {
    font-size: 3.6rem;
    }
}

h2, .h2 {
    font-size: 4.0rem;
    font-weight: 700
}

@media screen and (max-width:600px) {
    h2, .h2 {
    font-size: 2.8rem;
    }
}

h3, .h3 {
    font-size: 3.3rem;
    font-weight: 700
}

@media screen and (max-width:600px) {
    h3, .h3 {
    font-size: 2.3rem;
    }
}

h4, .h4 {
    font-size: 2.5rem;
    font-weight: 700
}

@media screen and (max-width:600px) {
    h3, .h3 {
    font-size: 2.0rem;
    }
}

ul {
    padding-inline-start: 0px;
}

.text-muted {
    font-weight: bold;
    color: #4F4F4F;
}

/* || BUTTONS */

/* Blue Button  */
button.primary, .btn-default,.btn-primary, .buttoncontainer .addnote {
    color: #fff;
    border-radius: 48px;
    padding: 0px 22px;
    font-family: "Cooper Hewitt",Calibri,Tahoma,sans-serif !important;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    background-color: #0058aa;
    border-color: #0058aa;
}

/* Blue Button Hover  */
button.primary:hover, .btn-default:hover,.btn-primary:hover, .btn-primary[disabled]:hover, .buttoncontainer .addnote:hover {
    background-color: #003b72;
    border-color: #0058aa;    
    color: #fff;
}

/* Red Button  */
.btn-danger, .btn-cancel, button.cancel, button.remove-value {
    color: #fff;
    border-radius: 48px;
    padding: 0px 22px;
    font-family: "Cooper Hewitt",Calibri,Tahoma,sans-serif !important;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    background-color: #a94442;
    border-color: #a94442;
} 

/* Red Button Hover  */
.btn-danger:hover, .btn-cancel:hover, button.cancel:hover, button.remove-value:hover, button.remove-value[disabled]:hover {
    background-color: #843534;
    border-color: #a94442;
    color: #fff;
} 

/* Red Button Active/Focus*/

.btn-danger:active, .btn-cancel:active, button.cancel:active, button.remove-value:active, button.remove-value[disabled]:active, .btn-danger:focus, .btn-cancel:focus, button.cancel:focus, button.remove-value:focus, button.remove-value[disabled]:focus {
    background-color: #843534;
    border-color: #4d1f1e;
    color: #fff;
}

/* Buttons White icon on UoG Navy Background - Search icons, clear search  */
.form-search .input-group .input-group-btn button.btn.btn-default, button.btn.btn-default.search-apply, .entitylist-search > .input-group-btn > button.btn.btn-default.btn-hg, button.btn.btn-default.search-clear, .input-group-btn > button.btn.btn-default.launchentitylookup {
    height: 38px;
    line-height: 38px;
    border: 0;
    color: #fff;
    background: #00033d;
    border-radius: 0;
    padding: 0px 12px;
    font-family: "Public Sans",Arial,Helvetica,sans-serif !important;
}

/* || GRIDS (DATA FROM SLM*/

.view-grid > table > thead > tr > th.sort-enabled > a {
    text-decoration-line: none;
}

.pagination > .active > a {
    background-color: #00033d !important;
}

a.details-link:hover {
    color: black;
}

/* || SITEWIDE */

/* || HEADER */

/* Mobile Header */
.navbar-toggle {
    border-color: #fff !important
}

.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus {
    background-color: #00033d;
}

.navbar-inverse .navbar-nav > .open> a.navbar-icon:focus, .navbar-inverse .navbar-nav > .open > a.navbar-icon {
    background: none;
    text-decoration:underline;
}

@media (max-width: 1199px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
    }
}

@media (max-width: 1199px) {
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    display: none;
    }
}

/* Desktop Header */
.navbar.navbar-inverse.navbar-static-top {
    background-color: #00033d;
    padding: 10px 0px;
}

.visible-sm-block.visible-md-block.visible-lg-block.navbar-brand {
    padding: 0px;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover, .navbar-static-top.navbar .menu-bar > .navbar-nav > li.dropdown.open > a {
    text-decoration: underline;
    border-bottom: none;
    background: none;
    padding-bottom: 14.5px
}

.glyphicon-search:hover, .dropdown.open > a.navbar-icon > .glyphicon-search {
    text-decoration: underline;
    border-bottom: none;
    background: none;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: "Public Sans",Arial,Helvetica,sans-serif !important;
    color: #fff;
    text-decoration: none;
}

.navbar-static-top .navbar-brand {
    font-family: "Public Sans",Arial,Helvetica,sans-serif !important;
}

/* Header Search */
li#header-search > .form-search > .input-group > .input-group-btn > button.btn.btn-default {
    color: #00033d;
    background-color: #eeedee;
}

#header-search {
    border: 1px solid #2e2e2e
}

#header-search .dropdown-submenu {
    right: 0px;
}

@media (max-width: 1199px) {
    #navbar .dropdown-search #search-filter {
    padding-left: 12px;
    }
}

/* || FOOTER */

footer {
    color: #fff;
}

div#footerweblinks {
    margin-bottom: 30px;
}

div#footersnippet {
    padding: 50px 10px 0px 10px;
    border-top: solid 2px #fff;
    margin: 0px 10px;
}

#footersnippet p {
    color: #fff;
    font-size: 1.4rem;
}

footer .footer-top {
    background-color: #2e2e2e;
}

footer .footer-bottom {
    background-color: #2e2e2e;
}

footer .footer-bottom a {
    text-decoration: none;
}

footer .footer-bottom a:hover {
    text-decoration: underline;
}

footer .footer-bottom ul li a, 
footer .footer-bottom ul li a:hover, 
footer .footer-bottom ul li a:focus, 
footer .footer-bottom ul li a:active, 
footer .footer-bottom ul li a.active {
    font-size: 1.6rem;
}

/* Sticky Footer */
html,
body {
  height: 100%; /* Set to 100% of the container */
}

body > footer {
  top: 100vh; /* pushes the footer outside the visible area */
  position: sticky; /* pulls it back up and sticks it to the bottom edge */
}

.wrapper-body {
  min-height: 100px; /* need to set a value to override the theme.css's calc value */
}

/* Section Above Main Footer (Didn't find info > Topics, Create Enquiry) */
.section-diagonal-right .section-diagonal-right-content {
    background: #eeedee !important;
}

.section-diagonal-left .row, .section-diagonal-right .row {
    padding-top: 30px;
    padding-bottom: 30px;
}

a.btn.btn-info-home.btn-lg-home {
    margin-top: 10px;
    background: #0058aa;
    color: #fff;
    border-radius: 48px;
    font-size: 1.8rem;
    padding: 0px 22px;
    font-family: "Cooper Hewitt",Calibri,Tahoma,sans-serif !important;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
}

#gethelp h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000;
    font-size: 2.5rem;
    font-weight: 700;
    padding-bottom: 15px; 
}

@media screen and (max-width: 993px) {
    #gethelp h3 {
        font-size: 2rem;
    }
}

/* Buttons (Above Footer) Hover */
a.btn.btn-info-home.btn-lg-home:hover {
    background-color: #003b72;
    border-color: #0058aa;    
    color: #fff;
}

/* || COOKIE CONSENT POP-UP  */

#onetrust-policy-text {
    font-size: 1.6rem !important;
}

#onetrust-pc-btn-handler, #onetrust-accept-btn-handler {
    font-size: 1.2rem !important;

}

/* || BREADCRUMBS (ALL PAGES (NOT HOME)  */

.breadcrumb > li a, .breadcrumb > li > a:hover {
    color: #2E2E2E;
}

.breadcrumb>.active {
    color: #2E2E2E;
}

/* || PAGE SPECIFIC */

/* || HOME PAGE */

/* Home Page Heading Section*/
h1#homeheading {
    font-family: "Cooper Hewitt",Calibri,Tahoma,sans-serif !important;
    font-size: 5.5rem;
    text-transform: none;
    font-weight: 700;
    margin: 10px 0px;
}

@media screen and (max-width: 600px) {
    .section-landing .row > div .section-landing-heading {
        font-size: 5rem;
    }
}

.section-landing .row > div .section-landing-sub-heading {
    letter-spacing: normal;
    text-transform: none;
    font-size: 3rem;
    font-weight: 400;
    margin-bottom: 25px;
}

@media screen and (max-width: 600px) {
    .section-landing .row > div .section-landing-sub-heading {
        font-size: 3rem;
    }
}

@media screen and (max-width: 600px) {
    .section-landing h2 {
        margin-left: 0px;
    }
}

.page_section.section-landing .row {
    padding-bottom: 25px;
}

.layer_up {
    height: 5px;
}

.layer_down {
    display: none;
    background: none;
}

/* Home page search bar */
button#search-filter {
    height: 38px;
    border: 0;
    background: #eeedee;
    color: #00033d
}

input#search_control {
    height: 38px;
    padding-top: 8px;
    border: 0;
}

input#q {
    height: 38px;
    padding-top: 8px;
    border: 0;
}

input#search_control:focus {
    outline: auto;
}

/* Main Feature Section (Most Popular) */
h2.blue_border {
    font-size: 4.0rem;
    font-family: "Cooper Hewitt",Calibri,Tahoma,sans-serif !important;
    font-weight: 700;
    color: #2E2E2E;
}

@media screen and (max-width:600px) {
    h2.blue_border {
    font-size: 2.8rem;
    }
}

.blue_border {
    border-bottom: 7px solid #00033d !important;
}

.content-home a.list-group-item, .content-home .list-group-item a.title {
    color: #2E2E2E;
    text-decoration-line: underline;
    text-decoration-color: #0075e3;
    text-decoration-thickness: .1em;
    text-underline-offset: 20%;
    font-size: 2.1rem;
    font-weight: bold;
}

.content-home .description {
    color: #2E2E2E;
    font-size: 1.6rem;
    font-weight: 400;
}

.page_section p {
    border-top: none;
}

/* Bottom Feature Section (Popular/Recent/Top Rated) */
.col-md-4 a {
    color: #2E2E2E !important;
    text-decoration-line: underline;
    text-decoration-color: #0075e3;
    text-decoration-thickness: .1em;
    text-underline-offset: 20%;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 20px;
}

.sidebar-home .list-group-item {
    font-size: 1.6rem;
}

.sidebar-home .list-group-item.clearfix:hover {
    text-decoration: none;
}

.sidebar-home .list-group-item.clearfix a.title:hover {
    color: #232222;
    text-decoration: underline;
    background-color: transparent;
}

.sidebar-home .panel-title {
    font-size: 2.5rem;
    font-family: "Cooper Hewitt",Calibri,Tahoma,sans-serif !important;
    font-weight: 700;
    color: #000;
}

.sidebar-home {
    border-top: none;
    background-color: #eeedee;
    margin-top: 0px;
}

@media screen and (max-width: 600px) {
    .sidebar-home .panel-title  {
        font-size: 2.0rem;
    }
}

/* || SEARCH PAGE */

/* Search page heading */
h1.section-landing-heading {
    font-size: 5.5rem;
    margin: 30px 0px;
}

/* Search page landing section */
.section-landing-search .row {
    padding: 25px 0px;
}

/* Search results  */
.search-results a {
    color: #2E2E2E;
    text-decoration-line: underline;
    text-decoration-color: #0075e3;
    text-decoration-thickness: .1em;
    text-underline-offset: 20%;
    font-size: 2.1rem;
    font-weight: bold;
}

.search-results .page-header h2:focus-visible {
    outline: none;
}

.search-results .page-header:focus-visible {
    outline: none;
}


/* || KNOWLEDGE BASE HOME PAGE */

/* Knowledge base categories */
a.list-group-item {
    color: #2E2E2E;
    text-decoration-line: underline;
    text-decoration-color: #0075e3;
    text-decoration-thickness: .1em;
    text-underline-offset: 20%;
    font-size: 2.1rem;
    font-weight: bold;
}

/* || KNOWLEDGE ARTICLE DETAILS PAGE */

/* Hide views count */
div#found-my-answer-bottom-comments {
    display: none;
}

/* Hide comments */
div#comments {
    display: none;
}

/* Article content */
.knowledge-article-content {
    font-size: 1.6rem !important;
    font-weight: normal !important;
    font-family: 'Public Sans',Arial,Helvetica,sans-serif !important;
}

/* Modified On  */
div#modifiedon {
    margin-bottom: 15px;
    font-style: italic;
}

/* || OPEN A NEW ENQUIRY PAGE - THIS IS DEPENDANT ON THE FORM AND LABEL OF ELEMENTS */

/* Resize search bar Course */
input#cls_relatedcourseenrolment_name {
    height: 38px;
}

/* Resize search bar Module */
input#cls_relatedmoduleenrolment_name {
    height: 38px;
}

/* Clear course/module lookup button */
button.btn.btn-default.clearlookupfield {
    background-color: #a94442;
    border: none;
    padding: 0px 12px;
    height: 38px;
}

/* || MY SUPPORT PAGE */

/* Resize top search bar */
input.form-control.subject.case-deflection {
    height: 38px;
}

/* Resize enquiry search bar */
input.query.form-control {
    height: 38px;
}

/* View selector */
a.selected-view.dropdown-toggle {
    text-decoration: none;
}

a.selected-view.dropdown-toggle:hover, a.selected-view.dropdown-toggle:active, a.selected-view.dropdown-toggle:focus {
    color: #232222;
}

.dropdown-menu > li > a {
    text-decoration: none;
}

a.selected-view.dropdown-toggle .title {
    padding: 0px 5px;
}

button.btn.btn-default.btn-xs.aria-exp {
    background: none;
    color: #00033d;
}

button.btn.btn-default.btn-xs.aria-exp:focus {
    outline-color: #00033d;
    outline-offset: 0px;
}

.dropdown-menu>.active>a {
    background-color: #0058aa
}
                                
