body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Helvetica Now Text', Helvetica, sans-serif;
    color: #ffffff !important;
}

.fid_body {
	background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../images/background.jpg) !important;
    width: 100%;
    background-size: cover !important;
    min-height: 700px;
    display: inline-block;
    clear: both;
    position: relative;
    box-sizing: border-box;
}
.fid_h1 {
    font-size: 38px !important;
	margin: 40px 0 20px 0 !important;
    font-weight: bold;
    display: inline-block;
	font-family: 'Helvetica Now Display', Helvetica, sans-serif ;
}
.fid_description {
    font-size: 18px;
	margin:15px 0 5px 0;
}
    .fid_h2 {
    font-size: 16px;
}

.fid_h1, .fid_h2, .fid_description {
    line-height: 1.2;
    color: white;
}
.fid_banner_holder {
    display: block;
    position: relative;
    clear: both;
    width: 630px;
    max-width: 100%;
    margin: auto;
}
.content-holder {
    width: 630px;
    max-width: 100%;
    margin: auto;
    clear: both;
    display: block;
}

.row {
    clear: both;
}

.tbsrch {
      width: 402px;
}
.tbsrch, .btnArtistSearch {

    padding: 10px 10px;
    font-size: 16px;
    font-family: 'Helvetica Now Text', Helvetica, sans-serif;
}
.btnArtistSearch {
    border-radius: 5px;
    margin-left: 10px;
    background-color: #fff;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    width:168px;
    display:inline-block;
    text-align:center;
    height:28px;
    line-height:28px;
}

.btnArtistSearch:hover {
    color: #000000;
}

.whattodo {
    font-size: 16px;
    font-weight: 400;
	line-height:normal;
	padding:1em 0;
    display:block;
}

.ajaxloading {
    display: none;
}



.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-menu-item .ui-state-focus, .ui-widget-content .ui-state-focus {
    background: #006ed7 !important;
    background-image: none !important;
    border: 1px solid #59b4d4 !important;
    color: #ffffff !important;
    font: arial,helvetica,sans-serif !important;
    box-sizing: border-box;
}

.ui-widget {
    font: arial,helvetica,sans-serif !important;
}

.ui-widget-content {
    border: none !important;
}

.ui-autocomplete-input {
}

.ui-autocomplete {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #006ed7 !important;
    width: 350px !important;
    position: absolute;
    z-index: 1000;
    padding: 10px 0;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-menu-item {
    line-height: 24px;
    list-style: none;
}

.ui-menu-item:hover {
    background-color: #322790;
    color: #ffffff;
}
.ui-menu-item:active {
    background-color: #322790;
    color: #ffffff;
}

.ui-menu-item:focus {
    background-color: #322790;
    color: #ffffff;
}

.ui-menu-item:hover a, .ui-menu-item:hover a:hover {
    color: #fff;
}

.hideOnLoad {
    display: none;
	margin:0 0 30px;
}

/*Channel Grid*/


.channels-header {
    margin-top:42px;
    padding-bottom: 10px;
    font-size: 16px;
	line-height:normal;
}


.listenNowIcon_white {background-image: url(../images/ListenNowIcon_white.svg);}
.listenNowIcon_white_inline {background-image: url(../images/ListenNowIcon_white.svg);}
.listenNowIcon {background-image: url(../images/ListenNowIcon_Orange.svg);}

a.strmLink:hover .listenNowIcon {
    background-image: url(../images/playicon_orange.svg);
}

.red { color:#f00; }
.channel-stream .noPreviewIcon {background-image: url(../images/listennowicon_grey.svg);
}

.listenNowIcon, .listenNowIcon_white, .noPreviewIcon {
    display: inline-block;
    height: 2em;
    width: 2em;
    margin-bottom: -0.3em;
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.listenNowIcon_white_inline {
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    margin-bottom: -0.3em;
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.mychannels-channels {
    width:100%;
}
.channelRow {
    background-color: #fff;
    border-bottom:solid 1px #dcdcdc;
    height:70px;
    box-sizing:border-box;
    display:block;
    clear:both;
}
 .channelRow:hover {
        background-color: #f0f0f2;
    }

 .channel-number, .channel-logo, .channel-stream, .channel-info {
    float:left;
    position:relative;
    height:70px;
    box-sizing:border-box;
    display:block;
    width:auto;
}

.channel-number {
    color: #0072ba;
    font-weight: bold;
    font-size: 16px;
}
.sid {
    display: block !important;
    text-align: center;
}
.xid {
    display: block !important;
    text-align: center;
}

.channel-number, .channel-logo, .channel-stream {
    width: 75px;
    margin-right: 10px;
}
.channel-info {
    width:375px;
}
.channel-logo img {
    max-width:100%;
}

.channel-label-single, .channel-label-multi, .channel-logo img, .channel-stream a, .channel-stream span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 .chnl-info-body{
     position:relative;
    top:50%;
    transform: translateY(-50%);
}

.channel-name {color:#333; font-weight:bold; font-size:16px;}
.channel-description {color:#666;; font-size:16px;}

.internetOnlyIcon {
    
    font-family: 'Helvetica Now Text', Helvetica, sans-serif;
    font-size: 10px;
    color: black;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-left: 10px;
    margin-top: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px black;
    padding: 2px 4px;
}

.internetOnlyIcon:after {
    content: "online only";
}



@media (max-width: 799px) {
    .fid_banner_text {
        padding: 0 20px;
    }
    .tbsrch {
        max-width: 60% !important;
        width: 60% !important;
        box-sizing: border-box;
        height: 50px !important;
    }

    .btnArtistSearch {
        width: 38% !important;
        box-sizing: border-box;
        height: 50px !important;
        margin-left: 0 !important;
        float: right;
        padding: 14px 10px;
    }

    .channel-logo, .channel-stream {
        width: 10%;
        margin-right: 1%;
    }
    .channel-number {
        width: 12%;
        margin-right: 1%;
        font-size:15px;
    }

    .channel-info {
        width: 60%;
    }
    .listenNowIcon, .listenNowIcon_white, .noPreviewIcon {
        height: 1.5em;
        width: 1.5em;
    }
    .ui-widget {
        padding:0 20px;
    }
    .whattodo {
        padding:1em 0;
    }
    .channels-header {
        padding: 0 20px 10px 20px;
    }
    .internetOnlyIcon {
        margin-left: 5px;
    }
}


/* SXM Nav Bar */
/* Mobile Adjustments */
.sxmphx-nav-widget .sxm-full-nav-container .nav-hamburger:focus-visible{
    outline:none !important;
}
.sxmphx-nav-widget .sxm-full-nav-container .nav-hamburger:focus-visible .icon-utility.large{
    outline:3px solid #c58700;
    border-radius:1px;
}
.sxmphx-nav-widget .sxm-full-nav-container .mobile-search-button:focus-visible{
    outline:none !important;
}
.sxmphx-nav-widget .sxm-full-nav-container .mobile-search-button:focus-visible .search-open{
    outline:3px solid #c58700 !important;
    border-radius:1px;
}


/* Desktop Adjustments */
@media(min-width:1115px)
{
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav-link:focus,
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav-link:focus-visible{
        outline:none !important;
    }
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav-link:focus span, 
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav-link:focus-visible span,
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav sxm-ui-nav-account-presence-icons:focus span,
    .sxmphx-nav-widget .sxm-full-nav-container .main-nav .main-nav-bar .top-nav sxm-ui-nav-account-presence-icons:focus-visible span{
        outline:3px solid #c58700 !important;
        border-radius:1px;
    }
	.sxmphx-nav-widget .skip-nav .skip-link:focus,
    .sxmphx-nav-widget .skip-nav .skip-link:focus-visible{
        outline:none !important;
    }
	.sxmphx-nav-widget .skip-nav .skip-link:focus span, 
    .sxmphx-nav-widget .skip-nav .skip-link:focus-visible span{
        outline:3px solid #c58700 !important;
        border-radius:1px;
		border:0;
    }
	.sxmphx-nav-widget .sxm-full-nav-container a:focus {
     outline:3px solid #c58700 !important;
}
}

*:focus-visible {
    outline: 3px solid #c58700 !important;
    border-radius: 1px;
}
.sxmphx-nav-widget .sxm-full-nav-container a:focus{
    outline: 3px solid #c58700 !important;
    border-radius: 1px;
}
.ui-autocomplete-input:focus ,
.ui-autocomplete-input:focus-visible 
{
	outline:3px solid #006ed7 !important;
    border-radius:1px;
}
.btnArtistSearch:focus ,
.btnArtistSearch:focus-visible 
{
	outline:3px solid #006ed7 !important;
    border-radius:1px;
}