/* UPDATED 7/13/2021 @ 2:00 PM */

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

html { -webkit-text-size-adjust: 100%; }
body {	margin: 0px;	background-color: #FFFFFF; }
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: white; } /* 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; }

.Post .Pic img { width: 100%; }

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

.Social { margin-top: 5px; }
.Social .Table { display: table; }
.Social .Table .Col { display: table-cell; vertical-align: middle; padding-right: 1px; cursor: pointer; }

.SocialButtons { display: table; margin: 0px; }
.SocialButtons div { display: table-cell; width: 50px; height: 40px; background-repeat: no-repeat; background-position: center center; text-align: center; vertical-align: middle; border-right: solid 1px #FFFFFF; cursor: pointer; background-size: 20px 20px; }
.SocialButtons .Facebook { background-color: #3B5999; background-image: url(../Images/Icon-Facebook-White.svg); }
.SocialButtons .Twitter { background-color: #55ACEF; background-image: url(../Images/Icon-Twitter-White.svg); }
.SocialButtons .BrighteonSocial { background-color: #1c2e5a; background-image: url(../Images/Icon-BrighteonSocial-White.svg); }
.SocialButtons .MeWe { background-color: #999999; background-image: url(../Images/Icon-MeWe-White.svg); }
.SocialButtons .USALife { background-color: #999999; background-image: url(../Images/Icon-USALife-White.svg); }
.SocialButtons .Parler { background-color: #999999; background-image: url(../Images/Icon-Parler-White.svg); }
.SocialButtons .Pinterest { background-color: #C8232C; background-image: url(../Images/Icon-Pinterest-White.svg); }
.SocialButtons .Add2Any { background-color: #999999; background-image: url(../Images/Icon-A2A-White.svg); }
.SocialButtons .Comments { background-color: #999999; background-image: url(../Images/Icon-Comments-White.svg); }
.SocialButtons .Email { background-color: #999999; background-image: url(../Images/Icon-Email-White.svg); }
.SocialButtons .Print { background-color: #999999; background-image: url(../Images/Icon-Print-White.svg); }

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

.SectionHead { font-size: 18px; text-transform: uppercase; color: #FB3449; font-weight: 900; margin: 0px 0px 20px 0px; }
.SectionHead a { color: #FB3449 !important; }

.MoreButton { display: block; margin: 0px auto 30px auto; }
.MoreButton a { display: block; padding: 20px; background-color: #FFFFFF; border: solid 1px #CCCCCC; color: #FB3449; font-size: 15px; font-weight: 700; text-decoration: none; text-align: center; box-shadow: 0 0 10px #CCCCCC; }
.MoreButton a:hover { background-color: #F9F9F9; }

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

#SearchBox { display: block; margin: 0px 0px 20px 0px; border: solid 1px #666666; }
#SearchBox .Content { padding: 10px; }
#SearchBox .Form { display: table; width: 100%; }
#SearchBox .Form .Left { display: table-cell; width: auto; vertical-align: middle; }
#SearchBox .Form .Right { display: table-cell; width: 40px; vertical-align: middle; text-align: center; }
#SearchBox .Input { width: 100%; border: 0px #666666; outline: 0px; padding: 0px; font-size: 18px; font-weight: 700; color: #000000; height: 40px; }
#SearchBox .Submit { width: 30px; height: 30px; cursor: pointer; }

#SearchLeft { display: table-cell; padding: 3px; vertical-align: middle; width: 90%; text-align: left; }
#SearchRight { display: table-cell; padding: 5px; vertical-align: middle; font-size: 10px; text-transform: uppercase; color: #FFFFFF; width: 400px; text-align: right; }

#GGStats { display: table; width: 100%; margin: 0px auto 20px auto; border-bottom: solid 1px #CCCCCC; }
#GGStats .Left { display: table-cell; vertical-align: top; text-align: left; font-size: 14px; color: #999999; padding: 0px 10px 20px 0px; }
#GGStats .Right { display: table-cell; vertical-align: top; text-align: right; font-size: 14px; color: #999999; padding: 0px 10px 20px 0px; }
#GGStats .Right b { color: #333333; font-weight: 900; text-decoration: underline; }

.GGResults { display: block; margin: 0px auto 80px auto; }
.GGSR { display: block; margin: 0px auto 30px auto; }
.GGST { display: block; margin: 0px auto 5px auto; font-size: 18px; }
.GGST a { color: #422306; }
.GGST b { font-weight: 900; }
.GGSU { display: block; margin: 0px auto 5px auto; font-size: 12px; color: #999999; }
.GGSU a { color: #3366CC; }
.GGSD { display: block; margin: 0px auto; font-size: 14px; color: #999999; }
.GGSD b { color: #666666; font-weight: 900; }

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

.Brighteon { max-width: 416px; margin: 0px auto; }

.RealVideo { display: block; margin: 0px auto 15px auto; }
.RVRow { display: table; width: 100%; margin: 0px auto 15px auto; }
.RVPost { display: table-cell; width: 50%; vertical-align: top; position: relative; }
.RVDuration { position: absolute; left: 5px; top: 5px; color: #FFFFFF; background-color: #020202; padding: 3px; font-size: 11px; line-height: 11px; font-family: arial, helvetica, sans-serif; opacity: .85; z-index: 200; }
.RVPic { display: block; background-color: #000000; margin: 0px auto 5px auto; }
.RVPic img { width: 100%; }
.RVPreview { }
.RVText { display: block; font-size: 12px; line-height: 14px; font-family: 'Roboto Condensed'; font-weight: bold; }
.RVText a { color: #000000; text-decoration: none; }
.RVText a:hover { text-decoration: underline; }
.RVRow .RVPost:nth-child(1) { padding-right: 5px; }
.RVRow .RVPost:nth-child(2) { padding-left: 5px; }
.RVRow:nth-child(1) .RVPost { padding-right: 0px; }
.RVRow:nth-child(1) .RVPost .RVText { font-size: 14px; line-height: 16px; padding: 0px !important; }
.RVRow .RVPost:nth-child(2) .RVDuration { left: 10px; }

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

#NewsletterPromo { display: block; max-width: 500px; margin: 0px auto; background-color: #000000; padding: 20px; background-repeat: no-repeat; background-position: top center; background-image: url(../Images/Background-Gray-American-Flag.jpg); background-size: auto 100%; }
#NewsletterPromo .Headline { display: block; margin: 0px auto 20px auto; font-size: 26px; line-height: 28px; font-family: 'Roboto Condensed'; font-weight: 700; color: #FFFFFF; text-transform: uppercase; text-align: center; }
#NewsletterPromo .Subhead { display: block; margin: 0px auto 20px auto; font-size: 18px; line-height: 20px; font-family: 'Roboto Condensed'; font-weight: 700; color: #FFFFFF; text-transform: uppercase; text-align: center; }
#NewsletterPromo .Form { display: block; margin: 0px auto 10px auto; }
#NewsletterPromo .Text { display: block; margin: 0px auto 20px auto; font-size: 12px; color: #FFFFFF; text-align: center; }
#NewsletterPromo .Privacy { display: block; margin: 0px auto 10px auto; font-size: 10px; color: #999999; text-align: center; }

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


/*MOBILE DEVICES/TABLETS */
@media (max-width: 1024px) {

#Navigation { display: block; width: 250px; height: 100%; background-color: #000000; position: fixed; left: -252px; top: 0px; z-index: 99999; overflow-x: hidden; overflow-y: auto; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease; }
.ButtonCover { display: block; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99998; opacity: 0; cursor: pointer; }
#Page { display: block; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1000; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease; }
.Content { display: block; margin: 0px auto; width: 100%; max-width: 768px; }

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

#TopLinks { display: block; margin: 0px auto; background-color: #000000; padding: 5px 20px; }
#TopLinks .Content { display: table; }
#TopLinks .Content div { display: table-cell; padding: 5px; vertical-align: middle; font-size: 10px; text-transform: uppercase; color: #FFFFFF; }
#TopLinks .Content div a { color: #FFFFFF; text-decoration: none; padding: 10px 20px; }
#TopLinksLeft { display: none!important; }
#TopLinksCenter { width: auto; text-align: center; }
#TopLinksRight { display: none!important; }

.SearchClose { background-image: url(../Images/Button-Close-Gray.svg) !important; }
.ButtonClose { background-image: url(../Images/Button-Close-Gray.svg) !important; }

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

#SearchBar { display: none; background-color: #000000; margin: 0px auto; }
#SearchBar .Content { padding: 10px; opacity: 0; }
#SearchBar .Form { display: block; margin: 10px auto; background-color: #333333; }
#SearchBar .Input { width: 100%; background-color: #333333; border: 0px; outline: 0px; padding: 10px; font-size: 14px; color: #FFFFFF; height: 50px; }
#SearchBar .Input::placeholder { color: #666666; }
#SearchBar .Input:-webkit-autofill, #SearchBar .Input:-webkit-autofill:hover, #SearchBar .Input:-webkit-autofill:focus { border: none 0px; -webkit-text-fill-color: #FFFFFF; -webkit-box-shadow: 0 0 0px 0px #333333 inset; transition: background-color 5000s ease-in-out 0s; }
#SearchBar .Submit { width: 30px; height: 30px; cursor: pointer; }

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

#Masthead { display: block; margin: 0px auto 15px auto; border-bottom: solid 1px #CCCCCC; }
#Masthead .Content { display: table; }
#ButtonMenu { display: table-cell; text-align: center; vertical-align: middle; width: 50px; height: 40px; background-image: url(../Images/Button-Menu.svg); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
#ButtonLogo { display: table-cell; text-align: center; vertical-align: middle; width: auto; padding: 5px 15px; }
#Logo { display: block; }
#Logo img { max-width: 200px; }
.Slogan { display: block; width: 100%; margin: 5px auto 0px auto; font-size: 11px; color: #999999; text-align: center; text-transform: uppercase; font-family: 'Roboto Condensed'; }
#ButtonSearch { display: table-cell; text-align: center; vertical-align: middle; width: 50px; height: 40px; background-image: url(../Images/Button-Search-Gray.svg); background-repeat: no-repeat; background-position: center center; cursor: pointer; }

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

#Alertbar { display: block; margin: 0px auto 15px auto; border-bottom: solid 1px #CCCCCC; }
#Alertbar .Content { text-align: center; font-size: 28px; color: #000000; font-weight: 900; padding: 15px 30px 30px 30px; }
#Alertbar .Content a { color: #000000; text-decoration: underline; }

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

#Menu { }
#Menu .Content { display: block; margin: 0px auto; padding: 15px; }
#Menu .Content div { display: block; margin: 0px auto; border-bottom: solid 1px #333333; color: #FFFFFF; font-size: 11px; text-align: center; text-transform: uppercase; }
#Menu .Content div a { display: block; width: 100%; color: #FFFFFF; text-decoration: none; padding: 10px 0px; }

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

#Footer { display: block; margin: 0px auto; background-color: #000000; padding: 15px; }
#Footer .Content { max-width: 500px; padding: 0px; }
#Footer .Left { margin: 0px auto 15px auto; text-align: center; font-size: 10px; color: #666666; }
#Footer .Left img { width: 100%; max-width: 300px; }
#Footer .Center { margin: 0px auto 15px auto; text-align: center; font-size: 10px; color: #666666; }
#Footer .Right { margin: 0px auto 15px auto; text-align: center; font-size: 10px; color: #666666; }
#Footer .Right a { color: #FFFFFF; text-decoration: underline; }
#FooterLinks { display: table; width: 100%; margin: 30px auto; }
#FooterLinks .Col { display: table-cell; width: 50%; vertical-align: top; color: #666666; font-size: 12px; }
#FooterLinks .Col a { color: #FFFFFF; }
#FooterLinks .Col:nth-child(1) { padding-right: 10px; }
#FooterLinks .Col:nth-child(2) { padding-left: 10px; }

#SocialTableBottom { display: table; margin: 20px auto; }
#SocialTableBottom div { display: table-cell; width: auto; padding: 5px; vertical-align: middle; }
#SocialTableBottom div img { opacity: .6; }
#SocialTableBottom div img:hover { opacity: 1; }

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

#Main { display: block; margin: 0px auto; }
#Main .Content { }
#Main #Column1 { display: block; margin: 0px auto; padding: 0px 20px; }
#Main #Column2 { display: block; margin: 0px auto; padding: 0px 20px; }
#Main #Column3 { display: block; margin: 0px auto; padding: 0px 20px; }

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

#PageNav { display: table; margin: 40px auto; }
#PageNav div { display: table-cell; text-align: center; padding: 10px; color: #333333; font-size: 14px; }
#PageNav div a { color: #333333; }
#PageNav div a:hover { color: #FB3449; }
#PageNav div b { color: #000000; font-weight: 900; text-decoration: underline; }

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

#Post { display: block; margin: 0px auto; }
#Post .Content { }
#Post #Column1 { display: block; margin: 0px auto; padding: 0px 20px; }
#Post #Column2 { display: block; margin: 0px auto; padding: 0px 20px; }
#Post #Column3 { display: block; margin: 0px auto; padding: 0px 20px; }

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

.Recent { }
.Recent .Content { display: block; margin: 0px auto;  }
.Recent .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
.Recent .Pic { display: table-cell; width: 100px; vertical-align: top; padding: 0px 0px 10px 0px; }
.Recent .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
.Recent .Category { font-size: 10px; font-weight: 700; color: #999999; text-transform: uppercase; }
.Recent .Category a { color: #999999; }
.Recent .Headline { color: #000000; font-size: 16px; margin-bottom: 5px; font-family: 'Roboto Condensed'; font-weight: 700; }
.Recent .Headline a { color: #000000; text-decoration: none; }
.Recent .Date { color: #999999; font-size: 11px; }
.Recent .Date a { color: #999999; text-decoration: none; }

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

.Related { }
.Related .Content { display: block; margin: 0px auto;  }
.Related .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
.Related .Pic { display: table-cell; width: 100px; vertical-align: top; padding: 0px 0px 10px 0px; }
.Related .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
.Related .Category { font-size: 10px; font-weight: 700; color: #999999; text-transform: uppercase; }
.Related .Category a { color: #999999; }
.Related .Headline { color: #000000; font-size: 16px; margin-bottom: 5px; font-family: 'Roboto Condensed'; font-weight: 700; }
.Related .Headline a { color: #000000; text-decoration: none; }
.Related .Date { color: #999999; font-size: 11px; }
.Related .Date a { color: #999999; text-decoration: none; }

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

.Popular { }
.Popular .Content { display: block; margin: 0px auto;  }
.Popular .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
.Popular .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 0px; }
.Popular .Category { font-size: 10px; font-weight: 700; color: #999999; text-transform: uppercase; }
.Popular .Category a { color: #999999; }
.Popular .Headline { color: #000000; font-size: 16px; margin-bottom: 5px; font-family: 'Roboto Condensed'; font-weight: 700; }
.Popular .Headline a { color: #000000; text-decoration: none; }
.Popular .Date { color: #999999; font-size: 11px; }
.Popular .Date a { color: #999999; text-decoration: none; }

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

#Featured { display: none; }

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

#Widget01 { margin-bottom: 30px; }
#Widget01 .Post:nth-child(-n+3) { display: block; margin: 0px auto 20px auto; border-bottom: none 0px; }
#Widget01 .Post:nth-child(-n+3) .Pic { display: block; width: auto; padding: 0px; margin: 0px auto 5px auto; }
#Widget01 .Post:nth-child(-n+3) .Text { display: block; width: auto; padding: 0px; }
#Widget01 .Post:nth-child(-n+3) .Text .Headline { font-size: 24px !important; }
#Widget01 .Post:nth-child(3) { margin-bottom: 10px; border-bottom: dotted 1px #CCCCCC; }
#Widget01 .Post:nth-child(3) .Pic { padding-bottom: 10px; }
#Widget01 .Post:nth-child(3) .Text { padding-bottom: 10px; }
#Widget02 { display: none; }
#Widget03 { display: none; }
#Widget04 { display: none; }
#Widget05 { }
#Widget06 { }
#Widget07 { display: block; max-width: 300px; margin: 30px auto; }
#Widget08 { margin-bottom: 30px; }
#Widget09 { margin-bottom: 30px; }
#Widget10 { margin-bottom: 30px; }
#Widget11 { margin-bottom: 30px; }
#Widget12 { margin: 0px auto; }
#Widget12 .Content { }
#Widget12 .Title { display: block; font-size: 22px; line-height: 24px; color: #FFFFFF; margin: 0px auto 10px auto; }
#Widget12 .Description {  display: block; font-size: 12px; font-weight: 300; color: #FFFFFF; margin: 0px auto 10px auto; }
#Widget12 .Small { font-size: 10px; color: #FFFFFF; }
#Widget12 .Small a { color: #FFFFFF; text-decoration: underline; }
#Widget13 { }
#Widget14 { display: block; max-width: 300px; margin: 0px auto 30px auto; }
#Widget15 { max-width: 640px; border: solid 1px #CCCCCC; margin: 0px 0px 50px 0px; }
#Widget15 .Content { padding: 20px; }
#Widget15 .Title { display: block; font-size: 18px; font-weight: 900; color: #000000; margin: 0px auto 10px auto; }
#Widget15 .Description {  display: block; font-size: 14px; color: #666666; margin: 0px auto 10px auto; }
#Widget15 .Small { font-size: 11px; color: #666666; }
#Widget15 .Small a { color: #666666; text-decoration: underline; }
#Widget16 { max-width: 640px; margin: 0px 0px 50px 0px; }
#Widget17 { max-width: 655px; }
#Widget18 { max-width: 640px; }

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

#Title { display: block; margin: 0px auto 15px auto; font-size: 28px; color: #000000; font-weight: 900; }
#Info { display: block; margin: 0px auto 15px auto; font-size: 12px; color: #666666; }
#Info a { color: #666666; }
#Social { display: block; margin: 0px auto 15px auto; }
#FeaturePic { display: block; margin: 0px auto 40px auto; }
#FeaturePic img { width: 100%; }
#Article { display: block; margin: 0px auto 40px auto; font-size: 16px; line-height: 20px; color: #454545; font-weight: 300; }
#Article a { color: #FB3449; }
#Article h1 { font-size: 24px; }
#Article h2 { font-size: 22px; }
#Article h3 { font-size: 20px; }
#Article h4 { font-size: 18px; }
#Tags { display: block; margin: 0px 0px 40px 0px; font-size: 14px; color: #999999; font-weight: 300; }
#Tags b { color: #000000; }
#Tags a { color: #999999; }
#Tags a:hover { color: #FB3449; }
#Comments { display: block; margin: 0px 0px 40px 0px; }

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

#Subscribe { display: block; margin: 0px auto 40px auto; font-size: 16px; line-height: 20px; color: #454545; font-weight: 300; }
#Subscribe a { color: #FB3449; }
#Subscribe h1 { font-size: 24px; }
#Subscribe h2 { font-size: 22px; }
#Subscribe h3 { font-size: 20px; }
#Subscribe h4 { font-size: 18px; }

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

.PopupBox { display: none; position: relative; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999991; overflow: auto; }
.PopupLayer2 { display: none; }
.PopupLayer1 { display: block; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999991; overflow: auto; }
.PopupClose img { max-width: 100%; max-height: 100%; }
.PopupTable { display: table; width: 100%; height: 100%; margin: 0px auto; background-color: #FFFFFF; }
.PopupCol { display: table-cell; vertical-align: top; padding: 0px; }
.PopupContent { display: block; margin: 0px auto; position: relative; }
.PopupBox1 { display: block; margin: 0px auto; padding: 50px; }
.PopupCloseLink { display: block; margin: 0px auto; padding: 20px; text-align: center; font-size: 11px; line-height: 120%; color: #000000; font-family: 'Roboto'; text-transform: uppercase; }
.PopupCloseLink a { color: #000000; text-decoration: none; }
#SubscribeForm { display: block; max-width: 700px; margin: 0px auto; }
#SubscribeForm .Content { padding: 0px; }
#SubscribeForm .Content .Left { display: block; }
#SubscribeForm .Content .Right { display: none; }
#SubscribeForm .PopupClose { display: block; width: 30px; height: 30px; position: fixed; right: 0px; top: 0px; z-index: 999992; cursor: pointer; }
#SubscribeForm .Title { display: block; font-size: 24px; font-weight: 700; color: #000000; margin: 0px auto 10px auto; font-family: 'Roboto Condensed'; }
#SubscribeForm .Description {  display: block; font-size: 14px; font-weight: 300; color: #666666; margin: 0px auto 10px auto; }
#SubscribeForm .Small { font-size: 11px; color: #666666; }
#SubscribeForm .Small a { color: #666666; text-decoration: underline; }

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

#ContactForm { display: block; margin: 0px auto; font-size: 16px; font-weight: 300; }
#ContactForm { display: block; margin: 0px auto 40px auto; font-size: 16px; line-height: 20px; color: #454545; font-weight: 300; }
#ContactForm a { color: #FB3449; }
#ContactForm h1 { font-size: 24px; }
#ContactForm h2 { font-size: 22px; }
#ContactForm h3 { font-size: 20px; }
#ContactForm h4 { font-size: 18px; }

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

}

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


/* LARGE PHONES */
@media (min-width: 400px) and (max-width: 1024px) {

.SectionHead { font-size: 24px; }
.Recent .Pic { width: 150px; }
.Recent .Headline { font-size: 18px; }
.Popular .Pic { width: 150px; }
.Popular .Headline { font-size: 18px; }
.Related .Pic { width: 150px; }
.Recent .Headline { font-size: 18px; }

}

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


/* TABLETS */
@media (min-width: 680px) and (max-width: 1024px) {

.SectionHead { font-size: 28px; }
.Recent .Post { margin-bottom: 20px; }
.Recent .Pic { width: 200px; padding-bottom: 20px; }
.Recent .Text { padding-bottom: 20px; }
.Recent .Headline { font-size: 22px; padding-bottom: 20px; }
.Popular .Pic { width: 200px; padding-bottom: 20px; }
.Popular .Text { padding-bottom: 20px; }
.Popular .Post { margin-bottom: 20px; }
.Popular .Headline { font-size: 22px; padding-bottom: 20px; }
.Related .Post { margin-bottom: 20px; }
.Related .Pic { width: 200px; padding-bottom: 20px; }
.Related .Text { padding-bottom: 20px; }
.Related .Headline { font-size: 22px; padding-bottom: 20px; }

}


@media (min-width: 680px) {

#Widget14 { float: right; margin: 0px 0px 30px 30px; }
#Widget15 { max-width: 768px; margin: 0px auto 50px auto; }
#Widget16 { margin: 0px auto 50px auto; }
#Widget17 { max-width: 768px; margin: 0px 0px 50px 0px; }
#Widget18 { margin: 0px 0px 50px 0px; }

}

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

/* DESKTOP/LAPTOP COMPUTERS */
@media (min-width: 1025px) {

#Navigation { display: none !important; }
#Page { }
.Content { display: block; margin: 0px auto; max-width: 1600px; }

#TopLinks { display: block; margin: 0px auto; background-color: #000000; padding: 3px 20px; }
#TopLinks .Content { display: table; width: 100%; margin: 0px auto; }
#TopLinksLeft { display: table-cell; padding: 3px; vertical-align: middle; width: 460px; text-align: left; }
#TopLinksCenter { display: table-cell; padding: 5px; vertical-align: middle; font-size: 10px; text-transform: uppercase; color: #FFFFFF; width: auto; text-align: center; user-select: none; }
#TopLinksRight { display: table-cell; padding: 5px; vertical-align: middle; font-size: 10px; text-transform: uppercase; color: #FFFFFF; width: 460px; text-align: right; }
#TopLinksRight a { color: #FFFFFF; text-decoration: none; padding: 10px 20px; }
#TopLinksNewsletter { color: #FFCC00 !important; }
#SearchLink { background-image: url(../Images/Button-Search.svg); background-repeat: no-repeat; background-position: left center; background-size: 20px 20px; }
.SearchClose { background-image: url(../Images/Button-Close.svg) !important; }

#SocialTableTop { display: table;margin: 0px; }
#SocialTableTop div { display: table-cell; width: auto; padding: 3px 8px 3px 3px; vertical-align: middle; font-size: 10px; color: #FFFFFF; text-transform: uppercase; user-select: none; }
#SocialTableTop div img { width: 16px; opacity: .6; }
#SocialTableTop div img:hover { opacity: 1; }
#SocialTableTop div a { color: #FFFFFF; } 

#SocialTableTop div:nth-child(1) { width: auto!important; padding-right: 20px; }
#SocialTableTop div:nth-child(2) { width: auto!important; padding-right: 12px; }

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

#SearchBar { display: none; background-color: #000000; margin: 0px auto; }
#SearchBar .Content { padding: 20px; opacity: 0; }
#SearchBar .Form { display: block; margin: 0px auto 10px auto; background-color: #333333; }
#SearchBar .Input { width: 90%; background-color: #333333; border: 0px; outline: 0px; padding: 10px; font-size: 18px; color: #FFFFFF; height: 60px; }
#SearchBar .Input::placeholder { color: #666666; }
#SearchBar .Input:-webkit-autofill, #SearchBar .Input:-webkit-autofill:hover, #SearchBar .Input:-webkit-autofill:focus { border: none 0px; -webkit-text-fill-color: #FFFFFF; -webkit-box-shadow: 0 0 0px 0px #333333 inset; transition: background-color 5000s ease-in-out 0s; }
#SearchBar .Submit { width: 30px; height: 30px; cursor: pointer; }

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

#Masthead { background-color: #FFFFFF; padding: 0px 20px; margin: 0px auto; }
#Masthead .Content { display: table; }
#ButtonMenu { display: none !important; }
#ButtonLogo { display: table-cell; text-align: center; vertical-align: middle; width: auto; padding: 20px 0px; }
#Logo {  }
#Logo img { max-width: 400px; }
.Slogan { display: block; width: 100%; margin: 5px auto 0px auto; font-size: 15px; color: #999999; text-align: center; text-transform: uppercase; font-family: 'Roboto Condensed'; }
#ButtonSearch { display: none !important; }

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

#Alertbar { display: block; margin: 0px auto 20px auto; border-bottom: solid 1px #ECECEC; }
#Alertbar .Content { text-align: center; font-size: 38px; color: #000000; font-weight: 900; padding: 30px; max-width: 960px; font-family: 'Fira Sans'; }
#Alertbar .Content a { color: #000000; text-decoration: underline; }

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

#Menu { background-color: #FFFFFF; padding: 5px 20px; margin: 0px auto; border-bottom: solid 1px #ECECEC; border-top: solid 1px #ECECEC; }
#Menu .Content { display: table; }
#Menu .Content div { display: table-cell; width: auto; text-align: center; vertical-align: middle; font-size: 14px; text-transform: uppercase; color: #666666; font-weight: 900; color: #000000; background-repeat: no-repeat; cursor: pointer; font-family: 'Roboto Condensed'; }
#Menu .Content div a { display: block; padding: 10px; text-decoration: none; color: #000000; }

#MenuShop a { 
background: #FF3300;
background-image: url(../Images/Store-Cart.svg), linear-gradient(#FF6600, #FF3300);
background-repeat: no-repeat; background-position: right center; 
color: #FFFFFF!important; 
text-decoration: none;
text-transform: uppercase; 
font-weight: 900; 
padding: 7px 45px 6px 10px!important; 
border: solid 1px #FF4001; border-radius: 3px; 
}


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

#Footer { display: block; margin: 0px auto; background-color: #000000; padding: 100px 30px; }
#Footer .Content { display: table; width: 100%; max-width: 1280px; margin: 0px auto; }
#Footer .Left { display: table-cell; width: 33%; padding-right: 25px; vertical-align: top; font-size: 11px; color: #666666; }
#Footer .Left img { max-width: 340px; } 
#Footer .Center { display: table-cell; width: 34%; padding: 0px 30px; vertical-align: top; font-size: 11px; color: #666666; border-left: solid 1px #666666; border-right: solid 1px #666666; }
#Footer .Right { display: table-cell; width: 33%; padding-left: 25px; vertical-align: top; font-size: 11px; color: #666666; }
#Footer .Right a { color: #9e9c9b; text-decoration: underline; }
#FooterLinks { display: table; width: 100%; margin: 30px auto 0px auto; }
#FooterLinks .Col { display: table-cell; width: 50%; vertical-align: top; padding: 0px 30px 0px 0px; color: #FFFFFF; font-size: 14px; }
#FooterLinks .Col a { color: #FFFFFF; }

#SocialTableBottom { display: table; width: auto; margin: 20px 0px; }
#SocialTableBottom div { display: table-cell; width: auto; padding: 8px 8px 8px 0px; vertical-align: middle; }
#SocialTableBottom div img { opacity: .6; }
#SocialTableBottom div img:hover { opacity: 1; }

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

#Main { margin: 0px auto 50px auto; padding: 0px 20px; }
#Main .Content { display: table; width: 100%; }
#Main #Column1 { display: table-cell; width: 240px; vertical-align: top; padding: 20px 20px 20px 0px; }
#Main #Column2 { display: table-cell; width: auto; vertical-align: top; padding: 20px; border-right: solid 1px #ECECEC; border-left: solid 1px #ECECEC; }
#Main #Column3 { display: table-cell; width: 300px; vertical-align: top; padding: 20px 0px 20px 20px; }

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

#PageNav { display: table; margin: 40px auto; }
#PageNav div { display: table-cell; text-align: center; padding: 10px; color: #333333; font-size: 14px; }
#PageNav div a { color: #333333; }
#PageNav div a:hover { color: #FB3449; }
#PageNav div b { color: #000000; font-weight: 900; text-decoration: underline; }

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

#Post { margin: 0px auto 50px auto; padding: 0px 20px; }
#Post .Content { display: table; width: 100%; max-width: 1440px; }
#Post #Column1 { display: none; }
#Post #Column2 { display: table-cell; width: auto; vertical-align: top; padding: 20px 20px 20px 0px; border-right: solid 1px #ECECEC; }
#Post #Column3 { display: table-cell; width: 300px; vertical-align: top; padding: 20px 0px 20px 20px; }

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

.Recent { }
.Recent .Content { }
.Recent .Post { display: table; width: 100%; margin: 0px 0px 20px 0px; border-bottom: dotted 1px #CCCCCC; }
.Recent .Pic { display: table-cell; width: 180px; vertical-align: top; padding: 0px 0px 20px 0px; }
.Recent .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 20px 15px; }
.Recent .Category { font-size: 10px; font-weight: 700; color: #999999; text-transform: uppercase; margin-bottom: 3px; font-family: 'Roboto Condensed'; }
.Recent .Category a { color: #999999; }
.Recent .Headline { color: #000000; font-size: 18px; margin-bottom: 5px; font-family: 'Roboto Condensed'; font-weight: 700; }
.Recent .Headline a { color: #000000; text-decoration: none; }
.Recent .Headline a:hover { text-decoration: underline; }
.Recent .Date { color: #999999; font-size: 11px; }
.Recent .Date a { color: #999999; text-decoration: none; }

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

.Popular { }
.Popular .Content { }
.Popular .Post { display: block; margin: 0px 0px 15px 0px; border-bottom: dotted 1px #CCCCCC; }
.Popular .Text { display: block; padding: 0px 0px 15px 0px; }
.Popular .Category { font-size: 10px; font-weight: 700; color: #999999; text-transform: uppercase; margin-bottom: 3px; font-family: 'Roboto Condensed'; }
.Popular .Category a { color: #999999; }
.Popular .Headline { color: #000000; font-size: 14px; margin-bottom: 5px; font-weight: 700; font-family: 'Roboto Condensed'; }
.Popular .Headline a { color: #000000; text-decoration: none; }
.Popular .Headline a:hover { text-decoration: underline; }
.Popular .Date { color: #999999; font-size: 11px; }
.Popular .Date a { color: #999999; text-decoration: none; }
.Popular .Social { display: none; }

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

.Related { }
.Related .Content { display: table; margin-bottom: 30px; }
.Related .Post { display: table-cell; width: 33%; padding-right: 15px; }
.Related .Pic { display: block; margin-bottom: 5px; }
.Related .Text { display: block; }
.Related .Category { font-size: 10px; font-weight: 700; color: #999999; text-transform: uppercase; margin-bottom: 3px; font-family: 'Roboto Condensed'; }
.Related .Category a { color: #999999; }
.Related .Headline { color: #000000; font-size: 18px; margin-bottom: 5px; font-family: 'Roboto Condensed'; font-weight: 700; }
.Related .Headline a { color: #000000; text-decoration: none; }
.Related .Headline a:hover { text-decoration: underline; }
.Related .Date { color: #999999; font-size: 11px; }
.Related .Date a { color: #999999; text-decoration: none; }

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

#Featured { display: none; }

#Widget01 { margin-bottom: 30px; }
#Widget02 { display: none; }
#Widget03 { display: none; }
#Widget04 { display: none; }
#Widget05 { } 
#Widget06 { }
#Widget07 { margin-bottom: 20px; }
#Widget08 { margin-bottom: 20px; }
#Widget09 { margin-bottom: 20px; }
#Widget10 { margin-bottom: 20px; }
#Widget11 { margin-bottom: 20px; }
#Widget12 { margin: 0px auto; }
#Widget12 .Content { }
#Widget12 .Title { display: block; font-size: 26px; line-height: 28px; color: #FFFFFF; margin: 0px auto 10px auto; }
#Widget12 .Description {  display: block; font-size: 14px; font-weight: 300; color: #FFFFFF; margin: 0px auto 10px auto; }
#Widget12 .Small { font-size: 10px; color: #9e9c9b; }
#Widget12 .Small a { color: #9e9c9b; text-decoration: underline; }
#Widget13 { margin-bottom: 30px; }
#Widget14 { }
#Widget15 { max-width: 640px; border: solid 1px #CCCCCC; margin: 0px 0px 50px 0px; box-shadow: 0 0 10px #CCCCCC; }
#Widget15 .Content { padding: 40px; }
#Widget15 .Title { display: block; font-size: 24px; font-weight: 900; color: #000000; margin: 0px auto 10px auto; }
#Widget15 .Description {  display: block; font-size: 14px; color: #666666; margin: 0px auto 10px auto; }
#Widget15 .Small { font-size: 11px; color: #666666; }
#Widget15 .Small a { color: #666666; text-decoration: underline; }
#Widget16 { max-width: 640px; margin: 0px 0px 50px 0px; }
#Widget17 { max-width: 640px; }
#Widget17 .Text .Headline { font-size: 15px; }
#Widget18 { max-width: 640px; }

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

#Title { display: block; margin: 0px auto 15px auto; font-size: 37px; color: #000000; font-weight: 900; }
#Info { display: block; margin: 0px auto 15px auto; font-size: 14px; color: #666666; }
#Info a { color: #666666; }
#Social { display: block; margin: 0px auto 15px auto; }
#FeaturePic { display: block; margin: 0px auto 40px auto; }
#FeaturePic img { width: 100%; }
#Article { display: block; margin: 0px auto 40px auto; font-size: 17px; line-height: 21px; color: #454545; font-weight: 300; }
#Article a { color: #FB3449; }
#Article h1 { font-size: 30px; }
#Article h2 { font-size: 28px; }
#Article h3 { font-size: 26px; }
#Article h4 { font-size: 24px; }
#Tags { display: block; max-width: 640px; margin: 0px 0px 40px 0px; font-size: 17px; color: #999999; font-weight: 300; }
#Tags b { color: #000000; }
#Tags a { color: #999999; }
#Tags a:hover { color: #FB3449; }
#Comments { display: block; max-width: 640px; margin: 0px 0px 40px 0px; }

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

#Subscribe { display: block; margin: 0px auto 40px auto; font-size: 17px; line-height: 21px; color: #454545; font-weight: 300; }
#Subscribe a { color: #FB3449; }
#Subscribe h1 { font-size: 30px; }
#Subscribe h2 { font-size: 28px; }
#Subscribe h3 { font-size: 26px; }
#Subscribe h4 { font-size: 24px; }

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

.PopupBox { display: none; position: relative; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999991; overflow: auto; }
.PopupLayer2 { display: block; width: 100%; height: 100%; background-color: #000000; position: fixed; top: 0px; left: 0px; z-index: 999990; opacity: .85; }
.PopupLayer1 { display: block; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999991; overflow: auto; }
.PopupTable { display: table; width: 100%; max-width: 860px; height: 100%; margin: 0px auto; }
.PopupCol { display: table-cell; vertical-align: middle; padding: 20px 0px; }
.PopupContent { display: block; margin: 0px auto; }
.PopupBox1 { display: block; margin: 0px auto; }
.PopupCloseLink { display: block; margin: 0px auto; padding: 20px; text-align: center; font-size: 11px; line-height: 120%; color: #FFFFFF; text-transform: uppercase; }
.PopupCloseLink a { color: #FFFFFF; text-decoration: none; }
#SubscribeForm { display: block; margin: 0px auto; }
#SubscribeForm .Content { display: block; max-width: 700px; margin: 0px auto; padding: 60px 50px 50px 50px; background-color: #FFFFFF; position: relative; }
#SubscribeForm .PopupClose { display: block; width: 60px; height: 60px; position: absolute; right: 5px; top: 5px; z-index: 999992; cursor: pointer; }
#SubscribeForm .PopupClose img { width: 100%; height: auto; }
#SubscribeForm .Title { display: block; font-size: 38px; line-height: 41px; font-weight: 700; text-align: center; color: #000000; margin: 0px auto 20px auto; font-family: 'Roboto Condensed'; }
#SubscribeForm .Description { display: block; font-size: 20px; color: #666666; text-align: center; margin: 0px auto 20px auto; font-weight: 300; }
#SubscribeForm .Description b { color: #000000; font-weight: 700; }
#SubscribeForm .Small { display: block; font-size: 11px; color: #999999; text-align: center; margin: 0px auto 20px auto; }
#SubscribeForm .Small a { color: #999999; text-decoration: underline; }
#SubscribeForm .FormBox { display: block; max-width: 400px; margin: 0px auto; }
#SubscribeForm iframe { }

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

#ContactForm { display: block; margin: 0px auto 40px auto; font-size: 16px; line-height: 22px; color: #454545; font-weight: 300; }
#ContactForm a { color: #FB3449; }
#ContactForm h1 { font-size: 30px; }
#ContactForm h2 { font-size: 28px; }
#ContactForm h3 { font-size: 26px; }
#ContactForm h4 { font-size: 24px; }

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

}

@media (min-width: 1025px) and (max-width: 1279px) {

#Widget01 .Post .Pic { width: 120px; }
#Widget01 .Post:first-child { display: block; margin: 0px auto 20px auto;  }
#Widget01 .Post:first-child .Pic { display: block; width: auto; padding: 0px; margin: 0px auto 5px auto; }
#Widget01 .Post:first-child .Text { display: block; width: auto; padding: 0px 0px 20px 0px; }
#Widget01 .Post:first-child .Text .Headline { font-size: 24px !important; }
#Widget13 .Post .Pic { width: 120px; }

}

@media (min-width: 1280px) {

#Post #Column1 { display: table-cell; width: 240px; vertical-align: top; padding: 20px 20px 20px 0px; }

#Featured { display: none; padding: 20px; margin: 0px auto 20px auto; background-color: #ECECEC; }
#Featured .Content { display: table; width: 100%; }
#FeaturedA { display: table-cell; width: 50%; vertical-align: top; padding: 10px; background-color: #FFFFFF; }
#FeaturedB { display: table-cell; width: auto; vertical-align: top; padding: 10px; background-color: #FFFFFF; }

#Widget02 { display: block; margin: 0px auto; }
#Widget02 .Post { display: block; margin: 0px auto; border-bottom: none 0px; }
#Widget02 .Pic { display: block; width: auto; padding: 0px; margin: 0px auto 10px auto; }
#Widget02 .Text { display: block; width: auto; padding: 0px; }
#Widget02 .Text .Headline { font-size: 20px; }

#Widget03 { display: block; margin: 0px auto; }
#Widget03 .Pic { width: 30%; }
#Widget03 .Headline { font-size: 14px; }
#Widget03 .Post:last-child { margin-bottom: 0px; border-bottom: none 0px; }
#Widget03 .Post:last-child .Pic { padding-bottom: 0px; }
#Widget03 .Post:last-child .Text { padding-bottom: 0px; }

#Widget04 { display: block; margin: 0px auto; }
#Widget04 .Post { display: block; margin: 0px auto 20px auto; }
#Widget04 .Pic { display: block; width: auto; padding: 0px; margin: 0px auto 10px auto; }
#Widget04 .Text { display: block; width: auto; padding: 0px 0px 20px 0px; }

}

@media (min-width: 1440px) {

#Main #Column1 { width: 300px; }
#Main #Column2 { border-right: none 0px; padding-right: 0px; }

#Post #Column1 { width: 300px; }

#Today { display: block; margin: 0px auto 20px auto; }
.TodayOn .Content { display: table; width: 100%; }
.TodayOn #TodayA { display: table-cell; vertical-align: top; width: auto; padding-right: 20px; }
.TodayOn #TodayB { display: table-cell; vertical-align: top; width: 300px; padding: 20px; background-color: #ECECEC; }

#Widget01 .Post .Pic { width: 100px; }
#Widget01 .Post:last-child { border-bottom: none 0px; }
#Widget02 .Text .Headline { font-size: 26px !important; }
#Widget03 .Pic { display: table-cell; width: 40%; }
#Widget03 .Headline { font-size: 18px; }
#Widget05 { display: block; margin: 0px auto; }
#Widget05 .Post { display: block; margin: 0px auto 20px auto; padding: 10px; border: none 0px; background-color: #FFFFFF; }
#Widget05 .Pic { display: block; width: auto; padding: 0px; margin: 0px auto 5px auto; }
#Widget05 .Text { display: block; width: auto; padding: 0px 0px 10px 0px; }
#Widget05 .Text .Headline { font-size: 20px; }
#Widget05 .Post:last-child { border-bottom: none 0px; margin-bottom: 0px; }

}

@media (min-width: 1600px) {

.TodayOn #TodayB { width: 360px; }
#Widget01 .Post .Pic { width: 180px; }
}