body {
    background-image: none !important;
}

#masthead {
    position: relative !important;
}

/* ── Shared color utilities ─────────────────────────────────────────────── */
.ev-bg-primary, .bg-primary-event   { background-color: var(--primary-bg-color,   #2695D0) !important; }
.ev-text-primary { color:            var(--primary-text-color,  #ffffff) !important; }

.ev-bg-secondary   { background-color: var(--secondary-bg-color,   #023C6B) !important; }
.ev-text-secondary { color:            var(--secondary-text-color,  #ffffff) !important; }

.ev-bg-tertiary   { background-color: var(--tertiary-bg-color,   #EDEBE4) !important; }
.ev-text-tertiary { color:            var(--tertiary-text-color,  #023C6B) !important; }

/* ── Plugin button system ───────────────────────────────────────────────── */
/* Shared base applied to any element using the ev-bg-* semantic classes.
   Enforces consistent padding, pill radius, no shadow, smooth inversion on hover. */
.btn.ev-bg-primary,   button.ev-bg-primary,   a.ev-bg-primary,
.btn.ev-bg-secondary, button.ev-bg-secondary, a.ev-bg-secondary {
    padding: 0.5rem 2rem;
    border-radius: 0.5rem !important;
    border-width: 2px;
    border-style: solid;
    box-shadow: none !important;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Primary: blue fill + border → hover inverts to transparent bg, blue text */
.btn.ev-bg-primary, button.ev-bg-primary, a.ev-bg-primary {
    border-color: var(--primary-bg-color, #2695D0) !important;
}
.btn.ev-bg-primary:hover,  .btn.ev-bg-primary:focus,
button.ev-bg-primary:hover, button.ev-bg-primary:focus,
a.ev-bg-primary:hover,      a.ev-bg-primary:focus {
    background-color: transparent !important;
    color:            var(--primary-bg-color, #2695D0) !important;
    border-color:     var(--primary-bg-color, #2695D0) !important;
    box-shadow: none !important;
}

/* Secondary: dark fill + border → hover inverts to transparent bg, dark text */
.btn.ev-bg-secondary, button.ev-bg-secondary, a.ev-bg-secondary {
    border-color: var(--secondary-bg-color, #023C6B) !important;
}
.btn.ev-bg-secondary:hover,  .btn.ev-bg-secondary:focus,
button.ev-bg-secondary:hover, button.ev-bg-secondary:focus,
a.ev-bg-secondary:hover,      a.ev-bg-secondary:focus {
    background-color: transparent !important;
    color:            var(--secondary-bg-color, #023C6B) !important;
    border-color:     var(--secondary-bg-color, #023C6B) !important;
    box-shadow: none !important;
}

/* ── SweetAlert2 — Bootstrap 5 resets the button bg/border; restore them ── */
.swal2-popup .swal2-styled.swal2-confirm {
    background-color: var(--primary-bg-color, #2695D0) !important;
    color:            #ffffff !important;
    border:           none !important;
}
.swal2-popup .swal2-styled.swal2-confirm:hover,
.swal2-popup .swal2-styled.swal2-confirm:focus {
    background-color: var(--secondary-bg-color, #023C6B) !important;
    box-shadow: none !important;
}
.swal2-popup .swal2-styled.swal2-cancel {
    background-color: #6c757d !important;
    color:            #ffffff  !important;
    border:           none     !important;
}
.swal2-popup .swal2-styled.swal2-cancel:hover,
.swal2-popup .swal2-styled.swal2-cancel:focus {
    background-color: #5a6268 !important;
    box-shadow: none !important;
}
.swal2-popup .swal2-styled.swal2-deny {
    background-color: #dc3545 !important;
    color:            #ffffff  !important;
    border:           none     !important;
}
.swal2-popup .swal2-styled.swal2-deny:hover,
.swal2-popup .swal2-styled.swal2-deny:focus {
    background-color: #bd2130 !important;
    box-shadow: none !important;
}

/* Spin Animation */
.animate-spin { animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
/* Grid Classes */
.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr));
}
.gap-x-3 {
    grid-column-gap: 1rem
}
.col-span-1 {
    grid-column: span 1/span 1;
}
.col-span-2 {
    grid-column: span 2/span 2;
}
.col-span-3 {
    grid-column: span 3/span 3;
}
.col-span-4 {
    grid-column: span 4/span 4;
}
.col-span-5 {
    grid-column: span 5/span 5;
}
.col-span-6 {
    grid-column: span 6/span 6;
}
.col-span-7 {
    grid-column: span 7/span 7;
}
.col-span-8 {
    grid-column: span 8/span 8;
}
.col-span-9 {
    grid-column: span 9/span 9;
}
.col-span-10 {
    grid-column: span 10/span 10;
}
.col-span-11 {
    grid-column: span 11/span 11;
}
.col-span-12 {
    grid-column: span 12/span 12;
}
/* Gradient Colours */
.bg-primary-to-secondary {
    background-image: linear-gradient(to right, rgb(var(--bs-primary-rgb)),rgb(var(--bs-secondary-rgb)));
}
.bg-secondary-to-primary {
    background-image: linear-gradient(to right, rgb(var(--bs-secondary-rgb)), rgb(var(--bs-primary-rgb)));
}
/* Based on Bootstrap container but uses display grid so items can be placed in the margins either side of the main container */
/* < Small */
.grid-container {
    display: grid;
    grid-template-columns: 1fr;
}
.event-banner {
    min-height: 220px;
    position: relative;
    overflow: hidden;
    height: 100%;
}

ul.fa-ul{
    margin-left: 1.5rem !important;
}
.event-banner .badge {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 8px 15px;
    border-radius: 21px;
    font-size: 15px;
}
.event-banner .event-circle-object .circle-1,
.page-banner .event-circle-object .circle-2 {
    width: 400px;
    height: 400px;
}
.event-circle-object .circle-1 {
    width: 350px !important;
    height: 350px !important;
    top: -125px !important;
    right: -125px !important;
    border: 1px solid var(--tertiary-bg-color);
    border-radius: 50%;
    position: absolute;
}
.event-circle-object .circle-2 {
    width: 350px !important;
    height: 350px !important;
    top: -150px !important;
    right: -100px !important;
    border: 1px solid var(--tertiary-bg-color);
    border-radius: 50%;
    position: absolute;
}
.event-circle-object .circle-1:before {
    content: '';
    width: 18px;
    height: 18px;
    top: 42%;
    left: -2%;
    background-color: var(--tertiary-bg-color);
    border-radius: 50%;
    position: absolute;
}
.event-circle-object .circle-2:before {
    width: 25px;
    content: '';
    height: 25px;
    left: 40%;
    background-color: var(--tertiary-bg-color);
    border-radius: 50%;
    position: absolute;
    top: 95%;
}
.card-text {
    font-size: 0.95rem !important;
}
.card-title {
    color: var(--primary-bg-color) !important;
    font-weight: bold;
    font-size: 1.4rem !important;
}
.nav-item .nav-link {
    color: #9f9f9f;
}
.nav-tabs .nav-link.active {
    font-weight: 700;
}
.um-form{
    padding: 10px !important
}

.um-field-type_checkbox{
    margin-left: 0 !important;
}

#um-submit-btn{
    background: var(--primary-bg-color) !important;
}

/* Large */
@media (min-width: 992px) {
    .grid-container {
        display: grid;
        grid-template-columns: 1fr 960px 1fr;
    }
    .col-span-lg-1 {
        grid-column: span 1/span 1;
    }
    .col-span-lg-2 {
        grid-column: span 2/span 2;
    }
    .col-span-lg-3 {
        grid-column: span 3/span 3;
    }
    .col-span-lg-4 {
        grid-column: span 4/span 4;
    }
    .col-span-lg-5 {
        grid-column: span 5/span 5;
    }
    .col-span-lg-6 {
        grid-column: span 6/span 6;
    }
    .col-span-lg-7 {
        grid-column: span 7/span 7;
    }
    .col-span-lg-8 {
        grid-column: span 8/span 8;
    }
    .col-span-lg-9 {
        grid-column: span 9/span 9;
    }
    .col-span-lg-10 {
        grid-column: span 10/span 10;
    }
    .col-span-lg-11 {
        grid-column: span 11/span 11;
    }
    .col-span-lg-12 {
        grid-column: span 12/span 12;
    }
    .border-lg-start-0 {
        border-left: 0 !important;
    }
    .rounded-lg-start {
        border-top-left-radius: .5rem !important;
        border-bottom-left-radius: .5rem !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .rounded-lg-end {
        border-top-right-radius: .5rem !important;
        border-bottom-right-radius: .5rem !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    .border-lg-top-0 {
        border-top: 0 !important;
    }
    .um-field-checkbox{
	    cursor: pointer !important;
    }
    .um-field-checkbox-option a{
        color: white !important;
        text-decoration: underline !important;
    }
    #um_field_1332_address_line_1, #um_field_1332_suburb, #um_field_1332_state, #um_field_1332_post_code, #um_field_1332_registration_site {display: none}
    .um-page-register .um-field-checkbox .um-field-label {
        width: 100%;
    }
    .um-page-register .um-field.um-field-checkbox {
        padding: 0;
    }
    div#um_field_1332_confirm_aus_hcp {
        margin-top: 20px;
    }
}