/* BOSTONSH CUSTOMISATION: Set the default "1rem" font-size to 14px, to match that used on library.bc.edu. This overrides bootstrap, which sets the default
   font-size to "1rem", which for most browser's is 16px. */
html
{
  font-size: 14px;
}

/* ---- BOSTONSH CUSTOMISATION ----
   Override styles from veridian.css that use the "brand-primary" color (which has been changed to #337ab7 for this collection). The standard "hover" color
   has also been changed from #23310B to #900. This section was created simply by searching veridian.css for all rules containing the brand primary color, and overriding them all here. */
a svg, button svg
{
  fill: #337ab7;
}
a:hover svg, button:enabled:hover svg
{
  fill: #900;
}

.btn-light
{
  color: #337ab7;
}

.maincolor, .textcorrectblockcolor
{
  background-color: #337ab7;
}

div#datebrowserrichardmonthlevelcalendarheader
{
  border: 1px solid #337ab7;
}

/* ---- END OF BOSTONSH CUSTOMISATION ----
   End of changes for new "brand-primary" colors */



/* ---- BOSTONSH CUSTOMISATION ----
   Support for the "bcheader" (i.e. the red Boston College Libraries banner at the top of every page). These styles are loosely based on library.bc.edu */

#bclib-header
{
  box-sizing: border-box;
  background: #8a100b no-repeat 100% 0%;
  border-bottom: 1px solid #dccaa0;
  color: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
}

#bclib-header > div
{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between;
  webkit-box-align: center;
    webkit-align-items: center;
      moz-box-align: center;
        ms-flex-align: center;
          align-items: center;
}

#bclib-header ul
{
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 2.5;
}

#bclib-header ul li
{
  display: inline;
  margin: 0 10px;
}

#bclib-header ul li:first-child
{
  margin-left: 0px;
}

#bclib-header ul li:last-child
{
  margin-right: 0px;
}

#bclib-header ul li .fa
{
  font-size: 14px;
}

@media (max-width: 350px)
{
  #bclib-header ul li .fa
  {
    display: none;
  }
}

#bclib-header a
{
  color: #fff;
}

#bclib-header a:hover
{
  color: #dccaa0;
  text-decoration: none;
}

#bclib-header .input-group-btn .btn
{
  padding: 0 6px;
  border-radius: 0;
  height: 28px;
}

#bclib-header .input-group-btn .btn-default
{
  color: #333;
  background-color: #fff;
  border-color: #ccc
}

#bclib-header .input-group-btn .btn-default:hover
{
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

@media (max-width: 700px)
{
  #bclib-header #bclib-search-control
  {
    width: 100%;
  }
}

/* ---- END OF BOSTONSH CUSTOMISATION ----
   End of "bclib-header" styles */



/* ---- BOSTONSH CUSTOMISATION ----
   Header and navigation - Overridden Veridian rules (i.e. these override styles set in veridian.css) */

/* Style the main banner (i.e. the grey/black block below the red "bclib-header" block) like library.bc.edu */
div#headerbottomcell
{
  background-color: rgba(16, 14, 15, .90);
  color: #000;
  border-bottom: 0;

  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; /* Right-align nav bar on most screen sizes */
}
@media (max-width: 550px)
{
div#headerbottomcell
  {
    -webkit-box-pack: center;
      -ms-flex-pack: center;
        justify-content: center; /* center nav bar on small screens */
  }
}

/* Style the banner logo/text like library.bc.edu */
div#bannerlogo
{
  text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 18px;
  font-style: italic;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 200;
  padding-bottom: 15px;
  padding-top: 15px;
  line-height: 1;
}
div#bannerlogo a
{
  color: #fff;
}
div#bannerlogo a:hover
{
  color: rgb(220, 202, 160);
  text-decoration: none;
}

/* Style main nav bar entries, to make them look similar to library.bc.edu */
#navbarentries .nav-link
{
  text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 20px;
  font-weight: 200;
}
#navbarentries .nav-link:hover
{
  background: #05506d !important;
  color: #fff;
  outline: 0;
}
/* On really small screens we need to reduce the font size of the links in the main nav bar, to prevent them wrapping */
@media (max-width: 400px)
{
  #navbarentries .nav-link
  {
    font-size: 16px;
  }
}

/* Minor changes to styling of the "browse" drop-down in the main navbar */
#navbarentries .dropdown-menu
{
  border-radius: 0;
}
#navbarentries .dropdown-item
{
  font-size: 18px;
}

/* Minor styling of breadcrumbs, to look similar to libguides.bc.edu */
.breadcrumb
{
  background-color: transparent;
  border: 0;
}

/* ---- END OF BOSTONSH CUSTOMISATION ----
   End of custom styles for header and navigation */



/* ---- BOSTONSH CUSTOMISATION ----
   Footer - Overridden Veridian rules (i.e. these override styles set in veridian.css) */

footer#footer
{
  margin-top: 0px;
  color: rgb(255, 255, 255);
  background-color: #8a100b;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 4px solid rgb(178, 157, 108);)
}

div#footercontent
{
  -webkit-box-align: start;
    -ms-flex-align: start;
      align-items: flex-start; /* Align footer contents at top, not centered like default */

  min-height: initial; /* Override default Veridian value */
}

div#footercontent a
{
  color: #fff;
}

div#footercontent a:hover
{
  color: rgb(220, 202, 160);
  text-decoration: none;
}

div.poweredbycell
{
  margin-top: 15px;
  text-align: right;
}
@media (max-width: 500px)
{
  div.poweredbycell
  {
    text-align: left;
  }
}
div.poweredbycell a
{
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}

/* Custom "bc-footer-left" and "bc-footer-links" classes for footer */
div.bc-footer-left
{
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

div.bc-footer-left h4
{
  font-size: 16px;
  letter-spacing: 1.25px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 8px;
}

div.bc-footer-left p
{
  margin-bottom: 0;
}
@media (max-width: 500px)
{
div.bc-footer-left p
  {
    margin-bottom: 15px;
  }
}

div.bc-footer-links
{
  font-weight: 300;
  line-height: 1;
}

div.bc-footer-links a
{
  font-size: 14px;
  padding-left: 10px;
}
div.bc-footer-links a:first-child
{
  padding-left: 0;
  padding-right: 10px;
  border-right: 1px solid #fff;
}

/* ---- END OF BOSTONSH CUSTOMISATION ----
   End of custom styles for footer */



/* ---- BOSTONSH CUSTOMISATION ----
   Home page - Overridden Veridian rules (i.e. these override styles set in veridian.css) */

/* Format headings for sections in "about this collection" on the home page */
#homepageabout h3
{
  font-weight: 400;
  margin-bottom: 0.25rem;
}

/* Make headings on homepage a little larger, to better suit the "open sans" font used by Boston College */
#homepagecontent h2
{
  font-size: 1.5rem;
}

/* ---- END OF BOSTONSH CUSTOMISATION ----
   End of custom home page styles */

/* BOSTONSH CUSTOMISATION: Custom class for styling the <h1> heading on the home page. */
h1.bc-homepageheading
{
  font-size: 2.5rem;
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* BOSTONSH CUSTOMISATION: Override veridian style for search result bargraph colour. */
#searchresultyeargraphtitle
{
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
    justify-content: space-between;
  direction: ltr;
  background-color: #337ab7;  /* Bootstrap's "brand-primary" colour */
}

/* BOSTONSH CUSTOMISATION: Override veridian style for the text colour used on applied filters to be more readable with the custom warning colour
/* Override Bootstrap default */
.badge-warning
{
  color: #000 !important;
}