/*
Theme Name: Virginrecords.com Child Theme
Description: Child theme for the new V2 parent
Template: umg-capitol-parent-theme
*/


/**-----------------------------------------------**/
/** General **/
/**-----------------------------------------------**/

.bx-wrapper {
    margin: 0 0 85px;
}
.fa-youtube-play {
    display: none;
}
#load-items {
    margin-top: 35px;
}
#content-items .artist {
    width: 31.3%;
}
#content-items .artist .featured-artist {
    color: #fff;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 500;
}

#content-items .artist {
    width: 31.3%;
    float: left;
    height: auto;
}

#content-items .artist:nth-child(3n+1) {
    clear: left;
}

@media screen and (max-width: 1100px) and (min-width: 481px) {
    #content-items .play-icon {
        left: 40%;
    }
    #content-items .play-icon a {
        background-size: 50px 50px;
        width: 50px;
        height: 50px;
    }
    #content-items .artist h3 a {
        font-size: 1em !important;
    }
    #content-items .artist .featured-artist {
        font-size: 0.65em !important;
    }
}
/**-----------------------------------------------**/
/** Home Slider **/
/**-----------------------------------------------**/

.shadow-home {
    display: none;
}

/**-----------------------------------------------**/
/** Slider General **/
/**-----------------------------------------------**/

#content-slider .featured {
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    clear: both;
    display: block;
    color: #fff;
    font-style: normal;
    font-weight: 500;
}
#content-items .artist h3 {
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 3px;
}
#content-items .artist h3 a {
    font-size: 1.4em;
    text-transform: uppercase;
    line-height: 1em;
}
#content-slider h2 {
    font-size: 2em;
    letter-spacing: 5px;
    line-height: 1em;
    text-transform: uppercase;
}
@media screen and (min-width: 801px) {
    #content-slider .single-slide h2 {
        font-size: 2em;
    }
}
.home #content-slider h2 {
    font-style: normal;
}
#content-slider h2 a {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.bx-wrapper .bx-caption span {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1em;
}
.home #content-slider span a {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.home #content-slider .description {
    font-style: italic;
    letter-spacing: 3px;
}

/**-----------------------------------------------**/
/** Slide Controls **/
/**-----------------------------------------------**/

.bx-wrapper .bx-controls-direction a {
    width: 46px;
    height: 46px;
}
.bx-wrapper .bx-prev {
    left: 20px;
    background: url(assets/img/controls.png) no-repeat 0px 0px;
}
.bx-wrapper .bx-next {
    right: 20px;
    background: url(assets/img/controls.png) no-repeat -46px 0px;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0px -46px;
}
.bx-wrapper .bx-next:hover {
    background-position: -46px -46px;
}
.artist-page .description .featured {
    display: none;
}

/**-----------------------------------------------**/
/** Menu **/
/**-----------------------------------------------**/

@media screen and (max-width: 680px) {
    .menu-tab {
        top: 50px;
        right: 125px;
    }
}
.logo a {
    height: 100px;
    width: 140px;
}
nav {
    padding-left: 10px;
    padding-bottom: 0;
}
nav a {
    padding-top: 58px;
}
#umg-sign-up {
    top: 50px;
}
#umg-sign-up a:hover, nav a:hover, .current-menu-item a:hover, .current_page_item a:hover {
    border: 0;
    color: #ff0019 !important;
}
.current-menu-item a, .current_page_item a, .current-menu-item a:hover, .current_page_item a:hover {
    border: 0;
    background: transparent;
    filter: none;
    color: #ff0019 !important;
}

/**-----------------------------------------------**/
/** Videos **/
/**-----------------------------------------------**/

.play-icon-holder a, #content-slider .play-icon a, #content-items .play-icon a {
    background-image: url(assets/img/play-icon.png);
}
#content-items .thumb-video {
    height: 164px;
}
#content-slider .single-slide .thumb-video {
    min-height: 0 !important;
}
#content-slider .single-slide .slide-image-video {
    height: auto !important;
}
@media screen and (min-width: 801px) {
    .video-page #content-slider .single-slide .description {
        padding: 30px 2% 0 2%;
    }
}

@media screen and (max-width: 800px) {
    #content-slider .single-slide .play-icon {
        left: 30% !important;
    }
}

@media screen and (max-width: 650px) {
    #content-slider .single-slide .play-icon {
        left: 40% !important;
        margin-left: -40px;
    }
}

@media screen and (max-width: 480px) {
    #content-slider .single-slide .play-icon {
        left: 50% !important;
        margin-left: -40px;
    }
    #content-items .thumb-video {
        height: auto;
    }
    #content-items .play-icon {
        left: 50%;
        margin-left: -40px;
    }
}
/**-----------------------------------------------**/
/** Artist Page **/
/**-----------------------------------------------**/

.artist-page #content-slider .featured {
    display: none;
}
.artist-page .social-content a.web, .sat-color {
    background-color: #999 !important;
}
.artist-page .social-content {
    font-size: 10px;
}
.artist-page .social-content a.web {
    padding: 6px 5px;
    letter-spacing: 3px;
}
.artist-page .social-content a.web:hover, .sat-color:hover {
    background-color: #fff !important;
}

/**-----------------------------------------------**/
/** Releases Page **/
/**-----------------------------------------------**/

.releases-page #filter-artist {
    display: none;
}
.artist-page #load-items .social-content a.web, .releases-page .social, .video-page .social, .artist-page .social {
    color: #000 !important;
}
.releases-page .social-content a:hover, .social-content a:hover {
    color: #000 !important;
    opacity: 1 !important;
}
.social-content .img-icon:before {
    width: 24px;
    height: 24px;
    background-image: url(assets/img/social-icons-grey-24px.png);
}
.social-content .img-icon:hover:before {
    width: 24px;
    height: 24px;
    background-image: url(assets/img/social-icons-white-24px.png);
}
#content-items .release h3 {
    font-size: 1.5em;
}
.releases-page .single-slide img {
    width: 43%;
}
.releases-page .single-slide .description-releases {
    width: 53.3% !important;
}
@media screen and (min-width: 801px) {
    .releases-page #content-slider .single-slide img {
        margin-left: -40px;
    }
}
@media screen and (max-width: 800px) {
    #content-items .release h3 {
        font-size: 1em;
    }
}



/**-----------------------------------------------**/
/** Social Icons **/
/**-----------------------------------------------**/

ul#umg-social-icons {
    margin-top: 1.8em;
}
#umg-social-icons a {
    /*color: #999;*/
}
#umg-social-icons a:hover {
    color: #999;
}

/**-----------------------------------------------**/
/** Gallery **/
/**-----------------------------------------------**/

.gallery img { width: 100% !important; height: auto !important; }

/**-----------------------------------------------**/
/** Footer **/
/**-----------------------------------------------**/

.footer-container {
    border-top: 1px solid #CCCCCC;
    color: #FFF;
    margin-top: 1em;
}
.home .footer-container {
    margin-top: 0;
}
.footer-container a {
    color: #FFF;
}