@charset "UTF-8";
/*
 * Hugo's Lookup Order (https://gohugo.io/templates/lookup-order/) applies to
 * SASS/SCSS assets as well as layouts. Theme SCSS files can be overridden by
 * creating a file of the same name in the project's `/assets/sass` directory.
 *
 * Variables are defined in `variables.sass` and are used in other SCSS files.
 * Fonts are imported by `fonts.scss` and font-family variables are used in
 * other SCSS files.
 *
 * Variables and Fonts defined in their respective files can be overridden by
 * variables redefined in the project's `site.scss` file. The import order is
 * important as the last defined value for a variable takes precedence.
 */
/*
 * This file defines variables used throughout this theme.
 *
 * All colors are defined as variables allowing changes to the theme with
 * just a few overrides in the project `site.scss` file.
 */
/*
 * This is the entrypoint for defining project styles.
 *
 * This file is imported by the theme after defining variables so this file can
 * override theme variables with appropiate project values.
 *
 * This file should be used to style classes named in the `/content` folder as
 * those classes are not relevant to the theme.
 *
 * Project-specific shortcodes have their styles imported alongside their HTML.
 */
/*
 * Here we import fonts used by in project.
 *
 * Fonts generated by https://fonts.google.com with the following settings:
 * - Font: EB Garamond, Styles: Regular 400 & Semi-Bold 600
 * - Font: Nunito, Styles: Regular 400 & Semi-Bold 600
 * - Generated link href contents copied to this file
 * - All font-face src links downloaded and replaced with local copies
 * - Local copies of fonts are placed in `/static/fonts`
 */
/* cyrillic-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR4SDk_YAPIlWk.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GRxSDk_YAPIlWk.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR5SDk_YAPIlWk.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR2SDk_YAPIlWk.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR6SDk_YAPIlWk.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR7SDk_YAPIlWk.woff2) format("woff2");
  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; }

/* latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR1SDk_YAPI.woff2) format("woff2");
  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; }

/* cyrillic-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR4SDk_YAPIlWk.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GRxSDk_YAPIlWk.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* greek-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR5SDk_YAPIlWk.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }

/* greek */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR2SDk_YAPIlWk.woff2) format("woff2");
  unicode-range: U+0370-03FF; }

/* vietnamese */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR6SDk_YAPIlWk.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR7SDk_YAPIlWk.woff2) format("woff2");
  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; }

/* latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/SlGUmQSNjdsmc35JDF1K5GR1SDk_YAPI.woff2) format("woff2");
  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; }

/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/XRXV3I6Li01BKofIOOaBTMnFcQIG.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/XRXV3I6Li01BKofIMeaBTMnFcQIG.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/XRXV3I6Li01BKofIOuaBTMnFcQIG.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2) format("woff2");
  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; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");
  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; }

/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/XRXW3I6Li01BKofA6sKUbOvIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }

/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/XRXW3I6Li01BKofA6sKUZevIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/XRXW3I6Li01BKofA6sKUbuvIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/XRXW3I6Li01BKofA6sKUb-vIWzgPDEtj.woff2) format("woff2");
  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; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/XRXW3I6Li01BKofA6sKUYevIWzgPDA.woff2) format("woff2");
  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; }

/*
 * This file contains project overrides for variables defined in the theme.
 *
 * Fonts are imported in `fonts.scss`; font-family variables are defined here.
 *
 * Colors were adapted from property documents and an online theme generator.
 * Online Theme: https://www.colorcombos.com/color-schemes/79/ColorCombo79.html
 */
.FigureImage__Banner {
  margin: 1em 0; }

.FigureImage__Banner img {
  height: 500px;
  width: 100%;
  object-fit: cover; }

.HelpSection ~ p {
  margin: 0.75em 0; }

.HelpSection ~ p a {
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.2em;
  color: #007fae; }

.Callout__Special {
  background-color: yellow;
  padding: 1em 0;
  border-radius: 1em;
  font-weight: bold;
  width: 100%;
  text-align: center; }

/* Main */
.Main {
  max-width: 1024px;
  margin: 0 auto;
  display: flex; }

.MainContent {
  flex-grow: 1;
  flex-shrink: 1;
  font-family: "EB Garamond", serif;
  max-width: 1023px;
  margin: 0 auto;
  padding: 1em 2em;
  font-size: 18px;
  line-height: 1.6em;
  color: #151515; }

.MainContent hr {
  border: none;
  border-top: 1px solid #cecece;
  margin: 32px 0; }

.MainContent h1 {
  font-family: "Nunito", sans-serif;
  color: #151515;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 600; }

.MainContent h2 {
  font-family: "Nunito", sans-serif;
  text-align: center;
  color: #151515;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 600; }

.MainContent h3 {
  font-family: "Nunito", sans-serif;
  text-align: center;
  color: #151515;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600; }

.MainContent h3 a {
  color: #007fae; }

.MainContent h4 {
  font-family: "Nunito", sans-serif;
  display: inline-block;
  white-space: nowrap;
  color: #151515;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600; }

/* Header & Navigation Layouts */
.SidebarNavigation {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 0px;
  background-color: #13294b;
  -webkit-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -ms-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  transition: width 0.2s linear; }
  .SidebarNavigation .SidebarNavigation__Closer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: calc(100vw - 260px);
    cursor: e-resize;
    pointer-events: none; }
  .SidebarNavigation .SidebarNavigation__Container {
    width: calc(260px - 2 * 20px);
    height: calc(100vh - 2 * 20px);
    overflow-y: scroll;
    padding: 20px; }
  .SidebarNavigation ~ * {
    -webkit-transition: transform 0.2s linear;
    -moz-transition: transform 0.2s linear;
    -ms-transition: transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear; }

header {
  padding: 20px 0;
  width: 100vw;
  color: #f7f7f7;
  background-color: #13294b; }
  header.Header--Extended {
    height: 325px;
    background-position: center;
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(19, 41, 75, 0.2); }
  header .HeaderContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px; }
    header .HeaderContent .HeaderContent__HomeLink {
      max-width: 200px; }
      header .HeaderContent .HeaderContent__HomeLink h1 {
        font-family: "Nunito", sans-serif;
        font-size: 18px;
        line-height: 1em;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 2px;
        color: #f7f7f7;
        text-shadow: 1px 1px #13294b;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0; }
    header .HeaderContent .HeaderNavigation__Container {
      display: block; }
    header .HeaderContent .SidebarNavigation__Opener {
      display: none;
      height: 30px;
      width: 30px; }

.HamburgerIcon {
  position: relative;
  top: 13px;
  left: 2.5px; }
  .HamburgerIcon:before {
    content: "";
    position: absolute;
    top: -7px; }
  .HamburgerIcon:after {
    content: "";
    position: absolute;
    top: 7px; }

.HamburgerIcon,
.HamburgerIcon:before,
.HamburgerIcon:after {
  height: 2px;
  width: 25px;
  background-color: #f7f7f7;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

#ShowSidebarNavigation:checked + .SidebarNavigation + header .HeaderContent .SidebarNavigation__Opener .HamburgerIcon {
  background-color: rgba(255, 255, 255, 0); }
  #ShowSidebarNavigation:checked + .SidebarNavigation + header .HeaderContent .SidebarNavigation__Opener .HamburgerIcon:before {
    transform: rotate(45deg);
    transform-origin: 4px 6px; }
  #ShowSidebarNavigation:checked + .SidebarNavigation + header .HeaderContent .SidebarNavigation__Opener .HamburgerIcon:after {
    transform: rotate(-45deg);
    transform-origin: 5px -3px; }

@media (max-width: 980px) {
  #ShowSidebarNavigation:checked + .SidebarNavigation {
    width: 260px; }
    #ShowSidebarNavigation:checked + .SidebarNavigation .SidebarNavigation__Closer {
      display: block;
      pointer-events: all; }
    #ShowSidebarNavigation:checked + .SidebarNavigation ~ * {
      transform: translateX(-260px);
      pointer-events: none; }
  header .HeaderContent .HeaderNavigation__Container {
    display: none; }
  header .HeaderContent .SidebarNavigation__Opener {
    display: block; } }

/* Navigation for Header & Sidebar */
.Navigation {
  font-family: "Nunito", sans-serif;
  font-size: 16px; }
  .Navigation .Navigation__LinkContainer:hover .Navigation__Link {
    color: #f7f7f7; }
  .Navigation .Navigation__LinkContainer .Navigation__Link {
    font-size: 1em;
    line-height: 1em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #cecece;
    text-shadow: 1px 1px #13294b;
    margin: 0;
    padding: 0.5em 0.75em;
    white-space: nowrap;
    transition: color 0.2s linear; }
    .Navigation .Navigation__LinkContainer .Navigation__Link.Navigation--Active {
      color: #f7f7f7; }

.Navigation.NavigationSidebar .Navigation__LinkContainer,
.Navigation.NavigationSidebar .NavigationSidebar__Child {
  margin: 1em 0.5em; }

.Navigation.NavigationSidebar .NavigationSidebar__ParentLink:before {
  content: "+";
  display: inline-block;
  text-align: center;
  width: 1em; }

.Navigation.NavigationSidebar .NavigationSidebar__ChildrenContainer {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s linear;
  -moz-transition: max-height 0.2s linear;
  -ms-transition: max-height 0.2s linear;
  -o-transition: max-height 0.2s linear;
  transition: max-height 0.2s linear; }

.Navigation.NavigationSidebar .NavigationSidebar__Child .Navigation__Link {
  color: #cecece;
  padding-left: 2em; }
  .Navigation.NavigationSidebar .NavigationSidebar__Child .Navigation__Link.Navigation--Active {
    color: #f7f7f7; }

.Navigation.NavigationSidebar .NavigationSidebar__Child:hover .Navigation__Link {
  color: #f7f7f7; }

.Navigation.NavigationSidebar .NavigationSidebar__ExpandRadio:checked + .NavigationSidebar__Parent .NavigationSidebar__ParentLink:before {
  content: "–"; }

.Navigation.NavigationSidebar .NavigationSidebar__ExpandRadio:checked + .NavigationSidebar__Parent .NavigationSidebar__ChildrenContainer {
  max-height: 10em; }

.Navigation.NavigationHeader {
  display: flex;
  align-items: center; }
  .Navigation.NavigationHeader .NavigationHeader__ChildrenContainer {
    position: absolute;
    max-height: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0);
    background-color: #13294b;
    line-height: 2em;
    -webkit-transition: max-height 0.2s linear;
    -moz-transition: max-height 0.2s linear;
    -ms-transition: max-height 0.2s linear;
    -o-transition: max-height 0.2s linear;
    transition: max-height 0.2s linear; }
  .Navigation.NavigationHeader .Navigation__LinkContainer .NavigationHeader__Child {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }
  .Navigation.NavigationHeader .Navigation__LinkContainer:hover .NavigationHeader__ChildrenContainer {
    max-height: 10em; }
  .Navigation.NavigationHeader .Navigation__LinkContainer:hover .NavigationHeader__Child {
    opacity: 1;
    -webkit-transition: opacity 0.2s linear 0.2s;
    -moz-transition: opacity 0.2s linear 0.2s;
    -ms-transition: opacity 0.2s linear 0.2s;
    -o-transition: opacity 0.2s linear 0.2s;
    transition: opacity 0.2s linear 0.2s; }
  .Navigation.NavigationHeader .Navigation__LinkContainer:hover .NavigationHeader__Child .Navigation__Link {
    color: #cecece; }
    .Navigation.NavigationHeader .Navigation__LinkContainer:hover .NavigationHeader__Child .Navigation__Link.Navigation--Active {
      color: #f7f7f7; }
  .Navigation.NavigationHeader .Navigation__LinkContainer:hover .NavigationHeader__Child:hover .Navigation__Link {
    color: #f7f7f7; }

/* Footer */
footer {
  font-family: "Nunito", sans-serif;
  margin-top: 4em;
  padding: 2em;
  background-color: #13294b; }

.FooterContent {
  max-width: 1024px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  color: #cecece; }
  .FooterContent .FooterContent--Normal {
    text-decoration: none;
    color: #cecece; }
  .FooterContent .FooterContent--Bold {
    font-weight: 600;
    color: #f7f7f7; }
  .FooterContent .FooterContent--Large {
    font-size: 1.125em; }

/* Side Menu */
.SideMenu {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 18px;
  padding: 1em 2em;
  overflow: hidden; }

.SideMenu .SideMenu__Content {
  text-align: left; }

.SideMenu .SideMenu__Section {
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 400;
  color: #007fae;
  line-height: 1.6em; }

.SideMenu .SideMenu__Page {
  display: block;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.8em;
  color: #767676;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear; }

.SideMenu .SideMenu__Page:hover,
.SideMenu .SideMenu__Page.SideMenu--Active {
  color: #13294b; }

.SideMenu .SideMenu__CollapseInput,
.SideMenu .SideMenu__CollapseLabel,
.SideMenu .SideMenu__ButtonOpen,
.SideMenu .SideMenu__ButtonClose {
  display: none;
  color: #151515; }

@media (max-width: 950px) {
  .Main {
    flex-direction: column; }
  .SideMenu .SideMenu__CollapseLabel {
    display: block;
    text-align: right;
    font-size: 18px;
    padding: 0.5em 1em;
    cursor: pointer; }
  .SideMenu .SideMenu__CollapseInput:not(:checked) + .SideMenu__CollapseLabel .SideMenu__ButtonOpen,
  .SideMenu .SideMenu__CollapseInput:checked + .SideMenu__CollapseLabel .SideMenu__ButtonClose {
    display: block; }
  .SideMenu .SideMenu__CollapseInput:not(:checked) ~ .SideMenu__Content {
    display: none; } }

/*
 * This file defines variables used throughout this theme.
 *
 * All colors are defined as variables allowing changes to the theme with
 * just a few overrides in the project `site.scss` file.
 */
/*
 * This file contains project overrides for variables defined in the theme.
 *
 * Fonts are imported in `fonts.scss`; font-family variables are defined here.
 *
 * Colors were adapted from property documents and an online theme generator.
 * Online Theme: https://www.colorcombos.com/color-schemes/79/ColorCombo79.html
 */
/* Buttons */
.Button {
  display: inline-block;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 1em;
  padding: 1em 2em;
  cursor: pointer;
  color: #767676;
  border: 2px solid #767676;
  border-radius: 3px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .Button:hover {
    color: #151515;
    border-color: #151515; }

.Button.Button--Rounded {
  border-radius: 300px; }

.Button.Button--Solid {
  color: #f7f7f7;
  background-color: #767676; }
  .Button.Button--Solid:hover {
    color: #f7f7f7;
    background-color: #151515; }

.Button.Button--Primary {
  color: #13294b;
  border-color: #13294b; }
  .Button.Button--Primary:hover {
    color: #f7f7f7;
    background-color: #13294b; }
  .Button.Button--Primary.Button--Solid {
    color: rgba(247, 247, 247, 0.7);
    background-color: #13294b; }
    .Button.Button--Primary.Button--Solid:hover {
      color: #f7f7f7;
      background-color: #13294b; }

.Button.Button--Secondary {
  color: #007fae;
  border-color: #007fae; }
  .Button.Button--Secondary:hover {
    color: #f7f7f7;
    background-color: #007fae; }
  .Button.Button--Secondary.Button--Solid {
    color: rgba(247, 247, 247, 0.7);
    background-color: #007fae; }
    .Button.Button--Secondary.Button--Solid:hover {
      color: #f7f7f7;
      background-color: #007fae; }

/* CSS Only Tricks */
.∆--hide {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  height: 0;
  width: 0;
  opacity: 0; }

.∆--clickable {
  cursor: pointer; }

/* Normalize */
html, body {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

/* Helper Classes */
.text-center {
  text-align: center; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-italic {
  font-style: italic; }

.text-justify {
  text-align: justify;
  text-justify: inter-word; }

.center-next + * {
  text-align: center; }

.hidden {
  display: none; }

.flex-container {
  display: flex; }

.align-center {
  align-items: center; }

.align-center-middle {
  align-items: center;
  justify-content: center; }

.space-between {
  justify-content: space-between !important; }

.space-around {
  justify-content: space-around !important; }

.no-top-margin {
  margin-top: 0; }

/* Cryptical Theme */
body {
  background-color: #f7f7f7; }

@media (max-width: 680px) {
  .flex-wrap-small {
    flex-wrap: wrap; }
  .flex-wrap-small h4,
  .flex-wrap-small a {
    flex-basis: 100%; } }