.elementor-20176 .elementor-element.elementor-element-e0a7a8a{--display:flex;--margin-top:65px;--margin-bottom:45px;--margin-left:0px;--margin-right:0px;}.elementor-20176 .elementor-element.elementor-element-279a64c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-20176 .elementor-element.elementor-element-f9c9144 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-20176 .elementor-element.elementor-element-f9c9144 .elementor-icon-wrapper{text-align:center;}.elementor-20176 .elementor-element.elementor-element-f9c9144 .elementor-icon{font-size:30px;}.elementor-20176 .elementor-element.elementor-element-f9c9144 .elementor-icon svg{height:30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20176 .elementor-element.elementor-element-6b00e96 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:25px;font-weight:700;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:768px){.elementor-20176 .elementor-element.elementor-element-e0a7a8a{--content-width:500px;}}@media(max-width:767px){.elementor-20176 .elementor-element.elementor-element-e0a7a8a{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20176 .elementor-element.elementor-element-279a64c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20176 .elementor-element.elementor-element-f9c9144 .elementor-icon{font-size:20px;}.elementor-20176 .elementor-element.elementor-element-f9c9144 .elementor-icon svg{height:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-20176 .elementor-element.elementor-element-6b00e96{width:var( --container-widget-width, 245px );max-width:245px;--container-widget-width:245px;--container-widget-flex-grow:0;}.elementor-20176 .elementor-element.elementor-element-6b00e96 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-c42e475 *//* === MemberPress: Hide Unwanted Elements === */

/* --- 1. "Update Your Account" (Widgets ca513ff, c42e475) --- */

/* Hide Welcome Message */
.elementor-element-ca513ff #mepr-account-welcome-message,
.elementor-element-c42e475 #mepr-account-welcome-message {
    display: none !important;
}

/* Hide 'Home', 'Subscriptions', & 'Payments' */
.elementor-element-ca513ff #mepr-account-nav li.mepr-home,
.elementor-element-ca513ff #mepr-account-nav li.mepr-subscriptions,
.elementor-element-ca513ff #mepr-account-nav li.mepr-payments,
.elementor-element-c42e475 #mepr-account-nav li.mepr-home,
.elementor-element-c42e475 #mepr-account-nav li.mepr-subscriptions,
.elementor-element-c42e475 #mepr-account-nav li.mepr-payments {
    display: none !important;
}

/* Hide 'Logout' link */
.elementor-element-ca513ff #mepr-account-nav a#mepr-account-logout,
.elementor-element-c42e475 #mepr-account-nav a#mepr-account-logout {
    display: none !important;
}

/* Hide MemberPress Spacer DIVs */
.elementor-element-ca513ff .mepr_spacer,
.elementor-element-c42e475 .mepr_spacer {
    display: none !important;
}

/* Hide 'Change Password' link on account update form */
.elementor-element-ca513ff .mepr-account-change-password,
.elementor-element-c42e475 .mepr-account-change-password {
    display: none !important;
}


/* --- 2. "Manage My Account" (Widgets c6433d6, ea7f590) --- */

/* Hide 'Home' and 'Logout' links */
.elementor-element-c6433d6 #mepr-account-nav li.mepr-home,
.elementor-element-c6433d6 #mepr-account-nav ul li:last-child,
.elementor-element-ea7f590 #mepr-account-nav li.mepr-home,
.elementor-element-ea7f590 #mepr-account-nav ul li:last-child {
    display: none !important;
}

/* Hide the "Welcome to artPontiac" message */
.elementor-element-c6433d6 #mepr-account-welcome-message,
.elementor-element-ea7f590 #mepr-account-welcome-message {
    display: none !important;
}

/* Hide the entire profile form (all fields) */
.elementor-element-c6433d6 form.mepr-account-form,
.elementor-element-ea7f590 form.mepr-account-form {
    display: none !important;
}

/* Hide the 'Change Password' link */
.elementor-element-c6433d6 .mepr-account-change-password,
.elementor-element-ea7f590 .mepr-account-change-password {
    display: none !important;
}

/* ================================================================
  MemberPress Account Form STYLING
  (Widgets ca513ff, c42e475)
================================================================
*/

/* --- 2. Style the Field Wrappers --- */
.elementor-element-ca513ff .mepr-account-form .mp-form-row,
.elementor-element-c42e475 .mepr-account-form .mp-form-row {
    padding: 16px 18px !important;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 15px !important;
}

/* --- 3. Style the Field Labels --- */
.elementor-element-ca513ff .mepr-account-form .mp-form-label label,
.elementor-element-c42e475 .mepr-account-form .mp-form-label label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 1.3;
}

/* --- 4. Style the Inputs, Selects, etc. --- */
.elementor-element-ca513ff .mepr-account-form .mepr-form-input,
.elementor-element-c42e475 .mepr-account-form .mepr-form-input {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* --- 5. Style the Input Focus --- */
.elementor-element-ca513ff .mepr-account-form .mepr-form-input:focus,
.elementor-element-c42e475 .mepr-account-form .mepr-form-input:focus {
    outline: none;
    border-color: #0190D6; 
    box-shadow: 0 0 0 2px rgba(1, 144, 214, 0.2);
}

/* --- 6. Special fix for Radio Buttons --- */
.elementor-element-ca513ff .mepr-account-form .mepr-radios-field,
.elementor-element-c42e475 .mepr-account-form .mepr-radios-field {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding-top: 5px;
}
.elementor-element-ca513ff .mepr-account-form .mepr-radios-field-row,
.elementor-element-c42e475 .mepr-account-form .mepr-radios-field-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.elementor-element-ca513ff .mepr-account-form .mepr-radios-field-row label,
.elementor-element-c42e475 .mepr-account-form .mepr-radios-field-row label {
    font-weight: 400;
    margin-bottom: 0;
}

/* --- 7. Special fix for Phone Field --- */
.elementor-element-ca513ff .mepr-account-form .iti,
.elementor-element-c42e475 .mepr-account-form .iti {
    width: 100%; 
}
.elementor-element-ca513ff .mepr-account-form .mepr-tel-input,
.elementor-element-c42e475 .mepr-account-form .mepr-tel-input {
     min-height: 44px;
}

/* --- 8. Style the Submit Button --- */
.elementor-element-ca513ff .mepr-account-form .mepr-submit,
.elementor-element-c42e475 .mepr-account-form .mepr-submit {
    padding: 12px 20px !important;
    min-height: 44px;
    border-radius: 8px;
    background-color: #2B2D42 !important; /* Changed to #2B2D42 */
    color: #FFFFFF !important;
    font-weight: bold;
    border: none;
    font-size: 16px;
    cursor: pointer;
    width: auto !important; /* Allow button to shrink */
    margin-top: 10px;
    display: block !important; /* Ensure it's a block to use margin-right */
    margin-right: auto !important; /* Push to the left */
}

.elementor-element-ca513ff .mepr-account-form .mepr-submit:hover,
.elementor-element-c42e475 .mepr-account-form .mepr-submit:hover {
    background-color: #1a1b26 !important; /* Darker hover for #2B2D42 */
}/* End custom CSS */