/* from page */

.mlw-banner {width:50%!important;}
.sem-banner {width:50%!important;}
#ms-menu {text-align:center;}

.mlw-text{
  flex:1 1 420px;              /* text takes available space */
}
.mlw-image{
  flex:0 0 auto;
  display:flex;                /* lets us bottom/right align the img inside */
  align-items:flex-end;        /* bottom of column */
  justify-content:flex-end;    /* right side */
  min-width:120px;             /* avoids collapsing */
}
/* Proportional image that caps to the text column height */
.mlw-image img{
  width:clamp(120px, 21.6vw, 300px)!important;  /* 20% wider than before */
  height:auto;                        /* maintain aspect ratio */
  max-height:100%;                    /* never taller than its column (i.e., text height) */
  display:block;
}
@media (max-width: 640px){
  .mlw-image{ justify-content:flex-start; } /* nicer on phones */
}

/* end from page */


.mlw2025-panel-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  padding: 2rem;
  font-family: 'Montserrat', sans-serif;
}

.mlw2025-panel {
  background: #9a088e;
  color: white;
  border-radius: 1rem;
  padding: 2rem;
  flex: 1 1 300px;
  max-width: 400px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.mlw2025-panel h2 {
  font-size: 1.75rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.mlw2025-panel p {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  font-weight: 400;
}

/* Button styles */
.mlw2025-panel-button {
  background-color: white;
  color: #4C4D4F;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.75rem 2rem;
  border-radius: 2rem;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.mlw2025-panel-button:hover,
.mlw2025-panel-button:focus {
  background-color: #F3E8F2;
  color: #4C4D4F;
  outline: none;
}

.mlw2025-panel-bg {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 30% !important;
  max-width: 120px !important;
  height: auto !important;
  opacity: 0.8;
  pointer-events: none;
  z-index: 0;
}



/* Ensure content layers on top of image */
.mlw2025-panel h2,
.mlw2025-panel p,
.mlw2025-panel-button {
  position: relative;
  z-index: 1;
}

/* Responsive */
@media (max-width: 768px) {
  .mlw2025-panel-container {
    flex-direction: column;
    align-items: center;
  }
}





.mlw-blue-bg {
	background-color:#e3f0fe;
	height:100%;
	padding:10px 20px;
	width:96%;
}


.mlw-blue-bg h2 {
	text-decoration: none!important; 
	font-family:Montserrat!important;
	font-size: 2rem!important;
}

.mlw-blue-bg h3 {
	text-decoration: none!important; 
	font-family:Montserrat!important;
	font-size: 1.5rem!important;	
	color:#9D1692!important;
}

.node__content {
	font-family: 'Montserrat', sans-serif!important;
}

/* Add | to menu */



/* remove underline and border from the span inside the links */
/* Menu link style */


/* Hover effect */
.mlw-nav:hover {
    background-color: #426BB3;
    color: white !important;
}

/* Add a black separator after each item except the last */

/* --- New Submenu Styles --- */

/* Container */
#ms-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

/* Each menu item inline */
#ms-menu li {
    display: inline-block;
}

/* Link styling */
#ms-menu a {
    display: inline-block;
    padding: 10px;
    font-size: 1.25rem;
    font-weight: normal;
    text-decoration: none;
    color: #9a088e;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover */
#ms-menu a:hover {
    background-color: #9a088e;;
    color: white;
}

/* Separator */
#ms-menu li:not(:last-child)::after {
    content: "|";
    color: black;
    margin: 0 8px;
}

.mlw-button {
    background-color: #426bb3;
    border-radius: 5px!important;
    margin: 15px 0;
}




.mlw-blue-bg{
  display:flex;
  flex-wrap:wrap;              /* stacks on small screens */
  gap:1rem;
  padding:1rem 2rem 1rem 2rem;
  border-radius:12px!important;
  background:#F3E8F2
  /* align-items:stretch is default for a row; ensures both columns share the same row height */
}