.elementor-989767 .elementor-element.elementor-element-a63d933{--display:flex;}/* Start custom CSS for html, class: .elementor-element-8321f04 *//* =========================================================
   GODO CHIROPRACTIC
   TMJ BLOG ARTICLE
   COMPLETE MOBILE-FIRST CSS
   ========================================================= */


/* =========================================================
   1. BASE
   ========================================================= */

.godo-blog-article {
    --godo-teal: #147f79;
    --godo-teal-dark: #0c625e;
    --godo-teal-soft: #eef8f7;

    --godo-navy: #18363d;
    --godo-text: #405156;
    --godo-muted: #68797c;

    --godo-white: #ffffff;
    --godo-bg: #f7faf9;
    --godo-bg-warm: #fbfaf6;

    --godo-border: #dce7e5;

    --godo-gold: #d9aa52;
    --godo-gold-soft: #fff8e9;

    --godo-warning: #fff3ef;
    --godo-warning-border: #efc4b3;

    --godo-radius: 10px;

    --godo-shadow:
        0 4px 16px rgba(25, 62, 67, 0.055);

    width: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;

    color: var(--godo-text);

    font-size: 16px;
    line-height: 1.67;

    overflow-wrap: break-word;
}


.godo-blog-article,
.godo-blog-article *,
.godo-blog-article *::before,
.godo-blog-article *::after {
    box-sizing: border-box;
}


.godo-blog-article img,
.godo-blog-article video,
.godo-blog-article iframe,
.godo-blog-article svg {
    max-width: 100%;
}


/* =========================================================
   2. TYPOGRAPHY
   ========================================================= */

.godo-blog-article h2 {
    margin: 0 0 14px !important;

    color: var(--godo-navy);

    font-size: 25px;
    line-height: 1.2;

    letter-spacing: -0.02em;
}


.godo-blog-article h3 {
    margin: 0 0 9px !important;

    color: var(--godo-navy);

    font-size: 18px;
    line-height: 1.3;
}


.godo-blog-article p {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
    margin-left: 0 !important;

    padding: 0 !important;
}


.godo-blog-article p:last-child {
    margin-bottom: 0 !important;
}


.godo-blog-article strong {
    font-weight: 700;
}


.godo-blog-article a {
    color: var(--godo-teal-dark);

    font-weight: 650;

    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    overflow-wrap: anywhere;
}


.godo-blog-article a:hover,
.godo-blog-article a:focus {
    color: var(--godo-teal);
}


/* =========================================================
   3. STANDARD SECTIONS
   ========================================================= */

.godo-blog-article > section {
    width: 100%;

    margin: 0 0 18px !important;

    padding: 20px 17px;

    background: #ffffff;

    border: 1px solid var(--godo-border);
    border-radius: var(--godo-radius);

    box-shadow: var(--godo-shadow);
}


/* =========================================================
   4. INTRO
   ========================================================= */

.godo-blog-intro {
    background:
        linear-gradient(
            135deg,
            #f1faf8 0%,
            #ffffff 78%
        ) !important;

    border-top:
        4px solid var(--godo-teal) !important;
}


.godo-blog-intro > p:first-of-type {
    font-size: 17px;
    line-height: 1.62;
}


/* =========================================================
   5. LOCAL LOCATION NOTE
   ========================================================= */

.godo-local-note {
    margin-top: 18px;

    padding: 13px 14px;

    color: var(--godo-muted);
    background: #f8fbfa;

    border-top: 1px solid var(--godo-border);
    border-bottom: 1px solid var(--godo-border);

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


.godo-local-note strong {
    color: var(--godo-navy);
    font-weight: 700;
}


/* =========================================================
   6. SUMMARY
   ========================================================= */

.godo-summary-box {
    background:
        linear-gradient(
            135deg,
            #eef8f7 0%,
            #ffffff 84%
        ) !important;

    border:
        1px solid rgba(20, 127, 121, 0.22) !important;
}


.godo-summary-label {
    display: inline-block;

    margin: 0 0 8px;

    color: var(--godo-teal-dark);

    font-size: 11px;
    line-height: 1.2;

    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.godo-summary-bottom {
    margin-top: 17px !important;
    margin-bottom: 0 !important;

    padding-top: 15px !important;

    border-top:
        1px solid rgba(20, 127, 121, 0.16);

    color: var(--godo-navy);
}


/* =========================================================
   7. TWO-COLUMN SUMMARY
   ========================================================= */

.godo-two-column-list {
    display: grid;

    grid-template-columns: 1fr;

    gap: 12px;

    margin: 17px 0 0;
}


.godo-two-column-list > div {
    min-width: 0;

    padding: 14px;

    background: #ffffff;

    border: 1px solid var(--godo-border);
    border-radius: 8px;
}


.godo-two-column-list h3 {
    font-size: 16px;
}


/* =========================================================
   8. LISTS
   ========================================================= */

.godo-blog-article ul {
    margin: 12px 0 16px !important;

    padding-left: 22px !important;
}


.godo-blog-article li {
    margin-bottom: 7px;
}


.godo-blog-article li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   9. CHECK LIST
   ========================================================= */

.godo-check-list {
    list-style: none;

    margin: 12px 0 17px !important;

    padding: 0 !important;
}


.godo-check-list li {
    position: relative;

    margin: 0 !important;

    padding:
        7px 0 7px 28px !important;
}


.godo-check-list li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 9px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    color: #ffffff;

    background: var(--godo-teal);

    border-radius: 50%;

    font-size: 9px;

    font-weight: 900;
}


/* =========================================================
   10. WARNING LIST
   ========================================================= */

.godo-warning-list {
    list-style: none;

    margin: 12px 0 17px !important;

    padding: 0 !important;
}


.godo-warning-list li {
    position: relative;

    margin: 0 0 7px !important;

    padding:
        9px 10px 9px 30px !important;

    background: var(--godo-warning);

    border:
        1px solid var(--godo-warning-border);

    border-radius: 7px;
}


.godo-warning-list li::before {
    content: "!";

    position: absolute;

    left: 10px;
    top: 10px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 15px;
    height: 15px;

    color: #ffffff;

    background: #c96c4c;

    border-radius: 50%;

    font-size: 9px;

    font-weight: 900;
}


/* =========================================================
   11. INFO BOX
   ========================================================= */

.godo-info-box {
    margin-top: 16px;

    padding: 14px;

    background: var(--godo-teal-soft);

    border-left:
        4px solid var(--godo-teal);

    border-radius: 8px;
}


.godo-info-box h3 {
    margin-bottom: 7px !important;

    font-size: 16px;
}


.godo-info-box p {
    color: var(--godo-muted);

    font-size: 13.5px;
    line-height: 1.52;
}


/* =========================================================
   12. HIGHLIGHT GRID
   ========================================================= */

.godo-highlight-grid {
    display: grid;

    grid-template-columns: 1fr;

    gap: 9px;

    margin: 17px 0;
}


.godo-highlight-card {
    min-width: 0;

    padding: 14px;

    background: var(--godo-bg);

    border: 1px solid var(--godo-border);
    border-radius: 8px;
}


.godo-highlight-card h3 {
    font-size: 16px;
}


.godo-highlight-card p {
    color: var(--godo-muted);

    font-size: 13px;
    line-height: 1.48;
}


/* =========================================================
   13. NUMBER GRID
   ========================================================= */

.godo-number-grid {
    display: grid;

    grid-template-columns: 1fr;

    gap: 9px;

    margin: 17px 0 0;
}


.godo-number-card {
    min-width: 0;

    padding: 15px;

    background: var(--godo-bg);

    border: 1px solid var(--godo-border);
    border-radius: 8px;
}


.godo-number-card > span {
    display: inline-block;

    margin-bottom: 8px;

    color: var(--godo-teal);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 0.11em;
}


.godo-number-card h3 {
    font-size: 16px;
}


.godo-number-card p {
    color: var(--godo-muted);

    font-size: 13px;
    line-height: 1.48;
}


/* =========================================================
   14. KEY TAKEAWAYS
   ========================================================= */

.godo-key-takeaways {
    background:
        linear-gradient(
            135deg,
            var(--godo-gold-soft) 0%,
            #ffffff 84%
        ) !important;

    border:
        1px solid rgba(217, 170, 82, 0.34) !important;

    border-left:
        4px solid var(--godo-gold) !important;
}


/* =========================================================
   15. FAQ
   ========================================================= */

.godo-faq-section {
    background: #ffffff !important;
}


.godo-faq-accordion {
    margin-top: 15px;
}


.godo-faq-accordion details {
    margin: 0;

    background: #ffffff;

    border-top:
        1px solid var(--godo-border);
}


.godo-faq-accordion details:last-child {
    border-bottom:
        1px solid var(--godo-border);
}


.godo-faq-accordion summary {
    position: relative;

    min-height: 58px;

    padding:
        17px 39px 17px 3px;

    color: var(--godo-navy);

    font-weight: 700;
    line-height: 1.4;

    cursor: pointer;

    list-style: none;

    -webkit-tap-highlight-color: transparent;
}


.godo-faq-accordion summary::-webkit-details-marker {
    display: none;
}


.godo-faq-accordion summary::after {
    content: "+";

    position: absolute;

    top: 50%;
    right: 7px;

    transform: translateY(-50%);

    color: var(--godo-teal);

    font-size: 24px;

    font-weight: 400;
}


.godo-faq-accordion details[open] summary::after {
    content: "–";
}


.godo-faq-answer {
    padding:
        0 3px 17px;
}


.godo-faq-answer p {
    margin-bottom: 0 !important;

    color: var(--godo-muted);
}


/* =========================================================
   16. CTA
   ========================================================= */

.godo-light-cta {
    text-align: center;

    background:
        linear-gradient(
            135deg,
            #edf9f7 0%,
            #ffffff 82%
        ) !important;

    border:
        1px solid rgba(20, 127, 121, 0.24) !important;

    border-top:
        4px solid var(--godo-teal) !important;
}


.godo-light-cta p {
    max-width: 720px;

    margin-right: auto !important;
    margin-left: auto !important;
}


.godo-blog-button {
    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 100%;

    min-height: 50px;

    margin-top: 18px;

    padding: 12px 16px !important;

    color: #ffffff !important;

    background: var(--godo-teal);

    border:
        2px solid var(--godo-teal);

    border-radius: 7px;

    font-size: 14px;

    font-weight: 800 !important;

    line-height: 1.25;

    text-align: center;

    text-decoration: none !important;
}


.godo-blog-button:hover,
.godo-blog-button:focus {
    color: #ffffff !important;

    background: var(--godo-teal-dark);

    border-color: var(--godo-teal-dark);
}


/* =========================================================
   17. RELATED READING
   ========================================================= */

.godo-related-reading {
    background: var(--godo-bg-warm) !important;
}


.godo-related-links {
    display: grid;

    grid-template-columns: 1fr;

    gap: 9px;

    margin-top: 16px;
}


.godo-related-links > a {
    display: flex;

    flex-direction: column;

    gap: 4px;

    min-width: 0;

    padding: 14px;

    color: inherit !important;

    background: #ffffff;

    border: 1px solid var(--godo-border);
    border-radius: 8px;

    text-decoration: none !important;
}


.godo-related-links > a:hover,
.godo-related-links > a:focus {
    border-color:
        rgba(20, 127, 121, 0.42);
}


.godo-related-links strong {
    color: var(--godo-teal-dark);

    font-size: 14px;
}


.godo-related-links span {
    color: var(--godo-muted);

    font-size: 12.5px;
    line-height: 1.45;
}


/* =========================================================
   18. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 374px) {

    .godo-blog-article {
        font-size: 15.5px;
    }

    .godo-blog-article h2 {
        font-size: 23px;
    }

    .godo-blog-article > section {
        padding-right: 14px;
        padding-left: 14px;
    }

    .godo-blog-intro > p:first-of-type {
        font-size: 16.5px;
    }

}


/* =========================================================
   19. TABLET / LARGE MOBILE
   ========================================================= */

@media (min-width: 600px) {

    .godo-blog-article {
        font-size: 16.5px;
        line-height: 1.7;
    }

    .godo-blog-article h2 {
        font-size: 29px;
    }

    .godo-blog-article > section {
        padding: 24px 22px;
    }

    .godo-two-column-list {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .godo-highlight-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .godo-number-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .godo-related-links {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .godo-blog-button {
        display: inline-flex !important;

        width: auto;

        min-width: 250px;
    }

}


/* =========================================================
   20. DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    .godo-blog-article {
        font-size: 17px;
        line-height: 1.72;
    }

    .godo-blog-article h2 {
        font-size: 32px;
    }

    .godo-blog-article > section {
        padding: 27px 28px;
    }

    .godo-number-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

    .godo-related-links > a:hover,
    .godo-blog-button:hover {
        transform: translateY(-1px);
    }

}


/* =========================================================
   21. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .godo-blog-article a,
    .godo-blog-button,
    .godo-related-links > a {
        transition: none !important;
    }

}/* End custom CSS */