/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%; background: #777;}
body { font: normal 62.5% 'Merriweather Sans', Helvetica, Arial, sans-serif; font-weight: 400; color: #666666; min-height: 100%; background: #777; }

h1, h2, h3, h4, h5, h6 { font-size:1.4em; color: #111; font-family: 'Merriweather Sans', Helvetica, Arial, sans-serif; font-weight: 300;}
p { font-size:1.4em; line-height:1.6em; margin:16px 0; }

.left { float:left; display:inline;}
.right { float: right; display: inline;}

.push { clear: both;}

a { text-decoration: none; font-weight: 300; }
a:link { color: #111;}
a:visited { color: #111;}
a:hover { color: #111; text-decoration: underline;}
a:active { color: #111;}

.button_row { width: 100%; overflow: hidden;}
a.button { display: block; float:left; padding: 16px 30px; color: #111; font-size: 1.4em; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; background: #ffd457; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
a.button:hover { background: #111; color: #fff; text-decoration: none; }

a.jmh_pew_readmore { display: block; float:left; padding: 16px 30px; color: #111; font-size: 1.4em; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; background: #ffd457; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top: 12px; }
a.jmh_pew_readmore:hover { background: #111; color: #fff; text-decoration: none; }

svg .white { fill:#fff !important; }
svg .black { fill:#111 !important; }
svg .green { fill:#60d840 !important; }


/* Main Selectors
--------------------------------------------------------------------------------------- */

.header_wrap { background: #fff; padding: 20px 0; }
.header { width: 92.7%; max-width: 1240px; margin: 0 auto; padding: 0; }
.content_wrap { background: #fff;  }
.content { width: 92.7%; max-width: 1240px; margin: 0 auto; padding-bottom: 60px;}
.footer_wrap { background: #777;  padding: 60px 0;}
.footer { width: 92.7%; max-width: 1240px; margin: 0 auto; padding: 0; }

body.home .content { width:100%; max-width: 100%; padding-bottom: 0; }

.bg-image {
	position:relative;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	background-color: #111;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

/* Header
--------------------------------------------------------------------------------------- */

.header h1 { width: 300px; float:left; display:inline;}
.header h1 img { width: 100%; max-width: 100%; height: auto; }

.header_search { width: 310px; height: 36px; position: relative; float: right; display: inline; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; margin-top: 10px;}
.header_search label { position: absolute; top: 10px; font-style: italic; left: 12px; font-size: 1.4em; color: #aaa; font-family: 'Droid Serif', Georgia, serif; font-weight: 400;}
input.input_search { background: #fff; border: 0; width: 250px; padding: 8px 0 8px 12px; font-size: 1.4em; color: #000; font-family: 'Droid Serif', Georgia, serif; font-weight: 400;}
input.btn_search { float: right; display: inline; width: 39px; height: auto;}

.header .quicklinks { float: right; color: #fff; margin-right: 12px; position: relative; font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 700; margin-top: 10px;}
.header .quicklinks img { width: 11px; height: 11px; margin-left: 4px;}
.header .quicklinks span { display: block; height: 36px; line-height: 36px; padding: 0 20px; font-size: 1.4em; }
.header .quicklinks:hover span { background: #33339e; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.sub-quicklinks { display: none; position: absolute; top: 36px; left: 0; width: 200px; background: #33339e; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.header .quicklinks:hover .sub-quicklinks { display: block;}
.sub-quicklinks li { font-size: 1.4em;  }
.sub-quicklinks a { display: block; padding: 10px 20px; font-weight: 400; border-bottom: 1px solid #4e4eb8; color: #fff; font-size: 1em;}
.sub-quicklinks li.last a { border-bottom: 0;}

/* Homepage
--------------------------------------------------------------------------------------- */

.page-hero-wrap { width: 100%; height: 100vh; background-color: #262626 !important;}
.page-hero-wrap h1 { width: 400px; position: absolute; top: 50%; left: 50%; margin-left: -200px; margin-top: -145px; }

.hp_tier_1_wrap { background: #aaa; }
.hp_tier_1 { width: 92.7%; max-width: 1240px; margin: 0 auto; padding: 60px 0; }
.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }

.hp_tier_2_wrap { }
.hp_tier_2 { width: 92.7%; max-width: 1240px; margin: 0 auto; padding: 60px 0; }
.hp_tier_2 .hp_panel { width: 30.1075268817%; margin-right: 4.83870967742%; float:left; display:inline; }
.hp_tier_2 .hp_panel.last { margin-right: 0; }

.hp_tier_3_wrap { background: #eee; }
.hp_tier_3 { width: 92.7%; max-width: 1240px; margin: 0 auto; padding: 60px 0; }
.hp_tier_3 .hp_panel { width: 65.0537634408%; margin-right: 4.83870967742%; float:left; display:inline; }
.hp_tier_3 .hp_panel.last { width: 30.1075268817%; margin-right: 0; }


/* Subpages
--------------------------------------------------------------------------------------- */

.page_header_wrap { background: #eee; padding: 60px 0;}
.page_header { width: 92.7%; max-width: 1240px; margin: 0 auto; }

.page_full { width: 100%; overflow: hidden; margin-top: 60px;}
.main_content { float:left; display:inline; width: 75%;}
.sidebar_content { float:right; display:inline; width: 20%;}
.no-sidebar .main_content { float:none; display:block; width: 100%; margin: 0 auto;}

h2.blog_category { font-size: 5em; text-transform: capitalize; border-bottom: 4px solid #111; padding-bottom: 30px; margin-bottom: 40px;}

.article_featured_image { width: 100%; overflow: hidden; margin-bottom: 40px; }
.article_featured_image img { width: 100%; max-width: 100%; height: auto; }

.article_wrap { width: 100%; overflow: hidden;}
article { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 4px solid #111; }
article:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }

.article_info { float:left; display:inline; width: 15%;}
.article_info h5.custom-header-day { font-size: 8em; font-family: 'vera-sans', Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1em;}
.article_info h5.custom-header-month { font-size: 1.4em; font-family: 'vera-sans', Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1em; margin-left: 6px;}

.article_content { float:right; display:inline; width: 80%;}
.article_content h5.iphone_date { display: none;}
.article_content img { width: 100%; max-width: 100%; height: auto; }
.article_content p, .article_content ul, .article_content ol { margin: 30px 0;}
.article_content li { font-size:1.4em; line-height:1.6em; margin:10px 0; margin-left: 24px; }
.article_content .entry-header h1 { font-size: 3em; font-family: 'vera-sans', Helvetica, Arial, sans-serif;}

.assistive-text { display: none; }
.nav-previous, .previous-image { float: left; width: 50%; font-size: 2.4em; }
.nav-previous a, .nav-next a { text-decoration: none; }
.nav-next, .next-image { float: right; text-align: right; width: 50%; font-size: 2.4em; }

.sidebar_content .widget-title { font-size: 2em;}

.sidebar_content ul { margin: 24px 0;}
.sidebar_content ul li { text-transform: capitalize; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #ddd; font-size: 1.6em; color: #666;}
.sidebar_content ul li a { color: #666;}
.sidebar_content ul li a:hover { text-decoration: none;  color: #111;}
.sidebar_content ul li.current-cat a { font-weight: bold; color: #111;}
.sidebar_content ul li.current-cat a:hover { text-decoration: none;}


/* TablePress
--------------------------------------------------------------------------------------- */

.tablepress { margin-top: 20px;}
.tablepress td, .tablepress th { padding: 14px 10px; font-size: 1.2em;}
.tablepress thead th, .tablepress tfoot th { background: #666; color: #fff;}


/* Contact Form 7
--------------------------------------------------------------------------------------- */

.contact_form_row { width: 100%; margin-bottom: 16px; }
.contact_form_row label { font-size: 1.2em; text-transform: uppercase; color: #111;}
.contact_form_row input.input_normal { background: #fff; border: 1px solid #ccc; font-size: 2em; color: #111; padding: 17px 3%; width: 92%; font-family: 'delve-hand', Helvetica, Arial, sans-serif; font-weight: 400; }
.contact_form_row textarea.input_normal { background: #fff; border: 1px solid #ccc; font-size: 2em; color: #111; padding: 17px 3%; width: 92%; font-family: 'delve-hand', Helvetica, Arial, sans-serif; font-weight: 400; }
.contact_submit_row input { padding: 16px 30px; color: #111; border: 0; font-size: 1.4em; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; background: #ffd457; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.contact_submit_row input:hover { background: #111; color: #fff; text-decoration: none; }


/* Media Queries
--------------------------------------------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) { 
	
	.header h1 {
		background:url(../images/image@2x.png) 0 0 no-repeat !important;
		-moz-background-size: 152px 31px !important;
		-o-background-size: 152px 31px !important;
		-webkit-background-size: 152px 31px !important;
		background-size: 152px 31px !important;
	}

}

@media only screen 
and (max-width : 1215px) {

}

@media only screen 
and (max-width : 890px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}

@media only screen 
and (max-width : 480px) {

	a.button { display: block; float:none; padding: 16px 0; width: 100%; text-align: center; }
	a.jmh_pew_readmore { display: block; float:none; padding: 16px 0; width: 100%; text-align: center; }
	
	.main_content { float:none; display:block; width: 100%;}
	.sidebar_content { float:none; display:block; width: 100%; margin-top: 40px;}

	.hp_tier_2 { padding: 40px 0; }
	.hp_tier_2 .hp_panel { width: 100%; margin-right: 0; float:none; display:block; margin-bottom: 30px; }
	.hp_tier_2 .hp_panel.last { margin-right: 0; }
	
	.hp_tier_3 { padding: 40px 0; }
	.hp_tier_3 .hp_panel { width: 100%; margin-right: 0; float:none; display:block; margin-bottom: 30px;}
	.hp_tier_3 .hp_panel.last { margin-bottom: 0; }

	.article_info { display:none;}
	.article_content { float:none; display:block; width: 100%;}
	.article_content h5.iphone_date { display: block;}
	
	.contact_submit_row input { padding: 16px 0; width: 100%; text-align: center; }

	.tablepress td, .tablepress th { padding: 6px 4px; font-size: 1em;}

	.page-hero-wrap h1 { width: 240px; margin-left: -120px; margin-top: -88px; }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	a.button { display: block; float:none; padding: 16px 0; width: 100%; text-align: center; }
	a.jmh_pew_readmore { display: block; float:none; padding: 16px 0; width: 100%; text-align: center; }
	
	.main_content { float:none; display:block; width: 100%;}
	.sidebar_content { float:none; display:block; width: 100%; margin-top: 40px;}

	.hp_tier_2 { padding: 40px 0; }
	.hp_tier_2 .hp_panel { width: 100%; margin-right: 0; float:none; display:block; margin-bottom: 30px; }
	.hp_tier_2 .hp_panel.last { margin-right: 0; }
	
	.hp_tier_3 { padding: 40px 0; }
	.hp_tier_3 .hp_panel { width: 100%; margin-right: 0; float:none; display:block; margin-bottom: 30px;}
	.hp_tier_3 .hp_panel.last { margin-bottom: 0; }

	.article_info { display:none;}
	.article_content { float:none; display:block; width: 100%;}
	.article_content h5.iphone_date { display: block;}
	
	.contact_submit_row input { padding: 16px 0; width: 100%; text-align: center; }

	.tablepress td, .tablepress th { padding: 6px 4px; font-size: 1em;}

}