/* ============================================================
  BUILDING BLOCKS - aka layout
============================================================ */
/*sticky sticky footer */
html,body{height: 100%; width:100%;margin:0;padding:0;border:0;}
body {display: table;table-layout: fixed;}
header,main,footer {display: table-row;height: 1px;width:100%;}
main{height: 100%;}
h1{font-size:2.0em;margin-top:0.5em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
/*h4{font-size:1.2em;}*/
h5{font-size:1.0em;}
h6{font-size:0.1em;}

/*a{color:#112e51}*/
a:focus,a:active,a:hover{color:#205493;}
a:visited{color:#0071bc;}
p a{text-decoration: underline;}
.tabs-title > a[aria-selected="true"]{ background-color:  #205493 !important;color: #fff !important;}
.tabs-title > a{font-weight: 700;}
/* sticky main navigation */
.sticky{width:100%}


/* SKIP LINKS */
.skip-link{position:absolute;top:0;left:-1000px;border:none;margin:0;padding:0;background-color:#fff;padding:10px;border:1px solid #000;color:#000}
.skip-link:focus{position: absolute;
    left: 0;}
/* HEADER */

#site-logo{height:6em;}
#site-header nav img{height:40px;}
#site-title{font-size:3em;}
#site-title span{float:left;clear:both}
#site-title .agency-name,#site-title .agency-head-title{font-size: 14.4px;}
#site-title .agency-head-name{font-size:24px;}

#site-disclaimer-banner p{margin:0;padding:0}
#site-disclaimer-banner img{height:20px;float:left;vertical-align: middle}
#site-disclaimer-banner p{vertical-align: middle}

.breadcrumbs{margin:3px 0;}
.breadcrumbs li:not(:last-child):after{color:#000000;    font: normal normal normal 14px/1 FontAwesome;content: "\f0da";}

.top-bar{padding-left:0;padding-right:0}
.top-bar li{padding-top:0;padding-bottom:0}

#site-footer .menu li:first-child a{padding-left:0}
#site-footer .menu li:first-child a{padding-right:0}

.search input,.search button{font-size:16px;height:2.5em; border:none;padding:0 1em;margin:0;border:4px solid #8ba6ca}
.search button{background-color:#8ba6ca;}
.search input{border-right:0;}
.search button{border-radius: 0 10px 10px 0;border-left:0}

#social-icons{color:white;}
.progress{height:2em;}

.v-align-text{color:#000000}
.v-align-block .v-align-image,.v-align-block .v-align-text{display:inline-block;vertical-align: middle;}
.v-align-text .v-align-text-line{float:left; clear:both;}
.elected-official-block{margin-bottom:1em;}
.elected-official-block img{height:4em;width:4em;border-radius: .5em; }
.elected-official-block{background-color:#f1f1f1;border-radius: .5em;}
.elected-official-block .official-title{font-weight: 700;font-size:0.8em}
.elected-official-block .official-name{font-size: 1em;}

.election-block .v-align-image,.contact-block .v-align-image{vertical-align: top;}
.election-block,.contact-block {line-height:1em;margin-bottom:1em;}
.election-block .v-align-text-line{margin-bottom:0.5em;}

.site-title-block .v-align-text{color:#ffffff;}
#footer-banner .site-title-block .v-align-text{font-size:19.2px;font-weight:bold;}
.site-title-block img.v-align-image{height:2em;}
#footer-banner .site-title-block{padding:1em 0;}
#social-icons a{color:#ffffff; padding:1em 0}
.always-white,.always-white:visited{color:#ffffff;}
.help-text, .error, .form-error{
    clear:both;
}

ul.v-align-text{list-style: none;margin:0;}
.v-align-text ul li{width:100%;list-style: none;margin:0;}
ul .v-align-text-line{line-height:1em;}

.field-date-required{float:right;font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;}

/* public view */
.meta {
    background-color:#e6e6e6;
}

.img_center {
    display: block;
    margin: 0 auto;
}

.history_arw {
    width:20px;
    height:20px;
}

.pdf_div {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 80%;
}


.pdf {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.results {
    border:solid 1px #e1e1e1;
    margin-top:10px;
    border-collapse:collapse;
}

.search_box {
    border:1px solid #e6e6e6;
    border-radius:25px;
    background-color:#f1f1f1;
    padding:10px 10px 0px 10px;
    margin-left: 1px !important;
}

.search_select {
   font-size:13px;
}

div.lseparator {
    border-left:3px solid #e1e1e1;
}

.bseparator {
    border-bottom:1px solid #e1e1e1;
}

th {
    text-align: left;
    background-color:#e1e1e1;
}

.empty {
    margin-top :10px;
}

hr{margin:1rem auto;}

.testing-banner {
    background-color:darkred;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    div.lseparator {
        border-top:1px solid #e1e1e1;
        border-left:none;
    }

    .tabs-title > a {
        padding: 1rem 0.5rem;
    }


}