/*Palette V.2.0*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
  /* Primitive/Colours Styles */

  --primary-element-background: #FFFFFF;
  --primary-element-pale: #FFFCF4;
  --primary-element-subtle: #FFF9EA;
  --primary-element-light: #FFEDBB;
  --primary-element-mid-light: #FFD76D;
  --primary-element-mid: #FFC425;
  --primary-element-mid-dark: #B58B1A;
  --primary-element-dark: #6B5210;

  /* Secondary/Element */
  --secondary-element-background: #FFFFFF;
  --secondary-element-pale: #F2F2F2;
  --secondary-element-subtle: #E7E7E7;
  --secondary-element-light: #B0B0B0;
  --secondary-element-mid-light: #545454;
  --secondary-element-mid: #000000;
  --secondary-element-mid-dark: #000000;
  --secondary-element-dark: #000000;

  /* Primary/Button */
  --primary-button-foreground-ondark: #FFFFFF;
  --primary-button-foreground-onlight: #FFC425;
  --primary-button-label-inverted: #6B5210;
  --primary-button-resting: #FFC425;
  --primary-button-hover: #B58B1A;
  --primary-button-pressed: #8E6D15;

  /* Secondary/Button */
  --secondary-button-foreground-ondark: #FFFFFF;
  --secondary-button-foreground-onlight: #000000;
  --secondary-button-label-inverted: #000000;
  --secondary-button-resting: #000000;
  --secondary-button-hover: #000000;
  --secondary-button-pressed: #000000;

  /* Tertiary/Button */
  --tertiary-button-foreground-ondark: #FFFFFF;
  --tertiary-button-foreground-onlight: #FFD41E;
  --tertiary-button-label-inverted: #6B590D;
  --tertiary-button-resting: #FFD41E;
  --tertiary-button-hover: #B59715;
  --tertiary-button-pressed: #8C7511;

  /* Primary/Navigation */
  --primary-nav-label-selected: #FFFFFF;
  --primary-nav-label-resting: #B58B1A;
  --primary-nav-label-hover: #8E6D15;
  --primary-nav-label-pressed: #6B5210;
  --primary-nav-container-selected: #FFC425;
  --primary-nav-container-selected-hover: #B58B1A;

  /* Primary/Chip */
  --primary-chip-label-selected: #FFC425;
  --primary-chip-border-selected: #FFC425;
  --primary-chip-container-selected: #FFF9EA;
  --primary-chip-container-selected-hover: #FFEDBB;

  /* Primary/Tab */
  --primary-tab-label-resting: #FFFFFF;
  --primary-tab-container-active: #FFFFFF;
  --primary-tab-container-resting: #FFC425;
  --primary-tab-container-resting-hover: #B58B1A;

  /* Primary/Title */
  --primary-title-page-title: #6B5210;
  --primary-title-page-subtitle: #B58B1A;
  --primary-title-card-title: #6B5210;
  --primary-title-card-subtitle: #B58B1A;
  --primary-title-highlight: #EBB522;

  /* Secondary/Title */
  --secondary-title-page-title: #000000;
  --secondary-title-page-subtitle: #000000;
  --secondary-title-card-title: #000000;
  --secondary-title-card-subtitle: #000000;
  --secondary-title-highlight: #000000;

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

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

  /* Veriables for Hyperlink color */
 

  --primary-anchorlink-resting: #B48F15;
   --primary-anchorlink-hover: #6B550C;
    --primary-anchorlink-pressed: #000000;

  /* Primary/Overlay */
  --primary-overlay-overlaylight: rgba(107, 83, 16, 0.4);

  /* Primary/Shadow */
  --primary-shadow-branded: #8E6D15;


  /* Gradient/Element */
  --gradient-element-flashing: linear-gradient(135deg, #FFEDBB 0%, #FFF9E9 50.52%, #B0B0B0 100%);
  --gradient-element-fade: linear-gradient(90deg, #FFF9E9 0%, rgba(255, 249, 233, 0) 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(237, 237, 237, 0) 0%, rgba(77, 77, 77, 0.5) 50%, rgba(237, 237, 237, 0) 100%);
  --gradient-navigation-fade: linear-gradient(90deg, rgba(255, 250, 235, 0) 0%, #FFFAEB 100%);

--gradient-navigation-footer-separator: linear-gradient(90deg, rgba(237, 237, 237, 0) 0%, rgba(77, 77, 77, 0.5) 50%, rgba(237, 237, 237, 0) 100%);
  

  --font-title:'Lato';
}

.wordwrap{
  word-break: break-word !important;
}
#overflow-mobile{
overflow-wrap: anywhere !important;
}

body{
background:var(--primary-element-background);
}