/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

:root {
  /* colors */
  --primary: #053D6E;
  --color-orange: #DB620A;
  --color-dark: #262B36;
  --color-darker:#C9C9C910;
  --color-black: black;
  --color-light-black: #212121;
  --color-light-gray: #8F8F8F;
  --color-lightest-gray: #E1E1E1;
  --color-darker-gray:#333;
  --color-gray: #6c757d;
  --color-gray-dark: #474747;
  --color-lighter-gray:#AEB7C1;
  --color-light-gray-dark: #979797;
  --color-strong-gray-light: #6B6B6B;
  --color-blue: #007bff;
  --color-deep-blue: #004A80;
  --color-light-blue: #4b9dff;
  --color-blue-dark: #053C6D;
  --color-deep-blue-dark: #314467;
  --color-deep-purple: #1A0D7C;
  --color-white: #FFF;
  --color-green: #259702;
  --color-light-green: #008000;
  --color-dark-green: #196601;
  --color-transparent-orange: #ffe3ce;
  --color-text-orange: #D4622C;
  --color-indigo: #6610f2;
  --color-purple: #6f42c1;
  --color-pink: #e83e8c;
  --color-red: #b50000;
  --color-maroon: #97291e;
  --color-yellow: #ffc107;
  --color-teal: #20c997;
  --color-cyan: #17a2b8;
  --color-success: #28a745;
  --color-info: #17a2b8;
  --color-warning: #ffc107;
  --color-danger: #dc3545;
  --color-light: #f8f9fa;
  --color-yellowish-white:#EBEBEB;
  --color-darkest-gray:#0006;
  --link-color: var(--color-blue);
  --link-color-gray: #C8C8C8;
  --link-color-orange:#E87817;
  --link-hover-color: #0056b3;
  --text-color-normal: #212529;
  --text-color-light: #4a4a4a;
  --text-color-blue: #043C6D;
  --text-color-gray: #9B9B9B;
  --text-color-light-gray: #0E1F3580;
  --link-color-blue: #4b9dff;
  --link-color-dark-blue: #415270;
  --link-color-dark-gray : #3d3d3d;
  --button-color-orange: #E87817;
  --background-color-light-grey: #FCFCFC;
  --background-color-gray-scale: #F9F9F9;
  --background-color-deep-light-grey: #F7F7F7;
  --background-color-transparent: transparent;
  --background-color-unset: unset;
  --background-color-disable: unset;
  --background-color-dark-grey: #D8D8D8;
  --background-color-grey: #97979733;
  --background-color-light-orange: #FAE4D1;
  --background-color-light-ivory: #FCF8F5;
  --background-color-light-blue: #EFF6FF;
  --background-color-blue-dark: #183B6A;
  --background-color-blue: #314467;
  --border-color-light-gray: #E1E8EE;
  --border-color-gray: #D1D1D1;
  --border-color-dark-gray: #d7d7d7;
  --border-color-lighter-gray:#ced4da;
  --border-color-dark-grey: #0E1F3533;
  --color-diable-element: #D1D1D1;
  --color-disable-dot: #D1D1D1;
  --color-footer-top-note-blue: #0e1f35;
  --color-footer-top-number-blue: #004c84;
  --color-footer-gray: #D1D1D1;
  --box-shadow-footer-top-gray: #0e1f354d;
  --veritcal-line-footer-top-gray: #9797974d;
  --box-shadow: #97979733;
  --boarder-trendign-news-card: #EAEAEA;
  --card-post-color: #4B4B4B;
  --card-post-boarder: #d7d7d7;
  --modal-background-color: #000000BF;
  --image-box-shadow: #878787;
  --title-color: #122E45;
  --title-color-card: #303030;
  --color-gray-light-text: #4B5057;

  /* fonts */
  --body-font-family: "Poppins", "Poppins Fallback";
  --heading-font-family: var(--body-font-family);
  --fixed-font-family: 'Roboto Mono', menlo, consolas, 'Liberation Mono', monospace;

  /* body sizes */
  --body-font-size-xxxl: 26px;
  --body-font-size-xxl: 22px;
  --body-font-size-xlm: 21px;
  --body-font-size-xl: 20px;
  --body-font-size-l: 18px;
  --body-font-size-m: 16px;
  --body-font-size-s: 14px;
  --body-font-size-xs: 12px;

  /* heading sizes */
  --heading-font-size-xxxl: 40px;
  --heading-font-size-xxl: 38px;
  --heading-font-size-xl: 36px;
  --heading-font-size-xmxl: 32px;
  --heading-font-size-mxl: 30px;
  --heading-font-size-l: 28px;
  --heading-font-size-mls: 25px;
  --heading-font-size-ml: 24px;
  --heading-font-size-m: 20px;
  --heading-font-size-s: 18px;
  --heading-font-size-ms: 16px;
  --heading-font-size-ss: 15px;
  --heading-font-size-xs: 14px;
  --heading-font-size-sxs: 13px;
  --heading-font-size-mxs: 12px;
  --heading-font-size-xxs: 11px;
  --heading-font-size-lmicro: 10px;
  --heading-font-size-mmicro: 9px;
  --heading-font-size-micro: 8px;

  /* Heading Variables */
  --h1-font-size-desktop: var(--heading-font-size-xxxl);
  --h1-font-size-mobile: var(--heading-font-size-ml);
  --h2-font-size-desktop: var(--heading-font-size-xmxl);
  --h2-font-size-mobile: var(--heading-font-size-m);
  --h3-font-size-desktop: var(--heading-font-size-ml);
  --h3-font-size-mobile: var(--heading-font-size-s);
  --h4-font-size-desktop: var(--heading-font-size-ms);
  --h4-font-size-mobile: var(--heading-font-size-xs);
  --h5-font-size-desktop: var(--heading-font-size-xs);
  --h5-font-size-mobile: var(--heading-font-size-mxs);

  /* Font Weight */
  --font-weight-small: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-bolder: 800;

  /* Line Width */
  --line-width-hairline: 1px;
  --line-width-thin: 2px;
  --line-width-extra-light: 3px;

  /* Line Height */
  --line-height-narrow: 10px;
  --line-height-little-small: 14px;
  --line-height-small: 18px;
  --line-height-regular: 19px;
  --line-height-normal: 20px;
  --line-height-medium: 22px;
  --line-height-large: 24px;
  --line-height-xl: 28px;
  --line-height-extra-large: 32px;
  --line-height-xxl: 42px;
  --line-height-wide: 45px;
  --line-height-xxxl:54px;

  /* margin and fine spaces */
  --space-1px: 0.06rem;
  --space-2px: 0.13rem;
  --space-3px: 0.19rem;
  --space-4px: 0.25rem;
  --space-5px: 0.313rem;
  --space-6px: 0.375rem;
  --space-7px: 0.438rem;
  --space-8px: 0.5rem;
  --space-9px: 0.563rem;
  --space-10px: 0.625rem;
  --space-11px: 0.688rem;
  --space-12px: 0.75rem;
  --space-13px: 0.813rem;
  --space-14px: 0.875rem;
  --space-15px: 0.938rem;
}

/*
 * backdrop psudeo element doesn't inherit css variables on Safari
 * https://bugs.webkit.org/show_bug.cgi?id=263834
 */
::backdrop {
  --modal-background-color: #000000BF;
}

*, *::before, *::after {
  box-sizing: border-box;
  outline: none;
}

@font-face {
  font-family: roboto-fallback;
  size-adjust: 100.06%;
  ascent-override: 95%;
  src: local('Arial');
}

@font-face {
  font-family: 'Poppins Fallback';
  font-style: normal;
  font-weight: 400;
  src: local('Arial');
  ascent-override: 105.00%;
  descent-override: 35.00%;
  line-gap-override: 10.00%;
  size-adjust: 100.00%;
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: 'Poppins Fallback';
  font-style: normal;
  font-weight: 400;
  src: local('Arial');
  ascent-override: 105.00%;
  descent-override: 35.00%;
  line-gap-override: 10.00%;
  size-adjust: 100.00%;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins Fallback';
  font-style: normal;
  font-weight: 400;
  src: local('Arial');
  ascent-override: 92.83%;
  descent-override: 30.94%;
  line-gap-override: 8.84%;
  size-adjust: 113.11%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins Fallback';
  font-style: normal;
  font-weight: 500;
  src: local('Arial');
  ascent-override: 105.00%;
  descent-override: 35.00%;
  line-gap-override: 10.00%;
  size-adjust: 100.00%;
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: 'Poppins Fallback';
  font-style: normal;
  font-weight: 500;
  src: local('Arial');
  ascent-override: 105.00%;
  descent-override: 35.00%;
  line-gap-override: 10.00%;
  size-adjust: 100.00%;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins Fallback';
  font-style: normal;
  font-weight: 500;
  src: local('Arial');
  ascent-override: 91.82%;
  descent-override: 30.61%;
  line-gap-override: 8.74%;
  size-adjust: 114.36%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins Fallback';
  font-style: normal;
  font-weight: 700;
  src: local('Arial');
  ascent-override: 105.00%;
  descent-override: 35.00%;
  line-gap-override: 10.00%;
  size-adjust: 100.00%;
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: 'Poppins Fallback';
  font-style: normal;
  font-weight: 700;
  src: local('Arial');
  ascent-override: 105.00%;
  descent-override: 35.00%;
  line-gap-override: 10.00%;
  size-adjust: 100.00%;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins Fallback';
  font-style: normal;
  font-weight: 700;
  src: local('Arial');
  ascent-override: 89.77%;
  descent-override: 29.92%;
  line-gap-override: 8.55%;
  size-adjust: 116.97%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  scroll-behavior: smooth;
}

header {
  min-height: 5.2rem;
}

body {
  margin: 0;
  font: var(--font-weight-regular) 0.9rem Poppins, "Poppins Fallback", sans-serif;
  color: var(--text-color-normal);
  -webkit-font-smoothing: antialiased;
  position: relative;
  min-height: 100vh;
  background-color: var(--color-white);
  text-align: left;
  line-height: 1.5;
  display: none;
}

body.appear {
  display: block;
}

body.modal-open {
  overflow: hidden;
}

h1, h2, h3,
h4, h5, h6 {
  color: var(--primary);
  font-family: var(--heading-font-family);
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  margin: 0;
  padding: 0;
  border: 0;

}

h1 {
  font-size: var(--h1-font-size-mobile);
  margin-bottom: 2rem;
  text-align: center;
}

h2 {
  font-size: var(--h2-font-size-mobile);
  font-weight: var(--font-weight-bold);
  margin-bottom: 1rem;
  text-align: center;
}

h3 {
  font-size: var(--h3-font-size-mobile);
}

h4 {
  font-size: var(--h4-font-size-mobile);
}

h5 {
  font-size: var(--h5-font-size-mobile);
}

p {
  font-size: var(--body-font-size-m);
  color: var(--color-gray-dark);
}

p, dl, ol, ul, pre, blockquote {
  margin-top: 0;
  margin-bottom: 1em;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

.tablet {
  display: none;
}

.desktop {
  display: none;
}

.mobile {
  display: block;
}

/* links */
a:any-link {
  color: var(--color-deep-blue);
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  text-decoration: none;
  color: var(--link-hover-color);
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

a.discover-more, a.discover-more-button:any-link {
  display: inline-block;
  font-size: var(--heading-font-size-ms);
  line-height: 2.375rem;
  min-height: 3.125rem;
  font-weight: var(--font-weight-semibold);
  min-width: 12.25rem;
  background: var(--button-color-orange);
  color: var(--color-white);
  text-transform: uppercase;
  border-radius: 1.875rem;
  padding: 0.3125rem 1.25rem;
  border: 0.0625rem solid transparent;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}

.discover-more-link {
  text-align: center;
  margin-top: 1rem;
}

.discover-more-link .link-color {
  font-size: var(--body-font-size-xlm);
  line-height: var(--line-height-large);
  font-weight: var(--font-weight-bold);
  color: var(--link-color-orange);
}

.discover-more-link .icon {
  font-family: icomoon, sans-serif;
  font-style: normal;
  font-weight: var(--font-weight-medium);
  font-variant: normal;
  text-transform: none;
  line-height: var(--space-1px);
  display: inline-block;
  vertical-align: middle;
}

.discover-more-link .link-color .icon-up-arrow {
  transform: rotate(90deg);
  margin-left: var(--space-5px);
}

.discover-more-link .link-color .icon-up-arrow::before {
  content: "\e900";
}

.no-results {
  color: var(--primary);
  font-weight: var(--font-weight-semibold);
}

main img {
  max-width: 100%;
  width: auto;
  height: auto;
}

/* sections */
main .section > .section-container {
  max-width: 81.25rem;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

/* section - full-width */
main .section.full-width > .section-container{
  max-width: 100%;
}

/* section - padded i.e. inline padding */
main .section.padded > .section-container, main .section.inline-padded > .section-container {
  padding: 0 1rem;
}

main .section.shadow  {
  background: var(--background-color-light-orange);
  box-shadow: 0 1.25rem 2.5rem var(--box-shadow);
}

main .section.top-bottom-padded {
  padding: 1.5625rem 0;
}

main .section.bottom-padded {
  padding-bottom: 1.5625rem;
}

main .section.shadow-gray {
  box-shadow: inset 0 1.25rem 2.5rem var(--background-color-grey);
}

main .section.background-lighter-gray {
  background: var(--color-lightest-gray);
}

main .section.background-orange {
  background: var(--color-orange);
  padding: var(--space-8px) 0;
}

main .margin-bottom {
  margin-bottom: 2rem;
}

main .section.background-gray {
  background: var(--background-color-deep-light-grey);
}

  @media (width >= 36rem) {
    main .section.top-bottom-padded {
      padding: 2.5rem 0;
    }

    main .section.bottom-padded {
      padding-bottom: 2.5rem;
    }
  }

  /* Media Queries - Tablet */
  @media (width >= 48rem) {
    .mobile {
      display: none;
    }

    .desktop {
      display: none;
    }

    .tablet {
      display: block;
    }

    main .section.shadow {
      background: var(--background-color-light-orange);
      box-shadow: 0 1.25rem 2.5rem var(--box-shadow);
    }

    header {
      min-height: 8.4rem;
    }

    h1 {
      font-size: var(--h1-font-size-desktop);
      margin-bottom: 3rem;
    }

    h2 {
      font-size: var(--h2-font-size-desktop);
      line-height: 2.813rem;
      margin-bottom: 2rem;
    }

    h3 {
      font-size: var(--h3-font-size-desktop);
    }

    h4 {
      font-size: var(--h4-font-size-desktop);
    }

    h5 {
      font-size: var(--h5-font-size-desktop);
    }

    main .section.layout-60-40 .section-container {
      display: flex;
      flex-wrap: wrap;
    }

    main .section.layout-60-40 .section-container > div {
      padding: 0 1rem;
    }

    main .section.layout-60-40 .section-container > div:first-child {
      flex: 0 0 58%;
      max-width: 58%;
    }

    main .section.layout-60-40 .section-container > div:nth-child(2) {
      flex: 0 0 41%;
      max-width: 41%;
    }
  }

  /* Media Queries - Desktop */
  @media (width >= 64rem) {
    .mobile {
      display: none;
    }

    .tablet {
      display: none;
    }

    .desktop {
      display: block;
    }
  }