.wp-block-cover {
	height: 100vh;
	width: 100vw;
}

/*==========================
  iPad breakpoint: force header to behave like mobile 
  =========================*/

@media (min-width: 768px) and (max-width: 1481px) {
  header.wp-block-group.alignwide.wp-block-group-is-layout-flex {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  header.wp-block-group.alignwide.wp-block-group-is-layout-flex > .wp-block-group {
    width: 100% !important;
    justify-content: center !important;
  }
	
	/*
=============================
	 TRUE tablet devices only 
=============================
	*/
	
@media (min-width: 768px)
  and (max-width: 1040px)
  and (hover: none)
  and (pointer: coarse) {

  header .wp-block-navigation__submenu-icon,
  header .wp-block-navigation-submenu__toggle {
    display: none !important;
  }
}

  /* 
============================= Let nav fill line like mobile =============================
	*/
	
  header .wp-block-navigation {
    width: 100% !important;
    justify-content: center !important;
  }

  /* 
============================= If anything is forcing nowrap =============================
 */
	
  header .is-nowrap {
    flex-wrap: wrap !important;
  }
}

/* ===============================
   Small Ensemble Card Height Control
   =============================== */

#bBlocksTestPurpose-3 {
  --fancy-card-height: 600px; 
/* ← change this */
}

/* Lock the card height */
#bBlocksTestPurpose-3 .fancy-card {
  height: var(--fancy-card-height);
  overflow: hidden;          /* keeps image + overlay clipped */
  position: relative;        /* preserves overlay stacking */
}

/* 
===============================Force internal image layers to respect card height 
==============================
*/

#bBlocksTestPurpose-3 .fancy-card-imgWrapper,
#bBlocksTestPurpose-3 .fancy-card-figure {
  height: 100%;
}

/*
=============================== Ensure background images scale correctly 
===============================
*/

#bBlocksTestPurpose-3 .fancy-card-figure {
  background-size: cover;
  background-position: center;
}

/* 
===============================
Keep overlay intact 
===============================
*/

#bBlocksTestPurpose-3 .fancy-card-overlay {
  inset: 0;
}

/* 
===============================Content stays anchored visually 
===============================
*/

#bBlocksTestPurpose-3 .fancy-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 1024px) {
  #bBlocksTestPurpose-3 {
    --fancy-card-height: 360px;
  }
}

@media (max-width: 640px) {
  #bBlocksTestPurpose-3 {
    --fancy-card-height: 280px;
  }
}

/* ===============================
   Keep overlay locked to card on hover
   ===============================*/

#bBlocksTestPurpose-3 .fancy-card {
  position: relative; 
  overflow: hidden;  
}

/* Explicitly bind overlay to card bounds */

#bBlocksTestPurpose-3 .fancy-card-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none !important;   
	
/* prevent inherited transforms */
	
  transition: opacity 0.3s ease;
}

/* Prevent hover transforms from affecting overlay */

#bBlocksTestPurpose-3 .fancy-card:hover .fancy-card-overlay {
  transform: none !important;
}

/* ===============================
   Mobile Stack: 1 card per row
   ===============================*/

@media (max-width: 640px) {

  /* Ensure grid allows wrapping */
	
  #bBlocksTestPurpose-3 .fancy-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* Stack cards vertically */
	
  #bBlocksTestPurpose-3 .fancy-card {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

}

/* ===============================
   Responsive layout (desktop / tablet / phone)
   ===============================*/

/* Force the card container to behave like a grid */

#bBlocksTestPurpose-3 .fancy-grid{
  display: grid ;
  grid-template-columns: repeat(6, minmax(0, 1fr)); /* desktop default */
  gap: 16px !important;
}

/* Override the builder max-width on cards */

#bBlocksTestPurpose-3 .fancy-card{
  max-width: none !important;
  width: 100% !important;
  min-height: 0 !important;
}

/* Tablet: 2 columns */

@media (max-width: 1024px){
  #bBlocksTestPurpose-3 .fancy-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Phone: stack (1 column) + shrink text */

@media (max-width: 640px){
  #bBlocksTestPurpose-3 .fancy-grid{
    grid-template-columns: 1fr;
  }

  #bBlocksTestPurpose-3 .fancy-card-title{
    font-size: 20px !important;   
		/* adjust as needed */
		
    line-height: 1.15 !important;
  }

  #bBlocksTestPurpose-3 .fancy-card-tag{
    font-size: 12px !important;  
		/* adjust as needed */
  }
}

/* button hover*/

.wp-block-button__link {
	background-color: #303eae;
}
.wp-block-button__link:hover {
  background-color: #4554cc;
  color: #ffffff;
}
 
/* button radius ease*/

.wp-block-button__link {
  transition: background-color 	 0.3s ease,
	color 0.3s ease,
	border-radius 0.2s ease;
}

/* Jetpack Subscribe button specifically */

button.wp-block-button__link.no-border-radius {
  border-radius: 3px !important;
}
.wp-block-button__link {
  border-radius: 3px !important;
}

/* Make logos bigger in sponsor cards */

.sponsor-grid .sponsor-card a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/*Sponsor logo size */

.sponsor-grid .sponsor-card img {
  width: auto !important;
  height: 80px !important;       
	/* <-- change this number */
	
  max-height: 100% !important;
  max-width: 90% !important;     
	/* keeps it from overflowing horizontally */
	
  object-fit: contain;
  display: block;
}

/* =====================================
   Dropdown hover / focus highlight
   ===================================== */

/* Target submenu links */
.wp-block-navigation__submenu-container
  .wp-block-navigation-item__content {
  transition: background-color 0.2s ease, color 0.2s ease;
  padding: 8px 12px; /* improves hover hit area */
}

/* Hover + keyboard focus */
.wp-block-navigation__submenu-container
  .wp-block-navigation-item__content:hover,
.wp-block-navigation__submenu-container
  .wp-block-navigation-item__content:focus {
  background-color: rgba(69, 84, 204, 1); /* change color here */
  color: #ffffff;
  border-radius: 0px;
}


}