/* YALE CUSTOMISATION: Proprietary fonts */
@font-face
{
  font-family: 'YaleNew-Roman';
  src: url('https://libweb.library.yale.edu/fonts/YaleNew/YaleNew-Roman.woff2') format('woff2'),
       url('https://libweb.library.yale.edu/fonts/YaleNew/YaleNew-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: 'mallory_mpmedium';
  src: url('https://libweb.library.yale.edu/fonts/MalloryMP/MalloryMP-Medium.woff2') format('woff2'),
       url('https://libweb.library.yale.edu/fonts/MalloryMP/MalloryMP-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* YALE CUSTOMISATION: Button color */
/* svg elements need "fill" instead of "color", annoyingly */
a svg, button svg
{
  fill: #043669;  /* 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, .btn-primary
{
  border-color: rgba(0,0,0,.15);
  color: #043669;  /* Bootstrap's "brand-primary" colour */
}
input[type="submit"].btn-primary
{
  color: white;
}

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

/* YALE CUSTOMISATION: Main color */
div#datebrowserrichardmonthlevelcalendarheader
{
  background-color: #F7F7F9;  /* Bootstrap's "gray-lightest" colour */
  border: 1px solid #043669;  /* Bootstrap's "brand-primary" colour */
  border-radius: 0.25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.75rem;
  padding-left: 0.5rem;
}

/* YALE CUSTOMISATION: Common controls */
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CCC !important;
  opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CCC !important;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #CCC !important;
}

.form-control:focus
{
  box-shadow: inset 0 0 0 0.2rem rgba(4,54,105,.25);
}

/* YALE CUSTOMISATION: Max width 1400px */
div#bannerlogo, div#navbar nav, nav#breadcrumbscell, div#content.other, div#footercontent
{
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/* YALE CUSTOMISATION: Header font */
header#header
{
  font-family: 'YaleNew-Roman';
  background-color: #043669;
}

/* YALE CUSTOMISATION: Header bottom cell style */
div#headertopcell
{
  border-bottom: 1px solid #808080;
}

/* YALE CUSTOMISATION: Header bottom cell style */
div#headerbottomcell
{
  border: 0;
}

/* YALE CUSTOMISATION: Logo style */
div#bannerlogo
{
  -ms-flex-preferred-size: unset;
  -webkit-flex-basis: unset;
  flex-basis: unset;
  width: 100%;
}
div#bannerlogo a
{
  font-size: 2rem;
  color: #FFF;
  text-decoration: none;
}

/* YALE CUSTOMISATION: Navbar collapsed style */
div#navbarcollapsed > a
{
  color: #FFF;
  float: right;
}
div#navbarcollapsed svg
{
  fill: #FFF;
}

/* YALE CUSTOMISATION: Nav bar style */
div#navbar
{
  background-color: #043669;
  color: #FFF;
  width: 100%;
}
div#navbar a
{
  color: #FFF;
  font-size: 18px;
  padding: 0.25rem 2rem 0.25rem 0;
}
div#navbar a:hover, div#navbar a.active
{
  text-decoration: underline;
}

ul#navbarentries
{
  float: left;
}
div#navbar nav
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* YALE CUSTOMISATION: Breadcrumb style */
div#breadcurmbswrapper
{
  background-color: #F7F7F9;
}
nav#breadcrumbscell
{
  width: 100%;
}
nav#breadcrumbscell.documentdisplay
{
  max-width: 100%;
}

.breadcrumb
{
  width: 100%;
}

/* YALE CUSTOMISATION: Homepage style */

div#homepagecontent h2
{
  color: #043669;
  text-transform: capitalize;
}
div#homepagecontent p
{
  font-size: 0.9rem;
}

div.homepagebrowseicon
{
  text-align: center;
  text-transform: capitalize;
}

div#homepagetext
{
  margin-top: 1rem;
}

div#homepagetext h2
{
  font-family: 'YaleNew-Roman';
  font-weight: bold;
  text-align: left;
}

div#homepageabout
{
  margin-top: 1rem;
}

#searchresultyeargraphtitle
{
  background-color: #043669;
}

/* YALE CUSTOMISATION: Search result style */
div#searchpagesearchextracontainer .btn-primary.collapsed
{
  color: white;
}

/* YALE CUSTOMISATION: Advanced search style */
.advancedsearchwrapper
{
  display: none;
  border-left: 1px solid rgba(77,77,77,.125);
  border-right: 1px solid rgba(77,77,77,.125);
  border-bottom: 1px solid rgba(77,77,77,.125);
  padding: 5px;
}

/* YALE CUSTOMISATION: Decade link style */
ul#publicationbrowsedecadelist
{
  margin-bottom: 1rem;
  margin-top: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}

div#documentdisplayheader h1
{
  padding-top: 5px;
  padding-bottom: 5px;
}

/* YALE CUSTOMISATION: Original link style */
div#documentdisplayheader a.originallink
{
  font-size: 0.8rem;
}

/* YALE CUSTOMISATION: IIIF logo link */
img.iiif-logo
{
  width: 20px;
}

/* YALE CUSTOMISATION: PDF link style */
div#documentdisplayheader a.pdflink
{
  font-size: 1rem;
}
div#documentdisplayheader a.pdflink span
{
  font-size: 0.8rem;
}

/* YALE CUSTOMISATION: Footer style */
footer#footer
{
  background-color: #043669;
  color: #FFF;
  width: 100%;
  padding: 5px 0;
}
footer#footer.documentdisplay
{
  display: none;
}
div#footercontent
{
  padding-left: 5px;
  padding-right: 5px;
}
div#footercontent > div
{
  padding-bottom: 5px;
}
div#footercontent a
{
  color: #FFF;
}

#footercopyright
{
  font-family: 'YaleNew-Roman';
}

#footertitle
{
  font-size: 24px;
}
#footertitle a:hover
{
  text-decoration: none;
}
#footericon a
{
  margin-right: 0.25rem;
}

#footerpoweredby
{
  font-size: 0.8rem;
  text-align: right;
}
#footerpoweredby a
{
  margin-left: 0.5rem;
  margin-right: 0rem;
}
#footer-yale-extra
{
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}


/* YALE CUSTOMISATION: Acknowledgements style */
h1#acknowledgementspagetitle
{
  font-family: 'YaleNew-Roman';
  font-size: 1.75rem;
  color: #043669;
  margin-left: 2rem;
}
div.acknowledgementspagecolumn
{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1;
  margin-left: 2rem;
  margin-right: 2rem;
}
div#acknowledgementspageleftcolumn
{
  flex: 0.75;
}
div#homepagecontent > div.acknowledgementspagecolumn > div > h2
{
  text-align: left;
  font-size: unset;
}
table#donorstable
{
  width: 100%;
}
table#donorstable > tbody > tr
{
  height: 2.5rem;
  border-bottom: 1px solid #ccc;
}
table#donorstable > tbody > tr > th
{
  font-family: 'YaleNew-Roman';
  font-size: 1.25rem;
  font-weight: unset;
  color: #043669;
}
table#donorstable > tbody > tr > td
{
  font-size: 0.9rem;
}
table#donorstable > tbody > tr > .leftcolumn
{
  width: 30%;
}

/* YALE CUSTOMISATION: Style definitions on small screen less than 600px */
@media (max-width: 600px)
{
  div#bannerlogo a
  {
    font-size: 1.5rem;
  }
}

/* YALE CUSTOMISATION: Style definitions on small screen less than 400px */
@media (max-width: 450px)
{
  div#bannerlogo a
  {
    font-size: 1rem;
  }
}

/* YALE CUSTOMISATION: Style definitions on large screen over 700px */
@media (min-width: 651px) and (max-width: 800px)
{
  /* YALE CUSTOMISATION: Correct height of the logo image */
  div#headerbottomcell
  {
    padding-top: 5px;
  }
}

/* YALE CUSTOMISATION: Hide/show compoents at 800px */
@media (max-width: 800px)
{
  #header .hiddenwhensmall
  {
    display: none !important;
  }
  #header .hiddenwhennotsmall
  {
    display: block !important;
  }

  #topbartitle
  {
    font-size: 1.25rem;
  }

  #topbarlink
  {
    font-size: 0.7rem;
    line-height: 37px;
  }

  div#bannerlogo
  {
    width: calc(100% - 60px);
  }

  #footerpoweredby
  {
    text-align: left;
  }
  #footerpoweredby a
  {
    margin-left: 0rem;
    margin-right: 0.5rem;
  }
}
@media (min-width: 801px)
{
  #header .hiddenwhensmall
  {
    display: block !important;
  }
  #header .hiddenwhennotsmall
  {
    display: none !important;
  }

  /* YALE CUSTOMISATION: header bottom cell style */
  div#homepageleftcolumn
  {
    -webkit-box-flex: 0.75;
    -ms-flex: 0.75;
    flex: 0.75;
    border: 0;
    border-right: 1px solid #8D8D8D;
    border-radius: 0;
  }
  div#homepagemiddlecolumn
  {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 0;
  }
  div#homepagerightcolumn
  {
    border: 0;
    border-left: 1px solid #8D8D8D;
    border-radius: 0;
  }
}

/* YALE CUSTOMISATION: Hide/show compoents at 1000px */
@media (max-width: 1000px)
{
  #footertitle
  {
    font-size: 1.25rem;
  }
  #footerpoweredby
  {
    font-size: 0.7rem;
  }
}

/*Overwriting  style colors for text and links since the current main ones in bootstrap are not contrasting enough with the background to meet accessibility standards.*/
body
{
  color:#494746;
}
a
{
  color: #006fdf;
}
a.page-link
{
  color: #006fdf;
}
div.popover-body
{
  color: #000000;
}