.event .date, .event .time, .event .building, .event .location {
	margin-left: 5px;
}
.event .type {
		font-size: 1.5em;
		margin-bottom: 5px;
}
.event .location a {
	color: #163c5f;
}
.event .location a:hover {
  color: #b51f22;
}
.homepage-thumbnail {
	position: relative;
  display: inline-block; /* Or 'block', depending on your layout */		
}
.homepage-thumbnail img {
	margin-top: 8px;
  border-radius: 2em;
}
.homepage-thumbnail::before {
  content: ''; /* Necessary for pseudo-elements */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5); /* White layer with opacity. Adjust as needed */
  opacity: 0; /* Hide by default */
  transition: opacity 0.5s; /* Smooth transition */
}

.homepage-thumbnail:hover::before {
  opacity: 1; /* Show the white layer on hover */
	cursor: pointer;
}

.survey-door {
		width: 150px;
		display:block;
    margin:auto;
		text-align: center;
		text-size-adjust: 100%;
		justify-content: center;
}
a.survey-door {
		margin-bottom: 30px;
}
.survey-door-open {
  display: none;
}

#top-navigation-container {
	min-height: 350px;
}

.home-page-image-container {
		display: flex;
}
.home-page-image {
	object-fit: cover;
	width: 100%;
	height:450px;
	border-radius: 2em;
}

.page-title {
	font-family: 'Segoe UI', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 2em;
	line-height: 1em;
}
.page-title-normal {
	font-weight: 400;
	font-size: 2em;
	line-height: 1em;
}

.text-menu-title {
	font-family: 'Segoe UI', sans-serif;
	font-weight: 700;
	font-size: 3em;
	line-height: 1.1em;
}
.text-menu-title-2point2 {
	font-family: 'Segoe UI', sans-serif;
	font-weight: 700;
	font-size: 2.2em;
	line-height: 1.1em;
}		

.text-bold, .custom-html-widget {
	font-weight: 700;
}
.text-light {
	font-weight: 400;
}
.opacity-80 {
  opacity: 0.8;
}
.text {
	font-family: 'Segoe UI', sans-serif;
	font-style: normal;
}
.text-home-page {
	line-height: 1.5em;
  font-size: 15px;
	font-weight: 400;
}
.text-small {
		font-size: 0.7em;
}
.text-semi-bold {
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.4em;
}
.text-red {
  color: #b51f22;
}
.text-white {
		color: #ffffff;
}
.text-black {
  color: #000000;
}
.text-green {
  color: #2db473;
}
.text-dark-blue {
	color: #163c5f;
}
.text-light-blue {
  color: #9dc5e0;
}
.text-center {
	text-align: center;
}
.text-header {
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.5em;
}
.text-1point7em {
	font-size: 1.7em;
}
.text-regular {
  font-size: 1.1em;
	font-weight: 400;
}

		
#footer, .new-footer {
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.footer-text {
  font-family: 'Segoe UI', sans-serif;
  font-style: normal;
  line-height: 1.4em;
  font-weight: 400;
  font-size: 12px;
	margin-top: 26px;
}
.site-footer .widget ul#menu-footer, .widget-area .widget ul#menu-footer {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.site-footer .widget ul#menu-footer.menu li {
	font-family: 'Segoe UI', sans-serif;
  font-style: normal;
  margin-right: 30px;
	line-height: 1em;
  font-weight: 400;
  font-size: 12px;
	text-decoration: underline;
}
.site-footer .widget ul#menu-footer.menu li:last-child {
  margin-right: 0;  /* Removes margin from the last item */
}
ul#menu-footer.menu li a {
	color: #ffffff;
  text-decoration-color: #ffffff;
}
ul#menu-footer.menu li a:hover {
  color: #9dc5e0;
  text-decoration-color: #9dc5e0;
}

/* Base styles for the unordered list */
ul.horizontal-list {
  list-style-type: none; /* Remove bullet points */
  margin: 0; /* Remove default margin */
  padding: 0; /* Remove default padding */
  display: flex; /* Display items in a row */
}

/* Styles for each list item */
ul.horizontal-list li {
  margin-right: 20px; /* Space between items */
  font-size: 12px; /* Adjust font size as needed */
}

/* Styles for links inside list items */
ul.horizontal-list li a {
  color: white; /* White text */
  text-decoration: underline; /* Underlined text */
  display: block; /* Make the link fill the list item */
}

/************* CONTACT FORM **************/
.contact-form input[type="text"], 
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form textarea { /* Include textarea for consistency */
  border: none; /* Removes all borders */
  outline: none; /* Removes the typical focus outline */
	background-color: transparent;
}

table.contact-form {
  border-collapse: collapse; /* Makes sure there are no gaps between cells */
  width: 100%; /* Adjust the width as needed */
}

table.contact-form, table.contact-form th, table.contact-form td {
  border: 1px solid black; 
}

table.contact-form th:first-child, table.contact-form td:first-child {
  width: 200px;
}

table.contact-form .button-container { /* A container div for clarity */
  width: 100%; /* Ensure the container fills the table cell */
}

table.contact-form .button-container input.submit-button { 
	font-family: 'Segoe UI', sans-serif;
	font-style: normal;
	float: right;
	background-color: #383c3c; 
  color: #ffffff; 
  font-size: 1.5em; 
  padding: 16px 32px 16px 32px;      
  border: none;          
  border-radius: 2em;    
  cursor: pointer; 	
}

table.contact-form .button-container input.submit-button:hover {
  background-color: #163c5f; 
}

table.contact-form .wpcf7-form label {width:100% !important;}
table.contact-form .wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {width:100% !important;}
.wpcf7 {width:100% !important;}
.wpcf7-form {width:100% !important;}
table#contact-form .wpcf7-form input[type=text].full-width-input {width: 100% !important;}
span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {
    width: 100%;
}

span.wpcf7-form-control-wrap {
    width: 100%;
}
.contact-submit-button input.wpcf7-submit {
	text-align: center;
  font-family: 'Segoe UI', sans-serif;
	font-style: normal;
	background-color: #383c3c; 
  color: #ffffff; 
  font-size: 1.5em; 
  padding: 16px 32px 16px 32px;      
  border: none;          
  border-radius: 2em;    
  cursor: pointer; 	
}
.contact-submit-button input.wpcf7-submit:hover {
		background-color: #163c5f;
}

/***************** MENU CSS **************/
.topnav {
  position: relative;
  display: inline-block;
}

.topnav-toggle {
  cursor: pointer;
  background: none;
  border: none;
  padding: 10px 20px;
  font-size: 1.2em;
}
.topnav-toggle:hover, .topnav-toggle:focus {
		background: none;
}
.logo-image, .logo-image-secondary {
		height: 80px;
}
.logo-image:hover {
  content: url("../2024/02/logo-light-blue.png"); /* Replace with your hover image path */
}

.topnav-content ul {
  display: none;
	position: absolute;
  background-color: #9dc5e0;
  min-width: 160px;
	margin: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  width: 100%; /* Added to make the menu full width */
  list-style: none; /* Remove default styling */
  padding: 0; /* Remove default padding */
	left: 0;
}

.topnav-content ul li {
  padding: 8px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
	position: relative; /* Establish a reference point for absolute positioning */
}

.topnav-content ul li::after { 
  content: '';
  position: absolute;
  right: 0; 
  top: 50%;
  transform: translateY(-50%); /* Vertical centering */
  width: 20px;
  height: 20px;
	margin-right: 10px;
  border-radius: 50%;
  border: 2px solid #163c5f;
  background-color: transparent;
}

.topnav-content ul.show { /* Style applied when the menu is open */
  display: block;
}

.topnav-content ul li a {
  color: black;
  text-decoration: none;
  display: block;
}

.topnav-content ul li a:hover {
  color: #ffffff;
}


@media screen and (max-width: 576px) {
  .topnav-content ul {
    width: 100%;
  }
  .center-on-mobile {
		text-align: center;
	}
	#footer {
		margin-top: 0;
	}
	.contact-form .text-header {
			font-size: 1em;
	}
	table.contact-form .button-container input.submit-button {
		font-size: 0.9em;
		padding: 6px;
	}
	table.contact-form th:first-child, table.contact-form td:first-child {
		width: 100px;
	}
}

.curved-edge-container {
		position: relative;
		width: fit-content;
		background-color: white;
		clip-path: ellipse(60% 110% at 40% 80%);
}

.curved-edge-container img {
		display: block;
}
.vertical-center-container {
  height: 400px;
  position: relative;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 80px;
}