/***************************************
Custom Carousel Styling on LLS.org
Last Updated: 9/1/16
***************************************/



/**
HOMEPAGE CAROUSEL - CMS OVERRIDES
***************************************/

/** Hides default img in slider but displays custom image **/
.col-md-6.col-sm-7.col-xs-12 img {display:none;}


/** Hides Default Homepage Carousel Tab Nav
Changes to bullet nav w/ no text **/
section.module-hero-slider .slide-pager {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

section.module-hero-slider .slide-pager #pager {
    display: block;
    float: left;
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
}

section.module-hero-slider .slide-pager #pager a {
    background-color: #fff;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    float: none;
    font-size: 18px;
    font-weight: 400;
    height: 14px;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
    text-indent: -9999px;
    width: 14px;
}

section.module-hero-slider .slide-pager #pager a.active {
    background-color: #cc0000;
}

@media only screen and (max-width: 767px) {
    section.module-hero-slider .slide-pager #pager a {
        background-color: #000;
        height: 10px;
        width: 10px;
    }
}
/** Carousel Tabs Hide ENDS**/

/*************************************** 
CMS OVERRIDES ENDS ******/






/***************************************
Custom Styles Start 
***************************************/

/** Hides default img in slider to display BCAM Bug **/
.bug-slider {display:block!important;}
/** END **/


/** BCAM Progress Bar Override **/
.chart-col.progressbar {/* display:none; */margin:20px 0;}
.chart-col.progressbar .progress {height:30px;}
.chart-col.progressbar .progress .progress-bar {color:#FFF; line-height:3px; font-size:15px;padding-left:15px;}
/** END **/


/** #GivingTuesday Logo Swap **/
.gt-logo-desktop {display:block!important;}
.gt-logo-mobile {display:none!important;}
/** END **/



/*************************************** 
Custom Styles ENDS ******/




@media only screen and (max-width: 767px) {
/*#pager {display:block!important;}	*/
}


@media only screen and (max-width: 768px) {
	
/** Below makes white slider copy visible on mobile **/
p.slide_copy_white {color: #000000!important;}


/** Below centers slider BCAM bug img includes on mobile **/	
.bug-slider {text-align:center!important; margin:-110px auto 30px auto!important;}
.progress-slider-details {color:#000!important;}


/** #GivingTuesday Logo Swap **/
.gt-logo-desktop {display:none!important;}
.gt-logo-mobile {display:block!important;}
/** END **/

}