/*========================================= 
--ALL PAGES BACKGROUND AND HEADERS WHOLE PAGE --
==========================================*/

.bg-yellow {
  background-color: #edc967 !important;
}

.copy-color-dark {
  color: #343434 !important;
}

body .mt-card {
  background: #fff;
  border-radius: 18px;
  padding: 40px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

body.mt-elite .mt-dashboard button.open.cdc_rules_btn:hover {
  background-color: var(--elite-btn-hover);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.header_img > figure > a > img {
  max-width: 74% !important;
}

.page-id-9876 .header_img > figure > a > img,
.page-id-6337 .header_img > figure > a > img {
  max-width: 82% !important;
  margin: 0px auto !important;
}

.page-id-9876 .header_img > figure > a > img {
  margin: 0px auto !important;
}

.page-id-7500 #wrapper > div > div > .page-title-breadcrumb-wrap,
.page-id-8154 #wrapper > div > div > .page-title-breadcrumb-wrap,
.page-id-6340 #wrapper > div > div > .page-title-breadcrumb-wrap,
.page-id-8003 #wrapper > div > div > .page-title-breadcrumb-wrap,
.page-id-7482 #wrapper > div > div > .page-title-breadcrumb-wrap,
.event-template-default #wrapper > div > div > .page-title-breadcrumb-wrap {
  padding-top: 16px;
  padding-bottom: 16px;
}

.page-id-7500 #wrapper > div > div > .page-title-breadcrumb-wrap img,
.page-id-8154 #wrapper > div > div > .page-title-breadcrumb-wrap img,
.page-id-6339 #wrapper > div > div > .page-title-breadcrumb-wrap img,
.page-id-3919 .cwd_faq_logo figure a img,
.page-id-6340 #wrapper > div > div > .page-title-breadcrumb-wrap img,
.page-id-8003 #wrapper > div > div > .page-title-breadcrumb-wrap img,
.page-id-7482 #wrapper > div > div > .page-title-breadcrumb-wrap img,
.event-template-default #wrapper > div > div > .page-title-breadcrumb-wrap img,
.page-id-9913 #wrapper > div > div > .page-title-breadcrumb-wrap img {
  max-width: 52% !important;
  float: right;
  border-radius: 10px;
  border: 1.3px solid #61ad4e;
}

#cwd_elite_access_approved_logo > figure > a > img {
  margin-top: 40px;
  max-width: 52% !important;
  border-radius: 10px;
  border: 1.3px solid #61ad4e;
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%);
}

.page-id-7500 .page-title-breadcrumb,
.page-id-8154 .page-title-breadcrumb,
.single-event .page-title-breadcrumb,
.page-id-6340 .page-title-breadcrumb,
.page-id-8003 .page-title-breadcrumb,
.page-id-9913 .page-title-breadcrumb {
  border-bottom-color: transparent;
  background-color: transparent;
}

.page-id-7500 #wrapper > .container,
.single-event #wrapper > .container,
.page-id-6340 #wrapper > .container,
.page-id-8003 #wrapper > .container,
.page-id-9913 #wrapper > .container {
  padding-top: 30px;
}

.page-id-7500 .page-title-breadcrumb-wrap,
.page-id-8154 .page-title-breadcrumb-wrap,
.page-id-7482 .page-title-breadcrumb-wrap,
.single-event .page-title-breadcrumb-wrap,
.page-id-6340 .page-title-breadcrumb-wrap,
.page-id-8003 .page-title-breadcrumb-wrap,
.page-id-9913 .page-title-breadcrumb-wrap {
  margin-top: 30px;
}

#wrapper > div > div > .page-title-breadcrumb-wrap img {
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%);
}

.error404 #wrapper > div > div a img {
  max-width: 32% !important;
  border-radius: 10px;
  border: 1.3px solid #61ad4e;
  margin: 0 auto;
  margin-bottom: 60px;
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%);
}

.error404 #branding,
.error404 .header_right_side {
  display: none !important;
}

.error404 #content {
  margin: 0 auto;
}

.error404 #content p {
  text-align: center;
}

.error404 #content .page-content {
  align-content: center;
  padding-top: 0px;
}

.footer_widget {
  display: none;
}

/* fix for firefox.social icons pushing below header bar*/
.md\:px-4 {
  padding-bottom: 2px !important;
}

#wrapper p,
#wrapper li,
#wrapper h4 {
  font-family: "Montserrat", "roboto";
}

.copyright,
.footer_navigation {
  font-family: "Montserrat", "roboto";
}

/*===== 404 Page =====*/
.error404 > #wrapper-out .header {
  box-shadow: none !important;
}

.error404 > #wrapper-out #navigation,
.error404 > #wrapper-out .new_search_form {
  display: none !important;
}

.error404 > #wrapper-out > #wrapper > .row {
  margin-top: 15vh;
}

.simple-banner-text > span {
  text-transform: uppercase;
}

.pmpro-body-has-access .md\:px-4,
.pmpro-body-level-required .md\:px-4 {
  padding-bottom: 0px !important;
}

.tradingview-widget-container {
  height: 46px !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden;
}

/*===================================================
-------------- Newsletter Popup ------------------
====================================================*/

.exit-intent-popup,
.exit-intent-popup2,
.exit-intent-popup3 {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(33, 33, 33, 0.8);
  transform: translateY(60%) scale(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.exit-intent-popup.visible,
.exit-intent-popup2.visible,
.exit-intent-popup3.visible {
  transform: translateY(0) scale(1);
}

.newsletter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* Popup-specific styles */
.newsletter {
  background: #fff;
  padding: 40px 50px 22px 50px;
  border-radius: 3px;
  width: 46%;
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 10px;
  height: 10px;
}

.newsletter_title {
  font-size: 28px !important;
  text-transform: uppercase;
  font-weight: 600;
  color: #61ad4e;
}

.newsletter_title2 {
  font-size: 26px !important;
  text-transform: uppercase;
  font-weight: 600;
}

.newsletter_title2 span {
  color: #61ad4e;
}

.news_p1 {
  font-size: 18px;
  padding-top: 2px;
  color: #61ad4e;
  margin-bottom: 13px;
  font-weight: 600;
}

.news_p2 {
  font-size: 16px;
  line-height: 1.6rem;
  margin-bottom: 30px !important;
}

.news_p2_course {
  font-size: 16px;
  line-height: 1.5rem;
  margin-bottom: 26px !important;
}

.news_p2_course span {
  color: #61ad4e;
}

.news_p2_home {
  font-size: 20px;
  line-height: 1.8rem;
  margin-bottom: 20px !important;
}

.news_p2 span {
  color: #61ad4e;
}

.news_p3 {
  margin-bottom: 26px !important;
}

.news_p3a {
  margin-bottom: 36px !important;
}

#sib_signup_form_2 > div.sib_signup_box_inside_2 > p.sib-email-area {
  margin-bottom: 10px;
}

#sib_signup_form_2 > div.sib_signup_box_inside_2 > p.sib-email-area > input {
  border-radius: 4px;
}

#sib_signup_form_2 > div.sib_signup_box_inside_2 > p:nth-child(3) > input {
  width: 100%;
}

.popup_disc {
  margin-top: 24px;
  font-size: 10px !important;
}

/*----- Exclusive chat popup -----*/
.newsletterExcl {
  width: 38%;
  padding: 30px 40px 40px 40px;
}

.newsletterExclcourse {
  width: 40%;
  padding: 30px 40px 40px 40px;
}

.newsletter > a {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 9rem !important;
  padding-right: 9rem !important;
  text-align: center;
  font-size: 18px;
  border-radius: 4px;
}

.newsletter > a.course_pop_btn {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 8rem !important;
  padding-right: 8rem !important;
  text-align: center;
  font-size: 18px;
  border-radius: 4px;
}

.newsletter > img {
  margin: 0 auto;
  max-width: 50%;
  border: 1.5px solid #61ad4e;
  border-radius: 4px;
  margin-bottom: 20px;
}

.newsletter > h3 {
  margin-bottom: 10px !important;
}

/*===== END Iphone contact form shadow fix END =====*/

/*
* - Page bottom Footer - 
*/

.mt-elite .top_social a:hover {
  box-shadow: none !important;
}

p,
h4,
h3,
h5,
h6,
input,
label,
td,
.copyright,
.footer_navigation {
  font-family: "Montserrat", "roboto";
}

h6 {
  font-family: "roboto" !important;
}

/*===== iphone footer fix copy right =====*/
footer > div > div {
  font-family: "Montserrat", "roboto";
}

#wrapper h2,
#wrapper h3,
.page-id-7500
  #pmpro_pricing_fields
  > div
  > div.pmpro_level_description_text
  > p {
  text-transform: none !important;
  padding-bottom: 10px !important;
  letter-spacing: 2px;
  font-family: "walkway-black", "Roboto" !important;
}

.page-id-6337 #wrapper #pmpro_pricing_fields > h2:nth-child(1) {
  padding-bottom: 0px !important;
}

.page-id-6337 #wrapper .pmpro_level_description_text > h2:nth-child(1) {
  margin-bottom: 12px;
  padding-bottom: 6px !important;
}

.page-id-6337 .pmpro_level_name_text {
  line-height: 1.7;
}

/*===============================================
--Membership checkout pages Whole page --
================================================*/

.page-id-6337 .xl\:py-12 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.separator-el-left,
.separator-el-right {
  height: 2px;
}

.membership_main_row {
  display: flex;
}

#wrapper::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.38;
  z-index: -1;
  background-image: url("/wp-content/uploads/2021/07/websitehero90.png");
  background-position: center;
  background-size: contain;
}

.cdc_checkout_disc {
  font-size: 10.5px;
}

.page-id-6337 #cwd_member_checkout_logo {
  margin-top: 16px;
}

.page-id-6337 #pmpro_payment_information_fields > h2 > .pmpro_checkout-h2-name,
.page-id-6337 #pmpro_user_fields > h2 > .pmpro_checkout-h2-name {
  margin-bottom: 0px;
  margin-top: 20px;
}

.page-id-6337 .pmpro_checkout-h2-msg {
  display: none !important;
}

.page-id-6335 .credit-card-images,
.page-id-6337 .credit-card-images {
  float: right;
  width: 27%;
}

.page-id-7500 .credit-card-images > img,
.page-id-6335 .credit-card-images > img,
.page-id-6337 .credit-card-images > img {
  height: 20px;
  margin-right: 10px;
}

.page-id-6337 .terms-of-service-checkbox > #tos_agree {
  float: left;
  margin-right: 10px;
}

.page-id-6337 .terms-of-service-checkbox > label a {
  text-decoration: underline;
}

.page-id-6337 .terms-of-service-checkbox {
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
}

/*===============================================
--Swal Alerts--
================================================*/
#swal2-title {
  color: #61ad4e;
  font-weight: 500;
  font-size: 26px;
}

.ccs_swal_mod_upg_complete,
.ccs_calendar_avalible {
  width: 12em !important;
}

.page-id-13052.mt-pro .swal2-styled.swal2-cancel,
.page-id-3650 .swal2-styled.swal2-cancel,
.page-id-13052.mt-elite .swal2-styled.swal2-cancel {
  background-color: #ddd !important;
}

.page-id-8003 .swal2-styled.swal2-confirm:hover,
.page-id-13052.mt-pro .swal2-styled.swal2-cancel:hover,
.page-id-3650 .swal2-styled.swal2-cancel:hover,
.page-id-13052.mt-elite .swal2-styled.swal2-cancel:hover {
  background-color: #c8c8c8 !important;
}

.ccs_mod_upg_swal_img {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

/*===============================================
--Membership Checkout Tos Alert--
================================================*/

.ccs_tos_pop_txt #swal2-html-container {
  margin-top: 0px !important;
}

.ccs_tos_pop_txt .swal2-confirm.swal2-styled {
  width: 10em;
}

/* 1-on-1 registration page*/

.page-id-7500 #registration_column > .vc_column-inner #pmpro_level_cost {
  display: block !important;
  margin-bottom: 44px;
}

.page-id-7500
  #pmpro_pricing_fields
  > div
  > div.pmpro_level_description_text
  > p {
  text-transform: none !important;
  margin-top: 24px;
  line-height: 1.1;
}

.page-id-7500 #registration_column > .vc_column-inner > .wpb_wrapper {
  padding: 26px;
}

.page-id-7500 #pmpro_pricing_fields > h3,
.page-id-7500 #pmpro_form > hr {
  display: none !important;
}

.cdc_explsoffer {
  font-size: 14px;
}

#pmpro_account_loggedin.pmpro_alert {
  background-color: #add5a6;
  border-color: #61ad4e;
  color: #000;
  font-family: "Montserrat", "Roboto";
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%);
}

#pmpro_account_loggedin.pmpro_alert a {
  color: #77b96b;
  font-weight: 600;
}

#pmpro_account_loggedin.pmpro_alert a:hover {
  color: #61ad4e;
}

#pmpro_user_fields hr {
  display: none;
}

.pmpro_checkout-fields h2 {
  text-transform: none !important;
}

.pmpro_checkout-fields h2 {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0.4rem 0.4rem 0.4rem 0rem !important;
}

.pmpro_checkout-fields input[type="checkbox"]:checked:before {
  color: #77b96b;
}

.pmpro_checkout-fields label > input {
  padding-right: 10px;
}

#pmpro_pricing_fields > h2 > span:nth-child(1) {
  padding-top: 7px;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 7px !important;
}

#pmpro_pricing_fields > h2 > span:nth-child(2) {
  padding-top: 5px;
  padding-right: 10px;
}

#pmpro_pricing_fields > div > h2 {
  margin-bottom: 20px !important;
}

.pmpro_checkout-h2-msg {
  padding-top: 2px;
  float: right;
}

.pmpro_checkout-h2-msg > a {
  color: #61ad4e;
  font-weight: 600;
  text-transform: uppercase;
}

.pmpro_checkout-h2-msg > a:hover {
  color: #77b96b;
}

.pmpro_checkout h2 span.pmpro_checkout-h2-msg {
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.5;
}

.pmpro_checkout-fields h4 {
  text-align: center;
  margin-bottom: 30px;
}

.pmpro_checkout-fields h4 strong {
  font-weight: 600;
  font-family: "Montserrat", "roboto";
  color: #61ad4e;
  font-size: 20px;
  letter-spacing: 0.3px;
}

.page-id-7500 #pmpro_level_cost > div > p {
  text-align: center;
}

.course_price_cc2 {
  font-size: 14px !important;
}

.pmpro_checkout-fields .pmpro_checkout-h3-name {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 4px !important;
  padding-left: 4px;
}

.pmpro_checkout-h3-name {
  margin-bottom: 10px !important;
  font-family: "Montserrat", "Roboto";
}

#pmpro_payment_information_fields .pmpro_checkout-h3-name {
  margin-top: 12px !important;
}

#discount_code_message {
  position: absolute;
  width: 100%;
}

/*-- Hide User Name Field on Registration form which will be auto filled */
.pmpro_checkout-fields > p,
#pmpro_level_cost > p {
  display: none;
}

#other_discount_code_p,
.pmpro_checkout-field-username {
  display: none !important;
}

.pmpro_checkout-field-firstname {
  width: 48%;
  float: left;
}

.pmpro_checkout-field-lastname {
  width: 48%;
  float: left;
  margin-left: 4% !important;
}

/*--- Form errors ---*/
.ffffffformError_cc {
  border: 1px solid #ff0000 !important;
}

.formError_cc {
  border: 1px solid #ff0000 !important;
}

.formConfirm_cc {
  border: 1px solid #61ad4e !important;
}

.pmpro_payment-account-number > label,
.pmpro_payment-expiration > label,
.pmpro_payment-cvv > label,
.pmpro_payment-discount-code > label,
#pmpro_payment_information_fields > h3 span:nth-child(2) {
  display: none !important;
}

.pmpro_payment-discount-code {
  position: relative;
  display: table;
  border-collapse: separate;
}

input[type="button"]#discount_code_button {
  color: #fff !important;
  position: absolute;
  right: 0;
  height: 100%;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-family: "Roboto" !important;
  font-weight: 700 !important;
  background-color: #77b96b !important;
  padding: 7.6px 8px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

#discount_code_button:hover {
  background-color: #61ad4e !important;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}

.pmpro-login .pmpro_section #loginform .login-submit .button {
  border: none;
  font-weight: 600;
  font-family: var(--base-font-style);
  background-color: #77b96b !important;
}

.pmpro-login .pmpro_section #loginform .login-submit .button:hover {
  color: var(--white);
  border: none;
  font-weight: 600;
  font-family: var(--base-font-style);
  background-color: #61ad4e !important;
}

#pmpro_license {
  height: 140px;
  margin-bottom: 20px;
}

.page-id-7500 #pmpro_license {
  height: 270px !important;
}

#pmpro_license h4 {
  font-size: 21px !important;
}

#pmpro_license a {
  color: #61ad4e;
}

#pmpro_license a:hover {
  color: #77b96b;
}

.pmpro_clickable {
  padding-left: 10px;
  font-family: "Montserrat", "Roboto";
  font-weight: 700;
}

.pmpro_submit hr {
  display: none;
}

form.pmpro_form .pmpro_submit {
  margin-top: 2em;
}

.pmpro_btn-submit-checkout {
  width: 100% !important;
  margin-top: 10px !important;
}

/* Set styling when form field data is completed and valid */
.StripeElement--complete {
  border: 1px solid #61ad4e !important;
}

.page-id-6337 input[type="text"],
.page-id-6337 input[type="password"],
.page-id-6337 input[type="email"] {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}

/* Checkout password protection page */

@media screen and (min-width: 520px) {
  .post-password-form {
    width: 640px;
    margin: 0 auto;
    top: 22em;
    position: relative;
    background: #fff;
    padding: 20px 40px 2px;
    border: 1.5px solid #add5a6;
    border-radius: 4px;
  }

  .post-password-form > p:nth-child(2) > input {
    margin-top: 30px;
  }
}

/*===========================================================
 --- MT Elite Access Membership Application ---
===========================================================*/

.page-id-9876 .post_container:not(.style2) {
  width: 100% !important;
}

.page-id-9876 #wrapper h2 {
  padding-bottom: 0px !important;
}

.page-id-9876
  #wrapper
  > div.container.lg\:flex.mx-auto.py-8.xl\:py-12.px-4.xl\:px-0.justify-between {
  display: block !important;
}

.page-id-9876 #cwd_elite_access_app_row {
  display: flex !important;
  margin-top: 20px;
  margin-bottom: 10px;
}

.page-id-9876 #cwd_elite_access_app {
  width: 90%;
  padding: 28px 6px 0px 6px;
  border-radius: 18px;
  border: 1px solid #61ad4e;
  margin: 0 auto;
  margin-top: 10px;
}

.page-id-9876 #wpcf7-f9879-p9876-o1 > form > p:nth-child(9) {
  margin-bottom: 0px !important;
}

.page-id-9876 input[type="text"],
.page-id-9876 input[type="email"],
.page-id-9876 input[type="password"],
.page-id-9876 input[type="search"],
.page-id-9876 input[type="tel"],
.page-id-9876 textarea {
  border: 1px solid #77b96b !important;
}

.page-id-9876 input[type="text"],
.page-id-9876 input[type="email"],
.page-id-9876 input[type="password"],
.page-id-9876 input[type="search"],
.page-id-9876 input[type="tel"],
.page-id-9876 .wpcf7 select {
  color: #b2b2b6;
  height: 40px;
  width: 100%;
  font-family: "Montserrat", "roboto";
  padding-left: 8px;
  background-color: #fff !important;
  margin-bottom: 0px !important;
  border-radius: 8px !important;
  border: 1px solid #77b96b !important;
}

.page-id-9876 #other-field {
  background-color: rgba(173, 213, 166, 0.3) !important;
}

.page-id-9876 .cwd_elite_app_find_other {
  margin-top: 20px;
}

.page-id-9876 #wrapper input[type="submit"] {
  width: 100%;
}

.page-id-9876 .wpcf7 form.invalid .wpcf7-response-output,
.page-id-9876 .wpcf7 .wpcf7-response-output {
  margin-top: 10px !important;
  margin-bottom: 40px;
  width: 100%;
}

.page-id-9876 .wpcf7 form > p:nth-child(8),
.page-id-9876 .wpcf7 form > p:nth-child(10) {
  margin-bottom: 0px !important;
}

.page-id-9876 #char-count {
  margin-bottom: 30px;
}

/*===========================================================
 --- Membership Confirmation / Thank you page ---
===========================================================*/

.pmpro_confirmation_wrap > p:nth-child(1) {
  display: none;
}

.cdc_member_confirmation_row {
  border-radius: 18px;
  width: 960px;
  background-color: #fff;
  padding: 30px;
  display: flex;
  margin: 0 auto;
  box-shadow:
    0 5px 11px 0 rgb(0 0 0 / 10%),
    0 4px 15px 0 rgb(0 0 0 / 10%);
}

.cdc_member_confirmation_col1 {
  background-color: #add5a6;
  padding: 14px;
  border-radius: 10px;
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%);
}

.cdc_member_confirmation_col2 {
  padding-left: 40px;
}

.confirmation_col_1_img_cc > figure > a img {
  border-radius: 4px !important;
  box-shadow:
    0 5px 11px 0 rgb(0 0 0 / 18%),
    0 4px 15px 0 rgb(0 0 0 / 15%) !important;
}

.pmpro_confirmation_wrap h2 {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 0.4rem 0.4rem 0.4rem 0rem !important;
}

.pmpro_confirmation_wrap ul {
  margin-left: 0px !important;
}

.pmpro_confirmation_wrap ul li {
  list-style: none;
}

.pmpro_confirmation_wrap > p:nth-child(2) {
  font-weight: 600;
  letter-spacing: 0.4px;
}

.page-id-6338 #wrapper .cdc_confirmation_title {
  font-family: "Montserrat", "Roboto" !important;
}

.cdc_confirmation_lvl_active {
  color: #61ad4e;
}

.page-id-6338 .pmpro_a-print {
  display: none;
}

.pmpro_invoice_details {
  padding: 20px 0px;
}

.pmpro_invoice-payment-method > strong,
.pmpro_invoice-total > strong {
  font-family: "Montserrat", "Roboto";
}

.pmpro_confirmation_wrap > hr:nth-child(9) {
  display: none !important;
}

.page-id-6338 .cdc_member_confirmation_row {
  margin-top: 40px !important;
}

.page-id-6338 .pmpro_actions_nav a {
  color: #fff;
  position: relative;
  overflow: hidden;
  padding: 10px 76px;
  float: right;
  margin-top: 20px;
  transition: all 0.2s ease-in-out !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Roboto" !important;
  text-shadow: none !important;
  border-radius: 12px !important;
  letter-spacing: 0.3px !important;
  background-color: #77b96b !important;
  background-image: none !important;
  border: none !important;
  text-transform: initial !important;
}

.page-id-6338 .pmpro_actions_nav a:hover {
  color: #fff;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease-in-out !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Roboto" !important;
  border-radius: 12px !important;
  letter-spacing: 0.3px !important;
  text-shadow: none !important;
  background-color: #61ad4e !important;
  background-image: none !important;
  border: none !important;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}

.pymt_comp_btn,
.schd_comp_btn {
  margin-top: 30px;
  margin-bottom: 2px;
}

.pymt_comp_btn,
.schd_comp_btn {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: "Roboto" !important;
  text-shadow: none !important;
  border-radius: 4px !important;
  letter-spacing: 0.3px !important;
  padding: 10px 25px !important;
  background-color: #77b96b !important;
  text-transform: uppercase !important;
  transition: all 0.2s ease-in-out;
}

.pymt_comp_btn:hover,
.schd_comp_btn:hover {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: "Roboto" !important;
  border-radius: 4px !important;
  letter-spacing: 0.3px !important;
  padding: 12px 25px;
  text-shadow: none !important;
  background-color: #61ad4e !important;
  transition: all 0.2s ease-in-out;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}

.pymt_comp_btn:active,
.schd_comp_btn:active {
  opacity: 0.5;
}

.pmpro_btn-plain.pmpro_btn-print {
  background-color: transparent !important;
  color: #343434;
}

.pmpro_btn-plain.pmpro_btn-print:hover {
  background-color: transparent !important;
  color: var(--alt-theme-button-color) !important;
  box-shadow: none !important;
}

.pmpro_actions_nav-left a {
  color: #343434;
}

.pmpro_actions_nav-left a:hover {
  color: var(--alt-theme-button-color);
}

.pmpro #pmpro_order_single .pmpro_card_actions {
  padding-bottom: 14px;
  padding-top: 14px;
}

/*===========================================================
 --- Membership Portal ---
===========================================================*/

/*All portal containers*/

.page-id-6335 .pmpro_billing_gateway-stripe,
.cdc_profile_block {
  /* margin: 0 auto; */
  padding: 1.5rem 2rem 1.6rem 2rem;
  background-color: #fff;
  border-radius: 18px;
  box-shadow: var(--card-shadow);
}

.page-id-6334 .pmpro_actionlinks:not(:first-child) {
  width: 100%;
  border-top: 1px solid #e2e8f0;
}

.page-id-6334 #pmpro_account-invoices > .pmpro_actionlinks {
  margin-top: 16px;
}

.page-id-6334 #pmpro_account-membership > .pmpro_actionlinks {
  margin-top: 0px;
  border-top: none !important;
}

.page-id-3227 #wrapper > .container,
.page-id-6335 #wrapper > .container {
  margin-top: 30px;
}

.page-id-6335 .pmpro_billing_gateway-stripe {
  width: 80% !important;
}

.page-id-6334 > #wrapper-out > #wrapper > .container {
  margin-bottom: 20px;
}

.pmpro_message.pmpro_alert {
  border-radius: 8px;
}

.parent-pageid-6334 #wrapper .vc_col-sm-9 > div > div h3 {
  font-size: 22px !important;
  width: 90%;
  /* margin: 0 auto; */
}

.pmpro-billing.parent-pageid-6334 #wrapper .vc_col-sm-9 > div > div h3 {
  width: 80% !important;
}

.cdc_portal_col1 {
  background-color: #add5a6;
  padding: 28px;
  border-radius: 14px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
}

.mt-elite .cdc_profile_col1,
.mt-elite .cdc_portal_col1 {
  background-color: #edc967 !important;
}

.pmpro_submit {
  text-align: right;
}

.pmpro_checkout-fields div,
.pmpro_checkout_box-user div input,
.pmpro_change_password-fields div input {
  border-radius: 8px !important;
}

/* .cdc_portal_col2 {
  padding: 10px 10px 10px 20px !important;
} */

.cdc_portal_col2 {
  margin-left: 20px;
}

.cdc_portal_col2 > div > div > h3 {
  margin-bottom: 0px !important;
}

.cdc_portal_col_2 {
  padding-bottom: 10px;
  border-bottom: 1px solid;
}

.cdc_portal_row {
  overflow: visible !important;
  display: flex;
}

.cdc_portal_row > div > div {
  width: 80% !important;
  margin: 0 auto;
}

.page-id-6334 #wrapper .blogpost.mb-8 {
  margin-top: 30px;
  margin-bottom: 60px;
}

.page-id-6334 #pmpro_account .pmpro_box {
  border-top: none !important;
}

.cdc_portal_back_btn {
  position: absolute;
  right: 21em;
  top: 1em;
}

.cdc_portal_back_atag {
  padding: 2px 10px;
  background-color: #fff;
  border-radius: 26%;
  position: absolute;
  right: 20.7em;
  top: 0.8em;
  border: 1px solid #61ad4e;
  transition: all 0.2s ease-in-out;
}

.cdc_portal_back_atag2 {
  padding: 2px 10px;
  background-color: #fff;
  border-radius: 26%;
  position: absolute;
  right: 13.6em;
  top: 0.8em;
  border: 1px solid #61ad4e;
  transition: all 0.2s ease-in-out;
}

.cdc_portal_back_atag:hover,
.cdc_portal_back_atag2:hover {
  border: 1px solid #61ad4e;
  transition: all 0.2s ease-in-out;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
}

.cdc_portal_back_atag > i,
.cdc_portal_back_atag2 {
  font-size: 14px;
  color: #61ad4e;
}

.portal_col_1_img_cc {
  width: 84%;
  margin: 0 auto;
}

.portal_col_1_img_cc > figure > a,
.profile_col_1_img_cc > figure > a {
  border-radius: 4px !important;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08) !important;
}

#content .portal_col_1_img_cc img,
#content .profile_col_1_img_cc img {
  border-radius: 10px;
}

.cdc_portal_col_2 {
  text-align: right !important;
}

.page-id-6334 #loader {
  display: block;
  position: relative;
  left: 57.8%;
  top: 57px;
  width: 70px;
  height: 70px;
  margin: -140px 0 0 -52px;
  border-radius: 100%;
  border: 3px solid transparent;
  border-top-color: #77b96b;
  margin-bottom: 70px;

  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  z-index: 1001;
}

.pmpro_account-membership-levelfee,
#pmpro_account-membership > table > thead > tr > th:nth-child(2) {
  display: none !important;
}

#pmpro_account-membership > table > thead > tr > th:nth-child(1),
#pmpro_account-membership > table > thead > tr > th:nth-child(2),
#pmpro_account-membership > table > thead > tr > th:nth-child(3) {
  text-align: left;
  font-family: "Montserrat", "Roboto";
}

#pmpro_account-membership .pmpro_card_title {
  font-weight: 500;
  font-size: 16px !important;
}

#pmpro_account-profile > ul {
  list-style: none;
}

#pmpro_account-invoices > table > thead > tr > th:nth-child(1),
#pmpro_account-invoices > table > thead > tr > th:nth-child(2),
#pmpro_account-invoices > table > thead > tr > th:nth-child(3),
#pmpro_account-invoices > table > thead > tr > th:nth-child(4) {
  text-align: left;
  font-family: "Montserrat", "Roboto";
}

#pmpro_order_list,
#pmpro_account-membership,
#pmpro_account-profile,
#pmpro_account-invoices,
#pmpro_account-links,
#pmpro_account-orders {
  margin-bottom: 2.5rem !important;
  border-radius: 18px;
  background-color: #fff;
  box-shadow: var(--card-shadow);
}

#pmpro_account-orders {
  margin-bottom: 0px !important;
}

#pmpro_account-membership thead,
#pmpro_account-invoices thead {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 14.5px;
  padding: 0.4rem 0.4rem 0.4rem 0rem !important;
}

#pmpro_account-membership {
  margin-top: 0rem !important;
}

.pmpro_table_orders thead tr th,
#pmpro_order_single-items > table > thead > tr > th {
  background-color: #f1f1f1 !important;
}

#pmpro_account-invoices {
  padding-right: 10px !important;
}

#pmpro_account-profile ul {
  margin-left: 0px !important;
  line-height: 1.6;
}

#pmpro_account-profile > p {
  padding-top: 10px !important;
}

#pmpro_account-profile h2,
#pmpro_account-links h2,
#pmpro_account-membership h2 {
  margin-right: 20px !important;
  border-bottom: 1.5px solid hsl(0, 0%, 91%);
}

#pmpro_order_list h2,
#pmpro_account-membership h2,
#pmpro_account-profile h2,
#pmpro_account-invoices h2,
#pmpro_account-links h2,
#pmpro_account-orders h2 {
  font-size: 20px !important;
  text-transform: uppercase !important;
  padding-bottom: 12px !important;
  letter-spacing: 0.5px;
  margin-left: 32px;
  padding-top: 28px;
  font-weight: 600;
  font-family: "Montserrat", "Roboto" !important;
}

#pmpro_account-profile > .pmpro_card > .pmpro_card_content {
  padding-top: 30px;
  padding-bottom: 28px;
}

#pmpro_account-profile .pmpro_list_item {
  margin-bottom: 0px;
}

.invoice-hover-icon {
  margin-left: 6px;
  opacity: 0;
  transform: translateX(-4px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  color: var(--alt-theme-button-color);
  pointer-events: none;
}

/* Trigger ONLY when row is intentionally hovered */
.pmpro-clickable-row:hover .invoice-hover-icon {
  opacity: 1;
  transform: translateX(0);
}

.pmpro-clickable-row:hover .invoice-hover-icon {
  transition-delay: 160ms;
}

#pmpro_order_single {
  margin-bottom: 10px;
}

#pmpro_order_single .pmpro_card {
  box-shadow: var(--card-shadow);
}

.pmpro_section .pmpro_card {
  border: none;
  margin-top: 0px;
  box-shadow: none;
  border-radius: 18px;
}

.pmpro_account-membership-levelname {
  padding: 10px 0px;
}

.pmpro_account-membership-levelfee p strong {
  font-weight: 500 !important;
}

.pmpro_account-membership-levelname .pmpro_actionlinks {
  padding-top: 0;
  position: absolute;
  margin-top: 22px !important;
}

.pmpro_card_title {
  font-size: 20px !important;
}

#pmpro_order_list .pmpro_card_content,
#pmpro_account-orders .pmpro_card_content {
  padding-top: 0px;
  padding-left: 30px;
  padding-bottom: 10px;
}

#pmpro_account-orders {
  margin-top: 0px;
}

#pmpro_account-profile .pmpro_actionlinks {
  padding-top: 19px;
  margin-top: 14px !important;
}

.pmpro_card_actions a,
#pmpro_actionlink-update-billing,
#pmpro_actionlink-change,
#pmpro_actionlink-cancel,
#pmpro_actionlink-profile,
#pmpro_actionlink-change-password,
#pmpro_actionlink-logout,
#pmpro_actionlink-invoices,
#pmpro_actionlink-renew,
#pmpro_account-links > ul > li > a,
.cc_mybookings > a {
  padding: 8px 14px;
  font-size: 14px;
  font-family: "Montserrat";
  letter-spacing: 0.3px;
  border-radius: 8px;
  margin-right: 6px;
  border: 1px solid #77b96b;
  transition: all 0.2s ease-in-out;
  color: #141414;
}

/*ELITE*/
.mt-elite .pmpro_card_actions a,
.mt-elite #pmpro_actionlink-update-billing,
.mt-elite #pmpro_actionlink-change,
.mt-elite #pmpro_actionlink-cancel,
.mt-elite #pmpro_actionlink-profile,
.mt-elite #pmpro_actionlink-change-password,
.mt-elite #pmpro_actionlink-logout,
.mt-elite #pmpro_actionlink-invoices,
.mt-elite #pmpro_actionlink-renew,
.mt-elite #pmpro_account-links > ul > li > a,
.mt-elite .cc_mybookings > a {
  border: 1px solid var(--elite-gold);
  color: #343434;
}

#pmpro_actionlink-cancel,
#pmpro_account-profile > div > div.pmpro_card_actions > span:nth-child(3) a,
#pmpro_account-profile > div > div.pmpro_card_actions > span:nth-child(5) a {
  margin-left: 6px;
}

.pmpro_table_order-date a {
  color: #61ad4e;
}

.cc_mybookings > a {
  padding: 11px 14px !important;
}

.pmpro_card_actions a:hover,
#pmpro_actionlink-update-billing:hover,
#pmpro_actionlink-change:hover,
#pmpro_actionlink-profile:hover,
#pmpro_actionlink-change-password:hover,
#pmpro_actionlink-logout:hover,
#pmpro_actionlink-invoices:hover,
#pmpro_actionlink-renew:hover,
#pmpro_account-links > ul > li > a:hover,
.cc_mybookings > a:hover {
  color: #fff !important;
  opacity: 0.9;
  background-color: #77b96b;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 6px var(--shadow-medium) !important;
}

/*ELITE*/
.mt-elite .pmpro_card_actions a:hover,
.mt-elite #pmpro_actionlink-update-billing:hover,
.mt-elite #pmpro_actionlink-change:hover,
.mt-elite #pmpro_actionlink-cancel:hover,
.mt-elite #pmpro_actionlink-profile:hover,
.mt-elite #pmpro_actionlink-change-password:hover,
.mt-elite #pmpro_actionlink-logout:hover,
.mt-elite #pmpro_actionlink-invoices:hover,
.mt-elite #pmpro_actionlink-renew:hover,
.mt-elite #pmpro_account-links > ul > li > a:hover,
.mt-elite .cc_mybookings > a:hover {
  color: #343434 !important;
  background-color: var(--elite-btn-hover) !important;
}

/* Active click effect: pressed-in look */
.pmpro_card_actions a:active,
#pmpro_actionlink-update-billing:active,
#pmpro_actionlink-change:active,
#pmpro_actionlink-profile:active,
#pmpro_actionlink-change-password:active,
#pmpro_actionlink-logout:active,
#pmpro_actionlink-invoices:active,
#pmpro_actionlink-renew:active,
#pmpro_account-links > ul > li > a:active,
.cc_mybookings > a:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transform: translateY(1px);
}

/* #pmpro_account-links>ul>li>#cdc_pmpro_elite_upg_btn {} */

#pmpro_account-links > ul > li > #cdc_pmpro_elite_upg_btn:hover {
  background-color: var(--elite-gold);
}

#pmpro_actionlink-update-billing:active,
#pmpro_actionlink-change:active,
#pmpro_actionlink-profile:active,
#pmpro_actionlink-change-password:active,
#pmpro_actionlink-logout:active,
#pmpro_actionlink-invoices:active {
  background-color: #61ad4e;
  opacity: 0.7;
}

#pmpro_cancel > form > p > input[type="submit"] {
  margin-right: 20px;
}

#pmpro_cancel > form > p:nth-child(1) {
  font-weight: 600;
}

.pmpro_yeslink,
#pmpro_actionlink-cancel,
#pmpro_cancel > form > p > input[type="submit"] {
  color: #fff !important;
  border: 1px solid #ddd !important;
  background-color: rgba(178, 0, 0, 0.2) !important;
}

.pmpro_yeslink:hover,
#pmpro_actionlink-cancel:hover,
#pmpro_cancel > form > p > input[type="submit"]:hover {
  color: #fff;
  opacity: 0.9;
  background-color: rgba(178, 0, 0, 0.75) !important;
  border: 1px solid rgba(178, 0, 0, 0.75) !important;
}

.pmpro_yeslink:active,
#pmpro_actionlink-cancel:active {
  background-color: rgba(178, 0, 0, 0.55) !important;
}

/*ELITE*/
.mt-elite .pmpro_yeslink:hover,
.mt-elite #pmpro_actionlink-cancel:hover,
.mt-elite #pmpro_cancel > form > p > input[type="submit"]:hover {
  color: #fff !important;
  opacity: 0.9;
  background-color: rgba(178, 0, 0, 0.75) !important;
  border: 1px solid rgba(178, 0, 0, 0.75) !important;
}

.mt-elite .pmpro_yeslink:active,
.mt-elite #pmpro_actionlink-cancel:active {
  background-color: rgba(178, 0, 0, 0.55) !important;
}

.pmpro_actionlinks > a:not(:first-child) {
  margin-left: 12px;
}

#pmpro_cancel > form > p > .pmpro_nolink {
  padding: 10px 20px;
  border-radius: 12px;
  border: 1px solid #61ad4e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: "Roboto" !important;
  text-transform: uppercase;
  background-color: #61ad4e;
  color: #fff;
  transition: all 0.2s ease-in-out;
  margin-left: 20px;
}

.pmpro-cancel .pmpro_actionlinks > a:not(:first-child) {
  border: 1.5px solid #61ad4e !important;
  background-color: #61ad4e;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

.pmpro-cancel .pmpro_actionlinks > a:not(:first-child):hover {
  border: 1.5px solid #61ad4e !important;
  transition: all 0.2s ease-in-out;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}

#pmpro_cancel > form > p > .pmpro_nolink:hover {
  border: 1px solid #61ad4e !important;
  transition: all 0.2s ease-in-out;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}

#pmpro_account-invoices .pmpro_table td {
  padding-top: 10px;
}

.page-id-6334 #pmpro_actionlink-invoices {
  margin-top: 19px;
}

.page-id-6334 .cc_mybookings,
.page-id-6334 #pmpro_account-invoices .pmpro_actionlinks {
  display: inline-block;
}

.page-id-6334 #pmpro_actionlink-levels {
  display: none !important;
}

#pmpro_account .pmpro_box p {
  margin: 0px !important;
}

#pmpro_account-invoices > table > tbody > tr > td a {
  text-decoration: underline;
}

.pmpro-btn-connect {
  float: right;
  transition: all 0.2s ease-in-out;
  border-radius: 12px;
  font-family: "Montserrat", "Roboto";
  margin-top: 16px !important;
}

.page-id-3650 .pmpro-btn-connect,
.page-id-13052.mt-pro .pmpro-btn-connect,
.page-id-13052.mt-elite .pmpro-btn-connect {
  margin-top: 6px !important;
}

.pmpro-btn-connect:hover {
  color: #fff !important;
  transition: all 0.2s ease-in-out;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%);
}

.cdc_portal_content > div > br {
  display: none;
}

.pmpro-btn-connect > i {
  padding-left: 8px !important;
}

#pmpro_account-links .pmpro_card_content {
  padding: 0px;
  padding-top: 20px !important;
}

#pmpro_account-links {
  display: none;
  margin-top: 40px !important;
  margin-bottom: 0px !important;
}

#pmpro_account-links > ul {
  margin-left: 0px !important;
  margin-top: 28px;
}

#pmpro_account-links > ul > li {
  list-style: none !important;
}

#pmpro_account-links > ul > li > a {
  margin-left: 20px !important;
  padding-top: 10px;
  padding-bottom: 11px;
  padding-left: 16px;
  padding-right: 16px;
}

#member-profile-edit > div:nth-child(4) {
  display: none;
}

/* Order history Link*/
.pmpro_table_order-date a {
  font-weight: 600 !important;
  color: var(--alt-theme-button-color) !important;
  text-decoration: none;
  position: relative;
  display: inline-block;
  transition:
    color 0.2s ease,
    text-shadow 0.2s ease;
}

.pmpro_table_order-date a:hover {
  text-decoration: underline;
  color: var(--theme-button-hover);
}

/* Animate icon on hover */
.pmpro_table_order-date a:hover::after {
  opacity: 1;
  transform: translateX(0);
}

/*===========================================================
 --- Membership invoices list ---
===========================================================*/

#pmpro_invoices_table th {
  text-align: left;
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 14.5px;
  font-family: "Montserrat", "Roboto";
  padding: 0.4rem 0.4rem 0.4rem 0rem !important;
}

#pmpro_invoices_table th {
  padding-left: 10px !important;
}

#pmpro_invoices_table a {
  text-decoration: underline;
}

.page-id-6339 #wrapper .page-title-holder {
  font-size: 24px !important;
  margin-left: 90px;
}

.page-id-6339 .page-title-breadcrumb {
  margin-top: 30px;
  border-bottom: 0px;
  background-color: transparent !important;
}

.page-id-6339 .page-title-breadcrumb a {
  margin-right: 80px;
}

.page-id-6339 .header_img > figure > a > img {
  background-color: #fff;
}

.page-id-6339 th,
.page-id-6339 td {
  padding: 30px 0px 30px 10px;
}

.page-id-6339 .pmpro_actions_nav {
  margin-top: 40px;
}

/* Ensure rows can host a pseudo-element */
#pmpro_order_list .pmpro-clickable-row,
#pmpro_account-orders .pmpro-clickable-row {
  position: relative;
  cursor: pointer;
}

/* Full-row hover overlay */
#pmpro_order_list .pmpro-clickable-row::after,
#pmpro_account-orders .pmpro-clickable-row::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.035);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  z-index: 1;
}

/* Show overlay on hover */
#pmpro_order_list .pmpro-clickable-row:hover::after,
#pmpro_account-orders .pmpro-clickable-row:hover::after {
  opacity: 1;
}

.page-id-6339 table > tbody tr:nth-child(odd) {
  background-color: #fff;
}

.cdc_invoices_list_row {
  overflow: visible !important;
}

#content.post-6339 .page-content {
  justify-content: center;
  display: flex;
}

.cdc_invoices_list_row {
  margin-bottom: 4.5rem !important;
  border-radius: 18px;
  background-color: #fff;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
  padding: 34px 10px 30px;
  width: 90%;
  margin: 0 auto;
}

.page-id-6339 .pmpro_actions_nav-right > a {
  background-color: var(--darkbrand-green);
  padding: 14px;
  color: #fff;
  border-radius: 4px;
}

.page-id-6339 .pmpro_actions_nav-right > a:hover {
  color: #fff !important;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%);
}

.page-id-6339 .pmpro_actions_nav-right {
  display: none;
}

/*===========================================================
 --- Membership invoices individual ---
===========================================================*/

.pmpro_invoice_wrap ul {
  margin-left: 0px !important;
  list-style: none !important;
}

.pmpro_invoice_wrap h3 {
  font-size: 15px !important;
  background-color: #fafafa;
  margin-bottom: 30px !important;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0.4rem 0.4rem 0.4rem 0rem !important;
}

.cdc_invoices_list_row > div {
  padding-left: 20px;
  padding-right: 20px;
}

.pmpro_invoice_wrap > a {
  font-family: "Roboto" !important;
  background: none !important;
  padding: 10px 16px !important;
  background-color: #77b96b !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  transition: all 0.2s ease-in-out;
}

.pmpro_invoice_wrap > a:hover {
  transition: all 0.2s ease-in-out;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}

/*===================================================================
 --- Membership Billing Page ---
====================================================================*/

.cdc_billing_row {
  display: flex;
}

.cdc_billing_col1 {
  background-color: #add5a6;
  padding: 28px;
  /* height: 80vh; */
  border-radius: 18px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
}

.billing_col_1_img_cc > figure > a {
  border-radius: 4px !important;
  box-shadow:
    0 5px 11px 0 rgb(0 0 0 / 18%),
    0 4px 15px 0 rgb(0 0 0 / 15%) !important;
}

.cdc_billing_col2 {
  padding: 10px 10px 0px 20px !important;
}

.cdc_billing_col_2 {
  padding-bottom: 10px;
  border-bottom: 1px solid;
  text-align: right !important;
}

.page-id-6335 #pmpro_payment_information_fields > h2 > .pmpro_checkout-h2-name {
  font-size: 22px !important;
  width: 100%;
}

.page-id-6335 #pmpro_level-1 .pmpro_message.pmpro_alert,
.page-id-6335 #pmpro_payment_information_fields > h2 > .pmpro_checkout-h2-msg {
  display: none;
}

.page-id-6335 #pmpro_form .pmpro_checkout h2 {
  margin: 0px !important;
}

.page-id-6335 .pmpro_billing_wrap > p > small > a {
  padding: 8px 14px;
  font-size: 14px !important;
  font-family: "Montserrat";
  letter-spacing: 0.3px;
  border-radius: 4px;
  margin-right: 12px;
  border: 1px solid #61ad4e;
  transition: all 0.2s ease-in-out;
}

.page-id-6335 .pmpro_billing_wrap > p > small > a:hover {
  color: #fff;
  background-color: #61ad4e;
  transition: all 0.2s ease-in-out;
}

.page-id-6335 .credit-card-images {
  margin-top: 4px;
}

.page-id-6335 .pmpro_message.pmpro_alert {
  margin-top: 10px;
}

.cdc_billing_row {
  overflow: visible !important;
}

.cdc_billing_back_btn {
  position: absolute;
  right: 6.7rem;
  top: 0.5rem;
}

.page-id-6335 .vc_icon_element-link {
  border: 1px solid #61ad4e !important;
  border-radius: 26%;
  width: 32px !important;
  height: 29px !important;
  transition: all 0.2s ease-in-out;
}

.page-id-6335 .vc_icon_element-link:hover {
  border: 1px solid #61ad4e !important;
  transition: all 0.2s ease-in-out;
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%) !important;
}

.page-id-6335
  .vc_icon_element.vc_icon_element-outer
  .vc_icon_element-inner.vc_icon_element-size-md
  .vc_icon_element-icon {
  color: #77b96b !important;
  font-size: 14px !important;
  top: 16px !important;
  left: 18px !important;
}

.page-id-6335 .pmpro_billing_wrap {
  margin-top: 3rem;
}

.page-id-6335 .pmpro_billing_wrap > p:nth-child(1) {
  position: absolute;
  top: 50px;
  left: 38px;
  font-size: 16px;
  margin-top: 2rem !important;
}

.page-id-6335 .pmpro_billing_wrap > p:nth-child(3) {
  text-align: center;
}

.page-id-6335 .pmpro_billing_wrap > ul {
  width: 80%;
  list-style: none;
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0 auto;
  margin-bottom: 3rem;
  padding: 1.4rem 1.4rem 1.4rem 2rem !important;
  border-radius: 18px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
}

.page-id-6335 #pmpro_payment_information_fields > h3 {
  margin-right: 10px !important;
  font-size: 22px !important;
  text-transform: none !important;
  padding-bottom: 10px !important;
  margin-top: 0px !important;
}

.page-id-6335 .pmpro_submit {
  margin-top: 0em !important;
}

.page-id-6335 .pmpro_btn-cancel {
  display: none;
}

/*===================================================================
 --- Membership Cancel Page ---
====================================================================*/

#pmpro_cancel > table th {
  text-align: left !important;
}

.pmpro_cancel_wrap {
  margin: 0 23%;
  text-align: center;
  margin-top: 17%;
  background-color: #fff;
  border: 2px solid #add5a6;
  padding: 30px 30px 12px 30px;
  border-radius: 4px;
}

#pmpro_cancel > table > thead {
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#pmpro_cancel > table > tbody > tr td {
  padding: 20px 0px;
}

#pmpro_cancel > table > tbody > tr td:nth-child(3) > a {
  border: 1px solid #dddddd;
  padding: 8px 30px;
  border-radius: 4px;
}

#pmpro_cancel > table > tbody > tr td:nth-child(3) > a:hover {
  border-color: #ff0000 !important;
  background: rgba(178, 0, 0, 0.85) !important;
  opacity: 0.9;
  color: #fff !important;
}

/*===================================================================
 --- Membership Edit Profile Page ---
====================================================================*/

/* .page-id-3227 #mt-dashboard-content{
  align-content: center;
} */

.pmpro_heading-with-avatar > img{
  width: 60px;
  height: 60px;
}

.page-id-3227 .mt-dashboard-post-content {
  max-width: 1110px;
  margin: 0 auto;
  min-height: 100vh;
  align-items: center;
  box-sizing: border-box;
  align-content: center;
}

.page-id-3227 #pmpro_member_profile_edit{
  margin-bottom: 0px;
}

.cdc_profile_col1 {
  background-color: #add5a6;
  padding: 28px;
  border-radius: 14px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
}

.cdc_profile_menu_row {
  margin-bottom: 10px;
}

.profile_col_1_img_cc {
  width: 84%;
  margin: 0 auto;
}

#pmpro_member_profile_edit-account-information {
  margin-left: 32px;
  margin-right: 32px;
}

#pmpro_member_profile_edit-account-information > .pmpro_form_fields {
  padding-top: 20px;
}

.pmpro_form_heading {
  padding-top: 22px !important;
}

.page-id-3227 #member-profile-edit > div > .pmpro_card_content {
  padding: 0px;
}

.page-id-3227 .cdc_profile_block {
  padding: 0px;
}

.button-separator {
  margin: 0 calc(var(--pmpro--base--spacing--small) / 2);
  opacity: 0.25;
}

/* Style the submit container like a card actions bar */
.pmpro_card_content .pmpro_form_submit {
  margin-top: 30px;
  background-color: rgba(0, 0, 0, 0.04);
  border-top: 1px solid var(--pmpro--color--border--variation);
  padding: 16px 24px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  border-radius: 0 0 8px 8px;
}

/* Optional: adjust bottom padding of content to match visual spacing */
.pmpro_card_content {
  padding-bottom: 0; /* prevent extra white space below content */
}

.page-id-3227 .pmpro_form_input {
  color: #555;
  border: 1px solid var(--border-light-gray, #eee);
  background-color: rgba(238, 238, 238, 0.7);
}

.cdc_profile_menu_row > div > div > div > div a {
  padding: 10px 14px !important;
  font-size: 14px !important;
  font-family: "Montserrat", "Roboto" !important;
  letter-spacing: 0.3px !important;
  border-radius: 4px !important;
  margin-right: 12px !important;
  background-color: #fff !important;
  border: 1px solid #61ad4e !important;
  width: 100% !important;
  transition: all 0.2s ease-in-out !important;
}

/* logout btn vc shortcode */
#cdc_profile_logoff_btn > div a {
  text-align: center;
  padding: 7px 14px !important;
  display: inline-block;
}

.cdc_profile_menu_row > div > div > div > div a:hover {
  color: #fff !important;
  background-color: #61ad4e !important;
  background-image: none !important;
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%) !important;
}

.cdc_profile_menu_row > div > div > div > div a:active {
  opacity: 0.5 !important;
}

.cdc_profile_col_2 {
  padding-bottom: 10px;
  overflow: hidden;
  font-size: 20px;
  font-weight: 600 !important;
  padding: 20px;
  border-radius: 10px;
  box-shadow: var(--card-shadow);
  background-color: var(--theme-opacity-dark-bkg);
  border: 1px solid var(--theme-border-light2);
  font-family: "Montserrat", "roboto" !important;
}

.cdc_profile_row {
  display: flex;
  overflow: visible !important;
}

.cdc_profile_back_btn {
  position: absolute;
  right: 10.7rem;
  top: 0.5rem;
}

.page-id-3227 .vc_icon_element-link {
  border: 1px solid #61ad4e !important;
  border-radius: 26%;
  width: 32px !important;
  height: 29px !important;
  transition: all 0.2s ease-in-out;
}

.page-id-3227 .vc_icon_element-link:hover {
  border: 1px solid #61ad4e !important;
  transition: all 0.2s ease-in-out;
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%) !important;
}

.page-id-3227
  .vc_icon_element.vc_icon_element-outer
  .vc_icon_element-inner.vc_icon_element-size-md
  .vc_icon_element-icon {
  color: #77b96b !important;
  font-size: 14px !important;
  top: 16px !important;
  left: 18px !important;
}

.page-id-3227 form.pmpro_form .input {
  max-width: 100% !important;
}

.page-id-3227 #member-profile-edit > div:nth-child(5) {
  display: none !important;
}

.page-id-3227
  .pmpro_change_password-field.pmpro_change_password-field-password_current {
  margin-bottom: 30px;
}

.page-id-3227 form.pmpro_form .pmpro_submit {
  margin-top: 1.6em;
}

.page-id-3227 .lite {
  margin-top: 1.5em;
  font-size: 12px !important;
}

#change-password .pmpro_form_submit .pmpro_btn-submit,
#pmpro_member_profile_edit .pmpro_form_submit button {
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: 500;
  font-family: "Montserrat", "Roboto";
  letter-spacing: 0.3px;
  border-radius: 8px;
  margin-right: 6px;
  border: 1px solid #61ad4e;
  transition: all 0.2s ease-in-out;
  color: #141414;
  background-color: #fff;
  box-shadow: none;
}

#change-password .pmpro_form_submit .pmpro_btn-submit:hover,
#pmpro_member_profile_edit .pmpro_form_submit button:hover {
  color: #fff !important;
  opacity: 0.9;
  background-color: #77b96b !important;
  transition: all 0.2s ease-in-out !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
}

.mt-elite #change-password .pmpro_form_submit .pmpro_btn-submit,
.mt-elite #pmpro_member_profile_edit .pmpro_form_submit button {
  border: 1px solid var(--elite-gold) !important;
}

.mt-elite #change-password .pmpro_form_submit .pmpro_btn-submit:hover,
.mt-elite #pmpro_member_profile_edit .pmpro_form_submit button:hover {
  color: #343434 !important;
  background-color: var(--elite-btn-hover) !important;
}

#change-password > div > .pmpro_card_content,
#member-profile-edit > div > .pmpro_card_content {
  padding: 0px;
}

#member-profile-edit > div > .pmpro_card_content > div a {
  margin-top: 22px !important;
}

.page-id-3227 #member-profile-edit > div > .pmpro_card_content > div a {
  margin-top: 38px !important;
  margin-right: 36px;
}

#member-profile-edit > div > .pmpro_card_content > div p {
  margin-top: 0px !important;
}

.page-id-3227 #pmpro_member_profile_edit .pmpro_form_submit button {
  margin-left: 6px;
}

.page-id-3227 .pmpro_card_content .pmpro_form_submit {
  gap: 4px;
}

#change-password h2,
#member-profile-edit h2 {
  font-size: 20px !important;
  text-transform: uppercase !important;
  padding-bottom: 12px !important;
  letter-spacing: 0.5px;
  font-weight: 700;
  font-family: "Montserrat", "Roboto" !important;
  border-bottom: 1.5px solid hsl(0, 0%, 91%);
}

#change-password .pmpro_form_legend,
#member-profile-edit .pmpro_form_legend {
  width: 100%;
}

#member-profile-edit .pmpro_message.pmpro_success,
#change-password .pmpro_card_content .pmpro_form_fieldset {
  margin-left: 32px;
  margin-right: 32px;
}

#change-password .pmpro_btn-password-toggle {
  color: #343434;
  padding: 10px;
  background-color: #eee !important;
}

#change-password .pmpro_btn-password-toggle:hover {
  color: #61ad4e !important;
  box-shadow: none !important;
}

.pmpro_form_field-password-toggle button:focus,
.pmpro_form_field-password-toggle button:active {
  color: #343434;
  box-shadow: none !important;
}

.pmpro_btn-password-toggle svg,
.pmpro_btn-password-toggle svg:active {
  --pmpro--color--accent: #343434;
}

.pmpro_btn-password-toggle {
  position: relative;
  top: 52px;
  right: 5px;
}

.pmpro_form_field-password-toggle-state {
  display: none;
}

.pmpro_form_field-password-toggle button:focus .pmpro_icon-eye svg,
.pmpro_form_field-password-toggle button:active .pmpro_icon-eye svg {
  stroke: #343434 !important;
}

.page-id-3227 #pmpro_change_password .pmpro_btn.pmpro_btn-cancel,
.page-id-3227 #pmpro_member_profile_edit .pmpro_btn.pmpro_btn-cancel {
  background-color: #ddd;
  padding: 6px 22px;
  margin-left: 12px;
  color: #fff;
  border-radius: 8px;
  border: 1px solid #ddd !important;
  text-decoration: none;
  font-family: "Montserrat", "Roboto" !important;
  font-weight: 400;
  box-shadow: none;
  transition: all 0.2s ease-in-out !important;
}

.page-id-3227 #pmpro_change_password .pmpro_btn.pmpro_btn-cancel:hover {
  background-color: var(--alt-theme-button-color);
}

.page-id-3227 .pmpro_btn.pmpro_btn-cancel:hover {
  background-color: #77b96b;
  border: 1px solid #77b96b;
  transition: all 0.2s ease-in-out !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.page-id-3227.mt-elite .pmpro_btn.pmpro_btn-cancel:hover {
  background-color: var(--elite-btn-hover);
  border: 1px solid var(--elite-gold);
  color: #343434 !important;
}

#member-profile-edit > div:nth-child(4) {
  padding: 0px 20px 20px 20px;
  border-radius: 4px;
  margin-top: 52px;
  background-color: rgba(221, 221, 221, 0.4);
}

#pmpro_order_list {
  margin-bottom: 0px;
}

.pmpro-invoice .pmpro {
  width: 80%;
  margin: 0 auto;
}

.pmpro-invoice .pmpro > #pmpro_order_list {
  margin-top: 13rem;
}

.pmpro-invoice .pmpro > #pmpro_order_single {
  margin-top: 7.5rem;
}

.pmpro_success a {
  color: var(--alt-theme-button-color);
}

.pmpro_success a:hover {
  color: var(--theme-button-color);
}

.pmpro_message.pmpro_success {
  color: #343434;
  border-color: var(--theme-info-btn-hover);
  background-color: var(--theme-background-btn-hover);
}

/* PMPro success alert fade-out */
.pmpro_message.pmpro_success,
#member-profile-edit .pmpro_message.pmpro_error {
  opacity: 1;
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}

.pmpro_message.pmpro_success.is-fading,
#member-profile-edit .pmpro_message.pmpro_error.is-fading {
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
}

.mt-identity-claim-title {
  font-size: 20px !important;
  margin-top: 0px;
  text-transform: uppercase !important;
  padding-bottom: 12px !important;
  letter-spacing: 0.5px;
  font-weight: 700;
  font-family: "Montserrat", "Roboto" !important;
  border-bottom: 1.5px solid hsl(0, 0%, 91%);
}

.mt-identity-claim-card {
  padding: 22px 32px 24px;
}

.mt-identity-claim-text {
  margin-left: 2px;
  margin-bottom: 8px;
  font-size: 15px;
}

/* =================================================
   IDENTITY CLAIM FORM
================================================= */

#mt-identity-claim-form {
  display: flex;
  gap: 10px;
}

#mt-identity-claim-form .mt-identity-input-wrapper {
  position: relative;
  width: 80%;
}

#mt-identity-claim-input {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 6px 40px 6px 12px;

  border: 1px solid var(--border-light-gray, #eee);
  border-radius: var(--button-radius, 8px);

  background-color: rgba(238, 238, 238, 0.7);
  color: var(--text-dark-gray, #555);

  font-family: var(
    --base-font-style,
    "Montserrat",
    "Roboto",
    sans-serif
  );
}

#mt-identity-claim-input:focus {
  border-color: var(--theme-primary-color);
  outline: 2px solid var(--theme-btn-hover-opacity2);
  outline-offset: 1px;
}

/* Clear X */
#mt-identity-clear-btn {
  position: absolute;
  top: 50%;
  right: 8px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 26px;
  height: 26px;
  padding: 0;

  border: 0;
  border-radius: 50%;

  background-color: transparent;
  color: var(--text-dark-gray, #555);

  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-50%);
  cursor: pointer;

  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

#mt-identity-clear-btn:hover {
  background-color: var(--theme-btn-hover-opacity2);
  color: var(--theme-primary-color);
}

#mt-identity-clear-btn:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}

/* Save button aligned to the right */
#mt-identity-claim-btn {
    width: 20%;
    min-height: 36px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 500;
    font-family: "Montserrat", "Roboto";
    letter-spacing: 0.3px;
    border-radius: 8px;
    border: 1px solid var(--alt-theme-button-color);
    transition: all 0.2s ease-in-out;
    color: #141414;
    background-color: #fff;
    padding: 8px 28px;
}

#mt-identity-claim-btn:hover {
  border-color: var(--theme-button-hover);
  background-color: var(--theme-button-hover);
  box-shadow: var(--card-shadow);
  transform: translateY(-1px);
}

#mt-identity-claim-btn:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}

#mt-identity-claim-btn:active {
  transform: translateY(0);
}

#mt-identity-claim-btn:disabled {
  opacity: 0.6;
  cursor: wait;
  box-shadow: none;
  transform: none;
}

#mt-identity-claim-message{
  display: none;
  margin-top: 10px;
  background: var(--theme-border-light2);
  padding: 4px 20px;
  border-radius: 4px;
}

/* Identity claim message shown states - PMPro-consistent message box */
#mt-identity-claim-message.mt-identity-claim-message--error,
#mt-identity-claim-message.mt-identity-claim-message--success {
  display: block;
  margin-left: 32px;
  margin-right: 32px;
  padding: 10px 14px;
  border: 1px solid;
  border-radius: 8px;
  font-size: var(--font-base, 12px);
}

#mt-identity-claim-message.mt-identity-claim-message--success {
  color: #343434;
  border-color: var(--theme-info-btn-hover);
  background-color: var(--theme-background-btn-hover);
}

#mt-identity-claim-message.mt-identity-claim-message--error {
  color: #cc2200;
  border-color: #f8cdcd;
  background-color: #fce5e4;
  margin: 10px 0px 12px;
}



/* =================================================
   AVATAR UPLOAD
   Secondary profile action inside the existing card.
================================================= */

#mt-avatar-form {
  width: 100%;
  padding: 22px 2px;
}

/* =================================================
   SECTION HEADING
================================================= */

#mt-avatar-form .mt-avatar-upload-heading {
  margin-bottom: 8px;
  padding: 0px 30px;
}

#mt-avatar-form .mt-avatar-upload-heading h3 {
    color: var(--text-black, #343434);
    font-size: 1rem;
    font-weight: 700;
    font-size: 20px !important;
    margin-top: 0px;
    text-transform: uppercase !important;
    padding-bottom: 12px !important;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-family: "Montserrat", "Roboto" !important;
    border-bottom: 1.5px solid hsl(0, 0%, 91%);
}

#mt-avatar-form .mt-avatar-upload-heading p {
  margin: 0;

  color: var(--text-dark-gray, #555);
  font-family: var(--base-font-style, "Montserrat", "Roboto", sans-serif);
  font-size: 15px;
  line-height: 1.4;
}

/* =================================================
   PREVIEW AND UPLOAD CONTROLS
================================================= */

#mt-avatar-form .mt-avatar-upload-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  padding: 0px 30px;
  align-items: center;
}

#mt-avatar-form #mt-avatar-preview-wrapper {
  display: flex;
  flex: 0 0 calc((100% - 134px) / 3);
  align-items: center;
  justify-content: center;

  width: calc((100% - 14px) / 3);
  aspect-ratio: 1 / 1;
  height: auto;
  min-width: 0;
  overflow: hidden;

  border: 1px solid var(--theme-btn-hover-opacity2);
  border-radius: 50%;
  background-color: var(--theme-btn-hover-opacity2);
}

#mt-avatar-form #mt-avatar-preview-wrapper[hidden] {
  display: none;
}

#mt-avatar-form #mt-avatar-preview {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* =================================================
   FILE CHOOSER AND ACTIONS COLUMN
================================================= */

#mt-avatar-form .mt-avatar-upload-controls {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;

  min-width: 0;
}

#mt-avatar-form .mt-avatar-file-control {
  width: 100%;
}

#mt-avatar-form input[type="file"] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 4px;

  border: 1px solid var(--border-light-gray, #eee);
  border-radius: var(--button-radius, 8px);

  background-color: var(--background-lighter, #f5f5f5);
  color: var(--text-dark-gray, #555);

  cursor: pointer;

  font-family: var(--base-font-style, "Montserrat", "Roboto", sans-serif);
  font-size: var(--font-small, 12px);
  line-height: 1.4;
}

#mt-avatar-form input[type="file"]::file-selector-button {
  margin-right: 8px;
  padding: 8px 10px;

  border: 0;
  border-radius: 6px;

  background-color: var(--theme-button-color);
  color: var(--text-black);

  font-family: var(--base-font-style, "Montserrat", "Roboto", sans-serif);
  font-size: var(--font-small, 12px);
  font-weight: 600;
  line-height: 1;
  cursor: pointer;

  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

#mt-avatar-form input[type="file"]::file-selector-button:hover {
  background-color: var(--theme-button-color);
}

#mt-avatar-form input[type="file"]:hover {
  border-color: var(--theme-button-color);
}

#mt-avatar-form input[type="file"]:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}

/* =================================================
   ACTION BUTTONS
   Positioned below the file chooser and aligned right.
================================================= */

#mt-avatar-form #mt-avatar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}

#mt-avatar-form #mt-avatar-actions button {
  min-height: 36px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;

  font-weight: 500;
  font-family: "Montserrat", "Roboto";
  letter-spacing: 0.3px;
  border-radius: 8px;
  margin-right: 6px;
  border: 1px solid var(--alt-theme-button-color);
  transition: all 0.2s ease-in-out;
  color: #141414;
  background-color: #fff;
  padding: 8px 28px;
}

/* Upload button */
#mt-avatar-form #mt-avatar-submit {
  border: 0;
  background-color: var(--theme-button-color);
  color: var(--white);
}

#mt-avatar-form #mt-avatar-submit:hover {
  background-color: var(--theme-button-hover);
  box-shadow: var(--card-shadow);
  transform: translateY(-1px);
}

/* Cancel button */
#mt-avatar-form #mt-avatar-cancel button {
  background-color: #ddd;
  padding: 6px 22px;
  margin-left: 12px;
  color: #fff;
  border-radius: 8px;
  border: 1px solid #ddd !important;
  text-decoration: none;
  font-family: "Montserrat", "Roboto" !important;
  font-weight: 400;
  box-shadow: none;
  transition: all 0.2s ease-in-out !important;
}

#mt-avatar-form #mt-avatar-cancel:hover {
  border-color: var(--theme-button-color);
  background-color: var(--theme-btn-hover-opacity2);
  color: var(--theme-primary-color);
}

/* Shared button states */
#mt-avatar-form #mt-avatar-actions button:focus-visible {
  outline: 2px solid var(--theme-primary-color);
  outline-offset: 2px;
}

#mt-avatar-form #mt-avatar-actions button:active {
  transform: translateY(0);
}

#mt-avatar-form #mt-avatar-actions button:disabled {
  opacity: 0.6;
  cursor: wait;
  box-shadow: none;
  transform: none;
}

/* =================================================
   STATUS MESSAGE
================================================= */

#mt-avatar-form #mt-avatar-message {
  display: none;

  color: var(--theme-text-secondary);
  font-family: var(--base-font-style, "Montserrat", "Roboto", sans-serif);
  font-size: var(--font-base, 14px);
  line-height: 1.4;
}

/* Avatar message shown states - PMPro-consistent message box */
#mt-avatar-form #mt-avatar-message.mt-avatar-message--error,
#mt-avatar-form #mt-avatar-message.mt-avatar-message--success {
  display: block;
  margin: 8px 0 0;
  padding: 10px 14px;
  border: 1px solid;
  border-radius: 8px;
}

#mt-avatar-form #mt-avatar-message.mt-avatar-message--success {
  color: #343434;
  border-color: var(--theme-info-btn-hover);
  background-color: var(--theme-background-btn-hover);
  margin: 10px 30px 12px;
}

#mt-avatar-form #mt-avatar-message.mt-avatar-message--error {
  color: #cc2200;
  border-color: #f8cdcd;
  background-color: #fce5e4;
  margin: 0px 36px 12px;
}

/* =================================================
   MOBILE LAYOUT
================================================= */

@media (max-width: 600px) {
  #mt-avatar-form .mt-avatar-upload-row {
    align-items: flex-start;
  }

  #mt-avatar-form #mt-avatar-preview-wrapper {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    aspect-ratio: auto;
  }

  #mt-avatar-form .mt-avatar-upload-controls {
    flex: 1 1 0;
    min-width: 0;
  }

  #mt-avatar-form #mt-avatar-actions {
    justify-content: stretch;
  }

  #mt-avatar-form #mt-avatar-actions button {
    flex: 1 1 0;
    min-height: 42px;
  }
}

/*===================================================================
------------------ Change Password Page 
====================================================================*/

#wrapper .cdc_profile_block > div > h2 {
  font-weight: 500 !important;
  font-size: 22px !important;
  text-transform: none !important;
  letter-spacing: 0.3px;
  font-family: "Montserrat", "roboto" !important;
  margin-bottom: 20px;
}

.cdc_profile_block .pmpro_message {
  margin-left: 32px;
  margin-right: 32px;
}

/*==================================================================
-------------------- Membership Levels Page --------------------
====================================================================*/

#pmpro_levels {
  display: flex;
  /* margin-bottom: -100px; */
}

#pmpro_levels {
  display: flex;
  justify-content: center; /* horizontal centering */
  align-items: end; /* vertical centering */
  gap: 2rem; /* spacing between the two columns */
  min-height: 80vh; /* optional: take full viewport height */
}

.page-id-6340 #pmpro_levels {
  gap: 1rem;
}

#pmpro_levels .pmpro_level {
  flex: 0 1 350px; /* fixed-ish width, responsive shrink */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* vertical centering of content inside */
  align-items: center; /* horizontal centering of content inside */
  text-align: center;
  height: 100vh;
}

#pmpro_level-1 > div > div > ul > li:last-child,
#pmpro_level-3 > div > div > ul > li:last-child,
#pmpro_level-10 > div > div > ul > li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

.cdc_member_levels_col > div > div br {
  display: none;
}

.page-id-6340 .nav-previous a,
.page-id-9913 #nav-below {
  display: none;
}

.page-id-6340 .post_container,
.page-id-9913 .post_container {
  margin-bottom: 30px;
}

.page-id-6340 ul,
.page-id-9913 ul {
  list-style: none !important;
  text-align: left !important;
  margin-left: 5px !important;
}

.page-id-9913 .cc_levels_disclaimer ul {
  list-style: unset !important;
}

.page-id-9913 .cc_levels_disclaimer {
  background-color: #fff !important;
  padding: 50px 30px;
  border-radius: 18px;
  border: 1.5px solid #61ad4e;
}

.page-id-6340 #pmpro_levels ul li,
.page-id-9913 #pmpro_levels ul li {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 10px;
}

.page-id-6340 .pmpro_level,
.page-id-9913 .pmpro_level {
  padding: 16px;
}

.page-id-9913 #pmpro_level-3 {
  width: 70% !important;
}

.cdc_member_levels_row
  > .wpb_column
  .wpb_wrapper
  > .tb_counter_1
  > .wpb_wrapper
  > p {
  display: none !important;
}

.page-id-6340 .pmpro_level > div,
.page-id-9913 .pmpro_level > div {
  background: #ffffff;
  border-radius: 18px;
  min-height: 540px;
  width: 318px;
  padding: 1.4em !important;
  box-shadow: var(--card-shadow);
}

.page-id-6340.mt-pro .pmpro_level-current {
  border: 1.3px solid #61ad4e;
}

.page-id-6340 #pmpro_level-3 .entry.post {
  border: 2px solid #edc967;
  box-shadow: 0px 2px 6px rgba(237, 201, 103, 0.48);
}

.page-id-9913 #pmpro_level-3 > div {
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
}

.page-id-6340 .pmpro_level > div > header h2,
.page-id-9913 .pmpro_level > div > header h2 {
  padding-top: 8px;
  text-align: center;
  font-size: 26px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

.page-id-6340 .pmpro_level > div > div .pmpro_level-price,
.page-id-9913 .pmpro_level > div > div .pmpro_level-price {
  color: #61ad4e;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.3px;
  font-size: 18px;
}

.pmpro_level > div > div h2,
.pmpro_level > div > div h4 {
  display: none;
}

.page-id-6340 li,
.page-id-9913 li {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.page-id-6340 li i,
.page-id-9913 li i {
  font-family: "FontAwesome";
}

.page-id-6340 li i.fa-check,
.page-id-9913 li i.fa-check {
  color: #61ad4e;
  margin-right: 14px;
}

.page-id-6340 li i.fa-star,
.page-id-9913 li i.fa-star {
  margin-right: 14px;
  color: var(--elite-gold);
}

.page-id-6340 .mt-help-content li i.fa-star {
  margin-right: 0px;
}

.page-id-6340 li i.fa-times,
.page-id-9913 li i.fa-times {
  color: rgba(178, 0, 0, 0.85);
  margin-right: 10px;
}

.pmpro_level-select .pmpro_btn-select {
  color: #fff;
  padding: 10px 14px !important;
  font-size: 16px !important;
  font-family: "Roboto" !important;
  letter-spacing: 0.3px !important;
  border-radius: 10px !important;
  background-color: #77b96b !important;
  border: 1px solid #77b96b !important;
  text-transform: uppercase !important;
  width: 100% !important;
  transition: all 0.2s ease-in-out !important;
}

#pmpro_level-3 .pmpro_level-select .pmpro_btn-select {
  color: var(--text-black);
  border: 1px solid var(--elite-gold) !important;
  background-color: var(--elite-gold) !important;
  transition: all 0.2s ease-in-out !important;
}

#pmpro_level-3 .pmpro_level-select .pmpro_btn-select:hover {
  background-color: var(--elite-btn-hover) !important;
}

.pmpro_level-select .pmpro_btn-select:hover {
  background: #61ad4e !important;
  border: 1px solid #61ad4e !important;
  color: #ffffff;
  transition: all 0.2s ease-in-out !important;
  box-shadow: 0 2px 6px var(--shadow-color-light) !important;
}

.pmpro_level-select .pmpro_btn-select:active,
.page-id-6340 .nav-previous a:active,
.page-id-9913 .nav-previous a:active {
  opacity: 0.5;
}

.pmpro_level-select a.disabled {
  padding: 10px 14px !important;
  font-size: 15px !important;
  font-family: "Roboto" !important;
  letter-spacing: 0.3px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  width: 100% !important;
}

.cc_levels_shop-btn > a {
  font-size: 14px !important;
  font-family: "Montserrat", "Roboto" !important;
  letter-spacing: 0.3px !important;
  border-radius: 4px !important;
  margin-right: 12px !important;
  background-color: #fff !important;
  border: 1px solid #61ad4e !important;
  transition: all 0.2s ease-in-out !important;
}

.cc_levels_shop-btn > a:hover {
  color: #fff !important;
  background-color: #61ad4e !important;
  background-image: none !important;
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 16%),
    0 2px 10px 0 rgb(0 0 0 / 12%) !important;
}

.cc_levels_disclaimer > div > p {
  font-size: 12px;
  margin-bottom: 0px;
}

#cdc_level_disc_row {
  height: 10px;
}

.mt-not-included {
  opacity: 0.78;
}

.page-id-6340 i.fa-xmark.mt-icon-disabled {
  color: #b4b4b4;
}

.pmpro-clickable-row {
  cursor: pointer;
}

.pmpro-clickable-row:hover {
  background-color: rgba(0, 0, 0, 0.035);
}

/* .mt-pro .pmpro-clickable-row:focus {
  outline: 2px solid #61ad4e;
  outline-offset: -2px;
} */

/*===================================================================
------------------ Membership Dashboard Pages 
====================================================================*/

/*
*  --- Membership pages background
*/

body:not(.page-id-3226):not(.page-id-7):not(.page-id-12454) #content,
body:not(.page-id-3226):not(.page-id-7):not(.page-id-12454):not(
    .course-template-default
  )
  .page-content {
  max-width: 1160px;
  min-height: 100vh;
  margin-bottom: 100px;
}

.pmpro-body-has-access #content,
.pmpro-body-has-access #content::before,
body:not(.page-id-3226):not(.page-id-7):not(.page-id-12454),
body:not(.page-id-3226):not(.page-id-7):not(.page-id-12454) #page-content {
  margin: 0 auto;
  background-image: none !important;
  background-color: #f1f1f1;
}

.mt-pro .pmpro-btn-connect,
.mt-elite .pmpro-btn-connect {
  float: none;
  margin-bottom: 0px;
  width: 100%;
  display: block;
  text-align: center;
  padding: 13.5px 16px;
  border-radius: 8px;
}

.mt-pro .pmpro-btn-connect:hover,
.mt-elite .pmpro-btn-connect:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.ets-btn {
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  box-shadow: 0px 0px 0px 0px;
  border: 0px;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0.0333em;
  line-height: 1.25;
  margin: 0;
  opacity: 1;
  text-transform: uppercase;
}

.pmpro-login.pmpro-body-has-access #content {
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

.pmpro-login.pmpro-body-has-access #content::before {
  background-image: url("/wp-content/uploads/2021/07/websitehero90.png") !important;
}

body:not(.page-id-3225):not(.page-id-7):not(.page-id-12454):not(.page-id-6337)
  .page-content {
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 15px;
}

/*
*  --- Main Welcome Card Css
*/

.mt_home-icon {
  height: auto;
  width: 34px;
}

.subdued-date {
  color: #666;
  font-size: 16px;
  margin-top: 4px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*Elite*/
.welcome-block {
  padding: 30px 20px;
  margin-bottom: 10px;
  border-radius: 12px;
  min-height: 166px;
  background-color: rgba(237, 201, 103, 0.12) !important;
  border: 1px solid rgba(237, 201, 103, 0.1) !important;
}

/*Pro*/
.mt-pro .welcome-block {
  background-color: rgba(112, 185, 107, 0.15) !important;
  border: 1px solid rgba(112, 185, 107, 0.1) !important;
}
.quote-text {
  font-style: italic;
  color: #555;
  margin-bottom: 17px;
  font-size: 1rem;
  /* text-align: center; */
}

/*
*  --- Discord rules popup 
*/
.popup-overlay {
  /*Hides pop-up when there is no "active" class*/
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: rgba(33, 33, 33, 0.8);
  transform: translateY(60%) scale(0);
  opacity: 0;
  display: none;
  transition: all 0.3s ease-out;
}

.popup-overlay.active {
  /*displays pop-up when "active" class is present*/
  color: #fff;
  display: block;
  text-align: center;
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease-out;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
  display: none;
  width: 50%;
  margin: 0 auto;
  margin-top: 60px;
}

.popup-overlay.active .popup-content.active {
  /*Shows pop-up content when "active" class is present */
  display: block;
}

.cdc_discord_popup_container {
  text-align: left !important;
}

.mt-rule-subtitle {
  margin-bottom: 40px;
}

.cdc_rules_checkbox {
  margin-right: 10px;
}

.cdc_member_dash_chatrules > div .popup-overlay .popup-content {
  margin: 0 auto;
  margin-top: 6rem;
  border: 1px solid #2c2f2c;
  background: #2c2f33;
  width: 44rem;
  height: auto;
  max-height: calc(100vh - 120px);
  border-radius: 18px;
  display: inline-block;
  padding: 35px 8px;
  box-sizing: border-box;
}

.cdc_popup_inner {
  padding: 0;
  height: 90vh;
  max-width: 750px;
  margin: 0 auto;
  background-color: #242429;
  border-radius: 20px;
  box-sizing: border-box;
  overflow: hidden;
}

.cdc_popup_scroll {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 40px 50px;
  scrollbar-width: thin;
  scrollbar-color: #36393f transparent;
}

.cdc_popup_inner img {
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 10px;
  border-radius: 12px;
  width: 19rem;
  border: 1.5px solid #61ad4e;
}

.cdc_popup_inner > p {
  margin-bottom: 26px !important;
}

.cdc_discord_popup_container {
  padding: 20px 50px;
  background-color: #17181a;
  border-radius: 18px;
  border: 1px solid #141414;
  margin-bottom: 32px;
  font-size: 14px;
}

.cdc_discord_popup_container > ol li {
  padding: 10px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.19);
}

.close_rules {
  position: relative;
  top: -107px;
  right: -24em;
  cursor: pointer;
  font-size: 20px;
  font-weight: 800;
}

.cdc_discord_popup_disclaimer {
  /* width: 90%; */
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

#mt-rules-accept-form {
  display: flex;
}

#mt-rules-accept-form > .cdc_rules_label {
  text-align: left;
  width: 100%;
}

#wrapper .cdc_discord_popup_disclaimer p {
  font-size: 13.5px !important;
}

/*== New Discord Rules Template */

.scroll-lock {
  overflow: hidden !important;
}

/*=== Membership pages - topbar row ===*/

.sensei-modest .top-bar-support,
.sensei-modest .top-bar-logout,
#top-menu li a {
  height: 100%;
  padding: 10px 20px;
}

.sensei-modest .top-bar-support span,
.sensei-modest .top-bar-logout span {
  height: 100%;
  padding: 0px 10px;
  display: inline-flex;
}

/* Top Bar Links */
.top-bar {
  z-index: 30;
  display: block;
  border-bottom: #000;
  position: relative;
  color: var(--theme-button-color);
  border-bottom: #000;
  background-color: var(--theme-aside-color);
}

.top-bar a {
  display: block;
  color: var(--white);
}

.top-bar a:hover {
  color: var(--theme-button-color) !important;
  background-color: var(--theme-background-btn-hover) !important;
}

body.mt-elite .social-icons-wrap .top_social a.facebook:hover,
body.mt-elite .social-icons-wrap .top_social a.twitter:hover,
body.mt-elite .top_social a:hover,
body.mt-elite .top-bar a:hover {
  background-color: rgba(237, 201, 103, 0.1) !important;
  color: var(--elite-gold) !important;
}

body.mt-elite .top_social a i {
  color: var(--elite-gold);
}

.top-bar-container {
  height: 2.5rem;
  display: flex;
  justify-content: space-between;
}

.top-bar-right-area {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}

.top_navigation > #top-menu {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 12px;
  justify-content: flex-start;
  display: flex;
  list-style-type: none;
  line-height: 2.5rem;
}

/*=== Membership pages - logout row ===*/
#content .logout_row {
  background-color: #fff;
  border-radius: 12px;
  margin: 0px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
  padding: 18px 20px 0px 20px;
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.logout_row_cc a,
.logout_row_cc div a {
  padding: 10px 14px !important;
  font-size: 14px !important;
  font-family: "Montserrat", "Roboto" !important;
  letter-spacing: 0.3px !important;
  border-radius: 8px !important;
  margin-right: 12px !important;
  color: #141414;
  background-color: #fff !important;
  border: 1px solid #77b96b !important;
  width: 100% !important;
  transition: all 0.2s ease-in-out !important;
}

.mt-elite .logout_row_cc a,
.mt-elite .logout_row_cc div a {
  border: 1px solid #edc967 !important;
}

.logout_row_cc div a {
  display: block;
  text-align: center;
  padding: 7px !important;
}

#cwd_1on1_schedule_btn div a {
  padding: 8.5px !important;
}

.logout_row_cc a:hover {
  background: #77b96b !important;
  border: 1px solid #77b96b !important;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.mt-elite .logout_row_cc a:hover {
  color: #343434 !important;
  border: 1px solid rgba(237, 201, 103, 0.95) !important;
  background: rgba(237, 201, 103, 0.95) !important;
}

.logout_row_cc a:active,
.logout_row_cc div a:active {
  opacity: 0.5;
}

.vc_btn3-container.logout_row_cc {
  margin-bottom: 20.5px !important;
}

#no_access a {
  pointer-events: none;
  background-color: #d8d8d8 !important;
  border: 1px solid #d8d8d8 !important;
}

.disable_access {
  pointer-events: none;
}

.pmpro_actionlinks > #pmpro_actionlink-change.dash,
#upgrade_cc a.dash {
  pointer-events: none;
  background-color: #d8d8d8 !important;
  border: 1px solid #d8d8d8 !important;
  transition: all 0.2s ease-in-out !important;
}

.no_access_elite_app#ccs_elite_app_submit {
  pointer-events: none;
  background-color: #d8d8d8 !important;
  transition: all 0.2s ease-in-out !important;
}

.pmpro_actionlinks > #pmpro_actionlink-change.dash {
  color: #fff !important;
}

#upgrade_cc a {
  background: #77b96b !important;
  color: #ffffff !important;
}

#upgrade_cc a:hover {
  background: #61ad4e !important;
}

/*
*---------MT Academy Logout row Mt academy button 
*/
#MT_Academy_btn > a {
  border: 1px solid #edc967 !important;
}

#MT_Academy_btn > a:hover {
  color: #343434 !important;
  background: #edc967 !important;
}

/*==== Welcome text row =====*/
#content .welcome_title h2 {
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  margin-left: 50px;
}

.welcome_title_sub > div p {
  font-size: 17px !important;
}

.exclu_welcome_col_1 .vc_separator .separator-wrap-1 .separator-icon,
.separator-wrap-2 .separator-icon {
  color: #77b96b !important;
}

/* Member dashboard Modal columns */

.mt-affiliate-box {
  padding-bottom: 0px !important;
  margin-top: 20px;
}

.mt-affiliate-box ul li {
  padding: 4px 10px 10px;
  list-style-type: none;
}

.mt-affiliate-box ul li strong {
  letter-spacing: 0.5px;
}

#exclu_chat_main_row {
  display: flex;
  overflow: hidden;
  margin: 10px 20px 26px 20px;
  border-radius: 18px;
  border: 1px solid #77b96b;
  height: 190px;
}

.modest-chat-wrapper {
  transition: opacity 0.4s ease;
}
.modest-chat-wrapper.fade-out {
  opacity: 0;
}

.start-here-card h4,
.chat-column-card h4 {
  margin-bottom: 39px;
  margin-top: 40px;
  color: #343434;
  font-weight: 500;
}

.mt_chat-done-text2 {
  margin-bottom: 11px;
}

.mt_chat-done-text {
  margin-bottom: 4px;
  letter-spacing: 0.5px;
}

.page-id-3587 .cdc_viewoptions_course_chat {
  margin-top: 28px !important;
}

.exclu_welcome_col_1.vc_col-sm-4 > .vc_column-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bottom-fixed,
.mt_mo-consult-btn {
  margin-top: auto; /* Push to bottom of the column */
}

.private-consult-dashboard-card {
  text-align: center;
}

.mt_remaining-num {
  margin-bottom: 0px;
}

.mt_remaining-num > strong {
  font-size: 42px;
  color: #555555;
}

.mt_remaining-num.mt-pro-consult > strong {
  font-size: 32px;
}

.mt_remaining-text {
  margin-bottom: 6px;
}

.cdc_course_locked_chat {
  text-align: center;
  background-color: rgba(173, 213, 166, 0.7);
  padding: 30px;
  width: 100%;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid #000;
}

.course_pg_upg_btn {
  color: #fff !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  font-family: "Roboto" !important;
  text-shadow: none !important;
  border-radius: 4px !important;
  letter-spacing: 0.5px !important;
  padding: 10px 120px !important;
  background-color: #77b96b !important;
  text-transform: uppercase !important;
  transition: all 0.2s ease-in-out;
}

.course_pg_upg_btn:hover {
  color: #fff !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  font-family: "Roboto" !important;
  border-radius: 4px !important;
  letter-spacing: 0.5px !important;
  padding: 10px 75px;
  text-shadow: none !important;
  background-color: #61ad4e !important;
  transition: all 0.2s ease-in-out;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}

#mt-weekly-spotlight-container {
  margin-bottom: 0px;
}

#mt-right-sidebar .modest-card {
  min-height: 182px;
}

.cdc_shop_block.elite {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.mt-small-link {
  margin-top: auto;
}

.mt-ticker-span {
  font-weight: 800;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  padding: 7px 22px;
  border-radius: 16px;
  letter-spacing: 1px;
  line-height: 2;
}

.mt-elite .mt-ticker-span {
  background-color: rgba(237, 201, 103, 0.35);
}

.mt-pro .mt-ticker-span {
  background-color: rgba(112, 185, 107, 0.35);
}

.modest-card h3,
.cdc_shop_block.elite h5 {
  font-size: 1.25rem !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  text-align: left;
  margin-bottom: 11px;
  line-height: 1.2;
  color: #343434;
}

.cdc_shop_block.elite h5 {
  line-height: 1.15;
}

.mt-card-time-meta {
  text-align: center;
  margin-top: 26px;
  margin-bottom: 4px;
  font-size: 0.75rem;
  color: #888888;
}

.modest-card > .card-title > i {
  position: relative;
  right: -116px;
  top: -6px;
  font-size: 32px;
}

#mt-right-sidebar .modest-card .card-subtitle {
  margin-top: 20px;
  font-size: 0.93rem;
  margin-bottom: 0.4em;
  text-align: center;
}

#mt-right-sidebar > .sidebar-section:nth-child(1) {
  margin-bottom: 1px !important;
}

.mt-hr {
  width: 90%;
  margin: 0 auto;
  border: none;
  opacity: 0.8;
  border-top: 2px solid #add5a6;
}

.mt-elite .mt-hr {
  border-top: 2px solid #edc967;
}

.modest-card .ticker-symbol {
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 2rem;
  color: #555;
  width: 50%;
  font-family: "Roboto", sans-serif;
}

.modest-card .ticker-context {
  padding-top: 2px;
  padding-bottom: 0px;
  margin-bottom: 1rem;
  font-size: 0.97rem;
}

.modest-card .ticker-context,
.modest-card .ticker-symbol {
  display: block;
  text-align: center;
  width: 100%;
}

.modest-card .ticker-symbol-inline i {
  color: #61ad4e;
  margin-right: 3px;
  margin-left: 2px;
  font-size: 1.4rem;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.85;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.mt-elite .modest-card .ticker-symbol-inline i {
  color: #edc967;
}

#market-tickers > div {
  margin-bottom: 10px;
  padding: 10px 10px;
  border-radius: 6px;
  background-color: rgba(237, 201, 103, 0.2) !important;
}

#market-tickers {
  max-width: 250px;
  font-family: "Montserrat", "Roboto" !important;
}

.ticker-row {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  background-color: rgba(97, 173, 78, 0.3);
}

.ticker-label {
  font-size: 15px;
  color: #343434;
}

.ticker-value {
  text-align: right;
  min-width: 100px; /* Ensures alignment by forcing same width */
  font-family: monospace;
}

/* Optional enhancements */
.start-here-label {
  font-size: 18px;
  font-weight: bold;
  color: #343434;
}

.start-here-desc {
  font-size: 15px;
  color: #343434;
}

/* Checkbox styling */
.cdc_rules_checkbox {
  margin: 15px auto;
  /* display: block; */
  font-size: 14px;
  margin-right: 6px;
  margin-bottom: 24px;
}

/* Submit button styling */
.page-template-page-dashboard .cdc_rules_submit {
  padding: 10px 56px;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-top: 10px;
  transition: background 0.3s ease;
}

.page-template-page-dashboard .cdc_rules_submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.mt-elite .cdc_rules_submit {
  color: #343434;
  background-color: var(--elite-gold);
}

.mt-elite .cdc_rules_submit:hover {
  color: #343434;
  background-color: var(--elite-gold);
}

.mt-pro .cdc_rules_submit {
  color: #fff;
  background-color: var(--darkbrand-green);
}

.mt-elite .cdc_rules_submit:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.mt-elite [type="checkbox"]:checked:before {
  color: #edc967;
}

/*==== Econ Events card === */

.mt-econ-events {
  font-size: 14px;
}

.mt-econ-events ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.mt-econ-events li {
  margin-bottom: 5px;
}

/*===== Join/ Login Chat boxes =====*/

.chat_box_title {
  margin-top: 0px;
  font-size: 21px !important;
}

.chat_btn_2 a {
  line-height: 1.31 !important;
}

/*===== Membership Dashboard Chat login button ====*/
.cdc_rules_btn {
  border-radius: 4px;
  font-family: "Montserrat", "Roboto" !important;
}

.cdc_rules_btn:hover {
  font-size: 15px !important;
  font-family: "Montserrat", "Roboto" !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.cdc_rules_btn {
  width: 100% !important;
  color: #ffffff;
  margin-top: 6px;
  font-size: 15px !important;
}

#elite_upg_row {
  display: inline-flex !important;
  width: 100%;
  margin-left: -1px;
  margin-right: -1px;
}

#elite_upg_row > div:nth-child(4) {
  width: 32% !important;
}

#elite_upg_row > div:nth-child(4) > input {
  line-height: 1.06 !important;
  width: 100% !important;
}

.wpcf7 form.sent .wpcf7-response-output {
  background-color: rgba(97, 173, 78, 0.5);
  border-radius: 4px;
  margin-left: 0px;
  width: 100%;
  text-align: center;
  font-weight: 600;
  letter-spacing: 1px;
  border-color: transparent !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
  background-color: rgba(255, 185, 0, 0.5);
  width: 95%;
  letter-spacing: 1px;
  font-weight: 600;
  border-color: transparent !important;
  margin: 0 auto;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 2px;
  text-align: center;
  border-radius: 6px;
  margin-top: 30px;
}

#exclu_upgvideo_main_row {
  z-index: 0 !important;
}

.video_teaser_title {
  font-family: "Montserrat", "Roboto" !important;
  letter-spacing: 0.3px;
  font-weight: 500 !important;
  font-size: 24px !important;
  color: #343434;
  padding-top: 10px;
  margin-bottom: 10px;
}

#video_teaser_title_exclusive h4 {
  letter-spacing: 0.8px !important;
  font-size: 15px !important;
  color: #000;
  text-align: center;
  background-color: rgba(173, 213, 166, 0.7);
  padding: 20px;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid #000;
  line-height: 1.5;
}

.cdc_course_vid_subtext {
  font-size: 15px !important;
}

.exclu_vid_row {
  z-index: 0 !important;
}

#mt-weekly-spotlight-container .modest-card {
  margin-left: 0px;
  margin-right: 0px;
}

#mt_econ-card .exclu_vid_col_1 > div > div .wpb_raw_html > .wpb_wrapper {
  height: 370px;
}

.wpb_video_widget {
  border-radius: 14px;
}

#wpcf7-f3204-p7-o1 > form > p:nth-child(3) > span > span {
  float: right;
}

.mt_resources-col > div > div {
  margin-top: 20px;
}

.mt_mo-consult-btn a {
  border: none !important;
  border-radius: 8px !important;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.mt_mo-consult-btn button,
.mt_mo-consult-btn a {
  font-size: 15px !important;
  transition: all 0.3s ease !important;
  padding: 11px 16px;
  font-family: "Montserrat", "Roboto" !important;
}

.mt_mo-consult-btn a:hover,
.mt_mo-consult-btn button:hover {
  font-size: 15px !important;
  transition: all 0.3s ease !important;
  font-family: "Montserrat", "Roboto" !important;
}

.mt_mo-consult-btn button > i,
.mt_mo-consult-btn a > i {
  line-height: 1.396 !important;
  margin-right: 0px !important;
}

.mt_mo-consult-btn a:hover {
  box-shadow: 0 2px 6px var(--shadow-color-light) !important;
}

.mt_next-reset {
  margin-bottom: 0rem;
  margin-top: 10px;
  font-size: 18px;
}

.mt_next-reset strong {
  letter-spacing: 1px;
}

.mt_next-reset small {
  font-size: 0.95rem;
}

.mt-elite .mt_mo-consult-btn button.btn-disabled {
  width: 100%;
  background: #ddd !important;
  background-color: #ddd !important;
  border-radius: 8px;
  pointer-events: none;
  margin-top: 14px;
  opacity: 0.5;
}

.vc_btn3.vc_btn3-style-modern {
  background-image: none !important;
}

.elite_main_title {
  font-size: 17px !important;
}
a .exclu_vid_col_2 #mt-refer-earn-container {
  margin-bottom: 10px;
}

/*================================
--Membership Dashboards Sidebars All --
==================================*/

body.page-id-13052.mt-pro .content-with-sidebar,
body.page-id-13052.mt-elite .content-with-sidebar {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

body.page-id-13052.mt-pro .content-with-sidebar > .page-content,
body.page-id-13052.mt-elite .content-with-sidebar > .page-content {
  flex: 3;
}

body.page-id-13052.mt-pro .content-with-sidebar > aside,
body.page-id-13052.mt-elite .content-with-sidebar > aside {
  flex: 1;
}

.z-50 {
  z-index: 0 !important;
}

#gotoTop.z-50 {
  z-index: 999999 !important;
}

#block-7 {
  margin-top: 44px;
}

#block-30 {
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
  border-radius: 18px;
}

#block-30 .wp-block-image {
  margin-bottom: 30px;
}

#block-39 {
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
}

#block-53,
#block-10,
#block-73 {
  margin-bottom: 0px !important;
}

#block-29 > div ul li i,
#block-30 > div ul li i,
#block-39 > div ul li i,
#block-25 > div ul li i {
  color: #61ad4e;
  font-family: "FontAwesome";
  padding-right: 6px;
}

#block-29 > div ul li:last-child,
#block-30 > div ul li:last-child,
#block-39 > div ul li:last-child,
#block-25 > div ul li:last-child {
  border-bottom: none !important;
}

#block-29,
#block-39 {
  border-radius: 18px;
  margin-top: 44px;
}

#block-30 {
  margin-top: 6px;
}

#block-29 > .wp-block-group,
#block-30 > .wp-block-group,
#block-39 > .wp-block-group {
  border-radius: 0px 0px 18px 18px;
  background-color: #fff;
}

#block-25 {
  margin-top: 52px;
}

#block-25 > div figure img {
  margin-bottom: 30px;
}

#block-29 h3,
#block-30 h3,
#block-39 h3,
#block-25 h3 {
  font-size: 15px;
  text-align: center;
}

.cdc_block_upgrade_btn a {
  background: #77b96b !important;
  color: #ffffff !important;
  width: 100%;
  text-align: center;
  font-size: 14px;
  padding: 10px 16px;
  display: block;
  letter-spacing: 0.5px;
  border-radius: 8px;
  font-family: "Montserrat", "Roboto" !important;
  font-weight: 400 !important;
  transition: all 0.2s ease-in-out !important;
}

.cdc_block_upgrade_btn a:hover {
  color: #fff !important;
  background: #61ad4e !important;
  transition: all 0.2s ease-in-out !important;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}

.cdc_block_upgrade_btn a:active {
  opacity: 0.6;
}

.cc_dash101_hr,
.cc_login_discord_1on1,
.dash_1on1_scheduled {
  display: none;
}

#block-92,
#block-9,
#block-19,
#block-29,
#block-32 {
  margin-top: 52px;
}

.cc_dashshop-btn {
  display: block;
  text-align: center;
  padding: 11.5px 16px;
  margin-top: 10px;
  margin: 0 auto;
  border-radius: 8px !important;
  font-size: 14.5px !important;
  letter-spacing: 1px !important;
}

.cc_dashshop-btn:active {
  opacity: 0.6;
}

.cc_dash101_hr {
  background-color: black;
  height: 1.5px;
  border: none;
}

/*=== Membership Dashbord Logo ===*/
#block-32 > figure > a > img,
#block-54 > figure > a > img,
#block-52 > figure > a > img,
#block-63 > figure > a > img,
#block-10 > figure > a > img,
#block-73 > figure > a > img,
#block-78 > figure > a > img,
#block-18 > figure > a > img {
  border: 1.3px solid #61ad4e;
  border-radius: 10px;
  margin-bottom: 39px;
  box-shadow: 2px 4px 12px rgba(237, 201, 103, 0.18);
}

.mt-elite #block-32 > figure > a > img {
  border: 1.3px solid #edc967;
}

#block-29 > figure > a > img {
  border: 1.3px solid #61ad4e;
  border-radius: 10px;
  margin-bottom: 51px;
  box-shadow: 2px 4px 12px rgba(173, 213, 166, 0.25);
}

/*==== Send in Blue Newsletter Member dashboard sidebar ====*/
.sib-email-area_members {
  margin-bottom: 6px;
}

.sib-email-area_members > input {
  width: 100%;
  padding-right: 5.8rem;
  box-sizing: border-box;
}

.dash_1on1_scheduled {
  border: 1px solid var(--brand-green);
  margin-top: 22px;
  border-radius: 10px;
  padding-bottom: 20px;
  background-color: #fff;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
}

.cc_login_discord_1on1 {
  text-align: center;
  margin-top: 10px;
}

#block-43 h3,
#block-308 > .cdc_newsletter_block h3,
#block-309 > .cdc_newsletter_block h3,
#block-90 > .cdc_newsletter_block h3,
#block-91 > .cdc_newsletter_block h3,
.cdc_shop_block h3 {
  font-size: 16px !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  text-align: center;
}

.sib-email-area_members .sib-email-area {
  position: relative;
  display: table-cell !important;
  float: left;
  margin-right: -94px;
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
  border: 1px solid #77b96b !important;
}

@-moz-document url-prefix() {
  .sib-email-area_members .sib-email-area {
    padding-bottom: 0.6rem !important;
  }
}

#wrapper .sib-default-btn {
  color: #fff !important;
  font-family: "Roboto" !important;
  font-weight: 400 !important;
  background-color: #77b96b !important;
  font-size: 14.5px !important;
  margin-top: 12px;
  width: 100%;
}

#wrapper .sib-default-btn:hover {
  background-color: #61ad4e !important;
}

#block-33 {
  margin-top: 3px;
}

.sidebar-widget > div > figure {
  text-align: center;
}

.sidebar-widget ul li {
  margin-bottom: 10px;
  padding: 10px;
  font-size: 15px;
  border-radius: 4px;
}

.sidebar-widget ul li {
  list-style: none;
}

/* Header styling */
.cdc_shop_block.elite h3 {
  margin-top: 0;
  margin-bottom: 0;
  color: #141414;
  font-size: 20px;
  font-weight: 100;
  padding-left: 4px;
  padding-bottom: 11px;
}

#block-45 > .cdc_shop_block.elite h3,
#block-46 > .cdc_shop_block.elite h3 {
  padding-bottom: 16px;
}

/*=== Membership Dashboard - MT Academy Contact form Sidebar ===*/

#block-25,
#block-26 {
  border-radius: 18px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
}

/* Title section */
.bk-contact h3 {
  margin: 0;
  padding: 20px;
  background-color: #fff;
  color: #343434;
  font-size: 16px;
  text-align: center;
  letter-spacing: 1px;
  padding-bottom: 0px;
}

#wpcf7-f6201-p5483-o2 > form > p:nth-child(2) {
  margin-bottom: 0px;
}

#wpcf7-f6201-p5483-o2 > form .wpcf7-character-count {
  position: relative;
  top: -18px;
  left: 5px;
}

/* Panel with form */
.bk-contact .panel {
  background-color: #ffffff;
}

/* Input fields */
.bk-contact input[type="text"],
.bk-contact input[type="email"] {
  width: 100%;
  padding: 10px 12px;
  margin-bottom: 14px;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff;
  color: #141414;
  box-sizing: border-box;
}

.bk-contact textarea {
  border: 1px solid #d4d4d4;
}

.bk-contact input[type="text"]:focus,
.bk-contact input[type="email"]:focus,
.bk-contact textarea:focus {
  border-color: #edc967;
  outline: none;
  box-shadow: 0 0 0 2px rgba(237, 201, 103, 0.2);
}

#block-48 {
  flex: auto;
  margin-bottom: 35px;
}

#block-48 h3 {
  font-size: 16px !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  text-align: center;
  margin-bottom: 10px;
}

#block-48 ul li {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
  background-color: rgba(237, 201, 103, 0.16);
  padding: 9px 9px;
  border-radius: 10px;
  gap: 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

#block-48 .mt-econ-events hr {
  margin-bottom: 22px;
}

.mt-econ-events ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mt-econ-events li.mt-event-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 2px;
  height: 71px;
}

.mt-econ-events i.fa-circle {
  /* color: #d66; */
  flex-shrink: 0;
  margin-top: 0.5rem;
}

.mt-event-content {
  display: flex;
  flex-direction: column;
}

.mt-event-date {
  text-align: left;
  font-size: 0.95rem;
}

.mt-event-title {
  font-size: 0.9rem;
  color: #444;
  font-weight: 600;
  margin-top: 0.25rem;
  align-self: flex-start;
}

.wpcf7-character-count {
  font-size: 12px;
}

/* Fix Contact Form 7 spinner spacing */
.wpcf7-spinner {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* Show spinner when form is submitting */
.wpcf7 .wpcf7-form.submitting .wpcf7-spinner {
  visibility: visible;
  opacity: 1;
}

.wpcf7-submit.has-spinner {
  position: relative;
}

#wpcf7-f6201-p5483-o2 textarea {
  height: 204px;
  display: block;
}

#block-25 > .wp-block-group,
#block-26 > #wpcf7-f6201-o2 {
  border-radius: 0px 0px 18px 18px;
  background-color: #fff;
}

#block-25 h3 {
  padding: 20px !important;
}

#block-26 h3 {
  padding: 20px 16px !important;
}

#block-25 > .wp-block-group {
  padding: 20px 30px 10px 30px;
}

#block-25 > div > div ul li {
  text-align: center;
}

#block-25 > div > div ul li a {
  border: 1px solid #edc967;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  border-radius: 12px;
  margin: 0 auto !important;
  margin-bottom: 10px !important;
  text-align: center;
  width: 100%;
  display: table;
}

#block-25 > div > div ul li a:hover {
  background: #edc967 !important;
  color: #fff;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08) !important;
}

#block-25 > div > div ul li a:active,
#block-26 form p > #MTpg_sentID:active {
  opacity: 0.5;
}

#block-25.sidebar-widget:not(.woocommerce)
  ul:not(.get_social):not(.instagram-pics):not(.instagram-widget)
  li:not(.jtwt_tweet) {
  border-bottom: none !important;
  margin-bottom: 0px !important;
}

#block-26 form {
  padding: 20px 30px 0px 30px;
}

#block-26 form p > #MTpg_sentID {
  width: 100%;
  border: 1px solid #edc967 !important;
  background: #fff !important;
  color: #141414;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

#block-26 form p > #MTpg_sentID:hover {
  background: #edc967 !important;
  color: #fff;
  /* box-shadow: none !important; */
}

/*=== Membership Dashboard - Exclusive, Exclusive +, and Course Sidebar Headers ===*/

#block-29 h3,
#block-39 h3 {
  text-align: center;
  background-color: rgba(173, 213, 166, 1);
  padding: 22px !important;
  color: #000;
}

#block-33 h3,
#block-30 h3 {
  margin-top: 0px;
  padding-bottom: 8px;
}

#block-29 > .wp-block-group,
#block-30 > .wp-block-group,
#block-39 > .wp-block-group {
  padding: 10px 20px 30px 20px;
}

/*--- Membership Dashboard - Exclusive, Exclusive +, and Course Sidebar Image---*/

#block-29 > .wp-block-group figure img,
#block-30 > .wp-block-group figure img,
#block-39 > .wp-block-group figure img {
  margin: 0 auto;
  width: 74%;
  padding-top: 8px;
  padding-bottom: 20px;
}

/*========================================= 
-- Need Membership Login page --
==========================================*/

.pmpro_content_message {
  text-align: center;
  top: 41%;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 33rem;
  background-color: rgba(173, 213, 166, 0.8);
  padding: 30px;
  border-radius: 18px;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
}

.pmpro_content_message > a {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: "Roboto" !important;
  text-shadow: none !important;
  border-radius: 4px !important;
  letter-spacing: 0.3px !important;
  padding: 7px 45px !important;
  background-color: #77b96b !important;
  text-transform: uppercase !important;
  transition: all 0.2s ease-in-out;
  border: none !important;
}

.pmpro_content_message > a:nth-child(4) {
  padding: 7px 32px !important;
}

.pmpro_content_message > a:hover {
  color: #fff !important;
  background-color: #61ad4e !important;
  transition: all 0.2s ease-in-out;
  box-shadow:
    0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%),
    0px 1px 10px 0px rgb(0 0 0 / 12%) !important;
}

.page-id-12794 .pmpro_content_message {
  text-align: center;
  top: auto;
  position: relative;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 32rem;
  background-color: var(--white);
  padding: 30px;
  border-radius: 18px !important;
}

.page-id-12794.mt-pro #mt-dashboard-content {
  align-content: center;
}

.page-id-12794 .pmpro_content_message .pmpro_card_title {
  margin: 0 auto;
}

/*========================================= 
-- Password reset page --
==========================================*/

.pmpro_lost_password_wrap {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.pmpro_lost_password-field input {
  min-width: 100% !important;
}

.page-id-3226 #lostpasswordform .pmpro_submit {
  margin-bottom: 26px;
}

.page-id-3226 #lostpasswordform .pmpro_submit > input {
  width: 100% !important;
}

#lostpasswordform .pmpro_submit::before,
#lostpasswordform .pmpro_submit::after {
  border-color: transparent !important;
}

.enable_menu {
  display: block !important;
}

.disable_menu {
  display: none !important;
}

/*========================================= 
-- Terms and Conditions --
==========================================*/

.page-id-6447 .terms_col > div > div .wpb_text_column {
  box-shadow: -4px 1px 19px -4px rgb(0 0 0 / 24%);
  padding: 40px;
  background: #fff;
  border-radius: 4px;
}

.disc_main_col {
  background-color: #fcfcfc;
  box-shadow:
    0 5px 11px 0 rgb(0 0 0 / 18%),
    0 4px 15px 0 rgb(0 0 0 / 15%);
  padding: 26px 30px 58px;
  border-radius: 4px;
  margin-bottom: 60px;
  border: 1px solid #77b96b;
}

.disclaimer_titles h4 {
  font-size: 24px !important;
  letter-spacing: 0.3px;
}

/*===================================================
*    ===== Overide Classes =====
====================================================*/

#content .button_override_green {
  background-color: #77b96b !important;
  border-color: #77b96b !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

#content form .cdc_rules_submit.button_override_green {
  background-color: #edc967 !important;
  border-color: #edc967 !important;
  opacity: 1 !important;
  color: #141414 !important;
  font-weight: 400 !important;
}

/*Upgrade page*/

.page-template-addon-dashboard #pmpro_levels .pmpro_level {
  width: 100% !important;
}

/*Signup*/

.pmpro_level-select > a.pmpro_btn.disabled {
  color: #fff;
  padding: 10px 14px !important;
  font-size: 16px !important;
  font-family: "Roboto" !important;
  letter-spacing: 0.3px !important;
  border-radius: 10px !important;
  border: 1px solid var(--theme-button-disable);
  background-color: var(--theme-button-disable);
  text-transform: uppercase !important;
  width: 100% !important;
  transition: all 0.2s ease-in-out !important;
}

/*===================================================
*    ===== MOBLIE MEDIA QUIERIES Max width 480px =====
====================================================*/

@media screen and (max-width: 480px) {
  h2,
  h4 {
    font-size: 24px !important;
  }

  h3 {
    font-size: 14.5px !important;
  }

  ul li {
    font-size: 14px !important;
  }

  p {
    font-size: 14px !important;
  }

  #wrapper-out > div > div {
    padding-top: 0px !important;
  }

  .page-id-3227 #wrapper {
    background-repeat: space !important;
  }

  body.mobile-panel-open #mobile-panel {
    z-index: 999999999999999;
  }

  .home h2,
  h4 {
    font-size: 22px !important;
  }

  /*===== Mobile menu =====*/
  #responsive_menu {
    background: transparent !important;
  }

  #responsive_menu li {
    position: relative !important;
  }

  #responsive_menu li a {
    font-family: "Roboto" !important;
    padding-left: 60px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    letter-spacing: 1px;
    border: none !important;
    font-weight: 500;
    text-transform: initial !important;
    background-color: transparent !important;
    border-color: #343434 !important;
  }

  .learn_cards_col > div > div .home_chlist > div > div {
    margin-left: 0px !important;
  }

  /*==== Green Menu Upgrade and Join Botton =====*/

  #responsive_menu #menu-item-4408 a {
    border-top: none !important;
    padding-top: 40px !important;
  }

  .responsive-menu-bar {
    background-color: transparent !important;
  }

  /*=============================================== 
  --- All Member Login Page Mobile ---
  ===============================================*/
  .page-id-3226
    #wrapper
    > div.container.lg\:flex.mx-auto.py-8.xl\:py-12.px-4.xl\:px-0.justify-between {
    padding-top: 20px !important;
  }

  .page-id-3226 .post_container {
    padding: 0px !important;
  }

  #member_login_row {
    position: relative !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding-bottom: 50px !important;
  }

  .member_login_col1 {
    position: absolute !important;
    width: 84% !important;
    border-radius: 4px;
  }

  .member_log_wel_sp {
    height: 20px !important;
  }

  .member_logo_top_sp {
    height: 46px !important;
  }

  .member_logo_bottom_sp {
    height: 20px !important;
  }

  .member_login_col1 > div > div > div > div .vc_empty_space {
    height: 30px !important;
  }

  .member_login_col1_text {
    padding-bottom: 28px !important;
  }

  .member_login_col1_text > div p {
    display: none;
  }

  .member_login_col2 {
    padding-top: 19rem !important;
  }

  .member_login_col2 > div {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .member_login_col2 .swpm-login-widget-form {
    width: 100% !important;
  }

  .member_log_above_wel_sp {
    height: 20px !important;
  }

  .member_login_col2 h3 {
    margin-left: 0px !important;
  }

  .member_log_joinbtn {
    position: absolute !important;
    bottom: -61px !important;
    right: 36px !important;
  }

  /*=============================================== 
  --- Admin login page Mobile ---
  ===============================================*/

  .wp-admin
    #wpwrap
    .pmpro-login
    #wrapper
    > div.container.lg\:flex.mx-auto.py-8.xl\:py-12.px-4.xl\:px-0.justify-between {
    min-height: 180vh;
  }

  .wp-admin .pmpro-login .post_container:not(.style2) {
    width: 102% !important;
  }

  .wp-admin #member_login_row {
    height: 670px;
    margin-bottom: 130px;
    padding: 0px !important;
  }

  .wp-admin .member_login_col1 {
    margin-left: 28px;
  }

  /*=============================================== 
  --- Whole Profile Page Mobile ---
  ===============================================*/

  /*=============================================== 
  --- All Membership pages Mobile ---
  ===============================================*/

  .page-id-3227 .wpb_single_image img {
    max-width: 76% !important;
  }

  .page-id-3227 .header_img {
    text-align: center;
    margin-top: 30px;
  }

  .membership_main_row {
    display: block !important;
  }

  #membership_column {
    padding-right: 10px !important;
    margin-top: 40px !important;
  }

  #registration_column {
    padding-left: 10px !important;
  }

  #membership_column > div {
    padding: 20px;
  }

  #membership_column > div > div h4 {
    font-size: 13px !important;
  }

  #membership_column
    > div
    > div
    > div.wpb_text_column.wpb_content_element.tb_counter_1
    > div
    > h3,
  #membership_column
    > div
    > div
    > div.wpb_text_column.wpb_content_element.tb_counter_3
    > div
    > h3 {
    font-size: 16px !important;
  }

  #membership_column,
  #registration_column {
    padding: 10px;
    margin-bottom: 20px;
  }

  #membership_column > div > div p,
  #registration_column > div > div > h2 {
    text-align: center !important;
  }

  #registration_column > .vc_column-inner {
    padding: 20px 10px;
  }

  #registration_column > div > div > div:nth-child(2) {
    height: 10px !important;
  }

  .w-fullmember_sep_cc {
    display: none;
  }

  #elite_upg_row > div.vc_col-sm-4 > span > input,
  #elite_upg_row > div.vc_col-sm-5 > span > input {
    margin-bottom: 10px;
  }

  /*=============================================== 
  --- Payment Pages Mobile---
  ===============================================*/

  .pymt_col_1_text {
    display: none;
  }

  .pymt_col_1_text_mobile {
    display: block;
  }

  .payment_main_row > div {
    padding: 0px 40px 40px 40px !important;
  }

  .payment_main_row > div > div {
    margin-left: 0px !important;
  }

  .payment_main_row > div > div > div {
    margin-left: 0px !important;
  }

  .payment_main_row > div > div > div .wpb_single_image {
    padding: 0px 20px 0px 20px !important;
  }

  .payment_main_row > div > div > div figure {
    margin-bottom: 0px !important;
  }

  .payment_col_1 > div > div {
    padding: 18px 20px 90px 20px !important;
  }

  .payment_col_2 {
    margin-top: -100px !important;
    padding: 20px !important;
  }

  .payment_col_2 > div > div {
    padding: 24px 15px !important;
    margin: 0px !important;
  }

  .pymt_col_1_text_mobile > div p {
    font-size: 13px !important;
  }

  /*=============================================== 
  --- MT Access Dashboard Pages Mobile---
  ===============================================*/

  .logout_row {
    margin-top: 20px;
  }

  .welcome_title h2,
  .welcome_title > div > h3 {
    font-size: 24px !important;
  }

  .exclu_welcome_col_1 > div > div {
    padding: 30px 20px 13px 20px !important;
  }

  #elite_upg_row {
    display: block !important;
  }

  #elite_upg_row > div:nth-child(1) > span > input,
  #elite_upg_row > div:nth-child(2) > span > input {
    text-align: center;
  }

  #elite_upg_row > div:nth-child(4) {
    width: 100% !important;
  }

  #discord_verf_text1 > div p {
    text-align: center !important;
  }

  #elite_upg_row .vc_col-sm-3 {
    padding-bottom: 10px;
  }

  #elite_upg_row .vc_col-sm-3:nth-child(3) {
    padding-bottom: 20px;
  }

  .exclu_sample_vid_col1 {
    padding-bottom: 40px;
  }

  .video_teaser_title,
  .course_title_cc,
  .video_teaser_title > div h4,
  .course_sub_title > div > p {
    font-size: 16px !important;
  }

  .exlcu_bottom_sp_row,
  .elite_bottom_sp_row,
  .course_bottom_sp_row {
    display: none;
  }

  #block-28 > div {
    display: none;
  }

  /*===== Sacers in the video section dashboard=====*/
  #block-52,
  #block-53,
  #block-54,
  #block-23 {
    display: none;
  }

  #secondary {
    margin-bottom: 90px;
  }

  .course_vid_col_1 > div > div {
    padding-bottom: 32px;
  }

  /*=============================================== 
  ---  Member Login Mobile Mobile---
  ===============================================*/
  #registration_column > div {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .member_log_sp {
    height: 20px !important;
  }

  #wrapper
    > div.container.lg\:flex.mx-auto.py-8.xl\:py-12.px-4.xl\:px-0.justify-between
    > div
    > div
    > div
    > div.vc_row.wpb_row.vc_row-fluid
    > div
    > div
    > div
    > div.wpb_text_column.wpb_content_element.tb_counter_1
    > div
    > div {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .member_login_col2 {
    z-index: -9999999999;
  }

  .member_login_col1 > div > div img {
    min-width: 130% !important;
    left: -20px;
    position: relative;
  }

  /*=======================================================================
*         ===== End of max-width: 480px MOBLIE MEDIA QUIERIES =====
=========================================================================*/
}

/*=======================================================================
*         ===== Iphone x =====
=========================================================================*/
@media screen and (width: 375px) and (height: 812px) {
  .payment_col_1 > div > div {
    padding: 18px 0px 90px 0px !important;
  }

  .pymt_col_1_text_mobile > div p {
    font-size: 12px !important;
  }

  .payment_main_row .payment_col_2 {
    margin-top: -150px !important;
  }
}

/*=======================================================================
*         ===== Iphone 6/7/8 plus =====
=========================================================================*/
@media screen and (width: 414px) and (height: 736px) {
  .pymt_col_1_text_mobile > div p {
    font-size: 12px !important;
  }
}

/*=======================================================================
*         ===== Iphone 5/SE =====
=========================================================================*/
@media screen and (width: 320px) and (height: 568px) {
  .payment_col_1 > div > div {
    padding: 18px 10px 90px 10px !important;
  }

  .payment_main_row .payment_col_2 {
    margin-top: 5px !important;
  }

  .member_logo_top_sp {
    height: 42px !important;
  }

  .member_login_col1_text {
    padding-bottom: 24px !important;
  }

  .member_login_col1 {
    left: 22px;
  }

  .member_log_joinbtn {
    right: -17px !important;
  }

  .member_log_above_wel_sp {
    height: 0px !important;
  }

  .member_login_col1 > div > div img {
    min-width: 100% !important;
    left: 0px !important;
    position: relative;
  }

  .member_login_col2 {
    padding-top: 18rem !important;
  }
}

/*=======================================================================
*         ===== Pixel 2xl  =====
=========================================================================*/

@media screen and (width: 411px) and (height: 823px) {
  .payment_col_1 > div > div {
    padding: 20px 10px 90px 10px !important;
  }

  .payment_main_row .payment_col_2 {
    margin-top: -130px !important;
  }
}

/*=======================================================================
*         ===== Pixel 2  =====
=========================================================================*/

@media screen and (width: 411px) and (height: 731px) {
  .payment_col_1 > div > div {
    padding: 18px 10px 90px 10px !important;
  }

  .payment_main_row .payment_col_2 {
    margin-top: -70px !important;
  }
}

/*=======================================================================
*         ===== Oneplus 7t =====
=========================================================================*/
@media screen and (width: 412px) and (height: 914px) {
  .payment_col_1 > div > div {
    padding: 18px 10px 90px 10px !important;
  }

  .payment_main_row .payment_col_2 {
    margin-top: -200px !important;
    height: 53vh !important;
  }
}

/*=======================================================================
*         ===== iphone 12 pro max =====
=========================================================================*/
@media screen and (width: 428px) and (height: 926px) {
  .payment_main_row .payment_col_1 {
    height: 58vh !important;
  }

  .payment_main_row .payment_col_2 {
    height: 60vh !important;
  }
}

/*=============================================== 
  --- IPAD QUIERIES---
  ===============================================*/

@media screen and (width: 768px) and (height: 1024px) {
  /*========================================= 
-- Membership pages Ipad --
==========================================*/

  #membership_column
    > div
    > div
    > div.wpb_text_column.wpb_content_element.tb_counter_1
    > div
    > h3 {
    font-size: 16px !important;
  }

  #swpm-registration-form > table > tbody > tr:nth-child(8) > td > label,
  #swpm-registration-form > table > tbody > tr:nth-child(9) > td > label {
    font-size: 13px !important;
  }

  .checklist_sh_1 {
    font-size: 13px !important;
  }

  .admin_data_row2 .tb_counter_9 > div > table,
  .admin_data_row2 .tb_counter_10 > div > table {
    width: 100% !important;
  }

  #membership_column {
    padding: 23px;
  }

  #registration_column {
    padding: 23px 12px;
  }

  #membership_column > div {
    padding: 30px;
  }

  #registration_column > .vc_column-inner {
    padding: 30px 23px;
  }

  #membership_column > div > div h2 {
    font-size: 23px;
  }

  #membership_column > div > div h3 {
    font-size: 14px !important;
  }

  #registration_column > div > div h2 {
    font-size: 22px !important;
  }

  #block-54 {
    display: none;
  }

  #membership_column
    > div
    > div
    > div.wpb_text_column.wpb_content_element.tb_counter_2 {
    padding-bottom: 24px;
  }

  /*===== Member Login screen =====*/
  #swpm-login-form > div > div.swpm-login-submit > input {
    width: 100% !important;
  }

  .page-id-3226
    #wrapper
    > div.container.lg\:flex.mx-auto.py-8.xl\:py-12.px-4.xl\:px-0.justify-between
    > div {
    margin-top: 100px;
    background-position-x: -590px;
  }

  .top-bar-left-area {
    display: none !important;
  }

  #swpm-pw-reset-form
    > div
    > div.swpm-pw-reset-submit-button.swpm-margin-top-10
    > input {
    width: 100% !important;
  }

  /*========================================= 
-- Profile Page Ipad only --
==========================================*/

  /*========================================= 
-- Membership dashboards Ipad only --
==========================================*/
  #block-52 figure a img,
  #block-53 figure a img,
  #block-54 figure a img {
    margin: 0 auto !important;
  }

  #block-50,
  #block-51,
  #block-38 {
    margin-bottom: 100px !important;
  }

  .course_bottom_sp_row > div > div > div > div,
  .exlcu_bottom_sp_row > div > div > div > div,
  .elite_bottom_sp_row > div > div > div > div {
    height: 0px !important;
  }

  #block-52,
  #block-53 {
    display: none;
  }

  /*--- END OF IPAD QUIERIES---*/
}

/*========================================================================= 
  --- (min-height: 200px) and (max-height:428px) Mobile landscape fix---
  =======================================================================*/

/*=============================================== 
  --- (min-width: 768px) and (max-width: 1025px)---
  ===============================================*/
@media screen and (min-width: 768px) and (max-width: 1025px) {
  /*========================================= 
-- Membership login page ipad and tablets --
==========================================*/

  .member_login_col1_text > div p {
    font-size: 14px !important;
  }

  .swpm-login-widget-form {
    width: 90% !important;
  }

  .member_login_col2 h3 {
    margin-left: 19px !important;
  }

  .member_login_col2 > div > div h2 {
    font-size: 26px !important;
  }

  /*--- END OF (min-width: 768px) and (max-width: 1025px)---*/
}

/*=============================================== 
  --- IPHONE 5/SE AND SMALLER PHONES---
  ===============================================*/

/* @media screen and (min-height: 568px) and (max-height: 680px) {
  .payment_main_row>div {
    padding: 0px 10px 40px 10px !important;
  }

  .pymt_col_1_text>div>p {
    font-size: 12px !important;
  }

  .payment_col_2 {
    margin-top: -15px !important;
    height: 90vh !important;
  }
}

@media screen and (min-height: 568px) and (max-height: 600px) {
  .payment_col_2 {
    height: 90vh !important;
  }
}

@media screen and (min-height: 601px) and (max-height: 680px) {
  .payment_col_2 {
    height: 80vh !important;
  }
}

@media screen and (min-height: 812px) and (max-height: 830px) {
  .pymt_col_1_text>div>p {
    font-size: 12px !important;
  }

  .payment_col_2 {
    height: 60vh !important;
    margin-top: -180px !important;
  }
}

@media screen and (min-height: 640px) and (max-height:670px) {
  #mobile-panel {
    background-position-y: 9rem !important;
  }
} */

/*=============================================== 
  --- GALAXY SMALL PHONES S5 ETC---
  ===============================================*/

/*=============================================== 
  --- Odd phone fixes PHONES One Plus etc ETC---
  ===============================================*/

/*one plus newer phone*/

/*=============================================== 
  --- Laptops and tablest various ETC---
  ===============================================*/
/*===== width: 7688px =====*/
@media screen and (width: 768px) {
  /*==== Green Menu Upgrade and Join Botton =====*/

  #responsive_menu #menu-item-4898,
  #responsive_menu #menu-item-4897,
  #responsive_menu #menu-item-4896 {
    margin-top: 30px !important;
  }

  #responsive_menu #menu-item-4898 a,
  #responsive_menu #menu-item-4897 a,
  #responsive_menu #menu-item-4896 a {
    padding: 9px !important;
    border: 1px solid #77b96b !important;
    margin: 20px 40px;
    text-align: center;
    padding-left: 0px !important;
    border-radius: 3px;
    background-color: #77b96b !important;
  }

  #responsive_menu #menu-item-4408 a {
    border-top: none !important;
    padding-top: 40px !important;
  }
}

/*========================================= 
-- 1024px media quiere --
==========================================*/

@media screen and (width: 1024px) {
  #membership_column > div > div h2 {
    font-size: 23px;
  }

  .payment_col_2 > div > div {
    margin: 32px 19px 20px -27px !important;
  }

  /*=============================================== 
  --- Mobile Menu ALL Mobile ---
  ===============================================*/

  /*==== Green Menu Upgrade and Join Botton =====*/

  #responsive_menu #menu-item-4898,
  #responsive_menu #menu-item-4897,
  #responsive_menu #menu-item-4896 {
    margin-top: 30px !important;
  }

  #responsive_menu #menu-item-4898 a,
  #responsive_menu #menu-item-4897 a,
  #responsive_menu #menu-item-4896 a {
    padding: 9px !important;
    border: 1px solid #77b96b !important;
    margin: 20px 40px;
    text-align: center;
    padding-left: 0px !important;
    border-radius: 3px;
    background-color: #77b96b !important;
  }

  #responsive_menu #menu-item-4408 a {
    border-top: none !important;
    padding-top: 40px !important;
  }

  /*===== 1024 laptop responsive quieres=====*/
}