/* 1. Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Pathway+Extreme:wght@100..900&family=Poppins:ital,wght@0,100;0,900;1,100;1,900&display=swap');

/* 2. Blog Body Typography */
body.single-post, 
body.single-post p, 
body.single-post li, 
body.single-post span {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

body.single-post p:not(.custom-full-banner p),
body.single-post li {
    color: #848484;
}

/* 3. Blog Headings */
body.single-post h1, 
body.single-post h2, 
body.single-post h3, 
body.single-post h4, 
body.single-post h5, 
body.single-post h6,
body.single-post .entry-title {
    font-family: 'Pathway Extreme', sans-serif;
    font-weight: 700;
    margin-top: 50px;
    padding-bottom: 10px;
}

body.single-post h2 {
    font-size: 30px;
}

/* 4. Full-Width Layout logic (Keep !important here to override block defaults) */
.wp-block-cover.custom-full-banner {
    width: 100vw !important;
    max-width: none !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    min-height: 280px;
    padding: 0;
    display: flex;
    align-items: center;
}

/* 5. Background Overlay (Keep !important to override inline background colors) */
.wp-block-cover.custom-full-banner .wp-block-cover__background {
    background-color: rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
    z-index: 1;
}

/* 6. 1200px Centered Box (Removed unnecessary !importants) */
.custom-full-banner .wp-block-cover__inner-container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px;
    z-index: 2;
    text-align: left;
    box-sizing: border-box;
}

/* 7. Banner Paragraph (Kept !important only for margins to kill the inline styles from your screenshot) */
.custom-full-banner p {
    font-family: 'Pathway Extreme', sans-serif !important;
    font-weight: 700 !important;
    color: #ffffff;
    text-align: left;
    padding-top: 100px;
    margin-bottom: 0;
    /* Forces removal of those inline margins seen in inspector */
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: clamp(1.5rem, 4vw, 3rem);
    line-height: 1.2;
    z-index: 2;
}