/*
Theme Name: Capitol Records Parent Theme V2
Description: custom theme for Capitol records
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: capitol, music
Text Domain: capitolrecordstheme
*/

/* ==========================================================================
   Imports
   ========================================================================== */
@import "//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css";

/* ==========================================================================
   Default Styles
   ========================================================================== */
@font-face {
    font-family: 'Museo_Slab';
    src: url('../fonts/Museo_Slab_500-webfont.eot');
    src: local('☺'),
        url('../fonts/Museo_Slab_500-webfont.woff') format('woff'),
        url('../fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
        url('../fonts/Museo_Slab_500-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 1em;
    line-height: 1.4;
}
html, body, table {
    width:100%;
    height:100%;
}

h1, h2, h3{font-weight: 500;}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
a{text-decoration: none;}

body {position:relative;}
.wrapper {width: 100%; margin: 0;}



/* ==========================================================================
   Home Style
   ========================================================================== */
.home .header-container{position: absolute;top: 0;left: 0;z-index: 101;}
.home #bx-pager{width: 100%;position: absolute;bottom:0px; background:url(assets/img/bg_black.png);z-index:100;padding: 0;}
.home nav a:visited { color: #fff;}
.home #bx-pager img{}

.home .description{position: absolute;left: 20px;z-index: 10;float:left;width:100%;}
.home #bx-pager a{-moz-opacity: 0.50;
                  -khtml-opacity: 0.50;
                  opacity: 0.50;
                  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
                  filter:alpha(opacity=50);}
.home #bx-pager a:hover{-moz-opacity: 1;
                        -khtml-opacity: 1;
                        opacity: 1;
                        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                        filter:alpha(opacity=100);}
.home #bx-pager .active{-moz-opacity: 1;
                        -khtml-opacity: 1;
                        opacity: 1;
                        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                        filter:alpha(opacity=100);}
.bxslider-home{margin:0;padding:0;}
.shadow-home{width: 100%;position: absolute;top: 0;left: 0;}
.big-play-icon{width: 60px !important; display:block;}
.slide-image-video{position: relative;z-index: 10;}
.play-icon-holder {float: left; margin: 10px 20px 0 0;}
.play-icon-holder a {display:block; width: 60px; height: 60px; background-image: url(assets/img/play-icon.png); background-repeat: no-repeat; background-size: 60px 60px;}
.title-holder {float: left;}
.home .bx-wrapper .bx-viewport{overflow:visible!important;}

/* ==========================================================================
   Header Style
   ========================================================================== */
.header-container{width: 100%;}
nav{padding: 0 20px 20px 20px;overflow: hidden;}
nav ul { margin: 0; padding: 0;}
nav li{float: left;}
#umg-sign-up {position: absolute; top: 30px; right: 20px;}
#umg-sign-up a {
    display: block;
    padding: 5px 7px 7px 5px;
    text-shadow: 1px 1px 0 #000000;
    border-bottom: 2px solid transparent;}

nav a {display: block;float: left;padding: 35px 7px 5px; text-shadow: 1px 1px 0 #000000;}
#umg-sign-up a:hover, nav a:hover {border-bottom: 2px solid #fff;color: #fff;background: none;}
#umg-sign-up a:visiter, nav a:visited { color: #fff;}
.current-menu-item a, .current_page_item a, .current-menu-item a:hover, .current_page_item a:hover{
    border-bottom: 2px solid #fff;
    color: #000!important;
    background: #909090; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwOTA5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #909090 0%, #ffffff 54%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(54%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #909090 0%,#ffffff 54%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #909090 0%,#ffffff 54%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #909090 0%,#ffffff 54%); /* IE10+ */
    background: linear-gradient(to bottom,  #909090 0%,#ffffff 54%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}

.logo{padding:0; }
.logo a{display: block;border-bottom:0;padding:0; width: 117px;margin: 20px 10px; position: relative;}
.logo a img {width: 100%;position: relative; top: 0;}
.logo a:hover {border-bottom: 0;}
/* ==========================================================================
   Body
   ========================================================================== */
.main { padding:0;}
.main article h1 { font-size: 2em;}
.home-content {
    position:relative;
    width:100%!important;
    overflow: hidden;
}
.main-container{width: 100%;overflow: hidden; }
.home-main-container { /*height: 95%;*/ }

/* ==========================================================================
   News
   ========================================================================== */
.news-page .news-item .news-thumb {height: 150px; overflow: hidden; position: relative;}
.news-page .news-item .post-date {font-size: 14px; color: #999999; text-transform: uppercase;}
.news-page .news-item a:hover {opacity: 0.8; filter:alpha(opacity=80);}

article.post .attachment-post-thumbnail {width: auto; max-width: 100%; height: auto; display:block;}

#news-sidebar-holder {float: right; width: 20%; margin-left: 20px; margin-right: 20px;}
#news-sidebar-holder img {width: 100%;}
#news-items-holder {float: left; width: 75%; margin-top: 25px;}
#content-items #news-items-holder .news-item{width: 30%;}

#umg-news-reel {padding: 40px; display: none;}
#umg-news-reel ul {padding-left: 10px; padding-right: 10px;}
#umg-news-reel h2 {font-size: 32px; text-align: center;}
#umg-news-reel .umg-news-reel-thumb {height: 180px;overflow:hidden;}
#umg-news-reel-list li {margin: 0 5px;}

#post-return-btn {display: inline-block; line-height: 11px;text-transform: uppercase; margin:10px 0;border-radius: 3px;  background-color: #63014a;font-size: 10px; font-weight: 500; padding:5px 2px;}
#post-return-btn:hover {opacity: 0.8;filter:alpha(opacity=80);color: #fff;}
/* ==========================================================================
   Artist
   ========================================================================== */
#content-slider{width: 940px;margin: 0 auto;position: relative;}
#content-slider .single-slide li {
    list-style: none;
}

@media screen and (max-width: 800px) {
    #content-slider .single-slide {
        padding: 0 0 0 5px;
    }
    #content-slider .single-slide .play-icon {left: 50%;margin-left: -30px}

    #content-slider .single-slide .video-icon .youtube {
        top: auto;
        bottom: 15px;
    }
}
@media screen and (min-width: 801px) {
    ul.double-slide {padding-left: 0;}
    .releases-page #content-slider .single-slide img {
        display: block;
        height: auto;
        margin-left: -45px;
    }
    #content-slider .single-slide .description {
        line-height: 10px;
        padding: 0 2%;
        position: absolute;
        top: 0;
        right: 0!important;
        z-index: 999;
        text-align: left;
        width: 31%;
        background: #000;
        height: 100%;
    }
    #content-slider .single-slide h2 {
        font-size: 48px;
        margin: 10px 0px;
        line-height: 1em;
        position: absolute;
        bottom: 35px;
        left: 0;
        width: 90%;
    }
    #content-slider .single-slide .social-content {
        overflow: hidden;
        display: block;
        position: absolute;
        bottom: 2%;
        left: 0;
        top: auto !important;
        width: 90%;
        margin-bottom: 0;
    }
    #content-slider .single-slide .play-icon {left: -115%;}
    #content-slider .single-slide .video-icon .youtube { top: auto; bottom: 0; }
}
#content-slider .featured{font-size: 10px;color: #999999;line-height: 10px;text-transform: uppercase;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
#content-slider h2{font-size: 24px;margin: 10px 0px;line-height: 1em;}
.wrap-slider{position: relative;}
.release-page #load-items .social-content{position: absolute;top: 40%;left: 0%;z-index: 15;width: 100%;text-align: center;display: none;}
.artist-page #load-items .social-content{position: absolute;top: 40%;left: 0%;z-index: 15;width: 100%;text-align: center;display: none; font-size: 24px;}
.artist-page .social-content a:hover {opacity: 0.8;filter:alpha(opacity=80);}
.artist-page .social-content a.web {padding: 6px 2px;position:relative; top:-8px;}

.social-content .img-icon:before {content: "";display:inline-block;width: 24px;height: 24px;margin: 0 5px 0 0;background-image: url(assets/img/social-icons-purple-24px.png);}
.social-content .img-icon-facebook:before {background-position: 0px -24px;}
.social-content .img-icon-twitter:before {background-position: -24px -24px;}
.social-content .img-icon-instagram:before {background-position: -48px -24px;}

#content-slider .social-content{overflow: hidden;display: block;margin-bottom: 40px;text-transform: uppercase;}
#content-slider .description{padding: 10px 0 0 0;line-height: 10px;margin-bottom: 40px;}
#content-slider .slide-image-video {height: 340px; overflow: hidden; display: block;}
#content-slider .thumb-video {min-height: 420px;}
#content-slider .video-icon{padding: 10px 0 0 70px;margin-bottom: 20px;}
#content-slider .video-icon .youtube {position: absolute; top: 345px; left: 0; font-size: 60px; color: #63014a;}
#content-slider .video-icon .youtube:hover {opacity: 0.8; filter:alpha(opacity=80);}
.bx-wrapper{margin: 0 0 35px;}
#content-items, article.post{width: 960px;margin: 0 auto;}
#content-items .artist, #content-items .news-item{width: 23%;float:left;padding: 0 1% 100px 1%;line-height: 1em;height: 270px;}
.artist-page .artist, .news-page .news-item{height: 190px!important;}
#content-items .artist h3, #content-items .news-item h3{font-size: 18px;margin: 10px 0;line-height: 1em;}
#content-items .artist .featured-artist{font-size: 10px;color: #999999;font-family: Arial, Helvetica, sans-serif;font-weight: bold;padding: 10px 0 0 0;display: block; text-transform: uppercase;}
#content-items .thumb-artist{position: relative;}
#content-items .thumb-artist img, #content-items .news-thumb img{width: 100%;position: relative;z-index:10;height: auto;}
#content-items .play-icon{overflow: hidden;display: block;position: absolute;top: 15%;left: 30%;z-index: 15;display: none;}
#content-slider .play-icon a, #content-items .play-icon a {display: block; background-image: url(assets/img/play-icon.png); background-repeat: no-repeat; width: 101px; height: 101px;}
#content-slider .play-icon{overflow: hidden;display: block;position: absolute;top: 30%;left: 40%;z-index: 15;display: none;}
.play-icon img{height: auto;width: auto!important;}
#content-items .thumb-video{position: relative;height:124px; overflow:hidden;}
#content-items .thumb-video img{width: 100%;position: relative;z-index:10;}

#content-items .release h3{font-size: 14px;}


/* ==========================================================================
   Tour
   ========================================================================== */
#content-items .tour{float: left;width: 100%;padding: 10px;position: relative;border-radius: 7px 7px 7px 7px;-moz-border-radius: 7px 7px 7px 7px;-webkit-border-radius: 7px 7px 7px 7px;}
#content-items .tour a {color:#FFFFFF;}
#content-items .tour h3{font-size: 24px;margin: 0;padding: 12px 0 0 0;line-height: 1em;}
.tour .plays-tour{font-size: 12px;font-family: Arial, Helvetica, sans-serif; float:left;width:32%;}

.thumb-tour {overflow:auto; padding:30px 0px 10px 0px;clear: both;}
.thumb-tour img{float: left;margin-right: 20px;margin-left: 12px; }
.main article .thumb-tour h1{  font-size:3em; font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 500; letter-spacing: 0; margin:0px; padding-top:7px; letter-spacing:3px; }

.thumb-download {overflow:auto; padding:30px 0px 10px 0px;position:relative;border-radius: 7px 7px 7px 7px;-moz-border-radius: 7px 7px 7px 7px;-webkit-border-radius: 7px 7px 7px 7px;}
.thumb-download img{float: left;margin-right: 20px;margin-left: 20px;display:inline; padding-bottom: 18px;}
.main article .thumb-download h1{  font-size:3em; font-family: "futura-pt",sans-serif; font-style: normal; font-weight: 500; letter-spacing: 0; margin:0px; padding-top:7px; width:80%;}
.view_download_link {position: absolute;	    right: 10px;	    top: 47%;}

.tour .date-tour{float: left; width:15%;font-family: "futura-pt",sans-serif;font-size: 12px;
                 -webkit-border-top-right-radius: 5px;
                 -moz-border-radius-topleft: 5px;
                 -moz-border-radius-topright: 5px;
                 border-top-left-radius: 5px;
                 border-top-right-radius: 5px;line-height: 20px;
                 text-transform: uppercase;
                 color: #FFFFFF;
                 letter-spacing:3px;
}

.tour .share-tour{font-family: "futura-pt",sans-serif; font-size: 12px; float:right; width:21%;color: #ccc; letter-spacing:3px;}
.tour .share-tour a{margin-left:10px;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;font-weight: normal;font-family: "ChivoRegular",sans-serif;padding:2px 10px;font-size: 12px;}
.tour .share-tour .tour_rsvp{float:right;   background: none repeat scroll 0 0 #9a9a9a;}
.tour .share-tour .tour_rsvp a{text-decoration: none;}
.tour .share-tour .tour_rsvp a:hover{text-decoration: underline;}
.tour .share-tour .tour_tickets{float:right;    background: none repeat scroll 0 0 #9a9a9a;}
.tour .share-tour .tour_tickets a{text-decoration: none;}
.tour .share-tour .tour_tickets a:hover{text-decoration: underline;}

.download_button{ font-family: "futura-pt",sans-serif; color:#000; margin-right:10px; padding:2px  10px;  font-size: 12px; float:right;    background: none repeat scroll 0 0 #9a9a9a;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px; letter-spacing:3px;}
.view_download_link a:hover{  color:#000;}
.stButton{
    display: none!important;
}

.share-button{cursor: pointer;}

.tour-page .nodisplay{
    display: none;
}
.content-moreless{
    clear: both;
    float: left;
    margin-top: 14px;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.loadmoretour{
    background: none repeat scroll 0 0 #9A9A9A;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    padding: 4px 15px;
    font-size: 10px;
    text-transform: uppercase;
}
.loadmoretour:hover{
    color: #000000;
}

/* ==========================================================================
   Releases
   ========================================================================== */
.releases-page #load-items .social-content {
    position: absolute;
    top: 40%;
    left: 0%;
    z-index: 15;
    width: 100%;
    text-align: center;
    display: none;
}

.releases-page .social-content a:hover {color: inherit !important; -moz-opacity: 0.80;
                                        -khtml-opacity: 0.80;
                                        opacity: 0.80;
                                        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
                                        filter:alpha(opacity=80);}

.sat-color {
    background-color: #63014a;
    padding: 5px;
}

/* ==========================================================================
   Filter Posts
   ========================================================================== */
#filter-artist{display:none;font-family: Arial, Helvetica, sans-serif;font-size: 10px;padding: 25px 0 25px 10px;
               position: relative;font-weight: bold;color: #666666;text-transform: uppercase;float: left;width: 100%;line-height: 1.4em;}
.video-page #filter-artist, .releases-page #filter-artist{display:block;}
.video-page #searchform {display:none;}
#filter-artist form{float:left;border-bottom: 1px solid #666666;}
#filter-artist span{float: left;}
#filter-artist #s{border:0;font-size: 10px;color: #666666;background: transparent;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; }
#filter-artist #submit{background-image: url(assets/img/icons.png);background-position:  -84px 0px;background-color:transparent;border: 0;   height: 14px;line-height: 0;padding: 0;
                       width: 14px;}
#filter-artist #submit:hover{background-image: url(assets/img/icons.png);background-position:  -84px -14px;}
#filter-artist a{color: #666666;padding: 0 8px;float: left;}
#filter-artist a:hover{color: #fff;}

.active-filter{color: #fff!important;}
.loading-ajax{clear: both;padding: 25px 20px 70% 10px;}


/* ==========================================================================
   Carrousel
   ========================================================================== */
.carrousel-content{overflow: hidden;padding: 10px 45px;position:relative;}
#carousel_inner {
    float:left; /* important for inline positioning */
    width:100%; /* important (this width = width of list item(including margin) * items shown */
    overflow: hidden;  /* important (hide the items outside the div) */
    /* non-important styling bellow */
}

#carousel_ul {
    position:relative;
    left:0px;
    /*left:-210px; *//* important (this should be negative number of list items width(including margin) */
    list-style-type: none; /* removing the default styling for unordered list items */
    margin: 0px;
    padding: 0px;
    width:9999px; /* important */
    overflow: hidden;
    /* non-important styling bellow */
}

#carousel_ul li{
    float: left; /* important for inline positioning of the list items */
    /* just styling bellow*/
    padding:0px 5px;
    margin:0;

}

#carousel_ul li img {
    cursor:pointer;
    border:0px;
}
#left_scroll, #right_scroll{
    float:left;
    height:50px;
    width:45px;
    cursor: pointer;
    z-index:100;
}
#left_scroll{position:absolute;left:0;top:0;}
#right_scroll{position:absolute;right:0;top:0;}
#left_scroll span{position:absolute;left:0;top:0;z-index:100;background:url(assets/img/previous.png) no-repeat;display: block;width: 15px;height: 30px;margin: 20px 0 0 15px;}
#right_scroll span{position:absolute;right:0;top:0;z-index:100;background-image:url(assets/img/next.png); background-repeat:  no-repeat; display: block;width: 15px;height: 30px;margin: 20px 15px 0 0;}
#left_scroll span:hover{background-position: 0 -30px;}
#right_scroll span:hover{background-position: 0 -30px;}


/* ==========================================================================
   Footer
   ========================================================================== */
.footer-container{background: #000000;font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #999999;}
.footer-container .wrapper{padding: 15px;overflow: hidden;width: auto;}
.footer-container nav {font-size: 10px; line-height: 14px; text-transform: uppercase;}
.footer-container nav li {border-right: 1px solid #999999;}
.footer-container nav li:last-child{border-right: 0;}
.footer-container nav a {padding: 0px 7px 0px;}
.footer-container a{color: #999999;}
.footer-container a:hover{color: #fff; border-bottom: 0;}
.footer-container footer {  color: white;  padding: 20px 0;}
.footer-container footer span{padding: 0 0px;}
#menu-footer-holder { padding: 0; }
.first-col{text-align: left;}
.second-col{text-align: center;}
.fb-grey{background-image: url(assets/img/social-grey.png);background-position:  145px 0px;height: 21px;width: 21px;display: block;}
.tw-grey{background-image: url(assets/img/social-grey.png);background-position:  120px 0px;height: 21px;width: 21px;display: block;}
.go-grey{background-image: url(assets/img/social-grey.png);background-position:  95px 0px;height: 21px;width: 21px;display: block;}
.in-grey{background-image: url(assets/img/social-grey.png);background-position:  70px 0px;height: 21px;width: 21px;display: block;}
.you-grey{background-image: url(assets/img/social-grey.png);background-position:  21px 0px;height: 21px;width: 21px;display: block;}
.tmb-grey{background-image: url(assets/img/social-grey.png);background-position:  45px 0px;height: 21px;width: 21px;display: block;}
.fb-grey:hover{background-position:  145px 21px;}
.tw-grey:hover{background-position:  120px 21px;}
.go-grey:hover{background-position:  95px 21px;}
.in-grey:hover{background-position:  70px 21px;}
.you-grey:hover{background-position:  21px 21px;}
.tmb-grey:hover{background-position:  45px 21px;}
#menu-dropdown{display: none;}
.menu-tab{display: none;}

/* Livefyre */
 .content-default .content-body { font-family: inherit !important; }


/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width:480px) {
    /*.header-container{background: red;}*/
    .main article h1 {font-size: 1.5em;}
    #content-slider{width: 100%;}
    #content-slider .bx-wrapper img,#content-slider .single-slide img {width: 98%;height:auto;}
    #content-slider .description {top: initial; bottom: -90px; margin: 0;}
    #content-slider .slide-image-video {height: auto;}
    #content-items, article.post{width: 97%; margin: 0 5px; }
    #content-items .artist{width:98%;}
    .home .header-container{position:relative;}
    .home #content-slider {height: auto !important; padding-bottom: 90px;}
    .header-container{min-height: 110px}
    .home #bx-pager {display: none;}
    .bx-wrapper .bx-viewport{overflow:visible!important;}
    .logo{width: 60%; margin: 15px 0pt 0pt 15px;}

    .bxslider-artists {overflow: hidden;}
    .bx-next-custom, .bx-prev-custom {top:10% !important;}

    #content-slider h2 {
        font-size: 12px;
    }
    nav{padding: 0 0px 10px 0px;}
    #filter-artist form {
        width: 90%;
        margin-top: 15px;
    }
    #filter-artist {
        font-size: 9px;
        padding: 25px 0 25px 0px;
    }
    #filter-artist #s {
        width: 90%;
    }
    #content-items .artist h3 {
        font-size: 14px;
    }
    #content-items .play-icon {top: 30%;}
    #content-slider .video-icon {
        padding: 0px 0 0 60px;
    }
    #content-slider .video-icon .youtube {top: 300px;}
    #filter-artist a {
        padding: 0 3px;
    }
    #filter-artist span {
        width: 100%;
    }
    .web {
        margin: 1px auto;
        text-align: center;
    }
    .social {line-height:10px;}
    #content-items .tour {padding:10px 0px;}
    #content-items .tour h3{font-size:20px;clear:both;}
    .first-col {width: 100%;text-align: center;}
    .second-col {width: 100%;text-align: center;}
    .footer-container footer span{padding: 10px 0 0 0;}
    .footer-container .wrapper {padding: 20px 0px 20px;}
    .footer-container nav li {float: none; text-align: center; display: inline-block;}
    .footer-container nav a {float: none;}
    #stratus{position: relative!important;}
    #ucid_bar {margin-top: 20px;}
    #ucid_bar #callToAction a {padding: 6px 10px!important;line-height: 14px!important;}
    .logo a {margin: 5px 10px 0px 0px;}
    #content-slider .description {
        margin-bottom: 5px!important;
    }
    #content-slider .description {width: 90%!important;}

    #umg-news-reel .umg-news-reel-thumb {height: auto; overflow: auto;}
    #umg-news-reel .umg-news-reel-thumb img { height: auto; width: 100%; }

    #umg-social-icons {top: 40px !important; right: 30px !important;}

    #content-items .artist, #content-items .news-item {width: 100% !important; height: auto !important;}
    .news-page .news-item .news-thumb {height: auto;}
    #content-items .artist h3 { font-size: 18px !important;}

    #news-items-holder {float: none; width: 100%;}
    #news-sidebar-holder {float: none;width: 97%; margin: 0 5px;}

}/* if device width is less than or equal to 680px, do this*/
@media screen and (max-width: 680px) { /*changed from 680px*/

    .bx-wrapper .bx-controls-direction a {top: 80px !important;}
    .bx-pager {bottom: auto !important; top:90% !important;}
    #umg-sign-up {top: 20px;}

    #menu-umgtheme_header .menu-item {display: none;}
    .menu-umg_header_menu-container .menu-item{display: none;}
    .menu-tab{display: block; float:none; margin-top: 0 !important; margin-right: 0 !important; position: absolute; top: 25px; right: 95px;}
    #menu-dropdown{background: #000;width: 100%;z-index: 101;float: left;display: none; margin-top:20px;}
    #menu-dropdown li{width: 100%;border-bottom: 1px solid #FFFFFF;}
    #menu-dropdown a{width: 100%;text-align: center;padding: 10px 0px 10px;}

    .menu-tab{
        float: right;
        margin-right: 15px;
        background-color: #333;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;padding: 0 15px;
        margin-top: 20px;
    }
    .menu-tab a{
        font-size: 14px;
        padding: 5px 5px;
        line-height: 14px;
    }
    .menu-tab a:hover{opacity: 0.8;border-bottom: transparent;}
}
/*if width is more than 481 but less than 1100px do this*/
@media screen and (min-width:481px) and (max-width:1100px) { /*changed from 800px*/
    /*.header-container{background: blue;} */
    .bx-wrapper .bx-caption {top:initial !important; bottom: -120px !important;}
	.bx-pager {bottom: auto !important; top:90% !important;}
    #content-slider{width: 100%;}
    .home #content-slider {height: auto !important;}
    .home #bx-pager {position: relative; margin-top: 80px;}
    .home .title-holder {max-width:80%;}
    #content-slider h2 {
        font-size: 16px;
    }
    #content-items,article.post{width: 100%;}
    .home .header-container{position:relative;}

    .artist-page .news-item,
    .artist-page .artist {
        min-height: 145px!important;
    }
    #content-items .news-item,
    #content-items .artist {
        padding: 0 1% 20px 1%;
        height: 250px;
    }
    #content-items .news-item h3,
    #content-items .artist h3 {
        font-size: 16px;
    }
    .play-icon img {
        height: 35%;
        width: 90%!important;
    }
    #load-items .social {margin-right: -2px;}

    .first-col {width: 100%;text-align: center;}
    .second-col {width: 100%;text-align: center;}
    .footer-container footer span{padding: 10px 0 0 0;}
    .footer-container .wrapper {padding: 20px 0px 20px;}
    .footer-container nav li {float: none; text-align: center; display: inline-block;}
    .footer-container nav a {float: none;}
    #stratus{position: relative!important;}

    #umg-social-icons {top: 40px !important; right: 30px !important;}

    #content-items .artist, #content-items .news-item {width: 31%;}
    #content-items .artist, #content-items .news-item {width: 31%;}
    #content-slider .single-slide img { height: auto; display: block; }
    .releases-page #content-slider .single-slide img { width: 100%; }

    #news-items-holder {width: 100%;}
    #news-sidebar-holder {float: none;width: 320px;margin: 0 auto;}
}

/* ==========================================================================
   Icons
   ========================================================================== */
.releases-page .social, .video-page .social, .artist-page .social{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 1em;
    display:inline-block;
    font-size: 10px;
    color: #fff;
    line-height: 11px;
    margin-right: 4px;
    margin-top: 3px;
}
.web{font-weight: bold;}

#umg-social-icons {position: absolute; top: 0px; right: 140px; font-size: 26px; line-height: 34px; text-align:right; list-style: none;}
#umg-social-icons li {display: inline-block;}

#umg-social-icons .snapchat_icon {
    background-image: url(assets/img/snapchat-logo-24.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    width: 23px;
    height: 26px;
    display: inline-block;
}

#umg-social-icons .snapchat_icon:hover {
    background-image: url(assets/img/snapchat-logo-hover-24.png);
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.align-left{float:left;}
.align-right{float: right;}
.bg-grey{background: #272727;}
.bg-black{background:#000;}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   IE Fixes
   ========================================================================== */
.ie7 .title {
    padding-top: 20px;
}

.artist-page .social-content a.web, .sat-color  {
	background-color: #63014A !important;
}