/* CORNELL CUSTOMISATIONS SHARED BETWEEN ALL THREE COLLECTIONS */

@import url('https://fonts.googleapis.com/css?family=Montserrat|Source+Sans+Pro');

/* CORNELL CUSTOMISATION: Bold subtitles */
h2
{
  color: #404040;
  font-family: Montserrat;
}

/* svg elements need "fill" instead of "color", annoyingly */
/* CORNELL CUSTOMISATION: Button colors */
a svg, button svg
{
  fill: #B31B1B;  /* 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: #B31B1B;  /* Bootstrap's "brand-primary" colour */
}

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

/* CORNELL CUSTOMISATION: Main color for date browser */
div#datebrowserrichardmonthlevelcalendarheader
{
  background-color: #F7F7F9;  /* Bootstrap's "gray-lightest" colour */
  border: 1px solid #B31B1B;  /* Bootstrap's "brand-primary" colour */
}

/* CORNELL CUSTOMISATION: Used to move something to the right, while text 'flows' around it */
.floatright
{
  clear: right;
  color: #666666;
  text-align: center;
  width: 200px;
  float: inherit;
  margin: 10px auto;
  display: block;
}

/* CORNELL CUSTOMISATION: Menu right aligned */
div#headertopcell
{
  float: right;
  padding-left: 0px;
  padding-right: 0px;
}

/* CORNELL CUSTOMISATION: A gap between menu and screen border */
div#navbarcollapsed
{
  margin-right: 0.9rem;
}

/* CORNELL CUSTOMISATION: Red menu */
a.dropdown-toggle::after
{
  color: #B31B1B;
}

/* CORNELL CUSTOMISATION: No bottom line for header */
div#headerbottomcell
{
  border-bottom: 0px;
}

/* CORNELL CUSTOMISATION: Set logo width and margins */
div#bannerlogo,
div#bannerlogo.small
{
  padding-top: 0.3em;
  margin-left: auto; 
  margin-right: auto; 
  flex-basis: 100%;
}

/* CORNELL CUSTOMISATION: Set logo image and brand text style */
.cornell-identity.small
{
  width: 100%;
}

.cornell-insignia,
.cornell-insignia.small
{
  width: 75px;
  height: 75px;
  float: left;
  margin-right: .5em;
  display: none;
}

.library-brand,
.library-brand.small
{
  padding-top: 0.6em;
  font-family: 'Montserrat', sans-serif;
}
.library-brand a,
.library-brand.small a
{
  line-height: 1.4em;
  display: block;
  text-decoration: none;
}
.cdsun-brand,
.cdsun-brand:hover,
.cdsun-brand.small,
.cdsun-brand.small:hover
{
  color: #B31B1B;
  font-size: 22px;
}
.sub-brand,
.sub-brand:hover,
.sub-brand.small,
.sub-brand.small:hover
{
  font-size: 14px;
}

/* CORNELL CUSTOMISATION: Set margins and borders for navbar */
div#navbar
{
  margin: 0 15px;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}

/* CORNELL CUSTOMISATION: Set navbar bottom margin */
div#navbar > nav
{
  margin-bottom: 4px;
}

/* CORNELL CUSTOMISATION: Set links style on navbar */
div#navbar a.nav-link
{
  color: #484848;
  line-height: 22px;
  font-size: 18px;
}
div#navbar .nav-link.active,
div#navbar .nav-link:hover
{
  background-color: #F2F2F2;
  color: #3B3B3B;
}

/* CORNELL CUSTOMISATION: Remove bottom border of breadcrumb */
.breadcrumb
{
  background-color: white;
  border-bottom: 0px;
}

/* CORNELL CUSTOMISATION: Align text with home icon */
.breadcrumb-item
{
  line-height: 24px;
  color: #777;
}

/* CORNELL CUSTOMISATION: Change the color of homepage subttitles to a deep red */
div#homepagecontent h2
{
  color: #B31B1B;
}

/* CORNELL CUSTOMISATION: Adjust column gaps for only 2 columns */
div#homepageleftcolumn
{
  margin-right: 0rem;
}
div#homepagemiddlecolumn
{
  margin-right: 0rem;
}

/* CORNELL CUSTOMISATION: Slightly wider left column */
#home-left-container
{
  width: 33%;
}

/* CORNELL CUSTOMISATION: Wider middle column, and no border */
#home-middle-container
{
  border-right: none;
  width: 67%;
}

/* CORNELL CUSTOMISATION: Set donors table width */
table#donors
{
  width: 100%;
}

/* CORNELL CUSTOMISATION: Set footer background, border and paddings */
footer#footer
{
  background-color: #222;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: 10px solid #16524d;
}

/* CORNELL CUSTOMISATION: Set text style of footer */
div#footercontent
{
  min-height: 20px;
  color: white;
}

/* CORNELL CUSTOMISATION: Set links style of footer */
div#footercontent a
{
  color: #ddd;
}
div#footercontent a:hover
{
  color: #B24221;
}

/* CORNELL CUSTOMISATION: Set text location of footer */
div.copyrightcell
{
  margin-left: 2rem;
}
div#socialbookmarkscell
{
  margin-right: 2rem; 
  margin-top: 0.2rem;
}

/* CORNELL CUSTOMISATION: Style for larger screens */
@media only screen and (min-width: 501px)
{
  /* CORNELL CUSTOMISATION: Show logo */
  .cornell-insignia,
  .cornell-insignia.small
  {
    display: block;
  }
}

/* CORNELL CUSTOMISATION: Style for larger screens */
@media only screen and (min-width: 701px)
{
  /* CORNELL CUSTOMISATION: Logo has a bigger top padding */
  div#bannerlogo
  {
    padding-top: 1em;
  }

  /* CORNELL CUSTOMISATION: Bigger logo image and brand text */
  .cornell-identity 
  {
    width: 75%;
    margin: 0 auto;
  }
  .cornell-insignia 
  {
    width: 120px;
    height: 120px;
    margin-right: 1em;
  }  
  .library-brand 
  {
    padding-top: 1.2em;
  }
  .cdsun-brand,
  .cdsun-brand:hover 
  {
    font-size: 30px;
  }
  .sub-brand,
  .sub-brand:hover 
  {
    font-size: 24px;
  }

  /* CORNELL CUSTOMISATION: Adjust column gaps for only 2 columns */
  div#homepageleftcolumn
  {
    margin-right: 0.5rem;
  }
  div#homepagemiddlecolumn
  {
    margin-right: 0rem;
  }

  /* CORNELL CUSTOMISATION:  Picture lies on a seperate line */
  .floatright
  {
    float: right;
    margin: 10px 0 10px 30px;
    display: inline;
  }

  /* CORNELL CUSTOMISATION: Set donors table width to 70% to match the picture */
  table#donors
  {
    width: 70%;
  }
}

/* CORNELL CUSTOMISATION: Style for largest screens */
@media only screen and (min-width: 961px)
{
  /* CORNELL CUSTOMISATION: Set image width */
  .cornell-identity 
  {
    width: 51%;
  }
}