.input-row {
    display: flex;
    /* Use flexbox for layout */
    justify-content: space-between;
    /* Space out the input groups */
}

.input-group {
    flex: 1;
    /* Allow each input-group to take equal space */
    margin-right: 1em;
    /* Optional: Space between input groups */
}

.event-title-link,
.job-title-link {
    font-size: 1rem !important;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    line-height: 1.3em;
}

#user-identification .option,
#team-selection .option,
#new_user-info-button .retain-info-secondary,
.buttons .edit-btn-large,
.buttons .confirm-btn,
#registration_submit_button .btn,
.form-group .secondary,
.event-register-button,
#update-info-button .confirm-btn,
#update-info-button .edit-btn-large,
#confirm-info-button .edit-btn-large,
.register-more-btn,
.back-button a.btn-back {
    color: #1c2226 !important;
    font-weight: 600;
    padding: 10px 20px;
    min-width: 190px !important; /* Set a fixed width for consistency */
    height: 57px !important; /* Set a fixed height for consistency */
    border-radius: .25rem;
    display: inline-flex; /* Ensures buttons don’t resize unexpectedly */
    text-align: center; /* Centers text */
    font-size: 25px;
    background-image: linear-gradient(180deg, #BCC5F3, #8067C5);
    border: 2px solid #000 !important;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
}

select#user_information.form-control{
    background: #FAFAFA;
}
input#user_school_info.form-control{
    background: #FAFAFA;
}
input#user_school_info.form-control:focus,select#user_information.form-control:focus {
    outline: none; /* Removes the browser's default focus outline */
    box-shadow: none; /* Removes any shadow effect */
    border: 1px solid #ccc !important;
}
select#user_information.form-control:disabled{
    background-color: #e9ecef;
    opacity: 1;
}
input#user_school_info.form-control:read-only{
    background-color: #e9ecef !important;
    opacity: 1;
}
#verify-and-continue{
    margin-top: 20px;
}

.event-registration-tablenav-items{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; 
    gap: 5px;
    height: auto;
}
.event-registration-tablenav-items > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; 
    gap: 5px;
    height: auto;

}
#search_keyword { 
    width: 175px;
}
.container .entry-title{
    padding-top: 50px;
    padding-bottom: 10px    ;
	padding-left: 50px;
    font-size: 1.2rem;
}

.container .mergin-35{
    margin-left: 60px;
}
.margin-bottom-50 {
    margin-bottom: 50px !important;
}
.events-header-section{
    margin-top: 10px;
}
.event-manager_page_event-manager-registrations .tablenav {
    height: auto;
}
.event-registration-h1 {
    font-size: clamp(1.2rem, 1.8rem, 1.8rem);
}
.event-registration-h3 {
    font-size: clamp(1rem, 1.5rem, 1.5rem) ; 
}
.event-plugin-h2, .event-registration-header{
    font-size: clamp(1.2rem, 1.8rem, 1.8rem) ; 
}
.registration-header h2 {
    font-size: clamp(1.2rem, 1.8rem, 1.8rem);
}
.registration-header-job {
    font-size: clamp(1.2rem, 1.8rem, 1.8rem);
}
.bulkactions {
    display: none;
}


.registration-time{
    margin-top: 10px;
}
#user-identification .option:hover,
#user-identification .option:focus,
#team-selection .option:hover,
#team-selection .option:focus,
#new_user-info-button .retain-info-secondary:hover,
#new_user-info-button .retain-info-secondary:focus,
.buttons .edit-btn-large:hover,
.buttons .edit-btn-large:focus,
.buttons .confirm-btn:hover,
.buttons .confirm-btn:focus,
#registration_submit_button .btn:hover,
#registration_submit_button .btn:focus,
.form-group .secondary:hover,
.form-group .secondary:focus,
.event-register-button:focus,
.event-register-button:hover,
#update-info-button .confirm-btn:hover ,
#update-info-button .edit-btn-large:hover,
#confirm-info-button .edit-btn-large:hover,
.register-more-btn:hover,
#update-info-button .confirm-btn:focus ,
#update-info-button .edit-btn-large:focus,
#confirm-info-button .edit-btn-large:focus,
.register-more-btn:focus,.back-button a.btn-back:hover ,	.back-button a.btn-back:focus {
    background-color: #8a15bd !important;
    outline: none !important;
  
}

.checkbox-group {
    margin-top: 20px;
    display: flex;
    align-items: center;
    /* Center-align items vertically */
}

.event-details-btn {
    margin-right: 10px;
}

.checkbox-group label {
    margin-right: 5px;
   
    /* Space between label and checkbox */
    margin-bottom: 0;
    /* Remove bottom margin */
}

#event_non_attendance {
    margin-top: 8px;
    margin-left: 5px;
}

.input-group:last-child {
    margin-right: 0;
    /* Remove margin for the last input group */
}



.event-dates-section>div:nth-child(1),
.event-times-section>div:nth-child(1),
.event-extras-section>div:nth-child(1) {
    margin-right: 20px;
}

.event-locations-section input {
    display: block;
    width: 100%;
    margin: 10px 0;
}

.event-address-section .event-address-first-wrapper,
.event-address-section .event-address-second-wrapper {
    display: flex;
    width: 100%;
    margin: 10px 0;
}

.event-address-section .event-address-first-wrapper div,
.event-address-section .event-address-second-wrapper div {
    width: 100%;
}

.event-address-second-wrapper div {
    margin: 10px 0;
}

.event-address-section .event-address-first-wrapper div:nth-child(1) {
    margin-right: 10px;
}

.event-address-section .event-address-second-wrapper div:nth-child(1),
.event-address-section .event-address-second-wrapper div:nth-child(2) {
    margin-right: 10px;
}

.event-address-section input,
.event-address-section select {
    width: 100%;
}

/* .form-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
*/

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-group {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 1rem;
}

h1 {
    margin: 10px 0 !important;
}

#card-errors {
    color: red !important;
}

.donation-other {
    display: none;
}

.custom-table {
    width: 100%;
    text-align: left;
}

.custom-table th,
.custom-table td {
    border: 1px solid black;
    padding: 8px;
}

.custom-table {
    border-collapse: collapse;
}

.custom-table thead th {
    width: 25%;
}

.add_weather_report {
    margin-top: 30px;
}

.add_weather_report textarea {
    width: 100%;
}

.add_weather_report button {
    background: #2271b1;
    border-color: #2271b1;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    padding: 10px 15px;
    margin-top: 10px;
}

.delete-weather-report {
    background-color: red;
    color: white;
    padding: 5px 6px;
    border: none;
    text-decoration: none;
    text-shadow: none;
}

.delete-weather-report:hover {
    color: white;
}

.error {
    color: red;
}

.custom-archive-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#event-filter-dropdown {
    width: 15rem;
}

#keyword-input { 
    width: 175px;
}

.custom-archive-sidebar {
    width: 40%;
    padding: 20px;
    background-color: #f4f4f4;
    /* min-height: 100%; 
    box-sizing: border-box;  */
}

.custom-archive-content {
    width: 60%;
    padding: 20px;
    background-color: #fff;
}

.event-list-disabled-text {
    opacity: 0.5;
}


.primary-register-button {
    text-decoration: none !important;
    color: #008080 !important;
    background-color: #56a2a6 !important;
    border-color: #56a2a6 !important;
}

.custom-archive-content h3 a {
    color: #000000 !important;
}

.ui-state-default.ui-state-highlight {
    text-align: center !important;
}

table.event_registrations th#sex {
    width: 22px;
}

table.event_registrations th#event {
    width: 100px;
}

table.event_registrations th#city {
    width: 100px;
}

table.event_registrations th#state {
    width: 35px;
}

.event-plugin-h3 {
    font-size: 1.8rem;
}

#date-range-picker {
    min-width: 180px;
}

@media (max-width: 767px) {
    /* Adjust the max-width as needed for your mobile breakpoint */
    .custom-archive-wrapper .container {
        padding: 0;
        /* Set padding to 0 for mobile view */
    }

    .ast-article-single {
        padding: 0;
    }

    #user-identification .form-group {
        flex-direction: row;
        /* Align buttons in a row for larger screens */
    }
    #user-identification h2, .event-registration-header {
        font-size: 1rem; /* Set the font size to 1rem */
        
    }
    #returningUserBtn {
        margin-bottom: 10px;
    }
    #user-identification .form-group .btn {
        margin-bottom: 10px;
        /* Remove bottom margin on larger screens */
        margin-right: 10px;
        /* Add right margin for spacing between buttons */
    }

    #user-identification .form-group .btn:last-child {
        margin-right: 0;
        /* Remove margin from the last button */
    }

    .ast-article-single {
        padding: 0 !important;
        /* Remove padding for mobile view */
    }

    #team-selection {
        align-items: center;
        flex-direction: column;
        /* Stack buttons vertically */
    }

    #team-selection .option {
        width: 100%;
        /* Make buttons full width */
        margin-bottom: 10px;
        /* Optional: Add space between buttons */
    }
    
}