/*

Theme Name: cotts_sports

Theme URI: http://underscores.me/

Author: Underscores.me

Author URI: http://underscores.me/

Description: Description

Version: 1.0-wpcom

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: cotts_sports

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.



 cotts_sports is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.



Resetting and rebuilding styles have been helped along thanks to the fine work of

Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

and Blueprint http://www.blueprintcss.org/

*/







 



/*--------------------------------------------------------------

Reset

--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,  *:before,  *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing: border-box;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,  aside,  details,  figcaption,  figure,  footer,  header,  main,  nav,  section {
	display: block;
}

ol,  ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,  th,  td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,  blockquote:after,  q:before,  q:after {
	content: "";
}

blockquote,  q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,  a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------

Elements

--------------------------------------------------------------*/

body {
	background: #eee;
}

body,  button,  input,  select,  textarea {
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

h1,  h2,  h3,  h4,  h5,  h6 {
	clear: both;/*font-weight: 700;*/

}

h1 {
	color: #128A99;
	font-size: 30px;
	margin-bottom: 30px;
	text-transform: uppercase;
}

h2 {
	color: #128A99;
	font-size: 26px;
	margin-bottom: 25px;
}

h3 {
	color: #128A99;
	font-size: 24px;
	margin-bottom: 20px;
}

h4 {
	color: #333333;
	font-size: 20px;
	margin-bottom: 15px;
}

h5 {
	color: #333333;
	font-size: 18px;
	margin-bottom: 10px;
}

h6 {
	color: #333333;
	font-size: 16px;
	margin-bottom: 5px;
}

@media screen and (max-width: 768px) {

h1 {
	margin-bottom: 15px;
}

h2 {
	margin-bottom: 15px;
}

h3 {
	margin-bottom: 10px;
}

h4 {
	margin-bottom: 10px;
}

h5 {
	margin-bottom: 5px;
}
}

p {
	margin-bottom: 25px;
}

b,  strong {
	font-weight: bold;
}

dfn,  cite,  em,  i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,  kbd,  tt,  var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,  acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,  ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,  sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

hr {
	width: 100%;
	height: 7px;
	background: #40C1CC;
	position: relative;
	border: none;
	margin: 30px 0;
}

hr:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: #128A9A;
}

ul,  ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

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. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------

Forms

--------------------------------------------------------------*/

/* Fixes */

button,  input,  select,  textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,  input[type="button"],  input[type="reset"],  input[type="submit"] {
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	outline: none;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top; /* Improves readability and alignment in all browsers */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
 input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
 -webkit-appearance: none;
}

input[type="checkbox"],  input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
 button::-moz-focus-inner,  input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
 border: 0;
 padding: 0;
}

input[type="text"],  input[type="email"],  input[type="url"],  input[type="password"],  input[type="search"],  textarea {
	outline: none;
}

/* Styles */

.button,  button,  input[type="button"],  input[type="reset"],  input[type="submit"] {
	display: inline-block;
	border: 1px solid #128A99;
	color: #128A99;
	padding: 10px 20px;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 3px;
	background: none;
}

.button:hover,  button:hover,  input[type="button"]:hover,  input[type="reset"]:hover,  input[type="submit"]:hover {
	color: #40C1CC;
}

input[type="text"],  input[type="email"],  input[type="url"],  input[type="password"],  input[type="search"],  textarea {
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	padding: 10px;
	width: 100%;
}

textarea {
	width: 100%;
}

input[type="text"]:focus,  input[type="email"]:focus,  input[type="url"]:focus,  input[type="password"]:focus,  input[type="search"]:focus,  textarea:focus {
	border: 1px solid #ddd;
}

.wpcf7 input[type="submit"] {
	float: right;
}

/*--------------------------------------------------------------

Links

--------------------------------------------------------------*/

a {
	color: #40C1CC;
	text-decoration: none;
}

a:hover,  a:focus,  a:active {
	color: #128A9A;
}

/*--------------------------------------------------------------

Transition

--------------------------------------------------------------*/

a, button, input, textarea, .transition {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*--------------------------------------------------------------

Nagivation Items

--------------------------------------------------------------*/

.site-main .comment-navigation,  .site-main .paging-navigation,  .site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,  .paging-navigation .nav-previous,  .post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,  .paging-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: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	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-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 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;
}

.clear,  .entry-content,  .comment-content,  .site-header,  .site-content,  .site-footer {
	zoom: 1;
}

/*--------------------------------------------------------------

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

--------------------------------------------------------------*/

.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline,  .updated:not(.published) {
	display: none;
}

.single .byline,  .group-blog .byline {
	display: inline;
}

.page-content,  .entry-content,  .entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0;
}

/*--------------------------------------------------------------

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 .paging-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 img.wp-smiley,  .entry-content img.wp-smiley,  .comment-content img.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;
}

/*--------------------------------------------------------------

Flexslider

--------------------------------------------------------------*/

.flex-container a:active,  .flexslider a:active,  .flex-container a:focus,  .flexslider a:focus {
	outline: none;
}

.slides,  .flex-control-nav,  .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	width: 100%;
	display: block;
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flexslider {
	margin: 0;
	background: #116D7F;
	position: relative;
	zoom: 1;
	overflow: hidden;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px;
}

.flex-direction-nav {
*height: 0;
}

.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 50px;
	height: 100px;
	margin: 0 10px;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	line-height: 1;
}

.flex-direction-nav .flex-prev {
	left: -50px;
}

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right;
	 -webkit-transform: translateY(-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
      -ms-transform: translateY(-50%); /* IE 9 */
          transform: translateY(-50%); /* IE 10, Fx 16+, Op 12.1+ */
}

.flexslider:hover .flex-prev {
	opacity: 0.7;
	left: 10px;
}

.flexslider:hover .flex-next {
	opacity: 0.7;
	right: 10px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
}

.flex-direction-nav a:before {
	font-family: "FontAwesome";
	font-size: 100px;
	display: inline-block;
	content: '\f104';
}

.flex-direction-nav a.flex-next:before {
	content: '\f105';
}

/*.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover  { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }*/



.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
	z-index: 10;
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display: inline;
}

.flex-control-paging li a {
	width: 15px;
	height: 15px;
	display: block;
	background: #012432;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

.flex-control-paging li a:hover {
	background: #fff;
}

.flex-control-paging li a.flex-active {
	background: #fff;
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

@media screen and (max-width: 860px) {

.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 10px;
}

.flex-direction-nav .flex-next {
	opacity: 1;
	right: 10px;
}
}

/*--------------------------------------------------------------

Column Classes

--------------------------------------------------------------*/

.five-sixths,  .four-sixths,  .four-fifths,  .one-fifth,  .one-fourth,  .one-half,  .one-sixth,  .one-third,  .three-fourths,  .three-fifths,  .three-sixths,  .two-fourths,  .two-fifths,  .two-sixths,  .two-thirds {
	float: left;
	margin-left: 3%;
}

.one-half,  .three-sixths,  .two-fourths {
	width: 48.5%;
}

.one-third,  .two-sixths {
	width: 31.333333333333%;
}

.four-sixths,  .two-thirds {
	width: 65.666666666667%;
}

.one-fourth {
	width: 22.75%;
}

.three-fourths {
	width: 74.25%;
}

.one-fifth {
	width: 17.6%;
}

.two-fifths {
	width: 38.2%;
}

.three-fifths {
	width: 58.8%;
}

.four-fifths {
	width: 79.4%;
}

.one-sixth {
	width: 14.166666666667%;
}

.five-sixths {
	width: 82.833333333333%;
}

.first-column {
	clear: both;
	margin-left: 0;
}

/*--------------------------------------------------------------

Header

--------------------------------------------------------------*/

.site-header {
	border-bottom: 1px solid #eee;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

.site-header.dark-header {
	background: rgba(0,0,0,0.4);
}

.site-header.sticky {
	background: #128A99;
}

.site-header-container {
	max-width: 1040px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
}

.site-header .site-branding {
	float: left;
}

.site-header .site-branding .site-title {
	margin: 0;
}

.site-header .site-branding .site-title a,  .site-header .site-branding .site-title img {
	display: block;
}

@media screen and (min-width: 901px) {

.site-header .site-branding {
	display: block !important;
}
}

@media screen and (max-width: 900px) {

.site-header {
	background: #128A99;
}
}

/*--------------------------------------------------------------

Menu

--------------------------------------------------------------*/

.main-navigation {
	float: right;
	margin: 8px 0;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	display: inline-block;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 10px 8px;
	text-transform: uppercase;
	color: #fff;
	transition: all ease-in-out .3s;
}

.main-navigation a:hover {
	background-color: #40C1CC;
}

.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 {
	background-color: #40c1cc;
}

.main-navigation ul li:hover > ul {
	background-color: #128a99;
	left: auto;
	margin-top: 20px;
}

.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;
}

@media screen and (min-width: 901px) {

.main-navigation ul ul {
	display: block !important;
}
}

@media screen and (max-width: 900px) {

.menu-toggle,  .main-navigation.toggled .nav-menu {
	display: block;
}

.main-navigation.toggled .nav-menu {
	padding-top: 80px;
}

.main-navigation .nav-menu {
	display: none;
}

.main-navigation {
	float: none;
	margin: 0;
}

button.menu-toggle {
	float: right;
	background: #40C1CC;
	border: 1px solid #40C1CC;
	color: #fff;
	font-size: 16px;
	margin-top: 8px;
}

.main-navigation li {
	display: block;
}

.main-navigation li.menu-item-has-children > a:after {
	content: "\f107";
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'FontAwesome';
	font-size: 42px;
	line-height: 1;
	height: 42px;
	padding-right: 10px;
	color: #fff;
}

.main-navigation li.menu-item-has-children.active-sub-menu > a:after {
	content: "\f106";
}

.main-navigation a {
	border-bottom: 1px solid #40C1CC;
}

.main-navigation ul ul {
	position: static;
	box-shadow: none;
	float: none;
	display: none;
}

.main-navigation ul li:hover > ul {
	margin-top: 0;
}

.main-navigation ul ul a {
	width: auto;
	padding-left: 25px;
}
}

@media screen and (max-width: 400px) {

.site-header .site-branding {
	float: none;
	text-align: center;
	margin-bottom: 20px;
}

.site-header .site-branding .site-title {
	text-align: center;
}

.site-header .site-branding .site-title a, .site-header .site-branding .site-title img {
	display: inline-block;
}

button.menu-toggle {
	float: none;
	margin: 0 auto;
}

.main-navigation.toggled .nav-menu {
	padding-top: 20px;
}
}

/*--------------------------------------------------------------

Affiliates

--------------------------------------------------------------*/



.affiliate-logos {
	text-align: center
}

.affiliate-logos img {
	margin: 2px 20px;
}

.affiliate-logos img:hover {
	opacity: .8;
	transition: all ease-in-out .2s
}

/*--------------------------------------------------------------

Hero / Slider

--------------------------------------------------------------*/

.site-hero-container {
	position: relative;
	overflow: hidden;
	background: #116D7F;
}

.site-hero {
	position: relative;
	height: 350px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.site-hero img {
	display: block;
}

.site-hero-overlay {
	height: 100%;
	padding-top: 100px;
}

.hero-image-slider-caption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
}

.site-hero-overlay-table,  .hero-image-slider-caption-table {
	display: table;
	width: 100%;
	height: 100%;
}

.site-hero-overlay-text {
	vertical-align: middle;
	display: table-cell;
}

.hero-image-slider-caption-text {
	vertical-align: middle;
	display: table-cell;
}

.hero-image-slider-caption-text h1.entry-title {
	padding: 100px 100px 0;
	font-size: 70px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-weight: 700;
	margin: 0;
}

.site-hero-overlay-text h1.entry-title {
	margin: 0;
	font-size: 70px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-weight: 700;
}

/* site hero map */

.site-hero-map {
	position: relative;
	overflow: hidden;
}

#map {
	height: 450px;
	max-width: 100%;
}

#map img {
	max-width: none;
}

.gm-style-iw {
	width: 250px;
}

.gm-style-iw * {
	display: block;
	width: 100% !important;
}

.gm-style-iw h4, .gm-style-iw p {
	margin: 0;
	padding: 0;
}

.gm-style-iw a {
	color: #4272db;
}

@media screen and (max-width: 1100px) {

.hero-image-slider-caption-text h1.entry-title {
	font-size: 60px;
}

.site-hero-overlay-text h1.entry-title {
	font-size: 60px;
}
}

@media screen and (max-width: 900px) {

.site-hero-slider {
	margin-top: 98px;
}

.flex-direction-nav a {
	width: 20px;
	height: 50px;
	margin: -25px 0 0;
}

.flex-direction-nav a:before {
	font-size: 50px;
}

.hero-image-slider-caption-text h1.entry-title {
	font-size: 40px;
	padding: 0 50px;
}

.site-hero-overlay-text h1.entry-title {
	font-size: 40px;
	padding: 0 50px;
}

.site-hero-overlay {
	padding-top: 0;
}
}

@media screen and (max-width: 600px) {

.hero-image-slider-caption-text h1.entry-title {
	font-size: 30px;
}

.site-hero-overlay-text h1.entry-title {
	font-size: 30px;
}

.site-hero {
	height: 300px;
}
}

@media screen and (max-width: 500px) {

.flex-direction-nav {
	display: none;
}

.flex-control-nav {
	display: none;
}
}

@media screen and (max-width: 400px) {

.site-hero {
	height: 250px;
}
}

/*--------------------------------------------------------------

Content / Body

--------------------------------------------------------------*/

.site-content {
	background: #eee;
}

.site-main {
	max-width: 1040px;
	padding: 60px 20px;
	margin: 0 auto;
}

/*--------------------------------------------------------------

Site Gallery

--------------------------------------------------------------*/

.site-gallery {
	position: relative;
	overflow: hidden;
}

.site-gallery-images {
	border-bottom: 7px solid #40c1cc;
	border-top: 7px solid #40c1cc;
	height: 213px;
	width: 1000%;
	background-color: #222
}

.site-gallery-image {
	float: left;
}

.site-gallery-image img {
	display: block;
	height: 200px;
	width: auto;
}

.site-gallery-button {
	text-align: center;
	padding: 30px 0;
}

/*--------------------------------------------------------------

Footer

--------------------------------------------------------------*/

.site-footer {
	background: #40C1CC;
	padding: 20px 0;
}

.site-footer a {
	display: inline-block;
	color: #333;
	margin-right: 30px;
}

.site-footer a:hover {
	color: #128A9A;
}

.site-footer .site-info {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
}

@media screen and (max-width: 1000px) {

.site-footer {
	padding: 20px 0 5px
}

.site-footer .site-info {
	text-align: center;
}

.site-footer a {
	display: block;
	text-align: center;
	margin: 0 0 15px;
}

.site-footer a.button {
	display: inline-block;
}
}

/*--------------------------------------------------------------

Home Page

--------------------------------------------------------------*/

.home-blocks {
}

.home-blocks a {
	width: 25%;
	float: left;
	padding: 70px 10px;
	text-transform: uppercase;
	color: #fff;
	font-size: 2.4rem;
	font-size: 24px;
	text-align: center;
}

.home-blocks .home-block-first {
	background: #128A99;
}

.home-blocks .home-block-second {
	background: #40C1CC;
}

.home-blocks .home-block-third {
	background: #68C5B8;
}

.home-blocks .home-block-fourth {
	background: #60A4D7;
}

a.home-block span {
	border-radius: 3px;
	padding: 0;
	border: 1px solid transparent;
}

a.home-block:hover span {
	border: 1px solid #fff;
	padding: 10px 15px;
}

.home-heading {
	text-align: center;
	margin: 0 0 40px 0;
}

.home-services {
	border: 1px solid #40C1CC;
}

.home-services-heading {
	background: #40C1CC;
	padding: 20px;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}

.home-services ul {
	padding: 20px;
	margin: 0 0 0 20px;
	list-style-image: url('images/list-squares.jpg');
}

.home-services ul li {
	margin-bottom: 10px;
}

@media screen and (max-width: 1000px) {

.home-blocks a {
	width: 50%;
	padding: 50px 10px;
}
}

@media screen and (max-width: 768px) {

.home-left-content.one-half,  .home-right-content.one-half {
	margin-left: 0;
	width: 100%;
	float: none;
}

.home-right-content.one-half {
	margin-top: 30px;
}
}

@media screen and (max-width: 500px) {

.home-blocks a {
	width: 100%;
	padding: 30px 10px;
	font-size: 20px;
}
}

/*--------------------------------------------------------------

Services Page

--------------------------------------------------------------*/

.services-navigation {
	width: 20%;
	float: left;
}

.services-navigation .services-navigation-page a {
	padding: 12px;
	background: #ccc;
	display: block;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 3px;
	border-right: 0px solid #40C1CC;
	text-align: center;
	font-size: 16px;
}

.services-navigation .services-navigation-page a.active-nagigation-page,  .services-navigation .services-navigation-page a:hover {
	border-right: 7px solid #40C1CC;
}

.services-content {
	padding-left: 70px;
	padding-right: 30px;
	width: 60%;
	float: left;
}

.services-quote {
	width: 20%;
	float: left;
	margin-top: 90px;
	padding-left: 10px;
	border-left: 5px solid #128A9A;
	color: #128A9A;
	font-size: 18px;
}

@media screen and (max-width: 1000px) {

.services-quote {
	width: 72%;
	float: left;
	border-left: 3px solid #128A9A;
	margin: 20px 0 0 28%;
}

.services-navigation {
	width: 25%;
}

.services-content {
	width: 75%;
	padding-left: 30px;
	padding-right: 30px;
}
}

@media screen and (max-width: 700px) {

.services-navigation {
	width: 100%;
	float: none;
}

.services-navigation .services-navigation-page a {
	padding: 10px;
	background: #ddd;
	font-size: 14px;
	margin-bottom: 5px;
}

.services-content {
	width: 100%;
	padding: 20px 0 0;
	float: none;
}

.services-quote {
	width: 100%;
	float: none;
	border-left: 3px solid #128A9A;
	margin: 20px 0 0;
}
}

/*--------------------------------------------------------------

Clinical Pilates Page

--------------------------------------------------------------*/

.pilates-block-container > div {
	border: 2px solid #40c1cc;
	box-shadow: 0 0 3px 0 #ddd;
	min-height: 525px;
}

.pilates-block-container > div h3 {
	font-size: 18px;
	text-align: center;
	background: #40c1cc;
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
}

.pilates-block-container > div .pilates-block-content {
	padding: 20px 20px 0;
}

.pilates-block-container > div .subtitle {
	font-size: 16px;
	background: #ddd;
	padding: 10px;
	color: #666;
	text-align: center;
}

.pilates-block-container > div .pilates-price {
	text-align: center;
	padding: 25px 0 0;
	border-top: 3px solid #ccc;
	font-size: 18px;
	color: #40c1cc;
	font-weight: 700;
}

.pilates-block-container > div .pilates-price.no-border {
	border: none;
	padding: 10px 0 0;
}

.pilates-block-container > div .pilates-price span {
	color: #333;
	font-size: 14px;
	font-weight: 400;
}

@media screen and (max-width: 768px) {

.pilates-block-container > div.one-third {
	width: 100%;
	float: none;
	min-height: 0;
	margin-left: 0;
	margin-bottom: 30px;
}
}

/*--------------------------------------------------------------

Galleries

--------------------------------------------------------------*/

.gallery-container .post-image-container {
	position: relative;
}

.gallery-container .type-gallery .image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gallery-container .type-gallery:hover .image-overlay {
	background: rgba(0,0,0,0.3);
}

.gallery-container .post-image-container a,  .gallery-container .post-image-container img {
	display: block;
}

.gallery-container .gallery .entry-header h2 {
	font-size: 16px;
	margin-bottom: 0;
	line-height: 1.3;
}

.gallery-container .gallery .entry-header h2 a {
	color: #fff;
	display: block;
	background: #40C1CC;
	text-align: center;
	padding: 10px;
}

.gallery-container .gallery:hover .entry-header h2 a {
	background: #128A9E;
}

.gallery-container .gallery.masonry-item {
	width: 31%;
	margin: 1%;
	float: left;
}

.gallery-container.masonry-halves .gallery.masonry-item {
	width: 48%;
}

.gallery-container.masonry-full .gallery.masonry-item {
	width: 100%;
	margin: 10px 0;
}

/*--------------------------------------------------------------

Single Gallery

--------------------------------------------------------------*/

.single-gallery .gallery-header {
	float: left;
}

.single-gallery .back-to-gallery {
	float: right;
	padding-left: 20px;
}

.single-gallery-image .image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.single-gallery-image:hover .image-overlay {
	background: rgba(0,0,0,0.3);
}

.single-gallery-image {
	position: relative;
}

.single-gallery-image a,  .single-gallery-image img {
	display: block;
}

.single-gallery-image.masonry-item {
	width: 18%;
	margin: 1%;
	float: left;
}

.masonry-fourths .single-gallery-image.masonry-item {
	width: 23%;
}

.masonry-thirds .single-gallery-image.masonry-item {
	width: 31%;
}

.masonry-halves .single-gallery-image.masonry-item {
	width: 48%;
}

.masonry-full .single-gallery-image.masonry-item {
	width: 100%;
	margin: 10px 0;
}

@media screen and (max-width: 860px) {

.single-gallery .gallery-header {
	float: none;
}

.single-gallery .gallery-header h1 {
	margin-bottom: 10px;
}

.single-gallery .back-to-gallery {
	float: none;
	padding-left: 0;
	margin-bottom: 20px;
}

.single-gallery .back-to-gallery .button {
	padding: 5px 10px;
	font-size: 14px;
}
}

/*--------------------------------------------------------------

Contact Page

--------------------------------------------------------------*/

.contact-sidebar {
	color: #128A9A;
}

.contact-sidebar a {
	color: #128A9A;
}

.contact-sidebar a:hover {
	color: #40C1CC;
}

.contact-sidebar a.contact-phone-button {
	border: 1px solid #128A9A;
	background: #40C1CC;
	padding: 10px 20px;
	display: inline-block;
	color: #fff;
	border-radius: 3px;
}

.contact-sidebar a.contact-phone-button:hover {
	color: #128A9A;
}

.contact-sidebar .contact-phone-button i {
	font-size: 24px;
	vertical-align: middle;
	padding-right: 5px;
}

.contact-opening-hours {
	color: #128A9A;
	/*font-weight: 700;*/

	margin-top: 20px;
}

.contact-address-container {
	margin-top: 30px;/*font-weight: 700;*/

}

.contact-address-container i {
	display: inline-block;
	vertical-align: top;
	line-height: 1.5;
	padding: 0 7px 0 3px;
	font-size: 18px;
}

.contact-address-container .contact-address {
	display: inline-block;
	vertical-align: top;
}

.contact-details-container {
	/*font-weight: 700;*/

	margin-top: 30px;
}

.contact-details-container > div {
	margin-bottom: 3px;
}

.contact-details-container i {
	padding-right: 10px;
}

span.wpcf7-not-valid-tip {
	display: none;
}

div.wpcf7-response-output {
	margin: 0 0 20px 0;
	padding: 10px;
}

div.wpcf7-validation-errors {
	border: 2px solid #C31A1A;
	background: #FFE0E0;
	color: #C31A1A;
}

input[type="text"].wpcf7-not-valid,  input[type="email"].wpcf7-not-valid,  input[type="url"].wpcf7-not-valid,  input[type="password"].wpcf7-not-valid,  input[type="search"].wpcf7-not-valid,  textarea.wpcf7-not-valid {
	border: 1px solid #C31A1A;
}

@media screen and (max-width: 900px) {

.one-third.contact-sidebar {
	width: 40.333333%;
}

.two-thirds.contact-form {
	width: 56.666667%;
}

.contact-form .one-half {
	width: 100%;
	float: none;
	margin-left: 0;
}
}

@media screen and (max-width: 700px) {

.one-third.contact-sidebar {
	width: 100%;
	float: none;
	margin-left: 0;
	text-align: center;
}

.two-thirds.contact-form {
	width: 100%;
	float: none;
	margin-left: 0;
	margin-top: 30px;
}
}

/*--------------------------------------------------------------

Lightbox

--------------------------------------------------------------*/

body:after {
	content: url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png);
	display: none;
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.lightbox a img {
	border: none;
}

.lb-outerContainer {
	position: relative;
	background-color: white;
 *zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-container {
	padding: 4px;
}

.lb-loader {
	display: none !important;
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;/*background: url(images/loading.gif) no-repeat;*/

}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container > .nav {
	left: 0;
}

.lb-nav a {
	outline: none;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}

.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(images/prev.png) left 48% no-repeat;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(images/next.png) right 48% no-repeat;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
 *zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-data {
	padding: 0 4px;
	color: #ccc;
}

.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}

.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}

.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(images/close.png) top right no-repeat;
	text-align: right;
	outline: none;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
	cursor: pointer;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

li.book-now a {
	background-color: #40C1CC;
	border-radius: 3px;
}

li.book-now a:hover {
	background-color: #128A99
}

/*--------------------------------------------------------------

Staff

--------------------------------------------------------------*/


.mobile-only { display:none !important} 


.staff-intro {
	max-width: 620px;
	margin: 10px auto 40px;
}

.staff-intro h1 {
}

.staff-member {
	border-top: 3px solid #dddddd;
	clear: both;
	padding: 30px 0;
}

.staff-member-image {
	float: left;
	width: 20%;
}

.staff-member-image img {
	width: 100%;
}

.staff-member-details {
	float: left;
}

.staff-member-details {
	float: left;
	margin-left: 5%;
	width: 70%;
}

.staff-member-acknowledgements {
	border-left: 3px solid #128a99;
	color: #128a99;
	margin-bottom: 20px;
	padding-left: 20px;
}

@media screen and (max-width: 700px) {

.staff-member-image {
	float: none;
	width: 100%;
	text-align: center;
}

.staff-member-image img {
	width: auto;
}

.staff-member-details {
	margin: 20px 0 0;
	float: none;
	width: 100%;
}

.staff-member-name {
	text-align: center;
}
}

/*--------------------------------------------------------------

Apointments

--------------------------------------------------------------*/

.appointments .services-content {
	width: 80%;
}

@media screen and (max-width: 1000px) {

.appointments .services-navigation {
	width: 25%;
}

.appointments .services-content {
	width: 75%;
	padding-left: 30px;
	padding-right: 30px;
}
}

@media screen and (max-width: 700px) {

.appointments .services-navigation {
	width: 100%;
	float: none;
}

.appointments .services-navigation .services-navigation-page a {
	padding: 10px;
	background: #ddd;
	font-size: 14px;
	margin-bottom: 5px;
}

.appointments .services-content {
	width: 100%;
	padding: 20px 0 0;
	float: none;
}
}


/*--------------------------------------------------------------

2017 home page

--------------------------------------------------------------*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.stronger-fitter-better { margin: 10px 0 55px;}

.page-template-templatespage-home-2017-php .site-main { max-width:1000px;}

.home-intro { font-size: 18px;
    font-weight: 100;}

.book-button {
    background-color: #128a99;
    padding: 23px 50px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
}

.book-button:hover, .news-signup input[type="submit"]:hover { color:#fff; background-color:#40C1CC}

h4.home-heading { margin:45px 0 60px}

.news-signup {
    border: solid 4px #128a99;
    margin: 100px auto;
    padding: 40px 40px 35px 40px;
    text-align: center;
}

.mc-field-group {
    width: 28%;
    margin: 15px .5% 40px;
    /* float: left; */
    display: inline-block;
}

.news-signup input[type="submit"] {
    position: absolute;
    transform: translate(-50%);
    background-color: #128A99;
    color: #fff;
    border-radius: 0;
	padding: 23px 50px;
	    font-size: 20px;
}

.large-para { font-size:18px; font-weight:100}

.site-gallery-button {padding: 30px 0 10px;} 

.page-template-templatespage-home-2017-php .hero-image-slider-caption-text h1.entry-title {
	padding:0
	}

.video-crop {
	height: 48.2vw;
    overflow: hidden;
    position: relative;
}

.videoWrapper {
    position: absolute;
    top: 40%;
    width: 100%;
    
	-webkit-transform: translateY(-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
      -ms-transform: translateY(-50%); /* IE 9 */
          transform: translateY(-50%); /* IE 10, Fx 16+, Op 12.1+ */
}



.virtual-physio {
    padding: 150px 0;
    background-color: #575757;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.virtual-heading {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.book-virtual {
    font-size: 26px;
    margin-bottom: 40px;
}

.virtual-physio .button {
	background-color: #128A99;
	color: #fff;
	font-weight: bold;
}

.virtual-physio .button:hover {
	background-color:#fff;
	border-color:#fff;
	color:#128A99;
}

.container {
    max-width: 1000px;
    margin: auto;
    padding: 0 20px;
}

	
@media screen and (max-width: 1000px) { 

.news-signup { margin:100px 20px}

.mc-field-group {
    width: 31%;
}

}


@media screen and (max-width: 900px) { 

.page-template-templatespage-home-2017-php .site-header {
    position: relative;
}

.news-signup input[type="submit"] {margin-top: 17px;}

}

@media screen and (max-width: 700px) { 
	
	.container {
    padding: 0 35px;
}


.mc-field-group {
    width: 60%;
    margin: 15px .5% 0px;
    /* float: left; */
    display: inline-block;
}

#mc_embed_signup_scroll { margin-bottom:20px;}

#mc-embedded-subscribe input { margin-top:20px;} 

.video-crop {
	height: 50vw;
}

.videoWrapper {
    top: 41%;
}

.mc-field-group { width:100%}

.site-main.news-signup { margin-top:70px}

.page-template-templatespage-home-2017-php .site-main {padding: 35px;}

}


.book-bt {
    float: right;
    background-color: #40C1CC;
    border: none !important;
    font-size: 16px;
    padding: 11px 20px !important;
    margin: 8px 0 0 10px;
}

@media screen and (max-width: 900px) { 
.mobile-only { display:inline-block !important} 

li.book-now a { display:none}
}

@media screen and (max-width: 400px) { 
	
	.virtual-heading  {
		font-size:20px;
	}
	
	.virtual-physio {
		padding:70px 0;
	}
	
	.book-virtual {
    font-size: 15px;
    margin-bottom: 40px;
    line-height: 1.2;
}
	
.book-bt { float:right;
margin:0 auto;
display:block; }
.main-navigation { text-align:center}

button.menu-toggle { float:left !important}

.main-navigation.toggled .nav-menu {padding-top: 60px;}
}