/* =====================================================
   DexShell Story Page Template
   /dexshell-story/
===================================================== */


/* -----------------------------------------------------
   Main Layout
----------------------------------------------------- */

/* .page--story .storyPage__main {
    padding-top: clamp(48px, 4vw, 72px);
    padding-bottom: 0;
} */

.page--story .storyPage__body {
    width: 100%;
    max-width: none;
}


/* -----------------------------------------------------
   Editorial Text Column
----------------------------------------------------- */

.page--story .storyPage__body > h1,
.page--story .storyPage__body > h2,
.page--story .storyPage__body > h3,
.page--story .storyPage__body > p,
.page--story .storyPage__body > ul,
.page--story .storyPage__body > ol {
    width: 100%;
/*     max-width: 980px; */
/*     margin-left: 0;
    margin-right: auto; */
}


/* -----------------------------------------------------
   Visible Story H1
   Added manually as the first block in the editor
----------------------------------------------------- */

.page--story .storyPage__body > h1 {
	margin:0;
	padding-top: var(--wp--preset--spacing--30);
	padding-bottom: var(--wp--preset--spacing--30);
/*     max-width: 980px; */
/*     margin-top: 0;
    margin-bottom: 56px; */
}


/* Intro paragraph directly below H1 */

.page--story .storyPage__body > h1 + p {
/*     max-width: 980px; */
/*     margin-top: 0;
    margin-bottom: 72px;

    text-align: left; */
}


/* Main section headings */

.page--story .storyPage__body > h2 {
/*     max-width: 980px; */
/*     margin-top: 88px;
    margin-bottom: 38px;

    font-size: clamp(44px, 4vw, 64px);
    line-height: 1.08;
    letter-spacing: -0.035em; */
}


/* First H2 after intro */

/* .page--story .storyPage__body > h1 + p + h2 {
    margin-top: 0;
} */


/* Subheadings */

/* .page--story .storyPage__body > h3 {
    margin-top: 30px;
    margin-bottom: 10px;

    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
} */


/* Paragraphs */
/* 
.page--story .storyPage__body > p {
    margin-top: 0;
    margin-bottom: 18px;

    font-size: 18px;
    line-height: 1.7;
    text-align: left;
} */


/* -----------------------------------------------------
   Closing CTA inside Story Page
----------------------------------------------------- */

.page--story .storyPage__body .closingBlock {
    margin-top: 76px !important;
    margin-bottom: 32px !important;
}

.page--story .storyPage__body .closingBlock.closingBlock--wide,
.page--story .storyPage__body .story-closing-cta {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
}

/* Mobile */

@media only screen and (max-width: 767px) {

    .page--story .storyPage__body .closingBlock {
        margin-top: 56px;
        margin-bottom: 56px;
    }

    .page--story .storyPage__body .closingBlock.closingBlock--wide {
        width: 100%;
        max-width: 100%;
    }

}