/* UPDATED 6/12/2020 @ 11:00 AM */ /* ----------------------------- */ html { -webkit-text-size-adjust: 100%; } body { margin: 0px; background-color: #ECECEC; } div { font-family: 'Roboto', arial, helvetica, sans-serif; font-size: 12px; line-height: 120%; color: #333333; box-sizing: border-box; } input, textarea, select { font-family: 'Roboto', arial, helvetica, sans-serif; -webkit-appearance: none; border-radius: 0; } a { color: #3366CC; text-decoration: none; } a:hover { text-decoration: underline; } img { max-width: 100%; max-height: 100%; border: none; } form { margin: 0px; padding: 0px; } .Video { position: relative; padding-bottom: 56.25%; height: 0px; background-color: #000000; } /* 16:9 */ .Video iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .Marker { display: none; } .Sponsor { padding: 0px; margin: 5px 0px 0px 0px; text-align: center; text-transform: uppercase; font-size: 10px; color: #CCCCCC; user-select: none; } .Subhead { display: block; margin: 0px auto 15px auto; font-weight: 900; font-size: 18px; text-transform: uppercase; color: #000000; } .Share { cursor: pointer; } .Share.Red:hover { color: #FF0000!important; } .Red { color: #CC3333!important; } .Hidden { display: none!important; } .UIMessage { display: block; margin: 0px auto; position: fixed; width: 100%; height: 50px; left: 0px; bottom: 30px; z-index: 9999999999; text-align: center; user-select: none; } .UIMessage span { background-color: #000000; padding: 10px; color: #FFFFFF; font-size: 16px; text-align: center; } #ClipBox { display: block; width: 10px; height: 10px; background-color: #ffcc00; position: fixed; top: -10; right: -10; z-index: 0; opacity: 0; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #Home { display: table; width: 100%; height: 100%; margin: 0px auto; background-color: #CC3333; background-repeat: no-repeat; background-position: center center; background-image: url(../Images/Background-Home.gif); } #Home .Content { display: table-cell; vertical-align: middle; text-align: center; } #Home .Content img { max-width: 600px; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #TopBar { display: block; margin: 0px auto; background-color: #000000; } #TopBar .Content { display: block; margin: 0px auto; padding: 10px; max-width: 1200px; color: #FFFFFF; font-size: 12px; line-height: 14px; text-align: center; } #TopBar .Content a { color: #FFFFFF; text-decoration: underline; } @media (min-width: 640px) { #TopBar .Content { font-size: 14px; line-height: 16px; } } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #Masthead { display: block; margin: 0px auto 15px auto; background-color: #CC3333; background-repeat: no-repeat; background-position: top center; background-image: url(../Images/Background-Mastead.gif); } #Masthead .Content { display: block; margin: 0px auto; max-width: 1200px; } #Logo { display: block; padding: 20px; text-align: center; } #Logo img { width: 100%; max-width: 240px; } @media (min-width: 640px) { #Logo img { width: 100%; max-width: 400px; } } @media (min-width: 1020px) { #Logo img { width: 100%; max-width: 470px; } } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #Footer { display: block; margin: 0px auto 15px auto; background-color: #000000; } #Footer .Content { display: block; margin: 0px auto; padding: 20px; max-width: 800px; color: #999999; font-size: 11px; line-height: 14px; text-align: center; } #Footer .Content a { color: #999999; text-decoration: underline; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #Main { display: block; margin: 0px auto 15px auto; background-color: #FFFFFF; } #Main .Content { display: block; margin: 0px auto; padding: 20px; } #Column1 { display: block; margin: 0px auto; } #Column2 { display: block; margin: 0px auto; } @media (min-width: 640px) { #Main { } #Main .Content { padding: 40px; } #Column1 { } #Column2 { } } @media (min-width: 1020px) { #Main { max-width: 1200px; } #Main .Content { display: table; padding: 0px; } #Column1 { display: table-cell; width: auto; vertical-align: top; padding: 50px; } #Column2 { display: table-cell; width: 460px; vertical-align: top; padding: 50px; } } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #ArticleHeadline { display: block; margin: 0px auto 15px auto; font-size: 22px; line-height: 25px; font-weight: 900; color: #000000; } #ArticleDate { display: block; margin: 0px auto 15px auto; font-size: 12px; font-weight: 700; color: #666666; text-transform: uppercase; } #ArticleDate a { color: #666666; } .ArticleSocial { display: block; margin: 0px auto 15px auto; } .ArticleSocial::after { content: ""; clear: both; display: table; } .ArticleSocial div { display: inline-block; margin: 0px 1px 0px 0px; padding: 8px; background-color: #ECECEC; font-size: 11px; color: #FFFFFF; cursor: pointer; user-select: none; background-repeat: no-repeat; background-position: center left 5px; background-size: 16px 16px; } .Facebook { background-color: #4267B2!important; padding-left: 24px!important; background-image: url(../Images/Icon-Facebook-White.svg); } .Twitter { background-color: #1DA1F2!important; padding-left: 24px!important; background-image: url(../Images/Icon-Twitter-White.svg); } .CopyLink { width:80px; display: none!important; background-color: #000000!important; padding-left: 24px!important; !background-image: url(../Images/Icon-Copy-White.svg); } .Add2Any { background-color: #666666!important; width: 32px; background-image: url(../Images/Icon-A2A-White.svg); background-position: center center!important; } .Parler { width:80px; background-color: #1DA1F2!important; apadding-left: 24px!important; !background-image: url(../Images/Parler-White.png); } .BrighteonSocial { width:80px; background-color: #4267B2!important; padding-left: 24px!important; background-image: url(../Images/BrighteonSocial-White.png); } .Gab { width:80px; background-color: green!important; apadding-left: 24px!important; !background-image: url(../Images/Gab-White.png); } #ArticleSocialBottom { margin-bottom: 40px; } #ArticlePhoto { display: block; margin: 0px auto 15px auto; } #ArticlePhoto img { width: 100%; } #ArticleTags { display: block; margin: 0px auto 40px auto; } #ArticleTags::after { content: ""; clear: both; display: table; } #ArticleTags a { display: inline-block; margin: 0px 2px 2px 0px; padding: 8px; background-color: #000000; font-size: 11px; color: #FFFFFF; text-decoration: none; border-radius: 15px; user-select: none; } #ArticleTags a:hover { background-color: #CC3333; } #Article { display: block; margin: 0px auto 40px auto; font-size: 16px; line-height: 22px; font-weight: 400; color: #434343; } #Article a { color: #CC3333; } #Article a:hover { color: #FF0000; } #Article h1 { font-size: 22px; line-height: 25px; font-weight: 700; } #Article h2 { font-size: 20px; line-height: 23px; font-weight: 700; } #Article h3 { font-size: 18px; line-height: 22px; font-weight: 700; } @media (min-width: 640px) { #ArticleHeadline { margin: 0px auto 30px auto; font-size: 28px; line-height: 32px; } #ArticleDate { margin: 0px auto 30px auto; font-size: 14px; } #ArticleSocial { display: block; margin: 0px auto 30px auto; } #ArticlePhoto { display: block; margin: 0px auto 30px auto; } #ArticleTags { display: block; margin: 0px auto 100px auto; } } @media (min-width: 1020px) { #ArticleHeadline { font-size: 38px; line-height: 42px; letter-spacing: -1px; } .CopyLink { display: inline-block!important; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .Widget { display: block; margin: 0px auto; } .Widget .Table { display: block; margin: 0px auto; } .Widget .Table .Row { display: block; margin: 0px auto; } .Widget .Table .Row .Col { display: block; margin: 0px auto; } .Post { display: block; margin: 0px auto 40px auto; } .Pic { display: block; margin: 0px auto 10px auto; } .Post .Pic img { width: 100%; } .Text { display: block; margin: 0px auto; } .Headline { display: block; margin: 0px auto 5px auto; font-size: 15px; line-height: 18px; font-weight: 700; color: #000000; } .Headline a { color: #000000; } .Author { display: block; margin: 0px auto; font-size: 11px; color: #666666; text-transform: uppercase; } .Author a { color: #666666; } #PopularNews { } #PopularNews .Subhead { padding: 0px 0px 20px 0px; margin-bottom: 20px; border-bottom: solid 1px #CCCCCC; } #PopularNews .Post { padding: 0px 0px 20px 0px; margin-bottom: 20px; border-bottom: solid 1px #CCCCCC; } #PopularNews .Post .Text .Headline { font-size: 15px; line-height: 18px; font-weight: 400; } @media (min-width: 640px) { .Widget { } .Widget .Table { display: table!important; width: 100%; table-layout: fixed; } .Widget .Row { display: table-row!important; } .Widget .Col { display: table-cell!important; width: auto; vertical-align: top; } #RelatedNews { } #RelatedNews .Col { } #RelatedNews .Col:nth-child(1) { padding: 0px 14px 40px 0px; } #RelatedNews .Col:nth-child(2) { padding: 0px 7px 40px 7px; } #RelatedNews .Col:nth-child(3) { padding: 0px 0px 40px 14px; } #RelatedNews .Post { margin-bottom: 0px!important; } #RelatedNews .Post .Text .Headline { font-size: 15px!important; line-height: 18px!important; } #RecentNews { } #RecentNews .Post { display: table!important; width: 100%; } #RecentNews .Post .Pic { display: table-cell!important; width: 35%; max-width: 300px; vertical-align: top; } #RecentNews .Post .Text { display: table-cell!important; width: auto; vertical-align: top; padding-left: 15px; } } @media (min-width: 1020px) { #RelatedNews { margin-bottom: 100px; } #RecentNews { margin-bottom: 100px; } #RecentNews .Post { } #RecentNews .Post::after { content: ""; clear: both; display: table; } #RecentNews .Post .Pic { display: inline-block!important; float: right; width: 160px; margin: 0px!important; padding: 0px 0px 0px 15px; } #RecentNews .Post .Text { display: inline-block!important; float: right; width: 200px; margin: 0px!important; padding: 0px; } } @media (min-width: 400px) and (max-width: 1019px) { .Post .Text .Headline { font-size: 18px; line-height: 22px; } } @media (min-width: 600px) and (max-width: 1019px) { #PopularNews .Post .Text .Headline { font-size: 18px; line-height: 22px; font-weight: 400; } } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */