/* UPDATED ON 03/21/2017 @ 05:14PM */

body { background-color: #FFFFFF; }
div { color: #333333; font-family: 'Roboto', sans-serif; }
a { color: #0E446C; }
h1, h2, h3, h4, h5, .SectionHead { font-family: 'Fira Sans', sans-serif; font-weight: 700; }
.Views { visibility: hidden; }

.Content { }

.TopRow { display: none; }

.MastheadContainer { background-color: #000000; }
.Masthead { border-bottom: none 0px; }
.Masthead .Left img { max-height: 40px; max-width: 200px; }
.IconMenu { background-image: url(../Images/Icon-Menu-White.svg);	}
.IconSearch {	background-image: url(../Images/Icon-Search-White.svg);	}
.IconClose { background-image: url(../Images/Icon-Close-White.svg);	}

#Menu span { font-family: 'Roboto', sans-serif; font-weight: 400; text-transform: uppercase; }

.SectionHead { font-family: 'Fira Sans', sans-serif; font-weight: 700; text-transform: uppercase; color: #000000; }
.Social { display: table; margin-bottom: 15px; }
.Social .Left { display: table-cell; vertical-align: top; padding: 0px; }
.Social .Right { display: table-cell; vertical-align: middle; padding: 0px 0px 0px 15px; }
.Social .Right .Views { display: none; font-family: 'Fira Sans', sans-serif; color: #999999; }
.Social .Right .Views b { 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; }
.SocialButtons .Facebook { background-color: #3B5999; background-image: url(../Images/Icon-Facebook-White.svg); }
.SocialButtons .Twitter { background-color: #55ACEF; background-image: url(../Images/Icon-Twitter-White.svg); }
.SocialButtons .Add2Any { background-color: #3274D1; background-image: url(../Images/Icon-A2A-White.svg); }
.SocialButtons .Comments { background-color: #0E446C; background-image: url(../Images/Icon-Comments-White.svg); }
.SocialButtons .Email { background-color: #666666; background-image: url(../Images/Icon-Email-White.svg); }
.SocialButtons .Print { background-color: #666666; background-image: url(../Images/Icon-Print-White.svg); }
.Facebook-Hover { background-color: #527CD4 !important; }
.Twitter-Hover { background-color: #70c1ff !important; }
.Add2Any-Hover { background-color: #739bed !important; }
.Comments-Hover { background-color: #32dbd6 !important; }
.Email-Hover { background-color: #878787 !important; }
.Print-Hover { background-color: #878787 !important; }
.SocialBottom { margin-bottom: 30px; }
.Post .Views span { margin-right: 2px; display: block; float: left; } /*index page social share icons */
.Post .Views span:nth-child(-n+3) { width: 16px; height: 16px; background-repeat: no-repeat; background-position: center top; background-color: #C4C4C4; cursor: pointer; }
.Post .Views span:nth-child(1) { background-image: url(../Images/Icon-Facebook-White.svg); }
.Post .Views span:nth-child(2) { background-image: url(../Images/Icon-Twitter-White.svg); }
.Post .Views span:nth-child(3) { background-image: url(../Images/Icon-GooglePlus-White.svg); margin-right: 10px; }
.Post .Views span:nth-child(4) { padding-top: 2px; }
.IndexTopStory .Post .Text .Views { display: none !important; }
.ColLeft .MoreLink { font-family: 'Fira Sans', sans-serif; font-weight: 700; }
.ColLeft .IndexRecent .Post .Text { color: #999999; }
.ColLeft .IndexRecent .Post .Text h2 a:hover { color: #666666; }
.ColLeft .IndexRecent .Post .Text .Info a { color: #333333; }
.ColLeft .IndexRecent .Post .Text .Info a:hover { color: #0E446C; }
.ColLeft .IndexRecent .Post .Text .Views { display: none !important; font-size: 11px; line-height: 12px; }
.ColLeft .IndexRecent .Post .Text .Views b { color: #FF3300; }
.ColLeft .IndexRecent .MoreLink { text-transform: uppercase; }
.ColLeft .Related .Post .Text { color: #999999; }
.ColLeft .Related .Post .Text h2 a:hover { color: #0E446C; }
.ColLeft .Related .Post .Text .Info a { color: #333333; }
.ColLeft .Related .Post .Text .Info a:hover { color: #0E446C; }
.ColRight .Diaspora { display: block; width: 100%; margin: 0px auto 30px auto; }
.ColRight .Featured .Post .Text { color: #999999; }
.ColRight .Featured .Post .Text h2 a:hover { color: #666666; }
.ColRight .Featured .Post .Text .Info a { color: #333333; }
.ColRight .Featured .Post .Text .Info a:hover { color: #0E446C; }
.ColRight .AltNewsLinks .Post .Text { color: #999999; }
.ColRight .AltNewsLinks .Post .Text h2 a { color: #000000; }
.ColRight .AltNewsLinks .Post .Text h2 a:hover { color: #666666; }
.ColRight .AltNewsLinks .Post .Text .Info a { color: #333333; }
.ColRight .AltNewsLinks .Post .Text .Info a:hover { color: #0E446C; }
.PostTitle {  font-family: 'Fira Sans', sans-serif; font-weight: 700; }
.PostDesc { color: #999999; }
.PostInfo { color: #999999; }
.PostPic .Caption { color: #999999; }
.PostArticle { color: #666666; }
.PostArticle h1 { color: #000000; }
.PostArticle h2 { color: #000000; }
.PostArticle h3 { color: #000000; }
.PostArticle h4 { color: #000000; }
.PostArticle h5 { color: #000000; }
.PostBottom { display: block; width: 100%; margin: 0px auto 15px auto; }

.NewsletterForm { display: block; width: 100%; margin: 0px auto 15px auto; padding-bottom: 15px; border-bottom: solid 1px #ECECEC; }
.NewsletterForm .Description { display: block; width: 100%; margin: 0px auto 10px auto; font-size: 14px; line-height: 18px; }
.NewsletterForm .TextField { display: block; width: 100%; margin: 0px auto 5px auto; text-align: left; }
.NewsletterForm .TextField input { display: block; width: 292px; padding: 5px; font-size: 14px; color: #999999; }
.NewsletterForm .Selection { display: table; width: 100%; margin: 0px auto; }
.NewsletterForm .Selection div { display: table-cell; width: auto; vertical-align: top; padding: 0px 0px 5px 0px; }
.NewsletterForm .Selection div b { font-size: 14px; line-height: 18px; }
.NewsletterForm .Selection div a { color: #000000; text-decoration: none; }
.NewsletterForm .Selection div a:hover { text-decoration: underline; }
.NewsletterForm .Selection div:nth-child(odd) { padding-right: 5px; }
.NewsletterForm .Selection div:nth-child(even) { }
.NewsletterForm .Button { display: block; margin: 0px auto 5px auto;}
.NewsletterForm .Button input { display: block; width: 150px; padding: 8px; border: none 0px; font-family: 'Fira Sans', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 14px; line-height: 14px; color: #FFFFFF; background-color: #0E446C; cursor: pointer; -webkit-appearance:none; border-radius: 0; }
.NewsletterForm .Disclaimer { display: block; margin: 0px auto; font-size: 11px; line-height: 12px; color: #999999; }
.NewsletterForm .Error { display: block; margin: 0px auto 10px auto; color: #FF0000; font-weight: 700; }

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

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


.ColLeft .IndexRecent .Post .Text h2 { font-size: 20px !important; line-height: 23px !important; }
.ColLeft .IndexRecent .Post .Text { font-size: 12px !important; line-height: 14px !important; }

}

@media (min-width: 769px) {

.TopRow { display: table; width: 100%; margin: 0px 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; padding-top: 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: 1170px; 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 15px; }

.NavBarContainer { display: block; min-width: 100%; width: 100%; max-width: 100%; background-color: #ECECEC; border-bottom: solid 1px #CCCCCC;}
.NavBarContent { min-width: 994px; max-width: 1170px; padding: 0px 15px; }
.NavBar { border-bottom: none 0px; }
#Menu { background-color: #ECECEC; }
#Search { background-color: #ECECEC; }

.Container {  }
.Content { padding: 15px; }

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

#Menu span { font-size: 11px !important; }

}

@media (min-width: 1200px) {

.Masthead .Left { padding-left: 0px; }
.Masthead .Right { padding: 0px 0px 0px 15px; }
.NavBarContent { min-width: 1170px; max-width: 1170px; }

}