<style type="text/css">
	#iab-announcements .card, #iab-events .card, #iab-news .card { margin-bottom: 1rem; }
	#iab-news .card .card-footer { padding: 0.5rem 1rem !important; line-height: 1.2 !important; }
	#iab-modal-ok p.header { border-bottom: 1px solid #d0d0d0; font-weight: bold; margin-bottom: 0rem; }
	.hero-md {
		max-width: 1200px !important;
		margin: 0 auto;
	}
	#main-slider {
		background-image: linear-gradient(#1e5c8d, #b9d7f0); 
		border-bottom: 5px solid #FFCD00;
	}
	#research-areas-div {
		position: relative;
		padding: 2.5em 2.5em 1.25em 2.5em;
	}
	#research-areas-div::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url('../../images/home/denali-wonder-lake.jpg');
		background-size: cover; /* Adjust as needed */
		background-position: center 30%; /* Adjust as needed */
		opacity: 0.3; /* Set your desired opacity (0 to 1) */
		z-index: -1; /* Place the pseudo-element behind the content */
	}
	.research-areas {
		border: 2.5em solid linen;
		background-color: linen;
	}
	.research-area-image {
		border-radius: 50% !important;
		filter: drop-shadow(5px 5px 5px #444);
	}

	.carousel-caption .btn {
		width: fit-content !important;
		font-size: 1rem;
		line-height: 1.2;
		margin-top: 0.25rem;
		opacity: 0.65;
	}
	
	.spot-helper {
		font-size: 85%;
    	font-style: italic;
    	padding-top: 1rem;
	}

</style>
