/*
	Theme Name: LeadingAge New Jersey
	Theme URI: http://www.leadingagenj.org
	Description: Custom responsive theme for leadingagenj.org
	Version: 1.0
	Author: PING
	Author URI: http://www.pingsite.com
	Tags: HTML5, CSS3
	License: n/a
*/

/*
	Colors

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html { font-size: medium; }

body {
	font-family: 'Ubuntu', sans-serif;	
	font-weight: normal;
	line-height: 1.4;
	color: #4d4e52;
	background: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Fira Sans', sans-serif;
	line-height: 1.3;
	margin: 1.5em 0 0.2em;
	color: #4d4e52;
}

h1 { color: #4d4e52; font-size: 180%; margin: 0.8em 0 0; }
h2 { color: #769b3b; font-size: 105%; margin-bottom: -0.6em; }

img {
	max-width:100%;
	vertical-align:bottom;
}

a {
	color: #2A8CA3;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
a:focus { outline:0; }
a:hover,
a:active { outline:0; }

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after { clear: both; }
.clear { *zoom: 1; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

header {
	background: #739e32 url('/wp-content/themes/lanj/img/logo-bg.png') center top/auto 100% no-repeat;
}

header .logo img { padding: 10px 0 20px 20px; }

header .tagline {
	text-align: right;
}

header .tagline ul {
	list-style: none;
	padding: 0;
}

header .tagline ul li {
	float: right;
	margin: 0 0 0 20px;
}

header .tagline ul li a {
	color: #c1e989;
	font-size: 90%;
	text-transform: uppercase;
}

header .tagline form input {
	width: 130px;
	border: none;
	font-size: 90%;
	padding: 2px 6px;
	line-height: 1.3;
}

header .tagline form button {
	padding: 12px;
	background:  url('/wp-content/themes/lanj/img/icon-search.png') center top/60% no-repeat;
	border: none;
}

header .tagline .header-buttons {
	clear: right;
}

header .tagline .header-buttons a {
	color: #ffffff !important;
}

header .tagline .header-buttons li {
	display: inline;

	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;

	margin-top: 10px;
	padding: 8px 10px;
}

.banner {
	background: linear-gradient(#f5f0b5, #fff);
}


/*
.banner .grid {
	height: 500px;
	background: url('/wp-content/uploads/slide_serving_nj_seniors.jpg') center top/cover no-repeat;	
}
*/


.intro .whole p {
	font-family: 'Average', serif;
	font-size: 180%;
	line-height: 1.3;
}

body.home h3 { margin-top: 0.2em; }

.news .grid .unit .top-border,
.partners .grid .unit .top-border {
	border-top: solid 10px #b9b9b9;
	padding-bottom: 30px;
}

.featured .grid .unit .top-border {
	border-top: solid 10px #728f3d;
	padding-bottom: 30px;
}

.partners .business p { text-align: center; }

.partners .business img {
	margin: 0 30px;
}

.event-box {
	float: left;
	width: 49%;
	margin: 20px 0 0;
}

.event-meta {
	float: left;
	width: 80px;
	font-size: 140%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 15px;
	margin: 0 20px 20px 0;
	background: #ccc;
}

.event-title {
	margin: 0 15% 0 0;
}
	

body.home h3 { font-size: 180%; }

ul.breadcrumbs { margin: 0; padding: 0; }

ul.breadcrumbs li {
	display: inline;
	list-style: none;
	color: #004a88;
	font-family: 'Arial', sans-serif;
	font-size: 90%;
	font-weight: 600;
	margin-right: 10px;
}

ul.breadcrumbs li:last-child { color: #666; }

ul.breadcrumbs li strong { font-weight: 600; }

ul.breadcrumbs li a {
	color: #004a88;
}

.content .grid .sidebar-photo {
	float: left;
	width: 33.3332%;
}

.content .grid .sidebar-photo img.wp-post-image {
	width: 100%;
	margin: 0;
}

.content { padding-bottom: 0; }

.content article p.meta {
	color: #555;
	font-size: 90%;
	margin: 0;
}

.content .grid { overflow: hidden; }

.content .grid article,
.content .grid .sidebar {
    padding-bottom: 99999px;
    margin-bottom: -99999px;
}

.content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	max-width: 700px;
}

.content .video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content .grid .sidebar {
	background: #f5f1b4;
}

.content .sidebar h4 {
	color: #769b3b;
	font-size: 140%;
	margin-top: 1.0em;
	padding-left: 10px;
}

.partners .national p.leading-age,
.content .sidebar p.leading-age {
	font-size: 90%;
	padding-top: 55px;
	background: url('/wp-content/themes/lanj/img/logo-la.gif') left top/auto auto no-repeat;
}
.content .sidebar p.leading-age { margin-top: 40px; }

.partners .national p.value-first,
.content .sidebar p.value-first {
	min-height: 55px;
	font-size: 90%;
	padding-left: 120px;
	margin: 2em 0;
	background: url('/wp-content/themes/lanj/img/logo-value1st.gif') left top/auto auto no-repeat;
}

.content .sidebar ul {
	display: table;
	margin: 0 0 0 20px;
	padding: 0;
}

.content .sidebar li {
	display: table-row;
    padding-left: 0;
}

.content .sidebar li:before {
    content: '\25CF';
	font-family: 'Fira Sans', sans-serif;
/*	display: table-cell; */
    padding-right: 8px;
}

.content .sidebar li li:before { content: '>'; }


.content .sidebar li a {
	font-family: 'Fira Sans', sans-serif;
	color: #4d4e52;
	line-height: 1.7;
}

body.regulatory_updates .content .sidebar li.page-item-184>a,
body.housing_happenings .content .sidebar li.page-item-186>a,
body.pres_desk .content .sidebar li.page-item-188>a,
body.news_trenton .content .sidebar li.page-item-197>a,
body.advocacy_action .content .sidebar li.page-item-199>a,
body.careers .content .sidebar li.page-item-213>a,
.content .sidebar li.current_page_ancestor>a, .content .sidebar li.current_page_parent>a, .content .sidebar li.current_page_item>a {
	color: #29637b;
	font-weight: 600;
}

body.regulatory_updates .content .sidebar li.page-item-184>a,
body.housing_happenings .content .sidebar li.page-item-186>a,
body.pres_desk .content .sidebar li.page-item-188>a,
body.news_trenton .content .sidebar li.page-item-197>a,
body.advocacy_action .content .sidebar li.page-item-199>a,
body.careers .content .sidebar li.page-item-213>a,
.content .sidebar li.current_page_ancestor:before, .content .sidebar li.current_page_parent:before, .content .sidebar li.current_page_item:before {
	color: #29637b;
}


body.search .content article h1 { display: none; }

body.search .content article input {
	width: 50%;
	padding: 6px 12px;
	margin-top: 30px;
}

body.search .content article button {	padding: 6px 12px; }

.content p.mu-select { font-size: 80%; margin: 0; }

body.search-results article h2 { margin-bottom: -0.8em; }

.content input.provider-submit,
.content input.member-submit { padding: 6px 12px; margin-top: 10px; }

/* body.single-members .wp-post-image { margin-top: 30px; margin-bottom: -10px; } */


footer {
	background: #b8b8b8;
	padding-bottom: 60px;
}

footer p, footer a {
	color: #525252;
	font-size: 90%;
}

footer .three-quarters ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

footer .three-quarters li {
	display: inline;
	margin: 0 15px 0 0;
}

footer .three-quarters li a {
}

footer .three-quarters ul.social { margin: 0 0 20px; }

footer .three-quarters ul.social li a {
	display: inline-block;
	width: 24px;
	height: 24px;
}

footer .three-quarters li.facebook a { background: url('/wp-content/themes/lanj/img/icon-facebook.png') center center/contain no-repeat; }
footer .three-quarters li.twitter a { background: url('/wp-content/themes/lanj/img/icon-twitter.png') center center/contain no-repeat; }
footer .three-quarters li.linkedin a { background: url('/wp-content/themes/lanj/img/icon-linkedin.png') center center/contain no-repeat; }


footer .one-quarter { text-align: right; }

footer .one-quarter img { margin: 15px 0 0; }


.image-preload {
	width: 0;
	height: 0;
	background-image: url('/wp-content/themes/greener/img/icon-home-over.png'), url('/wp-content/themes/greener/img/icon-contact-over.png'), url('/wp-content/themes/greener/img/icon-search-over.png'), url('/wp-content/themes/greener/img/icon-greener-over.png'), url('/wp-content/themes/greener/img/icon-p3-over.png'), url('/wp-content/themes/greener/img/icon-prod-over.png'), url('/wp-content/themes/greener/img/icon-kc-over.png'), url('/wp-content/themes/greener/img/icon-linkedin-over.png'), url('/wp-content/themes/greener/img/icon-twitter-over.png'); }


/* Form styles */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
    opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #999;
    opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #999;
    opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
    color: #999;
    opacity: 1;
}

div.wpcf7 {
	padding: 10px 0;
}

form.wpcf7-form button,
form.wpcf7-form input,
form.wpcf7-form select,
form.wpcf7-form textarea {
	width: 70%;
	padding: 6px 12px;
}

form.wpcf7-form input.wpcf7-submit {
	width: 20%;
}

form.wpcf7-form  .wpcf7-not-valid-tip { color: red; text-transform: none; }

form.wpcf7-form .wpcf7-response-output { color: red; }


/* Main nav styles */

.navigation {
	position: relative;
	z-index: 1000;
	background: #71933d;
}

.navigation .grid .unit.whole {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: -12px;
}

.navigation nav {
	float: none;
	text-align: left;
	padding: 0;
	margin: 0;
}

.navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;
	z-index: 200;
	display: flex;
	justify-content: center;	
}

.navigation ul li {
	display: block;
	position: relative;
	float: left;
	background: none;
}

.navigation ul li.menu-item-59,
.navigation ul li.menu-item-60 { display: none; }

.navigation li ul { display: none; }

.navigation ul li a {
	display: block;
	padding: 1.2em;
	text-decoration: none;
	white-space: nowrap;
	color: #fcffff;
	font-family: 'Fira Sans', sans-serif;
	font-size: 110%;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.navigation nav>ul>li>a {
	margin: 0 4.6em 0 0;
	padding: 1.1em 0 0.4em;
}
.navigation nav>ul>li.menu-item-has-children>a {
	margin-bottom: 0;
}


.navigation ul ul {
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 1);
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 250;
}

.navigation ul ul li {
	border-top: solid 1px #9ABD5D;
	background: #739e32;
}

.navigation ul ul a {
	padding: 0.4em 1em 0.4em;
}

.navigation ul ul li.menu-item-has-children > a::after {
    content: '\f139';
    position: absolute;
	top: 7px;
	right: 2px;
	display: inline-block;
	font-family: dashicons;
}
.navigation ul #menu-item-242  ul li.menu-item-has-children > a::after,
.navigation ul #menu-item-249  ul li.menu-item-has-children > a::after {
    content: '\f141';
	left: 1px;
}

.navigation nav>ul>li>ul>li { margin-left: -1.1em; }

/*.navigation .current_page_item */
.navigation ul li:hover {
	background: #71933d;
}

.navigation ul ul ul li:hover { background: #71933d; }


.navigation .current_page_item > a,
.navigation ul li a:hover {
	color: #fff;
}

/*.navigation nav>ul>li.current_page_item */
.navigation nav>ul>li:hover {
	background: none;
	margin-bottom: 0;
/*	border-bottom: solid 4px #555; */
}

.navigation ul li.menu-item-has-children a:hover {
	border-bottom: none;
}

.navigation li:hover > ul {
  display: block;
  position: absolute;
}

.navigation li:hover li { float: none; }

.navigation li:hover a { background: #none; }

.navigation li:hover li a:hover { background: #none; }

.navigation ul ul ul {
  left: 100%;
  top: 0;
  z-index: 300;
}
.navigation ul #menu-item-242 ul ul { left: -160%; }
.navigation ul #menu-item-249 ul ul { left: -100%; }
.navigation ul #menu-item-249 ul ul ul { left: -38.5%; }

.navigation ul:before,
.navigation ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.navigation ul:after { clear: both; }

.navigation nav .current_page_item > a,
.navigation nav a:hover {
	text-decoration: none;
}

.navigation ul:after { clear: both; }

.navigation ul #menu-item-1854 { display: none; }


/* Sidebar nav styles */


/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

@media screen and (max-width:1000px) {
	.event-box { width: 100%; }
}

@media only screen and (max-width:800px) {
	.navigation nav>ul>li>a { margin: 0 2.0em 0 0; }

@media only screen and (max-width:767px) {
	.navigation { display: none; }
	
	header .logo { text-align: center; }
	header .tagline {	text-align: center; }
	
	header .tagline ul.headerTopLinks { margin-top: 0; }
	
	header .tagline ul.headerTopLinks li {
		float: none;
		display: inline;
		margin: 0 0 10px 0;
		font-size: 80%;
	}
	header .tagline ul.headerTopLinks li.home { display: none; }
	
	header .tagline form { display: inline; }
	header .tagline form input {
		width: 90px;
		padding: 2px;
	}

	header .tagline .header-buttons ul li {
		float: none;
		margin: 10px 5px;
		padding: 5px 8px 6px;
	}
	
	header .tagline .header-buttons ul li a { margin: 0; font-size: 75%; }
	
	footer .one-quarter { text-align: left; }
	
	.content .grid .sidebar-photo { width: 100%; }
	
	.partners .business img { margin: 10px 0; }
	
	footer .two-thirds { text-align: left; }
	footer .two-thirds ul, footer .two-thirds ul.social { margin: 0 0 18px 36px; }
	footer .two-thirds ul.social li { display: inline; margin-right: 15px; }
	footer .two-thirds li { display: block; margin: 0 0 18px; }
	footer .two-thirds li a { font-size: 90%; }
	
	form.wpcf7-form button,
	form.wpcf7-form input,
	form.wpcf7-form select,
	form.wpcf7-form textarea,
	form.wpcf7-form input.wpcf7-submit { width: 100%; }

	#responsive-menu { height: auto !important; }
	#responsive-menu #responsiveSearch #responsiveSearchInput { display: none !important; }
}

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

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

@media only screen and (min-width:1024px) { }

@media only screen and (min-width:1280px) { }

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) { }

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
