/* Custom Styles for Mizpah Club Website */

/* Body Styling */
body {
    background-color: #f8f9fa; /* Light gray as a fallback color */
    background-size: cover;
    background-position: center;
}


/* Navbar Styling */
.navbar {
    padding: 5px 10px;
}

.navbar-nav {
    width: 100%; /* Make navbar take full width for centering */
    justify-content: center; /* Center the items */
}

.navbar-brand, .navbar-nav .nav-link {
    font-family: 'Oswald', sans-serif !important;
    font-size: 1.65rem;
    font-weight: 550;
}

.navbar-brand {
    display: none; /* Hide by default */
}

/* Show brand on mobile devices or when collapsed */
@media (max-width: 767.98px) {
    .navbar-brand {
        display: block;
    }
}


/* Header Styling */
.header {
    top:0;
    background: white; /* Ensure header has a background color */
}

.header .row > div {
    margin: 0 -5px; /* Space between logo groups */
}

.header-logo-main {
    max-height: 180px;
    width: auto;
}


/* Header Styling */
.carousel .carousel-item img {
    height: 400px;
    object-fit: cover;
}

/* Hide small logos on smaller screens */
@media (max-width: 768px) {
    .header-logo-small {
        display: none; /* Hide small logos */
    }
}

.header img {
    max-height: 75px; /* Adjust logo size as needed */
}


/* Banner Styling */
.banner {
    background: rgb(11, 9, 128); /* Ensure header has a background color */
    border: none;
}

/* Mobile Border */
.mobile-border-bottom {
    border-bottom: 1px solid #dee2e6; /* Bootstrap's default border color */
}
@media (min-width: 768px) { /* md breakpoint */
    .mobile-border-bottom {
        border-bottom: none !important;
    }
}

/* Text Section Styling */
h1{
    font-size:4.5rem;
    line-height:1.5;
    font-family: 'Oswald';
    color:#bb9744;
    -webkit-text-stroke: 1px black;
}

.text-section h2 {
    font-weight: bold;
    padding-top: 20px;
    font-family: 'Oswald';
}

.text-section h3 {
    font-family: 'Oswald';
    color:#bb9744;
    -webkit-text-stroke: 1px black;
}

.text-section p {
    font-size: 1.1em;
    line-height: 1.6;
}

/* Card Section Styling */

.card {
  height: 100%;
}

.card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Number of lines to show */
  -webkit-box-orient: vertical;
}

/* Footer Styling */

.footer {
    background-color: #f8f9fa; /* Light gray background for footer */
}