/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.fade-in-mgmt .bg-overlay {
  opacity: 0.6;
}

.fade-in-mgmt {
  height: 25em;
}

.lehighlogo {
  padding: 5px;
}

h1,
h2,
h3,
h4 {
  font-family: "Lato";
}

p {
  font-family: "Lato";
}

.lehigh-table {
  padding-top: 0px;
  text-align: center;
}

body
  > div
  > section.lehigh-table
  > div
  > div
  > div
  > div
  > table
  > thead
  > tr
  > th {
  padding-inline: 0;
}

.lehigh-table .container {
  padding: 0 20px;
}

.lehigh-table img {
  width: 2.5em;
}

.lehigh-team-header h1 {
  font-size: 2.2em;
}

.lehigh-team h2 {
  font-size: 2em;
  margin-top: 2em;
}

.lehigh-team-header .animated {
  animation-duration: 2s;
}

.lehigh-team p {
  padding: 3em;
}

.lehigh-team img {
  width: 15em;
}

.realtorlogos {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.realtorlogos img {
  max-width: 80px;
  margin-right: 2em;
}

.phases2 .card {
  border-radius: 0;
}

.phases2 .card .container {
  padding: 1px 1px;
  border-radius: 0;
}

.phases2 .card .container img {
  border-radius: 0;
}

.card-img-top {
  /* width: 18em;
          height: 10em; */
  object-fit: cover;
  min-height: 30vh;
  max-height: 30vh;
}

.map-container {
  position: relative;
}

.map-container iframe {
  pointer-events: none;
}

.map-container.active iframe {
  pointer-events: auto;
}

.scrollable-table {
  height: 100vh; /* Full screen height */
  overflow-y: auto; /* Vertical scrolling */
  border: 1px solid #ccc; /* Optional: To visually separate the area */
  padding: 10px; /* Optional: Add some padding */
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for better visibility */
}

.scrollable-table table {
  width: 100%; /* Ensure the table takes up full width of the container */
  border-collapse: collapse; /* Remove gaps between table cells */
}


@media (max-width: 1250px) {
  /* … */
}