.elementor-18044 .elementor-element.elementor-element-587a095b{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.6;--margin-top:-0px;--margin-bottom:-0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18044 .elementor-element.elementor-element-587a095b:not(.elementor-motion-effects-element-type-background), .elementor-18044 .elementor-element.elementor-element-587a095b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.crmbc.com/wp-content/uploads/2024/12/chef-serving-food-to-customers-at-restaurant-2024-10-17-01-22-19-utc.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-18044 .elementor-element.elementor-element-587a095b::before, .elementor-18044 .elementor-element.elementor-element-587a095b > .elementor-background-video-container::before, .elementor-18044 .elementor-element.elementor-element-587a095b > .e-con-inner > .elementor-background-video-container::before, .elementor-18044 .elementor-element.elementor-element-587a095b > .elementor-background-slideshow::before, .elementor-18044 .elementor-element.elementor-element-587a095b > .e-con-inner > .elementor-background-slideshow::before, .elementor-18044 .elementor-element.elementor-element-587a095b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(-90deg, var( --e-global-color-primary ) 0%, #002A5C 65%);}.elementor-18044 .elementor-element.elementor-element-587a095b.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-18044 .elementor-element.elementor-element-7e1e3f3e .elementor-heading-title{color:var( --e-global-color-f71a733 );}.elementor-18044 .elementor-element.elementor-element-bab2fa5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18044 .elementor-element.elementor-element-021a10b > .elementor-widget-container{padding:0px 50px 0px 0px;}.elementor-18044 .elementor-element.elementor-element-021a10b{text-align:right;}.elementor-18044 .elementor-element.elementor-element-21705049{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18044 .elementor-element.elementor-element-35f4b0f > .elementor-widget-container{padding:60px 0px 0px 0px;}@media(min-width:768px){.elementor-18044 .elementor-element.elementor-element-587a095b{--content-width:500px;}.elementor-18044 .elementor-element.elementor-element-bab2fa5{--content-width:1100px;}}@media(max-width:1024px){.elementor-18044 .elementor-element.elementor-element-587a095b{--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-18044 .elementor-element.elementor-element-587a095b{--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-18044 .elementor-element.elementor-element-bab2fa5{--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-18044 .elementor-element.elementor-element-021a10b{text-align:center;}.elementor-18044 .elementor-element.elementor-element-21705049{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18044 .elementor-element.elementor-element-35f4b0f > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-587a095b *///*USER ACCOUNT STYLING

/* Custom header padding */
header {
    padding-top: 160px;
    padding-bottom: 100px;
}

/* Custom padding for header text */
header h1, header h2, header h3, header h4, header h5, header h6 {
    padding: 100px 0; /* 100px top and bottom padding */
}


}
/* Buttons */
button, .um-button {
    background-color: #315F64 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 12px 25px !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

button:hover, .um-button:hover {
    background-color: #4D829E !important;
    transform: scale(1.05);
}



/* Links */
.um-link {
    font-size: 16px;
    font-weight: 700;
    color: #555555;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #5785A1;
}

/* Notices */
.um-notice.success {
    background-color: #315F64 !important;
    color: white !important;
}


/* General styling for the form container */
.um.um-profile.um-viewing.um-18042 {
    font-family: 'Open', sans-serif; /* Change font family */
    color: #444; /* Change text color */
    background-color: #f9f9f9; /* Light gray background */
    padding: 20px; /* Add some padding */
    border-radius: 8px; /* Round the corners */
}

/* Style the labels */
.um.um-profile.um-viewing.um-18042 .um-field-label {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

/* Style the input fields */
.um.um-profile.um-viewing.um-18042 .um-field-area input {
    width: 100%; /* Full width */
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

/* Style the submit button */
.um.um-profile.um-viewing.um-18042 .um-button {
    background-color: #315F64; /* WordPress blue */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover effect for the button */
.um.um-profile.um-viewing.um-18042 .um-button:hover {
    background-color: #315F64 !important;
}

/* Adjust error message styling */
.um.um-profile.um-viewing.um-18042 .um-field-error {
    color: red;
    font-size: 13px;
    margin-top: 5px;
}

/* Success message styling */
.um.um-profile.um-viewing.um-18042 .um-message {
    background-color: #d4edda;
    color: #155724;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #c3e6cb;
    margin-bottom: 20px;
}

/* Style the submit button */
.um.um-profile.um-viewing.um-18042 .um-button {
    background-color: #315F64; /* WordPress blue */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
/* Style the cog icon */
.um.um-profile.um-viewing.um-18042 .um-faicon-cog {
    font-size: 20px; /* Adjust icon size */
    color: #5785A1; /* Initial color */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
}

/* Hover effect for the cog icon */
.um.um-profile.um-viewing.um-18042 .um-faicon-cog:hover {
    color: #0073a1; /* Hover color */
}

/* Style the dropdown container */
.um-dropdown {
    background-color: #ffffff; /* White background */
    border: 1px solid #ccc; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    padding: 10px 0; /* Vertical padding for spacing */
    width: 200px; /* Fixed width */
    text-align: center;
    font-family: 'Open Sans', sans-serif; /* Font family */
}
/* Style each list item */
.um-dropdown ul li a {
    display: block; /* Make the entire list item clickable */
    text-decoration: none; /* Remove underline */
    color: #7A7A7A !important; /* Normal text color with high specificity */
    padding: 8px 15px; /* Add padding for clickable area */
    border-radius: 4px; /* Rounded hover area */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
}

/* Hover effect for links */
.um-dropdown ul li a:hover {
    background-color: #5785A1 !important; /* Hover background color with high specificity */
    color: #ffffff !important; /* Hover text color with high specificity */
}



/* Styling for um-icon-android-radio-button-on */
.um-icon-android-radio-button-on {
    font-size: 18px; /* Adjust icon size */
    color: #315F64; /* Default icon color */
    transition: color 0.3s ease, transform 0.3s ease; /* Smooth transition for hover effect */
}


/* Style for individual radio button items */
.um-field-radio input[type="radio"] {
    margin-bottom: 4px; /* Add spacing between radio buttons */
}

/* Style for the radio button labels */
.um-field-radio label {
    display: inline-block; /* Ensure labels align with their corresponding buttons */
    margin-left: 3px; /* Add space between the radio button and its label */
    font-size: 14px; /* Adjust font size */
    color: #444; /* Default text color */
    cursor: pointer; /* Pointer cursor for labels */
}

/* Hover effect for radio button icons */
.um-icon-android-radio-button-on:hover {
    color: #5785A1 !important; /* Lighter hover color */
    transform: scale(1.1); /* Slight zoom effect */
}


/* Hover effect for radio button icons */
.um-icon-android-radio-button-on
{
    color: #5785A1 !important; /* Lighter hover color */
}

/* Style for the radio button labels */
.um-field-radio label {
    font-size: 14px; /* Adjust label text size */
    color: #444; /* Default label color */
    cursor: pointer; /* Change cursor to pointer for clickable labels */
}

/* Add spacing between



/* General styling for the checkbox container */
.um-field-checkbox {

    cursor: pointer; /* Pointer cursor for clickable labels */

    gap: 8px; /* Space between icon and label text */
}





/* Active checkbox state (when checked) */
.um-field-checkbox input[type="checkbox"]:checked + .um-field-checkbox-state i {
    color: #5785A1 !important; /* Active state color */
}

/* Checkbox label text styling */
.um-field-checkbox .um-field-checkbox-option {

    font-size: 16px; /* Font size for readability */
    font-weight: 500; /* Medium font weight */
}


/* Clearfix for layout */
.um.um-profile.um-viewing.um-18042 .um-clear {
    clear: both;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bab2fa5 *///*USER ACCOUNT STYLING

/* Custom header padding */
header {
    padding-top: 160px;
    padding-bottom: 100px;
}

/* Custom padding for header text */
header h1, header h2, header h3, header h4, header h5, header h6 {
    padding: 100px 0; /* 100px top and bottom padding */
}


/* General styling for the form container */
.um.um-profile.um-viewing.um-18042 {
    font-family: 'Open', sans-serif; /* Change font family */
    color: #444; /* Change text color */
    background-color: #f9f9f9; /* Light gray background */
    padding: 20px; /* Add some padding */
    border-radius: 8px; /* Round the corners */
}

/* Style the labels */
.um.um-profile.um-viewing.um-18042 .um-field-label {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

/* Style the input fields */
.um.um-profile.um-viewing.um-18042 .um-field-area input {
    width: 100%; /* Full width */
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

/* Style the submit button */
.um.um-profile.um-viewing.um-18042 .um-button {
    background-color: #315F64; /* WordPress blue */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover effect for the button */
.um.um-profile.um-viewing.um-18042 .um-button:hover {
    background-color: #315F64;
}

/* Adjust error message styling */
.um.um-profile.um-viewing.um-18042 .um-field-error {
    color: red;
    font-size: 13px;
    margin-top: 5px;
}

/* Success message styling */
.um.um-profile.um-viewing.um-18042 .um-message {
    background-color: #d4edda;
    color: #155724;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #c3e6cb;
    margin-bottom: 20px;
}

/* Style the submit button */
.um.um-profile.um-viewing.um-18042 .um-button {
    background-color: #0073aa; /* WordPress blue */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
/* Style the cog icon */
.um.um-profile.um-viewing.um-18042 .um-faicon-cog {
    font-size: 20px; /* Adjust icon size */
    color: #5785A1; /* Initial color */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
}

/* Hover effect for the cog icon */
.um.um-profile.um-viewing.um-18042 .um-faicon-cog:hover {
    color: #0073a1; /* Hover color */
}

/* Style the dropdown container */
.um-dropdown {
    background-color: #ffffff; /* White background */
    border: 1px solid #ccc; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    padding: 10px 0; /* Vertical padding for spacing */
    width: 200px; /* Fixed width */
    text-align: center;
    font-family: 'Open Sans', sans-serif; /* Font family */
}
/* Style each list item */
.um-dropdown ul li a {
    display: block; /* Make the entire list item clickable */
    text-decoration: none; /* Remove underline */
    color: #7A7A7A !important; /* Normal text color with high specificity */
    padding: 8px 15px; /* Add padding for clickable area */
    border-radius: 4px; /* Rounded hover area */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
}

/* Hover effect for links */
.um-dropdown ul li a:hover {
    background-color: #5785A1 !important; /* Hover background color with high specificity */
    color: #ffffff !important; /* Hover text color with high specificity */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-35f4b0f *//* General Font */
body {
    font-family: 'Open Sans', sans-serif !important;
}

/* Profile Section Styling for Three Columns */
.um-profile-body {
    padding: 20px;
    box-sizing: border-box;
}

/* Profile Image and Avatar */
.um-profile-header .um-profile-avatar {
    margin: 0 auto 10px; /* Center-align avatar and add spacing */
}

/* Labels Styling */
.um-profile-body .um-field-label {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 2px !important;
    margin-top: 10px !important;

}

/* Input Fields Styling */
.um-profile-body .um-field {
    display: flex;
    flex-direction: column;
    margin-left: 70px !important;


/* Input Field Area */
.um-profile-body .um-field-area input {
    width: 100%;
    padding: 14px !important;
    margin-bottom: 16px !important;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
}

/* Buttons Styling */
.um-profile-body .um-button {
    background-color: #0073aa;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    grid-column: span 3; /* Make buttons span across three columns on larger screens */
    text-align: center;
}

/* Hover Effect for Buttons */
.um-profile-body .um-button:hover {
    background-color: #005082;
}

/* Success and Error Messages Styling */
.um-profile-body .um-field-error {
    color: red;
    font-size: 13px;
    margin-top: 6px !important;
}

.um-profile-body .um-message {
    background-color: #d4edda;
    color: #155724;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #c3e6cb;
    margin-bottom: 20px;
    grid-column: span 3; /* Span full width for messages */
}

/* Dropdown Styling */
.um-dropdown {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 12px 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    grid-column: span 3; /* Span full width for dropdowns */
}

/* Responsive Design for Mobile (Single Column) */
@media (max-width: 768px) {
    .um-profile-body {
        grid-template-columns: 1fr; /* Switch to a single column on smaller screens */
    }
}/* End custom CSS */