/* ===== JETPACK SUBSCRIPTION WIDGET ===== */

/* Title Replacement */
.jetpack_subscription_widget h2 {
    font-size: 0 !important;
}

.jetpack_subscription_widget h2::before {
    content: "Subscribe to our Posts via Email";
    font-size: 21px;
    visibility: visible;
    display: block;
}

/* Description Text */
#subscribe-text {
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Widget Padding */
.jetpack_subscription_widget {
    padding-left: 15px !important;
    padding-right: 3px !important;
}

/* Rounded Subscribe Buttons */
.wp-block-jetpack-subscriptions__button,
.jetpack_subscription_widget button[type="submit"],
.jetpack_subscription_widget input[type="submit"],
.widget_blog_subscription input[type="submit"],
.widget_blog_subscription button[type="submit"],
#subscribe-blog button[type="submit"],
#subscribe-submit button,
.jetpack_subscription_widget button {
    border-radius: 50px !important;
}
.jetpack_subscription_widget,
.jetpack_subscription_widget * {
  color: white !important;
}

/* ===== TYPOGRAPHY ===== */
/* Font imports */
@import url('https://fonts.googleapis.com/css2?family=Caudex:wght@700&family=DM+Sans:wght@400;500&display=swap');

/* Blog block content = DM Sans */
.wp-block-newspack-blocks-homepage-articles,
.wp-block-newspack-blocks-homepage-articles p {
    font-family: 'DM Sans', sans-serif !important;
}

/* Blog headings = Caudex */
.wp-block-newspack-blocks-homepage-articles h2,
.wp-block-newspack-blocks-homepage-articles h3,
.wp-block-newspack-blocks-homepage-articles .entry-title {
    font-family: 'Caudex', serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}
/* Space between image and title */
.wp-block-newspack-blocks-homepage-articles img {
    margin-bottom: 18px !important;
}

/* Blog Posts block Load More button */
.wp-block-newspack-blocks-homepage-articles__load-more,
.wp-block-button__link {
    border-radius: 50px !important;
}

/* ===== STACKABLE BLOCKS - MOBILE RESPONSIVE ===== */

/* Target mobile devices (typically 768px and below) */
@media screen and (max-width: 768px) {

    /* Mobile: Top Padding Adjustment */
    .abcdefg {
        padding-top: 100px !important;
    }

    /* Mobile: Column Negative Margin */
    .alignfull21 .stk-block-column,
    .alignfull21 .stk-column {
        margin-bottom: -60px !important;
    }

    /* Mobile: Large Text Sizing */
    .Alignfull31,
    .Alignfull31 * {
        font-size: 46px !important;
        line-height: 0.95 !important;
    }

    /* Mobile: Zoom Adjustment */
    .alignfull41 {
        zoom: 0.85;
    }

    /* Mobile: Button Styling */
    /* Targets Stackable buttons inside the wrapper on mobile */
    .stk-block-button__button {
        font-size: 14px !important; /* Slightly reduces font size to fit text */
        padding: 10px 16px !important; /* Optimizes spacing so buttons take up proportional space */
        letter-spacing: 0px !important; /* Prevents text stretching */
        white-space: nowrap; /* Keeps the text on a single line if possible */
    }
  
    /* Optional: Ensures the buttons sit nicely side-by-side or scale well */
    .stk-block-button {
        flex: 1 1 auto !important;
        min-width: 120px; /* Prevents them from shrinking too small */
    }

    /* Styles specifically for the first block */
    .alignfullebook {
        display: block !important; 
        width: 100% !important;
        padding-top: 150px !important;
        padding-bottom: 0px !important;
        box-sizing: border-box;
    }

    /* Styles for the second and third blocks */
    .alignfullebook1, 
    .alignfullebook2 {
        display: block !important; 
        width: 100% !important;
        padding-top: 40px !important;
        padding-bottom: 80px !important;
        box-sizing: border-box;
    }
    
}