.elementor-kit-8667{--e-global-color-primary:#26AAE1;--e-global-color-secondary:#0773BA;--e-global-color-text:#181818;--e-global-color-accent:#FFCB00;--e-global-color-e9ff79e:#0877BD;--e-global-color-7ec2b43:#4F5050;--e-global-color-343fab4:#F6F6F6;--e-global-color-55c3c23:#F0F9FF;--e-global-color-b841a49:#FFFFFF;--e-global-color-929f8c4:#0000000D;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-secondary-font-family:"Anton";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:100;font-size:1.2em;}.elementor-kit-8667 button,.elementor-kit-8667 input[type="button"],.elementor-kit-8667 input[type="submit"],.elementor-kit-8667 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Anton", Sans-serif;font-size:1.6em;color:var( --e-global-color-text );box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);border-radius:30px 30px 30px 30px;padding:20px 20px 20px 20px;}.elementor-kit-8667 button:hover,.elementor-kit-8667 button:focus,.elementor-kit-8667 input[type="button"]:hover,.elementor-kit-8667 input[type="button"]:focus,.elementor-kit-8667 input[type="submit"]:hover,.elementor-kit-8667 input[type="submit"]:focus,.elementor-kit-8667 .elementor-button:hover,.elementor-kit-8667 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-b841a49 );}.elementor-kit-8667 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8667 a{color:var( --e-global-color-e9ff79e );font-size:1.1em;}.elementor-kit-8667 a:hover{color:var( --e-global-color-primary );}.elementor-kit-8667 h1{font-family:"Anton", Sans-serif;font-size:4em;line-height:2em;}.elementor-kit-8667 h2{color:var( --e-global-color-secondary );font-family:"Anton", Sans-serif;font-size:2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:30px;--container-default-padding-right:30px;--container-default-padding-bottom:30px;--container-default-padding-left:30px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:30px;--container-default-padding-right:30px;--container-default-padding-bottom:30px;--container-default-padding-left:30px;}}@media(max-width:767px){.elementor-kit-8667 h1{font-size:2.6em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:20px;--container-default-padding-right:16px;--container-default-padding-bottom:20px;--container-default-padding-left:16px;}}/* Start custom CSS *//* ========================================= */
/* SWR STYLES - Button - Dark Background */
/* ========================================= */
/* ----------------------------------------- */
/* Button - Dark Background */
/* ----------------------------------------- */
.secondary_button_darkbkg .elementor-button {
    background-color: var( --e-global-color-b841a49 );
    color: var( --e-global-color-secondary );
    font-size: 1.2em;
}

.secondary_button_darkbkg .elementor-button:hover {
    color: var( --e-global-color-b841a49 );
    background-color: var( --e-global-color-primary );
}

/* ----------------------------------------- */
/* Button - Light Background */
/* ----------------------------------------- */
.secondary_button_lightbkg .elementor-button {
    background-color: var( --e-global-color-secondary );
    color: var( --e-global-color-b841a49 );
    font-size: 1.2em;
}

.secondary_button_lightbkg .elementor-button:hover {
    color: var( --e-global-color-b841a49 );
    background-color: var( --e-global-color-primary );
}

/* ===== Style MemberPress Account Page Form - Page ID 8 ===== */

body.page-id-8 #mepr-account-form,
body.page-id-8 .mepr-account-form {
  max-width: 600px;
  margin: 0;
  padding: 30px;
  background: #f8f8f8;
  border-radius: 30px; /* 30px rounded corners for form container */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  font-family: system-ui, sans-serif;
  text-align: left;
}

body.page-id-8 #mepr-account-form input[type="text"],
body.page-id-8 #mepr-account-form input[type="email"],
body.page-id-8 #mepr-account-form input[type="password"],
body.page-id-8 #mepr-account-form select,
body.page-id-8 #mepr-account-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  background: #fff;
  font-family: system-ui, sans-serif;
}

body.page-id-8 #mepr-account-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #222;
  text-align: left;
}

/* ===== Button Styling for Save Profile Button ===== */
body.page-id-8 input.mepr-submit.mepr-share-button {
  width: 100%;
  padding: 14px;
  background-color: #0877BD;
  border: none;
  color: #fff;
  text-transform: capitalize;
  font-weight: bold;
  border-radius: 30px; /* 30px rounded button */
  cursor: pointer;
  transition: background 0.3s ease;
  font-size: 18px;
  font-family: system-ui, sans-serif;
}

body.page-id-8 input.mepr-submit.mepr-share-button:hover {
  background-color: #06619b;
}

/* ===== Error Message Styling ===== */
body.page-id-8 #mepr-account-form .mp-error {
  background: #ffe0e0;
  border: 1px solid #ff5c5c;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 6px;
  color: #900;
}

/* ===== Hide Unwanted Spacers and Hidden Rows ===== */
body.page-id-8 #mepr-account-form .mepr-spacer,
body.page-id-8 #mepr-account-form .mp-form-row.mp-hidden,
body.page-id-8 #mepr-account-form .mp-hidden {
  display: none !important;
}

/* ===== Mobile Responsive Padding ===== */
@media (max-width: 600px) {
  body.page-id-8 #mepr-account-form {
    padding: 20px;
  }
}

body.page-id-8 .mepr-account-change-password {
  display: block; /* Ensure it's treated as a block element */
  padding-bottom: 60px;
}

/* ===== Style MemberPress Login Form - Non-Logged-In Account Page (Page ID 8) ===== */

body.page-id-8 .mp_wrapper.mp_login_form {
  max-width: 600px;
  margin: 0; /* Left justified */
  padding: 30px;
  background: #f8f8f8;
  border-radius: 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  font-family: system-ui, sans-serif;
  text-align: left;
}

/* ===== Form Field Styling ===== */
body.page-id-8 .mp_wrapper.mp_login_form input[type="text"],
body.page-id-8 .mp_wrapper.mp_login_form input[type="email"],
body.page-id-8 .mp_wrapper.mp_login_form input[type="password"],
body.page-id-8 .mp_wrapper.mp_login_form input[type="checkbox"],
body.page-id-8 .mp_wrapper.mp_login_form input[type="submit"],
body.page-id-8 .mp_wrapper.mp_login_form select,
body.page-id-8 .mp_wrapper.mp_login_form textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  background: #fff;
  font-family: system-ui, sans-serif;
}

/* ===== Label Styling ===== */
body.page-id-8 .mp_wrapper.mp_login_form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #222;
  text-align: left;
}

/* ===== Button Styling for Log In Button ===== */
body.page-id-8 .mp_wrapper.mp_login_form input[type="submit"],
body.page-id-8 .mp_wrapper.mp_login_form button[type="submit"] {
  width: 100%;
  padding: 14px;
  background-color: #0877BD;
  border: none;
  color: #fff;
  text-transform: capitalize;
  font-weight: bold;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s ease;
  font-size: 18px;
  font-family: system-ui, sans-serif;
}

body.page-id-8 .mp_wrapper.mp_login_form input[type="submit"]:hover,
body.page-id-8 .mp_wrapper.mp_login_form button[type="submit"]:hover {
  background-color: #06619b;
}

/* ===== Error Message Styling (if any) ===== */
body.page-id-8 .mp_wrapper.mp_login_form .mp-error {
  background: #ffe0e0;
  border: 1px solid #ff5c5c;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 6px;
  color: #900;
}

/* ===== Hide Unwanted Spacers or Hidden Fields ===== */
body.page-id-8 .mp_wrapper.mp_login_form .mepr_spacer,
body.page-id-8 .mp_wrapper.mp_login_form .mp-form-row.mp-hidden,
body.page-id-8 .mp_wrapper.mp_login_form .mp-hidden {
  display: none !important;
}

/* ===== Mobile Responsive Padding ===== */
@media (max-width: 600px) {
  body.page-id-8 .mp_wrapper.mp_login_form {
    padding: 20px;
  }
}

/* Force 1400px width on Account Page content */
body.page-id-8 #content,
body.page-id-8 .content-area,
body.page-id-8 main,
body.page-id-8 .site-main,
body.page-id-8 .elementor-section-wrap {
  max-width: 1400px !important;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Match H1 header width on Account Page */
body.page-id-8 h1.entry-title {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}/* End custom CSS */