/* 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; } iframe { max-width: 100%; } @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;-o-text-overflow: ellipsis;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;margin: 0 auto;max-width: 300px;} .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;margin: 0 auto;max-width: 320px;} .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; /* 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: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(65%, rgba(0,0,0,0.65))); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 65%); 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: -webkit-linear-gradient(left,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%); background: -webkit-gradient(linear,left top, right top,from(rgba(126,48,176,1)),to(rgba(251,54,152,1))); background: -o-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;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-social-share{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;} @media (max-width: 768px) { .header { background-image:url(images/nav-bg.jpg)!important; background-repeat:no-repeat!important; background-size:cover!important; } .header .navbar-brand { margin-top:-4px; } .header .navbar-toggle { background:white!important; padding-left: 10px; padding-right: 10px; padding-bottom: 11px; border-radius: 10px; margin-top:7px!important; } .header .navbar-toggle:before { display:none; } .header .navbar-toggle .icon-bar { margin-top:4px; } .header .navbar-default .navbar-nav li a, .header .navbar-default .navbar-nav li.dropdown>a {color:white!important} .show-social .header.affix .header-social-share{ display:block; position: absolute; top:12px; left:85px; } .header.affix .header-social-share .comment { float:left; display: block; background-image:url(images/comment-icon.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: left 10px center; background-color:#007afe; min-width:42px; height: 38px; border-radius: 10px; } .header.affix .header-social-share .comment .text { display: none; } .header.affix .header-social-share .twitter { float:left; display: block; background-image:url(images/twitter-icon.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: center; background-color:#00aeef; width:42px; height: 38px; border-radius: 10px; margin-right:10px; } .header.affix .header-social-share .facebook { float:left; display: block; background-image:url(images/facebook-icon.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: center; background-color:#1777f1; width:42px; height: 38px; border-radius: 10px; margin-right:10px; } .header.affix .header-social-share .whatsapp { display:none; } .header .navbar-header { padding-bottom:7px; } } @media (min-width: 440px) and (max-width: 768px) { .header .navbar-toggle { margin-top:0px; } .header.affix .header-social-share .comment .text { display: block; position: relative; top:8px; padding-left: 40px; padding-right: 15px; font-size: 15px; color:white; } } @media (min-width: 375px) and (max-width: 768px) { .header.affix .header-social-share .whatsapp { float:left; display: block; background-image:url(images/whatsapp-icon.png); background-repeat: no-repeat; background-size: 20px 20px; background-position: center; background-color:#24d266; width:42px; height: 38px; border-radius: 10px; margin-right:10px; } } .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 */ /* 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: -webkit-gradient(linear, left top, right top, from(rgba(99,10,156,1)),to(rgba(99,10,156,0))); background: -o-linear-gradient(left, rgba(99,10,156,1) 0%,rgba(99,10,156,0) 100%); 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 */ /* 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: -webkit-gradient(linear, left top, right top, from(rgba(99,10,156,0)),to(rgba(99,10,156,1))); background: -o-linear-gradient(left, rgba(99,10,156,0) 0%,rgba(99,10,156,1) 100%); 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: -webkit-linear-gradient(left,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%); background: -webkit-gradient(linear,left top, right top,from(rgba(126,48,176,1)),to(rgba(251,54,152,1))); background: -o-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; 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; 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 .embed-youtube { max-width:100%; } .posts .embed-youtube iframe { max-width:100%; } .posts .wp-caption { max-width:100%; } .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: -webkit-linear-gradient(left,rgba(126,48,176,1) 0%,rgba(251,54,152,1) 100%); background: -webkit-gradient(linear,left top, right top,from(rgba(126,48,176,1)),to(rgba(251,54,152,1))); background: -o-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 */ /* 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: -webkit-gradient(linear, left top, right top, from(rgba(126,48,176,1)),to(rgba(251,54,152,1))); background: -o-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%); /* 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 18px; min-height: 60px; } .post-nav .nav-item .glyphicon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 24px; min-height: 60px; } .post-nav .nav-item.prev .glyphicon {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end} .post-nav .nav-item.next .glyphicon {-webkit-box-pack: start;-ms-flex-pack: start;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 {-webkit-box-pack: end;-ms-flex-pack: end;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 {margin-top:10px;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; 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;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;} .content-wrap .entry iframe {max-width:100%} .single .content-wrap .entry a {color:#fa3996;text-decoration: underline;} .single.music .content-wrap .entry a {color:#630a9c;text-decoration: underline;} .single.entertainment .content-wrap .entry a {color:#8cc643;text-decoration: underline;} .single.culture .content-wrap .entry a {color:#00c3f3;text-decoration: underline;} .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;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; -webkit-box-shadow: none; 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;} /* .single .content-wrap .sidebar .widget div {height:auto!important} .single .content-wrap .sidebar .widget iframe {height:auto!important} */ /* RELEASE DATES _____________________________ */ .dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {display:none}