@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
:root {

  --primary-element-background: #FFFFFF;
  --primary-element-subtle: #E9E8F0;
  --primary-element-pale: #F3F3F7;
  --primary-element-light: #B7B5CD;
  --primary-element-mid-light: #645E93;
  --primary-element-mid: #180F5E;
  --primary-element-mid-dark: #110B43;
  --primary-element-dark: #0A0627;

  --primary-button-foreground-ondark: #FFFFFF;
  --primary-button-foreground-onlight:180F5E;
  --primary-button-label-inverted: #0A0627;
  --primary-button-resting: #180F5E;
  --primary-button-hover: #110B43;
  --primary-button-pressed: #0D0834;

  --primary-nav-label-selected: #FFFFFF;
  --primary-nav-label-resting: #110B43;
  --primary-nav-label-hover: #0D0834;
  --primary-nav-label-pressed: #0A0627;
  --primary-nav-container-selected: #180F5E;
  --primary-nav-container-selected-hover: #110B43;

  --primary-chip-label-selected: #180F5E;
  --primary-chip-border-selected: #180F5E;
  --primary-chip-container-selected: #E9E8F0;
  --primary-chip-container-selected-hover: #B7B5CD;

  --primary-tab-label-resting: #FFFFFF;
  --primary-tab-container-active: #FFFFFF;
  --primary-tab-container-resting: #180F5E;
  --primary-tab-container-resting-hover: #110B43;

  --primary-title-inverted: var(--color-primary-00);
  --primary-title-page-title: #0A0627;
  --primary-title-page-subtitle: #110B43;
  --primary-title-card-title: #0A0627;
  --primary-title-card-subtitle: #110B43;
  --primary-title-highlight: #160E57;

  --primary-body-text-inverted: var(--color-primary-00);
  --primary-body-text-highlight: #160E57;

  --primary-overlay-overlaylight: #0d08348e;

  --primary-shadow-branded: #0D0834;

  --secondary-element-background: #FEFDFA;
  --secondary-element-pale: #FEFBF4;
  --secondary-element-subtle: #FDF8E6;
  --secondary-element-light: #F9EED3;
  --secondary-element-mid-light: #F9EED3;
  --secondary-element-mid: #EBC971;
  --secondary-element-mid-dark: #A78F50;
  --secondary-element-dark: #A78F50;

  --secondary-button-foreground-ondark: #FFFFFF;
  --secondary-button-foreground-onlight: #F9EED3;
  --secondary-button-label-inverted: #5A4D2B;
  --secondary-button-resting: #180F5E;
  --secondary-button-hover: #0A0627;
  --secondary-button-pressed: #F9EED3;

  --secondary-title-inverted: var(--color-secondary-00);
  --secondary-title-page-title: #180F5E;
  --secondary-title-page-subtitle: #595383;
  --secondary-title-card-title: #180F5E;
  --secondary-title-card-subtitle: #595383;
  --secondary-title-highlight: #EECC79;

  --secondary-body-text-inverted: var(--color-secondary-00);
  
  --secondary-body-text-highlight: #EECC79;

  --tertiary-button-foreground-ondark: #FFFFFF;
  --tertiary-button-foreground-onlight: #180F5E;
  --tertiary-button-label-inverted: #0A0627;
  --tertiary-button-resting: #180F5E;
  --tertiary-button-hover: #110B43;
  --tertiary-button-pressed: #0D0834;

  --gradient-element-flashing: linear-gradient(135deg, #EBC971 0%, #FFEEC9 50.52%, #EBC971 100%);
  --gradient-element-fade: linear-gradient(90deg, #F8F8FA 0%, #F8F8FA 100%);
  --gradient-element-pattern: linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-primary-50) 50.52%, var(--color-secondary-100) 100%);

  --gradient-navigation-separator: linear-gradient(90deg, #180F5E 0%, #180F5E 50%, #180F5E 100%);
  --gradient-navigation-fade: linear-gradient(90deg, #E8E7EF 0%, #E8E7EF 100%);
  --font-title: "Libre Franklin";
 }
 @media only screen and (min-width: 320px) and (max-width: 1024px) {
 .container.responsivegrid.u-container.top-space-s.aem-GridColumn.aem-GridColumn--default--12 {
 margin-top: 0 !important;
}
}
.modal.previewModel {
background-color: var(--primary-button-pressed);

}
 
 /*
@media only screen and (min-width: 320px) and (max-width: 767.98px) {
footer .cmp-container {
display:flex;
  flex-flow: row wrap;
  justify-content:space-between;
flex-direction:column
}
.text p {
order: 2;
}
.job-code {
order: 1;
}
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
    footer .cmp-experiencefragment .container .cmp-container .cmp-footer-copyright 
{
order: 2;
margin-top: 0 !important;
    }
    footer .cmp-experiencefragment .cmp-footer-copyright p {
text-align: center;
padding-top: 17px;

    }
} */
 
body {
  background: #FFFFFF;

}