/*
Theme Name: TGJ17 July
Author: Mark Edwards EDWR.co.uk
Author URI: http:www.//edwr.co.uk/
Version: 2017
*/

body {
  background:url(images/bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-color: #2a195b;
  background-size: cover;
  font-family: 'Open Sans', sans-serif;
}

.mb15 {margin-bottom: 15px;}

b, strong {
    font-weight: bold;
    color: #000;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .hidden-md-device {
    display:none!important;
  }
}

@media (min-width: 1023px) and (max-width: 5000px) {
  .hidden-md {
    display:none!important;
  }
  .posts.standard .post .image-size {
    max-height:194px;
	  overflow:hidden;
  }
  .posts.wide .post .image-size {
    max-height:273px;
	  overflow:hidden;
  }
  .posts.large .post .image-size {
    max-height:360px;
	  overflow:hidden;
  }
}

@media (min-width: 1200px) {
  .container {
      width: 1000px;
  }
}

@media (max-width: 768px) {
  .container {
      width: 100%;
  }
}

.wrapper {
  padding:0px!important;
  background:#f2f2f2;
  overflow: hidden;
}

.no-left-padding {padding-left: 0px;}
.no-right-padding {padding-right: 0px;}
.no-padding {padding: 0px;}



/* GLOBALS
_____________________________ */

.allbg {background-color:#fa3996}
.musicbg {background-color:#630a9c!important}
.entertainmentbg {background-color:#8cc643!important}
.culturebg {background-color:#00c3f3!important}

.allcolor {color:#fa3996}
.musiccolor {color:#630a9c}
.entertainmentcolor {color:#8cc643}
.culturecolor {color:#00c3f3}

.btn.full-width {width:100%;}
.btn.btn-primary {
  padding:10px 15px 10px 15px;
  text-transform: uppercase;
  background-color:#555;
  border:0px;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: bold;
  color:#FFF;
  margin-bottom: 20px;
}
.btn.btn-internal {
  padding:10px 15px 10px 15px;
  text-transform: uppercase;
  background-color:#FFF;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: bold;
  color:#000;
  border-radius: 0px;
}



/* ALIGNMENTS
_____________________________ */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { display:block; margin-right:auto; }
.alignright { display:block; margin-left:auto; }



/* HEADLINE
_____________________________ */

.headline {
  border-bottom: #630a9c solid 4px;
  background: #212120;
  padding:8px 20px 8px 20px;
  letter-spacing: 1px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
}

.headline .glyphicon, .headline p {display:inline-block;}
.headline .glyphicon {top:5px;margin-right: 10px;font-size: 18px;color:#8e12dd;}
.headline a {display: inline-block;margin:0px;vertical-align: middle;width:85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-height: 20px;text-transform: uppercase;font-size: 14px;color:#767676;}
.headline a {text-decoration: none;}



/* ADVERTS
_____________________________ */

.advert {position: relative;}
.advert:after {
  content: "Advertisement";
  position: absolute;
  bottom:-25px;
  left:50%;
  margin-left:-100px;
  width:200px;
  text-align: center;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color:#acacac;
}

.advert.device {margin-left: -5px;margin-right: -5px;text-align: center;}

.advert.variable-leaderboard {margin:0 auto;margin-top: 20px;margin-bottom: 20px;text-align: center;}
.advert.large-leaderboard {margin-bottom: 30px;text-align: center;}
.advert.variable-leaderboard.device {margin-top:0px;}
.advert.variable-leaderboard:after, .advert.large-leaderboard:after {display:none;}

.advert.internal {position:relative;}
.advert.internal:after {display:none;}
.advert.internal .fade {
  position: absolute;
  top:0px;left:15px;right:15px;bottom:0px;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 65%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 65%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  opacity:1;
}

.advert.footer-ad {margin-bottom: 20px;}
.advert.footer-ad:after {display:none;}

.advert.mpu {margin:0 auto;width:100%;margin-bottom: 15px;max-width:300px;min-height: 250px;background-image:url(images/unblock.gif);background-position:top center;/*background-size: cover;*/background-repeat: no-repeat;}

.advert.store {float:right;clear:both;margin:0px 5px 0px 0px;max-width:300px;}

.advert-header {
  margin-bottom: 10px;
  padding:15px;
  border:#282828 solid 4px;
  background: rgb(126,48,176);
  background: -moz-linear-gradient(left,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%);
  background: -webkit-linear-gradient(left,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%);
  background: linear-gradient(to right,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e30b0',endColorstr='#fb3698',GradientType=1);
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  color:#FFF;
}

.stickem-container {position: relative;}
.stickem-container .stickit {position: fixed;top: 100px;}
.stickit-end {bottom: 0;position: absolute;left:0px;right: 0px;margin:0px!important;}



/* HEADER
_____________________________ */

.header {padding:0px 20px 0px 10px;margin-bottom: 20px;}
.header .navbar {margin:0px;}
.header .navbar-default {padding:0px;background: transparent;border:0px;}
.header .navbar-brand {padding:0px;max-width: 140px;height:auto;}
.header .navbar-default .navbar-nav li a {
  margin:0px 7px 0px 7px;
  padding:0px 10px 10px 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color:#630a9c;
}
.header .navbar-default .navbar-nav li a:hover, .header .navbar-default .navbar-nav li a:focus {color:#555;}
.header .navbar-default .navbar-nav li:first-of-type a {margin-left: 0px;padding-left: 0px;}
.header .navbar-default .navbar-nav li.active a {background:transparent;}

.header .navbar-default .navbar-nav li .glyphicon {margin-left: 4px;font-size: 14px;}
.header .navbar-default .navbar-nav li.dropdown > a {background:transparent!important;color:#630a9c!important}
.header .navbar-default .navbar-nav li.dropdown .dropdown-menu {min-width: 300px;padding:5px 0px 5px 0px;background: #212120;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.header .navbar-default .navbar-nav li.dropdown .dropdown-menu li {float:left;width:50%;}
.header .navbar-default .navbar-nav li.dropdown .dropdown-menu span.caret {position: absolute;top:-7px;left:35px;border-top:0px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px dashed;font-size: 20px;color:#212120}
.header .navbar-default .navbar-nav li.dropdown .dropdown-menu li a {padding:5px 10px 5px 10px;font-size: 12px;background:transparent;color:#FFF;}

.header .navbar-default .navbar-nav li.shows a span.caret {position: relative;top:-2px;}

.header .navbar-default ul.navbar-nav {margin-top: 25px;}

.header .navbar-default .navbar-right {position: relative;}
.header .navbar-default .navbar-right a {margin-right: 0px!important;padding:0px 0px 0px 10px!important;}
.header .navbar-default .navbar-right .glyphicon {font-size: 16px;color:#630a9c}
.header .navbar-default .navbar-right #search {position: absolute;top:-14px;right:0px;width: 270px;background:#CCC;padding:4px;border-radius: 5px;}
.header .navbar-default .navbar-right #search #srch-term {outline: none!important;-webkit-box-shadow:none;box-shadow:none;border: 0px;height:34px;}
.header .navbar-default .navbar-right #search .btn {border: 0px!important;padding:7px 12px;background: #FFF;height:34px;}

.header li a.social {display:none}

.header-wrap {min-height: 107px;}

.header.affix {
  margin:0 auto;
  max-width:1000px;
  top:0px;
  left:0px;
  right:0px;
  padding:15px 0px 15px 0px;
  background: #f2f2f2;
  z-index: 99999;
  border-bottom: #4c0d74 solid 4px;
}
.header.affix .navbar-default ul.navbar-nav {margin-top: 10px;}
.header.affix .navbar-default ul.navbar-right {margin-right: 20px;}
.header.affix .navbar {min-height: auto;}
.header.affix .navbar-brand {display:block;float:none;margin: 0 auto;max-width:50px;}
.header.affix .navbar-default .navbar-nav li a {padding:0px 7px 0px 7px;}
.header.affix .trending {display:none;}
.header.affix li.homepage {display:none;}
.header.affix li a.social {display:block;margin-left:14px;}

.trending {position: relative;margin-top:5px;background: #630a9c;border: #4c0d74 solid 3px;}
.trending .fading {display:none;position: absolute;top:0px;bottom:0px;width:40px;}
.trending .fading.left {
  left:0px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#630a9c+0,630a9c+100&1+0,0+100 */
  background: -moz-linear-gradient(left,  rgba(99,10,156,1) 0%, rgba(99,10,156,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(99,10,156,1) 0%,rgba(99,10,156,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(99,10,156,1) 0%,rgba(99,10,156,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#630a9c', endColorstr='#00630a9c',GradientType=1 ); /* IE6-9 */
}
.trending .fading.right {
  right:0px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#630a9c+0,630a9c+100&0+0,1+100 */
  background: -moz-linear-gradient(left,  rgba(99,10,156,0) 0%, rgba(99,10,156,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(99,10,156,0) 0%,rgba(99,10,156,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(99,10,156,0) 0%,rgba(99,10,156,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00630a9c', endColorstr='#630a9c',GradientType=1 ); /* IE6-9 */
}
.trending .header {
  background:url(images/trending-bg.png) no-repeat right #fa3996;
  margin-bottom: 0px;
  padding:10px 45px 10px 35px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  font-size: 14px;
  color:#FFF;
}

.trending .scroll {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.trending .nav-item,
.trending .vertical-align-middle {
  float:left;
  vertical-align: middle;
  height:40px;
}

.trending .nav-item {
  padding: 10px 25px 10px 25px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight:500;
  font-size: 14px;
}

.trending .nav-item a {
  text-decoration: none;
  color:#FFF;
}

.trending header, .trending nav {float: left;}
.trending header {width: 25%;max-width: 200px;}
.trending nav {width: 75%;overflow: hidden;}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* Draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}



/* TOP AREA
_____________________________ */

.top-area {
  padding:13px 20px 20px 20px;
  margin:0px 20px 20px 20px;
  background: rgb(126,48,176);
  background: -moz-linear-gradient(left,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%);
  background: -webkit-linear-gradient(left,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%);
  background: linear-gradient(to right,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e30b0',endColorstr='#fb3698',GradientType=1);
}
.top-area .heading h2 {
  margin:0px -20px 20px -20px;padding:0px 0px 13px 0px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 15px;
  color:#FFF;
  border-bottom:#f2f2f2 solid 10px;
}

.top-area .area {position: relative;background-repeat: no-repeat;background-size: cover;}
.top-area .area2 {margin-bottom: 25px;}

.top-area .area a.permalink {display:block;cursor: pointer;}

.top-area .area .caption {position: absolute;top:5px;left:0px;right:0px;bottom:0px;}
.top-area .area .caption .subtitle {
  position: absolute;top:0px;left:0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight:500;
  font-size: 14px;
  color:#FFF;
}

.top-area .area .caption .subtitle span {
  padding:5px 10px 5px 10px;
  background:#212120;
  box-decoration-break: clone;
  -webkit-box-decoration-break:clone;
}

.top-area .area .caption .read-more {
  position: absolute;top:50%;left:50%;
  margin-top:-35px;
  margin-left:-35px;
  width: 70px;height: 70px;
  border:#FFF solid 3px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.top-area .area .caption .read-more span {
  cursor: pointer;
  display: block;
  padding:20px;
  font-size: 18px;
  color:#FFF;
}

.top-area .area .caption .title {
  position: absolute;bottom:2px;left:0px;right:0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight:bold;
  color:#000000;
}

.top-area .area .caption .title h2 {margin:0px;padding:0px;font-weight: bold;line-height: normal;font-size: 10px;line-height: 16px;}
.top-area .area.area1 .caption .title h2 {font-size:28px;}

.top-area .area .caption .title span {
  padding:3px 10px 3px 10px;
  background-color:#FFF;
  color:#FFF;
  box-decoration-break: clone;
  -webkit-box-decoration-break:clone;
}

.top-area .area .caption .category {display: none;}
.top-area .area .caption .category span {display:inline-block;margin-top:-5px;padding:8px 15px 8px 15px;text-transform: uppercase;letter-spacing: 1px;font-size: 14px;font-weight:500;color:#FFF;}




/* SOCIAL NETWORKS
_____________________________ */

.social-networks {
  margin-top: 7px;
}

.social-networks .title, .social-networks .icons {
  display:inline-block;
}

.social-networks .title {
  position: relative;
  top:-4px;
  font-weight: bold;
  font-size:18px;
  color:#630a9c;
}

a.social {position: relative;top:2px;display:block;float:left;width:15px;height: 15px;background-size:15px 15px;padding:0px 5px 0px 5px;margin:0px 14px 0px 14px;background-position: center;}
a.social.facebook {background-image:url(images/social/facebook.png);}
a.social.twitter {background-image:url(images/social/twitter.png);}
a.social.instagram {background-image:url(images/social/instagram.png);}
a.social.youtube {background-image:url(images/social/youtube.png);}
a.social.spotify {background-image:url(images/social/spotify.png);}
a.social.rss {background-image:url(images/social/rss.png);}



/* FOLLOW
_____________________________ */

.follow {
  margin:0px 20px 20px 20px;
  padding:9px 18px 9px 18px;
  border:#e7e7e7 solid 1px;
  background:#FFF;
}

.follow .select-category {
  display: inline-block;
  margin-bottom: -5px;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.follow .select-category a {
  display:inline-block;
  margin-left:-4px;
  padding:7px 20px 7px 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight:500;;
  color:#FFF;
  text-decoration: none;
}
.follow .select-category a:first-of-type {margin-left: -1px;}
.follow .select-category a:last-of-type {border-right:0px!important;}

.follow .select-category.pink {background:#fa3996;border:#ca2a79 solid 2px;}
.follow .select-category.pink a {background:#fa3996;border-right:#ca2a79 solid 2px;}
.follow .select-category.pink a.active {color:#fa3996}

.follow .select-category.purple {background:#630a9c;border:#4c0d74 solid 2px;}
.follow .select-category.purple a {background:#630a9c;border-right:#4c0d74 solid 2px;}
.follow .select-category.purple a.active {color:#4c0d74}

.follow .select-category.green {background:#8cc643;border:#6e9d32 solid 2px;}
.follow .select-category.green a {background:#8cc643;border-right:#6e9d32 solid 2px;}
.follow .select-category.green a.active {color:#6e9d32}

.follow .select-category a.active {background:#FFF;}



/* POSTS
_____________________________ */

.post-wrapper {
  margin:0px 20px 30px 20px;
}

.posts {margin-right: 0px;}

.posts .post {
  margin-bottom: 30px;
  padding: 10px 10px 30px 10px;
  background: #FFF;
  border:#e7e7e7 solid 1px;
}

.posts .entry-row {margin-bottom: 30px;}
.posts.wide .post-wrap {background:#FFF;}
.posts.wide .entry-row {margin-bottom: 0px;}
.posts.wide .entry-row .post {padding:15px 0px 15px 0px;background:#FFF;}
.posts.wide .entry-row:first-of-type .post {padding-top:30px;}
.posts.wide .entry-row:last-of-type .post {padding-bottom:30px;}

.posts.large.small {margin:0px 20px 0px 20px;}
.posts.standard.small.looped {margin:0px 20px 0px 20px;}
.posts.standard.small.looped .meta {margin:20px 0px 0px 0px;}

.posts.standard .post {
}

.posts.standard.looped .post {
  margin-bottom: 40px;
}

.posts.standard .mpu {margin-bottom: 20px;}

.posts .post  .date {
  display:inline-block;
  padding:8px 15px 8px 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;font-weight:500;
  background:#898989;
  color:#FFF;
}
.posts.wide .post .image .date {right:auto;left:10px;}

.posts .post .category {
}
.posts.large .post .category {bottom:-10px;}
.posts.wide .post .category {margin-bottom: 15px;}
.posts .post .category a, .posts.wide .post .category a, .category.inline a {margin-bottom: 20px;display:inline-block;text-decoration: none;padding:8px 15px 8px 15px;text-transform: uppercase;letter-spacing: 1px;font-size: 14px;font-weight:500;color:#FFF;}

.posts .post .comment {
  display:inline-block;
  color:black;
}
.posts.wide .post .comment {top:7px;left:auto;right:10px;}

.posts .post .comment .glyphicon {
  top:-3px;
  font-size:50px;
}

.posts .post .comment .count {
  position: absolute;right:5px;top:9px;
  width:40px;
  text-align: center;
  z-index: 999;
  font-size: 12px;
  color:#FFF;
}

.posts .post .meta {margin-left: 20px;margin-right: 20px;}
.posts.large .post .meta {margin-top:25px;}
.posts.wide .post .meta {margin-left: 0px;padding-right: 10px;}

.posts .post .title {
  font-family: 'Alfa Slab One', cursive;
  margin:15px 0px 15px 0px;
  font-size:19px;
}
.posts.large .post .title {font-size:24px;}

.posts .post .title a {
  color:#212120;
  text-decoration: none;
}

.posts .post .entry {
  padding:0px 20px 0px 20px;
  font-family:'Open Sans',sans-serif;
  line-height: 24px;
  font-size:15px;
  color:#707070;
}
.posts .post .entry a {font-weight: bold!important;color:#630a9c;}
.posts.wide .post .entry {padding-right:5px;}

.posts .post .entry .more-link {display: none;}

.post-foot {
  margin:20px 20px 0px 20px;
  padding:10px 15px 10px 15px;
  background: rgb(126,48,176);
  background: -moz-linear-gradient(left,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%);
  background: -webkit-linear-gradient(left,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%);
  background: linear-gradient(to right,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e30b0',endColorstr='#fb3698',GradientType=1);
}

.post-foot .read-this-story {
  font-family: 'Open Sans',sans-serif;
  font-size: 17px;
}
.post-foot .read-this-story a {text-decoration: none;color:#FFF;}

.post-foot .comment-on-story {
  color:white;
  font-size: 17px;
}
.post-foot .comment-on-story a {text-decoration: none;color:#FFF;}



/* PAGIATION
_____________________________ */

.pagination {
  display:block;
  clear:both;
  margin:40px 20px 60px 20px;
  border-radius: 0px;
  background:#fb3698;
  font-size: 24px;
  font-weight: 900;
}
.pagination.paged {margin-left:0px;margin-right:0px;}

.pagination a {cursor: pointer;}

.pagination a.previouspostslink, .pagination a.nextpostslink {text-transform: uppercase;padding:10px 30px 10px 30px;text-decoration: none;color:#FFF;}
.pagination a.previouspostslink:hover, .pagination a.previouspostslink:focus, .pagination a.nextpostslink:hover, .pagination a.nextpostslink:focus {outline:none;color:#FFF;}

.pagination a.previouspostslink {float:left;border-right:#FFF solid 3px;}
.pagination a.nextpostslink {float:right;border-left:#FFF solid 3px;}
.pagination a.first, .pagination a.last, .pagination span.pages, .pagination span.extend {display:none;}

.pagination span.current {display:inline-block;padding:10px 20px 10px 20px;color:#FFF;}
.pagination a.page {display:inline-block;padding:10px 20px 10px 20px;text-decoration: none;color:#ff90c7;}
.pagination a.page:hover, .pagination a.page:focus {outline:none;color:#FFF;}



/* SIDEBAR
_____________________________ */

.sidebar {min-height: 645px;}

.sidebar .advert {margin-bottom: 60px!important;}



/* TABS
_____________________________ */

.juicy-tabs {position: relative;margin-bottom: 30px;}

.juicy-tabs ul {border-top:#fb3698 solid 6px;border-bottom: 0px;}

.juicy-tabs ul li {
    width:50%;
    margin:0px;
}

.juicy-tabs ul li a {
  margin:0px;
  border:0px!important;
  padding:18px 15px 16px 15px;;
  border-radius:0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight:500;
  color:#FFF;
}
.juicy-tabs ul li.active a {color:#FFF!important;}
.juicy-tabs ul li a.mostjuicytab {background:#fb3698!important}
.juicy-tabs ul li a.juicycommentstab {background:#6406a0!important}

.juicy-tabs .tab-content .bar {position: absolute;top:0px;left:0px;right:0px;}
.juicy-tabs .tab-content #mostjuicy .bar {border-top:#fb3698 solid 6px;}
.juicy-tabs .tab-content #juicycomments .bar {border-top:#6406a0 solid 6px;}

.juicy-tabs .tab-content .active .selected {
  position: absolute;top:57px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.juicy-tabs .tab-content #mostjuicy.active .selected {
  left:25%;
  margin-left:-3px;
  border-top: 7px solid #fb3698;
}
.juicy-tabs .tab-content #juicycomments.active .selected {
  left:auto;right:25%;
  margin-right:-3px;
  border-top: 7px solid #6406a0;
}

.juicy-tabs .tab-content .content .post {position: relative;padding:15px;cursor:pointer;background:#FFF;margin-top: 15px;}
.juicy-tabs .tab-content .content .post:first-of-type {border-top: 0px;}
/*.juicy-tabs .tab-content .content .post:nth-of-type(2) {border-bottom: #e1e1e1 solid 1px;}*/
.juicy-tabs .tab-content .content .post:last-of-type {border-bottom: 0px;}

.juicy-tabs .tab-content .content .advert.mpu {margin:0 auto;margin-top:20px;margin-bottom:54px;}

.juicy-tabs .tab-content .content .post a.block-link {
  position: absolute;top:0px;left:0px;right:0px;bottom:0px;z-index: 9999;cursor: pointer;
}

.juicy-tabs .tab-content .content .post .image {
  position: relative;
  display:inline-block;
  width:70px;
  margin: 0px 20px 0px 0px;
}

/*
.juicy-tabs .tab-content .content .post .image img {
  border:#dddddd solid 3px;
}
*/

.juicy-tabs .tab-content .content .post .meta {
  position: relative;
  display:inline-block;
  margin:0px 0px 0px 10px!important;
  font-size: 14px;
  font-weight: 500;
  color: #959595;
}

.juicy-tabs .tab-content .content .post .meta .m-title a {
  text-decoration: none;
  font-size: 16px;
  font-weight:300;
  color:#444444;
}

.juicy-tabs .tab-content .content .post .meta a {color:#fb3698;}

.juicy-tabs .tab-content .content .post .meta .post-date {font-weight: 500;color:#8cc643;}



/* PROMOTION
_____________________________ */

.promotion {
  margin:0px 15px 30px 15px;
  padding:15px 30px 15px 30px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7e30b0+0,fb3698+100 */
  background: rgb(126,48,176); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(126,48,176,1) 0%, rgba(251,54,152,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e30b0', endColorstr='#fb3698',GradientType=1 ); /* IE6-9 */
}
.promotion.index {clear:both;margin:50px 0px 30px 0px;}
.paged .promotion.index {margin:0px 15px 30px 15px;}
.promotion.index .advert.mpu {margin:0px;}
.promotion.index .advert.store {margin-top:30px;margin-bottom:0px!important;}

.promotion .advert:after {display:none;}

.promotion #mc_embed_signup {margin-top: 35px;}
.promotion #mc_embed_signup h4, .promotion #mc_embed_signup h5 {margin:0px;padding:0px;text-transform: uppercase;}
.promotion #mc_embed_signup h4 {
  font-weight: 100;
  font-size: 24px;
  color:#FFF;
}
.promotion #mc_embed_signup h5 {
  margin-top: 5px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 24px;
  color:#FFF;
}
.promotion .mc-field-group {background:#FFF;}
.promotion .mc-field-group .email {
  float:left;
  width:65%;
  padding:7px 10px;
  border:0px;
  color:#b933a5;
  outline: 0px;
}
.promotion .mc-field-group .button {
  float:left;
  width:35%;
  padding:7px;
  border:0px;
  background:transparent;
  text-transform: uppercase;
  font-weight: 500;
  color:#b933a5;
  outline: 0px;
}



/* INTERNAL ADVERT
_____________________________ */

.advert.internal .image {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 398px;
}

.advert.internal .caption {width:100%;}

.advert.internal .title h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 60px;
  font-weight:900;
  color:#FFF;
}
.advert.internal .title h4.bottom {margin-left:60px;}
.advert.internal .title span.hashtag {position: relative;top:-15px;margin-right:15px;font-weight: 500;font-size: 36px;}

.advert.internal .desc {
  margin-top:15px;
  font-size: 24px;
  font-weight:400;
  color:#FFF;
}

.advert.internal .desc a {margin-top:5px;}



/* FOOTER SOCIAL
_____________________________ */

.footer-social {
  padding:50px 0px 50px 0px;
  background:#630a9c;
}

.footer-social h4 {
  opacity: 0.5;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight:900;
  color:#FFF;
}

.footer-social .icons {margin-top:20px;}
.footer-social .icons a {display:inline-block;width:35px;height: 35px;background-size:35px 35px;margin:0px 10px 0px 10px;background-position: center;}
.footer-social .icons a.facebook {background-image:url(images/social/facebook-round.png);}
.footer-social .icons a.youtube {background-image:url(images/social/youtube-round.png);}
.footer-social .icons a.twitter {background-image:url(images/social/twitter-round.png);}
.footer-social .icons a.instagram {background-image:url(images/social/instagram-round.png);}
.footer-social .icons a.spotify {background-image:url(images/social/spotify-round.png);}



/* FOOTER
_____________________________ */

.footer {
  padding:30px 0px 40px 0px;
  background:#111111;
  color:#707070;
}

.footer img {margin:0 auto;margin-bottom: 20px;max-width:100px;}

.footer a {text-decoration: none;color:#707070;}
.footer a:hover {text-decoration: underline;}

.footer a.copyright {
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight:900;
  color:#FFF;
}
.footer a.copyright:hover {text-decoration: none;}



/* POST NAV
_____________________________ */

.post-nav {
  margin:0px 20px 50px 20px;
  padding:10px;
  border:#e7e7e7 solid 1px;
  background:#FFF;
}

.post-nav .nav-item .title {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  min-height: 60px;
}

.post-nav .nav-item .glyphicon {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 24px;
  min-height: 60px;
}
.post-nav .nav-item.prev .glyphicon {justify-content: flex-end}
.post-nav .nav-item.next .glyphicon {justify-content: flex-start}

.post-nav.music .nav-item .image img {border:#630a9c solid 2px}
.post-nav.entertainment .nav-item .image img {border:#8cc643 solid 2px}
.post-nav.culture .nav-item .image img {border:#00c3f3 solid 2px}

.post-nav.music .nav-item a {color:#630a9c}
.post-nav.entertainment .nav-item a {color:#8cc643}
.post-nav.culture .nav-item a {color:#00c3f3}

.post-nav .nav-item.next .title {justify-content: flex-end;}



/* SINGLE
_____________________________ */

.single {margin:60px 20px 0px 20px;padding-bottom: 80px;}

.single .categories {margin-left: -1px;margin-bottom: 10px;font-weight: 400;font-size: 18px;color:#CCC;}
.single .categories ul {margin: 0px;padding:0px;}
.single .categories ul li {display:inline-block;margin-left: -3px;list-style: none;border-right:#CCC solid 1px;padding:0px 10px 0px 10px;}
.single .categories ul li:first-of-type {margin:0px;padding-left: 0px;}
.single .categories ul li:last-of-type {border:0px;}
.single.music .categories a {color:#630a9c;}
.single.entertainment .categories a {color:#8cc643;}
.single.culture .categories a {color:#00c3f3;}
.single .categories a:first-letter {text-transform: uppercase;}

.single .meta-comments {padding:0px;}
.single .meta-comments a {font-size:18px;color:#FFF;}
.single .meta-comments span.number {
  position: relative;
  top:-7px;
  display:inline-block;
  padding:5px 15px 5px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.single.music .meta-comments span.number {background:#630a9c;}
.single.entertainment .meta-comments span.number {background:#8cc643;}
.single.culture .meta-comments span.number {background:#00c3f3;}

.single .meta-comments span.tri {
  position: absolute;
  right:10px;
  bottom:-9px;
  width:10px;
  height: 10px;
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.single.music .meta-comments span.tri {background:#630a9c;}
.single.entertainment .meta-comments span.tri {background:#8cc643;}
.single.culture .meta-comments span.tri {background:#00c3f3;}

.single .title {
  margin-left: -4px;
}

.single .title h1 {
  margin:0px;padding:0px;
  /*letter-spacing: 1px;*/
  line-height: 65px;
  font-size: 55px;
  font-weight:900;
  color:#212120;
}

.single .subtitle {
  margin-top: 20px;
  line-height: 34px;
  font-size: 24px;
  font-weight:400;
  color:#707070;
}

.single .meta-wrap {
  margin-top: 20px;
}

.single .meta-wrap .share .mashsb-container {padding:0px;}
.single .meta-wrap .share .mashsb-count {font-size: 35px;}

.single .meta-wrap .meta {font-size: 18px;font-weight: 500;color:#707070;}
.single.music .meta-wrap .meta a {color:#630a9c;}
.single.entertainment .meta-wrap .meta a {color:#8cc643;}
.single.culture .meta-wrap .meta a {color:#00c3f3;}

.single .date {line-height: 150%;font-weight: 400;font-size: 18px;color:#999;}
.single .date a {color:#555;}

.single .featured-image {
  margin: 30px 0px 30px 0px;
  background:#c5c5c5;
}
.single .featured-image img {display: inline-block;}

.single p.caption {
  margin-top: -20px;
  line-height: 28px;
  font-size: 18px;
  color: #898989;
}

.single .content-wrap {margin-top:30px}

.single .entry-wrap {padding:20px;background:#FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.single .content-wrap .entry {
  font-weight: 400;
  line-height: 28px;
  font-size: 18px;
  color: #444444;
}
.single .content-wrap .entry p {margin-top:15px;margin-bottom: 15px;}
.single .content-wrap .entry p:first-of-type {margin-top:0px;}

.single .content-wrap .entry .post-image {margin-bottom: 10px;}
.single .content-wrap .entry iframe {max-width:100%}

.single .content-wrap .entry a {color:#fa3996;}
.single.music .content-wrap .entry a {color:#630a9c;}
.single.entertainment .content-wrap .entry a {color:#8cc643;}
.single.culture .content-wrap .entry a {color:#00c3f3;}

.single .wp-caption-text {
  font-size: 13px;
  color:#999;
}
.single .wp-caption-text:before {content: "Caption:";display:inline-block;margin-right: 5px;}

.single .post-highlights {
  float:left;
  min-width: 300px;
  margin:10px 30px 20px 0px;
  background:#FFF;
  border-top:#fb3698 solid 4px;
}

.single .post-highlights ul {margin:0px;}

.single .post-highlights ul li {
  padding:10px 20px 10px 20px;
  border-bottom: #c2c2c2 solid 1px;
}
.single .post-highlights ul li:last-of-type {border:0px}

.single .post-nav {margin:40px 0px 30px 0px;padding:10px 30px 10px 30px;}

.single .taboola {margin-top:40px;}
.single .taboola .trc_spotlight_widget {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

.single .comments {margin-top:40px;}
.single .comments .comments-title {margin: 0px;font-size: 24px;color:#707070;}
.single .comments .comments-title .badge {background:#898989;padding:5px 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.single .comments ol {margin:0px;padding: 0px;}
.single .comments ol li {list-style: none;}
.single .comments ol>li {padding:20px 0px 20px 0px;border-bottom: #d0d0d0 solid 1px;}
.single .comments ol>li:last-of-type {border-bottom: 0px;}
.single .comments ol li>ul.children {margin-top:20px;padding-top: 20px;border-top: #d0d0d0 solid 1px;}
.single .comments ol li>ul.children li {margin-bottom:15px;padding-bottom:15px;border-bottom: #d0d0d0 solid 1px;}
.single .comments ol li>ul.children li:last-of-type {margin-bottom:0px;padding-bottom:0px;border:0px;}
.single .comments ol li>ul.children>ul.children {margin-top:20px;padding-top: 20px;border-top: #d0d0d0 solid 1px;}

.single .comments .comment-respond {margin-top:20px;border-bottom: #d0d0d0 solid 1px;padding-bottom: 20px;}
.single .comments .comment-respond .comment-reply-title {display:none;}
.single .comments .comment-respond .comment-form .form-submit {text-align: right;}
.single .comments .comment-respond .comment-form .form-submit input[type=submit] {padding:10px 20px 10px 20px;background:#898989;border:0px;color:#FFF;}
.single .comments .comment-respond a {color:#000;}
.single .comments .comment-respond #cancel-comment-reply-link {display: block;margin-top:10px;width:100%;text-align: center;font-size:12px;font-weight: bold;letter-spacing:3px;color:#898989;}

.single .comments ol li .comment-author img {display:inline-block;border:#cccccc solid 2px;}
.single .comments ol li .comment-meta {margin-bottom: 20px;font-size:18px;font-weight: bold;color:#fb3698;}
.single .comments ol li .comment-meta span.name {margin-right:30px;}
.single .comments ol li .comment-meta span.comment-date {font-size:18px;text-transform: none;letter-spacing: 0px;font-weight: normal;color:#838d8f;}
.single .comments ol li .comment-meta span.comment-date:before {position: relative;top:3px;margin-right: 10px;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;content: "\e023";}
.single .comments ol li .comment-reply {margin-top: 20px;}
.single .comments ol li .comment-reply a {font-size:13px;text-transform: uppercase;font-weight: bold;color:#444444;letter-spacing: 2px;}
.single .comments ol li .comment-reply a:hover {color:#000;}
.single .comments ol li .comment-reply a:before {position: relative;top:3px;margin-right: 10px;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;content: "\e111";color:#fb3698;}
.single .comments ol li .comment-reply a:hover {text-decoration: none;}
.single .comments ol li .comment-text {font-size: 18px;color:#444444;}

.single .comments ol li .comment-text>div {float:left;width: 50px;}

.single .comments ol li>ul.children {margin-left:0px;padding-left:0px;}
.single .comments ol li .comment-meta span {display:block;margin:10px 0px 0px 0px;}
.single .comments ol.commentlist {margin-left:-20px;margin-right:-20px;}
.single .comments ol.commentlist li {padding-left:20px;padding-right:20px;}
.single .comments ol>li ul {background:#eee;padding-bottom: 20px;}
.single .comments ol>li ul li ul {background:#ddd;}

.single .ldc-ul_cont {
  background:transparent;
  border:0px;
  text-shadow: none;
  font-size:13px;
  text-transform: uppercase;
  font-weight: bold;
  color:#444444;
  letter-spacing: 2px;
  box-shadow: none;
  text-shadow: none;
}

.single .ldc-ul_cont .fa {position: relative;top:3px;font-size: 20px;margin-right:5px;}
/* .single .ldc-ul_cont span {display: inline-block!important;}*/

.single .content-wrap .sidebar {
  float:right;
  min-height: auto;
  max-width:340px;
  background: transparent;
  padding: 0px;
}

.single .content-wrap .sidebar .widget {margin-bottom: 30px;}
.single .content-wrap .sidebar .widget .advert.mpu {margin-bottom: 60px;}

.single .comment-sell {
  margin:40px 0px 40px 0px;
  text-transform: uppercase;
}
.single .comment-sell a {
  display: block;
  color:#000;
  text-decoration: none;
}
.single .comment-sell .count {
  font-size: 42px;
  font-weight: bold;
}
.single .comment-sell .pull {
  display: inline-block;
  font-size: 18px;
  padding:0px 0px 3px 0px;
  border-bottom: #000 solid 2px;
}

.single .sticky-share {
  opacity:0;
  position: fixed;
  top:50%;
  left:0px;
  margin-top:-64px;
  max-width:45px;
}
.single .sticky-share .mashsb-count, .single .sticky-share .mashsb-toggle-container {display: none;}
.single .sticky-share .mashsb-buttons a, .single .sticky-share .mashsb-buttons div {margin:0px!important;width:45px!important;}
.single .sticky-share .mashsb-buttons .text {display: none;}
.single .sticky-share.affix {opacity: 1;}

.section-title {
  padding:10px 20px 15px 20px;
  font-size: 36px;
  font-weight:400;
  color:#212120;
}
.section-title.large {font-size: 36px!important;}



/* RELEASE DATES
_____________________________ */

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {display:none}