/*

Theme Name: Lorne Balfe
Theme URI: http://theme.co/pro/
Author: Dan Goldwasser
Author URI: http://warmbutter.com/
Description: Website for Lorne Balfe
Version: 2018.07.31
Template: pro

*/

.site, .x-site {
    background-color: transparent;
}

hr {
	border-top: 1px solid rgba(95,120,140,0.6);
}

.entry-content {
    margin-top: 0;
}


a.social:hover img { 
	opacity:.8;
}

/* Columns
/*=============================================================================*/

@media only screen and (min-width:480px) {
.x-column.x-2-3:nth-child(2n) {
    width: 60% !important;
}
}

/* Slider
/*=============================================================================*/

.wbslideshad {
	text-shadow:1px 1px 4px rgba(0,0,0,1);
	text-align:center !important;
}


/* Fonts
/*=============================================================================*/

.x-brand {
}

.entry-title {
    font-size: 1.4em;
    line-height: 1.3;
}


.entry-title em {
	    font-size: 120%;
}


h3 {
    font-size: 16pt;
}

h3.nospace { margin: 0 0 15px; }

h3.subhead {
	font-size:15pt;
	clear:both;
}	

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

h4, h5, h6, .h4, .h5, .h6 {
    margin-top: 1em;
}




/* Bio Page
/*=============================================================================*/


@media only screen and (max-width:1100px) {
.alignleft {
	float:none;
	margin: 0;
    width: 100%;
}
}


/* Media Page
/*=============================================================================*/


.x-video {
    margin-bottom: 10px;
}
.caption p {
	font-size:.7em;
}


/* News Entries
/*=============================================================================*/




.left {
    padding-top: 20px;
	padding-bottom: 20px;
}


.p-meta {
    margin: 2px 0 20px;
    line-height: 1.5;
}

.p-meta > span:nth-child(1) {
    display: none;
}

.format-standard .entry-title:before {
 	display:none;
}

.entry-footer {
	display:none;
}

.entry-footer p a::before {
	content: " ";
}

.entry-content embed, .entry-content iframe, .entry-content object {
    max-width: 100%;
    width: 500px;
}

.x-icon-tags { display:none; }


.wp-caption, .gallery-item {
    max-width: 100%;
    border: none;
    padding: 4px;
    text-align: center;
    background-color: #555;
}

.wp-caption>.wp-caption-text, .wp-caption>.wp-caption-text:last-child, .gallery-item>.wp-caption-text, .gallery-item>.wp-caption-text:last-child {
    display: block;
    margin: 9px 0 5px;
    padding: 0 5%;
    font-size: 11pt;
	color:#fff;
    text-transform:none;
}


/* Projects
/*=============================================================================*/

h2.title {
    font-size: 22pt;
	margin: 0;
}

h2.title span {
	font-size: 70%;
}


ul#related {
	list-style-type:none;
	margin:0;
	padding:0;
	display: inline-block;
}

ul#related li {
	max-width:150px;	
	margin: 10px;
	float:left;
}

ul#links {
	margin:0;
	padding:0;
	display: inline-block;
}

ul#links li {
    margin: 0 0 10px 15px;
    line-height: 1.3;
    font-size: 9pt;
}

.tag {
    font-size: 10pt;
}

#imdb a { 
    font-size: 300%;
    vertical-align: middle;
    padding: 0 0 0 5px;
}
#imdb a span { display:none; }


@media only screen and (max-width:480px) {
h2.title {
 	text-align:center;
    font-size: 18pt;
	margin: 10px 0;
}
h3.wms {
 	text-align:center;
}

h2.title span {
    display: block;
}

ul#related {
    text-align: center;
}

ul#related li {
    float: none;
    display: inline-block;
}
}

/* Albums
/*=============================================================================*/

img.album600 {
	width:100%;
}

ul#purchase {
	list-style-type: none;
    text-align: center;
    margin: 10px 0 0;
    padding: 0;
}


ul#purchase li {
    padding: 0px 2px;
    display: inline-block;
    width: 33%;
}

oldul#purchase li {
	margin: 2px 0;
    display: block;
}

oldul#purchase li a {
    font-size: 1em;
    color: #000;
    background-color: #fff;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    width: 100%;
    display: block;
    margin: 0 0 6px;
    border: 1px solid #000;
}

oldul#purchase li a:hover {
    background-color: #000;
	color: #fff;
}

p.studio { margin: 0; }
p.subtitle { 
    margin: 0;
    font-size: 10pt;
    line-height: 12pt;
}

#albumleft {
	width:300px;
	display:inline-block;
	padding: 0 20px 0 0;
    vertical-align: top;
}	

#albumright {
	width:auto;	
	display:inline-block;
    vertical-align: top;
}

.album ol {
	counter-reset:li;
	margin: 15px 0 0;
	
	
    column-count: 2;
    column-gap: 30px;
    column-width: 50%;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -webkit-column-width: 50%;
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-width: 50%;
}

.album ol > li {
    position: relative;
    margin: 0 0 4px 2em;
    padding: 0px 0 0 8px;
    list-style: none;
    line-height: 1.5;
}

.album ol > li:before {
    content: counter(li)'.';
    counter-increment: li;
    position: absolute;
    left: -2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2em;
    margin-right: 8px;
    padding: 0px;
    color: #999;
	font-family:'Raleway';
    text-align: right;
    line-height: 1.5;
}

.album ol > li.skip {
    margin: 0 0 6px 27px;
}

.album ol > li.gap {
    margin: 20px 0;
}

.album ol > li.skip:before, .album ol > li.gap:before {
	display:none;
	counter-increment: heading;
}


.tracktime, p.albumtime {
    font-size: 10pt;
	font-style: italic;	
	color: #888;
}

.tracksub {
    display: block;
    line-height: 10pt;
    font-size: 10pt;
}

.album ol > li:not(.skip) span.tracksub {
	margin: 0;
}


p.totaltime { text-align:right;}

@media only screen and (min-width:768px) {
#disc {
	width:49%;
	display:inline-block;	
	vertical-align:top;
}
}

ul#relatedprojects {
	list-style-type:none;
	margin:0;
	padding:0;
    text-align: center;
}

ul#relatedprojects li {
	max-width:150px;	
	margin: 10px;
    float: none;
    display: inline-block;
}

/* Press Links
/*=============================================================================*/

@media only screen and (min-width:768px) {
#linkcontainer {
	column-count: 2;
    column-gap: 1em;
}
}

#linkblock {
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}


/* Sidebar
/*=============================================================================*/


.right {
    padding: 20px;
	background-color:#efefef;
}

#weblizar_twitter-2 {
	margin-top: 3em;
    display: inline-block;	
}

.h-widget, h3.widget-title {
    font-size: 130%;
    text-transform: uppercase;
}

.widget ul, .widget ol {
    border-top: 1px solid #333;
}

.widget ul li, .widget ol li {
    border-bottom: 1px solid #333;
    padding: 0.65em 0;
    line-height: 1.5;
    background-color:transparent;
}




.widget_categories ul>li, .widget_product_categories ul>li, .widget_nav_menu ul>li, .widget_pages ul>li {
    border-top: 1px solid #333;
    border-bottom: 0;
}

.widget_categories ul, .widget_product_categories ul, .widget_nav_menu ul, .widget_pages ul {
    border-top: 0;
    border-bottom: 1px solid #333;
}

.widget ul li a, .widget ol li a, .x-comment-time {

}

/* WP Audio Player
/*=============================================================================*/

.wp-playlist-item-artist, .wp-playlist-item-album {
	display:none !important;
}

.wp-playlist .wp-playlist-current-item img { display:none !important; }

.wp-playlist-current-item .wp-playlist-item-title {
	font-size:14pt !important;	
}

.wp-playlist-current-item { height:auto !important; }

.mejs-container .mejs-controls { background-color: rgb(117,147,185) !important; }

.mejs-button>button, .mejs-time, .mejs-time-total { 
	margin:0 !important;
	padding:0 !important; 
}

.mejs-time-rail { padding:0 !important; }

.mejs-horizontal-volume-slider { height:40px !important; }

/* WavePlayer
/*=============================================================================*/

.wvpl-size-xs div.wvpl-playlist, div.wvpl-playlist {
    margin-left: 0;
}

.wvpl-size-xs .wvpl-playlist-thumbnail, img.wvpl-playlist-thumbnail {
    display: none;
}

.wvpl-stats .wvpl-value {
    font-size: 100%;
}

@media screen and (max-width: 600px) {
.wvpl-stats .wvpl-value, .wvpl-stats.wvpl-no-button {
    display: flex;
}
}

/* Cue Player
/*=============================================================================*/

.cue-skin-default.mejs-container .mejs-mediaelement {
    background: #333 !important;
}

.cue-playlist .cue-track .cue-track-details .cue-track-artist {
    display: none !important;
}

.cue-skin-default.mejs-container .mejs-audiotheme-mark {
	display: none !important;
}
	
.mejs-track-artist {
    display: none !important;
}

.mejs-controls {
	box-shadow: none !important;
}

.cue-skin-default.mejs-container .mejs-player-background {
    top: -265% !important;
}

.cue-skin-default.mejs-container .mejs-track-artwork img { 
	display:none !important;
}

.cue-skin-default.mejs-container .mejs-track-details .mejs-track-title {
	font-family: "Exo 2",sans-serif;
	font-weight: 100 !important; /* mod */
	color: #fff;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-button button {
	color: #000 !important;  /* mod */
}	

.mejs-time {
	    width: 80px !important;
}

.mejs-time-current {
    background-color: #ccc !important;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #fff !important; /* mod */
    opacity: 1;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background-color: #000 !important; /* mod */
}

.cue-playlist .cue-track {
    background-color: #fff !important; /* mod */
}

.cue-playlist .cue-track .cue-track-details {
    padding: 8px 20px !important;
}

.cue-playlist .cue-track .cue-track-length {
    padding: 8px 20px 8px 10px !important;
}

.cue-playlist .cue-track.is-current, .cue-playlist .cue-track:hover {
    background-color: #efefef !important;
}

.cue-playlist .cue-track .cue-track-details .cue-track-title {
    color: #000 !important;
	font-family: "Exo 2",sans-serif;
	font-weight: 100 !important; /* mod */
}

.cue-playlist .cue-track, .cue-playlist .cue-tracks {
    border-color: #efefef !important; /* mod */
}


@media only screen and (min-width: 600px) {
	.cue-tracks {
		max-height: 295px !important;
	}
}