/*
 Theme Name:     Ryze Data - Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Ryze Data - Divi Child Theme
 Author:         Lights Out Interactive
 Author URI:     https://lightsoutinteractive.com
 Template:       Divi
 Version:        0.0.01
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* Body Overflow - For Responsive */
body #page-container {
    overflow-x: hidden;
}


/* Ultimate Member - Registration Page*/
body .um-postmessage {
    color: #09252e;
    font-size: 1.1rem;
    text-align: center;
}



/* Ultimate Member - Member Page */
body.um-page-user .um-18.um {
    max-width: 100%;
}

body.um-page-user .um-profile-note {
    display: none !important;
}

/* Hide User Profile Grid on User Page */
body.um-page-user .user-profile-grid {
    display: none !important;
}

body.um-restricted-page:not(.logged-in) .entry-content {
    max-width: 90%;
    margin: auto;
    padding: 20vw 0;
    text-align: center;
}

body.um-restricted-page:not(.logged-in) .entry-content a {
    text-decoration: underline;

}



/* Hide shadow on single user page (um-page-user body class) */
body .user-chart-section {
    margin-bottom: 75px;
}

body.um-page-user .user-chart-section {
    box-shadow: none !important;
    margin-bottom: 25px;
}




/* Laptop and DOWN */
@media (max-width: 1250px) { 

}


/* Laptop and DOWN */
@media (max-width: 1100px) { 


}

/* Tablet and DOWN */
@media (max-width: 980px) { 

    /* Responsive Column Order */
    body .flex_swap,
    body .flex_row {
        display: flex;
        flex-wrap: wrap;
    }
    
    body .flex_swap .et_pb_column,
    body .flex_row .et_pb_column {
        margin: 0;
        width: 100%;
    }

    body .flex_swap .et_pb_column:first-of-type {
        order: 2;
    }    
    
    body .flex_swap .et_pb_column:last-of-type {
        order: 1;
    }



}

/* Mobile Down */
@media (max-width: 767px) {


}


@media (max-width: 625px) {
    
}


/* Mobile Down */
@media screen and (max-width: 480px) {


}




/* Member Navigation Styling */
.member-navigation {
    margin: 20px 0;
}

.member-nav-links {
    display: flex;
    gap: 20px;
}

.member-nav-links .nav-link {
    text-decoration: none;
    color: #2c3e50;
    font-size: 1rem;
    font-weight: 600;
    transition: color 0.3s ease;
}

.member-nav-links .nav-link:hover {
    color: #0073aa;
    text-decoration: none;
}

/* Responsive Adjustments */
@media (max-width: 767px) {

    /* Responsive adjustments */
    .member-nav-links {
        flex-direction: column;
        gap: 10px;
    }
}