/*

UPDATED ON 12/11/2018 @ 1:17PM

Red: #FB3449;
Orange: #F68E56;
Brown: #422306;
Green: #00A99D;

*/

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: 130%; color: #333333; box-sizing: border-box; }
input, textarea, select { font-family: 'Roboto', arial, helvetica, sans-serif; }
a { color: #3366CC; text-decoration: none; }
a:hover {	text-decoration: underline; }
img { max-width: 100%; max-height: 100%; border: none; }

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

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; }

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

.Social .Table .Views { padding: 2px 0px 0px 8px; font-size: 11px; text-transform: uppercase; color: #999999; }
.Social .Table .Views b { font-weight: 700; color: #FF3300; }

.SocialButtons { display: table; margin: 0px; }
.SocialButtons div { display: table-cell; width: 35px; height: 30px; background-repeat: no-repeat; background-position: center center; text-align: center; vertical-align: middle; border-right: solid 1px #FFFFFF; cursor: pointer; background-size: 14px 14px; }
.SocialButtons .Facebook { background-color: #3B5999; background-image: url(../images/Icon-Facebook-White.svg); }
.SocialButtons .AllSocial { background-color: #4EC2B8; background-image: url(../images/Icon-AllSocial-White.svg); }
.SocialButtons .Twitter { background-color: #55ACEF; background-image: url(../images/Icon-Twitter-White.svg); }
.SocialButtons .Pinterest { background-color: #C8232C; background-image: url(../images/Icon-Pinterest-White.svg); }
.SocialButtons .Add2Any { background-color: #3274D1; background-image: url(../images/Icon-A2A-White.svg); }
.SocialButtons .Comments { background-color: #ED1B2F; background-image: url(../images/Icon-Comments-White.svg); }
.SocialButtons .Email { background-color: #F68E56; background-image: url(../images/Icon-Email-White.svg); }
.SocialButtons .Print { background-color: #00A99D; background-image: url(../images/Icon-Print-White.svg); }
.SocialButtons .Facebook:hover { background-color: #527CD4 !important; }
.SocialButtons .AllSocial:hover { background-color: #51D2C7; }
.SocialButtons .Twitter:hover { background-color: #70c1ff !important; }
.SocialButtons .Pinterest:hover { background-color: #DD0E1A; }
.SocialButtons .Add2Any:hover { background-color: #739bed !important; }
.SocialButtons .Comments:hover { background-color: #f85a69 !important; }
.SocialButtons .Email:hover { background-color: #FFAE8A !important; }
.SocialButtons .Print:hover { background-color: #07D8C4 !important; }

.SocialButtons .BrighteonSocial { background-color: #4267B2; background-image: url(../images/Icon-Brighteon-Social-White.svg); }
.SocialButtons .MeWe { background-color: #4267B2; background-image: url(../images/Icon-MeWe-White.svg); }
.SocialButtons .Diaspora { background-color: #4267B2; background-image: url(../images/Icon-Diaspora-White.svg); }

.SocialButtons .Views { padding-left: 12px; width: auto; font-size: 12px; text-transform: uppercase; color: #666666; text-align: center;}
.SocialButtons .Views b { font-weight: 700; color: #FF3300; }


.SectionHead { font-size: 18px; text-transform: uppercase; color: #FB3449; font-weight: 900; margin: 0px 0px 10px 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: 40px; height: 40px; cursor: pointer; }

#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: #00A99D; }
.GGSD { display: block; margin: 0px auto; font-size: 14px; color: #999999; }
.GGSD b { color: #666666; font-weight: 900; }

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

@media (min-width: 640px) {

.SocialButtons div { width: 50px; height: 40px; background-size: 20px 20px; }
.SocialButtons .Views { font-size: 14px; text-align: left; }
.SocialButtons .Views b { font-size: 18px; }

}


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

#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.svg) !important; }
.ButtonClose { background-image: url(../images/Button-Close.svg) !important; }

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

#SearchBar { display: none; background-color: #000000; margin: 0px auto; }
#SearchBar .Content { padding: 30px; opacity: 0; }
#SearchBar .Form { display: table; width: 100%; margin: 0px auto 20px auto; background-color: #333333; }
#SearchBar .Form .Left { display: table-cell; width: auto; vertical-align: middle; padding: 3px; }
#SearchBar .Form .Right { display: table-cell; width: 40px; vertical-align: middle; text-align: center; padding: 3px; }
#SearchBar .Input { width: 100%; background-color: #333333; border: 0px; outline: 0px; padding: 10px; font-size: 14px; color: #FFFFFF; height: 40px; }
#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 30px auto; padding: 0px 15px; background-color: #422306; background-image: url(../images/Background-Masthead.jpg); background-repeat: repeat-x; background-position: center center; }
#Masthead .Content { display: table; }
#Masthead .Content div { display: table-cell; text-align: center; vertical-align: middle; }
#ButtonMenu { width: 40px; height: 40px; background-image: url(../images/Button-Menu.svg); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
#Logo { width: auto; padding: 10px; }
#Logo img { max-width: 200px; }
#ButtonSearch { width: 40px; height: 40px; background-image: url(../images/Button-Search.svg); background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; cursor: pointer; }

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

#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: 16px; font-weight: 700; text-align: center; }
#Menu .Content div a { display: block; width: 100%; color: #FFFFFF; text-decoration: none; padding: 10px 0px; }

#MenuShop { padding: 10px 0px; cursor: pointer; background-color: #FF3300; background-image: url(../images/Icon-Cart.svg); background-repeat: no-repeat; background-position: 50px center; background-size: 42px 42px; }
#MenuSubscribe { padding: 10px 0px; cursor: pointer; }

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

#Footer { display: block; margin: 0px auto; background-color: #422306; padding: 0px 15px; }
#Footer .Content { padding: 30px; }
#Footer .Left { margin: 0px auto 15px auto; text-align: center; font-size: 11px; color: #FFFFFF; }
#Footer .Center { margin: 0px auto 15px auto; text-align: center; font-size: 11px; color: #FFFFFF; }
#Footer .Right { margin: 0px auto 15px auto; text-align: center; font-size: 11px; color: #FFFFFF; }
#Footer .Right a { color: #FFFFFF; text-decoration: underline; }

#FooterLinks { display: block; max-width: 500px; margin: 30px auto 0px auto; }
#FooterLinks .Col { display: block; color: #FFFFFF; font-size: 14px; }
#FooterLinks .Col a { color: #FFFFFF; }

#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; }

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

#Featured { }
#Featured .Box { }

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

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

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

#More { }
#More .Content { display: block; margin: 0px auto; }
#ColumnA { display: block; margin: 0px auto 40px auto; }
#ColumnB { display: block; margin: 0px auto 40px auto; }

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

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

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

.Featured { margin: 0px auto; }
.Featured .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
.Featured .Pic { display: table-cell; width: 100px; vertical-align: top; padding: 0px 0px 10px 0px; position: relative; }
.Featured .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
.Featured .Category { font-size: 10px; font-weight: 700; color: #00A99D; text-transform: uppercase; }
.Featured .Category a { color: #00A99D; }
.Featured .Headline { display: block; margin: 0px auto; font-size: 14px; }
.Featured .Headline a { color: #000000; text-decoration: none; }
.Featured .Duration { background-color: #000000; font-size: 10px; line-height: 12px; color: #FFFFFF; padding: 3px; opacity: .8; position: absolute; left: 3px; top: 3px; }

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

.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: #00A99D; text-transform: uppercase; }
.Recent .Category a { color: #00A99D; }
.Recent .Headline { color: #000000; font-size: 14px; margin-bottom: 5px; }
.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: #00A99D; text-transform: uppercase; }
.Related .Category a { color: #00A99D; }
.Related .Headline { color: #000000; font-size: 14px; margin-bottom: 5px; }
.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 .Pic { display: table-cell; width: 100px; vertical-align: top; padding: 0px 0px 10px 0px; }
.Popular .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
.Popular .Category { font-size: 10px; font-weight: 700; color: #00A99D; text-transform: uppercase; }
.Popular .Category a { color: #00A99D; }
.Popular .Headline { color: #000000; font-size: 14px; margin-bottom: 5px; }
.Popular .Headline a { color: #000000; text-decoration: none; }
.Popular .Date { color: #999999; font-size: 11px; }
.Popular .Date a { color: #999999; text-decoration: none; }

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

#Widget03 { margin-bottom: 30px; }
#Widget04 { margin: 0px auto 40px auto; }

#Widget05 { max-width: 640px; border: solid 1px #CCCCCC; margin: 0px 0px 50px 0px; }
#Widget05 .Content { padding: 20px; }
#Widget05 .Title { display: block; font-size: 18px; font-weight: 900; color: #000000; margin: 0px auto 10px auto; }
#Widget05 .Description {  display: block; font-size: 14px; color: #666666; margin: 0px auto 10px auto; }
#Widget05 .Small { font-size: 11px; color: #666666; }
#Widget05 .Small a { color: #666666; text-decoration: underline; }

#Widget06 { background-color: #00A99D; margin: 0px auto 50px auto; }
#Widget06 .Content { padding: 20px; }
#Widget06 .Title { display: block; font-size: 24px; line-height: 26px; font-weight: 900; color: #FFFFFF; margin: 0px auto 10px auto; text-transform: uppercase; }
#Widget06 .Description {  display: block; font-size: 12px; color: #FFFFFF; margin: 0px auto 10px auto; }
#Widget06 .Small { font-size: 11px; color: #FFFFFF; }
#Widget06 .Small a { color: #FFFFFF; text-decoration: underline; }

#Widget07 { margin: 0px auto 40px auto; }
#Widget07 .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
#Widget07 .Pic { display: table-cell; width: 100px; vertical-align: top; padding: 0px 0px 10px 0px; position: relative; }
#Widget07 .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
#Widget07 .Headline { display: block; margin: 0px auto; font-size: 14px; }
#Widget07 .Headline a { color: #000000; text-decoration: none; }
#Widget07 .Duration { background-color: #000000; font-size: 10px; line-height: 12px; color: #FFFFFF; padding: 3px; opacity: .8; position: absolute; left: 3px; top: 3px; }
#Widget07 .Post:nth-child(1) { display: block!important; }
#Widget07 .Post:nth-child(1) .Pic { display: block; width: 100%; margin-bottom: 5px; padding: 0px; }
#Widget07 .Post:nth-child(1) .Text { display: block; block; width: 100%; padding: 0px 0px 10px 0px; }
#Widget07 .Post:nth-child(1) .Duration { font-size: 13px; }

#Widget08 { margin: 50px auto; }
#Widget10 { max-width: 640px; margin: 0px 0px 50px 0px; }
#Widget11 { display: block; width: 300px; margin: 0px auto 20px auto; }
#Widget12 { margin: 0px auto 50px auto; }
#Widget13 { max-width: 655px; }
#Widget14 { max-width: 640px; }

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

#Widget15 { display: none; max-width: 640px; margin: 0px auto; }
#Widget15 .Content { padding: 0px; }
#Widget15 .Content .Left { display: block; }
#Widget15 .Content .Right { display: none; }
#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 { display: none; max-width: 640px; margin: 0px auto; }
#Widget16 .Content { padding: 0px; }
#Widget16 .Title { display: block; font-size: 18px; font-weight: 900; color: #000000; margin: 0px auto 10px auto; }
#Widget16 .Description {  display: block; font-size: 14px; color: #666666; margin: 0px auto 10px auto; }
#Widget16 .Small { font-size: 11px; color: #666666; }
#Widget16 .Small a { color: #666666; text-decoration: underline; }

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

#Widget17 { padding: 0px 20px; }
#Widget17 .Content { display: block; margin: 0px auto 30px auto;  }
#Widget17 .Post { display: block; margin: 0px auto 15px auto; }
#Widget17 .Pic { display: block; margin: 0px auto 5px auto; }
#Widget17 .Text { display: block; width: 100%; margin: 0px auto; }
#Widget17 .Category { font-size: 10px; font-weight: 700; color: #00A99D; text-transform: uppercase; }
#Widget17 .Category a { color: #00A99D; }
#Widget17 .Headline { color: #000000; font-size: 14px; margin-bottom: 5px; }
#Widget17 .Headline a { color: #000000; text-decoration: none; }
#Widget17 .Date { color: #999999; font-size: 11px; }
#Widget17 .Date a { color: #999999; text-decoration: none; }

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

#Widget18 { display: none; max-width: 640px; margin: 0px auto; }
#Widget18 .Content { padding: 0px; }
#Widget18 .Title { display: block; font-size: 18px; font-weight: 900; color: #000000; margin: 0px auto 10px auto; }
#Widget18 .Description {  display: block; font-size: 14px; color: #666666; margin: 0px auto 10px auto; }
#Widget18 .Small { font-size: 11px; color: #666666; }
#Widget18 .Small a { color: #666666; text-decoration: underline; }

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

#Widget19 { display: none; max-width: 640px; margin: 0px auto; }
#Widget19 .Content { padding: 0px; }
#Widget19 .Pic { display: none; }
#Widget19 .Title { display: block; font-size: 18px; font-weight: 900; color: #000000; margin: 0px auto 10px auto; }
#Widget19 .Description {  display: block; font-size: 14px; color: #666666; margin: 0px auto 10px auto; }
#Widget19 .Small { font-size: 11px; color: #666666; }
#Widget19 .Small a { color: #666666; text-decoration: underline; }

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

#Widget20 { margin: 0px auto; padding: 0px 20px; }
#Widget20 .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
#Widget20 .Pic { display: table-cell; width: 100px; vertical-align: top; padding: 0px 0px 10px 0px; position: relative; }
#Widget20 .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
#Widget20 .Category { font-size: 10px; font-weight: 700; color: #00A99D; text-transform: uppercase; }
#Widget20 .Category a { color: #00A99D; }
#Widget20 .Headline { display: block; margin: 0px auto; font-size: 14px; }
#Widget20 .Headline a { color: #000000; text-decoration: none; }
#Widget20 .Duration { background-color: #000000; font-size: 10px; line-height: 12px; color: #FFFFFF; padding: 3px; opacity: .8; position: absolute; left: 3px; top: 3px; }

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

#Widget21 { margin: 0px auto; padding: 0px 20px; }
#Widget21 .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
#Widget21 .Pic { display: table-cell; width: 100px; vertical-align: top; padding: 0px 0px 10px 0px; position: relative; }
#Widget21 .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
#Widget21 .Category { font-size: 10px; font-weight: 700; color: #00A99D; text-transform: uppercase; }
#Widget21 .Category a { color: #00A99D; }
#Widget21 .Headline { display: block; margin: 0px auto; font-size: 14px; }
#Widget21 .Headline a { color: #000000; text-decoration: none; }
#Widget21 .Duration { background-color: #000000; font-size: 10px; line-height: 12px; color: #FFFFFF; padding: 3px; opacity: .8; position: absolute; left: 3px; top: 3px; }

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

#Widget22 { margin: 50px auto; }

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

#Widget23 { max-width: 400px; margin: 0px auto; }
#Widget23 .Content { }
#Widget23 .Title { display: block; font-size: 22px; line-height: 24px; color: #FFFFFF; margin: 0px auto 10px auto; }
#Widget23 .Description {  display: block; font-size: 12px; font-weight: 300; color: #FFFFFF; margin: 0px auto 10px auto; }
#Widget23 .Small { font-size: 10px; color: #FFFFFF; }
#Widget23 .Small a { color: #FFFFFF; text-decoration: underline; }

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

#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; }

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

#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; }

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

.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 { display: block; width: 30px; height: 30px; position: fixed; right: 10px; top: 10px; z-index: 999992; cursor: pointer; background-color: #000000; border-radius: 15px; border: solid 1px #FFFFFF; }
.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; }

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

#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: 1140px) {

#Widget17 .Headline { font-size: 18px; }

}

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


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

#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; }

.Featured .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
.Featured .Pic { display: table-cell; width: 200px; vertical-align: top; padding: 0px 0px 10px 0px; }
.Featured .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
.Featured .Headline { font-size: 20px; margin-bottom: 5px; }
.Featured .Date { font-size: 13px; }

.Recent .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
.Recent .Pic { display: table-cell; width: 200px; vertical-align: top; padding: 0px 0px 10px 0px; }
.Recent .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
.Recent .Headline { font-size: 20px; margin-bottom: 5px; }
.Recent .Date { font-size: 13px; }

.Popular .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
.Popular .Pic { display: table-cell; width: 200px; vertical-align: top; padding: 0px 0px 10px 0px; }
.Popular .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
.Popular .Headline { font-size: 20px; margin-bottom: 5px; }
.Popular .Date { font-size: 13px; }

.Related .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
.Related .Pic { display: table-cell; width: 200px; vertical-align: top; padding: 0px 0px 10px 0px; }
.Related .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
.Related .Headline { font-size: 20px; margin-bottom: 5px; }
.Related .Date { font-size: 13px; }

#Widget02 { margin-bottom: 50px; }

#Widget05 { max-width: 768px; margin: 0px auto 50px auto; }
#Widget10 { margin: 0px auto 50px auto; }
#Widget11 { display: block; width: 300px; float: right; margin: 0px 0px 20px 15px; }
#Widget13 { max-width: 768px; margin: 0px auto 50px auto; }
#Widget14 { margin: 0px auto 50px auto; }

#Widget07 .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
#Widget07 .Pic { display: table-cell; width: 200px; vertical-align: top; padding: 0px 0px 10px 0px; }
#Widget07 .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
#Widget07 .Headline { font-size: 20px; margin-bottom: 5px; }
#Widget07 .Date { font-size: 13px; }

#Widget07 .Post:nth-child(1) { display: table!important; }
#Widget07 .Post:nth-child(1) .Pic { display: table-cell; width: 200px; vertical-align: top; padding: 0px 0px 10px 0px; }
#Widget07 .Post:nth-child(1) .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
#Widget07 .Post:nth-child(1) .Duration { font-size: 10px; }

#Widget17 { max-width: 768px; margin: 0px auto; padding: 0px 20px; }
#Widget17 .Content { display: block; margin: 0px auto 30px auto;  }
#Widget17 .Post { display: block; margin: 0px auto; position: relative; }
#Widget17 .Pic { display: block; margin: 0px auto 10px auto; }
#Widget17 .Text { display: block; width: 100%; margin: 0px auto; position: absolute; z-index: 100; left: 0px; bottom: 0px; padding: 40px 15px 15px 15px; background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 25%,rgba(0,0,0,1) 100%); }
#Widget17 .Category { color: #FFFFFF; font-size: 11px; text-shadow: 2px 2px 4px #000000; }
#Widget17 .Headline { color: #FFFFFF; font-size: 28px; margin-bottom: 5px; font-weight: 900; text-shadow: 2px 2px 4px #000000; }
#Widget17 .Headline a { color: #FFFFFF; text-decoration: none; }
#Widget17 .Headline a:hover { color: #FFFFFF!important; }
#Widget17 .Date { color: #FFFFFF; font-size: 14px; text-shadow: 2px 2px 4px #000000; }
#Widget17 .Date a { color: #FFFFFF; text-decoration: none; }

#Widget20 .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
#Widget20 .Pic { display: table-cell; width: 200px; vertical-align: top; padding: 0px 0px 10px 0px; }
#Widget20 .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
#Widget20 .Headline { font-size: 20px; margin-bottom: 5px; }
#Widget20 .Date { font-size: 13px; }

#Widget21 .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
#Widget21 .Pic { display: table-cell; width: 200px; vertical-align: top; padding: 0px 0px 10px 0px; }
#Widget21 .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
#Widget21 .Headline { font-size: 20px; margin-bottom: 5px; }
#Widget21 .Date { font-size: 13px; }

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

#Title { font-size: 40px;  }
#Info { font-size: 14px; }
#Article { font-size: 20px; line-height: 26px; }
#Article h1 { font-size: 30px; }
#Article h2 { font-size: 28px; }
#Article h3 { font-size: 26px; }
#Article h4 { font-size: 24px; }
#Tags { font-size: 17px; }

}

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

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

.Post .Pic:hover img { opacity: .7; }
.Post .Text .Headline a:hover { color: #F68E56!important; text-decoration: none; }

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

#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: 500px; 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: 500px; text-align: right; }
#TopLinksRight a { color: #FFFFFF; text-decoration: none; padding: 10px 20px; }
#TopLinksNewsletter { color: #F68E56 !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: 18px; 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: 30px; opacity: 0; }
#SearchBar .Form { display: table; width: 100%; margin: 0px auto 20px auto; background-color: #333333; }
#SearchBar .Form .Left { display: table-cell; width: auto; vertical-align: middle; padding: 3px; }
#SearchBar .Form .Right { display: table-cell; width: 60px; vertical-align: middle; text-align: center; padding: 3px; }
#SearchBar .Input { width: 100%; 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: 40px; height: 40px; cursor: pointer; }

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

#Masthead { background-color: #422306; background-image: url(../images/Background-Masthead.jpg); background-repeat: repeat-x; background-position: center center; padding: 0px 20px; }
#Masthead .Content { display: table; }
#Masthead .Content div { display: table-cell; text-align: center; vertical-align: middle; }
#ButtonMenu { display: none !important; }
#Logo { width: auto; padding: 10px; }
#Logo img { max-width: 320px; }
#ButtonSearch { display: none !important; }

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

#Menu { display: block; margin: 0px auto 30px auto; background-color: #F68E56; padding: 0px 15px; -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,1); }
#Menu .Content { display: table; width: 100%; }
#Menu .Content div { display: table-cell; width: 12.5%; text-align: center; vertical-align: middle; font-size: 14px; text-transform: uppercase; color: #666666; font-weight: 700; color: #FFFFFF; background-repeat: no-repeat; cursor: pointer; }
#Menu .Content div a { display: block; padding: 13px 30px; color: #FFFFFF; text-decoration: none; }
#Menu .Content div:hover { background-color: #FF9966; }

/*
#MenuRecipes { background-image: url(../Images/Icon-Recipes.svg); background-position: 35px center; background-size: 20px 20px; padding-left: 20px; }
#MenuNutrients { background-image: url(../Images/Icon-Nutrients.svg); background-position: 30px center; background-size: 20px 20px; padding-left: 20px; }
#MenuHerbs { background-image: url(../Images/Icon-Herbs.svg); background-position: 43px center; background-size: 20px 20px; padding-left: 20px; }
#MenuGardening { background-image: url(../Images/Icon-Gardening.svg); background-position: 25px center; background-size: 24px 24px; padding-left: 20px; }
#MenuOrganic { background-image: url(../Images/Icon-Organic.svg); background-position: 32px center; background-size: 20px 20px; padding-left: 20px; }
*/

#MenuShop { background-image: url(../images/Icon-Cart.svg); background-position: 38px center; background-size: 30px 30px; background-color: #ff3300; padding-left: 33px; }
#MenuShop:hover { background-color: #ff3300 !important; }
#MenuSubscribe { cursor: pointer; }

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

#Footer { display: block; margin: 0px auto; background-color: #422306; padding: 100px 30px; }
#Footer .Content { display: table; width: 100%; margin: 0px auto; }
#Footer .Left { display: table-cell; width: 33%; padding-right: 25px; vertical-align: top; font-size: 11px; color: #685548; }
#Footer .Center { display: table-cell; width: 34%; padding: 0px 30px; vertical-align: top; font-size: 11px; color: #685548; border-left: solid 1px #291502; border-right: solid 1px #291502; }
#Footer .Right { display: table-cell; width: 33%; padding-left: 25px; vertical-align: top; font-size: 11px; color: #9e9c9b; }
#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; }

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

#Featured { padding: 0px 20px; }
#Featured .Box { display: table; width: 100%; max-width: 1240px; margin: 0px auto; }
#Featured .Box .Left { display: table-cell; width: 630px!important; vertical-align: top; padding: 0px; }
#Featured .Box .Right { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 0px 20px; }

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

#Main { padding: 0px 20px; }
#Main .Content { display: table; width: 100%; }
#Main .Content #Column1 { display: table-cell; width: auto; vertical-align: top; padding: 40px 40px 40px 0px; }
#Main .Content #Column2 { display: table-cell; width: 340px; vertical-align: top; padding: 40px 0px; }

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

#More { }
#More .Content { display: table; width: 100%; }
#ColumnA { display: table-cell; width: 286px; vertical-align: top; padding: 0px 20px 40px 0px; }
#ColumnB { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 40px 20px; border-left: solid 1px #ECECEC; }

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

#Post { padding: 0px 20px; }
#Post .Content { display: table; width: 100%; }
#Post .Content #Column1 { display: table-cell; width: auto; vertical-align: top; padding: 40px 40px 40px 0px; }
#Post .Content #Column2 { display: table-cell; width: 340px; vertical-align: top; padding: 40px 0px; }

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

.Featured { }
.Featured .Content { display: table; width: 100%; margin-bottom: 30px; }
.Featured .Post { display: table-cell; width: 33%; padding-right: 15px; position: relative; }
.Featured .Pic { display: block; margin-bottom: 5px; }
.Featured .Text { display: block; }
.Featured .Category { font-size: 10px; font-weight: 700; color: #00A99D; text-transform: uppercase; margin-bottom: 3px; }
.Featured .Category a { color: #00A99D; }
.Featured .Headline { color: #000000; font-size: 16px; margin-bottom: 5px; }
.Featured .Headline a { color: #000000; text-decoration: none; }
.Featured .Date { color: #999999; font-size: 11px; }
.Featured .Date a { color: #999999; text-decoration: none; }

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

.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: #00A99D; text-transform: uppercase; margin-bottom: 3px; }
.Recent .Category a { color: #00A99D; }
.Recent .Headline { color: #000000; font-size: 16px; margin-bottom: 5px; }
.Recent .Headline a { color: #000000; text-decoration: none; }
.Recent .Date { color: #999999; font-size: 11px; }
.Recent .Date a { color: #999999; text-decoration: none; }

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

.Popular { }
.Popular .Content { }
.Popular .Post { display: table; width: 100%; margin: 0px 0px 15px 0px; border-bottom: dotted 1px #CCCCCC; }
.Popular .Pic { display: table-cell; width: 90px; vertical-align: top; padding: 0px 0px 15px 0px; }
.Popular .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 15px 15px; }
.Popular .Category { display: none; }
.Popular .Headline { color: #000000; font-size: 12px; margin-bottom: 5px; }
.Popular .Headline a { color: #000000; text-decoration: none; }
.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 .Headline { color: #000000; font-size: 16px; margin-bottom: 5px; }
.Related .Headline a { color: #000000; text-decoration: none; }
.Related .Date { color: #999999; font-size: 11px; }
.Related .Date a { color: #999999; text-decoration: none; }

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

#Widget01 { margin-bottom: 40px; }
#Widget02 { margin-bottom: 40px; }

#Widget03 { margin-bottom: 30px; }
#Widget04 { margin: 0px auto 40px auto; }

#Widget05 { max-width: 640px; border: solid 1px #CCCCCC; margin: 0px 0px 50px 0px; box-shadow: 0 0 10px #CCCCCC; }
#Widget05 .Content { padding: 20px; }
#Widget05 .Title { display: block; font-size: 24px; font-weight: 900; color: #000000; margin: 0px auto 10px auto; font-family: 'Fira Sans'; }
#Widget05 .Description {  display: block; font-size: 14px; color: #666666; margin: 0px auto 10px auto; }
#Widget05 .Small { font-size: 11px; color: #666666; }
#Widget05 .Small a { color: #666666; text-decoration: underline; }

#Widget06 { background-color: #00A99D; margin: 0px auto 50px auto; }
#Widget06 .Content { padding: 20px; }
#Widget06 .Title { display: block; font-size: 26px; line-height: 28px; font-weight: 900; color: #FFFFFF; margin: 0px auto 10px auto; font-family: 'Fira Sans'; }
#Widget06 .Description {  display: block; font-size: 12px; color: #FFFFFF; margin: 0px auto 10px auto; }
#Widget06 .Small { font-size: 10px; color: #FFFFFF; }
#Widget06 .Small a { color: #FFFFFF; text-decoration: underline; }

#Widget07 { margin: 0px auto 40px auto; }
#Widget07 .Post { display: table; width: 100%; margin: 0px auto 10px auto; border-bottom: dotted 1px #CCCCCC; }
#Widget07 .Pic { display: table-cell; width: 100px; vertical-align: top; padding: 0px 0px 10px 0px; position: relative; }
#Widget07 .Text { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 10px 15px; }
#Widget07 .Headline { display: block; margin: 0px auto 5px auto; font-size: 14px; }
#Widget07 .Headline a { color: #000000; text-decoration: none; }
#Widget07 .Date { color: #999999; font-size: 11px; }
#Widget07 .Date a { color: #999999; text-decoration: none; }
#Widget07 .Duration { background-color: #000000; font-size: 10px; line-height: 12px; color: #FFFFFF; padding: 3px; opacity: .8; position: absolute; left: 3px; top: 3px; }
#Widget07 .Post:nth-child(1) { display: block!important; }
#Widget07 .Post:nth-child(1) .Pic { display: block; width: 100%; margin-bottom: 5px; padding: 0px; }
#Widget07 .Post:nth-child(1) .Text { display: block; block; width: 100%; padding: 0px 0px 10px 0px; }
#Widget07 .Post:nth-child(1) .Duration { font-size: 13px; }

#Widget08 { float: right; margin: 0px 0px 20px 20px; }
#Widget10 { max-width: 640px; margin: 0px 0px 50px 0px; }
#Widget11 { display: block; width: 300px; float: right; margin: 0px 0px 20px 15px; }
#Widget11 .Content { padding: 0px; }
#Widget12 { margin: 0px auto 50px auto; }
#Widget13 { max-width: 655px; }
#Widget14 { max-width: 640px; }

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

#Widget15 { display: none; margin: 0px auto; border: solid 15px #FFFFFF; }
#Widget15 .Content { display: table; width: 100%; height: 370px; margin: 0px auto; }
#Widget15 .Content .Left { display: table-cell; width: auto; padding: 40px; vertical-align: top; background-color: #F86C66; }
#Widget15 .Content .Right { display: table-cell; width: 290px; background-color: #84D2AB; position: relative; }
#Widget15 .Content .Right .Pic { display: block; width: 420px; position: absolute; bottom: -97px; right: -52px; user-select: none; }
#Widget15 .Title { display: block; font-size: 40px; line-height: 43px; font-weight: 900; color: #FFFFFF; margin: 0px auto 10px auto; font-family: 'Fira Sans'; }
#Widget15 .Description {  display: block; font-size: 17px; color: #FFFFFF; margin: 0px auto 20px auto; font-weight: 300; }
#Widget15 .Small { font-size: 11px; color: #FFFFFF; }
#Widget15 .Small a { color: #FFFFFF; text-decoration: underline; }

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

#Widget16 { display: none; margin: 0px auto; background-color: #FFFFFF; background-image: url(../images/Background-Food-Montage.jpg); background-repeat: no-repeat; background-position: right center; background-size: contain; }
#Widget16 .Content { display: block; width: 530px; height: 370px; margin: 0px; padding: 25px; }
#Widget16 .Title { display: block; font-size: 34px; line-height: 37px; font-weight: 900; color: #0D004C; margin: 0px auto 10px auto; font-family: 'Fira Sans'; }
#Widget16 .Description { display: block; font-size: 17px; color: #000000; margin: 0px auto 20px auto; font-weight: 300; }
#Widget16 .Description b { color: #FB3449; font-weight: 900; }
#Widget16 .Small { font-size: 11px; color: #999999; }
#Widget16 .Small a { color: #999999; text-decoration: underline; }

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

#Widget17 { padding: 0px 20px; margin: 0px auto 40px auto; }
#Widget17 .SectionHead { max-width: 1240px; font-size: 32px; font-weight: 900; margin: 0px auto 10px auto; }
#Widget17 .Content { display: table; width: 100%; max-width: 1240px; margin: 0px auto 10px auto; }
#Widget17 .Post { display: table-cell; width: 240px; vertical-align: top; position: relative; box-sizing: content-box; }
#Widget17 .Post:nth-child(1) { padding-right: 10px; }
#Widget17 .Post:nth-child(2) { padding-right: 10px; }
#Widget17 .Post:nth-child(3) { padding-right: 10px; }
#Widget17 .Post:nth-child(4) { padding-right: 10px; }
#Widget17 .Category { min-width: 80px; padding: 3px; background-color: #00A99D; text-transform: uppercase; text-align: center; font-size: 10px; font-weight: 700; color: #FFFFFF; position: absolute; left: 0px; top: 0px; z-index: 100; user-select: none; }
#Widget17 .Pic { display: block; margin: 0px auto 10px auto; border-bottom: solid 5px #00A99D; }
#Widget17 .Text { display: block; margin: 0px auto; padding-right: 5px; }
#Widget17 .Headline { color: #000000; font-size: 16px; margin-bottom: 5px; }
#Widget17 .Headline a { color: #000000; text-decoration: none; }
#Widget17 .Date { color: #999999; font-size: 11px; }
#Widget17 .Date a { color: #999999; text-decoration: none; }

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

#Widget18 { display: none; margin: 0px auto; background-color: #FFFFFF; background-image: url(../images/Background-Smoothie.jpg); background-repeat: no-repeat; background-position: right center; background-size: contain; }
#Widget18 .Content { display: block; width: 530px; height: 370px; margin: 0px; padding: 25px; }
#Widget18 .Title { display: block; font-size: 34px; line-height: 37px; font-weight: 900; color: #006633; margin: 0px auto 10px auto; font-family: 'Fira Sans'; }
#Widget18 .Description { display: block; font-size: 17px; color: #000000; margin: 0px auto 20px auto; font-weight: 300; }
#Widget18 .Description b { color: #FF3300; font-weight: 900; }
#Widget18 .Small { font-size: 11px; color: #999999; }
#Widget18 .Small a { color: #999999; text-decoration: underline; }
#Widget18 .iframecontent { width:500px; }

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

#Widget19 { display: none; margin: 0px auto; }
#Widget19 .Content { display: block; width: 640px; height: 586px; margin: 0px auto; padding: 30px; background-color: #2564b8; position: relative; }
#Widget19 .Pic { display: block; width: 290px; position: absolute; z-index: 10000; right: 0px; bottom: 0px; user-select: none; }
#Widget19 .Title { display: block; width: 320px; font-size: 40px; line-height: 43px; font-weight: 900; color: #FFFFFF; margin: 0px 0px 20px 0px; font-family: 'Fira Sans'; }
#Widget19 .Description { display: block; width: 320px; font-size: 17px; color: #FFFFFF; margin: 0px 0px 20px 0px; font-weight: 300; }
#Widget19 .Description b { color: #feda6b; font-weight: 900; }
#Widget19 .Small { display: block; width: 320px; font-size: 11px; color: #CCCCCC; }
#Widget19 .Small a { color: #CCCCCC; text-decoration: underline; }
#Widget19 iframe { max-width: 330px; }

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

#Widget20 { }
#Widget20 .Content { display: block; margin: 0px auto;  }
#Widget20 .Post { display: block; margin: 0px auto; position: relative; }
#Widget20 .Pic { display: block; margin: 0px auto 10px auto; }
#Widget20 .Text { display: block; width: 100%; margin: 0px auto; position: absolute; z-index: 100; left: 0px; bottom: 0px; padding: 40px 15px 15px 15px; background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 25%,rgba(0,0,0,1) 100%); }
#Widget20 .Category { font-size: 10px; font-weight: 700; color: #FFFFFF; text-transform: uppercase; text-shadow: 2px 2px 4px #000000; }
#Widget20 .Category a { color: #FFFFFF; }
#Widget20 .Headline { color: #FFFFFF; font-size: 22px; margin-bottom: 5px; font-weight: 900; text-shadow: 2px 2px 4px #000000; }
#Widget20 .Headline a { color: #FFFFFF; text-decoration: none; }
#Widget20 .Headline a:hover { color: #FFFFFF!important; }
#Widget20 .Date { color: #FFFFFF; font-size: 11px; text-shadow: 2px 2px 4px #000000; }
#Widget20 .Date a { color: #FFFFFF; text-decoration: none; }

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

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

#Widget21 .Post:last-child { margin-bottom: 0px; border-bottom: none 0px; }
#Widget21 .Post:last-child .Text { padding-bottom: 0px; }

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

#Widget22 { 50px auto; }

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

#Widget23 { margin: 0px auto; }
#Widget23 .Content { }
#Widget23 .Title { display: block; font-size: 26px; line-height: 28px; color: #FFFFFF; margin: 0px auto 10px auto; }
#Widget23 .Description {  display: block; font-size: 14px; font-weight: 300; color: #FFFFFF; margin: 0px auto 10px auto; }
#Widget23 .Small { font-size: 10px; color: #9e9c9b; }
#Widget23 .Small a { color: #9e9c9b; text-decoration: underline; }

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

#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; }

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

#Title { display: block; margin: 0px auto 15px auto; font-size: 40px; 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: 20px; line-height: 26px; 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; }

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

.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; }
.PopupClose { display: block; width: 50px; height: 50px; position: absolute; right: 20px; top: 20px; z-index: 999992; cursor: pointer; }
.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; font-family: 'Roboto'; text-transform: uppercase; }
.PopupCloseLink a { color: #FFFFFF; text-decoration: none; }

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

#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 (max-width: 480px) {

#Widget16 { display: none; margin: 0px auto; background-color: #FFFFFF; background-image: url(../images/Background-Food-Montage.jpg); background-repeat: no-repeat; background-position: right center; background-size: contain; }
#Widget16 .Content { display: block; width: 100%; height: 370px; margin: 0px; padding: 25px; }
#Widget16 .Title { display: block; font-size: 34px; line-height: 37px; font-weight: 900; color: #0D004C; margin: 0px auto 10px auto; font-family: 'Fira Sans'; }
#Widget16 .Description { display: block; font-size: 17px; color: #000000; margin: 0px auto 20px auto; font-weight: 300; }
#Widget16 .Description b { color: #FB3449; font-weight: 900; }
#Widget16 .Small { font-size: 11px; color: #999999; }
#Widget16 .Small a { color: #999999; text-decoration: underline; }
#Widget16 .iframecontent { width:300px; }
#Widget16 iframe { max-width: 330px; }

#Widget18 { display: none; margin: 0px auto; background-color: #FFFFFF; background-image: url(../images/Background-Smoothie.jpg); background-repeat: no-repeat; background-position: right center; background-size: contain; }
#Widget18 .Content { display: block; width: 100%; height: 370px; margin: 0px; padding: 25px; }
#Widget18 .Title { display: block; font-size: 34px; line-height: 37px; font-weight: 900; color: #006633; margin: 0px auto 10px auto; font-family: 'Fira Sans'; }
#Widget18 .Description { display: block; font-size: 17px; color: #000000; margin: 0px auto 20px auto; font-weight: 300; }
#Widget18 .Description b { color: #FF3300; font-weight: 900; }
#Widget18 .Small { font-size: 11px; color: #999999; }
#Widget18 .Small a { color: #999999; text-decoration: underline; }
#Widget18 .iframecontent { width:300px; }
#Widget18 iframe { max-width: 330px; }


#Widget19 { display: none; margin: 0px auto; }
#Widget19 .Content { display: block; width: 640px; height: 586px; margin: 0px auto; padding: 30px; background-color: #2564b8; position: relative; }
#Widget19 .Pic { display: block; width: 290px; position: absolute; z-index: 10000; right: 0px; bottom: 0px; user-select: none; }
#Widget19 .Title { display: block; width: 320px; font-size: 40px; line-height: 43px; font-weight: 900; color: #FFFFFF; margin: 0px 0px 20px 0px; font-family: 'Fira Sans'; }
#Widget19 .Description { display: block; width: 320px; font-size: 17px; color: #FFFFFF; margin: 0px 0px 20px 0px; font-weight: 300; }
#Widget19 .Description b { color: #feda6b; font-weight: 900; }
#Widget19 .Small { display: block; width: 320px; font-size: 11px; color: #CCCCCC; }
#Widget19 .Small a { color: #CCCCCC; text-decoration: underline; }
#Widget19 iframe { max-width: 330px; }
}