/* PRINCETON CUSTOMISATION: Custom heading styling */
h1, h2, h3, h4, h5, h6
{
  color: black;
  text-transform: capitalize;
  letter-spacing: 2px;
  font-style: normal;
  line-height: normal;
  font-size: 1.6em;
  font-family: 'Trebuchet MS','Helvetica Neue',Arial,Helvetica,sans-serif;
}

/* svg elements need "fill" instead of "color", annoyingly */
/* PRINCETON CUSTOMISATION: Button colors */
a svg, button svg
{
  fill: #CF6624;  /* Bootstrap's "brand-primary" colour */
}

/* Re-style bootstrap's ".btn-light" button a little. Since bootstrap-4.0.0-beta button's borders and backgrounds are the same color, but in the case of .btn-light I think it needs a darker border or it nearly vanishes.
 *  *  *    Note that rgb(0,0,0,.15) (#d8d8d8) is the same color used for the border of a .form-control */
.btn-light
{
  border-color: #D6D6D6;
  color: #CF6624;  /* Bootstrap's "brand-primary" colour */
}

/* PRINCETON CUSTOMISATION: Main color */
.maincolor, .textcorrectblockcolor
{
  background-color: #CF6624;  /* Bootstrap's "brand-primary" colour */
}

/* PRINCETON CUSTOMISATION: Inset shadow */
.form-control:focus
{
  box-shadow: inset 0 0 0.5rem rgb(207 102 36 / 50%);
}
.btn-primary.focus, .btn-primary:focus
{
  box-shadow: inset 0 0 0.5rem rgb(255 255 255 / 50%);
}
.btn-primary:not(:disabled):not(.disabled):active:focus
{
  box-shadow: inset 0 0 0.5rem rgb(255 255 255 / 50%);
}
.btn-light.focus, .btn-light:focus
{
  box-shadow: inset 0 0 0.5rem rgb(0 0 0 / 25%);
}
.btn-light:not(:disabled):not(.disabled):active:focus
{
  box-shadow: inset 0 0 0.5rem rgb(0 0 0 / 25%);
}

/* PRINCETON CUSTOMISATION: Dark header */
/* PRINCETON CUSTOMISATION: min-width because below 305px the princeton ul logo sticks out of the right side of the header in firefox. */
header#header
{
  background-color: #F6EFDB;
  margin: 5px 5px 0 5px;
  min-width: 305px;
}

/* PRINCETON CUSTOMISATION: Hamburger button right align */
div#headertopcell
{
  position: absolute;
  left: 152px;
  top: 16px;
  padding-left: 0px;
  padding-right: 0px;
}

/* PRINCETON CUSTOMISATION: Remove header bottom border */
div#headerbottomcell
{
  border-bottom: 0px;
}

/* PRINCETON CUSTOMISATION: Logo style */
#bannerlogowrapper
{
  display: table;
  width: 100%;
}
div#bannerlogo.offsetbannerlogo
{
  display: table-cell !important;
  width: 660px;
  padding: 0px;
  top: 0px;
  margin-bottom: 0px;
}

img.university-logo
{
  height: 44px;
}

/* PRINCETON CUSTOMISATION: Princeton University Library Logo size at different widths */
div#pulbannerlogo
{
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
}

div#pulbannerlogo img
{
  height: 22px;
}

@media only screen and (min-width: 350px) and (max-width: 399px)
{
  div#pulbannerlogo
  {
    text-align: right;
    padding-left: 5px;
    padding-right: 10px;
  }

  div#pulbannerlogo img
  {
    height: 24px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 700px)
{
  div#pulbannerlogo
  {
    padding-left: 15px;
    padding-right: 15px;
  }
  div#pulbannerlogo img
  {
    height: 28px;
  }
}

/* PRINCETON CUSTOMISATION: Left logos at different widths */
img.logo-700-wide-or-less
{
  height: 59px;
  /* width: 222px; */
}

@media only screen and (max-width: 700px)
{
  img.logo-more-than-700-wide
  {
    display: none;
  }
  div#bannerlogo img
  {
    width: auto;
  }
}

@media only screen and (min-width: 701px)
{
  img.logo-700-wide-or-less
  {
    display: none;
  }
  div#pulbannerlogo
  {
    text-align: right;
    padding-right: 15px;
  }
  div#pulbannerlogo img
  {
    height: 36px;
  }
  div#bannerlogo img
  {
    width: 100%;
  }
}

/* PRINCETON CUSTOMISATION: navbar style; add a bottom line */
div#navbar
{
  width: 100%;
  background-color: black;
  padding-top: 25px;
  border-bottom: 2px black solid;
}

/* PRINCETON CUSTOMISATION: navbar style */
nav.navbar
{
  background-color: #B1C0C9;
  padding: 0;
}
nav.navbar a
{
  color: #1D3260;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 0.3rem 1rem;
}
nav.navbar a:hover
{
  background-color: black;
  color: #B1C0C9;
}

/* PRINCETON CUSTOMISATION: bread crumbs style */
div#breadcrumbscontent
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
}
ol.breadcrumb
{
  -webkit-box-flex: 3;-ms-flex: 3;flex: 3;
  background-color: white;
  border-bottom: 0px;
}
div#socialbookmarkscell
{
  min-height: 33px;
  -webkit-box-flex: 1;-ms-flex: 1;flex: 1;
  background-color: white;
}
div#socialbookmarks
{
  float: right;
  min-width: 103px;
}

/* PRINCETON CUSTOMISATION: Search chart style */
#searchresultyeargraphtitle
{
  background-color: #CF6624;
}

/* PRINCETON CUSTOMISATION: Increase font size for publications list */
.publicationbrowserlist
{
  font-size: 1.3rem;
}

/* PRINCETON CUSTOMISATION: Footer style */
footer#footer
{
  padding: 0 5px 5px 5px;
  font-weight: bold;
}
div#footercontent
{
  min-height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f6efdb;
}
div#footercontent a
{
  color: black;
}
div#footercontent a:hover
{
  color: #FF9933;
}

/* PRINCETON CUSTOMISATION: Footer style for when including the university logo (on all pages but the document display page). */
footer.university-logo-layout div#footercontent
{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
div.pulogocell
{
  margin: 0.75em 0 0;
}
footer.university-logo-layout div.copyrightcell
{
  margin-top: 0.25em;
  line-height: 1.7em;
}
footer.university-logo-layout div.poweredbycell
{
  -ms-flex-item-align: end;
  align-self: flex-end;
}

/* PRINCETON CUSTOMISATION: Style for large screens */
@media only screen and (min-width: 701px)
{
  /* PRINCETON CUSTOMISATION: Logo style */
  div#pulbannerlogo
  {
    display: table-cell;
  }
}