/* ------------------------------------------------------------------------------ /*
/*  PRINT STYLES
/* ------------------------------------------------------------------------------ */
:root {
  /* Colors */
  --phw-background-color: #FFFFFF;
  --phw-light-background-color: #EFEFEF;
  --phw-dark-background-color: #1A1A1A;
  --phw-primary-color: #001848;
  --phw-secondary-color: #0D8CFF;
  --phw-border-color: #70BCFE;
  --phw-accent-color: #0D8CFF;
  --phw-accent-dark-color: #70BCFE;
  --phw-accent-light-color: #69ABCC;
  --phw-accent-pale-color: #C5E0F6;
  --phw-white-color: #FFFFFF;
  --phw-light-grey-color: #EEEEEE;
  --phw-dark-grey-color: #939393;
  --phw-black-color: #070504;
}
:root .dark-mode,
:root #site-header.dark {
  --phw-background-color: #070504;
  --phw-light-background-color: #222222;
  --phw-primary-color: #FFFFFF;
}
:root {
  /* Alignments */
  --phw-inner-width-thin: 64rem;
  --phw-inner-width-small: 84rem;
  --phw-inner-width-medium: 102rem;
  --phw-inner-width-wide: 130rem;
  /* Spacing */
  --phw-gutter: clamp(4.8rem, calc(14.4vw - 3.84rem), 19.2rem);
  --phw-gap: clamp(2.4rem, calc(7.2vw - 1.92rem), 9.6rem);
  --phw-spacer: clamp(2.4rem, calc(2.4vw + 0.96rem), 4.8rem);
  --phw-spacer-xxs: clamp(1.2rem, calc(0.4vw + 0.96rem), 1.6rem);
  --phw-spacer-xs: clamp(1.6rem, calc(0.8vw + 1.12rem), 2.4rem);
  --phw-spacer-sm: clamp(2.4rem, calc(0.8vw + 1.92rem), 3.2rem);
  --phw-spacer-md: clamp(3.2rem, calc(1.6vw + 2.24rem), 4.8rem);
  --phw-spacer-lg: clamp(3.2rem, calc(6.4vw - 0.64rem), 9.6rem);
  --phw-spacer-xl: clamp(4.8rem, calc(4.8vw + 1.92rem), 9.6rem);
  --phw-spacer-xxl: clamp(4.8rem, calc(8vw + 0rem), 12.8rem);
  --phw-spacer-xxxl: clamp(6.4rem, calc(6.4vw + 2.56rem), 12.8rem);
  /* Typography */
  --phw-body-font-size: clamp(1.6rem, calc(0.2vw + 1.48rem), 1.8rem);
  --phw-body-line-height: clamp(2.4rem, calc(0.3vw + 2.22rem), 2.7rem);
  --phw-body-font: "Graphik", Arial, sans-serif;
  --phw-body-font-weight: 400;
  --phw-body-font-weight-bold: 600;
  --phw-body-letter-spacing: 0;
  --phw-body-text-transform: none;
  --phw-body-paragraph-spacing: 1.25em;
  --phw-xs-font-size: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
  --phw-xs-line-height: clamp(1.8rem, calc(0vw + 1.8rem), 1.8rem);
  --phw-sm-font-size: clamp(1.4rem, calc(0vw + 1.4rem), 1.4rem);
  --phw-sm-line-height: clamp(2.1rem, calc(0vw + 2.1rem), 2.1rem);
  --phw-lg-font-size: clamp(2.2rem, calc(0.8vw + 1.72rem), 3rem);
  --phw-lg-line-height: clamp(3.08rem, calc(1.4vw + 2.228rem), 4.5rem);
  --phw-heading-font: "Graphik", Arial, sans-serif;
  --phw-heading-font-weight: 500;
  --phw-heading-font-weight-bold: 600;
  --phw-heading-letter-spacing: 0;
  --phw-heading-text-transform: none;
  --phw-h1-font-size: clamp(4.4rem, calc(2.8vw + 2.72rem), 7.2rem);
  --phw-h1-line-height: clamp(5.06rem, calc(2.9vw + 3.344rem), 7.92rem);
  --phw-h1-font-weight: var(--phw-heading-font-weight);
  --phw-h2-font-size: clamp(2.8rem, calc(2vw + 1.6rem), 4.8rem);
  --phw-h2-line-height: clamp(3.36rem, calc(2.4vw + 1.92rem), 5.76rem);
  --phw-h2-font-weight: 600;
  --phw-h3-font-size: clamp(2.4rem, calc(0.6vw + 2.04rem), 3rem);
  --phw-h3-line-height: clamp(3.24rem, calc(0.7vw + 2.844rem), 3.9rem);
  --phw-h3-font-weight: var(--phw-heading-font-weight);
  --phw-h4-font-size: clamp(1.6rem, calc(0.2vw + 1.48rem), 1.8rem);
  --phw-h4-line-height: clamp(2.24rem, calc(0.3vw + 2.072rem), 2.52rem);
  --phw-h4-font-weight: 600;
  --phw-h5-font-size: clamp(1.6rem, calc(0.2vw + 1.48rem), 1.8rem);
  --phw-h5-line-height: clamp(2.24rem, calc(0.3vw + 2.072rem), 2.52rem);
  --phw-h5-font-weight: 600;
  --phw-h6-font-size: clamp(1.6rem, calc(0.2vw + 1.48rem), 1.8rem);
  --phw-h6-line-height: clamp(2.24rem, calc(0.3vw + 2.072rem), 2.52rem);
  --phw-h6-font-weight: 600;
  /* Prefix */
  --phw-prefix-font-size: clamp(1.6rem, calc(0.3vw + 1.42rem), 1.9rem);
  --phw-prefix-line-height: clamp(2rem, calc(0.3vw + 1.832rem), 2.28rem);
  --phw-prefix-font-weight: 500;
  --phw-prefix-letter-spacing: 0.1em;
  --phw-prefix-text-transform: uppercase;
  /* Buttons */
  --phw-button-font-size: clamp(1.8rem, calc(0.4vw + 1.56rem), 2.2rem);
  --phw-button-text-color: var(--phw-primary-color);
  --phw-button-background-color: var(--phw-light-background-color);
  --phw-button-border-color: var(--phw-light-background-color);
  --phw-button-border-width: 0;
  --phw-button-border-radius: 6rem;
  --phw-button-line-height: 1;
  --phw-button-font-weight: 400;
  --phw-button-padding-y: 2.4rem;
  --phw-button-padding-x: 3.2rem;
  --phw-button-text-transform: none;
  --phw-button-letter-spacing: 0;
  --phw-button-svg-color: var(--phw-primary-color);
  --phw-button-svg-background-color: var(--phw-background-color);
  --phw-button-text-color-active: var(--phw-primary-color);
  --phw-button-background-color-active: var(--phw-accent-dark-color);
  --phw-button-border-color-active: var(--phw-accent-dark-color);
  --phw-button-svg-color-active: var(--phw-primary-color);
  --phw-button-svg-background-color-active: var(--phw-accent-color);
}
:root .dark-mode {
  --phw-button-svg-color-active: var(--phw-white-color);
  --phw-button-svg-background-color-active: var(--phw-accent-color);
}
:root {
  /* Site Header */
  --phw-site-header-background-color: var(--phw-light-background-color);
  --phw-site-header-text-color: var(--phw-primary-color);
  /* Background Gradient */
  --phw-background-gradient: linear-gradient(-20deg, #E5E5E5 0%, #FFFFFF 60%);
}
:root .dark-mode {
  --phw-background-gradient: transparent;
}
:root {
  /* Menu Modal */
  --phw-menu-modal-background-color: var(--phw-light-background-color);
  --phw-menu-modal-text-color: var(--phw-primary-color);
  /* Search Modal */
  --phw-search-modal-background-color: var(--phw-primary-color);
  --phw-search-modal-text-color: var(--phw-white-color);
  /* Site Footer */
  --phw-site-footer-background-color: var(--phw-black-color);
  --phw-site-footer-text-color: var(--phw-white-color);
  /* Animations */
  --phw-anim-speed: 0.75s;
  --phw-glow-speed: 0.6s;
  --phw-trans-speed: 0.15s;
  --phw-trans-speed-slow: 0.5s;
  --phw-trans-ease: ease;
  --phw-trans-bezier: cubic-bezier(0.34, 1.56, 0.64, 1);
  /* Admin Bar */
  --phw-admin-bar-height: 0;
  /* Dynamic Variables */
  --phw-screen-height: 100vh;
  --phw-header-height: 9.6rem;
}

.admin-bar {
  --phw-admin-bar-height: 4.6rem;
}
@media (min-width: 782px) {
  .admin-bar {
    --phw-admin-bar-height: 3.2rem;
  }
}

/* ------------------------------------------------------------------------------ /*
/*  FONTS
/* ------------------------------------------------------------------------------ */
@font-face {
  font-family: "Graphik";
  src: url("../fonts/Graphik-Regular-Web.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/Graphik-RegularItalic-Web.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/Graphik-Medium-Web.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/Graphik-MediumItalic-Web.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/Graphik-Semibold-Web.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("../fonts/Graphik-SemiboldItalic-Web.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
*,
*:before,
*:after {
  -webkit-animation: none;
          animation: none;
  -webkit-transition: none;
  transition: none;
  -webkit-animation-delay: 0s !important;
          animation-delay: 0s !important;
  -webkit-animation-duration: 0s !important;
          animation-duration: 0s !important;
  -webkit-transition-delay: 0s !important;
          transition-delay: 0s !important;
  -webkit-transition-duration: 0s !important;
          transition-duration: 0s !important;
}

html {
  background-image: none !important;
}

body {
  background-color: #fff !important;
  border: none !important;
  font-size: 1.2rem;
  line-height: 1.6;
}

body * {
  font-size: inherit !important;
  line-height: inherit !important;
}

#site-content {
  overflow: hidden;
}

/* ELEMENT BASE */
p {
  orphans: 2;
  widows: 2;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 1em 0;
}

h1, .h1 {
  font-size: 2.2em !important;
}

h2, .h2 {
  font-size: 2em !important;
}

h3, .h3 {
  font-size: 1.8em !important;
}

h4, .h4 {
  font-size: 1.6em !important;
}

h5, .h5 {
  font-size: 1.4em !important;
}

h6, .h6 {
  font-size: 1.2em !important;
}

figure {
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}

/* HIDE ELEMENTS */
#site-header,
#site-footer,
.skip-link,
.cover-modal,
.header-sticky-adjuster,
.pagination-wrapper,
.post-navigation,
.related-posts {
  display: none !important;
}

/* RESET WIDTHS */
.alignwide,
.alignfull,
:root .section-inner {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}

/* MODIFY SPACING */
.post-inner,
.entry-footer {
  margin-top: 3.2rem;
}

/* BLOCKS */
.has-background,
.wp-block-file {
  padding: 0 !important;
}

.wp-block-spacer {
  display: none;
}

hr:not(.is-style-dots) {
  background: currentColor !important;
  height: 0.2rem !important;
}

/* ENTRY CONTENT */
.entry-content {
  font-size: inherit;
}

.alignwide,
.alignfull,
.aligncenter {
  margin-bottom: 3.2rem !important;
  margin-top: 3.2rem !important;
  padding: 0 !important;
}

.entry-content > .alignwide,
.entry-content > .alignfull {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  width: 100% !important;
}

.entry-content > .alignleft,
.entry-content > .wp-block-image > .alignleft {
  margin-left: 0 !important;
}

.entry-content > .alignright,
.entry-content > .wp-block-image > .alignright {
  margin-right: 0 !important;
}