/*
Theme Name: Goldenvoice
Author: Heavenspot
Author URI: http://heavenspot.com/
Version: 1.0
*/

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


/* =General
----------------------------------------------- */
html { }
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:1.625;
}
body, input, textarea, button {
	-webkit-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}


.entry-content h1, .entry-content h2,
.entry-content h3, .entry-content h4,
.entry-content h5, .entry-content h6 {

}

/* Responsive Elements */
img {
	height:auto;
	max-width:100%;
	vertical-align:middle;
}

embed,
iframe,
object,
video { max-width:100%; }

/* Navigation */
nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

/* Selections */

/*
::-moz-selection {
	background: #044e7f;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #044e7f;
	color: #fff;
	text-shadow: none;
}

*/


/* =Wordpress
----------------------------------------------- */

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: .86em 1.72em .86em 0;
}
.alignright {
	display: inline;
	float: right;
	margin: .86em 0 .86em 1.72em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: .86em auto;
}

/* Captions */
.wp-caption {
	background: transparent;
	border: none;
	margin: 0;
	padding: 4px;
	text-align: left;
}
.wp-caption-dt {
	margin: 0;
}
.wp-caption .wp-caption-text,
.wp-caption-dd {
	color: #757575;
	font-style: italic;
	font-size: .86em;
	line-height: 2;
	margin: 0 0 1.72em;
}

/* Edit Links */
.post-edit-link {
	background:#333;
	color:#eee;
	display:none;
	font-size:12px;
	padding:.25em .5em;
	position:absolute;
		top:0;
		right:0;
	text-transform:lowercase;
	z-index:100;
	
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}
.post-edit-link:hover {
	background:#000;
	color:#fff;
}
*:hover > .post-edit-link { display:block; }


/* =Header
----------------------------------------------- */
#header {
	
}


/* =Footer
----------------------------------------------- */
#footer {

}


/* =Social Grid
----------------------------------------------- */
#grid {
	list-style:none;
	margin:0 auto;
	padding:0;
	padding-bottom:20px;
}

.social {
	background:#eee;
	border-radius:0 0 8px 8px;
	box-shadow:0 0 4px 0 rgba(0, 0, 0, .2);
	float:left;
	margin:8px;
	overflow:hidden;
	pointer-events:none;
	position:absolute;
	visibility:hidden;
	width:300px;
	
	-webkit-backface-visibility:hidden;
}

.social .content {

}

/* Caption */
.social .caption {
	padding:1em;
	position:relative;
	word-wrap:break-word;
}

.social .caption header { margin-bottom:.5em; }

.social .caption header h1,
.social .caption header h2 {
	line-height:1;
	margin:0;
}
.social .caption header h1 { font-size:1.5em; }
.social .caption header h2 { font-size:1em; }

.social .caption p { margin:0; }
.social .post-content a,
.social .post-excerpt a { font-weight:bold; }

/* No Image */
.social.no-image { }

/* Header Video */
.social .entry-image {
	background:#666;
	overflow:hidden;
	position:relative;
}
.social .entry-image img {
	opacity:0;
	width:100%;
	height:auto;
	
	-webkit-transition:opacity 300ms ease;
	-moz-transition:opacity 300ms ease;
	-o-transition:opacity 300ms ease;	 
	transition:opacity 300ms ease;
}
.social .entry-image img.loaded,
.social .entry-image img.no-size,
.social.lightbox .entry-image img { opacity:1; }

/* Header Video */
.social .entry-image .video {
	display:none;
	position:absolute;
		top:0;
		left:0;
	width:100%;
	height:100%;
	z-index:100;
}
.social .entry-image .wp-video-shortcode {
	width:100% !important;
	height:100% !important;
}
.social .entry-image .icon-play {
	background:url(img/icon-play-sm.png) center center no-repeat;
	margin:-23px 0 0 -23px;
	position:absolute;
		top:50%;
		left:50%;
	width:46px;
	height:46px;
}

/* Transitions */
.social {
	opacity:0;
	
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	
	-webkit-transform:translate(0, 500px);
	-moz-transform:translate(0, 500px);
	-ms-transform:translate(0, 500px);
	-o-transform:translate(0, 500px);
	transform:translate(0, 500px);
}
.social.isotope-item,
#lightbox .social {
	opacity:1;
	pointer-events:auto;
	visibility:visible;
	
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
	
	-webkit-transition-property: opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	-moz-transition-property: opacity;
	-moz-transition-property: opacity, -moz-transform;
	-ms-transition-property: opacity;
	-ms-transition-property: opacity, -ms-transform;
	-o-transition-property: opacity;
	-o-transition-property: opacity, -o-transform;
	transition-property: opacity;
	transition-property: opacity, transform;
}


/* =Social Networks
----------------------------------------------- */
.social.twitter {
	
}

/* YouTube */
.social.youtube .entry-image img { margin:-9.7% 0; }


/* =Lightbox
----------------------------------------------- */
#lightbox {
	background:transparent;
	min-width:100%;
	min-height:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
	position:fixed;
		top:0;
		left:0;
	width:100%;
	z-index:9000;

	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
#lightbox.show { background-color:rgba(0, 0, 0, .8); }

#lightbox .social {
	float:none;
	margin:0 auto;
	position:relative;
	width:500px;
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#lightbox.show .social { box-shadow:0 0 50 rgba(0, 0, 0, .5); }

#lightbox a.expand { cursor:default; }

body.has-lightbox,
body.has-lightbox #container { overflow:hidden; }
.social.has-lightbox { visibility:hidden; }

/* Video */
#lightbox.show .social.has-video .entry-image .video { display:block }
#lightbox.show .social.has-video .video-switch { display:none; }

/* Preloaded */
#lightbox.preloaded .social { display:none; }
#lightbox.preloaded.show .social { display:block; }


/* =Lightbox Switches
----------------------------------------------- */
.lightbox-show,
.lightbox-content,
#lightbox.show .open .lightbox-hide { display:none; }

.lightbox-hide,
#lightbox.show .open .lightbox-show,
#lightbox.show .open .lightbox-content { display:block; }



/* =Helper Classes
----------------------------------------------- */

/* Image replacement */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Clearfix */
.cf:before, .cf:after,
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.cf:after, .clearfix:after { clear: both; }
.cf, .clearfix { *zoom: 1; }


/* =Retina Displays
----------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	
}

/* =Responsive Design
----------------------------------------------- */

@media screen and (max-width:960px) {
	
}