/* smaller desktops */
/* @media screen and (max-width:64rem){} */

/* mobile desktops */
/* @media screen and (max-width:48rem){} */

/*///////////////////////////////////*/
/*////// CONTENT TYPE STYLING ///////*/
/*///////////////////////////////////*/

/* LIBRARY HELP SEARCH */

.libraryHelpSearchCTAs_container{
    /*background-image: SET IN T4 CONTENT TYPE */
    background-size:100% auto;
    background-position:top 20% center;
    background-repeat:no-repeat;
}

.libraryHelpSearchCTAs_container section.libraryHelpSearchCTAs{
	background-color: rgba(0,0,0,0.80);
    padding:2.8rem 0 4rem 0;
}

section.libraryHelpSearchCTAs div.row h2 a{
    color:#FFFFFF;
}

section.libraryHelpSearchCTAs form#searchForm{
    padding-top:0;
    padding-bottom:0;
}

section.libraryHelpSearchCTAs div.libraryHelpSearchButtons a.cta{
    width:32%;
    margin:0;
    margin-right:2%;
    display:inline-block;
    border-color:#FFFFFF;
    /*background-color:rgba(255,255,255,0.1);*/
    background-color:transparent;
    color:#FFFFFF;
}

section.libraryHelpSearchCTAs div.libraryHelpSearchButtons a.cta:hover{
    background-color:#FFFFFF;
    color:#000000;
}

section.libraryHelpSearchCTAs div.libraryHelpSearchButtons a:last-child{
    margin-right:0;
}

@media screen and (max-width:48rem){
    section.libraryHelpSearchCTAs div.libraryHelpSearchButtons a.cta{
        width:100%;
        margin-right:0;
        margin-bottom:15px;
        display:block;
    }
}

/* SPECIAL COLLECTIONS COLLECTED VOICES AND AUDIO PLAYER */

section.collectedVoices div.collectedVoicesImageWrapper{
    background-color:grey;
}

section.collectedVoices div.collectedVoicesImageWrapper img{
    max-width:800px;
    display:block;
    margin:0 auto;
}

/* mobile */
@media screen and (max-width:48rem){
    section.collectedVoices div.collectedVoicesImageWrapper img{
        width:100%;
    }
}

/*///////////////////////////////////*/
/*////// GLOBAL TEMPLATE STYLING ////*/
/*///////////////////////////////////*/

/* hide zephyr search box only on desktop view */
@media screen and (min-width:48rem){
    div.search-inline:not(#moved_search_box){
        display:none !important;
    }
}

/* hide our duplicated search box on mobile */
@media screen and (max-width:48rem){
    .search-inline#moved_search_box{
        display:none !important;
    }
}

/* hide the search radio buttons */
.primary>.row>.menu>.menu-wrapper>ul:not(.menu-toplevel):not(.menu-secondary){
    display:none;
}

.footerCCLicense p {
    font-size: 0.75rem;
    text-align: right;
    padding-top: 0.5rem;
}

.footerCCLicense > a {
    display: block;
    max-width: 100%;
    width: 7.5rem;
    margin-right: 0;
    margin-left: auto;
}

/* mobile "University library" hyperlink (added via js) styling */
div.primary div.row div.logo div.school-name div.school-name a{
    color:#FFFFFF;
}

/* ie fix blue bar at top */
/* 267aa1 */
/*.navigation .secondary,
.navigation .primary > .row .unit-bar{
    background-color:#267aa1 !important;
    border-top-color:#267aa1 !important;
}*/

/* override for new template jan 24 */
.navigation .search-submit{
    background-image:url("/webtemplate/libraryassets/images/icon-search.png");
}

/* override for new template jan 24 */
.navigation .secondary .section-label:after{
    background-image:url("/webtemplate/libraryassets/images/icon-home-blue.svg");
}

.search-inline#moved_search_box{
    margin-left:30px;
    /*margin-top:-2px;*/
}

.search-inline#moved_search_box input{
    height:2rem;
    border-color:#003a65;
}

.search-inline#moved_search_box input.search-submit{
    width:2rem;
    background-size:60%;
    background-color:#003a65;
}

.search-inline#moved_search_box input.search-submit:hover{
    background-color:#0a3b52;
}

/* chat widget styling */
.lcs_slide_out-b header a{
    border:0 !important;
    background-color:red;
    transition:all 0.1s linear;
    opacity:.95;
    box-shadow:0px 0px 15px 1px #FFFFFF;
}

.lcs_slide_out-b:not(.open) header a:hover{
    border:0 !important;
    border-bottom:10px solid #8c4799 !important;
    border-top:5px solid #8c4799 !important;
    opacity:1;
}

.lcs_slide_out-b{
    right:50px !important;
}

/* reduce massive bottom padding */   
section.gallery{
    /*padding-bottom:2rem !important;*/
}

section.gallery div.slickSlider.loading{
    
}


/* footer tweaks */

h4.footerHeading:not(#university-library-footer-heading){
    display:none;
}
.footerSocialIcons{
    margin-bottom:0;
}
#library-footer-cse img{
    width:auto;
    float:right;
    margin-left:10px;
}

/*///////////////////////////////////*/
/*////// PAGE CONTENT STYLING ///////*/
/*///////////////////////////////////*/

/* Homepage */

section.librariesLocations{
    border-bottom:1px solid #c7c7c7;
    padding:5px 0 25px 0;
}

section.librariesLocations div.librariesLocationsContainer{
    display:flex;
    flex-wrap:wrap;
}

section.librariesLocations div.librariesLocationsContainer .locationBox{
    width:23.5%;
    margin-right:2%;
    padding:10px 0;
}

section.librariesLocations div.librariesLocationsContainer .locationBox:before{
    content:"";
    height:25px;
    margin-bottom:10px;
    width:100%;
    display:block;
    background-color:#CCCCCC;
	background-size:100% auto;
}

section.librariesLocations div.librariesLocationsContainer .locationBox.ssa-loading:before,
section.librariesLocations div.librariesLocationsContainer .locationBox.times-loading:before{
    background-image:url("../images/ssa_loading.svg");
}

section.librariesLocations div.librariesLocationsContainer .locationBox:last-child{
    margin-right:0;
}

section.librariesLocations div.librariesLocationsContainer .locationBox h3{
    font-size:2rem;
}

section.librariesLocations div.librariesLocationsContainer .locationBox h3 a{
    color:#4c4c4c;
}

section.librariesLocations div.librariesLocationsContainer .locationBox h3 a:after{
    content:"\f054";
    font-family:"Font Awesome 5 Free";
    font-size:1.5rem;
    margin-left:15px;
    margin-right:10px;
    transition:all 0.3s ease-in-out;
    display:inline-block;
}

section.librariesLocations div.librariesLocationsContainer .locationBox h3 a:hover:after{
    margin-left:25px;
    margin-right:0px;
}

div.librariesLocationsContainer .locationBox p.locationBoxTimesBuilding,
div.librariesLocationsContainer .locationBox p.locationBoxSSA{
    font-weight:bold;
}

div.librariesLocationsContainer .locationBox .locationBoxTimesBuilding:before,
div.librariesLocationsContainer .locationBox .locationBoxSSA:before{
    display:inline-block;
    content:"";
    width:15px;
    height:15px;
    border-radius:15px;
    margin-right:8px;
    background-color:#CCCCCC;
}

div.librariesLocationsContainer .locationBox.times-open p.locationBoxTimesBuilding:before,
div.librariesLocationsContainer .locationBox.ssa-green p.locationBoxSSA:before,
section.librariesLocations div.librariesLocationsContainer .locationBox.times-open.ssa-green:before,
section.librariesLocations div.librariesLocationsContainer .locationBox.times-open.ssa-unavailable:before{
    background-color:#008000;
}

div.librariesLocationsContainer .locationBox.times-custom p.locationBoxTimesBuilding:before,
div.librariesLocationsContainer .locationBox.ssa-amber p.locationBoxSSA:before,
section.librariesLocations div.librariesLocationsContainer .locationBox.times-open.ssa-amber:before,
section.librariesLocations div.librariesLocationsContainer .locationBox.times-custom:before{
    background-color:#ffa500;
}

/*div.librariesLocationsContainer .locationBox.times-closed p.locationBoxTimesBuilding:before,*/
div.librariesLocationsContainer .locationBox.ssa-red p.locationBoxSSA:before,
section.librariesLocations div.librariesLocationsContainer .locationBox.times-open.ssa-red:before{
    background-color:#FF0000;
}

div.librariesLocationsContainer .locationBox.times-closed .locationBoxSSA{
    display:none;
}

.locationBoxSSA a:link,
.locationBoxSSA a:visited {
    color: #4c4c4c;
    text-decoration: none;
}

.locationBoxSSA a::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-size: 1em;
    margin-right: 0.5em;
    margin-left: 1em;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

.locationBoxSSA a:hover {
    background: none !important;
    text-decoration: underline !important;
}

.locationBoxSSA a:hover:after {
    margin-right: 0;
    margin-left: 1.5em;
}

.locationBox:not(.ssa-loaded) .locationBoxSSA {
    pointer-events: none;
}

.locationBox:not(.ssa-loaded) .locationBoxSSA a::after {
    display: none;
}

/* You said we did */
section.library-you-said-we-did div.library-you-said-content {
    border-left: 9px solid #c9333c;
	margin-bottom: 50px;
}

div.library-you-said {
    margin-bottom: 10px;
}

div.library-you-said h2, div.library-you-said p {
    background-color: #3773b2;
    color: #ffffff;
    padding: 10px;
}

div.library-you-said h2 {
    margin-bottom: 10px;
    width: 196px;
}

div.library-you-said p {
    display: inline-block;
}

div.library-we-did img {
    padding-top: 15px;
}

div.library-we-did .we-did-content p:first-child {
    padding-top: 0;
}

/* smaller desktops */
@media screen and (max-width:64rem){
    
    div.librariesLocationsContainer .locationBox#location_mrlr{
        margin-right:0;
    }
    
    div.librariesLocationsContainer .locationBox h3{
        font-size:1.6rem;
    }
}

/* mobile desktops */
@media screen and (max-width:48rem){
    
    section.librariesLocations div.librariesLocationsContainer .locationBox:before{
        height:5px;
    }
    
   section.librariesLocations div.librariesLocationsContainer .locationBox{
       width:100%;
       margin-right:0;
       margin-bottom:15px;
    }
    
}

/* news header */

section div.row h2 a{
    color:#4a4a4a;
}

section div.row h2 a:after{
    content:"\f054";
    font-family:"Font Awesome 5 Free";
    font-size:1.6rem;
    margin-left:15px;
    margin-right:10px;
    transition:all 0.3s ease-in-out;
    display:inline-block;
}

section div.row h2 a:hover:after{
    margin-left:25px;
    margin-right:0px;
}

/* Education Outreach logo floats */

section.textArea .row img[alt="Heritage Lottery Fund logo"]{
    float:right;
    width:200px;
    margin-left:20px;
}

/* general purpose text image width */
section.textArea img{
    width:auto;
}

/* 100 on mobile */

@media screen and (max-width:48rem){
    section.textArea img{
        width:100%;
    }
}

/* visiting the library */

section.librariesLocations_visiting div.promo{
    margin-bottom:1.5rem;
}

section.librariesLocations_visiting p{
    margin:1rem 0 1rem 0;
}

div.libcalWidgetContainer table th.s-lc-whw-bh button{
    font-family:Bariol,Helvetica Neue,Helvetica,Arial,sans-serif;
    border-radius:0;
    font-size:1rem;
    border:0;
    transition:all 0.2s linear;
}

div.libcalWidgetContainer table thead{
    border-top:1px solid #4a4a4a;
}

/* remove extra bottom border on top of table */
div.libcalWidgetContainer table th{
    border-bottom:0 !important;
}

div.libcalWidgetContainer table th.s-lc-whw-bh button:hover{
    color:#FFFFFF;
    background-color:#000000;
}

/* date header colours */
div.libcalWidgetContainer table th.s-lc-whw-today-h span,
div.libcalWidgetContainer table th.s-lc-whw-today-h{
    color:#4a4a4a;
}

/* bigger library name fonts */
div.libcalWidgetContainer table td.s-lc-whw-locname,
div.libcalWidgetContainer table td.s-lc-whw-sublocname{
    font-size:1rem;
}

/* change all ctas to blue instead of green */
/* disabled as part of Uni brand refresh 18/01/2024 */
/*.cta, .gallery.mediaGallery .buttons .btn{
    background-color:#007494;
    border-color:#007494;
}*/

div.visiting_library_icons div.icon,
div.visiting_library_icons div.icon img{
    display:inline-block;
}


div.visiting_library_icons div.icon{
    /*border:1px solid #CCCCCC; removed, looks like a button */
    font-family:Bariol,Helvetica Neue,Helvetica,Arial,sans-serif;
    color:#4a4a4a;
    padding:.2rem .8rem 0 .5rem;
    margin-bottom:.5rem;
}

div.visiting_library_icons /*div.icon*/ img{
    width:auto;
    height:25px;
    margin-right:.5rem;
    display:inline-block;
}

#guides_dropdown_container select{
    /* everything except width copied from T4 CSS */
    
    width:100%;
    -webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
    font-size:1.2rem;
    color:#4a4a4a;
    border:1px solid #4a4a4a;
    background-color:transparent;
    font-family:Derailed-Regular,Raleway-Regular,Helvetica Neue,Helvetica,Arial,sans-serif;
    -webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	border-radius:0;
	background-image:url("../images/icon-arrow-down-black.svg");
    background-size:auto 75%;
	background-repeat:no-repeat;
	background-position: right center;
    padding-right:45px !important;
    padding:1rem;
}

html.browser-ie #guides_dropdown_container select{
	background-image:url("../images/icon-arrow-down-black.png");
    background-size:35px;
    background-position:right 10px center;
    margin-left:-4px;
}

html.browser-ie #guides_dropdown_container select::-ms-expand {
    display: none;
}

form#databases_libsearch{
    position:relative;
    margin-top:-2.5rem;
}

form#databases_libsearch input[type="text"]{
    -webkit-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
    font-size:1.2rem;
    border:1px solid #4a4a4a;
    background-color:transparent;
    font-family:Derailed-Regular,Raleway-Regular,Helvetica Neue,Helvetica,Arial,sans-serif;
    -webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	border-radius:0;
    padding:1rem;
    color:#4a4a4a;
    height:4rem;
    width:calc(100% - 63px);
}

form#databases_libsearch input[type="text"]::placeholder{
    color:#4a4a4a;
    opacity:1;
}

form#databases_libsearch input[type="text"]:hover,
form#databases_libsearch input[type="text"]:active,
form#databases_libsearch input[type="text"]:focus{
    background-color:rgba(75,75,75,0.1);
}

form#databases_libsearch input[type="submit"]{
    border:1px solid #4a4a4a;
    background-image:url("/webtemplate/img/icons/ncuvision__icon-search_dark.png");
    height:4rem;
    width:63px;
    position:absolute;
    top:0;
    right:0;
    border-left:0;
}

form#databases_libsearch input[type="submit"]:hover{
    background-color:#4a4a4a;
    background-image:url("/webtemplate/img/icons/ncuvision__icon-search_light.png");
}

.ncl-slick.logo-slider .slick-slide img {
    width: auto;
}

/* click and collect icon positioning */

section.textArea img.icon-small-float-left{
	float:left;
	padding-right:3rem;
	width:200px;
	margin-top:2rem;
}

/* smaller desktops */
@media screen and (max-width:64rem){
   section.textArea img.icon-small-float-left{
        padding-right:2rem;
        width:160px;
    }
}

/* mobile desktops */
@media screen and (max-width:48rem){
    section.textArea img.icon-small-float-left{
        display:none;
    }
}

/* LIBRARY OPENING HOURS WIDGET */
.libOpeningTimes .s-lc-whw thead {
    background-color: #f5f5f5;
}

.libOpeningTimes .s-lc-whw-head-date {
    color: #5f5f5f;
}

.libOpeningTimes .s-lc-whw-today-h {
    background-color: #ddd;
}

.libOpeningTimes .s-lc-whw-today {
    background-color: #f5f5f5;
}

.libOpeningTimes .s-lc-whw-bh {
    text-align: right;
    white-space: nowrap;
}

.libOpeningTimes .s-lc-whw-locname {
    font-weight: bold;
}

.libOpeningTimes .s-lc-whw-sublocname {
    padding-left: 10px !important;
}

.libOpeningTimes .s-lc-whw-footnote {
    color: #555;
    font-size: 80%;
}

.libOpeningTimes .s-lc-whw-footnote td:hover {
    background-color: #fff !important;
}

.libOpeningTimes .s-lc-whw-cont {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.libOpeningTimes .s-lc-whw-pr,
.libOpeningTimes .s-lc-whw-ne {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
}

.libOpeningTimes .s-lc-whw-pr:disabled {
    background-color: #efefef;
}

.libOpeningTimes .s-lc-whw-ne:disabled {
    background-color: #efefef;
}

.libOpeningTimes .s-lc-whw {
    width: 100%;
    margin-bottom: 20px;
    max-width: 100%;
    background-color: transparent;
    border-bottom: none;
    border-left: none;
    border-collapse: collapse;
    border-spacing: 0;
}

.libOpeningTimes .s-lc-whw > tbody > tr > td {
    padding: 5px;
}

.libOpeningTimes .s-lc-whw > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    padding: 5px;
}

.libOpeningTimes .s-lc-whw th {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.libOpeningTimes .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (max-width: 48rem) {
    .libOpeningTimes .s-lc-whw-cont .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch;
    }

    .libOpeningTimes .s-lc-whw td {
        white-space: nowrap;
    }
}