/*

Theme Name: Rhyme Scheme

Theme URI: 

Description: Rhyme Scheme: Keep it Simple

Author: marziano

Author URI: Marziano

Version: 1.3.1

License: Regular & Extended Licence

Text Domain: RhymeScheme





/* 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(/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;  background-size: 100% 100%; }



.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(/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;
	text-align:center;

    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;}

.top-bar {
    overflow: visible;
}
#smoothScroll, #smoothScroll + ul {
    display: none !important;
}
.expanded #smoothScroll, .expanded #smoothScroll + ul {
    display: inline-block !important;
}

}



@media (min-width: 361px) and (max-width: 550px) {

.content iframe {
    height:250px !important;
    width: 100% !important;
  }


  }

  @media (min-width: 551px) and (max-width: 800px) {

.content iframe {
    height:320px !important;
    width: 100% !important;
  }


  }


@media (min-width: 481px) and (max-width: 700px) {
  
 .ei-slider-large li img{
    
    width: 100%;  text-align: center; } 


  .ei-title h2, .ei-title h3 { text-align: center;}

} 

@media (min-width: 350px) and (max-width: 480px) {
  
  .ei-slider-large li img{
    left: 102px;
    position: relative;
    width: 100%;  }


}


@media (min-width: 604px) and (max-width:800px){

   .containerOuter, .containerOuter .container, .container .iosSliderContainer, .iosSlider{ 
   				height:450px !important;
	}
   #hero .prevContainer, #hero .nextContainer{ top:425px;}
   
   #shop .btn.next, #shop .btn.prev{ top:150px}
  .ei-slider{ height:590px;}
  .ei-slider-large li img{ height:auto !important; margin-left:-170px !important; }
  #shop{ height:590px;}
}

@media (min-width: 361px) and (max-width:603px){

   .containerOuter, .containerOuter .container, .container .iosSliderContainer, .iosSlider{ 
   				height:350px !important;
	}
   #hero .prevContainer, #hero .nextContainer{ top:325px;}
   
    #shop .btn.next, #shop .btn.prev{ top:110px}
  .ei-slider{ height:550px;}
  .ei-slider-large li img{ height:auto !important; margin-left:-130px !important; }
  #shop{ height:540px;}
  
}
@media only  screen and (max-width:480px){
.ei-slider-large li img {
    height: 300px !important;
    left: 170px;
    position: relative;
    top: 62px;
    width: 100%;
}
}
@media only  screen and (max-width:360px){
  .content iframe {
    height: 250px !important;
    max-width: 100% !important;
  }
  
   .containerOuter, .containerOuter .container, .container .iosSliderContainer, .iosSlider{ height:250px !important;}
   #hero .prevContainer, #hero .nextContainer{ top:235px;}
   
    #shop .btn.next, #shop .btn.prev{ top:40px}
  .ei-slider{ height:400px;}
  .ei-slider-large li img{ height:auto !important; margin-left:-430px !important; margin-top:-60px !important;}
  #shop{ height:390px;}
}
@media screen and (max-width:320px){
  .content iframe {
    height: 200px !important;
    max-width: 100% !important;
  }
  #shop .btn.next, #shop .btn.prev{ top:40px}
  .ei-slider{ height:370px;}
  .ei-slider-large li img{ height:auto !important; margin-left:-400px !important; margin-top:-60px !important;}
  #shop{ height:360px;}
}

@media (min-width: 100px) and (max-width: 350px) {
  
 .ei-slider-large li img{
    left: 170px;
    position: relative;
    width: 100%;  }


  .ei-title h2, .ei-title h3 { text-align: center;}

}