/* external CSS for OLSS */
#site-name-text-container {
	container-name: siteNameWrapper;
	container-type: inline-size;
	flex: 1 1 780px;
}


@container siteNameWrapper (max-width: 780px) {
  #site-name-text-container p {
    font-size: clamp(18px, 5cqi, 24px);
  }
}



.resources-box p:has(.external-link) {
	padding-bottom: 0;
}

/* 1. Enable container query on the parent container */

#home-intro-section-trans-bg.et_pb_section.et_pb_section_1 {
	background: transparent!important;
}
.home-intro-trio-card {
  container-type: inline-size; /* container query based on width */
  container-name: parent;      /* optional, can help if you reference by name */
  width: 100%;
  max-width: 800px;            /* example max-width */
  margin: 0 auto;
  padding: 1rem;
}

/* 2. Child element reacts to container width */
.home-intro-trio-card .et_pb_heading .et_pb_heading_container h2.et_pb_module_header {
  text-wrap: balance;
  font-size: clamp(40px, 24cqi, 60px);
}

.et_pb_image.wave-shadow .et_pb_image_wrap {
	position: relative;
	overflow: visible;
	
	
}

.et_pb_image.wave-shadow .et_pb_image_wrap img {
	transform: translate(-1rem, -1rem);
	position: relative;
	z-index: 1;	
}

.et_pb_image.wave-shadow .et_pb_image_wrap img {
	border-radius: 18px;
}

.et_pb_image.wave-shadow.big-corner-right .et_pb_image_wrap img {
	border-top-right-radius: 150px;
}

.et_pb_image.wave-shadow.big-corner-left .et_pb_image_wrap img {
	border-top-left-radius: 150px;
}


.et_pb_image.wave-shadow .et_pb_image_wrap:after {
	background-image: url(/wp-content/uploads/2025/10/wave-2.webp);
	background-size: 41px 26px;
	content: '';
	width: 100%;
	height: calc(100% - 60px);
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	opacity: .5;
}