html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
  height: 100%;
  background-color: #eee;
}

.label-width {
	width: 100px;
}

.container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.full-width {
  width: 100%;
  background-color: #f8f8f8; /* Optional: Background color */
  box-sizing: border-box;
}

.split-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.split-30, .split-70 {
  box-sizing: border-box;
}

.split-30 {
	width: 30%;
	background-color: #e0e0e0; /* Optional: Background color */
	padding: 12px 24px;
}

.split-70 {
  width: 70%;
  background-color: #ffffff; /* Optional: Background color */
}

.icarolcontent h4 {
  color: #555555;
}

.icarolcontent {
    padding: 1em;
}

.pagination-wrapper {
  margin-top: 2em;
  margin-bottom: 2em;
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-info {
  margin-right: 10px;
}

/* Search Section */

.search-section, .location-filter-section {
   margin-bottom: 1em;
}

.search-input-div {
	margin: 3% 0 3% 0;
}

.search-input {
  flex-grow: 1;
}
	
.input-label {
  	display: block;
	margin: 2% 2% 2% 0 !important;
	font-size: 0.95em;
	line-height: 24px;
	font-weight: 500;
}

.input-label2 {
  	display: block;
	margin: 2% 0 2% 0 !important;
	font-size: 1em;
	line-height: 24px;
	font-weight: 700;
}
.input-label3 {
  	display: block;
	margin: 4% 0 1% 0 !important;
	font-size: 0.90em;
	line-height: 24px;
	font-weight: 700;
}

.form-select, .search-input {
        padding: 8px;
        font-size: .8em;
        border-radius: 4px;
        width: 100%;
        max-width: 160px;
        margin: 1% 0 1% 0;
    }

.btn-lg {
		padding: 0.5em 0.5em;
        font-size: 0.85em;
		font-weight: 800;
        border-radius: 4px;
        width: 100%;
        max-width: 100px;
        margin: 1% 0 1% 0;
    }

/* Fields to Search Section */
.fields-to-search {
  display: flex;
  gap: 10px;
}

.mainDiv {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 20%;
}

.main {
  max-width: 100%;
  margin: 0.5em 0 0 0em;
}

/* Map Section */
.mapDiv {
  width: 100% !important;
  height: 450px !important;
}
.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none; /* Initially hidden */
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}

.h3class {
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}

.hrefmap {
  font-size: 10px;
  font-weight: bold;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .main {
		margin: 0;
	}
 .split-container {
        flex-direction: column;  /* Stack elements vertically on mobile */
    } 
	.split-30, .split-70 {
    width: 100%;
	}
	
.split-30 {
    order: 1; /* Make .split-30 appear below .split-70 */
  }

  .split-70 {
    order: 2; /* Make .split-70 appear above .split-30 */
  }
	.mainDiv {
	flex-direction: column;
	}
	
	.mapDiv {
	height: 350px !important; /* Adjust the height as needed */
  	}
	
	.icarolhref {
  font-size: 15px !important;
  margin-left: .5em !important;
  word-wrap: break-word; /* Allows breaking long words */
  word-break: break-word; /* Ensures words break correctly */
  white-space: normal; /* Ensures the text wraps onto the next line */
}
	
  	.searchInput {
    width: 100% !important;
	padding: 0.4em 0.6em !important;
  	}
	
  	.search-input-div {
	width: 275px !important;
	padding: 2% 1%;
    gap: 6px !important;
  	}
	
	.input-label {
  	margin-bottom: 0.9em !important;
	font-size: 18px;
	line-height: 24px;
	}
	
  	.content.content_top_margin_none {
    margin-bottom: 0px !important;
  	}
	}

@media screen and (max-width: 600px) {
	.mainDiv {
  margin-bottom: 65% !important;
}
}