/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/




body.buddypress.single-item.groups {
    background-image: url('https://8thirtyfourschools.com/wp-content/uploads/2026/03/bckg_green_speckled_wave-scaled.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover!important;
}

body.buddypress.single-item.groups #page,
body.buddypress.single-item.groups #content,
body.buddypress.single-item.groups .site-content,
body.buddypress.single-item.groups #primary,
body.buddypress.single-item.groups .bs-bp-container {
    background: transparent !important;
}

body.buddypress.single-item.groups .bp-wrap,
body.buddypress.single-item.groups #object-nav,
body.buddypress.single-item.groups .main-navs {
    background: transparent !important;
}

body.buddypress.single-item.groups .bp-dir-hori-nav nav#object-nav.bb-single-main-nav--vertical {
    background: transparent !important;
}

.buddyboss-wrap,
.bb-cover-list,
.bb-profile,
.bb-activity-wrap,
#buddypress {
    font-family: 'century-gothic', sans-serif;
}






/* ============================================
   Uncanny Group Signup - Single Column Layout
   ============================================ */

/* Reorder and center */
body.single-groups #group-main .entry-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

body.single-groups #group-main .entry-content #left-area {
    order: 2;
    width: 100% !important;
    max-width: 480px !important;
    float: none !important;
}

body.single-groups #group-main .entry-content #right-area {
    order: 1;
    width: 100% !important;
    max-width: 480px !important;
    float: none !important;
    margin-bottom: 0 !important;
}

/* Right area - just the header line */
body.single-groups #right-area aside.sidebar-login-form {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 32px !important;
}

body.single-groups #right-area .widget-title {
    display: none !important;
}

/* Hide the actual login form */
body.single-groups #right-area .clr.widget {
    display: none !important;
}

/* "Create an Account" heading */
body.single-groups #right-area aside.sidebar-login-form::before {
    content: "Create an Account";
    font-size: 20px;
    font-weight: 600;
    color: #839D3E;
    display: inline-block;
    margin-right: 8px;
}

/* Hide ::after since JS injects the real link */
body.single-groups #right-area aside.sidebar-login-form::after {
    display: none !important;
    content: none !important;
}

/* Remove double card wrapping */
body.single-groups .uncanny_group_signup_form-container {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;
}

body.single-groups #left-area.content-area {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.single-groups article.hentry {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Table to vertical stack */
body.single-groups .uncanny_group_signup_form table.form-table,
body.single-groups .uncanny_group_signup_form table.form-table tbody {
    display: block !important;
    width: 100% !important;
}

body.single-groups .uncanny_group_signup_form table.form-table tr {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin-bottom: 12px !important;
}

body.single-groups .uncanny_group_signup_form table.form-table td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
}

body.single-groups .uncanny_group_signup_form table.form-table td.label {
    margin-bottom: 4px !important;
}

body.single-groups .uncanny_group_signup_form table.form-table td.label label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #555 !important;
    white-space: nowrap !important;
}

/* Inputs */
body.single-groups .uncanny_group_signup_form input[type="text"],
body.single-groups .uncanny_group_signup_form input[type="email"],
body.single-groups .uncanny_group_signup_form input[type="password"] {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 14px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    height: auto !important;
}

/* Submit button */
body.single-groups .uncanny_group_signup_form .uncannyowl-btn--primary {
    width: 100% !important;
    padding: 12px !important;
    background-color: #839D3E !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin-top: 4px !important;
    height: auto !important;
}

body.single-groups .uncanny_group_signup_form .uncannyowl-btn--primary:hover {
    background-color: #e05a2b !important;
}

/* Hide hidden field row label gap */
body.single-groups .uncanny_group_signup_form tr:last-child td.label {
    display: none !important;
}

/* Remove excess space below form */
body.single-groups #group-main {
    padding-bottom: 40px !important;
}

/* Remove gap between header and form */
body.single-groups #group-main .entry-content #right-area {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.single-groups #right-area aside.sidebar-login-form {
    margin-bottom: 16px !important;
}

/* Remove the outer card border on the form */
body.single-groups #left-area .content-area,
body.single-groups #group-main,
body.single-groups #group-main .entry-content,
body.single-groups article.hentry,
body.single-groups .uncanny_group_signup_form-container,
body.single-groups #uncanny_group_signup_registration_form {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

body.single-groups main#content.site-content {
    padding-top: 0 !important;
}

body.single-groups #main-content {
    position: relative !important;
    z-index: 1 !important;
}



input.wc-block-components-radio-control__input,
input.wc-block-components-checkbox__input {
    min-height: 20px !important;
    max-height: 20px !important;
    height: 20px !important;
    width: 20px !important;
}