/*
Theme Name: SummerHillGym
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: summerhillgym
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
SummerHillGym is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets.contactform
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 0px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="search"],
textarea,
select {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 0px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="search"] {
	padding: 3px;
}
textarea {
	padding-left: 3px;
	width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: inline;
		width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
	padding: 38px 0;
}
.main-navigation a {
	text-decoration: none;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}
/* Small menu. */
.menu-toggle {
	display: none;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 0px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: 1em;
	margin-left: 0px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
	display: none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/* Begin Summer Hill Gym Theme */
@font-face { font-family: 'Abel'; src: url('styles/fonts/Abel-Regular.eot'); src: url('styles/fonts/Abel-Regular.eot?#iefix') format('embedded-opentype'), 	 url('styles/fonts/Abel-Regular.ttf') format('truetype'),	 url('styles/fonts/Abel-Regular.svg#Abel-Regular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {
 font-family: 'Quicksand-Regular';
 src: url('styles/fonts/Quicksand-Regular.eot');
 src: url('styles/fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
	 url('styles/fonts/Quicksand-Regular.woff2') format('woff2'),
	 url('styles/fonts/Quicksand-Regular.woff') format('woff'),
	 url('styles/fonts/Quicksand-Regular.ttf') format('truetype'),
	 url('styles/fonts/Quicksand-Regular.svg#Quicksand-Regular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
  font-family: 'JosefinSans';
  src: url('styles/fonts/JosefinSans-Light.woff') format('woff'),
       url('styles/fonts/JosefinSans-Light.ttf') format('truetype'),
       url('styles/fonts/JosefinSans-Light.svg#JosefinSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
*{margin:0 auto; padding:0; font-family:Abel;}
a,p{color:#333;}
a,h1,h2,h3,h4,h5,h6,nav,dealtitle{font-family: 'JosefinSans'; padding: 5px 0;}
.clear{clear:both;}
.site-header{z-index: 1000;width: 100%; border: none!important;}
.main-navigation a{color: #fff; font-size: 18px; padding: 40px 20px 39px;}
header#masthead { background-color: #31A5BC; }
#contentpage header#masthead {position:fixed; width:100%; z-index:1000;}
.site-branding { display:inline;position: relative;float: left; }
.site-branding img{vertical-align: bottom; padding: 20px 50px;}
.mobile-site-branding{ display:none;}
.main-navigation a{color: #fff; font-weight: bold; font-size: 21px}
.main-navigation a:hover {background-color: #333; color: #fff;}
header .social, .headermembershipoptions{ display: inline-block;float: right; top: 26px; right:10px; position: relative;}
.social img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.social img:hover{    background-color: #fff; border-radius: 60px;  -webkit-filter: none; filter: none; }
.social a{ margin:0 3px; }
header .push{ padding:10px 0;}
header .menu{position: relative; }
.homepagecontent { margin-top: 0px!important; text-align:center;}
.homepagecontentarea article{padding:0!important; min-height:auto!important;}
.homepagecontentarea .entry-content{ margin: 0 auto; text-align: center; color: #363636!important;  }
.homepagecontentarea .entry-content h2, .homepagecontentarea .entry-content p{  color: #363636!important;}
.homepagecontentarea .entry-content h2{font-size: 30px;}
.homepagecontentarea .entry-content p{font-size: 1.3em;}
.entry-content ul { position: relative; left: 30px;}
button.homesignup,button.membershipoptionbutton { color:white; box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(15, 107, 123) 0px 2px 10px; background-color: #31A5BC; border: 5px solid white;  margin: 10px auto; text-align: center;  font-size: 22px;  padding: 20px 0;  transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; box-shadow:none; outline:none; width:100%;}
button.homesignup:hover {  border-color: #333; box-shadow:none;}
article{ padding: 10px 20px 20px 20px; min-height: 519px;}
#primary{ background-color:rgba(230,230,230,0.1);}
.home #primary{ background-color:#fff!important;}
ul.entry {text-align: center; padding: 25px 0;}
.entry-title a {text-decoration: none; }
.entryimage{ width: 100%; background-size: cover!important; padding: 30%; display: inline-block; background-position: center!important; background-repeat: no-repeat!important; position: relative; margin: 0.5% auto; }
.bx-wrapper,#contentpage header#masthead{box-shadow: 0px 1px 10px #333;}
.entryimage img,img.avatar.wp-post-image{ min-width: 100%;}
.entry li { display: inline-block; width: 24%; margin: 0 auto; padding: 0 12px; text-align:left;vertical-align: top;}
.entry h3{ text-align:center;}
.entry .entrytime{ font-size: 12px;}
.entry .readmore, .more-link{text-align:right; font-size:14px; padding-right: 20px; float:right; width:100%;}
.homeimagefeed{ text-align: center; overflow: hidden;width: 100%;}
.snapwidget-widget{border:none; overflow:hidden; width:100%; margin-bottom: -4px; height:210px; box-shadow: 0px 1px 10px #333; position: relative; z-index: 1000; min-width:100%; *width: 100%; overflow:hidden;}
.team-members {text-align:left;}
.team-members figure{ width: 50%; height: auto; overflow: hidden; position: relative; text-align: center; float:left; margin-right: 20px;}
.team-member p.role {font-weight: bold;font-size: 20px; margin-bottom: 10px;}
#meetthepts .team-member{ display:inline-block; vertical-align: top; text-align:left; ;margin:10px 0;}
.team-member-text li{ list-style:none;}
figure.memberimage { width: 50%; height: 350px; overflow: hidden; position: relative; text-align: center; margin-bottom: 10px;}
.memberinfo{ width: 50%; padding-left: 20px;display: inline-block;}
.nav-links { font-size: .8em; font-weight: bold; padding: 10px 4px;}
.nav-links a{ text-decoration:none;}
.postnavigation { display: inline; font-family: Quicksand-Regular;}
div.pdfemb-viewer { max-width: 100%; border:0!important; display:block; text-align:center;}
canvas.the-canvas {width: 90%!important;}
div.pdfemb-viewer{max-height: 900px!important;}
div.pdfemb-inner-div{ text-align:center; background-color: #FDFDFD!important;}
div.pdfemb-viewer canvas{ max-height: 900px!important; width: auto!important;}
.classestimetable li{ list-style:none; text-align:center;}
div.pdfemb-toolbar-bottom{ display:none!important;}
table.wcs3-schedule-normal-layout {height: 700px;}
.wcs3-qtip-tip {display: none!important;}
.sinplepostwrapper img.attachment-entry-thumb.wp-post-image { margin-top:30px;}
img.attachment-entry-thumb.wp-post-image{ display: inline; float: left; max-width: 30%; margin-right: 1.5em; width: 100%; }
.singlepostcontent{max-width: 50%; display:inline-block;}
.bookly-columnizer{ text-align:center;}
/*Sign up Page*/
.page-id-79 .entry-title a { margin-left: 5px; }
.deals a{ text-decoration:none; font-size:18px; color:#fff;}
.dealspromo {    width: 50%;    background-color: #31a5bc!important;    display: inline-block;    font-size: 12px;    padding: 2%;    text-align: center;    color: #fff;    font-family: Quicksand-Regular!important;    color: white;    box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(15, 107, 123) 0px 2px 10px;    background-color: rgb(20, 114, 131);    border: 5px solid white;    text-align: center;    transition: all 0.5s ease-in-out;    -webkit-transition: all 0.5s ease-in-out;    box-shadow: none;    margin: 0 auto;}
.dealspromo:hover{ background-color:#333!important;}	  
.dealtitle{font-size: 2.7em;}
.dealtitle, .dealprice{font-family: Quicksand-Regular!important;}
.dealprice{ font-weight:bold;font-size: 2.5em;}
.dealfeature {font-size: 1.5em;}
.dealfeature p { color: #fff; }
.page-id-272 .entry-title { text-align:center;}
/*End Sign up Page*/
.wpcf7-form-control-wrap { display: block; clear: both;}
.contactform { margin: 0 auto!important; width: 1080px;border: 3px solid #31A5BC;border-top: none; border-bottom: none; background-color: #fff; box-shadow: 0px -5px 30px black;}	
.contactform p { display:inline-block;} 
.contactform label{ float: left; margin-bottom: 5px;}
.contactform .entry-title a{ margin:0;}
.contactform .entry-content {font-size: 1.2em; margin-bottom: 30px;}
.contactform input{max-width:100%;}
.contactform input[type="submit"]{ width:100px; font-size: 1.1em; height: 35px;}
#classselect{ float:left;}
#classselect, #classselect select { width: 300px; height:30px; margin-bottom: 30px; }
.classescontent{ display:block; text-align: center; padding-bottom: 10px;}
input[type="number"]{ max-width:300px; width:100%;}
.wpcf7-form p {padding-bottom: 10px;}
.wpcf7-form .accountmanagement p {padding: 10px;}
.wpcf7-captchac { width: 100px; margin-left: 110px;}
.wcs3-class-container:hover {background-color: #f92119;}
.wcs3-class-name {text-align: center; font-size: 18px;color: white;}
.wpcf7-response-output { font-size:1.3em; font-weight:bold;color: red;}
.membershipoptions{ text-align:center;}
button.membershipoptionbutton{ border-color:#333;  width: 49%;}
button.membershipoptionbutton:hover{  border-color: #eaeaea;}
footer#colophon{ background-color:#31A5BC;text-align:center;}
.home #footerinfo{width: 100%!important; float: none;}
.home #footergyminfo{ float: none; text-align: center; width: 100%; }
#footerinfo{width: 50%; float: left;}
.gyminfo { width: 100%; padding:3.5% 0px;}
.gyminfo div{ padding:10px 0; font-size: 1.1em; color:#fff!important;}
.footericon { float: left; text-align: right!important; width: 30%; margin-right:15px;}
.home .gyminfo{ text-align:center; padding: 20px!important;}
.home .gyminfo div{ padding: 0px!important;}
.home .footertext { width: 100%; }
.home .footergyminfo { width: 24%;  display: inline-block; vertical-align: top;}
.home .footericon { float: none; text-align: center!important; width: 100%; }
.footertext { text-align: center; width: 40%; display: inline-block;}
#footerinfo, .gyminfo {display: inline-block; vertical-align: top; text-align:left;}
.footertext a{ color:#fff;}
#colophon .social {display: none;}
.electronicdevelopment{ text-align:left;}
.fourmonthdeals .dealspromo, .sixmonthdeals .dealspromo, .twelvemonthdeals .dealspromo { width: 25%;}
.deals .deals { width: 50%; display: inline-block; text-align: center; font-size: 20px; background-color: #144b56; color: #fff; border: 5px solid #fff; }

footer#colophon .footermap{ width:50%; float:right; height:300px;}
.contactfooter.footermap{ width:100%!important; height:450px!important; float:right; max-height: 100%!important;}
.booked, .ab-hour.booked { display: none!important; }
.ab-time-screen { text-align: center; }
.ab-time-step, .ab-time-screen { width: 100%!important; }
#bookingbutton { display:none; float: right; padding: 34px 50px; font-weight: bold; font-size: 27px; text-decoration: none; background-color: #fff; color: #31a5bc;}
#bookingbutton:hover { background-color: #333; color: #fff; }
#mobilebookingbutton{ display:none;}.bookly-custom-fields-container, .ab-row.bookly-table { display: inline; }

.bronzedeal:hover{ background-color:#CD7F32!important; }
.silverdeal:hover{ background-color:#b4b4b4!important; }
.golddeal:hover{ background-color:#FFD700!important; }
.platinumdeal:hover{ background-color:#a7b0c9!important; }.dealspromo{ width:49%!important; margin-right: 1%; }
.flashsalepacks .dealspromo { border: 5px solid #FF0000; background-color: #ffff00!important; color: #333; }.flashsalepacks .dealfeature p { color: #333; }.renovationsalepacks .dealspromo {    margin-bottom: 1%; background-color: #f9cc4e!important; color: #333; border: 3px solid #333; border-radius:30px; }.renovationsalepacks .dealfeature p { color: #333; }
.ab-row.ab-custom-field-row, .ab-row.bookly-table .ab-formGroup {
    width: 31%!important;
    margin-right: 1%;
    display: inline-block;
}
.ab-row.ab-custom-field-row {
    width: 100%!important;
}
.ab-custom-field-row {
    display: inline!important;
 }
.page-id-419 .ab-week-days, .ab-time-range {
    display: none;
}
@media screen and (max-width: 1490px) {
.fourmonthdeals .dealspromo, .sixmonthdeals .dealspromo, .twelvemonthdeals .dealspromo { width: 50%!important; }
}
@media screen and (max-width: 1300px) {
	.site-branding img { padding: 19px 15px;}
	.main-navigation a { padding: 38px 10px ; }
	.page-template-memberbar-php .main-navigation a { padding: 37px 10px ; }
}
@media screen and (max-width: 1200px) {
.dealspromo { font-size: 0.6em; }
.entry li{ width:49%;}
}
@media screen and (max-width: 1100px) {.dealspromo{ margin-left: 0!important;  margin-bottom: 10px!important; }
.cd-form { padding: 1em; }
.cd-form .fieldset { margin: 1em 0; }
.cd-user-modal-container { top: 22%;}
.main-nav a { background: #2f889a; padding: .2em 1em!important;}
.headermembershipoptions { float: none; width: 100%; right: 0; top: 3px; text-align: center; margin: 0 auto;}
.headermembershipoptions .main-nav{ width:100%;}
.headermembershipoptions .main-nav ul li{width: 50%; float:left; display: inline-block; margin: 0 auto!important;}li.bookingbutton{ width:100%!important;}
.memberloggedin .main-nav ul li{ width:100%;}
.headermembershipoptions ul li a { width: 100%; border-radius: 0!important; border:0!important; }
.loggedinlink{ border-right:1px solid #307785;}
.logoutlink{border-left:1px solid #307785;}
.contactform label, .contactform input { width: 100%; text-align:center; }
.contactform input , .wpcf7-textarea { text-align: center; padding: 10px; }
#classselect, #classselect select { width: 100%; height: 40px; }
#classselect{margin-bottom: 40px;}
.contactform p { text-align:center; display:block; clear:both;} 
.page-id-79 .entry-title a { margin-left: 0!important; }
.dealspromo { width: 100%!important; border: 0; margin-bottom: 10px;}
#bookingbutton{ display:none;}
#mobilebookingbutton{ display:block; font-weight: bold; font-size: 27px; text-decoration: none; background-color: #fff; color: #31a5bc; padding: 10px 0; clear: both;}
header .social	{ display:none;}
.site-branding {  display:block;float: none; text-align: center;}
.site-branding { float:none;}
.mobile-site-branding { display:block;}
.social { display: inline-block; }
#colophon .social {display: block; text-align:center;}
header#masthead {text-align: center;}
.menu-menu-1-container { display: inline-block; }
.site-header {position: relative;}
.main-navigation li {float: none;display: inline-block; top: 0; padding: 13px 10px;}
.site-header .main-navigation a { padding: 17px 10px;  font-size: 16px;}
.contactform{width:100%; padding:10px 0; border:none; box-shadow:none; text-align: center;}
.contactform header{text-align:center;}
}		
@media screen and (max-width: 960px) {
	.main-navigation li { padding: 13px 8px; }
}
@media screen and (max-width: 900px) {
.dealspromo{ width:100%; border-radius: 0px;}
.page-template-memberbar header#masthead { margin-bottom: 15px; }
}
@media screen and (max-width: 920px) {
#contentpage header#masthead{ position:relative; text-align:center; padding:0; }
#primary { margin-top: 0px!important;}
}
@media screen and (max-width: 800px) {
.pdfemb-viewer{display: none!important	;}
.fourmonthdeals .dealspromo, .sixmonthdeals .dealspromo, .twelvemonthdeals .dealspromo { width: 100%!important; }
.classescontent ul {list-style-type: none;}
.entry-title a {margin-left: 0;}
.classestimetable .classesheadings{ display:none;}
/*Sign up Page*/
.entry-title {	 text-align: center;} 
.dealspromo{ text-align: center; color: #fff;  font-family: Quicksand-Regular!important; font-size: 1.2em; padding: 10px; border-radius:0;}
.dealtitle{font-size: 2em;}
.dealprice{ font-weight:bold;font-size: 1.5em;}
.dealfeature {font-size: 1em; margin-top:10px;}
/*End Sign up Page*/
}		
@media screen and (max-width: 768px) {
.main-nav a { padding: .6em 1em!important; }
.headermembershipoptions ul li a{ border:0!important; text-decoration: underline;}
.main-nav ul{ top:34px;}
}
@media screen and (max-width: 680px) {
.page-template-default .entry-content{ text-align: center;}
.sinplepostwrapper img.attachment-entry-thumb.wp-post-image{ margin:0!important;}.headermembershipoptions{ top: 15px;}
.cancelbooking{margin-bottom:0px!important; text-align:center;}
.cancelbooking a{position:relative; bottom:0px!important;}
.deals h2{text-align:center;}
.menu-menu-1-container { display: none; }
.toggled .menu-menu-1-container { display: inline-block; }
.ab-progress-tracker.bookly-table{ display:table!important;}.ab-progress-tracker .step { border-radius: 0px; }.ab-row.ab-custom-field-row, .ab-row.bookly-table .ab-formGroup { width: 100%!important; margin-right: 0!important; display: block; }.bookly-form {    margin: 0 auto;    width: 95%;}
.ab-details-step {    width: 100%;    margin: 0 auto;    margin-left: 0!important;	}
#bookly-cf-77813 { width: 100%!important; }.headermembershipoptions ul li a:hover {background-color: #333; color: #fff;}
/*Hompage Mobile*/header#masthead { padding: 10px 0px; text-align:center;}
.site-header{ position:relative;}
.home .site-branding { display:inline;  float: left; padding-right:0;}
.site-branding { float:left; padding: 0px; }
header .menu{top:0px;}
.menu-toggle{float:right; border: none;background: none;box-shadow: none;cursor: pointer; padding: none;text-shadow: none;}
.menu-toggle,.main-navigation.toggled .nav-menu {display: block;}
button.menu-toggle {padding:24px 15px; outline: none;}
.menu-menu-1-container{ padding:0; width: 100%;}
.main-navigation ul {display: none;}
.main-navigation li { margin-bottom: 0px; padding-bottom:0;}
.main-navigation a { display: block;}
#primary { background-color: #fff;}
ul#primary-menu li {width: 100%; text-align: center;border-bottom: 1px solid white;}
ul#primary-menu li a{ width:100%;padding: 15px 0; margin: 0; font-size: 1.4em;}.main-nav a { background: #31a5bc; font-weight: bolder; font-size: 1.4em; }
.main-navigation a:hover {border-bottom:0; padding-bottom:0;}
.main-navigation li{ padding:0;}
.homepagecontentarea {padding: 10px;}
article{padding: 10px 0;}
.homepagecontentarea .entry-content{width:100%; padding:10px;}
button.homesignup,button.membershipoptionbutton { width: 100%;  margin: 0;  padding: 15px 0;font-size: 1.8em;  word-wrap: break-word;}
button.membershipoptionbutton { margin: 10px 0px;}
ul.entry { padding: 0px 0;}
.entryimage{ max-height: 100%!important; height: 100%!important;}
.entry li{width:100%; padding: 0px; padding-bottom: 20px; text-align: center;}
.entrypostcontent{ padding:0 20px;}
.entrytime{ text-align:left;}
.readmore a,.more-link a{ padding: 10px; font-size: 1.2em;}
.postnavigation{ display:none;}
#footerinfo { width: 100%; text-align:center; margin:0 auto;}
.gyminfo{ margin:0;}
.footericon { float: none; display: block; width: 100%; text-align: center!important;}
.footertext { text-align: center; width: 100%; display: inline-block;}
.electronicdevelopment {text-align: center; padding-bottom:10px;}
footer#colophon .footermap{ max-height:400px!important; width:100%;}
/*End Homepage Mobile*/
.site-branding img { padding: 20px 0; padding-left: 10px; }
button.menu-toggle{ padding-left:0;}
/*Single Post Mobile*/
img.attachment-entry-thumb.wp-post-image { max-width: 100%; margin-right: 0;}
.singlepostcontent { padding: 10px; max-width:100%; text-align: center;}
/*End Single Post Mobile*/
/*Content Mobile*/
.main-navigation a{ color:white;}
#meetthepts .team-member { width: 100%!important;padding:0;}
figure.memberimage {width: 100%; height: auto;}
.memberinfo{ width:100%; padding: 0 20px; text-align: center;	}
/*End PT Mobile*/
/*Classes Mobile*/
.pdfemb-viewer{display: none!important	;}
/*End Classes Mobile*/
/*Sign up Page*/
.dealtitle{font-size: 1.5em;}
.dealprice{ font-weight:bold;font-size: 1em;}
.dealfeature {font-size: 1em;}
/*End Sign up Page*/
/*Membeship Mobile*/
.contactform label {float: none; clear: both; display: block; text-align: center; margin: 0 auto; font-size: 1.1em; padding-bottom: 10px;width:100%;}
span.wpcf7-form-control-wrap {margin-left: 0px;}
.contactform input[type="text"],.contactform input[type="date"],.contactform input[type="tel"],.contactform input[type="email"],input[type="number"] {width: 100%; height: 40px; text-align:center; max-width:100%!important;}
.contactform input[type="date"]{ font-size:1.2em; padding-left: 50px;} 
input[type="checkbox"]{ -webkit-appearance: none; border-radius: 2px; box-shadow: 0px 0px 5px #041f23,0px 2px 10px #0f6b7b; height: 35px; width: 35px; display: block; text-align: initial; cursor: pointer; margin: auto; margin-top: 10px;}
span.wpcf7-list-item-label {width: 100%; text-align: center; display: block;}
span.wpcf7-list-item { display: inline-block; width: 100%; text-align: center; margin-left: 0; margin-bottom: 22px;}
.Gender input[type="radio"] {-webkit-appearance: none; border-radius: 10px; box-shadow: 0px 0px 5px #041f23,0px 2px 10px #0f6b7b; height: 35px; width: 90%; text-align: initial; cursor: pointer;}
.Gender input[type="radio"]:checked,.medicalclearance input[type="checkbox"]:checked{ background-color:rgba(21, 147, 168, 0.6);}
.contactform input[type="submit"] { font-size: 1.7em; -webkit-appearance: none; border-radius: 0px; box-shadow: 0px 0px 5px #041f23,0px 2px 10px #0f6b7b; height: 43px; width: 100%; background-color: #328694; color:#fff; display: block; border: none; cursor: pointer; margin: auto; margin-top: 10px; text-align: center;}
/*End Membership Mobile*/
}
@media screen and (max-width: 580px) {
.home .footergyminfo { width: 100%; }
}
@media screen and (max-width: 320px) {
	.site-branding, .mobile-site-branding	 {float: none;   width: 100%; padding:0 10px;}
	button.menu-toggle { width: 100%; top: 20px; position: relative;}
	.toggled button.menu-toggle { margin-bottom: 10px;}
	.site-branding img { padding-top: 15px; }
	.home .site-branding{ padding:0;}
	button.menu-toggle{padding:0 50px!important;}
}