@charset "UTF-8";
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*

MIXIN: RANGE

@version 1.0
@date    2017-09-22
@author  michael@marketingdesigngroup.com

This SASS mixin creates a media query for one or more predefined ranges of
screen widths. It requires a map of named ranges with min and/or max values (in
pixels). Example:

	$ranges: (
		small:   (max: 500),
		medium:  (min: 501, max: 768),
		large:   (min: 769)
	);

Bootstrap ranges are created by default, but may be overwritten in your
stylesheet after this file is included. It was designed to be used on documents
with at least one finite range (with both min and max), but should work equally
well with a mobile-first design.

Use examples:

	@include range(small) { ... }

	@include range(small, medium) { ... }

	@include range(medium, large) { ... }

	@include range(alpha, bravo, charlie) { ... }

Argument order does not matter. The ranges are merged inclusively, meaning each
included range can only expand the total scope of the final media query, not
contract it. This means that if ANY included range has a "null" max or min, the
final media query will not have a max-width or min-width constraint,
respectively. It also means that if there are gaps between the included ranges,
they will be ignored, since both min and max will have been provided.

A more sophisticated version of this mixin would detect gaps in the included
ranges and output multiple media queries.

*/
/* =WordPress Core
Based on https://codex.wordpress.org/CSS
-------------------------------------------------------------- */
.alignnone {
  display: block;
  margin: 1em 0;
}
.alignnone img {
  display: block;
}

.aligncenter, .alignleft, .alignright {
  display: block;
  margin: 1em auto;
}
.aligncenter img, .alignleft img, .alignright img {
  display: block;
}

@media screen and (min-width: 768px) {
  .alignright {
    max-width: 20em;
    float: right;
    margin: 0.25em 0 1em 2em;
  }
}

@media screen and (min-width: 768px) {
  .alignleft {
    max-width: 20em;
    float: left;
    margin: 0.25em 2em 1em 0;
  }
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 1;
}
.hamburger.is-active:hover {
  opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  width: 24px;
  height: 18px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 24px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 48px;
}
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 48px;
}
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  perspective: 48px;
}
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  perspective: 48px;
}
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  perspective: 48px;
}
.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
  perspective: 48px;
}
.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-4.8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-4.8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(4.8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(4.8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-4.8px, -6px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-4.8px, 6px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(4.8px, -6px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(4.8px, 6px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top: -16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -8px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 8px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 16px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -16px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top: 8px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 16px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -16px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
  top: 8px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -48px;
  top: -48px;
  transform: translate3d(48px, 48px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -48px;
  top: -48px;
  transform: translate3d(-48px, 48px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 8px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -48px;
  top: 48px;
  transform: translate3d(48px, -48px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -48px;
  top: 48px;
  transform: translate3d(-48px, -48px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 1px;
}
.hamburger--slider .hamburger-inner::before {
  top: 8px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 16px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-3.4285714286px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -16px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 1px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 8px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 16px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(3.4285714286px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -16px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 1px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 8px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 8px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

:root {
  --primary-font: "Montserrat", sans-serif;
  --background-white: white;
  --background-gray: hsl( 0, 0%, 80% );
  --text-black: hsl( 0, 0%, 20% );
  --text-white:	white;
  --highlight-dark-blue: hsl( 208, 98%, 43% );
  --highlight-light-blue: #128ffd;
  --brand-navy: #151f6d;
  --brand-gold: #ef9e16;
  --brand-blue: #4164af;
  --brand-orange: #dd8137;
  --brand-teal: #0e4962;
  --sidebar-width: 12rem;
  --content-max-width: 75rem;
  --text-max-width: 1200px;
  --link-color: var(--highlight-dark-blue);
  --link-color-hover: var(--highlight-light-blue);
  --link-text-decoration: underline;
  --entry-margin: 0;
  --entry-title-size: 2em;
}

html,
body {
  font: 16px/1.5 var(--primary-font);
  background: var(--background-white);
  color: var(--text-black);
  height: 100%;
}

body {
  overscroll-behavior-y: none;
  overflow-x: hidden;
}

.action-hero, .split-infographic, .cta-bar, .home-hero, .news-hero, .page-hero {
  clear: both;
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}

* {
  box-sizing: border-box;
}

p {
  font-family: var(--primary-font);
  margin: 0 0 1em;
}

a {
  color: var(--link-color);
  text-decoration: var(--link-text-decoration);
  transition: color 0.3s;
}
a:hover {
  color: var(--link-color-hover);
}

h1 {
  font-family: var(--primary-font);
  font-size: 50px;
  font-size: min(max(32px, 3.2vw), 50px);
  font-size: clamp($min-size, $scaler, $max-size);
  margin: 0 0 0.2em 0;
}

h2 {
  font-family: var(--primary-font);
  font-size: 34px;
  font-size: min(max(28px, 2.4vw), 34px);
  font-size: clamp($min-size, $scaler, $max-size);
  margin: 0 0 0.3em 0;
}

h3 {
  font-family: var(--primary-font);
  font-size: 28px;
  font-size: min(max(24px, 1.8vw), 28px);
  font-size: clamp($min-size, $scaler, $max-size);
  margin: 0 0 0.1em 0;
}

em {
  font-style: italic;
}

hr {
  margin: 1em 0;
  border: 0;
  height: 1px;
  background-color: var(--brand-gold);
}

ul li, ol li {
  margin: 0 0 10px 0;
}

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

blockquote {
  margin-left: 0;
  border-left: 1px solid var(--background-gray);
  padding-left: 2em;
}

.site-container {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 815px) {
  .main-container {
    display: flex;
  }
}

.main {
  max-width: var(--text-max-width);
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media screen and (min-width: 815px) {
  .main {
    flex: 1;
  }
}

/* width */
::-webkit-scrollbar {
  width: 13px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: #eaeaea;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #fce036;
}

[dir=rtl] .main {
  max-width: none;
}

.page-hero {
  min-height: 350px;
  max-height: 400px;
  background-color: var(--brand-navy);
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
}
.page-hero * {
  color: #fff;
}
.page-hero .page-hero-inner {
  width: 100%;
  margin: 0 auto;
  max-width: var(--text-max-width);
}

.hero-content {
  position: relative;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 90%;
}
@media screen and (min-width: 992px) {
  .hero-content {
    padding: 2rem 0;
    max-width: 70%;
  }
}
.hero-content h1.entry-title, .hero-content h1.archive-title {
  font-size: 50px;
  font-size: min(max(24px, 3.2vw), 50px);
  font-size: clamp($min-size, $scaler, $max-size);
  position: relative;
  bottom: 0;
}
.hero-content h1.entry-title:before, .hero-content h1.archive-title:before {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  border-top: 0.25rem solid var(--brand-gold);
  top: -1rem;
}
.hero-content h1.entry-title a, .hero-content h1.archive-title a {
  color: white;
}
.hero-content .entry-meta, .hero-content .archive-meta {
  color: white;
}

.news-hero {
  min-height: 470px;
  max-height: 850px;
  background-color: var(--brand-navy);
  background-size: cover;
  background-position: 50% 50%;
}
.news-hero .action-hero-inner {
  margin: 0 auto;
  max-width: var(--content-max-width);
}

.entry:not(:first-child) {
  margin-top: var(--entry-margin);
}

.entry-title, .archive-title {
  margin: 0 0 0.2em 0;
  font-size: var(--entry-title-size);
}
.entry-title a, .archive-title a {
  color: var(--brand-gold);
  text-decoration: none;
}

.entry-meta, .archive-meta {
  margin-bottom: 1rem;
}

.entry-date a {
  text-decoration: none;
}

.search-results article, .entry-content {
  max-width: var(--text-max-width);
  margin: 0 auto;
  padding: 1rem;
}
@media screen and (min-width: 992px) {
  .search-results article, .entry-content {
    padding: 1rem 0;
    margin: 2rem auto;
  }
}

.archive {
  --entry-margin: 4rem;
  --entry-title-size: 1.5em;
  max-width: var(--text-max-width);
  margin: 0 auto;
}

.premiere.archive {
  max-width: none;
}

.archive-read-more {
  font-size: smaller;
}

.archive-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto 30px auto;
  max-width: var(--text-max-width);
}
.block-callout > .block-callout-inner,
.block-callout > .wp-block-group__inner-container {
  background-color: var(--background-gray);
  padding: 1em;
}
.block-callout > .block-callout-inner > *:first-child,
.block-callout > .wp-block-group__inner-container > *:first-child {
  margin-top: 0;
}
.block-callout > .block-callout-inner > *:last-child,
.block-callout > .wp-block-group__inner-container > *:last-child {
  margin-bottom: 0;
}
.block-callout > .block-callout-inner::after,
.block-callout > .wp-block-group__inner-container::after {
  clear: both;
  display: block;
  content: "";
}

.sidebar {
  display: none;
}
@media screen and (min-width: 815px) {
  .sidebar {
    flex: 0 0 var(--sidebar-width);
  }
}
.announcement {
  width: 100%;
}

.announcement .inner {
  align-items: center;
  display: flex;
  padding: 20px;
  width: 100%;
}

.announcement-title {
  min-width: 350px;
  padding: 0 20px 0 0;
  width: 100%;
}

.announcement h2,
.announcement h3,
.announcement p {
  line-height: normal;
  margin: 0;
  padding: 0;
}

.announcement p {
  font-size: 80%;
}

.announcement h2 {
  font-size: 200%;
  font-weight: 700;
}

.announcement * {
  color: #fff;
}

.announcement .announcement-content {
  min-width: 170px;
}

.announcement .announcement-content a {
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 0 auto;
  padding: 15px 30px;
  text-transform: uppercase;
  text-decoration: none;
}

.announcement:first-of-type .announcement-content a {
  background-color: #ef9e16;
}

.announcement:last-of-type .announcement-content a {
  background-color: #151f6d;
}

.event-videos {
  margin: 0 auto 30px auto;
  padding: 0 0 30px 0;
}

.event-item {
  padding: 0 20px 0 0;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.sentence-case {
  text-transform: capitalize;
}

.event-videos > h3 {
  border-top: 3px solid #ef9e16;
  color: #151f6d;
  padding: 10px 0 0 0;
  text-transform: uppercase;
}

.event-videos a,
.event-videos span {
  display: block;
}

.event-videos span > span {
  display: inline-block;
}

.event-videos .event-inner > span {
  padding: 0 20px 3px 0;
  width: 100%;
}

.event-videos .event-inner {
  margin: 0 20px 0 0;
  padding: 0 0 0 15px;
}

.slick-slider {
  padding: 0;
}

.slick-list {
  width: 100%;
}

.slider .slick-active + .slick-active .event-item {
  border-left: 1px solid #333;
  box-sizing: border-box;
  width: 100%;
}

.event-date {
  color: #151f6d;
  font-weight: 700;
}

.event-location,
.event-time {
  color: #ef9e16;
  margin: 0 0 7px 0;
}

.event-videos img {
  margin: 0 0 20px 0;
}

.event-subtitle,
.video-topic {
  font-weight: 700;
}

.video-title {
  color: #878888;
}

.video-info {
  font-size: 85%;
  margin: 15px 0 0 0;
  text-align: left;
}

.event-title,
.event-subtitle {
  font-weight: bold;
  color: var(--brand-navy);
  text-align: left;
  max-width: 20ch;
}
@media screen and (min-width: 815px) {
  .event-title,
.event-subtitle {
    max-width: unset;
    font-size: 1.4rem;
  }
}

.event-title {
  font-size: 250%;
  margin: 0.5rem 0;
}

.event-subtitle {
  font-size: 150%;
  margin: 0 0 30px 0;
}

/* [ - ] slider */
.slick-track {
  display: flex;
}

.slick-slide {
  height: auto;
}

.slick-slide > *,
.slick-slide > * > .event-item {
  height: 100%;
}

.slick-dots li button {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.slick-dots li button {
  background-color: #d1d3d4;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.slick-dots li.slick-active button {
  background-color: #ef9e16;
}

.slick-dots > li {
  margin: 0 5px;
}

.slick-dots li button:before {
  display: none;
}

.slick-prev:before {
  content: "◀";
}

.slick-next:before {
  content: "▶";
}

.slick-prev:before,
.slick-next:before {
  color: #151f6d;
  font-family: "slick";
  font-size: 30px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -10px;
}

.slick-next {
  right: -10px;
}

.slick-dots {
  bottom: -50px;
}

.slick-dots li button {
  transition: 2s all;
}

.media-container {
  height: 0;
}

.premiere .media-container {
  display: block;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding-bottom: 52%;
  padding-top: 30px;
  position: relative;
}

.media-constrain {
  margin-bottom: 40px;
  margin-top: 40px;
  max-width: 700px;
  width: 100%;
}

.ratio4x3,
.aspect-4-3 {
  padding-bottom: 52%;
}

.premiere .media-container > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.site-container ~ iframe {
  display: none;
}

.inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.fullscreen-width {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: 100vw;
}

/* [ - ]  archives */
.archive .entry-content-top {
  display: flex;
}

.archive .entry-content-top h2 {
  font-size: 150%;
}

.archive .entry-content-top .entry-aside {
  flex: 300px 0 0;
  padding: 0 10px;
}

.archive .entry-content-top .entry-aside > ul {
  list-style: none;
}

.archive .entry-content-top .entry-aside ul,
.accordion-initiated > ul {
  padding: 0 0 0 10px !important;
}

.archive .entry-content-top .entry-aside ul li > *:first-child + * {
  display: none;
  overflow: hidden;
}

.archive .entry-content-top .entry-aside * {
  width: 100%;
}

.compact-nav > *:first-child {
  cursor: pointer;
  display: block;
  padding: 5px 20px 5px 20px;
  position: relative !important;
  width: 100%;
}

.archive .entry-content-top .entry-aside ul li > a {
  display: block;
  padding: 5px 20px 5px 20px;
}

.compact-nav > *:first-child:after,
.menu-item-has-children > *:first-child:after {
  color: #f68a3d;
  content: "▼";
  font-size: 70%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.compact-nav:hover > *:first-child:after {
  margin: 3px 0 0 13px;
  width: 10px;
}

.categories-wrap,
.news-wrap {
  margin: 0 auto 30px 0;
  padding: 10px;
}

.post-showcase {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.archive .post-showcase h1,
.archive .post-showcase h2,
.archive .post-showcase h3 {
  font-size: 95%;
  margin: 15px auto 15px auto;
}

.post-showcase-image {
  display: flex;
}

.archive .post-showcase-content img {
  display: none;
}

.post-showcase-grid {
  margin: 0 10px 0 10px;
}

.post-showcase p {
  font-size: 90%;
}

.post-showcase h2 {
  font-size: 120% !important;
}

.post-showcase h3 {
  font-size: 105% !important;
  margin: 20px auto 20px auto;
}

.archive-grid .post-showcase > * {
  flex: 1;
  margin: 0 auto 30px auto;
  min-width: 300px;
}

.uniform-layout {
  padding: 0 0 70px 0;
  position: relative;
}

.premiere .uniform-layout .read-more,
.premiere .uniform-layout .view-more {
  bottom: 20px;
  left: 10px;
  margin: 0;
  position: absolute;
}

.archive-grid .post-showcase-content img {
  display: none;
}

.post-showcase-content button {
  background-color: #0060ac;
  color: #fff;
  padding: 10px;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
}

.pagination > * {
  border: 1px solid #cddfed;
  display: block;
  margin: 0 10px 10px 0;
  padding: 10px 15px;
  text-decoration: none;
  transition: all 0.75s;
}

.pagination > *:hover {
  background-color: #151f6d;
  border: 1px solid #cddfed;
  color: #fff;
}

.pagination > *:hover a,
.pagination.archive-nav a:hover {
  color: #fff;
}

.archive-nav-previous:empty,
.archive-nav-next:empty {
  display: none;
}

/* [ - ]  schedule a reminder */
.event-videos .cta {
  background-color: #151f6d;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin: 0 auto 20px auto;
  padding: 15px 30px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 1.2s;
}

.event-videos .cta:hover {
  background-color: #ef9e16;
  color: #151f6d;
}

.modal {
  background: rgba(255, 255, 255, 0.9);
  width: auto;
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}

.modal a.close-modal {
  background-image: none;
  background-color: #ef9e16;
  border-radius: 50%;
}

.modal a.close-modal:before {
  align-items: center;
  color: #333;
  content: "×";
  display: flex;
  font-size: 140%;
  font-weight: 200;
  height: 31px;
  justify-content: center;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
  width: 33px;
  z-index: 2000000000;
}

.premiere .modal form input,
.premiere .modal form textarea,
.premiere .modal form .gfield select {
  background-color: #eae9e9;
  border: 1px solid #c1c0c0;
  margin: 0;
  padding: 10px !important;
  width: 100% !important;
}

.premiere .modal form .gfield_time_ampm,
.premiere .modal form .ginput_container_select {
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.premiere .modal form .gfield_time_ampm,
.premiere .modal form .ginput_container_select {
  border-right: 1px solid #c1c0c0;
}

.premiere .modal form .gfield_time_ampm select,
.premiere .modal form .ginput_container_select select {
  max-width: none !important;
  position: relative;
  width: calc(100% + 15px) !important;
  z-index: 99;
}

.premiere .modal form .clear-multi > * {
  flex: 1;
  max-width: none;
}

/* [ - ]  categories */
.category .main-container > article.post,
.category .main-container > .entry-content,
.archive .main-container > article.post,
.archive .main-container > .entry-content {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}

/* [ - ]  page aside */
.page-aside {
  padding: 0 20px;
  margin: 0 auto;
  flex: 30% 0 0;
  min-width: 300px;
}

.premiere form.searchform {
  margin: 0 0 25px 0;
}

.event-content,
.premiere form.searchform > * {
  display: flex;
  width: 100%;
}

.premiere .featured-image {
  margin-bottom: 30px;
}

.premiere form.searchform input[type=text] {
  margin: 0;
  width: calc(100% - 20px);
}

.premiere form.searchform input[type=submit] {
  max-width: 80px;
}

/* [ - ]  search */
article.post.search-result {
  margin: 0 auto;
}

.search-results .archive-title {
  font-size: 120%;
  padding: 10px 0;
}

.search-result-box {
  border-bottom: 1px dotted #e8e8e8;
  padding: 30px 0;
}

.premiere .search-result-box form > * {
  display: flex;
}

.premiere .search-result-box form input[type=text] {
  margin: 0;
  width: calc(100% - 20px);
}

.premiere .search-result-box form input[type=submit] {
  margin: 0 auto 0 auto;
}

.search-results article:not(:first-of-type) {
  border-top: 1px dotted #e8e8e8;
}

.search-results .archive > article:first-of-type {
  border-top: 1px dotted #e8e8e8;
}

.search-result h1 {
  font-size: 120%;
}

.search-result .entry-meta, .search-result .archive-meta {
  font-size: 80%;
}

.search-result .entry-content {
  font-size: 95%;
  margin: 0 auto;
}

.search .entry-content img,
.archive .entry-content .post-showcase-image img {
  display: flex;
  margin: 0 0 30px 0;
  max-width: 300px !important;
}

.search-result .entry-content h1,
.search-result .entry-content h2,
.search-result .entry-content h3 {
  font-size: 95%;
  margin: 15px auto 15px auto;
}

.premiere .search-result .read-more {
  font-weight: 400;
  display: flex;
  max-width: 150px;
  margin: 20px 0 0 0;
}

.archive-grid {
  padding: 0 20px 0 0;
}

.gfield_required {
  display: inline-block;
}

/* [ - ]  archives */
.page-archive {
  display: flex;
}

.page-archive-inner #searchform input[type=text] {
  width: calc(100% - 80px);
}

.siderbar-news {
  padding: 30px;
  flex: 0 0 200px;
}

.siderbar-news li:marker,
.siderbar-news li:before {
  display: none;
}

.siderbar-news li {
  list-style: none;
}

.siderbar-news li a {
  background-color: #94bddb;
  color: inherit;
  display: block;
  padding: 20px 10px;
  width: 100%;
}

.page-archive .type-news {
  background-color: #808080;
}

.archive-wrap {
  display: flex;
  margin: 0 auto 30px 0;
}

.archive-wrap .wp-block-group__inner-container {
  max-width: none;
  padding: 0;
}

.archive-wrap a:before {
  display: none;
}

.archive-wrap-left {
  background: #f8f8f8;
  padding: 20px;
  width: 100%;
}

.archive-wrap-right {
  width: 200px;
}

.posts-navigation a {
  background-color: var(--color-blue-normal);
  border: 1px solid transparent;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: capitalize;
}
.posts-navigation a:hover {
  background-color: transparent;
  border: 1px solid var(--color-blue-normal);
  color: var(--color-blue-normal);
}

.alerts-wrap {
  padding: 20px;
  border: 1px dotted #e8e8e8;
}

.post-navigation .nav-links {
  display: flex;
}

.post-navigation .nav-links > * {
  flex: 1;
}

.single-event .gform_legacy_markup_wrapper {
  max-width: 400px;
}

.premiere .ginput_container_select {
  border-right: 1px solid #cddfed;
  margin-bottom: 20px;
}

.premiere form .gfield select.gfield_select {
  margin: 0;
}

.premiere .gform_confirmation_wrapper {
  margin: 0 0 30px 0;
}

.premiere .read-more {
  display: inline-block;
  background-color: #0060ac;
  color: #fff;
  font-weight: 700;
  margin: 25px auto 20px auto;
  padding: 10px 20px;
  text-decoration: none;
  transition: all 0.8s;
}

.premiere .read-more:hover {
  background-color: #ef9e16;
  color: #0060ac;
}

/*  [ - ]  forms */
/*  [ - ]  forms */
.premiere .gform_wrapper .gform_body {
  margin: 30px 0 0 0;
}

.premiere form:before,
.premiere form *:before {
  display: none;
}

.premiere form input,
.premiere form textarea,
.premiere form .gfield select {
  background-color: #fff;
  border: 1px solid #cddfed;
  margin: 0 0 10px 0;
  padding: 10px;
}

.premiere form.gravity-theme .gfield_label {
  font-weight: 400;
}

form .gfield_required {
  display: inline-block;
  width: auto !important;
}

.premiere form input[type=submit] {
  background-color: #0060ac;
  color: #fff;
  font-weight: 700;
  margin: 0;
}

.premiere .yellow-submit > * {
  font-weight: 700;
}

.freeiran2022 [class*=quotes] .slider blockquote p {
  font-size: 80% !important;
  font-family: "Roboto";
  text-align: left;
  margin: 0 0 20px 0;
}

.freeiran2022 [class*=quotes] .slider blockquote cite {
  font-size: 70%;
  line-height: 0;
}

.freeiran2022 .twitter-cards .ctf-tweets .slick-slide > * {
  background: white;
}

.freeiran2022 .twitter-cards .ctf-tweets .slick-slide > *,
.freeiran2022 .twitter-cards .ctf-tweets .slick-slide .ctf-corner-logo * {
  transition: 2s all;
  transition-delay: 350ms;
}

.freeiran2022 .twitter-cards .ctf-tweets .slick-current .ctf-corner-logo * {
  color: #333;
}

.freeiran2022 .twitter-cards .slick-slide.highlight > *,
.freeiran2022 .twitter-cards .ctf-tweets .slick-current > * {
  background: #fce036;
}

.freeiran2022 .twitter-cards .ctf-tweets * {
  color: #333;
}

.freeiran2022 .twitter-cards .ctf-tweets svg[class*=twitter] * {
  color: #e9eef1;
}

.freeiran2022 .twitter-cards .slick-slide {
  margin: 0 10px 10px 0;
}

.freeiran2022 .twitter-cards .ctf-tweet-content,
.freeiran2022 .twitter-cards .ctf-tweet-actions {
  margin: 0 20px 20px 0;
  padding: 0 10px;
}

.freeiran2022 .twitter-cards .ctf-tweet-text * {
  word-wrap: break-word;
}

.freeiran2022 .twitter-cards .ctf-tweet-content,
.freeiran2022 .twitter-cards .ctf-tweet-actions {
  margin-left: 0 !important;
}

[class*=social-navigation] {
  display: flex;
  list-style: none;
  margin: 0 auto 30px auto;
  justify-content: center;
}

[class*=social-navigation] > * {
  margin: 0 5px 5px 0 !important;
  transition: all 0.6s;
}

[class*=social-navigation] > * > * {
  box-sizing: initial;
  display: block;
  height: 17px !important;
  padding: 10px;
  text-align: center;
  width: 17px !important;
}

[class*=social-navigation] > * > *:not(.fa-tiktok):after {
  display: none;
}

[class*=social-navigation] a {
  color: inherit;
  font-size: 120%;
  transition: all 1.3s;
  text-decoration: none;
}

[class*=social-navigation] a {
  color: #fde840;
}

.freeiran2022 .twitter-cards .ctf-header,
.freeiran2022 .twitter-cards .a2a_dd > span {
  display: none;
}

.freeiran2022 .twitter-cards .ctf-tweet-content p {
  font-size: 90%;
}

.freeiran2022 .twitter-cards .ctf-tweet-content {
  margin-top: 28px !important;
}

.freeiran2022 .twitter-cards .slick-slider {
  padding: 0 40px;
}

.freeiran2022 .twitter-cards .slick-prev {
  left: 3px;
}

.freeiran2022 .twitter-cards .slick-next {
  right: 24px;
}

.freeiran2022 .twitter-cards .slick-prev:before {
  font-family: "Roboto";
  content: "←";
  color: #000;
}

.freeiran2022 .twitter-cards .slick-next:before {
  font-family: "Roboto";
  content: "→";
  color: #000;
}

.freeiran2022 .twitter-cards .ctf-item {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.freeiran2022 .twitter-cards .ctf-item::-webkit-scrollbar {
  height: 8px;
  right: 5px;
  width: 6px;
}

/* Track */
.freeiran2022 .twitter-cards .ctf-item::-webkit-scrollbar-track {
  background-color: rgba(188, 187, 187, 0.5);
}

.freeiran2022 .twitter-cards .ctf-tweets {
  max-height: 350px;
  opacity: 0;
  transition: 1s all;
}

.show-fade {
  opacity: 1 !important;
}

.premiere form .gform_footer {
  padding: 0;
  margin: 0;
}

.ui-datepicker {
  display: none;
}

.premiere #ui-datepicker-div[style] {
  z-index: 100000000 !important;
}

.premiere form .gfield_checkbox label,
.premiere form .gfield_radio label {
  margin: -8px 0 0 8px;
}

.premiere form .gfield_time_hour i {
  margin-top: 0 !important;
}

.premiere form ul.gform_fields li.gfield {
  padding-right: 0 !important;
}

.ui-datepicker-title select {
  color: #000;
}

.premiere .gfield_time_ampm,
.premiere .ginput_container_select {
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.premiere .gfield_time_ampm:after,
.premiere .ginput_container_select:after {
  color: #f68a3d;
  content: "▼";
  font-size: 70%;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999999;
}

.premiere form .gfield_radio * {
  display: inline-block !important;
  margin: 0 10px 10px 0 !important;
}

.premiere #survey form .gfield_radio * {
  width: 100%;
}

.premiere form .gfield_radio input[type=radio] {
  width: auto !important;
}

.premiere form .gfield_time_ampm select,
.premiere form .ginput_container_select select {
  background: none;
  max-width: none !important;
  position: relative;
  width: calc(100% + 15px) !important;
  z-index: 99;
}

@media screen and (max-width: 1050px) {
  .event-content, .premiere form.searchform > * {
    flex-flow: column;
  }

  .premiere .event-content form.searchform input[type=text] {
    width: 100%;
  }

  .event-details *,
.event-content,
.event-calendar * {
    margin: 0 auto;
    text-align: center;
  }

  .event-calendar form .gform_footer input[type=submit] {
    width: 100%;
  }
}
@media screen and (max-width: 950px) {
  .fullscreen-width,
.page-hero {
    left: 0;
    transform: translateX(0);
    width: 100%;
  }

  .site-container {
    position: relative;
    width: 100%;
  }
}
@media screen and (max-width: 815px) {
  .archive .entry-content-top {
    flex-direction: column;
  }

  .archive .entry-content-top .entry-aside {
    max-width: 600px;
    margin: 0 auto;
  }

  .premiere form.searchform input[type=submit] {
    max-width: 100%;
  }

  .premiere form.searchform input[type=text] {
    width: 100%;
  }
}
@media screen and (max-width: 760px) {
  .announcement .inner {
    display: block;
  }

  .announcement-title {
    padding: 0 20px 20px 0;
    text-align: center;
  }

  .announcement .announcement-content a {
    text-align: center;
  }
}
@media screen and (max-width: 650px) {
  .uniform-layout {
    text-align: center;
  }

  .post-showcase-image {
    justify-content: center;
  }

  .premiere .uniform-layout .read-more,
.premiere .uniform-layout .view-more {
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.premiere.freeiran2022 header.header {
  background-color: #01008c;
}

.premiere.freeiran2022 .main,
.premiere.freeiran2022 .entry-content {
  max-width: none;
  margin: 0;
  padding: 0;
}

.freeiran2022 .wp-block-group__inner-container {
  padding: 60px 20px;
  max-width: 1500px;
  margin: 0 auto;
}

.freeiran2022 [class*=adaptive] {
  height: 100%;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.freeiran2022 [class*=adaptive][class*=figure] figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  left: 0;
  max-height: none !important;
  position: absolute;
  top: 0;
}

[dir=rtl] .freeiran2022 [class*=adaptive][class*=figure] figure img {
  right: 0;
}

.freeiran2022 .hero-showcase {
  background-color: #01008c;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 450px;
}

.freeiran2022 .hero-showcase .addtoany_shortcode {
  text-align: center;
  margin: 30px auto;
}

.freeiran2022 .hero-showcase .addtoany_shortcode .addtoany_list {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  max-width: 450px;
  margin: 0 auto;
}

.freeiran2022 .hero-showcase .addtoany_shortcode .addtoany_list > * {
  flex: 1;
}

.freeiran2022 .hero-showcase .addtoany_shortcode .addtoany_list a:not(.addtoany_special_service) > span {
  height: auto !important;
  width: 100% !important;
}

[dir=rtl] .freeiran2022 .slider {
  direction: ltr;
}

.freeiran2022 .slider-box-inner {
  padding: 0 40px;
}

.freeiran2022 .slider-content > * {
  display: block;
  margin: 0 20px 20px 0;
}

.freeiran2022 .slider-box-inner .slick-prev {
  left: -35px;
  right: auto;
}

.freeiran2022 .slider-box-inner .slick-next {
  right: -25px;
  left: auto;
}

.freeiran2022 .slider-box-inner .slick-prev:before {
  font-family: "Roboto";
  content: "←";
  color: #000;
}

.freeiran2022 .slider-box-inner .slick-next:before {
  font-family: "Roboto";
  content: "→";
  color: #000;
}

.freeiran2022 .world-campaign .slider-content > * {
  margin: 0 100px 20px 0;
}

.freeiran2022 .world-campaign .slider-content {
  position: relative;
  height: 100%;
}

.freeiran2022 .world-campaign .slick-initialized .slick-slide {
  display: flex;
}

.freeiran2022 .world-campaign .slider-content > *:after {
  font-family: "Roboto";
  content: "→";
  color: #fde840;
  position: absolute;
  right: 10px;
  font-size: 430%;
  top: 50%;
  transform: translateY(-50%);
}

.freeiran2022 .world-campaign .slider-content > * * {
  margin-bottom: 20px;
}

.freeiran2022 .world-campaign .slider h6 {
  font-size: 15px;
}

.freeiran2022 .world-campaign .slider p {
  font-size: 100%;
}

.freeiran2022 > .wp-block-group__inner-container {
  margin-right: 20px;
}

.freeiran2022 .hero-showcase figure ~ * {
  color: #fff;
  position: relative;
  z-index: 100;
}

.freeiran2022 .hero-showcase[class*=adaptive][class*=figure] figure img {
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  z-index: 2;
}

.freeiran2022 .hero-showcase:before,
.freeiran2022 .hero-showcase:after,
.freeiran2022 .hero-showcase .wp-block-group__inner-container:before,
.freeiran2022 .hero-showcase .wp-block-group__inner-container:after {
  content: "";
  display: block;
}

.freeiran2022 .hero-showcase:after,
.freeiran2022 .hero-showcase .wp-block-group__inner-container:after {
  clear: both;
}

.freeiran2022 .hero-showcase .wp-block-group__inner-container:after {
  content: "▾";
  color: #fce036;
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 100;
  font-size: 300%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  bottom: 0px;
}

.freeiran2022 .hero-showcase:after {
  background-color: #0784c1;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50%;
  width: 100%;
  z-index: 0;
}

.freeiran2022 .hero-showcase:before {
  background: url("../images/stripe.png") repeat-x 0 50%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.freeiran2022 .highlight-yellow {
  background-color: #fce036;
  border-radius: 50px;
}

.freeiran2022 .header-menu #menu-main .highlight-yellow a {
  color: #333;
}

.freeiran2022 .premiere h1 {
  font-size: calc(35px + 16vw);
}

.freeiran2022 .premiere h2 {
  font-size: calc(30px + 6vw);
}

.freeiran2022 .premiere h3 {
  font-size: calc(25px + 3vw);
}

.freeiran2022 .premiere h4 {
  font-size: calc(20px + 3vw);
}

.freeiran2022 .premiere h5 {
  font-size: calc(18px + 2.3vw);
}

.freeiran2022 .premiere h6 {
  font-size: calc(15px + 1.5vw);
}

.freeiran2022.farsi-page .premiere h1 {
  font-size: calc(35px + 9vw);
}

.freeiran2022 .premiere h1,
.freeiran2022 .premiere h2 {
  font-family: "American Captain";
}

.freeiran2022 .hero-showcase h1,
.freeiran2022 h2,
.freeiran2022 h3,
.freeiran2022 h4,
.freeiran2022 h5,
.freeiran2022 h6 {
  margin: 0;
  line-height: normal;
}

.freeiran2022 .hero-showcase h1 {
  letter-spacing: 6px;
}

.freeiran2022 *:not([class*=fab]) {
  font-family: "Roboto", sans-serif;
}

.fa-rss {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.freeiran2022 p,
.freeiran2022 li {
  font-size: 130%;
}

.freeiran2022 .online-campaign .addtoany_share,
.freeiran2022 .twitter-cards .a2a_dd {
  text-align: center;
  text-decoration: none;
  font-weight: 700;
}

.freeiran2022 .twitter-cards .a2a_dd {
  float: none;
}

.freeiran2022 .twitter-cards .a2a_kit {
  text-align: center;
}

.freeiran2022 .countdown-timer input[type=submit],
.premiere form.yellow-submit input[type=submit],
.premiere .yellow-submit > *,
.freeiran2022 .online-campaign .addtoany_share,
.freeiran2022 .twitter-cards .a2a_dd {
  background-color: #fce036;
  border-radius: 50px;
  color: #333;
  width: 100%;
  max-width: 350px;
  margin: 40px auto;
  display: block;
  border: 0;
  padding: 20px;
  text-transform: uppercase;
}

.premiere form.yellow-submit input[type=submit] {
  max-width: 350px;
}

.freeiran2022 .countdown-timer input[type=submit],
.freeiran2022.premiere form.yellow-submit input[type=submit],
.premiere .yellow-submit > *,
.freeiran2022 .online-campaign .addtoany_share,
.freeiran2022 .twitter-cards .a2a_dd {
  font-size: calc(25px + 0.5vw) !important;
  max-width: 700px;
  transition: all 1s;
}

.freeiran2022 .countdown-timer input[type=submit]:hover,
.freeiran2022.premiere form.yellow-submit input[type=submit]:hover,
.freeiran2022 .online-campaign .addtoany_share:hover,
.premiere .yellow-submit > *:hover,
.freeiran2022 .twitter-cards .a2a_dd:hover {
  color: #01009e;
  transform: scale(1.05);
}

.freeiran2022 .footer {
  background: white;
}

.freeiran2022 .footer * {
  color: var(--brand-navy);
}

.freeiran2022 .footer-container {
  justify-content: center;
}

.freeiran2022 .footer-copyright {
  font-size: 80%;
  text-align: center;
}

.freeiran2022 .post-views {
  display: none;
}

.freeiran2022 .showcase .visual-grid .panes-group:first-of-type {
  background-color: #2abcaf;
}

.freeiran2022 .showcase .visual-grid .panes-group:nth-of-type(2) {
  background-color: #0896cf;
}

.freeiran2022 .showcase a {
  color: #feee4c;
}

.freeiran2022 #menu-language {
  display: flex;
  margin: 0 0 20px 0;
}

.freeiran2022 #menu-language a {
  font-size: 70%;
  border: 1px solid #a1a1a1;
  padding: 5px 9px;
}

.freeiran2022 #menu-language a,
.freeiran2022 .header-menu #menu-main a {
  transition: all 1s;
}

.freeiran2022 #menu-language a:hover {
  background-color: #fce036;
  color: #333;
}

.freeiran2022 .header-menu #menu-main a:hover {
  color: #fce036;
}

.freeiran2022 .header-menu #menu-main .highlight-yellow a:hover {
  color: #fff;
}

.freeiran2022 .header-left {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  flex-flow: column;
}

.center-list {
  text-align: center;
  list-style-position: inside;
}

.visual-grid {
  overflow-x: hidden;
  margin: 30px auto;
  width: 100%;
}

.visual-grid > .visual-grid-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: calc(100% + 20px);
  width: 100%;
}

.visual-grid > .visual-grid-inner > * {
  min-width: 350px;
  width: 50%;
}

.visual-grid .panes-group > .panes-group-inner {
  background-color: #193062;
  margin: 0 20px 20px 0;
  position: relative;
}

[dir=rtl] .visual-grid .panes-group > .panes-group-inner {
  margin: 0 0 20px 20px;
}

[dir=rtl] .header-menu .menu .sub-menu {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

.visual-grid .panes-group > .panes-group-inner > * {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.visual-grid .panes-group > .panes-group-inner > * > * {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  padding: 25px;
}

.visual-grid .panes-group > .panes-group-inner [class*=aspect] > * {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.visual-grid figure,
.visual-grid figure img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.visual-grid .panes-group > .panes-group-inner > *:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.35);
}

.visual-grid .panes-group > .panes-group-inner > *:before,
.visual-grid .panes-group [class*=aspect] > * > *:not(figure) {
  transition: 1.2s;
}

.visual-grid .panes-group:hover > .panes-group-inner > *:before {
  background-color: rgba(252, 224, 54, 0.85);
}

.visual-grid .panes-group:hover [class*=aspect] > * > *:not(figure) {
  color: #01008c;
}

.visual-grid [class*=aspect] > * > *:not(figure),
.visual-grid h2 {
  color: #fff;
  max-width: 80%;
  padding: 10px;
  position: relative;
  text-align: center;
  transition: 1.2s;
  z-index: 10;
}

.visual-grid h2 {
  display: block;
  font-size: 110%;
}

.visual-grid .panes-group:hover h2 {
  transform: scale(1.15);
}

.visual-grid .panes-group h2 a:hover {
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.visual-grid .panes-group > .panes-group-inner > *:before,
.visual-grid .panes-group > .panes-group-inner > *:after {
  content: "";
  display: block;
}

.visual-grid .panes-group > .panes-group-inner > *:after {
  clear: both;
}

.visual-grid.wp-block-group [class*=wp-block-column] > .wp-block-group figure {
  height: 100%;
}

.aligncenter > .wp-block-embed__wrapper, .alignright > .wp-block-embed__wrapper, .alignleft > .wp-block-embed__wrapper {
  text-align: center;
}

.freeiran2022 div.quotes {
  border-bottom: 2px solid black;
}

.freeiran2022 [class*=quotes] blockquote {
  border: 0;
}

.freeiran2022 [class*=quotes] blockquote * {
  font-style: normal;
}

.freeiran2022 [class*=quotes] blockquote p {
  text-align: center;
  line-height: normal;
  margin: 0 auto;
}

.freeiran2022 [class*=quotes] blockquote cite {
  font-weight: 700;
}

.freeiran2022 [class*=quotes] blockquote p,
.video-showcase h3 {
  font-size: calc(25px + 1vw) !important;
  font-family: "American Captain";
}

.vertical-center-group-cols > * > .wp-block-columns {
  align-items: center !important;
}

[dir=rtl] .countdown,
.ltr {
  direction: ltr;
}

/*  [ - ] FONTS  */
/*  [ = ]  American Captain */
@font-face {
  font-family: "American Captain";
  src: url("../fonts/American Captain.woff") format("woff");
}
.font-american-captain {
  font-family: "American Captain";
}

/*  [ - ]  countdown */
.premiere .content_countdown .countdown {
  margin: 30px auto 0 auto;
  padding: 0 0 5px 0;
}

.premiere .content_countdown .countdown * {
  text-transform: uppercase;
}

.premiere .content_countdown .countdown {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.premiere .content_countdown .countdown > * {
  flex: 1;
}

.premiere .home-section-countdown .countdown-numbers *:before {
  display: none;
}

.premiere .home-section-countdown .countdown-text,
.premiere .home-section-countdown .countdown-numbers,
.premiere .content_countdown .countdown {
  position: relative;
}

.premiere .home-section-countdown .countdown-text {
  background: #f16b22;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  margin: 0 auto;
  padding: 5px 20px;
  top: -17px;
}

.premiere .home-section-countdown .countdown-numbers {
  position: relative;
  top: -9px;
}

.premiere .countdown-days,
.premiere .countdown-hours,
.premiere .countdown-minutes,
.premiere .countdown-seconds,
.premiere .content_countdown .countdown .element_conteiner .time_left {
  font-size: 70%;
  font-weight: 900;
  line-height: 1;
}

.premiere .countdown-label,
.premiere .content_countdown .countdown .element_conteiner .time_description {
  font-size: 100% !important;
  letter-spacing: 1px;
  font-weight: 400;
}

.premiere .countdown-numbers li,
.premiere .content_countdown .countdown > * {
  border-right: 2px solid #fff;
  margin: 0;
  padding: 0 15px 0 15px;
}

.premiere .countdown-numbers li:last-of-type,
.premiere .content_countdown .countdown > *:last-of-type {
  border-right: 0;
}

.premiere .content_countdown .countdown .element_conteiner {
  display: flex;
  flex-flow: column;
}

.premiere .content_countdown .countdown .element_conteiner * {
  border-radius: 0 !important;
  background-color: transparent !important;
  font-family: inherit !important;
}

.premiere .content_countdown .countdown .element_conteiner .time_left {
  font-size: calc(55px + 4vw) !important;
  padding: 0;
}

/* --   [ + ] ASPECT RATIOS -- */
[class*=aspect-] {
  list-style: none !important;
  overflow: hidden;
  position: relative;
  width: 100%;
}

[class*=aspect-] > *:not(.wp-block-embed__wrapper):not(figcaption):not(.slick-arrow) {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

[class*=aspect-][class*=natural] {
  padding-bottom: 0%;
}

/* square */
[class*=aspect-][class*=square]:not([class*=-js]) {
  padding-top: 100%;
}

[class*=aspect-][class*="1x2"]:not([class*=-js]) {
  padding-top: 200%;
}

[class*=aspect-][class*="1x3"]:not([class*=-js]) {
  padding-top: 300%;
}

[class*=aspect-][class*="1x4"]:not([class*=-js]) {
  padding-top: 400%;
}

[class*=aspect-][class*="1x5"]:not([class*=-js]) {
  padding-top: 500%;
}

[class*=aspect-][class*="1x6"]:not([class*=-js]) {
  padding-top: 600%;
}

/* rectangle */
[class*=aspect-][class*="2x1"]:not([class*=-js]),
[class*=aspect-][class*=rectangle]:not([class*=-js]) {
  padding-top: 50%;
}

/* portrait */
[class*=aspect-][class*="2x3"]:not([class*=-js]),
[class*=aspect-][class*=portrait]:not([class*=-js]) {
  padding-top: 150%;
}

[class*=aspect-][class*="2x5"]:not([class*=-js]) {
  padding-top: 250%;
}

[class*=aspect-][class*="3x1"]:not([class*=-js]) {
  padding-top: 33.333%;
}

/* landscape */
[class*=aspect-][class*="3x2"]:not([class*=-js]),
[class*=aspect-][class*=landscape]:not([class*=-js]) {
  padding-top: 66.666%;
}

[class*=aspect-][class*="3x4"]:not([class*=-js]) {
  padding-top: 133.337%;
}

[class*=aspect-][class*="3x5"]:not([class*=-js]) {
  padding-top: 166.667%;
}

[class*=aspect-][class*="4x1"]:not([class*=-js]) {
  padding-top: 25%;
}

/* sd */
[class*=aspect-][class*="4x3"]:not([class*=-js]),
[class*=aspect-][class*=sd]:not([class*=-js]) {
  padding-top: 75%;
}

[class*=aspect-][class*="5x1"]:not([class*=-js]) {
  padding-top: 20%;
}

[class*=aspect-][class*="5x2"]:not([class*=-js]) {
  padding-top: 40%;
}

[class*=aspect-][class*="5x3"]:not([class*=-js]) {
  padding-top: 60%;
}

[class*=aspect-][class*="5x4"]:not([class*=-js]) {
  padding-top: 80%;
}

[class*=aspect-][class*="6x1"]:not([class*=-js]) {
  padding-top: 16.666%;
}

[class*=aspect-][class*="6x2"]:not([class*=-js]) {
  padding-top: 33.332%;
}

[class*=aspect-][class*="6x5"]:not([class*=-js]) {
  padding-top: 83.33%;
}

[class*=aspect-][class*="10x13"]:not([class*=-js]) {
  padding-top: 130%;
}

/* hd */
[class*=aspect-][class*="16x9"]:not([class*=-js]),
[class*=aspect-][class*=hd]:not([class*=-js]) {
  padding-top: 56.252%;
}

/* [ = ] 1000 */
@media screen and (min-width: 1000px) {
  .freeiran2022 .hero-showcase {
    min-height: calc(100vh - 50px);
  }
}
/* [ = ] 900 */
@media screen and (max-width: 900px) {
  .freeiran2022 .logo-row {
    flex-flow: column;
  }

  .freeiran2022 .header-left {
    align-items: center;
    justify-content: center;
  }

  .freeiran2022 .header-image {
    justify-content: center;
  }

  .freeiran2022 .premiere h1 {
    font-size: calc(35px + 10vw);
  }
}
/* [ = ] 500 */
@media screen and (max-width: 500px) {
  .premiere .content_countdown .countdown {
    flex-flow: column;
  }
}
.cta-btn, .archive-nav a {
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
}
.cta-btn:hover, .archive-nav a:hover {
  color: var(--brand-navy);
}

.header-container {
  width: 100%;
  max-width: var(--content-max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
@media screen and (min-width: 1200px) {
  .header-container {
    padding: 1rem 0;
  }
}

.header-image {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.header-left {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.logo-row-search {
  padding: 20px 40px;
}

.header-logo {
  max-width: 128px;
  margin: 0 auto;
}
@media screen and (min-width: 815px) {
  .header-logo {
    max-width: 150px;
  }
}

.header {
  width: 100%;
}

.hamburger {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 815px) {
  .hamburger {
    display: none;
  }
}
.hamburger.is-active .hamburger-inner {
  background-color: var(--brand-gold);
}
.hamburger.is-active .hamburger-inner:before, .hamburger.is-active .hamburger-inner:after {
  background-color: var(--brand-gold);
}

.header-description {
  font-weight: bold;
  color: var(--brand-navy);
  text-align: right;
  margin: 0.5rem 0;
  font-size: 1rem;
  max-width: 20ch;
}
@media screen and (min-width: 815px) {
  .header-description {
    max-width: unset;
    font-size: 1.4rem;
  }
}

.utility-menus {
  display: flex;
  align-items: end;
}

.utility-menus > * {
  margin: 0 0 0 20px;
}

.logo-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 576px) {
  .logo-row {
    flex-direction: row;
    justify-content: space-between;
  }
}

.logo-row-menus {
  display: none;
}
@media screen and (min-width: 815px) {
  .logo-row-menus {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0;
  }
}

.main-menu-row {
  width: 100%;
  background: var(--brand-navy);
}

.main-menu {
  position: relative;
  padding-top: 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 815px) {
  .main-menu {
    padding: 0;
  }
}

.header-menu {
  max-width: var(--content-max-width);
  text-align: center;
  width: 100%;
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: 0.5s ease-in-out;
}
.header-menu.is-active {
  padding: 2rem 1rem;
  height: auto;
  max-height: 100rem;
}
.header-menu.is-active .menu .sub-menu {
  color: #fff;
  display: block !important;
  left: auto;
  list-style: none;
  opacity: 1 !important;
  padding: 10px;
  position: relative;
  right: auto;
  margin: 5px auto 0 auto;
  max-width: 450px;
  min-width: 300px;
  transform: none;
  width: 100%;
  z-index: 0;
}
.header-menu.is-active .menu .sub-menu a {
  background-color: transparent;
}
.header-menu .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-menu .menu li {
  margin: 0.5rem;
  position: relative;
}
.header-menu .menu .sub-menu {
  color: #fff;
  display: none;
  left: 50%;
  list-style: none;
  position: absolute;
  right: 0;
  margin-top: -10px;
  min-width: 300px;
  transform: translateX(-50%);
  width: 100%;
  z-index: 500000;
}
.header-menu .menu .sub-menu a {
  background-color: rgba(239, 158, 22, 0.9);
  display: inline-block;
  font-size: 85%;
  padding: 10px 20px;
  width: 100%;
  transition: all 0.7s;
}
.header-menu .menu .sub-menu a:hover {
  background-color: rgba(21, 31, 109, 0.9);
  color: var(--brand-gold);
}
.header-menu .menu li:last-of-type .sub-menu {
  left: auto;
  transform: translateX(0);
}
.header-menu .menu a {
  text-transform: uppercase;
  font-weight: 500;
  color: white;
  text-decoration: none;
  font-size: 1.5rem;
  width: 100%;
  height: 100%;
  display: block;
  padding: 15px 20px;
}
.header-menu .menu a:hover {
  color: var(--brand-gold);
}
.header-menu hr {
  margin: 2rem auto;
  max-width: 10rem;
}
@media screen and (min-width: 815px) {
  .header-menu hr {
    display: none;
  }
}
@media screen and (min-width: 815px) {
  .header-menu {
    padding: 0;
    height: auto;
    max-height: unset;
    overflow: visible;
  }
  .header-menu #menu-main {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  .header-menu #menu-main > li {
    margin: 0 5px;
    padding: 0;
  }
  .header-menu #menu-main > li.current-menu-item {
    background: var(--brand-gold);
  }
  .header-menu #menu-main > li.current-menu-item a:hover {
    color: var(--brand-navy);
  }
  .header-menu #menu-main a {
    font-size: 1rem;
    font-weight: 500;
  }
}

.dropdown-language {
  padding: 0;
}
@media screen and (min-width: 815px) {
  .dropdown-language {
    display: none;
  }
}

.dropdown-social ul {
  padding: 2rem 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.dropdown-social ul li {
  margin: 0 0.5rem;
}
.dropdown-social a {
  font-size: 1.5rem;
  color: var(--brand-gold);
}
@media screen and (min-width: 815px) {
  .dropdown-social {
    display: none;
  }
}

nav.language-menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0.5rem 0;
}
nav.language-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
nav.language-menu ul li {
  margin: 0 0.5rem;
  background-color: #bcbec0;
  padding: 0;
  transition: 0.3s;
  text-align: center;
}
nav.language-menu ul li.active {
  background-color: var(--brand-blue);
  color: white;
}
nav.language-menu ul li.active a {
  background-color: var(--brand-blue);
  color: white;
}
nav.language-menu ul li:last-child {
  margin-right: 0;
}
@media screen and (min-width: 815px) {
  nav.language-menu ul li {
    min-width: 130px;
  }
}
nav.language-menu ul li a {
  display: inline-block;
  width: 100%;
  padding: 0.25rem 1rem;
  background-color: #bcbec0;
  color: #58595b;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.8rem;
  transition: 0.3s;
}
@media screen and (min-width: 815px) {
  nav.language-menu ul li a {
    font-size: 1rem;
    padding: 0.25rem;
  }
}
nav.language-menu ul li:hover {
  background-color: var(--brand-blue);
  color: white;
}
nav.language-menu ul li:hover a {
  background-color: var(--brand-blue);
  color: white;
}

nav.social-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
nav.social-menu ul li {
  margin: 0 0.25rem;
}
nav.social-menu a {
  font-size: 1.5rem;
  color: var(--brand-gold);
}

/*  [ - ]  search */
#search-wrap {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.98);
  display: none;
  justify-content: center;
  height: 100vh;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 20000;
}

#search-grid {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow-y: scroll;
  position: relative;
  width: 100%;
}

.search-grid img {
  max-width: 250px;
  margin-bottom: 30px;
}

.search-header-close {
  position: fixed;
  right: 50px;
  top: 50px;
}

.search-grid-wrap {
  padding: 30px;
  text-align: center;
  width: 100%;
}

.search-grid-wrap > * {
  margin: 0 auto;
}

/* [ - ]  form */
#search-button {
  display: table-cell;
  vertical-align: middle;
}

.premiere .search-grid form {
  display: flex;
  margin: 0 auto;
  max-width: 900px;
  position: relative;
  width: 100%;
}

.search-grid form .search-box,
.search-grid form input[type=text] {
  background-color: #efefef;
  border: 1px solid grey;
  box-sizing: border-box;
  color: #333;
  font-weight: 700;
  margin: 0;
  max-width: 900px;
  padding: 20px;
  width: 100%;
}

.premiere .search-grid form label {
  display: none;
}

.search-grid form .search-box:focus,
.search-grid form button:focus,
.search-grid form input[type=text]:focus {
  outline: 0;
}

.search-grid form button,
.search-grid form input[type=submit] {
  background: #f68a3d;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: block;
  height: 100%;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
  text-shadow: 0px 0px;
  transition: all 0.8s ease-in-out;
}

.search-grid form button:hover {
  background: #808080;
  color: #fff;
}

/*  [ - ]  results */
#search-result {
  margin: 0 0 30px 0;
}

#search-result .search-box {
  border: 1px solid #dfdfde;
}

.search-results-box {
  margin: 0 0 30px 0;
  padding: 20px;
}

.search-results-box a {
  color: inherit;
}

.search-results h2 {
  font-size: 120%;
}

.search-results-box h3 {
  color: #dcaf98;
  font-weight: 700;
}

.search-results-box:nth-of-type(even) {
  background-color: #efefef;
}

.nav-links {
  padding: 20px;
}

.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.posts-navigation a {
  background-color: var(--brand-gold);
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  text-transform: lowercase;
}

.search-results .search-container {
  max-width: var(--text-max-width);
  margin: 0 auto 50px auto;
  padding: 0;
  border: 0;
}

.no-results {
  padding: 100px;
}

.footer {
  background: var(--brand-navy);
  width: 100%;
  color: white;
  padding: 1rem;
}
@media screen and (min-width: 815px) {
  .footer {
    padding: 2rem 0;
  }
}

.footer-container {
  max-width: var(--content-max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  .footer-container {
    flex-direction: row;
  }
}

.footer-brand {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
@media screen and (min-width: 576px) {
  .footer-brand {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .footer-brand {
    padding: 1rem 0;
  }
}

.footer-logo {
  max-width: 132px;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 815px) {
  .footer-logo {
    max-width: 176px;
  }
}

.footer-copyright {
  font-size: 10px;
}

.footer-heading {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.1rem;
}

.footer hr {
  margin: 0.5rem 0;
}

.footer-navigation {
  padding: 2rem 1rem 1rem 1rem;
}
.footer-navigation ul {
  padding: 2rem 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.footer-navigation ul li {
  margin: 0 0.5rem;
}
.footer-navigation ul li:first-child {
  margin: 0;
}
.footer-navigation ul .menu-item:not(:first-child)::before {
  display: inline;
  content: "|";
  color: white;
  margin-right: 0.5rem;
  font-weight: 500;
}
@media screen and (min-width: 815px) {
  .footer-navigation ul {
    justify-content: center;
  }
}
.footer-navigation a {
  font-size: 0.9rem;
  color: white;
  transition: 0.3s;
  text-decoration: none;
  font-weight: 500;
}
.footer-navigation a:hover {
  color: var(--brand-gold);
}
@media screen and (min-width: 815px) {
  .footer-navigation a {
    font-size: 1rem;
  }
}
@media screen and (min-width: 815px) {
  .footer-navigation {
    padding-top: 3rem;
    min-width: 500px;
  }
}

.footer-social {
  padding: 2rem 1rem 1rem 1rem;
}
.footer-social ul {
  padding: 2rem 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
.footer-social ul li {
  margin: 0 0.5rem;
}
.footer-social a {
  font-size: 1.5rem;
  color: var(--brand-gold);
}
@media screen and (min-width: 815px) {
  .footer-social {
    padding-top: 3rem;
    min-width: 150px;
    text-align: center;
  }
}

.home-hero {
  position: relative;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  max-height: 700px;
  overflow: hidden;
}

.home-hero:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero-text {
  z-index: 2;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 1rem;
  padding: 1rem;
  max-width: var(--content-max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: white;
}
.hero-text h2 {
  position: relative;
  font-size: 50px;
  font-size: min(max(24px, 3.2vw), 50px);
  font-size: clamp($min-size, $scaler, $max-size);
}
.hero-text h2:before {
  display: block;
  position: absolute;
  content: "";
  width: 80%;
  height: 5px;
  border-top: 0.25rem solid var(--brand-gold);
  top: -1rem;
}
@media screen and (min-width: 815px) {
  .hero-text {
    background-color: transparent;
    transform: translateX(-50%);
    left: 50%;
    padding: 3rem 1rem;
    bottom: 1rem;
  }
  .hero-text h2 {
    max-width: 25ch;
    color: white;
    font-weight: 500;
  }
  .hero-text h2:before {
    border-top: 0.5rem solid var(--brand-gold);
  }
  .hero-text h2 span {
    display: block;
  }
}

.hero-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-image: url("../images/video-thumb.jpeg");
  background-size: cover;
  background-position: 50% 50%;
}
.hero-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media screen and (min-width: 576px) {
  .hero-video iframe {
    display: block;
  }
}

.cta-bar {
  margin: 0 auto;
  background: var(--brand-navy);
}

.cta-bar-inner {
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: 2rem 1rem;
}
@media screen and (min-width: 576px) {
  .cta-bar-inner {
    padding: 1rem;
  }
}

.cta-bar-msg {
  color: #fff;
  text-align: center;
}
.cta-bar-msg * {
  margin: 0 auto;
}
.cta-bar-msg p {
  max-width: 800px;
}
.cta-bar-msg a {
  display: inline-block;
}
.cta-bar-msg h2 {
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  margin: 1rem 0;
}
@media screen and (min-width: 576px) {
  .cta-bar-msg h2 {
    margin: 0.5rem 2rem;
  }
}

.three-col-cards {
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: 2rem 1rem;
}
@media screen and (min-width: 815px) {
  .three-col-cards {
    padding: 2rem 0;
  }
}
.three-col-cards .card-container {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 815px) {
  .three-col-cards .card-container {
    flex-direction: row;
    justify-content: space-between;
  }
}
.three-col-cards .card-container a {
  width: 100%;
  color: white;
  text-decoration: none;
  margin-bottom: 1rem;
  transition: 0.3s;
}
@media screen and (min-width: 815px) {
  .three-col-cards .card-container a {
    margin-bottom: 0;
    max-width: calc(32% - 1rem);
  }
}
.three-col-cards .card-container a:hover, .three-col-cards .card-container a:visited {
  color: white;
}
.three-col-cards .card-container a:hover {
  opacity: 0.9;
}
.three-col-cards .card-container .card {
  background: var(--brand-navy);
  padding: 2rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}
.three-col-cards .card-container .card h2 {
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 0.5em;
}
.three-col-cards .card-container .card h2:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: -0.5rem;
  border-bottom: 2px solid var(--brand-gold);
}
.three-col-cards .card-container .card p {
  font-weight: 500;
}

.split-infographic {
  margin: 0 auto;
  overflow: hidden;
}
.split-infographic .column-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  color: white;
}
@media screen and (min-width: 815px) {
  .split-infographic .column-container {
    flex-direction: row;
  }
}
.split-infographic .column-container .column-1 {
  background: var(--brand-teal);
  background-image: url("../images/map-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 815px) {
  .split-infographic .column-container .column-1 {
    justify-content: flex-end;
    width: 50%;
  }
}
.split-infographic .column-container .column-2 {
  background: var(--brand-gold);
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 815px) {
  .split-infographic .column-container .column-2 {
    justify-content: flex-start;
    width: 50%;
  }
}
.split-infographic .column-container .content-area {
  max-width: 600px;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.split-infographic .column-container .content-area .three-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 815px) {
  .split-infographic .column-container .content-area .three-column {
    flex-direction: row;
  }
}
.split-infographic .column-container .content-area .three-column .column {
  padding: 1rem;
}

.social-feed {
  margin: 0 auto;
}
.social-feed h2 {
  text-transform: uppercase;
  color: var(--brand-teal);
}

.social-feed-inner {
  padding: 1rem;
  max-width: var(--content-max-width);
  margin: 0 auto;
}
@media screen and (min-width: 815px) {
  .social-feed-inner {
    padding: 2rem 0;
  }
}

.social-feed-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 815px) {
  .social-feed-container {
    justify-content: space-between;
    flex-direction: row;
  }
}
.social-feed-container .feed {
  width: 100%;
  margin: 0 0 1rem;
  padding: 1rem;
  position: relative;
}
@media screen and (min-width: 815px) {
  .social-feed-container .feed {
    padding: 0 3rem 0 0;
    width: 30%;
  }
  .social-feed-container .feed:not(:last-child):after {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-right: 2px solid var(--brand-navy);
  }
}
.social-feed-container .feed h3 {
  color: var(--brand-blue);
  margin-bottom: 1.5rem;
  position: relative;
}
.social-feed-container .feed h3:before {
  content: "";
  height: 1px;
  width: 100%;
  border-bottom: 2px solid var(--brand-navy);
  position: absolute;
  bottom: -0.5rem;
}
.social-feed-container .feed-posts-container {
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.social-feed-container .feed-posts-container .news-post {
  margin-bottom: 1rem;
}
.social-feed-container .feed-posts-container .news-post .news-post-inner {
  max-width: 100%;
  display: flex;
  flex-direction: row;
}
.social-feed-container .feed-posts-container .news-post .news-post-inner .feature-image {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.social-feed-container .feed-posts-container .news-post .news-post-inner .news-img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  .social-feed-container .feed-posts-container .news-post .news-post-inner .news-img {
    max-width: 120px;
  }
}
.social-feed-container .feed-posts-container .news-post .news-post-inner .the-content {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
.social-feed-container .feed-posts-container .news-post .news-post-inner h3.news-post-title {
  font-size: 0.8rem;
  margin: 0;
}
.social-feed-container .feed-posts-container .news-post .news-post-inner h3.news-post-title a {
  color: black;
  text-decoration: none;
}
.social-feed-container .feed-posts-container .news-post .news-post-inner h3.news-post-title a:hover {
  color: var(--brand-blue);
}
.social-feed-container .feed-posts-container .news-post .news-post-inner h3.news-post-title:before {
  content: none;
}
.social-feed-container .feed-posts-container .news-post .news-post-inner .news-post-meta {
  margin: 0;
  font-size: 0.8rem;
}

.action-hero {
  min-height: 470px;
  max-height: 850px;
  background-color: var(--brand-navy);
  background-image: url("../images/action-center-hero-bg.jpeg");
  background-size: cover;
  color: white;
  text-align: center;
}
.action-hero .action-hero-inner {
  padding: 3rem 0;
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.action-hero h1 {
  text-transform: uppercase;
  margin: 0 0 0.1em 0;
}

.widgets {
  padding: 2rem 0;
}

.advocacy-actionwidget {
  border: none !important;
  box-shadow: none !important;
  padding: 1rem;
}

.action-center-links {
  text-align: center;
}

.action-center-link {
  color: white;
  font-size: 1.5em;
  margin: 0.5em 2em;
}

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