/* =============================================
   OLD VARIABLES
============================================= */
/* =============================================
   NEW 2025 JB --> TOKENS / _tokens.scss
============================================= */
/* Color Tokens - Core brand and utility palette */
/* Typography Tokens */
/* Spacing Tokens */
/* =============================================
   NEW 2025 JB --> MIXINS / _mixins.scss 
============================================= */
/* Generic Heading & Body Mixins */
/* Typography Mixins */
/* Visual Mixins */
/* =============================================
   NEW 2025 JB --> COMPONENTS / _buttons.scss
============================================= */
.button {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-family: "Proxima Nova", sans-serif;
  padding: 0.85rem 1.5rem;
  text-align: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  border: none;
  text-transform: uppercase; }
  .button--primary {
    background-color: #461D7C;
    color: #FFFFFF; }
    .button--primary:hover, .button--primary:visited, .button--primary:active {
      background-color: #461D7C;
      color: #9C7DC5; }
  .button--outline-light {
    background-color: transparent;
    color: #461D7C;
    border: 2px solid #FDD023; }
    .button--outline-light:hover, .button--outline-light:visited, .button--outline-light:active {
      background-color: #FDD023;
      color: #461D7C; }
  .button--outline-dark {
    background-color: transparent;
    color: #FDD023 !important;
    border: 2px solid #FDD023; }
    .button--outline-dark:hover, .button--outline-dark:active {
      background-color: #FDD023;
      color: #461D7C !important; }
    .button--outline-dark:visited {
      color: #FDD023; }
    .button--outline-dark:visited:hover, .button--outline-dark:visited:active {
      background-color: #FDD023;
      color: #461D7C !important; }

#header {
  height: 45px;
  background: #461D7C;
  color: white; }
  #header .logo {
    width: 50px;
    height: auto; }

#branding h1 {
  color: white; }

div .breadcrumbs {
  background: #E1DEDA;
  color: #000; }
  div .breadcrumbs a {
    color: #461D7C; }

.module caption {
  background-color: #461D7C; }

.model-program a,
.model-group a,
.model-user a {
  color: #597baf; }

.submit-row input[name="_save"] {
  background: #eec12a; }

.submit-row input[name="_addanother"],
.submit-row input[name="_continue"] {
  background: #674693; }

#id_body_text,
#id_body_text_1,
#id_body_text_2,
#id_source_text {
  height: 200px;
  width: 800px; }

#id_slug,
#id_title,
#id_meta_description,
#id_main_image_alt,
#id_main_image_th_alt,
#id_body_image_alt,
#id_body_video_link,
#id_cta_text,
#id_cta_button_text,
#id_cta_link,
#id_video_link {
  height: 10px;
  width: 800px; }