/* cmsms stylesheet: Kelsey Style modified: 08/16/26 16:15:57 */
.site-footer{

    background:#222;
    color:#ddd;

    padding:70px 0 30px;

    margin-top:100px;

}

.site-footer h4,
.site-footer h5{

    color:#fff;
    font-family:"Cormorant Garamond", serif;
    margin-bottom:20px;

}

.site-footer p{

    color:#bbb;
    line-height:1.8;

}

.site-footer ul{

    padding:0;
    margin:0;

}

.site-footer li{

    margin-bottom:10px;

}

.site-footer a{

    color:#d7d7d7;
    text-decoration:none;
    transition:.3s;

}

.site-footer a:hover{

    color:#fff;
    padding-left:4px;

}

.site-footer hr{

    border-color:#444;
    margin:40px 0 25px;

}

.social-links a{

    display:inline-block;
    margin-bottom:8px;

}

/* =========================
   Autumn Theme
========================= */

:root {

    --burgundy:#6F1D1B;
    --wine:#4B0F0F;
    --rust:#C56B2C;
    --gold:#D4A24C;
    --cream:#F8F5F0;
    --charcoal:#2B2B2B;

}


/* Page */

body {

    background:var(--cream);
    color:var(--charcoal);

}


/* Navbar */

.autumn-navbar {

    background:
        linear-gradient(
            90deg,
            var(--wine),
            var(--burgundy)
        );

    border-top:6px solid var(--gold);

    box-shadow:
        0 4px 18px rgba(0,0,0,.25);

}


.navbar-brand {

    font-family:"Cormorant Garamond",serif;

    font-size:2rem;

    color:white!important;

}


.navbar-nav .nav-link {

    color:#f7e9d0!important;

    text-transform:uppercase;

    letter-spacing:.08em;

    padding:.8rem 1rem;

}


.navbar-nav .nav-link:hover {

    color:var(--gold)!important;

}


.navbar-nav .active {

    border-bottom:3px solid var(--gold);

}



/* Content */

.page-title {

    font-family:"Cormorant Garamond",serif;

    font-size:4rem;

    font-weight:500;

    color:var(--wine);

    margin-bottom:2rem;

}



/* Footer */

.site-footer {

    background:
        linear-gradient(
            135deg,
            var(--wine),
            var(--burgundy)
        );

    color:#eadfcf;

    padding:70px 0 35px;

}


.site-footer h4,
.site-footer h5 {

    color:white;

    font-family:"Cormorant Garamond",serif;

}


.site-footer a {

    color:#eadfcf;

    text-decoration:none;

    transition:.25s;

}


.site-footer a:hover {

    color:var(--gold);

    padding-left:5px;

}


.site-footer hr {

    border-color:rgba(255,255,255,.25);

    margin:40px 0 25px;

}


.footer-bottom {

    color:#d6c7b5;

    font-size:.9rem;

}

.hero-section {

    min-height:70vh;

    background:
        linear-gradient(
            rgba(75,15,15,.75),
            rgba(75,15,15,.65)
        ),
        url('https://kyleeminus.com/uploads/images/kyleebio.jpg');

    background-size:cover;

    background-position:center;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:white;

}


.hero-content {

    max-width:850px;

    padding:40px;

}


.hero-content h1 {

    font-family:"Cormorant Garamond",serif;

    font-size:clamp(3rem,6vw,5.5rem);

}


.quote-section {

    background:#6F1D1B;

    color:white;

}


.quote-section blockquote {

    font-family:"Cormorant Garamond",serif;

    font-size:3rem;

    font-style:italic;

}


/* MORE PAGE */

.more-page {
    max-width: 850px;
    margin: 0 auto;
    padding: 40px 20px;
}

.more-page h1 {
    text-align: center;
    margin-bottom: 60px;
}

.more-item {
    padding: 0 0 45px 0;
    margin-bottom: 45px;
    border-bottom: 1px solid #ddd;
}

.more-date {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
    opacity: 0.7;
}

.more-item h2 {
    margin: 0 0 15px 0;
}

.more-item p {
    margin: 0 0 20px 0;
    line-height: 1.7;
}

.more-link {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    text-decoration: none;
}

.more-link:hover {
    text-decoration: underline;
}

@media (max-width: 600px) {
    .more-page {
        padding: 25px 15px;
    }

    .more-page h1 {
        margin-bottom: 40px;
    }

    .more-item {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}

/* ========================================
   MORE PAGE
   ======================================== */

.more-page {
    max-width: 1380px;
    margin: 0 auto;
    padding: 20px 40px 70px;
}

.more-page > h1 {
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 4rem;
    font-weight: 500;
    margin: 0 0 70px;
    color: var(--charcoal);
}


/* ========================================
   MORE ITEM
   ======================================== */

.more-item {
    display: grid;

    grid-template-columns: 430px minmax(0, 1fr);
    grid-template-areas:
        "date date"
        "image content";

    column-gap: 55px;
    row-gap: 18px;

    padding: 0 0 32px;
    margin: 0 0 50px;

    border-bottom: 1px solid #d8d0c8;

    /*
     * Important:
     * prevents any old float behavior from affecting
     * the following item.
     */
    clear: both;
}

.more-item:last-child {
    border-bottom: none;
}


/* ========================================
   DATE
   ======================================== */

.more-date {
    grid-area: date;

    margin: 0;

    font-size: 0.85rem;
    letter-spacing: 0.08em;
    color: #8c8781;
}


/* ========================================
   IMAGE
   ======================================== */

.more-image-wrap {
    grid-area: image;
    width: 100%;
}

.more-image {
    /*
     * VERY IMPORTANT:
     * overrides your old float:left rule
     */
    float: none;

    display: block;

    width: 100%;
    height: 340px;

    margin: 0;

    object-fit: cover;
    object-position: center;
}


/* ========================================
   CONTENT
   ======================================== */

.more-content {
    grid-area: content;
    align-self: start;
}

.more-content h2 {
    font-family: "Cormorant Garamond", serif;

    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.1;

    margin: 0 0 22px;

    color: var(--charcoal);
}

.more-content p {
    max-width: 760px;

    margin: 0 0 35px;

    font-size: 1.05rem;
    line-height: 1.8;

    color: var(--charcoal);
}


/* ========================================
   READ MORE
   ======================================== */

.more-link {
    display: inline-block;

    color: #761818;

    font-size: 0.8rem;
    font-weight: 600;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    text-decoration: none;

    border-bottom: 1px solid #c89a3c;

    padding-bottom: 4px;
}

.more-link:hover {
    color: #a16e16;
}


/* ========================================
   ENTRY WITHOUT IMAGE
   ======================================== */

.more-item:not(:has(.more-image-wrap)) {
    grid-template-columns: 1fr;
    grid-template-areas:
        "date"
        "content";
}

.more-item:not(:has(.more-image-wrap)) .more-content {
    width: 100%;
}


/* ========================================
   TABLET
   ======================================== */

@media (max-width: 1000px) {

    .more-page {
        padding-left: 30px;
        padding-right: 30px;
    }

    .more-item {
        grid-template-columns: 320px minmax(0, 1fr);
        column-gap: 40px;
    }

    .more-image {
        height: 280px;
    }

    .more-content h2 {
        font-size: 2.3rem;
    }

}


/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 700px) {

    .more-page {
        padding: 20px 20px 50px;
    }

    .more-page > h1 {
        font-size: 3rem;
        margin-bottom: 45px;
    }

    .more-item,
    .more-item:not(:has(.more-image-wrap)) {
        display: block;

        padding-bottom: 35px;
        margin-bottom: 40px;
    }

    .more-date {
        margin-bottom: 15px;
    }

    .more-image-wrap {
        margin-bottom: 25px;
    }

    .more-image {
        width: 100%;
        height: auto;

        aspect-ratio: 4 / 3;

        object-fit: cover;
    }

    .more-content h2 {
        font-size: 2rem;
        margin-bottom: 18px;
    }

    .more-content p {
        font-size: 1rem;
        line-height: 1.7;
        margin-bottom: 28px;
    }

}

/* TEST PAGE - HEARTBURN HERO */

.test-hero {
    max-width: 1100px;
    margin: 0 auto;
    padding: 90px 40px 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 90px;
}

.test-hero-cover {
    flex: 0 0 380px;
}

.test-hero-cover img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0 20px 45px rgba(0,0,0,0.22);
}

.test-hero-content {
    flex: 1;
    max-width: 480px;
}

.test-hero-label {
    margin: 0 0 18px;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #8b1515;
}

.test-hero-content h1 {
    margin: 0 0 25px;
    font-family: "Cormorant Garamond", serif;
    font-size: 64px;
    line-height: 1;
    font-weight: 500;
}

.test-hero-intro {
    margin: 0 0 35px;
    font-size: 18px;
    line-height: 1.7;
}

.test-hero-button {
    display: inline-block;
    padding: 13px 0 8px;
    color: #7b1113;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 2px;
    border-bottom: 1px solid #c89b3c;
}

.test-hero-button:hover {
    color: #111;
}


/* MOBILE */

@media (max-width: 800px) {

    .test-hero {
        padding: 50px 25px 70px;
        flex-direction: column;
        gap: 45px;
        text-align: center;
    }

    .test-hero-cover {
        flex: none;
        width: 70%;
        max-width: 330px;
    }

    .test-hero-content {
        max-width: 550px;
    }

    .test-hero-content h1 {
        font-size: 48px;
    }
}
.test-hero {
    max-width: 1180px;
    margin: 0 auto;
    padding: 85px 40px 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 75px;
}

.test-hero-cover {
    flex: 0 0 420px;
}

.test-hero-cover img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0 22px 50px rgba(0,0,0,0.20);
}

.test-hero-content {
    flex: 1;
    max-width: 520px;
}

.test-hero-label {
    margin: 0 0 20px;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #8b1515;
}

.test-hero-content h1 {
    margin: 0 0 24px;
    font-family: "Cormorant Garamond", serif;
    font-size: 72px;
    line-height: 0.95;
    font-weight: 500;
}

.test-hero-intro {
    margin: 0 0 34px;
    font-size: 19px;
    line-height: 1.7;
}

.test-hero-button {
    display: inline-block;
    padding-bottom: 7px;
    color: #7b1113;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 2px;
    border-bottom: 1px solid #c89b3c;
}
/* TEST PAGE - HEARTBURN INFO SECTION */

.test-novel-section {
    width: 100%;
    background: #6f1717;
    color: #fff;
    padding: 100px 30px;
    text-align: center;
}

.test-novel-inner {
    max-width: 760px;
    margin: 0 auto;
}

.test-novel-line {
    width: 55px;
    height: 1px;
    background: #c89b3c;
    margin: 0 auto 25px;
}

.test-novel-label {
    margin: 0 0 18px;
    font-size: 12px;
    letter-spacing: 3px;
    color: #e3c98d;
}

.test-novel-section h2 {
    margin: 0 0 24px;
    font-family: "Cormorant Garamond", serif;
    font-size: 58px;
    font-weight: 500;
}

.test-novel-section p {
    margin: 0 auto 30px;
    max-width: 650px;
    font-size: 18px;
    line-height: 1.8;
}

.test-novel-link {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 2px;
    padding-bottom: 7px;
    border-bottom: 1px solid #c89b3c;
}

.test-novel-link:hover {
    color: #e3c98d;
}

@media (max-width: 800px) {

    .test-novel-section {
        padding: 70px 25px;
    }

    .test-novel-section h2 {
        font-size: 46px;
    }
}
.test-novel-section {
    clear: both !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 1115px;
    margin: 90px auto 0 !important;
    box-sizing: border-box;
}
/* cmsms stylesheet: PublishedWorks modified: 08/15/26 18:40:38 */
/* ========================================
   WRITING DETAIL
   ======================================== */

.writing-detail {
    max-width: 820px;
    margin: 0 auto;
    padding: 50px 30px 70px;
}


/* Title */

.writing-detail-header {
    text-align: center;
    margin-bottom: 55px;
}

.writing-detail-header h1 {
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(2.8rem, 6vw, 4.5rem);
    font-weight: 500;
    line-height: 1.1;

    color: var(--charcoal);

    margin: 0;
}


/* ========================================
   STORY
   ======================================== */

.story-text {
    font-size: 1.05rem;
    line-height: 1.85;
    color: var(--charcoal);
}

.story-text p {
    margin: 0 0 1.5em;
}


/* Scene breaks */

.story-text hr {
    width: 50px;

    margin: 50px auto;

    border: 0;
    border-top: 1px solid #b9afa5;
}


/* ========================================
   RETURN LINK
   ======================================== */

.writing-detail-footer {
    margin-top: 60px;
    padding-top: 25px;

    border-top: 1px solid #d8d0c8;
}

.writing-return {
    display: inline-block;

    color: var(--burgundy);

    font-size: 0.8rem;
    font-weight: 600;

    letter-spacing: 0.12em;
    text-transform: uppercase;

    text-decoration: none;

    padding-bottom: 4px;

    border-bottom: 1px solid var(--gold);
}

.writing-return:hover {
    color: var(--gold);
}


/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 767.98px) {

    .writing-detail {
        padding: 35px 20px 50px;
    }

    .writing-detail-header {
        margin-bottom: 40px;
    }

    .story-text {
        font-size: 1rem;
        line-height: 1.75;
    }

    .story-text hr {
        margin: 40px auto;
    }

}