nav.breadcrumbs {margin-top:2rem;}
main#content ul, main#content ol {list-style-position:outside; margin-left:1rem;}
main#content li {line-height: 1.25rem; margin-bottom: 0.75rem;}
main#content .box-wrapper.bg-grad {clip-path:polygon(0 2%, 100% 0, 100% 100%, 0 98%); padding-top:10rem !important; padding-bottom:10rem !important;}
main#content .multicolumn-container .row .col-md-6:nth-child(1) p:has(> img) > img {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
main#content .multicolumn-container .row .col-md-6:nth-child(2) p:has(> img) > img {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
main#content .multicolumn-container .row .col-md-4:nth-child(1) p:has(> img) > img {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
main#content .multicolumn-container .row .col-md-4:nth-child(2) p:has(> img) > img {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
main#content .multicolumn-container .row .col-md-4:nth-child(2) p:has(> img) > img.caep {
    clip-path: none;
}
#content::before {
	content: "";
	position: absolute;
	width:100%;
	height:50px;
	background-color:#111c4e;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 10%);
	z-index:0;
}
.main-content {background-color:#fff;}
/* Hero Carousel Styles */
.hero-lg .carousel-item.active::after {
	content: "";
	position: absolute;
	left: 0;             /* tweak position as needed */
	bottom: 0;               /* always aligned to image bottom */
	width: 100%;
	height: 100%;
	background: url(/soe/images/trees.svg) no-repeat bottom center;
	background-size: 100%;			
}
#myCarousel .carousel-caption {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
	bottom:0;
	text-shadow: 2px 2px 2px #000;
	background:linear-gradient(0deg, rgba(0, 0, 0, .65) 50%, rgba(0, 0, 0, 0) 100%);
}
/* Override white text in accordion inside .all-text-white */
.box-wrapper.bg-grad.all-text-white .accordion,
.box-wrapper.bg-grad.all-text-white .accordion *,
.box-wrapper.bg-grad.all-text-white .accordion-component,
.box-wrapper.bg-grad.all-text-white .accordion-component * {
  color: #111 !important;
}
/* Optional: restore Bootstrap accordion background colors */
.box-wrapper.bg-grad.all-text-white .accordion,
.box-wrapper.bg-grad.all-text-white .accordion-item,
.box-wrapper.bg-grad.all-text-white .accordion-body {
  background-color: #fff !important;
border-radius:3px;
}

/* Accordion buttons (collapsed + expanded) */
.box-wrapper.bg-grad.all-text-white .accordion-button {
  color: #111 !important;
  background-color: #fff !important;
}
.box-wrapper.bg-grad.all-text-white .accordion-button:not(.collapsed) {
  color: #111 !important;
  background-color: #e9ecef !important;
}
.box-wrapper.bg-grad.all-text-white .accordion-item,
.box-wrapper.bg-grad.all-text-white .accordion-button {
  border-radius: 3px !important; /* or 6px to match Bootstrap default */
  overflow: hidden; /* keeps inner elements from overlapping rounded edges */
}

/* Optional: restore first/last item rounding only */
.box-wrapper.bg-grad.all-text-white .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.box-wrapper.bg-grad.all-text-white .accordion-item:last-of-type {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.home-hero-wrapper {margin-top:-2.77rem;}
.interior-hero-container h1 {color:#fff;}
.feature-box-image img {clip-path:polygon(0 0, 100% 0, 100% 100%, 0 90%);}
.feature-box.f-style-2.fb-horizontal {box-shadow:none;}
.box-wrapper.bg-grad .feature-box-image-component .feature-box-desc {background-image: none;}
.ou-component-pullquote:before {
	content: "\f10d";
    font-family: "Font Awesome 6 Sharp";
    font-weight: 900;
    font-size: 1.75rem;
    line-height: 1;
    position: relative;
    left: 50%;
    background-color: #eee;
    padding: 1rem;
    border-radius: 50%;
    top: 0;
}
footer.pt-5 {padding-top:0 !important;}
footer .box-wrapper.themeCustom {
	background-image:url(/soe/images/0824_Type1_Landscape_Graphic_RGB.svg);
	background-position: top center;
	background-repeat:no-repeat;
	background-size:cover;
	padding-left:3rem;
	padding-right:3rem;
}
@media (min-width: 576px) {
	#myCarousel .carousel-caption {top: 40%;}
}
@media (min-width: 768px) {}

@media (min-width: 992px) {
	#myCarousel .carousel-caption {top: 50%;}
	main#content .box-wrapper.bg-grad {clip-path:polygon(0 10%, 100% 0, 100% 100%, 0 90%); padding-top:10rem !important; padding-bottom:10rem !important;}
}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {
	main#content {
		background-image: url('/soe/images/gradient-geo-border.png');
		background-size: contain;
		background-repeat: repeat-y;
		background-position: center center;
	}
	.hero-lg .carousel-item {
		height: 43rem;
    }
}