/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sanitize.css/sanitize.css ***!
  \******************************************************************************************************************/
/* Document
 * ========================================================================== */

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Backgrounds do not repeat by default (opinionated).
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  background-repeat: no-repeat; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Breaks words to prevent overflow in all browsers (opinionated).
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Remove the grey highlight on links in iOS (opinionated).
 * 6. Prevent adjustments of font size after orientation changes in iOS.
 */

:where(:root) {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  overflow-wrap: break-word; /* 3 */
  -moz-tab-size: 4; /* 4 */
  tab-size: 4; /* 4 */
  -webkit-tap-highlight-color: transparent; /* 5 */
  -webkit-text-size-adjust: 100%; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

:where(body) {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 */

:where(hr) {
  color: inherit; /* 1 */
  height: 0; /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */

:where(nav li)::before {
  content: "\200B";
  float: left;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */

:where(pre) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  overflow: auto; /* 3 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Add the correct text decoration in Safari.
 */

:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

:where(b, strong) {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

:where(code, kbd, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

:where(small) {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

:where(iframe) {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

:where(svg:not([fill])) {
  fill: currentColor;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

:where(table) {
  border-collapse: collapse; /* 1 */
  border-color: inherit; /* 2 */
  text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

:where(button, input, select) {
  margin: 0;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
  -webkit-appearance: button;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

:where(fieldset) {
  border: 1px solid #a0a0a0;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

:where(progress) {
  vertical-align: baseline;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 3. Change the resize direction in all browsers (opinionated).
 */

:where(textarea) {
  margin: 0; /* 1 */
  resize: vertical; /* 3 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

:where([type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct styles in Safari.
 */

:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in Safari.
 */

:where(details > summary:first-of-type) {
  display: list-item;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

:where([aria-busy="true" i]) {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

:where([aria-controls]) {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

:where([aria-disabled="true" i], [disabled]) {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

:where([aria-hidden="false" i][hidden]) {
  display: initial;
}

:where([aria-hidden="false" i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sanitize.css/forms.css ***!
  \***************************************************************************************************************/
/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Add typography inheritance in all browsers (opinionated).
 */

:where(button, input, select, textarea) {
  background-color: transparent; /* 1 */
  border: 1px solid WindowFrame; /* 1 */
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  letter-spacing: inherit; /* 2 */
  padding: 0.25em 0.375em; /* 1 */
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

:where(select) {
  appearance: none;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;
  border-radius: 0;
  padding-right: 1em;
}

/**
 * Don't show the arrow for multiple choice selects
 */

:where(select[multiple]) {
  background-image: none;
}

/**
 * Remove the border and padding in all browsers (opinionated).
 */

:where([type="color" i], [type="range" i]) {
  border-width: 0;
  padding: 0;
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sanitize.css/typography.css ***!
  \********************************************************************************************************************/
/**
 * Use the default user interface font in all browsers (opinionated).
 */

html {
  font-family:
    system-ui,
    /* macOS 10.11-10.12 */ -apple-system,
    /* Windows 6+ */ "Segoe UI",
    /* Android 4+ */ "Roboto",
    /* Ubuntu 10.10+ */ "Ubuntu",
    /* Gnome 3+ */ "Cantarell",
    /* KDE Plasma 5+ */ "Noto Sans",
    /* fallback */ sans-serif,
    /* macOS emoji */ "Apple Color Emoji",
    /* Windows emoji */ "Segoe UI Emoji",
    /* Windows emoji */ "Segoe UI Symbol",
    /* Linux emoji */ "Noto Color Emoji";
}

/**
 * Use the default monospace user interface font in all browsers (opinionated).
 */

code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    /* macOS 10.10+ */ "Menlo",
    /* Windows 6+ */ "Consolas",
    /* Android 4+ */ "Roboto Mono",
    /* Ubuntu 10.10+ */ "Ubuntu Monospace",
    /* KDE Plasma 5+ */ "Noto Mono",
    /* KDE Plasma 4+ */ "Oxygen Mono",
    /* Linux/OpenOffice fallback */ "Liberation Mono",
    /* fallback */ monospace,
    /* macOS emoji */ "Apple Color Emoji",
    /* Windows emoji */ "Segoe UI Emoji",
    /* Windows emoji */ "Segoe UI Symbol",
    /* Linux emoji */ "Noto Color Emoji";
}

/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sanitize.css/reduce-motion.css ***!
  \***********************************************************************************************************************/
/*
 * 1. Remove animations when motion is reduced (opinionated).
 * 2. Remove fixed background attachments when motion is reduced (opinionated).
 * 3. Remove timed scrolling behaviors when motion is reduced (opinionated).
 * 4. Remove transitions when motion is reduced (opinionated).
 */

@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-delay: -1ms !important; /* 1 */
    animation-duration: 1ms !important; /* 1 */
    animation-iteration-count: 1 !important; /* 1 */
    background-attachment: initial !important; /* 2 */
    scroll-behavior: auto !important; /* 3 */
    transition-delay: 0s !important; /* 4 */
    transition-duration: 0s !important; /* 4 */
  }
}

/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./src/scss/components/slick/slick-theme.css ***!
  \*********************************************************************************************************************/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    /*background: #fff url('./ajax-loader.gif') center center no-repeat;*/
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    /*src: url('./fonts/slick.eot');*/
    /*src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');*/
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[5]!./src/scss/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/**
 * Global
 *
 * Styles and mixins that are used throughout the website. Keep things logically
 * separated into concern-based filenames.
 * The order of these includes is important.
 **/
/**
 * Map names to colours
 * @type {[type]}
 */
.black-text {
  color: #000000 !important;
}

.black-bg {
  background-color: #000000 !important;
}
.black-bg.semi-trans {
  background-color: rgba(0, 0, 0, 0.95) !important;
}
.black-bg .darken {
  background-color: black !important;
}

.white-text {
  color: #ffffff !important;
}

.white-bg {
  background-color: #ffffff !important;
}
.white-bg.semi-trans {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.white-bg .darken {
  background-color: #f2f2f2 !important;
}

.grey-text {
  color: #bbbbbb !important;
}

.grey-bg {
  background-color: #bbbbbb !important;
}
.grey-bg.semi-trans {
  background-color: rgba(187, 187, 187, 0.95) !important;
}
.grey-bg .darken {
  background-color: #aeaeae !important;
}

.light_grey-text {
  color: #eeeeee !important;
}

.light_grey-bg {
  background-color: #eeeeee !important;
}
.light_grey-bg.semi-trans {
  background-color: rgba(238, 238, 238, 0.95) !important;
}
.light_grey-bg .darken {
  background-color: #e1e1e1 !important;
}

.red-text {
  color: #ee2e22 !important;
}

.red-bg {
  background-color: #ee2e22 !important;
}
.red-bg.semi-trans {
  background-color: rgba(238, 46, 34, 0.95) !important;
}
.red-bg .darken {
  background-color: #e51e12 !important;
}

.green-text {
  color: #879070 !important;
}

.green-bg {
  background-color: #879070 !important;
}
.green-bg.semi-trans {
  background-color: rgba(135, 144, 112, 0.95) !important;
}
.green-bg .darken {
  background-color: #7a8265 !important;
}

.dark_blue-text {
  color: #042c46 !important;
}

.dark_blue-bg {
  background-color: #042c46 !important;
}
.dark_blue-bg.semi-trans {
  background-color: rgba(4, 44, 70, 0.95) !important;
}
.dark_blue-bg .darken {
  background-color: #031d2e !important;
}

.light_blue-text {
  color: #55b4b3 !important;
}

.light_blue-bg {
  background-color: #55b4b3 !important;
}
.light_blue-bg.semi-trans {
  background-color: rgba(85, 180, 179, 0.95) !important;
}
.light_blue-bg .darken {
  background-color: #49a6a5 !important;
}

.blue-text {
  color: #3B82F6 !important;
}

.blue-bg {
  background-color: #3B82F6 !important;
}
.blue-bg.semi-trans {
  background-color: rgba(59, 130, 246, 0.95) !important;
}
.blue-bg .darken {
  background-color: #2372f5 !important;
}

/**
 * Retrieve colour from $colours map
 * @param  {string} $key [name of colour, as defined in $colours map]
 * @return hex colour
 */
/**
 * [Subtracts the border and padding from the width of the element.]
 */
/**
 * [scale description]
 * @param  {[int]} $zoom [The level of zoom you want on the element. eg: '1.1'.]
 */
/**
 * [Pass the angle you want the element to rotate. eg: 90deg. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Rotate and vertically align element within a relatively positioned element. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Rotate and horizontally align element within a relatively positioned element. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Vertically align element within a relatively positioned element.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will vertically center align the element.]
 */
/**
 * [Horizontally align element within a relatively positioned element.]
 * @param  {[percentage]} $leftPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 */
/**
 * [Horizontally and vertically align element within a relatively positioned element.]
 * @param  {[percentage]} $leftPos [Pass the horizontally position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 */
/**
 * [transition description]
 * @param  {[style]} $propertie [The style you want to animate. Defaults to 'all'.]
 * @param  {[int in seconds]} $time      [The speed at which you want the transition to take. Defaults to '0.3s'.]
 * @param  {[movement type]} $mode      [The type of movement you want eg: linear, ease, ease-in, ease-out. Defaults to 'linear'.]
 */
/**
 * Grid panels
 * Creates a grid of items that have a fixed height
 * @param $cols int = number of items per row
 * @param $col_gap percent = gap between items in each row (optional, defaults to 2%)
 * @param $row_gap percent = gap between row (optional, defaults to two times col_gap (4%))
 **/
/**
 * Ease between states
 * Use this to smooth hover/active/focus events
 **/
/**
 * Clearfix
 **/
/**
 * Multi-column
 * @param $cols int = number of columns to span
 * @param $sum int = total number of columns
 * @param $gap mixed = gap between items (optional, defaults to 1rem)
 **/
@font-face {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 300;
  src: url("/_resources/app/client/assets/fonts/Epilogue-Light.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Epilogue-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 400;
  src: url("/_resources/app/client/assets/fonts/Epilogue-Regular.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Epilogue-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 500;
  src: url("/_resources/app/client/assets/fonts/Epilogue-Medium.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Epilogue-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  src: url("/_resources/app/client/assets/fonts/Epilogue-SemiBold.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Epilogue-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  src: url("/_resources/app/client/assets/fonts/Epilogue-Bold.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Epilogue-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 800;
  src: url("/_resources/app/client/assets/fonts/Epilogue-ExtraBold.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Epilogue-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 300;
  src: url("/_resources/app/client/assets/fonts/Urbanist-Light.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Urbanist-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  src: url("/_resources/app/client/assets/fonts/Urbanist-Regular.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Urbanist-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 500;
  src: url("/_resources/app/client/assets/fonts/Urbanist-Medium.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Urbanist-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 600;
  src: url("/_resources/app/client/assets/fonts/Urbanist-SemiBold.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Urbanist-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 700;
  src: url("/_resources/app/client/assets/fonts/Urbanist-Bold.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Urbanist-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 800;
  src: url("/_resources/app/client/assets/fonts/Urbanist-ExtraBold.woff2") format("woff2"), url("/_resources/app/client/assets/fonts/Urbanist-ExtraBold.ttf") format("truetype");
}
html {
  font-size: 62.5%;
}

body {
  background-color: #f2f2f2;
  font-family: "Urbanist";
  font-size: 1.6em;
  font-weight: 400;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.u-container {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1500px;
  padding: 0 25px;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .u-container {
    padding: 0 60px;
  }
}
.u-container--full-width {
  max-width: none;
}
.u-container--no-padding {
  padding: 0;
}
.u-container--overflow {
  overflow: visible;
}
.u-container--not-relative {
  position: static;
}
.u-container--margin-bottom {
  margin-bottom: 120px;
}
.u-page-constrict .u-container {
  max-width: 966px;
  margin: 0;
}

.u-text {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
}
@media only screen and (min-width: 1024px) {
  .u-text {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
  }
}
.u-text--uppercase {
  text-transform: uppercase;
}
.u-text--emphasis {
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0;
}
@media only screen and (min-width: 1024px) {
  .u-text--emphasis {
    font-size: 18px;
  }
}
.u-text--no-padding {
  padding: 0;
}

.u-tags {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: normal;
  margin: 0;
  border-left: 3px solid #F7CE2E;
  color: #F7CE2E;
  display: flex;
  flex-direction: column;
  margin: 10px 0 0 0;
  padding: 7px 1em;
  text-transform: uppercase;
}
.u-tags--green {
  border-left: 3px solid #8CCEA8;
  color: #8CCEA8;
}
.u-tags--orange {
  border-left: 3px solid #F48423;
  color: black;
}

.u-page-flexed {
  display: flex;
  flex-wrap: wrap;
}

.u-wrapper {
  width: 100%;
}
.u-wrapper--has-sidebar {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
  .u-wrapper--has-sidebar {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1170px) {
  .u-wrapper--has-sidebar {
    width: 70%;
  }
}
.u-wrapper--constrict {
  max-width: 966px;
}
.u-wrapper--margin-bottom {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
  .u-wrapper--margin-bottom {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1170px) {
  .u-sidebar {
    margin-bottom: 40px;
    padding-left: 40px;
    width: 30%;
  }
}

.u-content {
  padding: 25px 0;
}
.u-content h1,
.u-content .style-h1 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  margin: 0;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .u-content h1,
.u-content .style-h1 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    margin: 0;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-content h1,
.u-content .style-h1 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: normal;
    margin: 0;
    margin-bottom: 32px;
  }
}
.u-content h2,
.u-content .style-h2 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .u-content h2,
.u-content .style-h2 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin: 0;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-content h2,
.u-content .style-h2 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    margin-bottom: 24px;
  }
}
.u-content h3,
.u-content .style-h3 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .u-content h3,
.u-content .style-h3 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-content h3,
.u-content .style-h3 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: normal;
    margin: 0;
    margin-bottom: 16px;
  }
}
.u-content h4,
.u-content .style-h4 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: normal;
  margin: 0;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .u-content h4,
.u-content .style-h4 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin: 0;
    margin-bottom: 16px;
  }
}
.u-content h5,
.u-content .style-h5 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  margin: 0;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .u-content h5,
.u-content .style-h5 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    margin-bottom: 8px;
  }
}
.u-content p {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .u-content p {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
  }
}
.u-content p:last-child {
  margin: 0;
}
.u-content blockquote {
  color: #68C2C1;
  max-width: 520px;
  padding: 0 55px;
  margin: 20px 0;
  position: relative;
}
.u-content blockquote:before {
  position: absolute;
  content: "";
  background-image: url(/_resources/app/client/assets/icons/StartQuote.svg);
  left: 0;
  top: 0;
  width: 100px;
  background-repeat: no-repeat;
  background-size: 75px;
  height: 100px;
}
@media only screen and (min-width: 768px) {
  .u-content blockquote:before {
    background-size: 100px;
  }
}
.u-content blockquote:after {
  position: absolute;
  content: "";
  background-image: url(/_resources/app/client/assets/icons/EndQuote.svg);
  right: 0;
  bottom: 0;
  width: 100px;
  background-repeat: no-repeat;
  background-size: 75px;
  height: 100px;
  background-position: bottom;
}
@media only screen and (min-width: 768px) {
  .u-content blockquote:after {
    background-size: 100px;
  }
}
.u-content blockquote p {
  font-size: 18px !important;
  font-weight: bold !important;
}
@media only screen and (min-width: 768px) {
  .u-content blockquote p {
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: normal;
  }
}
.u-content a {
  color: #3B82F6;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .u-content a {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-decoration: underline;
  }
}
.u-content .style-micro {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
}
@media only screen and (min-width: 768px) {
  .u-content .style-micro {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
  }
}
.u-content .style-sub {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .u-content .style-sub {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
  }
}
.u-content .text-left {
  text-align: left;
}
.u-content .text-center {
  text-align: center;
}
.u-content .text-right {
  text-align: right;
}
.u-content .text-justify {
  text-align: justify;
}
.u-content .image,
.u-content img {
  max-width: 100%;
  height: auto;
  display: block;
}
.u-content .image.left,
.u-content img.left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
.u-content .image.right,
.u-content img.right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
.u-content .image.center,
.u-content img.center {
  margin: auto;
  float: none;
  clear: both;
}
.u-content .image.rightAlone,
.u-content img.rightAlone {
  margin: auto 0 auto auto;
}
.u-content .embed {
  max-width: 100%;
  display: block;
}
.u-content .embed.left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
.u-content .embed.right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
.u-content .embed.center {
  margin: auto;
  float: none;
  clear: both;
}
.u-content .embed.rightAlone {
  margin: auto 0 auto auto;
}
.u-content ul {
  list-style-type: disc;
  padding-left: 20px;
}
.u-content ul li {
  margin-bottom: 4px;
}
.u-content ol {
  list-style-type: decimal;
  padding-left: 20px;
}
.u-content ul ul,
.u-content ol ul {
  list-style-type: circle;
  padding-left: 20px;
}
.u-content ol ol,
.u-content ul ol {
  list-style-type: lower-latin;
  padding-left: 20px;
}
.u-content table {
  margin: 10px 0;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #bbbbbb;
}
.u-content table tr {
  border-bottom: 1px solid #bbbbbb;
}
.u-content table tr th,
.u-content table tr td {
  text-align: left;
  padding: 4px 8px;
  vertical-align: top;
}
.u-content table tr th:not(:first-child),
.u-content table tr td:not(:first-child) {
  border-left: 1px solid #bbbbbb;
}
.u-content table tr th {
  font-weight: 600;
  background: #eeeeee;
  vertical-align: bottom;
}
.u-content strong {
  font-weight: bold;
}
.u-content strong a {
  font-weight: bold;
}
.u-content code {
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-left: 3px solid #ee2e22;
  color: #666;
  page-break-inside: avoid;
  font-family: monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1em 1.5em;
  display: block;
  word-wrap: break-word;
}
.u-content hr {
  border: 0;
  height: 1px;
  background: #bbb;
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  .u-content {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .u-content {
    padding: 50px 0;
  }
}
.u-content--small {
  padding: 20px 0;
}
.u-content--no-pad {
  padding: 0;
}

.u-content__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  margin: 0;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .u-content__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    margin: 0;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-content__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: normal;
    margin: 0;
    margin-top: 15px;
  }
}

.u-content__subtitle {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .u-content__subtitle {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .u-content__subtitle {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: normal;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 40px;
  }
}

.u-content__introduction {
  font-size: 20px;
}

.u-no-scroll {
  overflow: hidden !important;
}

.u-gutter {
  padding-left: 25px;
  padding-right: 25px;
}

.u-hide {
  display: none;
}

.u-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: right;
}

.u-text-center {
  text-align: center;
}

.u-text-justify {
  text-align: justify;
}

.u-cf::after {
  content: "";
  clear: both;
  display: block;
}

.u-h1 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .u-h1 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .u-h1 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: normal;
    margin: 0;
  }
}

.u-h2 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .u-h2 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .u-h2 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
  }
}

.u-h3 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .u-h3 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .u-h3 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: normal;
    margin: 0;
  }
}

.u-divider {
  border-bottom: 2px solid #e0e0e0;
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  .u-divider {
    margin: 30px 0;
  }
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  border: 0;
}

/**
 * Self-contained components
 *
 * Any significant component that is reused throughout the site. Typically these would have
 * a matching template (ie Includes/{COMPONENT_NAME}), and js (ie js/{COMPONENT_NAME}).
 **/
.c-form {
  /**
  * Removes iOS default styling
  *
  * Targets all necessary inputs and removes the blue underline for phone numbers
  **/
}
.c-form input,
.c-form select,
.c-form textarea,
.c-form option,
.c-form button {
  border: 1px solid #bbbbbb;
  box-sizing: border-box;
  padding: 10px 16px;
  width: 100%;
}
.c-form input:focus, .c-form input:active,
.c-form select:focus,
.c-form select:active,
.c-form textarea:focus,
.c-form textarea:active,
.c-form option:focus,
.c-form option:active,
.c-form button:focus,
.c-form button:active {
  border-color: #000000;
}
.c-form .field {
  padding-bottom: 15px;
}
.c-form .field label {
  display: block;
  padding-bottom: 4px;
}
.c-form .field .checkbox > div {
  display: flex;
  align-items: center;
  justify-content: start;
}
.c-form .field .checkbox > div input {
  width: auto;
}
.c-form .field .checkbox > div label {
  padding-left: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.c-form .field--fixed-height .middleColumn {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px;
  background-color: #ffffff;
  margin-bottom: 15px;
}
.c-form .field--cms-styles .middleColumn h1,
.c-form .field--cms-styles .middleColumn .style-h1 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  margin: 0;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn h1,
.c-form .field--cms-styles .middleColumn .style-h1 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    margin: 0;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-form .field--cms-styles .middleColumn h1,
.c-form .field--cms-styles .middleColumn .style-h1 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: normal;
    margin: 0;
    margin-bottom: 32px;
  }
}
.c-form .field--cms-styles .middleColumn h2,
.c-form .field--cms-styles .middleColumn .style-h2 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn h2,
.c-form .field--cms-styles .middleColumn .style-h2 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin: 0;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-form .field--cms-styles .middleColumn h2,
.c-form .field--cms-styles .middleColumn .style-h2 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    margin-bottom: 24px;
  }
}
.c-form .field--cms-styles .middleColumn h3,
.c-form .field--cms-styles .middleColumn .style-h3 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn h3,
.c-form .field--cms-styles .middleColumn .style-h3 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-form .field--cms-styles .middleColumn h3,
.c-form .field--cms-styles .middleColumn .style-h3 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: normal;
    margin: 0;
    margin-bottom: 16px;
  }
}
.c-form .field--cms-styles .middleColumn h4,
.c-form .field--cms-styles .middleColumn .style-h4 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: normal;
  margin: 0;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn h4,
.c-form .field--cms-styles .middleColumn .style-h4 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin: 0;
    margin-bottom: 16px;
  }
}
.c-form .field--cms-styles .middleColumn h5,
.c-form .field--cms-styles .middleColumn .style-h5 {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  margin: 0;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn h5,
.c-form .field--cms-styles .middleColumn .style-h5 {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    margin-bottom: 8px;
  }
}
.c-form .field--cms-styles .middleColumn p {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn p {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
  }
}
.c-form .field--cms-styles .middleColumn p:last-child {
  margin: 0;
}
.c-form .field--cms-styles .middleColumn blockquote {
  color: #68C2C1;
  max-width: 520px;
  padding: 0 55px;
  margin: 20px 0;
  position: relative;
}
.c-form .field--cms-styles .middleColumn blockquote:before {
  position: absolute;
  content: "";
  background-image: url(/_resources/app/client/assets/icons/StartQuote.svg);
  left: 0;
  top: 0;
  width: 100px;
  background-repeat: no-repeat;
  background-size: 75px;
  height: 100px;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn blockquote:before {
    background-size: 100px;
  }
}
.c-form .field--cms-styles .middleColumn blockquote:after {
  position: absolute;
  content: "";
  background-image: url(/_resources/app/client/assets/icons/EndQuote.svg);
  right: 0;
  bottom: 0;
  width: 100px;
  background-repeat: no-repeat;
  background-size: 75px;
  height: 100px;
  background-position: bottom;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn blockquote:after {
    background-size: 100px;
  }
}
.c-form .field--cms-styles .middleColumn blockquote p {
  font-size: 18px !important;
  font-weight: bold !important;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn blockquote p {
    font-size: 25px !important;
    font-weight: bold !important;
    line-height: normal;
  }
}
.c-form .field--cms-styles .middleColumn a {
  color: #3B82F6;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn a {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-decoration: underline;
  }
}
.c-form .field--cms-styles .middleColumn .style-micro {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn .style-micro {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
  }
}
.c-form .field--cms-styles .middleColumn .style-sub {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .c-form .field--cms-styles .middleColumn .style-sub {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
  }
}
.c-form .field--cms-styles .middleColumn .text-left {
  text-align: left;
}
.c-form .field--cms-styles .middleColumn .text-center {
  text-align: center;
}
.c-form .field--cms-styles .middleColumn .text-right {
  text-align: right;
}
.c-form .field--cms-styles .middleColumn .text-justify {
  text-align: justify;
}
.c-form .field--cms-styles .middleColumn .image,
.c-form .field--cms-styles .middleColumn img {
  max-width: 100%;
  height: auto;
  display: block;
}
.c-form .field--cms-styles .middleColumn .image.left,
.c-form .field--cms-styles .middleColumn img.left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
.c-form .field--cms-styles .middleColumn .image.right,
.c-form .field--cms-styles .middleColumn img.right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
.c-form .field--cms-styles .middleColumn .image.center,
.c-form .field--cms-styles .middleColumn img.center {
  margin: auto;
  float: none;
  clear: both;
}
.c-form .field--cms-styles .middleColumn .image.rightAlone,
.c-form .field--cms-styles .middleColumn img.rightAlone {
  margin: auto 0 auto auto;
}
.c-form .field--cms-styles .middleColumn .embed {
  max-width: 100%;
  display: block;
}
.c-form .field--cms-styles .middleColumn .embed.left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
.c-form .field--cms-styles .middleColumn .embed.right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
.c-form .field--cms-styles .middleColumn .embed.center {
  margin: auto;
  float: none;
  clear: both;
}
.c-form .field--cms-styles .middleColumn .embed.rightAlone {
  margin: auto 0 auto auto;
}
.c-form .field--cms-styles .middleColumn ul {
  list-style-type: disc;
  padding-left: 20px;
}
.c-form .field--cms-styles .middleColumn ul li {
  margin-bottom: 4px;
}
.c-form .field--cms-styles .middleColumn ol {
  list-style-type: decimal;
  padding-left: 20px;
}
.c-form .field--cms-styles .middleColumn ul ul,
.c-form .field--cms-styles .middleColumn ol ul {
  list-style-type: circle;
  padding-left: 20px;
}
.c-form .field--cms-styles .middleColumn ol ol,
.c-form .field--cms-styles .middleColumn ul ol {
  list-style-type: lower-latin;
  padding-left: 20px;
}
.c-form .field--cms-styles .middleColumn table {
  margin: 10px 0;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #bbbbbb;
}
.c-form .field--cms-styles .middleColumn table tr {
  border-bottom: 1px solid #bbbbbb;
}
.c-form .field--cms-styles .middleColumn table tr th,
.c-form .field--cms-styles .middleColumn table tr td {
  text-align: left;
  padding: 4px 8px;
  vertical-align: top;
}
.c-form .field--cms-styles .middleColumn table tr th:not(:first-child),
.c-form .field--cms-styles .middleColumn table tr td:not(:first-child) {
  border-left: 1px solid #bbbbbb;
}
.c-form .field--cms-styles .middleColumn table tr th {
  font-weight: 600;
  background: #eeeeee;
  vertical-align: bottom;
}
.c-form .field--cms-styles .middleColumn strong {
  font-weight: bold;
}
.c-form .field--cms-styles .middleColumn strong a {
  font-weight: bold;
}
.c-form .field--cms-styles .middleColumn code {
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-left: 3px solid #ee2e22;
  color: #666;
  page-break-inside: avoid;
  font-family: monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1em 1.5em;
  display: block;
  word-wrap: break-word;
}
.c-form .field--cms-styles .middleColumn hr {
  border: 0;
  height: 1px;
  background: #bbb;
  margin: 20px 0;
}
.c-form input[type=submit] {
  background: #3B82F6;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  padding: 10px 30px;
  text-decoration: none;
  width: auto;
}
.c-form input[type=submit]:hover {
  background: #0b63f3;
}
.c-form .message.error {
  margin-top: 5px;
  color: #ee2e22;
  font-weight: bold;
}
.c-form button,
.c-form textarea,
.c-form input.text,
.c-form input[type=text],
.c-form input[type=button],
.c-form input[type=submit],
.c-form .input-checkbox {
  -webkit-appearance: none;
  border-radius: 0;
}
.c-form a[href^=tel] {
  color: inherit;
  text-decoration: none;
}
.c-form ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-form :-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-form ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-form :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-form legend {
  font-weight: 700;
}
.c-form .requiredField > label::after {
  content: " (Required)";
  opacity: 0.25;
}
.c-form .userformsoptionset .middleColumn {
  display: flex;
}
.c-form .userformsoptionset .middleColumn > div {
  width: auto;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.c-form .userformsoptionset .middleColumn > div input {
  width: auto;
  margin-right: 10px;
}
.c-form .form-group__grid > .middleColumn {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 30px;
}
.c-form .form-group--no-border {
  border: none;
}
.c-form .form-group--no-border legend {
  padding: 0;
}
.c-form .form-group--no-spacing {
  padding: 8px 0 0 0;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .c-form .form-group {
    grid-template-columns: 1fr;
  }
  .c-form .form-group .span-1,
.c-form .form-group .span-2,
.c-form .form-group .span-3,
.c-form .form-group .span-4,
.c-form .form-group .span-5,
.c-form .form-group .span-6,
.c-form .form-group .span-7,
.c-form .form-group .span-8,
.c-form .form-group .span-9,
.c-form .form-group .span-10,
.c-form .form-group .span-11,
.c-form .form-group .span-12 {
    grid-column: span 1;
  }
}
.c-form .span-1 {
  grid-column: span 1;
}
.c-form .span-2 {
  grid-column: span 2;
}
.c-form .span-3 {
  grid-column: span 3;
}
.c-form .span-4 {
  grid-column: span 4;
}
.c-form .span-5 {
  grid-column: span 5;
}
.c-form .span-6 {
  grid-column: span 6;
}
.c-form .span-7 {
  grid-column: span 7;
}
.c-form .span-8 {
  grid-column: span 8;
}
.c-form .span-9 {
  grid-column: span 9;
}
.c-form .span-10 {
  grid-column: span 10;
}
.c-form .span-11 {
  grid-column: span 11;
}
.c-form .span-12 {
  grid-column: span 12;
}

.c-menu {
  background-color: #042C46;
}
.c-menu.active {
  right: 0;
  transition: all 300ms ease-in-out;
  visibility: visible;
}
@media only screen and (max-width: 1169px) {
  .c-menu {
    height: 100%;
    overflow-x: hidden;
    padding: 0 20px;
    padding-bottom: 40px;
    position: fixed;
    right: -1500px;
    top: 0;
    transition: 0.5s;
    visibility: hidden;
    width: 50%;
    z-index: 100;
  }
}
@media only screen and (max-width: 1023px) {
  .c-menu {
    width: 70%;
  }
}
@media only screen and (max-width: 567px) {
  .c-menu {
    width: 100%;
  }
}

.c-menu__top-items {
  border-bottom: 3px solid white;
  display: flex;
  flex-direction: row;
  padding: 30px 0;
}
@media only screen and (max-width: 1169px) {
  .c-menu__top-items {
    align-items: flex-start;
    border-bottom: none;
    flex-direction: column;
  }
}

.c-menu__top-item {
  align-self: center;
  display: flex;
  flex: 1;
  justify-content: center;
}
.c-menu__top-item--login {
  align-self: flex-start;
}
@media only screen and (max-width: 1169px) {
  .c-menu__top-item {
    align-self: flex-start;
  }
}

.c-menu__top-logo {
  width: 200px;
}
@media only screen and (max-width: 1169px) {
  .c-menu__top-logo {
    width: 180px;
  }
}

@media only screen and (max-width: 1169px) {
  .c-menu__top-item:first-child {
    order: 2;
    padding-top: 20px;
  }
}

.c-menu__top-item:first-child > span {
  margin-right: auto;
}

.c-menu__top-item:last-child > span {
  margin-left: auto;
}
@media only screen and (max-width: 1169px) {
  .c-menu__top-item:last-child > span {
    display: none;
  }
}

.c-menu__top-links {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1169px) {
  .c-menu__top-links {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media only screen and (max-width: 1169px) {
  nav li::before {
    content: none;
  }
}

.c-menu__item {
  color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}
@media only screen and (max-width: 1169px) {
  .c-menu__item {
    border-left: 2px solid white;
    margin: 10px 0;
    padding: 0 0 0 10px;
    width: 100%;
  }
}
.c-menu__item:nth-child(2) {
  padding-left: 0;
}
@media only screen and (max-width: 1169px) {
  .c-menu__item:nth-child(2) {
    padding: 0 0 0 10px;
  }
}
.c-menu__item:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 1169px) {
  .c-menu__item:last-child {
    padding: 0 0 0 10px;
  }
}
.c-menu__item:last-child .c-menu__submenu {
  left: -40px;
}
@media only screen and (max-width: 1169px) {
  .c-menu__item:last-child .c-menu__submenu {
    left: 0;
  }
}
.c-menu__item--link:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 1169px) {
  .c-menu__item--link:first-child {
    padding: 0 0 0 10px;
  }
}

.c-login {
  color: #859AA7;
  text-decoration: underline;
}

.c-login__icon {
  padding-bottom: 4px;
  padding-left: 5px;
}

.c-menu__item-link {
  display: block;
  font-size: 18px;
  font-weight: 800;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1169px) {
  .c-menu__item-link {
    width: 70%;
  }
}

.c-menu__item-link__sub {
  font-size: 16px;
  font-weight: 400;
}

.c-menu__link {
  text-decoration: none;
}

.c-menu__submenu {
  background-color: #042C46;
  display: none;
  padding: 20px 10px 0 20px;
  position: absolute;
  top: 72px;
  width: 207px;
  z-index: 99;
}
@media only screen and (max-width: 1169px) {
  .c-menu__submenu {
    position: relative;
    top: 0;
  }
}
.c-menu__submenu .c-menu__item-link {
  display: block;
  height: 100%;
  width: 100%;
}

.c-menu__submenu-get-help {
  display: block;
  height: 100%;
  padding-top: 10px;
  width: 100%;
}

.c-menu__submenu-get-help-text {
  align-items: center;
  color: #68C2C1;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  justify-content: center;
}
.c-menu__submenu-get-help-text span {
  color: white;
  font-weight: normal;
}

.c-menu__submenu-link {
  border-left: 2px solid white;
  margin: 10px 0;
  padding: 0 0 0 10px;
}
@media only screen and (max-width: 1169px) {
  .c-menu__submenu-link--no-border-mobile {
    border-left: none;
  }
}

.c-menu-bar__mobile {
  background-color: pink;
  height: 100px;
}

.c-side-nav-background {
  background-color: #58595B;
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0.5;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
}
.c-side-nav-background.active {
  display: block;
}

.menu_arrow {
  display: none;
  position: absolute;
  right: 0;
  width: 75px;
  z-index: 15;
  padding: 20px;
}
@media only screen and (max-width: 1169px) {
  .menu_arrow {
    display: block;
  }
}
.menu_arrow:after {
  transition: all 0.2s linear;
  border-bottom: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  content: "";
  height: 8px;
  position: absolute;
  width: 8px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.c-menu__item--has-children.active .menu_arrow:after {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.c-donate-panel {
  max-width: 440px;
}
@media only screen and (min-width: 768px) {
  .c-donate-panel--absolute {
    position: absolute;
    padding: inherit;
    bottom: 0;
    left: 0;
    max-width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .c-donate-panel--absolute {
    bottom: -70px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-donate-panel--absolute {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1169px) {
  .c-donate-panel {
    margin-top: 20px;
  }
}

.c-donate-panel__heading {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  padding: 15px 0;
}
@media only screen and (min-width: 768px) {
  .c-donate-panel__heading {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin: 0;
    padding: 18px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .c-donate-panel__heading {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    padding: 30px 0;
  }
}

.c-donate-form-error {
  margin-top: 10px;
  padding: 10px 0;
  background-color: #f2dede;
  border-radius: 3px;
  color: #a94442;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .c-donate-form-error {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-donate-form-error {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) {
  .NewsSection .filter__form {
    margin-bottom: 1em;
  }
}
.NewsSection .filter__form fieldset {
  border: 0;
  position: relative;
  padding: 0;
}
.NewsSection .filter__form .field.checkboxset {
  display: block;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .NewsSection .filter__form .field.checkboxset {
    display: inline-block;
  }
}
.NewsSection .filter__form ul.optionset {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .NewsSection .filter__form ul.optionset {
    padding: 2em 0;
  }
}
.NewsSection .filter__form ul.optionset li {
  display: inline-block;
  list-style-type: none;
  margin-bottom: 4px;
}
.NewsSection .filter__form ul.optionset input {
  display: none;
}
.NewsSection .filter__form ul.optionset label {
  border-bottom: 1px solid #40494F;
  color: #40494F;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0.5em 0.3em 0;
  padding: 0.4em;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .NewsSection .filter__form ul.optionset label {
    padding: 0.4em 0.8em;
  }
}
.NewsSection .filter__form ul.optionset label.selected {
  border: 1px solid #40494F;
}
.NewsSection .filter__form .filter__clear {
  border-bottom: 1px solid #40494F;
  color: #40494F;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0.5em 0.3em 0;
  padding: 0.4em;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .NewsSection .filter__form .filter__clear {
    float: none;
    padding: 0.4em 0.8em;
  }
}
.NewsSection .filter__form .filter__clear:hover {
  text-decoration: underline;
}

.articles__all {
  margin: 0 -20px;
}
@media only screen and (min-width: 1024px) {
  .articles__all {
    margin: 0;
  }
}

.article-summary {
  box-sizing: border-box;
  padding: 10px 20px;
  width: 100%;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .article-summary {
    padding: 20px;
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .article-summary {
    width: 33.33%;
  }
}
@media only screen and (min-width: 1024px) {
  .article-summary--featured {
    width: 50%;
  }
}
@media only screen and (min-width: 1170px) {
  .article-summary--featured {
    padding: 0;
    width: auto;
  }
}
.article-summary--featured-main {
  width: auto;
}
@media only screen and (min-width: 1170px) {
  .article-summary--featured-main {
    padding: 0;
    width: auto;
  }
}

.c-play-image {
  width: 120px;
}
.c-play-image svg {
  fill: #fff;
  opacity: 0.8;
}

.article-summary__inner {
  background-color: #F2F2F2;
}

.article-summary__image {
  align-items: center;
  display: flex;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 225px;
  justify-content: center;
  width: 100%;
}
.article-summary__image--featured {
  height: 550px;
}
@media only screen and (max-width: 1499px) {
  .article-summary__image--featured {
    height: 350px;
  }
}
@media only screen and (max-width: 1023px) {
  .article-summary__image--featured {
    height: 225px;
  }
}

.article-summary__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}

.article-summary__tags {
  display: flex;
  flex: 1;
}

.article-summary__tag {
  color: #F7CE2E;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .article-summary__tag {
    font-size: 18px;
  }
}
.article-summary__tag--green {
  color: #8CCEA8;
}

.article-summary__date {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .article-summary__date {
    font-size: 18px;
  }
}

.article-summary__content {
  border-left: 3px solid #F7CE2E;
  margin: 1em 0;
  padding: 0 1em;
}
.article-summary__content--green {
  border-left: 3px solid #8CCEA8;
}

.article-summary__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  margin-bottom: 1em;
}
@media only screen and (min-width: 1024px) {
  .article-summary__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin: 0;
  }
}
.article-summary__title a {
  text-decoration: none;
}
.article-summary__intro {
  font-size: 16px;
}
@media only screen and (min-width: 1024px) {
  .article-summary__intro {
    font-size: 20px;
  }
}

.article-summary__link {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 1em;
}

.c-articles-top {
  border-bottom: 1px solid #9F9F9F;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1170px) {
  .c-articles-top {
    display: flex;
  }
}

@media only screen and (min-width: 1170px) {
  .c-articles__featured {
    width: 60%;
  }
}

.c-articles__featured-side {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1170px) {
  .c-articles__featured-side {
    flex-direction: column;
    padding-left: 80px;
    width: 40%;
  }
}

.c-artcles-bottom {
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
}

.c-artcle-page__image-wrapper {
  height: 0;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.c-artcle-page__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

.article-page__details {
  display: flex;
  justify-content: space-between;
}

.article-page__tag-date {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: normal;
  margin: 0;
  color: black;
  padding-top: 10px;
}

.c-social-share {
  padding: 20px 0;
  display: flex;
  align-items: center;
}

.c-social-share__link {
  padding-left: 25px;
}
.c-social-share__link--first-desktop {
  padding-left: 0;
}
@media only screen and (max-width: 1023px) {
  .c-social-share__link--first {
    padding-left: 0;
  }
}

.c-sign-up-banner {
  color: white;
  background-color: #042C46;
}

.c-sign-up-banner__items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: auto;
  padding: 40px 0;
}
@media only screen and (max-width: 1023px) {
  .c-sign-up-banner__items {
    align-items: flex-start;
    flex-direction: column-reverse;
    padding: 20px 0;
  }
}

@media only screen and (max-width: 1023px) {
  .c-sign-up-banner__item {
    width: 100%;
    margin: 30px auto auto;
  }
}
.c-sign-up-banner__item--social {
  margin: 0 -10px;
}
@media only screen and (max-width: 1023px) {
  .c-sign-up-banner__item--social {
    margin: 0;
  }
}
.c-sign-up-banner__item--form {
  padding-left: 100px;
}
@media only screen and (max-width: 1023px) {
  .c-sign-up-banner__item--form {
    padding: 0;
  }
}
.c-sign-up-banner__text {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
}

.c-sign-up-banner__actions {
  display: flex;
  margin: 0 -20px;
  margin-left: auto;
}
@media only screen and (max-width: 1023px) {
  .c-sign-up-banner__actions {
    justify-content: space-between;
    margin: 0 0 0 auto;
  }
}

.c-sign-up-banner__action {
  margin: 0 20px;
}
@media only screen and (max-width: 1023px) {
  .c-sign-up-banner__action {
    margin: 0;
  }
}

.c-sign-up-banner__thanks {
  display: none;
  margin-top: 15px;
}

.c-footer {
  position: relative;
}

.c-footer__heading {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.c-footer__heading--click:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.c-footer__heading--no-pad {
  padding-bottom: 0;
}

.c-footer__link {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  font-size: 16px;
  padding-bottom: 7px;
  text-decoration: none;
}
.c-footer__link:hover {
  opacity: 0.8;
  font-weight: bold;
}

.c-footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 40px 0;
  padding-bottom: 70px;
  width: 100%;
  margin: 0 -20px;
}
@media only screen and (min-width: 460px) {
  .c-footer-content {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .c-footer-content {
    width: 80%;
  }
}
@media only screen and (min-width: 1024px) {
  .c-footer-content {
    width: 70%;
  }
}
@media only screen and (min-width: 1170px) {
  .c-footer-content {
    width: 77%;
  }
}

.c-footer-content__items {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 20px;
}
@media only screen and (min-width: 460px) {
  .c-footer-content__items {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .c-footer-content__items {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .c-footer-content__items {
    width: 25%;
  }
}
@media only screen and (max-width: 1499px) {
  .c-footer-content__items {
    margin-bottom: 20px;
  }
}
.c-footer-content__items a:hover {
  opacity: 0.8;
  font-weight: bold;
}

.c-footer-content__get-help {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  align-items: center;
  background-color: #68C2C1;
  color: white;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px;
  max-width: 170px;
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.c-footer-content__get-help:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07), 0 7px 7px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.c-footer-bottom {
  background-color: black;
  padding: 0 50px;
}
@media only screen and (max-width: 1169px) {
  .c-footer-bottom {
    padding: 0 25px;
  }
}

.c-footer-bottom__items {
  align-items: flex-end;
  display: flex;
  padding: 30px 0;
}
@media only screen and (max-width: 1023px) {
  .c-footer-bottom__items {
    align-items: flex-start;
  }
}

.c-footer-bottom__item {
  color: white;
  display: flex;
  flex: 1;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 1169px) {
  .c-footer-bottom__item {
    flex-direction: column;
  }
}
@media only screen and (max-width: 567px) {
  .c-footer-bottom__item {
    margin-bottom: 20px;
  }
}
.c-footer-bottom__item--flexed {
  justify-content: space-between;
}

.c-footer-bottom__item:first-child > span {
  margin-right: auto;
}

.c-footer-bottom__item:last-child > span {
  margin-left: auto;
}

@media only screen and (max-width: 1023px) {
  .c-footer__copy {
    display: none;
  }
}
.c-footer__copy--small-screen {
  display: none;
  margin-top: 30px;
}
@media only screen and (max-width: 1023px) {
  .c-footer__copy--small-screen {
    display: block;
  }
}

.c-footer-bottom__image-container {
  box-sizing: border-box;
  position: relative;
}

.c-footer-bottom__image {
  bottom: 0;
  position: absolute;
  right: 65px;
  width: 66%;
  z-index: -1;
}

.c-footer-bottom__logo {
  width: 200px;
}
@media only screen and (max-width: 567px) {
  .c-footer-bottom__logo {
    width: 150px;
  }
}
@media only screen and (max-width: 459px) {
  .c-footer-bottom__logo {
    width: 100px;
  }
}

.c-button {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  align-items: center;
  background-color: #EE2E22;
  color: white;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 8px;
  text-transform: uppercase;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  width: 145px;
}
@media only screen and (min-width: 768px) {
  .c-button {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 21px;
    padding: 10px;
    width: 170px;
  }
}
.c-button--blue {
  background-color: #68C2C1;
}
.c-button--black-text {
  color: black;
}
.c-button--small {
  font-size: 14px;
  padding: 5px 7px;
  width: 110px;
  margin-top: 5px;
}
.c-button:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07), 0 7px 7px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.readmore {
  transition: all 0.3s linear;
  display: flex;
}

.arrow_link .expand_arrow {
  display: block;
  margin-left: 10px;
  margin-top: 2px;
  transition: all 0.3s linear;
  position: relative;
  width: 8%;
}
.arrow_link .expand_arrow:before {
  background-color: #000000;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 100%;
}
.arrow_link .expand_arrow:after {
  border-bottom: solid 2px #000000;
  border-right: solid 2px #000000;
  content: "";
  height: 8px;
  position: absolute;
  right: 0;
  top: 7px;
  width: 8px;
  transform: rotate(-45deg);
}
.arrow_link:hover .expand_arrow {
  width: 12%;
}
.arrow_link:hover .tile_link_text {
  padding-left: 13%;
}
.arrow_link .expand_arrow--no-margin {
  margin-top: 0;
}
.arrow_link .expand_arrow--orange:before {
  background-color: #F48423;
}
.arrow_link .expand_arrow--orange:after {
  border-bottom: solid 2px #F48423;
  border-right: solid 2px #F48423;
}

.c-button-action {
  border-bottom: 7px solid #EE2E22;
  box-shadow: inset 0 0 0 0 #EE2E22;
  color: white;
  display: flex;
  font-size: 18px;
  font-weight: 800;
  justify-content: center;
  padding: 15px 0 6px 0;
  transition: all 0.9s ease;
  width: 160px;
}
@media only screen and (max-width: 1023px) {
  .c-button-action {
    width: 140px;
  }
}
.c-button-action:hover {
  box-shadow: inset 0 -210px 0 0 #EE2E22;
}
.c-button-action--green {
  border-bottom: 7px solid #878F71;
  box-shadow: inset 0 0 0 0 #878F71;
}
.c-button-action--green:hover {
  box-shadow: inset 0 -210px 0 0 #878F71;
}

.c-button-action__logo {
  padding-bottom: 5px;
  padding-left: 10px;
}

.c-line {
  background-color: #EE2E22;
  height: 5px;
  width: 75px;
}
.c-line--green {
  background-color: #74B991;
}
.c-line--grey {
  background-color: #9F9F9F;
}
.c-line--yellow {
  background-color: #F7CE2E;
}
.c-line--orange {
  background-color: #F48423;
}
.c-line--blue {
  background-color: #042C46;
}
.c-line--light-blue {
  background-color: #68C2C1;
}

.c-breadcrumbs {
  padding: 30px 0;
}

.c-join-us-panel {
  border-bottom: 5px solid #879070;
  border-top: 5px solid #879070;
  display: block;
  margin: 25px 0;
  padding: 10px 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .c-join-us-panel {
    margin: 50px 0;
  }
}

.c-join-us-panel__header {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  color: #40494F;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .c-join-us-panel__header {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .c-join-us-panel__header {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
  }
}

.c-join-us-panel__text {
  padding: 0;
  padding-top: 10px;
}

.c-featured-club {
  background-color: grey;
  display: block;
  height: 290px;
  position: relative;
  width: 100%;
}

.c-featured-club__button {
  bottom: -20px;
  margin: 0;
  position: absolute;
  right: 0;
}

.c-more-news {
  border-top: 1px solid #9F9F9F;
  margin-top: 40px;
  padding: 30px 0 0;
}
@media only screen and (min-width: 768px) {
  .c-more-news {
    padding-bottom: 30px;
  }
}

.c-more-news__header {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.c-more-news__heading {
  font-weight: 700;
  padding-top: 20px;
}
@media only screen and (max-width: 567px) {
  .c-more-news__heading {
    padding-bottom: 20px;
  }
}

.c-more-news__link-all {
  color: #40494F;
  width: 200px;
}
.c-more-news__link-all--long {
  width: 258px;
}
.c-more-news__link-all .expand_arrow {
  margin-top: -2px;
}

.c-more-news__items {
  display: flex;
  margin: 0 -20px;
  margin-top: 10px;
  padding-top: 25px;
}

.slick-dots {
  left: 0;
  padding-left: 20px;
  text-align: left;
  top: 0;
  width: 200px;
  height: 10px;
}
@media only screen and (min-width: 768px) {
  .slick-dots {
    width: 150px;
  }
}
.slick-dots .slick-active button {
  background-color: #9F9F9F;
}

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

.slick-dots li button {
  background-color: transparent;
  border: 2px solid #9F9F9F;
  border-radius: 10px;
  height: 15px;
  width: 15px;
}

.slick-dots li button:before {
  font-size: 0;
}

.hamburger-icon-container {
  border: none;
  position: relative;
  width: 30px;
  height: 40px;
  cursor: pointer;
  margin-right: 10px;
  z-index: 101;
  text-align: left;
}

.hamburger-icon {
  transform: translateY(-50%); /* center centerpoint of icon-element in container*/
}

.hamburger-icon,
.hamburger-icon:before,
.hamburger-icon:after {
  position: absolute;
  width: 100%;
  height: 3px;
  content: "";
  transition: all 0.2s ease;
  border-radius: 2px;
  background: white;
}

.hamburger-icon {
  top: 50%;
  left: 0;
}

.hamburger-icon:before {
  top: -300%;
}

.hamburger-icon:after {
  top: 300%;
  height: 3px;
}

.hamburger-active {
  overflow-y: hidden;
}
.hamburger-active .hamburger-icon-container {
  position: relative;
}
.hamburger-active .hamburger-icon {
  transform: rotate(45deg) translate(-3px, -3px); /* translate to raise cross to optically centered position*/
}

.hamburger-active .hamburger-icon:before,
.hamburger-active .hamburger-icon:after {
  top: 0;
}

.hamburger-active .hamburger-icon:before {
  transform: rotate(90deg);
}

@media only screen and (max-width: 1169px) {
  .c-header {
    height: 80px;
    background-color: #042C46;
    display: flex;
    align-items: center;
  }
}

.c-header__items {
  display: none;
}
@media only screen and (max-width: 1169px) {
  .c-header__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.c-header__items-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.c-header__donate {
  margin-right: 2em;
}

.c-header__donate .c-button-action {
  padding: 8px 0 0px 0;
  border-width: 5px;
}

.c-header__logo img {
  width: 100px;
}

.c-event-facts {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: normal;
  margin: 0;
  border-left: #F48423 5px solid;
  padding-left: 20px;
}
@media only screen and (min-width: 460px) {
  .c-event-facts {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin: 0;
  }
}

.c-event-facts__title {
  color: #40494F;
  display: inline-block;
  width: 120px;
}
@media only screen and (min-width: 460px) {
  .c-event-facts__title {
    width: 170px;
  }
}

.c-events-filter-form {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .c-events-filter-form {
    justify-content: flex-end;
  }
}
.c-events-filter-form fieldset {
  border: none;
  display: flex;
  padding: 0;
}
.c-events-filter-form select {
  border: none;
  border-bottom: 2px solid black;
  width: 130px;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  .c-events-filter-form select {
    width: 200px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-events-filter-form select {
    width: 400px;
    margin-right: 40px;
  }
}
.c-events-filter-form select:focus-visible {
  outline: none;
}
.c-events-filter-form select:not([multiple]):not([size]) {
  background-image: url("/_resources/app/client/assets/icons/DropdownArrow.svg");
}
.c-events-filter-form .middleColumn:focus-visible {
  outline: none;
}
.c-events-filter-form option {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
}

.c-events {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  padding-top: 50px;
}

.c-event-month {
  padding: 5px 20px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .c-event-month {
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-event-month {
    padding: 20px;
  }
}

.c-event-month__title-holder {
  align-items: center;
  border-bottom: 1px solid #9F9F9F;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1169px) {
  .c-event-month__title-holder {
    padding-bottom: 10px;
  }
}
.c-event-month__title-holder.c-accordion {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.c-event-month__title-holder.c-accordion:hover {
  padding-left: 4px;
}

.c-event-month__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: normal;
  margin: 0;
  border-left: 3px solid #F48423;
  color: #F48423;
  padding: 0 0 0 10px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
  .c-event-month__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: normal;
    margin: 0;
    border-left: 5px solid #F48423;
    font-size: 55px;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
  }
}

.c-event-panels {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1023px) {
  .c-event-panels {
    margin: 0 -20px;
  }
}
.c-event-panels--club-page {
  flex-direction: column;
}

.c-event-panel {
  display: flex;
  padding: 20px;
  width: 50%;
}
@media only screen and (max-width: 1023px) {
  .c-event-panel {
    width: 100%;
  }
}
.c-event-panel--club-page {
  width: 100%;
}

.c-event-panel__date-holder {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  width: 30%;
}
.c-event-panel__date-holder--no-width {
  width: auto;
}
@media only screen and (max-width: 567px) {
  .c-event-panel__date-holder {
    justify-content: flex-start;
    text-align: center;
  }
}

.c-event-panel__date-holder-date {
  display: flex;
  flex-direction: column;
}

.c-event-panel__date-month {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 21px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.c-event-panel__date-month--lg {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: normal;
  margin: 0;
}

.c-event-panel__date-day {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: normal;
  margin: 0;
  word-break: keep-all;
}
.c-event-panel__date-day--lg {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 60px;
  line-height: normal;
  margin: 0;
}

.c-event-panel__content {
  width: 100%;
}

.c-event-panel__tag {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #F48423;
  font-weight: bold;
}

.c-event-panel__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  margin: 10px 0;
}
@media only screen and (min-width: 768px) {
  .c-event-panel__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin: 0;
    margin: 10px 0;
  }
}

.addressMap {
  width: 100%;
}
.addressMap img {
  width: 100%;
}

.c-events-related {
  display: flex;
  margin: 40px 0;
  flex-wrap: wrap;
}

.c-events-related__panel {
  width: 33.33%;
  display: flex;
}
@media only screen and (max-width: 1169px) {
  .c-events-related__panel {
    width: 50%;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 567px) {
  .c-events-related__panel {
    width: 100%;
  }
}

.c-menu__item--sticky {
  display: none;
}
.c-menu__item--sticky.animateIn {
  display: block;
}
.c-menu__item--sticky.animateOut {
  display: none;
}

body.fixed-nav #navbar {
  background-color: #042c46;
  box-shadow: 0 1px 2px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50;
}

body.fixed-nav .c-menu__item-link__sub {
  display: none;
  height: 0;
}

body.fixed-nav .c-menu__item {
  height: 100%;
  padding: 0;
  padding-bottom: 20px;
}

body.fixed-nav .c-menu__item--sticky {
  padding: 15px 0px;
}
body.fixed-nav .c-menu__item--sticky .c-menu__top-logo {
  width: 200px;
}

body.fixed-nav .c-menu__submenu {
  top: 72px;
}

body.fixed-nav .c-menu__top {
  align-items: center;
  display: flex;
}

body.fixed-nav .c-menu__top-links {
  flex: 1;
  padding-left: 40px;
}

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: flex;
    opacity: 0;
  }
  100% {
    display: flex;
    opacity: 1;
  }
}
.c-accordion__panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.c-accordion__area-icon {
  position: relative;
  box-shadow: rgb(238, 238, 238) 1px 0px 0px 0px inset;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #40494F;
  padding: 10px;
  border-radius: 35px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1023px) {
  .c-accordion__area-icon {
    padding: 5px;
    border-radius: 20px;
  }
}

.c-accordion__icon {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-in-out;
  color: #40494F;
}
.c-accordion__icon::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #333;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  opacity: 1;
  transform: translateY(-50%);
  transition: opacity 0.3s ease-in-out;
}
.c-accordion__icon::after {
  content: "";
  width: 2px;
  height: 100%;
  background: #333;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease-in-out;
}
.c-accordion__icon--open {
  transform: rotate(45deg);
}
.c-accordion__icon--open::before {
  opacity: 0;
}
.c-accordion__icon--open::after {
  transform: rotate(45deg);
}

.c-club-facts {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: normal;
  margin: 0;
  border-left: #F48423 4px solid;
  padding-left: 5px;
  margin-bottom: 7px;
}
@media only screen and (min-width: 460px) {
  .c-club-facts {
    margin-bottom: 10px;
  }
}
.c-club-facts--red {
  border-left: #EE2E22 4px solid;
}
.c-club-facts--blue {
  border-left: #00AEEF 4px solid;
}
.c-club-facts--green {
  border-left: #878F71 4px solid;
}
.c-club-facts a {
  text-decoration: underline;
}
.c-club-facts a:hover {
  opacity: 0.8;
}

.c-club-facts__title {
  margin-right: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.c-club-facts__fact {
  color: #40494F;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
}
@media only screen and (min-width: 460px) {
  .c-club-facts__fact {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
  }
}

.c-club-feature-image {
  height: 0;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.c-club-feature-image img {
  bottom: 0;
  height: 100%;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.c-club-events-title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  margin: 20px 0 10px;
}
@media only screen and (min-width: 460px) {
  .c-club-events-title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    margin: 30px 0 20px;
  }
}
@media only screen and (min-width: 768px) {
  .c-club-events-title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: normal;
    margin: 0;
    margin: 40px 0 20px;
  }
}

.c-club-social {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
@media only screen and (min-width: 460px) {
  .c-club-social {
    margin-top: 20px;
  }
}
.c-club-social a {
  margin-bottom: 10px;
  color: #40494F;
  text-decoration: underline;
}
.c-club-social a:hover {
  opacity: 0.8;
}

.pagination {
  position: relative;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination ul {
  padding: 0 40px;
}
.pagination ul.hidden-xs {
  text-align: center;
}
.pagination ul li {
  display: inline-block;
}
.pagination ul li a {
  display: block;
  padding: 10px 20px;
  font-weight: 400;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
}
@media only screen and (min-width: 460px) {
  .pagination ul li a {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
  }
}
.pagination ul li.active a {
  font-weight: 700;
  text-decoration: none;
  cursor: default;
}
.pagination .next li,
.pagination .previous li {
  margin: 0;
}
.pagination .next li a,
.pagination .previous li a {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  padding: 5px;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
}
@media only screen and (min-width: 460px) {
  .pagination .next li a,
.pagination .previous li a {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
  }
}
.pagination .previous {
  left: 0;
}
.pagination .next {
  right: 0;
}
.pagination .previous li a span {
  transform: rotate(180deg);
}

.c-sitemap ul li::marker {
  content: "-";
  margin-left: 5px;
}

.c-sitemap__list-item {
  margin-top: 10px;
  margin-bottom: 6px;
}
.c-sitemap__list-item:first-child {
  margin-top: 0;
}

.c-sitemap__link {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  padding-left: 10px;
}
@media only screen and (min-width: 460px) {
  .c-sitemap__link {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    padding-left: 10px;
  }
}
.c-sitemap__link:hover {
  text-decoration: underline;
}

.c-sitemap__sub-list {
  margin-top: 5px;
  padding-left: 20px;
}

.c-sitemap__sub-list-item {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  padding-left: 10px;
  margin-bottom: 6px;
}
@media only screen and (min-width: 460px) {
  .c-sitemap__sub-list-item {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    padding-left: 10px;
  }
}

.c-sitemap__sub-link:hover {
  text-decoration: underline;
}

#mc_embed_signup_scroll {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
@media only screen and (min-width: 460px) {
  #mc_embed_signup_scroll {
    flex-direction: row;
  }
}
#mc_embed_signup_scroll .email {
  padding: 5px 10px;
  background: white;
  margin-right: 5px;
  height: 35px;
  color: black;
  font-size: 16px;
  width: 240px;
  max-width: 100%;
}
@media only screen and (min-width: 568px) {
  #mc_embed_signup_scroll .email {
    width: 300px;
  }
}
#mc_embed_signup_scroll .c-button {
  border: none;
  width: 110px;
  height: 35px;
  font-size: 16px;
  padding: 7px;
  cursor: pointer;
  margin-top: 7px;
}
@media only screen and (min-width: 460px) {
  #mc_embed_signup_scroll .c-button {
    margin-top: 0;
  }
}

.c-login-form__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#MemberLoginForm_LoginForm fieldset {
  max-width: 100%;
  border: none;
}
#MemberLoginForm_LoginForm .btn-toolbar {
  display: flex;
  align-items: flex-end;
  margin-bottom: 40px;
}
#MemberLoginForm_LoginForm .btn-toolbar input {
  font-size: 16px;
  width: 110px;
  height: 35px;
  padding: 7px;
  cursor: pointer;
  border: none;
  background-color: #68C2C1;
  color: #fff;
  font-weight: bold;
}
#MemberLoginForm_LoginForm .btn-toolbar a {
  margin-left: 20px;
  text-decoration: underline;
}

#MemberLoginForm_LoginForm_Email_Holder {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
  color: #6c757d;
}

#MemberLoginForm_LoginForm_Password_Holder {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
  margin-top: 20px;
  color: #6c757d;
}

.c-payment-amount {
  margin: 20px 0;
}

.c-payment-list {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
}

.c-payment-item {
  margin: 0 4px 0 0;
}
.c-payment-item img {
  width: 45px;
  display: block;
}

body.DonationPage {
  background-color: transparent;
}

.c-donation-breadcrumbs .c-breadcrumbs {
  color: #ffffff;
}

.c-donation__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
  .c-donation__inner {
    flex-direction: row;
    gap: 24px;
  }
}
@media only screen and (min-width: 1170px) {
  .c-donation__inner {
    gap: 80px;
  }
}

.c-donation__title-background {
  padding: 16px;
  position: relative;
  height: 280px;
}
@media only screen and (min-width: 768px) {
  .c-donation__title-background {
    padding: 40px;
    height: 330px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-donation__title-background {
    width: 40%;
  }
}
@media only screen and (min-width: 1170px) {
  .c-donation__title-background {
    width: 45%;
    height: 430px;
  }
}
@media only screen and (min-width: 1500px) {
  .c-donation__title-background {
    height: 530px;
  }
}

.c-donation-background__picture {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-donation-background__picture-image {
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-donation__title-wrapper {
  background-position: center;
  position: relative;
  z-index: 3;
  width: 300px;
  height: 100%;
}
@media only screen and (min-width: 1170px) {
  .c-donation__title-wrapper {
    width: 420px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1500px) {
  .c-donation__title-wrapper {
    width: 540px;
  }
}
.c-donation__title-wrapper:before {
  background-image: url(/_resources/app/client/assets/images/Header-heart.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  position: absolute;
  height: 100%;
  width: 100%;
}

.c-donation__title-wrapper-inner {
  padding: 50px 20px 10px 20px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .c-donation__title-wrapper-inner {
    padding: 60px 35px 80px 35px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-donation__title-wrapper-inner {
    padding: 50px 40px 120px;
  }
}
@media only screen and (min-width: 1170px) {
  .c-donation__title-wrapper-inner {
    padding: 80px 40px 120px;
  }
}
@media only screen and (min-width: 1500px) {
  .c-donation__title-wrapper-inner {
    padding: 110px 40px 120px;
  }
}

.c-donation__title {
  color: #ffffff;
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  margin: 0;
  font-size: 40px;
  line-height: 46pt;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .c-donation__title {
    font-size: 46px;
    line-height: 65px;
  }
}
@media only screen and (min-width: 1170px) {
  .c-donation__title {
    font-size: 63px;
    line-height: 75px;
  }
}
@media only screen and (min-width: 1500px) {
  .c-donation__title {
    font-size: 75px;
    line-height: 100px;
  }
}

.c-donation__content {
  padding: 40px 0 32px;
}
@media only screen and (min-width: 1024px) {
  .c-donation__content {
    padding-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .c-donation__form-wrapper {
    width: 60%;
  }
}
@media only screen and (min-width: 1170px) {
  .c-donation__form-wrapper {
    width: 50%;
  }
}

.c-donation-form__wrapper li {
  margin-left: 35px;
  list-style-type: none;
}

.c-donation-form__details-wrapper {
  background-color: #f2f2f2;
}

.c-donation-from__placement {
  margin-top: -235px;
  margin-left: auto;
  margin-right: 0;
}

#Form_DonationForm_DonationAmountManual_Holder label {
  font-weight: bold;
  font-size: 18px;
}
#Form_DonationForm_DonationAmountManual_Holder input {
  background-color: white;
  margin-top: 10px;
  border: 1px solid #878f71;
  padding: 5px;
}

.c-frontend-form__message {
  background-color: #fff;
  border: 1px solid #707070;
  padding: 50px 40px;
  margin-bottom: 25px;
}

.c-donation-options__button-selector-field--donation-amount {
  display: flex;
  flex-direction: column;
}
.c-donation-options__button-selector-field--donation-amount .middleColumn {
  width: 100%;
}
.c-donation-options__button-selector-field--donation-amount ul {
  width: 100%;
}
.c-donation-options__button-selector-field--donation-amount ul li {
  outline: 1px solid #878f71;
  margin: 0;
  flex: 1;
}
@media only screen and (max-width: 567px) {
  .c-donation-options__button-selector-field--donation-amount ul li {
    width: 100%;
  }
}
.c-donation-options__button-selector-field--donation-amount ul li:not(:first-child) {
  border-left: none;
}
.c-donation-options__button-selector-field--donation-amount ul li:not(:last-child) label {
  border-bottom: 1px solid #9f9f9f;
}
.c-donation-options__button-selector-field--donation-amount ul li .radio {
  display: none;
}
.c-donation-options__button-selector-field--donation-amount ul li input {
  cursor: pointer;
}
.c-donation-options__button-selector-field--donation-amount ul li label {
  font-family: "Epilogue";
  font-size: 40px;
  font-weight: 700;
  color: #042c46;
  cursor: pointer;
  padding: 18px 7% 18px 80px;
  transition: all 0.3s ease-in-out;
  background-color: #f2f2f2;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .c-donation-options__button-selector-field--donation-amount ul li label {
    line-height: 80px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 1170px) {
  .c-donation-options__button-selector-field--donation-amount ul li label {
    font-size: 50px;
    line-height: 65px;
    margin: 0;
  }
}
.c-donation-options__button-selector-field--donation-amount ul li label:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 15px;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #9f9f9f;
}
.c-donation-options__button-selector-field--donation-amount ul li label .small {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  display: block;
  width: 100%;
  color: #000000;
}
@media only screen and (min-width: 460px) {
  .c-donation-options__button-selector-field--donation-amount ul li label .small {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .c-donation-options__button-selector-field--donation-amount ul li label .small {
    margin-left: 30px;
  }
}
.c-donation-options__button-selector-field--donation-amount ul li.is-selected label {
  background-color: #ee2e22;
  color: white;
}
.c-donation-options__button-selector-field--donation-amount ul li.is-selected label .small {
  color: #ffffff;
}
.c-donation-options__button-selector-field--donation-amount ul li.is-selected label::before {
  border: 0;
}
.c-donation-options__button-selector-field--donation-amount ul li.is-selected label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  bottom: 0;
  margin: auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #ee2e22;
}

.donation-form-wrapper-choose {
  display: flex;
  align-items: flex-end;
}

.donation-form-wrapper-choose__text {
  font-size: 20px;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 3px;
}

#Form_DonationForm .donation-form-wrapper {
  background: white;
  border: 1px solid #878f71;
  background-color: #f2f2f2;
  padding: 30px;
  margin-top: 20px;
}

.donation-manual {
  display: none;
}

#Form_DonationForm .donation-form-wrapper .form-section {
  margin-bottom: 40px;
}

#Form_DonationForm .donation-form-wrapper .form-section .optionset li {
  margin: 0;
}
#Form_DonationForm .donation-form-wrapper .form-section .optionset li label {
  font-size: 18px;
  font-weight: 600;
  display: block;
  padding: 10px 0 10px 50px;
  position: relative;
}
#Form_DonationForm .donation-form-wrapper .form-section .optionset li label:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 36px;
  height: 36px;
  background-color: white;
  border-radius: 50%;
  border: 1px solid #9f9f9f;
}
#Form_DonationForm .donation-form-wrapper .form-section .optionset li input {
  display: none;
}
#Form_DonationForm .donation-form-wrapper .form-section .optionset li input:checked + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #55b4b3;
}

.c-donation-form__submit {
  width: 250px;
  justify-self: inherit;
}

.c-donation-form__wrapper .c-application-form-split-wrapper {
  flex-direction: column;
}
@media only screen and (min-width: 1500px) {
  .c-donation-form__wrapper .c-application-form-split-wrapper {
    flex-direction: row;
  }
}

.c-donation-form__wrapper .c-application-form-split {
  width: 100%;
}
@media only screen and (min-width: 1500px) {
  .c-donation-form__wrapper .c-application-form-split {
    width: 50%;
  }
}

/** changes to donations page receipt details form fields **/
.c-donation-form__wrapper .c-application-form-field {
  justify-content: flex-start;
  align-items: center;
}

.c-donation-form__wrapper .c-application-form-field label {
  font-size: 18px;
  width: 130px;
}

.c-donation-form__wrapper .c-application-form-field input {
  border: 1px solid #bbbbbb;
  padding: 8px 10px;
}
@media only screen and (min-width: 1500px) {
  .c-donation-form__wrapper .c-application-form-field input {
    width: 200px;
  }
}

.c-donation-form__wrapper .c-frontend-form__note--error {
  margin-bottom: 32px;
}

/**/
.c-donation-alternatives {
  display: flex;
  flex-direction: column;
  padding: 24px 0 80px;
}
@media only screen and (min-width: 768px) {
  .c-donation-alternatives {
    flex-direction: row;
    flex-wrap: wrap;
    margin: -12px;
  }
}

.c-donation-alternative {
  margin: 0 0 24px 0;
}
@media only screen and (min-width: 768px) {
  .c-donation-alternative {
    width: 50%;
    padding: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-donation-alternative {
    width: 25%;
  }
}
.c-donation-alternative--first .c-donation-alternative__liner {
  background-color: #f2f2f2;
  border: 1px solid #9f9f9f;
}

.c-donation-alternative__liner {
  padding: 32px 24px;
  height: 100%;
  border: 1px solid transparent;
}

.c-donation-alternative__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .c-donation-alternative__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1170px) {
  .c-donation-alternative__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: normal;
    margin: 0;
    margin-bottom: 32px;
  }
}
.c-donation-alternative__title::before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  background-color: #55b4b3;
  margin-bottom: 32px;
}

.c-donation-alternative p {
  font-size: 18px;
  color: #042c46;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .c-donation-alternative p {
    margin-bottom: 24px;
  }
}
.c-donation-alternative p a {
  font-weight: 700;
  color: #042c46;
  text-decoration: underline;
}

.c-donation-alternative p.c-donation-alternative__text {
  margin-bottom: 8px;
}

.c-donation-copy {
  position: relative;
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #878f71;
  cursor: pointer;
}
.c-donation-copy:hover .c-donation-copy__tooltip {
  visibility: visible;
  opacity: 1;
}

.c-donation-copy__tooltip {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -70px;
  opacity: 0;
  transition: opacity 0.3s;
}
.c-donation-copy__tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.u-content__title--margin-bottom {
  margin-bottom: 20px;
}

.u-content--margin-bottom {
  margin-bottom: 50px;
}

.c-sponsors-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 20px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .c-sponsors-grid {
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 35px;
         column-gap: 35px;
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-sponsors-grid {
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 40px;
         column-gap: 40px;
    margin-bottom: 100px;
  }
}
.c-sponsors-grid--major {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 1024px) {
  .c-sponsors-grid--major {
    grid-template-columns: repeat(3, 1fr);
  }
}
.c-sponsors-grid--minor {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 20px;
  margin-bottom: 120px;
}
@media only screen and (min-width: 768px) {
  .c-sponsors-grid--minor {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .c-sponsors-grid--minor {
    grid-template-columns: repeat(6, 1fr);
  }
}

.c-sponsors-grid__item {
  background-color: white;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
  padding: 15px;
}
.c-sponsors-grid__item--light-blue {
  background-color: white;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.c-sponsors-grid__item--light-blue:hover {
  box-shadow: 0px 50px 20px -35px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 50px 20px -35px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}
.c-sponsors-grid__item--yellow {
  background-color: white;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.c-sponsors-grid__item--yellow:hover {
  box-shadow: 0px 50px 20px -35px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 25px 10px -20px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}
.c-sponsors-grid__item:hover {
  box-shadow: 0px 50px 20px -35px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 50px 20px -35px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}

.c-sponsors-grid__item-image-wrapper {
  background-color: white;
  height: 60px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .c-sponsors-grid__item-image-wrapper {
    height: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-sponsors-grid__item-image-wrapper {
    height: 100px;
  }
}
.c-sponsors-grid__item-image-wrapper--major {
  height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .c-sponsors-grid__item-image-wrapper--major {
    height: 100px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-sponsors-grid__item-image-wrapper--major {
    height: 120px;
  }
}

.c-sponsors-grid__item-image {
  height: 60px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) {
  .c-sponsors-grid__item-image {
    height: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-sponsors-grid__item-image {
    height: 100px;
  }
}
.c-sponsors-grid__item-image--major {
  height: 80px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) {
  .c-sponsors-grid__item-image--major {
    height: 100px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-sponsors-grid__item-image--major {
    height: 120px;
  }
}

.c-sponsors-grid__item-text {
  text-align: center;
  background-color: white;
  margin: auto;
  padding: 20px 0px;
}

.hide {
  display: none;
}

.popup {
  position: fixed;
  z-index: 1002;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.popup .inner {
  top: 0;
  width: 100%;
  height: 100%;
}
.popup_close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
  cursor: pointer;
}
.popup_close .cross-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 2;
}
.popup_close .cross-icon::after, .popup_close .cross-icon::before {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.popup_close .cross-icon::before {
  transform: rotate(45deg);
}
.popup_close .cross-icon::after {
  transform: rotate(-45deg);
}
.popup_content {
  position: relative;
  width: 80%;
  height: 88%;
  max-height: 93%;
  margin: 2rem auto;
}
.popup_liner {
  position: absolute;
  height: 93%;
  width: 100%;
  bottom: 0;
}
.popup_liner .popup__body {
  display: block;
}

.popup_image {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  margin: 0 auto;
  text-align: center;
  display: block;
}

.region-page-title {
  margin-top: 20px !important;
}

.c-region-page-title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  margin: 0;
  margin-top: 32px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 460px) {
  .c-region-page-title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    margin: 0;
    margin-top: 32px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .c-region-page-title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: normal;
    margin: 0;
    margin-top: 32px;
    margin-bottom: 15px;
  }
}

.c-region-content {
  margin-bottom: 30px;
}

.c-region-page-intro {
  display: flex;
  margin-top: 40px;
  margin-bottom: 40px;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .c-region-page-intro {
    flex-direction: row;
  }
}

.c-region-page-intro__image-wrapper {
  flex: 1;
  margin-bottom: 0;
}

.c-region-page-intro__image {
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  padding-top: 44.2%;
  height: 0;
}

.c-region-page-intro__text {
  flex: 0 0 37%;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .c-region-page-intro__text {
    margin-left: 40px;
  }
}

.c-region-page-intro__text-inner {
  max-width: 400px;
}

.c-region-page__clear {
  background-color: #ffffff;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  padding: 2px 6px;
  cursor: pointer;
}

#Form_RegionForm_Region_Holder .left {
  font-size: 1.5em;
}
#Form_RegionForm_Region_Holder .dropdown {
  margin-top: 5px;
  padding-right: 15px;
  padding-left: 5px;
  border: 1px solid black;
}

#Form_RegionForm_City_Holder .left {
  font-size: 1.5em;
}
#Form_RegionForm_City_Holder .dropdown {
  margin-top: 5px;
  padding-right: 15px;
  padding-left: 5px;
  border: 1px solid black;
}

.groups-pagination {
  width: 100%;
}

.groups-pagination__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.groups-pagination__list li {
  margin: 0px 5px 10px 5px;
}
.groups-pagination__list li.active {
  color: #55b4b3;
  text-decoration: underline;
}

#Form_RegionForm fieldset {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 20px 0px;
  padding: 20px;
  gap: 30px;
  border: 5px solid #042c46;
  width: -moz-fit-content;
  width: fit-content;
}

.filtered-location {
  border-bottom: 2px solid grey;
  margin-bottom: 25px;
  padding: 20px 0px;
}

.filtered-location-title {
  background-color: lightgrey;
  padding: 5px 10px;
  margin-bottom: 20px;
}

.filtered-location-address1 {
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 5px;
}

.filtered-location-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  height: 100%;
  padding: 0px 5px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.filtered-location-details__col {
  width: 100%;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .filtered-location-details__col {
    width: 33.3%;
    padding-bottom: 0px;
  }
}

.filtered-location-phone {
  display: flex;
  align-items: center;
  gap: 5px;
}

.filtered-location-email {
  color: #55b4b3;
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 5px;
}

.filtered-location-category {
  display: flex;
}

.filtered-location-website-link {
  color: #55b4b3;
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: wrap;
}

.filtered-location-club-page-link {
  color: #55b4b3;
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 5px;
  width: -moz-fit-content;
  width: fit-content;
}

.c-feedback-banner {
  color: #042c46;
}

.c-footer__feedback {
  padding: 20px 0;
  border-top: 1px solid #9f9f9f;
}

.c-footer__feedback-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 500px;
}
@media only screen and (max-width: 767px) {
  .c-footer__feedback-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

.c-footer__feedback-stars {
  float: left;
}

.c-footer__feedback-stars .star {
  transition: all 0.2s ease-in-out;
  font-size: 32px;
  padding: 0 4px;
  color: #9f9f9f;
  float: right;
  cursor: pointer;
}
.c-footer__feedback-stars .star:hover {
  color: #fcdc0f;
}
.c-footer__feedback-stars .star:hover.two ~ .one {
  color: #fcdc0f;
}
.c-footer__feedback-stars .star:hover.three ~ .one,
.c-footer__feedback-stars .star:hover.three ~ .two {
  color: #fcdc0f;
}
.c-footer__feedback-stars .star:hover.four ~ .one,
.c-footer__feedback-stars .star:hover.four ~ .two,
.c-footer__feedback-stars .star:hover.four ~ .three {
  color: #fcdc0f;
}
.c-footer__feedback-stars .star:hover.five ~ .one,
.c-footer__feedback-stars .star:hover.five ~ .two,
.c-footer__feedback-stars .star:hover.five ~ .three,
.c-footer__feedback-stars .star:hover.five ~ .four {
  color: #fcdc0f;
}

.c-footer__feedback-form {
  max-width: 500px;
}
.c-footer__feedback-form label {
  display: block;
  font-weight: normal;
}
.c-footer__feedback-form .field.textarea textarea {
  width: 100%;
  max-width: 500px;
  border: 1px solid #9f9f9f;
  margin: 10px 0;
  padding: 4px;
}

.c-footer__feedback-link {
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}

.c-footer__textarea-wrapper {
  display: none;
}

.c-footer__button {
  display: none;
  cursor: pointer;
}

.c-footer__feedback-loader-wrapper {
  max-width: 500px;
}

.c-footer__feedback-loader {
  color: #9f9f9f;
  font-size: 10px;
  margin: 0 0 30px 45px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation-fill-mode: both;
  animation: load7 1.8s infinite ease-in-out;
}
.c-footer__feedback-loader:before, .c-footer__feedback-loader:after {
  content: "";
  position: absolute;
  top: 0;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation-fill-mode: both;
  animation: load7 1.8s infinite ease-in-out;
}
.c-footer__feedback-loader:before {
  left: -3.5em;
  animation-delay: -0.3s;
}
.c-footer__feedback-loader:after {
  left: 3.5em;
  animation-delay: 0.3s;
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.c-footer__feedback-thanks {
  max-width: 500px;
}

.e-banner-slider-element:not(.no-margin) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .e-banner-slider-element:not(.no-margin) {
    margin-bottom: 60px;
  }
}

.el-banner {
  background-color: #042c46 !important;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat !important;
  width: 100%;
  min-height: 33vh;
}
.el-banner--poster {
  min-height: 0;
}
.el-banner--no-image {
  background: #bbbbbb;
}

.slick-slide > div {
  display: flex;
}

.el-banner__inner {
  display: flex;
  flex-direction: column;
}

.el-banner__padding-bottom {
  padding-bottom: 180px;
  background: #042c46;
  margin-top: -40px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .el-banner__padding-bottom {
    margin-top: -60px;
  }
}
@media only screen and (min-width: 768px) {
  .el-banner__padding-bottom {
    display: none;
  }
}

.el-banner__title {
  color: #ffffff;
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  margin: 0;
  font-size: 18px;
  line-height: 18pt;
}
@media only screen and (min-width: 768px) {
  .el-banner__title {
    font-size: 25px;
    line-height: 30pt;
  }
}
@media only screen and (min-width: 768px) {
  .el-banner__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    margin: 0;
  }
}
@media only screen and (min-width: 1170px) {
  .el-banner__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: normal;
    margin: 0;
    font-size: 40px;
    line-height: 30pt;
  }
}

.el-banner__content {
  color: #ffffff;
}

.el-banner__content.u-content a {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}

@media only screen and (max-width: 767px) {
  .el-banner__inner-content {
    padding: 0;
  }
}

.el-banner__content-wrapper {
  position: relative;
  background-position: center;
}
@media only screen and (min-width: 460px) {
  .el-banner__content-wrapper {
    width: 285px;
  }
}
@media only screen and (min-width: 768px) {
  .el-banner__content-wrapper {
    width: 415px;
  }
}
@media only screen and (min-width: 1170px) {
  .el-banner__content-wrapper {
    width: 595px;
  }
}
.el-banner__content-wrapper--offset-mobile {
  margin-bottom: -275px;
}
@media only screen and (min-width: 768px) {
  .el-banner__content-wrapper--offset-mobile {
    margin-bottom: 0;
  }
}

.el-banner__content-wrapper-inner {
  padding: 45px 20px 10px 20px;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .el-banner__content-wrapper-inner {
    margin: 30px 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .el-banner__content-wrapper-inner {
    margin: 120px 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .el-banner__content-wrapper-inner {
    padding: 60px 35px 10px 35px;
  }
}
@media only screen and (min-width: 1170px) {
  .el-banner__content-wrapper-inner {
    padding: 90px 40px 10px 40px;
  }
}

.el-banner__background-wrapper {
  top: 0;
  overflow: hidden;
  z-index: 8;
}
@media only screen and (max-width: 767px) {
  .el-banner__background-wrapper {
    margin: 30px 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .el-banner__background-wrapper {
    margin: 120px 0 30px;
  }
}
.el-banner__background-wrapper svg {
  max-width: 80%;
  height: auto;
}
@media (max-width: 768px) {
  .el-banner__background-wrapper {
    opacity: 0;
  }
}

.el-content {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .el-content {
    margin-bottom: 60px;
  }
}
.el-content--no-margin {
  margin-bottom: 0;
}

.el-content__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 21px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .el-content__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .el-content__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: normal;
    margin: 0;
  }
}

.el-content__wrapper {
  max-width: 966px;
}

.e-columns {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .e-columns {
    margin-bottom: 60px;
  }
}

.e-columns__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .e-columns__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    margin-bottom: 48px;
  }
}

.e-columns__container {
  display: flex;
  flex-direction: column;
  max-width: 966px;
}
@media only screen and (min-width: 460px) {
  .e-columns__container {
    flex-direction: row;
  }
}

.e-columns__column {
  width: 100%;
}
.e-columns__column--of-two:first-child {
  margin-bottom: 48px;
}
@media only screen and (max-width: 459px) {
  .e-columns__column--of-two .e-columns__column-content {
    text-align: center;
  }
}
@media only screen and (min-width: 460px) {
  .e-columns__column--of-two {
    width: 50%;
  }
  .e-columns__column--of-two:first-child {
    margin-bottom: 0;
    padding-right: 20px;
  }
  .e-columns__column--of-two:last-child {
    padding-left: 20px;
  }
}
.e-columns__column--of-three:not(:last-child) {
  border-bottom: 1px solid grey;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
@media only screen and (min-width: 460px) {
  .e-columns__column--of-three {
    padding: 0 36px;
    width: 33.33%;
  }
  .e-columns__column--of-three:not(:last-child) {
    border: none;
    border-right: 1px solid grey;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.e-image-content:not(.no-margin) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .e-image-content:not(.no-margin) {
    margin-bottom: 60px;
  }
}
.e-image-content--dark {
  background-color: #F2F2F2;
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  .e-image-content--dark {
    padding: 80px 0;
  }
}
.e-image-content--content-right-image-left .e-image-content__wrapper {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 568px) {
  .e-image-content--content-right-image-left .e-image-content__wrapper {
    flex-direction: row-reverse;
  }
}
.e-image-content--content-right-image-left .e-image-content__content-wrapper {
  margin: 0;
}
@media only screen and (min-width: 568px) {
  .e-image-content--content-right-image-left .e-image-content__image-wrapper {
    margin: 0 48px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .e-image-content--content-right-image-left .e-image-content__image-wrapper {
    margin: 0 64px 0 0;
  }
}
.e-image-content--content-bottom-image-top .e-image-content__wrapper {
  flex-direction: column-reverse;
}
.e-image-content--content-bottom-image-top .e-image-content__content-wrapper {
  margin: 0;
  width: 100%;
}
.e-image-content--content-bottom-image-top .e-image-content__image-wrapper {
  width: 100%;
}
.e-image-content--content-top-image-bottom .e-image-content__wrapper {
  flex-direction: column;
}
.e-image-content--content-top-image-bottom .e-image-content__content-wrapper {
  width: 100%;
}
.e-image-content--content-top-image-bottom .e-image-content__image-wrapper {
  margin: 0;
  width: 100%;
}

.e-image-content__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 568px) {
  .e-image-content__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    margin-bottom: 48px;
  }
}

.e-image-content__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 966px;
}
@media only screen and (min-width: 568px) {
  .e-image-content__wrapper {
    flex-direction: row;
  }
}
.e-image-content__wrapper--wide {
  max-width: 100%;
}

.e-image-content__content-wrapper {
  margin: 0 0 64px 0;
  width: 100%;
}
@media only screen and (min-width: 568px) {
  .e-image-content__content-wrapper {
    margin: 0 48px 0 0;
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .e-image-content__content-wrapper {
    margin: 0 64px 0 0;
  }
}

.e-image-content__image-wrapper {
  width: 100%;
}
@media only screen and (min-width: 568px) {
  .e-image-content__image-wrapper {
    width: 50%;
  }
}

.e-image-content__image {
  font-family: "object-fit: contain;";
  width: 100%;
  height: auto;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.e-single-image:not(.no-margin) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .e-single-image:not(.no-margin) {
    margin-bottom: 60px;
  }
}

.e-single-image__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 568px) {
  .e-single-image__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    margin-bottom: 48px;
  }
}

.e-single-image__wrapper {
  height: 0;
  padding-top: 55%;
  position: relative;
}
@media only screen and (min-width: 460px) {
  .e-single-image__wrapper {
    padding-top: 45%;
  }
}

.e-single-image__image-wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.e-single-image__image {
  font-family: "object-fit: cover;";
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.e-single-video:not(.no-margin) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .e-single-video:not(.no-margin) {
    margin-bottom: 60px;
  }
}

.e-single-video__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (min-width: 460px) {
  .e-single-video__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    margin-bottom: 48px;
  }
}

.e-single-video__video-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.e-single-video__video-wrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.e-embedded-code:not(.no-margin) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .e-embedded-code:not(.no-margin) {
    margin-bottom: 60px;
  }
}

.e-embedded-code__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  margin-bottom: 24px;
  text-align: center;
}
@media only screen and (min-width: 460px) {
  .e-embedded-code__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    margin-bottom: 48px;
  }
}

.e-cta:not(.no-margin) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .e-cta:not(.no-margin) {
    margin-bottom: 60px;
  }
}

.e-cta__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  margin-bottom: 24px;
}
@media only screen and (min-width: 460px) {
  .e-cta__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    margin-bottom: 48px;
  }
}

@media only screen and (min-width: 768px) {
  .e-cta-panels {
    display: flex;
    margin: 0 -10px;
  }
}
@media only screen and (min-width: 1024px) {
  .e-cta-panels {
    margin: 0 -20px;
  }
}

.e-cta-panel {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .e-cta-panel {
    padding: 0 10px;
    width: 33.33%;
  }
}
@media only screen and (min-width: 1024px) {
  .e-cta-panel {
    padding: 0 20px;
  }
}

.e-cta-panel__inner {
  display: flex;
  flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) {
  .e-cta-panel__inner {
    flex-direction: column;
  }
}

.e-cta-panel__content {
  flex: 1;
}

.e-cta__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 20px;
}
@media only screen and (min-width: 768px) {
  .e-cta__icon {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .e-cta__icon {
    justify-content: flex-end;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .e-cta__icon {
    display: none;
  }
}
.e-cta__icon img {
  width: 75px;
}

.e-cta-panel__blurb {
  line-height: 18px;
  padding: 10px 0;
}
@media only screen and (min-width: 1024px) {
  .e-cta-panel__blurb {
    font-size: 19px;
    line-height: 21px;
    padding: 20px 0;
  }
}

.e-cta-panel__link {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
}
@media only screen and (min-width: 1024px) {
  .e-cta-panel__link {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 21px;
  }
}

@media only screen and (min-width: 1024px) {
  .e-cta-panel__title-wrapper {
    display: flex;
    justify-content: space-between;
  }
}

.e-cta-panel__icon-desktop {
  display: none;
  width: 115px;
}
@media only screen and (min-width: 1024px) {
  .e-cta-panel__icon-desktop {
    display: block;
  }
}

.e-cta-panel__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: normal;
  margin: 0;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .e-cta-panel__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .e-cta-panel__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    max-width: 277px;
  }
}

.e-hotlinks {
  margin: 20px 0;
}
.e-hotlinks:not(.no-margin) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .e-hotlinks:not(.no-margin) {
    margin-bottom: 60px;
  }
}

.e-hotlinks__inner {
  border: 6px solid #68c2c1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 23px 5%;
  position: relative;
}

.e-hotlinks__title {
  color: #68c2c1;
  left: 40px;
  position: absolute;
  top: -19px;
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  background-color: #F2F2F2;
  padding: 0 15px;
}
@media only screen and (min-width: 460px) {
  .e-hotlinks__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
  }
}

.e-hotlinks__broken-border {
  background-color: #68c2c1;
  height: 6px;
  position: absolute;
  top: 0;
}

.e-hotlinks__link {
  padding: 0 !important;
  width: 100%;
  margin: 10px 0;
}
@media only screen and (min-width: 768px) {
  .e-hotlinks__link {
    width: 50%;
    margin: 20px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .e-hotlinks__link {
    width: 33.33%;
  }
}

.e-hotlinks__item {
  align-items: center;
  display: flex;
  text-decoration: none;
}
.e-hotlinks__item a {
  text-decoration: none;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .e-donate-hero {
    padding-bottom: 30px;
  }
}

.e-donate-hero__image {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  align-items: center;
}
.e-donate-hero__image img {
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .e-donate-hero__image img {
    width: 63%;
  }
}
@media only screen and (min-width: 1024px) {
  .e-donate-hero__image img {
    width: 70%;
  }
}
@media only screen and (min-width: 1170px) {
  .e-donate-hero__image img {
    width: 90%;
  }
}

.e-sponsors {
  margin: 20px 0;
}

.e-sponsors__inner {
  display: block;
  border: 6px solid #EE2E22;
  padding: 23px 5%;
  position: relative;
}

.e-sponsors__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  color: #EE2E22;
  background-color: #F2F2F2;
  position: absolute;
  left: 40px;
  top: -19px;
  padding: 0 15px;
}
@media only screen and (min-width: 460px) {
  .e-sponsors__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
  }
}

.e-sponsors-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 20px;
  margin: 25px 0px;
}
@media only screen and (min-width: 768px) {
  .e-sponsors-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .e-sponsors-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

.e-sponsors-grid__item {
  background-color: white;
  padding: 5px;
}

.e-sponsors-grid__image-wrapper {
  height: 60px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .e-sponsors-grid__image-wrapper {
    height: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .e-sponsors-grid__image-wrapper {
    height: 80px;
  }
}

.e-sponsors-grid__image {
  height: 40px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 768px) {
  .e-sponsors-grid__image {
    height: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .e-sponsors-grid__image {
    height: 80px;
  }
}

.e-sponsors__button {
  position: absolute;
  top: 92.5%;
}

.e-userforms:not(.no-margin) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .e-userforms:not(.no-margin) {
    margin-bottom: 60px;
  }
}
.e-userforms .c-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media only screen and (min-width: 768px) {
  .e-userforms .c-form {
    grid-template-columns: minmax(auto, 966px) minmax(300px, 1fr);
    gap: 60px;
  }
}
.e-userforms aside.u-content {
  padding-top: 0;
}

.e-file-list:not(.no-margin) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 568px) {
  .e-file-list:not(.no-margin) {
    margin-bottom: 60px;
  }
}

.e-file-list__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #9F9F9F;
}
@media only screen and (min-width: 460px) {
  .e-file-list__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    margin: 0;
    padding-bottom: 40px;
  }
}

.e-file__title {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: normal;
  margin: 0;
}
@media only screen and (min-width: 460px) {
  .e-file__title {
    font-family: "Epilogue";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin: 0;
  }
}

.e-file-list__panels {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

.e-file-list__panel {
  flex: 1;
  min-width: 250px;
  border-bottom: 1px solid #9F9F9F;
  margin: 0 20px;
  padding: 20px 0;
  max-width: 400px;
}

.e-file__details {
  margin-bottom: 8px;
}

.e-file-list__panel .u-content--small {
  padding-top: 0;
}

.e-products {
  background-color: #F2F2F2;
}

.e-products__top {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
@media only screen and (min-width: 568px) {
  .e-products__top {
    flex-direction: row;
  }
}

.e-products__top::before {
  content: "";
  position: absolute;
  left: 0;
  top: -24px;
  width: 75px;
  height: 5px;
  background: #68C2C1;
  margin-bottom: 16px;
}

.e-products__title {
  color: #000;
  font-family: Epilogue, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.e-products__button {
  margin-top: 24px;
}
@media only screen and (min-width: 568px) {
  .e-products__button {
    margin-left: auto;
  }
}

.e-products-grid {
  display: grid;
  gap: 15px;
  --cols: 1;
  grid-template-columns: repeat(var(--cols), 1fr);
}
.e-products-grid--mobile-1 {
  --cols: 1;
}
.e-products-grid--mobile-2 {
  --cols: 2;
}
@media (min-width: 600px) {
  .e-products-grid--desktop-3 {
    --cols: 2;
  }
}
@media (min-width: 900px) {
  .e-products-grid--desktop-3 {
    --cols: 3;
  }
}
@media (min-width: 600px) {
  .e-products-grid--desktop-4 {
    --cols: 2;
  }
}
@media (min-width: 900px) {
  .e-products-grid--desktop-4 {
    --cols: 3;
  }
}
@media (min-width: 1200px) {
  .e-products-grid--desktop-4 {
    --cols: 4;
  }
}
@media (min-width: 600px) {
  .e-products-grid--desktop-6 {
    --cols: 2;
  }
}
@media (min-width: 900px) {
  .e-products-grid--desktop-6 {
    --cols: 4;
  }
}
@media (min-width: 1200px) {
  .e-products-grid--desktop-6 {
    --cols: 6;
  }
}

.e-products-grid__item {
  padding: 12px;
  background: #FFF;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100;
}

.e-products-grid__image-wrapper {
  margin-bottom: 12px;
}

.e-products-grid__image {
  width: 100%;
  height: auto;
  max-width: 300px;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.e-products-grid__image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.e-products-grid__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 0 12px 0;
  border-left: 3px solid #68C2C1;
}

.e-products-grid__name {
  padding-left: 12px;
  color: #000;
  font-family: Epilogue;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
}

.e-products-grid__footer {
  margin-top: auto;
}

.e-products-grid__price {
  margin-top: 8px;
  padding-left: 16px;
  color: #000;
  font-family: Epilogue;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
}

.arrow_link .expand_arrow {
  margin-left: 16px;
}

#LocatorForm_LocationSearch_CategoryID_Holder {
  margin-bottom: 0 !important;
  grid-row: 1;
}

#LocatorForm_LocationSearch_CategoryID {
  padding: 10px;
  font-size: 16px;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  height: auto !important;
}

#LocatorForm_LocationSearch_Radius_Holder {
  display: none !important;
}

#LocatorForm_LocationSearch {
  display: flex;
  margin-bottom: 20px;
  flex-direction: column;
}
@media only screen and (min-width: 568px) {
  #LocatorForm_LocationSearch {
    flex-direction: row;
  }
}
#LocatorForm_LocationSearch fieldset {
  flex-grow: 1;
  border: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  max-width: 500px;
}

#LocatorForm_LocationSearch_CategoryID,
#LocatorForm_LocationSearch_Address {
  font-size: 16px;
  line-height: 20px;
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  color: #495057;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

@media only screen and (min-width: 568px) {
  .locator-search .btn-toolbar {
    margin-left: 20px;
    display: flex;
    align-items: flex-end;
  }
}
.locator-search .btn-toolbar button {
  background-color: #042c46;
  cursor: pointer;
  border: none;
  color: white;
  display: flex;
  font-size: 18px;
  font-weight: 800;
  justify-content: center;
  padding: 9px 0 6px 0;
  width: 160px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media only screen and (max-width: 567px) {
  .locator-search .btn-toolbar button {
    margin-top: 20px;
  }
}
.locator-search .btn-toolbar button:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07), 0 7px 7px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

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