/* Stuff that should maybe go in custom.css */
.navbar-top .container {max-width:100%;}
.navbar-top .dropdown {position: relative; margin-top: -3px;}
nav.breadcrumbs {font-size:80%;}
li.breadcrumb-item.active {color:#117E9C;}
li.breadcrumb-item.active:before {content: "\f054" !important; font-family: 'Font Awesome 6 Sharp';}
main#content ul {list-style-position:outside;}
main#content li {line-height: 1.25rem; margin-bottom: 0.75rem;}
.btn {text-wrap:balance;}
.btn-secondary {background:#117E9C; border-color:#117E9C;}
.feature-box .feature-box-title.p-0 {padding-left:75px !important;}
.feature-box.f-style-2 .feature-box-title {clear: right !important;}
/* Custom styles for K-12 Outreach */
.sitename:before {content: url('/asmp/images/ASMPLogoIcon.png'); display:inline-block; margin-right:10px; vertical-align:middle;}
.navbar > .container-fluid {padding-left:initial; padding-right:initial; width:100%;}
.navbar-expand-lg .navbar-nav {justify-content: space-evenly; max-width:100%;}
.nav-link.active {border-bottom:0.5rem solid; padding-bottom:0.5rem;}
hr {border-top: var(--bs-border-width) solid rgba(0, 0, 0, 0.0);}
.accordion-header button span {display:inline-block; margin:0 0.5rem}
.box-wrapper.themeCustom {background:linear-gradient(150deg, #052C65 0%, #1282A2 100%); color:#fff; padding:10rem 1rem 1rem; position:relative; margin-top:-9rem;}
.box-wrapper.themeCustom h1, .themeCustom h2, .themeCustom h3, .themeCustom h4, .themeCustom h5, .themeCustom h6 {color:#fff;}
.box-wrapper.themeCustom.pattern-overlay-4::before {
	background: url(/_resources-v5/images/bg/pattern/04.png), url(/asmp/images/ASMPLogoIcon-Translucent.png) !important;
	background-position: center, left !important;
	background-repeat: no-repeat !important;
	background-size: cover, contain !important;
}
.feature-box.custombutton-left-aligned .feature-box-footer.text-center {text-align:left !important;}
.feature-box.customstaff .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%;}
.feature-box.customstaff .f-box-imageh-med {max-height: 100%;}
.feature-box.customstaff img {border-radius:50%;padding:1.5rem;}
.ou-component-person-profile .person {padding: 1rem; border: 1px solid #dee2e6;}
.ou-component-person-profile .person .expandTab {padding: 0.5rem; background-color: #f6f6f6; border-radius: 3px;}
.ou-component-person-profile .person .expandTab a.expander {font-weight: bold; text-decoration: none;}
.ou-component-person-profile .person .expandTab a.expander span.fa.fa-plus-square.fa-2x {float: right; font-size: 1.6rem;}
.ou-component-person-profile .person .moreInfo p.card-text {padding:0.5rem; margin-top:0.5rem;}
main#content .carousel {position: relative; margin: auto; max-width: 80%;}
main#content .carousel-control-prev, .carousel-control-next {margin-left: -20%; margin-right: -20%; width: 10%;}
.deco-divider-left {border-top: 5px solid #1282A2; position: relative; margin-top: 2rem; padding-top: 2rem; width: 110%;}
.deco-divider-right {border-top: 5px solid #052C65; position: relative; margin-left: -10%; margin-top: 2rem; padding-left: 10%; padding-top: 2rem; width: 110%;}
/* Home Page Carousel styles */
#main-slider .carousel-caption {bottom: 0; left: 0; right: 0; top: 0; padding-bottom: 10%; background: linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%) !important;}
#main-slider .carousel-caption .h2 {color:transparent !important;}
#main-slider .carousel-caption .h2:before {
	content: "";  /* Ensure the pseudo-element is rendered */
  	display: block; /* Or inline-block, depending on your layout */
  	width: 90%;
	height: 100px;
  	background-image: url('/asmp/images/asmp-logo.png'); /* Replace with your image path */
	background-position:center;
  	background-size: contain; /* Or contain, adjust as needed */
	background-repeat:no-repeat;
	margin: 10% auto 0 auto;
}
/* Responsive container for the embedded map */
.responsive-map {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: 60vh; /* Take up 60% of viewport height on desktop */
  min-height: 400px; /* Ensure usable size */
}
.map-wrapper {
  width: 100%;
  overflow: hidden;
}
/* Optional: adjust height for very small devices */
@media (max-width: 600px) {
  .responsive-map {
    height: 70vh; /* Taller on mobile for visibility */
	min-height: 300px;
  }
}

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

@media (min-width: 768px) {
	#main-slider .carousel-caption .h2:before {margin: 15% auto 0 auto;}
}

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

@media (min-width: 1200px) {
	#main-slider .hero-lg .carousel-inner .carousel-item {height:515px !important;}
	#main-slider .carousel-caption .h2:before {margin: 15% auto 0 auto;}
}

@media (min-width: 1400px) {
	#main-slider .hero-lg .carousel-inner .carousel-item {min-height: 515px; height:auto !important;}
}