/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    https://wordpress.org/themes/twentyfourteen/
 Description: Child theme for the Twenty Fourteen theme
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     twentyfourteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentyfourteen-child
*/


/* _____ Styles Reset _____ */
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var { background:transparent; border:0 none; font-size:100%; margin:0; padding:0; line-height:normal; vertical-align:baseline; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote,q{quotes:none}
blockquote:before,q:before{content:'';content:none}
blockquote:after,q:after{content:'';content:none}
ins { text-decoration: none; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align: middle; margin: 0; }
ol, ul, li { list-style: none; }

body{ font-family:'Raleway', sans-serif, Arial; font-size:16px; color:#fff;}
:focus{ outline:0 none;}
:focus,
a{ text-decoration:none; color:#fff;}
a:hover{ text-decoration:none; color:#fff;}
.clear{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.full-width{float:left; width:100%;}
::-webkit-input-placeholder { color:#fff;}
:-moz-placeholder { color:#fff;}
::-moz-placeholder { color:#fff;}
:-ms-input-placeholder { color:#fff;}
*{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,
:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.wrapper { background:url("images/bg-image.jpg") center top repeat;}
.container { margin:0 auto; width:1140px; /*display:table;*/ -moz-box-shadow:0 0 20px 0 #fff; -webkit-box-shadow:0 0 20px 0 #fff; box-shadow:0 0 15px 0 #999;}
span.sprite { background:url(images/sprite.png) 0 0 no-repeat; float:left;}
.back{ padding:8px 12px; background:#e31e24; float:right; font-size:14px; border:1px solid #e31e24;}
.back:hover{ background:none;}

@media (max-width:1140px){
.wrapper{ padding-left:15px; padding-right:15px;}
.container{ width:100%;}
}

/* === header ================================================== */
.header { width:100%; background:#000; border-bottom:2px solid #e31e24;}
.header .logo{margin:10px 0 10px 20px;}

.social-media{ padding:0 10px 0 0;}
.social-media {display: flex}
.social-media li a span { display:block; width:30px; height:30px; margin:0 10px 0 0;}
.social-media li a span:hover { opacity:0.5;}
.social-media .twitter a span { background-position:-30px 0;}
.social-media .linkedin a span { background-position:-60px 0;}
.social-media .myspace a span { background-position:-90px 0;}
.social-media .soundcloud a span { background-position:-120px 0;}
.social-media .youtube a span { background-position:-150px 0;}
.social-media .reverbnation a span { background-position:-394px 0;}
.social-media .pinterest a span { background-position:-364px 0;}
.social-media .nimbit a span { background-position:-274px 0;}
.social-media .tumblr a span { background-position:-334px 0;}
.social-media .wix a span { background-position:-304px 0;}

.header .navigation{ width:100%; font-size:20px; font-weight:600;}
.header .navigation ul li{ margin:0; position:relative;}
.header .navigation ul li a{ padding:6px 15px; margin:0 10px 0 0; display:block;}
.header .navigation ul li.current-menu-ancestor > a,
.header .navigation ul li.current-menu-item  > a,
.header .navigation ul li a:hover { background:#e31e24;}
.header .navigation ul ul{ display:none; position:absolute; z-index:1; top:36px; left:0; min-width:150px; background:#000; border:2px solid #e31e24;}
.header .navigation ul li.menu-item-has-children:hover ul{ display:block;}
.header .navigation ul li:last-child ul{ margin-left:-40px;}
.header .navigation ul ul li{ margin:0; width:100%;}
.header .navigation ul ul li a{ font-size:16px; white-space:nowrap; margin:0;}

@media (min-width:768px){
.header .navigation .menu-top_menu-container > ul{ display: flex !important; justify-content: flex-end}
.header .navbar-toggle{ display:none;}
}
@media (min-width:992px){
.header .navigation{ margin-top:-36px;}
}
@media (max-width:767px){
.header .logo{ width:100%; margin:10px 0;}
.header .logo img{ display:block; float:none; margin:0 auto;}
.social-media{ padding:10px;}
.header .navbar-toggle{ padding:1px 5px 5px; margin: 0 0 0 12px; border:0; cursor:pointer;}
.header .navbar-toggle .icon-bar { background:#1f1f1f; height:3px; width:25px; display:block; margin-top:4px;}
.header .menu_area {position: relative}
.header .navigation ul{ width:250px; display:none; position: absolute; z-index: 999; left: 50px; top: 12px; background: black}
.header .navigation ul li{ float:left; width:100%;}
.header .navigation ul li a{ margin:0;}
.header .navigation ul ul{ display:block; border:0; padding:0; position:static;}
.header .navigation ul li:last-child ul{ margin-left:0;}
.header .navigation ul ul a{ padding-left:40px;}
}


/* === video ================================================== */
.video{ float:left; width:100%;padding:20px;}
.video iframe { width: 100%;}
@media (max-width:767px){
.video iframe { min-height:0 !important;}	
}


/* === footer ================================================== */
.footer { background:#000; float:left; width:100%;margin-top: 20px;}
.footer .social-media{ margin:0 auto; padding-top:25px; justify-content: center}
.footer .menu-top_menu-container{ float:left; width:100%;}
.footer .menu-top_menu-container ul{ display:table; margin:0 auto; padding:20px 0 30px;}
.footer .menu-top_menu-container ul li{ float:left; line-height:0; padding:0 20px 0; border-left:1px solid #fff;}
.footer .menu-top_menu-container ul li:first-child{ border-left:none; padding-left:0;}
.footer .menu-top_menu-container ul li:last-child{ padding-right:0;}
.footer .menu-top_menu-container ul li a{ color:#fff; font-size:14px;}
.footer .menu-top_menu-container ul ul{ display:none;}
.footer p { font-size:13px; color:#cccfd0; padding:17px 0; float:left; width:100%; text-align:center; border-top:1px solid rgba(251,251,251,0.5);}

@media (max-width:580px){
.footer .menu-top_menu-container ul{ padding:20px 20px 30px;}
.footer .menu-top_menu-container ul li:first-child,
.footer .menu-top_menu-container ul li{ width:50%; padding:0 20px 0; border-left:1px solid #fff; margin:0 0 8px;}
}


/* === inner page ================================================== */
.site-content{ width:100%; padding:20px;}
.site-content h1{ font-size:30px; padding: 0 0 5px; border-bottom:1px solid #fff; margin:0 0 20px;}
.site-content p{ padding: 0 0 15px; line-height: 22px;}


/* === CAROUSEL COMMON ================================================== */
.owl-carousel{position:relative; display:none; width:100%; -ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper-outer{ position:relative; overflow:hidden; width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-wrapper{ position:relative; display:none;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{ float:left; text-align:center;}
.owl-carousel .owl-item img{ display:block;}

.owl-carousel .owl-controls{ text-align:center; position:absolute; bottom:58px; right:67px;}
.owl-carousel .owl-buttons .owl-next,
.owl-carousel .owl-buttons .owl-prev{ position:absolute; top:0; cursor:pointer; width:47px; height:38px; /*margin-top:-19px;*/ background:url(images/sprite.png) -180px 0 no-repeat; font-size:0; line-height:0; text-indent:-9999px;}
.owl-carousel .owl-buttons .owl-next{  background-position:-227px 0;}
.owl-carousel .owl-buttons .owl-prev{ right:10px;}


/* === Distribution page tabbing ================================================== */
.isotope-item { z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:         top, left, opacity;
    transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
ul.wpb_thumbnails,
ul.categories_filter{ float: left; width: 100%;}
ul.categories_filter li{ float:left; margin-bottom:5px;}
ul.categories_filter a{ background: #da2129; padding: 5px 12px; margin: 0 5px 0 0; float: left; border-radius: 5px;}
ul.wpb_thumbnails{ margin:20px 0 0;}
ul.wpb_thumbnails li{ float:left; width: 24%; border: 1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.2); margin: 0 10px 10px 0; padding:10px; text-align: center;}


/* === catalog page ================================================== */
.catalog-item img{ display:block; width: 100%; border-radius: 4px;}
.catalog-item div{ border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); width:100%; margin:10px 0 0;}
.catalog-item a{ height:50px; font-size:0; line-height:0; margin: 5px 0 5px; border-radius: 4px;}
.catalog-item a.itune{ background:url(images/itunes-buy-icon.png) 0 0 no-repeat; display: block}
.catalog-item a.amazon{ background:url(images/amazon-icon.png) 0 0 no-repeat; width:50px;}
.site-content img.content-img{border: 1px solid rgba(255, 255, 255, 0.3); padding:5px; float:left; margin: 0 20px 10px 0;}

.site-content .content {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px 20px;
}

@media all and (min-width: 450px) and (max-width: 768px) {
	.site-content .content {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (min-width: 768px) and (max-width: 1140px) {
	.site-content .content {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media all and (min-width: 1140px) {
	.site-content .content {
		grid-template-columns: repeat(4, 1fr);
	}
}


@media (max-width:1140px){
ul.wpb_thumbnails li{ width:23%;}
}
@media (max-width:767px){
.site-content img.content-img{ max-width:50%; width:100%;}
ul.wpb_thumbnails li{ width:31%;}
ul.wpb_thumbnails li img{ width:100%; display:block;}
}
@media (max-width:480px){
ul.wpb_thumbnails li{ width:45%;}
.site-content img.content-img{ max-width:100%;}
}

/* === Media page ================================================== */
.media-page .title{ border-bottom:1px solid rgba(255, 255, 255, 0.3); font-size:26px; padding-bottom:10px; margin-top:10px; width:100%;}
.media-page ul{ float:left; width:100%;}
.media-page li{ float:left; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.media-page li .img{ float:left; padding:20px 20px 20px 0;}
.media-page li .img img{-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.media-page li .content{ float:left; padding:20px;}
.media-page li a{ color:#da2129; text-decoration:underline;}

/* ======================================= artist ======================== */

.artist-main .artist-img-title {border: 1px solid rgba(255, 255, 255, 0.3); margin-right:1%; margin-bottom:10px; padding: 10px;}
.artist-main .artist-img-title .caption {font-size: 20px; clear:both; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#fff; padding: 5px 0 0;}
.artist-main .artist-img-title img{ width:100%; height:100%; margin:0;}

.artist-main {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px 20px;
}

@media all and (min-width: 500px) and (max-width: 768px) {
	.artist-main {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (min-width: 768px) and (max-width: 1140px) {
	.artist-main {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media all and (min-width: 1140px) {
	.artist-main {
		grid-template-columns: repeat(4, 1fr);
	}
}

.social-media-section { float:left; width:100%}
.social-media-section .social-media {float: left; padding:0 0 20px;}

/*****************************DJ Central’s Latest Episode************************************/
.latest-episode h1{font-size: 30px;padding: 0 0 5px;border-bottom: 1px solid #fff;margin-bottom:20px;}

.vedio-slider{width:100%; float:left;}
.vedio-slider ul li{ background-image:none; padding:0px;}
.vedio-slider .flexslider{margin-bottom:20px; background:none; border:0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); position:relative;}
.vedio-slider .flexslider.dj-silder{ width:675px; margin:0 auto 20px;}
.vedio-slider .bigimg .flex-direction-nav{ display:none;}
.vedio-slider .silder-small ul li .slider-thumb-content{margin:0px 5px;border-radius:0px; border:#c6c6c6 solid 1px; background:#fff; cursor:pointer;}
.vedio-slider .dj-silder .flex-viewport ul li.flex-active-slide .slider-thumb-content{border-color:#DA2129;}
.vedio-slider .flexslider ul li.flex-active-slide  p{color:#DA2129}
.vedio-slider .silder-small ul li img{border-radius: 0; padding:6px 2px 6px 6px;width:97%; height:80px;}
.vedio-slider .silder-small .flex-direction-nav li{ border:0px;}
.vedio-slider .silder-small li p{ padding:0px 10px 0px 10px; min-height:50px; color:#222; font-size:14px;font-family:calibri;}
.home-content h2{ font-size:28px; color:#b20205; text-transform:uppercase; padding-bottom:8px;}
.vedio-slider .dj-silder .flex-viewport ul{ margin-bottom:0px;}
.vedio-slider .flex-direction-nav a{transition: all 0.0s ease 0s;}

.vedio-slider .flex-direction-nav a {
    background:url(images/arrow1.png) no-repeat scroll 0 -17px;
    cursor:pointer;
    display:block;
    height:40px;
    opacity:1;
    position: absolute;
    text-indent: -9999px;
    top:50%;
	margin-top:-20px;
    width:18px;
    z-index: 10;
}
.flex-direction-nav .flex-disabled {pointer-events:none;}
.vedio-slider .flex-direction-nav .flex-next {background-position:100% -17px; right:-40px; }
.vedio-slider .flex-direction-nav .flex-prev {left:-40px;}
.loading .vedio-slider { height:550px; overflow:hidden;}
@media(max-width:768px){
	.vedio-slider .flexslider.dj-silder{ width:505px;}
	.vedio-slider .silder-small ul li img {width: 145px;}
}
@media(max-width:625px){
	.vedio-slider .flexslider.dj-silder{ width:165px;}
}
/*****************************Featured Videoes************************************/
.videos-bg {width:100%; float:left;padding:0 20px;color:#fff;}
.video-title h2 {font-size: 30px; margin-top: 20px;margin-bottom: 10px;border-bottom: 1px solid #fff;padding-bottom: 5px;}

.video-player-left {width:32%; float:left; margin:0 24px 0 0}
.video-playerm-medil {width:32%; float:left; margin:0 24px 0 0}
.video-player-right {width:32%; float:left; margin:0}
.video-player iframe {width:100%; float:left; border:1px solid #e1e1e1; margin:30px 0;}

.vediomain{ width:100%;float:left;padding:0 30px;}
.vediomain .owl-carousel .owl-pagination{ bottom:-15px;}
.vediomain .owl-carousel .owl-pagination .owl-page{ margin:4px;display: inline-block;border: 0;width: 24px;height: 7px;margin: 0 4px;cursor: pointer;background-color: #fff;border-radius:90px;}
.owl-carousel .owl-pagination .owl-page:hover, .owl-carousel .owl-pagination .owl-page.active {background-color: #DA2129;}
.owl-carousel .owl-pagination {margin: 0 0 0px;position: absolute;bottom: 0;width: 100%;}
.vediomain .owl-controls .owl-buttons .owl-prev {left: -1%;width: 35px;background-position: 1px -30px;}
.vediomain .owl-controls .owl-buttons .owl-next {right: -1%;width: 35px;background-position: -35px -31px;}
/*.vediomain .owl-carousel .owl-buttons .owl-prev {background: rgba(0, 0, 0, 0) url("images/arrow1.png") no-repeat scroll -277px 0;cursor: pointer;font-size: 0;height: 83px;left: -20px;line-height: 0;margin-top: -22px;position: absolute;text-indent: -9999px;top: 48%;width: 43px;}*/
.child-video li ul li{width: 31%;margin: 12px;float: left;}
.vediomain ul li iframe{ width:100%; display:block;}
.vediomain ul li:list-child{ main-right:0;}
ul.child-video{width:100%;}
.vediomain .owl-carousel .owl-controls{ text-align:center; }
.vediomain .owl-carousel .owl-buttons .owl-next,
.vediomain .owl-carousel .owl-buttons .owl-prev{ position:absolute; top:50%; cursor:pointer; width:47px; height:63px; /*margin-top:-19px;*/ background:url(images/sprite-1.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-9999px;}
.vediomain  .owl-carousel .owl-controls{position: static;bottom:0;right:0;}
.vediomain .owl-controls .owl-buttons .owl-prev {left: -4%;width: 35px;background-position: 1px -30px;  margin-top:-31px;}
.vediomain .owl-controls .owl-buttons .owl-next {right: -4%;width: 35px;background-position: -35px -31px; margin-top:-31px;}
.vediomain .owl-carousel .owl-buttons .owl-next{left:none;}
.latest-episode iframe, .vediomain iframe {background:#000; border-color:#000;}
@media (max-width:930px){
	.child-video li ul li{ margin: 0 18px 25px;width: 29%;}
}
@media (max-width:865px){
	.child-video li ul li{ margin: 0 15px 25px 15px;width: 29%;}
}
@media (max-width:768px){
	.child-video li ul li {margin: 0;padding: 10px;width: 50%;}
}
@media (max-width:480px){
.child-video li ul li {margin: 0;padding: 10px;width:100%;}
}