/* ==========================================================================
   Global Settings
   ========================================================================== */
html body {
	height: 100%;
    margin: 0 0 0 0;
    
    font-family: Arial, Helvetica, 'DejaVu Sans', sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    background: #F2F0ED;
}

#ballotContent h1 {
    font-size: 44px;
}

#ballotContent h2 {
    margin-top: 7px;
    
    font-size: 33px;
}

#ballotContent h3 {
    margin-top: 7px;
    
    font-size: 25px;
}

#ballotContent h3 {
    margin-top: 7px;
    
    font-size: 19px;
}

#ballotContent h1,
#ballotContent h2,
#ballotContent h3,
#ballotContent h4,
#ballotContent .btn {
    font-family: Lato, sans-serif;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    -webkit-font-smoothing: antialiased;
}

#ballotContent p,
#ballotContent li {
    line-height: 20px;
    
    font-family: Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

#ballotContent a:hover {
    text-decoration: none;
}

#ballotMeasure .btn:hover,
#selectElection .btn:hover {
    color: #D4333B;
    border: 2px solid #D4333B;
}

.content_wrapper{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top:-3px;
	vertical-align:top;	
	background: #F2F0ED;
}

@media print {
    body {
        background:none;}
    
    #header-wrapper {
        display:none;}
    
    #navigation {
        display:none;}
    
    #footer {
        display:none;}
}

/* ==========================================================================
   Header
   ========================================================================== */


img {
	border:none;
}


/* ==========================================================================
   Navbar
   ========================================================================== */
#navigation {
	background:#872e32;
    padding-left: 8px;
    padding-right: 8px;
    -moz-box-sizing: border-box;
    word-wrap: break-word;	
	clear:both;
}

#primary_nav_wrap {	
    min-height: 72px;
	max-width:960px;
	margin-right: auto;
	margin-left: auto;
    background-color: transparent;
}

#primary_nav_wrap a:hover {
    color: #D2852D;
}

#primary_nav_wrap ul a {
	display:block;
	padding:0 15px;
    line-height:33px;
    background-color: transparent;
	
    font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight:bold;
    color:#fff;
    text-decoration:none;
}

#primary_nav_wrap li ul {
    background: #872e32;
}

.navbar-default .navbar-toggle .icon-bar {
    border-bottom: 1px solid #fff;
}

.caret {
    opacity: 0.6;
}

@media (min-width: 767px) {
    #primary_nav_wrap ul li:hover > ul {
	   display:block}
    
    #primary_nav_wrap ul a {
        font-size: 16px;}
    
    #primary_nav_wrap .dropdown-toggle:hover {
        color: #fff;}
    
    .mobile {
        display: none;}
    
    #primary_nav_wrap ul ul {
        display:none;
        position:absolute;
        top:100%;
        left:0;
        padding:0;
        background:#872e32;}
}

@media (max-width: 767px) {
    #primary_nav_wrap ul a {
        max-width: 100%;
        padding: 0 10px;
        background: #872e32;
        
        font-family: Lato, Times, serif;
        font-style: normal;
        font-weight: 100;} 
    
    #primary_nav_wrap {
        width: 100%;} 
    
    .dropdown-menu li {
        padding-left: 16px;
        
        font-size: 14px;}
    
    .dropdown-menu .mobile,
    .dropdown-toggle {
        padding-left: 0px;
        
        font-size: 16px;}
    
    .dropdown.open > a {
        visibility: hidden;
        position: absolute;}  
    
    .caret-left {
        height: 0;
        width: 0;
        display: inline-block;
        border-top: 4px solid transparent;
        border-right: 5px solid;
        border-bottom: 4px solid transparent;
        vertical-align: middle;
        opacity: 0.6;}
}

/* ==========================================================================
   Optional Breadcrumb
   ========================================================================== */
.breadcrumb {
    margin-top: 20px;
    margin-bottom: 15px;
    padding-top:50px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #BBBBBB;
    
    font-family: Arial, sans-serif;
    font-style: italic;
}

.breadcrumb a {
    font-size: 13px;
    text-decoration: none;
    color: #333;
}

/* ==========================================================================
   Select Election
   ========================================================================== */
#selectElection {
    text-align: center;
    padding: 25px;
    background: #F2F0ED; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(top, rgba(251,250,246,1),rgba(242,240,237,0)); /*Safari 5.1-6*/
    background: -o-linear-gradient(top, rgba(251,250,246,1),rgba(242,240,237,0)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top, rgba(251,250,246,1),rgba(242,240,237,0)); /*Fx 3.6-15*/
    background: linear-gradient(top, rgba(251,250,246,1),rgba(242,240,237,0)); /*Standard*/
}

.electionTitle {
    color: #D2852D;
}

#selectElection h1 {
    padding-bottom: 25px;
}

#selectElection .btn {
    max-width: 100%;
    margin-left: 22px;
    margin-right: 22px;
    display: inline-block;
    padding: 8px 10px;
    border: 2px solid #A1373C;
    border-radius: 3px;
    background-color: transparent;
    
    font-size: 19px;
    color: #A1373C;
}

/* ==========================================================================
   Pill Bar
   ========================================================================== */
#candidates li.active a {
    padding: 8px 10px;
    background: #F2F0ED; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(top, rgba(230,229,226,0.6),rgba(242,240,237,0)); /*Safari 5.1-6*/
    background: -o-linear-gradient(top, rgba(230,229,226,0.6),rgba(242,240,237,0)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top, rgba(230,229,226,0.6),rgba(242,240,237,0)); /*Fx 3.6-15*/
    background: linear-gradient(top, rgba(230,229,226,0.6),rgba(242,240,237,0)); /*Standard*/
    
    font-size: 19px;
    color: #D2852D;
}

#candidates li a {
    padding: 8px 10px;
    
    color: #000;
}

#candidates li a:hover {
    padding: 8px 10px;
    background-color: transparent;
    
    color: #A1373C;
}

/* ==========================================================================
   Candidate info
   ========================================================================== */
.clearfix:after {
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both;
}

#candidates hr {
    margin-top: 0px;
    box-shadow: 0px 1px #d9d9d9;
}
#candidates h4 {
    color: #545454;
}
.cand-img {
    height: 192px;
    width: 137px;
    margin: 0px 10px 30px 0px;
    box-shadow: 0px 0px 2px;
}
#candidates .republican h3 {
    color: #B22222;
    border-bottom: 2px solid #B22222;
}
#candidates .democrat h3 {
    color: #55B0E6;
    border-bottom: 2px solid #55B0E6;
}
#candidates .green h3 {
    color: #6AAF21;
    border-bottom: 2px solid #6AAF21;
}
#candidates .libertarian h3 {
    color: #FED105;
    border-bottom: 2px solid #FED105;
}
#candidates .independent h3 {
    color: #AEAEAE;
    border-bottom: 2px solid #AEAEAE;
}
.general-candidate {
    color: #F57483;
}

h4 em {
    color: #B22222;
}

#judge h4 a:link, a:active {
    text-decoration: none;
}

/* Portrait tablets and small desktops */
@media (max-width: 767px) { 
    #candidates h4 {
        font-size: 14px;}
    
    #candidates h3 {
        font-size: 14px;}
    
    #candidates h2 {
        font-size: 19px;}
}

@media (max-width: 358px) { 
    .cand-img {
        margin-bottom: 5px;}
    
    #candidates .btn {
        display: inline-flex;
        top: -45px;}
    
    #federal h3,
    #statewide h3,
    #legislative h3 {
        font-size: 14px;
        margin-top: -5px;
        margin-bottom: 25px;
        padding-right: 150px;}
}

@media (max-width: 296px) {    
    #federal .president h4 {
        font-size: 14px;
        margin-top: -5px;
        margin-bottom: 25px;
        display: inline-block;}
    
    #federal h3,
    #statewide h3,
    #legislative h3 {
        padding-right: 45px}
}

/* ==========================================================================
   Modal
   ========================================================================== */
#candidates .btn {
    margin-top: 15px;
}

/*/* Modal Container */



/* Modal links */
.modal-body p a {
    text-decoration: none;
}

/* Modal buttons */
.modal-footer .button {
    padding: 10px 10px;
    text-align: center;
    display: inline-block;
    border-radius: 0%;
    transition: all 0.5s;
    float: left;
    cursor: pointer;
    
    color: white;
}

.republican .modal-footer .button {
    background-color: #B22222;
    border: 1px solid #801818;
}

.republican .modal-footer .button:hover {
    background-color: #9A1D1D;
    border: 1px groove #801818;
}

.democrat .modal-footer .button {
    background-color: #55B0E6;
    border: 1px solid #428AB3;   
}

.democrat .modal-footer .button:hover {
    background-color: #428AB3;
    border: 1px groove #428AB3;   
}

.libertarian .modal-footer .button {
    background-color: #FED105;
    border: 1px solid #CDA804;   
}

.libertarian .modal-footer .button:hover {
    background-color: #CDA804;
    border: 1px groove #CDA804;   
}

.green .modal-footer .button {
    background-color: #6AAF21;
    border: 1px solid #4C7D18;   
}

.green .modal-footer .button:hover {
    background-color: #4C7D18;
    border: 1px groove #4C7D18;   
}

.independent .modal-footer .button {
    background-color: #AEAEAE;
    border: 1px solid #7B7B7B;   
}

.independent .modal-footer .button:hover {
    background-color: #7B7B7B;
    border: 1px groove #7B7B7B;   
}

.modal-footer .button a {
    color: white;
    text-decoration: none;
}


#judge .modal-footer .button {
    padding: 8px 10px;
    border: 2px solid #A1373C;
    border-radius: 3px;
    background-color: transparent;
    
    color: #A1373C;
}

#judge .modal-footer .button:hover {
    border: 2px solid #D4333B;
    
    color: #D4333B;
}

.arguments h3.modal-title {
    text-align: center;
}

@media (max-width: 992px) {
    .flex-container {
        min-width: 100%;
        padding: 10px;}
}

@media (max-width: 767px) {
    .modal-footer .button {
        width: 100%;}
}    

@media (max-width: 353px) { 
    #candidates .btn {
        margin-bottom: -15px;
        position: absolute;
        top: -40px;}
}
/* ==========================================================================
   Ballot Measure
   ========================================================================== */
#ballotContent {
    width: 100%;
    margin-top:-3px;
	margin-right: auto;
	margin-left: auto;
	vertical-align:top;	
}

.content {
    height: 100%;
    max-width: 100%;
    position: relative;
    margin-bottom: 59px;
    padding-bottom: 33px;
    box-shadow: 0px 2px 2px #848484;
}

.title {    
    text-align: center;    
    color: #004280;
}

.title p {
    width: 90%;
    margin: auto;
}

.row + .ballotInfo1 {
    width: 90%;
    margin: auto;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #848484;
}

#candidates .signature h4 {
    text-align: right;
    color: #A1373C;
}

.row + .ballotInfo2 {
    width: 90%;
    margin: auto;
    margin-top: 1em;
}

.committeeInfo h4 {
    margin-bottom: 2px;
}

.committeeInfo p {
    margin-bottom: 14px;
}

.summary {
    border-left: 2px solid #848484;
}

.committeeInfo,
.summary {
    height: 100%;
}

#proposition3 .committeeInfo,
#proposition3 .summary {
    height: 450px;
}

.committeeInfo .btn,
.summary .btn {
    max-width: 100%;
    bottom: 0;
    display: inline-block;
    padding: 8px 10px;
    border: 2px solid #A1373C;
    border-radius: 3px;
    background-color: transparent;
    
    color: #A1373C;
}

.summary .btn.app {
    bottom: 50px;
}

.arguments .btn {
    position: relative;
    width: 100%;
    margin: auto;
    
    font-size: 19px;
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {    
    .navbar-default {
        font-size: 1.1em;}
    
    .navbar-default .navbar-nav > li {
        padding-left: 15px;}    
    
}

/* Portrait tablets and small desktops */
@media (min-width: 767px) and (max-width: 992px) {   
    .row + .ballotInfo1 {
        width: 100%;
    }
    .row + .ballotInfo2 {
        width: 100%;
        margin-top: 1em;}
}
    
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    #ballotContent h1 {
        font-size: 33px;}
    
    #ballotMeasure h4 {
        font-size: 19px;}
    
    #ballotMeasure h2 {
        font-size: 25px;}
    
    .row + .ballotInfo1 {
        width: 100%;
        padding-bottom: 0.5em;
        border-bottom: 1px solid #848484;}
    
    .signature {
        text-align: justify;}
    
    .row + .ballotInfo2 {
        width: 100%;
        margin-top: 1em;}
    
    .summary {
        max-width: 100%;
        padding-top: 19px;
        padding-bottom: 25px;
        padding-left: 0%;
        border-left: 0px;} 
    
    #ballotContent .btn {
        position: relative;
        margin-top: 44px;
        font-size: 14px;}
    
    .summary .btn.app {
        bottom: 0px;}
    
    .electionTitle {
        text-align: center;}
    
    #selectElection .btn {    
        max-width: 100%;
        margin-left: 7px;
        margin-right: 7px;
        padding: 6px 8px;
    
        font-size: 14px;}
    
    #candidates li.active a {
        background: #E6E5E2;}

}

/* Portrait phones and smaller */
@media (max-width: 428px) {    
    #ballotContent h1 {
        font-size: 33px;}

    #ballotContent h2 {
        font-size: 25px;}

    #ballotContent h3,
    #ballotContent h4,
    #ballotContent .btn {
        font-size: 14px;}
    
    .title {
        padding-bottom: 1em;}
    
    .row + .ballotInfo2 {
        width: 110%;
        margin: -10px;
        margin-top: 1em;}
}

/* ==========================================================================
   Footer
   ========================================================================== */
#footer {
    width:100%;	
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom:25px;
	box-shadow: 0px 500px 0px 500px #003466;
    background: #003466;
    
    font-size:.8em;
    text-align:center;
    color: #DEDBD6;
}

#footer-wrapper {
	width:960px;
	margin-right: auto;
	margin-left: auto;
}

.location {
    min-height: 150px;
    max-width: 140px;
    display: inline-block;
    vertical-align: top;
    margin: 20px 5px 0;
    padding-left: 8px;
    border-left: 1px solid #3F6487;
	float:left;
    
    font-size: 10px;
    text-align:left;
    color: #F2F0EC;
}

.email {
    font-style:italic;
    text-decoration:none;
    color:#fff;
}

#footer a:hover {
    color:#D2852D;
}