#sys_blogWrapper
{
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;
}

#sys_blogWrapper h1
{
    font-size: 1.5rem;
}

.sys_articlesIndex
{
    margin-top: -2em;
}

#mod_blogPagination
{
    text-align: right;
}

.sys_blogArticle
{
    margin: 2em 0;
    padding: 2em 0;
}

.sys_articleTitle
{
    margin: 0;
}

.sys_articleTitle a
{
    color: #555555;
}

.sys_articlepublished
{
    font-size: 0.8em;
    color: #999999;
    margin: 0.5em 1em;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    padding: 0.4em 0;
}

.sys_articlepublished .fa
{
    margin-right: 0.5em;
}

.sys_articleogimage
{
    max-width: 100%;
    margin: 1.5em;
}

.articleIndexExcerpt
{
    margin: 1em;
    padding: 1em;
    text-align: justify;
    text-justify: inter-word;
}

.sys_articleBodyCnt
{
    margin: 0.5em;
    text-align: justify;
    text-justify: inter-word;
}

.sys_articleBodyCnt h1, .sys_articleBodyCnt h2,.sys_articleBodyCnt h3,.sys_articleBodyCnt h4,.sys_articleBodyCnt h5.sys_articleBodyCnt h6
{
    text-align: left;
}

.sys_articleReadMore
{
    margin: 0.75em 0.5em;
    text-align: right;
    font-size: 0.8em;
}

.sys_articlecategories
{
    background-color: #D4D4D4;
    padding: 0.3em;
    font-size: 0.8em;
    font-weight: 600;
}

.sys_articlecategories a, .sys_articlecategories a:hover, .sys_articlecategories a:active, .sys_articlecategories a:focus
{
    display: inline-block;
    margin: 0.1em 0.2em;
    background-color: #737373;
    color: #EBEBEB;
    padding: 0.2em;
    text-decoration: none;
}

.sys_sharebuttons
{
    margin-top: 20px;
}

.sys_articleTags
{
    margin-top: 2em;
}

.sys_articleTags h2
{
    font-size: 1.25rem;
}

.sys_articleTagsList
{
    background-color: #D4D4D4;
    padding: 0.3em;
    font-size: 0.8em;
    font-weight: 600;
    list-style: none;
}

.sys_articleTagsList li
{
    display: inline-block;
    margin: 0.1em 0.2em;
    background-color: #737373;
    padding: 0.2em;
}

.sys_articleTagsList a, .sys_articleTagsList a:hover, .sys_articleTagsList a:active, .sys_articleTagsList a:focus
{
    color: #EBEBEB;
    text-decoration: none;
}

.sys_articlecategoriesempty
{
    border-top: 5px solid #D4D4D4;
}



.sys_blogRightMenuWrap
{
    margin: 2em;
}

.sys_blogRightMenuTitle
{
    background-color: #EDEDED;
    border: solid 1px #D4D4D4;
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
    padding: 0.5em;
    font-size: 1.1em;
    margin: 0;
}

.sys_blogRightMenuTitle .fa
{
    color: #939393;
    margin-right: 0.5em;
}

.sys_blogRightMenu
{
    border: solid 1px #D4D4D4;
    border-top: none;
    border-bottom: none;
    list-style-type: none;
    padding: 0;
    text-align: center;
}

.sys_blogRightMenu li
{
    padding: 0.2em;
    border-bottom: solid 1px #D4D4D4;
}

.sys_blogRightMenu li:hover, .sys_blogRightMenu li:focus, .sys_blogRightMenu li:active
{
    background-color: #E8E8E8;
    transition: background 0.5s linear;
}

.sys_blogRightMenu li a
{
    color: #737373;
    text-decoration: none;
    font-size: 0.9em;
}

.sys_blogRightMenu .active
{
    background-color: #C9C9C9;
}

.sys_blogRightMenu .active a
{
    color: #000000;
}

@media (min-width: 576px)
{
    #sys_blogWrapper h1
    {
        font-size: 2.5rem;
    }
}