MODEL AREA

MODEL EDUCATION

RULE ACADEMY

/* Import the RULE font (replace with your font source) */ @font-face { font-family: 'RULE'; src:url(https://static1.squarespace.com/static/66cccaf2705c2117b2c74554/t/67deb2c424e3c17da1d71910/1742648005077/Mooner-Rounded.otf) format("opentype"); font-weight: normal; font-style: normal; } /* Hide navigation links for Orders and Addresses */ .twc-capc--account--orders, .twc-capc--account--addresses, a[href^="/account/orders"], a[href^="/account/addresses"] { display: none !important; visibility: hidden !important; } /* Hide the Orders and Addresses panels */ .twc-capc--orders-panel, .twc-capc--addresses-panel { display: none !important; visibility: hidden !important; } /* General account panel styling */ .twc-capc--account-panel { background-color: #f6f3ec; /* Isabelline */ color: #280d01; /* Black Bean */ font-family: 'RULE', sans-serif; } /* Header styling */ .twc-capc--account-panel .header--title { color: #fb2340; /* Imperial Red */ font-family: 'RULE', sans-serif; font-weight: bold; } /* Navigation links in the account panel */ .twc-capc--account--digital-products, .twc-capc--account--payment, .twc-capc--account--profile { background-color: #ece4da; /* Alabaster */ color: #280d01; /* Black Bean */ padding: 10px; margin: 5px 0; border-radius: 5px; transition: background-color 0.3s ease; } .twc-capc--account--digital-products:hover, .twc-capc--account--payment:hover, .twc-capc--account--profile:hover { background-color: #b9a590; /* Khaki */ } /* Buttons (reverting to original styling for close and sign-out) */ .twc-capc--account-panel button, .twc-capc--header--close, .twc-capc--account--greeting button[data-test="sign-out"] { background-color: #fb2340; /* Imperial Red */ color: #f6f3ec; /* Isabelline */ font-family: 'RULE', sans-serif; border: 1px solid #280d01; /* Black Bean */ border-radius: 5px; padding: 8px 16px; cursor: pointer; transition: background-color 0.3s ease; } .twc-capc--account-panel button:hover, .twc-capc--header--close:hover, .twc-capc--account--greeting button[data-test="sign-out"]:hover { background-color: #b9a590; /* Khaki */ } /* Hide the top-left back button */ .twc-capc--header--back { display: none !important; visibility: hidden !important; border: none !important; /* Remove black line */ } /* Ensure no hover effect applies to the hidden back button */ .twc-capc--header--back:hover { background-color: transparent !important; border: none !important; } /* Profile panel specific styling */ .twc-capc--profile-panel { background-color: #ece4da; /* Alabaster */ color: #280d01; /* Black Bean */ font-family: 'RULE', sans-serif; } /* Input fields */ .twc-capc--profile-panel input, .twc-capc--profile-panel select { background-color: #f6f3ec; /* Isabelline */ color: #280d01; /* Black Bean */ border: 1px solid #b9a590; /* Khaki */ font-family: 'RULE', sans-serif; padding: 8px; border-radius: 5px; } /* Ensure consistent font across all text elements */ .twc-capc--account-panel *, .twc-capc--profile-panel * { font-family: 'RULE', sans-serif !important; }