﻿.newsList {}
.newsList .newsItem {border: 1px solid #c7c7c7; float:left; box-sizing:border-box;}
    .newsList .newsItem a { text-decoration:none;}
.newsList .newsItem .image img {display:block;}
    .newsList .newsItem .newsContent { padding: 25px; }
        .newsList .newsItem .newsContent .rubText { font-size: 22px; font-weight:bold; text-decoration:none; }
        .newsList .newsItem .newsContent .date { font-size: 14px; font-weight:lighter; margin: 0 0 30px 0;}
        .newsList .newsItem .newsContent .readMore { font-size: 15px; font-weight: bold; border: 2px solid #000; padding: 13px 21px; border-radius:100px; display:inline-block;}
    .newsList .newsItem:hover .newsContent .readMore { background: #000; color: #fff; }

.grid-item,
.grid-sizer { width: 23%; margin: 1%; }
    .grid-item img { width: 100%; }

.articleText {width: 1100px; max-width: 95%; margin: auto;}
.articleImages { margin: 0 0 30px 0; }
p.preamble {font-weight:bold;}

.shareArticle {text-align:center; margin: 40px 0 0 0;}
    .shareArticle h3 { color: #393939; }
    .shareArticle a { padding: 15px 20px; font-size: 24px; border-radius: 100px; color: #393939; border: 2px solid #393939; text-decoration: none; margin: 10px; display: inline-block; text-align: center; }
        .shareArticle a:hover { background: #393939; color: #fff; }
    .shareArticle a i { width:24px; }
@media screen and (max-width: 1100px) { .grid-item, .grid-sizer { width: 32%; margin: 0.5%; }
    .newsList .newsItem .newsContent { padding: 15px; }

    .newsList .newsItem .newsContent .rubText { font-size: 18px; }
    .newsList .newsItem .newsContent .date { font-size: 12px; margin: 0 0 15px 0; }
    .newsList .newsItem .newsContent .readMore { font-size: 13px; padding: 7px 11px; }
    
    .singlenews								{width:100%; clear:both;}
    .back-to-news-list                      {width:100%;}
}

@media screen and (max-width: 600px)
{
    .grid-item,
    .grid-sizer { width: 48%; margin: 0.75%; }
    .newsList .newsItem .newsContent { padding: 10px; }
    .newsList .newsItem .newsContent .rubText { font-size: 16px; }

}

@media screen and (max-width: 520px)
{
}