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

/* ------------------------------------------------------------------------
/* !LAYOUT */
/* ----------------------------------------------------------------------*/
object, iframe {
	max-width: 100%;
}
.visible-desktop,
.visible-tablet,
.visible-phone					{display:none!important}


/* ------------------------------------------------------------------------
/* !MEDIA QUERIES > Template */
/* ----------------------------------------------------------------------*/
@media (min-width: 1200px) {
.abedinstead-intro, .abedinstead-stories .sbxMod-content {
    width: 1170px;
}
}

@media (min-width:992px) and (max-width:1199px){
	#sbx-header .mod-tagline {
		font-size: 20px;
	}
	
	#sbx-mainnav #ja-cssmenu > li > a {
		font-size: 18px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#sbx-mainnav #ja-cssmenu li ul li a {
		font-size: 16px;
	}
	
	#sbx-resources #ja-cssmenu > li {
		padding-bottom: 25px;
		width: 50%;
	}
	
	#sbx-rightCol .sbxMod.mod-state a,
	#sbx-rightCol .main-state #ja-cssmenu > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#sbx-rightCol .main-state #ja-cssmenu li ul {
		left: 10px;
		right: 10px;
	}
}

@media (min-width:992px) {
	.hidden-desktop 				{display: none!important}
	.visible-desktop			{display: block!important}
}

@media (min-width:768px) and (max-width:991px){
	.hidden-tablet 				{display: none!important}
	.visible-tablet				{display: block!important}
	
	#sbx-header .mod-topcrisis a {
		padding: 0 22px;
	}
	
	#logo img { 
		max-width: 110px; 
	}
	
	#sbx-header .mod-tagline {
		font-size: 20px;
	}
	
	#sbx-mainnav {
		padding-top: 8px;
		width: 100%;
	}

	#sbx-mainnav #ja-cssmenu > li > a {
		font-size: 16px;
		padding: 16px 12px;
	}	
	#sbx-mainnav #ja-cssmenu li ul {
		width: 280px;
	}	
	#sbx-mainnav #ja-cssmenu li ul li {
		padding-top: 5px;
		padding-bottom: 5px;
	}	
	#sbx-mainnav #ja-cssmenu li ul li a {
		font-size: 14px;
	}
	
	#sbx-herowrap {
		text-align: center;
	}
	
	#sbx-state-map .mod-state, #sbx-state-map .main-state {
		float: none;
		width: 100%;
	}	
	#sbx-state-map .mod-state {
		text-align: center;
	}
	#sbx-state-map .main-state #ja-cssmenu > li > a {
		padding-left: 0;
		padding-top: 30px;
	}
	.main-state #ja-cssmenu li ul {
		left: 0;
	}
	.main-featuresleft .sbxMod-content {
		padding-right: 0;
		padding-bottom: 50px;
	}
	
	#sbx-resources #ja-cssmenu > li {
		padding-bottom: 25px;
		width: 50%;
	}
	
	#sbx-facts .content-slide {
		margin-bottom: 30px;
		width: 50%;
	}
	
	#sbx-facts .content-slide.last {
		border-left: none;
		border-top: 1px solid #d5d5d5;
		clear: both;
		float: none;
		margin: 0 auto !important;
	}
	
	#sbx-donate {
		text-align: center;
	}
	
	#sbx-footnav ul.menu-bm > li {
		padding-right: 45px;
		width: 33.33%;
	}
	
	.pKeyIssues .col-one-half {
		margin-right: 0;
		width: 100%;
	}
	
	#sbx-containerwrap-fl #sbx-rightCol-inner  {
		padding-left: 0;
	}
	
	#sbx-containerwrap-fr #sbx-leftCol-inner	 { 
		padding-right: 0; 
	}
	
	#sbx-rightCol-inner, #sbx-leftCol-inner {
		padding-top: 35px;
	}
	
	.abedinstead-stories .owl-theme .owl-controls .owl-buttons div.owl-prev {
		left: 30px;
	}
	.abedinstead-stories .owl-theme .owl-controls .owl-buttons div.owl-next  {
		right: 30px;
	}
	.abedinstead-more h3.sbxMod-title {
		padding: 0;
	}
	.bed-storyhero .overlay	{ 
		position: static; 
	}
		
	.bed-storyhero .overlay h2{ 
		font-size: 36px; 
		margin: 0 auto; 
		padding: 25px 10px;
	}

}

@media (max-width: 767px) {
	.hidden-phone				{display: none!important}
	.visible-phone				{display: block!important}
	
	#sbx-header	 {
		background: url(../images/header-bg.png);
		padding-top: 45px;
		position: relative;
	}
	
	#logo {
		margin: 12px 0;
	}
	
	#menu-toggle {
		cursor: pointer;
		float: right;
		margin-top: 20px;
	}
	
	#menu-toggle .menu-title, #menu-toggle .menu-button {
		display: inline-block;
		vertical-align: middle;
	}
	
	#menu-toggle .menu-title {
		color: #fff;
		font-size: 18px;
		padding-right: 10px;
		text-transform: uppercase;
	}
	
	.menu-button-line {
		background-color: #fff;
		display: block;
		height: 2px;
		margin-bottom: 8px;
		position: relative;
		width: 28px;
	}
	
	.menu-button-line.last {
		margin-bottom: 0;
	}
	
	#sbx-header .mod-topcrisis {
		position: absolute;
		top: 0;
		left: 50px;
		right: 0;
	}
	
	#sbx-header .mod-topcrisis ul li {
		margin: 0;
		text-align: center;
	}
	
	#sbx-header .mod-topcrisis ul li.first-item {
		width: 65%;
	}
	
	#sbx-header .mod-topcrisis ul li.last-item {
		width: 35%;
	}
	
	#sbx-header .mod-topcrisis a {
		line-height: 41px;
		padding: 0;
	}
	
	#sbx-header .mod-topsearch {
		line-height: 45px;
		padding-left: 0;
		padding-right: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#sbx-header .mod-topsearch a {
		background-color: #fff;
		border-bottom: 4px solid #d5d5d5;
		display: block;
		line-height: 41px;
		padding: 0 17px;
	}
	
	#sbx-mainnav {
		background-color: #fff;
		clear: both;
		display: none;
		float: none;
		margin-left: -15px;
		margin-right: -15px;
		padding-top: 16px;
	}
	
	#sbx-mainnav  #ja-cssmenu li {
		float: none;
	}
	
	#sbx-mainnav  #ja-cssmenu > li > a {
		border-bottom: none;
		padding: 16px 15px;
	}
	
	#sbx-mainnav #ja-cssmenu li ul {
		position: static;
		width: auto;
	}
	
	#sbx-mainnav #ja-cssmenu li:hover ul, #sbx-mainnav #ja-cssmenu li li:hover ul, #sbx-mainnav #ja-cssmenu li li li:hover ul {
		display: none;
	}
	
	#sbx-mainnav #ja-cssmenu li.toggle-open > ul {
		display: block;
	}
	
	#sbx-mainnav #ja-cssmenu li ul li {
		padding-left: 40px;
	}
	
	#bot-mainnav {
		padding: 25px 0;
		text-align: center;
	}
	
	#sbx-header .mod-signup, #sbx-header .mod-topsocial {
		display: inline-block;
		float: none;
	}
	
	#sbx-header .mod-topsocial {
		background: none;
	}
	
	#sbx-herowrap {
		padding: 40px 0 60px;
		text-align: center;
	}
	#sbx-herowrap h1 {
		font-size: 42px;
		line-height: 1.2;
	}
	#sbx-herowrap h3 {
		font-size: 20px;
		line-height: 24px;
	}
	
	#sbx-state-map {
		padding: 50px 0 60px;
	}
	#sbx-state-map .mod-state, #sbx-state-map .main-state {
		float: none;
		width: 100%;
	}	
	#sbx-state-map .mod-state {
		text-align: center;
	}	
	#sbx-state-map .mod-state h3 {
		font-size: 36px;
	}
	#sbx-state-map .main-state #ja-cssmenu > li > a {
		padding-left: 0;
		padding-top: 30px;
	}
	.main-state #ja-cssmenu li ul {
		left: 0;
	}
	
	#sbx-features {
		padding: 70px 0;
	}
	.main-features h3 {
		font-size: 42px;
		margin: 0 0 60px;
	}
	.main-featuresleft .sbxMod-content {
		padding-bottom: 30px;
		padding-right: 0;
	}
	#sbx-features .mod-item {
		margin-bottom: 10px;
		min-height: 60px;
		padding: 0 0 0 105px;
	}
	#sbx-features .mod-item .item-text {
		font-size: 0;
	}
	#sbx-features .mod-item .item-text img {
		width: 90px;
		text-align: center;
	}
	
	#sbx-preventable {
		padding: 60px 0;
	}
	#sbx-preventable h3 {
		font-size: 36px;
	}
	
	#sbx-resources {
		padding: 60px 0;
	}
	#sbx-resources #ja-cssmenu > li {
		float: none;
		padding-bottom: 10px;
	}
	
	#sbx-facts {
		padding: 60px 0;
	}
	#sbx-facts h3 {
		font-size: 42px;
	}
	#sbx-facts .content-slide {
		border-left: none;
		float: none;
		padding-bottom: 0;
		width: 100%;
	}
	#sbx-facts .content-slide:after {
		border-bottom: 2px solid #eaeaea;
		content: "";
		display: block;
		height: 1px;
		margin: 0 auto;
		padding: 0 0 30px;
		width: 120px;
	}
	#sbx-facts .content-slide.last:after {
		display: none;
	}
	#sbx-facts .content-slide-header {
		font-size: 46px;
	}
	
	#sbx-donate {
		padding: 60px 0;
		text-align: center;
	}
	#sbx-donate h3 {
		font-size: 42px;
	}
	
	#sbx-footer, #sbx-footer .footer-right {
		text-align: center;
	}
	
	.page-content, .wrapper-content {
		padding: 35px 0 0;
	}
	
	#sbx-containerwrap-fl #sbx-rightCol-inner  {
		padding-left: 0;
	}
	
	#sbx-containerwrap-fr #sbx-leftCol-inner	 { 
		padding-right: 0; 
	}
	
	#sbx-rightCol-inner, #sbx-leftCol-inner {
		padding-top: 0;
	}
	
	.article-title h2.contentheading,
	.page-heading h1	{
		font-size: 42px;
	}
	
	.article-title h2.chBtns-icons {
		margin-right: 0;
	}
	
	.page-heading h1 {
		padding: 35px 0 25px;
	}
	
	.col-one-half {
		margin-bottom: 30px;
		margin-right: 0;
		width: 100%;
	}
	.pKeyIssues .col-one-half img {
		margin-right: 12px;
		max-width: 58px;
	}
	
	/* !Events Calendar */
	.cal-monthTBL td.cal-wdEvent,
	.cal-monthTBL td.cal-weEvent  {
		background-color: #eef9ff;
		font-weight: bold;
	}
	.cal-monthTBL a.cal-wdNumEvent {
		color: #006699;
	}	
	
	.fixingthesystem .row {
		padding-bottom: 0;
	}
	.fixingthesystem .col-sm-4 {
		display: block;
	}
	
	.abedinstead-stories .owl-theme .owl-controls .owl-buttons div.owl-prev {
		left: 30px;
	}
	.abedinstead-stories .owl-theme .owl-controls .owl-buttons div.owl-next  {
		right: 30px;
	}
	.abedinstead-more h3.sbxMod-title {
		padding: 0;
	}
	
	.bed-storyhero .overlay {
		position: static;
		padding: 10px;
	}
	.bed-storyhero .overlay h2{ 
		font-size: 24px; 
		margin: 0 auto; 
		padding: 20px;
	}
	
	.supportmoreaccess h3.sbxMod-title,
	.abedinstead-more h3.sbxMod-title,
	.bed-storyhero h1	{
		font-size: 42px;
	}
	
	.abedinstead-intro h4 {
		font-size: 36px;
	}
	
	.abedinsteadform .ctct-custom-form {
		background-image: none;
		padding-left: 15px;
	}
	.abedinsteadform .ctct-form-required[for] {
		left: 15px;
	}
	.abedinsteadform input {
		padding-left:  15px;
	}
	.btn-yellow {
	 font-size: 15px;
	}
}

@media (max-width: 400px) {
	#sbx-header .mod-topcrisis ul li.first-item {
		width: 75%;
	}
	
	#sbx-header .mod-topcrisis ul li.last-item {
		width: 25%;
	}
	.btn-yellow {
	 font-size: 15px;
	 width: 100%; 
	 }
	.btn-yellow span { 
		width: auto; 
		line-height: 25px; 
		padding-top: 10px; 
		padding-bottom: 10px; 
	}
	}

@media (max-width: 340px) {
	#sbx-header .mod-topcrisis ul li.first-item {
		width: 100%;
	}
	
	#sbx-header .mod-topcrisis ul li.last-item {
		display: none;
		width: auto;
	}
	
	#sbx-resources #ja-cssmenu > li > a {
		font-size: 16px;
	}
	#sbx-resources #ja-cssmenu > li > a > span {
		padding: 0 69px 0 10px;
	}
	
	ul.menu-fm li {
		padding: 0 3px;
	}
	
	#sbx-footer .mod-copyright .separator {
		padding: 0 8px;
	}
	
	#sbx-state-map .main-state #ja-cssmenu > li > a > span,
	#sbx-state-map .main-state #ja-cssmenu li ul li	{
		padding-left: 15px;
		padding-right: 15px;
	}

	#sbx-rightCol .sbxMod.mod-state a,
	#sbx-rightCol .main-state #ja-cssmenu > li > a {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#sbx-rightCol .main-state #ja-cssmenu li ul {
		left: 15px;
		right: 15px;
	}
}


/* Engage Testing Menu */
ul.menu-etm		{ font-size: .8em; margin: 0px; padding: 0px; list-style: none; }
ul.menu-etm li		{ background: none; margin: .3em; padding: 0px; line-height: 1.0em; }