@import "nav_menu.css";
@import "footer.css";
@import "home-page.css";
@import "mixes-page.css";
@import "mixes-detailed-page.css";
@import "new-music-detailed-page.css";
@import "news-detailed-page.css";
@import "videos-page.css";
@import "10-best-page.css";
@import "artists-page.css";
@import "contributors-page.css";
@import "dmy-artists-page.css";
@import "dmy-events-page.css";
@import "feature-page.css";
@import "features-list-page.css";
@import "10-best-list-page.css";
@import "single-pages.css";
@import "animations.css";


@font-face {
    font-family: GoodSansThin;  
	src: url('../fonts/Good-Sans/GoodSans-RegularItalic.woff');  
	font-weight: 300;
	font-style: normal;
}

@font-face {
    font-family: GoodSansRegular;  
	src: url('../fonts/Good-Sans/GoodSans-Regular.woff');  
	font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: GoodSansMedium;  
    src: url('../fonts/Good-Sans/GoodSans-Medium.woff');  
    font-weight: 500;
	font-style: normal;
}

@font-face {
    font-family: GoodSansBold;   
	src: url('../fonts/Good-Sans/GoodSans-Bold.woff');  
	font-weight: 700;
	font-style: normal;
}

body {
    font-family: 'GoodSansRegular', sans-serif; 
    -webkit-font-smoothing: antialiased; 
    overflow-x: hidden;
    width: 100%;
}
section iframe{
    width: 100%;
/*     height: 400px; */
}
.play-box iframe{
    width: 70% !important;
}
#video-details iframe{
    height: 550px;
}
.main-content-dummy p iframe{
    width: 100%;
}
.main-content-dummy a{
    color: black !important;   
    text-decoration: underline; 
    font-style: normal;
    overflow-wrap: break-word;
}
.main-content-dummy a:hover{
    opacity: 0.8;
    text-decoration: underline !important;
}
.posts-navigation{
    display: none !important;
}
#logo{
    width: 220px;
}
#logo_white{
    width: 150px;
}

h1 {
	font-size: 34px;
}
h5{
    margin-top: 20px;
    margin-bottom: 20px;
}
a {
	text-decoration: none;
	color: unset;
}

a:hover {
	text-decoration: none;
	color: unset;
}

a:focus {
	outline: none;
	box-shadow: none'
}
em a{
    font-style: italic !important;
}
.no-body-padding {
	padding: 0 !important;
}

.space-before {
	margin-top: 50px;
}

.mrg-top-20 {
	margin-top: 20px;
}

.bg-grey {
	background: #e5e5e5;
}

.hiphop-bg {
	background: #323D78;
}

.electronic-bg {
	background: #000;
}

.soul-bg {
	background: #00A099;
}

.grime-bg {
	background: #2f2d2d;
}

.pop-bg {
	background: #EAC734;
}

.rb-bg {
	background: #EFCACA;
}

.indie-bg {
	background: #F9B978;
}

.jazz-bg {
	background: #96A5D6;
}
.related-single{
	margin-top: 70px;
}
.gallery-slider,
.gallery-slider-nav {
    position: relative;
}
.gallery-slider-arrow-left {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100%;
    list-style: none;
    cursor: pointer;
}

.gallery-slider-arrow-left:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 8px solid #212529;
}

.gallery-slider-arrow-right {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100%;
    list-style: none;
    cursor: pointer;
}

.gallery-slider-arrow-right:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -2px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 8px solid #212529;
}

.gallery-slider ul,
.gallery-slider-nav ul {
    margin: 0;
    padding: 0;
}

.gallery-slider {
    margin-bottom: 20px;
}

.gallery-slider ul li img {
    width: 100%;
    height: 500px !important;
    object-fit: cover;
    object-position: center;
}

.gallery-slider-nav ul li {
    width: 33.33%;
    margin: 0 5px;
}

.gallery-slider-nav ul li img {
    width: 100%;
    height: 120px !important;
    object-fit: cover;
    object-position: center;
}

.gallery-slider-nav-arrow-left {
    position: absolute;
    top: 50%;
    left: -12px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 100%;
    list-style: none;
    cursor: pointer;
}

.gallery-slider-nav-arrow-left:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 8px solid #212529;
}

.gallery-slider-nav-arrow-right {
    position: absolute;
    top: 50%;
    right: -12px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 100%;
    list-style: none;
    cursor: pointer;
}

.gallery-slider-nav-arrow-right:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -2px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 8px solid #212529;
}
.blockquote-styling p{
    font-size: 22px !important;
    font-style: italic;
}
/* WHITE BACKGROUND COLOR FOR ARTICLES IN NEW MUSIC PAGE!!!! */
.page-template-page-new-music .article-bg-grey {
	background: transparent;
}

/* NO MARGIN TOP FOR ARTICLE AUTHOR BOX IN DETAILED PLAYLIST PAGE!!!! */
.page-template-page-playlists-detailed section#related-articles .related-articles-container .article-author {
    margin-top: 0;
}
.social-icons a:hover{
	cursor: pointer;
}
.image-holder .play-btn:hover{
	cursor: pointer;
}
.related-img img{
    padding-top: 30px !important;
}

.sticky{
    width: 300px;
}
/* .news-feature-box img{
    width: 100% !important;
    height: auto !important;
} */
.dummy-tags a{
    background: black;
    color: white;
    padding: 8px;
    /* border-radius: 5px; */
    margin-top: 30px;
    display: inline-block;
    margin: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.video-tag{
    border: 1px solid white;
}
.dummy-tags a:hover{
    opacity: 0.8;
}
.margin-tags{
    margin-top: 50px;
    margin-bottom: 100px;
}
.dummy-tags h2{
    border-bottom: 2px solid black;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 70%;
}
.tag-title{
    margin-top: 50px;
    margin-bottom: 50px;    
}
#tag_cloud-2{
    margin: 10px 0;
}
.dummy-tags, .tagcloud{
    position: relative;
    margin-left: -3px;
}
.playlist-title{
    margin-top: 30px;
    /* margin-bottom: 30px !important; */
}
figcaption{
    font-size: 13px;
    /*font-style: italic;*/
}
figure{
    width: 100% !important;
}
@media screen and (max-width: 1024px){
    .most-popular-box{
        position: relative !important;
    }
}
@media screen and (min-width: 768px){
    .bottom-banner-mobile{
        display: none !important;
    }
}
@media screen and (max-width: 768px){
/*     section iframe{
        height: 300px;
    } */

    .row{
        padding: 15px !important;
    }
    .qc-cmp-ui{
        width: 90% !important;
    }
    .qc-cmp-button.qc-cmp-secondary-button{
        position: relative;
        top: 20px;
    }
    .play-box iframe{
        width: 90% !important;
    }
    #video-details iframe{
        height: 300px;
    }
    .third_banner{
        display: none !important;
    }
    .bottom-banner, .sidebar{
        text-align: center;
        margin: auto;
    }
    .hide-bottom-banner div div{
        display: block;
        margin: auto;
    }
}

@media screen and (max-width: 550px){
    #video-details iframe{
        height: 180px;
    }
    .main-content-dummy p iframe{
        height: 175px;
    }
    .gallery-slider ul li img {
        height: 300px !important;
        width: 100%;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1700px){
    .slick-list{
        /*width: 90%;*/
        margin: auto !important;
        display: block;
    }
    .slick-next{
        right: 25px !important;
    }
    .slick-prev{
        left: 25px !important;
    }
}
@media (min-width: 1200px) {
	.container {
		max-width: 1600px !important;
	}
	.new-music-container{
		margin-top: 35px;
	}
}


/* ================================================= Archive custom pagination ================================================== */
.pagination-navigation {
	width: 100%;
	text-align: center;
	margin: 40px 0 0 0;
}

.pagination-navigation li a,
.pagination-navigation li a:hover,
.pagination-navigation li.active a,
.pagination-navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.pagination-navigation li {
	display: inline;
}

.pagination-navigation li a,
.pagination-navigation li a:hover,
.pagination-navigation li.active a,
.pagination-navigation li.disabled {
	background-color: #000;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
	font-size: 11px;
	font-weight: 400;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.pagination-navigation li a:hover,
.pagination-navigation li.active a {
	opacity: 0.7;
}