:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9fd2f53 *//* Container */
.mepr-account-form {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background: #090C0F;
    font-family: Arial, sans-serif;
    text-align: left;
}



/* Form Fields & Labels */

/* Form Fields - General */
.mepr-account-form form {
  font-size: 14px;
}

/* Labels - General */
.mepr-account-form label {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 12.35px; 
  font-weight: bold;
}

/* Form Fields - Normal Links */
.mepr-account-form input,
.mepr-account-form select,
.mepr-account-form textarea {
  width: 100%;
  height: 45px;
  margin-top: 8px;
  padding: 10px;
  color: #B8BEC5;
  font-size: 14px;
  border-radius: 11px;
  background: #25282A;
  transition: border-color 0.3s ease-in-out;
  }

/* Form Fields - Hover Links */
.mepr-account-form input:focus,
.mepr-account-form select:focus,
.mepr-account-form textarea:focus {
  border-color: #36A9E1;
  background: #25282A;
  outline: none;
}

/* Label & Form Field - Address One */ 
.mepr-account-form label[for="mepr-address-one"] {
    display: none !important;
}

.mepr-account-form #mepr-address-one {
    display: none !important;
}

/* Label & Form Field - Address Two */ 
.mepr-account-form label[for="mepr-address-two"] {
    display: none !important;
}

.mepr-account-form #mepr-address-two {
    display: none !important;
}

/* Label & Form Field - Country */ 
.mepr-account-form label[for="mepr-address-country"] {
    display: none !important;
}

.mepr-account-form #mepr-address-country {
    display: none !important;
}

/* Label & Form Field - City */ 
.mepr-account-form label[for="mepr-address-city"] {
    display: none !important;
}

.mepr-account-form #mepr-address-city {
    display: none !important;
}

/* Label & Form Field - Zip Code */ 
.mepr-account-form label[for="mepr-address-zip"] {
    display: none !important;
}

.mepr-account-form #mepr-address-zip {
    display: none !important;
}

/* Label & Form Field - State */ 
.mepr-account-form label[for="mepr-address-state"] {
    display: none !important;
}

.mepr-account-form #mepr-address-state {
    display: none !important;
}

/* Label & Form Field - Email */ 
.mepr-account-form input[type="email"] {
    margin-bottom: 23px;
}

/* Label & Form Field - US State */ 
.mepr-account-form #mepr_us_state {
    margin-bottom: 0px;
}



/* Password */

/* Spacer */
.mepr-account-form .mepr_spacer {
    display: none !important;
}

/* Change Password - General */
.mepr-account-form .mepr-account-change-password {
    margin-left: 21px;
    font-size: 14px;
    font-weight: bold;
}

/* Change Password - Normal Link */ 
.mepr-account-form .mepr-account-change-password a {
    color: #36A9E1;
} 

/* Form - Change Password */
.mepr-account-form .mepr-newpassword-form {
    max-width: 600px;
    margin-top: 50px;
    margin-right: 20px;
    margin-left: 20px;
}

/* Label - Confirm New Password */ 
.mepr-account-form #mepr-confirm-password {
    margin-bottom: 24px;
}

/* Submit Button - Update Password */
.mepr-account-form .mepr-newpassword-form .mepr-submit {        
    margin-bottom: 37px;
}

/* Cancel - Normal Link */
.mepr-account-form .mepr-newpassword-form a {
    color: #36A9E1;
    font-size: 14px;
    font-weight: bold;
}

/* Eye - New Password */
.mepr-account-form .mepr-newpassword-form .mepr_new_password .mp-hide-pw .dashicons {
    margin-top: 5px;
    margin-right: -5px;
}

/* Eye - Old Password */
.mepr-account-form .mepr-newpassword-form .mepr_confirm_password .mp-hide-pw .dashicons {
    margin-right: -5px;
    margin-bottom: 18px;
}

/* Error 1 - Invalid Email */
.mepr-account-form .mp-form-label .cc-error {
    font-size: 14px;
}

/* Error 2 - Fix Errors Above */
.mepr-account-form .mepr-form-has-errors {
    margin-top: 25px;
    margin-left: -4px;
}

/* Error 3 - Fix Errors Above */
.mepr-account-form .mepr-newpassword-form .mepr-form-has-errors {
    margin-top: 26.5px;
    margin-left: -5px;
}

/* ERROR */
.mepr-account-form .mepr_error {
    width: 92.8%;
    height: 66.5px;
    margin-top: 50px;
    margin-left: 20px;
    border-radius: 7px;
    color: #d40022;
}

/* SUCCESS */
.mepr-account-form .mepr_updated {
    width: 92.8%;
    height: 40px;
    margin-top: 50px;
    margin-left: 20px;
    border-radius: 7px;
    color: #4d8c2e;
}



/* Navigation Bar */

/* Nav Bar */
.mepr-account-form #mepr-account-nav {
    margin-top: 5px;
    margin-bottom: 30px;
    margin-left: 20px;
}

/* Nav Bar Items */
.mepr-account-form .mepr-nav-item {
    margin-right: 30px;
}

/* Nav Bar Items - Normal Links */
.mepr-account-form .mepr-nav-item a {
    color: #36A9E1;
}

/* Nav Bar Items - Hover Links */
.mepr-account-form .mepr-nav-item a:hover {
    text-decoration: underline;
}

/* Heading - Welcome to My WordPress */
.mepr-account-form #mepr-account-welcome-message {
    display: none !important;
}

/* Logout */
.mepr-account-form #mepr-account-logout {
    display: none !important;
}



/* Submit Button */

/* Submit Button - Normal */
.mepr-account-form .mepr-submit,
.mepr-account-form button {
    width: 100%;
    height: 44px;
    margin-bottom: 10px;
    color: #090C0F;
    background: #36A9E1;
    border: none;
    border-radius: 11px;
    font-size: 14.5px;
}

/* Submit Button - Hover */
.mepr-account-form .mepr-submit:hover,
.mepr-account-form button:hover {
    color: #36A9E1;
    background: #000000;
    border: 1.5px solid #cccccc;
    border-color: #36A9E1;
    cursor: pointer;
}



/* Subscriptions, Payments Pages */
.mepr-account-form .mepr-no-active-subscriptions, .mp-no-subs {
    margin-top: 50px;
    margin-left: 22px;
}



/* Responsive Design */

@media (max-width: 768px) {

/* Navigation Bar */
.mepr-account-form #mepr-account-nav {
    margin-top: -10px;
}


.mepr-account-form .mepr-nav-item {
    margin-bottom: 5px;
    display: block;
}
}

@media (max-width: 768px) {

/* ERROR */
.mepr-account-form .mepr_error {
    height: 66.5px;
    margin-left: 20px;
    margin-top: 50px;
    border-radius: 7px;
    color: #d40022;
}
}

@media (max-width: 510px) {
/* ERROR */
.mepr-account-form .mepr_error {
    height: 121px;
}
}










/* TABLE STYLING - DO THIS WHEN SUBSCRIPTIONS & PAYMENTS PAGES' CONTENT CAN BE SEEN DURING FINAL MEMBERPRESS WEBSITE TESTING */
.mepr-account-form table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.mepr-account-form th,
.mepr-account-form td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.mepr-account-form th {
  background-color: #f0f0f0;
  font-weight: bold;
}/* End custom CSS */