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

/* MISC UI STUFF */

*, *::before, *::after { box-sizing: border-box; }

body { margin: 0px; padding: 0px; background-color: var(--Black); overflow-x: hidden; overflow-y: scroll; }

div, td, input { font-size: 14px; line-height: 130%; font-family: 'Roboto', arial, helvetica, sans-serif; font-weight: 400; color: #333333; }

a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; color: #3366CC; text-decoration: none; }
a:hover { text-decoration: underline; }

img { width: auto; max-width: 100%; max-height: 100%; border: none; display: block; }
svg { width: auto; max-width: 100%; max-height: 100%; border: none; }

.USN { user-select: none; -webkit-user-select: none; }
.PEN { pointer-events: none; }
.TA2 { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

.Clamp1 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; }
.Clamp2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; }
.Clamp3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3; }

.StickyTop { position: -webkit-sticky; position: sticky; top: 0px; z-index: 10; }

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

.Content { display: block; min-width: 340px; margin: 0px auto; padding: 0px 15px; }

@media (min-width: 1000px) {
.Content { max-width: 940px; }
}

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

.Masthead { display: block; margin: 0px auto 30px auto; background-color: #081023; }
.Masthead .Content { display: block; padding: 5px 0px; }

.MastheadLogo { display: block; width: 240px; margin: 0px auto; }
@media (max-width: 499.9px) {
.MastheadLogo { width: 190px; }
}

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

.Footer { }
.Footer .Content { display: block; margin: 0px auto 15px auto; padding-top: 30px; border-top: solid 1px #ECECEC; }

.SocialMedia { display: table; margin: 0px auto 30px auto; }
.SocialMediaCol { display: table-cell; vertical-align: middle; padding: 0px 1px; }
.SocialMediaCol img { width: 24px; }

.Apps { display: table; margin: 0px auto 50px auto; }
.AppsCol { display: table-cell; vertical-align: middle; padding: 0px 2px; }
.AppsCol img { width: 100px; }

.Disclaimer { display: block; margin: 0px auto 30px auto; text-align: center; font-size: 11px; color: #666666; }
.Disclaimer a { color: #666666; text-decoration: underline; }

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

.Page { display: block; margin: 0px auto 100px auto; }
.Page .Content { }

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

.Featured { display: block; margin: 0px auto 30px auto; cursor: pointer; }

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

.Promo { display: block; margin: 0px auto 50px auto; text-align: center; font-size: 11px; }

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

.TabBox { display: block; max-width: 370px; background-color: #ECECEC; border-radius: 5px; padding: 3px; margin: 0px auto 30px auto; }

.Tabs { display: table; width: 100%; }
.Tab { display: table-cell; width: 33%; vertical-align: middle; padding: 5px; font-size: 14px; font-weight: 500; color: #666666; text-align: center; cursor: pointer; }

.TabActive { color: #F7623B; background-color: #FFFFFF; border-radius: 3px; }

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

.Panel { display: none; }

.PanelActive { display: block; }

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

.MediaTable { display: table; width: 100%; }
.MediaRow { display: table-row; }
.MediaCol { display: table-cell; vertical-align: middle; padding: 10px 0px; border-top: solid 1px #ECECEC; }

.MediaPhoto { width: 60px; }
.MediaInfo { width: auto; padding-left: 15px; padding-right: 15px; }
.MediaAction { width: 150px; text-align: right; }

.MediaTitle { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #000000; }
.MediaText { margin-bottom: 5px; font-size: 11px; color: #666666; }

.MediaDownload { 
display: block;
text-align: center;
max-width: 90px;
font-size: 10px; 
line-height: 9px;
font-weight: 500; 
color: #FFFFFF; 
text-decoration: none!important; 
text-transform: uppercase; 
background-color: #F26C4F; 
padding: 5px 12px; 
border-radius: 20px; 
}

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