/* ==========================================================
   Loyalty World
   Single Blog Post Typography
   ========================================================== */


/* ----------------------------------------------------------
   Article Base
   ---------------------------------------------------------- */

.lwm-post-content {
    font-size: 18px;
    line-height: 1.75;
    color: #555;
    font-weight: 400;
}


/* ----------------------------------------------------------
   Paragraphs
   Theme reset override
   ---------------------------------------------------------- */

.lwm-post-content p,
.lwm-post-content p.wp-block-paragraph {
    display: block;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding: 0;
    line-height: 1.25;
}


/* ----------------------------------------------------------
   Headings
   ---------------------------------------------------------- */

.lwm-post-content h2,
.lwm-post-content h2.wp-block-heading {
    display: block;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
    color: #111;
    margin-top: 52px !important;
    margin-bottom: 20px !important;
    padding: 0;
}


.lwm-post-content h3,
.lwm-post-content h3.wp-block-heading {
    display: block;
    font-size: 24px;
    line-height: 1.35;
    font-weight: 600;
    color: #111;
    margin-top: 40px !important;
    margin-bottom: 16px !important;
    padding: 0;
}


.lwm-post-content h4,
.lwm-post-content h4.wp-block-heading {
    display: block;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 600;
    color: #111;
    margin-top: 32px !important;
    margin-bottom: 14px !important;
}


.lwm-post-content .wp-block-heading strong {
    font-weight: inherit;
}


/* Don't create excessive gap when heading follows separator */

.lwm-post-content hr + h2,
.lwm-post-content hr + h3 {
    margin-top: 0 !important;
}


/* ----------------------------------------------------------
   Unordered Lists
   Restore styles removed by theme reset
   ---------------------------------------------------------- */

.lwm-post-content ul,
.lwm-post-content ul.wp-block-list {
    display: block;
    list-style-type: disc !important;

    margin-top: 6px !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    margin-left: 0 !important;

    padding-left: 28px !important;
}


.lwm-post-content ul li {
    display: list-item !important;
    list-style-type: disc !important;

    margin: 0 0 4px 0 !important;
    padding: 0;

    line-height: 1.5;
}


/* ----------------------------------------------------------
   Ordered Lists
   ---------------------------------------------------------- */

.lwm-post-content ol,
.lwm-post-content ol.wp-block-list {
    display: block;
    list-style-type: decimal !important;

    margin-top: 8px !important;
    margin-bottom: 28px !important;

    padding-left: 30px !important;
}


.lwm-post-content ol li {
    display: list-item !important;
    list-style-type: decimal !important;

    margin-bottom: 9px !important;
    line-height: 1.65;
}


/* ----------------------------------------------------------
   Nested Lists
   ---------------------------------------------------------- */

.lwm-post-content ul ul {
    list-style-type: circle !important;
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}


.lwm-post-content ul ul li {
    list-style-type: circle !important;
}


.lwm-post-content ol ol {
    list-style-type: lower-alpha !important;
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}


/* ----------------------------------------------------------
   Separator
   ---------------------------------------------------------- */

.lwm-post-content hr,
.lwm-post-content hr.wp-block-separator {
    display: block;

    width: 100%;
    height: 0;

    border: 0 !important;
    border-top: 1px solid #ddd !important;

    margin: 48px 0 !important;

    opacity: 1;
}


/* ----------------------------------------------------------
   Strong / Emphasis
   ---------------------------------------------------------- */

.lwm-post-content strong {
    font-weight: 600;
}


.lwm-post-content em {
    font-style: italic;
}


/* ----------------------------------------------------------
   Links
   ---------------------------------------------------------- */

.lwm-post-content a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}


/* ----------------------------------------------------------
   Blockquote
   ---------------------------------------------------------- */

.lwm-post-content blockquote,
.lwm-post-content blockquote.wp-block-quote {
    display: block;

    margin: 32px 0 !important;
    padding: 4px 0 4px 22px !important;

    border-left: 4px solid #222;

    font-size: 1.05em;
}


.lwm-post-content blockquote p:last-child {
    margin-bottom: 0 !important;
}


/* ----------------------------------------------------------
   Images
   ---------------------------------------------------------- */

.lwm-post-content figure,
.lwm-post-content figure.wp-block-image {
    display: block;

    margin-top: 32px !important;
    margin-bottom: 32px !important;
}


.lwm-post-content img {
    display: block;
    max-width: 100%;
    height: auto;
}


.lwm-post-content figcaption,
.lwm-post-content .wp-element-caption {
    display: block;

    margin-top: 10px !important;

    font-size: 14px;
    line-height: 1.5;

    color: #777;
    text-align: center;
}


/* ----------------------------------------------------------
   Tables
   ---------------------------------------------------------- */

.lwm-post-content .wp-block-table {
    width: 100%;
    overflow-x: auto;

    margin: 32px 0 !important;
}


.lwm-post-content table {
    width: 100%;
    border-collapse: collapse;
}


.lwm-post-content th,
.lwm-post-content td {
    border: 1px solid #ddd;

    padding: 12px 14px;

    text-align: left;
    vertical-align: top;

    line-height: 1.55;
}


.lwm-post-content th {
    font-weight: 600;
}


/* ----------------------------------------------------------
   Gutenberg Buttons
   ---------------------------------------------------------- */

.lwm-post-content .wp-block-buttons {
    margin: 30px 0 !important;
}


/* ----------------------------------------------------------
   Gutenberg Group / Columns
   ---------------------------------------------------------- */

.lwm-post-content .wp-block-group,
.lwm-post-content .wp-block-columns {
    margin-top: 28px;
    margin-bottom: 28px;
}


/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width: 767px) {

    .lwm-post-content {
        font-size: 17px;
        line-height: 1.72;
    }


    .lwm-post-content p,
    .lwm-post-content p.wp-block-paragraph {
        margin-bottom: 15px !important;
        line-height: 1.65;
    }


    .lwm-post-content h2,
    .lwm-post-content h2.wp-block-heading {
        font-size: 27px;

        margin-top: 42px !important;
        margin-bottom: 17px !important;
    }


    .lwm-post-content h3,
    .lwm-post-content h3.wp-block-heading {
        font-size: 22px;

        margin-top: 34px !important;
        margin-bottom: 14px !important;
    }


    .lwm-post-content h4,
    .lwm-post-content h4.wp-block-heading {
        font-size: 19px;
    }


    .lwm-post-content ul,
    .lwm-post-content ol,
    .lwm-post-content .wp-block-list {
        padding-left: 24px !important;
        margin-bottom: 18px !important;
    }


    .lwm-post-content li {
        margin-bottom: 3px !important;
        line-height: 1.48;
    }


    .lwm-post-content hr,
    .lwm-post-content hr.wp-block-separator {
        margin: 38px 0 !important;
    }


    .lwm-post-content blockquote {
        margin: 28px 0 !important;
        padding-left: 18px !important;
    }

}/* Loyalty World Child Blog CSS */