.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

.status .passed,
.status .stopped,
.status .waiting,
.status .example { text-transform: uppercase;  }

.status .passed { color: #090; }
.status .stopped { color: #900; }
.status .waiting { color: #cc0; }
.status .example { color: #00c; }

.ordinances-nav { margin: 0 0 2%; padding: 0; width: 100%; border-collapse: collapse; }
.ordinances-nav td { width: 20%; vertical-align: bottom; border-collapse: collapse; }
.ordinances-nav td:first-child { width: 40%; }
.ordinances-nav td a { 
	display: block;
	padding: 10px;
	width: 100%;
	border-width: 1px 1px 1px 0; 
	border-style: solid;
	border-color: #fff;
	background: #ddd;
	text-align: center;
	border-radius: 0 10px 0 0;
}
.ordinances-nav td:first-child a { border-width: 1px; }
.ordinances-nav td.sel a { 
	border-bottom: none; 
	padding-top: 20px;
	font-weight: bold;
	border-left: 1px solid #333; 
	border-top: 1px solid #333; 
	border-right: 1px solid #333; 
}
.ordinances-nav td a { font-size: 16px; line-height: 16px; color: #000; text-transform: uppercase; }


/* these apply to all ordinance pages, including ordinance-single */
.ordinances a.back-to-top { display: block; text-align: right; margin: 1% 0; }
.ordinances a.back-to-top:after { content: '\2191'; font-size: 30px; font-weight: bold; padding-left: 2px; }

/* .ordinance-single gets called into multiple ordinance pages */
.ordinance-single { overflow: hidden; color: #444; }
.ordinance-single h1 { color: #000; margin: 0; }
.ordinance-single h2 { font-size: 24px; margin: 5px 0 10px; }
.ordinance-single p { margin: 0 0 10px; }
.ordinance-single .contact p { font-style: italic; }
.ordinance-single .details span { font-weight: bold; }
.ordinance-single .entry-content .header { display: block; font-weight: bold; }


.ord-filters, .ord-filters ul, .ord-filters li { list-style: none; margin: 0; padding: 0; }
.ord-filters { display: table; margin-bottom: 10px;}
.ord-filters .tab { display: table-cell; padding-right: 30px;}
.ord-filters ul { display: none; }
.ord-filters .tab.open ul { display: block;  }
.ord-filters ul li { position: relative; }
/*.ord-filters ul input { display: none; }*/
.ord-filters ul li label { display: block; padding-left: 15px; cursor: pointer; font-size: 12px;}
.ord-filters ul li label:hover { color: #900; }
.ord-filters ul li label:before {
	content: '\2714'; 
	visibility: hidden;
	position: absolute;
	left: 0;
}
.ord-filters ul li label .cnt {  }
.ord-filters ul li.sel label:before { visibility: visible; }
.ord-filters ul li .all,
.ord-filters ul li .none { display: block; padding: 1px 0 0 15px; text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}
.ord-filters ul li .all:before,
.ord-filters ul li .none:before {
	content: '+';
	position: absolute;
	left: 2px;
}
.ord-filters ul li .none:before { 
	content: '\21bb'; 
}
.ord-filters ul li .all { border-top: 1px solid #ccc; display: none;} /* shutting off select all for now */
.ord-filters ul li .none { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }


.ordinances .more-link,
.ordinances .less-link,
.ordinances .rev-link,
.ord-filters .title
 { text-transform: uppercase; font-size: 14px; font-weight: bold; text-decoration: none !important; white-space: nowrap; }

.ordinances .more-link:before,
.ordinances .less-link:before,
.ordinances .rev-link:before,
.ord-filters .title:after { font-size: 24px; font-weight: bold; padding-right: 2px; position: relative; }

.ordinances .more-link:before {
	content: '\2193'; 
	top: 2px;
}
.ordinances .less-link:before {
	content: '\2191';
}
.ordinances .rev-link:before {
	content: '\2672'; 
	top: 4px;
	padding: 0 5px;
}

.ord-filters .title:after {
	content: '\2193'; 
	top: 2px;
	padding: 0 5px;
}
.ord-filters .tab.open .title:after {
	content: '\2191'; 
	top: 1px;
}

/* tweaks to filter bar for mobile */
@media (max-width:900px) {
	.ord-filters { display: block; margin-bottom: 20px; }
	.ord-filters .tab { display: block; padding: 10px 0 0 20px; }
	.ordinances .rev-link:before { padding-left: 0; }
} 


/* ordinance map list page */
.ordinances-map .map-wrap { padding: 2%; margin: 2%; background: #ddd; }
.ordinances-map .list-foot { display: none; }
.ordinances-map .ordinance-list { padding: 2% 2% 1%; margin: 2%; background: #ddd; display: none; }
.ordinances-map .ordinance-list .ordinance-single { padding: 2% 2% 1%; margin-bottom: 1%; background: #fff; }
.ordinances-map .rev-link { display: none; }

/* ordinances by state list page */
.ordinances-state .state-nav { padding: 2%; margin: 2%; background: #ddd; color: #444; font-size: 16px; }
.ordinances-state .state-nav .instructions { padding: 1% 2%; background: #ddd; font-weight: bold; }
.ordinances-state .state-nav li { padding-bottom: 5px; }
.ordinances-state .state { padding: 2% 2% 0; margin: 2%; background: #ddd; color: #444; border: 1px solid white; }
.ordinances-state .state h2 span { color: #888; }
.ordinances-state .state .ordinance-single { padding: 2% 2% 1%; background: #eee; border: 1px solid #ddd; }
.ordinances-state .state .ordinance-single .ordinance-single { background: #fff; }


/* ordinance timeline list page */
.ordinances-time .timeline-wrap .year 	{ padding: 2%; border: 1px solid white; background: #ccc; }
.ordinances-time .timeline-wrap .year > h1 { margin-top: 0; color: #000; }
.ordinances-time .timeline-wrap .month 	{ padding: 2%; border: 1px solid white; background: #ddd; }
.ordinances-time .timeline-wrap .day 	{ padding: 1% 2%; border: 1px solid #ddd; background: #eee; }
.ordinances-time .timeline-wrap  .ordinance-single { padding: 2% 2% 1%; background: #eee; border: 1px solid #ddd; }
.ordinances-time .timeline-wrap .ordinance-single .ordinance-single { background: #fff; border: none;} 

.ord-load-wrap { 
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.75); 
	z-index: 20000;
	opacity: 0;
}
.ord-load-wrap .loading {
	position: absolute;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
	text-align: center;
}


.ordinance-nav-widget {
	border: 1px solid #b31c27;
    padding: 10px;
    font-size: 16px;
    background: #ccc;

}

.sidebar .ordinance-nav-widget.widget h4 {
	font-size: 20px;
	margin-bottom: 0px;
	font-weight: bold;
}