/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


/* COLORADO CUSTOMISATION: Header style */
h2, h3
{
  text-transform: initial;
  margin-bottom: 2px;
  margin-top: 13px;
  padding-bottom: 2px;
  padding-top: 0px;
  font-family: 'Roboto Slab', sans-serif;
}

h2
{
  font-size: 14pt;
  font-weight: 800;
}

h3
{
  font-size: 11pt;
  font-weight: bold;
}

/* COLORADO CUSTOMISATION: Underline all the links except for the links in the header and left column in the home page. */
a
{
  text-decoration: underline;
}

/* COLORADO CUSTOMISATION: Button color */
/* svg elements need "fill" instead of "color", annoyingly */
a svg, button svg
{
  fill: #BF1E2D;  /* 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 */
 /* COLORADO CUSTOMISATION: Darker border to increase contrast [Accessibility RUE-AMP16] */
.btn-light
{
  border-color: #888;
  color: #BF1E2D;  /* Bootstrap's "brand-primary" colour */
}

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

/* COLORADO CUSTOMISATION: Main color */
div#datebrowserrichardmonthlevelcalendarheader
{
  border: 1px solid #BF1E2D;  /* Bootstrap's "brand-primary" colour */
}

span.percentageindicator
{
  background-color: #BF1E2D;
}

/* COLORADO CUSTOMISATION: Content from wordpress */
div.pagecontent
{
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}

/* COLORADO CUSTOMISATION: Style of checkbox which fit old Veridian */
input[type=checkbox]
{
  margin-right: 4px;
}

/* COLORADO CUSTOMISATION: Header background and border */
header#header
{
  margin-bottom: 1px;
  color: white;
  background-color: black;
  margin-top: 0px;
}

/* COLORADO CUSTOMISATION: New rule for the container in the header to correct reading order [Accessibility RUE-AMP6] */
header#header > div:first-child
{
  display: flex;
  justify-content: space-between;
}

/* COLORADO CUSTOMISATION: bottom bar style */
div#headertopcell
{
  float: right;
}
div#headertopcell a
{
  text-decoration: none;
  color: white;
  font-size: 90%;
}

/* COLORADO CUSTOMISATION: Support button style */
div#headertopcell a#supportbutton
{
  color: black;
}

/* COLORADO CUSTOMISATION: Navbar collapsed style */
div#navbarcollapsed
{
  display: block !important;
}
.dropdown-toggle::after
{
  color: #BF1E2D;
}

/* COLORADO CUSTOMISATION: Style to display the help link and user links on the same line. */
#headerlinkswrapper
{
  display: none;
  padding-top: 2em;
  padding-right: 3em;
  float: right;
  text-align: center
}
#headerlinkswrapper a:hover
{
  text-decoration: underline;
}
#userlinks
{
  padding-bottom: 0.7rem;
}
#supportbuttoncontainer
{
  text-align: center;
}

/* COLORADO CUSTOMISATION: bottom bar style */
div#headerbottomcell
{
  padding: 0.5em 0 0.5em 0.5em;
  background-color: black;
  border-bottom: 0px;
  -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* COLORADO CUSTOMISATION: logo style */
div#bannerlogo
{
  -ms-flex-preferred-size: 479px;
  flex-basis: 479px;
  padding: 0;
}
div#bannerlogo.offsetbannerlogo
{
  margin-bottom: 0px;
  top: 0px;
}
div#bannerlogosmall
{
  display: block;
}
div#bannerlogosmall img
{
  width: 100%;
}

/* COLORADO CUSTOMISATION: Navbar style */
#navbar
{
  display: none;
  background-color: #BF1E2D;
}
#navbar a.nav-link
{
  color: white;
  text-decoration: none;
  padding: .5rem 1.5rem;
}

/* COLORADO CUSTOMISATION: Menu and social bookmarks style */
#navbar nav
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#navbarentries
{
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  padding-left: 2.25em;
}
#socialbookmarkscell
{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* COLORADO CUSTOMISATION: Menu item style */
#navbar .nav-item
{
  position: relative;
  border-left: 1px solid white;
}
#navbar .nav-item:first-child
{
  border-left: 0px
}
#navbar .nav-item:hover
{
  background-color: #7F7F7F;
}
#navbar .nav-item a.active
{
  color: #000000;
  background-color: #FFFFFF;
}
#navbar .nav-item a.active.dropdown-item
{
  color: unset;
  background-color: unset;
}

/* COLORADO CUSTOMISATION: Browse menu style */
#navbar .hover-content
{
  position: absolute;
  background-color: #BF1E2D;
  top: 40px;
  display: none;
  z-index: 30;
}
#navbar .hover-content a:hover {background-color: #7F7F7F;}
#navbar .hover-menu:hover .hover-content {display: block;}
#navbar .hover-menu:hover .hover-button {background-color: #7F7F7F;}

/* COLORADO CUSTOMISATION: Set social bookmarks height to prevent a short one before loading and showing buttons */
div#socialbookmarkscell
{
  min-height: 33px;
  text-align: right;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
div.socialbookmarks
{
  float: right;
  min-width: 105px;
  padding-top: 2px;
}
div.socialbookmarkslinks
{
  min-width: 80px;
}
nav#breadcrumbscell .jssocials-share a
{
  color: white;
}
#sharetext
{
  line-height: 38px;
}
/* COLORADO CUSTOMISATION: Remove margins and padding. */
.jssocials-shares
{
  padding: 0em;
  margin: 0em;
}

/* COLORADO CUSTOMISATION: Style for bookmarks to match red background */
div.jssocials-share-facebook .jssocials-share-link,
div.jssocials-share-twitter .jssocials-share-link,
div.jssocials-share-email .jssocials-share-link,
div.jssocials-share-print .jssocials-share-link
{
  background-color: white;
  border-radius: 50%;
}
.fa-facebook-f:before, .fa-facebook:before
{
  color: #3b5998;
}
.fa-twitter-f:before, .fa-twitter:before
{
  color: #00aced;
}
.fa-at-f:before, .fa-at:before
{
  color: #0e76e6;
}
.fa-facebook-f:hover::before, .fa-facebook:hover::before,
.fa-twitter-f:hover::before, .fa-twitter:hover::before,
.fa-at-f:hover::before, .fa-at:hover::before,
.fa-print-f:hover::before, .fa-print:hover::before
{
  color: #FFF;
}

/* COLORADO CUSTOMISATION: Style for bookmark of print */
div#socialbookmarksprint
{
  font-size: 0.6875rem;
  margin-left: 0.7em; 
  min-width: initial;
}
.jssocials-share-print .jssocials-share-link 
{
  background: #3490F3;
}
.jssocials-share-print .jssocials-share-link:hover 
{
  background: #0e76e6;
}
.fa-print-f:before, .fa-print:before 
{
  color: #000;
}

/* COLORADO CUSTOMISATION: Style for the donate support CHNC button. No border */
#supportbutton
{
  background-color: #FFF;
  border: 0px;
  color: #000;
  padding: 5px 15px;
  text-decoration: underline;
}

/* COLORADO CUSTOMISATION: Style for the donate support CHNC button. */
#supportbutton:hover
{
  background-color: #EEE;
}

/* COLORADO CUSTOMISATION: content style */
div#content
{
  background-color: white;
}
.card
{
  border: 0px;
}

/* COLORADO CUSTOMISATION: Adjust homepage column align */
div#homepagecontent
{
  display: block;
}

/* COLORADO CUSTOMISATION: Adjust homepage column title */
div#homepagecontent h2
{
  text-transform: unset;
}

/* COLORADO CUSTOMISATION: Adjust middle column width */
div#homepagemiddlecolumn
{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
}

/* COLORADO CUSTOMISATION: About text style on the home page. */
#veridianhomepageabout p, #veridianhomepageabout li
{
  font-size: 11pt;
}

/* COLORADO CUSTOMISATION: Given some vertical space between the list items on the home page. */
#veridianhomepageabout li
{
  padding-top: 5px;
  padding-bottom: 5px;
}

/* COLORADO CUSTOMISATION: Add margin between sections */
div#homepagesearch, div#homepagebrowse, div#homepagetextcorrectscoreboard, div#veridianhomepageabout
{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* COLORADO CUSTOMISATION: Browse icon style */
div#homepagebrowse
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* COLORADO CUSTOMISATION: Display browse icons and text next to each other on same line. */
.homepagebrowseicon
{
  display: inline-block;
  margin: 0 2% 0 2%;
  text-align: center;
  width: 100%;
}
.homepagebrowseicon a
{
  text-decoration: none;
}

/* COLORADO CUSTOMISATION: User score board style */
div.userscoreboard
{
  padding-bottom: 1rem;
  width: 90%;
}
div.userscoreboard > div > div
{
  border-bottom: 1px solid black;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.userscoreboardentryname
{
  width: 50%;
}

/* COLORADO CUSTOMISATION: Search page style */
div#searchpageadvancedsearchcell
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
div#searchpageadvancedsearchwrapper
{
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

/* COLORADO CUSTOMISATION: Set border and padding for the search tips and counties div. */
div#searchingTipsContainer
{
  margin-top: 1.2rem;
  margin-left: 0rem;
  margin-bottom: 0rem;
  padding: 0 0.5rem;
  border: 1px solid #dae0e5;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/* COLORADO CUSTOMISATION: Set the search tips foldable. */
div#searchingTipsWrapper
{
  height: 2.5rem;
}

/* COLORADO CUSTOMISATION: Submit and clear button style. */
#advancedsearchcontrols
{
  margin: 0.5rem 0;
  text-align: center;
}
#advancedsearchcontrols button
{
  display: inline;
  margin: 4px;
}

/* PTP/WYOMING CUSTOMISATION: Additional only accessible control style*/
input[name=facetoa]
{
  margin-top: .2rem;
}

/* COLORADO CUSTOMISATION: Counties and publications list style. */
div#searchpageadvancedsearchcontentextra
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0.9rem;
}
/* ...but stacked on smallish screens */
@media (max-width: 800px)
{
  div#searchpageadvancedsearchcontentextra
  {
    display: block;
  }
}

div#searchpageadvancedsearchcontentextra > div
{
  width: 33%;
}
/* ...but stacked on smallish screens */
@media (max-width: 800px)
{
  div#searchpageadvancedsearchcontentextra > div
  {
    width: 100%;
  }
}

div#searchresultyeargraphtitle
{
  background-color: #BF1E2D;
}
label.label-with-margin
{
  margin-left: 10px;
  margin-right: 10px;
}

div.advancedsearchwrapper
{
  border-bottom: 2px solid #BF1E2D;
}

/* COLORADO CUSTOMISATION: Set the cursor style to make it obvious for the user to drag it. */
.draggablecontainer
{
  background-color: white;
  border: 1px solid black;
  display: none;
  position: absolute;
  padding: 5px 5px 10px 5px;
  margin-top: -15%;
  right: 20%;
  min-width: 270px;
  z-index: 31;
  cursor: move;
}

/* COLORADO CUSTOMISATION: Country list style */
div#countylistwrapper
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
div#countylistwrapper > div.countybrowserhlist
{
  display: inline-block;
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
div#countylistwrapper > div.countybrowsersearchform
{
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

/* COLORADO CUSTOMISATION: Browse page style */
div#browsecontent
{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
  max-width: 800px;
}
/* COLORADO CUSTOMISATION: Browse subtitle style */
div#browsesubtitle
{
}
/* COLORADO CUSTOMISATION: Browse subtitle style */
div#browseicons
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* COLORADO CUSTOMISATION: Browse map style */
div#browsemap
{
  margin-left: auto;
  margin-right: auto;
  max-width: 800px
}
div#browsemap h2
{
  margin-bottom: 15px;
}

/* COLORADO CUSTOMISATION: Style of Google map, this code is maintained by the Colorado team */
#map_element
{
  background-color: lightblue;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lds-dual-ring
{
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after
{
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring
{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* COLORADO CUSTOMISATION: Map legend style. This is the end of codes that maintained by the Colorado team */

/* COLORADO CUSTOMISATION: Map legend style */
#maplegendcell
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#maplegendkey
{
  line-height: 1.8rem;
  font-weight: bold;
}
#maplegendcell img
{
  width: 23px;
  height: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0px;
  padding: 0px;
  margin: 0px;
  max-width: none;
  opacity: 1;
}

/* COLORADO CUSTOMISATION: Browse by county style */
.countybrowsersearchform, .publicationclassifiersearchform
{
  padding-bottom: 20px;
  float: right;
  padding-left: 0px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.countybrowseleft
{
  width: 100%;
}
.countybrowsemiddle
{
  width: 100%;
  display: none;
}
.countybrowseright
{
  width: 100%;
}

/* COLORADO CUSTOMISATION: Map appearance */
#imagecontainer
{
  width: 100%;
}
/* COLORADO CUSTOMISATION: Set svg image to fit its parent div's width */
#imagecontainer svg
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
/* COLORADO CUSTOMISATION: Area hover color and transition */
#imagecontainer .fil0
{
  -webkit-transition: .4s fill;
  -o-transition: .4s fill;
  transition: .4s fill;
}
#imagecontainer .fil0:hover,
#imagecontainer .fil0.highlighted
{
  opacity: 0.5;
}
/* COLORADO CUSTOMISATION: Digitized area hover color and transition */
#imagecontainer .digitized
{
  cursor: pointer;
}
/* COLORADO CUSTOMISATION: Increased contrast ratio for hovered county border #DDD => #888 [Accessibility RUE-AMP46] */
#imagecontainer path.digitized:hover,
#imagecontainer path.digitized.highlighted,
#imagecontainer polygon.digitized:hover,
#imagecontainer polygon.digitized.highlighted
{
  stroke-width: 100;
  stroke: #888;
}
#imagecontainer path.digitized.selected,
#imagecontainer polygon.digitized.selected
{
  fill: #FF5A5A;
}
#imagecontainer .text1
{
  fill: #B0B0B0;
}
/* COLORADO CUSTOMISATION: No publication counties hover color and transition */
#imagecontainer .fil0.nopublication
{
  fill: #FFF;
}
/* COLORADO CUSTOMISATION: Digitized area name hover color and transition */
#imagecontainer .text0.digitized
{
  fill: #000000;
}
#imagecontainer .text0.digitized:hover,
#imagecontainer .text0.digitized.highlighted
{
  font-weight: bold;
}
/* COLORADO CUSTOMISATION: Selected digitized area color */
#imagecontainer .text0.digitized.selected
{
  font-weight: bold;
}
img.countystatus
{
  margin-bottom: 2px;
}
li.countyItem
{
  list-style: none;
}

/* COLORADO CUSTOMISATION: Advance search page style */
#searchpageadvancedsearchcontent
{
  margin-top: 0.5rem;
}
#searchpageadvancedsearchcontent div fieldset div
{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#selectdafdq, #selectdatdq
{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  margin-left: -1px;
}
#selectdafyq, #selectdatyq
{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  margin-left: unset;
}


/* COLORADO CUSTOMISATION: Style for links in the header i.e. alphabetical list.*/
.countybrowserhlist a
{
  display: inline-block;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  margin: 2px;
  padding: .5rem .75rem;
  text-decoration: none;
  margin-left: -1px;
  line-height: 1.25;
  min-width: 40px;
  text-align: center;
}
.countybrowserhlist a:hover
{
  background-color: #e9ecef;
  border-color: #dee2e6;
}

/* COLORADO CUSTOMISATION: Browse by title layout style.*/
/* COLORADO CUSTOMISATION: Scroll to Top button needs space reserved at the bottom of this div, otherwise it overlaps text on small screens [Accessibility RUE-AMP43] */
#browsecountiescontainer
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 46px; 
  width: 100%;
}
#browsecountiescontainer ul.countybrowserlist
{
  padding-left: 0px;
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
}

/* COLORADO CUSTOMISATION: Alphabetical list wrapper style.*/
#publicationbrowserhlistwrapper
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#countyclearbuttonwrapper
{
  margin-top: 5px;
}

#publicationbrowserhlistwrapper > nav
{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

ul#publicationbrowserhlist li
{
  margin: 2px 3px;
  min-width: 40px;
}
ul#publicationbrowserhlist .page-link, ul#sectionclassifierhlist .page-link
{
  border-radius: 4px;
  border: 1px solid #c7c7c7;
}
/* COLORADO CUSTOMISATION: Browse by title left section style.*/
div.publicationbrowseleft
{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* COLORADO CUSTOMISATION: Browse by title right section style.*/
div.publicationbrowseright
{
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  border-left: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

#browsePublicationsContainer h3
{
  margin-top: 0px;
}

/* COLORADO CUSTOMISATION: Browse by date style. */

.card.datebrowserwhitneycalendar
{
  border: 1px solid rgba(0,0,0,.125);
}
form.datebrowserwhitneyyearselector select
{
  min-width: 90px;

}

/* COLORADO CUSTOMISATION: Display entries vertically, rather than horizontally */
div.publicationbrowsercontainer
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul.publicationbrowserlist
{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
}
ul.publicationbrowserlist.doublecolumn li, ul.sectionclassifiervlist.doublecolumn li {
  width: 95%;
}
@media (max-width: 800px)
{
  div.publicationbrowsercontainer { flex-direction: column; }
  ul.publicationbrowserlist { width: 100%; }
  ul.publicationbrowserlist.doublecolumn li, ul.sectionclassifiervlist.doublecolumn li { width: 100%; }
}

/* COLORADO CUSTOMISATION: Search box style. */
#booleansearchcontrols input,
#booleansearchcontrols label
{
  margin-right: 5px;
}

/* COLORADO CUSTOMISATION: Search result style */
ul.pagination a
{
  text-decoration: none;
}

/* COLORADO CUSTOMISATION: Invalid feedback style */
.invalid-feedback
{
  font-size: 0.875rem;
}

/* COLORADO CUSTOMISATION: Document header style */
#documentdisplayheader
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#documentdisplayheader h2
{
  margin-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
}
#documentdisplayheader a
{
}
#documentdisplayheader span.standard
{
  display: none;
}
#documentdisplayheader span.small
{
  display: inline;
  white-space: nowrap;
}

/* COLORADO CUSTOMISATION: Pdf link style */
#browsepdflinkwrapper
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
          flex-direction: column;
}
#browselinkwrapper
{
  padding-right: 2px;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pdflinkwrapper
{
  padding-left: 2px;
}

/* COLORADO CUSTOMISATION: Text correct stats style */
#textcorrectstatswrapper
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
          flex-direction: column;
}
#textcorrectstatswrapper > div
{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#textcorrectstatshelpwrapper
{
  padding-left: 0px;
  border-left: 0px;
}

/* COLORADO CUSTOMISATION: Scroll to top button style */
#scrolltotop
{
  display: none;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  position: fixed;
}

/* COLORADO CUSTOMISATION: If the Scroll to Top button can't fit on the space on the left of the screen, put it on the right as it is more likely to have room there */
@media (max-width: 1250px)
{
  #scrolltotop
  {
    right: 0.5rem;
  }
}

/* COLORADO CUSTOMISATION: Administration user table pager buttons style */
.page-item.current .page-link
{
  background-color: #BF1E2D;
  border-color: #BF1E2D;
}

/* COLORADO CUSTOMISATION: Footer style */
#footer
{
  color: white;
}
#footer a
{
  color: white;
  text-decoration: none;
}

/* COLORADO CUSTOMISATION: Footer link container style. */
.footermenucontainer a
{
  padding-left: 10px;
  padding-right: 10px;
}

.footermenucontainer a:hover
{
  background-color: #7F7F7F;
}

/* COLORADO CUSTOMISATION: Footer link cell style */
#footerlinkcell
{
  background-color: #BF1E2D;
  text-align: center;
  padding: 5px;
}
/* COLORADO CUSTOMISATION: Footer content cell style */
div#footerannouncement
{
  background-color: black;
  text-align: center;
  padding: 5px;
}


/* COLORADO CUSTOMISATION: Custom publication-level page layout */
div.coloradoaboutthispublication, div.coloradopublicationpageminimalqueryform
{
  margin-top: 1.5rem;
}

#publicationlevelcontent > div > div > ul.datebrowserwhitneymonthselector li {
    width: calc((100% - (11 * 0.25rem)) / 6); /* Make the list of month 2-row */
    min-width: 40px;
}

/* For small screens */
div.coloradopubinfodivtable a
{
  word-break: break-all;
}

div.coloradopubinfodivtable > div > div:first-child
{
  font-weight: bold;
  padding-right: 5px;
  white-space: nowrap;
}

/* COLORADO CUSTOMISATION: Style on screens smaller than 350px */
@media (max-width: 350px)
{
  select#coloradocategoryselect
  {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }
}

/* COLORADO CUSTOMISATION: Style on screens greater than 400px */
@media (min-width: 400px)
{
  /* COLORADO CUSTOMISATION: Two columns list of counties */
  #browsecountiescontainer ul.countybrowserlist
  {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}

/* For hiding some components of the UI on tiny screens */
@media (max-width: 500px)
{
  .hiddenwhentiny
  {
    display: none;
  }
}

/* COLORADO CUSTOMISATION: Style definitions on screen width over 500px */
@media (min-width: 501px)
{
  .hiddenwhennottiny
  {
    display: none;
  }
  /* COLORADO CUSTOMISATION: Set paddings */
  div#headerbottomcell
  {
    padding: 1em 0 0.5em 2em;
  }
  div#bannerlogo
  {
    padding: 0 5px 5px 5px;
  }

  /* COLORADO CUSTOMISATION: Adjust homepage browser to vertical align */
  div#homepagebrowse
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  /* COLORADO CUSTOMISATION: Browse subtitle style */
  div#browseicons
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

/* COLORADO CUSTOMISATION: Style on screens greater than 550px */
@media (min-width: 550px)
{
  /* COLORADO CUSTOMISATION: Browse by title layout style.*/
  #browsecountiescontainer
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  /* COLORADO CUSTOMISATION: Browse by county layout style.*/
  .countybrowseleft
  {
    width: 30%;
  }
  .countybrowsemiddle
  {
    max-width: 800px;
    width: 55%;
    padding: 0 10px 0 10px;
  }
  .countybrowseright
  {
    width: 70%;
  }

  /* COLORADO CUSTOMISATION: Browse by title right section style.*/
  div.publicationbrowseright
  {
    border-left: 1px solid #000;
    margin-left: 20px;
    padding-left: 20px;
  }
}

/* COLORADO CUSTOMISATION: Style on screens greater than 700px */
@media (min-width: 701px)
{
  /* COLORADO CUSTOMISATION: Banner for document display page style.*/
  div#bannerlogosmall
  {
    display: none;
  }

  /* COLORADO CUSTOMISATION: Alphabetical list wrapper style.*/
  #publicationbrowserhlistwrapper
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  /* COLORADO CUSTOMISATION: Country list style */
  div#countylistwrapper
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  /* COLORADO CUSTOMISATION: Browse by county style */
  .countybrowsersearchform, .publicationclassifiersearchform
  {
    padding-left: 20px;
  }

  /* COLORADO CUSTOMISATION: Document title style */
  #browsepdflinkwrapper
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #documentdisplayheader span.standard
  {
    display: inline;
  }
  #documentdisplayheader span.small
  {
    display: none;
  }

  /* COLORADO CUSTOMISATION: Text correct stats style */
  #textcorrectstatswrapper
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #textcorrectstatshelpwrapper
  {
    padding-left: 20px;
    border-left: 1px solid black;
  }
}

/* COLORADO CUSTOMISATION: Style definitions on screen width over 800px */
@media (min-width: 801px)
{
  /* COLORADO CUSTOMISATION: Adjust homepage column margin */
  div#homepagemiddlecolumn, div#homepageleftcolumn, div#homepagerightcolumn
  {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* COLORADO CUSTOMISATION: Map legend style */
  #maplegendcell
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

/* COLORADO CUSTOMISATION: Style definitions on screen width over 880px */
@media (min-width: 881px)
{
  /* COLORADO CUSTOMISATION: Show navbar & userlinks & hide collapsed */
  div#navbarcollapsed
  {
    display: none !important;
  }
  div#navbar
  {
    display: block;
  }
  #headerlinkswrapper
  {
    display: block;
  }
}

/* COLORADO CUSTOMISATION: Style definitions on screen width over 900px */
@media (min-width: 901px)
{
  /* COLORADO CUSTOMISATION: Adjust homepage column align */
  div#homepagecontent
  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  /* COLORADO CUSTOMISATION: Adjust middle column width */
  div#homepagemiddlecolumn
  {
    border-left: 2px solid#696969;
    border-right: 2px solid #696969;
  }

  /* COLORADO CUSTOMISATION: Set search tips foldable */
  div#searchpageadvancedsearchcell
  {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  div#searchingTipsContainer
  {
    margin-left: 1rem;
    margin-bottom: 3.9rem;
  }
}

/* COLORADO CUSTOMISATION: Style definitions on screen width over 1000px */
@media (min-width: 1001px)
{
  /* COLORADO CUSTOMISATION: Canton list on small screens */
  .countybrowsemiddle
  {
    display: block;
  }
  .countybrowseright
  {
    width: 15%;
  }
}

/* COLORADO CUSTOMISATION */
/* Style the "loading.gif" image used when thumbnails and search snippet images are loading. These styles are intended
   to prevent loading.gif from being stretched to fit the same width as the image for which loading.gif is acting as placeholder. */
img.lozad[src$="loading.gif"],
div.imgsearchsnippet div.imagecontainer img.lozad[src$="loading.gif"]
{
  width: 32px !important;
  height: 32px !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* COLORADO CUSTOMISATION: Bold the Colorado-specific "common titles" in the "Limit search by title" control */
option.coloradopublicationgroupoption
{
  font-weight: bold;
}

/* COLORADO CUSTOMISATION: Patch from Veridian. Remove on next upgrade */
div.oseadhighlight svg
{
  fill: #636C72;
  fill-opacity: .5;
}

/* COLORADO CUSTOMISATION: A little extra padding on the new statistics table */
.veridianstatistics td, .veridianstatistics th
{
  padding-right: 2rem;
}

/* COLORADO CUSTOMISATION: Slightly darker form control border to increase contrast [Accessibility RUE-AMP16] */
.form-control
{
  border-color: #888;
}

/* COLORADO CUSTOMISATION: Slightly darker form control focus to increase contrast [Accessibility RUE-AMP15] */
.form-control:focus
{
  border-color: red;
}

/* COLORADO CUSTOMISATION: Higher contrast placeholder text - changed to redish color [Accessibility RUE-AMP17] */
.form-control::placeholder
{
  color: rgb(191 30 45 / 66%);
}

/* COLORADO CUSTOMISATION: The font size of blue alert text means it needs a 4.5:1 contrast ratio. Found the high contrast blue opposing the Colorado red [Accessibility RUE-AMP24] */
.invalid-feedback, .form-control.is-invalid
{
  color: #1e2ebf;
}

/* COLORADO CUSTOMISATION: The one page that does have a title isn't using H1. Adding styling so H1 looks similar to look'n'feel of H2 [Accessibility RUE-AMP34] */
h1
{
  font-family: 'Roboto Slab', sans-serif;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 13px;
  padding-bottom: 2px;
  padding-top: 0px;
  text-transform: initial;
}