/*Palette V.2.0*/
@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

:root {
  /* Primitive/Colours Styles */

  --primary-element-background: #FFFFFF;
  --primary-element-pale: #FEF9FB;
  --primary-element-subtle: #EEEFF0;
  --primary-element-light: #F3B9C7;
  --primary-element-mid-light: #E66885;
  --primary-element-mid: #8E2067;
  --primary-element-mid-dark: #C51B42;
  --primary-element-dark: #00203F; /* color updated for the header background from #00203F to #8E2067*/

  /* Secondary/Element */
  --secondary-element-background: #FFFFFF;
  --secondary-element-pale: #EEF0F7;
  --secondary-element-subtle: #DDE1EF;
  --secondary-element-light: #FFBCE9;
  --secondary-element-mid-light: #D53D96;
  --secondary-element-mid: #8E2067;
  --secondary-element-mid-dark: #6F1549;
  --secondary-element-dark: #231556;

  /* Primary/Button */
  --primary-button-foreground-ondark: #FFFFFF;
  --primary-button-foreground-onlight: #22222F;
  --primary-button-label-inverted: #22222F;
  --primary-button-resting: #8E2067;
  --primary-button-hover: #8E2067;
  --primary-button-pressed: #8E2067;

  /* Secondary/Button */
  --secondary-button-foreground-ondark: #FFFFFF;
  --secondary-button-foreground-onlight: #231556;
  --secondary-button-label-inverted: #22222F;
  --secondary-button-resting: #DAC961;
  --secondary-button-hover: #EFD85D;
  --secondary-button-pressed: #EFD85D;

  /* Tertiary/Button */
  --tertiary-button-foreground-ondark: #FFFFFF;
  --tertiary-button-foreground-onlight: #22222F;
  --tertiary-button-label-inverted: #22222F;
  --tertiary-button-resting: #4A4A66;
  --tertiary-button-hover: #004C97;
  --tertiary-button-pressed: #00203F;

  /* Primary/Navigation */
  --primary-nav-label-selected: #4A4A66;
  --primary-nav-label-resting: #FFFFFF;
  --primary-nav-label-hover: #FFFFFF;
  --primary-nav-label-pressed: #FFFFFF;
  --primary-nav-container-selected: #FFFFFF;
  --primary-nav-container-selected-hover: #FFFFFF;

  /* Primary/Chip */
  --primary-chip-label-selected: ##3370AC;
  --primary-chip-border-selected: #3370AC;
  --primary-chip-container-selected: #E6EDF5;
  --primary-chip-container-selected-hover: #B0C8DF;

  /* Primary/Tab */
  --primary-tab-label-resting: #FFFFFF;
  --primary-tab-container-active: #FFFFFF;
  --primary-tab-container-resting: #004C97;
  --primary-tab-container-resting-hover: #00366B;

  /* Primary/Title */
  --primary-title-page-title: #22222F;
  --primary-title-page-subtitle: #3A3A50;
  --primary-title-card-title: #22222F;
  --primary-title-card-subtitle: #3A3A50;
  --primary-title-highlight: #C51B42;

  /* Secondary/Title */
  --secondary-title-page-title: #231556;
  --secondary-title-page-subtitle: #6F1549;
  --secondary-title-card-title: #231556;
  --secondary-title-card-subtitle: #6F1549;
  --secondary-title-highlight: #8E2067;

  /* Primary/Body Text */
  --primary-body-text-highlight: #C51B42;

  /* Secondary/Body Text */
  --secondary-body-text-highlight: #3370AC;

  /* Veriables for Hyperlink color */
  /* --primary-hyperlink-ondark: #FFFFFF;
  --primary-hyperlink-onlight: #170F5E; */
  
  
  /* --primary-anchor-link-resting:#180F5E;
  --primary-anchor-link-hover:#110B43;
  --primary-anchor-link-pressed:#0D0834; */


  /* Primary/Overlay */
  --primary-overlay-overlaylight: rgba(0, 29, 63, 0.4);

  /* Primary/Shadow */
  --primary-shadow-branded: #00203F;


  /* Gradient/Element */
  --gradient-element-flashing:  linear-gradient(135deg, #E0B94B 0%, rgba(243, 229, 137, 0.933333) 50%, #E0B94B 100%);

  --gradient-element-fade: linear-gradient(90deg, rgba(249, 250, 255, 0) 0%, #F9FAFF 100%);

  /* ==========>          Gradients with the same start and end color */
  /* --gradient-element-pattern: linear-gradient(135deg, var(--color-primary-100), var(--color-primary-50) 50.52%, var(--color-secondary-100)); */

  /* Gradient/Navigation */
  --gradient-navigation-separator: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
  --gradient-navigation-footer-separator: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
  --gradient-navigation-fade: linear-gradient(90deg, rgba(236, 238, 255, 0) 0%, #FFFFFF 100%);

  --color-topnav-background: #EEEFF0;
  /*  --color-loader: 29, 35, 107;         


  /* Font */
  --font-title: Chivo;
  --color-footer-background: #00203F;
  --footer-font-color: #FFFFFF;
}

.font-chivo {
  font-family: "Chivo" !important;
}

.wordwrap {
  word-break: break-all;
}