/* =========================================================
   COMMON BLOG LIST
   ========================================================= */

.blog-list {
    margin: 0 0 20px;
    padding-left: 24px;
}

.blog-list li {
    line-height: 1.6;
}


/* =========================================================
   1. SIMPLE TEXT
   ========================================================= */

.blog-list--simple li {
    padding-bottom: 5px;
}


/* =========================================================
   2. TITLE + DESCRIPTION
       Title on separate line
   ========================================================= */

.blog-list--stacked li > strong {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
}
.blog-list--stacked li h2, .blog-list--stacked li h3{ 
    margin: 5px 0 10px;
}

.blog-list--stacked li > b {
    display: block;
    margin-bottom: 4px;
}
.blog-list--stacked li{
    padding-bottom:10px
}

/* =========================================================
   3. TITLE + DESCRIPTION
       Same line
   ========================================================= */


.blog-list--inline li > strong,
.blog-list--inline li > b {
    display: inline;
    font-weight: 600;
}

.blog-list--inline li{
    padding-bottom:10px
}

/* =========================================================
   4. NESTED LIST
   ========================================================= */

.blog-list-nested > li {
    margin-bottom: 20px;
}

.blog-list--nested li{
    padding-bottom:10px
}


.blog-list--nested > li > ul,
.blog-list--nested > li > ol {
    margin-top: 5px;
    padding-left: 25px;
    padding-bottom: 0;
}

.blog-list-nested > li > ul > li,
.blog-list-nested > li > ol > li {
    margin-bottom: 8px;
}


/* Nested title + description */
.blog-list-nested li > strong {
    font-weight: 600;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 575.98px) {

    .blog-list {
        padding-left: 20px;
    }

    .blog-list-stacked li {
        margin-bottom: 14px;
    }

    .blog-list-nested > li > ul,
    .blog-list-nested > li > ol {
        padding-left: 20px;
    }

}