/* =========================================================
   THE ILLUMINATED PATHWAY
   CUSTOM CSS
   ========================================================= */


/* =========================================================
   GLOBAL BACKGROUND
   ========================================================= */

body,
#page {
    background-color: #f7f4ec !important;
}

.home #page {
    background: transparent !important;
}

.site-content,
.content-area,
.site-main {
    background-color: #f7f4ec;
}


/* =========================================================
   HEADER
   Remove Penscratch 2's unused branding area / top space
   ========================================================= */

.site-branding {
    display: none !important;
}

.site-header {
    padding-top: 0 !important;
    margin-top: 0 !important;

    /* Removes the small residual space above navigation */
    transform: translateY(-24px) !important;
    margin-bottom: -24px !important;
}


/* =========================================================
   MAIN NAVIGATION
   Full-width green navigation bar
   ========================================================= */

.main-navigation {
    background-color: #28643f !important;

    width: 100vw !important;
    max-width: none !important;

    position: relative;
    left: 50%;
    transform: translateX(-50%);

    box-sizing: border-box;
}


/* Navigation links */

.main-navigation a {
    color: #f7f4ec !important;
    font-size: 16px !important;
    font-weight: 500;
    letter-spacing: 0.5px;
}


/* Hover and current page */

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
    color: #d6b36a !important;
}


/* =========================================================
   SPACE BELOW NAVIGATION
   ========================================================= */

.site-content {
    padding-top: 0 !important;
}


/* =========================================================
   HOMEPAGE
   Hide automatic WordPress page title
   ========================================================= */

.home .entry-title {
    display: none !important;
}


/* =========================================================
   HOMEPAGE HERO
   ========================================================= */

.homepage-hero p {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

.homepage-hero p:first-of-type {
    font-weight: 500;
}


/* =========================================================
   EXPLORE THE ILLUMINATED PATHWAY
   ========================================================= */

.pathway-cards > .wp-block-column {
    display: flex;
    flex-direction: column;
}

.pathway-cards .wp-block-image {
    margin-bottom: 0 !important;
}

.pathway-cards .wp-block-image + .wp-block-heading {
    margin-top: 5px !important;
}

.pathway-cards > .wp-block-column > .wp-block-buttons:last-child {
    margin-top: auto;
}

.pathway-cards .wp-block-button__link {
    padding: 7px 16px !important;
    font-size: 13px !important;
}


/* =========================================================
   LATEST FROM THE PATH – FEATURED POST
   ========================================================= */

.latest-featured {
    align-items: flex-start;
}

.latest-featured .wp-block-post-featured-image {
    margin: 0 !important;
}

.latest-featured .wp-block-post-date {
    margin: 0 0 6px 0 !important;
    font-size: 13px;
}

.latest-featured .wp-block-post-title {
    margin: 0 0 10px 0 !important;
    min-height: 0 !important;
    font-size: 24px;
    line-height: 1.2;
}

.latest-featured .wp-block-post-excerpt {
    margin: 0 0 8px 0 !important;
}

.latest-featured .wp-block-post-excerpt__excerpt {
    margin: 0 !important;
    font-size: 15px;
    line-height: 1.5;
}

.latest-featured .wp-block-read-more {
    margin-top: 0 !important;
    font-size: 14px;
}


/* =========================================================
   LATEST FROM THE PATH – SECONDARY POSTS
   ========================================================= */

.latest-secondary .wp-block-post-template > :first-child {
    display: none !important;
}

.latest-secondary .wp-block-post {
    margin-bottom: 20px !important;
}

.latest-secondary .wp-block-post-title {
    margin: 0 0 6px 0 !important;
}

.latest-secondary .wp-block-post-date {
    margin: 0 !important;
}


/* =========================================================
   HOMEPAGE POST EXCERPTS
   ========================================================= */

.home .wp-block-post-excerpt {
    margin-bottom: 4px !important;
}

.home .wp-block-post-excerpt__excerpt {
    margin-bottom: 0 !important;
}

.home .wp-block-post-date {
    margin-top: 0 !important;
}


/* =========================================================
   SEASONAL FEATURE
   ========================================================= */

.seasonal-feature .wp-block-media-text__content {
    background-image:
        url("https://theilluminatedpathway.co.uk/wp-content/uploads/2026/08/autumn-equinox-nackground.png");

    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.seasonal-feature .wp-block-buttons {
    transform: translateY(-15px);
}

.seasonal-content .wp-block-heading {
    margin-bottom: 10px !important;
}

.seasonal-content p {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.seasonal-content .wp-block-buttons {
    margin-top: 0 !important;
}


/* =========================================================
   CUSTOM FOOTER
   ========================================================= */

.footer-links p {
    margin-top: 0;
    margin-bottom: 8px;
}


/* Hide Penscratch 2's original footer */

.site-footer {
    display: none !important;
}


/* =========================================================
   AUTOMATIC SITE HERO
   Used on BOTH individual posts and ordinary pages
   ========================================================= */

.ip-global-hero {
    width: 840px;
    max-width: calc(100% - 40px);

    margin-left: auto;
    margin-right: auto;

    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.32),
            rgba(0, 0, 0, 0.32)
        ),
        url("https://theilluminatedpathway.co.uk/wp-content/uploads/2025/10/pathway_16_9.jpg");

    background-size: cover;
    background-position: center;

    min-height: 270px;

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

    text-align: center;
    box-sizing: border-box;

    padding: 35px 30px;
}

.ip-global-hero-inner {
    width: 100%;
}


/* Site title */

.ip-global-hero h1 {
    color: #fff !important;

    font-size: 42px;
    line-height: 1.15;

    margin: 0 0 18px 0;
}


/* Tagline */

.ip-hero-tagline {
    color: #fff !important;

    font-size: 17px;
    font-weight: 700;

    margin: 0 0 22px 0;
}


/* Description */

.ip-hero-description {
    color: #fff !important;

    font-size: 16px;
    font-weight: 700;

    margin: 0;
}


/* =========================================================
   POSTS AND PAGES – REMOVE SIDEBAR
   Homepage excluded because it has its own layout
   ========================================================= */

.single-post #secondary,
.page:not(.home) #secondary {
    display: none !important;
}


/* =========================================================
   POSTS AND PAGES – MAIN CONTENT WIDTH
   Match the 840px site hero
   ========================================================= */

.single-post #primary,
.page:not(.home) #primary {
    width: 840px !important;
    max-width: calc(100% - 40px) !important;

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

    float: none !important;
}


/* Remove Penscratch's narrower internal content widths */

.single-post .site-main,
.single-post article,
.single-post .entry-header,
.single-post .entry-content,
.single-post .entry-footer,
.page:not(.home) .site-main,
.page:not(.home) article,
.page:not(.home) .entry-header,
.page:not(.home) .entry-content,
.page:not(.home) .entry-footer {
    width: 100% !important;
    max-width: none !important;

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


/* =========================================================
   SINGLE POSTS – HIDE AUTOMATIC WORDPRESS TITLE
   Manual H1 is added within the post
   ========================================================= */

.single-post .entry-header .entry-title {
    display: none !important;
}


/* Hide Penscratch's original post metadata */

.single-post .entry-header .entry-meta {
    display: none !important;
}


/* =========================================================
   SINGLE POSTS – AUTOMATIC POST DATE
   ========================================================= */

.single-post .ip-post-date {
    margin-top: -4px;
    margin-bottom: 20px;

    font-size: 14px;
    font-weight: 500;

    color: #666 !important;

    text-transform: uppercase;
    letter-spacing: 0.5px;
}


/* =========================================================
   SINGLE POSTS – HIDE AUTOMATIC FEATURED IMAGE
   Images are placed manually within articles
   ========================================================= */

.single-post .post-thumbnail,
.single-post .entry-thumbnail,
.single-post .featured-image {
    display: none !important;
}


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

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

    /* Navigation */

    .main-navigation a {
        font-size: 14px !important;
    }


    /* Site hero */

    .ip-global-hero {
        max-width: calc(100% - 24px);

        min-height: 220px;

        padding: 25px 20px;
    }

    .ip-global-hero h1 {
        font-size: 30px;
    }

    .ip-hero-tagline {
        font-size: 15px;
        margin-bottom: 16px;
    }

    .ip-hero-description {
        font-size: 14px;
    }


    /* Post/page content */

    .single-post #primary,
    .page:not(.home) #primary {
        max-width: calc(100% - 24px) !important;
    }
}

/* =========================================================
   HOMEPAGE – HIDE AUTOMATIC SITE HERO
   Homepage already has its own hero
   ========================================================= */

.home .ip-global-hero {
    display: none !important;
}

/* =========================================================
   PENSCRATCH 2 – REMOVE EMPTY SPACE ABOVE MENU
   ========================================================= */

.site-header .site-branding {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    min-height: 0 !important;
}

/* PENSCRATCH 2 – PULL MENU TO TOP */
.site-header {
    margin-top: -120px !important;
}

/* SPACE BETWEEN AUTOMATIC HERO AND PAGE TITLE */
.page .ip-global-hero {
    margin-bottom: 24px !important;
}