@charset "UTF-8";
/*!
Theme Name: EcoRI
Author: Gravity Switch
Author URI: http://gravityswitch.com
Description: A custom atomic theme for EcoRI
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain:
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Functions
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> FUNCTIONS - TABLE OF CONTENTS:
----------------------------------------------------------------
# Rem calculator
# Em calculator
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Rem calculator - Use this to convert px to rem units

> $pixels = pixel value (don't include px)
> $context = default base font size declared in _settings.variables.scss
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Em calculator - Use this to convert px to em units

> $pixels = pixel value (don't include px)
> $context = default base font size declared in _settings.variables.scss
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> VARIABLES - TABLE OF CONTENTS:
----------------------------------------------------------------
# Sass Variables
    > Default font-size for site
    > Breakpoints
    > Layout Grid

# CSS variables 
    > Border widths
    > Border radius
    > Animation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Sass Variables
    > Needed for mixins and functions
    > Cannot be converted to CSS variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
> Default font-size, DO NOT CHANGE
--------------------------------------------------------------*/
/*--------------------------------------------------------------
> Breakpoints for site, called on in breakpoint mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
> Layout Grid
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# CSS Variables
--------------------------------------------------------------*/
/*! jQuery UI - v1.12.1 - 2020-10-16
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
	z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}
.ui-datepicker-calendar a.ui-state-active {
	margin: 0;
}
/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-widget.ui-datepicker {
	width: 224px;
	padding: .2em;
	display: none;
	background: #FFF;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
:root {
  /*--------------------------------------------------------------
> Border Widths - No rem/em units for these
--------------------------------------------------------------*/
  --brdr-xxs: 1px;
  --brdr-xs: 2px;
  --brdr-sm: 3px;
  --brdr-md: 4px;
  --brdr-lg: 8px;
  --brdr-xl: 10px;
  --brdr-xxl: 16px;
  /*--------------------------------------------------------------
> Border Radius
--------------------------------------------------------------*/
  --brdr-radius-pill: 6.25em;
  /*--------------------------------------------------------------
> Animation - base settings
--------------------------------------------------------------*/
  --timing: 0.3s;
  --easing: ease-in-out; }
/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> COLORS - TABLE OF CONTENTS:
----------------------------------------------------------------
# Color Base - Gray, Cool
# Blue
# Aqua
# Orange
# Green, Cool
# Green, Warm
# Helpers
--------------------------------------------------------------*/
:root {
  /*--------------------------------------------------------------
# Color Base - Gray, Cool
--------------------------------------------------------------*/
  --color-base-lightest: #aab7cb;
  --color-base-lighter: #8997ad;
  --color-base-light: #7b879a;
  --color-base: #6e7888;
  --color-base-dark: #5e6674;
  --color-base-darker: #4d535d;
  --color-base-darkest: #3c414a;
  /*--------------------------------------------------------------
# Blue
--------------------------------------------------------------*/
  --color-primary-lightest: #3c76e8;
  --color-primary-lighter: #386acb;
  --color-primary-light: #2e5cb4;
  --color-primary: #264e9a;
  --color-primary-dark: #153777;
  --color-primary-darker: #2d2469;
  --color-primary-darkest: #0f2550;
  /*--------------------------------------------------------------
# Aqua
--------------------------------------------------------------*/
  --color-secondary-lightest: #effdfc;
  --color-secondary-lighter: #daf8f8;
  --color-secondary-light: #a3ebf0;
  --color-secondary: #86e4eb;
  --color-secondary-dark: #62e1eb;
  --color-secondary-darker: #14b6dd;
  --color-secondary-darkest: #0d779a;
  /*--------------------------------------------------------------
# Orange
--------------------------------------------------------------*/
  --color-accent-primary-light: #ff6c42;
  --color-accent-primary: #b54600;
  /*--------------------------------------------------------------
# Green, Cool
--------------------------------------------------------------*/
  --color-accent-secondary-lightest: #cef2f2;
  --color-accent-secondary-lighter: #9ce2cc;
  --color-accent-secondary-light: #54d0a9;
  --color-accent-secondary: #38b991;
  --color-accent-secondary-dark: #0d7e86;
  --color-accent-secondary-darkest: #046269;
  /*--------------------------------------------------------------
# Green, Warm
--------------------------------------------------------------*/
  --color-accent-tertiary: #307e66;
  /*--------------------------------------------------------------
# Helpers
--------------------------------------------------------------*/
  --color-border: rgba(255, 255, 255, 0.45);
  --color-white: #fff; }
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> MIXINS - TABLE OF CONTENTS:
----------------------------------------------------------------
# font-settings
# typesetting
# breakpoints
# layout - flexbox
# input padding
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# font-settings - Use when declaring a font-family. Sets:

> font-family - required
> font-weight - required
> font-style - defaults to normal
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# typesetting - Use this for setting font-size and line-height on elements. Enter pixel numbers to have them converted to responsive units. It takes three parameters:

> font-size-pixels - font-size in pixels, just include number without unit (required)
> line-height-pixels - line-height in pixels, just include number without unit (required)
> context - used to set rem units for font-size. The default value is a variable declared in _settings.variables.scss
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# breakpoints - Use for setting breakpoints in em units. 
There are 7 breakpoints listed below (values listed in _settings.variables.scss). 
Use only what you need:

> brkpnt-xxs
> brkpnt-xs
> brkpnt-sm
> brkpnt-md
> brkpnt-lg
> brkpnt-xl
> brkpnt-xxl
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# layout - flexbox

  > column settings
  > row settings
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Input padding
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. 
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }
/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }
/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em; }
/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }
sub {
  bottom: -0.25em; }
sup {
  top: -0.5em; }
/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }
/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible; }
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none; }
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: none;
  outline-offset: -2px; }
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }
/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }
/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }
/*--------------------------------------------------------------
# Global styles
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  font-size: 62.5%; }
*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0; }
a:focus, a:active,
button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
[role="tabpanel"]:focus,
[role="tabpanel"]:active,
.a11y-modal:focus,
.a11y-modal:active,
.btn:focus,
.btn:active {
  outline: var(--brdr-sm) solid var(--color-accent-secondary);
  outline-offset: 2px; }
a,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
button {
  border: none;
  cursor: pointer; }
::selection {
  background-color: var(--color-accent-secondary-light);
  color: var(--color-primary-darkest); }
fieldset {
  border: none;
  margin: 0;
  padding: 0; }
svg {
  overflow: visible; }
.post .post__image {
  content-visiblity: hidden; }
@media print {
  header,
  footer,
  .gdpr-container,
  #alertBar,
  .section-donate {
    display: none; }
  .post .post__image {
    content-visiblity: visible; } }
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important; }
.nav-overlay {
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: var(--color-base-darkest);
  opacity: 0.75; }
.posts-navigation .nav-links {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-evenly;
  margin: var(--space-md) 0; }
@media only screen and (min-width: 63.9375em) {
    .posts-navigation .nav-links {
      flex-direction: row-reverse; } }
.posts-navigation .nav-links .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #c94b28; }
.posts-navigation .nav-links .btn:hover {
      color: white; }
.posts-navigation .nav-links .btn .prev-label {
      margin-left: var(--space-md); }
.posts-navigation .nav-links .btn .next-label {
      margin-right: var(--space-md); }
/*--------------------------------------------------------------
# Containers
--------------------------------------------------------------*/
.container {
  max-width: 76.25rem;
  padding: 0 1.5rem;
  margin: 0 auto; }
.container--small {
    max-width: 60rem; }
.container--vert-padded {
    padding-top: 3rem;
    padding-bottom: 3rem; }
.container--guide {
    padding: 0; }
@media only screen and (min-width: 47.9375em) {
      .container--guide {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0 1.5rem; } }
/*--------------------------------------------------------------
# Containers
--------------------------------------------------------------*/
.grid {
  margin: 0;
  padding: 0;
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); }
.grid__item {
    margin: 0;
    padding: 0;
    max-width: 38rem; }
.grid__item:after {
      display: none; }
/* ------------------------------------------------------------ *\
	IE 11 Solution (inline-block) for its inability to support full CSS Grid awesomeness
\* ------------------------------------------------------------ */
_:-ms-lang(x),
.grid {
  display: block;
  margin: 0;
  text-align: center; }
@media only screen and (min-width: 47.9375em) {
    _:-ms-lang(x),
    .grid {
      margin: 0 -0.5rem; } }
_:-ms-lang(x),
.grid__item {
  display: block;
  margin-bottom: 1.75rem;
  width: 100%;
  text-align: left; }
@media only screen and (min-width: 47.9375em) {
    _:-ms-lang(x),
    .grid__item {
      display: inline-block;
      vertical-align: top;
      margin: 0 0.75rem 1.75rem;
      width: 45%; } }
@media only screen and (min-width: 56.25em) {
    _:-ms-lang(x),
    .grid__item {
      width: 30%; } }
@media only screen and (min-width: 75em) {
    _:-ms-lang(x),
    .grid__item {
      width: 31%; } }
/*--------------------------------------------------------------
# Spacing
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> Spacing:
----------------------------------------------------------------
# Responsive spacing
# Component padding
# Fixed spacing
# Vertical margin utility classes (margin-top, margin-bottom)
--------------------------------------------------------------*/
:root {
  /*--------------------------------------------------------------
# Responsive spacing
    > Set in ems
    > These should be the primary spacing options used
--------------------------------------------------------------*/
  --space-unit: 1em;
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  /*--------------------------------------------------------------
# Component spacing
    > Default padding for boxy elements like UI cards
--------------------------------------------------------------*/
  --component-padding: var(--space-sm);
  /*--------------------------------------------------------------
# Fixed Spacing
    > Set in rems
--------------------------------------------------------------*/
  --space-unit-fixed: 1rem;
  --space-xxxs-fixed: calc(0.25 * var(--space-unit));
  --space-xxs-fixed: calc(0.375 * var(--space-unit));
  --space-xs-fixed: calc(0.5 * var(--space-unit-fixed));
  --space-sm-fixed: calc(0.75 * var(--space-unit-fixed));
  --space-md-fixed: calc(1.25 * var(--space-unit-fixed));
  --space-lg-fixed: calc(2 * var(--space-unit-fixed));
  --space-xl-fixed: calc(3.25 * var(--space-unit-fixed));
  --space-xxl-fixed: calc(5.25 * var(--space-unit-fixed));
  --space-xxxl-fixed: calc(8.5 * var(--space-unit)); }
/*--------------------------------------------------------------
# Vertical margin utility classes
    > Top
    > Bottom
    > Breakpoint adjustment (viewport sizes above 900px)
--------------------------------------------------------------*/
/*--------------- 
Top 
----------------*/
.margin-top,
.margin-top--md {
  margin-top: var(--space-md); }
.margin-top--xxxs {
  margin-top: var(--space-xxxs); }
.margin-top--xxs {
  margin-top: var(--space-xxs); }
.margin-top--xs {
  margin-top: var(--space-xs); }
.margin-top--sm {
  margin-top: var(--space-sm); }
.margin-top--lg {
  margin-top: var(--space-lg); }
.margin-top--xl {
  margin-top: var(--space-xl); }
.margin-top--xxl {
  margin-top: var(--space-xxl); }
.margin-top--xxxl {
  margin-top: var(--space-xxxl); }
/*--------------- 
Bottom 
----------------*/
.margin-bottom,
.margin-bottom--md {
  margin-bottom: var(--space-md); }
.margin-bottom--xxxs {
  margin-bottom: var(--space-xxxs); }
.margin-bottom--xxs {
  margin-bottom: var(--space-xxs); }
.margin-bottom--xs {
  margin-bottom: var(--space-xs); }
.margin-bottom--sm {
  margin-bottom: var(--space-sm); }
.margin-bottom--lg {
  margin-bottom: var(--space-lg); }
.margin-bottom--xl {
  margin-bottom: var(--space-xl); }
.margin-bottom--xxl {
  margin-bottom: var(--space-xxl); }
.margin-bottom--xxxl {
  margin-bottom: var(--space-xxxl); }
/*--------------- 
Breakpoint 
----------------*/
@media only screen and (min-width: 56.25em) {
  /* Top */
  .margin-top,
  .margin-top--md {
    margin-top: var(--space-lg); }
  .margin-top--xxxs {
    margin-top: var(--space-xxs); }
  .margin-top--xxs {
    margin-top: var(--space-xs); }
  .margin-top--xs {
    margin-top: var(--space-sm); }
  .margin-top--sm {
    margin-top: var(--space-md); }
  .margin-top--lg {
    margin-top: var(--space-xl); }
  .margin-top--xl {
    margin-top: var(--space-xxl); }
  .margin-top--xxl {
    margin-top: var(--space-xxxl); }
  /* Bottom */
  .margin-bottom,
  .margin-bottom--md {
    margin-bottom: var(--space-lg); }
  .margin-bottom--xxxs {
    margin-bottom: var(--space-xxs); }
  .margin-bottom--xxs {
    margin-bottom: var(--space-xs); }
  .margin-bottom--xs {
    margin-bottom: var(--space-sm); }
  .margin-bottom--sm {
    margin-bottom: var(--space-md); }
  .margin-bottom--lg {
    margin-bottom: var(--space-xl); }
  .margin-bottom--xl {
    margin-bottom: var(--space-xxl); }
  .margin-bottom--xxl {
    margin-bottom: var(--space-xxxl); } }
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> Typography:
----------------------------------------------------------------
# Type Scale
# Generic Type Styles
# Heading Styles
# Base body styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Type Scale
    > Variables for fonts
    > Variable for base font-size
    > Variable for scaling ratio
    > Type scale based on font-size and scaling ratio
    > Variables for line-heights
    > Breakpoints to adjust typesetting
--------------------------------------------------------------*/
:root {
  --font-primary: monotype-grotesque, Helvetica, sans-serif;
  --font-secondary: new-spirit, Georgia, serif;
  --text-base-size: 1.3125rem;
  --text-scale-ratio: 1.2;
  --text-xs: calc((var(--text-base-size) / var(--text-scale-ratio)) / var(--text-scale-ratio));
  --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
  --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
  --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
  --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
  --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
  --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
  --heading-line-height: calc(10px + 2ex + 10px);
  --base-line-height: 1.5;
  --text-label: calc(var(--text-base-size) * 0.905); }
/*--------------------------------------------------------------
Increase font-size @ specified breakpoints
--------------------------------------------------------------*/
@media only screen and (min-width: 56.25em) {
  :root {
    --text-scale-ratio: 1.25; } }
@media only screen and (min-width: 75em) {
  :root {
    --text-scale-ratio: 1.333; } }
/*--------------------------------------------------------------
# Generic Type Styles
--------------------------------------------------------------*/
p,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
  word-break: break-word;
  -webkit-hyphens: none;
          hyphens: none;
  margin-top: 0; }
body {
  font-family: var(--font-primary);
  font-weight: 400;
  font-style: normal;
  font-size: 1.9rem;
  line-height: 1.45;
  color: var(--color-base-darker);
  background-color: var(--color-secondary-lightest); }
@media only screen and (min-width: 56.25em) {
    body {
      font-size: 2.2rem; } }
@media print {
    body,
    body * {
      color: black !important;
      font-family: "Garamond", serif !important;
      border: none !important;
      padding: 0 !important;
      border-radius: 0 !important;
      height: auto;
      max-width: 100%;
      text-align: left !important; }
    body li {
      padding-left: 1rem !important; } }
p {
  margin-bottom: var(--space-md); }
strong {
  font-weight: 600; }
/*--------------------------------------------------------------
# Heading Styles
    > h1-h6
    > Heading utility clases (.h1-.h6)
--------------------------------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--font-secondary);
  font-weight: 700;
  font-style: normal;
  color: var(--color-primary-darkest);
  line-height: var(--heading-line-height);
  margin-bottom: var(--space-xxs); }
h1,
.h1 {
  font-size: var(--text-xxl); }
h2,
.h2 {
  color: var(--color-secondary-darkest);
  font-size: var(--text-xl);
  font-weight: 600; }
h3,
.h3 {
  font-size: var(--text-lg);
  font-weight: 500; }
h4,
.h4 {
  font-size: var(--text-md);
  font-weight: 600; }
h5,
.h5,
h6,
.h6 {
  font-family: var(--font-primary);
  font-size: var(--text-base-size);
  font-weight: 600; }
/*--------------------------------------------------------------
Heading spacing
    > Spacing between basic typographic elements
    > Spacing between typographic elements & UI elements
    > Includes heading utility classes
    > Padding used to avoid clashing margins
--------------------------------------------------------------*/
p + h2,
ul + h2,
ol + h2,
.wp-block-image + h2,
.article__image + h2,
.wp-block-embed + h2,
p + .h2,
ul + .h2,
ol + .h2,
.article__image + .h2,
.wp-block-image + .h2,
.wp-block-embed + .h2,
p + h3,
ul + h3,
ol + h3,
.article__image + h3,
.wp-block-image + h3,
.wp-block-embed + h3,
p + .h3,
ul + .h3,
ol + .h3,
.article__image + .h3,
.wp-block-image + .h3,
.wp-block-embed + .h3,
p + h4,
ul + h4,
ol + h4,
.article__image + h4,
.wp-block-image + h4,
.wp-block-embed + h4,
p + .h4,
ul + .h4,
ol + .h4,
.article__image + .h4,
.wp-block-image + .h4,
.wp-block-embed + .h4,
p + h5,
ul + h5,
ol + h5,
.article__image + h5,
.wp-block-image + h5,
.wp-block-embed + h5,
p + .h5,
ul + .h5,
ol + .h5,
.article__image + .h5,
.wp-block-image + .h5,
.wp-block-embed + .h5,
p + h6,
ul + h6,
ol + h6,
.article__image + h6,
.wp-block-image + h6,
.wp-block-embed + h6,
p + .h6,
ul + .h6,
ol + .h6,
.article__image + .h6,
.wp-block-image + .h6,
.wp-block-embed + .h6 {
  padding-top: calc(var(--space-sm) + var(--space-xxxs)); }
@media only screen and (min-width: 47.9375em) {
    p + h2,
    ul + h2,
    ol + h2,
    .wp-block-image + h2,
    .article__image + h2,
    .wp-block-embed + h2,
    p + .h2,
    ul + .h2,
    ol + .h2,
    .article__image + .h2,
    .wp-block-image + .h2,
    .wp-block-embed + .h2,
    p + h3,
    ul + h3,
    ol + h3,
    .article__image + h3,
    .wp-block-image + h3,
    .wp-block-embed + h3,
    p + .h3,
    ul + .h3,
    ol + .h3,
    .article__image + .h3,
    .wp-block-image + .h3,
    .wp-block-embed + .h3,
    p + h4,
    ul + h4,
    ol + h4,
    .article__image + h4,
    .wp-block-image + h4,
    .wp-block-embed + h4,
    p + .h4,
    ul + .h4,
    ol + .h4,
    .article__image + .h4,
    .wp-block-image + .h4,
    .wp-block-embed + .h4,
    p + h5,
    ul + h5,
    ol + h5,
    .article__image + h5,
    .wp-block-image + h5,
    .wp-block-embed + h5,
    p + .h5,
    ul + .h5,
    ol + .h5,
    .article__image + .h5,
    .wp-block-image + .h5,
    .wp-block-embed + .h5,
    p + h6,
    ul + h6,
    ol + h6,
    .article__image + h6,
    .wp-block-image + h6,
    .wp-block-embed + h6,
    p + .h6,
    ul + .h6,
    ol + .h6,
    .article__image + .h6,
    .wp-block-image + .h6,
    .wp-block-embed + .h6 {
      padding-top: calc(var(--space-sm) * 1.2); } }
p + .wp-block-image,
p + .article__image,
p + .wp-block-embed {
  padding-top: var(--space-sm);
  margin-bottom: 0; }
@media only screen and (min-width: 56.25em) {
    p + .wp-block-image,
    p + .article__image,
    p + .wp-block-embed {
      padding-top: calc(var(--space-xxs) + var(--space-xs));
      margin-top: 0; } }
.article__image + h2,
.article__image + h3,
.article__image + h4,
.article__image + h5,
.article__image + h6,
.article__image + .h2,
.article__image + .h3,
.article__image + .h4,
.article__image + .h5,
.article__image + .h6 {
  padding-top: calc(var(--space-md) + var(--space-xs)); }
.article__image + p {
  padding-top: calc(var(--space-md) + var(--space-sm)); }
@media only screen and (min-width: 47.9375em) {
  .article__image.article__image--lg + h2,
  .article__image.article__image--lg + h3,
  .article__image.article__image--lg + h4,
  .article__image.article__image--lg + h5,
  .article__image.article__image--lg + h6,
  .article__image.article__image--lg + .h2,
  .article__image.article__image--lg + .h3,
  .article__image.article__image--lg + .h4,
  .article__image.article__image--lg + .h5,
  .article__image.article__image--lg + .h6 {
    padding-top: calc(var(--space-sm) + var(--space-xs)); } }
@media only screen and (min-width: 63.9375em) {
  .article__image.article__image--lg + h2,
  .article__image.article__image--lg + h3,
  .article__image.article__image--lg + h4,
  .article__image.article__image--lg + h5,
  .article__image.article__image--lg + h6,
  .article__image.article__image--lg + .h2,
  .article__image.article__image--lg + .h3,
  .article__image.article__image--lg + .h4,
  .article__image.article__image--lg + .h5,
  .article__image.article__image--lg + .h6 {
    padding-top: calc(var(--space-md) + var(--space-xxxs)); } }
.wp-block-image + h2,
.wp-block-image + h3,
.wp-block-image + h4,
.wp-block-image + h5,
.wp-block-image + h6,
.wp-block-image + .h2,
.wp-block-image + .h3,
.wp-block-image + .h4,
.wp-block-image + .h5,
.wp-block-image + .h6 {
  padding-top: calc(var(--space-md) + var(--space-xs)); }
.wp-block-image + p {
  padding-top: calc(var(--space-md) + var(--space-xxs)); }
@media only screen and (min-width: 47.9375em) {
  .wp-block-image.size-large + h2,
  .wp-block-image.size-large + h3,
  .wp-block-image.size-large + h4,
  .wp-block-image.size-large + h5,
  .wp-block-image.size-large + h6,
  .wp-block-image.size-large + .h2,
  .wp-block-image.size-large + .h3,
  .wp-block-image.size-large + .h4,
  .wp-block-image.size-large + .h5,
  .wp-block-image.size-large + .h6 {
    padding-top: calc(var(--space-sm) + var(--space-xs)); } }
@media only screen and (min-width: 63.9375em) {
  .wp-block-image.size-large + h2,
  .wp-block-image.size-large + h3,
  .wp-block-image.size-large + h4,
  .wp-block-image.size-large + h5,
  .wp-block-image.size-large + h6,
  .wp-block-image.size-large + .h2,
  .wp-block-image.size-large + .h3,
  .wp-block-image.size-large + .h4,
  .wp-block-image.size-large + .h5,
  .wp-block-image.size-large + .h6 {
    padding-top: calc(var(--space-md) + var(--space-xxxs)); } }
@media only screen and (min-width: 47.9375em) {
  p + .wp-block-image .alignleft,
  p + .wp-block-image .alignright {
    padding-top: var(--space-xs); } }
@media only screen and (min-width: 56.25em) {
  p + .wp-block-image .alignleft,
  p + .wp-block-image .alignright {
    padding-top: 0; } }
.wp-block-pullquote + h2,
.wp-block-pullquote + h3,
.wp-block-pullquote + h4,
.wp-block-pullquote + h5,
.wp-block-pullquote + h6,
.wp-block-pullquote + .h2,
.wp-block-pullquote + .h3,
.wp-block-pullquote + .h4,
.wp-block-pullquote + .h5,
.wp-block-pullquote + .h6 {
  padding-top: var(--space-xs); }
/* Video */
.wp-block-embed + h2,
.wp-block-embed + h3,
.wp-block-embed + h4,
.wp-block-embed + h5,
.wp-block-embed + h6,
.wp-block-embed + .h2,
.wp-block-embed + .h3,
.wp-block-embed + .h4,
.wp-block-embed + .h5,
.wp-block-embed + .h6 {
  padding-top: calc(var(--space-md) + var(--space-xs)); }
.wp-block-embed + p {
  padding-top: calc(var(--space-md) + var(--space-sm)); }
/* Tables */
p + .table,
ul + .table,
ol + .table {
  margin-top: calc(var(--space-lg) + var(--space-xxs)); }
@media only screen and (min-width: 47.9375em) {
    p + .table,
    ul + .table,
    ol + .table {
      margin-top: calc(var(--space-lg) + var(--space-xxxs)); } }
@media only screen and (min-width: 56.25em) {
    p + .table,
    ul + .table,
    ol + .table {
      margin-top: calc(var(--space-lg) + var(--space-sm)); } }
.table + h2,
.table + h3,
.table + h4,
.table + h5,
.table + h6,
.table + .h2,
.table + .h3,
.table + .h4,
.table + .h5,
.table + .h6 {
  margin-top: calc(var(--space-md) + var(--space-xs)); }
.table + p {
  margin-top: calc(var(--space-md) + var(--space-xxs)); }
/*--------------------------------------------------------------
Print spacing for headings
--------------------------------------------------------------*/
@media print {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 0.5rem; } }
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  margin-bottom: calc(1.45em / 2.5); }
@media only screen and (min-width: 47.9375em) {
    .h1,
    h1,
    .h2,
    h2,
    .h3,
    h3,
    .h4,
    h4,
    .h5,
    h5,
    .h6,
    h6 {
      margin-bottom: calc(1.45em / 3.5); } }
.h1,
h1 {
  font-size: 3.2rem;
  line-height: 1.22; }
@media (min-width: 767.02px) {
  .h1,
  h1 {
    font-size: 4.8rem;
    line-height: 1.25; } }
@media (min-width: 1023.02px) {
  .h1,
  h1 {
    font-size: 5.2rem;
    line-height: var(--heading-line-height); } }
.h2,
h2 {
  font-size: 2.6rem;
  line-height: 1.25; }
@media (min-width: 767.02px) {
  .h2,
  h2 {
    font-size: 3.8rem;
    line-height: 1.25; } }
.h3,
h3 {
  font-size: 3.2rem;
  line-height: 1; }
.h4,
h4 {
  font-size: 2.8rem; }
.h6,
h6 {
  font-size: 1.2rem; }
p,
ul,
ol,
dl,
hr,
table,
blockquote {
  margin-bottom: var(--space-lg); }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0; }
/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> Lists:
----------------------------------------------------------------
# Base
# Ul
# Ol
# Lists - Dividers
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
ul,
ol {
  list-style: none; }
/*--------------------------------------------------------------
# Ul
--------------------------------------------------------------*/
ul li:before {
  position: absolute;
  color: var(--color-secondary-darkest);
  top: -0.1875em;
  left: 0;
  font-size: 1.2381em; }
/*--------------------------------------------------------------
# Ol
--------------------------------------------------------------*/
ol li {
  counter-increment: step-counter; }
ol li ol {
    counter-reset: step-counter; }
ol li ol li:before {
      content: counter(step-counter, lower-alpha) "."; }
ol li ol li ol li:before {
      content: counter(step-counter, lower-roman) "."; }
ol li:before {
    content: counter(step-counter) ".";
    position: absolute;
    color: var(--color-secondary-darkest);
    top: 0;
    left: 0;
    font-size: 1em;
    font-weight: 600; }
/*--------------------------------------------------------------
# Lists - Dividers
--------------------------------------------------------------*/
.list__item--dividers {
  border-bottom: var(--brdr-xxs) solid var(--color-base-darker);
  padding: var(--space-xxs) 0;
  margin-bottom: 0; }
.list__item--dividers::before {
    content: none; }
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> Links:
----------------------------------------------------------------
# Inline
# Link w/arrow
# Social media
# Pager
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Link - Inline styling
--------------------------------------------------------------*/
a {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-accent-primary);
          text-decoration-color: var(--color-accent-primary);
  color: inherit;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.125rem;
  transition: color var(--timing) var(--easing); }
a:visited {
    color: var(--color-primary);
    -webkit-text-decoration-color: var(--color-primary);
            text-decoration-color: var(--color-primary); }
a:hover, a:active, a:focus {
    color: var(--color-accent-primary); }
@media print {
    a::after {
      content: " (" attr(href) ") "; } }
.broken_link,
a.broken_link {
  -webkit-text-decoration-color: var(--color-base-darker);
          text-decoration-color: var(--color-base-darker);
  text-decoration-thickness: var(--brdr-xxs); }
/*--------------------------------------------------------------
# Link w/arrow
--------------------------------------------------------------*/
.link {
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  /*--------------------------------------------------------------
# Social media links
--------------------------------------------------------------*/
  /*--------------------------------------------------------------
# Pager links
--------------------------------------------------------------*/ }
.link__content {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.025rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.3;
    display: block;
    position: relative;
    padding-right: 1rem; }
.link__content::after {
      content: "";
      border-top: var(--brdr-md) solid transparent;
      border-bottom: var(--brdr-md) solid transparent;
      border-left: var(--brdr-lg) solid var(--color-secondary);
      margin-left: 0.5rem;
      position: absolute;
      margin-top: 0.1875rem;
      transition: border-left-color var(--timing) var(--easing), transform var(--timing) var(--easing); }
.link__content:hover, .link__content:active, .link__content:focus {
      color: var(--color-primary-darkest); }
.link__content:hover::after, .link__content:active::after, .link__content:focus::after {
        border-left-color: var(--color-primary-darkest);
        transform: translate(0.25rem, 0); }
.link--social {
    border-radius: 50%;
    border: var(--brdr-xxs) solid var(--color-primary);
    width: 2.875rem;
    height: 2.875rem;
    color: var(--color-primary-darkest);
    display: flex;
    justify-content: center;
    align-items: center; }
.link--social:hover, .link--social:focus {
      background-color: var(--color-primary); }
.link--social:hover .ico__path, .link--social:focus .ico__path {
        fill: white; }
.link--social .ico__path {
      fill: var(--color-primary);
      stroke: none; }
.link--pager {
    position: relative;
    display: block;
    text-decoration: none;
    text-align: center; }
@media only screen and (min-width: 47.9375em) {
      .link--pager {
        text-align: left; } }
.link--pager .link__img, .link--pager .link__txt {
      display: block; }
.link--pager .link__img {
      margin: 0 auto 1.75rem; }
@media only screen and (min-width: 47.9375em) {
        .link--pager .link__img {
          margin: 0 0 1.75rem; } }
.link--pager .link__txt {
      text-transform: none; }
.link--pager .link__ico {
      transition: transform var(--timing) var(--easing); }
.link--pager .txt--primary {
      font-family: var(--font-secondary);
      font-weight: 500;
      font-style: normal;
      font-size: 1.875rem;
      line-height: 1.2;
      color: var(--color-primary-darkest);
      display: block;
      margin-bottom: 0.5rem; }
@media only screen and (min-width: 47.9375em) {
        .link--pager .txt--primary {
          display: inline;
          margin-right: 0.5rem;
          margin-bottom: 0; } }
.link--pager .txt--secondary {
      font-size: 1rem;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: 0.00625rem;
      color: var(--color-base-darker);
      margin-bottom: 0.25rem; }
.link--pager .ico__path {
      stroke: var(--color-primary-darkest); }
.link--next:hover .link__ico, .link--next:active .link__ico, .link--next:focus .link__ico {
    transform: translate(0.375rem, 0); }
@media only screen and (min-width: 47.9375em) {
    .link--previous {
      text-align: right; } }
.link--previous .link__img {
    margin: 0 auto 1.75rem; }
@media only screen and (min-width: 47.9375em) {
      .link--previous .link__img {
        margin: 0 0 1.75rem auto; } }
@media only screen and (min-width: 47.9375em) {
    .link--previous .link__ico {
      transform: translate(0, 42%); } }
.link--previous .txt--primary {
    margin-right: 0; }
@media only screen and (min-width: 47.9375em) {
      .link--previous .txt--primary {
        float: right;
        margin-left: 0.5rem; } }
.link--previous:hover .link__ico, .link--previous:active .link__ico, .link--previous:focus .link__ico {
    transform: translate(-0.375rem, 42%); }
.link--return {
    text-align: center; }
.link--return .txt--primary {
      display: block; }
.link--return .link__ico {
      margin: 0 auto 1.25rem auto; }
/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Thumbnail image: size should be 400px x 266px for hi-res displays
--------------------------------------------------------------*/
.thmbnl {
  width: 12.5rem;
  height: 8.3125rem; }
/*--------------------------------------------------------------
# Images w/graphical elements:

1. Img w/bkg pattern: size should be 560px x 536px for hi-res displays
2. Img w/graphic overlay: size should be 730px x 520px for hi-res displays
--------------------------------------------------------------*/
.figure {
  position: relative;
  margin: 0; }
.figure__img {
    vertical-align: middle;
    width: 100%; }
.figure--pttrn-bkg .figure__img {
    width: calc(100% - 2.125rem);
    height: auto; }
.figure--pttrn-bkg::after {
    content: "";
    position: absolute;
    background-image: url("images/dot-grid.svg");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    z-index: -5;
    left: 1.0625rem;
    top: 1.0625rem;
    bottom: -1.0625rem;
    right: 0; }
.figure--graphic-ovrly {
    position: relative;
    margin: 0; }
.figure--graphic-ovrly .figure__graphic {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 37.7%;
      height: 21.5%; }
.print {
  display: none; }
@media print {
  img {
    max-width: 16em;
    height: auto; }
  .story__image {
    background: none; }
  .post__image {
    background: none; }
  .posts__items {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto; }
    .posts__items .posts__item {
      width: 100%; }
  .stories__items {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto; }
    .stories__items .posts__item {
      width: 100%; }
  .post-template-default .section-posts {
    display: none; }
  .print {
    display: block !important; } }
/*--------------------------------------------------------------
# WP block images
--------------------------------------------------------------*/
.wp-block-image {
  margin-bottom: 0; }
.wp-block-image img {
    width: 100%;
    height: auto; }
.wp-block-image .alignleft,
  .wp-block-image .alignright {
    width: 100%;
    float: none;
    margin-top: 0; }
@media only screen and (min-width: 47.9375em) {
      .wp-block-image .alignleft,
      .wp-block-image .alignright {
        max-width: 60%;
        margin-left: auto;
        margin-right: auto; } }
@media only screen and (min-width: 56.25em) {
      .wp-block-image .alignleft,
      .wp-block-image .alignright {
        max-width: 44%;
        margin-top: 0.5em;
        margin-bottom: var(--space-sm); } }
.wp-block-image .alignleft {
    margin-right: 0; }
@media only screen and (min-width: 47.9375em) {
      .wp-block-image .alignleft {
        margin-right: auto; } }
@media only screen and (min-width: 56.25em) {
      .wp-block-image .alignleft {
        float: left;
        margin-right: var(--space-xl); } }
.wp-block-image .alignright {
    margin-left: 0; }
@media only screen and (min-width: 47.9375em) {
      .wp-block-image .alignright {
        margin-left: auto; } }
@media only screen and (min-width: 56.25em) {
      .wp-block-image .alignright {
        float: right;
        margin-left: calc(var(--space-lg) + var(--space-sm)); } }
.wp-block-image figcaption {
    margin-bottom: 0; }
/*--------------------------------------------------------------
# .image-block-wrapper
--------------------------------------------------------------*/
.image-block-wrapper img {
  width: 100%; }
/*--------------------------------------------------------------
# Labels
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Labels and descriptions for inputs
--------------------------------------------------------------*/
.form__label {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: normal;
  font-size: var(--text-md);
  display: block;
  cursor: text;
  margin-bottom: var(--space-xxxs); }
.form__description {
  font-size: var(--text-label);
  display: block;
  cursor: text;
  margin-bottom: var(--space-xxxs); }
/*--------------------------------------------------------------
# Labels for:
1. Checkboxes
2. Radio inputs
3. Required inputs
--------------------------------------------------------------*/
.label--checkbox {
  position: relative;
  padding-left: 4rem;
  cursor: pointer;
  color: var(--color-base-darker);
  line-height: 1.2;
  transition: color 0.3s ease-in-out; }
@media only screen and (min-width: 47.9375em) {
    .label--checkbox {
      line-height: 1.7; } }
.label--checkbox::before {
    border: var(--brdr-xxs) solid var(--color-base-dark);
    content: "";
    height: 2.6rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.6rem; }
.label--radio {
  margin-left: 4rem;
  cursor: pointer;
  color: var(--color-base-darker); }
.label--radio::before {
    content: "";
    position: absolute;
    border: var(--brdr-xxs) solid var(--color-base-dark);
    width: 2.6rem;
    height: 2.6rem;
    top: 0;
    left: 0;
    border-radius: 100%; }
.form__element--required .form__label:after {
  content: "*";
  color: var(--color-secondary);
  margin-left: 4px; }
.gfield_required {
  color: var(--color-secondary) !important; }
.gfield_description {
  display: none; }
/*--------------------------------------------------------------
# Inputs
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# General input styles
--------------------------------------------------------------*/
.form__element {
  position: relative; }
.form__element--disabled {
    opacity: 0.5;
    cursor: not-allowed; }
.form__element--disabled * {
      pointer-events: none; }
.form__input {
  font-size: 1.8rem;
  border: var(--brdr-xxs) solid var(--color-base-dark);
  color: var(--color-base-dark);
  background-color: transparent;
  -webkit-appearance: none;
  padding: var(--space-sm) var(--space-md) var(--space-sm) var(--space-md);
  width: 100%; }
.form__input:active, .form__input:focus {
    color: var(--color-base-darker);
    background-color: white;
    border-color: var(--color-primary-lighter);
    box-shadow: 0 0 1.25em rgba(23, 49, 98, 0.24);
    -webkit-appearance: none; }
.form__input.input--text {
    border-radius: var(--brdr-radius-pill); }
textarea {
  line-height: 1.5;
  border-radius: 0.8rem;
  height: 20rem;
  padding: 1.5rem !important;
  -webkit-appearance: none; }
.ginput_complex input {
  font-size: var(--text-label);
  border: var(--brdr-xxs) solid var(--color-base-dark);
  color: var(--color-base-dark);
  background-color: transparent;
  border-radius: var(--brdr-radius-pill);
  padding: var(--space-sm) var(--space-md) var(--space-sm) var(--space-md); }
.ginput_complex input:active, .ginput_complex input:focus {
    color: var(--color-base-darker);
    background-color: white;
    border-color: var(--color-primary-lighter);
    box-shadow: 0 0 1.25em rgba(23, 49, 98, 0.24); }
.gform-wrap {
  display: flex;
  flex-direction: column; }
@media only screen and (min-width: 63.9375em) {
    .gform-wrap {
      flex-direction: row; } }
.gform-wrap .form__element {
    flex: 1 1 auto; }
@media only screen and (min-width: 63.9375em) {
      .gform-wrap .form__element:nth-child(1) {
        margin-right: 1rem; }
      .gform-wrap .form__element:nth-child(2) {
        margin-left: 1rem; } }
.ginput_container_time {
  align-items: flex-start !important; }
.ginput_container_time select {
    -webkit-appearance: none;
    border-radius: 0;
    width: 100%;
    border: var(--brdr-xxs) solid var(--color-base-dark);
    background-color: transparent;
    background-image: url(images/ico-carat-down.svg);
    background-repeat: no-repeat;
    background-position: right 1.25rem center;
    color: var(--color-base-dark);
    border-radius: var(--brdr-radius-pill);
    cursor: pointer;
    padding: 8px 4px !important; }
.ginput_address_country select {
  -webkit-appearance: none;
  border-radius: 0;
  width: 100%;
  border: var(--brdr-xxs) solid var(--color-base-dark);
  background-color: transparent;
  background-image: url(images/ico-carat-down.svg);
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  color: var(--color-base-dark);
  border-radius: var(--brdr-radius-pill);
  cursor: pointer; }
/*--------------------------------------------------------------
# Input - Errors
--------------------------------------------------------------*/
.error .form__label {
  color: var(--color-accent-primary); }
.error .form__input {
  border-color: var(--color-accent-primary);
  background-color: white; }
.error .form__mssg {
  font-size: var(--text-label);
  color: var(--color-accent-primary);
  background-image: url("images/ico-error.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 4.2rem;
  margin-top: var(--space-xxxs); }
.gform_fields {
  margin-left: 0;
  margin-right: 0; }
.gform_fields li {
    list-style: none !important;
    padding-left: 0; }
.gform_fields li:before {
      display: none;
      content: none; }
.input--full-width input,
.input--full-width textarea {
  width: 100%; }
.ctct_usage {
  display: none; }
textarea[type=text]:focus, textarea[type=text]:active,
input[type=text]:focus,
input[type=text]:active {
  outline: auto;
  outline-offset: 2px; }
/*--------------------------------------------------------------
# Stats
--------------------------------------------------------------*/
.stat {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  text-align: center;
  color: var(--color-base-darker);
  line-height: 1; }
.stat__info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0; }
.stat__ico {
    margin-right: 0.5rem; }
.stat__ico .ico__path {
      stroke: var(--color-primary-darkest); }
.stat__num {
    font-family: var(--font-secondary);
    font-weight: 500;
    font-style: normal;
    font-size: 1.875rem;
    line-height: 1.2;
    color: var(--color-primary); }
.stat__label {
    flex-basis: 100%;
    margin-top: 0.125rem;
    text-transform: capitalize; }
.stat--ico-txt {
    text-align: left; }
.stat--ico-txt .stat__info {
      align-items: flex-start;
      flex-wrap: nowrap;
      font-size: 1rem;
      line-height: 1.5; }
@media only screen and (min-width: 47.9375em) {
        .stat--ico-txt .stat__info {
          font-size: 1.125rem;
          line-height: 1.55556; } }
.stat--ico-txt .stat__ico {
      margin-right: 0.875rem; }
/*--------------------------------------------------------------
# Logo
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Logo
--------------------------------------------------------------*/
.logo__link {
  display: block;
  line-height: 0; }
.logo__graphic {
  width: 100%;
  height: auto; }
/*--------------------------------------------------------------
# Blockquote
--------------------------------------------------------------*/
blockquote {
  border-top: var(--brdr-lg) solid var(--color-primary-dark);
  border-bottom: var(--brdr-md) solid var(--color-primary-dark);
  padding-bottom: 2.25rem;
  position: relative;
  text-align: center;
  quotes: "“" "”"; }
blockquote::before {
    content: open-quote;
    font-family: var(--font-secondary);
    font-weight: 600;
    font-style: normal;
    font-size: calc(var(--text-xxxl) * 3.5);
    line-height: 1;
    color: var(--color-secondary-lightest);
    opacity: 1;
    background: var(--color-primary-dark) 0% 0% no-repeat padding-box;
    opacity: 1;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    width: 26.5%;
    height: 8.4rem;
    padding: calc(var(--space-xxxs) * 0.2) 0 0; }
@media only screen and (min-width: 30em) {
      blockquote::before {
        width: 9.2rem; } }
@media only screen and (min-width: 56.25em) {
      blockquote::before {
        position: absolute;
        width: 7.4rem;
        height: 7rem;
        font-size: calc(var(--text-xxxl) * 2.7); } }
@media only screen and (min-width: 75em) {
      blockquote::before {
        font-size: calc(var(--text-xxxl) * 1.92); } }
blockquote p {
    padding-top: 3.5rem;
    font-family: var(--font-secondary);
    font-weight: 500;
    font-style: normal;
    font-size: 1.75rem;
    line-height: 1.28571;
    letter-spacing: 0px;
    color: var(--color-secondary-darkest);
    max-width: 100%;
    text-align: left;
    padding-left: 0; }
@media only screen and (min-width: 56.25em) {
      blockquote p {
        padding-left: var(--space-md);
        margin-right: auto; } }
/* WP-block-pullquote */
.wp-block-pullquote {
  padding: 0;
  text-align: left;
  margin: calc(var(--space-lg) + var(--space-xxs)) 0; }
.wp-block-pullquote p {
    font-size: calc(var(--text-md) + var(--text-xs));
    line-height: 1.5;
    margin-bottom: var(--space-xxs);
    padding-top: calc(var(--space-sm) + var(--space-xxs)); }
@media only screen and (min-width: 47.9375em) {
      .wp-block-pullquote p {
        font-size: calc(var(--text-lg) + var(--text-xs)); } }
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Testimonial - Molecule, base styling
--------------------------------------------------------------*/
.testimonial__figure {
  margin: 0;
  text-align: center; }
.testimonial__quote {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 1.57143;
  color: var(--color-primary);
  margin: 1.25rem 0; }
@media only screen and (min-width: 47.9375em) {
    .testimonial__quote {
      font-size: 2.25rem;
      line-height: 1.44444;
      margin: 1.75rem 0; } }
.testimonial__txt {
  margin-bottom: 0; }
.testimonial__attr {
  color: var(--color-base-darker); }
/*--------------------------------------------------------------
# Testimonial--block - Organism
--------------------------------------------------------------*/
.testimonial--block {
  background-color: var(--color-accent-primary);
  padding: 0 0.75rem; }
.testimonial--block .testimonial__wrapper {
    padding: 0 0.75rem;
    max-width: 61.625rem;
    margin: 0 auto; }
.testimonial--block .testimonial__figure {
    padding: 2.75rem 0; }
@media only screen and (min-width: 47.9375em) {
      .testimonial--block .testimonial__figure {
        padding: 4.25rem 0; } }
.testimonial--block .testimonial__quote {
    position: relative; }
.testimonial--block .testimonial__quote::after, .testimonial--block .testimonial__quote::before {
      color: var(--color-accent-primary);
      font-size: 8.75rem;
      line-height: 0;
      position: absolute;
      display: block; }
@media only screen and (min-width: 47.9375em) {
        .testimonial--block .testimonial__quote::after, .testimonial--block .testimonial__quote::before {
          font-size: 11.25rem;
          line-height: 0; } }
.testimonial--block .testimonial__quote::before {
      content: open-quote;
      top: 3.25rem;
      left: -1rem;
      z-index: 0; }
.testimonial--block .testimonial__quote::after {
      content: close-quote;
      bottom: -1.25rem;
      z-index: 0;
      right: -1rem; }
.testimonial--block .testimonial__txt {
    position: relative;
    z-index: 50; }
.testimonial--block .testimonial__controls {
    display: flex;
    justify-content: center;
    padding: 1.25rem 0;
    border-top: var(--brdr-xxs) solid var(--color-base-darker); }
@media only screen and (min-width: 47.9375em) {
      .testimonial--block .testimonial__controls {
        padding: 1.75rem 0; } }
/*

...                            
;::::;                           
;::::; :;                          
;:::::'   :;                         
;:::::;     ;.                        
,:::::'       ;           OOO\         
::::::;       ;          OOOOO\        
;:::::;       ;         OOOOOOOO       
,;::::::;     ;'         / OOOOOOO      
;:::::::::`. ,,,;.        /  / DOOOOOO    
.';:::::::::::::::::;,     /  /     DOOOO   
,::::::;::::::;;;;::::;,   /  /        DOOO  
;`::::::`'::::::;;;::::: ,#/  /          DOOO 
:`:::::::`;::::::;;::: ;::#  /            DOOO
::`:::::::`;:::::::: ;::::# /              DOO
`:`:::::::`;:::::: ;::::::#/               DOO
:::`:::::::`;; ;:::::::::##                OO
::::`:::::::`;::::::::;:::#                OO
`:::::`::::::::::::;'`:;::#                O 
`:::::`::::::::;' /  / `:#                  
::::::`:::::;'  /  /   `#

BEWARE, THOSE WHO WOULD BREAK THE SACRED ORDER OF COMPONENTS - brenda */
/*--------------------------------------------------------------
# @import for every .scss in /compontents
--------------------------------------------------------------*/
.btn--close {
  background-color: var(--color-primary);
  padding: 0.9375rem 1rem 0.75rem; }
.btn--close:hover, .btn--close:active, .btn--close:focus {
    background-color: var(--color-primary-darker); }
.btn--close:active, .btn--close:focus {
    outline: var(--brdr-sm) solid var(--color-primary-light); }
.btn--close .btn__ico {
    display: block;
    margin-bottom: 0.25rem; }
.btn--close .btn__ico path {
      stroke: white;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 0.09375rem; }
/*--------------------------------------------------------------
>>> BUTTONS - TABLE OF CONTENTS:
----------------------------------------------------------------
# Primary button
# Secondary button
# Toggle button
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Primary button
--------------------------------------------------------------*/
/*
.btn {
  appearance: none;
  display: inline-block;
  color: var(--color-accent-primary);
  background-color: transparent;
  background: linear-gradient(to right, var(--color-accent-primary) 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  border: solid var(--brdr-xxs) var(--color-accent-primary);
  text-transform: uppercase;
  font-size: var(--text-sm);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  letter-spacing: rem(0.4);
  // @include btn-padding;
  border-radius: var(--brdr-radius-pill);
  cursor: pointer;
  transition: all 0.5s var(--easing);

  &:visited {
    color: white;
  }

  &:hover,
  &:active,
  &:focus {
    background-position: left bottom;
    box-shadow: 0 0 em(20) rgba(23, 49, 98, 0.24);
    color: white;
  }
}
*/
/*--------------------------------------------------------------
# Secondary button
--------------------------------------------------------------*/
.btn--secondary {
  background-color: var(--color-primary-darkest); }
.btn--secondary:hover, .btn--secondary:active, .btn--secondary:focus {
    background-color: var(--color-primary-darker); }
@media print {
    .btn--secondary {
      display: none; } }
/*--------------------------------------------------------------
# Toggle button
--------------------------------------------------------------*/
.btn--toggle {
  background-color: transparent;
  color: var(--color-primary-darkest);
  border: solid var(--brdr-xxs) var(--color-primary); }
.btn--toggle .ico__path {
    stroke: var(--color-primary); }
.btn--toggle:hover, .btn--toggle:active, .btn--toggle:focus {
    color: white;
    background-color: var(--color-primary-darker);
    border-color: var(--color-primary-darker); }
.btn--toggle:hover .ico__path, .btn--toggle:active .ico__path, .btn--toggle:focus .ico__path {
      stroke: white; }
.btn--toggle:active, .btn--toggle:focus {
    outline: 0.1875rem solid var(--color-primary-light); }
.btn--toggle:visited {
    color: var(--color-primary-darkest); }
.btn--toggle:visited:hover, .btn--toggle:visited:active, .btn--toggle:visited:focus {
      color: white; }
.btn--toggle.is-active {
    background-color: var(--color-primary);
    color: white; }
.btn--toggle.is-active .ico__path {
      stroke: white; }
.btn--toggle.is-active:hover, .btn--toggle.is-active:active, .btn--toggle.is-active:focus {
      background-color: var(--color-primary-darker);
      border-color: var(--color-primary-darker); }
.btn--toggle.is-active:active, .btn--toggle.is-active:focus {
      outline: 0.1875rem solid var(--color-primary-light); }
.btn--modal {
  display: flex;
  align-items: center;
  background-color: transparent;
  color: var(--color-secondary);
  padding: 0.25rem;
  transition: color var(--timing) var(--easing); }
.btn--modal .btn__txt {
    margin-right: 0.5rem;
    color: var(--color-secondary);
    transition: color var(--timing) var(--easing); }
.btn--modal .btn__txt,
  .btn--modal .btn__ico {
    pointer-events: none; }
.btn--modal .ico__path {
    stroke: var(--color-secondary);
    transition: stroke var(--timing) var(--easing); }
.btn--modal:hover, .btn--modal:active, .btn--modal:focus {
    background-color: transparent;
    color: var(--color-primary-darkest); }
.btn--modal:hover .btn__txt, .btn--modal:active .btn__txt, .btn--modal:focus .btn__txt {
      color: var(--color-primary-darkest); }
.btn--modal:hover .ico__path, .btn--modal:active .ico__path, .btn--modal:focus .ico__path {
      stroke: var(--color-primary-darkest); }
.btn--leading-icon {
  display: inline-flex;
  align-items: center;
  padding: 1.1875rem 2rem 0.9375rem; }
.btn--leading-icon .btn__txt,
  .btn--leading-icon .btn__ico {
    pointer-events: none; }
.btn--leading-icon .btn__ico {
    margin-right: 0.375rem; }
.btn--close {
  background-color: var(--color-primary);
  padding: 0.9375rem 1rem 0.75rem; }
.btn--close:hover, .btn--close:active, .btn--close:focus {
    background-color: var(--color-primary-darker); }
.btn--close:active, .btn--close:focus {
    outline: 0.1875rem solid var(--color-primary-light); }
.btn--close .btn__ico {
    display: block;
    margin-bottom: 0.25rem; }
.btn--close .btn__ico path {
      stroke: white;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 0.09375rem; }
@media print {
  .btn {
    display: none; } }
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 100px;
  font-family: var(--font-primary);
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  text-transform: uppercase;
  padding: calc(var(--space-md) + var(--space-xxs)) var(--space-lg) calc(var(--space-xs) + var(--space-sm)); }
/*  Btn block  */
.btn--block {
  display: block;
  padding-left: 0;
  padding-right: 0; }
.btn-outline {
  position: relative;
  line-height: 1;
  padding: calc(var(--space-sm) + var(--space-sm)) var(--space-lg) calc(var(--space-sm) * 1.9);
  min-width: 26.8rem;
  border: 0.1rem solid #fff;
  border-radius: 10rem;
  font-family: var(--font-primary);
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  transition: color 0.3s, background 0.3s, outline 0.3s; }
.btn-outline:visited {
    color: white; }
.btn-outline:visited:hover, .btn-outline:visited:focus, .btn-outline:visited:active {
      color: var(--color-primary-dark); }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    background: #fff;
    color: #284272; }
.btn-outline:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.btn-outline:focus-within:after,
.btn-outline:active:after {
  opacity: 1; }
.btn-outline--md {
  min-width: 21.9rem; }
.btn-outline--sm {
  min-width: 15.7rem; }
.btn-outline--lg {
  min-width: 27.9rem;
  font-size: 1.4rem; }
@media (min-width: 374.02px) {
  .btn-outline--lg {
    min-width: 32.9rem; } }
.btn-outline--xs {
  min-width: 14.5rem;
  height: 4.4rem;
  font-size: 1.3rem;
  line-height: 44px; }
.btn-outline--orange {
  min-width: 23.9rem;
  border-color: #c94b28;
  color: #c94b28;
  background-color: transparent;
  border-style: solid;
  transition: color var(--timing) var(--easing), background-color var(--timing) var(--easing); }
.btn-outline--orange a {
    color: #c94b28; }
.btn-outline--orange:hover,
.btn-outline--orange:focus,
.btn-outline--orange:active {
  background: #b54600;
  color: #fff;
  background: #c94b28;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
.btn-outline--orange:hover a,
  .btn-outline--orange:focus a,
  .btn-outline--orange:active a {
    color: #fff; }
.btn-outline--orange:visited {
  color: #c94b28; }
.btn-outline--alt {
  height: auto;
  min-width: initial;
  padding: 2.2rem 3.4rem 2rem;
  line-height: 1;
  font-size: 1.5rem;
  letter-spacing: 0.01em; }
.btn-icon {
  position: relative;
  min-width: 17.6rem;
  height: 5.6rem;
  padding: 0.4rem 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10rem;
  background: #fff;
  font-family: var(--font-primary);
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #173162;
  line-height: 56px;
  text-transform: uppercase;
  transition: background 0.3s, outline 0.3s; }
.btn-icon span {
    line-height: 1;
    padding-top: 0; }
.btn-icon:hover {
  background: #cef2f2; }
.btn-icon svg {
  margin-top: -0.4rem;
  margin-right: 0.6rem;
  color: #c94b28; }
.btn-icon:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.btn-icon:focus-within:after,
.btn-icon:active:after {
  opacity: 1; }
/*--------------------------------------------------------------
# Icons in circles
--------------------------------------------------------------*/
.ico--circle {
  background-color: var(--color-secondary);
  border-radius: 100%;
  width: 5.625rem;
  height: 5.625rem;
  display: flex;
  justify-content: center;
  align-items: center; }
.ico--circle .ico__path {
    stroke: white; }
.ico__path {
  fill: none;
  stroke: var(--color-primary-darkest);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.2rem; }
@media print {
  .ico,
  .ico svg {
    max-width: 2em; } }
/*--------------------------------------------------------------
# Close icon
--------------------------------------------------------------*/
.btn--close .ico__path {
  stroke: white; }
/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
[class*="ico-"] {
  display: inline-block;
  vertical-align: middle;
  font-size: 0; }
.ico-stories {
  width: 2.35rem;
  height: 2.26rem; }
.ico-search {
  width: 2.4rem;
  height: 2.4rem; }
.ico-close svg {
  width: 2.6rem;
  height: 2.6rem; }
.ico-close--small svg {
  width: 1.8rem;
  height: 1.8rem; }
.ico-instagram svg {
  width: 3.3rem;
  height: 3.3rem; }
@media (min-width: 767.02px) {
  .ico-instagram--alt svg {
    width: 2.55rem;
    height: 2.55rem; } }
.ico-youtube svg {
  width: 3.9rem;
  height: 2.8rem; }
@media (min-width: 767.02px) {
  .ico-youtube--alt svg {
    width: 3rem;
    height: 2.1rem; } }
.ico-twitter svg {
  width: 3.4rem;
  height: 2.8rem; }
@media (min-width: 767.02px) {
  .ico-twitter--alt svg {
    width: 2.6rem;
    height: 2.1rem; } }
.ico-twitter--sm svg {
  width: 2.2rem;
  height: 1.8rem; }
.ico-email--sm svg {
  width: 2.2rem;
  height: 1.8rem; }
.ico-arrow svg {
  width: 2rem;
  height: 1.9rem; }
.ico-arrow-round svg {
  width: 1.8rem;
  height: 1.8rem; }
.ico-arrow-round--lg svg {
  width: 2.2rem;
  height: 2.2rem; }
.ico-email svg {
  width: 3.6rem;
  height: 2.4rem; }
.ico-plus svg {
  width: 2.4rem;
  height: 2.4rem; }
.ico-feed svg,
.ico-view svg {
  width: 8rem;
  height: 8rem; }
.ico-calendar {
  width: 2.25rem;
  height: 2.25rem; }
.ico-arrow-prev,
.ico-arrow-next {
  width: 2rem;
  height: 1.86rem; }
.ico-star {
  width: 2.25rem;
  height: 2.25rem; }
.ico-leaf svg {
  width: 6.3rem;
  height: 6.3rem; }
.ico-alert svg {
  width: 3.6rem;
  height: 3.6rem; }
.ico-cookie svg {
  width: 4rem;
  height: 4rem; }
.ico-facebook svg {
  width: 1rem;
  height: 2rem; }
.ico-rss svg {
  width: 2rem;
  height: 2rem; }
.ico-print svg {
  width: 2.16rem;
  height: 2rem; }
.ico-leaf-alt svg {
  width: 3.6rem;
  height: 2.9rem; }
@media (min-width: 767.02px) {
  .ico-leaf-alt svg {
    width: 2.6rem;
    height: 2.1rem; } }
.ico-ribbon svg,
.ico-sponsor svg {
  width: 8rem;
  height: 8rem; }
.ico-prev svg {
  width: 2rem;
  height: 1.4rem; }
.ico-next svg {
  width: 2rem;
  height: 1.4rem; }
.ico-badge svg {
  width: 10rem;
  height: 10rem; }
.ico-calendar-white svg {
  width: 3.6rem;
  height: 3.6rem; }
.ico-clock svg {
  width: 3.6rem;
  height: 3.6rem; }
.ico-pin svg {
  width: 3.6rem;
  height: 3.85rem; }
.ico-download svg {
  width: 2.25rem;
  height: 2.1rem; }
.ico-arrow-lg-prev svg {
  width: 5.2rem;
  height: 1.7rem; }
.ico-arrow-lg-next svg {
  width: 5.2rem;
  height: 1.7rem; }
.ico-error svg {
  width: 2.4rem;
  height: 2.4rem; }
.form__element .element--checkbox {
  display: flex;
  align-items: center; }
.form__element.element--checkbox.form__element--disabled .label--checkbox:before {
  border-color: var(--color-base); }
.form__ico {
  position: absolute;
  height: 2.6rem;
  width: 2.6rem;
  left: 0;
  top: 0;
  padding: 0.4rem;
  border: 0;
  background-color: var(--color-primary);
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }
.form__ico .ico__path {
    stroke: white; }
.input--checkbox {
  position: absolute;
  width: 2.6rem;
  height: 2.6rem;
  top: 0;
  left: 0;
  opacity: 0; }
.input--checkbox:focus + .label--checkbox::before {
    box-shadow: 0 0 0 0.2rem var(--color-accent-secondary);
    outline: 0.2rem solid transparent;
    background-color: white; }
.input--checkbox:checked + .label--checkbox {
    color: var(--color-primary-darkest); }
.input--checkbox:checked + .label--checkbox .form__ico {
      opacity: 1;
      overflow: hidden; }
.input--selectbox {
  -webkit-appearance: none;
  border-radius: 0;
  width: 100%;
  border: var(--brdr-xxs) solid var(--color-base-dark);
  background-color: transparent;
  background-image: url("images/ico-carat-down.svg");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  padding: var(--space-sm) var(--space-md) var(--space-sm) var(--space-md);
  color: var(--color-base-dark);
  border-radius: var(--brdr-radius-pill);
  cursor: pointer; }
.input--selectbox:focus {
    color: var(--color-base-darker);
    background-color: white; }
select::-ms-expand {
  display: none; }
.accordion > * + * {
  margin-top: 2.5rem; }
.accordion__heading {
  position: relative;
  margin-bottom: 0;
  border-bottom: var(--brdr-xxs) solid var(--color-base-light);
  display: flex; }
.accordion__btn {
  font-family: var(--font-primary);
  font-weight: 400;
  font-style: normal;
  font-size: var(--text-sm);
  text-transform: uppercase;
  color: var(--color-primary);
  background-color: transparent;
  color: var(--color-primary-darkest);
  display: inline-flex;
  text-align: left;
  padding-bottom: var(--space-sm);
  padding-left: 0;
  letter-spacing: 0.03125rem;
  width: 100%; }
.accordion__btn:hover, .accordion__btn:active, .accordion__btn:focus {
    background-color: transparent;
    color: var(--color-primary-darkest); }
.accordion__btn::before, .accordion__btn::after {
    position: absolute;
    right: 0;
    content: "";
    width: 1.25rem;
    height: 1.25rem;
    padding-left: calc(var(--space-lg) + var(--space-xs));
    margin-left: var(--space-md);
    border-left: var(--brdr-xxs) solid var(--color-base-light);
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0;
    background-image: url("images/ico-plus-purple.svg");
    background-color: var(--color-secondary-lightest);
    transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, background-image 0.3s ease-in-out; }
.accordion__btn::before svg .ico__path, .accordion__btn::after svg .ico__path {
      stroke: var(--color-primary); }
@media only screen and (min-width: 47.9375em) {
      .accordion__btn::before, .accordion__btn::after {
        top: 12%;
        width: 1.25rem;
        height: 1.25rem;
        margin-right: var(--space-xxxs);
        transition: opacity 0.2s; } }
@media print {
      .accordion__btn::before, .accordion__btn::after {
        display: none; } }
.accordion__btn::before {
    opacity: 1; }
.accordion__btn[aria-expanded="true"]::before {
    opacity: 0; }
.accordion__btn[aria-expanded="true"]::after {
    background-image: url("images/ico-minus-purple.svg");
    opacity: 1; }
.accordion__btn[aria-expanded="false"]::after {
    opacity: 0; }
.accordion__btn:hover {
    background: transparent;
    color: var(--color-primary-darkest); }
.accordion__section {
  opacity: 1;
  max-height: calc(var(--space-xxxl) * 100);
  visibility: visible;
  margin: 0;
  padding: 0;
  height: 100%;
  transition-delay: 0s;
  transition: all 0.5s var(--easing); }
@media screen {
    .accordion__section[aria-hidden="true"] {
      max-height: 0;
      opacity: 0;
      visibility: hidden;
      overflow: hidden;
      margin: 0 !important;
      padding: 0;
      height: 0%;
      transition-delay: 0.8s;
      transition: all 0.5s var(--easing); } }
@media print {
    .accordion__section {
      height: auto; } }
.accordion__body {
  display: block;
  margin-top: var(--space-sm);
  margin-left: 0;
  margin-bottom: var(--space-sm);
  padding-top: var(--space-xxxs); }
.accordion__body .form__element {
    list-style: none;
    padding-left: 0; }
@media only screen and (min-width: 47.9375em) {
    .accordion__body {
      margin-left: calc(var(--space-lg) + var(--space-sm)); } }
@media print {
    .accordion__body {
      margin-left: 0; } }
.accordion__list {
  margin: 0; }
@media only screen and (min-width: 47.9375em) {
    .accordion__list {
      column-count: 2; } }
.accordion__list .form__element {
    padding: 0.25rem 0;
    margin-bottom: 0.75rem;
    break-inside: avoid; }
.accordion__list .form__element:last-child {
      margin-bottom: 0; }
.accordion__list .form__element::before {
      display: none; }
.topic__accordion {
  display: flex;
  flex-direction: column; }
.topic__accordion button {
    display: flex;
    flex-direction: row; }
.topic__accordion button img {
      height: var(--space-lg);
      width: var(--space-lg);
      border-radius: 2em;
      margin-right: var(--space-lg); }
@media only screen and (min-width: 47.9375em) {
    .topic__accordion {
      grid-template-columns: 50% 50%; }
      .topic__accordion .accordion__heading {
        height: 100%; }
      .topic__accordion button {
        flex-direction: column;
        padding-bottom: var(--space-xl); }
        .topic__accordion button::before, .topic__accordion button::after {
          right: auto;
          left: 50%;
          bottom: 0;
          margin-left: 0;
          margin-bottom: var(--space-sm); }
      .topic__accordion img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: var(--space-md); } }
@media only screen and (min-width: 56.25em) {
    .topic__accordion {
      display: grid;
      grid-template-columns: 33% 33% 33%; } }
@media print {
  .accordion__body {
    display: block !important; } }
/* ------------------------------------------------------------ *\
	ad
\* ------------------------------------------------------------ */
.ad {
  text-align: center; }
.ad img {
    max-width: 72.8rem;
    max-height: 35rem;
    width: 100%; }
.ad p {
    margin-top: var(--space-sm);
    text-align: center;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: var(--text-base-size); }
.ad-block {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
  border-top: var(--brdr-xs) solid var(--color-base-lighter);
  border-bottom: var(--brdr-xs) solid var(--color-base-lighter);
  margin-top: var(--space-md);
  margin-bottom: var(--space-md); }
.event-link {
  display: flex;
  flex-direction: row;
  font-family: var(--font-secondary); }
.event-link__time {
    font-weight: 600; }
.event-link a {
    display: flex;
    flex-direction: row;
    margin-left: var(--space-md); }
.event-link a svg {
      margin-top: auto;
      margin-bottom: auto;
      margin-left: var(--space-sm); }
.icon-grid {
  display: grid;
  grid-template-columns: 50% 50%; }
.icon-grid__item {
    height: var(--space-xxxl); }
.icon-grid__item svg {
      height: 100%;
      width: 100%;
      padding: var(--space-lg); }
@media only screen and (max-width: 767px) {
    .icon-grid__item {
      padding-right: var(--space-sm);
      padding-left: var(--space-sm); }
      .icon-grid__item:nth-child(2n) {
        padding-right: 0; }
      .icon-grid__item:nth-child(2n - 1) {
        padding-left: 0;
        border-right: var(--brdr-xs) solid var(--color-base-lightest); }
      .icon-grid__item svg {
        border-bottom: var(--brdr-xs) solid var(--color-base-lightest); } }
@media only screen and (min-width: 47.9375em) {
    .icon-grid {
      grid-template-columns: 20% 20% 20% 20% 20%; }
      .icon-grid__item {
        padding-bottom: var(--space-sm); }
        .icon-grid__item svg {
          border-right: var(--brdr-xs) solid var(--color-base-lightest); }
        .icon-grid__item:nth-child(5n + 5) svg {
          border-right: none; }
        .icon-grid__item:nth-child(n + 6) {
          border-top: var(--brdr-xs) solid var(--color-base-lightest);
          padding-bottom: 0;
          padding-top: var(--space-sm); } }
/*
.form {
  &__element {
    .element--checkbox {
      display: flex;
      align-items: center;
    }

    &.element--checkbox.form__element--disabled {
      .label--checkbox:before {
        border-color: $charcoal-light;
      }
    }
  }

  // Checkbox icon styles
  &__ico {
    position: absolute;
    height: rem(26);
    width: rem(26);
    left: 0;
    top: 0;
    padding: rem(4);
    border: 0;
    background-color: $teal-darkest;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;

    .ico__path {
      stroke: $white;
    }
  }
}

.input {
  // Checkbox
  &--checkbox {
    position: absolute;
    width: rem(26);
    height: rem(26);
    top: 0;
    left: 0;
    opacity: 0;

    &:focus {
      + .label--checkbox::before {
        box-shadow: 0 0 0 rem(3) $teal-light;
        outline: rem(3) solid transparent; // For Windows high contrast mode.
      }
    }

    &:checked {
      + .label--checkbox {
        color: $teal-darkest;

        .form__ico {
          opacity: 1;
        }
      }
    }
	}
}
*/
.form__element .element--radio {
  display: flex;
  align-items: center; }
.form__element.element--radio.form__element--disabled .label--radio:before {
  border-color: var(--color-base); }
.input--radio {
  width: 1.625rem;
  height: 1.625rem;
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute; }
.input--radio:focus + .label--radio::before {
    box-shadow: 0 0 0 0.125rem var(--color-accent-secondary);
    outline: var(--brdr-sm) solid transparent;
    background-color: white; }
.input--radio:checked + .label--radio {
    color: var(--color-base-darker); }
.input--radio:checked + .label--radio::before {
      border-color: var(--color-primary); }
.input--radio:checked + .label--radio::after {
      content: "";
      position: absolute;
      width: 1rem;
      height: 1rem;
      top: 0.3125rem;
      left: 0.3125rem;
      background-color: var(--color-primary);
      border-radius: 100%; }
.input--radio:checked + .label--radio .form__ico {
      opacity: 1; }
/* ------------------------------------------------------------ *\
	pagination
\* ------------------------------------------------------------ */
.pagination .pagination__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--color-secondary-dark); }
@media only screen and (min-width: 47.9375em) {
    .pagination .pagination__inner {
      align-items: flex-start; } }
@media only screen and (min-width: 47.9375em) {
    .pagination .pagination__inner__center {
      align-self: center;
      padding-top: var(--space-sm); } }
.pagination .form__element.element--selectbox.select--pagination {
  margin: 0 auto; }
.pagination .pagination-button--inactive {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed; }
.pagination .btn--prev,
.pagination .btn--next {
  padding-top: var(--space-md);
  line-height: 1;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  width: 30%;
  padding: calc(var(--space-md) * 0.8) var(--space-lg) calc(var(--space-md) * 0.7); }
@media only screen and (min-width: 47.9375em) {
    .pagination .btn--prev,
    .pagination .btn--next {
      flex-direction: row;
      width: auto;
      padding: calc(var(--space-md) * 1.4) var(--space-lg) calc(var(--space-md) * 0.7); } }
.pagination .btn--prev:hover, .pagination .btn--prev:active, .pagination .btn--prev:focus,
  .pagination .btn--next:hover,
  .pagination .btn--next:active,
  .pagination .btn--next:focus {
    background-color: var(--color-secondary);
    color: var(--color-primary); }
.pagination .btn--prev:hover .ico__path, .pagination .btn--prev:active .ico__path, .pagination .btn--prev:focus .ico__path,
    .pagination .btn--next:hover .ico__path,
    .pagination .btn--next:active .ico__path,
    .pagination .btn--next:focus .ico__path {
      stroke: var(--color-secondary); }
.pagination .btn--prev {
  border-right: var(--brdr-xxs) solid var(--color-secondary-dark); }
.pagination .btn--prev .ico {
    margin-right: 0.125rem; }
.pagination .btn--prev .btn__txt {
    margin-top: var(--space-xxxs);
    line-height: 1.2; }
@media only screen and (min-width: 47.9375em) {
      .pagination .btn--prev .btn__txt {
        margin-top: 0; } }
.pagination .btn--next {
  border-left: var(--brdr-xxs) solid var(--color-secondary-dark);
  flex-direction: column-reverse; }
@media only screen and (min-width: 47.9375em) {
    .pagination .btn--next {
      flex-direction: row; } }
.pagination .btn--next .ico {
    margin-left: 0.125rem; }
.pagination .btn--next .btn__txt {
    margin-top: var(--space-xxxs);
    line-height: 1.2; }
@media only screen and (min-width: 47.9375em) {
      .pagination .btn--next .btn__txt {
        margin-top: 0; } }
.pagination .list {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto; }
.pagination .list .pagination__navitem .icon {
    margin-bottom: 0; }
.pagination ul {
  display: flex;
  margin: 0; }
.pagination li {
  margin: 0;
  padding: 0; }
.pagination li:before {
    content: none; }
.pagination li a,
  .pagination li button, .pagination li.pagination-dots {
    font-weight: 500;
    border: var(--brdr-xxs) solid transparent;
    transition: background-color var(--timing) var(--easing), border-color var(--timing) var(--easing); }
.pagination li a.btn--secondary,
    .pagination li button.btn--secondary, .pagination li.pagination-dots.btn--secondary {
      color: white; }
.pagination li a:hover, .pagination li a:focus,
    .pagination li button:hover,
    .pagination li button:focus, .pagination li.pagination-dots:hover, .pagination li.pagination-dots:focus {
      color: var(--color-primary);
      background-color: var(--color-secondary);
      border-color: var(--color-secondary); }
.pagination li a:hover svg,
      .pagination li a:hover path, .pagination li a:focus svg,
      .pagination li a:focus path,
      .pagination li button:hover svg,
      .pagination li button:hover path,
      .pagination li button:focus svg,
      .pagination li button:focus path, .pagination li.pagination-dots:hover svg,
      .pagination li.pagination-dots:hover path, .pagination li.pagination-dots:focus svg,
      .pagination li.pagination-dots:focus path {
        stroke: var(--color-secondary-lightest); }
.pagination li a.active:before, .pagination li a.active::after,
    .pagination li button.active:before,
    .pagination li button.active::after, .pagination li.pagination-dots.active:before, .pagination li.pagination-dots.active::after {
      width: var(--space-md);
      height: var(--space-md); }
.pagination li a.active:hover, .pagination li a.active:active, .pagination li a.active:focus,
    .pagination li button.active:hover,
    .pagination li button.active:active,
    .pagination li button.active:focus, .pagination li.pagination-dots.active:hover, .pagination li.pagination-dots.active:active, .pagination li.pagination-dots.active:focus {
      color: var(--color-secondary-lightest);
      background-color: var(--color-primary);
      border-color: transparent; }
.pagination li.active a,
  .pagination li.active button {
    background-color: var(--color-primary);
    color: var(--color-secondary-lightest); }
.pagination li.active a:before, .pagination li.active a::after,
    .pagination li.active button:before,
    .pagination li.active button::after {
      opacity: 1;
      width: var(--space-md);
      height: var(--space-md); }
.pagination li.pagination-dots,
.pagination li.pagination-arrow a {
  width: 2.375em; }
.pagination li.pagination-dots + li.pagination-dots {
  display: none; }
.pagination .form__element {
  width: auto;
  margin-bottom: 0; }
.pagination .btn--square {
  display: none;
  height: 4rem;
  width: 4rem;
  padding: 0;
  line-height: 4rem; }
@media only screen and (min-width: 56.25em) {
    .pagination .btn--square {
      display: block; } }
.pagination .btn--icon .btn__txt {
  display: none; }
@media only screen and (min-width: 47.9375em) {
  .pagination .btn--icon .btn__txt {
    display: inline-block; } }
.pagination .pages-total {
  background-color: white;
  background-image: none;
  line-height: calc(4rem - 8px); }
.pagination .pages-total:hover, .pagination .pages-total:active, .pagination .pages-total:focus {
    color: white;
    background-color: var(--color-secondary); }
.pagination--short .list--pagination {
  display: none; }
@media only screen and (min-width: 47.9375em) {
  .pagination--short .select--pagination {
    display: none; }
  .pagination--short .list--pagination {
    display: flex; } }
.pagination--long .list--pagination {
  display: none; }
.shares {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1.75rem; }
.shares__share {
    display: block;
    margin: 0;
    padding: 0; }
.shares__share:before {
      content: none; }
.shares__share a {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: var(--color-primary);
      border-radius: 100%;
      width: 3.5rem;
      height: 3.5rem;
      transition: background-color var(--timing) var(--easing); }
.shares__share a:before {
        content: "";
        display: block;
        width: 3.5rem;
        height: 3.5rem;
        background-color: var(--color-secondary-lightest);
        -webkit-mask-size: cover;
        mask-size: cover; }
.shares__share a:hover, .shares__share a:active, .shares__share a:focus {
        background-color: var(--color-primary-lighter); }
.shares__share--facebook a:before {
      -webkit-mask: url("images/ico-fb-btn.svg") no-repeat 50% 50%;
      mask: url("images/ico-fb.svg") no-repeat 50% 50%; }
.shares__share--twitter a:before {
      -webkit-mask: url("images/ico-twitter-btn.svg") no-repeat 50% 50%;
      mask: url("images/ico-twitter.svg") no-repeat 50% 50%; }
.shares__share--email a:before {
      -webkit-mask: url("images/ico-email-btn.svg") no-repeat 50% 50%;
      mask: url("images/ico-email-btn.svg") no-repeat 50% 50%; }
.shares__share--print a:before {
      -webkit-mask: url("images/ico-print-btn.svg") no-repeat 50% 50%;
      mask: url("images/ico-print-btn.svg") no-repeat 50% 50%; }
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: calc(var(--space-md) + var(--space-sm));
  margin-left: auto;
  margin-right: auto; }
@media only screen and (min-width: 56.25em) {
    table {
      margin-bottom: calc(var(--space-md) + var(--space-md)); } }
table:last-child {
    margin-bottom: 0; }
.table th {
  display: none;
  font-family: var(--font-primary);
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.07;
  color: #0d779a;
  text-transform: uppercase;
  text-align: left; }
@media (min-width: 767.02px) {
  .table th {
    /*padding-bottom: 5rem;*/
    padding-bottom: 1.2rem;
    padding-left: calc(var(--space-sm) * 1.9);
    display: table-cell;
    vertical-align: bottom;
    border-bottom: 0.4rem solid #173162; }
    .table th:first-child {
      padding-left: 0; } }
@media only screen and (min-width: 56.25em) {
  .table th {
    font-size: calc(var(--text-xs) + var(--text-xs)); } }
.table tbody tr + tr {
  padding-top: 2rem;
  display: block; }
@media (min-width: 767.02px) {
  .table tbody tr + tr {
    padding-top: 0;
    display: table-row; } }
@media (min-width: 767.02px) {
  .table tbody tr:first-child td {
    padding-top: 3.3rem; } }
@media (min-width: 1023.02px) {
  .table tbody tr:first-child td {
    padding-top: 3.4rem; } }
@media (min-width: 767.02px) {
  .table tbody tr:last-child td {
    padding-bottom: 0; } }
.table td {
  margin-bottom: 1.1rem;
  padding-right: 0.3rem;
  display: flex;
  justify-content: space-between;
  text-align: right;
  color: #4d535d;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: normal;
  font-size: var(--text-lg); }
.table td b {
  margin-top: 0.3rem;
  display: inline-block;
  font-family: var(--font-primary);
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1.87;
  color: #0d779a;
  text-transform: uppercase;
  text-align: left; }
@media (min-width: 767.02px) {
  .table td {
    margin-bottom: 0;
    padding-bottom: 1.6rem;
    padding-right: 0;
    padding-left: calc(var(--space-sm) + var(--space-xxxs));
    text-align: left;
    display: table-cell;
    vertical-align: top; }
  .table td b {
    display: none; } }
@media only screen and (min-width: 56.25em) {
  .table td {
    font-size: calc(var(--text-md) * 1.15); } }
.table tr td:first-child {
  margin-bottom: 2.1rem;
  display: block;
  border-bottom: 0.4rem solid #173162;
  text-align: left; }
.table tr td:first-child b {
  display: none; }
@media (min-width: 767.02px) {
  .table tr td:first-child {
    max-width: 19.1rem;
    width: 30%;
    padding-right: var(--space-sm);
    padding-left: 0;
    display: table-cell;
    border-bottom: 0; } }
@media (min-width: 1023.02px) {
  .table tr td:first-child {
    padding-right: 2rem; } }
.table h4 {
  padding-bottom: 0.8rem;
  font-weight: 500;
  color: #284272;
  line-height: 1.33;
  font-size: var(--text-lg); }
@media only screen and (min-width: 56.25em) {
    .table h4 {
      font-size: calc(var(--text-md) * 1.15); } }
.tabs {
  margin-bottom: var(--space-xl);
  display: flex;
  flex-direction: column; }
.tabs__group {
    display: flex;
    justify-content: space-between;
    gap: var(--space-xs);
    margin-left: 0; }
@media only screen and (min-width: 47.9375em) {
      .tabs__group {
        min-width: 400px;
        margin-right: 0; } }
@media only screen and (min-width: 56.25em) {
      .tabs__group {
        min-width: unset;
        flex-direction: column; } }
.tabs__link {
    text-decoration: none;
    display: block;
    width: 100%;
    background-color: transparent;
    text-align: left;
    overflow-wrap: break-word;
    padding: calc(var(--space-md) * 0.8) var(--space-sm) calc(var(--space-md) * 0.7);
    text-align: center; }
.tabs__link:focus {
      outline-offset: -0.125rem;
      outline: 0.125rem solid var(--color-secondary-lightest); }
@media only screen and (min-width: 47.9375em) {
      .tabs__link {
        text-align: center; } }
@media print {
      .tabs__link[aria-selected="false"] {
        display: none; } }
.tabs__list {
    display: block;
    margin: 0; }
@media only screen and (min-width: 47.9375em) {
      .tabs__list {
        display: flex; } }
@media print {
      .tabs__list {
        display: none; } }
.tabs__item {
    margin: 0;
    padding: 0;
    flex-grow: 1;
    flex-basis: 0;
    margin-top: auto; }
.tabs__item::before {
      display: none; }
.tabs__section {
    background-color: var(--color-secondary-lightest);
    margin-left: auto;
    margin-right: auto; }
@media only screen and (min-width: 47.9375em) {
      .tabs__section {
        background-color: transparent; } }
.tabs__section[aria-hidden="true"] {
      display: none; }
@media print {
        .tabs__section[aria-hidden="true"] {
          display: block; } }
.tabs__title {
    margin-bottom: 0em; }
.tabs__title--wrapper {
      text-align: left;
      margin-bottom: var(--space-md);
      margin-right: auto; }
.tabs__items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: var(--space-md); }
.tabs__grid {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%; }
.tabs__grid .card {
      margin-bottom: var(--space-md); }
.tabs__grid .card:last-child {
        margin-bottom: 0; }
.tabs__grid .card:last-child p {
          margin-bottom: 0; }
@media only screen and (min-width: 47.9375em) {
    .tabs__grid {
      display: grid;
      grid-template-columns: 48.5% 48.5%;
      grid-gap: var(--space-md); }
      .tabs__grid .card {
        margin-bottom: var(--space-sm); } }
@media only screen and (min-width: 56.25em) {
    .tabs {
      display: flex;
      flex-direction: row; }
      .tabs__title--wrapper {
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: var(--space-lg);
        text-align: left; }
      .tabs__list {
        flex-direction: column;
        justify-content: flex-start;
        margin-right: var(--space-lg);
        flex-basis: 15%;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: auto;
        margin-left: auto;
        height: -moz-fit-content;
        height: fit-content;
        max-width: 10.625rem; }
        .tabs__list button {
          margin-bottom: var(--space-md); }
      .tabs__section {
        flex-basis: 80%;
        margin-left: var(--space-lg); } }
/* ------------------------------------------------------------ *\
	Section Topics
\* ------------------------------------------------------------ */
.section-topics {
  position: relative;
  padding: 6.7rem 0 4.8rem;
  background: #0d779a;
  color: #fff !important; }
@media (min-width: 767.02px) {
  .section-topics {
    padding: 7.7rem 0 3.7rem; } }
@media (min-width: 1023.02px) {
  .section-topics {
    padding: 8.5rem 0 5.3rem; } }
.section-topics .section__ad {
  margin-bottom: 5.4rem; }
@media (min-width: 767.02px) {
  .section-topics .section__ad {
    margin-bottom: 7.3rem; } }
@media (min-width: 1023.02px) {
  .section-topics .section__ad {
    margin-bottom: 6.5rem; } }
.section-topics .section__head {
  margin-bottom: 4rem;
  padding: 2.7rem 0 2.7rem;
  border-bottom: 0.4rem solid #fff;
  border-top: 1rem solid #fff;
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.6; }
.section-topics .section__head h2 {
    color: white !important; }
@media (min-width: 767.02px) {
  .section-topics .section__head {
    padding: 4.7rem 0 5.2rem; } }
@media (min-width: 1023.02px) {
  .section-topics .section__head {
    padding: 4.2rem 0 calc(var(--space-md) + var(--space-xs));
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; } }
.section-topics .section__head h2 {
  margin-bottom: var(--space-xxs); }
@media (min-width: 767.02px) {
  .section-topics .section__head h2 {
    font-size: 5rem;
    margin-bottom: 2.3rem; } }
@media (min-width: 1023.02px) {
  .section-topics .section__head h2 {
    position: relative;
    width: 45%;
    padding-right: 3rem; } }
@media (min-width: 1399.02px) {
  .section-topics .section__head h2 {
    width: 37.7%; } }
@media (min-width: 1023.02px) {
  .section-topics .section__head p {
    width: 49%;
    border-left: var(--brdr-xxs) solid rgba(255, 255, 255, 0.4);
    padding-left: var(--space-xl); } }
@media (min-width: 1399.02px) {
  .section-topics .section__head p {
    width: 57.3%; } }
.section-topics .section__body {
  padding-top: 2.1rem; }
@media (min-width: 767.02px) {
  .section-topics .section__body {
    padding-top: 1.5rem; } }
@media (min-width: 1023.02px) {
  .section-topics .section__body {
    padding-top: 2.2rem; } }
/* ------------------------------------------------------------ *\
	Topic
\* ------------------------------------------------------------ */
.topic {
  transition: margin 1s, padding 0.3s; }
.topic img {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center; }
@media only screen and (min-width: 47.9375em) {
      .topic img {
        max-height: none; } }
@media (min-width: 767.02px) {
  .topic {
    height: 100%;
    border-right: 0.1rem solid rgba(255, 255, 255, 0.6); } }
.topic .topic__inner {
  position: relative;
  margin-bottom: 2.18rem;
  padding-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.6);
  transition: margin 0.3s; }
.topic .topic__inner:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.8rem;
  background: #38b991;
  transition: width 0.3s; }
@media (min-width: 767.02px) {
  .topic .topic__inner {
    height: 100%;
    min-height: 25.1rem;
    margin-bottom: 0;
    display: block;
    text-align: center; } }
@media (min-width: 1023.02px) {
  .topic .topic__inner {
    padding-bottom: 5.4rem;
    flex-wrap: wrap;
    justify-content: center; } }
.topic .topic__image {
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative; }
@media (min-width: 767.02px) {
  .topic .topic__image {
    max-width: 10.1rem;
    min-height: 10.1rem;
    width: 100%;
    height: auto;
    margin: 0 auto 2.7rem; } }
.topic .topic__content {
  width: calc(100% - 5.2rem);
  padding-left: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.4; }
@media (min-width: 767.02px) {
  .topic .topic__content {
    width: 100%;
    padding-left: 0;
    flex-wrap: wrap;
    flex-direction: column; } }
.topic .topic__content p {
  margin-bottom: 0;
  flex: 1 1;
  word-break: break-word; }
.topic .topic__content a {
  margin-top: -0.8rem;
  margin-left: 3rem;
  transition: transform 0.3s; }
@media (min-width: 767.02px) {
  .topic .topic__content a {
    margin-top: 0.9rem;
    margin-left: 0; } }
.topic .topic__container {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  width: 100vw;
  background: #0a5f7c;
  transition: opacity 0.7s;
  opacity: 0;
  pointer-events: none; }
.topic.is-active {
  padding-bottom: 1px; }
.topic.is-active .topic__inner {
  margin-bottom: 2.2rem; }
.topic.is-active .topic__inner:before {
  width: 100%; }
@media (min-width: 767.02px) {
  .topic.is-active .topic__inner {
    margin-bottom: 0; } }
.topic.is-active .topic__content a {
  transform: rotate(45deg); }
.topic.is-active .topic__container {
  opacity: 1;
  pointer-events: all; }
/* ------------------------------------------------------------ *\
	Topics
\* ------------------------------------------------------------ */
@media (min-width: 767.02px) {
  .topics .topics__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; } }
@media (min-width: 767.02px) {
  .topics .topics__items.is-active {
    align-items: flex-start; } }
@media (min-width: 767.02px) {
  .topics .topics__item {
    width: 33.33%;
    margin-bottom: 3.7rem; } }
@media (min-width: 1023.02px) {
  .topics .topics__item {
    width: 25%;
    margin-bottom: 3.5rem; } }
.underline-decoration:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.2rem;
  background: #fff; }
.js-topic-trigger {
  color: white !important; }
.js-topic-trigger:hover, .js-topic-trigger:focus {
    color: white;
    outline: none; }
.topic__container .articles__title {
  color: white; }
.topic__container .article__content a,
.topic__container .article__content h4 {
  color: white; }
.topic__title a svg {
  margin-left: var(--space-sm); }
.topic__title a:hover svg circle {
  stroke: #9ce2cc; }
.topic__title a:hover svg path {
  stroke: #9ce2cc; }
.video {
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--space-md);
  position: relative;
  color: var(--color-primary-darkest);
  text-align: center;
  padding-bottom: var(--space-xxxs);
  max-width: 66.125rem; }
@media only screen and (min-width: 56.25em) {
    .video {
      padding-bottom: var(--space-xxs); } }
.video:before {
    content: "";
    position: absolute;
    border-top: var(--brdr-xs) solid var(--color-secondary);
    border-left: var(--brdr-xs) solid var(--color-secondary);
    width: var(--space-lg);
    height: var(--space-lg);
    top: calc(20% + var(--space-md));
    left: var(--space-md); }
@media only screen and (min-width: 30em) {
      .video:before {
        left: var(--space-sm);
        top: calc(20% + var(--space-sm)); } }
@media only screen and (min-width: 47.9375em) {
      .video:before {
        left: 1.7%;
        top: 22.3%; } }
.video video,
  .video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding-left: var(--space-xxs);
    padding-bottom: var(--space-xxs); }
.video--container {
    position: relative;
    width: 90%;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-md);
    padding-bottom: 56.25%; }
.video--container:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-left: var(--space-lg) solid var(--color-primary);
      border-right: var(--space-lg) solid transparent;
      border-bottom: var(--space-lg) solid var(--color-primary);
      border-top: var(--space-lg) solid transparent; }
@media only screen and (min-width: 47.9375em) {
        .video--container:before {
          left: -1%;
          top: 2%; } }
.video--container:after {
      content: "";
      position: absolute;
      margin-top: var(--space-sm);
      width: 83%;
      margin-left: auto;
      margin-right: auto;
      height: var(--space-xxs);
      border-top: var(--brdr-xs) solid var(--color-secondary);
      top: calc(86% + var(--space-md));
      left: 5%; }
@media only screen and (min-width: 30em) {
        .video--container:after {
          top: calc(91% + var(--space-md)); } }
@media only screen and (min-width: 47.9375em) {
        .video--container:after {
          top: calc(97% + var(--space-md)); } }
@media only screen and (min-width: 56.25em) {
        .video--container:after {
          top: calc(98% + var(--space-md)); } }
.video--title {
    position: relative;
    padding-bottom: var(--space-xs);
    padding-top: var(--space-xxxs);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--space-xxxs);
    text-align: center;
    color: var(--color-primary);
    width: 92%;
    border-bottom: var(--brdr-xs) solid var(--color-secondary);
    border-left: var(--brdr-xs) solid var(--color-secondary);
    border-right: var(--brdr-xs) solid var(--color-secondary);
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs); }
@media only screen and (min-width: 30em) {
      .video--title {
        width: 93%; } }
@media only screen and (min-width: 47.9375em) {
      .video--title {
        width: 96.1%;
        padding-top: var(--space-xs); } }
.video--title:before {
      content: "";
      position: absolute;
      left: -1%;
      top: 0;
      width: var(--space-xl);
      height: var(--space-xs);
      background-color: var(--color-secondary-lightest);
      z-index: 1; }
@media only screen and (min-width: 47.9375em) {
        .video--title:before {
          bottom: calc(var(--space-xs) * -0.25); } }
.video--title:after {
      content: "";
      position: absolute;
      height: var(--space-xs);
      left: -1%;
      right: 57%;
      background-color: var(--color-secondary-lightest);
      z-index: 1;
      bottom: calc(var(--space-sm) * -0.1); }
@media only screen and (min-width: 47.9375em) {
        .video--title:after {
          left: 30%;
          right: 30%;
          height: var(--space-xxs); } }
.video:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80%;
    border: var(--brdr-sm) solid var(--color-secondary);
    z-index: -1; }
@media only screen and (min-width: 30em) {
  .no-title.video {
    padding-bottom: var(--space-md); } }
@media only screen and (min-width: 47.9375em) {
  .no-title.video {
    padding-bottom: calc(var(--space-xs) * 1.25);
    padding-right: calc(var(--space-xxxs) * 0.55); } }
@media only screen and (min-width: 56.25em) {
  .no-title.video {
    padding-bottom: var(--space-xs); } }
@media only screen and (min-width: 75em) {
  .no-title.video {
    padding-right: 0; } }
@media only screen and (min-width: 47.9375em) {
  .no-title.video:before {
    top: 22.7%; } }
@media only screen and (min-width: 56.25em) {
  .no-title.video:before {
    top: 22.6%; } }
.no-title .video--container {
  margin-bottom: var(--space-md); }
@media only screen and (min-width: 47.9375em) {
    .no-title .video--container {
      margin-bottom: calc(var(--space-md) * 1.2); } }
@media only screen and (min-width: 56.25em) {
    .no-title .video--container {
      margin-bottom: var(--space-xl); } }
.no-title .video--container:after {
    margin-top: var(--space-md);
    margin-left: 0;
    margin-right: -4%;
    width: var(--space-xxxl);
    height: var(--space-xl);
    top: calc(72.8% - var(--space-md));
    right: 0;
    left: 29%;
    border-top: 0;
    border-bottom: var(--brdr-xs) solid var(--color-secondary); }
@media only screen and (min-width: 30em) {
      .no-title .video--container:after {
        top: calc(82.4% - var(--space-sm)); } }
@media only screen and (min-width: 47.9375em) {
      .no-title .video--container:after {
        border-right: var(--brdr-xs) solid var(--color-secondary);
        left: auto;
        top: calc(90.5% - var(--space-md)); } }
@media only screen and (min-width: 56.25em) {
      .no-title .video--container:after {
        top: 93.5%;
        width: calc(var(--space-xxxl) * 4); } }
@media only screen and (min-width: 75em) {
      .no-title .video--container:after {
        left: 28.8%;
        top: 94.4%; } }
/* BEWARE!!!!!!!!!!! - brenda */
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header {
  padding: var(--space-sm) 0 0;
  background: #173162; }
.header .shell {
    max-width: none;
    padding-right: 0;
    padding-left: 0; }
@media (min-width: 767.02px) {
      .header .shell {
        padding-left: 3rem; } }
@media only screen and (min-width: 56.25em) {
      .header .shell {
        padding-left: 2.8rem; } }
@media (min-width: 767.02px) {
  .header {
    padding-top: 0; }
  .shell {
    padding-left: 2.6rem; } }
@media (min-width: 767.02px) {
  .header .header__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; } }
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo {
  text-align: center; }
@media (min-width: 767.02px) {
  .logo {
    font-size: 0; } }
@media (min-width: 767.02px) {
  .logo a {
    display: block;
    line-height: 0; } }
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer {
  position: relative;
  z-index: 2;
  padding: 6.8rem 0 0;
  background-color: #173162;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff; }
.footer h2,
  .footer h3 {
    color: #fff; }
.footer .crc_usage {
    display: none; }
.footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #173162;
  z-index: -1; }
@media (min-width: 767.02px) {
  .footer {
    padding: 5.4rem 0 0; }
  .footer:before {
    opacity: 0.9; } }
@media (min-width: 1023.02px) {
  .footer {
    padding: 7.1rem 0 0; } }
@media (min-width: 767.02px) {
  .footer .footer__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; } }
.footer .footer__contacts {
  margin-bottom: 10rem;
  padding: 3rem 0 3.3rem;
  border-top: 0.2rem solid #fff;
  border-bottom: 0.2rem solid #fff;
  text-align: center; }
@media (min-width: 767.02px) {
  .footer .footer__contacts {
    width: 30%;
    padding-top: 0;
    border: 0;
    text-align: left; } }
@media (min-width: 1023.02px) {
  .footer .footer__contacts {
    width: 20%; } }
.footer .footer__contacts h3 {
  margin-bottom: 1.1rem;
  font-weight: 600; }
@media (min-width: 767.02px) {
  .footer .footer__contacts h3 {
    margin-bottom: 1.6rem; } }
.footer .footer__contacts p {
  margin-bottom: 1.7rem;
  font-size: 1.8rem;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: normal;
  line-height: 2.1; }
@media (min-width: 1023.02px) {
  .footer .footer__contacts p {
    margin-bottom: 0.7rem; } }
.footer .footer__socials {
  padding: 0 4.2rem 3.5rem;
  border: 0; }
@media (min-width: 767.02px) {
  .footer .footer__socials {
    padding: 0.5rem 0 3.5rem; } }
@media (min-width: 1023.02px) {
  .footer .footer__socials {
    padding: 0.5rem 0 var(--space-lg); } }
.footer .footer__socials ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0; }
@media (min-width: 767.02px) {
  .footer .footer__socials ul {
    justify-content: flex-start; } }
.footer .footer__socials li {
  flex: 1 1; }
@media (min-width: 767.02px) {
  .footer .footer__socials li {
    flex: initial;
    margin-right: 4.4rem; }
  .footer .footer__socials li:last-child {
    margin-right: 0; } }
.footer .footer__socials li + li {
  border: 0; }
.footer .footer__socials a {
  position: relative;
  bottom: 0;
  transition: bottom 0.3s; }
.footer .footer__socials a:hover, .footer .footer__socials a:focus {
    color: white;
    bottom: var(--space-xxxs); }
.footer .footer__socials a:visited {
    color: white; }
.footer .footer__contacts-actions {
  display: inline-block; }
.footer .footer__nav {
  margin-top: 6rem;
  padding: 3rem 0 3.6rem;
  border-top: 0.2rem solid #fff;
  border-bottom: 0.2rem solid #fff;
  text-align: center; }
@media (min-width: 767.02px) {
  .footer .footer__nav {
    width: 100%;
    margin-top: -2.7rem;
    padding: calc(var(--space-xl) + var(--space-xxxs)) 0 3.3rem;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.7);
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.7);
    text-align: left;
    display: grid;
    grid-template-columns: 80% 20%; } }
@media (min-width: 1023.02px) {
  .footer .footer__nav {
    width: 20%;
    margin-top: 0;
    padding: 0 0 0 1.5rem;
    border: 0;
    display: block; } }
.footer .footer__nav h3 {
  font-weight: 600; }
@media only screen and (min-width: 47.9375em) {
    .footer .footer__nav h3 {
      margin-bottom: 0;
      grid-column: span 2; } }
@media only screen and (min-width: 56.25em) {
    .footer .footer__nav h3 {
      margin-bottom: var(--space-sm); } }
@media (min-width: 767.02px) {
  .footer .footer__nav-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: left;
    justify-content: space-between;
    margin-top: var(--space-md);
    margin-bottom: 2.1rem; } }
@media only screen and (min-width: 56.25em) {
  .footer .footer__nav-inner {
    margin-top: 0; } }
.footer .footer__nav ul {
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  list-style: none;
  padding-left: 0; }
@media (min-width: 767.02px) {
  .footer .footer__nav ul {
    width: 78%;
    margin-bottom: 0; } }
@media (min-width: 1023.02px) {
  .footer .footer__nav ul {
    width: 69%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: left; } }
.footer .footer__nav li {
  margin-bottom: 1.2rem; }
.footer .footer__nav ul a {
  text-decoration: none;
  background: linear-gradient(0deg, white, white) no-repeat right bottom/0 var(--brdr-xs);
  transition: background-size 350ms; }
.footer .footer__nav ul a:where(:hover, :focus, :focus-visible, :active) {
  background-size: 100% var(--brdr-xs);
  background-position-x: left;
  color: white; }
.footer .footer__nav ul a:visited {
  color: white; }
.footer .footer__nav-actions {
  padding-top: 0.5rem;
  display: inline-block;
  margin-top: var(--space-sm); }
@media (min-width: 767.02px) {
  .footer .footer__nav-actions {
    padding-top: 0;
    margin-top: -1.5rem; } }
@media (min-width: 1023.02px) {
  .footer .footer__nav-actions {
    margin-top: 0;
    margin-left: -0.5rem;
    padding-top: 2.8rem; } }
@media (min-width: 767.02px) {
  .footer .footer__nav-actions a {
    min-width: 15.6rem; } }
@media (min-width: 1023.02px) {
  .footer .footer__nav-actions a {
    min-width: 17.6rem; } }
@media only screen and (min-width: 47.9375em) {
  .menu-resources-container + .footer__nav-inner {
    justify-content: flex-end; } }
@media only screen and (min-width: 56.25em) {
  .menu-resources-container + .footer__nav-inner {
    justify-content: flex-start; } }
.footer .footer__bar {
  padding: 3.2rem 0 3rem; }
@media (min-width: 767.02px) {
  .footer .footer__bar {
    padding: 2.8rem 0 var(--space-md);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; } }
@media (min-width: 1023.02px) {
  .footer .footer__bar {
    margin-top: calc(var(--space-md) + var(--space-sm));
    padding: 1.6rem 0 2rem;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.5); } }
.footer .copyright {
  padding-bottom: 0.8rem;
  font-size: 1.5rem;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: normal; }
@media (min-width: 767.02px) {
  .footer .copyright {
    line-height: 1.6; } }
.footer .copyright br {
  display: none; }
@media (min-width: 767.02px) {
  .footer .copyright br {
    display: block; } }
.footer .credentials {
  font-size: 1.5rem;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: normal; }
.footer .credentials a {
    -webkit-text-decoration-color: white;
            text-decoration-color: white;
    text-decoration-thickness: var(--brdr-xxs);
    transition: -webkit-text-decoration-color var(--timing) var(--easing);
    transition: text-decoration-color var(--timing) var(--easing);
    transition: text-decoration-color var(--timing) var(--easing), -webkit-text-decoration-color var(--timing) var(--easing); }
.footer .credentials a:hover, .footer .credentials a:focus, .footer .credentials a:active {
      -webkit-text-decoration-color: transparent;
              text-decoration-color: transparent;
      color: white; }
.footer .credentials a:visited {
      color: white; }
@media (min-width: 767.02px) {
  .footer .credentials {
    text-align: right;
    line-height: 1.6; } }
@media (min-width: 767.02px) {
  .footer .credentials a {
    display: block; } }
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  position: relative;
  min-height: 100vh;
  overflow: hidden; }
/*--------------------------------------------------------------
# Carousel
--------------------------------------------------------------*/
.carousel {
  background-color: var(--color-accent-primary);
  margin-top: 2.5rem; }
@media only screen and (min-width: 47.9375em) {
    .carousel__main {
      border-bottom: var(--brdr-sm) solid var(--color-base-darker); } }
.carousel__content, .carousel__controls {
    margin: 0;
    padding: 0; }
.carousel__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    padding: 0 0 0 1.5rem; }
.carousel__content .carousel__slide {
      grid-column: 1;
      grid-row: 1;
      visibility: hidden;
      opacity: 0;
      transition: visibility var(--timing) var(--easing), opacity var(--timing) var(--easing); }
.carousel__item, .carousel__slide {
    margin: 0;
    padding: 0; }
.carousel__item::before, .carousel__slide::before {
      content: none; }
@media only screen and (min-width: 47.9375em) {
    .carousel__article, .carousel__controls {
      display: flex; } }
.carousel__figure {
    position: relative;
    align-self: flex-start;
    margin: -2.5rem 0 0;
    width: 69%; }
.carousel .figure--pttrn-bkg {
    z-index: 0; }
.carousel .figure--pttrn-bkg:after {
      left: -34px;
      bottom: -9px;
      width: 445px;
      transform: scaleX(-1); }
.carousel__img {
    position: relative;
    z-index: 5;
    width: 100%; }
.carousel__body {
    margin: 4.25rem 0 1.5rem 5rem;
    min-height: 25rem; }
.carousel__title {
    font-size: 2.25rem;
    line-height: 1.22222;
    margin: 0 0 0.75rem 0; }
@media only screen and (min-width: 47.9375em) {
      .carousel__title {
        font-size: 2.625rem;
        line-height: 1.2381;
        margin: 0 0 1rem 0; } }
.carousel__actions {
    margin-top: 2rem; }
.carousel__btn {
    position: relative;
    height: 100%;
    background-color: transparent;
    color: var(--color-primary-darkest);
    padding: 2rem;
    text-align: left; }
.carousel__btn:before {
      content: "";
      width: 0.0625rem;
      height: 54%;
      background: var(--color-base-darker);
      position: absolute;
      top: 27%;
      left: 0; }
.carousel__btn:hover, .carousel__btn:active, .carousel__btn:focus {
      background-color: var(--color-accent-primary);
      color: var(--color-primary-darkest); }
.carousel__btn.current {
      background-color: var(--color-secondary);
      color: white; }
.carousel__btn.current:hover, .carousel__btn.current:active, .carousel__btn.current:focus {
        background-color: var(--color-secondary);
        color: white; }
.carousel .btn--previous:before {
    display: none; }
.carousel .controls__num {
    display: block; }
.carousel .current {
    visibility: visible;
    opacity: 1; }
/*--------------------------------------------------------------
# Carousel Block
--------------------------------------------------------------*/
.staggered-slider .tabs__content .card__figure img {
  width: 100%; }
.guide .tabs__link .tabs__thmbnl:after {
  height: 100% !important; }
/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Modal - Default styles
--------------------------------------------------------------*/
/**
 * Including the at-only style with the dialog CSS as it is required
 * to visually hide a dialog's heading if desired.
 */
.at-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 0.0625rem;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 0.0625rem; }
/**
 * Trigger styling
 */
[data-modal-open][hidden] {
  display: none; }
/**
 * When a modal dialog is open, don't allow scrolling of content
 * beneath (on desktop). Also useful in negating instances of
 * double scroll bars.
 * (browser window + dialog if long enough content)
 */
body.modal-open {
  overflow: hidden; }
/**
 * Modal Dialog base styling
 */
.js [data-modal],
.a11y-modal {
  -webkit-overflow-scrolling: touch;
  background: white;
  bottom: 0;
  margin: 0;
  max-height: 100%;
  height: 100vh;
  width: 37rem;
  opacity: 1;
  overflow: auto;
  padding: 1.5rem;
  position: fixed;
  right: 0;
  top: 0;
  visibility: visible;
  width: 100%;
  z-index: 100;
  overflow-y: auto; }
.js [data-modal],
.a11y-modal {
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; }
/**
 * To allow for CSS animations, hidden modal dialogs are
 * not set to display: none, but rather the following rule
 * set, in combination with the dialog's default
 * position: fixed, will keep dialogs hidden from
 * all users until opened.
 *
 * This also solves an issue with iOS VO + Safari not allowing
 * modal dialogs to be focused, if the dialog is initially
 * set to "display: none".
 */
.js [data-modal][hidden],
.a11y-modal[hidden] {
  display: block;
  opacity: 0;
  pointer-events: none;
  transform: translateX(40vh);
  visibility: hidden; }
.a11y-modal__close-btn {
  border: none; }
/* Default close button hidden by default */
.is-icon-btn {
  background: none;
  border: none;
  height: 2em;
  padding: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  width: 2em;
  display: none; }
.is-icon-btn:hover [data-modal-x],
.is-icon-btn:focus [data-modal-x] {
  color: #600;
  transform: scale(1.3) rotate(45deg);
  transition: transform 0.2s ease-in-out; }
[data-modal-x] {
  border-right: var(--brdr-xs) solid;
  bottom: 0;
  display: block;
  height: 2em;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: relative;
  right: 0;
  top: 0;
  transform: rotate(45deg);
  width: 0.125rem; }
[data-modal-x]:after {
  border-right: var(--brdr-xs) solid;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-90deg);
  width: 100%; }
/*--------------------------------------------------------------
# Modal - Story
--------------------------------------------------------------*/
.modal {
  z-index: 100; }
.modal::before {
    content: url(images/dot-grid.svg);
    width: 18.75rem;
    height: 14rem;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    display: block;
    position: fixed;
    opacity: 0.4; }
.modal__bkg:before, .modal__overlay:before {
    content: "";
    position: fixed;
    background-color: rgba(0, 131, 131, 0.85);
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity var(--timing) var(--easing); }
@media only screen and (min-width: 56.25em) {
    .modal__bkg {
      background-image: url(images/temp/modal-bkg.jpg);
      background-size: cover;
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      opacity: 0;
      transition: opacity var(--timing) var(--easing); } }
.modal-open .modal__bkg:before,
  .modal-open .modal__overlay:before {
    width: 100vw;
    height: 100%;
    opacity: 1;
    z-index: 11; }
@media only screen and (min-width: 56.25em) {
    .modal-open .modal__bkg {
      width: 100vw;
      height: 100vh;
      opacity: 1;
      z-index: 50; } }
.modal--story {
    width: 98%;
    border-left: var(--brdr-lg) solid var(--color-secondary); }
@media only screen and (min-width: 56.25em) {
      .modal--story {
        border-left: none;
        margin-left: 0;
        background-color: transparent;
        width: 55.875rem;
        margin-left: 4.625rem;
        padding: 0; } }
@media only screen and (min-width: 75em) {
      .modal--story {
        width: 70rem; } }
.modal--story .modal__wrapper {
      min-height: 100%;
      top: 0;
      bottom: auto; }
@media only screen and (min-width: 56.25em) {
        .modal--story .modal__wrapper {
          background-color: white;
          border-left: var(--brdr-lg) solid var(--color-secondary);
          padding: 1.5rem;
          margin-left: 5.125rem; } }
@media only screen and (min-width: 75em) {
        .modal--story .modal__wrapper {
          margin-left: 5.9375rem; } }
.modal--story .modal__figure {
      margin: 0; }
@media only screen and (min-width: 56.25em) {
        .modal--story .modal__figure {
          margin: 0 0 0 -8.875rem;
          z-index: 200; } }
@media only screen and (min-width: 75em) {
        .modal--story .modal__figure {
          margin: 0 0 0 -10rem; } }
.modal--story .modal__main {
      width: 90%;
      margin: 0 auto; }
@media only screen and (min-width: 56.25em) {
        .modal--story .modal__main {
          display: flex; } }
.modal--story .modal__content {
      margin-top: 1.5rem; }
@media only screen and (min-width: 56.25em) {
        .modal--story .modal__content {
          padding: 0 0 0 3.25rem;
          max-width: 43.75rem;
          margin: 0 auto; } }
@media only screen and (min-width: 75em) {
        .modal--story .modal__content {
          padding: 0 0 0 2rem; } }
.modal__avatar {
    width: 7.5rem;
    height: 7.5rem; }
@media only screen and (min-width: 56.25em) {
      .modal__avatar {
        border: solid var(--brdr-sm) white;
        width: 10rem;
        height: 10rem;
        margin: 0; } }
@media only screen and (min-width: 75em) {
      .modal__avatar {
        width: 11.875rem;
        height: 11.875rem; } }
.modal__body {
    margin-top: 1.5rem; }
.modal__top {
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    justify-content: flex-end;
    margin-bottom: 1.5rem; }
/*--------------------------------------------------------------
# Data
--------------------------------------------------------------*/
.data {
  display: grid; }
@media only screen and (min-width: 47.9375em) {
    .data {
      grid-template-columns: repeat(41, 1fr);
      grid-template-rows: repeat(4, 1fr); } }
@media only screen and (min-width: 63.9375em) {
    .data {
      grid-template-columns: repeat(47, 1fr);
      grid-template-rows: repeat(3, 1fr); } }
.data__intro {
    margin-bottom: 3.75rem; }
@media only screen and (min-width: 47.9375em) {
      .data__intro {
        grid-row: 1;
        grid-column: 1/42;
        margin-bottom: 0; } }
@media only screen and (min-width: 63.9375em) {
      .data__intro {
        grid-column: 1/17;
        grid-row: 1;
        padding-top: 1.75rem; } }
.data__action {
    margin-top: 1rem; }
.data__item {
    position: relative;
    padding: 5rem 1.75rem 1.75rem;
    margin-bottom: 1.75rem;
    color: white;
    background: var(--color-base-darker);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end; }
@media only screen and (min-width: 47.9375em) {
      .data__item {
        padding: 2.75rem 1.75rem 1.75rem;
        margin: 0; } }
.data__item:last-child {
      margin-bottom: 0; }
.data__txt {
    margin-bottom: 0;
    width: 100%; }
@media only screen and (min-width: 47.9375em) {
    .data .item--1 {
      grid-column: 1/20;
      grid-row: 2/4;
      margin-bottom: 5.5%; } }
@media only screen and (min-width: 63.9375em) {
    .data .item--1 {
      grid-column: 3/17;
      grid-row: 2/4;
      margin-top: 20%;
      margin-bottom: 0; } }
@media only screen and (min-width: 47.9375em) {
    .data .item--2 {
      grid-column: 21/42;
      grid-row: 2/3;
      margin-bottom: 5.5%; } }
@media only screen and (min-width: 63.9375em) {
    .data .item--2 {
      grid-column: 18/33;
      grid-row: 1/3;
      margin-bottom: 8%; } }
@media only screen and (min-width: 47.9375em) {
    .data .item--3 {
      grid-column: 21/42;
      grid-row: 3/4;
      margin-bottom: 5.5%; } }
@media only screen and (min-width: 63.9375em) {
    .data .item--3 {
      grid-column: 18/33;
      grid-row: 3/4;
      margin-bottom: 0; } }
@media only screen and (min-width: 47.9375em) {
    .data .item--4 {
      grid-column: 1/24;
      grid-row: 4/5; } }
@media only screen and (min-width: 63.9375em) {
    .data .item--4 {
      grid-column: 34/48;
      grid-row: 1/2;
      margin-bottom: 8%; } }
@media only screen and (min-width: 47.9375em) {
    .data .item--5 {
      grid-column: 25/42;
      grid-row: 4/5; } }
@media only screen and (min-width: 63.9375em) {
    .data .item--5 {
      grid-column: 34/48;
      grid-row: 2/4; } }
.data .item--gray {
    color: var(--color-primary-darkest);
    background: linear-gradient(rgba(225, 233, 237, 0.85), rgba(225, 233, 237, 0.85)), url(images/temp/data-item-1.jpg); }
.data .item--gray .data__label {
      border-top: solid var(--brdr-xxs) var(--color-primary-darkest); }
.data .item--orange {
    background: linear-gradient(rgba(211, 70, 0, 0.85), rgba(211, 70, 0, 0.85)), url(images/temp/data-item-2.jpg); }
.data .item--orange .ico__path {
      stroke: white; }
.data .item--teal {
    background: linear-gradient(rgba(0, 131, 131, 0.85), rgba(0, 131, 131, 0.85)), url(images/temp/data-item-3.jpg); }
.data .item--teal .ico__path {
      stroke: white; }
.data .item--teal-darkest {
    background: linear-gradient(rgba(0, 44, 46, 0.8), rgba(0, 44, 46, 0.8)), url(images/temp/data-item-4.jpg); }
.data .item--teal-darkest .ico__path {
      stroke: white; }
.data .item--yellow {
    color: var(--color-primary-darkest);
    background: linear-gradient(rgba(255, 210, 33, 0.85), rgba(255, 210, 33, 0.85)), url(images/temp/data-item-5.jpg); }
.data .item--yellow .data__label {
      border-top: solid var(--brdr-xxs) var(--color-primary-darkest); }
.data .item--gray, .data .item--orange, .data .item--teal, .data .item--teal-darkest, .data .item--yellow {
    background-size: cover;
    background-position: 50% 50%; }
.data__emphasis {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
.data__ico .ico {
    width: 4rem;
    height: 4rem; }
.data__num {
    font-family: var(--font-secondary);
    font-weight: 500;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.1; }
@media only screen and (min-width: 47.9375em) {
      .data__num {
        font-size: 3.25rem;
        line-height: 1; } }
.data__label {
    font-size: 1rem;
    line-height: 1.5;
    border-top: solid var(--brdr-xxs) white;
    display: block;
    padding-top: 1rem;
    margin-top: 1rem; }
/*--------------------------------------------------------------
# Guide
--------------------------------------------------------------*/
.guide {
  padding-bottom: 7.75rem; }
@media only screen and (min-width: 47.9375em) {
    .guide {
      padding-bottom: 0;
      padding-top: 0; } }
.guide__title {
    margin-top: 2rem;
    margin-bottom: 2rem; }
.guide .tabs__link-content {
    pointer-events: none; }
.guide .tabs--guide {
    background-color: var(--color-accent-primary); }
@media only screen and (min-width: 47.9375em) {
      .guide .tabs--guide {
        padding: 2.5rem 0; } }
@media only screen and (min-width: 47.9375em) {
    .guide .tabs__list {
      flex-direction: column;
      max-width: 18.75rem;
      margin-right: 1.75rem; } }
@media only screen and (min-width: 56.25em) {
    .guide .tabs__list {
      max-width: 34rem; } }
.guide .tabs__thmbnl {
    position: relative;
    display: none; }
@media only screen and (min-width: 47.9375em) {
      .guide .tabs__thmbnl {
        display: block;
        width: 100%;
        margin-bottom: 0.5rem; } }
@media only screen and (min-width: 56.25em) {
      .guide .tabs__thmbnl {
        width: auto;
        margin-bottom: 0rem; } }
.guide .tabs__link {
    font-family: var(--font-primary);
    font-weight: 600;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.25;
    text-transform: uppercase;
    text-align: left;
    padding: 1.75rem 1.75rem 1.75rem 0;
    color: var(--color-primary-darkest);
    border-bottom: var(--brdr-xxs) solid var(--color-base-darker);
    transition: color var(--timing) var(--easing), transform var(--timing) var(--easing); }
@media only screen and (min-width: 47.9375em) {
      .guide .tabs__link {
        padding: 1.75rem 0;
        font-size: 1rem;
        line-height: 1.25; } }
@media only screen and (min-width: 56.25em) {
      .guide .tabs__link {
        padding: 1.75rem 1.75rem 1.75rem 0; } }
.guide .tabs__link .ico__path {
      stroke: var(--color-primary-darkest);
      transition: stroke var(--timing) var(--easing); }
.guide .tabs__link-content {
      display: flex;
      transition: transform var(--timing) var(--easing); }
@media only screen and (min-width: 47.9375em) {
        .guide .tabs__link-content {
          flex-wrap: wrap; } }
@media only screen and (min-width: 56.25em) {
        .guide .tabs__link-content {
          flex-wrap: nowrap; } }
.guide .tabs__link-txt {
      border-right: var(--brdr-xxs) solid var(--color-base-darker);
      padding: 0 1.5rem;
      margin-right: 1.5rem;
      width: 92%; }
@media only screen and (min-width: 47.9375em) {
        .guide .tabs__link-txt {
          align-self: stretch;
          padding-left: 0;
          width: 74%; } }
@media only screen and (min-width: 56.25em) {
        .guide .tabs__link-txt {
          padding: 0 1.5rem;
          width: 100%; } }
.guide .tabs__link-ico {
      align-self: center;
      transition: transform var(--timing) var(--easing); }
.guide .tabs__link .tabs__thmbnl:after {
      content: "";
      position: absolute;
      width: 7.5rem;
      height: 4.6875rem;
      background-color: rgba(211, 70, 0, 0.8);
      top: 0;
      left: 0;
      opacity: 0;
      border-left: var(--brdr-lg) solid var(--color-primary-darker);
      transition: opacity var(--timing) var(--easing); }
@media only screen and (min-width: 47.9375em) {
      .guide .tabs__link:hover .tabs__link-content, .guide .tabs__link:active .tabs__link-content, .guide .tabs__link:focus .tabs__link-content {
        transform: translateX(28px); } }
.guide .tabs__link.is-active {
      color: white;
      background-color: var(--color-secondary);
      border-bottom: var(--brdr-xxs) solid var(--color-base-darker); }
@media only screen and (min-width: 47.9375em) {
        .guide .tabs__link.is-active {
          color: var(--color-secondary);
          background-color: transparent; } }
@media only screen and (min-width: 47.9375em) {
        .guide .tabs__link.is-active .tabs__link-content {
          transform: translateX(28px); } }
.guide .tabs__link.is-active .tabs__link-txt {
        border-right: var(--brdr-xxs) solid white; }
@media only screen and (min-width: 47.9375em) {
          .guide .tabs__link.is-active .tabs__link-txt {
            border-right-color: var(--color-base-darker); } }
.guide .tabs__link.is-active .tabs__thmbnl:after {
        opacity: 1; }
.guide .tabs__link.is-active .tabs__link-ico {
        transform: rotate(90deg); }
@media only screen and (min-width: 47.9375em) {
          .guide .tabs__link.is-active .tabs__link-ico {
            transform: none; } }
.guide .tabs__link.is-active .ico__path {
        stroke: white; }
@media only screen and (min-width: 47.9375em) {
          .guide .tabs__link.is-active .ico__path {
            stroke: var(--color-secondary); } }
.guide .tabs__thmbnl-img {
    width: 7.5rem;
    height: auto; }
.guide .tabs__num {
    display: block; }
.guide .tabs__content {
    width: 100%;
    padding: 1.75rem; }
@media only screen and (min-width: 47.9375em) {
      .guide .tabs__content {
        width: 54%;
        min-height: 42.5rem;
        border-left: var(--brdr-xxs) solid var(--color-base-darker);
        padding: 0 0 0 1.75rem; } }
@media only screen and (min-width: 56.25em) {
      .guide .tabs__content {
        width: 51%;
        min-height: 37.5rem; } }
.guide .tabs .card {
    border-left: none; }
.guide .tabs .card__main {
      border-left: var(--brdr-xl) solid var(--color-primary-darkest); }
.guide .tabs__section {
    padding: 0;
    outline-offset: 0;
    margin-top: 0;
    margin-bottom: -9.5rem; }
@media print {
      .guide .tabs__section {
        margin-bottom: 0; } }
@media only screen and (min-width: 47.9375em) {
      .guide .tabs__section {
        margin: -9.75rem auto 0 auto;
        max-width: 30.875rem; } }
/*--------------------------------------------------------------
# GDPR
--------------------------------------------------------------*/
.gdpr-container {
  background: var(--color-accent-secondary-dark);
  visibility: hidden;
  position: fixed;
  bottom: 0;
  max-width: 100%;
  transform-origin: bottom;
  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.35);
  transition: all 1s;
  z-index: 10000;
  border-radius: 4px;
  left: 5.9%;
  bottom: var(--space-md);
  width: 88%; }
@media only screen and (min-width: 47.9375em) {
    .gdpr-container {
      bottom: var(--space-sm);
      width: 59%;
      right: var(--space-sm);
      left: auto; } }
@media only screen and (min-width: 56.25em) {
    .gdpr-container {
      width: 64rem; } }
@media only screen and (min-width: 63.9375em) {
    .gdpr-container {
      right: var(--space-md); } }
@media only screen and (min-width: 75em) {
    .gdpr-container {
      right: var(--space-sm); } }
.gdpr-container.active {
    visibility: visible;
    transform: scaleY(1); }
.gdpr-container .shell {
    max-width: 75em; }
.gdpr-container .gdpr__icon {
    margin-top: var(--space-xs);
    flex-basis: 9%;
    margin-right: calc(var(--space-sm) + var(--space-xs));
    display: none; }
@media only screen and (min-width: 47.9375em) {
      .gdpr-container .gdpr__icon {
        display: block; } }
.gdpr-container .gdpr__icon svg {
      color: white; }
.gdpr-container .shell {
    display: flex;
    flex-direction: row;
    margin-top: calc(var(--space-sm) + var(--space-xxxs));
    margin-bottom: calc(var(--space-sm) + var(--space-xs));
    margin-left: 0;
    margin-right: var(--space-xs);
    padding-right: calc(var(--space-sm) + var(--space-xxxs));
    padding-left: calc(var(--space-sm) + var(--space-xxs));
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxs);
    height: 100%; }
@media only screen and (min-width: 47.9375em) {
      .gdpr-container .shell {
        margin-left: var(--space-xs);
        padding-left: var(--space-sm);
        padding-right: calc(var(--space-md) * 1.15);
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs); } }
.gdpr-container .gdpr__inner {
    margin-top: var(--space-xs);
    margin-right: var(--space-md);
    flex-basis: 100%;
    padding-left: var(--space-xxxs); }
@media only screen and (min-width: 47.9375em) {
      .gdpr-container .gdpr__inner {
        border-left: var(--brdr-xxs) solid rgba(255, 255, 255, 0.5);
        padding-left: calc(var(--space-sm) + var(--space-xs)); } }
.gdpr-container .gdpr__content p,
  .gdpr-container .gdpr__content a {
    color: white;
    -webkit-text-decoration-color: white;
            text-decoration-color: white;
    font-size: var(--text-md);
    margin-bottom: calc(var(--space-md) + var(--space-xxs)); }
.gdpr-container .gdpr__close--button {
    padding: var(--space-xxs);
    cursor: pointer; }
.gdpr-container .gdpr__close--button .ico__path {
      stroke: white; }
.gdpr-container .gdpr__actions a {
    border-color: white;
    color: white;
    min-width: 15rem;
    padding: calc(var(--space-xs) + var(--space-sm)) var(--space-md) calc(var(--space-sm) + var(--space-xxs)) var(--space-sm); }
.gdpr-container .gdpr__actions a:before, .gdpr-container .gdpr__actions a:after {
      border-color: white; }
.gdpr-container .gdpr__actions a:hover, .gdpr-container .gdpr__actions a:focus, .gdpr-container .gdpr__actions a:active {
      color: #284272; }
/*--------------------------------------------------------------
# Socials
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Socials Primary
\* ------------------------------------------------------------ */
.socials-primary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1.8rem;
  font-family: var(--font-secondary);
  font-weight: 700;
  font-style: normal;
  color: #173162; }
@media (min-width: 767.02px) {
  .socials-primary {
    justify-content: center;
    padding-left: 2rem; } }
.socials-primary ul,
.socials-primary div.at-share-btn-elements {
  margin-left: 0;
  margin-right: 0; }
.socials-primary ul li,
.socials-primary ul a.at-icon-wrapper {
  margin-bottom: 0;
  padding-left: 0;
  margin-left: 0; }
.socials-primary ul li:before,
  .socials-primary ul a.at-icon-wrapper:before {
    content: none !important; }
.socials-primary ul,
.socials-primary .at-share-btn-elements {
  margin-bottom: 0;
  margin-top: -0.9rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none; }
@media only screen and (min-width: 47.9375em) {
    .socials-primary ul,
    .socials-primary .at-share-btn-elements {
      padding-left: 0; } }
.socials-primary li,
.socials-primary a.at-icon-wrapper {
  margin-right: 1.9rem; }
.socials-primary p {
  margin-right: 28px;
  margin-bottom: 0; }
@media only screen and (min-width: 47.9375em) {
    .socials-primary p {
      margin-bottom: var(--space-xxs); } }
@media only screen and (min-width: 63.9375em) {
    .socials-primary p {
      margin-bottom: 0; } }
.socials-primary a {
  color: var(--color-secondary-darkest);
  transition: color 0.3s; }
.socials-primary a figure {
    margin-right: var(--space-sm); }
.socials-primary a svg path {
    fill: var(--color-secondary-darkest);
    transition: fill var(--timing) var(--easing); }
.socials-primary a:hover {
  color: var(--color-primary-dark); }
.socials-primary a:hover svg path {
    fill: var(--color-primary-dark); }
.socials-primary--alt {
  margin-top: 3.2rem;
  padding-top: 2.9rem;
  border-top: 0.1rem solid #a1bcc4;
  font-weight: 400;
  font-size: 2.1rem;
  color: #fff; }
@media (min-width: 767.02px) {
  .socials-primary--alt {
    margin-top: 0;
    margin-left: 3.7rem;
    padding-left: 3.6rem;
    padding-top: 0.5rem;
    border-top: 0;
    border-left: 0.1rem solid #a1bcc4; } }
.socials-primary--alt li {
  margin-right: 1.7rem; }
.socials-primary--alt a {
  color: #fff; }
.socials-primary--alt a:hover {
  color: #fff; }
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.45);
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.45); }
.menu__aside .socials ul {
  padding: 0; }
@media (min-width: 767.02px) {
  .socials {
    border: 0;
    padding-bottom: var(--space-sm); } }
@media (min-width: 1023.02px) {
  .socials {
    padding-bottom: 1rem; } }
.socials ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
@media (min-width: 767.02px) {
  .socials ul {
    flex-direction: column; } }
.socials li {
  min-height: 6.6rem;
  flex: 1 1;
  display: flex;
  justify-content: center;
  align-items: center; }
@media (min-width: 767.02px) {
  .socials li {
    min-height: 5.6rem;
    width: 100%; } }
.socials li + li {
  border-left: 0.1rem solid rgba(255, 255, 255, 0.45); }
@media (min-width: 767.02px) {
  .socials li + li {
    border-left: 0; } }
.nav .menu__aside .socials ul {
  margin: 0; }
/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Banner
\* ------------------------------------------------------------ */
.banner {
  margin: 0 -2.9rem;
  padding: 2.8rem 2.8rem 2.7rem 3rem;
  background: #cef2f2;
  font-size: 1.8rem;
  line-height: 1.56;
  color: #4d535d; }
@media (min-width: 767.02px) {
  .banner {
    margin: 0;
    padding: 2rem 2rem 2.3rem 2rem;
    line-height: 1.4; } }
@media (min-width: 1023.02px) {
  .banner {
    max-width: 87.2rem;
    margin: 0 auto;
    padding: 2rem 2rem 2rem 2rem; } }
.banner .banner__inner {
  border: 0.4rem solid #284272; }
@media (min-width: 767.02px) {
  .banner .banner__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
.banner .banner__content {
  padding: 2.1rem 2.4rem; }
@media (min-width: 767.02px) {
  .banner .banner__content {
    width: 60%;
    padding: 2.8rem 5.4rem 2.6rem 2.5rem; } }
@media (min-width: 1023.02px) {
  .banner .banner__content {
    width: 68%; } }
.banner figure {
  padding: 3.8rem 1rem 3.4rem;
  background: #284272;
  text-align: center; }
@media (min-width: 767.02px) {
  .banner figure {
    width: 40%;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center; } }
@media (min-width: 1023.02px) {
  .banner figure {
    width: 25%; } }
.banner h2 {
  margin-bottom: 0.6rem;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  font-size: 2.4rem;
  color: #284272; }
@media (min-width: 767.02px) {
  .banner h2 {
    margin-bottom: 3px; } }
.banner p {
  margin-bottom: 0; }
@media (min-width: 767.02px) {
  .banner p {
    font-size: 2rem; } }
/*--------------------------------------------------------------
# Box
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */
.box {
  margin: 0 -2.9rem 6.2rem;
  padding: 6.2rem 2.9rem 6.3rem;
  background: #264e9a;
  color: #fff; }
.box h2 {
    color: #fff; }
@media (min-width: 767.02px) {
  .box {
    position: relative;
    z-index: 2;
    margin: -18.7rem 0 7.4rem;
    padding: 7rem 6.1rem 7.3rem; } }
@media (min-width: 1023.02px) {
  .box {
    margin: -31.2rem 0 7.4rem;
    padding: 7.2rem 6.1rem 2.3rem; } }
@media (min-width: 1023.02px) {
  .box .box__content {
    margin: 0 auto;
    max-width: 110rem; } }
.box .box__entry {
  padding-bottom: 6rem;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5; }
.box .box__entry p {
    font-family: var(--font-primary);
    font-weight: 400;
    font-style: normal;
    font-size: var(--text-xl);
    line-height: 1.65; }
@media only screen and (min-width: 56.25em) {
      .box .box__entry p {
        font-size: var(--text-lg); } }
.box .box__entry p:last-of-type {
      margin-bottom: 0; }
.box .box__entry a {
    -webkit-text-decoration-color: white;
            text-decoration-color: white;
    transition: color var(--timing) var(--easing), -webkit-text-decoration-color var(--timing) var(--easing);
    transition: color var(--timing) var(--easing), text-decoration-color var(--timing) var(--easing);
    transition: color var(--timing) var(--easing), text-decoration-color var(--timing) var(--easing), -webkit-text-decoration-color var(--timing) var(--easing); }
.box .box__entry a:visited, .box .box__entry a:hover, .box .box__entry a:active, .box .box__entry a:focus {
      color: var(--color-accent-secondary-lightest);
      -webkit-text-decoration-color: var(--color-accent-secondary-lightest);
              text-decoration-color: var(--color-accent-secondary-lightest); }
@media (min-width: 767.02px) {
  .box .box__entry {
    padding-bottom: 5.5rem;
    font-size: 3rem;
    line-height: 1.47; } }
@media (min-width: 1023.02px) {
  .box .box__entry {
    padding-bottom: 7.1rem; } }
.box .box__inner {
  padding-bottom: 5.2rem; }
@media (min-width: 767.02px) {
  .box .box__inner {
    padding-bottom: var(--space-xl);
    display: flex;
    flex-wrap: wrap; } }
@media (min-width: 1023.02px) {
  .box .box__inner {
    padding-bottom: 7.7rem; } }
@media (min-width: 1023.02px) {
  .box .box__info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; } }
.box .socials-primary.socials-primary--alt {
  margin-top: var(--space-xl); }
@media only screen and (min-width: 47.9375em) {
    .box .socials-primary.socials-primary--alt {
      margin-top: 0; } }
.box .box__contacts,
.box .box__actions {
  margin-bottom: 5rem; }
@media (min-width: 767.02px) {
  .box .box__contacts,
  .box .box__actions {
    margin-bottom: 4.7rem; } }
@media (min-width: 1023.02px) {
  .box .box__contacts,
  .box .box__submit-event {
    width: 30%; } }
.box .box__submit-event {
  margin-bottom: var(--space-xs); }
@media only screen and (min-width: 63.9375em) {
    .box .box__submit-event {
      margin-bottom: 0; } }
.box .box__contacts h2,
.box .box__actions h2,
.box .box__submit-event h2 {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 1.3rem;
  font-weight: 400; }
.box .box__contacts h2:before,
.box .box__actions h2:before,
.box .box__submit-event h2:before {
  content: "";
  position: absolute;
  top: 58%;
  left: 0;
  right: 0;
  z-index: -1;
  height: 0.2rem;
  background: #fff;
  transform: translateY(-50%); }
.box .box__contacts h2 span,
.box .box__actions h2 span,
.box .box__submit-event h2 span {
  padding-right: 1.5rem;
  display: inline-block;
  background: #264e9a; }
.box .box__contacts h2,
.box .box__actions h2,
.box .box__submit-event h2 {
  margin-bottom: var(--space-xs); }
@media only screen and (min-width: 56.25em) {
    .box .box__contacts h2,
    .box .box__actions h2,
    .box .box__submit-event h2 {
      margin-bottom: 2.5rem; } }
.box .box__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
@media (min-width: 1023.02px) {
  .box .box__actions,
  .box .box__submit-event {
    width: 30%; } }
.box .box__actions h2,
.box .box__submit-event h2 {
  margin-bottom: var(--space-xs); }
@media only screen and (min-width: 56.25em) {
    .box .box__actions h2,
    .box .box__submit-event h2 {
      margin-bottom: 2.6rem; } }
.box .box__actions a {
  margin-right: 2rem;
  padding-right: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-right: 0.1rem solid #a1bcc4;
  font-size: 2.2rem;
  font-weight: 400;
  text-decoration: none;
  color: white;
  transition: color var(--timing) var(--easing); }
.box .box__actions a:visited, .box .box__actions a:hover, .box .box__actions a:focus, .box .box__actions a:active {
    color: var(--color-accent-secondary-lightest); }
.box .box__actions a:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0; }
@media (min-width: 767.02px) {
  .box .box__actions a {
    padding-right: 2.2rem; } }
.box .box__actions figure {
  margin-top: -0.6rem;
  margin-right: 1.3rem; }
/*--------------------------------------------------------------
# Section Sponsors
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Event Item
\* ------------------------------------------------------------ */
.event-item {
  padding-bottom: 2.9rem;
  text-align: center;
  color: #284272; }
@media (min-width: 767.02px) {
  .event-item {
    width: 50%;
    padding: 0 2rem 1rem; } }
@media (min-width: 1023.02px) {
  .event-item {
    padding: 0 4rem 1rem; } }
.event-item small {
  margin-bottom: 0.5rem;
  display: block;
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: normal;
  font-size: 2.1rem; }
@media (min-width: 1023.02px) {
  .event-item small {
    margin-bottom: 0.7rem; } }
.event-item h3 {
  margin-bottom: 0.9rem;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  transition: color var(--timing) var(--easing); }
@media (min-width: 767.02px) {
  .event-item h3 {
    font-size: 3rem;
    line-height: 1.47; } }
@media (min-width: 1023.02px) {
  .event-item h3 {
    margin-bottom: 0.4rem; } }
.event-item a {
  display: block;
  text-decoration: none;
  transition: opacity 0.3s; }
.event-item a:hover h3, .event-item a:active h3, .event-item a:focus h3 {
    color: var(--color-accent-primary); }
.event-item figure {
  transition: transform 0.3s; }
.event-item--next a:hover figure, .event-item--next a:active figure, .event-item--next a:focus figure {
  transform: translateX(2rem); }
.event-item--next a:hover figure path, .event-item--next a:active figure path, .event-item--next a:focus figure path {
    stroke: var(--color-accent-primary); }
.event-item--prev a:hover figure, .event-item--prev a:active figure, .event-item--prev a:focus figure {
  transform: translateX(-2rem); }
.event-item--prev a:hover figure path, .event-item--prev a:active figure path, .event-item--prev a:focus figure path {
    stroke: var(--color-accent-primary); }
.event-item + .event-item {
  padding-top: 2.8rem;
  border-top: 0.1rem solid rgba(161, 188, 196, 0.55); }
@media (min-width: 767.02px) {
  .event-item + .event-item {
    padding-top: 0;
    border-top: 0;
    border-left: 0.1rem solid rgba(161, 188, 196, 0.55); } }
/* ------------------------------------------------------------ *\
	Event Items
\* ------------------------------------------------------------ */
.event-items {
  overflow: hidden; }
.event-items .event-items__inner {
  margin-bottom: var(--space-md); }
@media (min-width: 767.02px) {
  .event-items .event-items__inner {
    margin: 0 -1.7rem 4rem;
    padding-bottom: 3.3rem;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: var(--space-sm); } }
@media (min-width: 1023.02px) {
  .event-items .event-items__inner {
    margin: 0 -3.7rem 3rem;
    padding-bottom: 2.5rem; } }
/* ------------------------------------------------------------ *\
	Event
\* ------------------------------------------------------------ */
.event {
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.4; }
@media (min-width: 767.02px) {
  .event {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; } }
@media (min-width: 1023.02px) {
  .event {
    max-width: 90.8rem;
    margin: 0 auto; } }
.event .event__time {
  margin-bottom: 0.6rem;
  font-weight: 600; }
@media (min-width: 767.02px) {
  .event .event__time {
    width: 40%;
    padding-left: 6.3rem; } }
@media (min-width: 1023.02px) {
  .event .event__time {
    width: 35%;
    padding-left: var(--space-lg); } }
@media (min-width: 767.02px) {
  .event .event__name {
    width: 57%;
    padding-right: 1.5rem; } }
@media (min-width: 1023.02px) {
  .event .event__name {
    width: 59%;
    padding-right: 0; } }
.event a {
  text-decoration: none;
  transition: color 0.3s; }
.event a:hover,
.event a:focus {
  color: #9ce2cc; }
.event a:hover figure,
.event a:focus figure {
  margin-left: 2.5rem;
  color: #fff; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .event a:hover figure {
    margin-left: 2rem; } }
.event figure {
  margin-top: -0.7rem;
  margin-left: 0.6rem;
  transition: margin 0.3s;
  color: #fff; }
@media (min-width: 767.02px) {
  .event figure {
    margin-top: -0.9rem;
    margin-left: 1.2rem; } }
.event + .event {
  margin-top: 2.3rem; }
@media (min-width: 767.02px) {
  .event + .event {
    margin-top: 2.5rem; } }
@media (min-width: 1023.02px) {
  .event + .event {
    margin-top: 3.1rem; } }
/* ------------------------------------------------------------ *\
	Events
\* ------------------------------------------------------------ */
.events {
  padding-bottom: calc(var(--space-lg) + var(--space-sm)); }
@media (min-width: 767.02px) {
  .events {
    padding-bottom: 3.5rem; } }
@media (min-width: 1023.02px) {
  .events {
    padding-bottom: 8rem; } }
.events .events__date {
  margin-bottom: 3rem;
  padding-bottom: 0.8rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.7); }
@media (min-width: 767.02px) {
  .events .events__date {
    margin-bottom: 2.6rem;
    padding-bottom: var(--space-sm); } }
@media (min-width: 1023.02px) {
  .events .events__date {
    margin-bottom: 3.3rem; } }
/* ------------------------------------------------------------ *\
	Section Events
\* ------------------------------------------------------------ */
.section-events {
  padding: 6.5rem 0 6.5rem;
  background: #046269;
  color: #fff !important; }
.section-events h2,
.section-events h3,
.section-events span,
.section-events a {
  color: #fff; }
.section-events h3 {
  font-weight: 600; }
.section-events .month {
  display: none; }
.section-events .month.active {
    display: block; }
.section-events .section__head-actions a.js-next-month,
.section-events .section__head-actions a.js-last-month {
  display: none; }
.section-events .section__head-actions a.js-next-month.active,
  .section-events .section__head-actions a.js-last-month.active {
    display: block; }
@media (min-width: 767.02px) {
  .section-events {
    padding: 7.5rem 0 6.8rem; } }
@media (min-width: 1023.02px) {
  .section-events {
    padding: 8.6rem 0 8rem; } }
.section-events .section__head {
  margin-bottom: 6rem;
  padding-bottom: 1.8rem;
  border-bottom: 1rem solid #fff; }
@media (min-width: 767.02px) {
  .section-events .section__head {
    margin-bottom: 5.7rem;
    padding-bottom: 3.5rem; } }
@media (min-width: 1023.02px) {
  .section-events .section__head {
    margin-bottom: 8.6rem;
    padding-bottom: 4.8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between; } }
.section-events .section__head small {
  position: relative;
  margin-bottom: 2rem;
  display: block;
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: normal;
  font-size: 2.1rem; }
.section-events .section__head small:before {
  content: "";
  position: absolute;
  top: 59%;
  right: 0;
  transform: translateY(-50%);
  width: 75%;
  height: 0.2rem;
  background: #fff; }
@media (min-width: 767.02px) {
  .section-events .section__head small {
    margin-bottom: 3.7rem; }
  .section-events .section__head small:before {
    width: 88%; } }
@media (min-width: 1023.02px) {
  .section-events .section__head small {
    width: 100%;
    display: block; }
  .section-events .section__head small:before {
    width: 91.5%; } }
.section-events .section__head h2 {
  margin-bottom: 3.1rem; }
@media (min-width: 767.02px) {
  .section-events .section__head h2 {
    margin-bottom: 5.5rem; } }
@media (min-width: 1023.02px) {
  .section-events .section__head h2 {
    margin-bottom: 0;
    font-size: 5rem;
    line-height: 1; } }
@media (min-width: 1023.02px) {
  .section-events .section__head-actions {
    max-width: 38.2rem;
    width: 100%; } }
.section-events .section__head-actions ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  line-height: 1.43;
  text-transform: uppercase;
  margin: 0;
  padding-left: 0; }
@media (min-width: 767.02px) {
  .section-events .section__head-actions ul {
    padding-top: 3rem;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.7); } }
@media (min-width: 1023.02px) {
  .section-events .section__head-actions ul {
    padding-top: 0;
    border-top: 0; } }
.section-events .section__head-actions ul li {
  margin: 0;
  padding: 0;
  width: 33.33%; }
.section-events .section__head-actions ul li:before {
    content: none !important; }
.section-events .section__head-actions ul li + li {
  border-left: 0.1rem solid rgba(255, 255, 255, 0.7); }
.section-events .section__head-actions a {
  display: block;
  text-decoration: none;
  transition: opacity 0.3s; }
.section-events .section__head-actions a:hover {
  opacity: 0.7; }
.section-events .section__head-actions svg {
  margin-bottom: 1.2rem; }
.section-events .section__head-actions strong {
  display: block; }
.section-events .section__actions {
  position: relative;
  padding-top: 0.5rem;
  margin-bottom: calc(var(--space-xl) + var(--space-sm)); }
.section-events .section__actions:before {
  content: none;
  position: absolute;
  top: 52%;
  right: 0;
  transform: translateY(-50%);
  width: 68%;
  height: 0.1rem;
  background: #fff;
  opacity: 0.7; }
@media only screen and (min-width: 47.9375em) {
    .section-events .section__actions:before {
      content: ""; } }
@media only screen and (min-width: 47.9375em) {
  .section-events .section__actions {
    margin-bottom: 7.7rem; } }
@media (min-width: 1023.02px) {
  .section-events .section__actions {
    padding-top: 0;
    margin-top: -0.2rem;
    margin-bottom: 7rem; }
  .section-events .section__actions:before {
    width: 76.5%; } }
@media (min-width: 1023.02px) {
  .section-events .section__ad a {
    margin-bottom: 1.7rem; } }
/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Hero
\* ------------------------------------------------------------ */
.hero {
  position: relative;
  z-index: 2;
  padding: calc(var(--space-md) + var(--space-xxs)) 0 5rem;
  background: #173162;
  color: #fff; }
@media only screen and (min-width: 63.9375em) {
    .hero {
      padding-bottom: calc(var(--space-xl) + var(--space-sm)); } }
@media only screen and (min-width: 75em) {
    .hero {
      padding-bottom: calc(var(--space-xl) + var(--space-sm)); } }
.hero h1 {
    color: white; }
.hero .hero__inner {
    border-top: var(--color-base-lighter) var(--brdr-xxs) solid;
    padding-top: var(--space-lg); }
@media only screen and (min-width: 63.9375em) {
  .hero .hero__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-right: 0;
    margin: 0 auto; } }
.hero .hero__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 75%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
.hero .hero__background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(4, 39, 49, 0.65) 0%, #173162 100%); }
@media (min-width: 767.02px) {
  .hero .hero__background {
    height: 93%; } }
@media only screen and (min-width: 63.9375em) {
  .hero .hero__background {
    height: 83%; } }
@media only screen and (min-width: 63.9375em) {
  .hero .hero__content {
    width: 56.3%; } }
.hero .hero__content a {
  color: white;
  transition: color var(--timing) var(--easing); }
.hero .hero__content a:hover, .hero .hero__content a:focus, .hero .hero__content a:active {
    color: #9ce2cc; }
.hero .hero__aside {
  font-size: 2rem;
  line-height: 1.6; }
.hero .hero__aside a {
    margin-top: calc(var(--space-lg) + var(--space-sm));
    display: block;
    max-width: 28rem; }
@media only screen and (min-width: 63.9375em) {
  .hero .hero__aside {
    width: 43.7%;
    padding-left: 4rem;
    padding-bottom: 4rem; } }
@media only screen and (min-width: 63.9375em) {
  .hero .hero__aside p {
    margin-top: -0.7rem;
    margin-bottom: 3.5rem; } }
.hero figure {
  position: relative;
  padding-top: 26%;
  min-height: 17.4rem;
  width: 100%;
  margin-bottom: var(--space-lg); }
.hero figure img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
@media only screen and (min-width: 30em) {
  .hero figure {
    min-height: 28rem; } }
@media (min-width: 767.02px) {
  .hero figure {
    margin-bottom: 3.6rem;
    min-height: 36rem; } }
@media only screen and (min-width: 63.9375em) {
  .hero figure {
    margin-bottom: 3.3rem;
    width: 94.5%;
    min-height: 31.4rem; }
    .hero figure:after {
      content: "";
      position: absolute;
      width: var(--brdr-xxs);
      background: white;
      height: 116%;
      top: 0;
      left: 106.35%;
      opacity: 0.55; } }
@media only screen and (min-width: 87.5em) {
  .hero figure:after {
    left: 105.9%; } }
.hero small {
  margin-bottom: var(--space-lg);
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.87;
  text-transform: uppercase;
  position: relative; }
@media (min-width: 767.02px) {
  .hero small {
    padding-bottom: 0; } }
.hero h1 {
  margin-bottom: var(--space-xs); }
@media (min-width: 767.02px) {
  .hero h1 {
    margin-bottom: 2.6rem; } }
@media only screen and (min-width: 63.9375em) {
  .hero h1 {
    margin-right: calc((-100vw + 30rem) / 2); } }
.hero h1 br {
  display: none; }
@media only screen and (min-width: 63.9375em) {
  .hero h1 br {
    display: block; } }
.hero a {
  margin-top: 0.1rem;
  margin-left: 0.1rem; }
@media (min-width: 767.02px) {
  .hero a {
    margin-top: 0.5rem;
    margin-left: 0; } }
.homepage__ad {
  margin-bottom: 0;
  padding-left: 2.8rem;
  padding-right: 2.8rem; }
@media only screen and (min-width: 56.25em) {
    .homepage__ad {
      padding-left: 0;
      padding-right: 0; } }
.homepage__ad p {
    margin-bottom: var(--space-lg); }
.homepage__ad img {
    max-width: 50rem; }
/*--------------------------------------------------------------
# Item
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Item
\* ------------------------------------------------------------ */
.item {
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  font-size: 1.8rem;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.01em;
  line-height: 1.56; }
@media (min-width: 767.02px) {
  .item {
    margin-right: 3rem;
    padding: 0 2.8rem 0 0;
    border-right: 0.1rem solid #a1bcc4; }
  .item:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0; } }
@media (min-width: 1023.02px) {
  .item {
    margin-right: 3.8rem;
    padding-right: 3.3rem; } }
.item strong {
  display: block;
  font-family: var(--font-primary);
  font-weight: 500;
  font-style: normal;
  font-size: var(--text-base-size);
  letter-spacing: 0.01em;
  text-transform: uppercase;
  line-height: 1.87; }
.item .item__icon {
  min-width: 5.5rem;
  min-height: 5.2rem;
  display: flex;
  align-items: center; }
.item + .item {
  border-top: 0.1rem solid #a1bcc4; }
@media (min-width: 767.02px) {
  .item + .item {
    border-top: 0; } }
/* ------------------------------------------------------------ *\
	Items
\* ------------------------------------------------------------ */
.items {
  list-style-type: none;
  padding-left: 0; }
@media (min-width: 767.02px) {
  .items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start; } }
@media (min-width: 1023.02px) {
  .items {
    max-width: 74.8rem;
    margin: 0 auto;
    justify-content: center; } }
/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Menu
\* ------------------------------------------------------------ */
.menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  max-height: 100vh;
  overflow-y: auto;
  opacity: 0;
  transition: transform cubic-bezier(0.64, 0.57, 0.71, 1.15), opacity 0.3s;
  transition-duration: 0.7s;
  transform: translateY(-100%); }
.menu.is-active {
  opacity: 1;
  transform: translateY(0); }
@media (min-width: 767.02px) {
  .menu .menu__inner {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse; } }
.menu .menu__aside {
  padding-top: var(--space-md);
  text-align: center; }
@media (min-width: 767.02px) {
  .menu .menu__aside {
    max-width: 8.7rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 0.1rem solid rgba(255, 255, 255, 0.4);
    padding-top: var(--space-sm); } }
@media (min-width: 1023.02px) {
  .menu .menu__aside {
    max-width: 8.4rem;
    padding-top: 1.3rem; } }
.menu .menu__actions {
  padding-right: 0;
  margin-bottom: calc(var(--space-sm) + var(--space-xxxs)); }
@media (min-width: 767.02px) {
  .menu .menu__actions {
    padding-right: 0.5rem;
    padding-top: 0.3rem;
    margin-bottom: 1.3rem; } }
.menu .menu__actions a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
  display: block; }
.menu .menu__actions a:visited,
.menu .menu__actions a:hover,
.menu .menu__actions a:focus,
.menu .menu__actions a:active {
  color: white; }
@media (min-width: 767.02px) {
  .menu .menu__content {
    width: calc(100% - 8.7rem); } }
@media (min-width: 1023.02px) {
  .menu .menu__content {
    max-width: 128rem;
    margin: 0 auto; } }
.menu .menu__actions a span {
  display: block;
  margin-top: calc(var(--space-xs) + var(--space-xxxs)); }
.menu .menu__section h2 {
  color: #fff; }
.menu .menu__section > h2 {
  margin-bottom: 3.1rem;
  padding-bottom: 1.8rem;
  border-bottom: 0.4rem solid #fff; }
@media (min-width: 767.02px) {
  .menu .menu__section > h2 {
    font-weight: 600; } }
.menu .menu__nav {
  padding: 1.4rem 0 3.9rem;
  border-top: 0.4rem solid #fff; }
.menu .menu__nav h2 {
    color: white; }
@media (min-width: 1023.02px) {
  .menu .menu__nav {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0; } }
.menu .menu__nav h2 {
  margin-bottom: 2.2rem; }
@media (min-width: 1023.02px) {
  .menu .menu__nav h2 {
    font-weight: 600; } }
@media (min-width: 1023.02px) {
  .menu .menu__nav--alt {
    padding-left: 3.1rem; } }
@media (min-width: 767.02px) {
  .menu .menu__items {
    display: flex;
    flex-wrap: wrap; } }
@media (min-width: 767.02px) {
  .menu .menu__item {
    width: 50%; } }
@media (min-width: 1023.02px) {
  .menu .menu__item {
    width: 33.33%; } }
.menu .menu__item--1of3 {
  width: 100%; }
@media (min-width: 1023.02px) {
  .menu .menu__item--1of3 {
    width: 33%; } }
.menu .menu__item--2of3 {
  width: 100%; }
@media (min-width: 1023.02px) {
  .menu .menu__item--2of3 {
    width: 66.66%; } }
.menu .menu__item--1of2 {
  width: 100%; }
@media (min-width: 1023.02px) {
  .menu .menu__item--1of2 {
    width: 63.4%; } }
@media (min-width: 767.02px) {
  .menu .menu__item--md {
    width: 60.5%; } }
@media (min-width: 1023.02px) {
  .menu .menu__item--md {
    width: 36%; } }
.menu .menu__item ul {
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.4;
  padding: 0; }
.menu .menu__item ul li {
  margin-bottom: 1.6rem; }
.menu .menu__item ul a {
  text-decoration: none;
  background: linear-gradient(0deg, white, white) no-repeat right bottom/0 var(--brdr-xs);
  transition: background-size 350ms; }
.menu .menu__item ul a:where(:hover, :focus-visible, :active) {
  background-size: 100% var(--brdr-xs);
  background-position-x: left;
  color: white; }
.menu .menu__item ul a:visited {
  color: white; }
@media (min-width: 1023.02px) {
  .menu .menu__links {
    padding-left: 3.3rem; } }
.menu .menu__links a {
  margin-bottom: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.4;
  text-decoration: none; }
.menu .menu__links a:visited {
    color: white; }
.menu .menu__links a:hover {
  color: white; }
.menu .menu__links a + a {
  padding-top: 1.5rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.7); }
.menu .menu__links a figure {
  width: 3.5rem;
  padding: 1rem 0;
  text-align: right;
  border-left: 0.1rem solid rgba(255, 255, 255, 0.7);
  transition: padding var(--timing) var(--easing); }
.menu .menu__links a:hover figure,
.menu .menu__links a:focus figure,
.menu .menu__links a:active figure {
  padding-left: 1.4rem; }
@media (min-width: 767.02px) {
  .menu .menu__links a figure {
    width: 5.2rem;
    text-align: center; } }
.menu .menu__entry {
  padding-bottom: 2.9rem;
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.4; }
.menu .menu__entry h2 {
    color: white; }
@media (min-width: 767.02px) {
  .menu .menu__entry {
    padding-bottom: 3.4rem; } }
@media (min-width: 1023.02px) {
  .menu .menu__entry {
    border-right: 0.1rem solid rgba(255, 255, 255, 0.7); } }
.menu .menu__entry h2 {
  margin-bottom: 1.4rem; }
@media (min-width: 767.02px) {
  .menu .menu__entry h2 {
    font-weight: 600; } }
.menu .menu__search {
  padding: 19vh 0 0;
  text-align: center; }
@media (min-width: 767.02px) {
  .menu .menu__search {
    padding-top: 0;
    width: 100%; } }
.menu--stories {
  background: #264e9a;
  height: 100vh; }
@media (min-width: 1023.02px) {
  .menu--stories .menu__content {
    padding-bottom: 5.1rem; } }
.menu--stories .menu__section {
  margin: 5rem 2.9rem 3.5rem; }
@media (min-width: 767.02px) {
  .menu--stories .menu__section {
    margin: 5.9rem 4rem 3.1rem 2.4rem; } }
@media (min-width: 1023.02px) {
  .menu--stories .menu__section {
    margin: 6.4rem 3rem var(--space-xl) var(--space-md); } }
@media (min-width: 767.02px) {
  .menu--stories .menu__section + .menu__section {
    margin-top: 1.6rem; } }
@media (min-width: 1023.02px) {
  .menu--stories .menu__section + .menu__section {
    margin-bottom: 1.4rem;
    padding-top: 1.4rem;
    border-top: 0.4rem solid #fff; } }
@media (min-width: 767.02px) {
  .menu--stories .menu__item {
    border-bottom: 0.1rem solid rgba(254, 255, 255, 0.4); }
    .menu--stories .menu__item:last-child {
      border-bottom: none; }
  .menu--stories .menu__item:nth-child(even) ul {
    margin-bottom: 2.8rem;
    padding-left: 6.5rem;
    border-left: 0.1rem solid rgba(254, 255, 255, 0.4); }
  .menu--stories .menu__item:nth-child(n + 3) ul {
    padding-top: 2.9rem; } }
@media (min-width: 1023.02px) {
  .menu--stories .menu__item {
    position: relative;
    border-bottom: 0; }
  .menu--stories .menu__item:before {
    content: "";
    position: absolute;
    top: var(--space-xxxs);
    bottom: 0;
    left: 0;
    height: 92%;
    border-left: 0.1rem solid rgba(255, 255, 255, 0.4); }
  .menu--stories .menu__item ul {
    padding-left: 3.1rem; }
  .menu--stories .menu__item:nth-child(n + 3) ul {
    padding-top: 0; }
  .menu--stories .menu__item:nth-child(even) ul {
    padding-left: 3.1rem;
    border-left: 0; }
  .menu--stories .menu__item:nth-child(3n-5):before {
    display: none; }
  .menu--stories .menu__item:nth-child(3n-5) ul {
    padding-left: 0;
    border-left: 0; } }
@media (min-width: 767.02px) {
  .menu--stories .menu__item .menu__nav ul {
    padding-left: 0;
    border-left: 0;
    border-bottom: 0; } }
@media (min-width: 1023.02px) {
  .menu--stories .menu__item .menu__nav ul {
    margin-bottom: 0; } }
@media (min-width: 767.02px) {
  .menu--stories .menu__item--lg {
    border-bottom: 0; } }
@media (min-width: 767.02px) {
  .menu--stories .no-border {
    border: 0; } }
.menu--donate {
  background: #c94b28; }
.menu--donate .menu__entry {
    padding-right: var(--space-sm); }
.menu--donate .menu__section {
  margin: 6rem 2.9rem calc(var(--space-lg) + var(--space-md));
  padding: 2.8rem 0 1.3rem;
  border-top: 0.4rem solid #fff;
  border-bottom: 0.4rem solid #fff; }
@media (min-width: 767.02px) {
  .menu--donate .menu__section {
    margin: 6.9rem 4rem 7.1rem calc(var(--space-lg) + var(--space-xxxs));
    padding: 4.5rem 0 3.4rem; } }
@media (min-width: 1023.02px) {
  .menu--donate .menu__section {
    margin: 7.9rem 3rem 7.8rem var(--space-md);
    padding: 4.5rem 0 2rem; } }
@media (min-width: 1023.02px) {
  .menu--donate .menu__items {
    justify-content: space-between; } }
.menu--search {
  min-height: 70.5rem;
  padding-bottom: 5rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh; }
@media (min-width: 767.02px) {
  .menu--search {
    padding-bottom: 0; } }
.menu--search:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: #046269;
  z-index: -1; }
.menu--search:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 60%;
  background-image: linear-gradient(to bottom, #046269, rgba(4, 98, 105, 0.6)); }
.menu--search h2 {
  color: white;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.7s, opacity 0.7s; }
@media (min-width: 767.02px) {
  .menu--search h2 {
    font-weight: 600; } }
@media (min-width: 1023.02px) {
  .menu--search .menu__search {
    max-width: 80rem; } }
@media (min-width: 767.02px) {
  .menu--search .menu__content {
    padding-bottom: 17.1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; } }
@media (min-width: 1023.02px) {
  .menu--search .menu__content {
    padding-bottom: 15.4rem; } }
.menu--search.is-active h2 {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.6s 0.7s, opacity 0.6s 0.7s; }
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav {
  position: relative;
  margin: var(--space-xxxs) 0 0;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.45);
  color: #fff; }
@media (min-width: 767.02px) {
  .nav {
    margin-top: 0;
    border-top: 0; } }
.nav > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 0; }
@media (min-width: 767.02px) {
  .nav > ul {
    align-items: flex-start; } }
.nav > ul > li {
  width: 33.33%; }
@media (min-width: 767.02px) {
  .nav > ul > li {
    position: relative;
    width: auto;
    margin-top: 0; }
  .nav > ul > li:before {
    content: "";
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: 0;
    border-left: 0.1rem solid rgba(255, 255, 255, 0.45); } }
.nav > ul > li + li {
  border-left: 0.1rem solid rgba(255, 255, 255, 0.45); }
@media (min-width: 767.02px) {
  .nav > ul > li + li {
    border-left: 0; }
  .nav > ul > li + li:last-child {
    border-left: 0; } }
.nav > ul > li > a {
  position: relative;
  z-index: 2;
  padding: 0.7rem 1rem 1.1rem;
  display: block;
  text-decoration: none;
  text-align: center;
  font-family: var(--font-primary);
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: background 0.3s, color 0.3s; }
.nav > ul > li > a:hover,
.nav > ul > li > a:focus,
.nav > ul > li > a:active {
  color: #284272; }
.nav > ul > li > a:hover:before,
.nav > ul > li > a:focus:before,
.nav > ul > li > a:active:before {
  top: 0; }
.nav > ul > li > a:visited {
  color: white; }
.nav > ul > li > a:visited:hover, .nav > ul > li > a:visited:focus, .nav > ul > li > a:visited:active {
    color: #284272; }
.nav > ul > li > a:visited:hover span,
    .nav > ul > li > a:visited:hover path, .nav > ul > li > a:visited:focus span,
    .nav > ul > li > a:visited:focus path, .nav > ul > li > a:visited:active span,
    .nav > ul > li > a:visited:active path {
      color: #284272; }
.nav > ul > li > a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #fff;
  transition: top 0.3s; }
@media (min-width: 767.02px) {
  .nav > ul > li > a {
    min-width: 14.6rem;
    padding: 1.3rem 0 2.3rem; } }
.nav > ul > li > a > span {
  display: block; }
@media (min-width: 767.02px) {
  .nav > ul > li > a > span {
    line-height: 1;
    margin-top: -0.2rem; } }
.nav > ul > li > a > figure {
  display: block;
  min-height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center; }
@media (min-width: 767.02px) {
  .nav > ul > li > a > figure {
    min-height: 5rem; } }
@media (min-width: 767.02px) {
  .nav > ul > .nav-item-donate {
    margin-top: 0; }
  .nav > ul > .nav-item-donate:before {
    display: none; } }
.nav > ul > .nav-item-donate > a {
  background: #c94b28; }
@media (min-width: 767.02px) {
  .nav > ul > .nav-item-donate > a {
    height: 100%;
    padding: 1.3rem 3rem 2.4rem; } }
.nav > ul > .nav-item-donate > a:hover {
  background: #c94b28;
  color: #fff; }
.nav > ul > .nav-item-donate > a:focus,
.nav > ul > .nav-item-donate > a:visited,
.nav > ul > .nav-item-donate > a:active,
.nav > ul > .nav-item-donate > a:visited:hover span {
  color: white; }
.nav > ul > .nav-item-donate > a:before {
  display: none; }
@media (min-width: 767.02px) {
  .nav > ul > .nav-item-donate > a > i {
    margin-bottom: 0; } }
.menu__inner .socials li a {
  color: #fff; }
.menu__inner .socials li:before {
  content: none !important; }
/*--------------------------------------------------------------
# Section Posts
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Section Posts
\* ------------------------------------------------------------ */
.section-posts {
  padding: 2.9rem 0 0.5rem;
  background: #173162;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
.section-posts h2,
  .section-posts h3,
  .section-posts h4 {
    color: #fff; }
@media (min-width: 767.02px) {
  .section-posts {
    padding: 2.7rem 0 5rem; } }
@media (min-width: 1023.02px) {
  .section-posts {
    padding: 1.1rem 0 5.6rem; } }
.section-posts .section__head {
  padding-bottom: 6rem; }
@media (min-width: 1023.02px) {
  .section-posts .section__head {
    padding-bottom: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; } }
.section-posts .section__head-inner {
  padding-top: 2.7rem;
  border-top: 1rem solid #fff;
  text-align: center; }
@media (min-width: 767.02px) {
  .section-posts .section__head-inner {
    padding-top: 2.9rem;
    text-align: left; } }
@media (min-width: 1023.02px) {
  .section-posts .section__head-inner {
    width: 65.6%; } }
@media (min-width: 1023.02px) {
  .section-posts .section__aside {
    width: 32%;
    padding-left: 1.1rem;
    border-left: 0.1rem solid rgba(255, 255, 255, 0.4); } }
@media (min-width: 767.02px) {
  .section-posts .section__head h2 {
    margin-bottom: 2.9rem; } }
.section-posts .section__actions {
  padding-top: calc(var(--space-lg) + var(--space-md));
  border-top: 0.4rem solid #fff; }
.section-posts .section__actions .btn-outline:hover, .section-posts .section__actions .btn-outline:focus, .section-posts .section__actions .btn-outline:active {
    color: #284272; }
@media (min-width: 767.02px) {
  .section-posts .section__actions {
    padding-top: 4rem; } }
@media (min-width: 1023.02px) {
  .section-posts .section__actions {
    padding-top: 5.3rem; } }
@media (min-width: 1023.02px) {
  .section-posts .section__body {
    padding-top: 4.1rem;
    margin-left: 5rem;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.4); } }
.section-posts .section__body--border {
  border-bottom: 0.1rem solid #a1bcc4; }
.section-posts .section__ad {
  margin-bottom: 6rem;
  padding-bottom: 4.9rem;
  border-bottom: 0.1rem solid #a1bcc4; }
.section-posts .section__ad p {
    color: #707070; }
@media (min-width: 767.02px) {
  .section-posts .section__ad {
    margin-bottom: 3.1rem; } }
@media (min-width: 1023.02px) {
  .section-posts .section__ad {
    margin-bottom: 5rem;
    padding-bottom: 7rem; } }
.section-posts .section__banner {
  padding-top: 6rem; }
@media (min-width: 767.02px) {
  .section-posts .section__banner {
    padding-top: 4rem; } }
.section-posts--alt {
  position: relative;
  z-index: 2;
  padding: calc(var(--space-xl) + var(--space-xxs)) 0 3.4rem;
  background: #fff; }
@media (min-width: 767.02px) {
  .section-posts--alt {
    padding: calc(var(--space-xl) + var(--space-sm)) 0 7rem; } }
@media only screen and (min-width: 56.25em) {
  .section-posts--alt {
    padding-top: 8.2rem;
    padding-bottom: var(--space-xl); } }
.section-posts--alt .section__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 27.7rem;
  background: #cef2f2; }
@media (min-width: 767.02px) {
  .section-posts--alt .section__background {
    height: 24rem; } }
@media (min-width: 1023.02px) {
  .section-posts--alt .section__background {
    height: 30.8rem; } }
.section-posts--alt .section__head {
  padding-bottom: var(--space-lg); }
@media (min-width: 767.02px) {
  .section-posts--alt .section__head {
    padding-bottom: 1rem;
    display: block;
    text-align: center; } }
.section-posts--alt .section__head h2 {
  font-weight: 700;
  color: #173162; }
@media (min-width: 767.02px) {
  .section-posts--alt .section__head h2 {
    font-size: 5rem;
    font-weight: 700; } }
@media (min-width: 767.02px) {
  .section-posts--alt .section__body {
    margin-left: 0;
    padding-top: 0;
    border-top: 0; } }
.section-posts--offsets {
  padding: 6.8rem 0 5.5rem; }
@media (min-width: 767.02px) {
  .section-posts--offsets {
    padding: 5.8rem 0 5.5rem; } }
@media (min-width: 1023.02px) {
  .section-posts--offsets {
    padding: 7.3rem 0 5.1rem; } }
@media (min-width: 767.02px) {
  .section-posts--offsets .section__body {
    padding-bottom: 1.2rem; } }
@media (min-width: 1023.02px) {
  .section-posts--offsets .section__body {
    padding-bottom: 3.5rem; } }
.section-posts--offset-top {
  padding-top: 5.9rem; }
@media (min-width: 767.02px) {
  .section-posts--offset-top {
    padding-top: 5.5rem; } }
@media (min-width: 1023.02px) {
  .section-posts--offset-top {
    padding-top: 8.3rem;
    padding-bottom: 7.2rem; } }
.section-posts--different {
  padding: 4.1rem 0 4rem; }
@media (min-width: 767.02px) {
  .section-posts--different {
    padding: 3.4rem 0 5.2rem; } }
.section-posts--different .posts__item:last-child .post {
  margin-bottom: 0; }
.section-posts--different .section__ad {
  margin-top: 5.9rem;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0; }
@media (min-width: 767.02px) {
  .section-posts--different .section__ad {
    margin-top: 5.7rem;
    padding-bottom: 4.1rem;
    border-bottom: 0.1rem solid #a1bcc4; } }
.section-posts--different .section__ad--alt {
  margin-top: 6.3rem;
  margin-bottom: 1rem; }
@media (min-width: 767.02px) {
  .section-posts--different .section__ad--alt {
    margin-top: 8.5rem;
    margin-bottom: 0;
    padding-bottom: 1rem;
    border-bottom: 0; } }
@media (min-width: 767.02px) {
  .section-posts--different .section__body {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 6.5rem; } }
.section-posts--background {
  background: #effdfc; }
/*--------------------------------------------------------------
# Section Stories
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Section Stories
\* ------------------------------------------------------------ */
.section-stories {
  position: relative;
  z-index: 2;
  padding: 7.5rem 0 5.8rem;
  color: #fff;
  background-color: #effdfc; }
.section-stories h1 {
    color: #fff; }
@media (min-width: 767.02px) {
  .section-stories {
    padding: 4rem 0 5.4rem; } }
@media (min-width: 1023.02px) {
  .section-stories {
    padding: 7.5rem 0 7.2rem; } }
.section-stories .section__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 73rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
.section-stories .section__background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(4, 98, 105, 0.85); }
@media (min-width: 767.02px) {
  .section-stories .section__background {
    height: 35.9rem; } }
@media (min-width: 1023.02px) {
  .section-stories .section__background {
    height: 70rem; } }
.section-stories .section__head {
  padding-bottom: 5rem; }
@media (min-width: 767.02px) {
  .section-stories .section__head {
    padding-left: 4.2rem;
    padding-bottom: 6.5rem; } }
@media (min-width: 1023.02px) {
  .section-stories .section__head {
    padding-bottom: 4.4rem;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.1rem solid #a1bcc4; } }
@media (min-width: 767.02px) {
  .section-stories .section__head-inner {
    padding-top: 2.9rem;
    text-align: left; } }
@media (min-width: 1023.02px) {
  .section-stories .section__head-inner {
    width: 65.6%;
    padding-top: 0;
    padding-bottom: 1rem; } }
@media (min-width: 1023.02px) {
  .section-stories .section__aside {
    width: 30.7%;
    padding-left: 3.5rem;
    border-left: 0.1rem solid rgba(255, 255, 255, 0.4); } }
@media (min-width: 1399.02px) {
  .section-stories .section__aside {
    width: 31.4%; } }
@media (max-width: 374px) {
  .section-stories .section__head h1 {
    word-break: break-word; } }
@media (min-width: 1023.02px) {
  .section-stories .section__head h1 {
    font-size: 6.8rem;
    line-height: 1.12; } }
.section-stories .section__body {
  margin-bottom: 6rem;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid #a1bcc4; }
@media (min-width: 767.02px) {
  .section-stories .section__body {
    margin-bottom: 3.9rem;
    padding-bottom: 1rem; } }
@media (min-width: 1023.02px) {
  .section-stories .section__body {
    margin-bottom: 5.3rem;
    padding-top: 5.3rem;
    padding-left: 4.6rem;
    padding-bottom: 3.2rem; } }
.section-stories .section__banner {
  padding-bottom: 5.8rem;
  border-bottom: 0.1rem solid #a1bcc4; }
@media (min-width: 767.02px) {
  .section-stories .section__banner {
    padding-bottom: 4rem; } }
@media (min-width: 1023.02px) {
  .section-stories .section__banner {
    padding-bottom: 5.5rem; } }
/*--------------------------------------------------------------
# Article Highlights
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Section Article highlight
\* ------------------------------------------------------------ */
.section-article-highlight {
  position: relative;
  z-index: 2;
  padding: 3.3rem 0 3.4rem;
  background: #CEF2F2;
  color: #4D535D;
  font-size: 1.8rem;
  line-height: 1.56; }
@media (min-width: 767.02px) {
  .section-article-highlight {
    padding: 5.6rem 0 5.4rem;
    font-size: 2.2rem;
    line-height: 1.45; } }
@media (min-width: 1023.02px) {
  .section-article-highlight {
    padding: 7.1rem 0 7rem; } }
.section-article-highlight .section__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 14.3rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
.section-article-highlight .section__background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(to bottom, rgba(239, 253, 252, 0.75), rgba(239, 253, 252, 0.95)); }
@media (min-width: 767.02px) {
  .section-article-highlight .section__background {
    height: 29.3rem; } }
@media (min-width: 1023.02px) {
  .section-article-highlight .section__background {
    max-width: 117rem;
    height: 44.6rem;
    margin: 0 auto; } }
@media (min-width: 1399.02px) {
  .section-article-highlight .section__background {
    max-width: 140rem; } }
.section-article-highlight .section__inner {
  padding: 3rem 0 3.3rem;
  border-top: 1rem solid #173162;
  border-bottom: 0.4rem solid #173162; }
@media (min-width: 767.02px) {
  .section-article-highlight .section__inner {
    padding: 4.2rem 0 5.5rem; } }
@media (min-width: 1023.02px) {
  .section-article-highlight .section__inner {
    max-width: 107.3rem;
    margin: 0 auto;
    padding: 3.9rem 0 5.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
@media (min-width: 1399.02px) {
  .section-article-highlight .section__inner {
    max-width: 130rem; } }
@media (min-width: 1023.02px) {
  .section-article-highlight .section__aside {
    width: 54%; } }
@media (min-width: 1023.02px) {
  .section-article-highlight .section__content {
    width: 38.4%;
    padding: 0.9rem 0 0 4rem;
    border-left: 0.1rem solid #A1BCC4; } }
.section-article-highlight h2 {
  margin-bottom: 1.1rem;
  font-weight: 600;
  line-height: 1.22;
  color: #173162; }
@media (min-width: 767.02px) {
  .section-article-highlight h2 {
    margin-bottom: 20px;
    line-height: 1.33; } }
.section-article-highlight a {
  height: 5.6rem;
  min-width: 21.9rem;
  font-size: 1.5rem;
  line-height: 1.4rem; }
@media (min-width: 767.02px) {
  .section-article-highlight a {
    min-width: 21rem; } }
.section-article-highlight p {
  margin-bottom: 2.5rem; }
@media (min-width: 767.02px) {
  .section-article-highlight p {
    margin-bottom: 3.2rem; } }
@media (min-width: 1023.02px) {
  .section-article-highlight p {
    margin-bottom: 3.7rem; } }
.section-article-highlight--overlay {
  margin-bottom: 0;
  padding: 7.6rem 0 5.8rem;
  background: #EFFDFC; }
@media (min-width: 767.02px) {
  .section-article-highlight--overlay {
    padding: 13.2rem 0 5.4rem; } }
@media (min-width: 1023.02px) {
  .section-article-highlight--overlay {
    padding: 29.7rem 0 7.9rem; } }
@media (min-width: 767.02px) {
  .section-article-highlight--alt {
    padding-bottom: 7.7rem; } }
.section-article-highlight--alt .section__inner {
  padding: 2.5rem 0 3.3rem; }
@media (min-width: 767.02px) {
  .section-article-highlight--alt .section__inner {
    padding: 4.2rem 0 3.3rem; } }
.section-article-highlight--alt p {
  margin-bottom: 2.5rem; }
@media (min-width: 767.02px) {
  .section-article-highlight--alt p {
    margin-bottom: 3.3rem; } }
/*--------------------------------------------------------------
# Section Articles
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Section Articles
\* ------------------------------------------------------------ */
.section-articles {
  padding: 0.8rem 0 5.8rem;
  background: #effdfc; }
.section-articles .ad,
  .section-articles .ad-block {
    color: #707070; }
.section-articles .ad p,
    .section-articles .ad-block p {
      color: #707070; }
.section-articles .article > p:first-of-type:first-letter {
    font-family: var(--font-secondary);
    color: var(--color-primary);
    float: left;
    font-size: 7.8rem;
    line-height: var(--space-sm);
    padding-top: 0.25rem;
    padding-right: var(--space-xxxs);
    font-weight: bold; }
.section-articles .article .wp-block-embed {
    margin-left: auto;
    margin-right: auto;
    max-width: 50rem; }
.section-articles .article iframe {
    max-width: 100%;
    width: 97rem; }
.section-articles .article ul,
  .section-articles .article ol {
    margin: 0 0 var(--space-md) var(--space-xs);
    padding: 0;
    list-style: none; }
@media only screen and (min-width: 47.9375em) {
      .section-articles .article ul,
      .section-articles .article ol {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg); } }
.section-articles .article li {
    margin-bottom: var(--space-xxs);
    position: relative;
    padding-left: var(--space-md); }
.section-articles .article li:before {
      content: "\002022"; }
.section-articles .article li:last-child {
      margin-bottom: 0; }
@media (min-width: 767.02px) {
  .section-articles {
    padding: 0.6rem 0 8.3rem; } }
@media (min-width: 767.02px) {
  .section-articles .section__shell {
    max-width: 110rem; } }
@media only screen and (min-width: 56.25em) {
  .section-articles .section__shell {
    max-width: 120rem; } }
.section-articles .section__head {
  padding-bottom: 5.5rem; }
@media (min-width: 767.02px) {
  .section-articles .section__head {
    max-width: 87.1rem;
    margin: 0 auto;
    padding-bottom: 3.3rem; } }
.section-articles .section__head--offset {
  padding-bottom: 2.6rem; }
.section-articles .section__head h2 {
  font-weight: 600;
  color: #0d779a; }
@media (min-width: 767.02px) {
  .section-articles .section__head h2 {
    line-height: 1.33; } }
.section-articles--alt {
  padding-bottom: 1rem; }
@media (min-width: 767.02px) {
  .section-articles--alt {
    padding-bottom: 0.4rem; } }
@media (min-width: 1023.02px) {
  .section-articles--alt {
    padding-bottom: 3.5rem; } }
.accordions {
  margin-top: 0.3rem;
  padding: 2.4rem 0 0.3rem;
  border-top: 1rem solid #173162;
  border-bottom: 0.4rem solid #173162; }
@media (min-width: 767.02px) {
  .accordions {
    padding: 2.4rem 0 0.1rem; } }
@media (min-width: 1023.02px) {
  .accordions {
    margin-top: 3.1rem;
    padding: 2.4rem 0 2.5rem; } }
.accordions .accordions__head {
  padding-bottom: 6.3rem; }
@media (min-width: 767.02px) {
  .accordions .accordions__head {
    padding-bottom: 4.9rem; } }
@media (min-width: 1023.02px) {
  .accordions .accordions__head {
    padding-bottom: 7.9rem; } }
.accordions h2 {
  font-weight: 600;
  color: #284272; }
@media (min-width: 767.02px) {
  .accordion {
    padding: 0 2rem; } }
.accordion .accordion__section {
  padding-bottom: 3.4rem;
  margin-right: -0.3rem; }
@media (min-width: 767.02px) {
  .accordion .accordion__section {
    margin-right: 0;
    padding-bottom: 5.66rem; } }
@media (min-width: 1023.02px) {
  .accordion .accordion__section {
    padding-bottom: 6.2rem; } }
.accordion .accordion__section.is-active .accordion__head span:after {
  transform: rotate(0); }
.accordion .accordion__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  cursor: pointer;
  transition: opacity 0.3s; }
.accordion .accordion__head:hover {
  opacity: 0.7; }
.accordion .accordion__head span {
  position: relative;
  width: 3.7rem;
  height: 3.7rem;
  margin-right: 1.7rem;
  margin-top: -0.3rem;
  display: inline-block;
  border: 0.2rem solid #b54600;
  border-radius: 50%; }
.accordion .accordion__head span:before,
.accordion .accordion__head span:after {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: 0.8rem;
  height: 0.2rem;
  width: 1.9rem;
  background: #b54600;
  transition: transform 0.3s; }
.accordion .accordion__head span:after {
  transform: rotate(-90deg); }
@media (min-width: 767.02px) {
  .accordion .accordion__head span {
    margin-top: 0; } }
.accordion h3 {
  width: calc(100% - 5.4rem);
  margin-bottom: 0;
  font-weight: 500;
  font-size: 2.4rem;
  color: #284272;
  line-height: 1.5; }
@media (min-width: 767.02px) {
  .accordion h3 {
    font-size: 2.8rem; } }
.accordion .accordion__body {
  padding-top: 2.6rem; }
@media (min-width: 767.02px) {
  .accordion .accordion__body {
    padding-top: 3.9rem; } }
@media (min-width: 1023.02px) {
  .accordion .accordion__body {
    padding-top: 4.2rem; } }
/*--------------------------------------------------------------
# Section Items
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	SEction Items
\* ------------------------------------------------------------ */
.section-items {
  position: relative;
  z-index: 2;
  padding: 6.3rem 0 4rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff; }
.section-items h1 {
    color: #fff; }
.section-items:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #173162;
  opacity: 0.85; }
@media (min-width: 767.02px) {
  .section-items {
    padding: 6.8rem 0 26rem; } }
@media (min-width: 1023.02px) {
  .section-items {
    padding: 7.7rem 0 39.4rem; } }
.section-items .section__head {
  padding-bottom: 2.4rem; }
@media (min-width: 767.02px) {
  .section-items .section__head {
    padding-bottom: 3.4rem; } }
@media (min-width: 1023.02px) {
  .section-items .section__head {
    padding-bottom: 4.7rem;
    text-align: center; } }
@media (min-width: 1023.02px) {
  .section-items h1 {
    font-size: 6.8rem; } }
/*--------------------------------------------------------------
# Section Sponsors
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	List Sponsors
\* ------------------------------------------------------------ */
.list-sponsors {
  margin: 0 -1.5rem;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  overflow: hidden;
  text-align: center;
  justify-content: center; }
.list-sponsors li:first-child figure:before {
    content: none; }
.list-sponsors li:before {
    content: none !important; }
@media (min-width: 767.02px) {
  .list-sponsors {
    margin: 0; } }
.list-sponsors li {
  height: 100%;
  width: 50%;
  margin-left: -0.1rem;
  border-left: 0.1rem solid var(--color-base-lightest);
  position: relative; }
.list-sponsors li:first-child {
    border-left: none; }
.list-sponsors li:nth-last-child(-n + 2) figure {
  border-bottom: 0; }
@media (min-width: 767.02px) {
  .list-sponsors li {
    width: 33.33%;
    margin-bottom: 2.1rem;
    border-left: 0; }
  .list-sponsors li:nth-last-child(-n + 4) figure {
    border-bottom: 0; } }
@media (min-width: 1023.02px) {
  .list-sponsors li {
    width: 20%;
    margin-bottom: 1.2rem; }
  .list-sponsors li:nth-last-child(-n + 5) figure {
    border-bottom: 0; } }
.list-sponsors figure {
  min-height: 14.1rem;
  margin: 0 1.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 0.1rem solid var(--color-base-lightest); }
.list-sponsors figure img {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 100%;
    max-height: 100%;
    width: 13rem;
    height: auto;
    filter: grayscale(1);
    opacity: 0.8; }
@media (min-width: 767.02px) {
  .list-sponsors figure {
    position: relative;
    min-height: 13.8rem;
    margin: 0;
    padding-bottom: 2.5rem; }
  .list-sponsors figure:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1.5rem;
    width: 1px;
    background: var(--color-base-lightest); } }
@media (min-width: 1023.02px) {
  .list-sponsors figure {
    min-height: 14.2rem;
    padding-bottom: 1.2rem; } }
/* ------------------------------------------------------------ *\
	Section Sponsors
\* ------------------------------------------------------------ */
.section-sponsors {
  padding: 6.3rem 0 6rem; }
@media (min-width: 767.02px) {
  .section-sponsors {
    padding: 6.6rem 0 7.5rem; } }
@media (min-width: 1023.02px) {
  .section-sponsors {
    padding: 7.9rem 0 8.4rem; } }
.section-sponsors .section__head {
  padding-bottom: 6rem;
  border-bottom: 1rem solid #284272;
  font-size: 1.8rem;
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: normal;
  line-height: 1.56;
  color: #707070; }
@media (min-width: 767.02px) {
  .section-sponsors .section__head {
    padding-bottom: 5.5rem; } }
@media (min-width: 1023.02px) {
  .section-sponsors .section__head {
    padding-bottom: 5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
@media (min-width: 1023.02px) {
  .section-sponsors .section__head-content {
    width: 45%; } }
@media (min-width: 1023.02px) {
  .section-sponsors .section__head-aside {
    width: 50%;
    padding: 0.5rem 0 0 var(--space-xl);
    border-left: var(--brdr-xxs) solid var(--color-base-lightest); } }
.section-sponsors .section__head h2 {
  margin-bottom: var(--space-xxs);
  color: #284272;
  font-weight: 600; }
@media (min-width: 767.02px) {
  .section-sponsors .section__head h2 {
    margin-bottom: 1.4rem;
    font-size: 5rem; } }
.section-sponsors .section__head p {
  margin-bottom: 2.4rem; }
@media (min-width: 767.02px) {
  .section-sponsors .section__head p {
    margin-bottom: 2.7rem; } }
@media (min-width: 1023.02px) {
  .section-sponsors .section__head p {
    margin-bottom: 3.4rem; } }
.section-sponsors .section__body {
  padding: 5.9rem 0 6rem; }
@media (min-width: 767.02px) {
  .section-sponsors .section__body {
    padding-bottom: 1.7rem; } }
@media (min-width: 1023.02px) {
  .section-sponsors .section__body {
    padding: 6.3rem 0 3.7rem; } }
.section-sponsors .section__ad {
  font-family: var(--font-primary);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  color: #707070;
  line-height: 0; }
.section-sponsors .section__ad a {
  margin-bottom: 2.5rem;
  display: block; }
.section-sponsors .section__ad p {
  color: #707070; }
/*--------------------------------------------------------------
# Report
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Report
\* ------------------------------------------------------------ */
.single-special_reports .report .report__content a {
  line-height: 1.4rem; }
.special_reports-template-default .ad {
  color: #707070; }
.special_reports-template-default .ad p {
    color: #707070; }
.report {
  padding-bottom: 5.9rem;
  border-bottom: 0.1rem solid #A1BCC4; }
@media (min-width: 1023.02px) {
  .report {
    padding-bottom: 5.6rem; } }
.report figure {
  margin-top: -6.9rem;
  margin-bottom: 2.8rem;
  text-align: center; }
@media (min-width: 767.02px) {
  .report figure {
    margin-top: -17rem; } }
@media (min-width: 1023.02px) {
  .report figure {
    margin-top: -14.7rem;
    margin-bottom: 4.5rem; } }
@media (min-width: 1023.02px) {
  .report .report__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
@media (min-width: 1023.02px) {
  .report .report__aside {
    width: 60%; } }
@media (min-width: 1023.02px) {
  .report .report__content {
    width: 38.5%;
    padding: 1rem 0 0 1.8rem;
    border-left: 0.1rem solid #A1BCC4; } }
.report h2 {
  margin-bottom: 0.8rem;
  font-weight: 600;
  color: #173162; }
@media (min-width: 1023.02px) {
  .report h2 {
    line-height: 1.33; } }
.report a {
  height: 5.6rem;
  min-width: 21.9rem;
  font-size: 1.5rem;
  line-height: 5.4rem; }
@media (min-width: 1023.02px) {
  .report a {
    min-width: 22rem; } }
@media (min-width: 1023.02px) {
  .report p {
    margin-bottom: 3.4rem; } }
.report--offsets {
  padding-top: 2rem; }
.report--offsets figure {
  margin-top: 0; }
/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	SEarch
\* ------------------------------------------------------------ */
body .search {
  padding: 0;
  width: 4.4rem;
  transition: width 0.8s, padding 0.8s; }
body .search .search__inner {
  position: relative; }
body .search .search__field {
  height: 6.2rem;
  width: 100%;
  padding: 0;
  border: 0.1rem solid #fff;
  color: #fff;
  border-radius: 3rem;
  background: transparent;
  transition: padding 1s 0.7s; }
body .search .search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }
body .search .search__input-field {
  position: relative; }
body .search .search__input-field:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
body .search .search__input-field:focus-within:after,
body .search .search__input-field:active:after {
  opacity: 1; }
body .search .search__btn {
  position: absolute;
  top: 0.7rem;
  right: 0.9rem;
  width: 4.4rem;
  height: 4.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #046269;
  transition: background 0.3s, outline 0.3s; }
body .search .search__btn:hover {
  background: #cef2f2; }
body .search .search__btn:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
body .search .search__btn:focus:after,
body .search .search__btn:active:after {
  opacity: 1; }
body .search.is-active {
  width: 100%;
  padding: 0 3rem;
  transition: width 1s 0.7s, padding 1s 0.7s; }
@media (min-width: 1023.02px) {
  body .search.is-active {
    padding: 0 4rem; } }
body .search.is-active .search__field {
  padding: 0 6.5rem 0 2rem; }
/*--------------------------------------------------------------
# Section Donate
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Section Donate
\* ------------------------------------------------------------ */
.section-donate {
  position: relative;
  z-index: 2;
  padding: 6rem 0 6.9rem;
  background-color: #307e66;
  color: #fff;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.4; }
.section-donate h2 {
    color: white; }
@media (min-width: 767.02px) {
  .section-donate {
    padding: 7.3rem 0 calc(var(--space-xxl) * 1.28); } }
@media (min-width: 1023.02px) {
  .section-donate {
    padding: 7.8rem 0 14.2rem; } }
.section-donate .section__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 41%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
.section-donate .section__background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #307e66, rgba(48, 126, 102, 0.7)); }
@media (min-width: 767.02px) {
  .section-donate .section__background {
    height: 100%; }
  .section-donate .section__background:before {
    background: linear-gradient(to right, #307e66, rgba(48, 126, 102, 0.7)); } }
@media (min-width: 1023.02px) {
  .section-donate .section__background {
    left: auto;
    width: 63%; } }
.section-donate h2 {
  margin-bottom: 1.9rem; }
@media (min-width: 767.02px) {
  .section-donate h2 {
    margin-bottom: 3rem;
    font-size: 5rem;
    font-weight: 600; } }
@media (min-width: 1023.02px) {
  .section-donate h2 {
    margin-bottom: var(--space-xxxs); } }
@media (min-width: 1023.02px) {
  .section-donate .section__inner {
    max-width: 92rem; } }
.section-donate .section__actions {
  display: inline-block; }
@media (min-width: 767.02px) {
  .section-donate .section__actions {
    padding-top: 1rem; } }
@media (min-width: 1023.02px) {
  .section-donate .section__actions {
    padding-top: 1.2rem; } }
.btn.ico__star:hover {
  background-color: #cef2f2; }
.btn.ico__star:hover a {
    color: var(--color-primary); }
/*--------------------------------------------------------------
# Paging
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Paging
\* ------------------------------------------------------------ */
.paging {
  padding: 6.1rem 0 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
@media (min-width: 767.02px) {
  .paging {
    padding: 5.6rem 0 0.9rem; } }
@media (min-width: 1023.02px) {
  .paging {
    padding: 8.4rem 0 3.2rem; } }
.paging .paging__next,
.paging .paging__prev {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.1rem solid #B54600;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.01em;
  color: #B54600;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.3s, background 0.3s, box-shadow 0.3s, outline 0.3s; }
.paging .paging__next:hover,
.paging .paging__prev:hover {
  color: #fff;
  background: #B54600;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
.paging .paging__next:after,
.paging .paging__prev:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38B991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.paging .paging__next:focus-within:after, .paging .paging__next:active:after,
.paging .paging__prev:focus-within:after,
.paging .paging__prev:active:after {
  opacity: 1; }
@media (min-width: 767.02px) {
  .paging .paging__next,
  .paging .paging__prev {
    width: auto;
    height: 5.6rem;
    display: flex;
    align-items: center;
    border-radius: 10rem; } }
@media (min-width: 767.02px) {
  .paging .paging__next {
    padding: 0 3.8rem 0 3.2rem; } }
@media (min-width: 767.02px) {
  .paging .paging__next figure {
    margin-left: 1rem; } }
@media (min-width: 767.02px) {
  .paging .paging__prev {
    padding: 0 4.1rem 0 3.8rem; } }
@media (min-width: 767.02px) {
  .paging .paging__prev figure {
    margin-right: 1rem; } }
.paging .paging__next span,
.paging .paging__prev span {
  display: none; }
@media (min-width: 767.02px) {
  .paging .paging__next span,
  .paging .paging__prev span {
    display: block;
    margin-top: 0.2rem; } }
.paging .paging__prev--disabled,
.paging .paging__next--disabled {
  opacity: 0.5;
  pointer-events: none; }
.paging ul {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style-type: none; }
@media (min-width: 1023.02px) {
  .paging ul {
    padding-right: 3.3rem; } }
@media (min-width: 767.02px) {
  .paging li {
    margin-right: 1.9rem; }
  .paging li:last-child {
    margin-right: 0; } }
.paging li a {
  position: relative;
  width: 6rem;
  height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.1rem solid #B54600;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.5rem;
  color: #B54600;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: color 0.3s, background 0.3s, box-shadow 0.3s, outline 0.3s; }
.paging li a:hover {
  color: #fff;
  background: #B54600;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
.paging li a:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38B991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.paging li a:focus-within:after, .paging li a:active:after {
  opacity: 1; }
.paging li.is-current a {
  color: #fff;
  background: #C94B28; }
/* ------------------------------------------------------------ *\
	Select
\* ------------------------------------------------------------ */
.select {
  position: relative; }
.select:before {
  content: "";
  position: absolute;
  top: 2.5rem;
  right: 2.6rem;
  width: 1.5rem;
  height: 0.9rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(images/ico-carat-down.svg);
  pointer-events: none;
  transition: background 0.3s; }
.select:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38B991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.select:focus-within:after, .select:active:after {
  opacity: 1; }
@media (min-width: 374.02px) {
  .select:before {
    right: 3.6rem; } }
.select:focus-within:before {
  /*background-image: url(../images/svg/arrow-down-white.svg);*/ }
.select select::-ms-expand {
  display: none; }
.select select {
  height: 6rem;
  width: 12.4rem;
  padding: 0 4rem 0 1rem;
  border: 0.1rem solid #4D535D;
  border-radius: 10rem;
  background: #EFFDFC;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #173162;
  text-transform: uppercase;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  transition: color 0.3s, background 0.3s, outline 0.3s; }
@media (min-width: 374.02px) {
  .select select {
    width: 14.4rem; } }
/*--------------------------------------------------------------
# Posts
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Post
\* ------------------------------------------------------------ */
.post {
  margin-bottom: 3.5rem;
  padding-bottom: 3.1rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.4); }
@media (min-width: 767.02px) {
  .post {
    position: relative;
    height: 100%;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1.2rem; }
  .post:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.1rem;
    background: rgba(255, 255, 255, 0.4); }
  .post:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 1.5rem;
    left: -2.5rem;
    width: 0.1rem;
    background: rgba(255, 255, 255, 0.4); } }
@media (min-width: 1023.02px) {
  .post {
    max-width: 32rem;
    margin: 0 auto; }
  .post:before {
    display: none; }
  .post:after {
    display: none; } }
.post .post__image {
  margin-bottom: 2.6rem;
  padding-top: 54%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
@media (min-width: 767.02px) {
  .post .post__image {
    padding-top: 54.7%; } }
@media (min-width: 1023.02px) {
  .post .post__image {
    margin-bottom: 2.3rem;
    min-height: 22.4rem; } }
.post small {
  margin-bottom: 2.7rem;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase; }
.post small a {
    position: relative; }
@media (min-width: 767.02px) {
  .post small {
    margin-bottom: 2.4rem; } }
@media (min-width: 1023.02px) {
  .post small {
    margin-bottom: 2.6rem; } }
.post small a {
  padding-bottom: 0.6rem;
  transition: color 0.3s; }
.post small a:hover,
.post small a:focus {
  color: #9ce2cc; }
.post small a:visited {
  color: white; }
@media (min-width: 767.02px) {
  .post small a {
    padding-bottom: 0.4rem; } }
.post strong {
  font-size: 2.1rem;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  font-weight: 500;
  line-height: 1.52; }
.post strong a {
  transition: color 0.3s;
  display: block; }
.post strong a:hover,
.post strong a:focus {
  color: #9ce2cc; }
.post strong a:visited {
  color: white; }
.post strong a:hover figure,
.post strong a:focus figure {
  transform: translateX(1rem);
  color: #fff; }
.post strong figure {
  margin: -0.4rem 0 0.5rem 0.9rem;
  transition: transform 0.3s;
  color: #fff; }
@media (min-width: 1023.02px) {
  .post strong figure {
    margin: 0 0 0.5rem 0.9rem; } }
.post a {
  text-decoration: none; }
.post--offsets {
  padding-bottom: 2.7rem;
  max-width: none; }
.post--offsets small {
  margin-bottom: 2.2rem; }
@media (min-width: 767.02px) {
  .post--offsets small {
    margin-bottom: 1.9rem; } }
@media (min-width: 1023.02px) {
  .post--main {
    max-width: 100%;
    padding-left: 1.3rem; }
  .post--main:before {
    display: none; } }
@media (min-width: 1023.02px) {
  .post--main .post__image {
    margin-bottom: 2.3rem; } }
@media (min-width: 1023.02px) {
  .post--main small {
    margin-bottom: 2.4rem; } }
.post--alt {
  margin-bottom: 3.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem solid #a1bcc4;
  color: #284272; }
@media (min-width: 767.02px) {
  .post--alt {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0; }
  .post--alt:after {
    display: none; }
  .post--alt:before {
    display: none; } }
@media (min-width: 1023.02px) {
  .post--alt {
    border-bottom: 0; } }
.post--alt .post__image {
  margin-bottom: 2rem; }
@media (min-width: 767.02px) {
  .post--alt .post__image {
    margin-bottom: 2.9rem; } }
@media (min-width: 1023.02px) {
  .post--alt .post__image {
    margin-bottom: 2.2rem; } }
.post--alt small {
  margin-bottom: 2.1rem; }
@media (min-width: 767.02px) {
  .post--alt small {
    margin-bottom: 1.7rem; } }
@media (min-width: 1023.02px) {
  .post--alt small {
    margin-bottom: 2.5rem; } }
.post--alt small a:before {
  background: #c94b28; }
.post--alt small a:hover {
  color: #c94b28; }
.post--alt strong a:hover,
.post--alt strong a:focus {
  color: #c94b28; }
.post--alt strong a:visited {
  color: var(--color-primary-dark); }
.post--alt strong a:hover figure {
  color: #c94b28; }
.post--alt strong figure {
  color: #c94b28; }
.post--no-border {
  border-bottom: 0; }
.post--offsts {
  margin-bottom: 0; }
.post--different {
  margin-bottom: 3rem; }
@media (min-width: 767.02px) {
  .post--different {
    height: auto;
    margin-bottom: 0; } }
@media (min-width: 767.02px) {
  .post--different .post__image {
    margin-bottom: 1.4rem; } }
@media (min-width: 1023.02px) {
  .post--different .post__image {
    margin-bottom: 2.1rem; } }
/* ------------------------------------------------------------ *\
	Posts
\* ------------------------------------------------------------ */
.posts__item:last-child .post {
  border-bottom: none; }
.posts__item:last-child .post--alt {
  padding-bottom: 0; }
@media (min-width: 767.02px) {
  .posts .posts__items {
    margin: 0 -1.5rem;
    display: flex;
    flex-wrap: wrap; } }
@media (min-width: 1023.02px) {
  .posts .posts__items {
    margin: 0;
    align-items: flex-start; } }
@media (min-width: 767.02px) {
  .posts .posts__item {
    width: 50%;
    margin-bottom: 3rem;
    padding: 0 2.5rem; }
  .posts .posts__item:nth-child(odd) .post:after {
    display: none; }
  .posts .posts__item:nth-child(odd) .post:before {
    right: -1.5rem; }
  .posts .posts__item:nth-child(even) .post:before {
    left: -1.5rem; }
  .posts .posts__item:nth-last-child(-n + 2) .post:before {
    display: none; } }
@media (min-width: 1023.02px) {
  .posts .posts__item {
    width: 33.33%;
    margin-bottom: 1.4rem;
    border-left: 0.1rem solid rgba(255, 255, 255, 0.4); }
  .posts .posts__item:nth-child(3n-7) {
    border-left: 0;
    padding-left: 0; } }
@media (min-width: 1023.02px) {
  .posts .posts__item:last-child {
    padding-right: 0; } }
@media (min-width: 767.02px) {
  .posts--alt .posts__items {
    margin: 0 -1.8rem; } }
@media (min-width: 767.02px) {
  .posts--alt .posts__item {
    margin-bottom: 3.5rem;
    width: 33.33%; } }
@media (min-width: 767.02px) {
  .posts--alt .posts__item {
    border-left: 0.1rem solid #a1bcc4;
    margin-bottom: 1.5rem; }
  .posts--alt .posts__item:nth-child(3n-5) {
    border-left: 0; }
  .posts--alt .posts__item:nth-child(3n-7) {
    border-left: 0.1rem solid #a1bcc4; }
  .posts--alt .posts__item:nth-last-child(2) .post:before {
    display: none; } }
@media (min-width: 1199.02px) {
  .posts--offsets .posts__items {
    margin: 0 -3.8rem;
    padding-left: 4.5rem;
    align-items: inherit; } }
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Section About
\* ------------------------------------------------------------ */
.section-about {
  position: relative;
  padding: 6rem 0 5rem;
  background: #effdfc; }
@media (min-width: 767.02px) {
  .section-about {
    padding: 7.1rem 0 5rem; } }
.section-about .section__head {
  padding-bottom: 5.6rem;
  text-align: center; }
@media (min-width: 767.02px) {
  .section-about .section__head {
    padding-bottom: 6.9rem; } }
.section-about .section__head small {
  display: block;
  margin-bottom: 1.8rem;
  font-weight: 700;
  font-size: 1.5rem;
  font-family: var(--font-primary);
  font-weight: 700;
  font-style: normal;
  color: #284272;
  text-transform: uppercase; }
@media (min-width: 767.02px) {
  .section-about .section__head small {
    margin-bottom: 2.3rem; } }
.section-about .section__head small a {
  padding-bottom: 0.5rem;
  text-decoration: none; }
.section-about .section__head h1 {
  color: #173162; }
@media (min-width: 767.02px) {
  .section-about .section__head h1 {
    font-size: 5.2rem; } }
.section-about .section__inner {
  position: relative;
  padding: 3.3rem 0 2.8rem; }
.section-about .section__inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 0.1rem solid #a1bcc4; }
@media (min-width: 767.02px) {
  .section-about .section__inner {
    padding: 2.5rem 0 1.9rem; } }
.section-about .section__author {
  padding-bottom: 1.6rem;
  margin-bottom: 1.7rem;
  border-bottom: 0.1rem solid #a1bcc4;
  font-size: 1.8rem;
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.01em;
  line-height: 1.56;
  color: #284272; }
@media (min-width: 767.02px) {
  .section-about .section__author {
    width: 40%;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    border-right: 0.1rem solid #a1bcc4;
    margin-right: 2.4rem;
    padding-right: 3rem; } }
@media (min-width: 1023.02px) {
  .section-about .section__author {
    width: auto;
    padding-left: 2.1rem;
    margin-bottom: 1rem; } }
.section-about .section__date {
  margin-bottom: 2rem;
  padding-bottom: 1.8rem;
  border-bottom: 0.1rem solid #a1bcc4;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  color: #284272;
  letter-spacing: 0.01em;
  line-height: 1.56; }
@media (min-width: 767.02px) {
  .section-about .section__date {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    padding-right: 2.7rem;
    border-right: 0.1rem solid #a1bcc4;
    width: 27.33%; } }
@media (min-width: 1023.02px) {
  .section-about .section__date {
    width: auto; } }
@media (min-width: 767.02px) {
  .section-about .section__socials {
    padding-left: 2.7rem;
    width: 27.33%;
    justify-content: flex-start;
    align-items: flex-start; } }
@media (min-width: 1023.02px) {
  .section-about .section__socials {
    width: auto;
    justify-content: center;
    align-items: center; } }
.section-about .section__image-holder {
  padding-bottom: 2.1rem;
  border-bottom: 0.1rem solid #a1bcc4; }
@media (min-width: 767.02px) {
  .section-about .section__image-holder {
    padding-bottom: 2.3rem; } }
@media (min-width: 1023.02px) {
  .section-about .section__image-holder {
    text-align: center; } }
.section-about .section__image {
  margin-bottom: 1.5rem;
  padding-top: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
.section__image.not-full-width {
  padding-top: 0; }
@media (min-width: 767.02px) {
  .section-about .section__image {
    margin-bottom: 1.8rem; } }
.section-about .section__image-description {
  font-size: 1.7rem;
  line-height: 1.5;
  color: #4d535d;
  padding-left: 2.9rem;
  padding-right: 2.9rem;
  margin-left: auto;
  margin-right: auto; }
@media only screen and (min-width: 56.25em) {
    .section-about .section__image-description {
      padding-left: 3rem;
      padding-right: 3rem;
      max-width: 128rem; } }
.section-about--alt {
  padding: 6.3rem 0 5rem; }
.section-about--alt .shell {
    max-width: none;
    padding-left: 0;
    padding-right: 0; }
@media (min-width: 767.02px) {
  .section-about--alt {
    padding: 7.3rem 0 7.3rem; } }
@media (min-width: 1023.02px) {
  .section-about--alt {
    padding: 7.6rem 0 6.1rem; } }
.section-about--alt .section__head {
  padding-bottom: calc(var(--space-lg) + var(--space-xs));
  padding-left: 2.9rem;
  padding-right: 2.9rem;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  font-size: 2.4rem;
  color: #0d779a;
  text-align: left;
  line-height: 1.35; }
@media (min-width: 767.02px) {
  .section-about--alt .section__head {
    padding-bottom: calc(var(--space-lg) + var(--space-xs));
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 3rem;
    line-height: 1.33; } }
@media (min-width: 1023.02px) {
  .section-about--alt .section__head {
    padding: 0 3rem 6.7rem;
    text-align: center;
    max-width: 128rem;
    margin: 0 auto; } }
.section-about--alt .section__head h1 {
  margin-bottom: 0; }
.section-about--alt .section__head h1 + p {
    margin-top: 1.7rem; }
@media (min-width: 767.02px) {
  .section-about--alt .section__head h1 {
    line-height: 1.18; }
    .section-about--alt .section__head h1 + p {
      margin-top: 2.1rem; } }
@media (min-width: 1023.02px) {
  .section-about--alt .section__head h1 + p {
    margin-top: 3.3rem; } }
.section-about--alt .section__inner {
  padding: 2.8rem 0 2.8rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-left: 3rem;
  padding-right: 3rem; }
@media (min-width: 767.02px) {
  .section-about--alt .section__inner {
    flex-direction: row; } }
@media (min-width: 1023.02px) {
  .section-about--alt .section__inner {
    padding: 2.4rem 0 0.9rem;
    justify-content: center;
    align-items: flex-start; } }
@media (min-width: 767.02px) {
  .section-about--alt .section__image-holder {
    padding-bottom: 2.9rem; } }
@media (min-width: 1023.02px) {
  .section-about--alt .section__image-holder {
    padding-bottom: 2.3rem; } }
@media (min-width: 767.02px) {
  .section-about--alt .section__image {
    margin-bottom: 2.4rem;
    padding-top: 50%; }
  .section__image.not-full-width {
    padding-top: 0; } }
@media (min-width: 1023.02px) {
  .section-about--alt .section__image {
    margin-bottom: 1.8rem;
    padding-top: 50%; }
  .section__image.not-full-width {
    padding-top: 0; } }
.section-about figure {
  display: table;
  margin-left: auto;
  margin-right: auto; }
.section-about figcaption {
  display: table-caption;
  caption-side: bottom; }
/*--------------------------------------------------------------
# Section Callout
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */
.callout {
  padding-bottom: 3.4rem;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.4;
  text-align: center; }
.callout .callout__icon {
  margin-bottom: 2.3rem; }
@media (min-width: 767.02px) {
  .callout .callout__icon {
    margin-bottom: 2.5rem; } }
.callout h3 {
  margin-bottom: 1.7rem;
  font-size: 3rem;
  font-weight: 500;
  color: #fff; }
@media (min-width: 767.02px) {
  .callout h3 {
    margin-bottom: 1.3rem;
    font-size: 3.6rem;
    line-height: 1.22; } }
.callout p {
  margin-bottom: 3.2rem; }
.callout a {
  min-width: 24.5rem; }
/* ------------------------------------------------------------ *\
	Section callout
\* ------------------------------------------------------------ */
.section-callout {
  position: relative;
  z-index: 2;
  padding: 5.3rem 0 6.9rem;
  background: #173162;
  color: #fff; }
@media (min-width: 767.02px) {
  .section-callout {
    padding: 6.6rem 0 4.7rem; } }
@media (min-width: 1023.02px) {
  .section-callout {
    padding: 10rem 0 5.6rem; } }
.section-callout .section__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 73%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
.section-callout .section__background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #173162, rgba(23, 49, 98, 0.7)); }
@media (min-width: 767.02px) {
  .section-callout .section__background {
    left: auto;
    width: 90%;
    height: 100%; }
  .section-callout .section__background:before {
    background: linear-gradient(to right, #173162, rgba(23, 49, 98, 0.7)); } }
@media (min-width: 1023.02px) {
  .section-callout .section__background {
    width: 53%; } }
@media (min-width: 1023.02px) {
  .section-callout .section__inner {
    max-width: 71.5rem; } }
.section-callout h2 {
  margin-bottom: var(--space-sm);
  color: #fff; }
@media (min-width: 767.02px) {
  .section-callout h2 {
    margin-bottom: 1.5rem;
    font-weight: 600;
    line-height: 1.25; } }
.section-callout--alt {
  padding: 5.3rem 0 6.1rem; }
@media (min-width: 767.02px) {
  .section-callout--alt {
    padding: 6.6rem 0 4.6rem; } }
@media (min-width: 1023.02px) {
  .section-callout--alt {
    padding: 10.2rem 0 5.6rem; } }
.section-callout--alt h2 {
  margin-bottom: 1.7rem; }
@media (min-width: 1023.02px) {
  .section-callout--alt h2 {
    margin-bottom: 1.4rem; } }
/* ------------------------------------------------------------ *\
	Section Callouts
\* ------------------------------------------------------------ */
.section-callouts {
  padding: 5rem 0 0;
  background: #173162;
  color: #fff; }
.section-callouts h2 {
    color: #fff !important; }
.section-callouts a:visited {
    color: inherit !important; }
@media (min-width: 767.02px) {
  .section-callouts {
    padding: 7.7rem 0 0; } }
.section-callouts .section__head {
  text-align: left;
  position: relative;
  margin-bottom: 5.5rem; }
.section-callouts .section__head:before {
  content: "";
  position: absolute;
  top: 1.6rem;
  right: 0;
  left: 0;
  height: 0.4rem;
  background: #fff; }
.section-callouts .section__head h2 {
  position: relative;
  padding-right: 2.5rem;
  display: inline-block;
  font-weight: 700;
  font-family: var(--font-primary);
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  background: #173162; }
@media (min-width: 767.02px) {
  .section-callouts .section__grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5rem; } }
@media (min-width: 767.02px) {
  .section-callouts .section__col {
    width: 50%;
    padding: 0 1.5rem; } }
.section-callouts .section__col + .section__col {
  padding-top: 3.4rem;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.55); }
@media (min-width: 767.02px) {
  .section-callouts .section__col + .section__col {
    padding-top: 0;
    border-top: 0;
    border-left: 0.1rem solid rgba(255, 255, 255, 0.55); } }
.section-callouts .section__body {
  padding-bottom: 2.7rem;
  border-bottom: 1rem solid #fff; }
@media (min-width: 767.02px) {
  .section-callouts .section__body {
    padding-bottom: calc(var(--space-xl) + var(--space-xxs)); } }
.section-callouts .section__image {
  margin-top: 6rem;
  padding-top: 34%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
@media (min-width: 767.02px) {
  .section-callouts .section__image {
    margin-top: 8.8rem; } }
.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active {
  background-color: var(--tec-color-accent-primary);
  color: var(--tec-color-background); }
.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text {
  cursor: pointer; }
.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon {
  color: currentColor;
  stroke: currentColor; }
.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon path {
    fill: currentColor; }
.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list {
  background-color: var(--tec-color-background);
  border: 1px solid var(--tec-color-border-secondary);
  border-radius: var(--tec-border-radius-default);
  box-shadow: var(--tec-box-shadow-default); }
.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item {
  color: var(--tec-color-text-primary);
  font-family: var(--tec-font-family-sans-serif); }
.tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:active, .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:hover, .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:focus, .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item:focus-within {
    background-color: var(--tec-color-background-subscribe-list-item-hover); }
.section-callouts .tribe-events-c-subscribe-dropdown {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  margin-left: auto; }
.section-callouts .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border {
    border-color: white; }
.section-callouts .tribe-events-c-subscribe-dropdown .tribe-common-c-svgicon {
    color: white; }
.section-callouts .tribe-events-c-subscribe-dropdown svg {
    color: white; }
.section-callouts .tribe-events-c-subscribe-dropdown__button-text {
  color: white; }
.post-type-archive-tribe_events .section-callouts .shell {
  padding-bottom: var(--space-xxl); }
/* ------------------------------------------------------------ *\
	Article callout
\* ------------------------------------------------------------ */
.article-callout {
  position: relative;
  z-index: 2;
  margin: 0 -2.9rem;
  padding: 8.8rem 2rem 9rem;
  text-align: center;
  background-color: #0d779a;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
.article-callout:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.25); }
@media (min-width: 767.02px) {
  .article-callout {
    margin: 0;
    padding: 5.8rem 1.5rem 7.2rem; } }
@media (min-width: 1023.02px) {
  .article-callout {
    padding: 8.8rem 1.5rem 9rem; } }
@media (min-width: 1399.02px) {
  .article-callout {
    padding: 8.8rem 1.5rem 7.6rem; } }
.article-callout .article__icon {
  margin-bottom: 3.4rem; }
@media (min-width: 767.02px) {
  .article-callout a {
    max-width: 25.2rem;
    height: auto;
    min-width: initial;
    padding: 2rem 1.5rem 1.4rem;
    line-height: 1.43; } }
@media (min-width: 1023.02px) {
  .article-callout a {
    max-width: 33rem;
    width: 100%; } }
.article-callout--overlay:before {
  background: rgba(11, 75, 98, 0.8); }
@media (min-width: 767.02px) {
  .article-callout--overlay {
    padding-top: 7rem;
    padding-bottom: 8rem; } }
@media (min-width: 1023.02px) {
  .article-callout--overlay {
    padding: 8.8rem 1.5rem 9rem; } }
@media (min-width: 1399.02px) {
  .article-callout--overlay {
    padding: 8.8rem 1.5rem 7.6rem; } }
/* ------------------------------------------------------------ *\
	Subscribe ALt
\* ------------------------------------------------------------ */
.subscribe-alt {
  margin-top: 5.5rem;
  margin-bottom: 5.8rem;
  padding-bottom: 3.4rem;
  border-top: 1rem solid #284272;
  border-bottom: 0.4rem solid #284272;
  text-align: center; }
@media (min-width: 767.02px) {
  .subscribe-alt {
    margin-top: -0.2rem;
    margin-bottom: 5.2rem;
    padding-bottom: 4.2rem; } }
@media (min-width: 767.02px) {
  .subscribe-alt .subscribe__content {
    margin: 0 auto;
    max-width: 67.8rem; } }
.subscribe-alt .subscribe__icon {
  width: 7.5rem;
  height: 8rem;
  margin: -0.7rem auto 2.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #284272;
  color: #fff; }
@media (min-width: 767.02px) {
  .subscribe-alt .subscribe__icon {
    width: 5.5rem;
    height: 5.9rem;
    margin-bottom: 4rem; } }
.subscribe-alt h2 {
  margin-bottom: 1.8rem;
  font-weight: 600;
  color: #173162; }
@media (min-width: 767.02px) {
  .subscribe-alt h2 {
    line-height: 1.25; } }
.subscribe-alt .subscribe__label {
  display: block;
  margin-bottom: 2.9rem;
  font-family: var(--font-secondary);
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.4;
  color: #4d535d; }
@media (min-width: 767.02px) {
  .subscribe-alt .subscribe__label {
    margin-bottom: 3.8rem; } }
@media (min-width: 1023.02px) {
  .subscribe-alt .subscribe__label {
    margin-bottom: 4.5rem; } }
@media (min-width: 767.02px) {
  .subscribe-alt .subscribe__inner {
    position: relative;
    max-width: 87%;
    margin: 0 auto; } }
@media (min-width: 1023.02px) {
  .subscribe-alt .subscribe__inner {
    max-width: 100%; } }
.subscribe-alt .subscribe__controls {
  position: relative; }
.subscribe-alt .subscribe__controls figure {
  position: absolute;
  top: 1.9rem;
  left: 2.7rem;
  z-index: 1; }
.subscribe-alt .subscribe__field {
  height: 6.2rem;
  width: 100%;
  padding: 0 1rem 0 7rem;
  border: 0.1rem solid #4d535d;
  border-radius: 10rem;
  background: transparent;
  color: #4d535d;
  transition: background 0.3s, color 0.3s, outline 0.3s, box-shadow 0.3s; }
.subscribe-alt .subscribe__field:after {
    content: "";
    position: absolute;
    top: -0.8rem;
    bottom: -0.8rem;
    left: -0.8rem;
    right: -0.8rem;
    border: 0.3rem solid #38b991;
    border-radius: 10rem;
    pointer-events: none;
    transition: opacity 0.3s;
    opacity: 0; }
.subscribe-alt .subscribe__field:focus-within:after, .subscribe-alt .subscribe__field:active:after {
    opacity: 1; }
.subscribe-alt .subscribe__field:focus,
.subscribe-alt .subscribe__field:active {
  background: #fff;
  color: #4d535d;
  box-shadow: 0 0 2rem rgba(23, 49, 98, 0.24); }
@media (min-width: 767.02px) {
  .subscribe-alt .subscribe__field {
    padding: 0 15rem 0 8rem; } }
.subscribe-alt .subscribe__input-field {
  position: relative;
  margin-bottom: 2.4rem; }
.subscribe-alt .subscribe__input-field:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.subscribe-alt .subscribe__input-field:focus-within:after,
.subscribe-alt .subscribe__input-field:active:after {
  opacity: 1; }
.subscribe-alt .subscribe__btn {
  position: relative;
  min-width: 19.9rem;
  height: 5.5rem;
  border: 0;
  border-radius: 10rem;
  background: #b54600;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  transition: color 0.3s, box-shadow 0.3s, outline 0.3s; }
.subscribe-alt .subscribe__btn:hover {
  box-shadow: 0 0 2rem rgba(23, 49, 98, 0.24); }
.subscribe-alt .subscribe__btn:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.subscribe-alt .subscribe__btn:focus:after,
.subscribe-alt .subscribe__btn:active:after {
  opacity: 1; }
@media (min-width: 767.02px) {
  .subscribe-alt .subscribe__btn {
    position: absolute;
    top: 0.9rem;
    right: 0.8rem;
    min-width: 13.6rem;
    width: auto;
    height: 4.4rem;
    line-height: 44px; }
  .subscribe-alt .ctct-submitted.subscribe__btn {
    right: 4.8rem; }
  .subscribe-alt .subscribe__btn:focus,
  .subscribe-alt .subscribe__btn:active {
    outline-offset: 0.6rem; } }
@media (min-width: 767.02px) {
  .subscribe-alt--offset {
    margin-bottom: 4.7rem; } }
@media (min-width: 1023.02px) {
  .subscribe-alt--offset {
    margin-top: 6.6rem;
    margin-bottom: 6.7rem; } }
.subscribe-alt--different {
  margin-top: 4.5rem;
  margin-bottom: 3rem;
  margin-left: 2.9rem;
  margin-right: 2.9rem; }
@media (min-width: 1023.02px) {
  .subscribe-alt--different {
    margin-top: 6rem;
    padding-bottom: 6.1rem; } }
@media (min-width: 1023.02px) {
  .subscribe-alt--different .subscribe__outer {
    display: flex;
    flex-wrap: wrap; } }
@media (min-width: 1023.02px) {
  .subscribe-alt--different .subscribe__icon {
    width: 7.5rem;
    height: 8rem;
    margin-left: 0; } }
@media (min-width: 1023.02px) {
  .subscribe-alt--different .subscribe__content {
    max-width: calc(100% - 7.5rem);
    padding: 4.6rem 8rem 0 7.7rem;
    text-align: left; } }
@media (min-width: 1023.02px) {
  .subscribe-alt--different .subscribe__inner {
    width: auto;
    max-width: initial; } }
@media (min-width: 1023.02px) {
  .subscribe-alt--different .subscribe__input-field {
    margin-bottom: 0; } }
.subscribe-alt--different .subscribe__controls figure {
  color: #284272; }
@media only screen and (min-width: 75em) {
  .subscribe-alt--different {
    max-width: calc(115rem + 1.2rem * 2);
    margin-left: auto;
    margin-right: auto; } }
/* ------------------------------------------------------------ *\
	Subscribe Differemt
\* ------------------------------------------------------------ */
.subscribe-differemt {
  padding: 0.1rem 0 var(--space-sm);
  background: #264e9a;
  text-align: center; }
@media (min-width: 767.02px) {
  .subscribe-differemt {
    position: relative;
    width: 65.2%;
    margin-top: -9.5rem;
    padding: 0 1.2rem var(--space-md); } }
@media (min-width: 1023.02px) {
  .subscribe-differemt {
    max-width: 57rem;
    margin-top: -11rem;
    padding-bottom: var(--space-sm); } }
.subscribe-differemt .subscribe__icon {
  width: 7.9rem;
  height: 7.9rem;
  margin: -4rem auto 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #264e9a; }
@media (min-width: 767.02px) {
  .subscribe-differemt .subscribe__icon {
    margin: -4rem auto 3.3rem; } }
.subscribe-differemt h2 {
  margin-bottom: 1.3rem;
  font-weight: 600;
  line-height: 1.33; }
@media (min-width: 767.02px) {
  .subscribe-differemt h2 {
    margin-bottom: 1.8rem;
    padding: 0 2rem;
    font-size: 3.6rem; } }
.subscribe-differemt .subscribe__label {
  margin-bottom: 2.9rem;
  display: block;
  font-family: var(--font-secondary);
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.56; }
@media (min-width: 767.02px) {
  .subscribe-differemt .subscribe__label {
    margin-bottom: 4.6rem;
    padding: 0 2rem; } }
.subscribe-differemt .subscribe__controls {
  position: relative;
  padding: 0 1.8rem; }
.subscribe-differemt .subscribe__controls:focus-within svg path {
    stroke: var(--color-primary); }
.subscribe-differemt .subscribe__controls:focus-within svg {
  color: #264e9a; }
@media (min-width: 1023.02px) {
  .subscribe-differemt .subscribe__controls {
    padding: 0 2.8rem; } }
.subscribe-differemt .subscribe__controls figure {
  position: absolute;
  top: 1.9rem;
  left: 4.3rem;
  z-index: 1; }
@media (min-width: 1023.02px) {
  .subscribe-differemt .subscribe__controls figure {
    left: 5.3rem; } }
.subscribe-differemt .subscribe__field {
  height: 6.2rem;
  width: 100%;
  padding: 0 1rem 0 7rem;
  border: 0.1rem solid #fff;
  border-radius: 10rem;
  background: transparent;
  transition: background 0.3s, color 0.3s, outline 0.3s; }
.subscribe-differemt .subscribe__field:focus, .subscribe-differemt .subscribe__field:active {
    background: white;
    outline: none; }
.subscribe__controls .subscribe__field-wrapper::after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  width: calc(100% + 1.6rem);
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.subscribe__controls .subscribe__field-wrapper:active::after, .subscribe__controls .subscribe__field-wrapper:focus::after, .subscribe__controls .subscribe__field-wrapper:focus-within::after {
  opacity: 1; }
.subscribe__controls .subscribe__field-wrapper:active input, .subscribe__controls .subscribe__field-wrapper:focus input, .subscribe__controls .subscribe__field-wrapper:focus-within input {
  outline: none; }
.subscribe-differemt .subscribe__input-field {
  position: relative;
  margin-bottom: 2.6rem; }
.subscribe-differemt .subscribe__input-field:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.subscribe-differemt .subscribe__input-field:focus-within:after,
.subscribe-differemt .subscribe__input-field:active:after {
  opacity: 1; }
@media (min-width: 767.02px) {
  .subscribe-differemt .subscribe__input-field {
    margin-bottom: 3rem; } }
.subscribe-differemt .subscribe__btn {
  background: transparent;
  min-width: 19.8rem; }
.subscribe-differemt .subscribe__btn:hover, .subscribe-differemt .subscribe__btn:focus, .subscribe-differemt .subscribe__btn:active {
    background: #fff; }
.subscribe-differemt .subscribe__btn:focus {
    outline: var(--brdr-sm) solid var(--color-accent-secondary);
    outline-offset: 0.4rem; }
.subscribe-differemt .subscribe__btn:hover {
  background: #fff; }
.ctct-disclosure {
  display: none; }
/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */
.ctct-submitted {
  color: #fff; }
.subscribe .form__inner:focus-within .ctct-submitted {
  background-color: var(--color-primary);
  color: white; }
.subscribe .subscribe__label {
  display: block;
  margin-bottom: 2.9rem;
  font-size: 2rem;
  line-height: 1.6; }
@media (min-width: 767.02px) {
  .subscribe .subscribe__label {
    margin-bottom: 4.5rem;
    font-family: var(--font-secondary);
    font-weight: 300;
    font-style: normal; } }
@media (min-width: 767.02px) {
  .subscribe .form__inner {
    position: relative; } }
.subscribe .subscribe__controls {
  position: relative; }
.subscribe .subscribe__controls:focus-within svg path {
  stroke: #264e9a !important; }
@media (min-width: 767.02px) {
  .subscribe .subscribe__controls {
    width: 93.7%; }
  .subscribe .subscribe__controls:focus-within .subscribe__btn {
    background: #173162;
    color: #fff; }
  .subscribe .subscribe__controls:focus-within .subscribe__btn:focus,
  .subscribe .subscribe__controls:focus-within .subscribe__btn:active {
    background: #effdfc;
    color: var(--color-primary); } }
.subscribe .subscribe__controls figure {
  position: absolute;
  top: 1.9rem;
  left: 2.7rem;
  z-index: 2; }
.subscribe .subscribe__field {
  height: 6.2rem;
  width: 100%;
  padding: 0 1rem 0 7rem;
  border: 0.1rem solid #fff;
  border-radius: 10rem;
  background: transparent;
  transition: background 0.3s, color 0.3s, outline 0.3s; }
.subscribe .subscribe__field:after {
    content: "";
    position: absolute;
    top: -0.8rem;
    bottom: -0.8rem;
    left: -0.8rem;
    right: -0.8rem;
    border: 0.3rem solid #38b991;
    border-radius: 10rem;
    pointer-events: none;
    transition: opacity 0.3s;
    opacity: 0; }
.subscribe .subscribe__field:focus-within:after, .subscribe .subscribe__field:active:after {
    opacity: 1; }
.subscribe .subscribe__field:focus,
.subscribe .subscribe__field:active {
  background: #fff;
  color: #173162;
  outline: var(--brdr-sm) solid var(--color-accent-secondary);
  outline-offset: 0.4rem; }
@media (min-width: 767.02px) {
  .subscribe .subscribe__field {
    padding: 0 15rem 0 8rem; } }
.subscribe .subscribe__input-field {
  position: relative;
  margin-bottom: 3.2rem; }
.subscribe .subscribe__input-field:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.subscribe .subscribe__input-field:focus-within:after,
.subscribe .subscribe__input-field:active:after {
  opacity: 1; }
.subscribe .subscribe__input-field.has-error {
  margin-bottom: 5rem; }
@media (min-width: 767.02px) {
  .subscribe .subscribe__input-field.has-error {
    margin-bottom: 3.2rem; } }
.subscribe .subscribe__input-field.has-error:after {
  border-color: #c94b28;
  top: -0.4rem;
  bottom: -0.4rem;
  left: -0.4rem;
  right: -0.4rem;
  opacity: 1; }
.subscribe .subscribe__btn {
  position: relative;
  width: 100%;
  height: 5.5rem;
  border: 0;
  border-radius: 10rem;
  background: #fff;
  font-family: var(--font-primary);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: 0.01em;
  text-transform: uppercase;
  transition: color 0.3s, background 0.3s, outline 0.3s; }
.subscribe .subscribe__btn:hover {
  background: #cef2f2; }
.subscribe .subscribe__btn:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
.subscribe .subscribe__btn:focus:after,
.subscribe .subscribe__btn:active:after {
  opacity: 1; }
.subscribe .ctct-submitted.subscribe__btn {
  cursor: pointer; }
@media (min-width: 767.02px) {
  .subscribe .subscribe__btn {
    position: absolute;
    top: 0.9rem;
    right: 0.8rem;
    min-width: 13.6rem;
    width: auto;
    height: 4.4rem;
    line-height: 44px; }
  .subscribe .ctct-submitted.subscribe__btn {
    right: calc(var(--space-xl) * 1.1); } }
.subscribe .subscribe__error {
  position: absolute;
  top: calc(100% + 1.5rem);
  left: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 18px;
  color: #c94b28; }
.subscribe .subscribe__error figure {
  position: static;
  margin-right: 1rem; }
.subscribe .subscribe__btn:focus,
.subscribe .subscribe__btn:active {
  outline: var(--brdr-sm) solid var(--color-accent-secondary);
  outline-offset: 0.4rem; }
.subscribe .form__inner:focus-within .ctct-form-field-submit:focus-within .ctct-submit {
  background-color: var(--color-secondary-lightest);
  color: var(--color-primary-darkest); }
/*--------------------------------------------------------------
# Article
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Article Posts
\* ------------------------------------------------------------ */
.article-posts {
  padding: 5.9rem 2.9rem 0; }
@media (min-width: 767.02px) {
  .article-posts {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
@media (min-width: 1023.02px) {
  .article-posts {
    /*width: calc( 116.8rem + 1.5rem * 2 );*/
    max-width: calc(135rem + 1.5rem * 2);
    margin: 0 auto; } }
.article-posts .articles__title {
  position: relative;
  margin-bottom: 4.4rem;
  font-weight: 400; }
.article-posts .articles__title:before {
  content: "";
  position: absolute;
  top: 51%;
  right: 0;
  width: 58%;
  height: 0.2rem;
  background: #fff;
  transform: translateY(-50%); }
@media (min-width: 767.02px) {
  .article-posts .articles__title {
    margin-bottom: 5.2rem; }
  .article-posts .articles__title:before {
    top: 55%;
    width: 65%; } }
@media (min-width: 1023.02px) {
  .article-posts .articles__title:before {
    width: 79%; } }
.article-posts .articles__content {
  transition: transform 1s, opacity 0.3s;
  transform: translateX(-100%);
  opacity: 0; }
@media (min-width: 767.02px) {
  .article-posts .articles__content {
    width: 59%;
    padding: 7.3rem 0 2.2rem 2.6rem; } }
@media (min-width: 1023.02px) {
  .article-posts .articles__content {
    width: 57%;
    padding: 8.7rem 0 2.2rem 6.6rem; } }
@media (min-width: 1399.02px) {
  .article-posts .articles__content {
    width: 55%;
    padding: 8.7rem 0 2.2rem 1.6rem; } }
.article-posts .articles__aside {
  transition: transform 1s, opacity 0.3s;
  transform: translateY(100%);
  opacity: 0; }
@media (min-width: 767.02px) {
  .article-posts .articles__aside {
    width: 37%; } }
@media (min-width: 1023.02px) {
  .article-posts .articles__aside {
    width: 37.2%; } }
@media (min-width: 1399.02px) {
  .article-posts .articles__aside {
    padding-right: 1.4rem;
    width: 39.5%; } }
.article-posts.is-active .articles__content {
  transform: translateX(0);
  opacity: 1; }
.article-posts.is-active .articles__aside {
  transform: translateY(0);
  opacity: 1; }
/* ------------------------------------------------------------ *\
	Article callout
\* ------------------------------------------------------------ */
.article-callout {
  position: relative;
  z-index: 2;
  margin: 0 -2.9rem;
  padding: var(--space-xl) 2rem;
  text-align: center;
  background-color: #0d779a;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50%; }
.article-callout:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.25); }
@media (min-width: 767.02px) {
  .article-callout {
    margin: 0;
    padding: 8.8rem 2rem 9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; } }
.article-callout .article__icon {
  margin-bottom: 3.4rem; }
.article-callout a:visited:hover, .article-callout a:visited:focus, .article-callout a:visited:active {
  color: var(--color-primary-dark); }
@media (min-width: 767.02px) {
  .article-callout a {
    max-width: 25.2rem;
    height: auto;
    min-width: initial;
    padding: 2rem 1.5rem 1.4rem;
    line-height: 1.43; } }
@media (min-width: 1023.02px) {
  .article-callout a {
    max-width: 33rem;
    width: 100%; } }
.article-callout--overlay:before {
  background: rgba(11, 75, 98, 0.8); }
@media (min-width: 767.02px) {
  .article-callout--overlay {
    padding-top: 7rem;
    padding-bottom: 8rem; } }
@media (min-width: 1023.02px) {
  .article-callout--overlay {
    padding: 8.8rem 1.5rem 9rem; } }
@media (min-width: 1399.02px) {
  .article-callout--overlay {
    padding: 8.8rem 1.5rem 7.6rem; } }
/* ------------------------------------------------------------ *\
	Article Post
\* ------------------------------------------------------------ */
.article-post {
  margin-bottom: 3.6rem;
  padding-bottom: 2.6rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.7); }
.article-post:last-child {
    border-bottom: none; }
@media (min-width: 767.02px) {
  .article-post {
    margin-bottom: 3.1rem;
    padding-bottom: 2.8rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; } }
@media (min-width: 1023.02px) {
  .article-post {
    margin-bottom: calc(var(--space-md) + var(--space-sm));
    padding-bottom: 2.3rem; }
    .article-post:last-child {
      padding-bottom: var(--space-xs); } }
@media (min-width: 1399.02px) {
  .article-post {
    padding-bottom: calc(var(--space-md) + var(--space-xxxs)); } }
.article-post .article__image {
  margin-bottom: 2.9rem;
  padding-top: 54.5%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
@media (min-width: 767.02px) {
  .article-post .article__image {
    max-width: 9.6rem;
    width: 100%;
    padding-top: 11.5%; } }
@media (min-width: 1023.02px) {
  .article-post .article__image {
    max-width: 15.8rem;
    padding-top: 12.5%; } }
@media (min-width: 1399.02px) {
  .article-post .article__image {
    padding-top: 11%; } }
@media (min-width: 767.02px) {
  .article-post .article__content {
    width: calc(100% - 10rem);
    margin-top: -0.2rem;
    padding: 0 1.5rem 0 2.9rem; } }
@media (min-width: 1023.02px) {
  .article-post .article__content {
    width: calc(100% - 15.8rem);
    margin-top: 0;
    padding: 0 1.5rem 0 3.9rem; } }
.article-post small {
  margin-bottom: 1.8rem;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase; }
.article-post small a {
  padding-right: 0.5rem;
  padding-bottom: 0.6rem; }
.article-post h4 {
  font-weight: 500;
  line-height: 1.52; }
.article-post a {
  text-decoration: none;
  transition: color 0.3s; }
.article-post a:hover {
  color: #9ce2cc; }
.article-post--no-border {
  margin-bottom: 2.3rem;
  border-bottom: 0; }
/* ------------------------------------------------------------ *\
	Article Posts
\* ------------------------------------------------------------ */
.article-posts {
  padding: 5.9rem 2.9rem 0; }
@media (min-width: 767.02px) {
  .article-posts {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
@media (min-width: 1023.02px) {
  .article-posts {
    /*width: calc( 116.8rem + 1.5rem * 2 );*/
    max-width: calc(135rem + 1.5rem * 2);
    margin: 0 auto; } }
.article-posts .articles__title {
  position: relative;
  margin-bottom: 4.4rem;
  font-weight: 400; }
.article-posts .articles__title:before {
  content: "";
  position: absolute;
  top: 58%;
  right: 0;
  width: 59%;
  height: 0.2rem;
  background: #fff;
  transform: translateY(-50%); }
@media (min-width: 767.02px) {
  .article-posts .articles__title {
    margin-bottom: 5.2rem; }
  .article-posts .articles__title:before {
    top: 55%;
    width: 65%; } }
@media (min-width: 1023.02px) {
  .article-posts .articles__title:before {
    width: 79%; } }
.article-posts .articles__content {
  transition: transform 1s, opacity 0.3s;
  transform: translateX(-100%);
  opacity: 0; }
@media (min-width: 767.02px) {
  .article-posts .articles__content {
    width: 59%;
    padding: 7.3rem 0 2.2rem 2.6rem; } }
@media (min-width: 1023.02px) {
  .article-posts .articles__content {
    width: 57%;
    padding: 8.7rem 0 2.2rem 6.6rem; } }
@media (min-width: 1399.02px) {
  .article-posts .articles__content {
    width: 56%;
    padding: 8.7rem 0 2.2rem 1.6rem; } }
.article-posts .articles__aside {
  transition: transform 1s, opacity 0.3s;
  transform: translateY(100%);
  opacity: 0; }
@media (min-width: 767.02px) {
  .article-posts .articles__aside {
    width: 37%; } }
@media (min-width: 1023.02px) {
  .article-posts .articles__aside {
    width: 37.2%; } }
@media (min-width: 1399.02px) {
  .article-posts .articles__aside {
    padding-right: 1.4rem;
    width: 39.5%; } }
.article-posts.is-active .articles__content {
  transform: translateX(0);
  opacity: 1; }
.article-posts.is-active .articles__aside {
  transform: translateY(0);
  opacity: 1; }
/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
.article .article__video {
  position: relative;
  margin-bottom: 5.8rem;
  padding-top: 55.6%; }
@media (min-width: 767.02px) {
  .article .article__video {
    max-width: 87.1rem;
    margin: 0 auto 4rem;
    padding-top: 45.7%; } }
.article .article__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.article .article__entry {
  padding-bottom: 2.5rem;
  font-size: 2.2rem;
  line-height: 1.45;
  color: #4d535d; }
/*
.article .article__entry::first-letter {
  margin-left: -0.4rem;
  padding-right: 2.1rem;
  float: left;
  font-weight: 700;
  font-size: 6.4rem;
  font-family: "New Spirit", Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  color: #284272;
  line-height: 0.9;
}
*/
@media (min-width: 767.02px) {
  .article .article__entry {
    max-width: 87.1rem;
    margin: 0 auto;
    padding-bottom: 1.8rem; } }
.article .article__entry p {
  margin-bottom: 2.8rem; }
.article .article__section {
  margin-bottom: calc(var(--space-lg) + var(--space-sm));
  font-size: 2.2rem;
  line-height: 1.45;
  color: #4d535d; }
.article .article__section > p:first-of-type:first-letter {
  font-family: var(--font-secondary);
  color: var(--color-primary);
  float: left;
  font-size: 7.2rem;
  line-height: var(--space-sm);
  padding-top: 0.25rem;
  padding-right: calc(var(--space-md) * 0.15);
  font-weight: bold; }
@media only screen and (min-width: 47.9375em) {
    .article .article__section > p:first-of-type:first-letter {
      font-size: 6.6rem;
      line-height: 0.9;
      padding-right: calc(var(--space-xxxs) * 0.9); } }
@media only screen and (min-width: 56.25em) {
    .article .article__section > p:first-of-type:first-letter {
      font-size: 6.8rem;
      padding-right: var(--space-xxxs); } }
.article .article__section ul,
.article .article__section ol {
  margin: 0 0 var(--space-md) var(--space-xs);
  padding: 0;
  list-style: none; }
@media only screen and (min-width: 47.9375em) {
    .article .article__section ul,
    .article .article__section ol {
      margin-left: var(--space-lg);
      margin-right: var(--space-lg); } }
.article .article__section li {
  margin-bottom: var(--space-xxs);
  position: relative;
  padding-left: var(--space-md); }
.article .article__section li:before {
    content: "\002022"; }
.article .article__section li:last-child {
    margin-bottom: 0; }
@media (min-width: 767.02px) {
  .article .article__section {
    margin: 0 auto calc(var(--space-xl) + var(--space-xxs)); }
    .article .article__section p,
    .article .article__section h2,
    .article .article__section h3,
    .article .article__section h4,
    .article .article__section h5 {
      max-width: 64rem;
      margin-left: auto;
      margin-right: auto; } }
@media only screen and (min-width: 56.25em) {
  .article .article__section {
    margin-bottom: calc(var(--space-lg) + var(--space-xs)); }
    .article .article__section p,
    .article .article__section h2,
    .article .article__section h3,
    .article .article__section h4,
    .article .article__section h5 {
      max-width: 97rem; } }
.article .article__section h3 {
  margin-bottom: 1.6rem;
  font-size: 3rem;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  color: #284272; }
@media (min-width: 767.02px) {
  .article .article__section h3 {
    font-size: 3.6rem; } }
@media (min-width: 1023.02px) {
  .article .article__section--offset-top {
    padding-top: 2.4rem; } }
.article .article__section .wp-block-audio {
  margin-bottom: calc(var(--space-md) + var(--space-xs)); }
.article .article__section .wp-block-pullquote p {
  margin-left: 0;
  margin-right: 0;
  max-width: none; }
@media only screen and (min-width: 56.25em) {
    .article .article__section .wp-block-pullquote p {
      margin-left: calc(var(--space-lg) * 1.27);
      min-height: 10rem; } }
@media only screen and (min-width: 75em) {
    .article .article__section .wp-block-pullquote p {
      margin-left: calc(var(--space-lg) * 1.2); } }
.article .article__section .table {
  max-width: 64rem; }
@media only screen and (min-width: 56.25em) {
    .article .article__section .table {
      max-width: 90rem; } }
.article .article__ad {
  margin: 0 0 5.5rem;
  padding: 3.4rem 0 3rem;
  border-top: 0.1rem solid #a1bcc4;
  border-bottom: 0.1rem solid #a1bcc4; }
@media (min-width: 767.02px) {
  .article .article__ad {
    margin-bottom: 5rem;
    padding: 4.8rem 0 4.1rem; } }
.article .article__ad a {
  margin-bottom: 1.6rem; }
.article .article__image img {
  max-width: 100%;
  width: 100%; }
.article .article__images {
  margin-bottom: 5.2rem;
  margin-top: 5.5rem; }
.article .article__images .article__image:first-of-type {
    padding-left: 0; }
.article .article__images .article__image:last-of-type {
    padding-right: 0; }
.article .article__images img {
    max-width: 100%; }
@media (min-width: 767.02px) {
  .article .article__images {
    margin: 5rem -1.5rem 5.1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
@media (min-width: 767.02px) {
  .article .article__image--md {
    width: 50%;
    padding: 0 1.5rem; } }
.article .article__image + .article__image {
  margin-top: 2.6rem; }
@media (min-width: 767.02px) {
  .article .article__image + .article__image {
    margin-top: 0; } }
.article .article__image img {
  margin-bottom: 1.6rem; }
@media (min-width: 767.02px) {
  .article .article__image img {
    margin-bottom: 1.2rem; } }
.article figcaption {
  font-size: 1.7rem;
  font-style: italic;
  color: #4d535d;
  line-height: 1.5; }
@media (min-width: 767.02px) {
  .article .article__image--sm {
    max-width: 54rem;
    /*max-width: 19rem;*/
    margin: 0 auto; } }
.article .article__inner {
  padding-top: 5.4rem; }
@media (min-width: 767.02px) {
  .article .article__inner {
    padding-top: 0.3rem; }
  .article .article__inner:after {
    content: "";
    display: block;
    clear: both; } }
.article .article__inner figure {
  margin-bottom: 4.9rem; }
@media (min-width: 767.02px) {
  .article .article__inner figure {
    max-width: 37.2rem;
    margin-right: 7.8rem;
    float: left; } }
.article .article__inner img {
  margin-bottom: 1.4rem; }
@media (min-width: 767.02px) {
  .article .article__inner p {
    max-width: 86.8rem;
    margin: -0.4rem auto 0; } }
.article .article__banner {
  margin-bottom: 6rem; }
@media (min-width: 767.02px) {
  .article .article__banner {
    margin-bottom: 5.3rem; } }
@media (min-width: 1023.02px) {
  .article .article__banner {
    margin-bottom: 6.3rem; } }
.article .article__quote {
  margin-bottom: 5.1rem;
  padding-bottom: 2.8rem;
  border-top: 1rem solid #284272;
  border-bottom: 0.4rem solid #284272; }
@media (min-width: 767.02px) {
  .article .article__quote {
    padding-bottom: 4rem; } }
@media (min-width: 1023.02px) {
  .article .article__quote {
    margin-top: 6.7rem;
    margin-bottom: 6.7rem;
    padding-bottom: 4.4rem; } }
.article .article__quote-icon {
  width: 7.5rem;
  height: 8.2rem;
  margin: -0.8rem auto 2.5rem;
  padding-top: 1.3rem;
  background: #284272;
  font-size: 11.2rem;
  line-height: 1;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-style: normal;
  color: #effdfc;
  text-align: center; }
@media (min-width: 767.02px) {
  .article .article__quote-icon {
    margin-top: -1rem;
    margin-bottom: 3.6rem; } }
@media (min-width: 1023.02px) {
  .article .article__quote-icon {
    margin-left: 0; } }
.article .article__quote-icon p {
  margin-bottom: 0; }
.article blockquote {
  padding-left: 0;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  line-height: 1.33;
  color: #0d779a; }
@media only screen and (min-width: 63.9375em) {
    .article blockquote {
      padding-left: 2.5rem; } }
@media (min-width: 767.02px) {
  .article blockquote {
    padding-left: 0;
    font-size: 3.6rem;
    line-height: 1.44; } }
.article .article__callout {
  padding: 6.2rem 0 0rem;
  background: #effdfc; }
.article .article__callout a {
    color: var(--color-accent-primary); }
.article .article__callout a:hover {
      color: white; }
.article .article__callout .btn-outline--orange:focus {
    color: white; }
@media (min-width: 767.02px) {
  .article .article__callout {
    padding: calc(var(--space-lg) + var(--space-md)) 0 0;
    text-align: center; } }
@media (min-width: 1023.02px) {
  .article .article__callout {
    padding-top: 6.5rem; } }
.article .article__callout h2 {
  margin-bottom: 2.4rem;
  color: #173162; }
@media (min-width: 767.02px) {
  .article .article__callout h2 {
    margin-bottom: 2.7rem;
    font-size: 5rem; } }
.article--alt {
  margin-bottom: 5.2rem; }
.article--alt .wp-block-pullquote p {
    margin-bottom: var(--space-xxs);
    text-align: center; }
@media only screen and (min-width: 56.25em) {
      .article--alt .wp-block-pullquote p {
        margin-left: calc(var(--space-lg) * 1.27);
        text-align: left; } }
@media only screen and (min-width: 75em) {
      .article--alt .wp-block-pullquote p {
        margin-left: calc(var(--space-lg) * 1.2); } }
.article--alt .has-text-align-center {
    text-align: left; }
.article--alt p {
  margin-bottom: 3rem; }
@media (min-width: 767.02px) {
  .article--alt p {
    margin-bottom: 2.9rem; } }
@media (min-width: 1023.02px) {
  .article--alt p {
    margin-bottom: 3.2rem; } }
@media (min-width: 1023.02px) {
  .article--alt .article__ad {
    margin-bottom: 2.9rem; } }
.article--alt .article__ad p {
  margin-bottom: 0; }
.article--alt .article__entry {
  padding-bottom: 4.5rem; }
/* ------------------------------------------------------------ *\
	Categories
\* ------------------------------------------------------------ */
.categories {
  margin-top: 5.1rem;
  padding-bottom: calc(var(--space-md) * 1.55);
  border-bottom: 0.4rem solid #284272; }
@media (min-width: 767.02px) {
  .categories {
    margin-top: var(--space-lg);
    padding-bottom: 2.8rem; } }
@media (min-width: 1023.02px) {
  .categories {
    margin-top: 5.1rem; } }
.categories .categories__head {
  position: relative;
  padding-bottom: 2.8rem; }
.categories .categories__head:before {
  content: "";
  position: absolute;
  top: 1.9rem;
  right: 0;
  width: 100%;
  height: 0.4rem;
  background: #284272; }
@media (min-width: 767.02px) {
  .categories .categories__head {
    padding-bottom: calc(var(--space-md) + var(--space-xs)); } }
.categories h2 {
  position: relative;
  padding-right: 2rem;
  display: inline-block;
  font-weight: 400;
  color: #284272;
  letter-spacing: 0.01em;
  background: #effdfc; }
@media (min-width: 767.02px) {
  .categories .categories__body {
    display: flex;
    flex-wrap: wrap;
    align-items: center; } }
/* ------------------------------------------------------------ *\
	Category
\* ------------------------------------------------------------ */
body .category a {
  position: relative;
  display: inline-block;
  padding: 1.7rem 3.2rem 1.5rem;
  border: 0.1rem solid #b54600;
  border-radius: 10rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #b54600;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.3s, background 0.3s, box-shadow 0.3s, outline 0.3s; }
body .category a:hover {
  color: #fff;
  background: #c94b28;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
body .category a:after {
  content: "";
  position: absolute;
  top: -0.8rem;
  bottom: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  border: 0.3rem solid #38b991;
  border-radius: 10rem;
  pointer-events: none;
  transition: opacity 0.3s;
  opacity: 0; }
body .category a:focus-within:after,
body .category a:active:after {
  opacity: 1; }
@media (min-width: 767.02px) {
  body .category {
    margin-bottom: 2rem;
    margin-right: 2.8rem; }
  body .category:last-child {
    margin-right: 0; } }
body .category + .category {
  margin-top: 2.4rem; }
@media (min-width: 767.02px) {
  body .category + .category {
    margin-top: 0; } }
/* ------------------------------------------------------------ *\
	Comments
\* ------------------------------------------------------------ */
.article .article__section {
  /*
    p.comment-notes:first-letter {
      font-family: var(--font-primary);
      font-weight: 400;
      font-style: normal;
      font-size: 1.8rem;
      line-height: 1.56;
      color: var(--color-base-darker);
      float: none;
      margin-left: 0;
      padding-right: 0;
      padding-top: 0;
      text-transform: none;
    }
    */ }
.article .article__section .comments-section .comments-title {
    max-width: none; }
.article .article__section .form__element,
  .article .article__section .form-submit {
    max-width: none;
    margin-left: 0;
    margin-right: 0; }
.article .article__section .form-submit {
    margin-bottom: 0; }
.article .article__section .comment-list {
    margin-left: 0; }
.article .article__section .comment-list .comment:before {
      content: none; }
.article .article__section .comment {
    padding-left: 0;
    margin-bottom: calc(var(--space-md) + var(--space-sm) + var(--space-xxxs)); }
@media only screen and (min-width: 47.9375em) {
      .article .article__section .comment {
        margin-bottom: calc(var(--space-lg) + var(--space-xxxs)); } }
.article .article__section .comment-content p {
      margin-bottom: var(--space-sm); }
.article .article__section .comment-body {
      /*
        p:first-letter {
          font-family: var(--font-primary);
          font-weight: 400;
          font-style: normal;
          font-size: 1.8rem;
          line-height: 1.56;
          color: var(--color-base-darker);
          float: none;
          margin-left: 0;
          padding-right: 0;
          padding-top: 0;
          text-transform: none;
        }
        */ }
/*--------------------------------------------------------------
# Stories
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Stories
\* ------------------------------------------------------------ */
@media (min-width: 767.02px) {
  .stories .stories__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5rem; } }
@media (min-width: 1023.02px) {
  .stories .stories__items {
    margin: 0 -4.1rem; } }
@media (min-width: 767.02px) {
  .stories .stories__item {
    width: 50%;
    margin-bottom: 1.3rem;
    padding: 0 1.5rem; }
  .stories .stories__item:nth-child(odd) .story:after {
    display: none; }
  .stories .stories__item:nth-child(odd) .story:before {
    right: -1.5rem; }
  .stories .stories__item:nth-child(even) .story:before {
    left: -1.5rem; }
  .stories .stories__item:nth-last-child(-n + 2) .story:before {
    display: none; } }
@media (min-width: 1023.02px) {
  .stories .stories__item {
    width: 33.33%;
    border-left: 0.1rem solid #a1bcc4; }
  .stories .stories__item:nth-child(3n-7) {
    border-left: 0; } }
.stories .stories__item + .stories__item .story {
  margin-bottom: 2.5rem;
  padding-bottom: 1.8rem; }
@media (min-width: 767.02px) {
  .stories .stories__item + .stories__item .story {
    margin-bottom: 0;
    padding-bottom: 3.9rem; } }
@media (min-width: 1023.02px) {
  .stories .stories__item + .stories__item .story {
    padding-bottom: 0; } }
.stories .stories__item:last-child .story {
  border-bottom: 0; }
/* ------------------------------------------------------------ *\
	Story
\* ------------------------------------------------------------ */
.story {
  padding-bottom: 2.5rem;
  margin-bottom: 3.2rem;
  border-bottom: 0.1rem solid #a1bcc4;
  font-size: 2.1rem;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  color: #284272;
  line-height: 1.52; }
@media (min-width: 767.02px) {
  .story {
    position: relative;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
  .story:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.1rem;
    background: #a1bcc4; }
  .story:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 1.5rem;
    left: -1.5rem;
    width: 0.1rem;
    background: #a1bcc4; } }
@media (min-width: 1023.02px) {
  .story {
    max-width: 32rem;
    margin: 0 auto; }
  .story:before,
  .story:after {
    display: none; } }
.story .story__image {
  margin-bottom: 1.6rem;
  padding-top: 54%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 24rem; }
@media (min-width: 767.02px) {
  .story .story__image {
    margin-bottom: 1.2rem; } }
@media (min-width: 1023.02px) {
  .story .story__image {
    padding-top: 54.4%;
    margin-bottom: 20px; } }
.story a span {
  font-weight: 500; }
.story a {
  display: block;
  text-decoration: none;
  color: var(--color-primary-dark);
  transition: color 0.3s; }
.story a:visited {
    color: var(--color-primary-dark); }
.story a:hover, .story a:focus, .story a:active {
    color: #c94b28; }
.story a:hover figure {
  transform: translateX(2rem); }
.story a figure {
  margin-top: -0.9rem;
  margin-left: 0.6rem;
  color: #b54600;
  transition: transform 0.3s; }
.story--primary {
  color: #fff; }
@media (min-width: 767.02px) {
  .story--primary {
    color: #284272; } }
.story--primary .story__content {
  padding-right: 4rem; }
.story--primary a {
  color: white; }
.story--primary a:visited {
    color: white; }
.story--primary a:hover, .story--primary a:focus, .story--primary a:active {
    color: var(--color-secondary-lightest); }
@media only screen and (min-width: 47.9375em) {
    .story--primary a {
      color: var(--color-primary-dark); }
      .story--primary a:visited {
        color: var(--color-primary-dark); }
      .story--primary a:hover, .story--primary a:focus, .story--primary a:active {
        color: #c94b28; } }
@media only screen and (min-width: 63.9375em) {
    .story--primary a {
      color: white; }
      .story--primary a:visited {
        color: white; }
      .story--primary a:hover, .story--primary a:focus, .story--primary a:active {
        color: var(--color-secondary-lightest); } }
.story--primary a figure {
  color: #fff; }
@media (min-width: 767.02px) {
  .story--primary a figure {
    color: #b54600; } }
.story--main {
  color: #fff; }
@media (min-width: 1023.02px) {
  .story--main .story__image {
    margin-bottom: 1.3rem; } }
@media (min-width: 1023.02px) {
  .story--main .story__content {
    padding-right: 40px; } }
.story--main a {
  color: white; }
.story--main a:visited {
    color: white; }
.story--main a:hover, .story--main a:focus, .story--main a:active {
    color: var(--color-secondary-lightest); }
.story--main a figure {
  color: #fff; }
/*--------------------------------------------------------------
# Section Simple
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
	Section Reports
\* ------------------------------------------------------------ */
.section-reports {
  position: relative;
  z-index: 2;
  padding-top: 0.1rem;
  padding-bottom: 1.9rem;
  background: #effdfc;
  font-size: 1.8rem;
  line-height: 1.56;
  color: #4d535d; }
.section-reports .shell .report img {
    max-width: 100%;
    height: auto; }
/* ------------------------------------------------------------ *\
	Section Simple
\* ------------------------------------------------------------ */
.section-simple {
  position: relative;
  z-index: 2;
  padding: 7.5rem 0 13.3rem;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.4;
  color: #c5fae9; }
@media (min-width: 767.02px) {
  .section-simple {
    padding: 6.9rem 0 21.9rem;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.45; } }
.section-simple .section__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
.section-simple .section__background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(4, 98, 105, 0.85); }
@media (min-width: 767.02px) {
  .section-simple .section__inner {
    margin: 0 auto;
    max-width: 100.2rem; } }
.section-simple .section__icon {
  margin-bottom: 2.8rem;
  text-align: center; }
@media (min-width: 767.02px) {
  .section-simple .section__icon {
    margin-bottom: 2.4rem; } }
.section-simple h1 {
  margin-bottom: 1.1rem;
  color: #fff; }
@media (min-width: 767.02px) {
  .section-simple h1 {
    margin-bottom: 2.6rem;
    font-size: 6.8rem; } }
/*--------------------------------------------------------------
# Shell
--------------------------------------------------------------*/
/* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */
.shell {
  max-width: calc(135rem + 2.9rem * 2);
  padding-left: 2.9rem;
  padding-right: 2.9rem;
  margin: auto;
  width: 100%; }
@media (min-width: 767.02px) {
  .shell {
    max-width: calc(140rem + 2.6rem * 2);
    padding-left: 3rem;
    padding-right: 3rem; } }
@media (min-width: 1023.02px) {
  .shell {
    max-width: calc(120rem + 1.5rem * 2);
    padding-left: 2.8rem;
    padding-right: 2.8rem; } }
@media (min-width: 1399.02px) {
  .shell {
    max-width: calc(135rem + 1.5rem * 2); } }
/* Shell Fluid */
.shell--fluid {
  max-width: none; }
/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-section {
  display: none;
  margin-top: calc(var(--space-lg) * 1.5); }
@media only screen and (min-width: 47.9375em) {
    .comments-section {
      margin-top: calc(var(--space-xl) + var(--space-xxs)); } }
@media only screen and (min-width: 56.25em) {
    .comments-section {
      margin-top: calc(var(--space-lg) + var(--space-md)); } }
.comments-section #comment {
    width: 100%; }
.comments-section.active {
    display: block; }
.comments-section .comment-author {
    display: flex;
    align-items: flex-start;
    font-family: var(--font-secondary);
    font-weight: 700;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 1.56;
    color: #284272; }
.comments-section .comment-author img {
      border-radius: 100%;
      width: 4.4rem;
      height: 4.4rem;
      margin-right: var(--space-sm); }
.comments-section .comment-author .says {
      margin-left: var(--space-xxxs); }
.comments-section .comment-metadata {
    font-family: var(--font-secondary);
    font-weight: 300;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1;
    color: var(--color-base-dark);
    margin-top: calc(var(--space-md) - var(--space-lg));
    margin-left: calc(var(--space-xl) * 1.28); }
.comments-section .comment-metadata a {
      -webkit-text-decoration-color: currentColor;
              text-decoration-color: currentColor;
      text-decoration-thickness: 1px; }
.comments-section .comment-form-comment {
    margin-bottom: calc(var(--space-sm) + var(--space-xxxs)); }
@media only screen and (min-width: 47.9375em) {
      .comments-section .comment-form-comment {
        margin-bottom: var(--space-xs); } }
.comments-section .comment-content {
    font-size: 1.8rem;
    margin-top: var(--space-md);
    margin-left: 0; }
@media only screen and (min-width: 47.9375em) {
      .comments-section .comment-content {
        margin-left: var(--space-xl); } }
.comments-section .comment-content p {
      max-width: none; }
.comments-section .comment-content p:last-child {
        margin-bottom: var(--space-md); }
.comments-section .reply {
    font-family: var(--font-primary);
    font-weight: 700;
    font-style: normal;
    margin-left: 0;
    font-size: 1.5rem;
    color: #284272;
    text-transform: uppercase;
    padding-top: 0; }
@media only screen and (min-width: 47.9375em) {
      .comments-section .reply {
        margin-left: calc(var(--space-xl) * 1.2); } }
.comments-section .comments-title {
    font-family: var(--font-secondary);
    font-weight: 500;
    font-style: normal;
    font-size: 2.8rem;
    line-height: 1;
    margin-bottom: calc(var(--space-md) + var(--space-xs));
    padding-bottom: var(--space-xs);
    border-bottom: var(--brdr-xxs) solid var(--color-base-lightest); }
@media only screen and (min-width: 47.9375em) {
      .comments-section .comments-title {
        margin-bottom: calc(var(--space-md) + var(--space-xs)); } }
@media only screen and (min-width: 47.9375em) {
    .comments-section .comment-respond #commentform {
      display: grid;
      grid-template-columns: 50% 50%;
      gap: var(--space-sm) var(--space-md);
      width: 96.5%; } }
.comments-section .comment-respond .comment-reply-title {
    margin-bottom: var(--space-xxs);
    margin-top: var(--space-lg);
    color: var(--color-secondary-darkest);
    font-size: 2.8rem;
    line-height: 1; }
@media only screen and (min-width: 47.9375em) {
      .comments-section .comment-respond .comment-reply-title {
        margin-top: calc(var(--space-lg) + var(--space-xs));
        max-width: none; } }
.comments-section .comment-respond .comment-notes {
    border-bottom: var(--brdr-xxs) solid var(--color-base-lightest);
    padding-bottom: var(--space-sm);
    margin-bottom: calc(var(--space-md) + var(--space-xs));
    font-family: var(--font-secondary);
    font-weight: 300;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.4; }
@media only screen and (min-width: 47.9375em) {
      .comments-section .comment-respond .comment-notes {
        grid-column: span 2;
        padding-bottom: var(--space-xxs);
        margin-bottom: var(--space-md);
        max-width: none;
        margin-left: 0;
        margin-right: 0; } }
@media only screen and (min-width: 47.9375em) {
    .comments-section .comment-respond .comment-form-comment {
      grid-column: span 2; } }
.comments-section .comment-respond .form__input {
    border-radius: 0.8rem; }
.comments-section .comment-respond .comment-form-cookies-consent {
    margin-bottom: calc(var(--space-md) + var(--space-sm));
    padding-top: var(--space-xxxs); }
@media only screen and (min-width: 47.9375em) {
      .comments-section .comment-respond .comment-form-cookies-consent {
        grid-column: span 2;
        margin-bottom: 3rem;
        padding-top: 0; } }
/*--------------------------------------------------------------
# Alertbar
--------------------------------------------------------------*/
.alertbar {
  display: none;
  flex-direction: column-reverse;
  background-color: var(--color-secondary-darkest); }
.alertbar .alertbar__list {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: var(--space-sm) var(--space-sm) var(--space-xs); }
@media only screen and (min-width: 47.9375em) {
      .alertbar .alertbar__list {
        padding: var(--space-sm); } }
.alertbar .alertbar__list .alertbar__item {
      margin-left: var(--space-xxxs); }
.alertbar .alertbar__list .alertbar__item .alertbar_content {
        display: flex;
        flex-direction: row; }
.alertbar .alertbar__list .alertbar__item .alertbar_content .alertbar__link {
          text-decoration: underline; }
.alertbar .alertbar__list .alertbar__item .alertbar_content .alertbar__link:hover {
            color: white; }
.alertbar .alertbar__list .alertbar__item .alertbar_content .alertbar__title h4 {
          font-family: var(--font-primary);
          font-weight: 700;
          font-style: normal;
          font-size: var(--text-md);
          line-height: 1.7;
          color: white; }
.alertbar .alertbar__list .alertbar__item .alertbar_content .alertbar__right {
          border-left: var(--brdr-xxs) solid rgba(255, 255, 255, 0.55);
          padding-left: var(--space-sm); }
@media only screen and (min-width: 47.9375em) {
            .alertbar .alertbar__list .alertbar__item .alertbar_content .alertbar__right {
              padding-left: 2rem; } }
.alertbar .alertbar__list .alertbar__item .alertbar_content .alertbar__subtext p {
          font-size: 14px !important;
          color: white;
          margin-bottom: 0 !important; }
.alertbar .alertbar__list .alertbar__item .alertbar_content .alertbar__subtext a {
          color: white;
          text-decoration: underline;
          -webkit-text-decoration-color: white;
                  text-decoration-color: white;
          text-decoration-thickness: var(--brdr-xxs);
          transition: 0.3s; }
.alertbar .alertbar__list .alertbar__item .alertbar_content .alertbar__subtext a:hover {
            color: white;
            -webkit-text-decoration-color: transparent;
                    text-decoration-color: transparent;
            transition: 0.3s; }
.alertbar .alertbar__list .alertbar__item .alertbar__icon {
        display: flex;
        align-items: center;
        margin-right: calc(var(--space-xxxs) + var(--space-xs));
        width: 3rem; }
@media only screen and (min-width: 47.9375em) {
          .alertbar .alertbar__list .alertbar__item .alertbar__icon {
            width: 4rem; } }
.alertbar .alertbar__list .alertbar__item .alertbar__icon svg {
          height: auto;
          width: 2.8rem; }
@media only screen and (min-width: 47.9375em) {
            .alertbar .alertbar__list .alertbar__item .alertbar__icon svg {
              width: 3.6rem; } }
.alertbar .alertbar__list .alertbar__actions {
      position: relative;
      right: 0;
      top: calc(var(--space-xxs) * -0.35);
      display: flex;
      justify-content: flex-end; }
@media only screen and (min-width: 47.9375em) {
        .alertbar .alertbar__list .alertbar__actions {
          top: calc(var(--space-xxs) * -0.09); } }
.alertbar .alertbar__list .alertbar__actions .alertbar__close {
        box-shadow: none !important;
        border: 0;
        background: transparent;
        padding: var(--space-xxs);
        line-height: 0; }
.alertbar .alertbar__list .alertbar__actions .alertbar__close svg {
          width: 2rem;
          height: 2rem; }
.alertbar.active {
    display: flex; }
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
section.homepage-title {
  flex-direction: column; }
section.homepage-title img {
    max-width: 100%;
    height: auto;
    margin-top: 2em; }
section.jump-off-grid .container {
  flex-direction: column; }
section.jump-off-grid .container .jump-off {
    margin-top: 2em;
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
@media only screen and (min-width: 56.25em) {
  section.homepage-title {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-around; }
  section.jump-off-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    margin-bottom: 5em; }
    section.jump-off-grid .container {
      display: flex;
      flex-direction: row;
      width: 100%;
      justify-content: space-between; }
      section.jump-off-grid .container .jump-off {
        margin-right: auto;
        width: 30%; } }
.page .entry-header {
  display: flex; }
.page .entry-header .hero {
    width: 100%; }
.page .entry-header .page-container {
    width: 100%; }
.page .entry-header .page-container .page-content {
      margin-top: 2em;
      margin-left: 1em;
      margin-right: 1em; }
@media print {
        .page .entry-header .page-container .page-content {
          margin: 0; } }
.page .entry-header .page-container .page-content .testimonial--block {
        margin-left: -1em;
        margin-right: -1em; }
@media print {
          .page .entry-header .page-container .page-content .testimonial--block {
            margin: 0; } }
.no-content .page-content {
  margin-top: 2em;
  margin-left: 2em;
  background: var(--color-accent-primary); }
/*--------------------------------------------------------------
>>> Search Results:
----------------------------------------------------------------*/
.search-results {
  /* Page header */
  /* Search item */
  /* Search nav */ }
.search-results .site-main {
    padding: var(--space-xl) var(--space-lg);
    max-width: 102rem;
    margin: 0 auto; }
.search-results .site-main .page-header {
      border-bottom: var(--brdr-xl) solid var(--color-primary-darkest);
      padding-bottom: var(--space-xxs);
      margin-bottom: calc(var(--space-lg) + var(--space-sm)); }
.search-results .site-main .page-title {
      font-family: var(--font-primary);
      font-weight: 600;
      font-style: normal;
      font-size: calc(var(--text-xxl) - var(--text-sm));
      text-transform: uppercase; }
@media only screen and (min-width: 56.25em) {
        .search-results .site-main .page-title {
          font-size: calc(var(--text-lg) * 0.78019095); } }
@media only screen and (min-width: 75em) {
        .search-results .site-main .page-title {
          font-size: calc(var(--text-lg) - var(--text-xs)); } }
.search-results .site-main .page-title span {
        font-family: var(--font-secondary);
        font-weight: 700;
        font-style: normal;
        font-size: calc(var(--text-xxxl) * 1.4084852);
        display: block;
        text-transform: capitalize;
        margin-top: calc(var(--space-sm) * 0.1); }
@media only screen and (min-width: 56.25em) {
          .search-results .site-main .page-title span {
            font-size: calc(var(--text-xxxl) * 1.69768539); } }
@media only screen and (min-width: 75em) {
          .search-results .site-main .page-title span {
            font-size: calc(var(--text-xxxl) * 1.408485); } }
.search-results .post,
  .search-results .page {
    margin-top: var(--space-lg);
    padding-bottom: 0;
    max-width: none; }
@media only screen and (min-width: 56.25em) {
      .search-results .post,
      .search-results .page {
        margin-top: calc(var(--space-lg) + var(--space-xxs)); } }
.search-results .post .entry-header,
    .search-results .page .entry-header {
      margin-bottom: var(--space-xs); }
.search-results .post .entry-header .entry-title,
      .search-results .page .entry-header .entry-title {
        font-size: calc(var(--text-xl) * 1.0582011); }
@media only screen and (min-width: 56.25em) {
          .search-results .post .entry-header .entry-title,
          .search-results .page .entry-header .entry-title {
            font-size: calc(var(--text-xl) * 1.21272); } }
@media only screen and (min-width: 75em) {
          .search-results .post .entry-header .entry-title,
          .search-results .page .entry-header .entry-title {
            font-size: calc(var(--text-xl) * 0.9650087); } }
.search-results .post a,
    .search-results .page a {
      text-decoration: underline;
      -webkit-text-decoration-color: currentColor;
              text-decoration-color: currentColor;
      transition: color var(--timing) var(--easing); }
.search-results .post a:hover, .search-results .post a:active, .search-results .post a:focus,
      .search-results .page a:hover,
      .search-results .page a:active,
      .search-results .page a:focus {
        color: var(--color-primary-darkest);
        -webkit-text-decoration-color: var(--color-secondary-darkest);
                text-decoration-color: var(--color-secondary-darkest); }
.search-results .posts-navigation {
    margin-top: calc(var(--space-lg) + var(--space-xxs)); }
/* ------------------------------------------------------------ *\
    Events
    > .tribe-events-page-template
    > .tribe-events
\* ------------------------------------------------------------ */
/*--------------------------------------------------------------
> .tribe-events-page-template (event detail page)
--------------------------------------------------------------*/
.tribe-events-page-template .btn-outline {
  background-color: transparent;
  transition: color var(--timing) var(--easing), background-color var(--timing) var(--easing); }
.tribe-events-page-template .btn-outline:visited, .tribe-events-page-template .btn-outline:hover, .tribe-events-page-template .btn-outline:active, .tribe-events-page-template .btn-outline:focus {
    color: var(--color-primary-dark);
    background-color: var(--color-accent-secondary-lightest); }
.tribe-events-page-template .socials-primary a svg path {
  fill: white;
  transition: fill var(--timing) var(--easing); }
.tribe-events-page-template .socials-primary a:visited svg path, .tribe-events-page-template .socials-primary a:hover svg path, .tribe-events-page-template .socials-primary a:active svg path, .tribe-events-page-template .socials-primary a:focus svg path {
  fill: var(--color-accent-secondary-lightest); }
/*--------------------------------------------------------------
> .tribe-events (UI elements on event list page)
--------------------------------------------------------------*/
.tribe-common .tribe-common-b2 {
  font-family: var(--font-primary);
  font-size: var(--text-md);
  color: var(--color-base-darker); }
.tribe-common .tribe-common-b2.tribe-events-calendar-list__event-venue {
    color: var(--color-base-darker); }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-datetime-wrapper,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-datetime-wrapper {
  text-transform: uppercase; }
.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {
  font-size: var(--text-base-size); }
.tribe-common .tribe-common-h3 {
  font-family: var(--font-primary); }
.tribe-common .tribe-common-h5,
.tribe-common .tribe-common-h6 {
  font-family: var(--font-secondary);
  color: var(--color-primary-dark); }
.tribe-common .tribe-common-h5 {
  font-size: calc(var(--text-xxl) + var(--text-xs));
  line-height: 1.22; }
@media only screen and (min-width: 47.9375em) {
    .tribe-common .tribe-common-h5 {
      font-size: calc(var(--text-xxxl) + var(--text-md)); } }
.tribe-common .tribe-common-h6 {
  font-size: var(--text-xl); }
.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input,
.tribe-common .tribe-common-form-control-text__input {
  font-family: var(--font-primary);
  font-weight: 400;
  font-style: normal; }
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small,
.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small,
.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
  border-radius: 10rem;
  border: var(--brdr-xxs) solid var(--color-accent-primary);
  color: var(--color-accent-primary);
  background-color: transparent;
  text-transform: uppercase;
  font-size: var(--text-base-size);
  font-family: var(--font-primary);
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.01em;
  padding: calc(var(--space-sm) + var(--space-sm)) var(--space-lg) calc(var(--space-sm) * 1.65);
  transition: background-color var(--timing) var(--easing), color var(--timing) var(--easing); }
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small:hover, .tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small:active, .tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small:focus,
  .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small:hover,
  .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small:active,
  .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small:focus,
  .tribe-common .tribe-common-c-btn-border:hover,
  .tribe-common .tribe-common-c-btn-border:active,
  .tribe-common .tribe-common-c-btn-border:focus,
  .tribe-common a.tribe-common-c-btn-border:hover,
  .tribe-common a.tribe-common-c-btn-border:active,
  .tribe-common a.tribe-common-c-btn-border:focus {
    background-color: var(--color-accent-primary);
    color: white; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar {
  border-radius: 10rem;
  background-color: transparent;
  border-color: var(--color-base-darker); }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-container {
  background-color: transparent; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {
  background-color: transparent; }
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
  font-size: calc(var(--text-sm) + var(--text-xs));
  margin-bottom: var(--space-xxxs); }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-datetime-wrapper,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-title {
  margin-bottom: var(--space-xxxs); }
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3--min-medium {
  font-size: calc(var(--text-xl) + var(--text-md)); }
.tribe-common .tribe-common-c-svgicon--messages-not-found path {
  stroke: white; }
.tribe-common .tribe-common-c-svgicon--messages-not-found .tribe-common-c-svgicon__svg-stroke {
  stroke: white; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__messages {
  margin-bottom: var(--space-xxl); }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-row > .tribe-common-g-col {
  padding-left: 0;
  width: 8.5%; }
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium.tribe-events-calendar-latest-past__event-date-tag-daynum {
  font-size: var(--text-xl); }
.tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path,
.tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev-icon-svg path {
  fill: var(--color-primary-darker); }
.tribe-common .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path,
.tribe-common .tribe-common-c-btn-icon--caret-right:disabled .tribe-common-c-btn-icon__icon-svg path,
.tribe-common .tribe-events-c-nav__next:disabled .tribe-events-c-nav__next-icon-svg path {
  fill: var(--color-primary-darker);
  opacity: 0.3; }
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b1--min-medium {
  text-transform: uppercase;
  font-size: var(--text-base-size); }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev {
  color: var(--color-base-darker); }
.tribe-common .tribe-events-c-nav__next:disabled,
.tribe-common .tribe-events-c-nav__prev:disabled {
  color: var(--color-base-darker);
  opacity: 0.3; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding-bottom: calc(var(--space-lg) + var(--space-sm));
  min-height: unset; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:after {
  background-color: var(--color-primary-darker);
  height: 0.25rem; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__list-item:focus,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__list-item:focus-within,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__list-item:hover {
  background-color: transparent; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__list-item:focus .tribe-events-c-view-selector__list-item-text,
  .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__list-item:focus-within .tribe-events-c-view-selector__list-item-text,
  .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector__list-item:hover .tribe-events-c-view-selector__list-item-text {
    color: var(--color-primary-darker); }
.tribe-common .tribe-common-anchor-thin:hover, .tribe-common .tribe-common-anchor-thin:active, .tribe-common .tribe-common-anchor-thin:focus {
  border-bottom: none; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {
  padding-right: calc(var(--space-sm) + var(--space-xxxs)); }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body {
  border-top: var(--brdr-xxs) solid var(--color-base-lightest); }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week {
  border-left: var(--brdr-xxs) solid var(--color-base-lightest); }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
  border-color: var(--color-base-lightest); }
.tribe-common-h3.tribe-common-h--alt.tribe-events-c-top-bar__datepicker-button {
  font-size: var(--text-md); }
.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input {
  padding: calc(var(--space-md) * 1.3) calc(var(--space-xl) + var(--space-xxxs)) calc(var(--space-sm) * 1.8);
  font-family: calc(var(--text-md) * 0.87); }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control-icon-svg {
  left: 2.4rem; }
.tribe-common .tribe-common-form-control-text__input {
  font-size: var(--text-md);
  border-bottom: var(--brdr-xxs) solid var(--color-base-lightest); }
.tribe-common .tribe-common-h7 {
  font-size: var(--text-md); }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-row:last-child {
  margin-bottom: var(--space-lg); }
@media only screen and (min-width: 47.9375em) {
  .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col {
    padding-left: var(--space-xs);
    width: auto; } }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
  margin-bottom: calc(var(--space-lg) + var(--space-sm)); }
.tribe-events .tribe-events-calendar-latest-past__event-title {
  font-family: var(--font-secondary);
  font-weight: 600;
  font-style: normal;
  color: var(--color-primary-dark); }
.tribe-events .tribe-events-calendar-latest-past__event-date-tag {
  width: auto;
  margin-right: var(--space-md); }
.tribe-events .tribe-events-calendar-latest-past__event-date-tag-month, .tribe-events .tribe-events-calendar-latest-past__event-date-tag-year {
    color: var(--color-primary-dark); }
@media only screen and (min-width: 47.9375em) {
      .tribe-events .tribe-events-calendar-latest-past__event-date-tag-month, .tribe-events .tribe-events-calendar-latest-past__event-date-tag-year {
        font-size: var(--text-base-size); } }
.tribe-events .tribe-events-calendar-latest-past__event-date-tag-daynum {
  font-size: var(--text-xxl);
  line-height: 1.4; }
.tribe-events .tribe-events-calendar-latest-past__event-datetime-wrapper {
  text-transform: uppercase; }
.tribe-events .tribe-events-calendar-latest-past__event-datetime,
.tribe-events .tribe-events-calendar-day__event-datetime {
  color: var(--color-base-darker); }
@media only screen and (min-width: 47.9375em) {
    .tribe-events .tribe-events-calendar-latest-past__event-datetime,
    .tribe-events .tribe-events-calendar-day__event-datetime {
      font-size: calc(var(--text-base-size) * 1.2); } }
.tribe-events .tribe-events-calendar-latest-past__event-datetime-wrapper,
.tribe-events .tribe-events-calendar-latest-past__event-title {
  margin: 0 0 var(--space-xxs); }
.tribe-events .tribe-events-calendar-day__event-title {
  margin-bottom: var(--space-xxxs); }
.tribe-events .tribe-events-c-top-bar__datepicker-button {
  text-transform: uppercase;
  font-size: var(--text-base-size);
  color: var(--color-base-darker); }
.tribe-events .tribe-events-c-messages__message {
  background-color: var(--color-secondary-darkest);
  color: white;
  font-size: var(--text-md); }
.tribe-events .tribe-events-header {
  margin-bottom: var(--space-md); }
@media only screen and (min-width: 47.9375em) {
    .tribe-events .tribe-events-header {
      margin-bottom: calc(var(--space-md) + var(--space-sm)); } }
.tribe-events .tribe-events-calendar-latest-past__event-row {
  margin-top: var(--space-lg); }
.tribe-events .tribe-events-calendar-latest-past__event-row:last-child {
    margin-bottom: 0; }
.tribe-events .tribe-events-l-container {
  padding-top: calc(var(--space-xl) + var(--space-xxs));
  padding-bottom: calc(var(--space-lg) + var(--space-sm)); }
.tribe-events .tribe-events-c-events-bar__search-container {
  padding-top: var(--space-sm);
  padding-bottom: calc(var(--space-md) + var(--space-xxs));
  width: 89%;
  margin: 0 auto;
  box-shadow: var(--tec-box-shadow-default); }
@media only screen and (min-width: 47.9375em) {
    .tribe-events .tribe-events-c-events-bar__search-container {
      width: unset;
      margin: unset;
      box-shadow: unset; } }
.tribe-events .tribe-events-c-events-bar__search-form {
  text-align: center; }
.tribe-events .tribe-events-c-search__button {
  padding: calc(var(--space-sm) + var(--space-sm)) var(--space-lg) calc(var(--space-sm) * 1.8);
  border: var(--brdr-xxs) solid var(--color-accent-primary);
  border-radius: 10rem;
  font-family: var(--font-primary);
  font-weight: 700;
  font-style: normal;
  font-size: calc(var(--text-md) * 0.97);
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--color-accent-primary);
  background-color: transparent;
  max-width: 20rem;
  margin-top: var(--space-lg); }
@media only screen and (min-width: 47.9375em) {
    .tribe-events .tribe-events-c-search__button {
      font-size: var(--text-base-size); } }
.tribe-events .tribe-events-c-search__button:hover, .tribe-events .tribe-events-c-search__button:active, .tribe-events .tribe-events-c-search__button:focus {
    background-color: var(--color-accent-primary);
    color: white; }
.tribe-events .tribe-events-c-view-selector__list-item-text {
  font-family: var(--font-primary);
  color: var(--color-base-darker);
  transition: color var(--timing) var(--easing);
  font-size: calc(var(--text-md) * 0.87); }
.tribe-events .tribe-events-calendar-latest-past__event-title-link,
.tribe-events .tribe-events-calendar-day__event-title-link,
.tribe-events .tribe-events-calendar-list__event-title-link {
  color: var(--color-primary-dark);
  text-decoration: underline;
  text-underline-offset: var(--brdr-xs);
  -webkit-text-decoration-color: var(--color-accent-primary);
          text-decoration-color: var(--color-accent-primary);
  transition: color var(--timing) var(--easing); }
.tribe-events .tribe-events-calendar-latest-past__event-title-link:hover, .tribe-events .tribe-events-calendar-latest-past__event-title-link:active, .tribe-events .tribe-events-calendar-latest-past__event-title-link:focus,
  .tribe-events .tribe-events-calendar-day__event-title-link:hover,
  .tribe-events .tribe-events-calendar-day__event-title-link:active,
  .tribe-events .tribe-events-calendar-day__event-title-link:focus,
  .tribe-events .tribe-events-calendar-list__event-title-link:hover,
  .tribe-events .tribe-events-calendar-list__event-title-link:active,
  .tribe-events .tribe-events-calendar-list__event-title-link:focus {
    color: var(--color-accent-primary);
    text-decoration: underline;
    text-underline-offset: var(--brdr-xs);
    -webkit-text-decoration-color: var(--color-accent-primary);
            text-decoration-color: var(--color-accent-primary); }
.tribe-events .tribe-events-calendar-month__header-column-title {
  font-family: var(--font-primary);
  color: var(--color-base-darker); }
.tribe-events .tribe-events-calendar-month__day-date-daynum {
  font-family: var(--font-secondary);
  font-weight: 600;
  font-style: normal;
  color: var(--color-primary-darker);
  font-size: var(--text-lg); }
@media only screen and (min-width: 47.9375em) {
    .tribe-events .tribe-events-calendar-month__day-date-daynum {
      font-size: unset; } }
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event-datetime,
.tribe-events .tribe-events-calendar-month__calendar-event-title-link,
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link {
  opacity: 0.9;
  color: var(--color-base-darker);
  font-family: var(--font-primary);
  font-size: var(--text-base-size); }
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text {
  text-transform: uppercase;
  font-size: calc(var(--text-md) * 0.87); }
@media only screen and (min-width: 47.9375em) {
    .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text {
      font-size: var(--text-base-size); } }
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button:focus-within {
  background-color: var(--color-accent-primary); }
.tribe-events .tribe-events-calendar-month {
  padding-top: var(--space-lg);
  border-top: var(--brdr-xxs) solid var(--color-base-lightest);
  margin-top: calc(var(--space-xs) * -0.5); }
@media only screen and (min-width: 47.9375em) {
    .tribe-events .tribe-events-calendar-month {
      padding-top: 0;
      border-top: none;
      margin-top: 0; } }
.tribe-events .tribe-events-calendar-month {
  border-radius: 0; }
.tribe-events .tribe-events-calendar-month__day-cell--selected {
    border: var(--brdr-xs) solid var(--color-secondary-darkest);
    border-radius: 4px;
    background-color: var(--color-secondary-lighter); }
.tribe-events .tribe-events-calendar-month__day-cell--selected:hover, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus {
      border: var(--brdr-xs) solid var(--color-secondary-darkest);
      border-radius: 4px;
      background-color: var(--color-secondary-lighter); }
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title {
  font-size: var(--text-lg);
  margin-bottom: var(--space-xs);
  color: var(--color-primary-darker); }
.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {
  min-width: 14rem; }
.tribe-events .tribe-events-c-day-marker:after {
  background-color: var(--color-base-lightest); }
.tribe-events-c-day-marker__date.tribe-common-h7.tribe-common-h--alt {
  color: var(--color-base-darker);
  text-transform: uppercase;
  font-family: var(--font-primary); }
.tribe-events .tribe-events-c-nav {
  border-top: var(--brdr-xxs) solid var(--color-base-lightest); }
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title-link {
  color: var(--color-primary-darker);
  text-decoration: underline;
  text-underline-offset: var(--brdr-xs);
  -webkit-text-decoration-color: var(--color-accent-primary);
          text-decoration-color: var(--color-accent-primary);
  transition: color var(--timing) var(--easing); }
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title-link:hover, .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title-link:active, .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title-link:focus {
    color: var(--color-accent-primary);
    text-decoration: underline;
    text-underline-offset: var(--brdr-xs);
    -webkit-text-decoration-color: var(--color-accent-primary);
            text-decoration-color: var(--color-accent-primary); }
.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event {
  background-color: var(--color-primary-dark); }
.tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover,
.tribe-events .datepicker .month.active.focused,
.tribe-events .datepicker .month.active:focus,
.tribe-events .datepicker .month.active:hover,
.tribe-events .datepicker .year.active.focused,
.tribe-events .datepicker .year.active:focus,
.tribe-events .datepicker .year.active:hover {
  background-color: var(--color-secondary-darkest); }
.tribe-events .tribe-events-calendar-day__time-separator:after,
.tribe-events .tribe-events-calendar-day__type-separator:after {
  background-color: var(--color-base-lightest); }
.tribe-events .tribe-events-c-view-selector__button:before {
  background-color: var(--color-primary-darker); }
.tribe-events-calendar-month__header-column-title-mobile {
  font-size: var(--text-md); }
.tribe-events .datepicker .day,
.tribe-events .datepicker .month,
.tribe-events .datepicker .year {
  font-size: var(--text-md);
  color: var(--color-base-darkest);
  font-family: var(--font-primary); }
@media only screen and (min-width: 47.9375em) {
    .tribe-events .datepicker .day,
    .tribe-events .datepicker .month,
    .tribe-events .datepicker .year {
      font-size: calc(var(--text-base-size) * 1.2); } }
.tribe-events .datepicker .day.day:hover, .tribe-events .datepicker .day.day:focus,
  .tribe-events .datepicker .month.day:hover,
  .tribe-events .datepicker .month.day:focus,
  .tribe-events .datepicker .year.day:hover,
  .tribe-events .datepicker .year.day:focus {
    background-color: var(--color-secondary-lighter); }
.tribe-events .datepicker .day.active,
  .tribe-events .datepicker .month.active,
  .tribe-events .datepicker .year.active {
    background-color: var(--color-secondary-darkest); }
.tribe-events .datepicker .day.active .focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover,
    .tribe-events .datepicker .month.active .focused,
    .tribe-events .datepicker .month.active:focus,
    .tribe-events .datepicker .month.active:hover,
    .tribe-events .datepicker .year.active .focused,
    .tribe-events .datepicker .year.active:focus,
    .tribe-events .datepicker .year.active:hover {
      background-color: var(--color-secondary-darkest); }
.tribe-events .datepicker .day.current,
  .tribe-events .datepicker .month.current,
  .tribe-events .datepicker .year.current {
    background-color: var(--color-primary-darker);
    color: white; }
.tribe-events .datepicker .day.current .focused, .tribe-events .datepicker .day.current:focus, .tribe-events .datepicker .day.current:hover,
    .tribe-events .datepicker .month.current .focused,
    .tribe-events .datepicker .month.current:focus,
    .tribe-events .datepicker .month.current:hover,
    .tribe-events .datepicker .year.current .focused,
    .tribe-events .datepicker .year.current:focus,
    .tribe-events .datepicker .year.current:hover {
      background-color: var(--color-secondary-darkest); }
.tribe-events .datepicker .day .datepicker-switch,
  .tribe-events .datepicker .month .datepicker-switch,
  .tribe-events .datepicker .year .datepicker-switch {
    font-family: var(--font-primary); }
.tribe-events .datepicker .day .day,
  .tribe-events .datepicker .day .dow,
  .tribe-events .datepicker .month .day,
  .tribe-events .datepicker .month .dow,
  .tribe-events .datepicker .year .day,
  .tribe-events .datepicker .year .dow {
    font-family: var(--font-primary);
    color: var(--color-base-darkest); }
.tribe-events .datepicker .day .past,
  .tribe-events .datepicker .month .past,
  .tribe-events .datepicker .year .past {
    color: var(--color-base); }
.tribe-events .datepicker .next .tribe-events-c-top-bar__datepicker-nav-icon-svg path,
.tribe-events .datepicker .prev .tribe-events-c-top-bar__datepicker-nav-icon-svg path {
  fill: var(--color-base-light); }
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event {
  padding: var(--space-md) 0; }
.tribe-events .tribe-events-header__messages.tribe-events-header__messages--mobile {
  margin-bottom: var(--space-lg); }
.tribe-events .tribe-events-c-messages__message-list-item-link {
  color: white;
  text-decoration: underline; }
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon {
  position: relative;
  top: -0.1875rem; }
.tribe-events .tribe-events-calendar-list__event-date-tag {
  margin-right: var(--space-md); }
@media only screen and (min-width: 47.9375em) {
    .tribe-events .tribe-events-calendar-list__event-date-tag {
      margin-right: unset; } }
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
  color: var(--color-primary-dark); }
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item {
  font-family: var(--font-primary);
  font-size: var(--text-md);
  padding: var(--space-sm) 0; }
@media only screen and (min-width: 47.9375em) {
    .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item {
      font-size: calc(var(--text-md) * 0.97); } }
.tribe-events .tribe-events-calendar-list__event-datetime {
  color: var(--color-base-darker); }
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime {
  font-family: var(--font-primary);
  color: var(--color-base-darker);
  font-size: var(--text-base-size); }
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title {
  line-height: 1.2;
  margin-bottom: var(--space-xxxs); }
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link {
    font-size: calc(var(--text-base-size) * 1.2);
    color: var(--color-primary-darker); }
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-description {
  color: var(--color-base-darker);
  font-size: var(--text-base-size);
  font-family: var(--font-primary); }
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event {
  opacity: 0.95; }
.tribe-events .tribe-events-calendar-list__month-separator:after {
  background-color: var(--color-base-lightest); }
.tribe-events .tribe-events-calendar-list__month-separator-text.tribe-common-h7 {
  color: var(--color-base-darker); }
.tribe-events .tribe-events-c-search__input-control-icon-svg {
  top: 52%; }
.tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5 {
  font-size: var(--text-xxl); }
@media only screen and (min-width: 47.9375em) {
    .tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5 {
      font-size: unset; } }
.tooltipster-base.tribe-events-tooltip-theme {
  max-width: 27.4rem !important;
  width: 27.4rem !important; }
.helpful .helpful-controls {
  display: flex;
  width: 100%;
  max-width: 16em;
  justify-content: space-between;
  padding-bottom: 2em; }
.helpful .helpful-controls .helpful-counter {
    display: none; }
.facetwp__search-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 2rem auto;
  padding-top: 2rem;
  border-top: var(--brdr-xxs) solid var(--color-base-darker); }
.facetwp__search-bar .results {
    padding-left: 2rem; }
.facetwp__search-bar .results:before {
      content: "";
      display: inline-block;
      border-left: var(--brdr-xxs) solid var(--color-base-darker);
      padding-left: 2rem;
      height: 2rem;
      vertical-align: middle; }
.facetwp__search-bar .filters-view {
    margin-left: auto; }
.facetwp-facet.facetwp-type-pager {
  margin: 2rem auto;
  text-align: center; }
.facetwp-radio.disabled,
.facetwp-checkbox.disabled {
  opacity: 1 !important;
  cursor: default;
  background: none;
  margin-bottom: 0;
  padding-left: 0;
  height: 0; }
.facetwp-slider-reset {
  display: none !important; }
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# jQuery UI Theme
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.color-primary {
  color: var(--color-primary);
  stroke: var(--color-primary); }
.color-secondary {
  color: var(--color-secondary);
  stroke: var(--color-secondary); }
.ctct-label-hidden label,
.scrn-rdr-txt {
  position: absolute;
  left: -625rem;
  top: auto;
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden; }
.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }
.alt-bg {
  background-color: var(--color-accent-primary); }
/*  Clear  */
.clear:after {
  content: "";
  line-height: 0;
  display: table;
  clear: both; }
/* sr-only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
/*  Notext  */
.notext {
  white-space: nowrap;
  text-indent: 100%;
  text-shadow: none;
  overflow: hidden; }
.notext-old {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden {
  display: none; }
/*  Disabled  */
[disabled],
.disabled {
  cursor: default; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .hidden-xs {
    display: none !important; }
  .visible-xs-block {
    display: block !important; }
  .visible-xs-inline {
    display: inline !important; }
  .visible-xs-inline-block {
    display: inline-block !important; } }
@media (min-width: 767.02px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important; }
  .visible-sm-block {
    display: block !important; }
  .visible-sm-inline {
    display: inline !important; }
  .visible-sm-inline-block {
    display: inline-block !important; } }
@media (min-width: 1023.02px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; }
  .visible-md-block {
    display: block !important; }
  .visible-md-inline {
    display: inline !important; }
  .visible-md-inline-block {
    display: inline-block !important; } }
@media (min-width: 1199.02px) {
  .hidden-lg {
    display: none !important; }
  .visible-lg-block {
    display: block !important; }
  .visible-lg-inline {
    display: inline !important; }
  .visible-lg-inline-block {
    display: inline-block !important; } }
.underline-decoration {
  position: relative; }
.underline-decoration:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.2rem;
  background: #fff; }
.underline-decoration--orange:before {
  background: #B54600; }
/* hi */



.socials-primary {
	margin-top: -15px !important;
}
.socials-primary p {
    margin-right: 0 !important;
}


.gdpr-container {
	display: none !important;
}