/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 21 2026 | 20:44:36 */
/* =====================================================
   CSS VARIABLES
   ===================================================== */

:root {
    --admin-primary: rgb(1, 26, 51);
    --admin-primary-light: rgb(2, 40, 78);
    --admin-primary-dark: rgb(1, 20, 40);
    --admin-accent: rgb(240, 211, 151);
    --admin-accent-hover: rgb(212, 168, 75);
    --admin-accent-glow: rgba(240, 211, 151, 0.4);
    --admin-text: #ffffff;
    --admin-border-subtle: rgba(240, 211, 151, 0.15);
    --admin-radius: 12px;
    --admin-transition: all 0.3s ease;
}

/* =====================================================
   GRAVITYVIEW CONTAINER
   ===================================================== */

.gv-container,
.gv-table-container,
.gv-list-container {
    background: var(--admin-primary) !important;
    padding: 20px !important;
    border-radius: var(--admin-radius) !important;
    border: 1px solid rgba(240, 211, 151, 0.2) !important;
}

/* =====================================================
   PAGE HEADING
   ===================================================== */

.wp-block-heading.has-text-align-center {
    color: var(--admin-accent) !important;
    margin-bottom: 30px !important;
}

/* =====================================================
   GENERATEBLOCKS CONTAINER
   ===================================================== */

.gb-container {
    background: var(--admin-primary) !important;
    border-radius: var(--admin-radius) !important;
    border: 1px solid rgba(240, 211, 151, 0.2) !important;
}

/* =====================================================
   MODAL BUTTON CONTAINER - CENTERED
   ===================================================== */

.uagb-block-bc334b8f.uagb-modal-wrapper {
    background: var(--admin-primary) !important;
    padding: 20px 25px !important;
    border-radius: var(--admin-radius) !important;
    border: 1px solid rgba(240, 211, 151, 0.2) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    margin: 0 auto 20px auto !important;
    width: 98% !important;
    max-width: 98% !important;
    box-sizing: border-box !important;
    display: block !important;
    text-align: center !important;
}

.uagb-block-bc334b8f .uagb-spectra-button-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.uagb-block-bc334b8f .uagb-modal-button-link {
    background: var(--admin-accent) !important;
    color: var(--admin-primary) !important;
    border: none !important;
    transition: var(--admin-transition) !important;
    display: inline-block !important;
}

.uagb-block-bc334b8f .uagb-modal-button-link:hover {
    background: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px var(--admin-accent-glow) !important;
}

/* =====================================================
   ALUMNI PARENTS TAB - LAYOUT
   ===================================================== */

.alumni-parents-view {
    width: 100%;
}

/* =====================================================
   ALUMNI PARENTS TABLE - STYLING
   ===================================================== */

#alumni-parents-table {
    width: 100% !important;
    min-width: 100% !important;
    border-collapse: collapse !important;
    background: var(--admin-primary-dark) !important;
    border-radius: var(--admin-radius) !important;
    overflow: hidden !important;
    table-layout: auto !important;
}

/* Sticky Header */
#alumni-parents-table thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background-color: var(--admin-primary-light) !important;
}

#alumni-parents-table thead tr {
    background-color: var(--admin-primary-light) !important;
}

#alumni-parents-table thead tr td {
    background: linear-gradient(135deg, var(--admin-primary-light), var(--admin-primary)) !important;
    color: var(--admin-accent) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    padding: 16px 20px !important;
    text-align: left !important;
    border-bottom: 2px solid var(--admin-accent) !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

#alumni-parents-table thead tr td:first-child {
    border-top-left-radius: var(--admin-radius) !important;
}

#alumni-parents-table thead tr td:last-child {
    border-top-right-radius: var(--admin-radius) !important;
}

/* Body Rows */
#alumni-parents-table tbody tr {
    background: var(--admin-primary-dark) !important;
}

#alumni-parents-table tbody tr td {
    padding: 12px 15px !important;
    color: var(--admin-accent) !important;
    font-size: 13px !important;
    border-bottom: 1px solid var(--admin-border-subtle) !important;
    background: var(--admin-primary-dark) !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

/* Alternating Rows */
#alumni-parents-table tbody tr:nth-child(even) td {
    background: rgba(240, 211, 151, 0.04) !important;
}

/* Hover Effect */
#alumni-parents-table tbody tr:hover td {
    background: rgba(240, 211, 151, 0.1) !important;
}

/* Links - Pill Buttons */
#alumni-parents-table tbody td a {
    background: linear-gradient(135deg, var(--admin-accent) 0%, var(--admin-accent-hover) 100%) !important;
    color: var(--admin-primary) !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
    transition: var(--admin-transition) !important;
    box-shadow: 0 2px 6px rgba(240, 211, 151, 0.2) !important;
}

#alumni-parents-table tbody td a:hover {
    background: linear-gradient(135deg, var(--admin-accent-hover) 0%, #fff 100%) !important;
    color: var(--admin-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px var(--admin-accent-glow) !important;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {
    .uagb-block-bc334b8f.uagb-modal-wrapper {
        padding: 15px 20px !important;
    }
    
    #alumni-parents-table thead tr td {
        padding: 12px 10px !important;
        font-size: 11px !important;
    }
    
    #alumni-parents-table tbody tr td {
        padding: 10px 8px !important;
        font-size: 12px !important;
    }
    
    #alumni-parents-table tbody td a {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 480px) {
    #alumni-parents-table {
        display: block !important;
        overflow-x: auto !important;
    }
}