/*=========================*/
/* Navbar                  */
/*=========================*/
.navbar.bg-secondary,
.footer-copyright,
.bg-secondary,
.program-badge {
	background-color: #005777 !important;
}

.navbar-brand {
	padding: 0;
}

#main-navbar {
	border-bottom: 8px solid #F4BD15;
	padding-left: 5%;
}

#main-menu>.current_page_ancestor>.dropdown-toggle {
	color: #005777;
}

@media (max-width: 991.98px) {
	#navbarNavDropdown #main-menu>.menu-item,
	#navbarNavDropdown #main-menu>.menu-item.menu-item-has-children.show {
		background-color: #005777;
	}
}

/*=========================*/
/* Social Icons            */
/*=========================*/
.social-icon {
	color: #005777 !important;
}

/*=========================*/
/* Search Input            */
/*=========================*/
.wp-block-search__input {
	background-color: #013244;
	margin-left: 15px;
}

/* Search function and page */
.search-global {
	margin: 15px;
}

#search-window {
	position: fixed;
	z-index: 99992;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/wp-content/themes/understrap/assets/img/constellation-starry-night.jpg") repeat-x;
	background-size: cover;
	display: none;
	justify-content: center;
	align-items: center;
}

#search-window form {
	max-width: 800px;
	padding: 20px;
	margin: 10% auto 0;
}

#search-window .form-row {
	display: flex;
	justify-content: center;
	align-items: center; /* Keep the title and input vertically aligned */
	width: 100%; /* Make the form-row take up the entire form width */
	margin-bottom: 30px; /* Add some space between the form-row and the button */
}

#search-window .search-title {
	color: #fff;
	font-family: 'Bitter', serif;
	font-size: 20px;
	margin-right: 15px;
	position: relative;
	filter: drop-shadow(0px 2px 2px #000);
}

#search-window #search-input {
	width: 80%;
	border-style: solid !important;
	border-width: 0px;
	border-color: #0065E0;
	border-radius: 5px !important;
	line-height: 38px;
	padding-left: 10px;
	font-size: 16px;
}

#search-window #search-button {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	cursor: pointer;
	border-style: solid;
	border-width: 0px;
	border-color: #fff;
	border-radius: 10px;
	background-color: #C83027;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	padding: 10px;
	width: 120px;
	display: block;
	margin-left: auto;
	margin-right: auto; /* Center the button */
	margin-top: 30px;
}

#search-window .close {
	float: right;
	background: none;
	border: none;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	margin-right: 40px;
	margin-top: 40px;
}

#search-window .close:hover {
	color: #ccc;
}

#search-window .nav-filigree {
	position: absolute;
	top: 10%;
	right: 10%;
	z-index: -2;
}

#search-window .browse-all-sites {
	text-align: right;
}

#search-window .browse-all-sites a {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	position: relative;
	font-size: 12px;
	top: 4px;
	right: 15px;
}

@media (max-width: 1180px) {
	#search-window {
		text-align: center;
	}

	#search-window input,
	#search-window #search-button,
	#search-window .browse-all-sites {
		display: block;
		margin: auto;
	}

	#search-window input {
		margin-top: 10px;
	}

	#search-window .browse-all-sites {
		text-align: center;
	}

	#search-window .browse-all-sites a {
		right: 0;
	}

	#search-window #search-button {
		left: 0;
		margin-top: 30px;
	}
}

#searchform .field.form-control {
	background-color: #013244;
}

/*=========================*/
/* Utility Logo            */
/*=========================*/
.utility-logo {
	position: absolute;
	left: 5%;
}

@media (max-width: 770px) {
	.utility-logo {
		display: none;
	}
}

/*=========================*/
/* Jumbotron Header        */
/*=========================*/
.page-id-37 .jumbotron-header .display-4,
.page-id-172 .jumbotron-header .display-4,
.page-id-19 .jumbotron-header .display-4,
.page-id-41 .jumbotron-header .display-4,
.page-id-9 .jumbotron-header .display-4 {
	padding: 20px 40px;
	background-color: rgba(0, 0, 0, 0.44);
	font-size: 60px;
	line-height: 75px;
}

.page-id-37 .jumbotron-header,
.page-id-172 .jumbotron-header,
.page-id-19 .jumbotron-header,
.page-id-41 .jumbotron-header,
.page-id-9 .jumbotron-header {
	background-color: initial;
}

@media (max-width: 770px) {
	.page-id-37 .jumbotron-header .display-4,
	.page-id-172 .jumbotron-header .display-4,
	.page-id-19 .jumbotron-header .display-4,
	.page-id-41 .jumbotron-header .display-4,
	.page-id-9 .jumbotron-header .display-4,
	.jumbotron-header .display-4 {
		font-size: 30px;
		line-height: 40px;
	}
}

/*=========================*/
/* Buttons                 */
/*=========================*/
.btn,
.wp-block-button .wp-block-button__link {
	background-color: #D44427;
	border-radius: initial;
	border: none;
	color: #fff;
}

.btn:hover,
.wp-block-button .wp-block-button__link:hover {
	background-color: #e55b3c;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
	color: #fff;
}

.entry-content .gform_button {
	background-color: #005777;
	border-radius: initial;
}

.entry-content .gform_button:hover {
	background-color: #0073a9 !important;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}

#main-navbar .navbar-toggler.collapsed {
	background-color: #D44427;
}

.impact-block-wrapper .box .button:hover,
.wp-block-ibe-page-promo .promo-link:hover {
	background-color: #94c3d8;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}

.event-program {
	background-color: #005777;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.wp-block-button .wp-block-button__link:not(:disabled):not(.disabled):active,
.wp-block-button .wp-block-button__link:not(:disabled):not(.disabled).active,
.show>.wp-block-button .wp-block-button__link.dropdown-toggle {
	background-color: #005777;
	border-color: #005777;
}

/*=========================*/
/* Alert Bar               */
/*=========================*/
#alert-bar,
#alert-bar a {
	background-color: #013244 !important;
}

/*=========================*/
/* Custom Color Classes    */
/*=========================*/
.wp-block-heading {
	color: #005777;
}

.denim {
	color: #7cb0c6;
}

.paprika {
	background-color: #005777;
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover {
	color: #fff;
}

/*=========================*/
/* Editor Default Colors   */
/*=========================*/
.has-universities-blue-background-color {
	background-color: #005777;
}

.has-universities-blue-color {
	color: #005777;
}

.has-universities-orange-background-color {
	background-color: #F4BD15;
}

.has-universities-orange-color {
	color: #F4BD15;
}

.has-button-red-background-color {
	background-color: #D44427;
}

.has-button-red-color {
	color: #D44427;
}

/*=========================*/
/* Impact Background       */
/*=========================*/
.impact-background {
	background-image: url('/wp-content/themes/understrap/assets/img/impact_background.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
	.impact-background {
		background-size: cover;
		background-attachment: scroll;
		min-height: 100vh;
	}
}

/*=========================*/
/* Page Specific Styles    */
/*=========================*/
.page-id-37 .pill-image-text {
	position: absolute;
	left: 30px;
	top: 35px;
	max-width: 90px;
	color: #fff!important;
}

@media (max-width: 1199px) {
	.page-id-37 .pill-image-text {
		all: unset;
		color: #005777 !important;
		position: static;
		text-align: center;
	}
}

.page-id-37 .wp-block-ibe-pill-image.is-style-left-slider .pill-image-text,
.wp-block-ibe-pill-image.is-style-left-slider .pill-image-text,
.wp-block-ibe-pill-image.is-style-right-slider .pill-image-text {
	color: #fff;
	font-size: 20px;
}

/*=========================*/
/* Widgets                 */
/*=========================*/
.widget-area h3,
.widget-header,
.centerex_feed_title,
.search-results .page-header,
.widget .box.text_with_link .link-item-header {
	color: #005777;
}

/*=========================*/
/* Contact Widgets         */
/*=========================*/

/* Style the contact container */
.wp-block-ibe-contact {
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	max-width: 320px; /* Ensuring the correct width */
	text-align: left; /* Ensure left alignment */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Heading formatting */
.wp-block-ibe-contact h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
	display: inline-block;
}

/* Subheading formatting */
.wp-block-ibe-contact p {
	font-size: 14px;
	margin-bottom: 10px;
}

/* Contact info container */
.contact-info-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start; /* Ensure alignment */
	width: 100%;
}

/* Ensure all contact items align properly */
.contact-item {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	flex-wrap: nowrap;
}

/* Specifically target the address row to align left */
.address {
	margin-top: 5px;
}

/* Contact icons styling */
.contact-icons {
	width: 24px;
	height: 24px;
	flex-shrink: 0; /* Prevent icons from shrinking */
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Ensure text aligns properly and wraps when needed */
.contact-item a {
	font-size: 14px;
	color: #0056b3;
	text-decoration: none;
	white-space: normal; /* Allow text wrapping */
	word-wrap: break-word;
	overflow-wrap: break-word;
	display: inline-block;
	flex-grow: 1;
	min-width: 0;
}

/* Ensure text does not overflow */
.contact-item span {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-grow: 1;
	min-width: 0;
}

/* Prevent content from going outside the container */
.wp-block-ibe-contact {
	overflow: hidden;
}

/* Button styling */
.contact-button {
	text-align: center;
	margin-top: 25px!important; /* Increased spacing */
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	width: 100%;
}

.wp-block-button .wp-block-button__link:hover {
	background-color: #e55b3c;
}

/*=========================*/
/* Footer                  */
/*=========================*/
.footer-logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0 50px;
	padding: 0;
}

.footer-icon-links {
	margin: 5px;
}

.footer-icon-links img {
	max-width: 250px;
	height: auto;
}

.footer-icon-links.w-100 {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 0;
}

.footer-logos .footer-icon-links {
	padding-bottom: 0;
}