/* Hide the header on every page by default */
#custom-header {
    display: none !important;
}

/* Show the header ONLY on the homepage */
.home #custom-header {
    display: block !important;
}
/* 1. TURN FOOTER BACKGROUND WHITE */
#footer-widgets-bg, 
#footer-bg, 
#footer-line-bg, 
.site-footer, 
#colophon {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-top: 1px solid #eeeeee;
}

/* 2. TURN ALL FOOTER TEXT & LINKS TO DYNAMIC RED */
.footer-widgets .widget-title, 
.footer-widgets .widget, 
.footer-widgets .widget ul li, 
.footer-widgets .widget ul li a, 
.footer-widgets a, 
#footer-line, 
#footer-line a, 
#footer-line .credit-link {
    color: #e64946 !important;
}

/* 3. REMOVE THE RANDOM SUBSCRIBE/FOLLOW BUTTON */
/* This targets the Jetpack button and the WordPress.com floating button */
.jetpack-sub-button, 
#subscribe-footer, 
.wp-block-jetpack-button, 
#infinite-footer, 
.subscribe-button-wrapper,
#subscribe-blog-blog_subscription-2 {
    display: none !important;
    visibility: hidden !important;
}
/* 1. HIDE THE SPECIFIC JETPACK SUBSCRIBE BUTTON */
button[name="jetpack_subscriptions_widget"],
.wp-block-button__link.no-border-radius[type="submit"] {
    display: none !important;
}

/* 2. ENSURE NO GHOST SPACING IS LEFT BEHIND */
.jetpack_subscription_widget, 
.wp-block-jetpack-subscriptions {
    display: none !important;
}
/* 1. Hide the old header */
#header-wrap {
    display: none !important;
}

/* 2. Target Dynamic News' EXACT wrapper to force the cream background */
#navi-wrap {
    background-color: #f6f5f1 !important; 
    border: none !important;
}

/* 3. Strip out the theme's default dark blocks and gradients */
#mainnav, 
#mainnav-menu, 
#mainnav-menu > li {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
}

/* 4. Fix the wonky text, make it black, and perfectly center it vertically */
#mainnav-menu > li > a {
    color: #000000 !important; 
    text-shadow: none !important; /* This removes that blurry shadow! */
    font-weight: bold !important;
    background: transparent !important;
    height: 75px !important; /* This dictates the overall height of your navigation bar */
    display: flex !important; 
    align-items: center !important; /* This perfectly centers the text and logo vertically */
    padding: 0 15px !important; /* Keeps the spacing even */
}

/* 5. The red hover effect */
#mainnav-menu > li > a:hover,
#mainnav-menu > li.current-menu-item > a {
    color: #f1524e !important; 
    background: transparent !important; 
}

/* 6. Logo sizing */
img.custom-nav-logo {
    max-height: 50px !important; /* Keeps the logo inside the 75px bar */
    width: auto !important;
    padding-right: 15px !important;
}

.wp-block-button.is-style-outline .wp-block-button__link { background: transparent !important; border: 2px solid #e84747 !important; color: #e84747 !important; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: #e84747 !important; color: #ffffff !important; }

/* Blog and archive listings: compact rows with the thumbnail on the left */
body.blog article.post,body.archive article.post,body.search article.post{display:grid;grid-template-columns:240px 1fr;column-gap:22px;grid-template-areas:"img title" "img meta" "img entry" "img info";align-items:start}
body.blog article.post>h2.post-title,body.archive article.post>h2.post-title,body.search article.post>h2.post-title{grid-area:title;font-size:20px;line-height:1.25}
body.blog article.post>.postmeta,body.archive article.post>.postmeta,body.search article.post>.postmeta{grid-area:meta}
body.blog article.post>a,body.archive article.post>a,body.search article.post>a{grid-area:img;display:block;margin:0}
body.blog article.post>a img,body.archive article.post>a img,body.search article.post>a img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0;display:block}
body.blog article.post>.entry,body.archive article.post>.entry,body.search article.post>.entry{grid-area:entry}
body.blog article.post>.postinfo,body.archive article.post>.postinfo,body.search article.post>.postinfo{grid-area:info}
body.blog .entry .sharedaddy,body.blog .entry .sd-like,body.blog .entry .jp-relatedposts,body.archive .entry .sharedaddy,body.archive .entry .sd-like,body.archive .entry .jp-relatedposts,body.search .entry .sharedaddy,body.search .entry .sd-like,body.search .entry .jp-relatedposts{display:none !important}
@media (max-width:640px){body.blog article.post,body.archive article.post,body.search article.post{display:block}body.blog article.post>a img,body.archive article.post>a img,body.search article.post>a img{aspect-ratio:16/9;margin:10px 0}}

/* Hide category chips on blog, archive and search listings for now */
body.blog article.post>.postinfo,body.archive article.post>.postinfo,body.search article.post>.postinfo{display:none}