/*Lively mobile break points, all min-width:
1200, 1024, 768, 600*/

body {
font-family: Arial,Helvetica,"Nimbus Sans L","Liberation Sans",FreeSans,sans-serif;
color: #191919;
padding-top: 0px;
}
p {
max-width: 700px;
}
#skipnav {
padding: 10px;
  position: absolute;
  top: calc(-100%);
  left: 0;
  border: 2px solid #000;
  border-radius: 4px;
  transition: top 1s ease-out,background 1s linear;
  z-index: 100;
  background-color: #fff;
}
#skipnav:focus {
position: absolute;
  left: 6%;
  top: 1%;
  outline: 0;
  transition: top .1s ease-in,background .5s linear;
z-index: 5000000000000000000000000000;
}
a:focus, button:focus, a:focus img {
outline: none !important;
  box-shadow: 0 0 0 2px #fff,0 0 0 4px #191919 !important;

}
button:hover:not(.disabled) {
transform: scale(1.05);
}
/*---------------MENU AND UNIT HEADER-------------------*/
.main-header{
border-bottom: 1px solid #d0d0d0;
}
/*move navigation to left under logo*/
.main-header__main-bar {
display: block;
padding-top: 1rem;
}
/*reduce space above and below menu items*/
.main-navigation .navigation > li > a {
margin: 10px 5px 0px 5px;
border: 0px solid transparent;
font-weight: 400;
}

/*move navigation block over to line up with subdomain and site title*/
.main-navigation .navigation {
padding-left: 4rem;
}
.main-navigation .navigation > li.active > a {
font-weight: 400;
}
.main-header__site-title {
display: flex;
width: 90%;
max-width: 100%;
}
/*THIS WRAPS THE TEXT NEXT TO THE LOGO AND IS ADDED TO THE HEADER.PHTML FILE*/
.main-header__site-title .inner-text-wrap {
display:flex;
flex-direction: column;
padding-left: 1rem;
flex-wrap: wrap;
}
.unit-name {
font-size: 1rem;
}
.subdomain-name {
font-size: 1.5rem;
font-weight: 700;
}
.main-header__site-title a.unit-name {
text-decoration: none;
color: #191919;
font-weight: 700;
}
.main-header__site-title a.unit-name:hover {
text-decoration: underline;
color: #191919;
}
.main-navigation .navigation > li > a:hover, 
.main-navigation .navigation > li.active > a {
border: 0px solid transparent;
}
.main-navigation .navigation > li > a:focus {
border: 0px solid transparent;
outline: none !important;
box-shadow: 0 0 0 2px #fff,0 0 0 4px #191919 !important;
border-radius: 0px;
transition: all .0s ease;
}
.main-navigation .navigation > li > a::after{
    content: "";
    display: block;
    height: .5rem;
    background-image: linear-gradient(to right,transparent .5%,#ffc627 .5%);
    position: relative;
    top: inherit;
    width: 0;
    bottom: 0;
    left: 12px;
}
.main-navigation .navigation > li > a:hover:after, 
.main-navigation .navigation > li.active > a:after {
transition: .5s cubic-bezier(.19,1,.19,1);
content: "";
display: block;
height: .5rem;
background-image: linear-gradient(to right,transparent .5%,#ffc627 .5%);
position: absolute;
width: 90%;
top: inherit;
bottom: 0;
left: 12px;
}

/*---------------------------MOBILE MENU------------------------*/
.main-navigation__toggle {
position: fixed;
top: 0;
right: 1rem;
}

@media (max-width: 1199px){
.main-header__site-title {
padding-bottom: 1rem;
}
}

/*-------------------LINKS-----------------------*/
a:hover {
text-decoration: none;
color: #8C1D40;
}
a:visited {
color: #440E22;
}

/*-------------PAGES LAYOUT---------------------*/
/*remove horizontal line at bottom of content*/
.regions-container {
border-bottom: 0px solid transparent;
}
/*remove thick left hand line before title*/
.title::before, .block-pageTitle::before {
display: none;
}

/*-------------------------BROWSE ALL PERIODICALS PAGE--------------------*/
.resource-grid .resource {
border: 1px solid transparent;
}

/*---------------------------INDIVIDUAL ITEM SETS PAGE IF USING ANY BLOCKS BELOW TITLE BEFORE THE ITEMS------------------------*/
.metadata .block-resource .block-description {
max-width: 700px;
}
/*-----------------------------FOOTER---------------------------------*/
#footer-innovation .footer-innovation-links .img-link img {
height: auto !important;
padding-bottom: 24px;
  padding-top: 24px;
}

/*Social icons white on hover*/
#social-media .nav-link svg:hover {
color: #ffffff;
}

/*----------------MOBILE GLOBAL HEADER SECTION-------------------------*/

.biToCB {
width: 100%;
    min-height: auto;
    position: fixed;
    bottom: 0px;
    padding: 0px;
background-color: rgb(232, 232, 232);
}
.uds-hdr-header-top {
width: 100%;
height: 100%;
}

.uds-hdr-header-top .nav {
width: 100%;
    height: 100%;
    display: flex;
    -moz-box-pack: start;
    justify-content: flex-start;
    -moz-box-align: center;
    align-items: center;
    flex-direction: column-reverse;
}
.biToCB .uds-hdr-header-top .nav .uds-hdr-links-container {
display: flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  gap: 1.5rem;
}
.biToCB .uds-hdr-header-top .nav .uds-hdr-links-container {
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    justify-items: start;
    width: 100%;
    gap: 0px;
    border-top: 1px solid rgb(208, 208, 208);
    border-left: 1px solid rgb(208, 208, 208);
}

a.uds-hdr-nav-link:visited, a.uds-hdr-nav-link {
  color: #191919;
}
.uds-hdr-nav-link.uds-hdr-login-status a {
color: #191919;
text-decoration: none;
}

.uds-hdr-header-top .nav .uds-hdr-links-container .uds-hdr-nav-link {
white-space: normal;
    margin-right: 0px;
    text-align: center;
    width: 100%;
    font-size: 0.875rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid rgb(208, 208, 208);
    border-right: 1px solid rgb(208, 208, 208);
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
line-height: 1;
text-decoration: none;
}

/*-----------------------------ITEM SET PAGE----------------------------*/

.preview-block .browse-all {
background-color: #bfbfbf;
border: 1px solid transparent
}

.preview-block .browse-all:hover:not(.disabled) {
background-color: #bfbfbf;
border: 1px solid transparent;
transform: scale(1.05);
}

/*--------------------------ADVANCED ITEM SET AND ITEM SEARCH PAGES-----------------------------*/
#advanced-search #page-actions input[type="submit"]:hover, #advanced-search #page-actions input[type="reset"]:hover {
transform: scale(1.05);
}
#advanced-search #page-actions input[type="reset"]:hover {
background-color: #bfbfbf;
  border: 1px solid #bfbfbf;
}
#advanced-search #page-actions input[type="reset"] {
border: 1px solid #bfbfbf;
}
#advanced-search #page-actions input[type="submit"] {
background-color: #191919;
}
#advanced-search #page-actions {
padding-left: 0px;
}
#advanced-search {
margin-left: 0px;
}
.field {
padding: 0;
}
.field, fieldset {
border: 1px dashed transparent;
}
.field-meta, #by-resource-class-label {
font-weight: 700;
font-size: 1rem;
}
label.sub-label {
font-size: 1rem;
}
select, input[type="text"], .chosen-container-single .chosen-single, .chosen-container-single .chosen-drop {
border-radius: 0px;
font-size: 1rem;
}
#advanced-search #item-sets .item-set-select-type + .chosen-container {
flex: 0 0 0;
width: 100% !important;
}
#advanced-search .add-value {
margin-top: .8rem;
}
#advanced-search .inputs > .value .value-fields, #advanced-search .field:not(.multi-value) .inputs, #advanced-search .field.multi-value .value {
flex-direction: column;
align-items: normal;
}
#advanced-search .field:not(.multi-value) .inputs > * {
flex: 1 1 auto;
margin-right: 0px;
}
#advanced-search .field.multi-value .value {
gap: 0px;
}
#advanced-search .inputs select, #advanced-search .inputs input, #advanced-search .inputs button, #advanced-search .inputs a.button {
margin-right: 0px;
}
#advanced-search .field.multi-value .sub-field, #advanced-search .field.multi-value .sub-label, #advanced-search .field.multi-value .sub-field:last-of-type, #advanced-search .field.multi-value .sub-label:last-of-type {
flex: 1 1 auto;
}
#advanced-search .field.multi-value#item-sets .value .sub-label:first-child {
max-width: 100%;
}

.chosen-container-single .chosen-single {
background: none;
padding: 8px 0 0 8px;
  min-height: 42px;
}