/*
Theme Name: SE Sports Therapy
Theme URI: http://sesportstherapy.co.uk/
Author: Dean Wronowski
Author URI: https://www.deanwronowski.co.uk
Description: Bespoke theme for SE Sports Therapy
Version: 1.0
*/

/* *{
	-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} */


@font-face {
  font-family: 'Track';
  src: url('fonts/Track.eot?#iefix') format('embedded-opentype'),  url('fonts/Track.woff') format('woff'), url('fonts/Track.ttf')  format('truetype'), url('fonts/Track.svg#Track') format('svg');
  font-weight: normal;
  font-style: normal;
}


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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

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

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

/************* SITE STRUCTURE ************************************/
body{
		font-family: 'Lato', sans-serif;
		font-size:19px;
		color:#CECECE;
		line-height:28px;
    background:url(images/bg.svg) 50% 20% #141414 no-repeat;
		font-weight:100;
}

a{
	color:#8C8C8C;
	text-decoration: none;
}

.entry-content a, .split-row a{
  color:#00A6DA;
}

.split-row h3{
  margin-top:0px;
  color:#ffffff;
}
.entry-content{
	text-align: center;
	letter-spacing: 1px;
	max-width:70%;
	margin:0 auto;
}

a:hover{
	color:#00A6DA;
	text-decoration: none;
}

h1::before{
  content:"";
  position: absolute;
  background: url(images/title.svg) center center no-repeat;
  width:200px;
  margin:auto;
  height:200px;
  margin-top:-150px;
  right:0;
  left:0;
}
h1{
  font-family: 'Track';
  color:#ffffff;
	font-size:2.4em;
  position: relative;
  text-align: center;
	margin:auto;
	text-transform: uppercase;
	letter-spacing: 1.0px;
	letter-spacing: 0.05em;
	margin-top:15px;
  padding-top:85px;

	margin-bottom:10px;
	/* max-width:500px; */
}

h2{
  font-family: 'Track';
	color:#6395CE;
	font-size:1.8em;
  text-align: center;
	margin:0 auto;
	letter-spacing: 0.05em;
	margin-top:15px;
	margin-bottom:10px;
	padding-top:65px;
}
h2::before{
  content:"";
  position: absolute;
  background: url(images/title.svg) center center no-repeat;
  width:150px;
  margin:auto;
  height:150px;
  margin-top:-110px;
  right:0;
  left:0;
}

h3{
  font-family: 'Track';
	color:#00A6DA;
	font-size:1.2em;
	letter-spacing: 0.05em;
	margin-top:25px;
	margin-bottom:10px;
}
ul{
	padding-left: 15px;
	margin-left:0px;
  list-style-type: circle;
	margin-bottom:8px;
}
ul li{
		margin-bottom:8px;
}

/******** SPLIT ROWS *******/
.split-row{
  padding:4%;
  margin-top:10px;
  padding-top:0px;
  margin-bottom:45px;
}
.split-row img{
  width:100%;
  height:auto;
  max-width:100%;
}
/* .split-row .column-left{
  padding-right:4%;
}
.split-row .column-right{
  padding-left:4%;
} */
.split-row:nth-child(odd){

}
.split-row:nth-child(even){
}
.split-row h2{
  margin-top:0px;
  text-transform: uppercase;
  text-align: left;
  padding-left:0px;
  margin-left:0px;
  font-size:1.7em;
}
.split-row h2::before{
  left:0px;
  background-position: center left;
  right:inherit;
}
.split-row  ul{
  margin-top:20px;
  margin-bottom:20px;
}

/*********** HEADER ***********************/
header{
  margin-top:-15px;
  padding-bottom:8px;
}
header .site-title{
    text-align: left !important;
}
header .site-title svg{
  	max-width:350px;
}
header ul{
	margin-left:0px;
	padding-left:0px;
}
header .header-contact-details-block{
  text-align: right;
}

.menu-top-navigation-container{
  text-align: center;
  padding-top: 10px;
  padding-right: 50px;
  padding-bottom: 65px;
  font-family: 'Track';
  background: url(images/MenuBG.svg) center bottom no-repeat;

}
#menu-top-navigation{
  display: inline-block;
}
.menu-top-navigation-container ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.menu-top-navigation-container li {
	display: inline-block;
	margin-left:20px;
	margin-right:20px;
}
.menu-top-navigation-container li a {
    color:#ffffff;
    text-decoration: none;
    text-transform: lowercase;
    padding: 20px 0;
}
.menu-top-navigation-container li a:hover{
  color:#00A6DA;
}


header .menu-top-right-navigation-container{
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  margin-top:30px;
}
header .current_page_item > a, header .current_page_ancestor > a{
  color:#00A6DA;
}
footer .social-buttons{
	margin-top:20px;
}
footer .credit{
	margin-top:20px;
	font-size:0.9em;
}
.social-buttons .fa{
	font-size:1.5em;
}
header .menu .sub-menu {
    position: absolute;
    width: 300px;
    z-index: 4;
    background: #ffffff;
    margin-left: 0px;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}
header .menu .sub-menu li {
    display: block !important;
    text-align: left !important;
    margin-top:20px;
    margin-bottom:20px;
    border-right:0px transparent !important;
}
header .menu li:hover .sub-menu {
    display: block !important;
}

.clear{
  clear:both;
}
.menu-top-right-navigation-container{
	text-align:right;
}
.menu-top-right-navigation-container li{
	display: inline-block;
	line-height: 22px;
	margin-left:20px;
  font-size:0.9em;
	padding-right:20px;
	border-right:1px solid #CCCCCC;
  letter-spacing: 1.0px;
  text-transform: uppercase;;
}
.menu-top-right-navigation-container li:last-child{
	border-right:0px solid transparent;
  padding-right:0px;
  margin-right:0px;
}

/******** ARROW BUTTONS **********/
.arrowbutton-svg:hover .st0{
  fill:#00A6DA !important;
}

/************* WHO WE ARE ***************/
.page-id-144 .split-row img{
  max-width:300px;
}

/********* MINI BLOG BLOCKS ***************/
.mini-blog-item{
  /*border:1px solid #00A6DA;*/
  width:100%;
  /*padding:2%;*/
  text-align: left;
  padding-top:0px;
}
.mini-blog-item h2{
  font-size:1.2em;
  margin-top:0px;
  max-width:100%;
  padding-bottom:0px;
  margin-bottom:8px;
  text-align: left;
  background: none;
}
.mini-blog-item-image-overlay{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6e4b96+0,6e4b96+100&0.8+0,0.8+100 */
  background: -moz-linear-gradient(top, rgba(110,75,150,0.8) 0%, rgba(110,75,150,0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(110,75,150,0.8) 0%,rgba(110,75,150,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(110,75,150,0.8) 0%,rgba(110,75,150,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6e4b96', endColorstr='#cc6e4b96',GradientType=0 ); /* IE6-9 */
  display: table;
  width:100%;
  height:100%;

}
.mini-blog-item-image-overlay-text{
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  color:#ffffff;
  font-size:1.2em;
  padding:8%;

}
.mini-blog-item-image{
    position: relative;
    width: 100%;
    height: 300px;
    -webkit-background-size: cover !important;
    margin-bottom:20px;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
}

/************* POST ************/
.single .post-meta-text{
  font-size:1.1em;
  margin-bottom:30px;
}
.single .entry-content h2{
  text-align: left;
  background: none;
  padding-bottom:0px;
   max-width:100%;
   margin-top:30px;
   margin-bottom:10px;
}
.entry-content img{
  max-width:80%;
  margin:0 auto;
  display: block;
  margin-top:20px;
  margin-bottom:20px;
  width:100%;
  height:auto;
}
.entry-content strong{
font-weight:100;
}
.entry-content h3{
  font-weight:100;
  font-size:1.3em;
	text-transform: uppercase;
	color:#ffffff;
	margin-top:45px;
}
.entry-content .wp-caption-text{
  text-align: center;
  font-size:0.8em;
  margin-top:-10px;
  /*color:#00A6DA;*/
}

.site-content{
  position: relative;
  z-index:2;
  padding-top:10px;
}

/************************ TESTIMONIALS ******************/
.testimonials-block{
	line-height:1.5em;
	text-align: center;
  margin-bottom:35px;
	margin-top:55px;
  position: relative;
  z-index:2;
}
.testimonials-block h2{

}
.testmonial-author{
	 font-size:0.8em;
	  font-style: normal;

}
.testmonial-block{
  background-image:url(images/speech-marks-left.png),url(images/speech-marks-right.png);
  background-position: left top, right, bottom;
  background-repeat: no-repeat, no-repeat;
	padding-left:10%;
	padding-right:10%;
}
.testmonial-block p{
    font-size:1.2em;
}

/*************** PAGINATION *********************/
.pagination-block{
  margin-top: 35px;
  /*border:1px solid #f6f6f6;*/
  /*padding:2%;*/
}
.pagination-block h3{
  margin-top:0px;
}
.pagination-block-left{
  text-align: left;
}
.pagination-block-right{
  text-align: right;
}
.pagination-block svg{
  margin-top:10px;
}

/**************** CALL TO ACTION BUTTONS ********************/
.cta-boxes-block{
	margin-top:35px;
  padding-bottom:25px;
}
.cta-btn-icon{
  margin:0 auto;
  max-width:200px;
}
.cta-btn:hover, .cta-btn:hover a{
  color:#00A6DA;
}
.cta-btn{
  padding:6% !important;
  width: 100%;

  font-size: 1.1em;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-decoration: none;
  border: 1px solid transparent;
text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;

	background: url(images/Button.svg) right bottom no-repeat;

}
.cta-btn:hover {

}
.cta-btn-desc{
  font-size:0.9em;
  margin-top:10px;
}
.cta-btn .cta-btn-text{
  font-size:1.3em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #00A6DA;
	margin-top:15px;
}
.cta-btn .cta-btn-text a{
	color:#ffffff;
}
.cta-boxes-wrapper .btn{
  display:block;
  white-space: normal;
}
.cta-btn:hover{
  cursor: pointer;
}
/******** ARROW BUTTONS **********/
.cta-btn:hover .arrowbutton-svg .st0{
  fill:#00A6DA !important;
}


/************ SLIDESHOW **************/
.slideshow-wrapper{
	background: #EAEAEA;
  position: relative;
  margin-top:20px;
}
.slideshow-item{
  position: relative;
  width:100%;
  height:auto;
}
.slideshow-item-landscape-image{
	position: relative;
	width:100%;
}

/*********** CLIENTS BLOCK **************/
.clients-block{
  height:400px;
  background: url(images/customers-block.jpg) center center fixed;
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
  margin-top:50px;
}

/*********** MINI CASE STUDIES ******************/
.mini-case-studies-block{
	text-align: center;
}
.mini-case-studies-block svg{
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 20px;
  margin-bottom: 20px;
}

header{
	text-align: center;

}
#headerlogo{
	margin:0 auto;
  max-width:370px;
  position: relative;
}

/*************** FOOTER **************/
footer{
  padding-bottom:60px;
position: relative;
z-index:2;
margin-top:30px;
text-align: center;
}
footer h3{
	margin-top:0px;
}
footer .social-buttons .fa{
  margin-left:5px;
}
#footerlogo{
  max-width:180px;
  margin-bottom:30px;
}
.header-contact-details-block{
	font-size:1.5em;
	font-weight:100;
	margin-top:20px;
}
.page-id-22 .footer-contact-details-block{
    display: none;
}
.page-id-22 #footerlogo{
  display: none;
}
.mobile-navigaton{
  display: none;
  padding:2%;
  padding-bottom:15px;
  text-align: center;
  cursor: pointer;

  text-align: center;
  font-family: 'Track';
  background: url(images/MenuBG.svg) center bottom no-repeat;
}

/***************** RESPONSIVE ***************/
@media only screen and (max-width: 768px) {
			body{
				font-size:15px;
			}
      .mobile-navigaton{
        display: block;
      }
      .site-content{
        padding-top:20px;
      }
      #menu-top-navigation{
        display: block;
      }
      .cta-boxes-block{
        padding-top:15px;
      }
      .cta-btn{
        max-width:200px;
        margin:0 auto;
      }
      .cta-boxes-wrappe{
        text-align: center;
      }
      h2{
        margin-top:40px;
      }
      .menu-top-navigation-container{
        display:none;
        padding:0px;
        background:none;
      }
      .menu-top-navigation-container li{
        display: block;
        margin-left:0px;
        margin-right:0px;
        padding:2%;
        border-bottom:1px solid #6395CE;
      }
      .menu-top-navigation-container li a{
        padding:0px;
      }
      .cta-btn .cta-btn-text{
        height:auto;
        margin-bottom:15px;
      }
      .split-row img{
        display: none;
      }
      .mini-case-studies-block svg{
        max-width:150px;
        margin-top:15px;
      }
      footer{
        text-align: center;
      }
			footer h3{
				margin-top:15px;
			}
			.menu-top-right-navigation-container{
				display: none;
        float:none !important;
			}
      .header-burger{
        display: block;
      }
      header .menu .sub-menu, header .menu li:hover .sub-menu{
        display: none !important;
      }
      header .header-contact-details-block{
        display: none;
      }
      header{
        text-align: center;
      }
			.entry-content{
				max-width:90%;
			}
      .menu-top-right-navigation-container li{
        width:100%;
        display: block;
        text-align: center;
        margin-left:0px;
        margin-right:0px;
        padding-left:0px;
        padding-right:0px;
        border:0px solid transparent;
        margin-top:20px;
        margin-bottom:20px;
      }
      .cta-boxes-wrapper > div:last-child .cta-btn{
        border-bottom:1px solid transparent !important;
      }
      .entry-content img{
        max-width: 100%;
      }
			#footerlogo{
				max-width:100px;
			}

}