/* import about-us styles to style about us section */
@import "/assets/css/about-us.css";

/*-------------------Carousel-------------------*/

/* override main content for carousel */
.main-content {
    padding: 0px;
}

/* Forces images to fill the space without distorting */
.custom-carousel .carousel-item img {
  height: 100%;
  width: 100%;
  object-fit: cover; 
}

/* Bumps the height up to 500px on desktop screens */
@media (min-width: 768px) {
  .custom-carousel .carousel-inner {
    max-height: 500px; 
  }
}


/*-------------------Recent Results-------------------*/

/* Gives the section that subtle grey gradient background */
.recent-results-wrapper {
    background: linear-gradient(to right, #cfd3d6, #eef0f2, #cfd3d6);
    font-family: sans-serif;
}

/* Constrains the dashed line to the width of the text */
.dashedLine {
    border-top: 2px dashed #333;
    width: 80%; 
}

/* Remove default Bootstrap table borders to match your flat design */
.recentTable th, 
.recentTable td {
    border-bottom: none !important;
    vertical-align: middle;
}

/* Ensure the header text isn't completely black */
.recentTable th {
    color: #555;
    font-size: 0.9rem;
}

/* --- Orange Button Styling --- */
.wingButton {
    background-color: #f26f21; /* Matches the orange in your image */
    color: #ffffff;
    padding: 0.4rem 1.5rem;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.wingButton:hover {
    background-color: #d95e17;
    color: #ffffff;
}