/* @override 
	http://navalent.sweckercreative.com/sites/all/themes/navalent/css/responsive.custom.css?nghkht
	http://navalent.sweckercreative.com/sites/all/themes/navalent/css/global.styles.css?nghkht
*/

/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */

@media only screen and (max-width: 350px) {
	.mc_infield{
		font-size: .7em;
	}
	

	
	}

@media only screen and (max-width: 480px) {
	.share-video,.share-pop,.share-close,.control-wrap{
		display:none !important;
	}


}

@media only screen and (max-width: 768px) {
	.share-pop a {
		font-size:.75em;
	}
	#block-block-1{
	 margin-bottom: 10px;
	}
	.region[class*="float-blocks"] .block {
		float: none;
		width: 100%;
	}
	
	#block-block-5 {
		margin: 10px -25px 10px 0;
	}
	.region-sidebar-second {
		padding: 0;
		width: 100% !important;
	}
	.container {
		width: 90%;
		margin: 0 5%;
	}
	.view-homepage-cta {
		margin: 10px 0;
	}
	.view-homepage-cta .view-content a {
		width: 100%;
		margin: 10px 0;
	}
	.define {
		width: 100%;
	}
	.region-tertiary-content {
		display: none;
	}
	.center {
		width: 100%;
	}
	#menu-wrap {
		/*height: 40px;*/
		height:4.2em;
		margin-top: 0;
		width: 100%;
		text-align: center;
	}

	#menu-bar #block-menu-block-1 {
		display: none;
	}
	#block-webform-client-block-61 {
		width: 100%;
	}
	.webform-client-form-61 .webform-submit {
		height: 40px;
		padding: 10px 0;
		font-size: .8em;
		width: 100%;
		text-align: center;
	}
	.webform-client-form-61 .form-item {
		width: 75%;
	}
	.webform-client-form-61 .form-actions {
		display: inline-block;
		width: 25%;
		position: relative;
	}
	.webform-client-form-61 label {
		font-size: .8em;
		top: 11px;
		text-overflow: ellipsis;
		width: 94%;
		white-space: nowrap;
		overflow: hidden;
	}
	.webform-client-form-61 input.email {
		height: 20px;
		width: 94%;
		font-size: .8em;
	}
	#block-webform-client-block-61 {
		float: none;
	}
	#block-superfish-1 {
		float: none;
		width: 111%;
		margin-left: -5.5%;
		margin-bottom: 20px;
	}

	#block-superfish-1 ul a {
		font-size: 1em;
		padding: 12px 25px;
	}

	#block-superfish-1 ul li {
		width: 100%;
		background-color: #555 !important;
		border-bottom: 1px solid #fff;
	}

	#block-superfish-1 ul li:hover, #block-superfish-1 ul li.active-trail {
		width: 100% !important;
		background-color: #333 !important;
	}

	#block-superfish-1 ul ul, #block-superfish-1 ul ul ul {
		width: 100% !important;
	}

	#block-superfish-1 ul ul li {
		width: 100% !important;
		background-color: #00b2e5 !important;
		border-bottom: 1px solid #fff;	
		border-top: none !important;
		top: 1.4em;
	}

	#block-superfish-1 ul ul li:hover {
		background-color: #ecde13 !important;
		color: #333 !important;
	}

	#block-superfish-1 ul ul li:hover a{
		color: #333 !important;
	}

	#block-superfish-1 ul ul li a {
		padding: 5px 25px;
	}

	#block-superfish-1 ul li, 
	#block-superfish-1 ul li:hover, 
	#block-superfish-1 ul li.active-trail,
	#block-superfish-1 ul li#nav_li_about,
	#block-superfish-1 ul li#nav_li_about:hover, 
	#block-superfish-1 ul li#nav_li_about.selected,
	#block-superfish-1 ul li#nav_li_home,
	#block-superfish-1 ul li#nav_li_home:hover, 
	#block-superfish-1 ul li#nav_li_home.selected {
		background-image: none !important;
	}

	ul.small {
		float: none;
		margin-right: .8em;
	}

	.floatRight {
		float: none;
	}

	#sidebar {
		float: left;
	}

	ul#subpage_list li {
		height: 170px;
	}

	ul#subpage_list li img.left {
		display: none;
	}

	.region-sidebar-second ul li {
		padding: 3px 20px;
		background: #4d839f;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin: 5px 0;
	}

	.region-sidebar-second ul li:hover, .region-sidebar-second ul li.active-trail {
		background: #75aecc;
	}

	.region-sidebar-second ul li a {
		color: #fff;
	}

	.region-sidebar-second ul li a:hover, .region-sidebar-second ul li a.selected {
		text-decoration: none;
	}

	#content.team {
		width: 100%;
	}

	.member_summary {
		width: 90%;
	}

	.post_head h3{
		font-size: 18px;
	}

	.post_head h4{
		font-size: 15px;
	}

	form div.med {
		width: 100%;
	}

	#flash {
		display: none;
	}

	.home #copy {
		display: none !important;
	}

	#mobile_repeat {
		display: block !important;
	}

	#content.home {
		margin-left: 0px;
		width: 90%;
	}

	.team_sidebar{
		width:100%; 
		margin-left:20px; 
		position: relative;
	}

	.define {
		width: 300px;
	}

	.footer2 p {
		width: 100%;
	}

	.footer2 .left {
		border-right: none;
/* 		border-bottom: 1px solid #363636; */
		width: 100%;
		padding: 2% 0 0;
	}
	.credit {
		line-height: 0;
		margin: 0;
	}
	.footer2 .right {
		position: relative;
		left: 0;
/* 		padding: 4% 0; */
		text-align: center;
		width: auto;
		float: none;
	}

	ul.small li {
		/*float: right;*/
	}

	#content #copy {
		width: 100%;
		float: left;
	}

	#content #copy h1{
		width: 100%;
		float: left;
	}

	#bio-photo {
		float: left;
		width: 100%;
	}
	#bio-photo img {
		width: 100%;
	}

	/* EDI Content */

	#interactive h1 {
		font-size: 1.75em;
		margin: 0 0 20px;
		padding-top: 20px;
		clear: both;
	}
	#challenge-bar {
		padding: 0;
	}
	#challenge-nav {
		margin-top: 33px;
	}
	#challenge-bar h2 {
		padding: 0;
	}
	#challenge-bar h2.active {
		font-size: 1em;
	}
	#struggle-bar {
		height: 237px;
	}
	.struggle {
		margin: 10px 0 0;
		width: 165px;
	}
	.struggle h3 {
		font-size: .85em;
	}
	.struggle h4 {
		font-size: .7em;
	}
	.struggle .checklist .item {
		font-size: 10px;
	}
	.challenge-struggle .person {
		width: 125px;
		/*height: 229px;*/
		min-height: 229px;
		/*background-size: 125px auto;*/
		background-size: 94px auto;
	}
	.challenge-struggle .person p {
		font-size: .65em;
		padding: 10px;
	}
	.bubble {
		height: 107px;
		min-height: 107px;
		border-radius: 15px;
	}
	.subitem p {
		margin-bottom: 0;
		text-align: center;
		font-weight: bold;
	}
	.subitem a {
		margin-left: 0;
	}
	#rtp-blog {
		width: 90%;
		padding: 0 5%;
	}
	#rtp-blog .blog {
		width: 45%;
		margin: 5%; 
	}
	#rtp-blog .blog:nth-child(even) {
		margin-right: 0;
	}
	#rtp-blog .blog:nth-child(odd) {
		margin-left: 0;
	}
	.rtp .purchase {
		text-align: center;
	}
	.rtp .purchase span {
		display: block;
		margin-bottom: 2em;
		float: none !important;
	}
	.rtp .purchase .right {
		margin-bottom: 0;
	}
	
		
		.mc-field-group {
		/*width: 100%;
		display: inline-block;
		float:none;
		
		text-align: center;
		margin-top: .3em;*/
		
		
	
		width: 100%;
		/* display: inline-block; */
		height: 4em;
		float: none;
		/* margin-left: auto; */
		/* margin-right: auto; */
		text-align: center;
		margin-top: .3em;
	
		
	}


	#mce-EMAIL{
		font-size: 0.7em;
		padding: 7px 2%;
		/*padding: 7px 0px 7px 0px;*/
		height: 10px;
		font-weight: 700;
		width: 96%;
		/* margin-left: -94px; */
		/* margin-right: 7px; */
		/* margin: auto; */
		margin-left: auto;
		/* margin-right: auto; */
		background: #fff;
		border-top: 3px solid #ecde13;
		border-bottom: 3px solid #ecde13;
		border-left: none;
		border-right: none;
	}


    .container{
	   /*text-align: center;
	   width: 100%;
	   margin: auto;*/
	}
	
	.mc_infield {
		width: 96%;
		float: none;
		top: 10px;
		left: 6px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	#mc-embedded-subscribe{
		text-indent: 0;
		background: #1db1df;
		color: #fff;
		padding: 6px 15px 10px 15px;
		width: 100%;
		text-transform: uppercase;
		margin: auto;
		font-size: .65em;
		font-weight: normal;
		float: none;
	}
	
	#block-block-27 {
		width: 100%;
	}


	.slidesjs-pagination {
	height: 2.3em;
	margin: 0; 
	position: absolute;
	z-index: 100;
	right: 1.95em;
	bottom: -.45em;


	/*height: 2.3em;
	 margin: 0; 
	position: relative;
	text-align: center;
	 float: right; 
	margin-left: 2em;
	 margin-right: auto; 
	margin-top: 1.2em;
	margin-bottom: 0px;
	width: 100%;
	padding: 0;
	 z-index: 100; 
	 right: 1.95em; 
	 bottom: -.25em;*/ 

	}


	.slidesjs-pagination a {
	background: none repeat scroll 0 0 #808080;
	border-radius: 1em;
	display: inline-block;
	height: .6em;
	text-indent: -9999px;
	width: .6em;
	font-weight: 100;
	line-height: 0;
	transition: background .5s ease;
	}

	#block-views-menu-views-block .view-content > div {
	height: auto !important;
	font-family: 'Oswald';
	margin-bottom: 25px;
	}

	#block-views-menu-views-block .left {
	float: none;
	width: 150px;
	margin-right: 20px;
	border: 1px solid #ccc;
	}

	#block-views-menu-views-block h2 {
	margin-top: .4em;
	line-height: 1em;
	}

	/*Center homepage elements when in mobile view*/
	.block-inner{
	text-align: center;
	}
	
	/*video code*/
	.view-id-videos .views-row.vid-wrap {
		width: 48%;
		padding: 0 1% 2% 1%;
	}
	#block-block-28 .block-inner{
		text-align: left;
	}
	#footer .social img {
		margin: 0 1em;
	}
	#block-block-29 .serv,
	#block-block-46 .serv {
		display: block;
		width: 96%;
		height: auto;
		margin: 0 0 1em;
		float: none;
		clear: both;
	}
	#block-block-29 .serv a,
	#block-block-46 .serv a {
		position: initial;
		width: 95px;
		display: block;
	}
	#home-header {
		height: auto;
		background: url(/sites/default/files/home-bg.jpg) center right no-repeat;
		background-size: cover;
	}
	#home-head-cont {
		position: initial;
		width: 92%;
	}
	#block-block-44 .home-servs {
	  margin: 4em 0 -7.5%;
		text-align: center;
	}
	#block-block-44 span {
		width: 26.5%;
		margin: 0 10% 10% 0;
	}
	#block-block-44 span:nth-child(3n+3){
		margin-right: 0;
	}
	#block-block-45,
	#block-block-46,
	#block-block-47,
	#block-views-blog-views-block-3 {
		margin-top: 3em;
	}
	#block-block-45 h3 {
		width: 100%;
		margin: 0 0 1em;
	}
	#block-block-46 {
		width: 100%;
		margin-right: 0;
		height: auto;
	}
	#block-block-46 h2,
	#block-views-blog-views-block-3 h2 {
		width: 100%;
		margin-bottom: 0.5em;
	}
	#block-block-44 .home-link,
	#block-block-46 .home-link,
	#block-views-blog-views-block-3 .home-link {
		float: right;
		margin: 0 0 1em;
	}
	#block-block-47 {
		width: 100%;
		height: auto;
	}
	#block-views-blog-views-block-3 .view-content > div {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 1em;
	}
	#block-block-46 .serv {
		width: 90%;
		padding: 5% 5% 7%;
	}
	#block-block-46 .serv.lead,
	#block-block-46 .serv p:last-of-type {
		margin-bottom: 0;
	}
	#popover.newsletter {
		font-size: 0.7em;
	}
}