/*===================================================================================================== */
/* Generic Setting [START] */
/*===================================================================================================== */
/* KENT STATE CUSTOMISATION: Font family setting */
html, body
{
  font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
}
/* KENT STATE CUSTOMISATION: Let's give a max width for non-document pages */
div#aboveheader, #headercontent, nav.nondocumentpages>.breadcrumb, #content.nondocumentpages, #footercontent
{
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.card
{
  background: transparent;
}
/*===================================================================================================== */
/* Generic Setting [END] */
/*===================================================================================================== */


/*===================================================================================================== */
/* MAIN HEADER [START] */
/*===================================================================================================== */
header#header
{
  background-color: #003976;
  color: #e6e6e6;
  font-weight: bold;
}
header#header a
{
  color: #e6e6e6;
  font-weight: bold;
}
header#header a.dropdown-item
{
  color: #003976;
  font-weight: initial;
}
header#header svg
{
  fill: #e6e6e6;
}
div#headerbottomcell
{
  border-bottom: 5px solid #efab00;
}
div#bannerlogo
{
/*  flex-grow: 1;*/
  /* margin-right: auto; */
}
div#bannerlogo.offsetbannerlogo
{
  top: 0px;
  margin-bottom: 0px;
  padding-bottom: 20px;
  max-width: 250px;
  border-right: 3px solid #fff;
}
div#bannerlogo img
{
  width: 165px;
}
/*===================================================================================================== */
/* MAIN HEADER [END] */
/*===================================================================================================== */


/*===================================================================================================== */
/* NAVIGATION BAR [START] */
/*===================================================================================================== */
div#navbar
{
  padding-left: 250px;
}
div#headercontentnavbarcollapsed a
{
  color: #EFAB00;
}
div#headercontentnavbarcollapsed div#navbarcollapsed a svg
{
  fill: #EFAB00;
}

div#headercontentnavbarcollapsed div#navbarcollapsed a.dropdown-item
{
  color: #2B3C56;
}
div#headercontentnavbarcollapsed div#navbarcollapsed a.dropdown-item.active
{
  color: white;
}
div#headercontent div a.nav-link
{
  color: white;
  text-shadow: 1px 1px 1px rgba(0,0,0,.75);
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
div#headercontent div a.nav-link:hover
{
  color: #EFAB00;
}
/*===================================================================================================== */
/* NAVIGATION BAR [END] */
/*===================================================================================================== */


/*===================================================================================================== */
/* BREADCRUMB [START] */
/*===================================================================================================== */
nav#breadcrumbscell
{
  background-color: #14396E;
  color: #F0F0F0;
}
nav#breadcrumbscell a
{
  color: #EFAB00;
}
nav#breadcrumbscell svg
{
  fill: #F0F0F0;
}
.breadcrumb
{
  background-color: transparent;
  border-bottom: 0px;
}
/*===================================================================================================== */
/* BREADCRUMB [END] */
/*===================================================================================================== */


/*===================================================================================================== */
/* CONTENT [START] */
/*===================================================================================================== */
div#fullcontent
{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  position: relative;
}
div#fullcontent.nondocumentpages
{
  padding: 10px;
}

div#content
{
  background-color:rgba(255, 255, 255, 0.95);
}
div#content.nondocumentpages
{
  border-radius: 5px;
  padding: 10px;
}
div#datebrowserrichardmonthlevelcalendarheader
{
  border: 1px solid #2B3C56;
}
/*===================================================================================================== */
/* CONTENT [END] */
/*===================================================================================================== */


/*===================================================================================================== */
/* FOOTER [START] */
/*===================================================================================================== */
/* KENT STATE CUSTOMISATION: Custom footer colours */
footer#footer
{
  border-top: 5px solid #efab00;
  background-color: #003976;
  color: #E1DFDB;
}
footer#footer.nondocumentpages
{
  height: 100px;
}
footer#footer a
{
  color: #EFAB00;
}
footer#footer div#footercontent
{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  flex-wrap: nowrap;
  /* KENT STATE CUSTOMISATION: Removed the white top border */
  border-top: none;
}
footer#footer div#footercontent.nondocumentpages
{
  height: 60px;
}
footer#footer div#footerimage.nondocumentpages
{
  display: none;
  height: 40px;
}
/*===================================================================================================== */
/* FOOTER [END] */
/*===================================================================================================== */


/*===================================================================================================== */
/* jsSocials CSS [START] */
/*===================================================================================================== */
.jssocials
{
  font-size: 10px;
}
/* It is better to have square tiny icons than round large ones, and the javascript will switch this at 1023 pixels (but @media includes the scroll bar, but javascript doesn't)*/
@media (max-width: 1023px)
{
  .jssocials-share-link
  {
    border-radius: 100%;
  }
}
a.jssocials-share-link i, a.jssocials-share-link span
{
  color: white;
}
/*===================================================================================================== */
/* jsSocials CSS [END] */
/*===================================================================================================== */


/*===================================================================================================== */
/* Mobile First --- Apply the following when the width is larger than 800px [START] */
/*===================================================================================================== */
@media (max-width: 890px)
{
  div#aboveheader>div#aboveheaderbtns>a.external
  {
    display: none;
  }
}
@media (min-width: 700px)
{
  div#aboveheader
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  footer#footer div#footercontent
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 801px)
{
  div#headercontent.nondocumentpages
  {
    min-height: 100px;
  }
  div#bannerlogo img
  {
    width: 210px;
  }
  div#bannerlogo.offsetbannerlogo
  {
    padding: 10px;
  }
  div#fullcontent.nondocumentpages::after
  {
    content: "";
    background-color: #eaedf9;
    background-image: url("../images/footer-background-interlace-plane.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
  }
  footer#footer div#footerimage.nondocumentpages
  {
    display: block;
    background-image: url("../images/footer-accent.svg");
    background-position: center;
    background-repeat: no-repeat;
  }
}
/*===================================================================================================== */
/* Mobile First --- Apply the following when the width is larger than 800px [END] */
/*===================================================================================================== */

@font-face{
font-display:auto;font-family:"NationalBold";
src:url(../fonts/National-Bold.woff) format("woff")
}


div#homepagecontent h2, div#homepagesearchbar h2
{
  font-family: "NationalBold";
  text-transform: uppercase;
}

div#homepagesearchbar
{
  background-image: url("../images/home-page-banner.jpg");
  width: 100%;
  padding: 30px;
  margin-bottom: 0.75rem;
  background-size: cover;
  border-radius: 0.25rem;
}

div#searchbarformcontent
{
  width: 80%;
  padding: 10px;
  background-color: #003976;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.25rem;
  background-color: #003e80;
}

div#searchbarformcontent h2, div#homepageleftcolumn h2, div#homepagerightcolumn h2
{
  color: #fff;
  width: fit-content;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 24px;
}

div#homepageleftcolumn, div#homepagerightcolumn
{
  background-color: rgba(0,57,118,0.8);
  background-color: #003e80;
  color: #fff;
}

div#homepageleftcolumn h2, div#homepagerightcolumn h2
{
  margin-left: auto;
  margin-right: auto;
}

div#homepageleftcolumn a, div#homepagerightcolumn a
{
  color: #fff;
}

div#homepagerightcolumn svg
{
  fill: #fff;
}

#homepagemiddlecolumn
{
  background: #fff;
  border-bottom: 3px solid #efab00;
  border-right: 3px solid #efab00;
  order: 1;
  margin-left: 0px !important;
}

#homepagemiddlecolumn div#homepageabout
{
  font-weight: 400;
}

div#homepagebrowse
{
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}
div.homepagebrowseicon a svg
{
  fill: white;
}
div.homepagebrowseicon a
{
  color: white;
}
@media (max-width: 590px)
{
  div#homepagebrowse
  {
    display: block;
    text-align: left;
  }
}

ul#navbarentries
{
  font-family: 'Roboto Slab', serif;
}

ul#navbarentries li.nav-item:hover
{
  text-decoration: underline;
}

div#homepagemiddlecolumn h2
{
  width: fit-content;
  font-size: 24px;
  padding-right: 10px;
  margin-bottom: 10px;
}

h1#collectionnameheader
{
  margin: auto auto auto 0;
  min-width: 300px;
  font-size: 30px;
  padding-left: 20px;
}
h3#collectionnamepreheader
{
  margin-bottom: 0px;
  padding-left: 20px;
  text-transform: uppercase;
}

div#headertopcell
{
  padding-top: 15px;
}

div#leftcolumnbottomsection
{
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  display: flex;
  justify-content: space-evenly;
  border-top: 2px solid #003e80;
  width: 90%;
  padding: 40px 30px 10px 30px;
}

div#logosectionarea
{
  display: flex;
  margin-right: auto;
}

div#logosectionarea h1
{
  min-width: 300px;
}

div#homepageleftcolumn
{
  order: 2;
}

div#content.homepagebackground
{
  background-color: #e6e6e6;
}
div.pagecontentmargin
{
  margin-top:0px;
  margin-bottom: 0px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
a.nav-link.active
{
  text-decoration: underline;
}
header#header a.dropdown-item.active
{
  color: #fff;
}

h1#collectionnameheadermobile
{
  display: none;
  padding-left: 15px;
}
h3#collectionnamepreheadermobile
{
  display: none;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  text-transform: uppercase;
  width: fit-content;
}

div#homepagesampler img
{
  margin-top: 10px;
  margin-bottom: 10px;
}
div#homepagesampler
{
  padding-bottom: 1rem;
}
div#homepagesearch
{
  margin-left: 10px;
  margin-right: 10px;
}
#searchresultyeargraphtitle
{
  background-color: #003976;
}

@media(max-width: 850px)
{
  div#homepagesearchbar
  {
    background-position-y: 0;
  }
}

@media(max-width: 800px)
{
  #homepageleftcolumn
  {
    margin-right: 0 !important;
  }
  div#searchbarformcontent
  {
    width: 100%;
  }
}

@media(min-width: 800px)
{
  #homepageleftcolumn
  {
    -webkit-box-flex: 0.7;
    -ms-flex: 0.7;
    -webkit-flex: 0.7;
    flex: 0.7 !important;
  }
}

@media(max-width: 700px)
{
  div#headertopcell
  {
    padding-bottom: 15px;
  }
  div#leftcolumnbottomsection
  {
    flex-direction: column;
  }
  div#leftcolumnbottomsection h2
  {
    margin-left: auto;
    margin-right: auto;
  }
  div#userlinks
  {
    display: none;
  }
  div#footercontent
  {
    padding-top: 15px;
  }
}

@media(max-width: 600px)
{
  div#logosectionarea
  {
    flex-direction: column;
  }
  div#logosectionarea h1
  {
    padding-left:0px;
    min-width: 0px;
  }
  div#logosectionarea div#bannerlogo
  {
    border-right:0px;
    flex-basis:0px;
  }
  h1#collectionnameheadermobile
  {
    display: block;
  }
  h3#collectionnamepreheadermobile
  {
    display: block;
  }
  div#headertopcell
  {
    padding-bottom: 0px;
  }
  h1#collectionnameheader, h3#collectionnamepreheader
  {
    display: none;
  }
  header#header.documentdisplayheader
  {
    display: flex;
    flex-direction: row;
  }
  header#header.documentdisplayheader h1#collectionnameheadermobile
  {
    margin-top: 0.5rem;
  }
  header#header.documentdisplayheader h3#collectionnamepreheadermobile
  {
    display: none;
  }
  div#headertopcell,h1#collectionnameheadermobile
  {
    margin-right: auto;
    margin-left: auto;
    width: fit-content;
  }
  header.documentdisplayheader div#headertopcell
  {
    margin-left:0;
    margin-right:0;
  }
  div#navbarcollapsed
  {
    padding-top: 7px;
  }
  header.documentdisplayheader div#navbarcollapsed
  {
    padding-top: 0px;
  }
}

@media(min-width: 1125px)
{
  h1#collectionnameheader
  {
    font-size: 40px;
    white-space: nowrap;
  }
}
@media(max-width: 1125px)
{
  h1#collectionnameheader
  {
    max-width: 460px;
  }
}