/* VASSAR CUSTOMISATION: Copied from library.vassar.edu */
.g-Masthead__vassar--link{color:#882344}
.g-Masthead__vassar--link:visited{color:#882344}
.g-Masthead__vassar--link:focus{color:#c1b5b0}
.g-Masthead__vassar--link:hover{color:#c1b5b0}
.g-Masthead__vassar--link:active{color:#746661}
.g-Masthead__vassar--link path,.g-Masthead__vassar--link:visited path{fill:#fff}
.g-Masthead__vassar--link:hover path,.g-Masthead__vassar--link:focus path{fill:#c1b5b0}
.g-Masthead__vassar--link:active path{fill:#746661}


/* VASSAR CUSTOMISATION: Underline links on hover only, to match library.vassar.edu */
a
{
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}


/* VASSAR CUSTOMISATION: The banner logo is quite small, so reduce the div size */
div#bannerlogo
{
  flex-basis: 188px;  /* Image width, plus 30px total left and right padding */
}
div#bannerlogo img
{
  max-width: 158px;  /* SVG/vassar-logo-email.png width */
}
@media (max-width: 700px)
{
  div#bannerlogo
  {
    flex-basis: 152px;  /* Image width (when scaled to 76px high), plus 30px total left and right padding (commonedging) */
  }
  div#bannerlogo img
  {
    max-width: 122px;  /* masthead.png width, scaled to 76px high */
  }
}
@media (max-width: 500px)
{
  div#bannerlogo
  {
    flex-basis: 132px;  /* Image width (when scaled to 76px high), plus 10px total left and right padding (commonedging) */
  }
}

div#headerbottomcell
{
  border-bottom: 2px solid #584d4b;  /* Similar to library.vassar.edu */
}

/* VASSAR CUSTOMISATION: Justify text in "About" section */
div#homepageabout div
{
  text-align: justify;
}

/* VASSAR CUSTOMISATION: To put some space before the extra button */
div#homepagesampler
{
  padding-bottom: 20px;
}

div#vassardigitallibrarybutton
{
  text-align: center;
}

/* VASSAR CUSTOMISATION: Custom tag line in the middle of the header */
div#vassarheadertagline
{
  color: white;
  flex: 1;
  font-family: Georgia, "Dejavu Serif", "Bitstream Vera Serif", "Times New Roman";
  font-size: 25px;
  margin-bottom: -22px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  position: relative;
  top: -22px;
}
@media (max-width: 700px)
{
  div#vassarheadertagline
  {
    padding-top: 20px;
  }
}
@media (max-width: 500px)
{
  div#vassarheadertagline
  {
    font-size: 20px;  /* Reduce font size at the same time that commonedging changes */
    padding-top: 25px;
  }
}

/* VASSAR CUSTOMISATION: "Libraries" link similar to library.vassar.edu */
div#vassarlibrarieslinkcontainer
{
  background: #584d4b url(../images/library-tree-50pct-duotone.jpg) top center repeat-x;
}
div#vassarlibrarieslinkcontainer a
{
  font-family: "acumin-pro-extra-condensed","Arial Narrow","Helvetica Condensed";
  font-size: 3em;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* VASSAR CUSTOMISATION: Custom background colour for header, from library.vassar.edu */
header
{
  background-color: #882344;
}

/* VASSAR CUSTOMISATION: White links with grey hover, from library.vassar.edu */
header div a
{
  color: white;
}
header div a:hover
{
  color: #c1b5b0;
  text-decoration: none;
}
/* svg elements need "fill" instead of "color", annoyingly */
header div a svg
{
  fill: white;
}
header div a:hover svg
{
  fill: #c1b5b0;
}

/* VASSAR CUSTOMISATION: Grey navigation links with inverted hover, similar to library.vassar.edu */
header div#navbar a.nav-link
{
  color: #e6e6e6;
}
header div#navbar a.nav-link:hover
{
  background-color: #d7cfcc;
  color: black;
  text-decoration: none;
}