/* NLW SPECIFIC css imports to use fontawesome and some grid aspects of bootstrap for header and footer menus */

/*************************************/
/* Table of Contents
/* * */
/* * */
/* * */
/* * */
/* * */
/* * */
/* * */
/* * */
/* * */
/* * */
/*************************************/

/*** Main NLW branding styles: Adding NLW branding and styles to main page layout to meet branding guidelines ***/

.llgc_address_seperator{
    border-style: solid;
    border-width: thin;
    height: 0;
    width: -webkit-fill-available;
    margin-left: 0;
    margin-top: 70px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: lightgray;
    
}



.llgc_footer_seperator{
    border-style: solid;
    border-width: thin;
    height: 0;
    width: -webkit-fill-available;
    margin-left: 0;
    margin-top: 90px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: lightgray;
    
}

.llgc_about_seperator{
    border-style: solid;
    border-width: thin;
    height: 540px;
    width: 0px;
    margin-left: 370px;
    margin-top: -330px;
    border-left: none;
    border-bottom: none;
    border-top: none;
    border-color: lightgray;
}

.llgc_visit_and_search_seperator{
    border-style: solid;
    border-width: thin;
    height: 685px;
    width: 0px;
    margin-left: 500px;
    margin-top: -605px;
    border-left: none;
    border-bottom: none;
    border-top: none;
    border-color: lightgray;
} 


/* Change background colour */
html {
    background-color: #ffffff;
}

/* Specify body text color, font, font size, bg colour and top margin for different breakpoints */
body {
    color: #000;
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff !important;
    /* background-color: #f6f6f6 !important; */
    font-size: 14px !important;
}


.advanced-search-backdrop{
    background-color: #ffffff !important;
}

.prm-primary-bg, prm-atoz-search-bar, prm-browse-search-bar, prm-collection-gallery-header .collection-header-inner, prm-newspapers-search-bar, prm-search-bar, prm-spinner.overlay-cover.light-on-dark:after, prm-tags-search-bar, prm-tree-nav prm-spinner .diamond{
    background-color: #ffffff !important;
}

prm-atoz-search-bar .search-switch-buttons .md-button.switch-to-advanced, prm-browse-search-bar .search-switch-buttons .md-button.switch-to-advanced, prm-newspapers-search-bar .search-switch-buttons .md-button.switch-to-advanced, prm-search-bar .search-switch-buttons .md-button.switch-to-advanced, prm-tags-search-bar .search-switch-buttons .md-button.switch-to-advanced {
color: #bc204b !important;
}

top-nav-bar layout-row{
    width: fit-content;
}

md-button md-primoExplore-theme md-ink-ripple{
    color: black !important;
}

/* docom (Menu items in header) */

.llgc_topmenu_places a {
    color: #A56A04;
}

.llgc_topmenu_wno a {
    color: #198577; 
}

.llgc_topmenu_wjo a {
    color: #067FAF;
}

.llgc_topmenu_cat {
    color: #bb4ca1;
}

.llgc_topmenu_cat_text{
    color: #bb4ca1;
}

.llgc_topmenu_more {
    color: #D3460F;
}

.llgc_topmenu_more_text{
    color: #D3460F;
}

/* docom (Translate button in header) */

prm-user-area-expandable-after button{
    color: #810000 !important
}

#fixed-buttons-holder.fixed-to-top {
    position: inherit !important;
    top: 0em !important;
    right: 0em !important;
    z-index: 0 !important;
    animation: animateStickyButtonIn .7s cubic-bezier(.25,.8,.25,1) forwards;
}

prm-main-menu{
    /* margin-left: -105px; */
    max-width: 100%;
}

prm-user-area-expandable{
    /* margin-bottom: 55px !important; */
}

.llgc_header_small{
    /* width: 130%;
    margin-left: -20%; */
}

@media (min-width: 1054) and (max-width: 1080px){

    .llgc_footer_logo {
        margin-top: 178px;
    }

}
@media (max-width: 960px) {

    #llgc-logo{
        display: none;
    }

    /* .llgc_topmenu_container{
        margin-right: 255px !important;
    }    

    .llgc_topmenu_container {
        margin-left: 50px;
        margin-top: -40px !important;
    } */

}


[data-main-menu-item~="CollectionDiscovery"]{
    display: none;
}

[data-main-menu-item~="help"]{
    display: none;
}

[data-main-menu-item~="external_resources"]{
    display: none;
}

[data-main-menu-item~="LibrarySearch"]{
    display: none;
}

@media (min-width:768px) {    
    [data-main-menu-item~="LibrarySearch"]{
        display: block;
    }
}

@media (min-width:768px) {
    [data-main-menu-item~="external_resources"]{
        display: block;
    }
}

@media (min-width:960px) {
    [data-main-menu-item~="CollectionDiscovery"]{
        display: block;
    }
    
    [data-main-menu-item~="help"]{
        display: block;
    }
    
    [data-main-menu-item~="external_resources"]{
        display: block;
    }
    
    [data-main-menu-item~="LibrarySearch"]{
        display: block;
    }
}

@media (max-width:1024px){

    /* [data-main-menu-item~="CollectionDiscovery"]{
        display: none;
    }

    [data-main-menu-item~="help"]{
        display: none;
    }

    [data-main-menu-item~="external_resources"]{
        display: none;
    }

    [data-main-menu-item~="LibrarySearch"]{
        display: none;
    } */

    /* prm-search-bookmark-filter {
        margin-left: 60% !important;
    } */

    /* .top-nav-bar.layout-row {
        margin-left: 25% !important;
    } */

}

 @media (max-width: 599px) {
    
    body {
        margin-top: 0 !important;
        
    }

    prm-topbar .md-button:not(.close-btn-favorits-warning-message):not(.md-icon-button) {
        margin-left: -170px !important;
        margin-top: -105px !important;
    }
}

/* Specify a different font family for all headers */

h1,h2,h3,h4,h5,h6 {
    font-family:Lato,sans-serif
}

/* Removing default Primo hover behaviour */

a.md-primoExplore-theme {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Specifying the NLW body class */

/* Specifying NLW float classes */

.left {
    float: left;
}

.right {
    float: right;
}

/*** TOP NAV BAR - NLW and Primo navigation bars ***/

/** NLW-specific top menu bar with branded frame menu **/

/* Hide the uploaded logo and replace with responsive version */

prm-logo img {    
    display: none;
}

prm-logo {
    margin: -2.6em;
    display: none;
    
}

@media (max-width: 767px)  {

    prm-user-area-expandable-after button {
        text-transform: uppercase !important;
    }
    prm-user-area-expandable-after {
        max-width: 3em !important;
        margin-right: 6em; /* the space between land switcher and the history and pin icons */
    }

    .llgc_footer_logo{
        margin-left: 50px;
    }

}

@media (max-width: 424px)  {

    prm-user-area-expandable-after button {
        text-transform: uppercase !important;
    }

    prm-user-area-expandable-after {
        max-width: 3em !important;
        margin-right: 2em; /* the space between land switcher and the history and pin icons */
    }

}    


/* Resizing logo and top NLW nav bar for 600px - 767px screens */ 
/* Resize full text logo */    
@media (max-width: 767px)  {

    #llgc-logo {
        height: 42px;
        width: auto;
    }

   .llgc_header_small {
        padding-bottom: 3.4em;
    }

   /* .top-nav-bar.layout-row {
        padding-top: 0.5em;
        margin-top: 5px;
        right: 0px;
    } */
   
    prm-topbar .md-button span {
        /* min-width: 5.1em !important; */
       /* max-width: 5em !important;*/
    }

    .top-nav-bar-links.buttons-group div span {
        white-space: normal !important;
        padding: 0px !important;
    }

    /*  */

    .llgc_about_seperator {
        margin-left: 350px;
    }

    .llgc_sign_up_seperator {
        margin-top: 270px;
    }

}   

/* Resizing logo and top NLW nav bar for 768px+ screens */ 
/* Add reponsiveness to logo sizing */
@media (min-width: 768px) {
    #llgc-logo {
        height: 38px;
        width: auto;
    }       

    .llgc_footer_logo{
        margin-top: 0px;
        margin-left: 120px;
    }
}

@media (min-width: 1200px) {

    #llgc_branded_frame_footer_opening_times{
        max-width: 15%;
    }
    
    #llgc_branded_frame_footer_about_us{
        max-width: 8%;
    }
    
    #llgc_branded_frame_footer_visit_and_search{
        max-width: 10%;
    }

}

/* @media (max-width: 1024px) {

    .llgc_topmenu_container{
        margin-right: 275px;
    }

} */

/* Resizing logo 1024px+ */ 
@media (min-width: 1024px) {
    
    #llgc-logo {
        height: 42px;
        width: auto;
    }       

    /* .top-nav-bar.layout-row {
        width: 1024px;
    } */

}

/* Resizing  top NLW nav bar for 1170px+ screens */ 
@media (min-width: 1170px) {

    /* .top-nav-bar.layout-row {
        width: 1170px;
    } */

}    

@media (min-width: 1800px){
    
    #llgc_branded_frame_footer_about_us {
        margin-left: 30% !important;
    }


    .llgc_about_seperator {
        border-style: solid;
        border-width: thin;
        height: 540px;
        width: 0px;
        margin-left: 28%;
    }
    
}
@media (min-width: 1400px) and (max-width: 1800px){

    .llgc_about_seperator {
        border-style: solid;
        border-width: thin;
        height: 540px;
        width: 0px;
        margin-left: 30%;
    }

    #llgc_branded_frame_footer_about_us {
        margin-left: 31% !important;
    }

}

@media (max-width: 1400px){
    #llgc_branded_frame_footer_opening_times {
        margin-left: 125px;
    }
    
}

@media (min-width: 1400px) {
    
    #llgc_branded_frame_footer_opening_times {
        margin-left: 15%;
    }

    #llgc_branded_frame_footer_visit_and_search {
        margin-left: 40% !important;
    }

    .llgc_footer_logo {
        margin-left: 15% !important;
    }

    .llgc_visit_and_search_seperator {
        margin-left: 38%;
    }

}

/** branded frame specific styling **/
/* 
ul.llgc_topmenu_container, ol.llgc_topmenu_container {
list-style: none !important;
}   */  

/***** SM Top right menu - Branded frame *****/

@media (min-width: 660px) and (max-width: 960px)  {                       
    
    /* .llgc_topmenu_container {
        margin-right: -20% !important;
    }


    .llgc_topmenu_container {
        margin-right: -45px !important;
    } */

}

@media (max-width: 599px) {                       
    
    /* .top-nav-bar.layout-row {
        margin-top: 0px !important;
    } */

    /* .llgc_topmenu_container{
        display: none !important;
    } */

}

@media (min-width: 800px) and (max-width: 992px)  {                       

}

/***** MD+ Top right menu - Branded frame *****/

.llgc_topmenu_container {
    padding: 0px;
    display: flex;
    z-index: 9998; /* tooltips on top */
    gap: 20px;
}

@media (max-width: 960px) {     
    .llgc_topmenu_container {
        gap: 30px;
    }
}

.llgc_language_choice  {
    float: left;
    color: #810000 !important;
}
  
.llgc_language_choice a, a:hover, a:link {
    text-decoration: none !important;
}

.llgc_language_choice a:hover {
    color: #000 !important;
    background: transparent !important;
    text-decoration: underline !important;
}

header img, header i {
    vertical-align: middle;
}

/** Top bar - NLW & Primo navigation: Primo-specific top menu nav bar styled to match NLW branded top-level menu as much as possible */
prm-topbar .md-button span {
    color: #000 !important;
    /* min-width: 6.3em;  */
    max-width: none !important;
}

/* Restrict width of custom NLW topbar to match corporate branding */
prm-topbar {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto 0 auto;
}

@media (min-width: 1280px) {
    prm-topbar {
        max-width: 80%; /* make match footer width */
    }
}

@media (min-width: 1920px) {
    prm-topbar {
        max-width: 61%; /* make match footer width (roughly) */
    }
}

prm-topbar {
    height: auto !important; 
}

@media only screen and (min-width: 768px) {
    
    prm-topbar  {            
        border-bottom: 1px solid rgba(153, 153, 153, 0.32);
        border-bottom: thin;
    }

}

@media (max-width: 768px) {
        
    .navbar-header {
        color: #fff !important;
        background-color: #5F5F5F;
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
    }

    primo-explore {
        max-width: 100%;
        margin: 0;
    }
    
    .container{
         padding-right: 0; 
         padding-left: 0;
         margin-right: 0; 
         margin-left: 0; 
    }        
    
    prm-explore-main .header, prm-topbar, .navbar-header {
        width: 100%;
        margin: 0 auto 0 auto !important;
    }        
    
}

/* circle pop-over hiding text in old FF versions - remove clip path */

.animate-popover {
    clip-path: none;
}


/* Breakpoints for top bar responsiveness */

/* .top-nav-bar.layout-row {
    width: fit-content;
    max-width: 1170px;
    text-transform: none !important;
    height: auto;
} */

prm-search-bookmark-filter {
    padding: 0 !important;
}

/* styling for xs screens */
@media only screen and (max-width: 599px) {

     prm-search-bookmark-filter {
        height: 1em;
    }

    prm-user-area {
        margin-top: -0.6em;
    }

}

@media only screen and (max-width: 599px) {
    prm-search-bookmark-filter #fixed-buttons-holder {
        float: left;
    }

    .llgc-lang-short {
        display: none;
    }

    .llgc-lang-long {
        display: inline;
    }

}

@media only screen and (max-width: 375px) {
    
    .top-nav-bar.layout-row {            
        width: 375px;
    }

    .llgc-lang-short {
        display: inline;
    }

    .llgc-lang-long {
        display: none;
    }

}

@media only screen and (max-width: 320px) {
    
    .top-nav-bar.layout-row {            
        width: 320px;
    }

}

.top-nav-bar.layout-row, prm-search-bar {
    background-color: #ffffff00;
    color: #484848;
    z-index: inherit;
    margin-top: 0px;
}

prm-main-menu > div.flex-xs-100 {
    display: none;
}

.top-nav-bar.layout-row a {
    color: #000 !important;
}

.top-nav-bar-links.buttons-group div span {
    white-space: nowrap;
    text-align: center;
    padding: 10px;
}

.top-nav-bar-links.buttons-group div span:after {
   content: '\f0da';
   font-family: FontAwesome;
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   font-style: normal;
   color: #8A8A8A;
   padding-left: 5px;
}    

.top-nav-bar-links.buttons-group div:not(.md-ripple-container):hover {
    background-color: #eee;
}

.top-nav-bar-links.buttons-group div {
    border-radius: 4px;
}

prm-search-bar .facet-to-left-spacer {
    margin-right: 5.5em;
}

.layout-row > .flex-lgPlus-15 {
    flex: 0 0 18% !important;
}

/* Hide scopes and tabs pulldown in XS view */

@media only screen and (max-width: 599px) {

     prm-search-bar .simple-search-wrapper .search-options{
        display: none;
     }

}

/* Buttons and links */    
prm-main-menu[menu-type=menu] .md-button {
    max-width: 12em;
    font-size: 14px;
    text-transform: none !important;
    font-weight: normal !important;
    box-shadow: none !important;
    color: #000;
}          

buttons-group .md-button {
    box-shadow: none !important;
}


/* confirmation buttons colour - eg search icon etc */
.md-button.button-confirm {
    color: #128085;
} 


prm-search-bar .advanced-search-backdrop.visible {
    background-color: #ffffff;
}


/* ADVANCED search box - minimise space used */
.advanced-search-tabs.padded-container {
        padding: 0.8em 1.5em;
}
 
.__gt-xs prm-search-bar .advanced-search-output md-card {
   padding: 0 1em !important;
}


 /* Search buttons styling */
 /*advanced search */
button.switch-to-advanced, button.switch-to-simple {
   margin: 0 0 0 0.26em !important;
}
 
button.switch-to-advanced:hover, button.switch-to-simple:hover {
    color: #000 !important;
}

prm-search-bar .search-switch-buttons .md-button.switch-to-simple, prm-search-bar .search-switch-buttons .md-button.switch-to-advanced {
    font-weight: 600;
    letter-spacing: 0.6px;
    text-align: left;
}   

prm-search-bar .search-switch-buttons .md-button.switch-to-advanced {
    font-weight: 600;
    letter-spacing: 0.6px;
    text-align: left;
}   
   
/* add chevrons to advanced and simple search buttons */

.switch-to-advanced span > span:last-of-type:after {
   content: '\f078';
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;
}   

prm-search-bar .search-switch-buttons .md-button.switch-to-simple span > span:last-of-type:after {
   content: '\f077';
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   font-style: normal;
   margin:0px 0px 0px 10px;
   text-decoration:none;
}   

md-dialog.full-cover-dialog {
    background-color: rgba(127,127,127,.2);
}

/** end SEARCH BAR **/ 

/*** Content ***/

md-content, md-content.md-primoExplore-theme {
    background-color: #ffffff;
}

/* Background colour of "Search Results Region" */

md-content[aria-label="Search Results Region"] {
    background-color: #ffffff !important;
}

div[class="primo-scrollbar is-stuck"]{
    background-color: #fff;
}

/* Styling of buttons/icons within sign in bar */

span[translate="eshelf.signin.title"]{
    color: #fff !important; 
}

span[translate="eshelf.signin.title"]:hover{
    color: #bc204b !important;
}

.md-button.button-with-icon>prm-icon md-icon svg path[d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"]{
    color: white !important;
}

.md-button.button-with-icon>prm-icon md-icon svg path[d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"]:hover{
    color:#bc204b !important;
}

.md-button.button-with-icon>prm-icon md-icon svg path[d="M10,17.25V14H3V10H10V6.75L15.25,12L10,17.25M8,2H17A2,2 0 0,1 19,4V20A2,2 0 0,1 17,22H8A2,2 0 0,1 6,20V16H8V20H17V4H8V8H6V4A2,2 0 0,1 8,2Z"]{
    color: #fff !important; 
}

.md-button.button-with-icon>prm-icon md-icon svg path[d="M10,17.25V14H3V10H10V6.75L15.25,12L10,17.25M8,2H17A2,2 0 0,1 19,4V20A2,2 0 0,1 17,22H8A2,2 0 0,1 6,20V16H8V20H17V4H8V8H6V4A2,2 0 0,1 8,2Z"]:hover{
    color: #bc204b !important;
}

.md-button._md-focused:not([disabled]), .md-button.hovered:not([disabled]), .md-button.md-focused:not([disabled]), .md-button:focus:not([disabled]), .md-button:hover:not([disabled]) {
    color: #bc204b !important;
    background-color: #ffffff !important;
}

.report-problem-content .form-content {
    height: 100%;
    overflow: auto;
    padding: 1em 1.2em;
    border: solid;
    border-width: thin;
}
/* Styling homepage cards */

/* card with bg image */

md-card.llgc_primo_homecard_bgimg {
    background: url("https://darganfod.llyfrgell.cymru/discovery/custom/44WHELF_NLW-44WHELF_NLW_NUI_CY/img/baner_primo.png") repeat;
    margin-bottom: 0.6em;
    border-radius: 0.3em;
}

/* (KEEP) */
md-card-title.llgc_primo_homecard_bgimg, md-card-content.llgc_primo_homecard_bgimg {
    background-color: rgba(40, 75, 98, 0.39);
    padding-bottom: 2em !important;
    border-radius: 0.3em;
}

 @media (max-width: 767px) {
    
    md-card-title.llgc_primo_homecard_bgimg {
        padding-top: 0 !important;
    }   

}

.llgc_primo_homecard_bgimg {
    color: #fff;
    font-weight: 600;
}

.llgc_primo_homecard_bgimg a {
    color: #fff;
    font-weight: 400;
    text-decoration: underline;
}

.llgc_primo_homecard_bgimg p {
    font-weight: 400;
}

img.llgc_primo_homecard_bgimg {
    max-width: 100%;
    height: auto;
}

/* Homepage emergency message card (KEEP)*/

 md-card.default-card.llgc_primo_homecard_message {
    background-color: #bc204b;
    color: #fff;
    border-radius: 0.3em;
}

 md-card.default-card.llgc_primo_homecard_message_black {
    background-color: #333;
    color: #fff;
    border-radius: 0.3em;
}

md-card.llgc_primo_homecard_message > md-card-title {
    padding: 10px 16px 16px !important;
}

/* Change header font size */
md-card.llgc_primo_homecard_message > md-card-title > md-card-title-text > span.md-headline {
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1em;
}

md-card.default-card.llgc_primo_homecard_message > md-card-content > p {
    font-weight: 400;
    font-size: 0.88em;
    line-height: 1.6em;
}

md-card.default-card.llgc_primo_homecard_message > md-card-content > p > a,
md-card.default-card.llgc_primo_homecard_message > md-card-content > ul > li > a {
    color: #fff !important;
    text-decoration: underline !important;
}

/* Homepage action cards */

/* Base styling for all homecards */

/* Specify minimum height for all cards in row 1 */
    md-card.default-card.llgc_primo_homecard_row1 {
        min-height: 12em;
    }

/* Specify minimum height for breakpoints */    

@media (max-width: 599px) {

    /* Specify minimum height for all cards in row 1 */
        md-card.default-card.llgc_primo_homecard_row1 {
        min-height: 9em;
    }
    
}

@media (min-width: 600px) {

    /* Specify minimum height for all cards in row 1 */
        md-card.default-card.llgc_primo_homecard_row1 {
        min-height: 16.8em;
    }

}

@media (min-width: 767px) {

    /* Specify minimum height for all cards in row 1 */
        md-card.default-card.llgc_primo_homecard_row1 {
        min-height: 13.2em;
    }

    #llgc_branded_frame_footer_about_us {
        margin-left: 385px;
        margin-top: -515px;
        border-style: solid;
        border-top: none;
        border-bottom: none;
        border-width: thin;
        padding-bottom: 250px;
        padding-top: 40px;
        padding-left: 20px;
        border-color:  lightgrey;
    }

    #llgc_branded_frame_footer_visit_and_search {
        margin-top: -475px;
    }

}

/* Specify minimum height for all cards in row 2 */
md-card.default-card.llgc_primo_homecard_row2 {
    min-height: 9em;
}

/* Styling for individual homecards */

/* Styling for homecard row 1 box 1 */
md-card.default-card.llgc_primo_homecard_row1.llgc_primo_homecard_row1box1 {
    color: #fff;
    background: url("https://darganfod.llyfrgell.cymru/discovery/custom/44WHELF_NLW-44WHELF_NLW_NUI_CY/img/row1box1.png");
    margin-bottom: 0;
    border-radius: 0.3em;
}

/* Specify background colour overlay for all elements in box */
md-card-title.llgc_primo_homecard_row1box1, md-card-content.llgc_primo_homecard_row1box1 {
    background-color: rgba(18, 128, 133, 0.67);
    border-radius: 0.3em;
}

/* Change header font size */
md-card-title.llgc_primo_homecard_row1box1 > md-card-title-text > span.md-headline {
    font-size: 1.4em;
    font-weight: 500;
}
    
/* Change content font size */
md-card-title.llgc_primo_homecard_row1box1 > md-card-title-text > p {
    font-weight: 400;
    font-size: 1.1em;
}

/* Styling for homecard row 1 box 2 */
/* Specify font colour, background image */
md-card.default-card.llgc_primo_homecard_row1.llgc_primo_homecard_row1box2 {
    color: #fff;
    background: url("https://darganfod.llyfrgell.cymru/discovery/custom/44WHELF_NLW-44WHELF_NLW_NUI_CY/img/row1box2.png");
    margin-bottom: 0;
    border-radius: 0.3em;
}

/* Specify background colour overlay for all elements in box */
md-card-title.llgc_primo_homecard_row1box2, md-card-content.llgc_primo_homecard_row1box2 {
    background-color: rgba(51, 99, 122, 0.63);
    border-radius: 0.3em;
}


/* Change header font size */
md-card-title.llgc_primo_homecard_row1box2 > md-card-title-text > span.md-headline {
    font-size: 1.4em;
    font-weight: 500;
} 

/* Change content font size */
md-card-title.llgc_primo_homecard_row1box2 > md-card-title-text > p {
    font-weight: 400;
    font-size: 1.1em;
}


/* Styling for homecard row 1 box 3 */
md-card.default-card.llgc_primo_homecard_row1.llgc_primo_homecard_row1box3 {
    color: #fff;
    background: url("https://darganfod.llyfrgell.cymru/discovery/custom/44WHELF_NLW-44WHELF_NLW_NUI_CY/img/row1box3.png");
    border-radius: 0.3em;
}

/* (KEEP) */
/* Specify background colour overlay for all elements in box */
md-card-title.llgc_primo_homecard_row1box3, md-card-content.llgc_primo_homecard_row1box3 {
    background-color: rgba(229, 114, 0, 0.46);
    border-radius: 0.3em;
}

/* Specify font size and alignment for box content */
md-card-content.llgc_primo_homecard_row1box3 {
    font-size: 1em;
}

 /* Change header font size */
md-card-title.llgc_primo_homecard_row1box3 > md-card-title-text > span.md-headline {
    font-size: 1.4em;
    font-weight: 500;
}

/* Change content font size */
md-card-title.llgc_primo_homecard_row1box3 > md-card-title-text > p {
    font-weight: 400;
    font-size: 1.1em;
}

/* Styling for homecard row 2 box 1 */
md-card.default-card.llgc_primo_homecard_row2.llgc_primo_homecard_row2box1 {
    background-color: rgb(172, 71, 149);
    color: #fff;
    border-radius: 0.3em;
}

/* Change header font size */
md-card-title.llgc_primo_homecard_row2box1 > md-card-title-text > span.md-headline {
    font-weight: 500;
}
    
/* Styling for homecard row 2 box 2 (KEEP) */
md-card.default-card.llgc_primo_homecard_row2.llgc_primo_homecard_row2box2 {
    background: url("https://darganfod.llyfrgell.cymru/discovery/custom/44WHELF_NLW-44WHELF_NLW_NUI_CY/img/row2box2.png");
    color: #fff;
    border-radius: 0.3em;
}

/* Change header font size */
md-card-content.llgc_primo_homecard_row2box2 > span.md-headline {
    font-weight: 400;
}

md-card-title.llgc_primo_homecard_row2, md-card-content.llgc_primo_homecard_row2 {
    background-color: rgba(18, 84, 122, 0.19);
}

/* Icon-based links card - remove once unused */

div.llgc_primo_homecard_icons_container {
    background-color: #e57200;
    color: #fff;
    border-radius: 0.26em;
    padding: 1em 0.2em;
    margin: 0.4em;
    font-size: 0.96em;
}

.llgc_primo_homecard_icons_link {
    color: #fff !important;    
}

md-card.llgc_primo_homecard_icons {
    background: transparent;
}

md-card-content.llgc_primo_homecard_icons {
    padding: 0;
}

.llgc_primo_homecard_icons {
    font-size: 2em;
    margin: 0;
}

/* remove card box shadow for icons box */
md-card.default-card.llgc_primo_homecard_icons  {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

 
/* homepage what to search table */

.llgc_primo_homecard_columns {
    padding-bottom: 0.6em;
    border-bottom: 1px solid rgba(153, 153, 153, 0.32);
}

.llgc_primo_homecard_columns a {
    color: #000;
    text-decoration: underline !important;
}

 .llgc_primo_homecard_columns a:hover {
    color: #810000;
    text-decoration: none;
}


/* Change colour and styling of login bar */

.bar.alert-bar.layout-align-center-center.layout-row {
    background-color: #bc204b;
    border-color: #bc204b;
    color: #fff;
}

.bar prm-authentication .md-button {
    border-color: #fff;
    color: white;
}

.bar prm-authentication .md-button:hover {
    color: #bc204b !important;
    background-color: #fff !important;
}

.bar prm-authentication .md-button.button-as-link {
    background-color: #fff;
    border-color: #fff;
}
  
  
button.dismiss-alert-button {
    color: #fff !important;
}


/* Hide cancel button in loan request view*/
/* ==========Hide Request Cancel========= */
button[aria-label="Canslo'r cais"] {display:none;}
button[aria-label="Cancel request"] {display:none;}

/* Change colour and styling of signed in alert bar */

/* prm-add-alert-toast md-toast .md-toast-content, prm-silent-login-alert-toast md-toast .md-toast-content, prm-timeout-toast md-toast .md-toast-content {
    backgrou
    color: #fff ;
}

prm-add-alert-toast md-toast .md-toast-content .md-button, prm-silent-login-alert-toast md-toast .md-toast-content .md-button, prm-timeout-toast md-toast .md-toast-content .md-button {
    color: #fff;
} */


/** MENUS **/

/* Custom links overlay menu from top nav */

md-content.overlay-menu-content {
    background: #5e7483 !important;
}
prm-main-menu[menu-type=full] .md-button .md-headline, prm-main-menu[menu-type=full] .overlay-menu-item .md-headline {
    color: #fff !important;
}

prm-main-menu[menu-type=full] .md-button .md-subhead, prm-main-menu[menu-type=full] .overlay-menu-item .md-subhead {
    color: #ede49e;
}

/** end MENUS **/

/** BROWSE **/

prm-browse-search-bar {
    border-top: 1px solid rgba(153, 153, 153, 0.32);
    border-top-width: thin;
    background-color: transparent;
}

/** end BROWSE **/

/** MY LIBRARY CARD SECTION **/

.my-languages-ctm {
    display: none;
}

/* Hide fines tab EN, CY */

md-tab-item#tab-item-11, md-tab-item#tab-item-129 {
    display: none;
}

/* Hides the Fines and Fees Block */
prm-fines-overview.display-block {
    display: none;
}    

md-toolbar.default-toolbar, md-toolbar.default-toolbar:not(.md-menu-toolbar), md-toolbar.md-primoExplore-theme.default-toolbar {
    background-color: #fff;
    border-top: 1px solid #a3a7a7;
    z-index: 12;
}

/*Remove ability to opt out of notices*/

md-checkbox.has-small-text:nth-child(2) {display: none;}
md-checkbox.has-small-text:nth-child(3) {display: none;}
md-checkbox.has-small-text:nth-child(4) {display: none;}
md-checkbox.has-small-text:nth-child(5) {display: none;}
md-checkbox.has-small-text:nth-child(6) {display: none;}
md-checkbox.has-small-text:nth-child(7) {display: none;}

/* hide sign out button */

.prm-user-menu-content .user-menu-header .md-button {
    display: none;
}

/** end MY LIBRARY CARD SECTION **/

/** INFORMATION/REQUEST VIEW **/

/* Hide virtual browse in Detailed Display*/
[aria-label="virtualBrowse"]{
    display:none;
}

button[aria-label="Browse"]{
    display:none;
}

button[aria-label="Rhith-bori"]{
    display:none;
}

#virtualBrowse {
    display:none;
}

button[aria-label="Related"]{
    display:none;
}

button[aria-label="Virtual Browse"]{
    display:none;
}

button[aria-label="Cysylltiedig"]{
    display:none;
}

/* Hide virtual browse in Menu Tab */
a.md-button[aria-label="Related"] {
    display:none;
}

a.md-button[aria-label="nui.mainmenu.label.browseshelf"] {
    display:none;
}

/* Hide Tags in Detailed Display */
[aria-label="Tags"]{
    display:none;
}

#tags{
    display:none;
}

/* Hide Tags in Menu Tab */
a.md-button[aria-label="TAGS"] {
    display:none;
}
a.md-button[aria-label="nui.mainmenu.label.tags"] {
    display:none;
}

span.results-count {
    padding-left: 1em;
    font-style: normal;
}

div._md-subheader-content > span {
    text-transform: none;
    font-weight: normal;
    font-size: 14px !important;
    letter-spacing: 0;
}

.counter-text {
    padding-bottom: 2px;
}


/** FACET SIDEBAR **/

/* facet checkboxes always visible */
.multiselect-facet-group.multiselect-inactive .md-chip md-checkbox {transform: scaleX(1);}

.sidebar {
    /* facet bar bg color set so isn't transparent over footer */
    background-color: #ffffff;
}

.sidebar-inner-wrapper {
    /* facet bar padded slightly away from main results column */
    padding-left: 2em !important;
}

/* Refine my results header */
.sidebar-title {
    font-weight: 600;
    background-color: #ffffff;
    padding: 0.1em 0 0.2em 0.66em;
    border-radius: 0.1em;
    margin-left: -0.6em;
}

/** end RESULTS **/
    
/** INFORMATION/REQUEST VIEW **/

/** Custom NLW footer **/

/*Add margin to last facet so it doesn't overlap with the footer*/

#facets > prm-facet > div.primo-scrollbar.is-stuck > div > div:last-child {
    margin-bottom: 95px;
}

#facets > prm-facet > div.primo-scrollbar.is-stuck,
#facets > prm-facet > div {
    z-index: 25;
}

/*pagination takes precidence over footer */
prm-page-nav-menu {
    z-index: 75;
}

div#llgc_footer {
    max-width: 1140px;
    width: 95%; 
    margin: 0 auto 0 auto;  
    background-color: #d7dcdc;  
    position: relative;
    bottom: 0;
    z-index: 50;
}

@media (max-width: 1110px) {
    
    div#llgc_footer .row {
        padding-left: 0;
        padding-right: 0;
    }

}    

footer {
    margin: 0 auto 0 auto;
    border-top: 1px solid #999999;
    font-size: .9em;
    margin-bottom: 10px;  
    background-color: #d7dcdc;  
}


/* Adjust default Bootstrap padding */
@media (min-width: 991px) {
    
    div[class^="col"] {
            padding-left: 10px;
            padding-right: 10px;
    }

    .llgc_visit_and_search_seperator {
        margin-top: -560px;
    }

}

#llgc_footer_nav div {
    display: block;
}    

#llgc_footer_nav {
    border-top: 1px dashed #999999;
    padding-top: 10px;
    margin-top: 10px;
    height: 2.9em;
}    

footer address {
    margin-bottom: 10px;
}

#llgc_address, #llgc_opening_times {
    margin-top: 7px;
    margin-left: 20px;
    font-size: 1em;
}

#llgc_footer_nav ul, #llgc_footer_nav ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

#llgc_address span, #llgc_opening_times span {
    display: block;
}


#llgc_footer_nav ul li {
    float: left;
    margin-right: 10px;
}

#llgc_footer_logos img {
    max-width: 164px;
    height: auto;
}

#llgc_footer_logos img, #llgc_footer_social img {
    margin: 10px 0;
}


/*** END Footer ***/


/*** BEGIN lifted directly from viewer.library.wales *****************************/

p {
    margin: 0 0 10px;
}  

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
} 


.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}    


/** START XS **/

@media (max-width: 767px) {
    
    body {
        margin-top: none;
        margin-right: -8px !important;
        margin-left: 0px !important;
    }
    
    #header-xs {
        padding: 5px;
    }

    #lang-switch-mobile {
        color: #fffefe !important;
        height: 25px;
        width: 25px;
        font-weight: 600;
        font-size: 1em;
        line-height: .7em;
        background-color: #656565 !important;
        padding: .5em 0em;
        margin: .25em 0em;
        display: block !important;
        /*display: none !important;  Temporarily removed while we use the 'Aber Globe' */
        width: auto;
    }    
    
    .navbar-header a {
       color: #ffffff !important;
       font-size: 1.2em;
    }      
  
    .btn-circle {
        border-radius: 50%;
        font-size: 12px;
        height: 30px;
        line-height: 1.42857;
        padding: 6px 0px;
        text-align: center;
        width: 30px;
    }

    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    prm-topbar {
        height: auto !important;
        min-height: 60px;
    }    

    button.mobile-menu-button {
        color: #656565 !important
    }
    
         

    prm-user-area {
        background-color: transparent !important;
    }
    
    

    #lang-switch-mobile {
        font-size: 1.2em;
        color: #fffefe !important;
        font-weight: 600;
        /* padding: 2px; */
        background: #656565 !important;
        border-radius: 3px;
        padding: 0.4em 0.4em 1em 0.4em;
        margin-right: 0.6em;
        margin-top: 0.5em;
        margin-left: 0.5em;
        z-index: 999; /* PLM added. TODO: find out why needed */
    }
    
    #lang-switch-mobile span {
        color: #fffefe !important;
    }
}

.top-nav-bar.layout-row {
    position: absolute;
    top: 90px;
    right: -85px;
    height: auto;               
}

@media (min-width:600px) {
    .top-nav-bar.layout-row {
        position: static;
        top: auto;
        right: auto;
        padding-right: 5px;
    }
}

.top-nav-bar.layout-row a {
    color: #656565;
}

/** END XS **/

/* Popover for share button */

#popover-content{
    position: absolute;
    right: 0;
    text-align: left;
    background-color: white;
    z-index: 9999;
    border-radius: 1em;
    margin-top: 0.5em;
    border: 1px #ccc solid;
    border-width: 2px;    
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);  
    min-width: 10em;
}

#links-social-share .hide {
    display: none !important;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

#links-social-share ul, #links-social-share ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

#links-social-share:active {
    color: #810000;
}

.fab.fa-twitter {
    color: #50ABF1 !important;
}

.fab.fa-facebook {
    color: #3B5998;
}

.fab.fa-google-plus {
    color: #DF4A32;
}

.llgc_popover.bottom {
    margin-top: 10px;
    top:21px;
    right: 0;
    display: block;
}

.fade.in {
    opacity: 1;
}

.llgc_popover {
    position: absolute;
    top: 0;
    left: 78%;
    z-index: 1060;
    display: none;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    min-width: 9em;
    max-width: 10em;    
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.llgc_popover-content {
    padding: 0 0 0 14px;
}

#popover-content li {
    padding: 0 0 0.5em 1em;
}

.llgc_popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
}

.llgc_popover>.arrow {
    border-width: 11px;
}

.llgc_popover>.arrow, .popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    color: white;
}

.llgc_popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}

.llgc_popover>.arrow:after {
    content: "";
    border-width: 10px;
}

.llgc_popover>.arrow, .popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

/*** Font Awesome ***/

.fa-ul>li {
    position: relative;
}

.fa-li {
    position: absolute;
    width: 2.14285714em;
    text-align: center;
    margin-bottom: 0.5em;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-family: 'Font Awesome 5 Free';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    text-align: left;
    color: #484848;
}

#llgc_popover {
    display: none;
}

.md-range-content input[type=number] {
    background-color: white;
    border: 1px solid rgba(153, 153, 153, 0.32);
    border-top-width: thin;
    margin-top: 5px;
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}


/** NLW-specific footer with branded frame styling **/

/**** FOOTER ****/

/***** Footer branded frame styling *****/

ul.llgc_branded_frame_footer {
    list-style: none !important;
}  

.llgc_branded_frame_footer_smicons img {
    width: 24px;
    height: 24px;
    margin-left: 20px;
}

.llgc_branded_frame_footer_linksrow {
    padding-top: 10px;
    height: 3.4em;
}


/** PRIMO only styling to replace Bootstrap li styling for branded frame footer **/

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: 14%;
    margin-top: 3px !important;
}

.list-inline > li {
    display: inline-block;
    font-size: 1.16em;
    padding-right: 10px;
}

@media (min-width: 658px) and (max-width: 767px)  {

    .llgc_sign_up_seperator {
        border-style: solid;
        border-width: thin;
        height: 0;
        width: -webkit-fill-available;
        margin-left: 0;
        margin-top: 475px;
        border-left: none;
        border-right: none;
        border-top: none;
        border-color: lightgray;
    }

    .llgc_footer_seperator {
        border-style: solid;
        border-width: thin;
        height: 0;
        width: -webkit-fill-available;
        margin-left: 0;
        margin-top: 125px;
    }

    #llgc_branded_frame_footer_about_us {
        margin-top: -515px;
        margin-left: 362px;
    }

    #llgc_branded_frame_footer_visit_and_search {
        margin-left: 510px;
        margin-top: -225px;
    }
}   
/* To allow header to align right in sm md views only */
@media (min-width: 600px) and (max-width: 658px) {
    
    .llgc-float_right {
        float: right;
    }
    
    /* #llgc_branded_frame_footer_about_us {
        margin-top: -465px!important;
    } */

    .llgc_sign_up_seperator {
        border-style: solid;
        border-width: thin;
        height: 0;
        width: -webkit-fill-available;
        margin-left: 0;
        margin-top: 135px;
    }

    .llgc_footer_logo {
        margin-left: 10%;
        margin-top: 40px;
    }

    .llgc_sign_up_seperator {
        border-style: solid;
        border-width: thin;
        height: 0;
        width: -webkit-fill-available;
        margin-left: 0;
        margin-top: 370px;
        border-left: none;
        border-right: none;
        border-top: none;
        border-color: lightgray;
    }

    .llgc_footer_seperator {
        border-style: solid;
        border-width: thin;
        height: 0;
        width: -webkit-fill-available;
        margin-left: 0;
        margin-top: 135px;
        border-left: none;
        border-right: none;
        border-top: none;
        border-color: lightgray;
    }

    #llgc_branded_frame_footer_about_us {
        margin-left: 385px;
        margin-top: -476px;
    }

    #llgc_branded_frame_footer_visit_and_search {
        margin-left: 510px;
        margin-top: -222px;
        margin-bottom: 320px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .llgc-float_right {
        float: right;
    }
    
}


.row.llgc_branded_frame_footer_inforow {
    margin: 0px !important;
}


div.llgc_branded_frame_footer_logos  {
    text-align: right;
    margin-top: 7px;
    padding-right: 0px !important;
}

#llgc_branded_frame_footer_logos img,
#llgc_branded_frame_footer_smicons img {
    margin: 10px 0;
}

.llgc_branded_frame_footer_logos img {
    max-width: 164px;
    height: auto;
    margin-right: -20px;
}


#llgc_branded_frame_footer_address,
#llgc_branded_frame_footer_opening_times {
    margin-top: 7px;
    font-size: 1em;
}

#llgc_branded_frame_footer_address span,
#llgc_branded_frame_footer_opening_times span {
    display: block;}

#llgc_branded_frame_footer_opening_times span p{
    color: #535353 !important;
}

/* Subscription box styling */

div#mc_embed_signup a {
    color: #000;
    text-decoration: underline !important;
}

div#mc_embed_signup a:hover {
    color: #fff;
    text-decoration: underline;
}

#mc_embed_signup input.email {
    width: 200px !important;
    height: 28px !important;
}

#mc_embed_signup p {
    padding-top: 0.6em;
    font-size: 0.8em;
}

#mc_embed_signup .button {
    background-color: #757474 !important;
    line-height: 22px !important;
    height: 26px !important;
    border:1px solid #ccc !important;
}

#mc_embed_signup label {
    font-size: 16px !important;
    padding-bottom: 6px !important;
    font-weight: 400 !important;
    color: #1d4ebf !important;
}

#mc_embed_signup input.email {
    font-size: 13px !important;
}

/*** XS footer styling ***/

@media (max-width: 390px) {

    #llgc_branded_frame_footer_subscribe {
        float: left !important;
        width: 90%;
        padding: 1em 0 0 2em !important;
    }
}


/* specific styling for screens under 502px with footer with site specific extra links*/
@media (max-width: 502px) {
    
    .llgc_branded_frame_footer_linksrow {
        min-height: 7em !important;
        font-size: 0.99em !important;
    }
}

@media (max-width: 767px) {

    .llgc_branded_frame_footer_linksrow {
        margin: 0;
        min-height: 6em;
        text-align: center;
    }

    .llgc_branded_frame_footer_smicons {
        text-align: center;
    }

    .llgc_branded_frame_footer_smicons img {
        width: 36px;
        height: 36px;
    }

    .row.llgc_branded_frame_footer_inforow {
        font-size: 1.1em;
    }

    div.llgc_branded_frame_footer_logos {
        padding-bottom: 1em;
        text-align: center !important;
    }

    /*  */

    #llgc_branded_frame_footer_opening_times {
        margin-left: 10px;
    }

   
    /*  */

    #mc_embed_signup input.email {
        width: 260px !important;
        height: 40px !important;
    }

    #llgc-logo{
        display: none;
    }

}

#mc_embed_signup .button {
    width: 90px !important;
    background-color: #1d4ebf !important;
    font-size: 0.96em !important;
    height: 30px !important;
}

#mc_embed_signup p {
    padding-top: 1em;
    font-size: 0.7em;
}

.logo-responsive{
    display: none
}

prm-view-overlay{
    background-color: white;
}

#llgc_branded_frame_footer_opening_times span strong{
    margin-bottom: 10px;
}

#llgc_branded_frame_footer_visit_and_search {
    margin-left: 510px;
    margin-bottom: 290px;
}

#llgc_branded_frame_footer_visit_and_search span a{
    color: #535353 !important;
}

#llgc_branded_frame_footer_visit_and_search span strong{
    margin-bottom: 10px;
}

/* .llgc_footer_logo{
    margin-top: 150px;
    margin-left: 115px;
} */

#llgc_branded_frame_footer_about_us span a{
    color: #535353 !important;
}

#llgc_branded_frame_footer_about_us span strong{
    margin-bottom: 10px;
}

.llgc_branded_frame_footer {
    background-color: #f6f6f6;
    color: #000000;
    font-size: 1.1em;
    margin: 0;
}

/* .llgc_branded_frame_footer a {
    color: #000000 !important;
} */

.md-button md-primoExplore-theme md-ink-ripple{
    color: #DF4A32 !important;
}

prm-topbar{
    background-color: white;
}

#mc_embed_signup p {
    padding-top: 1em;
    font-size: 0.7em;
    color: black;
}

@media (min-width: 766.5px) {

    .llgc_branded_frame_footer_smicons{
        margin-top: -38px;
        float: right;
        margin-right: 14%;
    }

    
}

@media (min-width: 992px) {
    .llgc_footer_logo{
        margin-top: 185px;
    }

    .llgc_footer_seperator {
        margin-top: 355px;
        margin-bottom: -30px;
    }

    .llgc_visit_and_search_seperator {
        height: 665px;
    }
}

@media (min-width: 767px) and (max-width: 991.5px){

    .llgc_sign_up_seperator{
        border-style: solid;
        border-width: thin;
        height: 0;
        width: -webkit-fill-available;
        margin-left: 0;
        margin-top: 150px;
        border-left: none;
        border-right: none;
        border-top: none;
        border-color: lightgray;
    }

}
@media (min-width: 767px) and (max-width: 991.5px) {

    .llgc_footer_seperator {
        margin-top: 150px;
    }

    .llgc_footer_logo {
        margin-top: 35px;
        margin-left: 120px;
    }

    .llgc_branded_frame_footer_linksrow{
        margin-top: 20px;
    }
    
    .llgc_visit_and_search_seperator {
        border-style: solid;
        border-width: thin;
        height: 705px;
    }

    .llgc_sign_up_seperator {
        border-style: solid;
        border-width: thin;
        height: 0;
        width: -webkit-fill-available;
        margin-left: 0;
        margin-top: 390px;
    }

}

@media (max-width: 600px) {

    #llgc_branded_frame_footer_opening_times{
        margin-left: 50px;
    }

    #llgc_branded_frame_footer_about_us {
        margin-left: 50px;
        margin-top: 25px;
    }

    #llgc_branded_frame_footer_visit_and_search {
        margin-left: 50px !important;
        margin-top: 20px !important;
        margin-bottom: -235px !important;
    }

    .llgc_footer_logo {
        margin-left: 10%;
    }

    .llgc_about_seperator {
        margin-left: -4px;
    }
    
    .llgc_about_seperator {
        border-style: solid;
        border-width: thin;
        height: 296px;
        width: 100%;
        margin-top: -250px;
        border-left: none;
        border-right: none;
        border-top: none;
        border-color: lightgray;
    }

    .llgc_sign_up_seperator {
        border-style: solid;
        border-width: thin;
        height: 250px;
        width: -webkit-fill-available;
        border-left: none;
        border-right: none;
        border-color: lightgray;
    }
    
    .llgc_sign_up_seperator {
        margin-top: -40px;
    }

}

@media (max-width: 599px){
    prm-search-bookmark-filter{
        margin-top: -60px !important;
        margin-right: 170px !important;
    }
}

@media (max-width: 600px){

    .llgc_footer_logo {
        margin-top: 85px;
    }

    .llgc_visit_and_search_seperator {
        border-style: solid;
        border-width: thin;
        height: 685px;
        width: 0px;
        margin-left: 500px;
        margin-top: -605px;
        border-right: none;
        border-left: none;
        border-bottom: none;
        border-top: none;
        border-color: lightgray;
    }

    .llgc_footer_seperator {
        border-style: solid;
        border-width: thin;
        height: 0;
        width: -webkit-fill-available;
        margin-left: 0;
        margin-top: 170px;
    }

}

@media (max-width: 400px){

    .llgc_footer_logo {
        margin-left: 10%;
        margin-top: 10px;
    }

    .llgc_footer_seperator {
        margin-top: 185px;
    }    

}

@media (min-width: 600px){

    .navbar-header{
        display: none;
    }
    
}

/* <!-- Collections header custom styling and position--> */
prm-collection-gallery-header .collection-header-inner.has-transparent-topbar {   
    margin-top: 34px;
    padding-top: 60px;
    background: #1D4EBF !important;
    /* z-index: 101; */
    z-index: 1;
}

prm-report-problem .report-container .report-problem-btn prm-icon md-icon path {
    color: #1D4EBF !important;
}

.report-problem-content .report-header {
    background-color: #1D4EBF !important;
}

.md-button.button-link, .tiles-grid-tile .tile-content>.md-button, md-grid-tile .tile-content>.md-button {
    color: #1D4EBF !important;
}

prm-report-problem .report-container .md-button.report-problem-btn:focus prm-icon md-icon path, prm-report-problem .report-container .md-button.report-problem-btn:hover prm-icon md-icon path{
    background-color: #1D4EBF !important;
}

.md-button.button-link._md-focused:not([disabled]), .md-button.button-link.hovered:not([disabled]), .md-button.button-link.md-focused:not([disabled]), .md-button.button-link:focus:not([disabled]), .md-button.button-link:hover:not([disabled]), .tiles-grid-tile .tile-content>.md-button._md-focused:not([disabled]), .tiles-grid-tile .tile-content>.md-button.hovered:not([disabled]), .tiles-grid-tile .tile-content>.md-button.md-focused:not([disabled]), .tiles-grid-tile .tile-content>.md-button:focus:not([disabled]), .tiles-grid-tile .tile-content>.md-button:hover:not([disabled]), md-grid-tile .tile-content>.md-button._md-focused:not([disabled]), md-grid-tile .tile-content>.md-button.hovered:not([disabled]), md-grid-tile .tile-content>.md-button.md-focused:not([disabled]), md-grid-tile .tile-content>.md-button:focus:not([disabled]), md-grid-tile .tile-content>.md-button:hover:not([disabled]){
    background-color: #1D4EBF !important;
    color: white !important;
}

/* .llgc_sign_up_seperator{
    border-style: solid;
    border-width: thin;
    width: -webkit-fill-available;
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: lightgray;
} */

/* Below code needs to stay for Primo to work correctly */

@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style><meta charset="utf-8"><meta name="viewport" content="initial-scale=1,width=device-width,shrink-to-fit=no"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="description" content="Primo by Ex Libris"><meta name="keywords" content=""><meta id="ogTitle" property="og:title" content="NLW Catalogue"><meta id="ogDescription" property="og:description" content="Primo by Ex Libris"><meta id="ogImage" property="og:image" content="https://whelf-llgc-psb.primo.exlibrisgroup.com/discovery/custom/44WHELF_NLW-44WHELF_NLW_NUI/img/library-logo.png"><meta id="ogType" property="og:type" content="website"><meta id="ogURL" property="og:url" content="https://whelf-llgc-psb.primo.exlibrisgroup.com"><meta name="robots" content="noindex"><base href="/discovery/"><title id="primoExploreTitle">NLW Catalogue</title><link id="sharedCustomerFavIcon" rel="apple-touch-icon-precomposed" href=""><link id="viewCustomerFavIcon" rel="icon" href="custom/44WHELF_NLW-44WHELF_NLW_NUI/img/favicon.ico"><link id="viewHomeScreenCustomerIconAndroid" rel="icon" href=""><link id="viewHomeScreenCustomerIconIos" rel="apple-touch-icon" href=""><link id="canonicalFullDisplay" rel="canonical" href=""><link rel="apple-touch-icon-precomposed" href=""><link rel="icon" href=""><link href="fonts/source-sans-pro-2.020R-ro-1.075R-it/source-sans-pro.css?version=d4ab211e8f&amp;family=Source+Sans+Pro:400,300,600,700,400italic" rel="stylesheet" type="text/css"><link href="lib/vendor.css?version=a2e36546a1" rel="stylesheet"><link href="lib/app.css?version=db6e70343f" rel="stylesheet"><style type="text/css" data-href="app.css?version=db6e70343f">/* perfect-scrollbar v0.6.11 */
.ps-container {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-container {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-container {
overflow: auto !important;
}
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-container.ps-in-scrolling {
pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
background-color: #999;
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
background-color: #999;
}
.ps-container>.ps-scrollbar-x-rail {
display: none;
position: absolute;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
bottom: 3px;
height: 8px;
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
position: absolute;
background-color: #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
bottom: 0;
height: 8px;
}
.ps-container>.ps-scrollbar-y-rail {
display: none;
position: absolute;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 3px;
width: 8px;
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
position: absolute;
background-color: #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
right: 0;
width: 8px;
}
.ps-container:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
background-color: #999;
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
background-color: #999;
}
.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
opacity: 0.6;
}
.ps-container:hover>.ps-scrollbar-x-rail:hover {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
background-color: #999;
}
.ps-container:hover>.ps-scrollbar-y-rail:hover {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
background-color: #ffffff;
}

/* Extra Header Styling */
.llgc-logo-small {
    display: block;
}

@media (min-width: 600px) {
    .llgc-logo-small {
        display: none;
    }
}

.llgc-logo-small a {
    display: block;
}

.llgc-logo-small img {
    display: block;
    width: 50px;
    margin: 14px;
}

.llgc-header {
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
}

@media (min-width: 600px) {
    .llgc-header {
        display: flex;
    }
}

.llgc-logo-square {
    display: block;
    margin-right: auto;
    height: 50px;
}

@media (min-width: 840px) {
    .llgc-logo-square {
        display: none;
    }
}

.llgc-logo-square img {
    display: block;
    height: 50px;
}

.llgc-logo-big {
    display: none;
    margin-right: auto;
    height: 50px;
}

@media (min-width: 840px) {
    .llgc-logo-big {
        display: block;
    }
}

.llgc-logo-big img {
    display: block;
    height: 50px;
}

.llgc-main-nav {
    display: none;
}

@media (min-width: 600px) {
    .llgc-main-nav {
        display: block;
    }
}

.llgc-main-nav ul {
    list-style: none;
}

.llgc-main-nav a {
    padding: 10px 0;
}

.top-nav-bar > div.flex-50 {
    display: none;
}

.top-nav-bar-links {
    justify-content: flex-end !important;
}

@media (min-width: 600px) {
    .top-nav-bar-links {
        justify-content: flex-start !important;
    }
}

prm-search-bar .search-switch-buttons {
    width: 128px;
}

@media (min-width: 768px) {
    prm-search-bar .search-switch-buttons {
        width: 248px;
    }
}

@media (min-width: 1024px) {
    prm-search-bar .search-switch-buttons {
        width: auto;
    }
}

prm-search-bar .search-switch-buttons .md-button.switch-to-advanced,
prm-search-bar .search-switch-buttons .md-button.switch-to-simple {
    white-space: normal;
    line-height: 1.3;
}

@media (min-width: 768px) {
    prm-search-bar .search-switch-buttons .md-button.switch-to-advanced,
    prm-search-bar .search-switch-buttons .md-button.switch-to-simple {
        white-space: nowrap;
    }
}

@media (min-width: 1024px) {
    prm-search-bar .search-switch-buttons .md-button.switch-to-advanced,
    prm-search-bar .search-switch-buttons .md-button.switch-to-simple {
        white-space: wrap;
    }
}

@media (min-width: 1280px) {
    prm-search-bar .search-switch-buttons .md-button.switch-to-advanced,
    prm-search-bar .search-switch-buttons .md-button.switch-to-simple {
        white-space: normal;
    }
}

prm-search-bar .search-switch-buttons .md-button.switch-to-advanced {
    position: relative;
    top: 4px;
}

@media (min-width: 768px) {
    prm-search-bar .search-switch-buttons .md-button.switch-to-advanced {
        top: 8px;
    }
}

@media (min-width: 1024px) {
    prm-search-bar .search-switch-buttons .md-button.switch-to-advanced {
        position: absolute;
        top: auto;
    }
}

/* Extra Footer Styling */
.f-wrapper {
    padding: 20px 10px;
    background: transparent !important;
}

@media (max-width: 1279.5px){
    .f-s-1-2{
        border-top: solid;
        border-width: thin;
        border-color: lightgray;
        padding-top: 20px;
        padding-left: 20px;
    }

    .f-s-2 img{
        padding-left: 20px;
    }

    .f-s-3-1 a {
        padding-left: 20px;
    }

    .f-s-1-1-1{
        padding-left: 21px;
    }
}

@media (min-width: 600px) {
    .f-wrapper {
        padding: 30px 20px;
    }

    .f-s-1-1-2, 
    .f-s-1-1-3 {
    border-left: 1px solid #dee2e6;
    }

}

.bar prm-authentication .md-button, .md-button.button-as-link {
    color: #ffffff !important;
    background-color: #bc204b !important;
    border-radius: 4px !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.email{
    background-color: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.f-s-1-1-1 p,
.f-s-1-1-2 p,
.f-s-1-1-3 p {
    color: #535353 !important;
    font-size: 14px !important;
}

.f-s-1-1-1 li,
.f-s-1-1-2 li,
.f-s-1-1-3 li {
    color: #535353 !important;
}

.f-s-1-1-1 a,
.f-s-1-1-2 a,
.f-s-1-1-3 a {
    color: #535353 !important;
}

.f-s-1-1-1,
.f-s-1-1-2,
.f-s-1-1-3 {
    padding-bottom: 1em;
}

.f-s-1-1-2, 
.f-s-1-1-3 {
    padding-left: 21px;
}

.f-s-1-1-2 ul, 
.f-s-1-1-3 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.f-s-1-1-2 a, 
.f-s-1-1-3 a {
    font-size: 14px;
    display: block;
    margin: 0 0 10px 0;
}

#mc_embed_signup form {
    padding: 0 !important;
}

.f-s-2 {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1em;
    padding: 14px 0;
}

.f-s-2 img {
    display: block;
    height: 72px;
    margin: 0 14px 0 0;
}

.foot-links {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
}

.foot-links li {
    display: inline-block;
    margin-right: 10px;
}

.f-s-3-2 a {
    display: inline-block;
    margin-left: 10px;
}

.f-s-3-1 a {
    color: black;
    text-decoration: underline !important; 
}

@media (max-width: 767px){
    .f-s-3-2{
        float: left;
    }
}

@media (min-width: 960px) and (max-width: 1279px){

    prm-static div[ng-include="$ctrl.getTemplateUrl()"]{
        width: 110%;
    }

}

@media (min-width: 1280px){

    prm-static div[ng-include="$ctrl.getTemplateUrl()"]{
        width: 125%;
    }

}

@media (min-width: 1600px){

    prm-static div[ng-include="$ctrl.getTemplateUrl()"]{
        margin-left: -10%;
        width: 150%;
    }
    
}

@media (min-width: 1920px){

    prm-static div[ng-include="$ctrl.getTemplateUrl()"]{
        margin-left: 0px;
        width: 125%;
    }

}