/* ==>  Text ---------------------------------------------------------------------------------------- */
div[class^=gutters] { 
	padding-left: 1%; 
	padding-right: 1%; 
}

/* ==>  Framework Header ---------------------------------------------------------------------------------------- */
@media only screen and (max-width : 700px) {
	#FixedTab,
	#FixedTab a { display: none; }
}
@media only screen and (max-width : 730px) {
	div#NavWrap.top-anchor #StickySearch { display: none; }
}
@media screen and (max-width: 600px) {
	#wpadminbar { position: fixed !important; }
}
@media only screen and (max-width : 530px) {
	#NavWrap #StickySearch { display: none; }
	div#mSearch { display: block; }
	nav { padding: 4% 0 0; }
}
@media screen and (max-width: 500px) {
	#wpadminbar { position: absolute !important; }
}

/* ==>  Framework Body ---------------------------------------------------------------------------------------- */
#content .section {
	padding-left: 2%; 
	padding-right: 2%;
}
/* ==>  Framework Footer ---------------------------------------------------------------------------------------- */
footer ul.cols li.column { width: 46%; }
footer ul.cols li.third { 
	width: 100%;
	clear: both; 
}
footer li.third ul.links li { 
	width: 46%;
	padding: 0 2%; 
}

/* ==>  Common page / index ---------------------------------------------------------------------------------------- */
#Home div.sidebar-main,
#Home div.sidebar {
	width: 100%;
	padding: 0;
	float: left;
}
#Home div.sidebar-main { padding-bottom: 25px; }
ul.targets-cols { padding: 0; }
#Home #PrimaryCols ul.targets-cols li,
ul.targets-cols li { 
	width: 46%; 
	padding: 25px 2% 0;
}
#PrimaryCols ul.targets-cols li { 
	width: 46%;
	padding: 30px 0 0; 
}
ul.targets-cols li.third { clear: both; }
ul.targets-cols img.callout {
	max-width: 100%;
	height: auto !important;
	margin: 0 auto;
}
ul.targets-cols img.default {
	padding: 30px 0;
	margin: 0 auto;
}
@media only screen and (min-width : 751px) {
	div.related ul.targets-cols li { width: 50%; }
}
@media only screen and (max-width : 750px) {
	div.related ul.targets-cols li { width: 25%; }
	div.related ul.targets-cols li.third { clear: none; }
}
@media only screen and (max-width : 600px) {
	div.related ul.targets-cols li { width: 50%; }
	div.related ul.targets-cols li.third { clear: both; }
}
.paging-bar { padding-bottom: 7px; }
.paging-bar > div.count, .paging-bar > div.paging { 
	width: 100%;
	padding: 7px 0 0;
	text-align: center;
}
.parallax-band .logos { display: none; }
@media only screen and (max-width : 750px) {
	#PreFooter #RecentPosts { width: 96%; }
	#PreFooter #PostCats,
	#PreFooter #CTA { 
		width: 46%; 
		padding-top: 30px;
	}
	div.sidebar-main,
	div.sidebar {
		width: 100%;
		padding: 0;
		float: left;
	}
	div.sidebar-main-blog,
	div.sidebar-blog { width: 100%; }
}
@media only screen and (max-width : 700px) {
	div.left-half,
	div.right-half { 
		width: 96%;
		padding: 20px 2% 0; 
	}
	#TopicBands div.topic-wrap:nth-child(even) .blurb,
	div.topic-wrap .blurb { width: 100%; }
	div.topic-wrap .img-wrap p { display: none; }
	/*div.topic-wrap .img-wrap { display: none; }*/
	div.topic-wrap { overflow: hidden; }
	div.topic-wrap { min-height: 0; }
}
@media only screen and (max-width : 700px) {
	ul[class~="three"] li { 
		width: 90%; 
		padding: 10px 5%;
	}
}
@media only screen and (max-width : 550px) {
	.paging-bar .set-nav { display: none !important; }
}

/* ==>  Forms ---------------------------------------------------------------------------------------- */
@media only screen and (max-width : 650px) {
	#MailingList fieldset {
		width: 96%; 
		max-width: 96%;
	}
}
@media only screen and (max-width : 600px) {
	fieldset { float: none; }
	.field textarea { 
		width: auto;
		min-width: 90%;
		max-width: 90%; 
	}
	.form-wrapper { 
		width: 100%; 
		border: none;
		background: none;
	}
	div[class^=form-row] { padding: 0 0 20px; }
	div[class^=form-row] > label {
		width: auto;
		padding: 10px 20px 0 5px;
		text-align: left;
		float: none;
	}
	div[class^=form-row] div.field { 
		width: 90%;
		float: none; 
	}
	#recaptcha_area { padding-left: 0; }
	div[class^=form-row] div.field input[type=text], 
	div[class^=form-row] div.field input[type=email], 
	div[class^=form-row] div.field input[type=select] { width: 90%; }
	#CapRow div.field {	min-height: 135px; }
	#CapRow.form-row-error div.field {	min-height: 185px; }
	input[type=text], input[type=password], textarea, select, input[type=email], input[type=tel], input[type=search] { float: none; }
}
.form-wrapper input[type=submit] { 
	width: 150px; 
	text-align: center;
}
