/*
Theme Name: Lead Maine
Theme URI: 
Description: A child theme of Twenty Twenty-Five
Author: Ascent Media
Author URI: 
Template: twentytwentyfive
Version: 1.0.54
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: leadmaine
*/

/* Import parent theme styles */
@import url("../twentytwentyfive/style.css");

/* ==========================================================================
   CRITICAL: Mobile header sizing - MUST load first to prevent FOUC
   Forces size immediately regardless of inline attributes
   ========================================================================== */
@media (max-width: 768px) {
    header .wp-block-site-logo img {
        max-width: 120px !important;
        width: 120px !important;
        height: auto !important;
    }
    header .wp-block-site-logo {
        max-width: 120px !important;
        width: 120px !important;
    }
    header .wp-block-button__link {
        padding: 0.6rem 1.2rem !important;
        font-size: 1rem !important;
    }
}
@media (max-width: 420px) {
    header .wp-block-site-logo img {
        max-width: 100px !important;
        width: 100px !important;
    }
    header .wp-block-site-logo {
        max-width: 100px !important;
        width: 100px !important;
    }
    header .wp-block-button__link {
        padding: 0.5rem 0.9rem !important;
        font-size: 0.9rem !important;
    }
}
/* ========================================================================== */

/* Custom styles */

/* New Episode badge - inline width */
.new-episode {
    display: inline-block;
    width: auto;
}

:where(.wp-site-blocks) > * {
	margin-block-start: 0;
}

:where(.wp-site-blocks *:focus) {
	 outline-width: 0 !important;
}

/* Mobile button padding fix */
@media (max-width: 768px) {
	.wp-block-button__link {
		padding-left: var(--wp--preset--spacing--20) !important;
		padding-right: var(--wp--preset--spacing--20) !important;
	}
}

/* Mobile responsive flex layout for legislation button row */
@media (max-width: 768px) {
	.legislation-button-row.is-content-justification-space-between.is-nowrap.wp-block-group-is-layout-flex {
		flex-wrap: wrap !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 1rem !important;
	}
	
	.legislation-button-row .wp-block-buttons {
		width: 100%;
	}
	
	.legislation-button-row .wp-block-button {
		width: 100%;
	}
	
	.legislation-button-row .wp-block-button__link {
		width: 100%;
		text-align: center;
	} 
    outline-style: none !important;
}

/* Donate Window Styling */
.donate-window-parent {
	z-index: 100;
}
.donate-window {
    margin-top: -140px !important;
}

@media (max-width: 1024px) {
    .donate-window {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0;
    }
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Podcast cards in featured section - match archive layout */
.podcast-episodes-featured .wp-block-post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.podcast-episodes-featured .podcast-card-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Podcast columns - reorder on mobile (logo above text) */
@media (max-width: 781px) {
    .podcast-columns > .wp-block-columns {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    
    .podcast-columns > .wp-block-columns > .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
    
    /* Add some spacing between the reordered columns */
    .podcast-columns > .wp-block-columns > .wp-block-column:first-child {
        margin-top: 1.5rem;
    }
    
    /* Center the new episodes badge on mobile */
    .podcast-columns .new-episode {
        display: block !important;
        text-align: center !important;
        width: fit-content !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Donation Area Background Blur */
.donation-area {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px); /* Safari support */
}

/* Mission Section Mark Font */
.mission mark {
    font-family: var(--wp--preset--font-family--oilvare-base-rough);
}

/* Action Paragraph Mark Font */
.action-paragraph mark {
    font-family: var(--wp--preset--font-family--oilvare-base-rough);
}

/* Donate Button Hover Effects - Match Newsletter Signup */
.wp-block-button__link[href="#donate"],
.wp-block-button__link[href*="donate"] {
    transition: all 0.3s ease !important;
}

.wp-block-button__link[href="#donate"]:hover,
.wp-block-button__link[href*="donate"]:hover {
    opacity: 0.9 !important;
    transform: translateY(-2px) !important;
}

/* Maine Legislature Button - External Link Icon */
.wp-block-button.maine-legislature .wp-block-button__link::after {
    font-family: "Font Awesome 6 Free";
    content: "\f35d";
    font-weight: 900;
    margin-left: 8px;
    font-size: 0.85em;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.wp-block-button.maine-legislature .wp-block-button__link:hover::after {
    opacity: 1;
}
.wp-block-file {
	margin-top: 20px;
	text-align: center;
}
.hide-mobile {display: block;}
.show-mobile {
	display: none;
}
@media (max-width: 1200px) and (min-width: 768px) {

	
		.wp-container-core-group-is-layout-9d1601ad > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
			width: 80% !important;
		max-width: 80% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media (min-width: 768px) {
	.button-mobile {
		display: none !important;
	}
}
@media (max-width: 768px) {

	.button-desktop {
		display: none !important;
	}

.wp-block-file {
	margin-top: 0px;
	text-align: center;
}
.show-mobile {
	display: block;
}
.hide-mobile {display: none;}



	/* Hero Section - Remove padding */
	.hero-content,
	.hero-content.wp-block-group {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.laurel-note-content {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.wp-container-core-group-is-layout-1dee9afa > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.wp-container-core-group-is-layout-9d1601ad > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
			width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.wp-container-core-group-is-layout-6874cf7a > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
			width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.wp-container-core-group-is-layout-e08f760b > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.wp-container-core-group-is-layout-c1443e5a > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
				width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.wp-container-core-cover-is-layout-da5e3637 {
					width: 95% !important;
		max-width: 95% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* Laurel section - Full width on mobile */
	.wp-container-core-group-is-layout-2ec99027 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		width: 100% !important;
		max-width: 100% !important;
	}

	.wp-container-core-group-is-layout-9517baca > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
			width: 100% !important;
		max-width: 100% !important;
	}
	
	.wp-container-core-group-is-layout-9fad531e > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
			width: 100% !important;
		max-width: 100% !important;
	}
	.laurel-note {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	/* Navbar - Smaller logo and donate button */
	.wp-block-site-logo img,
	.custom-logo {
		max-width: 150px !important;
		height: auto !important;
	}
	
	.wp-block-button__link[href="#donate"],
	.wp-block-button__link[href*="donate"] {
		font-size: 0.9rem !important;
		padding: 8px 16px !important;
	}
	
	/* Make form submit button full width on mobile */
	.frm_submit.frm_flex {
		width: 100%;
	}
	
	.frm_submit.frm_flex .frm_button_submit {
		width: 100% !important;
		display: block;
	}
	
	/* Connect section - Add horizontal padding */
	.connect-section :where(.wp-block-group.has-background) {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	
	/* Footer - Center all content on mobile */

	footer.wp-block-column {
		text-align: center !important;
	}
	
	footer.wp-block-template-part .wp-block-image {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	footer.wp-block-template-part .wp-block-column {
		text-align: center !important;
	}
	
	footer.wp-block-template-part .wp-block-social-links,
	footer.wp-block-template-part .wp-block-buttons {
		justify-content: center !important;
	}
	
	footer.wp-block-template-part .has-text-align-right,
	footer.wp-block-template-part .is-content-justification-right {
		text-align: center !important;
		justify-content: center !important;
	}
	
	/* Reset cover image positioning on mobile */
	.wp-block-cover__image-background {
		object-position: 50% 70% !important;
	}

	    header .wp-block-button__link
	    { 
	    	padding-left: 1rem !important;
	    	padding-right: 1rem !important;

	    }
	    header .has-background {
            padding: 1em 1.5em !important;
        }
        header .wp-block-site-logo img {
            max-width: 80% !important;
        }
}

/* Footer Logo Max-Width */
footer .wp-block-image img {
    max-width: 200px !important;
    height: auto !important;
}

@media (max-width: 782px) {
    footer .wp-block-image img {
        max-width: 150px !important;
    }
       header .has-background {
            padding: .5em 1.5em !important;
        }

           .podcast-left-info {
                margin-bottom: 30px !important;
            }
}

.wpsr-fb-feed-item .wpsr-fb-feed-inner .fb-post-media-primary {
max-height: 100% !important;
}