/*
Theme Name: 	LACCR
Description: 	Custom theme for Louisiana Center for Children's Rights
Version: 		2.0
Author: 		Lee Domingue & Erin Allen

*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#b5c8cd; color:#333; outline: none; }
::selection 		{ background:#b5c8cd; color:#333;  outline: none;}


img { -ms-interpolation-mode: bicubic !important; }


[class*="column"] + [class*="column"]:last-child {
float: left !important; 
}

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/



body,
input,
textarea 			{ 
	font-family: Georgia, serif;
	-webkit-font-smoothing: antialiased;
	     font-smoothing: antialiased;
	     line-height: 1.5em;
	     text-rendering: geometricPrecision;
	     -webkit-font-smoothing:antialiased;
	     font-smoothing:antialiased; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ 

	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #1a4153;
	
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.legacy-embed object,
.legacy-embed embed {
	
}

#alpha-links {
	font-size: 1.3em;
}

h2 a.back-to-top {
	display: block;
	font-size: .7em ;
	float: right;
	text-transform: none;
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-top: .25em;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	margin-top: 1em;
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	margin-top: 0px;
}


/* ---------------------------------------------------------------------------------------------------------- 
Header and Navigation  ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


section.header-wrap {
	background:#1a4153;
}

.logo {
	width: 37.5%;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: -10px;
}

nav {
	width: 60%;
	float: right;
}

#menu-main,
#menu-main-edit {
	text-align: right;
	margin-top: 1em;
	-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
	        -ms-transition: all .2s ease;
	        -o-transition: all .2s ease;
			transition: all .2s ease;
}

#menu-main li,
#menu-main-edit li { 
	display: table-cell;
	width: 25%;
	color: #fff;
	font-family: "franklin-gothic-urw-n7", "franklin-gothic-urw";
	text-align: left;
	font-size: .8em;
	float: left;
	position: relative;
	
}



#menu-main li p,
#menu-main-edit li p {
	font-size: 1em;
	line-height: 1.5em;
	font-family: "georgia", serif;
}

#menu-main li a,
#menu-main-edit li a { 
	color: #b5c8cd;
	display: block;
	padding: 1em 0px 1em 1.25em;
	position: relative;
}


#menu-main li a:hover,
#menu-main-edit li a:hover {
	color: #ef5f32;
}

#menu-main li a:hover h2,
#menu-main-edit li a:hover h2 { 
	color: #ef5f32 ;
}

#menu-main li.current-menu-item a,
#menu-main li.current-menu-item a h2,
#menu-main li.current-page-ancestor a,
#menu-main li.current-page-ancestor a h2,
#menu-main-edit li.current-menu-item a,
#menu-main-edit li.current-menu-item a h2,
#menu-main-edit li.current-page-ancestor a,
#menu-main-edit li.current-page-ancestor a h2   { 
	color: #fff ;
}



#menu-main li a h2,
#menu-main-edit li a h2 { 
	color: #b5c8cd;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 1.3em;
}






#menu-secondary,
#menu-secondary-edit {
	font-family: "franklin-gothic-urw-n7", "franklin-gothic-urw";
	font-weight: 700;
	font-style: normal;
	text-align: right;
	margin-top: 1em;
}

#menu-secondary li,
#menu-secondary-edit li {
	display: inline-block;
	color: #b5c8cd;
	margin: 0 5px;
}

#menu-secondary li a,
#menu-secondary-edit li a {
	display: inline-block;
	color: #b5c8cd;
}

#menu-secondary li a:hover,
#menu-secondary li.current-menu-item a,
#menu-secondary li.current-page-ancestor a,
#menu-secondary-edit li a:hover,
#menu-secondary-edit li.current-menu-item a,
#menu-secondary-edit li.current-page-ancestor a,
#menu-secondary-edit li.current-menu-item a {
	display: inline-block;
	color: #ef5f32;
}


	

#menu-secondary li:last-child a,
#menu-secondary-edit li:last-child a {
	color: #fff;
	text-transform: uppercase;
	background: #ef5f32;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	display: inline-block;
	padding: .5em .75em;
	border: 1px solid #d45427;
	font-size: .9em;
	margin-left: 1.7em;
}

#menu-secondary-edit li:last-child a {
	padding: .4em 4em;
	font-size: 1em;
}

#menu-secondary li:last-child a:hover,
#menu-secondary-edit li:last-child a:hover {
	background: #b94920;
	color: #fff;
	border: 1px solid #a9421b;
	}

#menu-mobile {
	display: none;
}





.subnav {
	margin-top: 2em;
}



/* ---------------------------------------------------------------------------------------------------------- 
Some defaults for structure  ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


h1 {
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 2.6em;
	margin-bottom: .25em;
	line-height: 1.2em;
}

h1 a {
	color: #1a4153;
	}
	
h1 a:hover {
	color: #d45427;
	}	

h2 {
	margin-bottom: .75em;
	font-size: 1.4em;	
	text-transform: uppercase;
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	margin-bottom: .25em;
	
}

h3 {
	font-size: 1.3em;
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-bottom: .75em;
}

p + h3 {
	margin-top: 1.5em;
}

h4 {
	margin-bottom: .5em;
}

h4.current a {
	color: #1a4153;
}



a {
	color: #d45427;
	text-decoration: non;
	-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
	        -ms-transition: all .2s ease;
	        -o-transition: all .2s ease;
			transition: all .2s ease;
}

a:hover {
	color: #1a4153;
}







header h1 {
	margin-bottom: 0em;
	font-size: 1em;
}


.button,
.submit {
	background: #ef5f32;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	display: inline-block;
	padding: .6em .75em;
	border: 1px solid #d45427;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 1em 0;
	-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
	        -ms-transition: all .2s ease;
	        -o-transition: all .2s ease;
			transition: all .2s ease;
}

.button:hover,
.submit:hover {
	background: #b94920;
	color: #fff;
	border: 1px solid #a9421b;
}



.button a,
.main-content .button a {
	color: #fff;
	display: block;
}

.button:hover a,
.button a:hover  {
	color: #fff;
	}

h2 a.back to top {
	display: block;
	font-size: 1em !important;
	float: right;
	text-transform: none;
}


section {
	background:  url('images/section-bkg.png') repeat-x left top;
	border-top: 1px solid #b5c8cd;

}
section .row {
	padding: 2em 0 ;
}

section > .row {
	padding: 2em 0 ;
}

section article > .row {
	padding: 0px;
}

.row + .row,
.columns > .row,
.sidebar .reports > .row {
	padding-top: 0px;
}

.main-content {
	border: 0px;
}


iframe {
	margin:2em 0  1em 0;
}

/* Special Cases ----------------------------- */

.header-wrap,
.about-intro,
.address,
.alert,
.success-stories {
	background: none;
	border-top: none;
}

section.header-wrap .row{
	padding: 0  ;
}


section.lgbt .row {
	
}

.main-content {
	padding: 1em 0 2em;
}

/* ---------------------------------------------------------------------------------------------------------- 
Alerts  ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.sitewide-alert {
	background: #ef5f32 !important;
	color: #fff;
	position: static;
	border: none;
	display: none;
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	
}

.sitewide-alert p {
	width: 85%;
	margin: 0 auto;
}

.sitewide-alert a {
	color: #1a4153;
	border-bottom: 1px solid #1a4153;
}



.sitewide-alert a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.sitewide-alert.on { 
	display: block;
}

section.sitewide-alert .row {
	padding: .7em 0.9375em .7em ;

}



.homepage-alert {
	background: #ef5f32;
	color: #fff;
	margin-bottom: 4em;
	margin-top: 2em;
	padding-top: 2em !important;
	padding-bottom: 1em !important;
	position: relative;
	
}

.homepage-alert h2 { 
	color: #fff;
	font-size: 1.2em;
	padding: 0 .75em;
	line-height: 1.2em;
}
.homepage-alert p { 
	font-size: 1.2em;
	
}

.homepage-alert  a  {
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #fff;
}

.homepage-alert p a:hover {
	text-decoration: underline;
}


.close {
	float: right;
	cursor: pointer;
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.5em;
	padding-left: 20px;
}



.close {
	
	opacity: .5;
}

.close:hover {
	color: #fff;
	opacity: 1;
}


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



.row.about-intro {
	padding: 2em  0em 0 ;
}

.home.about-intro {
	padding-top: .8em;
}

.home.about-intro h1 {
	text-align: center;
	font-size: 3.4em;
	margin: 0px;
	margin-bottom: .3em;
}


.about-intro p.button {
	font-size: 1em;
	width: 70%;
	margin: 1.5em auto 3em;
	display: block;
}



.main-content .section-intro {
	margin-bottom: 2em;
}

.initiative img {
	margin-bottom: 1em;
}

.main-content .initiative p {
	margin-bottom: .5em;
}

.initiative {
	float: left !important;
	margin-top: 2em;
	
}

.initiative.row {
	float: none !important;
	
	
}

.home .initiative {
	margin-top: 0em;
	
}
.initiative:nth-child(3n+5) {
	clear: both;
}


.initiatives-intro h3 {
	font-size: 1.2em;
	width: 49%;
	display: inline-block;
	margin-top: 0px !important;
	vertical-align: top;
}



h2 a {
	color: #1a4153;
}

h2 a:hover {
	color: #ef5f32;
}

.grid.initiatives .initiative {
	padding-left: .3em !important;
	padding-right: .3em !important;
	margin-top: 0px;
	
}

.grid.initiatives .row  {
	padding-left: 1em;
	padding-right: 1em;
	
	padding-top: .7em;
	
}




.grid.initiatives .initiative article {
	
	padding:0px ;
	max-width: 350px;
	margin: 0 auto;
	-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
	        -ms-transition: all .2s ease;
	        -o-transition: all .2s ease;
			transition: all .2s ease;
}

.grid.initiatives .initiative article img  {
	width: 100%;
	margin-bottom: 0px;
}

.grid.initiatives .initiative article a  {
	color: ;
}
.grid.initiatives .initiative h3 {
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	padding: 1.1em 4em 1.1em 1.1em;
	background: no-repeat 98% top #1A4153;
	background-size: contain;
	height: 110px;
}

.grid.initiatives article:hover h3  {
	background-color: #ef5f32;
}

.grid.initiatives .initiative h3 a {
	color: #fff;
	
}

.archive-link {
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.3em;

}


.event {
	margin-top: 1em;
}

.main-content .event-date,
.main-content .pub-date,
.main-content .title,
.main-content .email {
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5em;
	margin-bottom: 0em;
	color: #ef5f32;
	line-height: 1.3em;
	display: block;
}

.main-content .pub-date {
	margin-bottom: 1em;
}

.main-content .title + .title {
	margin-top: .5em;
}

.main-content .board-position {
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #1a4153;
	margin-top: 1em;
}

.main-content h4.board-position {
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #1a4153;
	margin-top: 0px;
	margin-bottom: 1em;
}


.main-content .email {
	font-size: 1em;
	margin-bottom: 1em;
}

.main-content .email a {

}

.event-host,
.event-time,
.event-location {
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
}
.event-location { 
	margin-top: 2em;
	}


.event-type {
	background: #b5c8cd;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	padding: .5em 1em;
	text-align: center;
	margin: .5em 0 ;
	display: inline-block;
	font-size: .9em;
	text-align: center;
	
}

.sidebar .event-type {
	padding:.5em 1em ;
	
}

.upcoming-events .event-type {
	display: block;
	width: 60%;
}

.main-content p.date,
time.date {
	margin-bottom: .5em;
}

.news-events article {
	margin-bottom: 3em;
	clear: both;
}

.news-events article  p.button {
	margin-top: 0;
	margin-right: .75em;
	text-transform: uppercase;
	font-size: .95em;
}
.news-events article  p.date {
	display: inline-block;
}

.news-events article .thumb {
	display: block;
	width: 120px;
	float: right;
	margin-left: 1.25em;
	margin-bottom: 2em;
}

.home.news-events article .thumb,
.news-post .thumb {
		display: block;
		width: 200px;
		float: left;
		margin-right: 1.25em;
		margin-left: 0px;
		margin-bottom: 2em;
	
}

.home.news-events h2 {
	margin-bottom: 1em;
} 

.home.news-events article h3 {
	margin-bottom: .2em;
} 

.home.news-events p.archive-link {
	text-align: ri;
	
}


.related-initiatives {
	margin-top: 2em;
}

.related-initiatives p {
	display: inline-block;
	margin-right: 1em;
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	
}

.related-initiatives p a {
	background: #b5c8cd;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	padding: .5em 1em;
	text-align: center;
	margin: .5em 0 ;
	display: inline-block;
	font-size: .9em;
	text-align: center;
	 }
	
.related-initiatives p a:hover {
	color: #fff;
	background: #ef5f32; }	


.report-meta {
	margin: 2em 0;
	border: 1px solid #B5C8CE;
	padding: 1.5em;
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	overflow: auto;
	
}

.report-meta h3 {
	margin-bottom: .75em;
	margin-top: none;
}

.main-content .report-meta p {
	margin-bottom: .5em;
	margin-top: .5em;
}


.report-meta img {
	float: left;
	margin-right: 1em;
}

.report {
	padding-right: 3em;
	
}

.report img { 
	margin-bottom: .5em;
	border: 1px solid #f1f1f1;
}



.photo-credit,
.about-intro .photo-credit {
	text-align: right;
	font-size: .9em;
	font-style: italic;
	margin-top: 1em;
}

.photo-credit.left,
.photo-credit-left {
	text-align: left;
	font-size: .9em;
	font-style: italic;
	margin-top: 1em;
	float: none !important;
}

.photo-credit.center,
.photo-credit-center {
	text-align: center;
	font-size: .9em;
	font-style: italic;
	margin-top: 1em;
}

.photo-credit.right,
.photo-credit-right {
	text-align: right;
	font-size: .9em;
	font-style: italic;
	margin-top: 1em;
}
	



.main-content .intro p,
.main-content p.intro {
	font-size: 1.15em;
	color: rgb(27,65,84);
	margin-bottom: .75em;
}



.intro {
	margin-bottom: .75em;
}

.row > .intro {
	margin-bottom: 0em;
}


.initiatives article {
	margin-bottom: 2em;
	padding-right: 3em;
}



.initiatives [class*="column"] + [class*="column"]:last-child {
float: left;
}

.impact-stats {
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
	padding: 1em 0 ;
}


.stats {
	background: #b5c8cd;
	padding: 1.5em;
	color: #1a4153;
	margin-bottom: 2em;
}

.stats a,
.highlighted a { 
	color: #1a4153;
	border-bottom: 1px dotted #1a4153;
}

.stats form,
.highlighted form {
	margin: 0px;
}

.stats form input,
.highlighted form input {
	padding: 0px;
	margin-bottom: .5em;
}

.stats a:hover,
.highlighted a:hover {
	color: #f15e25;
	border-bottom: 1px solid #f15e25;
}

.infographic {
	margin: 0em 0 2em;
	
}

.infographic:first-child {
	margin: 0em 0;
	
}

.infographic .photo-credit {
	display: block;
	
}

#fancybox-wrap {
	padding: 0px;
}

.fancybox-bg,
#fancybox-title-float-left,
#fancybox-title-float-right {
	background: none;
	display: none;
}


#fancybox-title-float-wrap td {
	background: none;
	text-align: left;
	font-size: 1.3em;
	font-style: italic;
	margin-top: 0px;
	color: #444;
	font-family: Georgia, serif;
	font-weight: normal;
	display: block;
	height: auto;
	position: relative;
	white-space: normal;
	line-height: 1.5em;
}


.fancybox-title-float {
	position: static;
	left: 0;
	bottom: 0px;
	height: auto;
	background: #fff;
	width: 100%;
	max-width: 100%;
	padding: 0 2em 1em 2em;
}




.main-content .infographic  {
	-webkit-box-shadow:none;
	box-shadow: none;
}

.main-content .impact-stats p,
.main-content .impact-stats li {
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	
}

.impact-stats ul {
	margin-left: 35px;
}

.impact-stats li {
	list-style: disc;
	
}

.supporters article {
	margin-bottom: 2em;
	display: inline-block;
	vertical-align: middle;
	
}

.supporters article:last-child {
	float: left !important;
}

.supporters article:nth-child(3n+4) {
	clear: left;
	
}

/*.main-content img {
	-webkit-box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, .1);
	box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, .1);
}

.main-content a:hover img {
	-webkit-box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, .2);
	box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, .2);
}

.main-content img.no-shadow,
.main-content .no-shadow img {
	-webkit-box-shadow: none;
	box-shadow:  none;
}*/


.main-content img {
	margin-bottom: 1em;
}	

.sidebar {
	padding-bottom:  2em ;
	
}


.main-content .sidebar h3,
.main-content .sidebar h2 {
	font-size: 1.4em;
	margin-bottom: .55em;
}

.main-content .sidebar article {
	margin-bottom: 2em;
}

.main-content .sidebar.news article {
	margin-bottom: 1.5em;
}

.main-content .sidebar article p {
	margin-bottom: .5em;
}

.main-content article .success-story {
	margin: 2em 0;
}	



.success-story q { 
	background:  rgb(27,65,84);
	-webkit-border-radius: 9px 9px 0px 9px;
	border-radius: 9px 9px 0px 9px;
	color: #fff;
	padding: 2em;
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.6em;
	display: block;
	position: relative;
	margin: 0 1em 1.25em 0;
}

.success-story p {
	text-align: right;
} 

.success-story a:hover {
	color:white;
} 


.success-story q:after {
	top: 99%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.success-story q:after {
	border-color:  transparent;
	border-top-color:  rgb(27,65,84);
	border-right-color:  rgb(27,65,84);
	border-width: 10px;
	right: 0px;
	margin-left: -10px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}




.box {
	padding: 20px;
	border: 1px solid #ccc;
}

.box.solid {
	background: #f5f5f5;
}


.border-bottom {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.border-left {
	padding-left: 20px;
	border-left: 1px solid #ccc;
}

.main-content p,
footer p {
	margin-bottom: 1em;
}

a {
	text-decoration: none;
}

.main-content ul li {
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 1em;
}


.person {
	margin-bottom: 1.5em;
	margin-top: 1em;
}

.person img {
	float: left;
	display: table-cell;
	margin-right: 1em;
	width: 150px;
	margin-top: 8px;
}

.jjpl-staff .person img {
	margin-top: 5px;
}

.person h4 {
	font-size: 1.1em;
	margin-bottom: .25em;
}

.person > div {

	display: table-cell;
}

.person.new img {
	float: none;
}

.person.new h3 {
	margin: .25em 0 .15em 0 ;
}


.person.new:nth-child(odd) {
	clear: both;
}


img.portrait {
	max-width: 200px;
}

.address  {
	background: #f15e25;
	color: #fff;
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
}

.address .row {
	padding: 1em 0;
}

.address p, 
.address h2 {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	color: #fff;
}
.address p {
	margin-left: .5em;
	font-size: .9;
}

.address a {
	color: #fff;
}

.address a:hover {
	color: rgb(27,65,84);
}

.address h2 {
	font-family: Georgia, serif;
	font-size: 1.05em;
	text-transform: none;
}
.address .ss-icon {
	text-align: right;
	float: right;
}
.address .ss-icon a {
	margin-left: .5em;
	
}

.address .ss-icon a:first-child {
	margin-right: .25em;
	font-size: 1.1em;
}

.footer-wrap {
	background: rgb(27,65,84);
	color: #fff;
	border-top: none;
}

footer .button {
	width: 80%;
	color: #fff;
}

footer .button a {
	color: #fff;
}

footer .button, 
footer .submit {
	text-transform: uppercase;
	font-size: .95em;
}

footer h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
}
footer p {}

.footer-wrap a {
	color: 	#f15e25;
}
.footer-wrap a:hover {
	color: #fff
}

footer .columns {
	padding-right: 3em;
}



.copyright {
	font-size: .8em;
}

form {
	margin: 2em 0 1em 0;
}
input {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	display: inline-block;
	padding: .75em .75em;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 0 1em 0;
	border: none;
}


footer form p {
	padding-left: 0px;
	position: relative;
	
}

footer form input[type="email"] {
	padding: .5em;
	padding-right: 80px;
	font-size: 1em;
	line-height: 1em;
	border: none;
	height: auto;
	font-weight: normal;
	width: 100%;
}
form .submit {
	float: right;
	margin: 0px;
	line-height: 1em;

}

footer form .submit {
	position: absolute;
	top: 0px;
	right: 0px;
	}




.alert {
	background: #f5f5f5 url('../images/bg.jpg') no-repeat left top;
}

/* ---------------------- Forms  ---------------------------*/


form label {
	font-family: "franklin-gothic-urw-n5","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #1a4153;
	}

form h3 {
	margin-bottom: .5em;
}	
form input + label {
	font-size: .8em;
	font-family: Georgia;
	font-style: italic;
	color: #999;
	
}	
.main-content form li {
	clear: both;
	margin-bottom: 1.5em;
	list-style: none;
	margin-left: 0px;
}

input[type="email"],
input[type="text"],
input[type="tel"],
textarea {
	border: 1px solid #b5c8cd;
	margin-bottom: 0px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

input[type="checkbox"] {
	float: left;
	margin-right: 10px;
}


form .name span {
	width: 48%;
	display: inline-block;
	margin-left:2% ;
}

form .name span:first-of-type {
	margin-left:0% ;
	}

form .phone span {
	width: 20%;
	display: inline-block;
	vertical-align: top;
}

form .phone span.symbol {
	width: auto;
	margin: 0 5px;
}

form .donor-address span {
	margin-bottom: 1em;
	display: block;
}


label.inlined {
	position: absolute ;
	padding: .2em 0 0 .5em;
}



/* ---------------------- Happening section ---------------------------*/

.sidebar .news,
.sidebar .events {
	margin-bottom: 2em;
}

.sidebar .reports img {
	margin-bottom: .5em;
	width: 60px;
	float: left;
}

.sidebar .reports article:after {
	content: ' .';
	display: block;
	width: 10px;
	text-indent: -9999px;
}

.sidebar .reports article div {
	display: inline-block;
	width: 65%;
	margin-left: 1em;
}

.main-content .categories,
.main-content .categories li,
.main-content .categories li > ul,
.main-content .categories li > ul >li,
.main-content .topics,
.main-content .topics li {
	margin-left: 0px;
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #1a4153;	
	list-style: none;
	margin-bottom: 0px;
}

/* ---------------------- Resources section ---------------------------*/


.protected-post-form {
	margin-top: 0px;
}




.log-out p,
.signin p {
	color: #1a4153;
	font-family: "franklin-gothic-urw-n5","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 500;
}

.log-out a,
.signin a {
	color: #1a4153;
}

.log-out p:before {
	font-size: .7em;
	color: #1a4153;
	
}


.signin,
.log-out  {
	background: #b5c8cd;
	color: #fff;
	padding: 1em 1em .5em  1em;
	margin-bottom: 2em;
}

.main-content .signin h2,
.main-content .log-out h2 {
	margin-bottom: .5em;
	font-size: 1.1em;
}

.signin form p {
	position: relative;
}
.signin form .submit {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: .9em;
	}


.pd-resource {
	margin-bottom: 2em;
}

.document-meta {
	margin: 2em 0;
	border: 1px solid #B5C8CE;
	padding: 1.5em;
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	overflow: auto;
	
}

.document-meta h3 {
	margin-bottom: .75em;
	margin-top: none;
}

.main-content .document-meta p {
	margin-bottom: .5em;
	margin-top: .5em;
}


.document-meta img {
	float: left;
	margin-right: 1em;
}


.ss-standard:before {
	font-size: .9em;
	padding-right: 5px;
}

.resources.sidebar h2 {

	
}
.resources.sidebar h3 {
	margin-bottom: .5em;
}
.resources.sidebar article {
	margin-bottom: .5em;
}

.archive-link {
	font-size: 1em;
	margin-top: .25em;
	margin-bottom: 2em;
	color: rgb(26, 65, 83);
	font-family: franklin-gothic-urw-n7, franklin-gothic-urw, sans-serif;
	font-style: normal;
	font-weight: 700;
	
}

.resources.sidebar .archive-link a:after {
	content: ' >';
}

.lgbt .row {
	padding-bottom: 0px;
}
.lgbt img {
	float: left;
	margin-right: 2em;
	width: 130px;
}

/* ---------------------- Initiative Category Pages  ---------------------------*/


.initiative.row {
	padding-top: 2em;
	padding-bottom: 0em;
}
.initiative.row a {
	display: block;
	position: relative;
	max-width: 100%;

}

.initiative.row img {
	display: block;
	position: relative;
	max-width: 100%;

}

.columns.icon {
	padding-right: 0px !important;
}

.icon img {
	width: 100%;
	background: #1a4153;
	padding: .4em;
	margin-bottom: 1em;
}

.focus {
	border-top: 1px solid #333;
	padding-top: 1.5em !important;
	padding-left: 2em;
}


.initiatives-list {
	padding-top: 0em !important;
	padding-bottom: 2em !important;
}

.initiatives-list a {
	display: block;
	
}


.initiatives-list > div:nth-child(3n+1) {
	clear: left;
	}

@media screen and (min-width:40.063em) {
	.icon img {
			
		margin-bottom: 1em;
	}
}	

/* ---------------------- Initiative Focus Page (what we do) ---------------------------*/

.initiatives-list > .columns,
.initiatives-list > .columns:last-child {
	max-width: 350px !important;
	margin: 2em auto 0 auto;
	float: none !important;
}
.initiatives-list img {
	margin-bottom: .5em;
}

.initiatives-list h3 {
	margin-bottom: 0em;
}

.focus-area {
	border-top: 1px solid #333;
	padding-top: 2em !important;
	padding-bottom: 0px !important;
}

.row .large-offset-1 {
	position: relative;
	margin-left: 0%;
}


@media screen and (min-width: 48em) {
	
	.initiatives-list > .columns,
	.initiatives-list > .columns:last-child  {
		max-width: none !important;
		margin: 2em auto 0 auto;
		float: left !important;
	}
	
	.row .large-offset-1 {
		position: relative;
		margin-left: 8.33333%;
	}
}



/* ---------------------- Press Page ---------------------------*/

.press-page h2 {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #333;
}

.download {
	color: #1a4153;
	background: #b5c8cd;
	padding: 1.5em;
	margin: 2em 0 ;
	
	
}

.download a {
	color: #1a4153;

}

.download a:hover {
	color: white;
}

.main-content .download-logos li {
	 margin-left: 0px;
}


/* ---------------------- Issues Page ---------------------------*/


.call-to-action {
	color: #1a4153;
	background: #b5c8cd;
	padding: 1.5em;
	margin: 2em 0 ;
	
	
}

.jjpl .call-to-action {
	margin-top: 0px;
}
.sub-nav {
	margin-left: 0px !important;
}
.call-to-action h2 {
	text-transform: uppercase !important;
    font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 1.3em !important;
}

.call-to-action a {
	color: #1a4153;
	border-bottom: 1px dotted #1a4153;
}

.call-to-action a:hover {
	color: white;
	border-bottom: 1px solid white;
}


.coalition {
	
	border-top: 1px solid #333;
	padding-top: 1.5em !important;
	padding-left: 2em;

}

.coalition {
	padding-left: 0px;
}

.values {
	padding-top: 1.5em !important;
	padding-left: 2em;
}

.values-blurb {
	margin-bottom: 2em;
}

.values .large-10 {
	padding-top: 1em;
}

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



@media screen and (max-width:990px) {
	
	
	#menu-main li a,
	#menu-main-edit li a {
		padding-left: .75em;
		padding-right: .75em;
	}
	
	#menu-main li a h2,
	#menu-main-edit li a h2 {
		font-size: 1.3em;
		font-size: 1.35em}
		
	.column, .columns,
	section.sitewide-alert .row {
		padding-left: 1.5em !important;
		padding-right: 1.5em !important;
	}
	
	.column, 
	.columns,
	section.sitewide-alert .row {
		padding-left: 1.5em !important;
		padding-right: 1.5em !important;
	}
	
	.column .columns, 
	.columns .columns {
		padding-left: 0.9375em !important;
		padding-right: 0.9375em !important;
	}
	
	.address h2 {
		display: block;
	
	}
	.address p {
		margin-left: 0em;
		margin-right: .5em;
		font-size: .9;
	}
	
	.logo {

		max-width: 350px;
		
		padding: 1.8em 0 0 ;
	}
	
	.logo.new img {
		max-width: 250px;
	}
	
		
}


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


	.about-intro .large-6,
	.about-intro .large-5,
	.main-content div .large-7,
	.main-content article.large-7,
	.sidebar {
		width: 100%;
	}
	
	
	.initiatives-intro .large-4,
	.initiatives-intro .large-8 {
		width: 50%;
	}
	
	.initiatives-intro h3 {
		width: 100%;
	}
	
	
	
	.sidebar {
		background:  url('images/section-bkg.png') repeat-x left top;
		border-top: 1px solid #b5c8cd;
		padding-top: 3em;
		padding-bottom: 0px !important;
	}
	
	
	.sidebar article {
		width: 50%;
		float: left;
		padding-right: 1.5em ;
		padding-left: 1.5em ;
		display: block;
	} 
	
	.sidebar.resources article,
	.sidebar.news article {
		width: 100%;
		padding-left: 0px;
	}
	
	
	.sidebar.resources h3 {
		margin-top: 1.5em;
	}
	
	
	.sidebar article:nth-child(odd) {
		clear: left;
		padding-left: 0px ;
	} 
	
	.homepage-alert .large-4.columns {
		
		width: 100% !important;
	}
	
	.homepage-alert h2 {
		padding: 0;
	}
	

		
	footer .columns {
		padding-bottom: 3em;
	}	
	
	
	
	
		
	
}

@media screen and (max-width:900px) {
	.grid.initiatives .initiative h3 {
		
		padding: 1.1em 1.1em 1.1em 1.1em;
		
	}
	.logo {
		width: auto;
		max-width: 300px;
		padding: 0px 0 0 ;
	}
	
	
	
	nav {
		width: auto;
		
	}
	
	#menu-main li,
	#menu-main-edit li {
		width: 50%;
		padding: 0 2em;
	}
	
	#menu-main li a,
	#menu-main-edit li a {
		}
	
	nav {
		display: none;
		border-top: 1px solid #ccc;
		padding-bottom: 2em;
	}
	
	#menu-secondary,
	#menu-secondary-edit {
				
				text-align: center;
				margin: 2em 00 0 0;
			}
			
			#menu-secondary li:last-child,
			#menu-secondary-edit li:last-child {
				margin-bottom:.5em ;
				display: block;
				
			}
	
			
			#menu-mobile {
				display: block;
				text-align: center;
				position: absolute;
				float: right;
				top: 3.5em;
				right: 30px;
			}
			
			#menu-mobile .button {
				background: #b5c8cd;
				border: none;
				margin: none;
				position: relative;
				top: 50%;
			}
			
			#menu-mobile.on .button {
				background: #b5c8cd;
				
			}
			#menu-mobile:hover .button {
				background: #f15e25
			}
			
			#menu-main li,
			#menu-main-edit li {
				text-align: center;
				
			}
}


@media screen and (max-width:782px) {
			
					.logo {
						width: auto;
						max-width: 300px;
						padding: 0px 0 0 ;
					}
		
					
					.initiatives-intro .large-4,
					.initiatives-intro .large-8 {
						width: 100%;
					}
					
					.initiatives-intro .photo-credit.left {
						float: right !important;
					}
										
					
					.homepage-alert .close {
						
						text-align: right;
						
					}
					
					.homepage-alert h2 {
						padding: 0;
						width: 100% !important;
					}
					
					
					.home.about-intro h1 {
						text-align: center;
						font-size: 2.4em;
						
					}
					
					
}


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


					section.main-content {
						padding-top:0px ;
					}
					#menu-mobile {
						display: block;
						text-align: center;
						float: none;
					}
					
					.sidebar article {
						width: 100%;
						float: none;
						padding-right: 0em ;
						padding-left: 0em ;
						
					} 
					
					.main-content .sidebar article h3 {
						margin-bottom: .25em;
					}
					
					#menu-main li,
					#menu-main-edit li {
						width: 100%;
						border-bottom: 2px solid #fff;
						
					}
					.header-wrap .row .columns {
						padding: 0px !important;
					}
					
					#menu-secondary li,
					#menu-secondary-edit li {
						margin-bottom:.5em ;
						display: block;
						
					}
					nav {
						
						padding-bottom: 0em;
					}
					
					.home.news-events article .thumb {
						float: none;
					}
	
	}

@media screen and (min-width:900px) {

	.grid.initiatives .initiative h3 {
		
		padding: 1.1em 4em 1.1em 1.1em;
		
	}
	#menu-main-edit li { 
		display: table-cell;
		width: 20%;
		float: none;
		vertical-align: bottom;
	}
	
	#menu-main-edit li:last-child { 
		display: table-cell;
		width: 15%;
	}
	
	#menu-main-edit li:nth-child(3) { 
		display: table-cell;
		width: 25%;
	}
	
	.logo.new {
		width: 32%;
		padding-top: 1em;
	}
	
	nav.new {
		width: 68%;
	}
	
	#menu-main-edit li a { 
		padding-top: 0px;
	}
	
}

@media screen and (min-width:980px) {
	nav {
		display: block;
	}
	
	.logo.new {
		width: 30%;
	}
	
}

@media screen and (min-width:1025px) {

	.logo {
		left: -40px;
		padding-top: 0px !important;
	}
	
	#menu-main-edit li { 
		display: table-cell;
		width: 20%;
		float: none;
		vertical-align: bottom;
		
	}
	
	
	
	#menu-main-edit li:last-child { 
		display: table-cell;
		width: 15%;
	}
	
	#menu-main-edit li:nth-child(3) { 
		display: table-cell;
		width: 25%;
	}
	
	.logo.new {
		width: 30%;
	}
	
	nav.new {
		width: 66%;
	}
	


}	
	
	

@media screen and (max-width:400px) {
	#menu-mobile {
		display: block;
		text-align: center;
		float: none;
		position: static;
	}
	
	.logo {
		
		padding:  0 5% 0 5%;
	}
}	


/* ----------------------------------------------------------------
--------------------------------JJPL--------------------------------
----------------------------------------------------------------*/


.jjpl.header-wrap {
	background: #fff;
	border-top: 10px solid #1A4153;
	padding: 0 0 1.5em 0 ;
}

.jjpl.header-wrap h1 {
	margin: 1em  ;
	max-width: 290px;
}

.jjpl nav {
	width: auto;
}

.jjpl .navigation {
	text-align: center;
}

#menu-youth-justice-main-menu {
	margin-top: 2em;
	display: none;
}

#menu-youth-justice-main-menu li { 
	text-transform: uppercase;
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;	
}



.see-more-btn {
	 color: #F15E25;
}

.see-more-btn:hover {
	color: #1A4153;
}

#menu-youth-justice-main-menu li a {
	 color: #1A4153;
	 padding: .5em;
	 display: block;
}

#menu-youth-justice-main-menu li a:hover,
#menu-youth-justice-main-menu .current-menu-item a  {
	color: #F15E25;
}


.jjpl .social {
	text-align: center;
	margin-top: 1em;
	display: none;
}

.jjpl .social a {
	font-size: 1.5em;
	color: #1A4153;
	background: #E4EFF4;
	display: inline-block;
	padding: .50em .40em .30em .40em;
	margin-left: 1px;
	line-height: 1.2em;
	
}

.jjpl nav {
	display: block;
	width: 100%;
	border: none;
	float: 	none;
}

#jjpl-menu-mobile  {
	margin: 0 auto;
	text-align: center;
	padding: 1em ;
}


.jjpl section {
	background: none;
	border: none;
}



.jjpl.main-content,
.jjpl-home.main-content {
	background: none;
	border: none;
	padding-top: 0px;
	
}

.jjpl.main-content > .row,
.jjpl-home.main-content > .row {
	padding-top: 0em;
	
}

.jjpl-home h1 {
	padding-top: .5em;
	margin-bottom: .75em;
	
}

.main-content.jjpl h1 {
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 2.2em;
	text-transform: uppercase;
	padding-top: 1em;
	margin-bottom: .75em;
	
}

.main-content.jjpl h2 {
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 2.2em;
	text-transform: none;
	
	margin-bottom: .75em;
}


.highlighted {
	background: #B5C8CD;
	padding: 2em;
	color: #1A4153;
	font-size: .9em;
}


.jjpl .news-post {
	margin-bottom: 3em;
}

.address.jjpl {
	background: #E4EFF4;
	color: #1A4153;
}

.address.jjpl p, 
.address.jjpl h2,
.address.jjpl a {
	color: #1A4153;
	
}

.address.jjpl .ss-icon {
	font-size: 1.5em;
}



.address.jjpl a:hover {
	color: #F15E25;
}

.footer-wrap.jjpl {
	background: #1A4153;
}

.jjpl .statement {
	
}

.jjpl .button {
	text-align: center;
}


.jjpl-home .featured-promos {
	margin-bottom: 0px !important;
} 

.jjpl-home .homepage-alert {
	
}

.jjpl-programs h2,
.values h2 {
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 2.2em;
	text-transform: uppercase;
	border-top: 1px solid #1A4153;
	padding-top: 1em;
	margin-bottom: .75em;

}
.jjpl-programs {
	margin-top: 1.25em;
}

.jjpl-staff {
	margin-top: 2em;
}

.bio {
	
}

.jjpl-staff h3 {
	margin-bottom: .5em;
	color: #ef5f32;
}

.jjpl-staff img {
	float: none;
	margin-bottom: 1em;
}

.grid.promos  {
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding-left:1em ;
	padding-right: 1em;
	
}

.grid.promos .row  {
	padding-left: 1.5em;
	padding-right: 1.5em;
}




.grid.promos  article {
	text-align: left;
	background: #B5C8CD;
	padding:0px 0 1em 0 ;
	margin: 1em auto;
	vertical-align: top;
	
	max-width: 450px;
	display: block;
	
	-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
	        -ms-transition: all .2s ease;
	        -o-transition: all .2s ease;
			transition: all .2s ease;
}




.grid.promos article.promo {
	background: #1A4153;
}



.grid.promos  article img  {
	width: 100%;
}
.grid.promos  h3 {
	color: #1A4153;
	padding: 0em 25px;
	background-size: contain;
	background: no-repeat 90% top;
	margin: 0px;
}

.grid.promos .promo h3 {
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	padding-top: 1.5em ;
	padding-bottom: 1.5em ;
	text-align: center;
	font-size: 1.8em;
	line-height: 1.3em;
}


.grid.promos p {
	padding: 0em 25px;
}

.grid.promos .label {
	font-family: "franklin-gothic-urw-n7","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	margin: 1em 0 .5em 0;
	font-size: .9em;
}

.grid.promos .more {
	margin-top: .25em;
}

.grid.promos .more a {
	color: #fff;
	font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.3em;
	
}


.grid.promos a {
	color: #1A4153;
	
}

.grid.promos .promo a {
	color: #fff;
}

.grid.promos article:hover a {
	color: #fff;
	
}

.grid.promos article:hover  {
	background: #ef5f32;
}


@media only screen and (min-width: 40.063em) { 
		
		.main-content.jjpl h1 {
			
			font-size: 1.8em;
			
			
		}
		
		.main-content.jjpl h2 {
			
			font-size: 1.8em;
			
			
			
		}
		
		
		.jjpl.header-wrap > .row > div {
			
		}
		.jjpl.header-wrap h1 {
			margin: 2em 0px 0;
		}
		
		
		
		#menu-youth-justice-main-menu {
			margin-top: 2em;
			display: block !important;
		}
	
		#menu-youth-justice-main-menu li { 
			display: inline-block;
			border-left: 2px solid #1A4153;
			padding-top: 0px;
			padding-bottom: 0px;
			line-height: 1em;
			float: none;
		}
		
		
		
		
		
		#menu-youth-justice-main-menu li a {
			 padding: 0 1em;
		}
		
		
		
		
		#menu-youth-justice-main-menu li:first-child a {
			 padding-left: 0px;
		}
		
		#menu-youth-justice-main-menu li:first-child {
			border-left: none; }
		
		
		.jjpl .social {
			text-align: right;
			display: block !important;
			margin-top: 0px;
		}
		
		#jjpl-menu-mobile {
			display: none;
			
		}	
		
		.fit {
			padding-left: 2.5em !important;
			padding-right: 2.5em !important;
		}
		
		.grid.promos  article {
			
			display: table-cell;
			width: 33%;
			vertical-align: top;
			float: none;
			border-right: 5px solid #fff;
			border-left: 5px  solid #fff;
			
		}
		
		
		.grid.promos .thumb {
			height: 150px;
			overflow: hidden;
		}
		
		.jjpl-staff img {
			float: left;
		}
		
		.sidebar.large-offset-1 {
			margin-left: 0px !important;
			
		}
	
}

@media screen and (min-width: 50.063em) {
	.sidebar.large-offset-1 {
			width: 41%;
		}
}

@media screen and (min-width: 60.063em) {
	.sidebar.large-offset-1 {
			margin-left: 8.33333%	 !important;

			width: 33.33333%;
		}
}

@media screen and (min-width: 64.063em) {
		.jjpl .statement {
			
		}
		
		.jjpl .navigation {
			text-align: right;
			
			
		}
		
		.jjpl-home .home.about-intro h1 {
			font-size: 3.2em;
			padding-left: .75em;
			padding-right: .75em;
		}
		
		
		.grid.promos .thumb {
			height: 300px;
			overflow: hidden;
		}
		
		.grid.promos  article:first-child {
		
		}
		
		.grid.promos  article:last-child {
				
		}

		.jjpl .navigation.columns {
			text-align: right;
			float: right !important;
		}
		
		.jjpl nav {
			float: none;}
			
		.grid.promos .thumb {
			height: 200px;
			overflow: hidden;
		}
		
		.fit {
			padding-left: 2em !important;
			padding-right: 2em !important;
		}
		
		.grid.promos {
			padding-left: .7em !important;
			padding-right: .7em !important;
		}
		
		.person.new:nth-child(odd) {
			clear: none;
		}
		
		.person:nth-child(3n+1){
			clear: left !important;
		}
		
		
		
		

}