/*
Theme Name: Fine Tune
Theme URI:
Author: Dean Wronowski
Author URI: https://www.deanwronowski.co.uk
Description: Bespoke theme for Fine Tune Music
*/


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

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

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


html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

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

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

/******************** SITE STRUCTURE *****************************/
body{
	background: #242424;
	color:#ffffff;
	font-size:18px;
    font-family: 'BrandonGrotesque-Light';
}

textarea, input{
  width:100%;
  color:#242424 !important;
  padding:5px;
}

.btn-dark{
  background:#e80f38 !important;
  padding:5px;
  color:#ffffff;
  cursor: pointer;
}

a{
  	color:#ffffff;
    text-decoration: none;
}

a:hover{
  color:#e80f38 !important;
  text-decoration: none;
}

.current_page_item a{
    color:#e80f38 !important;
}

h1{
		text-transform: uppercase;;
		font-size:2.7em;
    font-family: 'BrandonGrotesque-Bold';
    text-align: center;
    padding-top:65px;
    background: url(assets/images/Header1.png) center top no-repeat;
}

h2{
		text-transform: uppercase;;
		font-size:1.6em;
    margin-top:0px;
    font-family: 'BrandonGrotesque-Bold';
    min-height:60px;
    padding-left:45px;
    background: url(assets/images/Header2.png) left center no-repeat;
}

li{
  margin-bottom:8px;
}
.row{
  margin-bottom:40px;
}

ul{
  margin-left:0px;
  padding-left:18px;
}
header ul, footer ul{
  margin-left:0px;
  padding-left:0px;
}

header{
	background: url(assets/images/header.png) center top no-repeat;
	width:100%;
	position: absolute;
	min-height:231px;
	z-index:2;
  text-align: center;
}

header #site-logo{
	margin-top:20px;
}
header #site-image{
  	margin-top:-10px;
    margin-left:10px;
}
footer{
  background: #333333;
}

footer:before{
  height:80px;
  content: " ";
  position: absolute;
  left:0;
  margin-top:-80px;
  width:100%;
  background: url(assets/images/content-bottom.png) center top no-repeat
}
footer li{
  list-style: none;
}
footer h2{
  font-size:1.4em;
  margin-top:15px;
}

.credit{
  font-size:0.8em;
}

.entry-content{
  margin-bottom:40px
}

.site-content{
	padding:40px;
  padding-top:0px;
}
.site-content:before{
  height:80px;
  content: " ";
  position: absolute;
  left:0;
  margin-top:-80px;
  width:100%;
  background: url(assets/images/content-top.png) center top no-repeat;
}

.contact-form-block .row{
  margin-bottom:0px !important;
}

/************* CLIENT LOGOS ***********/
.client-logos{
  text-align: center;
}
.client-logos img{
  max-height:80px;
  width:auto;
  display: inline-block;
  margin-left:10px;
  margin-right:10px;
  height:auto;
  margin-bottom:10px;
}

/************** PARENT PAGES ********************/
.parent-page{
	background: url(assets/images/grass-top.png);
	padding:4%;
	text-align: center;
	margin-top:10px;
	padding-top:25px;
	font-size:1.3em;
	padding-bottom:25px;
	margin-bottom:10px;
	color:#ffffff;
}
.parent-page a{
	color:#ffffff;
	text-transform: uppercase;;
}

.parent-page{
	padding:7%;
  padding-top:0px;
	margin-bottom:30px;
	text-align: center;
  cursor: pointer;
}

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

.parent-page h3{
	margin-top:0px;
  letter-spacing: 1.0px;
	margin-bottom:0px;
}

.clear{
  clear:both;
}


/****************** TESTIMONIALS *****************************/
.testimonials-block {
    margin-top: 20px;
    margin-bottom:80px;
    line-height: 1.7em;
    text-align: center;
}
.testimonials-title{
  font-size:1.5em;
  letter-spacing: 0.05em;
  text-transform: uppercase;;
}
.testimonials-block h2{
  background: none !important;
  padding-left:0px !important;
    padding-top:0px !important;
    min-height:auto;
}
.testmonial-block {
}
.testmonial-author {
    font-size: 1em;
    font-style: normal;
    color: #e80f38;
    text-transform: uppercase;
    letter-spacing: 1.0px;
}

.testimonials-arrow-left, .testimonials-arrow-right{
  display: inline-block;
  padding:5px;
  background: #e80f38;
  color:#ffffff;
  padding-top:2px;
  padding-bottom:2px;
  font-size:1.5em;
  cursor: pointer;
}

.testimonials-arrow-left:hover, .testimonials-arrow-right:hover{
  background: #ffffff;
}

/*********************** SLIDESHOW *************************/
#header-slideshow{
  height:75vh;
	min-height:300px;
  margin-bottom:30px;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom:0px;
  position: relative;
}
.header-slideshow-item-image{
  position: relative;
  height:100%;
  height:100%;

  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position: 50% 50% !important;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.header-slideshow-circles{
  text-align: center;
  margin-top:20px;
}
.header-slideshow-circle{
  display: inline-block;
  margin-left:5px;
  margin-right:5px;
  background:#a0d1dc;
  border-radius: 50%;
  width:10px;
  height:10px;
  cursor: pointer;
}
.header-slideshow-circle.active{
  background:#5AC2DA;
}

#header-slideshow-images{
  height:100%;
  position: relative;
  width:100%;
  text-align: center;
  overflow: hidden;
}

.header-slideshow-item{
  position: absolute;
  width:100%;
  height:100%;


  -moz-transition: none !important;
  -webkit-transition:  none !important;
  transition:  none !important;
}


/*********************** STATIC SLIDESHOW *************************/
.static-slideshow-image{
  position: relative;
  width: 100%;
  max-width:100%;
}

.mobile-menu-top-navigation{
	display: none;
	color:#ffffff;
	cursor: pointer;
}

/******************** MENU *********************/
.menu-top-navigation-container{
  margin-top:80px;
  position: relative;
}
.menu-top-navigation-container li{
  display: inline-block;
  list-style: none;
  margin-right:21px;
}

/********************* RESPONSIVE ****************************/
@media only screen and (max-width: 800px) {
  header #site-image{
    display: none;
  }
	body{
		font-size:15px;
	}
  h2{
      background: url(assets/images/Header2.png) center top no-repeat;
      padding-left:0px;
      padding-top:65px;
      font-size:1.3em;
      text-align: center !important;
  }
	.menu-top-navigation-container li{
		padding:7px;
		display: block;
		width:100%;
	}
	.menu-top-navigation-container{
		font-size:1.4em;
    margin-top:30px;
	}
	.mobile-menu-top-navigation{
		display: block;

	}
  .site-content{
    padding:5px;
  }
  h2{
    margin-top:20px;
  }
  footer{
    margin-top:30px;
    text-align: center;
  }
  header{
    text-align: center;
  }
  #header-slideshow{
    height:95vh;
  }
  .parent-page-item-image{
    height:200px;
  }
}

.contact-bar{
	background: url(assets/images/grass-top.png) center top repeat-x #068207;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 5px;
	color:#ffffff;
	text-transform: uppercase;;
	font-size:1.3em;
	letter-spacing: 1.0px;
}
.contact-bar a{
		color:#ffffff;
}