.navigation { font-size:2.5rem; color:#949494; margin-top: 25px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.navigation h3{line-height: 0.9;display: inline-block;}
.navigation > div{ display: inline-block; padding: 0 20px; line-height: 33px; }
.navigation > div a{ color:#296647 }
.navigation > div a:hover{ color:#949494 }
.sidebarWrapper{ position: relative; padding-bottom: 175px;}
.single-column .sidebarWrapper{  padding-bottom: 65px;}
#blogRoll #sideBar, .singleBlog #sideBar{ max-width: inherit; z-index: 99; width: 100%; position: absolute;}
#blogRoll #sideBar .section.affix, .singleBlog #sideBar .section.affix{ position: relative; top:auto; }
#blogRoll #sideBar .section ul.list-group, .singleBlog #sideBar .section ul.list-group { padding: 0; height: 49px; overflow: hidden; width: 100%; }
#blogRoll #sideBar .section ul.list-group a, .singleBlog #sideBar .section ul.list-group a { display: block; color:#FFF !important; }
#blogRoll #sideBar .section ul.list-group li, .singleBlog #sideBar .section ul.list-group li { line-height: 2; }
#blogRoll #sideBar .list-group > li:first-child > a,
.singleBlog #sideBar .list-group > li:first-child > a { line-height: 2; text-align: center;}
#blogRoll #sideBar .section ul.list-group.menu_dropped, .singleBlog #sideBar .section ul.list-group.menu_dropped { height: auto; }
#blogRoll #sideBar .section ul.list-group.menu_dropped:after,
.singleBlog #sideBar .section ul.list-group.menu_dropped:after { transform: rotate(180deg); top: 32px; right: 60px; }
#blogRoll #sideBar .section ul.list-group:after,
.singleBlog #sideBar .section ul.list-group:after { content: '▼'; width: 15px; height: 5px; position: absolute; right: 55px; top: 14px; margin: 0 auto; color: rgb(255, 255, 255, 0.4); font-size: 10px; }
#blogRoll #sideBar .sidebar_menu_dropdown, .singleBlog #sideBar .sidebar_menu_dropdown { color: #296647; background-color: #FFF; padding: 10px 25px; display: block; border-radius: 5px; font-size: 17px; text-transform: uppercase; letter-spacing: 1px; }
#blogRoll #sideBar .section ul.list-group.categories, 
.singleBlog #sideBar .section ul.list-group.categories{
    position: relative;
    background-color:#296647 !important;
    border-radius:35px;
}
#blogRoll #sideBar .section ul.list-group.archive, 
.singleBlog #sideBar .section ul.list-group.archive{
    position: relative;
    background-color:#183882 !important;
    border-radius:35px;
}
.singleBlog .post{ padding-left:0; }
.singleBlog .container{ max-width: 885px; }
#blogRoll h1{ color: rgb(255, 255, 255); }
#blogRoll .post { padding-left:0;}
#blogRoll .post hr{ margin: 80px 0 0 0; max-width: 100%; border: 2px solid rgb(244, 244, 244); }
#blogRoll .entry p{ margin-bottom: 0; }
#blogRoll .featured{ margin:120px 0 40px }
#blogRoll .featuredArticle{ height:425px; display:block; position:relative; text-align: center; margin:0; background-size:cover !important;}
#blogRoll .featuredArticle .featuredText{ color:#FFF; position: absolute; left:0; right:0; margin:0 auto; top:40%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#blogRoll .featuredArticle .supText{font-size: 0.875rem; text-transform: uppercase; margin-bottom: 25px; display: block; letter-spacing: 1px; }
#blogRoll .featuredArticle.mainFeatured{ margin-bottom:100px }

#blogRoll .container{ padding-top:80px; max-width: 1120px; }
#blogRoll .container span{ font-size: 0.875rem;display: block; color: #296647; letter-spacing: 2px; margin-bottom: 20px; line-height: 1.4; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#blogRoll .container h2{ color:#296647 !important; margin-bottom: 20px; line-height: 1.4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#blogRoll .container h2 a{ color:#296647 !important; }
#blogRoll .featuredImageThumb > a{ width: 360px; height: 385px; display: block; margin: 0 auto; position: relative; float: left;}
#blogRoll a:hover div.overlay{ display: inline-block !important; }
div.overlay{ display: none; background-color: rgb(0, 0, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; }
.moretag{color:#296647}

#blogRoll .splitPost .featuredImageThumb > a{ width: 100%; height: 290px; display: inline-block; margin-bottom: 30px; background-size:cover !important; }
#blogRoll .splitPost .imageCTA{ width: 360px; height: 623px; display: block; margin: 0 auto; position: relative;}
#blogRoll .splitPost .featuredText{ color:#FFF; position: absolute; left:0; right:0; margin:0 auto; top:30%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#blogRoll .splitPost .supText{ font-size: 2.6rem; }
#blogRoll .h5 { margin-bottom:38px; }


.next-posts,
.prev-posts{display:inline-block;margin-bottom:50px;}
.next-posts a,
.prev-posts a{color:#296647;}
.next-posts{border-right:1px solid #CCC;padding-right:10px;}
.prev-posts{padding-left:8px;}

/* Breakpoint XS */
@media (max-width: 575px)
{
    /* Blog */
    #blogRoll #sideBar, .singleBlog #sideBar{ position: relative; }
    #blogRoll > .container:first-child { padding-top: 0 !important; }
    #blogRoll .featuredImageThumb > a{ height: 160px; width: 100%; }
    #blogRoll .img-fluid { margin-bottom: 30px; }
    .postImg{ margin: 0 20px 20px 0; width: 100%; }

    .blog-roll .post h2, 
    .blog-roll .post h2 a{ font-size: 1.3rem !important; line-height: 1.6; }

    .sidebarWrapper { padding-bottom: 65px; }
}

/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px)
{
    /* Blog*/
    #blogRoll .featuredImageThumb > a{ width: 100%; margin-bottom: 30px; }
    #blogRoll .splitPost .imageCTA{ display: none; }
    #blogRoll .splitPost .featuredImageThumb > a{ background-position: center !important; margin-bottom: 30px; display: block; }
    #blogRoll .featuredArticle h2{ font-size: 4em; }
    .postImg{ padding: 0 0 20px 0; }

}

@media (max-width: 991px)
{
    /* Blog */
    #blogRoll .featuredImageThumb { display: block; clear: both; margin-bottom: 40px; }
    #blogRoll .featuredImageThumb > a{ display: none; /*width: 287px; height: 295px;*/ }
    #blogRoll .splitPost .imageCTA{ display: none; }
    #blogRoll .splitPost .featuredImageThumb > a{ background-position: center !important; margin-bottom: 30px; display: block; }
    #blogRoll .featuredArticle h2{ font-size: 4em; }
    #blogRoll .container{ max-width: 760px; width: 100%; }
    #blogRoll .featuredImageThumb > a{ float: none; }

    #blogRoll #sideBar .section ul.list-group, 
    .singleBlog #sideBar .section ul.list-group { width: 91%; }

    .blog-roll .post h2, 
    .blog-roll .post h2 a{ font-size: 1.75rem; font-weight: normal;}
}
/* Breakpoint XL */
@media (min-width: 1200px)
{
    /* Blog */
    .blog-roll .post h2,
    .blog-roll .post h2 a{ font-size: 2.75rem; }
}