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


:root {
  /* Primitive/Colours Styles */

  --primary-element-background: #FFFFFF;
  --primary-element-pale: #FDF5F7;
  --primary-element-subtle: #FEFCFC;
  --primary-element-light: #FDF5F7;
  --primary-element-mid-light: #FBEAEE;
  --primary-element-mid: #F9E0E5;
  --primary-element-mid-dark: #B19FA3;
  --primary-element-dark: #695E60;

  /* Secondary/Element */
  --secondary-element-background: #FFFFFF;
  --secondary-element-pale: #FBFAFA;
  --secondary-element-subtle: #F0EDED;
  --secondary-element-light: #D1C8C8;
  --secondary-element-mid-light: #9C8888;
  --secondary-element-mid: #6B4D4D;
  --secondary-element-mid-dark: #4C3737;
  --secondary-element-dark: #2D2020;

  /* Primary/Button */
  --primary-button-foreground-ondark: #FFFFFF;
  --primary-button-foreground-onlight: #6B4D4D;
  --primary-button-label-inverted: #2D2020;
  --primary-button-resting: #6B4D4D;
  --primary-button-hover: #3B2A2A;
  --primary-button-pressed: #2D2020;

  /* Secondary/Button */
  --secondary-button-foreground-ondark: #6B4D4D;
  --secondary-button-foreground-onlight: #6B4D4D;
  --secondary-button-label-inverted: #6B4D4D;
  --secondary-button-resting: #F9E0E5;
  --secondary-button-hover: #FBEAEE;
  --secondary-button-pressed: #FEFCFC;

  /* Tertiary/Button */
  --tertiary-button-foreground-ondark: #FFFFFF;
  --tertiary-button-foreground-onlight: #BA193B;
  --tertiary-button-label-inverted: #4E0B19;
  --tertiary-button-resting: #BA193B;
  --tertiary-button-hover: #84122A;
  --tertiary-button-pressed: #4E0B19;

  /* Primary/Navigation */
  --primary-nav-label-selected: #FFFFFF;
  --primary-nav-label-resting: #84122A;
  --primary-nav-label-hover: #660E20;
  --primary-nav-label-pressed: #4E0B19;
  --primary-nav-container-selected: #BA193B;
  --primary-nav-container-selected-hover: #84122A;

  /* Primary/Chip */
  --primary-chip-label-selected: #6B4D4D;
  --primary-chip-border-selected: #6B4D4D;
  --primary-chip-container-selected: #F8E8EB;
  --primary-chip-container-selected-hover: #D1C8C8;

  /* Primary/Tab */
  --primary-tab-label-resting: #FFFFFF;
  --primary-tab-container-active: #FFFFFF;
  --primary-tab-container-resting: #6B4D4D;
  --primary-tab-container-resting-hover: #4C3737;

  /* Primary/Title */
  --primary-title-page-title: #6B4D4D;
  --primary-title-page-subtitle: #9C8888;
  --primary-title-card-title: #6B4D4D;
  --primary-title-card-subtitle: #9C8888;
  --primary-title-highlight: #6B4D4D;

  /* Secondary/Title */
  --secondary-title-page-title: #BA193B;
  --secondary-title-page-subtitle: #84122A;
  --secondary-title-card-title: #BA193B;
  --secondary-title-card-subtitle: #84122A;
  --secondary-title-highlight: #BA193B;

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

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

  /* Veriables for Hyperlink color */
  --primary-hyperlink-ondark: #A62B4E;
  --primary-hyperlink-onlight: #0072E4;


  /* Primary/Overlay */
  --primary-overlay-overlaylight: rgba(78, 10, 24, 0.4);

  /* Primary/Shadow */
  --primary-shadow-branded: #660D20;


  /* Gradient/Element */
  --gradient-element-flashing: linear-gradient(135deg, #EAB7C2 0%, #F8E8EB 51%, #D7D7D7 100%);
  --gradient-element-fade: linear-gradient(90deg, rgba(253, 246, 247, 0) 0%, #FDF6F7 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(248, 232, 235, 0) 0%, rgba(186, 24, 58, 0.5) 50%, rgba(248, 232, 235, 0) 100%);
  --gradient-navigation-footer-separator: linear-gradient(90deg, rgba(248, 232, 235, 0) 0%, rgba(186, 24, 58, 0.5) 50%, rgba(248, 232, 235, 0) 100%);
  --gradient-navigation-fade: linear-gradient(90deg, rgba(248, 232, 235, 0) 0%, #F8E8EB 100%);

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


  /* Font */
  --font-title: "Petrona";
  /* --color-footer-background: #FCF7FB;
  --footer-font-color: #2D2D3E; */
}

.font-petrona {
  font-family: "Petrona" !important;
}

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