@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/Authentication/LoginDisplay.razor.rz.scp.css */
/* Default styles: Desktop layout */
.login-container[b-ykt1t6chjo] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.welcome-message[b-ykt1t6chjo] {
    color:#ffc200;
    text-decoration:none;
}

.welcome-message:hover[b-ykt1t6chjo] {
    text-decoration:underline;
}

/* Mobile-specific styles */
@media (max-width: 768px) {
    .login-container[b-ykt1t6chjo] {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    /* When not authorized, keep buttons on the edges but not stretched */
    .login-btn[b-ykt1t6chjo] {
        text-align: center;
    }

    /* When authorized, keep the welcome message left and logout button right */
    .welcome-message[b-ykt1t6chjo] {
        text-align: left;
    }

    .logout-btn[b-ykt1t6chjo] {
        text-align: right;
    }
}

/* Hrg Brown Button */
.login-display-btn[b-ykt1t6chjo] {
    box-shadow: inset 0px 1px 0px 0px #a6827e;
    background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
    background-color: #7d5d3b;
    border-radius: 3px;
    border: 1px solid #54381e;
    display: inline-block;
    cursor: pointer;
    color: #ffc200;
    font-family: "Kalam", serif;
    font-weight: 400;
    font-style: normal;
    margin: 0 5px;
    padding: 3px 18px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #4d3534;
}

.login-display-btn:hover[b-ykt1t6chjo] {
    background: linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
    background-color: #634b30;
    color: #c19500;
}

.login-display-btn:active[b-ykt1t6chjo] {
    position: relative;
    top: 1px;
}
/* /Components/Calendar/EventCalendarView.razor.rz.scp.css */
/* Calendar Container */
#calendar-container[b-aytao98hcn] {
    width: 100%;
    max-width: 1000px;
    margin: 20px auto;
    padding: 10px;
    background:#00000010;
    container-type: inline-size;
    container-name: calendar;
}

/* Calendar Header */
.calendar-header[b-aytao98hcn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.5rem;
    margin-bottom: 20px;
    color:#6c5b42;
}

.calendar-header button[b-aytao98hcn] {
    background-color: #6c5b42;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.calendar-header button:hover[b-aytao98hcn] {
    background-color: #a36606;
}

/* Calendar Grid Layout */
.calendar-grid[b-aytao98hcn] {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* 7 columns for Sun-Sat */
    gap: 3px;
    margin-top: 10px;
}

/* Weekday Headers */
.calendar-day-header[b-aytao98hcn] {
    font-weight: bold;
    text-align: center;
    padding: 5px;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    font-size:0.8rem;
}

/* Grayed-out Days (Previous and Next Month) */
.outside-month[b-aytao98hcn] {
    background-color: #f0f0f0;
    color: #ccc;
}

/* Individual Day Box */
.calendar-day[b-aytao98hcn] {
    border: 1px solid #ddd;
    padding: 2px 4px 6px 4px;
    position: relative;
    min-height: 70px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}

.calendar-day:hover[b-aytao98hcn] {
    background-color: rgba(174, 128, 65, 0.3);
}

/* Day Number */
.day-number[b-aytao98hcn] {
    text-align: right;
    font-weight: normal;
    font-size: 1.2rem;
}

/* One single dot on mobile showing count */
.event-count-dot[b-aytao98hcn] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #6c5b42;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6rem;
    font-weight: bold;
    margin: 3px auto;
}


@container calendar (max-width: 500px) {
    
    .calendar-header[b-aytao98hcn] {
        font-size: 1.1rem;
        font-weight:bold;
    }

    .calendar-header button[b-aytao98hcn] {
        margin: 5px;
    }

    .calendar-grid[b-aytao98hcn] {
        gap: 0px;
    }
    
    .calendar-day[b-aytao98hcn] {
        min-height: 40px;
    }
    
    .day-number[b-aytao98hcn] {
        font-size: 0.65rem;
        text-align:right;
        font-weight:normal;
    }
    
}

/* Extra Styling for the Days */
.calendar-day[b-aytao98hcn] {
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.calendar-day.outside-month[b-aytao98hcn] {
    background-color: #fafafa;
}

.calendar-day.selected[b-aytao98hcn] {
    border: 2px solid #007bff;
    background-color: #e6f0ff;
    border-radius: 8px;
}

.calendar-day.today[b-aytao98hcn] {
    background-color: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
}


.event-link[b-aytao98hcn] {
    display: block;
    text-decoration: none;
    padding: 2px 0;
    transition: background-color 0.3s ease;
    font-size: 0.9rem;
}

.event-link:hover[b-aytao98hcn] {
    background-color: rgba(174, 128, 65, 0.3);
    border-radius: 2px;
}

.event-date[b-aytao98hcn],
.event-time[b-aytao98hcn],
.event-title[b-aytao98hcn] {
    color: #6c5b42;
}

.event-list-column[b-aytao98hcn] {
    margin-top:20px;
}



.date-label[b-aytao98hcn] {
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 0.1rem; /* fine-tune this if needed */
}

.event-title[b-aytao98hcn] {
    word-break: break-word;
}

.accordion-button[b-aytao98hcn] {
    padding:8px;
    font-size:0.9rem
}
/* /Components/Calendar/EventForm.razor.rz.scp.css */
.event-form-wrapper[b-2ih6wekqaw] {
    width: 400px;
    max-width: 500px;
    margin: 0 auto;
    padding: 1rem;
}
/* /Components/Calendar/EventTableView.razor.rz.scp.css */
/* /Components/Email/SendEmailBoard.razor.rz.scp.css */

.attachments-section[b-1c9tnapnhn] {
    background-color: #00000010;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    padding: 15px;
    margin-top: 1rem;
}

.attachments-list[b-1c9tnapnhn] {
    list-style-type: none;
    padding-left: 0;
    margin-top: 0.5rem;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
}

.attachments-list li:nth-child(odd)[b-1c9tnapnhn] {
    background-color: #f2f2f2;
}

.attachments-list li:nth-child(even)[b-1c9tnapnhn] {
    background-color: #bfb8b1;
}

.attachment-item[b-1c9tnapnhn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1px 12px;
    font-weight: 500;
    color: #003366;
}

.btn-remove[b-1c9tnapnhn] {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    font-size: 1.25rem;
    padding: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-remove:hover[b-1c9tnapnhn] {
    color: #a71d2a;
}

.hidden-input[b-1c9tnapnhn] {
    display: none;
}

.custom-file-upload label[b-1c9tnapnhn] {
    margin: 0;
}
/* /Components/Header/MenuBar.razor.rz.scp.css */
.menu[b-iitxnob6cf] {
    position: relative;
    width: 100%;
    padding: 20px 0;
    min-height: 130px;
    transition: transform 1.5s ease, min-height 1.5s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #423b33;
    background-image: url('img/bg-wood-vertical.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-bottom: 3px solid #962f33;
}

/* Overlay for better text readability */
.menu[b-iitxnob6cf]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 0; /* Keeps overlay behind the content */
}

/* Ensure all direct children of .menu appear above the overlay */
.menu > *[b-iitxnob6cf] {
    position: relative;
    z-index: 2;
}

@media (max-width: 1400px) {
    .menu[b-iitxnob6cf] {
        min-height: 110px;
    }
}

@media (max-width: 1200px) {
    .menu[b-iitxnob6cf] {
        min-height: 100px;
    }
}

@media (max-width: 992px) {
    .menu[b-iitxnob6cf] {
        min-height: 80px;
    }
}

/* Logo styling */
.logo[b-iitxnob6cf] {
    position: absolute;
    top: 0px;
    left: 50px;
    z-index: 10;
    transition: left 1.5s ease;
}

@media (max-width: 992px) {
    .logo[b-iitxnob6cf] {
        left: 10px;
    }
}

.logo img[b-iitxnob6cf] {
    width: 130px;
    transition: transform 1.5s ease, width 1.5s ease;
}

@media (max-width: 1400px) {
    .logo img[b-iitxnob6cf] {
        width: 110px;
    }
}

@media (max-width: 1200px) {
    .logo img[b-iitxnob6cf] {
        width: 100px;
    }
}

@media (max-width: 992px) {
    .logo img[b-iitxnob6cf] {
        width: 80px;
    }
}

@media (max-width: 768px) {
    .logo img[b-iitxnob6cf] {
        width: 80px;
    }
}

/* Contact Info Styling */
.contact-info[b-iitxnob6cf] {
    display: none;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    flex-direction: column;
    align-items: center;
    border-radius: 5px; /* Optional: adds rounded corners */
}

.contact-info a[b-iitxnob6cf] {
    color: #ffd03a;
    text-decoration: none;
    display: block;
    font-size: 14px;
    padding: 10px 15px; /* Increase padding for a bigger clickable area */
    border-radius: 5px; /* Optional: Rounded corners for better design */
    background-color: rgba(0, 0, 0, 0.3); /* Slight background for better visibility */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.contact-info a:hover[b-iitxnob6cf] {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.6); /* Darker background on hover */
    color: #ffffff; /* Change text color for better contrast */
}
@media (max-width: 768px) {
    .contact-info[b-iitxnob6cf] {
        display: flex;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
    }
}

/* Main Menu for Desktop */
.main-menu[b-iitxnob6cf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    transition: gap 0.3s ease-in-out;
    margin-left: auto;
    padding-right: 50px;
}

@media (max-width: 1400px) {
    .main-menu[b-iitxnob6cf] {
        gap: 5px;
    }
}

@media (max-width: 1200px) {
    .main-menu[b-iitxnob6cf] {
        gap: 0px;
    }
}

@media (max-width: 992px) {
    .main-menu[b-iitxnob6cf] {
        gap: 0px;
        padding-right: 10px;
    }
}

@media (max-width: 768px) {
    .main-menu[b-iitxnob6cf] {
        display: none;
    }
}

.main-menu li[b-iitxnob6cf] {
    margin: 0;
    text-align: center;
}

.main-menu li a[b-iitxnob6cf] {
    text-decoration: none;
    color: #ffd03a;
    font-family: "Kalam", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 1.5px;
    padding: 10px 20px;
    transition: color 0.3s ease, font-size 0.3s ease-in-out;
}

.main-menu li a:hover[b-iitxnob6cf] {
    xbackground-color: rgba(0, 0, 0, 0.2);
    color: #ff871a;
}

@media (max-width: 1400px) {
    .main-menu li a[b-iitxnob6cf] {
        font-size: 16px;
    }
}

@media (max-width: 1200px) {
    .main-menu li a[b-iitxnob6cf] {
        font-size: 16px;
        padding: 10px 8px;
    }
}

@media (max-width: 992px) {
    .main-menu li a[b-iitxnob6cf] {
        font-size: 14px;
        padding: 8px 6px;
    }
}

/* Dropdown Styling */
.main-menu .menu-item-has-children[b-iitxnob6cf] {
    position: relative;
}
.main-menu .menu-item-has-children:hover .dropdown[b-iitxnob6cf],
.main-menu .menu-item-has-children:focus-within .dropdown[b-iitxnob6cf],
.main-menu .dropdown:hover[b-iitxnob6cf] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}



/* Hide the dropdown by default */
.main-menu .dropdown[b-iitxnob6cf] {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #423b33;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0; /* Initially hidden */
    visibility: hidden; /* Ensures it's not interactive */
    transform: translateY(-10px); /* Start slightly above */
    transition: opacity 0.3s ease, visibility 0s 0.3s, transform 0.3s ease;
}

/* Show the dropdown when hovering over the parent item */
.main-menu .menu-item-has-children:hover .dropdown[b-iitxnob6cf] {
    opacity: 1; /* Make visible */
    visibility: visible; /* Make it interactive */
    transform: translateY(0); /* Slide into place */
    transition: opacity 0.3s ease, visibility 0s 0s, transform 0.3s ease;
}

/* Style the dropdown items */
.main-menu .dropdown li a[b-iitxnob6cf] {
    width: 250px; /* Set a specific width */
    padding: 10px 20px;
    color: #ffd03a;
    font-family: "Kalam", serif;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    text-align: left; /* Left-align the text */
    display: block;
    transition: background-color 0.3s ease, color 0.3s ease;
    box-sizing: border-box; /* Ensures padding does not affect width */
}

.main-menu .dropdown li a:hover[b-iitxnob6cf] {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ff871a;
}
/* Add dashed border between dropdown items */
.main-menu .dropdown li[b-iitxnob6cf] {
    border-bottom: 1px dashed #ffd03a; /* Dashed border between items */
    margin: 0 10px; /* Adds space on left and right */
}

.main-menu .dropdown li:last-child[b-iitxnob6cf] {
    border-bottom: none; /* Remove border from the last item */
}


/* Adjust font size for dropdowns at different screen widths using the same sizes you've applied */
@media (max-width: 1400px) {
    .main-menu .dropdown li a[b-iitxnob6cf] {
        font-size: 16px; /* Match size for smaller screens */
    }
}

@media (max-width: 1200px) {
    .main-menu .dropdown li a[b-iitxnob6cf] {
        font-size: 16px; /* Keep the same size */
    }
}

@media (max-width: 992px) {
    .main-menu .dropdown li a[b-iitxnob6cf] {
        font-size: 14px; /* Keep the same size */
        width: 150px; /* Set a specific width */
    }
}

/* Ensure the dropdown is properly aligned */
.main-menu .menu-item-has-children[b-iitxnob6cf] {
    position: relative;
}

/* Additional mobile adjustments for the dropdown */
@media (max-width: 768px) {
    .main-menu .menu-item-has-children[b-iitxnob6cf] {
        position: relative;
    }

    .main-menu .dropdown[b-iitxnob6cf] {
        position: static;
        box-shadow: none;
        width: 100%; /* Take up full width on mobile */
        opacity: 1; /* Always visible on mobile */
        visibility: visible; /* Always visible on mobile */
        transform: translateY(0); /* No slide effect */
    }

    .main-menu .menu-item-has-children:hover .dropdown[b-iitxnob6cf] {
        display: block;
    }
}

/* Hamburger menu icon styling */
.hamburger[b-iitxnob6cf] {
    display: none;
    position: absolute;
    right: 20px;
    cursor: pointer;
    z-index: 10;
}

@media (max-width: 768px) {
    .hamburger[b-iitxnob6cf] {
        display: block;
    }
}

.hamburger span[b-iitxnob6cf] {
    display: block;
    width: 30px;
    height: 4px;
    margin: 5px 0;
    background-color: #ffd03a;
    transition: 0.3s;
}

/* Mobile Menu */
.mobile-menu[b-iitxnob6cf] {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    background-color: #332315;
    position: relative;
}

.mobile-menu.show[b-iitxnob6cf] {
    display: block;
}

.mobile-menu li[b-iitxnob6cf] {
    border-bottom: 1px dashed #ffd03a;
    width: 100%;
}

.mobile-menu li:first-child[b-iitxnob6cf] {
    border-top: 1px dashed #ffd03a;
}

.mobile-menu li:last-child[b-iitxnob6cf] {
    border-bottom: none;
}

.mobile-menu li a[b-iitxnob6cf] {
    display: block;
    padding: 5px 10px;
    width: 100%;
    color:#ffd03a;
    font-family: "Kalam", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    transition: color 0.8s ease;
    text-decoration: none;
}

.mobile-menu li a:hover[b-iitxnob6cf] {
    background-color: #ffd03a;
    color: #000000;
}

@media (max-width: 768px) {
    .mobile-menu.show[b-iitxnob6cf] {
        display: block;
    }
}
/* /Components/Header/TopBar.razor.rz.scp.css */
/* Top Bar */
.top-bar[b-l6y0mk4k6b] {
    display: block; /* Visible by default */
    height: 40px;
    width: 100%;
    color:#ffd03a;
    padding: 5px 50px;
    font-family: "Kalam", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.9em;
    background-color: #2e1900;
}

.top-bar-text[b-l6y0mk4k6b] {
    color:#ffd03a;
    margin: 0 10px;
}

/* Default: Show desktop top bar, hide mobile top bar */
.top-bar-mobile[b-l6y0mk4k6b] {
    display: none;
}

.phone[b-l6y0mk4k6b], .directions[b-l6y0mk4k6b] {
    color:#ffd03a;
    text-decoration:none;
}
.phone:hover[b-l6y0mk4k6b], .directions:hover[b-l6y0mk4k6b] {
    text-decoration:underline;
}

@media (max-width: 992px) {

    .top-bar[b-l6y0mk4k6b] {
        padding: 5px 10px;
    }
}

/* Mobile: Hide desktop top bar, show mobile top bar */
@media (max-width: 768px) {
    
    .top-bar-desktop[b-l6y0mk4k6b] {
        display: none;
    }
    .top-bar-mobile[b-l6y0mk4k6b] {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 10px;
    }

    .top-bar-mobile > div[b-l6y0mk4k6b] {
        width: 100%;
    }
}
/* /Components/HeroCarousel.razor.rz.scp.css */
#heroCarousel[b-aysr1xiobw] {
    position: relative;
}

.carousel-caption[b-aysr1xiobw] {
    position: absolute;
    top: 50%; /* Vertically center */
    left: 50%; /* Horizontally center */
    transform: translate(-50%, -50%); /* Adjust to ensure exact centering */
    z-index: 2; /* Ensure the caption is above the overlay */
    color: white; /* Adjust text color */
    text-align: center; /* Center text inside the caption */
    width: 100%; /* Ensure the caption takes up full width of the carousel */
    padding: 0 20px; /* Optional: Add some padding on the sides */

    /* Flexbox for centering */
    display: flex;
    flex-direction: column; /* Stack the title and text vertically */
    justify-content: center; /* Vertically center the content inside the caption */
    align-items: center; /* Horizontally center the content inside the caption */
}

.carousel-title[b-aysr1xiobw],
.carousel-text[b-aysr1xiobw] {
    display: block; /* Ensure they take up full lines */
    width: 100%; /* Make sure they span the full width */
    margin: 0; /* Remove any default margin that might affect alignment */
    padding: 5px 0; /* Optional: Add some space between the title and text */
}

.carousel-title[b-aysr1xiobw] {
    font-family: "Seaweed Script", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 8rem;
    line-height: 9rem;
    text-transform: lowercase;
    /* Drop shadow effect */
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);
}

.carousel-item[b-aysr1xiobw] {
    position: relative;
    overflow: hidden; /* Prevent title from being visible until it slides in */
}

.carousel-title[b-aysr1xiobw] {
    position: absolute;
    top: -130%; /* Start off-screen from the top */
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
    transition: top 0.8s ease-out; /* Animate sliding from the top */
}

/* When carousel-item becomes active, slide in the title */
.carousel-item.active .carousel-title[b-aysr1xiobw] {
    top: 20px; /* Slide into view */
}

/* Optional: For smooth transition when transitioning between slides */
.carousel-item-next[b-aysr1xiobw], .carousel-item-prev[b-aysr1xiobw], .carousel-item.active[b-aysr1xiobw] {
    transition: transform 0.5s ease;
}


.overlay[b-aysr1xiobw] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Semi-transparent black overlay */
    z-index: 1; /* Ensure overlay stays below the caption and buttons */
}

.carousel-control-prev[b-aysr1xiobw],
.carousel-control-next[b-aysr1xiobw] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3; /* Ensure buttons stay above everything else */
}

.carousel-control-prev[b-aysr1xiobw] {
    left: 10px;
}

.carousel-control-next[b-aysr1xiobw] {
    right: 10px;
}
/* /Components/Membership/WorkHourList.razor.rz.scp.css */
.accordion-item[b-jy273quw04] {
    border: none;
    background-color: rgba(0, 0, 0, 0.035);
    border-radius: 6px;
    overflow: hidden;
    margin-top:6px;
}

.accordion-header[b-jy273quw04] {
    background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
    border-radius: 6px;
}

.accordion-button[b-jy273quw04] {
    background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
    color: #ffce34;
    font-weight: normal;
    border: none;
    padding: 8px 16px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: background 0.3s ease, color 0.3s ease;
}

.accordion-button:not(.collapsed)[b-jy273quw04] {
    background: linear-gradient(to bottom, #9e6f3e, #7c4f21);
    color: #fff;
}

.accordion-button:focus[b-jy273quw04] {
    box-shadow: none;
    outline: none;
}

.accordion-button[b-jy273quw04]::after {
    filter: invert(83%) sepia(96%) saturate(367%) hue-rotate(2deg) brightness(105%) contrast(105%);
}

.accordion-body[b-jy273quw04] {
    background-color: #f8f1e6; 
    border: 1px solid #c2a182; 
    padding: 15px;
    border-radius: 0 0 6px 6px;
}
/* /Components/Minutes/MeetingMinutesArchiveList.razor.rz.scp.css */
/* Accordion Styles */

#minutesAccordion .accordion-body[b-y294223dqf] {
    width: 100%;
    padding: 0.5rem 1rem; /* your preferred padding */
}

#minutesAccordion .accordion-button[b-y294223dqf] {
    font-weight: bold;
    padding: 10px;
    background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
    color: #ffce34;
    border: 1px solid #ddd;
    transition: background-color 0.3s ease;
}

#minutesAccordion .accordion-button:not(.collapsed)[b-y294223dqf] {
    background-color: #54381e;
    color: white;
}

#minutesAccordion .accordion-button.collapsed[b-y294223dqf] {
    background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
    color: #ffce34;
}

#minutesAccordion .accordion-button:hover[b-y294223dqf] {
    background-color: #54381e;
}

#minutesAccordion .accordion-button:focus[b-y294223dqf] {
    box-shadow: none;
}

/* Card Styles */
#minutesAccordion .card[b-y294223dqf] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s;
    background-color: #fffdf8;
}

#minutesAccordion .card:hover[b-y294223dqf] {
    transform: translateY(-2px);
}

/* 🎯 Colored card headers */
#minutesAccordion .card-header[b-y294223dqf] {
    background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
    color: #ffce34;
    font-size: 0.90rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    text-align: center;
}

/* Card body */
#minutesAccordion .card-body[b-y294223dqf] {
    padding: 0.5rem 0.35rem;
}

/* 🎯 File link styling — small, tidy */
#minutesAccordion .card-body ul[b-y294223dqf] {
    padding-left: 0.2rem;
    font-size: 0.80rem;
    margin-bottom: 0;
}

#minutesAccordion .card-body li[b-y294223dqf] {
    margin-bottom: 0.5rem;
}

#minutesAccordion a[b-y294223dqf] {
    color: #333;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

#minutesAccordion a:hover[b-y294223dqf] {
    text-decoration: underline;
}

#minutesAccordion .bi-file-earmark-pdf-fill[b-y294223dqf] {
    font-size: 1rem;
    margin-right: 0.5rem;
}

/* Empty text */
#minutesAccordion .text-muted[b-y294223dqf] {
    font-style: italic;
    font-size: 0.85rem;
}

/* Spinner */
#minutesAccordion .spinner-border[b-y294223dqf] {
    width: 2rem;
    height: 2rem;
}

.minutes-grid[b-y294223dqf] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.minutes-grid-item[b-y294223dqf] {
    width: 205px;
    flex: 0 0 auto;
}

@media (max-width: 576px) {
    .minutes-grid-item[b-y294223dqf] {
        width: 100%;
    }
}

.minutes-grid-item .card[b-y294223dqf] {
    width: 100%; /* Fill grid column */
    box-sizing: border-box;
}
/* /Components/Newsletter/NewsletterArchiveList.razor.rz.scp.css */
.newsletter-row[b-4mu8zl2v7r] {
    display: flex;
    overflow-x: scroll;
    gap: 10px;
    padding: 10px 0;
}

.newsletter-item[b-4mu8zl2v7r] {
    flex-grow: 1;  /* Allow the items to grow and fill available space */
    text-align: center;
    min-width: 60px;  /* Ensure a minimum width so they don't get too small */
    max-width: 180px;  /* Optionally set a max width if needed */
}

.newsletter-link[b-4mu8zl2v7r] {
    text-decoration: none;
    color: black;
    display: block;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: background-color 0.3s;
}

.newsletter-link:hover[b-4mu8zl2v7r] {
    background-color: #f0f0f0;
}

.newsletter-thumbnail[b-4mu8zl2v7r] {
    width: 40px;  /* Set the icon size */
    height: 40px;
    object-fit: contain;  /* Maintain the aspect ratio */
    margin-bottom: 5px;
}

.newsletter-title[b-4mu8zl2v7r] {
    display: block;
}

.newsletter-month[b-4mu8zl2v7r],
.newsletter-year[b-4mu8zl2v7r] {
    display: block;
    font-size: 0.75em;  /* Make the text smaller */
    margin-top: 0px;
}

.accordion-button[b-4mu8zl2v7r] {
    font-weight: bold;
    padding:10px;
}

.accordion-body[b-4mu8zl2v7r] {
    padding: 0;
}

h2[b-4mu8zl2v7r] {
    margin-bottom: 10px;
    font-size: 1.2em;
}


/* Custom styles for accordion buttons */
.accordion-button[b-4mu8zl2v7r] {
    background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
    color: #ffce34;
    border: 1px solid #ddd; /* Optional: Border color */
}

/* Active state for the opened accordion item */
.accordion-button:not(.collapsed)[b-4mu8zl2v7r] {
    background: #54381e;
    color: white; /* Active item text color */
}

/* Inactive accordion items */
.accordion-button.collapsed[b-4mu8zl2v7r] {
    background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
    color: #ffce34;
    border: 1px solid #ddd; /* Optional: Add a border */
}

/* Optional: Hover state */
.accordion-button:hover[b-4mu8zl2v7r] {
    background: #54381e;
}

/* Focus state (optional, removes the blue outline when focused) */
.accordion-button:focus[b-4mu8zl2v7r] {
    box-shadow: none;
}
/* /Components/Newsletter/NewsletterUpload.razor.rz.scp.css */
/* /Components/Renewals/DuesGenerator.razor.rz.scp.css */
/* wwwroot/css/site.css or your component-specific CSS */
.hrg-table th:nth-child(1)[b-9rgvnbem9q],
.hrg-table td:nth-child(1)[b-9rgvnbem9q] {
    width: 70px;       /* HRG ID column */
    white-space: nowrap;
}

.hrg-table th:nth-child(2)[b-9rgvnbem9q],
.hrg-table td:nth-child(2)[b-9rgvnbem9q] {
    width: 170px;      /* Name column */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* optional: add ellipsis if the name is too long */
}

.dues-table th[b-9rgvnbem9q],
.dues-table td[b-9rgvnbem9q] {
    vertical-align: middle !important;
    padding: 4px 6px !important; /* tighter cell padding */
}

/* Prevent wrapping (you already did widths but this helps) */
.nowrap[b-9rgvnbem9q] {
    white-space: nowrap;
}

/* Total column styling */
.dues-table td.total-cell[b-9rgvnbem9q] {
    font-weight: 600;          /* bold */
    font-size: 1rem;           /* slightly larger */
    padding-left: 12px !important;
    padding-right: 12px !important;
    white-space: nowrap;       /* prevents wrapping */
    text-align: right;         /* aligns numbers nicely */
}

/* /Components/SecondaryNavMenu.razor.rz.scp.css */
/* Ensure text and menu items appear above the overlay */
h5[b-hcqew71a1e], .nav[b-hcqew71a1e], .nav-link[b-hcqew71a1e] {
    position: relative;
    /*z-index: 2; !* Ensures menu items are above the overlay *!*/
    font-family: "Roboto Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    /* color: #ffd03a; Yellow color */
    color :#2e1900;
}

h5:not(:first-of-type)[b-hcqew71a1e] {
    padding-top: 20px;  /* Adjust the padding as needed */
}

h5[b-hcqew71a1e] {
    font-size:1.1em;
    margin-bottom:2px;
}

.nav-link[b-hcqew71a1e] {
    padding: 3px 12px;
    font-size:0.99em;
}

.nav-link:hover[b-hcqew71a1e] {
    background-color: rgba(255, 255, 255, 0.2);
}

.content[b-hcqew71a1e] {
    flex-grow: 1;
}


.disabled-link[b-hcqew71a1e] {
    pointer-events: none;
    color: gray;
    text-decoration: none;
    opacity: 0.6;
    cursor: default;
}
/* /Components/Statistics/UnusedNumbersTable.razor.rz.scp.css */
.unused-numbers-table .number-box[b-7hpf8rs8bw] {
    font-weight: bold;
    font-size: 1rem;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.5rem;
    transition: background-color 0.2s, transform 0.2s;
}

.unused-numbers-table .number-box:hover[b-7hpf8rs8bw] {
    background-color: #e2e6ea;
    transform: scale(1.05);
    cursor: pointer;
}
/* /Components/Utilities/HrgModal.razor.rz.scp.css */
/* Full screen backdrop */
.custom-modal-backdrop[b-rcvf75vie6] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overflow-y: auto;
}

/* Modal content */
.custom-modal-content[b-rcvf75vie6] {
    background-color: #fff;
    padding: 2rem;
    border-radius: 0.3rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    max-width: 90%; /* Default max width */
    max-height: 90%; /* Default max height */
    overflow: auto;
    position: relative;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Close button */
.custom-modal-close[b-rcvf75vie6] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

/* Tablet and Mobile Media Queries */
@media (max-width: 768px) {
    .custom-modal-content[b-rcvf75vie6] {
        max-width: 95%; /* Max width for tablets and below */
        max-height: 85%; /* Max height for tablets and below */
    }
}

@media (max-width: 480px) {
    .custom-modal-content[b-rcvf75vie6] {
        max-width: 100%; /* Max width for mobile */
        max-height: 80%; /* Max height for mobile */
        padding: 1rem; /* Adjust padding for smaller screens */
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */

/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-6puoftq4cs] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-6puoftq4cs] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-6puoftq4cs] {
    font-size: 1.1rem;
}

.bi[b-6puoftq4cs] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-6puoftq4cs] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-6puoftq4cs] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-6puoftq4cs] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-6puoftq4cs] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-6puoftq4cs] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-6puoftq4cs] {
        padding-bottom: 1rem;
    }

    .nav-item[b-6puoftq4cs]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-6puoftq4cs]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-6puoftq4cs]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-6puoftq4cs] {
        display: none;
    }

    .collapse[b-6puoftq4cs] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-6puoftq4cs] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Layout/SecondaryLayout.razor.rz.scp.css */
.secondary-layout-container[b-jyg5meb88o] {
    background-color: #f5efdb;
}

.secondary-layout-container h1[b-jyg5meb88o],
.secondary-layout-container h2[b-jyg5meb88o],
.secondary-layout-container h3[b-jyg5meb88o],
.secondary-layout-container h4[b-jyg5meb88o],
.secondary-layout-container h5[b-jyg5meb88o],
.secondary-layout-container h6[b-jyg5meb88o] {
    font-family: "Roboto Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #2e1900;
}

.secondary-layout-container h1[b-jyg5meb88o] {
    font-size: 2.5em; /* Adjust as needed */
}

.secondary-layout-container h2[b-jyg5meb88o] {
    font-size: 2.2em; /* Adjust as needed */
}

.secondary-layout-container h3[b-jyg5meb88o] {
    font-size: 1.9em; /* Adjust as needed */
}

.secondary-layout-container h4[b-jyg5meb88o] {
    font-size: 1.6em; /* Adjust as needed */
}

.secondary-layout-container h5[b-jyg5meb88o] {
    font-size: 1.3em; /* Adjust as needed */
}

.secondary-layout-container h6[b-jyg5meb88o] {
    font-size: 1.1em; /* Adjust as needed */
}



.sidebar[b-jyg5meb88o] {
    width: 250px;
    /*background: url('img/bg-wood-vertical.jpg') center/cover no-repeat;*/
    /*background: #2e1900;*/
    background: #e7dccf;
    min-height: 100vh;
    position: relative; /* Ensures ::before is contained within the sidebar */
}

/*.sidebar::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(0, 0, 0, 0.4);*/
/*    z-index: 1; !* Keeps the overlay below the content *!*/
/*}*/

/* Ensure text and menu items appear above the overlay */
.sidebar h5[b-jyg5meb88o],
.sidebar .nav[b-jyg5meb88o],
.sidebar .nav-link[b-jyg5meb88o] {
    position: relative;
    z-index: 2; /* Ensures menu items are above the overlay */
    font-family: "Roboto Condensed", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    /* color: #ffd03a; Yellow color */
    color: #2e1900;
}

.sidebar h5:not(:first-of-type)[b-jyg5meb88o] {
    padding-top: 20px;  /* Adjust the padding as needed */
}

.sidebar h5[b-jyg5meb88o] {
 font-size:1.1em;
    margin-bottom:2px;
}

.sidebar .nav-link[b-jyg5meb88o] {
    padding: 3px 12px;
    font-size:0.9em;
}

.sidebar .nav-link:hover[b-jyg5meb88o] {
    background-color: rgba(255, 255, 255, 0.2);
}

.content[b-jyg5meb88o] {
    flex-grow: 1;
}


.offcanvas[b-jyg5meb88o] {
    background: #2e1900;
    position: fixed; /* Ensures it covers the whole viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Ensures it covers the entire screen */
}

/*!* Dark overlay *!*/
/*.offcanvas::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(0, 0, 0, 0.4);*/
/*    z-index: 1; !* Keeps the overlay below the content *!*/
/*}*/

/* Ensure text and menu items appear above the overlay */
.offcanvas h5[b-jyg5meb88o],
.offcanvas .nav[b-jyg5meb88o],
.offcanvas .nav-link[b-jyg5meb88o] {
    position: relative;
    z-index: 2; /* Ensures menu items are above the overlay */
}

.offcanvas .nav-link[b-jyg5meb88o] {
    padding: 4px 12px;
    color: white;
}

.offcanvas .nav-link:hover[b-jyg5meb88o] {
    background-color: rgba(255, 255, 255, 0.2);
}

/* Custom close button styles */
.btn-close-member[b-jyg5meb88o] {
    background-color: transparent; /* No background */
    border: none;  /* No border */
    color: #ffd03a; /* Yellow color */
    font-size: 1.5rem; /* Size of the 'X' */
    font-weight: bold;
    cursor: pointer; /* Makes it clickable */
    padding: 5px 10px; /* Space around the button */
    transition: color 0.3s ease, transform 0.3s ease; /* Smooth transition */
}

/* On hover, change the color to white */
.btn-close-member:hover[b-jyg5meb88o],
.btn-close-member:focus[b-jyg5meb88o] {
    color: white;  /* Change color to white when hovered/focused */
    transform: scale(1.1); /* Slightly enlarge the button */
}

/* Optional: add border or background on focus */
.btn-close-member:focus[b-jyg5meb88o] {
    outline: none; /* Remove default outline */
    border-bottom: 2px solid #ffd03a;  /* Add a yellow border at the bottom */
}

/* /Pages/Authentication/Login.razor.rz.scp.css */
.custom-login-container[b-3cmwk26cpq] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5efdb; /* Background color */
    background-image: url('img/Design-Expand-White.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* Adjusts logo size */
}

/* Full height centering on larger screens */
@media (min-width: 576px) {
    .custom-login-container[b-3cmwk26cpq] {
        height: 100vh; /* Full height */
        padding: 0; /* Remove padding */
    }
}

/* Below 576px, remove height and use padding */
@media (max-width: 575.98px) {
    .custom-login-container[b-3cmwk26cpq] {
        height: auto !important; /* Override any inherited height */
        min-height: unset !important; /* Prevent forced full screen */
        padding: 100px 0; /* Adds spacing */
    }
}

/* Keeps the login box looking good */
.login-box[b-3cmwk26cpq] {
    background: rgba(255, 255, 255, 0.5); /* Light background for readability */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 400px; /* Prevents it from stretching */
    width: 100%;
}



/*@media (min-width: 576px) {*/
/*    .custom-login-container {*/
/*        height: 100vh;*/
/*    }*/
/*}*/

/*@media (max-width: 575.98px) {*/
/*    .custom-login-container {*/
/*        padding: 50px 0;*/
/*    }*/
/*}*/

/*.custom-login-container {*/
/*    min-height: 100vh;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    background-color: #f5efdb; !* Set your desired background color *!*/
/*    background-image: url('img/Design-Expand-White.png');*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: contain; !* Adjusts the logo size *!*/
/*}*/

/*.login-box {*/
/*    background: rgba(255, 255, 255, 0.5); !* Keeps login form readable *!*/
/*    padding: 2rem;*/
/*    border-radius: 8px;*/
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
/*}*/
/* /Pages/Member/ClubProperties.razor.rz.scp.css */
/* Grid Layout */
.property-grid[b-uec9evqpgr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.property-card[b-uec9evqpgr] {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    transition: background 0.3s;
}

.property-card:hover[b-uec9evqpgr] {
    background: rgba(174, 128, 65, 0.3);
}

.property-image[b-uec9evqpgr] {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
}

.property-info[b-uec9evqpgr] {
    margin-top: 10px;
}

/* Full-Width Property Details */
.property-details[b-uec9evqpgr] {
    display: none; /* Hide by default */
    margin-top: 20px;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%; /* Ensure it takes up full width */
}

.property-details h4[b-uec9evqpgr] {
    padding-top: 30px;
    font-weight: bold;
}

.property-details p[b-uec9evqpgr] {
    padding-top: 3px;
}

.property-details ol[b-uec9evqpgr], .property-details ul[b-uec9evqpgr] {
    font-size:0.9rem;
}


/* Show the property details when active */
.property-details.show[b-uec9evqpgr] {
    display: block;
}

/* Property detail image */
.property-detail-image[b-uec9evqpgr] {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    border-radius: 8px;
}

/* Responsive Design */
@media (min-width: 1024px) {
    .property-grid[b-uec9evqpgr] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .property-grid[b-uec9evqpgr] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .property-grid[b-uec9evqpgr] {
        grid-template-columns: repeat(1, 1fr);
    }
}

.image-thumbnail[b-uec9evqpgr] {
    max-width: 200px;
    width: 100%;  /* Ensures responsiveness within the limit */
}

.property-card.active-property[b-uec9evqpgr] {
    background: rgba(174, 128, 65, 0.3);
}
/* /Pages/Member/PheasantInformation.razor.rz.scp.css */
.bird-resources ul[b-vv7hpeispg] {
    list-style-type: none; /* Removes bullet points */
    padding-left:30px;
}

.bird-resources li[b-vv7hpeispg] {
    margin-bottom: 10px; /* Adds spacing between items */
}

.bird-resources a[b-vv7hpeispg] {
    text-decoration: none; /* Removes underline */
    color: #000; /* Keeps default text color */
    display: flex;
    align-items: center;
    gap: 10px; /* Adds spacing between icon and text */
}

.bird-resources a:hover[b-vv7hpeispg] {
    text-decoration: underline; /* Adds underline on hover */
}

.bird-resources img[b-vv7hpeispg] {
    width: 30px;
    height: auto;
}
/* /Pages/Membership/ApplicationManagement.razor.rz.scp.css */
.delete-btn i[b-ktko6z7p2p] {
    font-size: 18px;  /* Icon size */
    color: red;
    font-weight:bold;
}
.delete-btn[b-ktko6z7p2p] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}
.delete-btn:hover i[b-ktko6z7p2p] {
    color: darkred;
}

/* Override color of disabled action icons */
button[disabled] i.hrg-app-action-icon[b-ktko6z7p2p] {
    color: #bbb !important; /* Light gray */
    opacity: 0.7;
    pointer-events: none;
}

.text-orange-bold[b-ktko6z7p2p] {
    color: #c05621; /* Darker orange (like Tailwind orange-700) */
}

.btn-link.text-orange-bold:hover[b-ktko6z7p2p],
.btn-link.text-orange-bold:focus[b-ktko6z7p2p] {
    color: #9c4221; /* Even darker orange on hover/focus */
    text-decoration: underline;
    outline: none;
}
/* /Pages/Membership/MembershipRenewal.razor.rz.scp.css */
.progress[b-fcq8cr37nm] {
    background-color: #e9ecef;
    border-radius: 12px;
    overflow: hidden;
}

.progress-bar[b-fcq8cr37nm] {
    transition: width 0.4s ease-in-out;
    font-weight: 600;
}

.pdf-icon[b-fcq8cr37nm] {
    width: 75px;        /* max width */
    height: auto;        /* maintain aspect ratio */
    object-fit: contain;
    transition: transform 0.2s ease-in-out;
}

.pdf-icon:hover[b-fcq8cr37nm] {
    transform: scale(1.08);
}

.text-center a:hover .fw-bold[b-fcq8cr37nm] {
    text-decoration: underline;
}
/* /Pages/Public/Archery.razor.rz.scp.css */
@media (min-width: 768px) {
    #fixed-column[b-j8vbpz3rk4] {
        width: 300px;  /* Set fixed width for large screens */
    }
}

/* Custom styling for the card header and body */
.subpage-cards .card-header[b-j8vbpz3rk4] {
    background-color: #6c5b42; /* Background color for card header */
    color: white; /* White text color for card title */
    font-size: 22px;
}

.subpage-cards .card-body[b-j8vbpz3rk4] {
    background-color: #f5efdb; /* Background color for card body */
}

.committee-card h3[b-j8vbpz3rk4] {
    font-size:18px;
    color:#6c5b42;
}
/* /Pages/Public/CalendarPage.razor.rz.scp.css */
@media (min-width: 768px) {
    #fixed-column[b-6fa6b9qojk] {
        width: 300px;  /* Set fixed width for large screens */
    }
}

/* Custom styling for the card header and body */
.subpage-cards .card-header[b-6fa6b9qojk] {
    background-color: #6c5b42; /* Background color for card header */
    color: white; /* White text color for card title */
    font-size: 22px;
}

.subpage-cards .card-body[b-6fa6b9qojk] {
    background-color: #f5efdb; /* Background color for card body */
}

.committee-card h3[b-6fa6b9qojk] {
    font-size:18px;
    color:#6c5b42;
}
/* /Pages/Public/Contact.razor.rz.scp.css */
@media (max-width: 767px) {
    .club-committee-container .col-12[b-veyzculbv8] {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .club-committee-container .col-12 ul[b-veyzculbv8] {
        margin-bottom: 0 !important;
    }

}

.control[b-veyzculbv8], fieldset[b-veyzculbv8] {
    margin: 6px 0;
}

label[b-veyzculbv8] {
    display: inline-block;
    width: 120px;
    vertical-align: top;
}

input + label[b-veyzculbv8] {
    width: auto;
}
/* /Pages/Public/DeerSmallGame.razor.rz.scp.css */
/* /Pages/Public/DogTraining.razor.rz.scp.css */
/* /Pages/Public/Facilities.razor.rz.scp.css */
/* /Pages/Public/Fishing.razor.rz.scp.css */
@media (min-width: 768px) {
    #fixed-column[b-o2p84zlq3e] {
        width: 300px;  /* Set fixed width for large screens */
    }
}

/* Custom styling for the card header and body */
.subpage-cards .card-header[b-o2p84zlq3e] {
    background-color: #6c5b42; /* Background color for card header */
    color: white; /* White text color for card title */
    font-size: 22px;
}

.subpage-cards .card-body[b-o2p84zlq3e] {
    background-color: #f5efdb; /* Background color for card body */
}

.committee-card h3[b-o2p84zlq3e] {
    font-size:18px;
    color:#6c5b42;
}
/* /Pages/Public/Home.razor.rz.scp.css */
.intro-container[b-4ai19u70f3] {
    padding: 80px 0 180px 0;
}

#activities h5[b-4ai19u70f3] { 
    font-size:18px; 
    text-transform: uppercase;
}

#activities .card-body[b-4ai19u70f3] {
    padding : 15px 10px;
    text-transform: uppercase;
}

.card-link[b-4ai19u70f3] {
    text-decoration: none; /* Remove underline */
    color: inherit; /* Keep text color the same */
}

.card-link .card[b-4ai19u70f3] {
    background-color: #f5efdb;
    transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

.card-link:hover .card[b-4ai19u70f3] {
    background-color: #6c5b42;
    color:white;
}



/* The main content of the page */
/* Section Styling */
.home-content-section[b-4ai19u70f3] {
    background-color: #333; /* Dark gray background */
    padding: 60px 20px;
    text-align: center;
    position: relative;
}

/* Container */
.home-content-container[b-4ai19u70f3] {
    margin: 50px auto 0 auto; /* Adjusted for spacing */
    background-color: #f5efdb;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.offset-up[b-4ai19u70f3] {
    margin: -200px auto 0 auto; /* 200px negative margin on top */
}

/* Flexbox Layout */
.home-content-wrapper[b-4ai19u70f3] {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap; /* Ensure elements wrap when needed */
    padding:0 20px;
}

/* Text Column (1/2 width) */
.text-column[b-4ai19u70f3] {
    flex: 1;
    text-align: left;
}
.text-column h2[b-4ai19u70f3] {}
.text-column[b-4ai19u70f3] {}

/* Image Column (1/2 width) */
.image-column[b-4ai19u70f3] {
    flex: 1;
    text-align: center;
}

/* Image Styling */
.section-image[b-4ai19u70f3] {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Responsive: Swap image and text order on small screens */
@media (max-width: 768px) {
    .home-content-wrapper.reverse[b-4ai19u70f3] {
        flex-direction: column-reverse; /* Image goes on top for smaller screens */
        text-align: center;
    }

    .home-content-wrapper.normal[b-4ai19u70f3] {
        flex-direction: column;
        text-align: center;
    }

    /* Optional: Center text when the layout stacks */
    .text-column[b-4ai19u70f3] {
        text-align: center;
    }
}

/* /Pages/Public/Hunting.razor.rz.scp.css */
#hunting h3[b-jmqyk697m8] {
    font-size:18px;
    text-transform: uppercase;
}

#hunting .card-body[b-jmqyk697m8] {
    padding : 15px 10px;
    text-transform: uppercase;
}

#hunting .card-link[b-jmqyk697m8] {
    text-decoration: none; /* Remove underline */
    color: inherit; /* Keep text color the same */
}

#hunting .card-link .card[b-jmqyk697m8] {
    background-color: #f5efdb;
    transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

#hunting .card-link:hover .card[b-jmqyk697m8] {
    background-color: #6c5b42;
    color:white;
}
/* /Pages/Public/Pheasant.razor.rz.scp.css */
/* /Pages/Public/Pistol.razor.rz.scp.css */
/* /Pages/Public/Rifle.razor.rz.scp.css */
/* /Pages/Public/TargetRanges.razor.rz.scp.css */
#target-ranges h3[b-y02llwfp25] {
    font-size:18px;
    text-transform: uppercase;
}

#target-ranges .card-body[b-y02llwfp25] {
    padding : 15px 10px;
    text-transform: uppercase;
}

#target-ranges .card-link[b-y02llwfp25] {
    text-decoration: none; /* Remove underline */
    color: inherit; /* Keep text color the same */
}

#target-ranges .card-link .card[b-y02llwfp25] {
    background-color: #f5efdb;
    transition: background-color 0.3s ease-in-out; /* Smooth transition */
}

#target-ranges .card-link:hover .card[b-y02llwfp25] {
    background-color: #6c5b42;
    color:white;
}
/* /Pages/Public/Trap.razor.rz.scp.css */
@media (min-width: 768px) {
    #fixed-column[b-lp3mxq9d6w] {
        width: 300px;  /* Set fixed width for large screens */
    }
}

/* Custom styling for the card header and body */
.subpage-cards .card-header[b-lp3mxq9d6w] {
    background-color: #6c5b42; /* Background color for card header */
    color: white; /* White text color for card title */
    font-size: 22px;
}

.subpage-cards .card-body[b-lp3mxq9d6w] {
    background-color: #f5efdb; /* Background color for card body */
}

.committee-card h3[b-lp3mxq9d6w] {
    font-size:18px;
    color:#6c5b42;
}