/* 1. Force a strict 3-column grid on desktop screens */
.wp-block-post-template {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important; /* FORCES EXACTLY 3 COLUMNS */
    gap: 20px !important;                                            /* Slightly smaller gap to fit 3 cards */
}

.wp-block-post-template > li {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: #ffffff; 
}

/* 2. FORCE ALL TITLES TO OCCUPY THE SAME 3-LINE SPACE */
.wp-block-post-template .wp-block-post-title {
    min-height: 4.5em;          /* Allocates enough room for roughly 3 lines of text */
    display: flex;
    align-items: flex-start;    /* Keeps shorter names aligned at the top of their space */
    margin-bottom: 12px;        /* Spacing below the title box */
}

/* 3. Force the Fact Title to also match if they vary in length */
.wp-block-post-template .card-text-grid > *:nth-child(2) {
    min-height: 1.5em;          /* Keeps the next field perfectly aligned below the title */
}

/* 4. Responsive mobile fixes so cards don't break on small screens */
@media (max-width: 900px) {
    .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr) !important; /* Drops to 2 columns on tablets */
    }
}
@media (max-width: 600px) {
    .wp-block-post-template {
        grid-template-columns: 1fr !important; /* Drops to 1 column on mobile phones */
    }
}





/* 1. HIDE IMAGE FROM THE HEADER & COLLAPSE THE HUGE EMPTY SPACE */
body[class*="page"] .custom-header-image,
body[class*="page"] .site-header,
body[class*="page"] .header-image-container,
body[class*="page"] .hero-banner {
    background-image: none !important;
    height: auto !important;          /* Overrides the giant fixed height */
    min-height: 0 !important;          /* Forces the container to collapse */
    padding-top: 20px !important;      /* Adjust these numbers if you need a little breathing room */
    padding-bottom: 20px !important;
}

/* 2. CRUSH THE GHOST GAP FOR EVERY ELEMENT INSIDE THE PURPLE BORDER */
.speaker-frame-wrapper,
.speaker-frame-wrapper * {
    line-height: 0 !important;
    font-size: 0 !important;
}

/* 3. FORCE THE IMAGE ITSELF TO BEHAVE AS A BLOCK WITH NO MARGINS */
.speaker-frame-wrapper img {
    display: block !important;
    vertical-align: bottom !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

//* -----
  * Existing CSS
  * -----*/

body:not(.no-header-image)  .custom-header-image {
    padding: 100px;
    height: 100px !important;
}

.lodestar-intro .entry-content {
	opacity: 1;
}
	
.lodestar-intro {
    margin-top: 0;
    padding-top: 0;
}

#menu-item-13073 a {
	background-color: #7Fba00 !important;

@media screen and (min-width: 60em ) {
	.two-column .panel-content
			.entry-content {
		-webkit-column-count: 1;
		column-count: 1;
	}
}
.page-id-2875 .content-area {
	display: flex;
	content: center;
	text-align: center;
	vertical-align: middle;
	max-width: 1200px !important;
	width: 100% !important;
	width: calc(25% - 20px);
}

.page-id-2875 #secondary {
	display: none;
}

.page-id-4800 .content-area {
	display: flex;
	content: center;
	text-align: center;
	vertical-align: middle;
	max-width: 1200px !important;
	width: 100% !important;
	width: calc(25% - 20px);
}

/* Swap logo on 40th anniversary page */
.page-id-4800 .site-logo  {
  visibility: hidden;
}
.page-id-4800 .site-branding {
  max-height: 600px;
  background-image: url(https://plen.org/wp-content/uploads/2018/06/modified-logo-1-1.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.page-id-4800 #secondary {
	display: none;
}

.page-id-4800 .custom-header-image {
	background: none !important;
}
@media screen and (min-width: 30em) {
	.page-id-4800 .custom-header-image {
		padding-top: 0%;
		padding-bottom: 0%;
	}
}

.page-id-5048 .content-area {
	display: flex;
	content: center;
	text-align: center;
	vertical-align: middle;
	max-width: 1200px !important;
	width: 100% !important;
	width: calc(25% - 20px);
}


/* Swap logo on 40th anniversary page */
.page-id-5048 .site-logo  {
  visibility: hidden;
}
.page-id-5048 .site-branding {
  max-height: 600px;
  background-image: url(https://plen.org/wp-content/uploads/2018/06/modified-logo-1-1.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.page-id-5048 #secondary {
	display: none;
}

.page-id-5048 .custom-header-image {
	background: none !important;
}
@media screen and (min-width: 30em) {
	.page-id-5048 .custom-header-image {
		padding-top: 0%;
		padding-bottom: 0%;
	}
}

#menu-item-5413 a {
	background-color: #7Fba00 !important;
}

.page-id-5043 .content-area {
	display: flex;
	content: center;
	text-align: center;
	vertical-align: middle;
	max-width: 1200px !important;
	width: 100% !important;
	width: calc(25% - 20px);
}

.page-id-5043 #secondary {
	display: none;
}

.page-id-6308 .content-area {
	display: flex;
	content: center;
	text-align: center;
	vertical-align: middle;
	max-width: 1200px !important;
	width: 100% !important;
	width: calc(25% - 20px);
}

.page-id-6308 #secondary {
	display: none;
}

.page-id-6525 .content-area {
	display: flex;
	content: center;
	text-align: center;
	vertical-align: middle;
	max-width: 1200px !important;
	width: 100% !important;
	width: calc(25% - 20px);
}

.page-id-6525 #secondary {
	display: none;
}
	
	    .page-id-9338 .entry-title {
        display: none !important;
    }