/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/* Style the user profile form */
/* Profile form styles */
/* General form container */

.user-profile-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 100%;
    padding: 0 20px; /* Added padding for better spacing */
}

/* Profile box styles */
.profile-box {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

/* Header styles for each section */
.profile-box h3 {
    margin-bottom: 15px;
    font-size: 18px;
    color: #333;
    text-align: center; /* Centering the heading */
}

/* User Information Box - light blue background */
.user-info-box {
    background-color: #e3f2fd;
}

/* Contact Information Box - light green background */
.contact-info-box {
    background-color: #e8f5e9;
}

/* Custom Information Box - light yellow background */
.custom-info-box {
    background-color: #fffde7;
}

/* Profile field styling */
.profile-field {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

/* Label styling */
.profile-field label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
}

/* Input field styling */
.profile-field input[type="text"],
.profile-field input[type="email"],
.profile-field textarea,
.profile-field select {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    box-sizing: border-box; /* Ensure proper box-sizing */
}

/* Full width button box */
.profile-box.full-width {
    grid-column: span 2;
}

/* Save Button Styling */
.save-profile-button {
    background-color: #1d2e73;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box; /* Ensure proper width calculation */
}

.save-profile-button:hover {
    background-color: #c59d53;
}

/* Two-column responsive design (tablet and larger screens) */
@media (max-width: 1024px) {
    .user-profile-form {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 800px) {
    .user-profile-form {
        display:contents;
    }
}

/* One-column layout for mobile screens */
@media (max-width: 768px) {
    .user-profile-form {
        grid-template-columns: 1fr; /* Single column layout */
        padding: 0 15px; /* Slight padding for mobile */
		display:contents;
    }

    .profile-box {
        padding: 15px; /* Reduced padding on mobile */
    }

    .profile-box h3 {
        font-size: 18px; /* Adjusted heading font size */
        text-align: center; /* Ensure it's centered on smaller screens */
    }

    .profile-field input[type="text"],
    .profile-field input[type="email"],
    .profile-field select,
    .profile-field textarea {
        font-size: 16px; /* Adjust input field font size */
        padding: 12px; /* Adjust input padding for mobile screens */
    }

    .save-profile-button {
        padding: 12px 15px; /* Adjusted button padding for better spacing */
        font-size: 14px; /* Adjust button font size */
    }
}

/* Extra-small screens (mobile phones in portrait mode) */
@media (max-width: 480px) {
    .user-profile-form {
        padding: 0 10px; /* Reduce padding even more */
		display:contents;
    }

    .profile-box {
        padding: 12px; /* Further reduced padding */
    }

    .profile-field input[type="text"],
    .profile-field input[type="email"],
    .profile-field select,
    .profile-field textarea {
        font-size: 14px; /* Adjust font size for smaller devices */
    }

    .save-profile-button {
        padding: 10px 12px; /* Adjust button padding */
        font-size: 14px; /* Ensure button font size is still readable */
    }

    .profile-box h3 {
        font-size: 16px; /* Smaller heading size */
    }
}

/* Heading for each box (making sure it's responsive) */
.heading-h3 {   
    background: #1d2e73;
    color: white !important;
    padding: 10px 10px;
    font-size: 18px;
    text-align: center;
}

.success-message {
    color: green;
    font-weight: bold;
    margin-top: 15px;
}

.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline{
display: flex !important;
    justify-content: space-between;
}

.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline>.form-group{
    display: flex;
    align-items: center;
}

.user-profile-form{
    padding: 0 0px;
}




/* For member Seasrch  */


@media (min-width: 1024px) 
.table-container-member {
    width: 100%;
    max-width: 1110px;
    display: block;
}

.table-container-member .container.mt-5 {
    width: 100%;
margin-top: 0 !important;
}
}

@media (max-width:1024px){
    .search-results table {
        width: 100%;
    }

.search-results.mt-4 {
        max-width: 570px;
        width: 100% ! Important;
    }

}

@media (max-width: 577px) {
    .container, .container-sm {
        max-width: 530px;
        width: 100% !important;
    }
.search-results {
    overflow-x: hidden;
}
}



/* END MEMBER SEARCH FIX */
.ginput_container_date img {padding-left:5px;}


#gform_6 .gfield_label.gform-field-label {margin-bottom:8px !important;}