/* UPDATED 06/30/2022 @ 05:00 PM */

/* ////////////////////////////////////////////////////////////////// */

/* MISC */

.UI-ButtonCover { display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99997; }
.UI-CoverDark { background-color: rgba(0,0,0,0.85); }
.UI-Blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(5px); -ms-filter: blur(3px); filter: blur(3px); }

/* ////////////////////////////////////////////////////////////////// */

/* MASTHEAD */

#UI-Top { display: block; margin: 0px auto 30px auto; position: -webkit-sticky; position: sticky; top: 0px; z-index: 9999999999999999999; }
#UI-Top { display: block; margin: 0px auto 30px auto; position: -webkit-sticky; position: sticky; top: 0px; z-Index: 9999999999999999999; z-Index:200 }

/* -------------------------------------------- */

.UI-Masthead { display: block; margin: 0px auto; }
.UI-Masthead * { font-family: 'Roboto', sans-serif; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
.UI-Masthead a {	text-decoration: none; }
.UI-Masthead img { width: 100%; max-width: 100%; max-height: 100%; border: none; }

/* -------------------------------------------- */

.UI-Masthead .UI-Link { color: #F3F3F3; text-decoration: none; cursor: pointer; }
.UI-Masthead .UI-Link:hover { color: #FFFFFF; }

.UI-Masthead .UI-ButtonIcon { display: block; width: 40px; height: 40px; cursor: pointer; }

.UI-MastheadButton { display: inline-block; padding: 8px 14px 7px 14px; background-color: #F3F3F3; color: #000000; font-size: 10px; line-height: 10px; text-decoration: none; text-transform: uppercase; font-weight: 700; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.UI-MastheadButton:hover { text-decoration: none; background-color: #FFFFFF; }

@media (max-width: 549px) {
.UI-MastheadButton { display: inline-block; padding: 5px 5px 4px 5px; font-size: 9px; line-height: 9px; background-size: 14px 14px; }
.UI-Masthead .UI-ButtonIcon { display: block; width: 30px; height: 40px; cursor: pointer; }
}


/* -------------------------------------------- */

.UI-TopLinks { display: block; margin: 0px auto; padding: 8px 20px; background-color: #18614C; }
.UI-TopLinksContent { display: table; width: 100%; max-width: 1240px; margin: 0px auto; }
.UI-TopLinks .UI-Link { display: inline-block; float: left; font-size: 10px; line-height: 10px; text-transform: uppercase; }
.UI-TopLinksLeft { display: table-cell; width: auto; vertical-align: middle; }
.UI-TopLinksLeft .UI-Link { padding-right: 10px; }
.UI-TopLinksRight { display: table-cell; width: auto; vertical-align: middle; text-align: right; }
.UI-TopLinksRight .UI-Link { padding-left: 10px; float: right; }

@media (max-width: 549px) {
.UI-TopLinks { display: none; }
}
@media (max-width: 619px) {
#UI-LinkPWM { display: none; }
}
@media (max-width: 709px) {
#UI-LinkBS { display: none; }
}
@media (max-width: 839px) {
#UI-LinkBB { display: none; }
}
@media (max-width: 899px) {
#UI-LinkWrite { display: none; }
}

/* -------------------------------------------- */

.UI-Navigation { display: block; margin: 0px auto; padding: 15px 20px; background-color: #002D20; }
.UI-NavigationContent { display: table; width: 100%; max-width: 1000px; margin: 0px auto; }
.UI-NavigationMenu { display: table-cell; width: 40px; vertical-align: middle; }
.UI-NavigationLeft { display: table-cell; width: 150px; vertical-align: middle; }
.UI-NavigationRight { display: table-cell; width: auto; vertical-align: middle; text-align: right; padding-left: 10px; }

.UI-NavigationLinks { display: none; float: right; margin-bottom: 12px; }
.UI-NavigationLinks .UI-Link { font-size: 12px; font-weight: 700; text-transform: uppercase; margin-right: 15px; }

.UI-NavigationActions { display: block; float: right; clear: both; }
.UI-NavigationActions .UI-Link { padding-left: 8px; }
.UI-NavigationActions .UI-Nav { display: inline-block; position: relative; }
.UI-NavigationActions .UI-MastheadButton { margin-bottom: 3px; }
.UI-NavigationActions .UI-NavMenu { display: none; padding: 8px 0px; position: absolute; background-color: #FFFFFF; z-index: 2; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }
.UI-NavigationActions .UI-NavMenu a { display: block; padding: 5px 20px; color: #333333; text-decoration: none; font-size: 11px; text-align: left; }
.UI-NavigationActions .UI-NavMenu a:hover { background-color: #EEEEEE; }
.UI-NavigationActions .UI-Nav:hover .UI-NavMenu { display: block; }

#UI-ButtonMenu { background-repeat: no-repeat; background-position: center center; background-image: url(../Images/UI-Icon-Menu-White.svg); }
#UI-ButtonBack { display: none; background-repeat: no-repeat; background-position: center center; background-image: url(../Images/UI-Icon-Back-White.svg); }
#UI-LinkLiveTV { padding-left: 10px; background-repeat: no-repeat; background-position: left center; background-image: url(../Images/UI-Icon-LiveTV-Orange.svg); }
#UI-LinkShop { color: #FFFFFF; padding-left: 30px; padding-right: 20px; background-repeat: no-repeat; background-position: left 13px center; background-color: #FF6633; background-image: url(../Images/UI-Icon-Shop-White.svg); }
#UI-LinkAudioBooks { margin-right: 0px; }
#UI-LinkSearch { color: #FFFFFF; padding-left: 20px; background-repeat: no-repeat; background-position: left center; background-image: url(../Images/UI-Icon-Search-White.svg); background-color: rgba(0,0,0,0); }
#UI-LinkFollow { padding-right: 24px; background-repeat: no-repeat; background-position: right 4px center; background-size: 16px; background-image: url(../Images/UI-Icon-Down-Black.svg); }
#UI-LinkSubscribe { background-repeat: no-repeat; background-position: center center; }


@media (max-width: 549px) {
.UI-NavigationMenu { width: 30px; }
.UI-NavigationRight { padding-left: 10px; }
.UI-Navigation { padding: 10px; }

#UI-LinkShop { color: #FFFFFF; padding-left: 18px; padding-right: 5px; background-position: left 3px center;}


}



@media (min-width: 400px) {
.UI-NavigationLeft { width: 200px; }
}
@media (min-width: 500px) {
#UI-LinkShop { background-size: 16px; }
}
@media (min-width: 590px) {
.UI-NavigationLeft { width: 240px; }
}
@media (min-width: 630px) {
.UI-NavigationLeft { width: 280px; }
}
@media (min-width: 740px) {
.UI-NavigationLeft { width: 320px; }
}
@media (min-width: 840px) {
.UI-NavigationLinks { display: block; }
}
@media (min-width: 1000px) {
.UI-NavigationContent { max-width: 1240px; }
.UI-NavigationLinks .UI-Link { font-size: 14px; margin-right: 30px; }
}
@media (max-width: 799px) {
#UI-NavFollow { display: none; }
#UI-LinkSearch { display: none; }
}
@media (max-width: 839px) {
#UI-NavFollow { display: none; }
}

/* ////////////////////////////////////////////////////////////////// */

/* SEARCH */

.UI-SearchTable { display: table; width: 100%; margin: 0px auto; border: solid 1px #CCCCCC; background-color: #FFFFFF; }
.UI-SearchCol { display: table-cell; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; }
.UI-SearchLeft { width: auto; }
.UI-SearchClear { display: none; width: 30px; cursor: pointer; background-image: url(../Images/UI-Icon-Clear-Gray.svg); }
.UI-SearchRight { width: 30px; cursor: pointer; background-image: url(../Images/UI-Icon-Search-Gray.svg); }
.UI-ShowClear { display: table-cell!important; }
.UI-query { width: 100%; border: 0px; outline: 0px; padding: 5px; font-size: 14px; color: #666666; background-color: rgba(0, 0, 0, 0); }
.UI-query::placeholder { color: #CCCCCC; }
.UI-query:-webkit-autofill, .UI-query:-webkit-autofill:hover, .UI-query:-webkit-autofill:focus { border: none 0px; -webkit-text-fill-color: #666666; -webkit-box-shadow: 0 0 0px 0px #UI-666666 inset; transition: background-color 5000s ease-in-out 0s; }
.UI-SearchError::placeholder { color: #ED1C24!important; }
.UI-SearchClose { background-image: url(../Images/UI-Icon-Close-White.svg)!important; }

/* -------------------------------------------- */

#UI-SearchBar { display: block; margin: 0px auto; }
.UI-SearchBarContent { }
.UI-SearchBarContent form { padding: 0px; margin: 0px; }
.UI-SearchBarContent .UI-SearchTable { }
.UI-SearchBarContent .UI-query { }

@media (max-width: 799px) {
#UI-SearchBar { padding: 10px 20px; background-color: #FFFFFF; border-bottom: solid 1px #CCCCCC; }
}

@media (min-width: 800px) {
#UI-SearchBar { display: none; background-color: rgba(0,0,0,0.75); padding: 20px; margin: 0px auto; border: none 0px; }
.UI-SearchBarContent { opacity: 0; }
.UI-SearchBarContent .UI-SearchTable { border: none 0px; width: 70%; height: 50px; }
.UI-SearchBarContent .UI-SearchTable .UI-SearchCol { background-size: 20px 20px; }
.UI-SearchBarContent .UI-SearchClear { width: 50px; }
.UI-SearchBarContent .UI-SearchRight { width: 50px; }
.UI-SearchBarContent .UI-query { padding: 10px; font-size: 16px; }
}

/* ////////////////////////////////////////////////////////////////// */

/* SIDE MENUS */

.UI-Menu { display: block; width: 300px; margin: 0px; position: fixed; top: 0px; z-index: 99998; background-color: #FFFFFF; user-select: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.UI-Menu * { font-family: 'Roboto', sans-serif; box-sizing: border-box; -webkit-font-smoothing: antialiased; }

.UI-MenuLeft { left: -320px; height: 100%; border-right: solid 1px #ECECEC; }
.UI-MenuRight { right: -320px; height: 100%; border-left: solid 1px #ECECEC; }
.UI-MenuLeftOpen { left: 0px!important; }
.UI-MenuRightOpen { right: 0px!important; }

.UI-MenuBox { display: block; margin: 0px auto; padding: 15px 8px 15px 15px; height: 100%; position: relative; }
.UI-MenuContent { display: block; margin: 0px auto; height: 100%; padding-right: 7px; overflow-x: hidden; overflow-y: auto; }

.UI-MenuContent::-webkit-scrollbar { width: 4px; border-radius: 2px; }
.UI-MenuContent::-webkit-scrollbar-track { background-color: #ECECEC; border-radius: 2px; }
.UI-MenuContent::-webkit-scrollbar-thumb { background-color: #CCCCCC; border-radius: 2px; }

.UI-MenuClose { display: none; width: 30px; height: 30px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-image: url(../Images/UI-Icon-Close-White.svg); }
.UI-MenuRightOpen .UI-MenuClose { display: block!important; position: absolute; z-index: 99999; left: -35px; top: 10px; }
.UI-MenuLeftOpen .UI-MenuClose { display: block!important; position: absolute; z-index: 99999; right: -35px; top: 10px; }

.UI-MenuGroup { display: block; margin: 0px auto 10px auto; padding-bottom: 10px; border-bottom: solid 1px #ECECEC; }
.UI-MenuGroupSubhead { padding: 10px 0px; font-size: 14px; color: #000000; font-weight: 700; }

.UI-Menu .UI-Link { display: block; padding: 5px; color: #333333; font-size: 13px; text-decoration: none; }
.UI-Menu .UI-Link:hover { color: #000000; background-color: #ECECEC; }

/* ////////////////////////////////////////////////////////////////// */