.webp .mh {background-image: linear-gradient(to bottom right,#00002288,#00004499), url("/uploaded/Image/mastheads/sm/dataman1.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#00002288,#00004499), url("/uploaded/Image/mastheads/sm/dataman1.jpg");}

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#00002255,#00000000), url("/uploaded/Image/mastheads/mobile/450_dataman1.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#00002255,#00000000), url("/uploaded/Image/mastheads/mobile/450_dataman1.jpg");}
}

.jw-state-idle .jw-controls {background:rgba(0,0,0,0) !important}

#intro h1 {
    color: #ffffff;
    font-size: 1.0em;
    margin-bottom: 0; 
    margin-top: 0; 
    line-height: 1em; 
    font-weight: normal;
    display: block !important;
}

#regSearchBar{background:none; margin-top: 10px;}
#ctl00_txtSearchTerms {box-shadow: 0 5px 14px -5px #909090}

.card-headingImage img {
max-width:100%;
}

.card-col-container {
margin: 15px 0px 0px 0px !important;
}

#Featured{
background-color: #1b6693;
}

#Highlights {
background-color: #1d4f91;
}

#GettingStarted{

}

#WhatsNew{
background-color: #278534
}

#QuickTips{
background-color: #1b6693
}

#regWhite h1 {
display:none;
}

#Playlists {    grid-gap: 10px;
    border-style: solid;
    border-color: #1d4f91;
    border-width: 1px;
    padding: 10px;
    border-radius: 8px;
    background: #ffffff;
    margin-top: 10px;
}

#playlistSpan {
margin-bottom: 20px !important;
}

.web-date {
font-size: 1.3em;
font-weight: 400;
color: #1d4f91;
border-color: #1d4f91;
border-style: solid;
border-width: 0px 0px 1px 0px;
padding-bottom: 10px;
padding-top: 10px;
}

/*=================== Close Set Inner background =================== */
    #regWhite .Inner {
        background-color: transparent;
    }
/*===================  Close Set Inner background =================== */
/*===================  Carousel CSS Changes Start  =================== */
.carouselArrow {opacity: 0.5; height: 240px; border-style: none !important;} /*=====  Usually set to 190px ===== */
.carouselBtn {margin-top: 10px !important;}
.carouselTitle {display: block;} /*=====  Usually set to none but have shown as the thumbnails are broken ===== */
.videosCarousel {height: 250px !important; padding: 15px 0px 15px 0px; margin: 20px 0px 10px 0px;} /*=====  Usually set to 200px ===== */
.carouselTile {border: 0px !important; box-shadow: 5px 10px 10px -10px #909090 !important;}
.carouselWrap {padding: 0px 0px 0px 35px}
/*===================  Carousel CSS Changes End =================== */

@media screen and (max-width: 450px) {
#DesktopSearch {display:none;}
}