/*
Theme Name: GridStack-Child
Theme URI: http://themewich.com
Description: GridStack is unique and modern portfolio theme for agencies, artists and freelancers.   
Author: Masterminds
Author URI: http://www.themewich.com
Template: gridstack                            
Version: 1.0.0
*/

@import url("../gridstack/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
p a, a, .subtitle a, .title a, blockquote, blockquote p, .tabswrap .tabpost a:hover, .articleinner h2 a:hover, span.date a:hover, .highlight, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .post h2.title a:hover, #wp-calendar tbody td a, .author p a:hover, .date p a:hover, .widget a:hover, .widget.ag_twitter_widget span a, .dark h1 a:hover, .dark h2 a:hover, .dark h3 a:hover, .dark h3 a:hover, .dark h4 a:hover, .dark h5 a:hover, a:hover, .dark a:hover, .blogpost h2 a:hover, .blogpost .smalldetails a:hover, a.comment-reply-link:hover .icon-reply{
	color: #749420 !important;
}
.postphoto a.postlink:hover div.overlay{
	opacity: 0;
}
p{
	color: #636161;
}

/* Display None
-------------------------------------------------------------- */
.postid-738 .post .date,
.page-template-template-home-php .pagetitle,
div.filtercontainer,
.controls,
.blog .category-homepage-post{ 
	display: none;
}

/*==========  Header Container - logo - partner logos  ==========*/
#sitecontainer{
	padding-top: 126px !important;
}
.page-child #sitecontainer{
	padding-top: 140px !important;
}
.top-nav{
	min-height: 140px;
	height: 140px;
}
.top-nav .container.verticalcenter{
	width: 100%;
}
.verticalcenter,
.verticalcenter .cell.verticalcenter{
	display: block;
}
.verticalcenter .cell.verticalcenter{
	float: left;
	height: 140px !important;
}
.verticalcenter .cell.verticalcenter.menucell{
	float: right;
}
#menu-main-menu{
	margin-top: 50px;
}
.sf-menu{
	float: right;
	margin-right: 10px;
}
.sf-menu a{
	color: #7b7c7b !important;
}
.sf-menu a:hover{
	color: #78a22f !important;
}
#logo{ 
	margin-left: 35px;
	padding-top: 10px;
}
.container .thirteen.columns{
	width: 100%;
}
#logo h1,
#logo h2{
	float: left;
}
#logo .partner-logos{
	position: relative;
	float: left;
}
#logo .partner-logos a{
	margin-left: 5px;
	float: left;	
}
#logo a.partner-ppr{
	margin-top: 50px;
}
#logo a.partner-fpc{
	margin-top: 48px;
}
#logo a.partner-wf{
	margin-top: 50px;
}
/*==========  Homepage Grid Layout  ==========*/
.home #postcontainer{
	margin-bottom: 0px;
}
.postphoto div.title,
.noimages .postphoto div.title{
	position: absolute;
	width: 100%;
	text-align: center;
	display: table;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0 !important;
}
a.postlink .title h2{
	opacity: 1;
}
.postphoto div.title h2 {
	margin: 10px auto;
	text-align: left;
	display: block; 
	vertical-align: middle; 
	padding: 0;
	height: auto !important;
	color: #fff;
	font-size: 15px;
	line-height: 1em;
}
.post-931.slim .postphoto div.title h2{
	margin-top: 30px;
}
.slim .postphoto div.title h2{
	line-height: 1.4em;
	font-size: 18px;
	width: 95%;
	letter-spacing: 0.07em;
	margin-top: 35px;
	text-align: center;
	font-weight: bold;
}
.postphoto div.title p{
	width: 90%;
	padding: 0 5%;
	text-align: center;
	font-size: 15px;
	line-height: 1.5em;
	color: #fff;
	margin: 0 auto;
}
a.postlink:hover img {
  -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
  -moz-transform:scale(1.1); /*Mozilla scale version*/
  -o-transform:scale(1.1); /*Opera scale version*/
  -ms-transform: scale(1.1); /*MS scale version*/
  /* Firefox 10+, Firefox on Android - too buggy */
  /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); */
  filter: none; /* IE6-9 */
  filter:  none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
}
.home p strong{
	color: fff;
}
.home p strong:hover{
	text-decoration: underline;
}
.isotopeliquid{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/*==========  Headings  ==========*/
.pagetitle .subtitle{
	font-size: 28px;
}
#gallery-2 .gallery-caption{
	width: 960px;
	display: block;
	margin: 0 auto;
	margin-top: -127px;
	margin-left: auto !important;
	padding-bottom: 90px;
}
.container .twelve.columns{
	width:100% !important;
}
.page-id-803 .container .twelve.columns{
	width: 700px !important;
}
.single-slideshow .gallery-caption{
	position: relative;
}
.wp-caption-text, .gallery-caption{
	font-family: "Raleway", arial, sans-serif;
	font-weight: 200 !important;
	text-transform: none !important;
	font-size: 56px;
	display: block;
}
#attachment_1529.wp-caption.alignleft{
	margin: 5px 30px 10px 0;
	background: none;
}
.page-id-814 .wp-caption-text{
	font-size: 11px;
	letter-spacing: 0px;
	padding: 0px 10px;
	background: none;
}
.wp-caption.alignleft .wp-caption-text{
	background: none;
}
.single-slideshow .gallery-caption span{
	background: none;
	box-shadow: none;
	padding: 0;
	line-height: 0px;
}
.pagetitle{
	padding: 50px 0 0 0;
	margin-bottom: 20px;
	min-height: 200px;
}
.page-id-805 .pagetitle,
.page-id-789 .pagetitle {
	padding: 0px 0 0 0;
	margin-bottom: 20px;
	min-height: 130px;
}
.category-blog .pagetitle .title,
.category-stories .pagetitle .title{
	color: #000;
}
.pagetitle .title,
.pagetitle .subtitle{
	color: #fff;
}
.background-is-transparent.pagetitle .title{
	color: #2d2d2d;
}
.background-is-transparent.pagetitle .subtitle{
	color: #848282;
	font-size: 28px;
}
.page-id-2272 .pagetitle.background-not-transparent{
	margin-bottom: 0px;
}
.page-id-818 .pagetitle,
.page-id-824 .pagetitle{
	padding: 25px 0 0 0;
	margin-bottom: 0px !important;
	min-height: 150px !important;
}
.pagetitle .title{
	margin: 0;
	margin-bottom: 20px;
	margin-top: 50px;
}
.page-id-797 .pagetitle .title,
.page-id-803 .pagetitle .title,
.page-id-814 .pagetitle .title,
.page-id-818 .pagetitle .title,
.page-id-824 .pagetitle .title{
	margin-top: 25px;
}
.pagetitle .subtitle{
	font-size: 22px;
	letter-spacing: 0.03em;
}
.singlecontent h3{
	font-size: 18px;
	line-height: 1.3em;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 40px;
}
.page-id-1626 .singlecontent h3{
	margin-top: 0;
}
.page-id-1626 .tw-full-width{
	margin-bottom: 30px;
}
p{
	color: #848282;
}
p.nub{
	line-height: 0;
	font-size: 22px;
	color: #848282;
}
.page-id-801 ol {
	font-weight: bold !important;
	color: #000;
}
.page-id-801 ol li p{
	font-weight: normal !important;
	line-height: 2em;
}
.underline{
	text-decoration: underline;
}
.indent{
	padding-left: 70px;
}
.single-post .wp-caption-text{
	font-size: 14px;
}
/*==========  Buttons  ==========*/
#sitecontainer .tw-button.custom:hover,
#sitecontainer a.tw-button.custom:hover{
	background: #482a0d !important;
}
.btn-right a.tw-button.shortcode{
	float: right;
	clear: both;
}
.btn-left a.tw-button.shortcode{
	float: left;
	clear: both;
}
.programs{
	clear: both;
	padding-bottom: 80px;
	float: left;
	width: 100%;
}
a.more-link{
	background: #7b7c7b;
	background-color: #7b7c7b;
	padding: 10px 8px;
	color: #fff !important;
}
.categories a{
	color: #fff !important;
}
a.button.large,
a.tw-button.large,
.page-id-824 .salesforce_w2l_lead .w2linput.submit,
.page-id-818 .salesforce_w2l_lead .w2linput.submit,
.wpcf7-form-control.wpcf7-submit{
	padding: 24px 0px !important;
	color: #fff !important;
	min-width: 260px !important;
	text-align: center;
	line-height: 1.3em;
}
.page-id-818 .salesforce_w2l_lead .w2linput.submit,
.page-id-824 .salesforce_w2l_lead .w2linput.submit,
.wpcf7-form-control.wpcf7-submit{
	padding: 15px 0px !important;
	background: #9ab9b9;
	font-size: 17px;
	box-shadow: none;
	border: none;
}
.page-id-818 .salesforce_w2l_lead .w2linput.submit{
	background:#e68f40;
}
.page-id-818 .salesforce_w2l_lead .w2linput.submit:hover{
	background: #482a0d;
}
.page-id-818 .salesforce_w2l_lead .w2linput.text,
.page-id-818 .salesforce_w2l_lead .w2linput.textarea, 
.page-id-824 .salesforce_w2l_lead .w2linput.textarea,
.page-id-824 .salesforce_w2l_lead .w2linput.text,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-text{
	background: #fff;
	border: 1px solid #e7e7e7;
	padding: 10px 8px;
	width: 100%;
}
.page-id-818 .salesforce_w2l_lead .w2linput.text{
	width: 50% !important;
}
#sf_form_salesforce_w2l_lead_2 .w2linput.text{
	background: #dcddde;
}
/*.page-id-789 a.tw-button.large,
.page-id-799 a.tw-button.large,
.page-id-801 a.tw-button.large,
.page-id-803 a.tw-button.large,
.page-id-814 a.tw-button.large{
	padding: 10px 0px !important;
}*/
.page-id-799 a.tw-button.large,
.page-id-801 a.tw-button.large,
.page-id-803 a.tw-button.large{
	margin-right: 10px;
}
/* Social Media Buttons for Conctact Page */
.social-media{
	display: block;
	position: relative;
	width: 100%;
}
.social-media a{
	background: url(../gridstack/images/social-stream-sprite.png) no-repeat;
	height: 41px;
	width: 41px;
	position: relative;
	float: left;
	text-indent: -9999px;
	margin-left: 10px;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: all 0 ease-in;
    transition: none;
}
.social-media a:first-child{
	margin-left: 0px;
}
.social-media a.fb{
	background-position: 0 0;
}
.social-media a.tw{
	background-position: -41px 0 ;
}
.social-media a.ig{
	background-position: -82px 0;
}
.social-media a.fckr{
	background-position: -123px 0;
}

.social-media a.fb:hover{
	background-position: 0 -41px;
}
.social-media a.tw:hover{
	background-position: -41px -41px;
}
.social-media a.ig:hover{
	background-position: -82px -41px;
}
.social-media a.fckr:hover{
	background-position: -123px -41px;
}

/*==========  Images - That use full width gallery  ==========*/
.gallery-wrap{
	margin: 0px 0 55px 0;
}
/*========== BLOG ===============*/
.datesection p:last-child{
	display: none;
}
/*==========  Footer  ==========*/
.dark{
	background: #534741;
}
.dark .widget .widget-title{
	border-bottom:4px solid #fff;
}
.widget .widget-title{
	padding-bottom: 3px;
}
.widget h3.widget-title{
	font-size: 17px;
	font-weight: 200;
}
#footer > p,
#footer > h3,
#footer > p a{
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}
#footer p{
	font-size: 15px;
	font-weight: 200;
	margin-bottom: 10px;
	line-height: 1.7em;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}
.dark input[type=text],
.dark textarea {
	background: #fff;
	color: #dcdcdc;
	border-color: #cccccc;
	-moz-box-shadow:    inset 0 0 6px #e8e6e6;
   -webkit-box-shadow: inset 0 0 6px #e8e6e6;
   box-shadow:         inset 0 0 6px #e8e6e6;
}
.salesforce_w2l_lead .w2linput.text{
	width: 90% !important;
}
.salesforce_w2l_lead .top-aligned .w2llabel{
	display: none !important;
}
#footer input[type='submit']{
	padding: 9px 22px;
	color: #e8e6e6;
	border: 1px solid #e8e6e6;
	background: none;	
}
#footer input[type='submit']:hover{
	border: 1px solid #e8e6e6;
	background: #e8e6e6;
	color: #534741;
}
input[type='submit']:hover{
	background: #000;
}
#footer .social{
	margin-top: 10px;
}
#footer .social a{
	margin-left: 5px;
}
#footer .social a:first-child{
	margin-left: 0px;
}
#footer p.small{
	font-size: 10px;
}
/* PhillyTreeTreck Page */
.page-id-2272 #postcontainer{
	background:#709120;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-bottom: 0px;
}
.page-id-2272 h3{
	text-transform: uppercase;
	color: #ffffff;
}
.page-id-2272 p,
.page-id-2272 a.link,
.page-id-2272 p a.link,
.page-id-2272 li{
	color:#ffffff !important;
}
.page-id-2272 a.link,
.page-id-2272 p a.link{
	text-decoration: underline;
}
.page-id-2272 li{
	margin-bottom: 0px;
}

#sitecontainer {
    overflow: visible;
}
/* Mobile Starts here */
@media only screen and (max-width: 767px){
	.verticalcenter .cell.verticalcenter{
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.verticalcenter .cell.menucell{
		display: none;
	}
	#logo{
		margin-left: 0px;
		text-align: center;
	}
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.verticalcenter .cell.verticalcenter{
		float: none;
		width: 100%;
		text-align: center;
		height: 105px !important;
	}
	.verticalcenter .cell.verticalcenter.menucell{
		float: none;
	}
	#menu-main-menu{
		margin: 0 auto;
		display: inline-block;
	}
	.sf-menu{
		float: none;
	}
	#logo .partner-logos {
	  position: relative;
	  float: left;
	  margin: 45px 0 0 10px;
	}
	#logo{
		margin: 0 auto;
		position: relative;
		display: inline-block;
	}
	#logo .partner-logos a{
		margin-left: 10px;
		float: left;	
	}
	#logo .partner-logos a:first-child{
		margin-left: 0px;
	}
	#logo a.partner-ppr{
		margin-top: 8px;
	}
	#logo a.partner-fpc{
		margin-top: 6px;
	}
	#logo a.partner-wf{
		margin-top: 9px;
	}
	.top-nav{
		height: 165px;
	}
	.sf-menu li{
		margin-left: 5px;
	}
	#sitecontainer{
		padding-top: 150px !important;
	}
	.slim .postphoto div.title h2{
		line-height: 1.3em;
	}
	.home .postphoto div.title p{
		line-height: 1.2em;
	}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.verticalcenter .cell.verticalcenter,
	.verticalcenter .cell.menucell{
		width: 100% !important;
		height: 98px !important;
	}
	.verticalcenter .cell.menucell{
		height: 40px !important;
		text-align: center;
	}
	#logo{
		margin: 10px auto;
		display: inline-block;
		position: relative;
		text-align: center;
		margin-left: 0;
		padding-top: 0;
	}
	#logo h1,
	#logo h2,
	#logo .partner-logos{
		display: inline-block;
		float: none;
	}
	.top-nav{
		height: 150px;
	}
	#sitecontainer{
		padding-top: 136px !important;
	}
	#menu-main-menu{
		margin-top: 0px;
	}
	.sf-menu{
		float: none;
		margin: 50px auto 0px auto;
		display: inline-block;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	#logo{
		margin: 0 auto !important;
		text-align: center;
	}
	#logo h1, #logo h2{
		float: none;
	}
	#logo h1 a,
	#logo h2 a{
		display: inline-block;
	}
	#logo .partner-logos{
		float: none;
	}
	#logo .partner-logos a{
		margin-left: 0px;
		float: none;
		display: inline-block;	
	}
	#logo .partner-logos a:first-child{
		margin-left: 0px;
	}
	#logo a.partner-ppr{
		margin-top: 8px;
	}
	#logo a.partner-fpc{
		margin-top: 6px;
	}
	#logo a.partner-wf{
		margin-top: 9px;
	}
	.top-nav{
		height: 180px;
	}
	#sitecontainer{
		padding-top: 0px !important;
	}
	.post-931.slim .postphoto div.title h2,
	.slim .postphoto div.title h2{
		margin-top: 15px;
		padding: 0px;
	}
}
/* Desktops and laptops ----------- */
@media only screen and (max-width : 1290px) {
	/* Styles */
   	.verticalcenter .cell.verticalcenter,
	.verticalcenter .cell.menucell{
		width: 100% !important;
		height: 98px !important;
	}
	.verticalcenter .cell.menucell{
		height: 40px !important;
		text-align: center;
	}
	#logo{
		margin: 10px auto;
		display: block;
		position: relative;
		text-align: center;
		margin-left: 0;
		padding-top: 0;
	}
	#logo h1,
	#logo h2,
	#logo .partner-logos{
		display: inline-block;
		float: none;
	}
	#menu-main-menu{
		margin-top: 0px;
	}
	.sf-menu{
		float: none;
		margin: 50px auto 0px auto;
		display: inline-block;
	}
	.postphoto div.title p{
		display:none;
	}
}
/* This is to take into consideration of the new iphone 5 , 6, and 6+ screens */

@media only screen and (max-width: 415px)  {
	.postphoto div.title p{
		display: none !important;
	}
}