/*
Charter Fitness CMS Editable Style Sheet

*/

/* Start Styles
-------------------------------------------------------------- */

/*-----------------START TIMER SALE--------------------------- */

.sale_container {
	height: 366px;
	width: 249px;
}
.sale_frame {
	float: left;
	height: 366px;
	width: 2px;
	background-color: #083561;
}
.sale_frame2 {
	float: right;
	height: 366px;
	width: 2px;
	background-color: #083561;
}
.sale_top {
	float: left;
	height: 181px;
	width: 245px;
}
.sale_middle {
	float: left;
	height: 113px;
	width: 245px;
	text-align:center;
}
.sale_bottom {
	float: left;
	height: 72px;
	width: 245px;
}
.sale_content {
	float: left;
	height: 366px;
	width: 245px;
}


/*-----------------END TIMER SALE--------------------------- */


#mobile-nav-toggle {display: none; }


/* Responsive CSS
-------------------------------------------------------------- */

@media only screen and (max-width: 959px) {
	body, div, iframe, video, img, form, li, table { max-width: 100% !important; }
	video, img, form, ul  { width: 100%; height: auto;}
	div, ul, li {box-sizing: border-box;}
	h1, h2, h3, h4 { text-align: center; width: 100% !important; }
	h2 span:last-child { display: block; font-size: 14px;}
	
	#header, #masthead, #branding, #global_logo { width: 100%; overflow: visible; position: relative; float: none;}
	
	#header { height: auto; display: block; margin-bottom: 20px;}
	#masthead { height: 100%; background-color: #0054a6; background-position: 0 30px;}
	
	#branding, #global_logo { height: 136px; }

	#club_search { padding-bottom: 6px; float: left; height: auto; }
	#club_search form { position: relative; top: auto; right: auto; text-align: center; float: left;}
	#club_search form label, #club_search form input {float: none; display: inline-block;  }
	#club_search form label { font-size: 16px; display: block; margin: 0 auto;}
	#club_submit { left: -30px; background-size: contain;}
	#member_login { left: 6px; }
	#member_login a { }
	
	#mobile-nav-toggle { 
		display: block; 
		width: 36px;
		height: 36px;
		float: right;
		margin-right: 12px;
		text-align: center;
		background-color: #f7971b;
		padding: 0 6px;
		margin-top: 16px;
		}
		
	#mobile-nav-toggle span {
		display: block;
		height: 4px;
		width: 100%;
		background-color: #fff;
		margin: 6px auto;
	}
	
	#access { 
		text-align: center;
		position: relative;
		height: auto;
		padding: 5px 0;
		width: 100%;
		background: #f2f2f2;
		border-bottom: 2px solid #f7971b;
		float: none;
	}
		
	.menu-header { 
		display: none; 
		background: #f2f2f2;
		border-bottom: 1px solid #e2e2e2;
		padding: 6px 0;
		margin-bottom: 6px;
		}
		
	#menu-primary li {
		float: none !important;
		padding: 8px 0;
		height: auto !important;
		}
	#menu-primary li a {
		height: auto !important;
	}
		
	#social_networks, #social_networks ul { text-align: center; width: 100%; float: none; }
	#social_networks ul li { float: none !important; display: inline-block; 
		}

	#main {margin-top: 0px; width: 100%; max-width: 100% !important; padding: 10px; box-sizing: border-box; padding-top: 0;}
	#page_wrap { padding-top: 0; }
	
	#main > div { float: none; }
	
	#promo_top_wrap, #promo_middle_wrap,#promo_bottom_wrap {
		margin-bottom: 20px;
		margin-left: 0px;
	}

	#promo_top_wrap, #promo_middle_wrap,#promo_bottom_wrap, #promo_top_wrap > div, #promo_middle_wrap > div, #promo_bottom_wrap > div,
	#promo_top_wrap ul li, #promo_middle_wrap ul li,#promo_bottom_wrap  ul li, #promo_top_wrap ul li > div , #promo_middle_wrap ul li > div,
	#promo_bottom_wrap ul li > div, .sale_container > div  {
		float: none;
		width: 100%;
		text-align: center;
		height: auto;
	}

	.sale_container > div img {
		float: none;
		width: 100%;
		margin: 0 auto;
		height: auto;
	}
	#second, #third { background: none; height: auto;}
	#promo_top_wrap #slider-pro-1[style] { height: auto !important; }
	
	ul.xoxo li { width: 100%; margin-left: 0 !important; max-width: 100% !important; }
	.home_copy { margin: 0; }
	#menu-social-media-footer { text-align: center; }
	#menu-social-media-footer li {
		display: inline-block !important;
		max-width: 100px !important;
		float: none !important;
	}
	.widget-area, .menu-footer-menu-container {
		height: auto !important;
		min-height: 50px;
		margin: 10px 0 !important;
	}
	#menu-footer-menu {text-align: center;}
	#menu-footer-menu li {
		float: none !important;
		display: inline-block !important;
		width: auto;	
		margin: 6px 4px;
	}
	
	#menu-footer-menu li a {
		border-right: 0px !important; 
		background: url(/wp-content/themes/CharterFitness/images/bg_footer_menu.gif) 0 0 repeat-x; 
		padding: 4px !important;
	}
	
	.textwidget {padding: 0 10px; text-align: center;}
	.textwidget:last-child > div > img, .ajax-loader {height: 1px; width: 1px;
	}
	
	#primary-left, #primary-right {width: 100%;}
	#primary-left div, #primary-left form, #primary-right div, #primary-right form {
		min-height: 10px;
		max-height: 999px;
		height: auto;
		text-align: center;
		}
	.find_location, #mc_embed_signup {
		background-size: 100% auto;
		width: 100%;
	}
	#primary-left form input, #primary-right form input, #primary-right form select, #primary-left a {
		float: none;
		margin: 10px auto;
		max-width: 150px;
	}
	
	hr { margin: 10px auto; }
	
	.#location_promo a { width: 100px; float: none; }
	.entry-title { width: 100% !important; }
	ul.sister-pages { list-style: none; }
	ul.sister-pages li {
		text-align: left;
		width: auto;
		list-style: none !important;
	}
	ul.sister-pages li a {margin: 0 !important;}
	.location_finder, #container_blogs, #container_subs { margin: 0px; }
	
	div.wpcf7{ width: 100% !important; }
	div.wpcf7 form { padding-bottom: 0 !important;}
	.franchise-form-top , .franchise-form-bottom {display: none;} 
	.wpcf7-captchac {max-width: 200px !important;}
	
	.wpcf7-form input {max-width: 100% !important; }
	
	#menu-primary li .sub-menu { display: none !important; }

	.sub-menu { 
		box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;
		left: 0 !important;
		top: 10px  !important;
		position: relative !important;
		float: none !important;
	}
	
	.sub-menu li {
		float: none !important;
		box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;
		float: none !important;
	}
	
	#content p {font-size: 14px;}
	#content ul {
		list-style-position: inside;
		margin-left: 0px;
		width: 100%;
		max-width: 100%;
	}
	#club_searchform_side, #mc-embedded-subscribe-form {
		width: 100%;
		background-image: none;
		border: 1px solid #fff;
		}
		
	
	#mc_embed_signup, div.find_location { background-image: none; padding: 10px;}
	div.find_location { background-color: #0054a6;}
	#mc_embed_signup { background-color: #f7971b;}
	
	form label, form legend, form legend span {text-align: center !important; width: 100% !important; margin-top: 8px !important; font-size: 18px; color: #fff;}
	
	#club_submit_side { 
		width: 120px;
		height: 22px;
		background-size: cover;
		 }
		 
	.float_right_buttons {
		max-width: 120px;
		display: block;
		float: none;
		margin: 4px auto;
	}
		 
	#mc-embedded-subscribe {
		width: 75px;
		height: 22px;
		background-size: cover;			
		} 
		
	#club_searchform_side input[type="text"], #mc_embed_signup input[type="text"] {
		height: 25px;
		font-size: 13px;
		background-image: none;
		border: 1px solid #222;
		background-color: #f2f2f2;
	}
		
	#club_searchform_side select {
		height: 25px;
		font-size: 16px;
	}
	
	.entry-summary {padding-bottom: 12px; border-bottom: 1px solid #e2e2e2; }
	.entry-summary a.read_more { float: none; margin: 0 auto; }
		
	#subnav_header, .widget-title, .widgettitle {padding-left: 0; padding-right: 0 ;}	
	
	.location-information { text-align: center; }
	
	.join-online-button { float: none; max-width: 200px; margin: 10px auto; position: relative !important; top:auto !important; right:auto !important;}
	
	#location_list { width: 100% !important; padding: 0px !important;}
	#location_list tr { margin: 20px 0; display: block;}
	#location_list td { display: block; padding: 8px; }
	tr.locationHeader { display: none !important; }
}