/*
Theme Name: Frontwards
Theme URI: http://frontwardsdesign.co.uk
Description: So barebones it barely exists.
Version: 1.01
Author: Oliver Fisher
Author URI: http://frontwardsdesign.co.uk
*/

/*====================================
  +++GLOBAL+++
  ====================================*/

body {
	font-family: 'freight-text-pro', Georgia, 'Times New Roman', serif;
	font-size: 100%;
	line-height: 1.5;
 	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	-ms-font-feature-settings: "kern";
	-o-font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	font-feature-settings: "kern";
	background: #fff;
	color: #421200;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.group:after{
  content: " ";
  display: table;
  clear: both;
}

img{
	width: auto;
	max-width: 100%;
	height: auto;
}

/* LINKS */

a{
	text-decoration: none;
	color: #421200;
	-webkit-transition: color .2s, background .2s;
	-moz-transition: color .2s, background .2s;
	transition: color .2s, background .2s;
}

a:hover, a:focus, a:active{
	color: #9e1906;
}

button{
	display: block;
	-webkit-appearance: none;
	margin: 2.5em 0 0 0;
	padding: 1.25em;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	font-weight: 500;
	border:0;
	background: #421200;
	color: #fff;
	-webkit-transition: color .2s, background .2s;
	-moz-transition: color .2s, background .2s;
	transition: color .2s, background .2s;
	border-radius: 3px;
}

/*button:hover,
button:focus,
button:active{
	color: #fff;
	background: #9e1906;
}
*/
.button-link{
	display: block;
}

.button-link:hover button,
.button-link:focus button,
.button-link:active button{
	color: #fff;
	background: #9e1906;
}

.full-width{
	width: 100%;
}

/* VIDEO */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* AUDIO */

audio {
	display: block;
	width: 100%;
}

/* HEADER + MENU */

header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9997;
	padding: 0.75em 1.25em;
	line-height: 1;
	background: #fbf3df;
}

#main-menu{
	display: none;
	position: absolute;
	top: 0.75em;
	right: 0;
	padding: 0.875em 10em 0.875em 0;
}

.menu-item{
	float: left;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 500;
}

#main-menu .menu-item{
	position: relative;
	margin: 0 0 0 1.5em;
}

#main-menu a{
	display: block;
}

#main-menu .current-menu-item a,
#main-menu .current_page_parent a{
	color: #5F9EA0;
}

.current-menu-item a{
	cursor: default;
}

#main-menu .current-menu-item a:hover,
#main-menu .current-menu-item a:focus,
#main-menu .current-menu-item a:active{
	color: #5F9EA0;
}

/* RESPONSIVE MENU */

.responsive-menu-button {
	position: fixed;
	top: 0.75em;
    right: 0;
	z-index: 9998;
	line-height: 0;
}

.responsive-menu-button a {
	padding: 0.6666em 0.83333333333333em;
	font-size: 1.5em;
	text-decoration:none;
}

.btn-open:after,
.btn-close:after {
	font-family: 'icomoon';
	speak: none;
	line-height: 1;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}

.btn-open:after {
	color: #421200;
	content: "\e906";
}

.btn-close:after {
	color:#fff;
    content: "\e909";
}

.btn-open:hover:after{
	color: #9e1906;
}

.btn-close:hover:after {
	color: #5F9EA0;
}

#overlay {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	overflow:auto;
	z-index:9997;
	padding: 0.75em 1.25em;
	background: #421200;
}

#overlay h1 a{
	color: #b2e1de;
}

#responsive-nav {
	position: relative;
	padding: 5em 0 3.5em 0;
}

#responsive-nav li {
	width: 50%;
	margin: 0 0 1em 0;
	font-size: 1.125em;
}

#responsive-nav .menu-item a{
	color: #fff;
}

#responsive-nav .menu-item:hover a,
#responsive-nav .menu-item:focus a,
#responsive-nav .menu-item:active a{
	color: #5F9EA0;
}

#responsive-nav .current-menu-item a{
	color: #bbb;
}

#responsive-nav .current-menu-item a:hover,
#responsive-nav .current-menu-item a:focus,
#responsive-nav .current-menu-item a:active,
#responsive-nav .current_page_parent a:hover,
#responsive-nav .current-menu-item a:focus,
#responsive-nav .current-menu-item a:active{
	color: #bbb;
}

#responsive-nav a {
	display:block;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}

#overlay .contact-list{
	margin: 0;
	padding: 5em 0 0 0;
	color: #fff;
	border-top: 4px double;
}

#overlay .contact-list a{
	color: #fff;
}

#overlay .contact-list a:hover,
#overlay .contact-list a:focus,
#overlay .contact-list a:active{
	color: #5F9EA0;
}

/* FOOTER */

footer{
	position: relative;
	padding: 5em 1.25em 1.25em 1.25em;
	background: #421200;
	color: #fff;
}

.footer-column:first-of-type{
	padding: 0 0 5em 0;
}

footer a{
	color: #fff;
}

footer a:hover,
footer a:focus,
footer a:active{
	color: #5F9EA0;
}

footer .section-title{
	margin: 0 0 2.5em 0;
	font-size: 1em;
	color: #FBF3DF;
}

footer .contact-list{
	margin: 0;
}

footer .contact-method,
footer .menu-item{
	margin: 0 0 0.625em 0;
}

footer .menu-item{
	width: 50%;
}

footer .current-menu-item a,
footer .current_page_parent a{
	color: #999;
}

footer .current-menu-item a:hover,
footer .current-menu-item a:focus,
footer .current-menu-item a:active{
	color: #999;
}

footer .current_page_parent a:hover,
footer .current_page_parent a:focus,
footer .current_page_parent a:active{
	color: #5F9EA0;
}

.small-print{
	margin: 6.6666em 0 0 0;
	padding: 3.3333em 0 0 0;
	font-size: 0.75em;
    text-align: center;
    border-top: 4px double;
}



/*====================================
  +++ GLOBAL TYPOGRAPHY STYLES +++
  ====================================*/

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6{
	margin: 0;
	font-weight: 400;
	line-height: 1;
}

h1{

}

h1 a{

}

h2 a{
	color: #c5bba1;
}

h2 a:hover,
h2 a:focus,
h2 a:active{
	color: #9e1906;
}

a h3{
	color: #421200;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
}

a:hover h3,
a:focus h3,
a:active h3{
	color: #421200;
}

h4{
	display: inline-block;
	margin: 0 0 5em 0;
	padding: 0 0.5em;
	font-size: 0.875em;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	background: #fff;
	color: #9e1906;
}

.site-title {
	max-width: 87.5%;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.3125em;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.site-title a{
	color: #421200;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	transition: color .2s;
}

.site-title a:hover,
.site-title a:focus {
	color: #421200;
}

.section-title{
	margin: 0 0 1.25em 0;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.page-header{
	margin: 0 0 2.5em 0;
	padding: 0 0 1.25em 0;
	border-bottom: 4px double;
}

.page-title,
.page-title-full-width{
	font-size: 1.5em;
}

.page-title{
	line-height: 1.25;
}

.page-title-full-width{
	display: inline-block;
	margin: -.1875em 0 3.3333em 0;
	padding: 0 0.5em;
	text-align: center;
	background: #fff;
}

p{
	margin: 0 0 1.5em 0;
}

p:last-of-type{
	margin: 0;
}

p a{
	color: #ee3521;
}

p a:hover,
p a:focus,
p a:active{
	color: #ee3521;
	border-bottom: 1px solid;
}

.text-center{
	text-align: center;
}

/* ICON FONTS */

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

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

[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after{
	font-family: 'icomoon';
	speak: none;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 0.5em 0 0;
	font-weight: normal;
	font-style: normal;
}

.icon-magnifier:before {
    content: "\e908";
}
.icon-cross:before {
    content: "\e909";
}
.icon-menu:before {
    content: "\e906";
}
.icon-arrow-right:before {
    content: "\e900";
}
.icon-facebook:before {
    content: "\e901";
}
.icon-envelope:before {
    content: "\e902";
}
.icon-old-phone:before {
    content: "\e903";
}
.icon-twitter:before {
    content: "\e900";
	font-family: 'icomoon2';
	speak: none;
	font-weight: normal;
	font-style: normal;
}
.icon-arrow-right3:before {
    content: "\e90a";
}
.icon-arrow-left2:before {
    content: "\e90b";
}

.icon-home:after {
	display: none;
	opacity: 0;
	vertical-align: baseline;
    content: "\e904";
    margin: 0 0 0 0.5em;
    font-size: 0.875em;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	transition: opacity .2s;
}

.icon-home:hover:after,
.icon-home:focus:after,
.icon-home:active:after{
	opacity: 1;
}



/*====================================
  +++ GLOBAL PAGE STRUCTURE +++
  ====================================*/

main{
	padding: 7.8125em 1.25em 5em 1.25em;
}

.single-instrument main{
	padding: 4.3125em 0 0 0;
}

.page-main{
	position: relative;
	text-align: center;
}

.page-main:before{
    position: absolute;
    top: 8.5em;
    left: 1.25em;
    right: 1.25em;
    z-index: -1;
    content: '';
    border-top: 4px double;
}

.page-main > * + * {
	margin-top: 1.5em;
}

.width-50{
	text-align: left;
}

.gallery{
	margin: 0 -0.625em 0 -0.625em;
}

.thumbnail{
	float: left;
	width: 50%;
	padding: 0.625em;
}

.columns{
	margin: 0 -1.25em;
	text-align: left;
}

.columns[data-columns]::before {
	content: '1 .column.size-1of1';
	font-size: 0;
}

.column {
	padding: 0 1.25em;
}

.size-1of1 {
	width: 100%;
}

.size-1of2 {
	width: 50%;
}

article{
	position: relative;
	margin: 0 0 2.5em 0;
	padding: 0 0 2.5em 0;
}

article:last-of-type{
	margin: 0;
	padding: 0;
}

article:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    content: '';
    border-top: 4px double;
}

article:last-of-type:after{
	border: 0;
}

.contact-list [class^="icon-"]:before, .contact-list [class*=" icon-"]:before{
	position: absolute;
	left: 0;
	margin: 0;
}

.contact-list [class^="icon-"], #contact-list [class*=" icon-"]{
	position: relative;
	padding: 0 0 0 1.75em;
}

.contact-method{
	margin: 0 0 1.25em 0;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.contact-method:last-of-type{
	margin: 0;
}



/*====================================
  +++ PAGE SPECIFIC +++
  ====================================*/

/* HOME / ABOUT */

.home main{
	padding: 6.75em 1.25em 0 1.25em;
}

#home-content,
#featured-testimonials{
	max-width: 40em;
}

#about-content{
	padding: 0 0 2.5em 0;
	text-align: left;
}

.image-column{
	display: inline-block;
	width: 49%;
}

#about-image-left{
	padding: 0 0.625em 2.5em 0;
}

#about-image-right{
	padding: 0 0 2.5em 0.625em;
}

/*.image-column:hover button,
.image-column:focus button{
	color: #fff;
	background: #9e1906;
}*/

#about-contact{
	margin: 2.5em 0 0 0;
	padding: 1.25em 0 0 0;
	border-top: 1px solid;
}

#featured-testimonials{
	padding: 2.5em 0;
	text-align: left;
}

#featured-testimonials-list{
	margin: 0 -1.25em;
}

.featured-testimonial{
	margin: 0 0 2.5em 0;
	padding: 0 1.25em;
}

.featured-testimonial-content{
    padding: 0 0 0 1.25em;
    border-left: 4px double;
}

.featured-testimonial p{
	font-style: italic;
}

/* INSTRUMENTS */

#instruments{
	position: relative;
}

.instrument{
	margin: 0 0 5em 0;
}

.instrument:last-of-type{
	margin: 0;
}

/*.instrument:hover button,
.instrument:focus button{
	color: #fff;
	background: #9e1906;
}*/

.instrument-grid-img{
	padding: 1em;
    border: 4px double #b6ad94;
}

.instrument-grid-name{
	margin: 0 0 -1em 0;
	padding: 0.5em 0 0 0;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.25;
}

.price-ranges{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 1.5em;
}

.price-range{
	display: inline-block;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	font-weight: 600;
	color: #5F9EA0;
}

.price-range a{
	color: #5F9EA0;
}

.price-range a:hover,
.price-range a:focus,
.price-range a:active{
	color: #9e1906;
}

/* SINGLE INSTRUMENT */

#instrument-featured-image{
	line-height: 0;
}

#instrument-text{
	padding: 2.5em 1.25em 0 1.25em;
}

.sound-clip-title {
	margin-bottom: .5em;
	font-size: 1em;
	font-weight: 400;
	font-style: italic;
}

* + .sound-clip {
	margin-top: 2em;
}

.description-heading{
	display: inline-block;
	margin: 0 0 5em 0;
	padding: 0 0.5em;
	font-size: 0.875em;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	background: #fbf3df;
	color: #9e1906;
}

#instrument-gallery{
	margin: 3.75em 0 0 0;
}

#instrument-gallery .gallery{
	margin: 0 -1.25em 0 -1.25em;
}

.instrument-thumb{
	float: left;
	width: 50%;
	padding: 1.25em;
}

.instruction,
.instruction:last-of-type{
	margin: 0.25em 0 0 0;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.875em;
}

#other-violins{
	padding: 5em 1.25em;
}

#other-violins:before{
	top: 8.1875em;
}

/* EasyZoom core styles */

.easyzoom {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.easyzoom img {
	vertical-align: bottom;
}

.easyzoom.is-loading img {
	cursor: progress;
}

.easyzoom.is-ready img {
	cursor: crosshair;
}

.easyzoom.is-error  img {
	cursor: not-allowed;
}

.easyzoom-notice {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 10em;
	margin: -1em 0 0 -5em;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	line-height: 2em;
	text-align: center;
	background: #fff;
}

.easyzoom-flyout {
	position:absolute;
	z-index: 100;
	overflow: hidden;
}

.easyzoom--overlay .easyzoom-flyout {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.easyzoom-flyout img{
	max-width: none;
}

/* REPAIR / MAKING */

#repairs, #making{
	font-size: 1em;
}

.post-header{
	margin: 0 0 0.625em 0;
}

.post-title{
	font-size: 1.3125em;
	font-weight: 600;
	line-height: 1.5;
}

.date{
    font-size: 0.75em;
	text-transform: uppercase;
    letter-spacing: 0.15em;
}

.caption{
	margin: -0.5em 0 0 0;
	font-size: 0.875em;
	font-style: italic;
}

.post-content-element{
	padding: 0.625em 0;
}

.post-content-element:last-of-type{
	padding: 0.625em 0 0 0;
}

.half-width{
	width: 50%;
	float: left;
	padding-right: 0.625em;
}

.third-width{
	width: 33.3333%;
	float: left;
	padding-right: 0.625em;
}

.quarter-width{
	width: 25%;
	float: left;
	padding: 0.625em 0.625em 0.625em 0;
}

/* TESTIMONIALS */

.testimonial{
	text-align: center;
}

.testimonial-img{
    display: inline-block;
	margin: 1.875em 0 0 0;
}

.testimonial-img img{
	border-radius: 50%;
}

blockquote{
	position: relative;
	margin: 0;
	text-align: justify;
	-moz-text-align-last: center;
    text-align-last: center;
}

blockquote p {
	font-style: italic;
}

.testimonial-name{
	margin: 1em 0 0 0;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* LINKS */

.link{
	position: relative;
	margin: 0 0 2.5em 0;
	padding: 0 0 2.5em 0;
	text-align: left;
}

.link:last-of-type{
	margin: 0;
	padding: 0;
}

.link:last-of-type:after{
	border-top: 0;
}

.link-name{
	font-size: 1.3125em;
	line-height: 1.5;
}

.link a{
	color: #5F9EA0;
}

.link-name a:hover,
.link-name a:focus,
.link-name a:active,
.website-address a:hover,
.website-address a:focus,
.website-address a:active{
	color: #ee3521;
}

.link p{
	font-style: italic;
}

.website-address{
	margin: 0.25em 0 0 0;
	font-family: 'franklin-gothic-urw', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.website-address a{
	color: #9e1906;
}


/*====================================
  +++NEW 2025+++
  ====================================*/

	.content-blocks > * + * {
		margin-top: 1.5em;
	}

	.testimonial-block blockquote {
	  text-align: left;
	  text-align-last: left;
	}