/* 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: #f9a088;
  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;
  position: relative;
  overflow: hidden;
}

.mlw2025-panel img {
  display: block;
  width: 100%;
  height: auto;
}



.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;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1.25rem;
    padding: 1rem;
  }

  .mlw2025-panel {
    width: 100%;
    max-width: 400px;
    flex: none;
    padding: 1.5rem;
  }
}











.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 */

}