/* UPDATED ON 01/15/2018 @ 1:25PM */

html { -webkit-text-size-adjust: 100%; }

#Page, #Menu, #Search { -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease; }
#Page { display: block; width: 100%; /*position: absolute;*/ left: 0px; top: 0px; z-index: 2000; }

body { margin: 0px; padding: 0px; background-color: #FFFFFF; display: relative; }
div { font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000000; }
form { margin: 0px; padding: 0px; }
img { width: 100%; height: auto; max-width: 100%; max-height: 100%; border: none; }

a { color: #3366CC; text-decoration: none; }
a:hover { text-decoration: underline; }

.Views { display: none; }

.Video { padding-bottom: 5px; max-width: 100%; } /* 16:9 */	
.Video iframe { width: 100%; }

.Marker { display: none; }

/* DEFAULT MOBILE/SIZES ---------------------------------------------- */

.Container { display: block; max-width: 1200px; margin: 0px auto; }
.Content { padding: 10px; }
.Row { display: display: block; min-width: 300px; width: 100%; margin: 0px auto 15px auto; }
.Column { display: display: block; width: 100%; margin: 0px auto 15px auto; }

.MastheadContainer { display: block; width: 100%; margin: 0px auto 0px auto; }
.MastheadContent { }
.Masthead { display: table; min-width: 300px; width: 100%; margin: 0px auto 0px auto; border-bottom: solid 1px #ECECEC; }
#MenuButton, .Masthead .Left, .Masthead .Right, #SearchButton { display: table-cell; width: auto; height: 50px; vertical-align: middle; background-repeat: no-repeat; background-position: center center; }
#MenuButton { width: 50px; cursor: pointer; }
.Masthead .Left { text-align: center; }
.Masthead .Right { display: none; }
#SearchButton { width: 50px; cursor: pointer; }
.IconMenu { background-image: url(../Images/Icon-Menu-Gray.svg); }
.IconSearch {	background-image: url(../Images/Icon-Search-Gray.svg); }
.IconClose { background-image: url(../Images/Icon-Close-Gray.svg); }

#Menu { display: block; width: 250px; height: 100%; position: fixed; left: -250px; top: 0px; z-index: 1001; background-color: #333333; color: #FFFFFF; text-align: center; }
#Menu span { display: block; padding: 10px 2px; font-weight: bold; border-bottom: solid 1px #555555; }
#Menu span a { color: #FFFFFF; text-decoration: none; }

#Search { display: block; width: 250px; height: 100%; position: fixed; right: -250px; top: 0px; z-index: 1002; background-color: #333333; color: #FFFFFF; }
.SearchBox { display: block; width: 210px; margin: 0px auto; padding: 25px 0px 0px 0px; }
.SearchBox .TextField { display: block; width: 100%; text-align: center; margin: 0px auto 12px auto; }
.SearchBox .TextField input { width: 95%; height: 24px; padding: 5px; font-size: 14px; color: #999999; color: #666666; margin: 0px; text-align: center; }
.SearchBox .Button { display: block; width: 100px; height: 30px; text-align: center; margin: 0px auto 25px auto; cursor: pointer; background-color: #CCCCCC; background-repeat: no-repeat; background-position: center center; background-image: url(../Images/Icon-Search-Gray.svg);}
.SearchBox .Description { display: block; width: 100%; color: #8c99a9; text-align: center; }
.SearchBox .Description a { color: #CCCCCC; text-decoration: none; }

.FooterContainer { display: block; max-width: 1200px; margin: 0px auto; }
.FooterContent { padding: 10px; }
.Footer { display: display: block; min-width: 300px; width: 100%; margin: 0px auto; text-align: center; font-size: 11px; line-height: 12px; color: #999999; }

.Post { display: table; width: 100%; margin: 0px auto 10px auto; } /* container */
.Post .Pic { display: table-cell; min-width: 80px; width: 120px; vertical-align: top; padding-right: 10px; } /* image */
.Post .Pic img { }
.Post .Text { display: table-cell; width: auto; vertical-align: top; } /* text */
.Post .Text p { margin: 0px auto 10px auto; }

.each_category { display: table; width: 100%; margin: 0px auto 10px auto; } /* container */
.each_category .left { display: table-cell; min-width: 80px; width: 120px; vertical-align: top; padding-right: 10px; } /* image */
.each_category .left img { }
.each_category .right { display: table-cell; width: auto; vertical-align: top; } /* text */
.each_category .right p { margin: 0px auto 10px auto; }

.MoreLink { display: block; padding: 0px; font-size: 14px; line-height: 16px; }
.MoreLink a { }

.SectionHead { margin: 0px 0px 15px 0px; font-size: 22px; line-height: 28px; }

.IndexTopStory { display: block; width: 100%; margin: 0px auto 15px auto; background-color: #000000; }
.IndexTopStory .Post { display: block; float: none; width: 100%; margin: 0px auto; position: relative; }
.IndexTopStory .Post .Pic { display: block; width: 100%; padding: 0px; margin: 0px; }
.IndexTopStory .Post .Pic img { margin-bottom: 10px;}
.IndexTopStory .Post .Text { display: block; position: absolute; left: 0px; bottom: 0px; padding: 25px 10px 10px 10px; color: #FFFFFF; margin: 0px; background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 65%); z-index: 1002; visibility: hidden; }
.IndexTopStory .Post .Text h2 { font-size: 18px; line-height: 21px; margin: 0px 0px 15px 0px; }
.IndexTopStory .Post .Text h2 a { color: #FFFFFF; text-decoration: none; }
.IndexTopStory .Post .Text h2 a:hover { color: #FFFFFF; }
.IndexTopStory .Post .Text .Info { color: #FFFFFF; }
.IndexTopStory .Post .Text .Info a { color: #FFFFFF; text-decoration: none; }
.IndexTopStory .Post .Text .Info a:hover { text-decoration: underline; }
.IndexTopStory .Post .Text .Desc { display: none; color: #FFFFFF; }

.ColLeft .IndexRecent .Post { border-bottom: solid 1px #ECECEC; }
.ColLeft .IndexRecent .Post .Pic { padding-bottom: 10px; }
.ColLeft .IndexRecent .Post .Text { padding-bottom: 10px; font-size: 14px; line-height: 16px; }
.ColLeft .IndexRecent .Post .Text .Categories { display: none; }
.ColLeft .IndexRecent .Post .Text h2 { font-size: 14px; line-height: 16px; margin: 0px 0px 10px 0px; }
.ColLeft .IndexRecent .Post .Text h2 a { color: #000000; text-decoration: none; }
.ColLeft .IndexRecent .Post .Text h2 a:hover { color: #3366CC; }
.ColLeft .IndexRecent .Post .Text .Info { font-size: 11px; line-height: 12px; }
.ColLeft .IndexRecent .Post .Text .Info a { color: #000000; }
.ColLeft .IndexRecent .Post .Text .Info a:hover { color: #3366CC; }
.ColLeft .IndexRecent .Post .Text .Desc { display: none; margin: 0px auto; }


.each_category .left { padding-bottom: 10px; }
.each_category .right { padding-bottom: 10px; font-size: 14px; line-height: 16px; }
.each_category .right h2 { font-size: 14px; line-height: 16px; margin: 0px 0px 10px 0px; }
.each_category .right h2 a { color: #000000; text-decoration: none; }
.each_category .right h2 a:hover { color: #3366CC; }
.each_category .right .Info { font-size: 11px; line-height: 12px; }
.each_category .right .Info a { color: #000000; }
.each_category .right .Info a:hover { color: #3366CC; }
.each_category .right .Desc { display: none; margin: 0px auto; }



.ColLeft .MoreLink { width: 100%; margin: 0px auto; text-align: center; font-size: 16px; line-height: 16px; outline: 1px solid #CCCCCC; outline-offset: -1px; clear: both; }
.ColLeft .MoreLink a  { text-decoration: none; padding: 15px 0px; display: inline-block; width: 47%; }
.ColLeft .MoreLink a:hover  {color:#444;}

.ColRight .Featured { margin: 0px auto 30px auto; }
.ColRight .Featured .Post { border-bottom: solid 1px #ECECEC; }
.ColRight .Featured .Post:nth-child(2) { border-top: solid 1px #ECECEC; }
.ColRight .Featured .Post:nth-child(2) .Pic { padding-top: 10px; }
.ColRight .Featured .Post:nth-child(2) .Text { padding-top: 10px; }
.ColRight .Featured .Post .Pic { width: 80px; padding-bottom: 10px; }
.ColRight .Featured .Post .Text { padding-bottom: 10px; }
.ColRight .Featured .Post .Text h2 { font-size: 14px; line-height: 16px; margin: 0px 0px 10px 0px; }
.ColRight .Featured .Post .Text h2 a { color: #000000; text-decoration: none; }
.ColRight .Featured .Post .Text h2 a:hover { color: #3366CC; }
.ColRight .Featured .Post .Text .Info { font-size: 11px; line-height: 12px; margin-bottom: 0px; }
.ColRight .Featured .Post .Text .Info a { color: #000000; }
.ColRight .Featured .Post .Text .Info a:hover { color: #3366CC; }

.ColRight .AltNewsLinks { margin: 0px auto 30px auto; }
.ColRight .AltNewsLinks .Post { border-bottom: solid 1px #ECECEC; }
.ColRight .AltNewsLinks .Post .Text { padding-bottom: 10px; }
.ColRight .AltNewsLinks .Post .Text h2 { font-size: 14px; line-height: 16px; margin: 0px 0px 10px 0px; }
.ColRight .AltNewsLinks .Post .Text h2 a { text-decoration: none; }
.ColRight .AltNewsLinks .Post .Text h2 a:hover { color: #3366CC; }
.ColRight .AltNewsLinks .Post .Text .Info { font-size: 11px; line-height: 12px; margin-bottom: 0px; }
.ColRight .AltNewsLinks .Post .Text .Info a { color: #000000; }

/* Post Page ------------------------------------------------------------ */

.PostTitle { display: block; width: auto; margin: 0px auto 15px auto; }
.PostTitle h1 { font-size: 24px; line-height: 26px; margin: 0px; }
.PostDesc { display: block; width: 100%; margin: 0px auto 15px auto; font-size: 14px; line-height: 16px; }
.PostInfo { display: block; width: auto; margin: 0px auto 0px auto; }
.PostPic { display: block; width: auto; margin: 0px auto 15px auto; padding-bottom: 15px; border-bottom: solid 1px #ECECEC; }
.PostPic .Pic { display: block; width: auto; margin: 0px auto 5px auto; }
.PostPic .Pic img { }
.PostPic .Caption { display: block; width: 100%; margin: 0px auto; }
.PostPic .Caption p { margin-bottom: 0px; }
.PostArticle { display: block; width: 100%; margin: 0px auto 15px auto; font-size: 16px; line-height: 22px; }
.PostArticle h1 { font-size: 24px; line-height: 26px; margin: 0px 0 18px 0; }
.PostArticle h2 { font-size: 22px; line-height: 24px; margin: 18px auto; }
.PostArticle h3 { font-size: 20px; line-height: 23px; margin: 18px auto; }
.PostArticle h4 { font-size: 19px; line-height: 22px; margin: 18px auto; }
.PostArticle h5 { font-size: 17px; line-height: 22px; margin: 18px auto; }
.PostArticle img { display: block; width: auto; margin-left: auto; margin-right: auto; }   
.PostTags { display: block; width: 100%; margin: 0px auto 15px auto; padding-bottom: 15px; border-bottom: solid 1px #ECECEC; }
.PostComments { display: block; width: 100%; margin: 0px auto 15px auto; padding-bottom: 15px; border-bottom: solid 1px #ECECEC; }

.ColLeft .Related { margin: 0px auto 15px auto; }

.ColLeft .Related .Post { border-bottom: solid 1px #ECECEC; }
.ColLeft .Related .Post:nth-child(1) { border-top: solid 1px #ECECEC; }
.ColLeft .Related .Post:nth-child(1) .Pic { padding-top: 10px; }
.ColLeft .Related .Post:nth-child(1) .Text { padding-top: 10px; }
.ColLeft .Related .Post .Pic { width: 80px; padding-bottom: 10px; }
.ColLeft .Related .Post .Text { padding-bottom: 10px; }
.ColLeft .Related .Post .Text h2 { font-size: 14px; line-height: 16px; margin: 0px 0px 10px 0px; }
.ColLeft .Related .Post .Text h2 a { color: #000000; text-decoration: none; }
.ColLeft .Related .Post .Text h2 a:hover { color: #3366CC; }
.ColLeft .Related .Post .Text .Info { font-size: 11px; line-height: 12px; margin-bottom: 0px; }
.ColLeft .Related .Post .Text .Info a { color: #000000; }
.ColLeft .Related .Post .Text .Info a:hover { color: #3366CC; }

/*keep for charts rendered before 10/23/17*/
.FoodGrade { display: block; min-width: 298px; width: 100%; max-width: 638px; margin: 0px auto 20px auto; border: solid 1px #CCCCCC; }
.FoodGrade img { max-width: 100%; max-height: 100%; border: none; }
.FoodGrade .Content { padding: 10px; }
.FoodGrade .Table { display: table; width: 100%; margin: 0px auto; }
.FoodGrade .Row { display: table-row; }
.FoodGrade .Row div { display: table-cell; width: auto; padding: 10px 5px; border-bottom: 1px solid #ECECEC; text-align: left; vertical-align: middle; }
.FoodGrade .Info .Row div { vertical-align: top; color: #999999; font-family: arial, helvetica, sans-serif; font-size: 11px !important; line-height: 120%; }
.FoodGrade .Info .Row .ProductImage { min-width: 50px !important; width: 50px !important; max-width: 50px !important; text-align: center; }
.FoodGrade .Info .Row div:nth-child(2) p:nth-child(1) { font-family: 'Lato', arial, helvetica, sans-serif !important; font-size: 14px !important; line-height: 16px!important; color: #000000; font-weight: bold; margin-top: 0px; margin-bottom: -5px; }
.FoodGrade .Info .Row div:nth-child(3) { min-width: 60px !important; width: 60px !important; max-width: 60px !important; text-align: center; }
.FoodGrade .Grades .Row div:nth-child(1) { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #999999;  }
.FoodGrade .Grades .Row div:nth-child(1) b { font-family: 'Lato', arial, helvetica, sans-serif !important; font-size: 15px; color: #000000; font-weight: 900;  }
.FoodGrade .Grades .Row div:nth-child(2) { min-width: 60px !important; width: 60px !important; max-width: 60px !important; text-align: center;  }
.FoodGrade .Disclaimer { display: block; margin: 5px auto 0 auto; padding: 5px; font-size: 11px; line-height: 12px; color: #999999; font-family: arial, helvetica, sans-serif; }
.FoodGrade .Disclaimer a { text-decoration: underline; color: #999999; }



.Action-Subscribe-Container { display: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 9500; }
.Action-Subscribe-Box { display: block; width: 100%; height: 100%; position: relative; }
.Action-Subscribe-Background { display: block; width: 100%; height: 100vh; background-color: #000000; opacity: .8; position: fixed; left: 0px; top: 0px; z-index: 9501; }
.Action-Subscribe-Close { display: block; width: 30px; height: 30px; position: absolute; right: 15px; top: 15px; z-index: 9503; cursor: pointer; background-image: url(../Images/Action-Subscribe-Close.svg); background-repeat: no-repeat; background-position: center center; }
.Action-Subscribe-Table { display: table; width: 100%; height: 100%; position: absolute; left: 0px; top: 60px; z-index: 9502; }
.Action-Subscribe-Cell { display: table-cell; text-align: center; vertical-align: top; }
.Action-Subscribe { display: block; width: 100%; max-width: 840px; margin: 0px auto; background-color: #FFFFFF; font-family: arial, helvetica, sans-sefif; }
.Action-Subscribe-Content { padding: 10px; font-size: 14px; line-height: 17px; color: #333333; text-align: left; }
.Action-Subscribe-Content h1 { font-family: 'Lato', arial-helvetica, sans-serif; font-weight: 900; font-size: 26px; line-height: 28px; text-align: center; margin-top: 0px; }
.Action-Subscribe-Form { display: block; width: 100%; margin: 0px auto; }
.Action-Subscribe-Form div { width: 100%; margin: 0px auto; text-align: center; margin: 0px auto 10px auto; font-size: 13px; line-height: 15px; }
.Action-Subscribe-Form div a { color: #666666; text-decoration: none; }
.Action-Subscribe-Form div a:hover { text-decoration: underline; }
#Action-Subscribe-Email { width: 100%; max-width: 400px; height: 30px; border: solid 1px #CCCCCC; font-size: 16px; color: #00AEEF; text-align: center; }
.Action-Subscribe-Disclaimer { font-size: 12px !important; line-height: 13px; color: #999999; }
.Action-Subscribe-Error { display: none; font-size: 14px; line-height: 14px; font-weight: bold; color: #FF0000; text-align: center; }
#Action-Subscribe-Submit { display: block; width: 200px; padding: 8px; border: none 0px; font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase; font-size: 14px; line-height: 14px; color: #FFFFFF; background-color: #FF3300; cursor: pointer; -webkit-appearance:none; border-radius: 0; margin: 0px auto; }


@media (min-width: 400px) {
/*makes elements bigger on sites, doesn't work with GGMail or Gmail*/
.FoodGrade .Info .Row .ProductImage { min-width: 80px !important; width: 80px !important; max-width: 80px !important; }
.FoodGrade .Info .Row div:nth-child(2) p:nth-child(1) { font-size: 20px !important; line-height: 24px !important; }
.FoodGrade .Info .Row div:nth-child(3) { min-width: 100px !important; width: 100px !important; max-width: 100px !important; }
.FoodGrade .Grades .Row div:nth-child(2) { min-width: 100px !important; width: 100px !important; max-width: 100px !important; }
}

/* LARGE MOBILE ========================================================================*/  

@media (min-width: 481px) {

.IndexTopStory { margin-bottom: 30px; }
.IndexTopStory .Post .Text { padding: 20px; }
.IndexTopStory .Post .Text h2 { font-size: 24px; line-height: 26px; }
.IndexTopStory .Post .Text .Info { font-size: 12px; line-height: 14px; }

.IndexColLeft .SectionHead { margin-bottom: 30px; }

.ColLeft .IndexRecent .Post { margin-bottom: 20px; }
.ColLeft .IndexRecent .Post .Pic { width: 180px; padding: 0px 20px 20px 0px; }
.ColLeft .IndexRecent .Post .Text { padding-bottom: 20px; }
.ColLeft .IndexRecent .Post .Text h2 { font-size: 18px; line-height: 21px; }
.ColLeft .IndexRecent .Post .Text .Info { font-size: 12px; line-height: 14px; }

.each_category { margin-bottom: 20px; }
.each_category .left { width: 180px; padding: 0px 20px 20px 0px; }
.each_category .right { padding-bottom: 20px; }
.each_category .right h2 { font-size: 18px; line-height: 21px; }
.each_category .right .Info { font-size: 12px; line-height: 14px; }

.ColRight .Featured .Post .Text h2 { font-size: 18px; line-height: 21px; }
.ColRight .Featured .Post .Text .Info { font-size: 12px; line-height: 14px; }
.ColRight .AltNewsLinks .Post .Text h2 { font-size: 18px; line-height: 21px; }
.ColRight .AltNewsLinks .Post .Text .Info { font-size: 12px; line-height: 14px; }

.PostTitle h1 { font-size: 28px; line-height: 32px; }
.PostDesc { font-size: 16px; line-height: 18px; }
.PostInfo { font-size: 14px; line-height: 16px; }
.PostTags { font-size: 14px; line-height: 16px; }

}

@media (min-width: 641px) {

.IndexTopStory .Post .Text h2 { font-size: 32px; line-height: 34px; }
.IndexTopStory .Post .Text .Desc { display: block !important; font-size: 14px; line-height: 16px;; }

.ColLeft .IndexRecent .Post .Pic { width: 320px; padding: 0px 30px 30px 0px; margin: 0px; }
.ColLeft .IndexRecent .Post .Text { padding: 0px 0px 30px 0px; margin: 0px; }
.ColLeft .IndexRecent .Post .Text .Categories { display: block; }
.ColLeft .IndexRecent .Post .Text h2 { font-size: 24px; line-height: 26px; }
.ColLeft .IndexRecent .Post .Text .Desc { display: block; margin-bottom: 10px; }

.each_category .left { width: 40%; padding: 0px 30px 30px 0px; margin: 0px; }
.each_category .right { padding: 0px 0px 30px 0px; margin: 0px; }
.each_category .right .Categories { display: block; }
.each_category .right h2 { font-size: 24px; line-height: 26px; }
.each_category .right .Desc { display: block; margin-bottom: 10px; }

.PostTitle h1 { font-size: 38px; line-height: 41px; }
.PostDesc { font-size: 20px; line-height: 23px; }
.PostInfo { font-size: 16px; line-height: 18px; }
.PostArticle img { margin: 0px; }

/*makes elements bigger on sites, doesn't work with GGMail or Gmail*/
.FoodGrade .Grades .Row div:nth-child(1) { padding-left: 180px !important; }
.FoodGrade .Grades .Row div:nth-child(2) { width: 260px !important; padding-right: 180px !important; }

}

/* TABLET (Landscape) ====================================================================*/ 

@media (min-width: 769px) {

body { margin: 0px 0px; padding: 0px; }

#Page { position: static; }

.Container { min-width: 1024px; }
.Content { padding: 30px; }
.Row { display: table; }

.MastheadContainer { min-width: 1024px; max-width: 1200px; }
.MastheadContent { padding: 0px 30px; }
.Masthead { margin-bottom: 0px; }
#MenuButton, #SearchButton { display: none; }
.Masthead .Left { width: auto; height: auto; text-align: left; }
.Masthead .Left img { width: auto; }
.Masthead .Right { width: auto; display: table-cell; height: auto; }

.NavBarContainer { display: block; min-width: 1024px; width: 100%; max-width: 1200px; margin: 0px auto 15px auto; }
.NavBarContent { display: block; margin: 0px auto; padding: 0px 30px; }
.NavBar { display: table; width: 100%; margin: 0px auto; border-bottom: solid 1px #ECECEC; }
#Menu, #Search { display: table-cell; height: 40px; vertical-align: middle; position: static; }
#Menu { width: auto; text-align: left; background-color: #FFFFFF; }
#Menu span { display: inline; padding: 0px 15px 0px 0px; color: #999999; border-bottom: none 0px; font-size: 14px; line-height: 14px; }
#Menu span a { color: #999999; }
#Menu span a:hover { color: #999999; text-decoration: underline; }

#Search { width: 300px; text-align: right; padding: 0px; margin: 0px; background-color: #FFFFFF; }
.SearchBox { display: table; width:100%; padding: 0px; }
.SearchBox .TextField { display: table-cell; width: auto; height: 24px; background-color: #FFFFFF; vertical-align: middle; border: solid 1px #CCCCCC; border-right: none 0px; }
.SearchBox .TextField input { width: 95%; height: 20px; padding: 0px; font-size: 12px; border: none 0px; text-align: left; }
.SearchBox .Button { display: table-cell; vertical-align: middle; width: 30px; height: 24px; }
.SearchBox .Description { display: none; }

.FooterContainer { min-width: 1024px; }
.FooterContent { padding: 10px 30px 30px 30px; }

.Row:nth-last-child(1) { margin-bottom: 0px; }

.Column { display: table-cell; vertical-align: top; width: auto; }

.ColLeft { padding-right: 45px; border-right: solid 1px #ECECEC; }
.ColRight { width: 300px; padding-left: 45px; }

.ColLeft .IndexRecent .Post .Pic { width: 250px; }
.ColRight .Featured .Post .Text h2 { font-size: 14px; line-height: 16px; }
.ColRight .Featured .Post .Text h2 a { color: #000000; }
.ColRight .AltNewsLinks .Post .Text h2 { font-size: 14px; line-height: 16px; }
.ColRight .AltNewsLinks .Post .Text h2 a { color: #000000; }



.PostDesc { font-size: 15px; line-height: 17px; }
.PostInfo { font-size: 14px; line-height: 16px; }

.ColLeft .Related { display: block; width: 100%; border-bottom: solid 1px #ECECEC; }
.ColLeft .Related .Posts { display: table; width: 100%; }
.ColLeft .Related .Post { display: table-cell; width: 25%; vertical-align: top; border-bottom: none 0px; }
.ColLeft .Related .Post:nth-child(1) { border-top: none 0px; }
.ColLeft .Related .Post:nth-child(1) .Pic { padding-top: 0px; }
.ColLeft .Related .Post:nth-child(1) .Text { padding-top: 0px; }

.ColLeft .Related .Post .Pic { display: block; width: auto; padding: 0px 10px 0px 0px; margin: 0px auto 5px auto; }

.ColLeft .Related .Post .Text { display: block; width: auto; padding: 0px 10px 15px 0px; margin: 0px auto; }
.ColLeft .Related .Post .Text h2 { font-size: 12px; line-height: 14px; }
.ColLeft .Related .Post .Text .Info { }

}

/* DESKTOP =============================================================================*/  

@media (min-width: 1200px) {

.Container { min-width: 1200px; }
.Content { padding: 30px 45px 45px 45px; }

.MastheadContainer { min-width: 1200px; }
.MastheadContent { padding: 0px 45px 0px 45px; }
.Masthead { }

.NavBarContent { padding: 0px 45px; }

.FooterContainer { min-width: 1200px; }
.FooterContent { padding: 10px 45px 45px 45px; }

.IndexTopStory .Post .Text { padding: 40px; }

.ColLeft .IndexRecent .Post .Pic { width: 200px; }
.ColLeft .IndexRecent .Post .Text h2 { font-size: 28px; line-height: 32px; }


.each_category .right h2 { font-size: 28px; line-height: 32px; }


.Action-Subscribe-Container { position: fixed; }
.Action-Subscribe-Close { right: 20px; top: 20px; }
.Action-Subscribe-Table { top: 0px; }
.Action-Subscribe-Cell { vertical-align: middle; }
.Action-Subscribe-Content { padding: 30px; text-align: justify; }
.Action-Subscribe-Content h1 { font-size: 32px; line-height: 34px; }
#Action-Subscribe-Email { max-width: 500px; height: 40px; }


/*
Theme Name: Natural News
Theme URI: https://naturalnews.com
Description: Main Theme For Natural News
Template: genesis
Version: 12000.0
*/

.a2a_kit a{ display: inline-block; margin-right: 5px; }

div#Menu ul li{ display: inline-block;}
div#Menu ul li a{ text-transform: uppercase; font-size: 12px; line-height: 16px;font-weight: 700; color:#000; margin-right: 10px; }
ul.menu.top-mini li{ display: inline-block; margin-right: 5px; }

.widget{ margin: 10px 0px; }


/************** Modify by Cantrip *********************/

div { color: #333333; font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, .SectionHead { font-family: 'Fira Sans', sans-serif; font-weight: 700; }

ul#menu-primary{ margin:0px; padding: 0px; }
ul.post-categories{ margin-:0px; padding: 0px;  }
ul.post-categories li{ display: inline-block; }
ul.post-categories li a{ /*color:#999;*/ }
.TopRow div .menu-top-mini-links-container{ width:70%; display: inline-block; }
.TopRow div ul#menu-top-mini-links {padding-left: 0px;}
.TopRow div.top-social{ margin:0px; padding: 0px; width:100%; display: inline-block; text-align: right; }
.TopRow div.top-social .textwidget{width:100%; float: right; text-align: }
.TopRow div.top-social ul li{ display: inline-block; margin-right: 2px; }
.TopRow div.top-social ul li i{ font-size: 14px; }

.search-form input{ height:30px; }
.search-form input[type="submit"]{ display:inline-block;width:32px; text-indent: -40000px; background-image: url(images/Icon-Search-Gray.png); background-position:center center; background-repeat: no-repeat; border:none; /*background-color:#FF3300;*/ padding: 2px; }

.featuredpost h2{ /*color:#ff3300;*/  text-transform: uppercase;}
.featuredpost article{ margin:10px 0px; border-bottom:1px solid #ececec; padding:10px 0px;  }
.featuredpost article a{ display: inline-block; width:80px; }
.featuredpost article .entry-header{display: inline-block; width:220px; vertical-align: top;}
.featuredpost article .entry-header a{ width:230px; }
.featuredpost article .entry-header h2 { margin: 0px 5px; }
.featuredpost article .entry-header h2 a{ font-size: 14px; font-weight: 400; /*color:#444;*/ }
.featuredpost article .entry-meta{ margin-left: 5px; }
.featuredpost article .entry-meta span{ display: inline-block; }
.featuredpost article .entry-meta spanspan.entry-author{ display: inline-block; }
.featuredpost article .entry-meta .entry-time,.featuredpost article .entry-meta .entry-author{ display: inline-block; }
/*.featuredpost article .entry-content{display: inline-block; width:150px;vertical-align: top;}*/
.featuredpost article .entry-header .entry-author a{width:auto;}

div.Footer p{ /*color:#999999;*/ font-size: 11px; line-height: 12px;}
.ColRight .Featured .Post .Text h2 a{/*color: #444444;*/}
.addtoany_list a{ padding: 0px; }
.category_content_holder .each_category{ padding: 10px 0px; border-bottom: 1px solid #ececec; }

.category_content_holder .each_category .post-thumbnail{  /*width:280px;*/ display: inline-block; }
.category_content_holder .each_category .right{display: inline-block; vertical-align: top;/*width:390px;*/ }
.category_content_holder .each_category .right .post-title{display: inline-block; vertical-align: top;}
.category_content_holder .each_category .right .post-title h2{ word-wrap: break-word; }
.category_content_holder .each_category .right .post-content{display: inline-block; vertical-align: top;}
.category_content_holder .each_category .post-title h1 { color:#000; }
.category_content_holder .each_category .post-title h2 { font-size:28px; line-height:30px; color:#000; margin: 0px 0px 10px 0px;}
.category_content_holder .each_category .post-title h2:hover{ /*color:#ff3300;*/ text-decoration:none; color: #3366cc; }
.category_content_holder .each_category .post-title a:hover{ text-decoration:none;  }


.views-counter span{/*color: #FF3300;*/font-size: 18px;font-weight: bold;}
.featuredpost article .entry-header h2 a{text-transform: none !important;}
.featuredpost article .entry-meta .entry-author-name, .Post .Text p a{/*color: #333333 !important;*/}
.featuredpost article .entry-meta{/*color: #999999 !important;*/}
.popular-article-dt span{/*color: #999999 !important;*/font-size: 12px !important;}
.popular-article-dt a{/*color: #999999 !important;*/font-size: 12px !important;}
h2 {font-size: 22px;}
h1, h2, h3, h4, h5, .SectionHead {font-weight: 700 !important;}
.textwidget .Post .Text h2, .Popular-articles .post a {font-weight: 400 !important;}
.PostInfo a {/*color: #333333;*/}
.Popular-articles a {font-size: 14px;}
.Popular-articles{margin-top: 20px;}
.widget {margin: 0px 0px 30px;font-size: 12px;}
.IndexTopStory .Post .PostInfo a , .IndexTopStory .read-more {/*color: #fff !important;*/}
div {font-size: 14px;line-height: 18px;}
.a2a_kit a {margin-right: 2px;}
.search-form input {height: 30px;width: 83%;border-radius: 0px;}
.submitbutton{border: none !important;height: 30px !important;width: 150px !important;background: #FF3300 !important;color: #fff !important;font-size: 14px !important;font-weight: 800 !important;border-radius:0px !important;margin-bottom: 5px !important;}
.ads{margin: auto;}

.IndexTopStory .Post .Text p a{/*color : #fff !important;*/}

.ColLeft .MoreLink a{
	width: 48%;
}

#mc_embed_signup {
	display: none !important;
}

.search-form input {
    padding: 0px 5px;
}

a {
	cursor: pointer; 
}

.NavBar div#Menu ul li a{
	color:#000;
}

.TopRow div.top-social {
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: inline-block;
    text-align: right;
}

.TopRow div.top-social ul li {
    display: inline-block;
    margin-right: 2px;
}

.TopRow div {
    display: table-cell;
    width: auto;
    height: auto;
    vertical-align: middle;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
}

.TopRow {
    display: table;
    width: 100%;
    margin: 7px auto 0px auto;
}

a {
	cursor: pointer; 
}

.TopRow
{
	margin-top:15px
}

.TopRow ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.TopRow ul a
{
	display:block;
	text-decoration:none !important;
	line-height:32px;
	padding: 8px 0;
	font-family:'Fira Sans', sans-serif;;
}

.TopRow ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.TopRow ul li.menu-item
{
	background:transparent;
}


.TopRow ul li ul li:hover
{
	background:#f6f6f6;
	text-decoration:none;

}
.TopRow ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding:0;
	z-index: 9999;
}

.TopRow ul ul li
{
	float:none;
	width:200px
}

.TopRow ul ul a
{
	line-height:120%;
	padding:10px 15px
}

.TopRow ul ul ul
{
	top:0;
	left:100%
}

.TopRow ul li:hover > ul
{
	display:block;
}

.NavBar
{
	margin-top:15px
}

.NavBar ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.NavBar ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding: 8px 0;
	font-family:'Fira Sans', sans-serif;;
}

.NavBar ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.NavBar ul li.dropdown
{
	background:transparent;
}

.NavBar ul li:hover
{
	color: #000;
}
.NavBar ul li ul li:hover
{
	background:#f6f6f6;
}
.NavBar ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding:0;
	z-index: 9999;
}

.NavBar ul ul li
{
	float:none;
	width:200px
}

.NavBar ul ul a
{
	line-height:120%;
	padding:10px 15px
}

.NavBar ul ul ul
{
	top:0;
	left:100%
}

.NavBar ul li:hover > ul
{
	display:block;
}

.top-social  ul {
	float: right;
}

.ColRight .AltNewsLinks .Post .Text h2 a {
	font-size: 14px;
}

div#Menu ul li a {
    color: #fff;
}

div#Menu ul li ul li a {
    color: #000;
}

.IndexTopStory .PostInfo p {
	color: #fff;
}

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

@media (max-width: 769px) {

	.NavBar ul ul
	{
		background:#ccc;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 9999;
		margin-top: 10px;
		position: static;
	}

	div#Menu ul li a{ 
		margin-right: 0px;
	}

	.IconSearch {
	    background-image: url("images/icon_search_mobile-black.png");
	}

	.IconMenu {
	    background-image: url("images/menu-nav-icon-black.png");
	}

	.IconClose {
	    background-image: url("images/icon-close.png");
	}

    .Masthead {
    	border: none !important;
    }

	.TopRow{
		display: none;
	}

	.IndexRecent .Post .Pic{
		width:40% !important;
	}

	.Masthead{
		margin: 3px auto 3px auto;
	}

	.Masthead .Left img {
	    max-height: 40px;
	    max-width: 200px;
	    margin-top: 2px;
	}

	div#Menu ul li {
	    padding: 8px 0px;
		width: 100%;
		border-bottom: 1px solid #555555;
	}

	div#Menu ul li a{
		padding: 0px 10px;
	}

	.search-form input {
	    height: 40px;
	    width: 90%;
	    border-radius: 5px;
	    padding: 0px 10px;
	    margin: 10% 5% 6% 5%;
	}

	.search-form input[type="submit"]{
		height: 30px !important;
		margin: 0px 30% !important;
		width: 100px !important;
		border-radius: 0px;
		/*background-color: #CCCCCC;*/
		background-image: url(images/Icon-Search-Gray.svg);
		cursor: pointer;
	}

	.IndexTopStory .Post .addtoany_shortcode, .IndexTopStory .Post .views-counter,
	.IndexRecent .Post .addtoany_shortcode, .IndexRecent .Post .views-counter,
	.each_category .addtoany_shortcode, .each_category .addtoany_share_save_container, .each_category .views-counter{
		display: none !important;
	}

	.PostInfo{
		font-size: 12px !important;
		margin: 0px auto 0px auto;
	}
    .IndexTopStory .Post .Text p, .IndexRecent .Post .Text p {
    	display: none;
	}
	.PostInfo p {
			display: inline-block !important;
	}

}



@media (max-width: 480px) {
	.IndexTopStory .Post .Text h2 {
		font-size: 20px !important;
		line-height: 23px;
		margin: 0px 0px 12px 0px;
	}
	.IndexTopStory {
	    background-color: none !important;
	}
	/*.category_content_holder .each_category .right{margin-left: 2%; width: 57%; }

	.category_content_holder .each_category .post-title h2{
		font-size: 14px;
    	line-height: 18px;
	}*/
}

@media (min-width: 481px) {
.IndexTopStory .Post .Text .Info { text-transform: uppercase; }
.IndexTopStory .Post .Text .Views { display: block !important; width: 100%; font-size: 14px; line-height: 20px; }
.IndexTopStory .Post .Text .Views span:nth-child(-n+3) { width: 22px; height: 22px; margin-right: 5px; /*background-color: #000000;*/ background-size: 20px 20px; }
.IndexTopStory .Post .Text .Views b { color: #FF3300; }
.ColLeft .IndexRecent .Post .Text .Info { text-transform: uppercase; }
.ColLeft .IndexRecent .Post .Text .Views { font-size: 12px; line-height: 14px; }
/*.category_content_holder .each_category .post-thumbnail{ width:100%; }*/
.Masthead .Left img {max-height: 45px;}

}

@media (min-width: 641px) {
.SocialButtons div { width: 60px; height: 40px; background-size: 22px 22px; }
.Social .Right .Views { font-size: 14px; line-height: 16px; }
.Social .Right .Views b { font-size: 32px; line-height: 34px; letter-spacing: -1px; }
.ColLeft .IndexRecent .Post .Text .Views { display: block !important; }
/*.category_content_holder .each_category .post-thumbnail{ width:100%; }*/
.Masthead .Left img {/*max-height: 45px;*/}
}

@media (min-width: 769px) {

.TopRow { display: table; width: 100%; margin: 7px auto 0px auto; }
.TopRow div { display: table-cell; width: auto; height: auto; vertical-align: middle; color: #FFFFFF; text-transform: uppercase; font-size: 10px; line-height: 10px; }
.TopRow div a { /*color: #CCCCCC;*/ text-decoration: none; padding-right: 10px; }
.TopRow div a:hover { /*color: #FFFFFF;*/ text-decoration: underline; }
.TopRow div:nth-child(2) { width: 20px; text-align: center; padding-left: 8px; }
.TopRow div:nth-child(3) { width: 20px; text-align: center; padding-left: 8px; }
.TopRow div:nth-child(4) { width: 20px; text-align: center; padding-left: 8px; }

.MastheadContainer { max-width: 100%; }
.MastheadContent { padding: 0px; max-width: 1200px; margin: 0px auto; }
.Masthead { padding: 10px 0px; margin: 0px auto; }
.Masthead .Left { width: auto; text-align: left; padding-left: 15px; }
.Masthead .Left img { max-height: 100%; max-width: 100%; }
.Masthead .Right {width: 728px; padding: 0px 0px 0px 15px; }

.NavBarContainer { display: block; min-width: 1024px; width: 100%; max-width: 1200px; /*background-color: #333333;*/ }
.NavBarContent { min-width: 1024px; max-width: auto; padding: 0px 30px; }
.NavBar { border-bottom: none 0px; }
#Menu { /*background-color: #333333;*/ }

#Menu span { font-size: 11px; line-height: 11px; /*color: #FFFFFF;*/ padding-right: 15px; }
#Menu span a { /*color: #FFFFFF;*/ }
#Menu span a:hover { /*color: #FFFFFF;*/ text-decoration: underline; }

#Search { width: 200px; /*background-color: #333333;*/ }
.SearchBox .Button { /*background-color: #FF3300;*/ background-image: url(images/Icon-Search-White.svg); }

.ColRight .Featured .Post .Text h2 { font-weight: 400; }
.ColRight .AltNewsLinks .Post .Text h2 { font-weight: 400; }
.ColRight .Featured .Post .Text h2 a { /*color: #444444;*/ }
.ColRight .AltNewsLinks .Post .Text h2 a { /*color: #444444;*/ }

.TopRow div .menu-top-mini-links-container{ width:70%; display: inline-block; }
.TopRow div ul#menu-top-mini-links {padding-left: 0px;}
.TopRow div.top-social{ margin:0px; padding: 0px; width:100%; display: inline-block; text-align: right; }
.TopRow div.top-social .textwidget{width:100%; float: right; text-align: }
.TopRow div.top-social ul li{ display: inline-block; margin-right: 2px; }
.TopRow div.top-social ul li i{ font-size: 14px; }
.Masthead .Left img {/*max-height: 45px;*/}
}

@media (min-width: 1200px) {

.Masthead .Left { padding-left: 0px; }
.Masthead .Right { padding: 0px; }

.NavBarContainer { width: 1200px; }
.NavBarContent { width: 1000px; padding: 0px; }
.NavBar { width: 1170px; }

#Menu span { font-size: 12px; line-height: 12px; }

#Search { width: 300px; }

.Content { padding: 45px; }

.NavBarContent { min-width: 1200px; max-width: 1200px; padding: 0px; }
.IndexTopStory .Post .Text h2 { text-transform: uppercase; }

.TopRow div .menu-top-mini-links-container{ width:70%; display: inline-block; }
.TopRow div ul#menu-top-mini-links {padding-left: 0px;}
.TopRow div.top-social{ margin:0px; padding: 0px; width:100%; display: inline-block; text-align: right; }
.TopRow div.top-social .textwidget{width:100%; float: right; text-align: }
.TopRow div.top-social ul li{ display: inline-block; margin-right: 2px; }
.TopRow div.top-social ul li i{ font-size: 14px; }

.Masthead .Left img {/*max-height: 45px;*/}
}

/*
Theme Name: Natural News
Theme URI: https://naturalnews.com
Description: Main Theme For Natural News
Template: genesis
Version: 12000.0
*/
.addtoany_share_save_container,.addtoany_shortcode{ display: inline-block!important; margin:5px 0px !important;}

.a2a_kit a{ display: inline-block; margin-right: 5px; }

div#Menu ul li{ display: inline-block;}
div#Menu ul li a{ text-transform: uppercase; font-size: 12px; line-height: 16px;font-weight: 700; color:#000; margin-right: 10px; }
ul.menu.top-mini li{ display: inline-block; margin-right: 5px; }

.widget{ margin: 10px 0px; }


/************** Modify by Cantrip *********************/

div { color: #333333; font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, .SectionHead { font-family: 'Fira Sans', sans-serif; font-weight: 700; }

ul#menu-primary{ margin:0px; padding: 0px; }
ul.post-categories{ margin-:0px; padding: 0px;  }
ul.post-categories li{ display: inline-block; }
ul.post-categories li a{ /*color:#999;*/ }
.TopRow div .menu-top-mini-links-container{ width:70%; display: inline-block; }
.TopRow div ul#menu-top-mini-links {padding-left: 0px;}
.TopRow div.top-social{ margin:0px; padding: 0px; width:100%; display: inline-block; text-align: right; }
.TopRow div.top-social .textwidget{width:100%; float: right; text-align: }
.TopRow div.top-social ul li{ display: inline-block; margin-right: 2px; }
.TopRow div.top-social ul li i{ font-size: 14px; }

.search-form input{ height:30px; }
.search-form input[type="submit"]{ display:inline-block;width:32px; text-indent: -40000px; background-image: url(images/Icon-Search-Gray.png); background-position:center center; background-repeat: no-repeat; border:none; /*background-color:#FF3300;*/ padding: 2px; }

.featuredpost h2{ /*color:#ff3300;*/  text-transform: uppercase;}
.featuredpost article{ margin:10px 0px; border-bottom:1px solid #ececec; padding:10px 0px;  }
.featuredpost article a{ display: inline-block; width:80px; }
.featuredpost article .entry-header{display: inline-block; width:220px; vertical-align: top;}
.featuredpost article .entry-header a{ width:230px; }
.featuredpost article .entry-header h2 { margin: 0px 5px; }
.featuredpost article .entry-header h2 a{ font-size: 14px; font-weight: 400; /*color:#444;*/ }
.featuredpost article .entry-meta{ margin-left: 5px; }
.featuredpost article .entry-meta span{ display: inline-block; }
.featuredpost article .entry-meta spanspan.entry-author{ display: inline-block; }
.featuredpost article .entry-meta .entry-time,.featuredpost article .entry-meta .entry-author{ display: inline-block; }
/*.featuredpost article .entry-content{display: inline-block; width:150px;vertical-align: top;}*/
.featuredpost article .entry-header .entry-author a{width:auto;}

div.Footer p{ /*color:#999999;*/ font-size: 11px; line-height: 12px;}
.ColRight .Featured .Post .Text h2 a{/*color: #444444;*/}
.addtoany_list a{ padding: 0px; }
.category_content_holder .each_category{ padding: 10px 0px; border-bottom: 1px solid #ececec; }

.category_content_holder .each_category .post-thumbnail{  /*width:280px;*/ display: inline-block; }
.category_content_holder .each_category .right{display: inline-block; vertical-align: top;/*width:390px;*/ }
.category_content_holder .each_category .right .post-title{display: inline-block; vertical-align: top;}
.category_content_holder .each_category .right .post-title h2{ word-wrap: break-word; }
.category_content_holder .each_category .right .post-content{display: inline-block; vertical-align: top;}
.category_content_holder .each_category .post-title h1 { color:#000; }
.category_content_holder .each_category .post-title h2 { font-size:28px; line-height:30px; color:#000; margin: 0px 0px 10px 0px;}
.category_content_holder .each_category .post-title h2:hover{ /*color:#ff3300;*/ text-decoration:none; color: #3366cc; }
.category_content_holder .each_category .post-title a:hover{ text-decoration:none;  }


.featuredpost article .entry-header h2 a{text-transform: none !important;}
.featuredpost article .entry-meta .entry-author-name, .Post .Text p a{/*color: #333333 !important;*/}
.featuredpost article .entry-meta{/*color: #999999 !important;*/}
.popular-article-dt span{/*color: #999999 !important;*/font-size: 12px !important;}
.popular-article-dt a{/*color: #999999 !important;*/font-size: 12px !important;}
h2 {font-size: 22px;}
h1, h2, h3, h4, h5, .SectionHead {font-weight: 700 !important;}
.textwidget .Post .Text h2, .Popular-articles .post a {font-weight: 400 !important;}
.PostInfo a {/*color: #333333;*/}
.Popular-articles a {font-size: 14px;}
.Popular-articles{margin-top: 20px;}
.widget {margin: 0px 0px 30px;font-size: 12px;}
.IndexTopStory .Post .PostInfo a , .IndexTopStory .read-more {/*color: #fff !important;*/}
div {font-size: 14px;line-height: 18px;}
.a2a_kit a {margin-right: 2px;}
.search-form input {height: 30px;width: 83%;border-radius: 0px;}
.submitbutton{border: none !important;height: 30px !important;width: 150px !important;background: #FF3300 !important;/*color: #fff !important;*/font-size: 14px !important;font-weight: 800 !important;border-radius:0px !important;margin-bottom: 5px !important;}
.ads{margin: auto;}

.IndexTopStory .Post .Text p a{/*color : #fff !important;*/}

.ColLeft .MoreLink a{
	width: 48%;
}

#mc_embed_signup {
	display: none !important;
}

.search-form input {
    padding: 0px 5px;
}

a {
	cursor: pointer; 
}

.NavBar div#Menu ul li a{
	color:#000;
}

.TopRow div.top-social {
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: inline-block;
    text-align: right;
}

.TopRow div.top-social ul li {
    display: inline-block;
    margin-right: 2px;
}

.TopRow div {
    display: table-cell;
    width: auto;
    height: auto;
    vertical-align: middle;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
}

.TopRow {
    display: table;
    width: 100%;
    margin: 7px auto 0px auto;
}

a {
	cursor: pointer; 
}

.TopRow
{
	margin-top:15px
}

.TopRow ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.TopRow ul a
{
	display:block;
	text-decoration:none !important;
	line-height:32px;
	padding: 8px 0;
	font-family:'Fira Sans', sans-serif;;
}

.TopRow ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.TopRow ul li.menu-item
{
	background:transparent;
}


.TopRow ul li ul li:hover
{
	background:#f6f6f6;
	text-decoration:none;

}
.TopRow ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding:0;
	z-index: 9999;
}

.TopRow ul ul li
{
	float:none;
	width:200px
}

.TopRow ul ul a
{
	line-height:120%;
	padding:10px 15px
}

.TopRow ul ul ul
{
	top:0;
	left:100%
}

.TopRow ul li:hover > ul
{
	display:block;
}

.NavBar
{
	margin-top:0px
}

.NavBar ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.NavBar ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding: 8px 0;
	font-family:'Fira Sans', sans-serif;;
}

.NavBar ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.NavBar ul li.dropdown
{
	background:transparent;
}

.NavBar ul li:hover
{
	color: #000;
}
.NavBar ul li ul li:hover
{
	background:#f6f6f6;
}
.NavBar ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding:0;
	z-index: 9999;
}

.NavBar ul ul li
{
	float:none;
	width:200px
}

.NavBar ul ul a
{
	line-height:120%;
	padding:10px 15px
}

.NavBar ul ul ul
{
	top:0;
	left:100%
}

.NavBar ul li:hover > ul
{
	display:block;
}

.top-social  ul {
	float: right;
}

.ColRight .AltNewsLinks .Post .Text h2 a {
	font-size: 14px;
}

div#Menu ul li a {
    color: #fff;
}

div#Menu ul li ul li a {
    color: #000;
}

.IndexTopStory .PostInfo p {
	color: #fff;
}

.PostTags{
	line-height: 22px;
}

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

@media (max-width: 769px) {

	.NavBar ul ul
	{
		background:#ccc;
	    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 9999;
		margin-top: 10px;
		position: static;
	}

	div#Menu ul li a{ 
		margin-right: 0px;
	}

	.IconSearch {
	    background-image: url("images/icon_search_mobile-black.png");
	}

	.IconMenu {
	    background-image: url("images/menu-nav-icon-black.png");
	}

	.IconClose {
	    background-image: url("images/icon-close.png");
	}

    .Masthead {
    	border: none !important;
    }

	.TopRow{
		display: none;
	}

	.IndexRecent .Post .Pic{
		width:40% !important;
	}

	.Masthead{
		margin: 3px auto 3px auto;
	}

	.Masthead .Left img {
	    max-height: 40px;
	    max-width: 200px;
	    margin-top: 2px;
	}

	div#Menu ul li {
	    padding: 8px 0px;
		width: 100%;
		border-bottom: 1px solid #555555;
	}

	div#Menu ul li a{
		padding: 0px 10px;
	}

	.search-form input {
	    height: 40px;
	    width: 90%;
	    border-radius: 5px;
	    padding: 0px 10px;
	    margin: 10% 5% 6% 5%;
	}

	.search-form input[type="submit"]{
		height: 30px !important;
		margin: 0px 30% !important;
		width: 100px !important;
		border-radius: 0px;
		/*background-color: #CCCCCC;*/
		background-image: url(images/Icon-Search-Gray.svg);
		cursor: pointer;
	}

	.IndexTopStory .Post .addtoany_shortcode, .IndexTopStory .Post .views-counter,
	.IndexRecent .Post .addtoany_shortcode, .IndexRecent .Post .views-counter,
	.each_category .addtoany_shortcode, .each_category .addtoany_share_save_container, .each_category .views-counter{
		display: none !important;
	}

	.PostInfo{
		font-size: 12px !important;
		margin: 0px auto 0px auto;
	}
    .IndexTopStory .Post .Text p, .IndexRecent .Post .Text p {
    	display: none;
	}
	.PostInfo p {
			display: inline-block !important;
	}

}



@media (max-width: 480px) {
	.IndexTopStory .Post .Text h2 {
		font-size: 20px !important;
		line-height: 23px;
		margin: 0px 0px 12px 0px;
	}
	.IndexTopStory {
	    background-color: none !important;
	}
	/*.category_content_holder .each_category .right{margin-left: 2%; width: 57%; }

	.category_content_holder .each_category .post-title h2{
		font-size: 14px;
    	line-height: 18px;
	}*/
}

@media (min-width: 481px) {
.IndexTopStory .Post .Text .Info { text-transform: uppercase; }
.IndexTopStory .Post .Text .Views { display: block !important; width: 100%; font-size: 14px; line-height: 20px; }
.IndexTopStory .Post .Text .Views span:nth-child(-n+3) { width: 22px; height: 22px; margin-right: 5px; /*background-color: #000000;*/ background-size: 20px 20px; }
.IndexTopStory .Post .Text .Views b { color: #FF3300; }
.ColLeft .IndexRecent .Post .Text .Info { text-transform: uppercase; }
.ColLeft .IndexRecent .Post .Text .Views { font-size: 12px; line-height: 14px; }
/*.category_content_holder .each_category .post-thumbnail{ width:100%; }*/
.Masthead .Left img {max-height: 45px;}

}

@media (min-width: 641px) {
.SocialButtons div { width: 60px; height: 40px; background-size: 22px 22px; }
.Social .Right .Views { font-size: 14px; line-height: 16px; }
.Social .Right .Views b { font-size: 32px; line-height: 34px; letter-spacing: -1px; }
.ColLeft .IndexRecent .Post .Text .Views { display: block !important; }
/*.category_content_holder .each_category .post-thumbnail{ width:100%; }*/
.Masthead .Left img {/*max-height: 45px;*/}
}

@media (min-width: 769px) {

.TopRow { display: table; width: 100%; margin: 7px auto 0px auto; }
.TopRow div { display: table-cell; width: auto; height: auto; vertical-align: middle; color: #FFFFFF; text-transform: uppercase; font-size: 10px; line-height: 10px; }
.TopRow div a { /*color: #CCCCCC;*/ text-decoration: none; padding-right: 10px; }
.TopRow div a:hover { /*color: #FFFFFF;*/ text-decoration: underline; }
.TopRow div:nth-child(2) { width: 20px; text-align: center; padding-left: 8px; }
.TopRow div:nth-child(3) { width: 20px; text-align: center; padding-left: 8px; }
.TopRow div:nth-child(4) { width: 20px; text-align: center; padding-left: 8px; }

.MastheadContainer { max-width: 100%; }
.MastheadContent { padding: 0px; max-width: 1200px; margin: 0px auto; }
.Masthead { padding: 10px 0px; margin: 0px auto; }
.Masthead .Left { width: auto; text-align: left; padding-left: 15px; }
.Masthead .Left img { max-height: 100%; max-width: 100%; }
.Masthead .Right {width: 728px; padding: 0px 0px 0px 15px; }

.NavBarContainer { display: block; min-width: 1024px; width: 100%; max-width: 1200px; /*background-color: #333333;*/ }
.NavBarContent { min-width: 1024px; max-width: auto; padding: 0px 30px; }
.NavBar { border-bottom: none 0px; }
#Menu { /*background-color: #333333;*/ }

#Menu span { font-size: 11px; line-height: 11px; /*color: #FFFFFF;*/ padding-right: 15px; }
#Menu span a { /*color: #FFFFFF;*/ }
#Menu span a:hover { /*color: #FFFFFF;*/ text-decoration: underline; }

#Search { width: 200px; /*background-color: #333333;*/ }
.SearchBox .Button { /*background-color: #FF3300;*/ background-image: url(images/Icon-Search-White.svg); }

.ColRight .Featured .Post .Text h2 { font-weight: 400; }
.ColRight .AltNewsLinks .Post .Text h2 { font-weight: 400; }
.ColRight .Featured .Post .Text h2 a { /*color: #444444;*/ }
.ColRight .AltNewsLinks .Post .Text h2 a { /*color: #444444;*/ }

.TopRow div .menu-top-mini-links-container{ width:70%; display: inline-block; }
.TopRow div ul#menu-top-mini-links {padding-left: 0px;}
.TopRow div.top-social{ margin:0px; padding: 0px; width:100%; display: inline-block; text-align: right; }
.TopRow div.top-social .textwidget{width:100%; float: right; text-align: }
.TopRow div.top-social ul li{ display: inline-block; margin-right: 2px; }
.TopRow div.top-social ul li i{ font-size: 14px; }
.Masthead .Left img {/*max-height: 45px;*/}
}

@media (min-width: 1200px) {

.Masthead .Left { padding-left: 0px; }
.Masthead .Right { padding: 0px; }

.NavBarContainer { width: 1200px; }
.NavBarContent { width: 1000px; padding: 0px; }
.NavBar { width: 1170px; }

#Menu span { font-size: 12px; line-height: 12px; }

#Search { width: 300px; }

.Content { padding: 45px; }

.NavBarContent { min-width: 1200px; max-width: 1200px; padding: 0px; }
.IndexTopStory .Post .Text h2 { text-transform: uppercase; }

.TopRow div .menu-top-mini-links-container{ width:70%; display: inline-block; }
.TopRow div ul#menu-top-mini-links {padding-left: 0px;}
.TopRow div.top-social{ margin:0px; padding: 0px; width:100%; display: inline-block; text-align: right; }
.TopRow div.top-social .textwidget{width:100%; float: right; text-align: }
.TopRow div.top-social ul li{ display: inline-block; margin-right: 2px; }
.TopRow div.top-social ul li i{ font-size: 14px; }

.Masthead .Left img {/*max-height: 45px;*/}
}



/*.Content{
	padding: 10px !important;
}*/
.category_content_holder .each_category .post-title h1 { color:#000; }
.category_content_holder .each_category .post-title h2 { font-size:28px; line-height:30px; color:#000; margin: 0px 0px 10px 0px;}

.each_category .left { width: 280px; float: left !important;  }
.each_category .right { width:calc( 100% - 320px); float: left !important; ; }


@media only screen and (max-width:1200px){

}

@media only screen and (max-width:1024px){
.each_category .left { width: 210px; float: left !important;  }
.each_category .right { width:calc( 100% -240px); float: left !important; }
.each_category .right h2{
	font-size: 16px !important;
	}
}

@media only screen and (max-width: 767px){
	.each_category .left { width: 210px; float: left !important;  }
	.each_category .right { width:calc( 100% -240px); float: left !important; }
	.each_category .right h2{
	font-size: 16px !important;
	}
}



@media only screen and (max-width:585px){
	
}


@media only screen and (max-width:479px){
	
}