/* Colours used in this interface are as described below. Note that when this was done (October 2019) Stefan attempted to follow the University of
   Illinois brand guidelines at https://brand.illinois.edu/. Unfortunately though those guidelines seem to be a work in progress, and are not
   really being followed by any of the other U. of Illinois websites (e.g. I found sites using dozens of slight variations on the RGB codes
   for the official blue and orange brand colours). Nor was there any real consistency between the various different U. of Illinois websites,
   or any consistent use of specific fonts. So I've tried to stay as near as possible to the current guidelines, but have also borrowed from
   other U. of Illinois websites, most of which don't seem to be following the official guidelines.

     Dark blue = #13294b (the "official" blue, according the brand guidelines).
     Slightly less dark blue = #17325b (used in the "blog" theme for the brand.illinois.edu site).
     Orange = #e84a27 (the "official" orange, according to the brand guidelines).

   Bootstrap has been modified for this collection so both the "primary" and "warning" colors have been changed to Illinois orange (#e84a27).
*/

/* ILLINOIS CUSTOMISATION: Override occurences of "primary bootstrap colour" that appear in veridian.css. This basically means replacing all the occurences of #4f6f19 in
   veridian.css with #e84a27. */

a svg, button svg
{
  fill: #e84a27;  /* Bootstrap's "brand-primary" colour */
}
a:hover svg, button:enabled:hover svg
{
  fill: #b02f13;  /* Bootstrap's "brand-primary" colour, darkened by 15% */
}

.btn-light
{
  color: #e84a27;  /* Bootstrap's "brand-primary" colour */
}

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

div#datebrowserrichardmonthlevelcalendarheader
{
  border: 1px solid #e84a27;  /* Bootstrap's "brand-primary" colour */
}

.page-item.current .page-link
{
  background-color: #e84a27;
  border-color: #e84a27;
}

span.percentageindicator
{
  background-color: #e84a27;  /* Bootstrap's "brand-primary" colour */
}

/* END OF ILLINOIS CUSTOMISATION: Override occurences of "primary bootstrap colour" that appear in veridian.css. */


/* ILLINOIS CUSTOMISATION: Override occurences of "warning bootstrap colour" that appear in veridian.css. This basically means replacing all the occurences of #d59f0f in
   veridian.css with #e84a27. */

div.panojsviewerbuttons button:enabled svg.highlightedbutton,
div.panojsviewerbuttons button:enabled:hover svg.highlightedbutton
{
  fill: #e84a27;  /* Bootstrap's "brand-warning" colour */
}

/* END OF ILLINOIS CUSTOMISATION: Override occurences of "warning bootstrap colour" that appear in veridian.css. */


/* ILLINOIS CUSTOMISATION: Main banner (excluding the main navigation bar but including the "collapsed" navigation controls that appear on small screens) */

#header
{
  background-color: #13294b;
}

#illinois-banner-logo
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

#illinois-banner-logo img
{
  margin-right: 1rem;
  width: 50px;
}

#illinois-banner-logo a:hover
{
  text-decoration: none;
}

#illinois-banner-logo p
{
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 4px;
  margin: 0;
}

#illinois-banner-logo p.big
{
  font-size: 1.5rem;
  margin: 0.25rem 0;
}

/* Must be centered on the screen - Small Graphic Change Request for IDNC (2022/09/01)
   Note that simply setting 'width:100%' is *not* the right way to do it, as that causes it to cover the Register and Login links.*/
div.illinois-banner-text
{
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translate(-50%,0);
}

div#headertopcell
{
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

div#userlinks
{
  text-transform: uppercase;
}

div#userlinks a
{
  color: #fff;
  font-size: 0.75rem;
}

div#userlinks a:hover
{
  text-decoration: none;
  color: #e84a27;
}

div#userlinks a.loginlink,
div#userlinks a.logoutlink
{
  margin-left: 1rem;
}

/* ILLINOIS CUSTOMISATION: Override "flex:2" that's set in veridian.css */
div#navbarcollapsed
{
  -webkit-box-flex: initial;
    -ms-flex: initial;
      flex: initial;
}

/* ILLINOIS CUSTOMISATION: Hide the "down" arrow beside the burger icon. */
div#navbarcollapsed .dropdown-toggle::after
{
  display: none;
}

/* ILLINOIS CUSTOMISATION: Increase the size of the burger icon and change its color. */
div#navbarcollapsed a.dropdown-toggle svg.touchclickable
{
  fill: #fff;
  height: 3.5rem;
  width: 3.5rem;
}
div#navbarcollapsed a.dropdown-toggle:hover svg.touchclickable
{
  fill: #e84a27;
}

/* ILLINOIS CUSTOMISATION: Media queries to adjust the main banner on small screens */
@media (max-width: 550px)
{
  #illinois-banner-logo img
  {
    margin-right: 0.5rem;
    width: 40px;
  }
  #illinois-banner-logo p
  {
    font-size: 0.75rem;
  }
  #illinois-banner-logo p.big
  {
    font-size: 1rem;
  }
  div#navbarcollapsed a.dropdown-toggle svg.touchclickable
  {
    height: 2.5rem;
    width: 2.5rem;
  }
}
@media (max-width: 350px)
{
  #illinois-banner-logo p.big
  {
    font-size: 0.9rem;
  }
}

/* END OF ILLINOIS CUSTOMISATION: Main banner and collapsed navigation */


/* ILLINOIS CUSTOMISATION: Main navigation bar (but not the "collapsed" version). */

div#navbar
{
  width: 100%; /* Navbar entries are spread out evenly */
  background-color: #17325b;
}
ul#navbarentries li.nav-item
{
  flex-grow: 1;
  text-align: center;
}
ul#navbarentries a.nav-link
{
  color: #fff;
}

ul#navbarentries a.nav-link.active,
ul#navbarentries a.nav-link:hover
{
  color: #13294b;
  background-color: #fff;
}

/* ILLINOIS CUSTOMISATION: Adjust main navigation a little at smaller/intermediate screen sizes, to ensure it
   doesn't wrap */
@media (max-width: 800px)
{
  ul#navbarentries a.nav-link
  {
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
  }
}

/* END OF ILLINOIS CUSTOMISATION: Main navigation bar (but not the "collapsed" version). */


/* ILLINOIS CUSTOMISATION: Footer */

footer#footer
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0.5rem;
  background-color: #13294b;
  color: #fff;
}

footer#footer > div
{
  text-align: center;
  width: 33%;
}

footer#footer a
{
  color: #fff;
}

footer#footer a:hover
{
  text-decoration: none;
  color: #e84a27;
}

div.illinois-footer-column1
{
  -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
      order: 1;
}

div.illinois-footer-column1 p
{
  margin-bottom: 0px;
  font-size: 0.9rem;
}

div.illinois-footer-column2
{
  -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
      order: 2;
}

div.illinois-footer-column2 div
{
  padding-top: 10px;
}

div.illinois-footer-column3
{
  -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
      order: 3;
  font-size: 1rem;
}

div.illinois-poweredby-link
{
  font-size: 0.8rem;
  padding-top: 10px;
}

footer#footer div#footersocialbookmarks
{
  margin-top: 0;
  margin-bottom: 1rem;
}

footer#footer.illinois-minimal-footer
{
  padding: 0.25rem;
}

footer#footer.illinois-minimal-footer > div > div
{
  margin: 0;
}

@media (max-width: 800px)
{
  footer#footer
  {
    display: block;
  }

  footer#footer > div
  {
    width: 100%;
    margin-bottom: 2rem;
  }

  footer#footer.illinois-minimal-footer > div
  {
    margin-bottom: 0;
  }
}

/* END OF ILLINOIS CUSTOMISATION: Footer */


/* ILLINOIS CUSTOMISATION: The "illinois-descriptive-page" style is used to style pages like the "acknowledgements" and "faq" pages. */
#illinois-descriptive-page h2
{
  margin-top: 1.5rem;
  font-size: 1.125rem;
  text-decoration: underline;
}
#illinois-descriptive-page h3
{
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

#illinois-descriptive-page h3::before
{
  content: "» "
}

/* ILLINOIS CUSTOMISATION: Styles specific to the "collections" pages. */

.illinois-collectionspecifictext
{
  margin-bottom: 25px;
}

ul.illinois-collectionspecificlist li
{
  font-size: 9pt;
  font-weight: bold;
}

/* END OF ILLINOIS CUSTOMISATION: Styles specific to the "collections" pages. */


/* ILLINOIS CUSTOMISATION: Styles specific to the "home" page */

div#illinois-home-page-center-pane
{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

div#homepagebrowse
{
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
div.homepagebrowseicon
{
  flex-grow: 1;
  flex-shrink: 0;
}

div#homepagesampler
{
    margin-bottom: 1rem;
}

/* END OF ILLINOIS CUSTOMISATION: Styles specific to the "home" page */


/* ILLINOIS CUSTOMISATION: Styles for Illinois state map and region/county browser. */

#illinois-regionbrowser
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
}

#illinois-state-map-container
{
  width: 100%;
  max-width: 450px; /* The map of Illinois is nearly twice as high as it is wide, so we limit the width to prevent it from being excessively large */
  margin-left: auto;
  margin-right: auto;
}

#illinois-county-title-list
{
  background-color: #f7f7f9;
  border: 1px solid #17325b;
  border-radius: .25rem;
  padding: 1rem;
}

#illinois-county-title-list ul
{
  margin: 0;
  padding: 0;
}

#illinois-county-title-list li
{
  list-style: none;
}

@media (max-width: 600px)
{
  #illinois-regionbrowser
  {
    display: block;
  }

  #illinois-county-title-list
  {
    margin-bottom: 1rem;
  }
}


#illinois-state-map-svg path
{
  stroke-width: 10;
  stroke: #17325b;
  fill: #f7f7f9;
}

#illinois-state-map-svg path.illinois-map-element-clickable
{
  cursor: pointer;
  fill: rgba(232, 74, 39, 0.2);
  -webkit-transition: .4s fill;
    -o-transition: .4s fill;
      transition: .4s fill;
}
#illinois-state-map-svg path.illinois-map-element-clickable.illinois-map-element-hover,
#illinois-state-map-svg path.illinois-map-element-clickable.illinois-map-element-selected
{
  fill: rgba(232, 74, 39, 1);
}

#illinois-state-map-svg path.illinois-map-element-clickable.illinois-map-element-selected
{
  stroke-width: 50;
}

#illinois-state-map-svg text
{
  font-size: 800px;
  stroke: #000;
  fill: #000;
}
#illinois-state-map-svg text.illinois-map-element-clickable
{
  cursor: pointer;
}
#illinois-state-map-svg text.illinois-map-element-clickable.illinois-map-element-hover,
#illinois-state-map-svg text.illinois-map-element-clickable.illinois-map-element-selected
{
  stroke: #fff;
  fill: #fff;
}

/* END OF ILLINOIS CUSTOMISATION: Styles for Illinois state map. */


/* ILLINOIS CUSTOMISATION: Styles for custom home page. */

/* ILLINOIS CUSTOMISATION: Non-centered Top 10 Text Correctors text */

div#homepagetextcorrectscoreboardmoreinfo
{
  text-align: initial;
}

#homepagecontent #illinois-home-page-left-pane
{
  width: 67%;
}

#homepagecontent #illinois-state-map-container
{
  max-width: 800px;
}

#homepagecontent .card
{
  flex-basis: 30%;
}

#homepagecontent #illinois-home-page-right-pane.card
{
  flex-grow: 1;  
}

#homepagecontent .widescreenonly
{
  display: initial;
}

#homepagecontent .mobileonly
{
  display: none;
}

@media (max-width: 1200px)
{
    #homepagecontent
    {
      flex-wrap: wrap;
    }

    #homepagecontent .card
    {
      flex-basis: 35%;
      flex-grow: 1;
      flex-shrink: 0;
    }

    div#illinois-home-page-center-pane
    {
      margin-right: 0;
    }

    #illinois-home-page-right-pane
    {
      margin-top: 20px;
      width: 100%;
    }
    
    #illinois-home-page-right-pane .card-body
    {
       width: 100%;
    }
}

@media (max-width: 800px)
{
  #homepagecontent .card
  {
    min-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }

  #homepagecontent .widescreenonly
  {
    display: none;
  }

  #homepagecontent .mobileonly
  {
    display: initial;
  }

  #homepagecontent #illinois-home-page-right-pane
  {
    order: -1;
  }

  #homepagecontent #illinois-home-page-left-pane
  {
    order: 1;
  }
}

@media (max-width: 700px)
{
  /* Hide the userlinks completely, so that the compressed navigation bar rides up against the right side of the screen */
  div.userlinksdiv
  {
    display: none;
  }
}

/* END OF ILLINOIS CUSTOMISATION: Styles for custom home page. */

img.iiif-logo
{
  width: 20px;
}

/* ILLINOIS CUSTOMISATION: Always display completely correct text blocks to highlight that they don't need to be edited */

.textcorrectcompletelycorrectblockcolor.transparent
{
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 255, 0, 1);
  border-style: solid;
  border-width: 1px;
  -moz-opacity: 1;
  opacity: 1;
}

/* This CSS rule is in the most recent version of Veridina for the Text correction home page */
div#textcorrectrecommendationsspformcontainer
{
  margin-bottom: 1em;
}

/* ILLINOIS CUSTOMISATION: Navy Blue search year graph title (same as the navigation bar) */
div#searchresultyeargraphtitle
{
  background-color: #13294b;
}