body {
    background-color: transparent !important;
}


/*Buttons*/
.btn-lead {
    background-color: #0051a5 !important;
    color: #fff !important;
    border-radius: 0px;
    border: 1px solid #fff;
    padding: 15px 22px;
}

.btn-inverse-white, .btn-outline-white {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    min-width: 130px;
}

.btn-white {
    border-radius: 3px;
    background-color: #fff;
    color: #0051a5;
}

.btn-white:hover, .btn-white:active, .btn-white:focus {
    color: #000;
}

.btn-yellow {
    border-radius: 0;
    background: #fedf01;
    font-family: "Roboto Medium", "Roboto", Arial, Verdana, sans-serif !important;
    color: #000 !important;
}


/*Page banner*/
.page-banner--campaign p.watch-video {
    margin-left:20px;
}

.watch-video-link .watch-btn-banner {
    background-color: #0051a5;
    color: #fff;
    border-radius: 0px;
    padding: 15px 22px;
    border: 1px solid #fff;
    text-align: left;
    width: 200px;
}

.watch-video-link .watch-btn-banner:hover, .watch-video-link .watch-btn-banner:focus {
    background-color: #002144 !important;
    color: #fff !important;
    border: 1px solid #fff;
}

.carousel-container #Carousel1 .btn-white {
    margin-top: 20px;
}

.carousel-container .carousel-inner .banner-description {
    font-size: 15px;
}

.carouselbanner .carousel-indicators {
    bottom: 20px !important;
}

.carousel-container .carousel-indicators li:before {
    display: block;
    background-color: #fff !important;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    content: "";
}

.carousel-container .carousel-indicators .active:before {
    display: block;
    background-color: #f8e71c !important;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    content: "";
}

/*Carousel*/
.carousel-container #basic-carousel1 .carousel-indicators li, #ecm-carousel .carousel-indicators li  {
    border-radius: 100%;
    background-color: transparent;
    border: 1px transparent solid;
    justify-content: center;
    align-items: center;
    width: 19px !important;
    height: 19px !important;
    padding: 4px;
    margin: 0 3px;
}

.carousel-container #basic-carousel1 .carousel-indicators li:before, #ecm-carousel .carousel-indicators li:before {
    display: block;
    background-color: #000 !important;
    opacity: .25;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    content: "";
}

.carousel-container #basic-carousel1 .carousel-indicators .active, #ecm-carousel .carousel-indicators .active {
    background-color: transparent;
    padding: 4px;
    border: 1px #fff solid;
}

.carousel-container #basic-carousel1 .carousel-indicators .active:before, #ecm-carousel .carousel-indicators .active:before {
    background-color: #0051a5 !important;
    opacity: 1;
    width: 9px;
    height: 9px;
}

.carousel {
    margin-bottom: 35px;
} 

#basic-carousel1 .carousel-indicators, #ecm-carousel .carousel-indicators {
    bottom: -50px !important;
}

a.right.carousel-control {
    right: 0px;
}

#ecm-carousel .carousel-control .fa {
    top: 50%;
    margin-top: -20px;
    font-size: 40px;
    position: absolute;
}

.carousel-control .fa:before {
    color: #ccc;
}

#ecm-carousel .carousel-inner {
    min-height:80px;
}

.small-icon img {
    width:100%;
    max-width:150%;
}

.icon-label {
    color: #0051A5;
    font-family: 'Roboto Medium', 'Roboto', Arial, sans-serif;
    font-size: 15px;
}

.tile--hover-overlay p {
    color: #fff;
    text-align: left;
}


/*ECM tabs*/

.custom-nav-tabs-container {
    position: relative;
    margin-bottom: 10px;
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0;
}

.custom-nav-tabs {
    background-color: transparent;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 10px;
    flex-wrap: wrap;
}

#ecm-tab-wrapper .nav-tabs .nav-link {
    font-family: 'Roboto Light', 'Roboto', Arial, sans-serif;
    font-size: 16px;
}

#ecm-tab-wrapper .nav-tabs > li.active > a {
    font-weight: normal;
    font-family: 'Roboto Medium', 'Roboto', Arial, sans-serif;
}


#ecm-tab-wrapper .nav-tabs .nav-link.active {
  color: #white;
}

#ecm-tab-wrapper .nav-link {
    display: block;
    padding: .5rem 1rem
}

#ecm-tab-wrapper .nav-link:focus,
#ecm-tab-wrapper .nav-link:hover {
    text-decoration: none
}

#ecm-tab-wrapper .nav-link.disabled {
    color: #6c757d
}


#ecm-tab-wrapper .nav-tabs .nav-item {
    margin-bottom: -1px
}

#ecm-tab-wrapper .nav-tabs .nav-link {
  	border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background-color: transparent;
}

#ecm-tab-wrapper .nav-item.active {
  border-bottom: solid #f7c750;;
}

#ecm-tab-wrapper .nav-item {
  border-bottom: solid #9f7805;
   margin-bottom: -1px;
}

#ecm-tab-wrapper .nav-tabs .nav-link:focus,
#ecm-tab-wrapper .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

#ecm-tab-wrapper .nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

#ecm-tab-wrapper .nav-tabs > li.active > a {
  background-color: transparent;
  color: white;
}

#ecm-tab-wrapper .nav-tabs > li.active > a:focus {
  background-color: transparent;
  color: white;
}

#ecm-tab-wrapper .nav-tabs > li > a:hover {
  background-color: transparent;
  color: white;
}

#ecm-tab-wrapper .nav-tabs > li.active > a:hover {
    background-color: transparent;
  	color: white;
}

#ecm-tab-wrapper .nav-tabs .nav-item.show .nav-link,
#ecm-tab-wrapper .nav-tabs .nav-link.active {
    color: #white;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 #fff
}

.custom-nav-tabs .custom-nav-item {
    flex: 1;
    text-align: center;
}

#ecm-tab-wrapper .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

#product-select {
    margin-bottom: 25px;
}



@media (max-width: 767px) {
    .custom-nav-tabs-container {
        border-top: 1px solid #f7c750;
        height: 1px;
    }

    #ecm-tab-wrapper .card-header-tabs {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    #Carousel1 .carousel-indicators {
        bottom: 20px !important;
    }

        .custom-nav-tabs-container {
        display: block;
    }
}

/*team profiles*/
#team-profiles-carousel .gib-team-profiles .white-box.tile {
    min-height: 180px;
}

#team-profiles-carousel .gib-team-profiles .subtitle {
    min-height:60px;
}

/*audio player*/
/*volume bar, play bar*/
.plyr--full-ui input[type=range] {
  color: #2E68BE;
}

/*player background color*/
.plyr--audio .plyr__controls {
    background: #F8F9FB;  /*player color*/
    color: #4C5463;    /*text color*/
}

/*button hover colors*/
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: #ffffff;
    color: #2E68BE;
}


/*button focus*/
.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 2px rgb(0 102 255 / 50%);
    outline: 0;
}

/*player border*/
.plyr--full-ui {
    box-shadow: 0 0 0 1px #EFEFEF;
    border-radius: 30px;
}

/*transcript button*/
.audio-transcript {
    margin-top: 10px;
    content: '';
    background: url(/assets/rbccm/images/audio-transcript-icon.svg);
    background-size: 28px 25px;
    background-repeat: no-repeat;
    position: absolute;
}

.audio-transcript a {
    margin-left: 25px;
    line-height: 190%;
    letter-spacing:0;
}

/*icon library*/
.misc-icon-table img {
    width:50px;
}

.svg-dark {
    filter: invert(52%) sepia(93%) saturate(1302%) hue-rotate(80deg) brightness(30%) contrast(69%);
}