/*------------------------------------------------------------------------
# Soapbox -> Style CSS (v2.3.0) : RESPONSIVE
# ------------------------------------------------------------------------
# Copyright (C) 2012 PICNet, Inc. All Rights Reserved.
# Author: Ryan Belisle
# Website:  http://www.picnet.net
-------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !LAYOUT */
/* ----------------------------------------------------------------------*/

/* !JA Suckerfish w/ Bootstrap Collapse Menu */
.nav-collapse.collapse 		{ height: auto; }
.navbar-ja				{ overflow: visible; color: #555; *position: relative; *z-index: 2; }
.navbar-inner-ja			{ padding-left: 0px; }
.navbar-ja .container-ja		{ width: auto; }
.nav-collapse-ja.collapse	{ height: auto; }
.navbar-ja .brand-ja		{ float: left; display: none; padding: 10px 0px 0px 0px; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: .06em; color: #fff; text-decoration: none !important; text-transform: uppercase; }
.navbar-ja .brand-ja:hover	{ text-decoration: none; }
.navbar-text				{ margin-bottom: 0; line-height: 40px; }

.navbar-ja .btn-navbar-ja,
.navbar-ja .brand-ja {
	display: none;
}

.navbar-ja .btn-navbar-ja {
	display: none;
	float: left;
	padding: 10px 12px;
	/*
	margin-left: 5px;
	margin-top: 4px;
	*/
	line-height: 22px;
	*line-height: 22px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	/*
	background-color: #f5f5f5;
	*background-color: #25628e;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d77af), to(#25628e));
	background-image: -webkit-linear-gradient(top, #2d77af, #25628e);
	background-image: -o-linear-gradient(top, #2d77af, #25628e);
	background-image: linear-gradient(to bottom, #2d77af, #25628e);
	background-image: -moz-linear-gradient(top, #2d77af, #25628e);
	background-repeat: repeat-x;
	*/
	/*
	border: 1px solid #25628e;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #25628e;
	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
			border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2d77af', endColorstr='#25628e', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	*/
}
.navbar-ja .btn-navbar-ja:hover {
	color: #68b2bc;
	background-color: transparent;
	*background-color: transparent;
}
.navbar-ja .btn-navbar-ja .icon-bar {
	display: block;
	width: 24px;
	height: 4px;
	background-color: #fff;
	-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
			border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-ja .btn-navbar-ja:hover .icon-bar {
	background-color: #68b2bc;
}
.btn-navbar-ja .icon-bar + .icon-bar {
	margin-top: 5px;
}



/* ------------------------------------------------------------------------
/* !MEDIA QUERIES > Template */
/* ----------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.sbxModTable-hpss2 .flexslider {
		width: 1220px;
		margin: 0 auto;
	}
	.sbxModTable-hpss2 .flexslider .slides {
		width: 1220px;
	}
}

@media (max-width: 979px) {


	.sbxModTable-addthis {
		top: 50px;
	}
	
	
	/* !Main Layout */
	#main #content {
		padding-right: 42px;
	}
	
	.sidebarinner {
		padding-left: 0px;
	}


	
	/* !Header */
	#header .logo.span4 {
		width: 248px;
	}
	#header .global.span8 {
		margin-left: 0px;
	}
	
	#header .tagline p {
		font-size: 16px;
		padding-top: 50px;
	}
	
	ul.global-nav li a {
		height: 44px;
		line-height: 44px;
		padding: 0 14px;
	}
	ul.social-nav li a {
		height: 44px;
		line-height: 44px;
		width: 46px;
	}	
	#ss-menu {
		top: -129px;
		z-index: 2000;
	}
	ul#ss-menu-list {
		border: none;
	}
	ul#ss-menu-list > li {
		border: none;
		margin-left: 2px;
	}
	ul#ss-menu-list > li > a {
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 14px;
		background: #221e1f url(../images/nav-bg.png) repeat left top;
	}
	#ss-menu #search-content {
		top: 38px;
		right: 40px;
	}
	#ss-menu #signup-content {
		top: 38px;
		right: 0px;
	}	
	
	
	
	/* !Nav */
	ul.menuhorz {
		font-size: 16px;
		margin-left: -25px;
	}
	ul.menuhorz > li > a {
		padding: 0 20px;
	}	
	
	
	
	/* !Bottom + Footer */
	ul.menu-bm {
		margin-left: -20px; 
	}
	ul.menu-bm li {
		margin: 0 11px;
	}
	
	
	
	/* !HP Original Slideshow */
	/*
	.sbxModTable-hpss .flexslider .flex-content {
		font-size: 22px;
		padding-top: 1em;
		padding-bottom: 1.2em;
		
	}
	.sbxModTable-hpss .flexslider .flex-content-inner {
		width: auto;
	}
	.sbxModTable-hpss .flex-control-nav {
		display: none;
	}
	.sbxModTable-hpss .flexslider .flex-direction-nav li a {
		width: 60px;
		height: 60px;
		background: url(../images/hpss-nav-tablet.png) no-repeat;
		top: 40%;
	}
	*/
	
	
	
	/* !HP NEW Slideshow */
	.sbxModTable-hpss2 .flexslider .slides {
		width: auto;
		height: 405px;
		margin: 0 auto;
		overflow: hidden;
	}	
	.sbxModTable-hpss2 .flexslider .slides > li {
		width: auto;
		height: 405px;
	}
	.sbxModTable-hpss2 .flexslider .flex-content {
		font-size: 22px;
		
	}
	.sbxModTable-hpss2 .flexslider .flex-content-inner {
		width: auto;
	}
	.sbxModTable-hpss2 .flex-control-nav {
		
	}
	.sbxModTable-hpss2 .flexslider .flex-direction-nav li a {
		width: 60px;
		height: 60px;
		background: url(../images/hpss-nav-tablet.png) no-repeat;
		top: 40%;
	}
	
	
	
	#home-top, 
	#home-mid, 
	#home-bot {
		margin-top: 70px;
		margin-bottom: 100px;
	}
	#home-mid .home-mid-left {
		width: 476px;
	}
	#home-mid .home-mid-left .sbxModTable-plainhome {
		padding-right: 42px;
	}
	#home-mid .home-mid-right {
		width: 228px;
		margin-left: 20px;
	}
	#home-mid .home-mid-right .sbxModTable-plainhome {
		padding: 0px;
	}
	
	
	
	/* !HP + Modules */
	.sbxModTable-impact h3, 
	#home-bot > h3 {
		font-size: 64px;
	}
	
	
	.sbxModTable-impact {
		font-size: 18px;
	}
	
	
	.mod-newsevents ul.mod-list li,
	.mod-newsevents .record-container {
		text-align: center;
		background-position: top center;
		padding: 100px 20px 66px 20px;
		min-height: inherit;
	}
	.mod-newsevents .record-container {
		padding-bottom: 0px;
	}
	.mod-newsevents ul.mod-list .item-cntr,
	.mod-newsevents .item-pagetitle {
		padding: 8px 0 0 0;
	}
	.mod-newsevents ul.mod-list .item-text {
		padding: 0px;
	}
	.mod-newsevents ul.mod-list a.item-readon {
		top: inherit;
		bottom: 0px;
		left: 44.5%;
	}
	
	
	
	.page-advisordir .pos-meta,
	.page-advisordir .pos-intro {
		float: none; 
		width: auto;
	}

	.page-advisordir .pos-intro .element-first {
		
	}
	

	.sir-carouselnew li .overlay {
		padding: 15px 15px;
	}
	.sir-carouselnew .title {
		font-size: 1.0em;
		line-height: 1.1em;
		margin-bottom: 8px;
	}
	.sir-carouselnew .blurb {
		font-size: .9em;
		line-height: 1.2em;
	}

}



@media (max-width: 767px) {
	
	/* !Template Style */
	body				{ padding-left: 0px !important; padding-right: 0px !important; }
	#pathway			{ padding-left: 0px; }
	#main #content		{ padding: 32px 16px 10px 16px; }
	#headerinner		{ text-align: center; padding: 0px; }
	a#logo			{ display: inline-block; margin: 20px 0 0 0; position: relative; top: 0px; left: 0px; }
	.sbxModTable-addthis {
		top: 84px;
		right: 26px;
	}
	#sidebar-b {
		padding: 0px 16px 50px 16px;
	}
	.page-home #main {
		padding: 0 30px;
	}
	
	
	.sbxModTable-addthis {
		top: 36px;
		left: 30px;
	}
	

	
	button.button		{ font-size: 1.2em; padding: 5px 8px; }
	
	
	
	/* !Header */
	#headerinner  {
		padding: 0 20px;
		text-align: left;
	}
	#header .logo.span4,
	#header .global.span8 {
		width: auto;
	}	
	#header .logo.span4 {
		float: left;
	}	
	#header .tagline {
		height: auto;
		position: absolute;
		top: 0px;
		right: 20px;
		display: none;
	}
	#header .tagline p {
		width: 220px;
		line-height: 1.3em;
		padding-top: 44px;
	}
	#header .global {
		margin-top: 0px;
		text-align: left;
		position: absolute;
		top: 0px;
		right: 20px;
	}
	
	a#logo {
		margin-top: 15px;
		margin-bottom: 15px;/*

		width: 210px;
		height: 64px;
		background: url(../images/logo-phone.png) no-repeat !important;
*/
	}	
		
	#header ul.global-nav {
		float: left;
		margin: 0px;
	}	
	#header ul.global-nav li a {
		height: 40px;
		line-height: 40px;
		padding: 0 18px;
	}
	#header ul.social-nav {
		margin-right: 0px;
	}
	#header ul.social-nav li a {
		height: 40px;
		line-height: 40px;
		width: 44px;
		font-size: 18px;
	}
	
	#ss-menu {
		top: -40px;
		right: 0px;
		z-index: 2000;
		display: none;
	}
	ul#ss-menu-list > li > a {
		width: 38px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		background: #221e1f url(../images/nav-bg.png) repeat left top;
	}
	#ss-menu #search-content {
		top: 40px;
		right: 40px;
	}
	#ss-menu #signup-content {
		top: 40px;
		right: 0px;
	}
	
	
	
	/* !Nav */
	#nav {
		height: auto;
		padding: 0 20px;
	}
	
	#nav {
		padding: 0 6px;
	}
	
	/* !JA Suckerfish w/ Bootstrap Collapse Menu */
	.navbar-ja { z-index: 999;}
	.navbar-ja .container-ja					{ width: auto; padding: 10px 0 10px 0; }
	.navbar-ja .container-ja .nav-collapse.in	{ padding: 0 0 4px 0; }
  
	.navbar-ja .brand-ja 		{ padding-right: 10px; }
	.navbar-ja a.brand-ja		{ display: block; }
	.navbar-ja .navbar-inner-ja	{ padding-left: 20px; }
	.navbar-ja .btn-navbar-ja 	{ display: block; }
   
	.nav-collapse 				{ clear: both; }
	.nav-collapse,
	.nav-collapse.collapse 		{ overflow: hidden; height: 0; }
	
	.nav-collapse ul.menuhorz ul		{ display: none !important; }
	.nav-collapse ul.menuhorz { 
		float: none; 
		margin: 0px;
	}
	.nav-collapse ul.menuhorz > li { 
		float: none; 
		clear: both; 
		display: block; 
		border: none;
		background: url(../images/nav-arrow2.png) no-repeat 22px 14px !important;
	}
	.nav-collapse ul.menuhorz > li > a { 
		padding: 10px 10px 10px 48px; 
		display: block; 
		border: none; 
		float: none;
		height: auto;
		line-height: 1.1em;
	} 
	.nav-collapse ul.menuhorz > li > a:hover {
		background: transparent !important;
		color: #68b2bc;
	}
	.nav-collapse ul.menuhorz > li > a.active {
		color: #f0eee8;
		text-decoration: underline;
		background: none;
	}	
	.navbar-ja .navbar-inner-ja	{ padding-left: 0px; }
	
	
	
	/* !Bottom + Footer */
	#bottominner,
	#footerinner {
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}	
	#footerinner .npsb,
	#bottominner .social {
		text-align: center;
	}
	
	#bottominner .address {
		margin-top: 30px;
		margin-bottom: 30px;
	}	
	#footerinner p.byline {
		margin-bottom: 26px;
	}	
	#footerinner .nav {
		margin-bottom: 12px;
	}	
	#footerinner .copy {
		margin-bottom: 22px;
	}
	
	#bottominner ul.menu-bm {
		margin: 0px;
		width: 100%;
	}	
	#bottominner ul.menu-bm > li {
		margin: 0px;	
	}	
	#bottominner ul.menu-bm > li > a {
		background: none;
		border: none;
	}
	
	
	
	/* !HP */
	.sbxModTable-hpss .flexslider .flex-content {
		font-size: 20px;
		
	}
	
	.sbxModTable-hpss2 .flexslider .flex-content {
		font-size: 20px;
		
	}
	.sbxModTable-hpss2 .flexslider .slides {
		height: auto;
	}	
	.sbxModTable-hpss2 .flexslider .slides > li {
		height: auto;
	}
	
	
	
	#home-top, 
	#home-mid, 
	#home-bot {
		margin-top: 60px;
		margin-bottom: 90px;
	}	
	#home-mid .home-mid-left {
		width: auto;
	}
	#home-mid .home-mid-left .sbxModTable-plainhome {
		padding-right: 0px;
	}
	#home-mid .home-mid-right {
		width: auto;
		margin-left: 0px;
		margin-top: 90px;
	}
	#home-mid .home-mid-right .sbxModTable-plainhome {
		padding: 0px;
	}
	
	#home-bot > .span6 {
		width: 50%;
		float: left;
	}
	
	
	
	.sbxModTable-impact h3, 
	#home-bot > h3 {
		font-size: 58px;
	}
	
	
	.sbxModTable-impact {
		text-align: center;
	}
	.sbxModTable-impact img {
		float: none;
		margin: 0 auto .8em auto !important;
		display: inline-block;
	}
	
	
	.sbxModTable-plainhome {
		text-align: center;
	}
	.sbxModTable-plainhome p.links, 
	.sbxModTable-plainhome .foot-link {
		margin-top: 40px;
	}
	
	.mod-newsevents {
		padding: 0 10px;
	}
	
	.mod-blog {
		text-align: left;
	}
	
	
	ul.compList button.btn, 
	ul.compList button.button, 
	ul.compList .btn-primary, 
	ul.compList .btn-secondary {
		font-size: 14px;
		padding: 12px 22px;
	}
	ul.compList label.choice {
		font-size: 1em;
	}
	
	.page-sir #header .tagline p {
		padding: 75px 62px 0 0;
	}
	.page-sir #header .tagline p {
		width: 230px;
	}

	.sir-carouselnew li .overlay {
		position: static;
	}

	.sir-wrapnew {
		padding: 0 0 0 75px;
	}
	.sir-wrapnew a.prev {
		left: 0px;
		top: 0px;
	}
	.sir-wrapnew a.next {
		right: auto;
		top: 85px;
		left: 0px;
	}
	
}



@media (max-width: 600px) {

	/* !Header */
	/*
#headerinner {
		text-align: center;
	}
	
	#header .tagline {
		position: inherit;
	}
	#header .tagline p {
		width: auto;
		font-size: 16px;
		line-height: 1.3em;
		padding-top: 0px;		
		text-align: center;
	}
	#header .global {
		margin-top: 20px;
		text-align: center;
	}
	#header ul.social-nav {
		margin: 20px 0 5px 0;
		text-align: center;
		float: none;
		
	}
	#header ul.global-nav {
		float: none;
	}
*/
	
	/*

	#ss-menu {
		top: -246px;
		right: 0px;
		z-index: 2000;
	}
*/

#header .global {
		display: none;
	}
	
	#header .logo.span6 {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	ul.compList li.buttons span.req {
		float: none;
		display: block;
		margin-top: 1em;
	}
	.sbxModTable-sir h3.sbxMod-title {
		padding: .6em 0;
		font-size: 38px;
	}


	.page-sir #headerinner {
		height: auto;
	}
	.page-sir #header .tagline p {
		width: auto;
		padding: 0 0 20px 0;
	}

}




@media (max-width: 480px) {

	a#logo {
		background: url(../images/logo-phone.png) no-repeat !important;
		width: 223px;
		height: 40px;
	}

	.sbxModTable-sir h3.sbxMod-title {
		font-size: 28px;
	}

	#headerinner {
		padding: 0 10px;
	}
	
	#header .global {
		display: none;
	}
	
	#header .logo.span6 {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	
	
	.navbar-ja .container-ja {
		padding: 4px 0;
	}
	
	/*
#header ul.global-nav li a {
		padding: 0 12px;
	}
	
	#header .tagline p {
		padding: 0 20%;
	}
	
	#ss-menu {
		right: -10px;
		top: -266px;
	}
*/
	
	#main #content {
		padding-top: 24px;	
	}
	
	/*
#search-content,
	#signup-content {
		width: 200px;
		padding: 10px;
	}
	
	#ss-menu form {
		background: transparent;
	}
	
	#ss-menu button.ss-button {
		position: inherit;
		top: 0;
		right: 0;
		margin: 6px 0 0 0;
	}
	
	#ss-menu input.ss-field {;
		width: 100%;		
	}
*/

	#bottominner {
		padding: 16px 16px 24px 16px;
		font-size: 12px;
		line-height: 1.5em;
	}
	
	#bottominner .address {
		margin: 8px 0 24px 0;
	}

	#footerinner {
		padding: 16px 16px;
	}
	
	.page-home #main {
		padding: 0 10px;
	}
	
	
	#home-top, 
	#home-mid, 
	#home-bot {
		margin-top: 50px;
		margin-bottom: 80px;
	}

	#home-bot > .span6 {
		width: auto;
		float: none;
	}


	
	.sbxModTable-hpss .flexslider .flex-direction-nav li a {
		top: 60%;
		width: 40px;
		height: 40px;
		background: url(../images/hpss-nav-phone.png) no-repeat;
	}
	.sbxModTable-hpss .flexslider .flex-content {
		background: url(../images/nav-bg-blue.png) repeat;
		font-size: 16px;
		color: #cce6e9;
		position: inherit;
		text-align: center;
	}
	.sbxModTable-hpss .flexslider .flex-content .flex-text {
		color: #cce6e9;
	}
	
	
	
	.sbxModTable-hpss2 .flexslider .flex-direction-nav li a {
		/* top: 60%; */
		width: 40px;
		height: 40px;
		background: url(../images/hpss-nav-phone.png) no-repeat;
	}
	.sbxModTable-hpss2 .flexslider .flex-content {
		background: url(../images/nav-bg-blue.png) repeat;
		font-size: 16px;
		color: #cce6e9;
		position: inherit;
		text-align: center;
	}
	.sbxModTable-hpss2 .flexslider .flex-content .flex-text {
		color: #cce6e9;
	}
	.sbxModTable-hpss2 .flexslider .flex-control-nav {
		display: none;
	}
	
	
	
	.sbxModTable-impact h3, 
	#home-bot > h3 {
		font-size: 36px;
		margin-bottom: 40px;
	}
	
	
	.sbxModTable-plainhome h3 {
		font-size: 28px;
		margin-bottom: 40px;
	}

	
	.mod-blog ul.mod-list li {
		padding-left: 20px;
		padding-bottom: 26px;
	}
	.mod-blog ul.mod-list .item-cntr {
		padding-left: 0px;
		min-height: inherit;
	}
	.mod-blog ul.mod-list img,
	.mod-blog ul.mod-list .img-caption {
		display: none;
	}
	
	
	.home-bot-left .mod-newsevents {
		margin-bottom: 40px;
	}
	.sbxModTable-plainhome p.links, 
	.sbxModTable-plainhome .foot-link {
		margin-top: 20px;
	}
	
	
	#sectTaxonomySearch-formUL li.notStacked span.span-block {
		width: 100%;
	}
	
	
	table.blog .article-content img,
	img.img-right,
	img.img-left,
	.img-caption-right,
	.img-caption-left {
		float: none;
		clear: both;
		display: block !important;
		margin: 0 0 1em 0;
	}
	
	
	h1.componentheading, 
	.item-header h1.title,
	.article-title h2.contentheading,
	h1.title {
		font-size: 28px;
	}


	blockquote.bq-right,
	blockquote.bq-left {
		float: none;
		width: 90%;
		margin: 0px;
	}
	
	
	/* Add This */
	.sbxModTable-addthis {
		height: auto;
		margin-bottom: 16px;
	}
	
	.sbxModTable-addthis .addthis_toolbox {
		max-width: 100% !important;
	}
	
	.sbxModTable-addthis .at300b,
	.sbxModTable-addthis .addthis_counter {
		clear: both !important;
	}
	
	.at300b {
		height: 24px !important;
	}
	
	
	/* Donate Form */
	.el-expiration {
		padding-bottom: 0px !important;
	}
	.el-expiration > span.span-block {
		float: none !important;
		width: 100% !important;
		padding-bottom: 12px !important;
	}
	.el-expiration > span.span-block.symbol {
		display: none !important;
	}
	
	.el-expiration > span.span-block select {
		width: auto !important;
	}
	
	.donations-donate .section-contactinfo span.span-block {
		float: none;
		width: 100%;
	}
	
	.donations-donate .section-contactinfo input.field {
		width: 100% !important;
	}
	
	li.tall-select select {
		height: auto !important;
	}

	.sir-wrapnew {
		padding: 75px 0 0 0;
	}
	.sir-wrapnew a.prev {
		left: 0px;
		top: 0px;
	}
	.sir-wrapnew a.next {
		top: 0px;
		right: 0px;
		left: auto;
	}
	
	
	 /* PETITIONS */
	 .section {
		 margin: 24px 0;
	 }
	 
	 .petition-formtoggle .btn {
		 width: 100%;
		 padding-left: 0px;
		 padding-right: 0px;
	 }
	 
	 .section-pageintro {
		 font-size: 1em;
	 }
	 
	 .section-pageoutro {
		 font-size: 14px;
		 line-height: 1.6em;
	 }

	 .petition-supporterstitle,
	 .petition-formtitle {
		 margin-bottom: 8px;
		 margin-top: 32px;
	 }
	 
	 .supporter-item {
		 margin-top: 16px;
		 padding-top: 16px;
	 }
	 
	 .section-socialshare {
		 padding: 16px 0 10px 0;
	 }
	 
	 .share-title {
		 font-size: 14px;
	 }

}