@charset "UTF-8";
/*
Theme Name: Firmament Child
Theme URI: https://mereagency.com/
description: A simple child theme for the Firmament framework
Author: Andrew Joyce
Author URI: https://mereagency.com/
Template: firmament
Version: 1.0.0
Tags: firmament, clean, basic, responsive-layout
Text Domain: firmament-child
*/
@import url("//hello.myfonts.net/count/3b545a");
@import url("//hello.myfonts.net/count/3b5459");
@font-face {
  src: url("assets/fonts/FreightTextProBook-Regular/font.eot");
  font-weight: 300;
  font-style: normal;
  font-family: "FreightTextPro";
  src: url("assets/fonts/FreightTextProBook-Regular/font.woff2") format("woff2"), url("assets/fonts/FreightTextProBook-Regular/font.woff") format("woff"), url("assets/fonts/FreightTextProBook-Regular/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/FreightTextProBook-Regular/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/FreightTextProBook-Italic/font.eot");
  font-weight: 300;
  font-style: italic;
  font-family: "FreightTextPro";
  src: url("assets/fonts/FreightTextProBook-Italic/font.woff2") format("woff2"), url("assets/fonts/FreightTextProBook-Italic/font.woff") format("woff"), url("assets/fonts/FreightTextProBook-Italic/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/FreightTextProBook-Italic/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/FreightTextProMedium-Regular/font.eot");
  font-weight: 400;
  font-style: normal;
  font-family: "FreightTextPro";
  src: url("assets/fonts/FreightTextProMedium-Regular/font.woff2") format("woff2"), url("assets/fonts/FreightTextProMedium-Regular/font.woff") format("woff"), url("assets/fonts/FreightTextProMedium-Regular/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/FreightTextProMedium-Regular/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/FreightTextProMedium-Italic/font.eot");
  font-weight: 400;
  font-style: italic;
  font-family: "FreightTextPro";
  src: url("assets/fonts/FreightTextProMedium-Italic/font.woff2") format("woff2"), url("assets/fonts/FreightTextProMedium-Italic/font.woff") format("woff"), url("assets/fonts/FreightTextProMedium-Italic/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/FreightTextProMedium-Italic/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/FreightTextProBlack-Regular/font.eot");
  font-weight: 700;
  font-style: normal;
  font-family: "FreightTextPro";
  src: url("assets/fonts/FreightTextProBlack-Regular/font.woff2") format("woff2"), url("assets/fonts/FreightTextProBlack-Regular/font.woff") format("woff"), url("assets/fonts/FreightTextProBlack-Regular/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/FreightTextProBlack-Regular/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/FreightTextProBlack-Italic/font.eot");
  font-weight: 700;
  font-style: italic;
  font-family: "FreightTextPro";
  src: url("assets/fonts/FreightTextProBlack-Italic/font.woff2") format("woff2"), url("assets/fonts/FreightTextProBlack-Italic/font.woff") format("woff"), url("assets/fonts/FreightTextProBlack-Italic/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/FreightTextProBlack-Italic/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/Gibson-Light/font.eot");
  font-weight: 200;
  font-style: normal;
  font-family: "Gibson";
  src: url("assets/fonts/Gibson-Light/font.woff2") format("woff2"), url("assets/fonts/Gibson-Light/font.woff") format("woff"), url("assets/fonts/Gibson-Light/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Gibson-Light/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/Gibson-LightIt/font.eot");
  font-weight: 200;
  font-style: italic;
  font-family: "Gibson";
  src: url("assets/fonts/Gibson-LightIt/font.woff2") format("woff2"), url("assets/fonts/Gibson-LightIt/font.woff") format("woff"), url("assets/fonts/Gibson-LightIt/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Gibson-LightIt/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/Gibson-SemiboldIt/font.eot");
  font-weight: 700;
  font-style: italic;
  font-family: "Gibson";
  src: url("assets/fonts/Gibson-SemiboldIt/font.woff2") format("woff2"), url("assets/fonts/Gibson-SemiboldIt/font.woff") format("woff"), url("assets/fonts/Gibson-SemiboldIt/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Gibson-SemiboldIt/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/Gibson-SemiBold/font.eot");
  font-weight: 700;
  font-style: normal;
  font-family: "Gibson";
  src: url("assets/fonts/Gibson-SemiBold/font.woff2") format("woff2"), url("assets/fonts/Gibson-SemiBold/font.woff") format("woff"), url("assets/fonts/Gibson-SemiBold/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Gibson-SemiBold/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/Gibson-Bold/font.eot");
  font-weight: 900;
  font-style: normal;
  font-family: "Gibson";
  src: url("assets/fonts/Gibson-Bold/font.woff2") format("woff2"), url("assets/fonts/Gibson-Bold/font.woff") format("woff"), url("assets/fonts/Gibson-Bold/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Gibson-Bold/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/Gibson-BoldItalic/font.eot");
  font-weight: 900;
  font-style: italic;
  font-family: "Gibson";
  src: url("assets/fonts/Gibson-BoldItalic/font.woff2") format("woff2"), url("assets/fonts/Gibson-BoldItalic/font.woff") format("woff"), url("assets/fonts/Gibson-BoldItalic/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Gibson-BoldItalic/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/Gibson-Regular/font.eot");
  font-weight: 300;
  font-style: normal;
  font-family: "Gibson";
  src: url("assets/fonts/Gibson-Regular/font.woff2") format("woff2"), url("assets/fonts/Gibson-Regular/font.woff") format("woff"), url("assets/fonts/Gibson-Regular/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Gibson-Regular/font.ttf") format("truetype");
}
@font-face {
  src: url("assets/fonts/Gibson-Italic/font.eot");
  font-weight: 300;
  font-style: italic;
  font-family: "Gibson";
  src: url("assets/fonts/Gibson-Italic/font.woff2") format("woff2"), url("assets/fonts/Gibson-Italic/font.woff") format("woff"), url("assets/fonts/Gibson-Italic/font.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Gibson-Italic/font.ttf") format("truetype");
}
/* Set your fonts here. I'm just using arial but you could set up webfonts.
/* mixins will push this snippet throughout the entire site: nifty! */
body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__list li, body.home .fa-chevron-down:after, .delta, body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__title-wrap, .gamma, body:not(.home) .heading__title, .beta, body.home .header__sitename a, .alpha {
  font-family: "Gibson", Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 300;
  font-style: regular;
}

.zeta, .epsilon {
  font-family: "FreightTextPro", serif;
  font-weight: 300;
  font-style: regular;
}

:root {
  --white: hsl(0,0%,100%);
  --grey_1: #EFF1F5;
  --grey_2: #C6C9CC;
  --grey_3: #8F9599;
  --grey_4: #5D6166;
  --grey_5: #2D2F33;
  --grey_6: #0D141A;
  --black: #000;
  --large-text: calc(var(--site-font-size)*1.25);
  --regular-text: var(--site-font-size);
  --tiny-text: calc(var(--site-font-size)*0.75);
  --micro-text: calc(var(--site-font-size)*0.5);
}

body.home .header__sitename a, .alpha {
  color: var(--primary);
  font-size: calc(var(--regular-text) * 6);
  font-weight: 500;
  line-height: calc(var(--regular-text) * 5);
  line-spacing: -10px;
  margin: calc(var(--regular-text)*2) 0;
}

body:not(.home) .heading__title, .beta {
  font-size: calc(var(--regular-text)*3.555);
  font-weight: 700;
  line-height: calc(var(--regular-text) * 3);
  margin-top: calc(var(--site-font-size)*3.25);
  margin-bottom: calc(var(--site-font-size)*2.5);
  text-align: center;
}

body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__title-wrap, .gamma {
  color: var(--grey_4);
  font-size: calc(var(--regular-text)*2);
  font-style: italic;
  font-weight: 200;
  letter-spacing: 0.5px;
  margin-top: calc(var(--site-font-size)*2.5);
  margin-bottom: calc(var(--site-font-size)*2);
  text-align: center;
}

.delta {
  color: var(--grey_6);
  font-size: var(--regular-text);
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: calc(var(--site-font-size)*2);
  margin-bottom: var(--site-font-size);
  text-transform: uppercase;
}

.epsilon {
  color: var(--grey_3);
  font-size: var(--regular-text);
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-top: calc(var(--site-font-size)*2);
  margin-bottom: var(--site-font-size);
  text-align: center;
}

.zeta {
  font-size: var(--regular-text);
  font-weight: 700;
  margin-top: var(--site-font-size);
  margin-bottom: calc(var(--site-font-size)/2);
}

/* Let's define some simple button styles */
/* role=button: basic button styles */
/* Background Image */
html {
  background: no-repeat center center;
  background-image: var(--site-background-image);
  background-size: cover;
  background-attachment: fixed;
  animation: 0.5s fade-in;
}

body {
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* Less overlay on browsers that support the blur filter */
@supports (backdrop-filter: blur(10px)) {
  body {
    background-color: rgba(255, 255, 255, 0.7);
  }
}
body.home {
  /* homepage header only */
  /* the 'more' text just above the fold */
  /* Fixing the buttons at the top of the page */
  /* show button groups with this class vertically instead of horizontally */
}
body.home .header {
  background: transparent;
  animation: 1s fade-in;
}
body.home .header__wrapper {
  max-width: 1000px;
  padding-bottom: calc(var(--site-padding) / 6);
}
body.home .header__sitename a {
  background: url(assets/sbc__header--logo.svg) no-repeat top left;
  background-size: auto 50px;
  color: var(--grey_6);
  display: block;
  font-weight: 500;
  padding-top: 90px;
  text-decoration: none;
}
body.home .fa-chevron-down {
  color: var(--grey_3);
  font-size: var(--large-text);
  margin: 3rem auto 0;
  position: relative;
  width: 20px;
}
body.home .fa-chevron-down:after {
  content: "More";
  color: var(--grey_4);
  display: block;
  font-size: var(--tiny-text);
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -60px;
  text-align: center;
  text-transform: uppercase;
  width: 120px;
}
body.home .wp-block-buttons {
  display: flex;
  justify-content: flex-start;
}
body.home .wp-block-buttons .wp-block-button {
  align-self: center;
  margin-top: 24px;
}
body.home .wp-block-buttons .wp-block-button__link {
  margin-top: 0 !important;
}
body.home .columnize {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.home .columnize .wp-block-button {
  align-self: center;
}

/* body.home */
/* Styling for internal pages -- not the home page */
body:not(.home) {
  /* internal page headers hide the site name and show a little back arrow instead */
  /* make the H1s on internal pages look like H2s */
  /* Table of COntents Styling */
}
body:not(.home) .header {
  background: transparent;
}
body:not(.home) .header__wrapper {
  max-width: 1000px;
  padding-top: 0;
  padding-bottom: 0;
}
body:not(.home) .header a {
  display: block;
  font-size: var(--site-font-size);
  line-height: var(--site-font-size);
  margin: 0;
  padding: calc(var(--regular-text)*2) 0;
  position: relative;
  text-indent: -9999em;
}
body:not(.home) .header a:after {
  content: "‹ Go Back";
  position: absolute;
  top: calc(var(--regular-text)*2);
  left: 0;
  transition: 0.3s all cubic-bezier(0, 0.83, 0, 2);
  text-indent: 0;
}
body:not(.home) .header a:hover:after {
  transform: scale(1.2);
}
body:not(.home) .heading {
  background: transparent;
}
body:not(.home) .wp-block-uagb-table-of-contents {
  background: var(--grey_1);
}
body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__wrap {
  background: transparent !important;
  border: 0px solid !important;
}
body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__title-wrap {
  margin-top: 0;
}
body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__list li {
  list-style-type: none;
  margin-left: 0;
}
body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__list li a {
  color: var(--primary-light) !important;
}
@media screen and (min-width: 64rem) {
  body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__list {
    columns: 2;
  }
}
@media screen and (min-width: 93.75em) {
  body:not(.home) .wp-block-uagb-table-of-contents {
    background: rgba(255, 255, 255, 0.7);
    border-right: 2px solid rgba(0, 0, 0, 0.1);
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
  }
  body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__list {
    columns: 1;
  }
  body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__list li {
    font-size: 0.9rem !important;
    line-height: 1.25 !important;
  }
}
@media screen and (min-height: 56em) {
  body:not(.home) .wp-block-uagb-table-of-contents .uagb-toc__list li {
    font-size: 1.1rem !important;
    line-height: 1.65 !important;
  }
}

/* body:not.home */
/* Page content -- applies to all pages */
.content {
  animation: 0.5s fade-in;
}
.content__wrapper {
  max-width: 1000px;
  padding-top: calc(var(--site-padding)/6);
}
@media screen and (min-width: 40rem) {
  .content p, .content li {
    font-size: calc(var(--regular-text) * 1.2);
    line-height: calc(var(--regular-text) * 2);
  }
}

/* A few basic media queries */
@media screen and (max-width: 40rem) {
  .header__sitename a,
.heading__wrapper h1.heading__title,
h2 {
    font-size: calc(var(--regular-text)*1.75);
    line-height: calc(var(--regular-text)*2.25);
  }

  .wp-block-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 93.75em) {
  .footer {
    position: relative;
    z-index: 3;
  }
}
/* Basic + simple animation */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.page-id-229, body.page-id-229 *, .vietnamese {
  font-family: "Roboto", sans-serif !important;
}

body.page-id-232, body.page-id-232 *, .arabic {
  font-family: "Changa", sans-serif !important;
  direction: rtl !important;
}

body.page-id-235, body.page-id-235 *, .chinese {
  font-family: "Noto Sans SC", sans-serif !important;
}

body.page-id-238, body.page-id-238 *, .korean {
  font-family: "Noto Sans KR", sans-serif !important;
}

/*# sourceMappingURL=style.css.map */