/* Indiana CSS */

/* ---------- Public styles ---------- */

@font-face {
    font-family: 'RobotoCondensed';
    src: url('./Roboto-Condensed-webfont.eot');
    src: url('./Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'), 
         url('./Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg')/*move after eot*/, 
         url('./Roboto-Condensed-webfont.woff') format('woff'), 
         url('./Roboto-Condensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBoldCondensed';
    src: url('./Roboto-BoldCondensed-webfont.eot');
    src: url('./Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'), 
         url('./Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg')/*move after eot*/, 
         url('./Roboto-BoldCondensed-webfont.woff') format('woff'), 
         url('./Roboto-BoldCondensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h2, legend
{
  color: #151764;
  font-family: RobotoBoldCondensed, Arial, Helvetica, sans-serif;
}

select, select options
{
  font-family: Arial, Helvetica, sans-serif;
}

/* Copied the custom font style from http://www.in.gov/portal/global/css/global.css */
main
{
  background: url("../images/indianas-state-capital-building-blueprints-cropped-3000px-opacity10-quality60.jpg");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* ---------- Header styles ---------- */

header#header
{
  padding: 5px 0 0 0;
  background: rgba(255, 255, 255, 0.71);
}

div#headerbottomcell
{
  align-items: baseline;
}

div#bannerlogo
{
  flex-basis: 519px;
}
div#bannerlogo.offsetbannerlogo 
{
  margin-bottom: -22px;
  top: -22px;
  position: relative;
  padding-bottom: 0;
}

/* Navbar collapsed style */
div#navbarcollapsed
{
  z-index: 101;
  display: block !important;
  text-align: right;
  min-width: 60px;
}

/* Navbar link collapsed style */
div#navbarcollapsed > a
{
  color: #151764;
}
div#navbarcollapsed > a svg
{
  fill: #151764;
}

/* Navbar link : Add a bar between the navbar entries... */
ul#navbarentries a
{
  text-decoration: none;
}

/* User links style */
div#userlinks 
{
  display: none;
  margin-top: 5px;
}

div#userlinks > div > a
{
  padding: 0px 5px 3px 5px;
  border-radius: 5px;
  white-space: nowrap;
}

ol.breadcrumb
{
  height: 2rem;
}

/* This is neccessary to get the text to align with the home page icon */
li.breadcrumb-item:first-child
{
  margin-top: -2px;
}

nav#breadcrumbscell
{
  background-color: white;
  display: flex;
  min-height: 2rem;
}

nav#breadcrumbscell div#breadcrumbsportion
{
  flex-grow: 1;
}

nav#breadcrumbscell ol.breadcrumb
{
  background-color: white;
}

/* Styles on screens over 750px */
@media (min-width: 750px)
{
  div#navbarcollapsed
  {
    display: none !important;
  }
  div#userlinks
  {
    display: block !important;
  }

  /* Adjust banner logo style */
  div#bannerlogo.offsetbannerlogo 
  {
    margin-bottom: -29px;
    top: -29px;
  }
}

/* ---------- Social bookmarks styles ---------- */

/* Set social bookmarks height to prevent a short one before loading and showing buttons */
div#socialbookmarkscell
{
  text-align: right;
}
.jssocials-share-logo 
{
  width: 1.5em;
  height: 1.5em;
  padding-top: 4px;
}
.jssocials-share-logo.twitter-x {
  font-size: 1.25em;
  margin-bottom: 4px;
}
.jssocials-share-link {
  padding: 0;
  border-radius: 5px;
}
.jssocials-share-label {
  padding-right: 0.3em;
}
.jssocials-share-wordpress > a {
  background-color: #09769d;
}
.jssocials-share-wordpress > a:hover {
  background-color: #3497d8;
}
.jssocials-share-wordpress > a > img {
  height: 1.5rem;
}

/* ---------- Homepage styles ---------- */

#homepagecontent
{
  background-color: transparent;
}

div#homepageleftcolumn
{
  flex: 1;
}

div#homepagemiddlecolumn
{
  flex: 1.5;
}

/* On screens between 500px and 1600px display #homepagerightcolumn at the bottom, with the other two columns side by side above it */
@media (max-width: 1600px)
{
  div#homepagecontent
  {
    flex-wrap: wrap;
  }
  div#homepagerightcolumn
  {
    /* Make the "right" column fill the full screen width */
    flex-basis: 100%;
    /* Remove left and right margin because it's now stacked vertically */
    margin-left: 0;
    margin-right: 0;
    /* Make the right column the last in order */
    order: 3;
    /* Add some top margin to the "middle" column, as it now has the "left" and "center" columns above it */
    margin-top: 0.5rem;
  }

  /* This is necessary to revert default Veridian behaviour */
  div#homepagemiddlecolumn
  {
    flex: 1.5;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    order: 2;
  }

  /* This is necessary to revert default Veridian behaviour */
  div#homepageleftcolumn
  {
    flex: 1;
    order: 1;
  }

  div#homepagerightcolumn
  {
    /* Give the left column some right margin and the right column some left margin */
    margin-left: 0.25rem;
  }
}

#ibclegacylogo
{
  width: 94px;
  margin-right: 15px;
}

#isllogo
{
  width: 92px;
  margin-left: 15px;
}

/* ---------- Search styles ---------- */

#searchpagesearchresults
{
  background-color: #FFF;
  margin-left: 0.5rem;
}

div#searchpageadvancedsearchcontent fieldset
{
  background-color: #F2F0EA;
}

.indianasearchresultattribution
{
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin-top: 10px;
}

/* ---------- Publication styles ---------- */

.indianaattributionspan 
{
  color: #151764;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #151764;
}

.indianapublicationpageattribution
{
  font-size: 0.9rem;
  color: #151764;
}

/* Decade links style */
ul#publicationbrowsedecadelist
{
  flex-wrap: wrap;
  justify-content: center;
}

/* CDM metadata style */
div.cdmmetadata
{
  display: table;
}
div.cdmmetadata > div
{
  display: table-row;
}
div.cdmmetadata > div > div
{
  display: table-cell;
  border-top: 1px dashed #CCC;
}
div.cdmmetadata > div > div:first-child
{
  font-weight:bold; 
  padding-right:5px
}
div.cdmmetadata a
{
  word-break: break-all;
}

/* ---------- Data browser styles ---------- */

#datebrowserrichardtoplevelcalendar a
{
  text-transform: uppercase;
}

/* ---------- Document styles ---------- */

/* Title on document pages */
div#doctitle
{
  display: block;
  padding: 6px 0;
}

.indianadocumentpageattribution
{
  font-size: 0.9rem;
  color: #151764;
  margin-top: 5px;
  margin-bottom: 10px;
  display: none;
}

/* Styles on screens over 700px */
@media (min-width: 700px)
{
  /* Title on document pages */
  div#doctitle
  {
    display: none;
  }
  .indianadocumentpageattribution
  {
    display: block;
  }
}

/* ---------- Footer styles ---------- */

/* Footer style */
footer#footer
{
  background-color: #F5F3ED;
}

/* Footer content link style */
#footercontent a 
{
  color: #666;
  text-decoration: none;
}
#footercontent a:hover
{
  color: #333;
  text-decoration: underline;
}

/* ---------- Map styles ---------- */

/* Set svg image to fit its parent div's width */
#homepagecontent #mapcontainer
{
  max-width: 800px;
}

#mapcontainer svg
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #009dc4;
}

/* Digitized area hover color and transition */
#mapcontainer .fil0.digitized
{
  transition: .4s fill;
  cursor: pointer;
  fill: white;
}
#mapcontainer .fil0.digitized:hover,
#mapcontainer .fil0.digitized.highlighted
{
  fill: #7C90C7;
}

/* Digitized area name hover color and transition */
#mapcontainer .text0.digitized
{
  cursor: pointer;
}
#mapcontainer .text0.digitized:hover,
#mapcontainer .text0.digitized.highlighted
{
  fill: #FFF;
}

/* Selected digitized area color */
#mapcontainer .fil0.digitized.selected
{
  fill: rgba(232, 74, 39, 1);
  stroke-width: 50;
}
#mapcontainer .text0.selected
{
  fill: #FFF;
}