/* Shared utility classes for page templates */
.cover-fit { object-fit: cover !important; }
.w-80 { width: 80% !important; }
.w-50 { width: 50% !important; }
.bg-f4f9ff { background-color: #F4F9FF !important; }
.bg-f3f9ff { background-color: #F3F9FF !important; }
.bg-ededed { background-color: #EDEDED !important; }
.cursor-pointer { cursor: pointer !important; }
.no-text-decoration { text-decoration: none !important; }
.img-height-180 { height: 180px !important; }
.rounded-md { border-radius: 8px !important; }
.pin-marker { color: #d66523 !important; }
.text-blue-dark { color: #034873 !important; }
.text-teal { color: #117DBF !important; }
.card-link{ text-decoration: none !important; color: inherit !important; }


.home-text{
    font-size: 18px !important
}
@media(max-width: 768px){
.home-text{
    width: 100% !important;
}
}


#psych-ref:hover img, #sensory-ref:hover img, #heart-ref:hover img, #muscle-ref:hover img, #balance-ref:hover img, #walking-ref:hover img{
    filter: brightness(1.3) saturate(2) !important;
}

#overlay-row {
  position: absolute;
  bottom: -60px! important;
  z-index: 5 !important;
  width: 100% !important;
}

/* Stop overlaying on smaller screens (tour) */
@media (max-width: 1400px) {
  #overlay-row {
    position: static !important;
    bottom: -40px !important;
     z-index: auto !important;
  }
  #overlay-row .col-lg-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #background-row img{
    margin-bottom: 0 !important;
  }
}

/* for blue cols */
@media (max-width: 992px) {
  .order-1 {
    margin-bottom: -60px !important;
  }
}

.btn.disabled {
pointer-events: auto;
}

.featurette {
box-shadow: 0 0 100px rgba(137, 186, 217, 0.3) !important;
}


.carousel-caption {
bottom: 0;
top: auto;
left: 3%;
right: auto;
text-shadow: 2px 2px 2px rgba(3, 72, 115, 0.5) !important;
}

.btn-carousel {
background-color: #034873
}

.blue-underline{
border-bottom: 5px solid #5496BF;
}


.btn-primary, .btn-secondary{
font-family: 'Gotham Medium';
}

.clickable-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
box-shadow: 0 0 10px rgba(165, 202, 226, 0.8) !important;
}

.clickable-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 24px rgba(186, 105, 57, 0.5) !important;
}

.home-page .no-text-decoration {
  text-decoration: none !important;
}

.home-page .max-w-350 {
  max-width: 350px !important;
}

.home-page .cursor-pointer {
  cursor: pointer !important;
}

.home-page .bg-f4f9f9 {
  background-color: #f9f9f9 !important;
}

.home-page .rounded-25-no-shadow {
  border-radius: 25px !important;
  box-shadow: none !important;
}

.home-page .event-scroll {
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.home-page .event-scroll::-webkit-scrollbar {
  display: none;
}

.home-page .event-card {
  max-width: 300px;
  height: 500px;
  flex-shrink: 0;
  border: 1px solid #ddd;
  border-radius: 25px !important;
  box-shadow: none !important;
}

.home-page .event-card-body {
  border-radius: 25px !important;
  box-shadow: none !important;
}

.home-page .event-date-large {
  font-size: 5rem;
  line-height: 1;
}

.home-page .event-month {
  font-size: 2rem;
  font-family: 'Gotham Medium';
}

.home-page .event-title {
  font-family: Gotham Black;
  margin-bottom: 0.5rem;
  color: #044873;
}

.home-page .pin-marker {
  color: #d66523;
}

.home-page .section-cta {
  position: relative;
  background-color: #ededed;
  border-radius: 12px;
  padding: 20px 0;
}

.home-page .border-hero {
  border-radius: 12px;
}

.home-page .border-surface {
  background-color: #ededed;
}