/*
	Theme Name: Nicola Benedetti - 2015
	Author: David Heams / White Label Productions
	Author URI: http://www.whitelabelproductions.co.uk/
	Description: Theme for Nicola Benedetti.
	Version: 1.0
	Text Domain: nicolabenedetti
*/

/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

* {
	box-sizing: border-box;
	-mox-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	background: #000;
	line-height: 1.7;
	color: #363636;
}

#container {
	background: url('img/bg.gif') repeat center #CCC5BB;
	max-width: 767px;
	margin: 0 auto;
}

h2 {
	background: #130610;
	color: #fff;
	letter-spacing: 15px;
	text-align: center;
	padding: 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 30px;
	font-weight: normal;
}

h3 {
	font-family: 'libre_baskerville', serif;
	font-size: 22px;
	font-weight: normal;
}
h4 {
	font-size: 18px;
	margin-bottom: 0.2em;
}

a, a:hover, a:visited, a:active {
	color: #4d1b1b;
}
a:hover {
	opacity: 0.7;
}
a.secondary, a.secondary:hover, a.secondary:visited, a.secondary:active {
	color: #305c6c;
	text-decoration: none;
}
a.readmore-link, a.readmore-link:hover, a.readmore-link:visited, a.readmore-link:active {
	color: #305c6c;
}
.taxonomy-links a, .taxonomy-links a:visited, .taxonomy-links a:active {
	color: #666;
	text-decoration: none;
}
.taxonomy-links a:hover {
	text-decoration: underline;
}
a.blacklink, a.blacklink:hover, a.blacklink:visited, a.blacklink:active {
	color: #363636;
}
a.homepageheaderlinks {
	color: #363636;
	text-decoration: none;
}

.left {
	float: left;
}
.right {
	float: right;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

.uppercase {
	text-transform: uppercase;
}

.fa {
	margin-right: 10px;
}
.img-responsive {
	width: 100%;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/* For IE 6/7 only - Include this rule to trigger hasLayout and contain floats. */
.clearfix {
    *zoom: 1;
}


.content-container {
	width: 767px;
	margin: 0 auto;
}

#header {
	background: url('img/header-background-new.jpg') no-repeat top center #160A0C;
	min-height: 200px;
}
#header.home {
	height: 540px;
}
#header .logo {
	float: left;
	padding: 30px 0 0 12px;
	
}
#header .logo h1 {
	font-family: 'libre_baskerville', serif;
	font-size: 30px;
	/* text-transform: uppercase; */
	font-variant: small-caps;
	padding: 30px 10px;
	color: #f7f7f7;
}
#header .social {
	float: right;
        top: 30px;
	left: 126px;
}
#header .social a, #footer-content .social a {
	color: #f7f7f7;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	vertical-align: middle;
	line-height: 1;
}
#header .social a span, #footer-content .social a span {
	color: #d8bd61;
}
#header .social #fb-social-header, #header .social #tw-social-header, #header .social #sc-social-header, #header .social #yt-social-header {
	margin: -26px 90px 28px 9px;
}
#header .social #fb-social-header, #header .social #tw-social-header, #header .social #sc-social-header, #header .social #yt-social-header,
#footer-content .social #fb-social-header, #footer-content .social #tw-social-header, #footer-content .social #sc-social-header, #footer-content .social #yt-social-header {
	margin: 26px 9px 28px 9px;
	display: inline-block;
}

#home-carousel-container {
	position: relative;
}
#home-carousel-container .bx-wrapper {
	position: absolute;
	top: 170px;
	width: 435px;
	left: 166px;
	color: #fff;
}
/* #home-carousel-container #slide-container .slide {
	position: absolute;
	top: 0;
	left: 0;
} */
#home-carousel-container #right-arrow {
	position: absolute;
	top: 250px;
	right: 35px;
	width: 56px;
	height: 51px;
	background: url('img/carousel-right-arrow.png') no-repeat center;
}
#home-carousel-container #left-arrow {
	position: absolute;
	top: 250px;
	left: 35px;
	width: 56px;
	height: 51px;
	background: url('img/carousel-left-arrow.png') no-repeat center;
}
#home-carousel-container a, #home-carousel-container a:hover, #home-carousel-container a:active, #home-carousel-container a:visited {
	color: #fff;
}

.slider-caption-main {
	font-family: "libre_baskerville",serif;
	font-size: 19px;
	line-height: 30px;
	padding-bottom: 10px;
	font-weight: normal;
}
.slider-caption-media {
}

#header-shadow {
	background: url('img/header-shadow.png') no-repeat bottom center;
	height: 50px;
	z-index: -10;
	margin-bottom: -25px;
}

#nav {
	border-top: 1px solid #f6f8f3;
	border-bottom: 1px solid #f6f8f3;
	text-align: center;
	position: relative;
}
#nav ul, #nav ul li {
	display: inline-block;
	position: relative;
}
#nav ul li a {
	color: #f6f8f3;
	text-transform: uppercase;
	text-decoration: none;
	margin: 3px 14px;
	font-size: 14px;
	display: block;
	padding: 0.5em 0;
}

#nav ul li ul.submenu {
	position: absolute;
	top: 61px;
	left: -34px;
	z-index: 100;
	display: none;
	width: 216px;
	background: #220F13;
	border: 1px solid #fff;
}

#nav ul li.masterclass ul.submenu {
	position: absolute;
	top: 44px;
	left: -22px;
	z-index: 100;
	display: none;
	width: 200px;
	background: #220F13;
	border: 1px solid #fff;
}

#nav ul li.multimedia ul.submenu {
	position: absolute;
	top: 44px;
	left: -40px;
	z-index: 100;
	display: none;
	width: 200px;
	background: #220F13;
	border: 1px solid #fff;
}

#nav ul li.press ul.submenu {
	position: absolute;
	top: 44px;
	left: -64px;
	z-index: 100;
	display: none;
	width: 200px;
	background: #220F13;
	border: 1px solid #fff;
}

#nav ul li.archives ul.submenu {
	position: absolute;
	top: 44px;
	left: -48px;
	z-index: 100;
	display: none;
	width: 200px;
	background: #220F13;
	border: 1px solid #fff;
}

#nav ul li.donation ul.submenu {
	position: absolute;
	top: 44px;
	left: -58px;
	z-index: 100;
	display: none;
	width: 200px;
	background: #220F13;
	border: 1px solid #fff;
}

#nav ul li.about ul.submenu {
	position: absolute;
	top: 44px;
	left: -58px;
	z-index: 100;
	display: none;
	width: 200px;
	background: #220F13;
	border: 1px solid #fff;
}

#nav ul li ul.submenu.display {
	display: block;
}
#nav ul li ul.submenu li {
	display: block;
}
#nav ul li ul.submenu li a {
	display: block;
	margin: 0;
	padding: 10px 0;
}

#footer-content {
	background: #130610;
	color: #fff;
	padding: 60px 0;
	margin-top: 80px;
}
#footer-content .footer-right {
	float: right;
	width: 75%;
	text-align: right;
}
#footer-content .social #fb-social-header, #footer-content .social #tw-social-header, #footer-content .social #sc-social-header {
	margin: 8px 9px;
}
#footer-content .footer-right .footer-site-info {
	margin-top: 40px;
}
#footer-content .footer-right .decca-logo, #footer-content .footer-right .info {
	float: right;
}
#footer-content .footer-right .decca-logo {
	margin-left: 20px;
}
#footer-content .footer-right .info {
	line-height: 1.5;
}
#footer-content .footer-right .info .wlp-logo {
	margin-bottom: -2px;
}
#footer-content .footer-left {
	float: left;
	width: 25%;
}
#footer-content .important-links ul {
	list-style-image: url('img/icon-right-arrow.png');
	list-style-position: inside;
}
#footer-content .important-links ul li {
	margin: 15px 0;
}
#footer-content .important-links a {
	color: #fff;
	text-decoration: none;
}
#footer-content .important-links a:hover {
	color: #fff;
	text-decoration: underline;
}

.column {
	width: 50%;
	float: left;
}
.column.left {
	padding-right: 2%;
}
.column.right {
	padding-left: 2%;
}
.white-bg {
	background: url('img/bg-w.gif') repeat center #fff;
}
.item {
	padding: 40px;
	background: url('img/bg-w.gif') repeat center #fff;
	border-bottom: 1px solid #eee;
}
.item.home {
	padding: 20px;
}
.item.small-padding {
	padding: 30px 25px;
}
.contact-item {
	padding: 40px;
}
.item.border-top {
	border-top: 1px solid #eee;
}

.clear {
	clear: both;
}

/* News */
.news-thumbnail {
	margin-right: 30px;
}

.news .date {
	color: #666;
}

.news-with-image {
	float: right;
	width: 718px;
}
	

/* Releases */
.recording .packshot {
	width: 261px;
	float: left;
	text-align: center;
}
.recording .packshot img {
	border: 1px solid #aeaeae;
}
.recording .release-info {
	width: 226px;
	float: right;
}

.release {
	width: 33%;
	float: left;
	padding: 10px 15px;
}
.release img {
	border: 1px solid transparent;
}

a.buy-button, a.buy-button:hover, a.buy-button:active, a.buy-button:visited {
	background: #076c96;
	padding: 10px 20px;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	float: left;
	color: #fff;
	text-decoration: none;
}
a.buy-button-home, a.buy-button-home:hover, a.buy-button-home:active, a.buy-button-home:visited {
	float: none;
	margin-top: 10px;
}
a.download-button, a.download-button:hover, a.download-button:active, a.download-button:visited {
	background: #7A7A7A;
	padding: 10px 20px;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	float: right;
	color: #fff;
	text-decoration: none;
}

/* concerts */
.concert {
}
.concert .date, .concert .repertoire, .concert .venue {
	float: left;
}
.concert .date {
	width: 20%;
}
.concert .repertoire {
	width: 50%;
	padding-right: 10px;
}
.concert .venue {
	width: 30%;
}

.concert a.buy-tickets-button {
	display: inline-block;
	padding: 10px 20px;
	background: #076c96;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

/* Generics */

p {
	margin-bottom: 1em;
}
p:last-child {
	margin-bottom: 0;
}
blockquote {
	font-family: 'libre_baskerville', serif;
	font-size: 20px;
	text-align: center;
	padding: 0 80px;
	margin: 1em 0;
}
blockquote p {
	line-height: 1.5;
	margin-bottom: 0;
}
blockquote p:last-child {
	font-size: 14px;
	margin-top: 0.5em;
}

/* Home */
#news-prev, #news-next {
	line-height: 0;
}

.icon-envelope {
	background: url('img/icon-mail.png') no-repeat;
	height: 14px;
	width: 18px;
	display: inline-block;
	margin: 0 6px -2px 0;
}

/* photos */
h3.subheader {
	margin: 24px 19px 22px;
}
.photo {
	float: left;
	margin: 14px;
	display: block;
	line-height: 0;
}

/* Videos */
.videos {
	float: left;
	width: 50%;
	text-align: center;
	margin-top: 60px;
}
.videos.header-item {
	margin-top: 0;
}
.videos h3 {
	font-size: 18px;
}
.videos a, .videos-home a {
	display: block;
	position: relative;
}
.video-play-button {
	position: absolute;
	left: 234px;
	bottom: 40%;
}

/* Icon */
.load-icon, .top-icon, .folder-icon, .tag-icon {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin: 0 4px -2px 0;
}
.load-icon {
	background: url('img/icon-load-more.png') no-repeat center;
}
.top-icon {
	background: url('img/icon-to-top.png') no-repeat center;
}
.folder-icon {
	background: url('img/icon-folder.png') no-repeat center;
}
.tag-icon {
	background: url('img/icon-tag.png') no-repeat center;
}
a + .tag-icon {
	margin-left: 40px;
}

/* Release */
.release h3 {
	line-height: 1.4;
	margin-top: 15px;
}
p.date {
	font-style: italic;
	color: #9F9F9F;
}
.release p.date, .recording p.date {
	margin-top: 0.8em;
}

.single-recording-left {
	width: 412px;
}
.single-recording-right {
	width: 595px;
}
.single-releases-buttons {
	width: 80%;
	margin: 40px auto 0 auto;
}

/* Contact */
.contact {
	width: 50%;
	float: left;
}

/* @media (max-width: 1165px) {
	.content-container {
		width: 960px;
	}
}*/