/*
Theme Name: Brooklyn Indie
Theme URI: http://themeforest.net/user/nenadgrujicic
Description: Our primary idea was to make internet presentations easier for bands and We are sure that Brooklyn Indie Band will help you with that.
Author: jewelleries.co
Author URI: http://themeforest.net/user/Jewelleries
Version: 1.3.1
License: Regular & Extended Licence
License URI: http://themeforest.net/licenses/regular_extended
Text Domain: brooklynindie


/* one BIG THANK YOU goes to ZURB Foundation  */


/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Wordpress Core

:: Shared Styles
   : Hide Text
   : Slabtext
   : Youtube Responsive

:: Navigation
:: Hero - Responsive Slider
:: About Band
:: Sound Cloud
   : Image hover

:: About Band Members
:: News
:: Shop
:: Social
:: Footer
-------------------------------------------------- */

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}


/* --------------------------------------------------
   Shared Styles
-------------------------------------------------- */

body {color:hsl(0, 0%, 40%); font-family:'Scada',sans-serif; font-size:11px; line-height:20px;}

img {border: none;}

.clearfix {clear:both;}

h2 {font-family:'Scada',sans-serif; font-size:16px;}

/* Hide text */
.hide_text {white-space:nowrap; overflow:hidden; text-indent:100%; display:block;}

/* Slab Text - don't touch this-- taanaaananaa tanana na na don't touch this */
.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important; letter-spacing:0 !important; word-spacing:0 !important;}.slabtextdone .slabtext{display:block;line-height:0.9;}

/* YouTube responsive embed */
.video-container {position:relative; padding-bottom: 56.25%; padding-top:30px; height:0; overflow: hidden;}
.video-container iframe, 
.video-container object, .video-container embed {position: absolute; top: 0; left: 0; width:100%; height:100%;}

.center {
    text-align: center;
}

/* --------------------------------------------------
   Navigation
-------------------------------------------------- */

#band_logo {display:block; position:absolute; z-index:10; margin-left:3%; margin-top: -10px;}

#band_logo a {display:block; height:100%; width:100%; text-decoration:none;}

.logged-in #navigation .top-bar {}

#navigation .current {-moz-box-shadow: inset 0 -2px red; -webkit-box-shadow: inset 0 -2px red; box-shadow: inset 0 -2px red;}

#navigation .top-bar.expanded { height: auto; }

#navigation .top-bar .row .twelve.columns {text-align: center;}

#navigation .top-bar ul {margin: 0 auto; display: inline-block;}

#navigation .top-bar .toggle-nav {display: block; height: 40px; text-align: left; }

#navigation .top-bar .toggle-nav img {transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s;}

#navigation .top-bar .toggle-nav.open img {transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);}

#toggle-wrap {display: none;}

@media only screen and (max-width: 960px) {
#band_logo {display: none;}

#toggle-wrap {display: block;}
}

#bookus {height: 45px; padding: 10px; text-align: center;  position:absolute; z-index:10; right: 3%; top: 0}

#bookus a{display: block; height: 24px; line-height: 24px; padding: 1px 12px; text-decoration: none; text-transform: uppercase; font-size: 9px; color: gray;}

#bookus a:hover {color: white; border: #333333 1px solid; padding: 0 11px;}

/* --------------------------------------------------
   Hero - Responsive Slider
-------------------------------------------------- */
#hero .item {display: none;}

/* Next / Previous Nav Buttons */
#hero .nextContainer  {position: absolute; top:0; right:4%; width:100px; top:550px; z-index: 10;}
#hero .prevContainer  {position: absolute; top:0; left:4%; width:100px; top:550px; z-index: 10;}
#hero .nextContainer .next {position: absolute; bottom: -10%; left: 0;}
#hero .prevContainer .prev {position: absolute; bottom: -10%; left: 0;}
#hero .item_nav_button {width: 90px; text-align:center; font-size: 12px; background: hsl(0, 0%, 7%); color: gray; border: none; outline: none; display: block; padding: 5px 20px; text-decoration: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; behavior: url(http://demo.jewelleries.co/assets/PIE.htc);}
#hero .item_nav_button:hover {background:red; color:white;}

.containerOuter {position:relative; margin-top:44px; left:0; right:0; height:600px; overflow:hidden; background: url('assets/images/preloader.gif') #000 no-repeat center;}

.container {width:100%; height:600px; margin:0 auto; overflow:visible;}
.container .iosSliderContainer {position: absolute; top: 0; left: 0; width: 100%; height: 600px; margin: 0 0 0 0; overflow: visible;}

.iosSlider {position:relative; top:0; left:0; overflow:visible; width:100%; height:600px;}
.iosSlider .slider {width:10000px; height:100%;}
.iosSlider .slider .item {float:left; width:1050px; height:100%; background-repeat: no-repeat; background-position: center center;}

.iosSlider .slider .item .over_image {width:70%; margin: 0 auto; height: 100%;}

.iosSlider .slider .item table {width: 100%; height: 100%; background: none; border: none; border-collapse: collapse;}

.iosSlider .slider .item td {vertical-align: middle; text-align: center;}

.iosSlider .slider .item td img {width: 100%;}


.iosSlider .slider .item.slabstyle2 .content {width:80%; margin:200px auto 0 auto; display:block; }
.iosSlider .slider .item.slabstyle2 .content .large {font-family:'Chivo',sans-serif; text-transform:uppercase; color:#fff; text-align:center; display: block; font-style:normal; font-weight:700;}
.iosSlider .slider .item.slabstyle2 .content .small p {font-family:'Scada',sans-serif; font-size: 16px; text-transform:uppercase; color:#fff; text-align:center; display: block; font-style:normal; font-weight:normal; margin-top:50px;}
.iosSlider .slider .item.slabstyle2 .download_itunes {background: url('assets/images/itunes.png') no-repeat; height:40px; width:125px; margin:50px auto 0 auto; display:block;}
.iosSlider .slider .item.slabstyle2 .listen_spotify {background: url('assets/images/spotify.png') no-repeat; height:52px; width:51px; margin:50px auto 0 auto; display:block; }
.iosSlider .slider .item.slabstyle2 .download_default {width:130px; height:40px; padding-top: 10px; margin:50px auto 0 auto; display:block; background:red; color: #fff; text-align:center;}
.iosSlider .slider .item.slabstyle2 .download_default:hover {background: #000; color: #fff;}
.iosSlider .slider .item.slabstyle2 a {color:white;}
.iosSlider .slider .item.slabstyle2 a:hover {color:black;}

.iosSlider .slider .item.slabstyle1 .content {background:rgba(0,0,0,0.6); padding:10px; margin:220px auto 0 auto; top:50%; width:85%; height:auto; display:block; }
.iosSlider .slider .item.slabstyle1 .content .large {font-family:'Chivo',sans-serif; text-transform:uppercase; color:#fff; text-align:left; display: block; font-style:normal; font-weight:700; text-align:center;}
.iosSlider .slider .item.slabstyle1 .content .small p {font-family:'Scada',sans-serif; font-size: 13px; text-transform:uppercase; color:rgba(255,255,255,0.6); text-align:left; display: block; font-style:normal; font-weight:normal; margin-top:5px; text-align:center;}
.iosSlider .slider .item.slabstyle1 .content a {background:hsl(209, 76%, 58%); color:hsl(0, 0%, 100%); padding:2px 5px 2px 5px; text-decoration:none;}
.iosSlider .slider .item.slabstyle1 .content a:hover, a:active, a:visited {background:hsl(209, 58%, 37%);}

/* --------------------------------------------------
   About Band 
-------------------------------------------------- */

#about_band {text-align:center; padding: 70px 0 50px 0;}
#about_band .content {border-bottom:4px double hsl(0, 0%, 82%); padding:50px 0 50px 0; line-height: 27px;}
#about_band a {background:#ffaf7e; color:#FFF; padding:2px 5px; text-decoration:none;}
#about_band a:hover, a:active, a:visited {background:hsl(0, 76%, 58%);}

/* --------------------------------------------------
   Sound Cloud
-------------------------------------------------- */

#soundcloud {padding-bottom:30px;}

#soundcloud iframe {height:555px; width: 100%; border: none;}

#more_soundcloud {padding-bottom:50px;}
#more_soundcloud p {font-size:11px; text-align:center; display:block;}
#more_soundcloud p a {background:hsl(23, 100%, 75%); color:hsl(0, 0%, 100%); padding:2px 5px; text-decoration:none;}
#more_soundcloud p a:hover, a:active, a:visited {background:hsl(0, 76%, 58%);}
#more_soundcloud h2 {text-align:center; margin-bottom:15px; height:40px;}

/* Image Hover */
.view{cursor:default; float:left; overflow:hidden; position:relative; text-align:center; width:100%; margin-bottom:20px;}
.view .mask,.view .content{height:100%; left:0; overflow:hidden; position:absolute; top:0; width:100%;}

.view img{display:block; position:relative;}
.view h2{color:#fff; font-size:40px; padding:10px; position:relative; text-align:center; top:45%; margin-top:-55px;}
.view p {color:#fff; font-size:12px; font-style:italic; top:55%; margin-top: -60px; padding:10px 90px 20px; position:relative; text-align:center;}
.view a.info {position:relative; background:#cb1c1c; color:#fff; top:45%; margin-top:-10px; display:inline-block; padding:14px 24px; text-decoration:none;}
.view a.info:hover {background:#000; color:#fff;}

.view-first img{-moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;}
.view-first .mask{-moz-transition:all .4s ease-in-out; -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out; filter:alpha(opacity=0); background-color:rgba(0,0,0,0.7); opacity:0;}
.view-first h2{-moz-transform:translateY(-100px); -moz-transition:all .2s ease-in-out; -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform:translateY(-100px); -ms-transition:all .2s ease-in-out; -o-transform:translateY(-100px); -o-transition:all .2s ease-in-out; -webkit-transform:translateY(-100px); -webkit-transition:all .2s ease-in-out; filter:alpha(opacity=0); transform:translateY(-100px); transition:all .2s ease-in-out; opacity:0;}
.view-first p {-moz-transform:translateY(100px); -moz-transition:all .2s linear; -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform:translateY(100px); -ms-transition:all .2s linear; -o-transform:translateY(100px); -o-transition:all .2s linear; -webkit-transform:translateY(100px); -webkit-transition:all .2s linear; filter:alpha(opacity=0); transform:translateY(100px); transition:all .2s linear; opacity:0;}
.view-first:hover img {-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.view-first a.info {-moz-transition:all .2s ease-in-out; -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; filter:alpha(opacity=0); transition:all .2s ease-in-out; opacity:0;}
.view-first:hover .mask {-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;}
.view-first:hover h2,.view-first:hover p,.view-first:hover a.info { -moz-transform:translateY(0px); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform:translateY(0px); -o-transform:translateY(0px); -webkit-transform:translateY(0px); filter:alpha(opacity=100); transform:translateY(0px); opacity:1;}
.view-first:hover p {-moz-transition-delay:.1s; -ms-transition-delay:.1s; -o-transition-delay:.1s; -webkit-transition-delay:.1s; transition-delay:.1s;}
.view-first:hover a.info {-moz-transition-delay:.2s; -ms-transition-delay:.2s; -o-transition-delay:.2s; -webkit-transition-delay:.2s; transition-delay:.2s;}

/* --------------------------------------------------
   About Band Members
-------------------------------------------------- */

#about_band_members {background-repeat: no-repeat; background-position: center bottom; height:800px; padding-top:8%;}
#about_band_members h3 {width:90%; margin:0 auto; font-family:'Vidaloka',serif; text-transform:uppercase; text-align:center; font-style:normal; font-weight:normal; color:hsl(0, 0%, 63%); display:block;}
#about_band_members .content {font-size:13px; color:hsl(0, 0%, 40%); text-transform: uppercase; text-align:center; max-width:900px; padding:20px; margin:0 auto;}
#about_band_members a {background:hsl(209, 76%, 58%); color:hsl(0, 0%, 100%); padding:2px 5px 2px 5px; text-decoration:none;}
#about_band_members a:hover, a:active, a:visited {background:hsl(209, 58%, 37%);}

/* --------------------------------------------------
   News
-------------------------------------------------- */

#news {background: url('assets/images/news_background.jpg') hsl(20, 18%, 93%) repeat; height:800px; padding-top:5%;}
#news h3 {width:90%; margin:0 auto; font-family:'Vidaloka',serif; text-transform:uppercase; text-align:center; font-style:normal; font-weight:normal; color:hsl(34, 8%, 60%); display:block; border-top:1px #7e766d solid; border-bottom:1px #7e766d solid; padding:20px;}
.inner_bevel {text-shadow: 0px -1px #7e766d, 1px 2px #fff;}


/* Next / Previous Nav Buttons */
#news .nextContainer  {position: absolute; top:0; right:4%; width:100px; top:490px; z-index: 10;}
#news .prevContainer  {position: absolute; top:0; left:4%; width:100px; top:490px; z-index: 10;}
#news .nextContainer .next {position: absolute; bottom: -10%; left: 0;}
#news .prevContainer .prev {position: absolute; bottom: -10%; left: 0;}
#news .item_nav_button {width: 90px; text-align:center; font-size: 12px; background: hsl(0, 0%, 7%); color: gray; border: none; outline: none; display: block; padding: 5px 20px; text-decoration: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; behavior: url(http://demo.jewelleries.co/assets/PIE.htc);}
#news .item_nav_button:hover {background:red; color:white;}

#news .containerOuter {position:relative; margin-top:44px; left:0; right:0; height:500px; overflow:hidden; background: none;}

#news .container {width:100%; height:500px; margin:0 auto; overflow:visible;}
#news .container .iosSliderContainer {position: absolute; top: 0; left: 0; width: 100%; height: 500px; margin: 0 0 0 0; overflow: visible;}

#news .iosSlider {position:relative; top:0; left:0; overflow:visible; width:100%; height:500px;}
#news .iosSlider .slider {width:10000px; height:100%;}
#news .iosSlider .slider .item {float:left; width:710px; height:100%; padding: 0 10px;}
#news .iosSlider .slider .item .imageWrap {width: 100%; position: relative;}
#news .iosSlider .slider .item .imageWrap img {display: block;}
#news .iosSlider .slider .item .imageWrap .titleWrap {position: absolute; left: 0; bottom: 0; background:rgba(0,0,0,0.6); padding:15px 40px 15px 10px;}
#news .iosSlider .slider .item .imageWrap .titleWrap h4 {font-family: 'Scada', sans-serif; margin: 0; font-size: 25px; font-weight: bold; color: #fff; text-transform: uppercase;}
#news .iosSlider .slider .item .contentWrap {padding: 30px 30px 10px 30px; background-color: #ffffff; text-align: center;}
#news .iosSlider .slider .item .contentWrap .content p {font-size: 12px; color: #666;}
#news .iosSlider .slider .item .contentWrap .date {font-size: 10px; color: #333; border-top: 1px solid #ccc; padding: 10px 0 0;}
#news .iosSlider .slider .item .contentWrap .content {height: 100px;}
#news .iosSlider .slider .item .bottomShadow img {display: block;}
#news .iosSlider .slider .item .time-wrap {position: absolute; bottom: 0; width: 80%; margin: 0 10%;}
#news .iosSlider .slider .item .time-wrap time{color: #4d4d4d; text-align: center; width: 100%; font-family: 'Vidaloka', serif; display: block;}


#news .archive-container-wrap {position:absolute; bottom: 10px; text-align: center; width: 100%; min-width: 100%; z-index:5;}
#news .archive-container {margin: 0 auto;}
#restart-news {width: 90px; text-align:center; font-size: 12px; background: #ccc; color: #666; border: none; outline: none; display: inline-block; padding: 5px 20px; text-decoration: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
#restart-news:hover {background:red; color:white;}


/* --------------------------------------------------
   Shop
-------------------------------------------------- */
#shop {
    background-image: url("assets/images/shop_overlay.png");
    background-repeat: repeat;
    height: 600px;
    position: relative;
}

#shop .columns {padding: 0;}

#shop a.buy-button { background: none; color: #fff; padding: 10px 90px; background-color: #E31500; border-radius: 0.5em 0.5em 0.5em 0.5em; display: inline-block; font-size: 20px; outline: medium none; text-align: center; text-decoration: none; top: 20px;}

#shop a.buy-button:hover {color: #fff; background-color: #000;}

#shop .btn {
    display: block;
    width: 91px;
    height: 91px;
    overflow: hidden;
    position: absolute;
    background: url('assets/images/shop_arrows.png') 0 0 no-repeat;
    z-index: 1000;
}

#shop .btn.prev {
    background-position: top left;
    top: 240px;
    left: 0;
}

#shop .btn.next {
    background-position: top right;
    top: 240px;
    right: 0;
}

#shop .btn.prev:hover {
    background-position: bottom left;
}

#shop .btn.next:hover {
    background-position: bottom right;
}

/* --------------------------------------------------
   Social
-------------------------------------------------- */

#social {text-align: center; padding-bottom: 10%; position: relative; width: 100%; min-width: 100%; overflow:hidden;}

#social h2 {color: #000000; font-size: 20px; font-weight: normal; line-height: 90px; margin-bottom: 20px; margin-top: 4%;}

#social ul li a img {
    opacity: 0.7;
}

#social .hoverFiller {
    height: 5px;
    width: 100%;
}

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

#social ul li a img {width: 50%;}
}


/* --------------------------------------------------
   Footer
-------------------------------------------------- */

#footer {background-color: #000; position: relative; }

#footer p {font-size: 11px;}

#footer .row {padding: 70px 0;}

#footer ul {list-style: none;}

#footer ul li {display: inline; margin: 0 20px; font-size: 11px;}

#footer ul li:first-child {margin-left: 0;}

#footer ul li:last-child {margin-right: 0;}

#footer a {color: #fff;}

#footer .separator{text-align: center; width: 100%; position: absolute; top: -45px;}


/* EI SLIDER*/

.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 600px;
	margin: 0 auto;
}

.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
	margin: 0;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
	text-align: center;
}
.ei-slider-large li img{
	width: 100%;
	max-width: none;
}
.ei-title{
	position: absolute;
	margin-right: 13%;
	top: 30%;
        text-align:right;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	color: #FFFFFF;
    font-size: 40px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
}
.ei-title h3{
	 color: #FFFFFF;
    font-family: 'Chivo',sans-serif;
    font-size: 100px;
    line-height: 70px;
    text-transform: uppercase;
    text-align: center;
}

.ei-title h4 {
    color: #F4A171;
    font-family: 'Vidaloka',serif;
    font-size: 370px;
    font-style: normal;
    font-weight: normal;
    line-height: 70px;
    margin-top: 60px;
    text-transform: uppercase;
    text-align: center;
}

@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 20px;
	}
	.ei-title h2, .ei-title h3{
		text-align: left;
		font-size: 20px;
		color: #000;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
	
	.ei-title h4 {
		font-size: 30px;
		text-align: left;
		color: #000;
	}
}

/*--------------------------
    PAGE
-----------------------*/

.page {background: url('assets/images/news_background.jpg') 0 0 repeat;}

.page .single {margin: 80px 0 250px; padding: 0; background-color: #fff; box-shadow: 0 1px 1px 0 #999; -moz-box-shadow: 0 1px 1px 0 #999; -webkit-box-shadow: 0 1px 1px 0 #999;}

.page .single header {padding: 50px 0;}

.page .single .content {padding: 60px 0;}

.page .single figure {text-align: center;}

.page .single header h1 {font-family: 'Vidaloka', serif; font-size: 46px; color: #252525; text-align: center; text-transform: uppercase; font-weight: normal;}

.page .single .content {font-size: 13px; color: #898989; padding: 60px 10%;}

/*----------------------------------
    BLOG
-----------------------------------*/

/*** Single ***/

/* Layout */

.post {background: url('assets/images/news_background.jpg') 0 0 repeat;}

.post .single {margin: 80px 0 250px; padding: 0; background-color: #fff; box-shadow: 0 1px 1px 0 #999; -moz-box-shadow: 0 1px 1px 0 #999; -webkit-box-shadow: 0 1px 1px 0 #999;}

.post .single header {padding: 50px 0;}

.post .single .content {padding: 60px 0;}

.post .single figure {text-align: center;}

.post .single .tag {background-color: #d9d5d0; padding: 0 10%;}

.post .single .tag ul {list-style: none; margin: 0; padding: 3px 0; }

.post .single .tag ul li {display: inline-block; margin-right: 10px;}

.post .single .tag ul li a {background-color: #b6ac9f; padding: 3px 15px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}

.post .single .comments {background-color: #f5f5f5; padding: 30px 0;}

.post .single .comments .comment-form {padding: 0 10%;}

.post .single .comments .comments-title {margin: 0; padding: 8px; border-bottom: 1px solid #fff;}

.post .single .comments .comments-wrap {padding: 20px 10%;}

.post .single .comments .comments-wrap ol {list-style: none;}

.post .single .comments .comments-wrap ol li ol {padding-left: 40px; list-style: none;}

.post .single .comments .comments-wrap ol li ul {padding-left: 40px; list-style: none;}

.post .single .comments .comments-wrap .comment-wrap {border-bottom: 1px solid #d9d5d0;}

.post .single .comments .comments-wrap .comment-body { padding: 20px 0;  clear: both;}

.post .single .comments .comments-wrap .comment-author .fn{color: #373737; font-size: 18px; font-style: normal; line-height: 18px; font-weight: normal;}

.post .single .comments .comments-wrap .comment-meta a {text-transform: uppercase; color: #7d7d7d; font-size: 13px;}

.post .single .comments .comments-wrap .reply {text-align: right; padding: 10px 0;}

.post .single .comments .comments-wrap .comment-reply-link {display: inline-block; color: #fff; background-color: #cacaca; font-size: 12px; padding: 2px 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

.post .single .comments .comments-wrap .comment-reply-link:hover {background-color: red;}

.post .single .comments .comment-form form {margin: 0;}

.post .single .comments .comment-form input[type="text"] {background-color: #efede9;}

.post .single .comments .comment-form textarea {background-color: #efede9; height: 100px;}

.post .single .comments .comment-form .form-submit {margin: 0; padding: 20px 0; text-align: center;}

.post .single .comments .comment-form .form-submit input {background: none; border: none; cursor: pointer; background-color: #9c917c; padding: 5px 30px; color: #fff; font-family: 'Scada', sans-serif; font-size: 11px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

.post .single .comments .comment-form .form-submit input:hover {background-color: red;}

/* Typography */
.post .single header h1 {font-family: 'Vidaloka', serif; font-size: 46px; color: #252525; text-align: center; text-transform: uppercase; font-weight: normal;}

.post .single header .meta {text-align: center; text-transform: uppercase; color: #898989; font-size: 13px;}

.post .single header .meta a {color: #349ee8;}

.post .single .content {font-size: 13px; color: #898989; padding: 60px 10%;}

.post .single .tag ul li {color: #292929; font-size: 12px;}

.post .single .tag ul li a {color: #dfdfdf; font-size: 12px;}

.post .single .tag ul li a:hover {background-color: red;}

.post .single .comments .comments-title {text-align: center; color: #b8b4af; font-size: 19px; text-transform: lowercase; font-weight: normal;}

.post .single .comments #reply-title{color: #373737; font-size: 20px; margin: 10px 0 0;}

.post .single .comments .comment-form .comment-notes {font-size: 12px; color: #373737;}

#comment-nav-below {position: relative; padding: 20px 0;}

#comment-nav-below a {display: inline-block; color: #fff; background-color: #cacaca; font-size: 12px; padding: 2px 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

#comment-nav-below a:hover {background-color: red;}

#comment-nav-below .nav-previous {position: absolute; left: 0;}

#comment-nav-below .nav-next {position: absolute; right: 0;}

.blog-area {background: url('assets/images/news_background.jpg') 0 0 repeat; padding: 50px 0 200px;}

.blog-area .single {background-color: #fff; box-shadow: 0 1px 1px 0 #999; -moz-box-shadow: 0 1px 1px 0 #999; -webkit-box-shadow: 0 1px 1px 0 #999; padding: 5% 10%;}

.blog-area .single .archive-title {font-family: 'Vidaloka', serif; font-size: 46px; color: #252525; text-align: center; text-transform: uppercase; font-weight: normal;} 

.blog-area .single .sub-category-nav {text-align: center;}

.blog-area .single .sub-category-nav ul {list-style: none; padding: 0;}

.blog-area .single .sub-category-nav ul li {display: inline; padding: 0 10px;}

.blog-area .single .sub-category-nav ul li a {text-transform: uppercase; font-size: 15px; color: #6f6f6f;}

.blog-area .single .sub-category-nav ul li a:hover {color: #349ee8;}

.blog-area .post {background: none; margin-top: 50px; border-bottom: 1px solid #cfcfcf; padding-bottom: 30px;}

.blog-area .post .entry-header {position: relative;}

.blog-area .post .entry-header img {display: block;}

.blog-area .post .entry-header h1{position: absolute; bottom: 0; left: 0; margin: 0; font-family: 'Vidaloka', serif; font-size: 26px; color: #fff;  text-transform: uppercase; font-weight: normal;}

.blog-area .post .entry-header h1 a {background-color:rgba(0,0,0,0.6); color: #fff; display: block; padding: 20px; }

.blog-area .post .entry-header h1 a:hover {background-color:rgba(255,0,0,0.6);}

.blog-area .post .entry-content {padding: 20px 0 30px; text-align: left; color: #898989; font-size: 13px;}

.blog-area .post .entry-meta {text-align:left; text-transform: uppercase; font-size: 11px; color: #9c9c9c;}

.blog-area .post .entry-meta time {color: #282828;}

.blog-area .post .entry-meta a:hover {color: red;}

.blog-area .control-buttons {clear:both; padding: 20px 0;}

.blog-area .control-buttons a {color: #fff; background-color: #cacaca; padding: 5px 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}

.blog-area .control-buttons a:hover {background-color: red;}

/*404 error page*/
.error404 {background: url('assets/images/404bg.png') 0 0 repeat;}

.error-page { padding: 10% 0; text-align: center;}

.error-message {text-align: center; padding: 20px; background-color: rgba(0, 0, 0, 0.6); margin-top: 40px;}

.error-message h1 {font-size: 230px; color: #fff;}

.error-message a {color: #fff; text-transform: uppercase; font-size: 30px;}

@media only screen and (max-width: 960px) {
.error-message h1 {font-size: 130px; color: #fff;}
}

* a.noColor { background: none !important; }