/*
Theme Name: EQCF
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* = BUILDING BLOCKS PRESENTATION CSS 
---------------------------------------------------
Justin MacNair http://www.justinmacnair.com
v1.0 | November 11, 2010
v1.1 | February 02, 2011
v1.2 | February 17, 2011

= RESET

= UTILITIES 
	= CLEARING
	= ACCESSIBILITY
	
= MEDIA

= TYPOGRAPHY 
	= LINKS
	= HEADINGS
	= TEXT
	= LISTS
	= TABLES
	= FORMS
	
= LAYOUT
	= SCREEN
	= TABLET
	= SMARTPHONE 

= PRINT
	
*/

/* = RESET 
---------------------------------------------------
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

:focus {
	outline: 1; /* skin this with something pretty in the forms & links specifically */
}

img, object, embed {
	max-width: 100%;
	vertical-align: top;
}

/* = UTILITIES 
---------------------------------------------------
*/

/* = CLEARING */

.clearfix:after, .row:after, .event:after {
	content: "."; 
	display: block; 
	height: 0 !important; 
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

/* = ACCESSIBILITY */

.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}

/* = TYPOGRAPHY 
---------------------------------------------------
*/

body, input, textarea {
	text-align: left;
	font-family: Arial, sans-serif;
    font-size: 100%;
    -webkit-text-size-adjust: none; /* stop iOS from scaling type up */
	color: #192B32;
	background: white;
}

/* = LINKS */
a,
a:link {
	color: rgb(0,110,143);
	background-color: transparent;
	text-decoration: none;
}

a:visited {
	color: rgb(0,110,143);
	background-color: transparent;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #9A3431;
	background-color: transparent;
	text-decoration: none;
}

/* = HEADINGS */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 26px;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

	h3.pastevents {
		border-top: 1px solid gray;
		padding: 20px 0;
	}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 16px;
	font-weight: bold;
}

h6 {
	font-size: 16px;
	font-style: italic;
}

/* = TEXT */
p {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 20px 0;
}
	
hr {
	height: 1px;
	margin: 0 0 19px 0;
	padding: 0;
	background: transparent;
	border: none;
	border-bottom: 1px solid gray;
}

blockquote {
	margin: 0 0 0 40px;
}

	blockquote p {
		font-size: 15px;
		font-style: italic;
	}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

pre, code {
	font: 13px Monaco, monospace;
	line-height: 20px;
	/* white-space: pre; */
}

sup, sub {
	font-size: 8px;
}

sup {
	vertical-align: super; 
}

sub {
	vertical-align: sub;
}

del {
	text-decoration: line-through;
}

ins {
	text-decoration: underline;
}

/* = LISTS */
ul, ol, dl {
	font-size: 13px;
	line-height: 20px;
}

ul {
	list-style-type: disc;
	margin: 0 0 20px 20px;
}

ul li {

}

	ul li ul {
		margin-bottom: 0;
	}

ol {
	list-style-type: decimal;
	margin: 0 0 20px 20px;
}

ol li {

}

	ol li ol {
		list-style: upper-alpha;
		margin-bottom: 0;
	}

	ol li ol li ol {
		list-style: lower-roman;
		margin-bottom: 0;
	}

dl {
	margin: 0 0 20px 20px;
}

dl dt {
	font-style: italic;
}

dl dd {
	margin: 0 0 20px 20px;
}

/* = TABLES */
table {
	width: 100%;
	font-size: 13px;
	margin: 0 0 18px 0;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
}

table thead {
	color: white;
	background: #444;
	font-weight: bold;
}

table tfoot {

}

table tbody {

}

table caption {
	font-weight: bold;
	padding: 0 0 20px 0;
}

tr {

}

tr.alt {

}

th {
	line-height: 20px;
	font-weight: bold;
	text-align: left;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 9px 9px 10px 10px;
}

td {
	line-height: 20px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 9px 9px 10px 10px;
	/* width: 60px; */
}

	td p {
		margin: 0;
	}

	table.transparent, table.transparent th, table.transparent td {
		border: none;
	}

/* = FORMS */
form {
	margin-bottom: 20px;
}

fieldset {

}

legend {

}

label {
}

input, select, textarea {
	border: none;
	/* border-radius: 5px; */
	height: 20px;
	padding: 5px;
	border: 2px solid rgb(199, 201, 203);
}

	input:focus, select:focus, textarea:focus {
		outline: none;
		border: 2px solid #9A3431;
	}
	
	#search #s {
		display: block;
		float: left;
		width: 70%;
		/* height: 25px; */
		/* border-radius: 5px; */
		border: 2px solid #a3abaf;
		background: #a3abaf;
		color: white;
	}
	
		#search #s:focus {
			border: 2px solid #FFF;
		}
	
	#searchsubmit {
		display: block;
		float: right;
		width: 35px;
		height: 35px;
		border: none;
		text-indent: -99999px;
		background: transparent url('images/icon-search.gif') center center no-repeat;
		cursor: pointer;
		opacity: 0.75;
	}
				
					#searchsubmit:hover {
						opacity: 1.0;
					}

	input[type=check], input[type=radio], input[type=text] {
	
	}

input[type=button], input[type=submit] {
}

#searchform label {
	display: none;
}

.wpcf7 label, .wpcf7 input, .wpcf7 select, .wpcf7 textarea, .wpcf7-response-output, .wpcf7-not-valid-tip-no-ajax {
	float: left;
	clear: left;
	margin-bottom: 20px;
}

.wpcf7 label {
	margin-bottom: 10px;
}

.wpcf7 textarea {
	width: 95%;
	height: 150px;
}

.wpcf7-not-valid-tip-no-ajax {
	font-size: 12px;
	line-height: 34px;
	margin-left: 15px;
	clear: none;
}

	.wpcf7-response-output {
		padding: 15px;
	}

	.wpcf7-validation-errors, .wpcf7-not-valid-tip-no-ajax {
		color: rgb(221,62,0);
	}

	.wpcf7-validation-errors {
		background: rgb(255, 235, 231);
	}

	.wpcf7-mail-sent-ok {
		border: 2px solid rgb(0, 177, 122);
		color: rgb(0, 177, 122);
		background: rgb(233, 255, 232);
	}
	
	.wpcf7-mail-sent-ng {
		border: 2px solid rgb(0, 177, 122);
		color: rgb(0, 177, 122);
		background: rgb(233, 255, 232);
	}
	
	.wpcf7-spam-blocked {
		border: 2px solid rgb(221,62,0);
	}
	
	.wpcf7-validation-errors {
		border: 2px solid rgb(221,62,0);
	}

.wpcf7-submit {
	height: auto;
	line-height: 30px;
	padding: 5px 30px;
	border: none;
	font-weight: bold;
	color: white;
	background: #9a3431;
	cursor: pointer;
}

.wpcf7-submit:hover {
	background: rgb(137,212,227);
}

#captcha, #captchaimage {
	clear: both;
}

.mobile-nav select {
	width: 100%;
}

#navigation .mobile-nav {
	width: 80%;
	margin: 0 auto;
}

#footer .mobile-nav {
	margin-bottom: 20px;
}

/* = LAYOUT 
---------------------------------------------------

480x854		Android (Motorola Droid) 
480x800		Android (Nexus One) 
320x480		Apple iPhone, Palm Pre, Android (MyTouch), HTC Magic/Dream
320x455		Android (Google Recommendation)
1024x600	Samsung Galaxy Tablet (Android) 
1024x768	Apple iPad 

*/
	
	@media screen {
			
		/* = CONTAINERS */
		body {
		
		}
		
			.debug {
				background: transparent url('images/columns-baseline.gif') top left repeat;
			}
			
			.row {
				width: 80%;
				margin: 0 5%;
				padding: 0 5%;
			}
			
			#header {
				padding: 20px 0;
				clear: both;
				color: white;
				background: #192b32;
			}
			
				#header a {
					color: white;
				}
			
				#identity {
					min-height: 80px;
					background: transparent url('images/logo.gif') center left no-repeat;
				}
			
				#identity h1, #identity h2 {
					line-height: 40px;
					padding-top: 5px;
					text-transform: uppercase;
					letter-spacing: 3px;
					font-size: 14px;
				}
			
				#identity h1 span, #identity h2 span {
					padding-bottom: 5px;
					border-bottom: 2px solid #9a3431;
				}
			
				#identity h3 {
					font-size: 12px;
					text-transform: capitalize;
					color: #a3abaf;
					margin-top: 5px;
				}
			
				#identity h1, #identity h2, #identity h3 {
					padding-left: 95px;
				}
			
			#search {
				width: 100%;
				margin: 20px 0 0 0;
			}
					
			#navigation {
				background: #a3abaf;
				margin-bottom: 20px;
				padding: 20px 0;
				border-top: 2px solid #737b81;
			}

			#donation {
				background: #f79521;
				margin-bottom: 20px;
				padding: 20px 0;
				border-top: 2px solid #f79521;
			}
			
			#localnav {
				margin-bottom: 20px;
				padding: 0 10px 20px 10px;
				/* background: #737b81; */
				/* border-radius: 5px; */
				text-align: center;
				border-bottom: 1px solid #737b81;
			}
				
				#navigation nav a, #localnav a {
					font-weight: bold;
				}
				
				#navigation nav a {
					color: white;
				}
				
				#navigation nav a:hover, #navigation nav .current-menu-item, #navigation nav .current-page-ancestor, #localnav a:hover {
					border-bottom: 2px solid #737b81;
				}
				
				#localnav a, #localnav a:hover {
				}
			
			ul.menu {
				margin: 0;
				list-style: none;
				text-align: center;
			}
			
				#footer ul.menu {
					text-align: left;
				}
			
				#footer ul.menu {
					margin-bottom: 20px;
				}
			
			#navigation nav li, #localnav li {
				margin: 5px 15px;
			}
			
			#secondarynav {
				margin-bottom: 20px;
			}
			
			#footer {
				color: #737B81;
				background: rgb(245, 245, 245);
				padding: 40px 0;
				margin: 40px 0 0 0;
			}
			
				/* social media nav */
			
				.facebook, .twitter, .googleplus, .rss {
					padding-left: 20px;
				}
				
				.facebook {
					background: transparent url('images/icon-facebook.gif') center left no-repeat;
				}
				
				.twitter {
					background: transparent url('images/icon-twitter.gif') center left no-repeat;
				}
				
				.googleplus {
					background: transparent url('images/icon-googleplus.gif') center left no-repeat;
				}
				
				.rss {
					background: transparent url('images/icon-rss.gif') center left no-repeat;
				}
			
			
			/* sidebar */
			
			#supplement {
				padding: 48px 20px 8px 20px;
				background: #f5f5f5;
				border-radius: 5px;
			}
			
			#supplement ul {
				list-style: none;
				margin-left: 0;
			}
			
			#supplement h3, #news h3 {
				font-size: 15px;
				font-weight: bold;
				text-transform: uppercase;
				margin-bottom: 10px;
				padding-top: 10px;
				padding-bottom: 10px;
				border-bottom: 1px solid #A3ABAF;
				border-top: 2px solid #A3ABAF;
			}
			
				#supplement .more, #news .more {
					float: right;
					text-align: right;
					text-transform: none;
					font-size: 13px;
				}
			
			#supplement h4 {
				font-size: 13px;
				font-weight: bold;
			}
			
			#categories, #events, #caseupdates {
				margin-bottom: 40px;
			}
			
			#supplement .post, #supplement .event {
				/* margin-bottom: 20px; */
				/* border-bottom: 1px solid #f5f5f5; */
			}
			
			#supplement #categories, #events .event {
				/* padding-bottom: 20px; */
				margin-bottom: 40px;
			}
			
				#events .post {
					clear: both;
				}
			
				#supplement .datestamp {
					width: 60px;
					float: left;
					clear: left;
					margin-top: -2px;
					margin-right: 10px;
					margin-bottom: 20px;
					/* border-radius: 5px; */
					font-weight: bold;
					border: 1px solid #9A3431;
				}
				
					#supplement .datestamp .month {
						display: block;
						color: white;
						text-align: center;
						/* border-radius: 5px 5px 0 0; */
						font-size: 12px;
						line-height: 22px;
						text-transform: uppercase;
						background: #9a3431;
					}
					
					#supplement .datestamp .day {
						display: block;
						text-align: center;
						font-size: 20px;
						line-height: 42px;
						background: white;
						/* border-radius: 0 0 5px 5px; */
					}
			
			/* posts */
			
			#content p, #content ul, #content td {
				font-size: 16px;
				line-height: 26px;
			}
			
				#content nav ul {
					font-size: 13px;
				}
	
			article header {
				/* margin-bottom: 20px; */
			}
			
				 article.cases header, .search article header {
					margin-bottom: 0;
				}
			
				.single-cases article header {
					/* font-family: Georgia, serif; */
					text-align: center;
				}
				
					.formerly, .court {
						font-weight: normal;
						line-height: 28px;
						color: #192B32;
					}
					
					.formerly span {
						font-style: italic;
					}
					
					.court, .casenumber {
						font-size: 14px;
						/* text-transform: uppercase; */
						font-style: italic;
					}
					
					header .court {
						font-style: normal;
					}
					
					.single-cases .court {
						text-transform: uppercase;
					}
					
					.casenumber {
						font-style: normal;
						text-transform: none;
					}
					
					.single-cases h5.court {
						text-transform: none;
					}
			
			.archive #content article, .blog #content article, .search #content article, article.events {
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: 1px solid #ccc;
			}
			
				.archive #content article:last-child, .blog #content article:last-child,
				#content .events:last-child, article.events:last-child {
					border-bottom: none;
				}
			
			.post-meta {
				list-style: none;
				margin-left: 0;
			}
			
			.post-meta-item {
				margin-bottom: 20px;
			}
			
			.post-meta-key {
				font-weight: bold;
			}
			
			.pagination {
				margin-top: 20px;
			}
			
			.next {
				float: right;
			}
			
				/* resource links */
				
				.blogroll a {
					font-weight: bold;
					line-height: 16px;
				}
				
				.blogroll a img {
					margin-top: 3px;
				}
				
			/* pages */
			
			#content h1, .single-cases #content header {
				text-transform: uppercase;
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: 2px solid #A3ABAF;
				/* color: #9A3431; */
			}
			
			#content .cases header, #content .events header {
				/* border: none; */
				text-transform: none;
				/* margin-bottom: 0; */
			}
			
			#content .single .events header {
				clear: both;
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: 2px solid #A3ABAF;
			}
			
				#content .events header .datestamp {
					/* border: 1px solid #9A3431; */
				}
				
				#associated-cases {
					padding-top: 20px;
					margin-top: 20px;
					border-top: 1px solid #A3ABAF;
				}
			
			#content .events h1 {
				/* border: none; */
			}
			
				h1.events span {
					float: right;
					font-size: 14px;
				}
			
			#content .cases h2 {
				/* font-weight: normal; */
			}
			
			#content .cases h1 {
				text-transform: none;
				padding: 0;
				margin: 0;
				border: none;
			}
				
			
			.subhead {
				margin-bottom: 20px;
			}
			
			/* home */
			
			.home #content .page p.intro {
				font-size: 20px;
				line-height: 36px;
				font-weight: bold;
			}
			
			.home #content h1 {
				/* margin-bottom: 50px; */
			}
			
			.home #news {
				margin-top: 50px;
			}
			
			/* calendar */
			
			#ftcalendar-div {
				min-height: 500px;
				background: #89D4E3;
				border-color: #89D4E3;
			}
			
				#ftcalendar-div table {
					height: 450px;
				}
				
				#ftcalendar-table tr th#ftcalendar-headings {
					height: 30px;
					vertical-align: middle;
					line-height: 30px;
					background: #006E8F;
					color: white;
					border-color: #89D4E3;
				}
				
			#ftcalendar-nav {
				position: relative;
				text-align: center;
				line-height: 30px;
			}
			
				#ftcalendar-prev, #ftcalendar-next {
					position: absolute;
					left: 0;
					top: 0;
					width: 30px;
					height: 30px;
				}
				
				#ftcalendar-next {
					right: 0;
					left: auto;
				}
				
				#ftcalendar-current {
					margin: 0 auto;
					text-transform: uppercase;
					color: #006E8F;
				}
			
			/* resources (blogrolls) */
	
			.blogroll {
				list-style: none;
				margin-left: 0;
			}
			
				.blogroll li {
					margin-top: 20px;
				}
	
	} /* end @media screen */
	
	/* change width to device-width to affect only separate devices */

	/* = viewport > 320  - iPhone/Smartphone portrait */
	@media screen and (min-width:320px) {
				
	}

	/* = viewport > 480 - iPhone/Smartphone landscape */
	@media screen and (min-width:480px) {
	
			
			
	}

	/* = viewport > 600 - Nook, Kindle color and b/w */
	@media screen and (min-width:600px)  {
			
			
			#identity h1, #identity h2 {
				font-size: 20px;
			}
			
			#navigation nav li, #localnav li {
				margin: 0 15px 0 0;
			}
			
			#navigation nav li:last-child, #localnav li:last-child {
				margin-right: 0;
			}
			
	}

	/* = viewport > 800 - NXoom, Galaxy portrait and Desktop monitors  */
	@media screen and (min-width:800px) {
	
			.row {
				max-width: 960px;
				margin: 0 auto;
			}
			
			#navigation nav ul li, #localnav ul li {
				display: inline;
			}
			
			#footer .widget .menu {
				float: left;
				width: 10%;
				margin-left: 5%;
			}
			
			#footer .textwidget {
				margin-right: 5%;
			}
			
			#search {
				margin-top: 25px;
				margin-bottom: 0;
				float: right;
			}
			
			#content, #identity, #footer .textwidget {
				float: left;
			}
			
				#footer .textwidget {
					width: 100%;
				}
			
				.page-template-onecolumn-page-php #content, .post-type-archive-forum #content, .forum #content/* , .home #content */ {
					width: 100%;
				}
				
				.single-cases #content {
					width: 80%;
					margin: 0 auto;
					float: none;
				}
			
			aside, #subscribe, #signin {
				width: 30%;
				float: right;
			}
			
			.#page-id-154 iframe {
				min-height: 800px !important;
			}
			
	}
	
	/* = viewport > 1200 - NXoom, Galaxy landscape and Desktop monitors */
	@media screen and (min-width:1200px) {
	
	}

/* = PRINT 
---------------------------------------------------
	remember floats can cause content to disappear when spanning multiple pages
*/
	
	@media print {
	
		div {
			float: none;
			clear: both;
			display: block;
			background: transparent;
		}
		
		.noprint {
			display: none;
		}
			
	}

div.textwidget {
     font-size: 12px !important; }
ul#menu-main.menu {
     font-size: 16px !important; 
     text-transform: uppercase !important; 
}
.btn.light.flat {
display: none !important; 
}