body {
    font-family: Roboto;     
    font-weight: 400;
    color: #282f4a;    
    }

.serif, #footer p {font-family: 'Roboto Slab';}
a, a:focus {color: #085c7c;} /* primary color */
a:hover {color: #00000;} /* secondary color if there is one */

h1, h2, h3, h4, h5, h6, h7 {color: #085c7c;}
hr { border-top: 1px solid #085c7c; }

.btn { border-radius: 25px; } /* edit this to make buttons match client site if necessary - more rounded 25px, more square 5px ex) */

/* HEADER, FOOTER, COPYRIGHT & BACK TO TOP BUTTON
----------------------------------------------*/
.navbar-default { background-color: #fff; border-color: transparent; box-shadow: 1px 1px 10px rgba(0,0,0,.5); }
p.navbar-text {font-family: 'Roboto Slab'; color: #666;}
#footer { background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,.3); color: #666; border-bottom: 4px solid #00000; }
#copyright {background: #203568;}
#copyright .footer-nav.navbar-nav > li > a:after {color: #00000;}
#social a {color: #fff;}
.mediant-copyright, .mediant-copyright a, .mediant-copyright a:focus, #social a:hover {color: #fff;}
.mediant-copyright a:hover { opacity: .5; text-decoration: none; }
a.backtotop:hover .fa { color: #00000;}
.fa-client-color { color: #085c7c;}
a.backtotop .fa {color: #085c7c;}
#copyright {color: #fff;}
#copyright .footer-nav.navbar-nav > li > a { color: #fff; }
#copyright .footer-nav.nav > li > a:focus, #copyright .footer-nav.nav > li > a:hover { color: #fff; opacity: .5; } 
#copyright .footer-nav.navbar-nav > li > button { color: #fff; }
#copyright .footer-nav.nav > li > botton:focus, #copyright .footer-nav.nav > li > button:hover { color: #fff; opacity: .5; } 

/* PAGE TITLE & INSTRUCTIONAL TEXT
----------------------------------------------*/
#title-text {background: #085c7c; padding: 25px 0;}
#title-text h3 a { font-family: 'Roboto Slab'; color: #fff;}
#title-text h3 span { font-family: 'Roboto Slab'; color: #fff;}
h1.event-title, h5.event-date {color: #fff;} 
#instructional-text p.lead, #instructional-text h1.lead {margin-bottom: 0; color: #666;}
#instructional-text p.poa-text {color: #f00;}
#instructional-text p.poa-text a {color: #f00; text-decoration: underline;}
#instructional-text p.poa-text a:hover {color: #ccc; text-decoration: none;}

/* STEPS / PROGRESS
----------------------------------------------*/
.nav-steps li { border-bottom: 2px solid rgba(255,255,255,.5); color: rgba(255,255,255,.5);}
.nav-steps li.active { border-bottom: 5px solid #00000; color: rgba(255,255,255,1);} /* replace border-bottom color with white if no secondary color in theme */

/* VOTE / BALLOT PAGE
----------------------------------------------*/
/* instructional text & due date */
#custom-ballot-message p {font-family: 'Roboto Slab'; color: #666; line-height: 20px!important;}
p.instructions {color: #085c7c;}
.due-date, .vote-status-section {background: #085c7c; color: #fff;}
.due-date h5, .vote-status-section h5 {color: #fff;}
.due-date .date { font-family: 'Roboto Slab';}
.due-date .date span { color: #00000;} /* replace with white if no secondary color in theme */

/* options & custom checkboxes */
.options-checkbox > [type="checkbox"]:not(:checked) + label:before,
.options-checkbox > [type="checkbox"]:checked + label:before,
#registration_ack_section_id > [type="checkbox"]:not(:checked) + label:before,
#registration_ack_section_id > [type="checkbox"]:checked + label:before {
    border: 1px solid #085c7c;
    background: #ffffff;
}
.options-checkbox > [type="checkbox"]:not(:checked) + label:after,
.options-checkbox > [type="checkbox"]:checked + label:after,
#registration_ack_section_id > [type="checkbox"]:not(:checked) + label:after,
#registration_ack_section_id > [type="checkbox"]:checked + label:after {
    font: normal normal normal 12px/1 'FontAwesome';
    content: '\f00c';
    color: #085c7c;
}
.options-checkbox > [type="checkbox"]:checked:focus + label:before,
.options-checkbox > [type="checkbox"]:not(:checked):focus + label:before,
#registration_ack_section_id > [type="checkbox"]:checked:focus + label:before,
#registration_ack_section_id > [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px solid #085c7c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.options-checkbox > label:hover:before,
#registration_ack_section_id > label:hover:before {
    border: 1px solid #085c7c!important;
}

/* account details */
.account-details a {color: #000;}
.account-details a:hover {color: #085c7c;}
a.pdf:before {color: #00000;}
.account-details a.event-date:before {color: #fff;}
.account-details a.acctdetails-meetinglocation-link {color: #085c7c;}
.account-details a.acctdetails-documents-link {color: #085c7c;}
.account-details a.acctdetails-recorddate-link {color: #085c7c;}
.acctdetails_title {font-family: 'Roboto Slab';}

.directions:before { color: #085c7c; }
a.toggle-details.open-this:after, a.toggle-details.close-this:after, a.btn-collapse.open-this:before, a.btn-collapse.close-this:before {color: #00000;}
a.toggle-details { color: #085c7c!important;}

/* agenda */
.proposal-title {font-family: 'Roboto Slab';}
.proposal-name { border-bottom-color: #00000; color: #085c7c;}
.proposal-name a {color: #ccc!important;}
.proposal-name a:hover {color: #085c7c!important;}
.proposal-line-item.director-subheader { border-top-color: #00000; }
.proposal-line-item.top-line {border-top-color: #00000; }
.proposal-line-item { border-left-color: #00000;}
.proposal-line-item-error-message { color: #d9534f; }
.proposal-description strong {color: #085c7c;}
.proposal-description strong:not(.director-subheader):after {content: '/'; margin: 0 2px 0 3px; color: #00000;}
.proposal-select-all {color: #666; font-family: 'Roboto Slab';}
p.mgmt-recorded-vote span, p.mgmt-recorded-vote:before { color: #085c7c; }
p.mgmt-recorded-vote-note, #email-confirmation p {font-family: 'Roboto Slab'; color: #666;}
p.mgmt-recorded-vote, p.btn-voteWithMgmt-info {color: #666;}
#submit-vote { font-family: 'Roboto Slab'; color: #666;}

/* ACCOUNT STATUS
----------------------------------------------*/
.account-summary li:after {color: #00000;}
/* options */
a.btn-collapse {border-bottom: 1px solid #ccc; color: #666;}
.options-collapse {border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
body#account-selection a.btn-collapse {border-bottom: 1px solid #ccc; color: #666;}

/* NAA
----------------------------------------------*/

.well.highlighted {border: 5px solid #00000;}
.naa-panel {color: #666;}

/* CONFIRM / THANK YOU
----------------------------------------------*/
body#confirm .btn-vote, body#thank-you .btn-vote {background-color: #085c7c!important; color: #fff; }
p.thankyou-welcome-text {font-family: 'Roboto Slab'; color: #085c7c}
p.poa-text {color: #f00;}
p.poa-text a {color: #f00; text-decoration: underline;}
p.poa-text a:hover {color: #ccc; text-decoration: none;}

/* LOGIN
----------------------------------------------*/
#title-text, .btn:hover, .btn-submit-vote, .btn-primary.btn-lg, .btn-primary.btn-md, .due-date, .vote-status-section, .alert-danger, .btn-vote.selected {background: #085c7c; }
.panel-login { background: #fff; border: none; box-shadow: none;}
.required .required-icon .text .fa { color: #00000; }
.alert-danger {border-color: #085c7c; color: #fff;}
.questions a {color: #999;}
.questions a:hover {color: #085c7c;}
.dualAuthBypass {color: #DD0000;}

/* buttons */
.btn-primary { font-family: Roboto Slab; }
.btn:hover {border-color: #085c7c; color: #fff;}
.btn-submit-vote, .btn-primary.btn-lg, .btn-primary.btn-md { color: #fff; border: transparent;}
.btn-primary.btn-lg.btn-back-to-vif { color: #085c7c; border: solid 1px #085c7c; background: #fff;}
.btn-primary.btn-lg.btn-lp-logout { color:#fff; background: #085c7c;}
.btn-submit-vote:hover, .btn-primary.btn-lg:hover, .btn-primary.btn-md:hover {background: #00000;}
.btn-primary.btn-lg.btn-lp-logout:hover {background: #00000;}
.btn-primary.btn-lg.btn-back-to-vif:hover {color: #fff; background: #085c7c;}
.btn {border-color: #085c7c; background: #fff; color: #666;}
.btn-vote {border-color: #ccc;}
.btn-vote.selected { border-color: #085c7c; color: #fff; }
.btn-login { background-color: #00000; border-color: #00000; color: #fff; margin-top: 20px; padding: 7px 20px; }
.btn-read {border-color: #ccc;}
.btn-read:hover {border-color: #ccc; background: #fff; color: #666; cursor: default;}
.btn-read:focus {background-color: #fff; color: #666;}
.btn-primary.btn-back { color: #085c7c; border: solid 1px #085c7c;  background: #fff; font-family: 'Roboto Slab';}
.btn-primary.btn-back:hover {color: #fff; background: #085c7c;}
.btn-primary.btn-back:active { border: solid 1px #085c7c; }
.btn-select.selected {background: #085c7c; color: #fff!important; position: relative;}
.btn-select.selected:after { font-family: 'FontAwesome'; content: '\f00c'; font-size: 11px; line-height: .5; position: absolute; left: 1.5px; top:4px;}
.btn-select.disabled {border-color: #ccc;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {background: #085c7c; }

/* Professor Proxy */
.profproxy_leadin {border-bottom:1px solid #00000;padding-bottom:20px;margin-bottom:20px;}

/* Holdings */
.holdings-description:nth-child(odd) { background: #E5ECF3; }

/* GENERAL BOOTSTRAP OVERRIDES
----------------------------------------------*/
.table > thead > tr > th {
  border-bottom: 4px solid #00000;
  font-family: 'Roboto Slab'; color: #666; font-weight: 400;
}
.modal-body p { font-weight: 400; font-size: 14px; line-height: 20px; color: #666;}

.close.marker:hover {
	color: #00000;
}

/* mobile things */
@media only screen and (max-width : 400px) {
    .btn-lg { font-size: 14px; }
}

@media only screen and (min-width : 991px) {
	.extendedContent {
		border-left: 1px solid #085c7c;
	}
}