/*-----------------------------------------------------------------------------------

  Theme Name: GridStack (B3Sci Mod)
  Theme URI: http://themewich.com
  Description: GridStack is unique and modern portfolio theme for agencies, artists and freelancers.
  Author: Brian Douglas
  Author URI: http://www.bmdinteractive.com
  Template:     gridstack
  License: GNU General Public License version 3.0
  License URI: http://www.gnu.org/licenses/gpl-3.0.html
  Version: 1.0

-----------------------------------------------------------------------------------*/
@import url("../gridstack/style.css");
body {
  font-family: 'raleway';
}
.mfp-wrap {
  z-index: 9999999999999999 !important;
}
.mfp-bg {
  z-index: 999999999999999 !important;
  background-color: #111 !important;
}
body.single  #sidebar{
  display:none !important;
} 
.categories {
    margin: 10px 0;
}
.controlswrap {
  position: relative;
  height: 10px;
  margin-top:10px;
}
.controls {
   position:absolute;
   right: 15%;
   height:50px;
   width: 70%;
   z-index: 9999;
   top: 5px;
}
.controls span {
  float: right;
  margin-left:1px;
  display:block;
}
.controls span.closepost2 {
  position:fixed;
  float:right !important;
  right:50px;
  top:65px;
}

.controls span.closepost {
  position:fixed;
  float:right !important;
  right:50px;
  top:65px;
  line-height: 1em;
}
.controls span.closepost:hover:after {
content:'back to posts';
position:absolute;
margin-left:-30px;
margin-top:10px;
}

#scFallback {
  display: none;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  width: 90%;
  max-width:660px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.controls span a {
  width: 40px;
  height: 40px;
  text-indent: -999999px;
  display: block;
  opacity: 0.5;
  border: 1px solid transparent;
}
/* Hover Effect */
.controls p.hoverhelper {
  text-align: center;
  font-size: 11px;
  margin-top:10px;
  position: absolute;
  width: 80%;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #666;
  line-height: 1em;
  top: 0px;
  left: 10%;
}
.nextpost a, .prevpost a {
  background: url(images/sprites.png) no-repeat;
}

.closepost a  {
  background: url(images/large_x_thick.png) no-repeat;
}

.closepost2 a  {
  background: url(images/large_x_thick_white.png) no-repeat;
}
.nextpost a {
  background-position: -219px -7px;
}
.prevpost a {
  background-position: -168px -7px;
}
.prevpost {float:left !important; top:50%;}

.controls a:hover {
  opacity: 1;
}

h2.cat-title {
    position: absolute;
    font-family: 'ecd' !important;
    width: 65%;
    background: #666;
    color:#fff;
    height: 40px;
    line-height: 40px;
    font-size: 32px;
    text-align: center;
    left: 0;
    top: 0;
    vertical-align: middle;
    padding: 0;
    text-transform: uppercase;
}

.share-accordion {
    width: 50%;
    float: left;
    margin-top: 0;
}
.share-accordion.comments {
    width: 90%;
    float: none;
    margin: 0 auto;
}
#commentsubmit textarea {
    width: 90%;
}
#respond {
    padding-top: 0px;
}
.comment-user {
    font-size: 12px;
}
.g-recaptcha div:first-child {
    margin:0 auto;
}
#accordion {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 660px;
    margin: 0 auto;
    background: rgba(0,0,0,.1);
    margin-bottom: 100px;
}

.accordion-content {
  min-height: 120px;
}
.accordion-content p  {
  margin-bottom: 0;
  font-size: 12px;  
}
.copy-link-box {
  width: 60%;
}
.copy-prompt {
  font-size: 11px;
  line-height: 1em;
  color:#000;
}
#sitecontainer .container:first-child {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

.pagination,
.woocommerce-pagination {
    padding-bottom: 100px;
    padding: 0 10px 100px 10px;
    float: right;
}

input#s {
  padding:8px;
  width: 160px;
  margin-bottom: 6px;
}
#single-post-container {
    left: 5%;
    width: 90%;
    position: relative;
}
#single-track-bg {
  background-size: cover;
  height: 100%;
  opacity: .7;
  background-position: center;
}
.single-post .categories {
  margin-bottom:5px;
}
#postcontainer {
  margin-left:22%;
  width: 39%;
  margin-top:80px;
  max-width: 660px;
}
body.error404 #postcontainer {
  margin-left:22%;
  width: 39%;
  margin-top:0px;
  max-width: 660px;
}
body.search-no-results #postcontainer {
  margin-left:25%;
  width: 39%;
  margin-top:80px;
  max-width: 660px;
}

body.page-template-page-catalog #postcontainer ,
body.page-template-default #postcontainer {
  width: 60%;
  max-width: initial;
  margin-left: 25%;
}

/*body.home.front-page #postcontainer {
  margin-top:0px;
}
*/

#postContent {
  visibility: hidden;
  margin-top: 0;
}

.post.category-video-box #postContent {
  visibility: visible;
}
#postContent p {
  line-height: 1.2em;
  font-family: 'ecd';
}
#commentsubmit label {
    width: 20%;
    display: inline-block;
    text-align: right;
    font-size: 12px;
}
#commentsubmit label.comment {
    width: auto;
}
#commentsubmit input[type=text],
#commentsubmit input[type=text]#url {
    width: 30%;
    display: inline-block;
}
input#submit {
    padding: 8px;
    border-style: solid;
    background: #666 !important;
    border-color: #666 !important;
}

.popular-count {
  position: absolute;
  right: 0;
  border-radius: 60px;
  background-color: #FFF;
  color: #000;
  width: 60px;
  height: 60px;
  font-size: 36px;
  text-align: center;
  border: 1px solid #000;
  padding-right: 2px;
  line-height: 60px;
  vertical-align: middle;
  font-family: 'cb' !important;
  top: -5px;
}
body.page-template-default h1 {
    font-size: 32px;
    margin-bottom: 40px;
}
h1,h2,h3,h4,h5,.tp-caption {font-family: 'cb' !important;}

.anilogo {
    width: 25%;
    max-width: 400px;
    position: fixed;
    z-index: 9999;
    top: -66px;
    left: -35px;
    height: 300px;
}
.shop-title {
    position: absolute;
    bottom: 54px;
    width: 100%;
    text-align: center;
    font-family: Helvetica;
    font-weight: bold;
    color: #000;
    font-size: 1.5em;
    letter-spacing: .56em;
}
#home-scroll-btn {
  display: none;
}

/* MAIN MENU BEGIN */
.menucell.verticalcenter {
    top: 320px;
    display: table;
    float: none;
    position: fixed;
    width: 20%;
    min-width: 240px;
    max-width: 330px;
    z-index: 99999;
}

/* #Mobile Navigation
================================================== */
.mobilenavcontainer {
   width: 100%;
   position: fixed;
   z-index: 999999;
   /*display:none;*/
   margin-bottom: 0;
   top: 0;
}
.mobilebutton {
  display:none;
  margin-top: -15px;
  margin-bottom: 15px;
}
#mobilenav:target a {
  -moz-transition: height .25s, line-height .25s, background .25s, visibility .25s;
  -ms-transition: height .25s, line-height .25s, background .25s, visibility .25s;
  -o-transition: height .25s, line-height .25s, background .25s, visibility .25s;
  -webkit-transition: height .25s, line-height .25s, background .25s, visibility .25s;
  transition: height .25s, line-height .25s, background .25s, visibility .25s;
}
/* Mobile Navigation */
.mobilenavigation {
  width: 100%;
  margin: auto;
}
ul#mobilenav, #mobilenav li {
  list-style: none;
  margin:0;
  text-align: center;
  background:#f0f0f0;
}
#mobilenav:target li li li a,
#mobilenav li li li a.display {
  padding-left:40px;
}
#mobilenav:target li li li a,
#mobilenav li li a.display {
  padding-left: 20px;
}
ul#mobilenav ul {
  margin:0;
}
ul#mobilenav {
  margin: 0;
  position: absolute;
  z-index: 999999;
  width: 100%;
  background: #fff;
  font-family: 'ecd';
  text-transform: uppercase;
}
#mobilenav a {
  position:relative;
  display:block;
  overflow: hidden;
  height: 0;
  padding: 5px 5px;
  border-bottom: 1px dotted #dcdcdc;
  border-color: rgba(0,0,0,.15);
  text-align: center;
  font-family: 'ecd';
  height: 0;
  overflow: hidden;
  padding: 0;
  font-size: 1.2em;
  z-index: 1000;
  border-width:0;
  line-height: 2em;
  color:#333;
  background: none;
}
#mobilenav a:hover {
    background: #fff;
}
#mobilenav:target a, #mobilenav a.display{
  border-bottom-width:1px;
  height:20px;
  line-height: 18px;
  padding: 13px 5px 10px 5px;
}
#jump {
  z-index: 10;
  background: #333;
  width: auto;
  height: auto;
  display: block;
  padding: 15px;
  height:15px;
  margin: auto;
  text-align: right;
  position: relative;
  font-size: 30px;
  line-height: 14px;
  color: #fff;
  }
a#jump:hover {
  background:#444;
}
#mobilenav {
  z-index: 1000;
}
#mobilenav:target {
  z-index: 1001;
}
#mobilenav:target a {
  position: relative;
  z-index: 1;
}
#back {
  position:relative;
}
#back a {
  background:#333;
  border: 0;
  position: relative;
  left: 0;
  right: 0;
  z-index: 11;
  margin-top: 0px;
  border-width:0;
  color:#fff;
  transition:none;
  -webkit-transition: none;
  -moz-transition:none;
  -o-transition:none;
}
#back a:hover {
  background:#444;
}
#mobilenav:target #back a, #mobilenav #back a.display {
  font-family: "FontAwesome";
  border-width:1px;
  height:auto;
  padding: 15px;
  font-size: 30px;
  line-height: 14px;
  height: 15px;
  margin-top: -44px;
  text-align: right;
}

#mobilenav li.menu-item-has-children a {
    padding-left: 10px;
}
#mobilenav li.menu-item-has-children a:after {

    content: '\f107';
    position: relative;
    left: 10px;
    font-family: "FontAwesome";
}
#mobilenav ul.sub-menu {
  display: none;
}
#mobilenav ul.sub-menu li a {
    padding-left: 0;    
}
#mobilenav ul.sub-menu li a:after {
    content: '';
}

#mobilenav .sub-menu li {
  background:#ddd;
}
#menu {
  float: none;
}

body.single #sitecontainer {
  text-align:center;
}


.pagetitle {
    text-align:center;
    padding:0 !important;
    margin-bottom: 0;
    margin: 0 auto;
    width: 75%;
    margin-bottom: 20px;
}

.category-video-box p iframe {
    width: 100%;
    height: 40vw;
    max-height: 50vh;
}


/* ARCHIVES PAGE*/
ul.archives {
    height: 500px;
}
ul.archives li {
    float: left;
    width: 25%;
    margin-bottom: 0px;
}


.sf-menu li {
  float: none;
  text-align: center;
}

/* BLOG INDEX */
.post .thumbnailarea {
  width:45%;
  float:right;
  margin-bottom: 0;
  background-repeat: no-repeat;
}
#single-post-container .thumbnailarea {
  /* width: 60%; */
  /* padding-bottom: 35%; */
  float: none;
  margin: auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  width: initial;
}
#single-post-container .thumbnailarea img{
  max-width: 660px !important;
  max-height: 440px;
}

.post .indexcontent {
  width: 50%;
  margin-right:10px;
  float:right;
  text-align:right;
  margin-left: 0;
  font-family: 'ecd';

}

.post .categories a {
  float:right;
}

body.single .post .categories a {
  float:none;
}
.post-content {
    line-height: 1.2em;
}

div.author {
  margin-top:10px;
  line-height: .5em;
}
.publish-date {
  margin-top: 0;
}


/* SINGLE POST */
.post.onecol.active {
  background-color: #f0f0f0;
}
.post.onecol {
  margin-bottom: 80px;
  text-align:right;
  border-bottom: 0;
   padding:20px; 
  height: auto;
  position: relative;
  margin: 0 0 40px 0;
  width: 90%;
  left: 5%;
}
.onecol .thumbnailarea {
  width: 45%;
  /*min-height: 300px;*/
  padding-bottom: 45%;
  background-size: cover;
  background-position:center;
  float:right;
}
.post h2.title {
  color: #000;
  margin-bottom:10px;
  display: inline-block;
}
.pagetitle .title {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 0;
}
.sidebar {
  font-size:14px;
  position: fixed;
  margin-left: -20px;
}
.sidebar p,
.sidebar ul,
.sidebar ol {
  font-size:14px;
}
.leftbar {float:right; position:fixed;z-index: 99;}


.artist-o {
  float:none !important;
}

h2,.pagetitle {
  font-size:1.2em;
  line-height: 1em;
}

body.page h2 {
  font-size: 1.2em;
  margin: 40px 0;
  text-transform: uppercase;
}

/* PLAYER STYLES */

.fap-play-button, .fap-enqueue-button, .fap-referral-button, .fap-enqueue-button:hover, .fap-referral-button:hover {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid;
}


.soundcloud-link {
    position: absolute;
    right: 0;
    width: 15px;
    top: 6px;
}


body.single .soundcloud-link {
    position: relative;
    left:initial;
}

.singleplayer  .soundcloud-link {
    position: relative;
    width: 30px;
    height: 10px;
    margin: 0 auto;
    top: 0;
  
}

.singleplayer {
  opacity:0;
}

.fap-play-button,
.fap-pause-button
 {
    position:absolute;
    left:0;
    top:0;
    width: 20px;
    opacity: 0;
    visibility: hidden;
    height: 0px;
    color:#00a498;
   }

  
.postplayer {
  position: relative;
  width: 100%;
  height: 30px;
}
.fap-pause-button {
    width: 35px;
    height: 35px;
}
.fap-pause-button:before {
    content: '';
    height: 20px;
    width: 6px;
    left: 0;
    top: 0;
    display: block;
    position: absolute;
    background-color: rgb(100, 100, 100);
}

.fap-pause-button:after {
  content: '';
  height: 20px;
  width: 6px;
  left: 10px;
  top: 0;
  display: block;
  position: absolute;
  background-color: rgb(100, 100, 100);
}


.soundcloud-random_progressbar {
    background: transparent;
    width: 90%;
    height: 7px;
    position: absolute;
    overflow: hidden;
    top: 12px;
    left: 3px;
    display: none;
}

body.single .soundcloud-random_progressbar {
  display:block;
}

.exgfplayer-current_track{
  display: block;
}

.singleplayer .soundcloud-random_progressbar {
    background: #f1f1f1;
    width: 50%;
    height: 7px;
    position: absolute;
    overflow: hidden;
    left: 25%;
    top: 50px;
    padding: 0;
    cursor: pointer;
}

div.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    margin-top: 0;
    background: url(images/loading.gif) no-repeat;
    background-color: #fff;
    background-position: top 50% left 50%;

}

.soundcloud_progressbar-loadingBar {
    background: rgb(227,227,227);
    height: 100%;
    position: absolute;
    cursor: pointer;
}

.soundcloud_progressbar-filling {
    position: relative;
    width: 0px;
    height: 100%;
    overflow: hidden;
    background-color: #00a498;
}

.singleplayer {
    position: relative;
    left: 0;
    width: 100%;
    margin-top: 0px;
    height: 80px;
    text-align: center;
}
.soundcloud-random_progressbar-bg {
  width:100%;
  height:100vh;
  position:fixed;
  top:0;
  border-radius:0;
  background:rgba(0,0,0,0) !important;
  opacity:.2;
  left: 0;
  z-index: -1;
  overflow: hidden;
  padding: 0;
}

.post .date {
    font-size: 11px;
    color: #666;
}

img.artist-country {
    max-height: 18px;
    vertical-align: middle;
}

.single-wrapper {
  width:100%;
  height: 110%;
  position:fixed;
  top:-5%;
  left:0;
  opacity:.2;
  z-index: -2;
  -webkit-filter: blur(6px);
  filter: blur(6px);
}
  


  
/* MOBILE NAV */
#mobilenav a.display {
    border-bottom-width: 1px;
    height: 2em;
    line-height: 2em;
    padding: 0px 0;
    text-align: center;
}


/* FOOTER */
#footer input#s {
  margin:0 10px;
  min-height: initial;
  position: relative;
  top: -3px;
}
#footer {
    position: fixed;
    bottom: 0;
    z-index: 9999999;
    height: 96px;
    text-align:center;
    width: auto;
    background:rgba(255,255,255,.9);
}

#footer-controls {
  position: absolute;
  z-index: 3;
}

#footer-player {
  position: absolute;
  z-index: 3;
  top: 47px;
  padding: 0;
  display: none;
  width: 100%;
  background: #000;
  height: 48px;
  border-top: 1px solid white;
}

.footer-info-button {
  width: 30px;
  height: 35px;
  border: none;
  cursor: pointer;
  background:url(images/info.png) no-repeat;
  color: #fff;
  background-size:30px;
  position: absolute;
  top: 8px;
  left: 4px;
  z-index: 10;
}


.footer-player-button.on-state {
  background-image: url(images/whitesat.png);
  top: 8px;
}

.footer-player-button{
  width: 30px;
  height: 33px;
  border: none;
  cursor: pointer;
  background:url(images/blacksat.png) no-repeat;
  color: #fff;
  background-size: 30px;
  position: absolute;
  top: 55px;
  left: 4px;
  z-index: 10;
}


#footer-nav{
  background-color: rgba(223,223,223,1);
  position: absolute;
  z-index: 2;
  text-align: center;
  width: 100%;
  display: none;
  padding-top: 0px;
  overflow: hidden;
  left: 0;
  height: 100%;
}
#footer-nav .container {
    width: ;
  }

#footer-nav img {width:20px;padding: 5px 0px;margin-top:0px;}
#footer-nav .ml {margin-left:5px;}
#footer-nav .hm {margin-left:5px;}
.footlinks li{display:inline;list-style-type: none;margin-left: 6px;}
.footlinks a{font-size: 13px;padding:5px;}
.footlinks {margin-top:10px;font-family:'ecd';width: auto;float: left;margin-bottom: 0;/* height: 30px; */}
.footlinks.internal a:hover {background-color:rgba(0,0,0,.7); color:#fff; }
.footlinks a {color:#777; }
.footlinks.social {  }
.footlinks.social a { color:#777; padding: 0 5px; }
.footlinks.social a:hover span { color:#222; }
.footlinks.social a span.fa {
    font-size: 20px;
    margin: 0;
    padding: 0;
    line-height: 1em;
}
#footer-nav .footlinks.social a img { opacity: .5; padding:0; position: relative; top:4px; }
#footer-nav .footlinks.social a:hover img { opacity: 1; }

.footlinks.internal{
  font-size: 14px;
/*  width: 50%;
  min-width:280px;
  max-width:299px;*/
}
.footlinks.social {
  /*width: 27%;*/
  min-width: 260px;
}
.footlinks.search {
    float: left;
    /*width: 20%;*/
}

.top-nav.stickyloaded {
  position: relative !important;
  background:none !important;
  z-index: 99999;
}

/* Tag Cloud */
#canvas_wrap_87686{
  width: 100%;
  height: 100%;
}

#exgf-hidetheplayer .black-sat {
  display:  none;
}
.page-numbers {
    padding: 10px;
    float: left;
}

.query {
    position: absolute;
    color: #fff;
    font-size: 10px;
    display: block;
    background-color: #000;
    padding: 10px;
    bottom: 0;
}


/* MOBILE */
@media (min-width:300px) and (max-width: 450px) {
    div.loading {
      background-size: 25%;
    }
    .post.onecol {
       padding:0px; 
    }
    body.page h2 {
      margin:0;
    }
    .mobilenavcontainer{
      display: block;
    }
    #accordion {
      width: 98%;
    }
    #postContent iframe {
      max-width: 90%;
      min-height: 180px;
    }
    #postcontainer {
      margin-left:0;
      width: 100%;
      margin-top: 20px;
      position: relative;
    }
    body.home.front-page #postcontainer {
        margin-top: 60px;
    }
    #sitecontainer{
      margin:0 auto;
      padding-bottom: 180px;
    }

    .page-numbers {
      margin-right: 2px;
      font-size: 11px;
      padding: 8px;
    }
  .controlswrap {
    margin-top: 0;
    position: absolute;
    top: 10px;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 0;
  }
  .accordion-toggle {
      font-size: 10px;
  }
  img.wf-img {
      margin-top:-6px;
      height: 13px !important;
  }
  body.single .soundcloud-link {
      position: relative;
      left:initial;
      width: 100%;
      height: 20px;
  }

  .singleplayer  .soundcloud-link {
      position: relative;
      width: 30px;
      height: 10px;
      margin: 0 auto;
      top: 0;
    
  }
  #single-post-container {
      left: 0%;
      width: 100%;
      top:70px;
      position: relative;
      max-width: 500px;
      margin: 0 auto;      
  }
  #postContent {
    visibility: hidden;
    margin: 20px 5%;
  }
  .post.category-video-box #postContent {
    margin-left: 0;
    margin-right: 0;
  }
  .post-content {
    margin:0 5%;
  }
  body.page-template-default #postcontainer,
  body.page-template-page-catalog #postcontainer {
    width: 90%;
    margin: 100px 5% 35% 5%;
    max-width: initial;
  }
  .pagetitle .title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .post .date {
      margin-bottom: 10px;
      font-size: 8px;
      line-height: 8px;
  }  
  
  .controls {
   width: 100%;
   right: initial;
  }

  .controls span.closepost {
    display: none;
  }

  .container {
    width:initial;
  }

  h2.indextitle {
      margin-top: 20px;
  }

  
  #single-post-container .thumbnailarea {
    width:100%;
    padding-bottom: 0%;
    background-size: cover;
  }
  #single-post-container .thumbnailarea img{
    max-width: 100% !important;
    max-height: initial;
    min-width: initial;
  }

  h2.cat-title {
    width: 100%;
    margin-top: 45px;
    font-size: 1.2em;
    position: relative;
  }
  ul.archives li {
      float: left;
      width: 50%;
      font-size: 12px;
      margin-bottom: 0px;
  }
  .container {
    margin:auto;
  }
  #logo-container {
    position: fixed;
     z-index: 999999;
     width: 120px;
  }
  .anilogo {
    width: 200px;
    text-align:center;
    position: absolute;
    margin:auto;
    top: -65px;
    left: -60px;
    z-index: 999999999;
    height: 200px;
    transform: scale(.5);
    -webkit-transform: scale(.5);
  }
  body.woocommerce.front-page .anilogo,
  body.home.front-page .anilogo {
    width: 100%;
    text-align: center;
    position: relative;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 999;
    height: 63vh;
    transform: scale(.5);
    -webkit-transform: scale(1);
  }

  body.woocommerce.front-page .anilogo.scrolled,
  body.home.front-page .anilogo.scrolled {
    position: fixed;
    z-index: 99999;
    top: -65px;
    left: -60px;
    width: 200px;
    height: 200px;
    transform: scale(.5);
    -webkit-transform: scale(.5);
  }
  body.woocommerce.front-page #logo-container,
  body.home.front-page #logo-container {
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 84vh;
    z-index: 1;
    margin-top: 45px;
    opacity: 0;
  }

  body.woocommerce.front-page #logo-container.scrolled,
  body.home.front-page #logo-container.scrolled {
    z-index: 999999;
    width: 120px;
  }
  body.woocommerce.front-page #home-scroll-btn,
  body.home.front-page #home-scroll-btn{
    display: block;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: 0 auto;
    top: 0;
    z-index: 999999;
    width: 100%;
  }
  .menucell.verticalcenter {
      display: none;
  }
  #sidebar,
  .svg_ship_contain {
    display:none !important;
  }
  #exgf-hidetheplayer .white-sat {
    display:  none;
  }
  #exgf-hidetheplayer .black-sat {
    display:  block;
  }
  
  /* BLOG INDEX */
  .post .thumbnailarea {
    width:100%;
    float:none;
    min-height: 300px;
    padding-bottom: 0%;
  }
  body.single-post .post .thumbnailarea {
    min-height: initial;
  }

  .post .indexcontent{
    width:100%;
    padding-right:10px;
    float:none;
    text-align:center;
  }

  .post .categories a {
    float:none;
  }

  div.author {
    float:left;
    margin-top: 10px;
    margin-left: 10px;
  }

  .publish-date {
    float:right;
    margin-top: 0;
    margin-right: 10px;
  }

  /* PLAYER STYLES */

  .fap-play-button, .fap-enqueue-button, .fap-referral-button, .fap-enqueue-button:hover, .fap-referral-button:hover {
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 15px solid;
  }


  .soundcloud-link {
      position: absolute;
      left: 5px;
      top:5px;
      width:30px;
      height:30px;
  }

  .singleplayer  .soundcloud-link {
      position: relative;
      width: 30px;
      height: 10px;
      margin: 0 auto;
      top: 0;
      left: 11px !important;
      position: absolute !important;
  }
  .fap-play-button,
  .fap-pause-button
   {
      position:absolute;
      left:0;
      top: 6px;
     }


  .postplayer {
    position: absolute;
    width: 100%;
    height: 30px;
    top: 260px;
    height: 40px;
    background: rgba(0,0,0,.6);
  }
  .fap-pause-button {
      width: 35px;
      height: 35px;
  }
  .fap-pause-button:before {
      content: '';
      height: 20px;
      width: 6px;
      left: 0;
      top: 0;
      display: block;
      position: absolute;
      background-color: #ccc;
  }

  .fap-pause-button:after {
    content: '';
    height: 20px;
    width: 6px;
    left: 10px;
    top: 0;
    display: block;
    position: absolute;
    background-color: #CCC;
  }


  .soundcloud-random_progressbar {
      background: transparent;
      width: 84%;
      left:40px;
      height: 7px;
      position: absolute;
      overflow: hidden;
      top: 16px;
  }


  .singleplayer .soundcloud-random_progressbar {
      background: #f1f1f1;
      width: 80%;
      height: 7px;
      position: absolute;
      overflow: hidden;
      left: 13%;
      top: 12px;
      padding: 0;
      display: block;
  }

  .soundcloud_progressbar-loadingBar {
      background: rgb(227,227,227);
      height: 100%;
      position: absolute;
      cursor: pointer;
  }

  .soundcloud_progressbar-filling {
      position: relative;
      width: 0px;
      height: 100%;
      overflow: hidden;
  }

  .singleplayer {
      position: relative;
      width: 100%;
      margin-top: -64px;
      height: 34px;
      text-align: center;
      background: rgba(0,0,0,.8);
  }
  .soundcloud-random_progressbar-bg {
    width:100%;
    height:100vh;
    position:fixed;
    top:0;
    border-radius:0;
    background:rgba(0,0,0,0) !important;
    opacity:.2;
    left: 0;
    z-index: -1;
    overflow: hidden;
    padding: 0;
  }

  #footer {
    width: 100%;
    height: auto;
  }

  #footer-controls .footer-player-button,
  #footer-controls .footer-info-button {
    display: block !important;
  }
  #footer-controls {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 30px;
    margin: 10px 0;
  }
  #footer-player {
    position: relative;
    top:0;
  }
  #footer-nav {
    position: relative;
  }
  #footer-nav {
    clear: both;
  }
  #footer-nav .container {
    width: auto;
    margin-bottom: 8px;
  }
  .footer-player-button {
    position: relative; 
    top: 0; 
    left: 0; 
    z-index: 10;
    float: right;
    margin-right: 40%;
  }  
  .footer-info-button {
      position: relative;
      top: 0; 
      left: 0; 
      float: left;
      margin-left: 40%;
  } 
  #footer-nav .footer-info-button {
      display: none;
  }
  #footer-player .footer-player-button {
      display: none;
  }
  .footlinks {
    float: none;
    padding-left: 0;
    margin-top: 0px;

  }
  .footlinks.search {
    float: none;
    margin-top: 10px;
  }

  .footlinks.internal,
  .footlinks.social ,
  .footlinks.search {
      width: 100%;
      height: 30px;
  }
  .footlinks a{font-size:12px; padding:4px;}

}

/* SMALL DESKTOP */
@media (min-width:451px) 
{
  #footer.expand {
    width: 100%;
  }
  
}
@media (min-width:451px) and (max-width: 1025px)
{
  .footlinks {padding-left: 0;}
  #footer-nav img {
      width: 14px;
      padding: 0px 0px;
      margin-top: 0px;
  }

  #footer {
    width: 100%;
    height: auto;
  }

  #footer-controls .footer-player-button,
  #footer-controls .footer-info-button {
    display: block;
  }
  body.woocommerce .footer-info-button {
    background-image: url('images/info.png');
  }
  #footer-controls {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 30px;
    margin: 10px 0;
  }
  #footer-player {
    position: relative;
    top:0;
  }
  #footer-nav {
    position: relative;
  }
  #footer-nav {
    clear: both;
  }
  #footer-nav .container {
    width: auto;
    margin-bottom: 8px;
  }
  .footer-player-button {
    position: relative; 
    top: 0; 
    left: 0; 
    z-index: 10;
    float: right;
    margin-right: 40%;
  }  
  .footer-info-button {
      position: relative;
      top: 0; 
      left: 0; 
      float: left;
      margin-left: 40%;
  } 
  #footer-nav .footer-info-button {
      display: none;
  }
  #footer-player .footer-player-button {
      display: none;
  }
  .footlinks {
    float: none;
    padding-left: 0;
  }
  .footlinks.search {
    float: none;
  }

  .footlinks.internal,
  .footlinks.social ,
  .footlinks.search {
      width: 100%;
      margin-top: 0;
  }
  .footlinks a{font-size:12px; padding:4px;}

   #sitecontainer{
    max-width:800px;
    margin:0 auto;
  }
  .controlswrap {
    margin-top:20px;
  }
  
  
  #postcontainer {
    margin-left:0;
    width: 90%;
    margin-top:100px;
    margin-left: 5%;
    max-width: initial;
  } 

  body.home #postcontainer {
    margin-top: 20px;
  }
  
  body.page-template-page-catalog #postcontainer ,
  body.page-template-default #postcontainer {
    width: 90%;
    margin: 100px 5% 200px 5%;
    max-width: initial;
  }

  #single-post-container {
    margin-top:80px;
  }
  h2.cat-title {
    width: 100%;
    top: 45px;
  }
  .anilogo {
    text-align: left;
    position: fixed;
    margin:auto;
    z-index: 1000000;
    width: 280px;
    top: -101px;
    left: -84px;
    height: 280px;
    -webkit-transform: scale(.5);
  }
  body.woocommerce.front-page .anilogo ,
  body.home.front-page .anilogo {
      width: 220px;
      text-align: center;
      position: relative;
      margin: auto;
      top: 0;
      left: 0;
      z-index: 999;
      height: 200px;
      transform: scale(.5);
      -webkit-transform: scale(1);
      margin-top: 0;
  }

  body.woocommerce.front-page .anilogo.scrolled ,
  body.home.front-page .anilogo.scrolled {
    position: fixed;
    z-index: 99999;
    width: 280px;
    top: -101px;
    left: -84px;
     height: 280px; 
    -webkit-transform: scale(.5);
  }
  body.woocommerce.front-page #logo-container ,
  body.home.front-page #logo-container {
    position: relative;
    height: 200px;
    margin-top: 50px;
  }
  #logo-container.scrolled {
    z-index: 999999;
  }
    
  #single-post-container .thumbnailarea {
    width:100%;
    /* padding-bottom: 50%; */
  }
  /* Display the mobile dropdown */
  .mobilenavcontainer, .mobilebutton {
    display: block;
    margin-top: 0;
    position: fixed;
    margin-bottom: 0;
    top: 0;
    width: 100%;
  }
  
  body.home .top-nav.stickyloaded {
    height: 0px;
  }
  ul.archives li {
      float: left;
      width: 32%;
      margin-bottom: 0px;
  }
  /* Hide the desktop nav */
  .verticalcenter .cell.menucell {
    display:none;
  }
  .verticalcenter .cell {
    height:auto !important;
  }

  /* MAIN MENU BEGIN */
  .menucell.verticalcenter {
    display: none;
  }
  #sidebar{
    display:none !important;
  } 

  .footlinks a {
      font-size: 12px;
      padding: 1px;
  }
  .sf-menu {
    float: none;
  }
  .sf-menu li.sfHover ul.sub-menu {
    left: 20px;
    top: 40px;
    z-index: 99;
  }

  .pagetitle {
    margin: 20px auto;
  }
  body.admin-bar .pagetitle {
  }
}
/* DESKTOP */
@media (min-width:1026px)
{
  .anilogo{
    min-width: 240px;
  }
  body.search #postcontainer,
  body.archive #postcontainer,
  body.home #postcontainer {
    margin-top: 20px;
  }

  body.category #postcontainer{
      margin-top: 80px;
  }
  #postContent {
      visibility: hidden;
      margin: 0 auto;
      max-width: 660px;
  }
  #single-post-container {
      left: 21%;
      width: 79%;
      position: relative;
  }
  
  #logo-container {
    height: 0;
  }
  .post.category-video-box #postContent {
    margin-left: 20%;
    margin-right: 20%;
    max-width: initial;
    margin-top: 15px;
  }

  h2.cat-title {
    width: 61.5%;
    top: 0;
    text-align: center;
    padding-left: 11.5%;
    font-size: 30px;
    height: 53px;
    line-height: 53px;
  }
  
  .pagetitle {
    margin-top: 20px;
  }
 
  body.home.front-page #sitecontainer {
    padding-top: 0px;
  }

   .onecol .thumbnailarea {
    width: 45%;
    padding-bottom:45%;
    min-height:0;
    height:auto;
    background-size: cover;
    background-position:center;
    float:right;
  }
  #sidebar{
    display: block;
    width: 37% !important;
  }
  #footer {
      width: auto;
      background: none;
  }

  #footer.no-player {
    bottom:-50px;
  }

  
}


/* LEGACY */
.singleplayer  .soundcloud-link {
    position: relative;
    width:35px;
    height:35px;
}



/* SLIDER */

#sidebar {
  position: fixed;
  background:#fff;
  right:-10px;
  top:0px;
  height: 100%;
  z-index: 999999;
}

#slider-container {
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: relative;
    overflow: hidden;
}

.feature-slide-container {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50% 0;
    position: absolute;
    top: 0;
    opacity:0;
    display: none;
}

#slider_nav {
    z-index: 99999;
    width: 85%;
    height: auto;
    padding: 20px;
    background-color: rgba(0,0,0,.8);
    position: absolute;
    bottom: 100px;
    left: -20px;
    opacity: 0;
    cursor: pointer;
}

#slide_title {
    color:#fff;
     font-style: italic; 
    text-transform: uppercase;
    font-family: 'ecd' !important;
    cursor: pointer;
    line-height: 1.4em;
    /* font-size: 1.2em; */
}
#slide_title a {
    color: #fff;
}
#slider_arrows {
    float: right;
}
#slider_arrows a{
    color:#fff;
    font-size: 24px;
    font-family: FontAwesome;
}
.feature-slide-bg {
    position: absolute;
    height :100%;
    width: 200%;
    left: -45%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.activeFeatureSlide{
  animation: slidePan linear 60s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: slidePan linear 60s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: slidePan linear 60s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: slidePan linear 60s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: slidePan linear 60s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes slidePan{
  0% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(-100px,0px)  ;
  }
}

@-moz-keyframes slidePan{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(-100px,0px)  ;
  }
}

@-webkit-keyframes slidePan {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(-100px,0px)  ;
  }
}

@-o-keyframes slidePan {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    -o-transform:  translate(-100px,0px)  ;
  }
}

@-ms-keyframes slidePan {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,0px)  ;
  }
  4% {
    opacity:1.00;
  }
  100% {
    opacity:1.00;
    -ms-transform:  translate(-100px,0px)  ;
  }
}