/* For Top-Nav and MastHead CSS used here will be applied after bootstrap.css */
.activity-stream-list cite {display:inline-block;}
.activity-stream-list p {margin:0;}
.activity-stream-list li {position:relative;margin-bottom:10px; padding:10px; border-left:30px solid #efefef;background:#efefef;}
.activity-stream-list i {position:absolute;left:-23px;top:30px;}
.activity-stream-list li.press-release {border-color: #cdbfe3;}  /*rgba(255, 165, 0, 0.43); */
.activity-stream-list li.event {border-color:rgba(0, 128, 118, 0.43);}

#items img {display:block;}
#items a {font-size:12px;margin-right:5px;}

/* 5 columns by default */
.grid-sizer { min-width: 20%; }

.well-service, .well-agency, .well-civic-official {padding:10px;margin-bottom:0;margin:20px 0;}
.well-service:hover, .well-agency:hover, .well-civic-official:hover {background:#fff;}
.well-service a, .well-agency a, .well-civic-official a {text-decoration:none;}
.well-service .lead, .well-agency .lead, .well-civic-official .lead {display:block;margin-bottom:5px;font-size:18px;line-height:22px;}
.well-agency img, .well-civic-official img {border-radius:50px;max-width:100px;float:left;margin:0 10px 10px 0; }

.well-service img {margin-bottom:5px;}
.well-service a {display:block;}

.well-agency .lead {margin-top:10px;}
.well-agency hr {margin-top: 0;margin-bottom: 0px;clear: both;padding-top: 10px;}

.well-civic-official {position:relative;}
.well-civic-official img {float:left;}
.civic-official-office.lead {margin-top:10px;}
.civic-official-rep {display:block;}
.civic-official-name {padding-left:130px;}
.civic-official-office {clear:both;}
.well-civic-official address {clear:both;}

/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

/*body {*/
/*padding-top:50px;*/
/*}*/

#masthead {
    min-height:250px;
    background-color: #563d7c;;
    color: #cdbfe3;
}

#masthead h1 {
    font-size: 30px;
    line-height: 1;
    padding-top:20px;
}

#masthead .well {
    margin-top:8%;
}

@media screen and (min-width: 768px) {
    #masthead h1 {
        font-size: 50px;
    }
}

.navbar-bright {
    background-color:#111155;
    color:#fff;
}

.affix-top,.affix{
    position: static;
}

@media (min-width: 979px) {
    #sidebar.affix-top {
        position: static;
        margin-top:30px;
        width:228px;
    }

    #sidebar.affix {
        position: fixed;
        top:70px;
        width:228px;
    }
}

#sidebar li.active {
    border:0 #eee solid;
    border-right-width:5px;
}

/* tab folder top nav */
.navbar {
    margin-bottom: 0px;
}

.navbar-brand {
    padding: 8px 15px;
}
.nav-tabs > li > a {
    /**color: darkslategray;*/
    color:  #cdbfe3;;
}
/*.nav-tabs > li.active > a {*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: lightgray;
    /*background-color: #cdbfe3;*/
}

/* CSS for modal email contact us page */
.modal-body:not(.two-col) { padding:0px }
.glyphicon { margin-right:5px; }
.glyphicon-new-window { margin-left:5px; }
.modal-body .radio,.modal-body .checkbox {margin-top: 0px;margin-bottom: 0px;}
.modal-body .list-group {margin-bottom: 0;}
.margin-bottom-none { margin-bottom: 0; }
.modal-body .radio label,.modal-body .checkbox label { display:block; }
.modal-footer {margin-top: 0px;}
@media screen and (max-width: 325px){
    .btn-close {
        margin-top: 5px;
        width: 100%;
    }
    .btn-results {
        margin-top: 5px;
        width: 100%;
    }
    .btn-vote{
        margin-top: 5px;
        width: 100%;
    }
    
}
.modal-footer .btn+.btn {
    margin-left: 0px;
}
.progress {
    margin-right: 10px;
}