@charset "UTF-8";
/*
#Functions

Sass @functions. no dependencies.

Styleguide Functions.0
*/
/*
#image-url()

the `image-url` function helps with css URLs for images, putting them in the correct path.

Usage:

```scss
background-image: image-url('someimage.png');
```

Produces:

```scss
background-image: url('/_resources/themes/main/images/someimage.png');
```


Styleguide Functions.imageurl
*/
/*
#Settings

Site-wide, sass variable settings. May use functions. May not use mixins.
Suffix these with `-settings` to help with searching for things, like `_layout-settings.scss`.

Styleguide Settings.0
*/
/*
#Breakpoints

We use the include media mixin <https://include-media.com> to manage media queries.

Examples:
```scss
@include media('>tablet') {...}
@include media('>=tablet') {...}
@include media('<tablet') {...}
@include media('<=tablet') {...}
@include media('>phone', '<=tablet') {...}
@include media('>phone', '<=20em') {...}
@include media('>phone', '<=1024px') {...}
@include media('<=tablet', 'retina2x') {...}
@include media('<=tablet', 'retina3x') {...}
@include media('<=tablet', 'landscape') {...}
@include media('<=tablet', 'portrait') {...}
@include media('print') {...}
@include media('retina2x', 'portrait', 'screen', 'handheld') {...}

Styleguide Settings.Breakpoints
*/
/*
#Colors

Color pallette for the site. Try not to use them directly,
and use the applied colors instead.

SectionTemplate: BenManu/StyleGuide/Includes/SGColorPalette

$color-white        - #fff
$color-black        - #000
$color-gray-1       - #fcfcfc
$color-gray-2       - #f0f0f0
$color-gray-3       - #eaeaea
$color-gray-4       - #dfdfde
$color-gray-5       - #d0d0d0
$color-gray-6       - #b5b5b5
$color-gray-7       - #898989
$color-gray-8       - #797979
$color-gray-9       - #5f5f5f
$color-gray-10      - #1d1818
$color-red-1        - #da3739
$color-red-2        - #ec1f31
$color-red-3        - #ed1c24
$color-red-4        - #ed1b2f
$color-red-5        - #d82727
$color-red-6        - #e6101f
$color-red-7        - #d51d29
$color-red-8        - #c80e1b
$color-red-9        - #ae2024
$color-rose-1       - #c1689a
$color-rose-2       - #ba578e
$color-rose-3       - #b03f7e
$color-orange-1     - #fab49b
$color-orange-2     - #f8a084
$color-orange-3     - #f69679
$color-orange-4     - #f68d6f
$color-orange-5     - #f37153
$color-orange-6     - #f15a40
$color-orange-7     - #ef4130
$color-orange-8     - #ec422d
$color-orange-9     - #ee3129
$color-orange-10    - #c2322c
$color-yellow-1     - #fff4ee
$color-yellow-2     - #fff1eb
$color-yellow-3     - #fee9df
$color-yellow-4     - #f0ece8
$color-yellow-5     - #fbe0cd
$color-yellow-6     - #fcd2c1
$color-yellow-7     - #fbbea7
$color-yellow-8     - #f8c9a7
$color-yellow-9     - #f7c19a
$color-yellow-10    - #f5b181
$color-blue-1       - #f0f9f9
$color-blue-2       - #ecf8f7
$color-blue-3       - #b6e3df
$color-blue-4       - #a1dcd6
$color-blue-5       - #98d8d2
$color-blue-6       - #85d1ca
$color-blue-7       - #69c6be
$color-blue-8       - #5fc3ba
$color-blue-9       - #56bfb6
$color-indigo-1         - #f7f9fb
$color-indigo-2         - #ecf0f4
$color-indigo-3         - #ebf0f4
$color-indigo-4         - #e1e8ee
$color-indigo-5         - #d7e0e9
$color-indigo-6         - #c3d1de
$color-indigo-7         - #afc2d3
$color-indigo-8         - #9bb2c8
$color-indigo-9         - #87a3bd
$color-indigo-10        - #384f6f


Styleguide Settings.Colors
*/
/* color palette */
/* primary, secondary, etc */
/* text colors */
/* anchor colors */
/* Backgrounds */
/* misc colors */
/* table colors */
/*
#Fonts

Styleguide Settings.Fonts
*/
/* stylelint-disable */
/*
#Layout

These settings are for sitewide sizes and other layout things.

View the CSS to see them.

Styleguide Settings.Layout
*/
/* stylelint-disable */
/* stylelint-enable */
/*
#Text

Sitewide text settings.

Styleguide Settings.Text
*/
/* responsive font sizes
 * each size needs: (min-breakpoint, max-breakpoint, min-font-size, max-font-size)
 * breakpoints can be sizes or $breakpoint keys, Examples:
 * 'huge': (320px, 960px, 32px, 66px),
 * 'huge': (phone-portrait, desktop-small, 32px, 66px),
 */
/* responsive font sizes
 * each size needs: (min-breakpoint, max-breakpoint, min-font-size, max-font-size)
 * breakpoints can be sizes or $breakpoint keys, Examples:
 * 'huge': (320px, 960px, 32px, 66px),
 * 'huge': (phone-portrait, desktop-small, 32px, 66px),
 */
/*
#Stylesets

Stylesets are responsive type style definitions that are managed by the `set-style`
mixin. The definitions are saved in `settings/_stylesets.scss`.

`@include set-style(foo)` will apply the `foo` style and also any pre-defined
media query changes.

`@include set-style(foo, default)` will apply the only the default `foo` style.

`@include set-style(foo, '>=tablet')` will apply the only the passed breakpoint
media `foo` style, using the predefined include media mixin (from `settings/_breakpoints.scss`).

`@include set-style(foo, '>=768px')` will apply the only the sepcificed media
query `foo` style, using the generated include media mixin.

Styleguide Settings.Stylesets
*/
/*
#Mixins

Sass @mixins

Styleguide Mixins.0
*/
/*
#Container

Container margins for large and small viewports.

Example Usage:

```
.MyClass {
    @extend %container;
}
```

Markup:
<div class="%container">Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue. Nullam quis risus eget urna mollis ornare vel eu leo.</div>

Variables in: `settings/_layout-settings.scss`

$container-max-width            - max width that contained content can get
$container-max-width-narrow     - max width for narrower content
$container-max-width-narrowest  - max width for narrowest content
$container-margin               - margins when contained, but not mobile
$container-margin-mobile        - margins when mobile



Styleguide Traits.Container
*/
/*
#@mixin font-family()

TBD

Styleguide Mixins.fontfamily
*/
/*
#@mixin font-loader()

TBD

Styleguide Mixins.fontloader
*/
/*
#Utilities

All the Utilities. Always imported by .Page

Styleguide Utilities.0
*/
/*
#Font Loader

Loads any webfonts

Styleguide Foundation.fontloader
*/
@font-face {
  font-family: "ToyotaType";
  src: url("/_resources/themes/main/fonts/ToyotaType-Light.woff2") format("woff2"), url("/_resources/themes/main/fonts/ToyotaType-Light.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ToyotaType";
  src: url("/_resources/themes/main/fonts/ToyotaType-Book.woff2") format("woff2"), url("/_resources/themes/main/fonts/ToyotaType-Book.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ToyotaType";
  src: url("/_resources/themes/main/fonts/ToyotaType-Regular.woff2") format("woff2"), url("/_resources/themes/main/fonts/ToyotaType-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ToyotaType";
  src: url("/_resources/themes/main/fonts/ToyotaType-Semibold.woff2") format("woff2"), url("/_resources/themes/main/fonts/ToyotaType-Semibold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ToyotaType";
  src: url("/_resources/themes/main/fonts/ToyotaType-Bold.woff2") format("woff2"), url("/_resources/themes/main/fonts/ToyotaType-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Foundation Styles */
/* Box sizing rules */
html {
  box-sizing: border-box;
}

/* smooth scrooll (but not when doing in page search) */
html:focus-within {
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* font-family */
html {
  font-family: "ToyotaType", tcomLight, HelvNeueLight, Helvetica Neue Light, Arial, sans-serif;
}
html {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  background-color: #fff;
  font-feature-settings: "kern" on, "liga" on, "calt" on;
  line-height: 1.5;
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
}

/* Make images easier to work with */
img {
  display: block;
  max-width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25em !important;
}

.m-2 {
  margin: 0.5em !important;
}

.m-3 {
  margin: 1em !important;
}

.m-4 {
  margin: 1.5em !important;
}

.m-5 {
  margin: 3em !important;
}

.m-6 {
  margin: 4.5em !important;
}

.m-7 {
  margin: 6em !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25em !important;
  margin-left: 0.25em !important;
}

.mx-2 {
  margin-right: 0.5em !important;
  margin-left: 0.5em !important;
}

.mx-3 {
  margin-right: 1em !important;
  margin-left: 1em !important;
}

.mx-4 {
  margin-right: 1.5em !important;
  margin-left: 1.5em !important;
}

.mx-5 {
  margin-right: 3em !important;
  margin-left: 3em !important;
}

.mx-6 {
  margin-right: 4.5em !important;
  margin-left: 4.5em !important;
}

.mx-7 {
  margin-right: 6em !important;
  margin-left: 6em !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
}

.my-2 {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.my-3 {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.my-4 {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
}

.my-5 {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
}

.my-6 {
  margin-top: 4.5em !important;
  margin-bottom: 4.5em !important;
}

.my-7 {
  margin-top: 6em !important;
  margin-bottom: 6em !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25em !important;
}

.mt-2 {
  margin-top: 0.5em !important;
}

.mt-3 {
  margin-top: 1em !important;
}

.mt-4 {
  margin-top: 1.5em !important;
}

.mt-5 {
  margin-top: 3em !important;
}

.mt-6 {
  margin-top: 4.5em !important;
}

.mt-7 {
  margin-top: 6em !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25em !important;
}

.me-2 {
  margin-right: 0.5em !important;
}

.me-3 {
  margin-right: 1em !important;
}

.me-4 {
  margin-right: 1.5em !important;
}

.me-5 {
  margin-right: 3em !important;
}

.me-6 {
  margin-right: 4.5em !important;
}

.me-7 {
  margin-right: 6em !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25em !important;
}

.mb-2 {
  margin-bottom: 0.5em !important;
}

.mb-3 {
  margin-bottom: 1em !important;
}

.mb-4 {
  margin-bottom: 1.5em !important;
}

.mb-5 {
  margin-bottom: 3em !important;
}

.mb-6 {
  margin-bottom: 4.5em !important;
}

.mb-7 {
  margin-bottom: 6em !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25em !important;
}

.ms-2 {
  margin-left: 0.5em !important;
}

.ms-3 {
  margin-left: 1em !important;
}

.ms-4 {
  margin-left: 1.5em !important;
}

.ms-5 {
  margin-left: 3em !important;
}

.ms-6 {
  margin-left: 4.5em !important;
}

.ms-7 {
  margin-left: 6em !important;
}

.ms-auto {
  margin-left: auto !important;
}

.m-n1 {
  margin: -0.25em !important;
}

.m-n2 {
  margin: -0.5em !important;
}

.m-n3 {
  margin: -1em !important;
}

.m-n4 {
  margin: -1.5em !important;
}

.m-n5 {
  margin: -3em !important;
}

.m-n6 {
  margin: -4.5em !important;
}

.m-n7 {
  margin: -6em !important;
}

.mx-n1 {
  margin-right: -0.25em !important;
  margin-left: -0.25em !important;
}

.mx-n2 {
  margin-right: -0.5em !important;
  margin-left: -0.5em !important;
}

.mx-n3 {
  margin-right: -1em !important;
  margin-left: -1em !important;
}

.mx-n4 {
  margin-right: -1.5em !important;
  margin-left: -1.5em !important;
}

.mx-n5 {
  margin-right: -3em !important;
  margin-left: -3em !important;
}

.mx-n6 {
  margin-right: -4.5em !important;
  margin-left: -4.5em !important;
}

.mx-n7 {
  margin-right: -6em !important;
  margin-left: -6em !important;
}

.my-n1 {
  margin-top: -0.25em !important;
  margin-bottom: -0.25em !important;
}

.my-n2 {
  margin-top: -0.5em !important;
  margin-bottom: -0.5em !important;
}

.my-n3 {
  margin-top: -1em !important;
  margin-bottom: -1em !important;
}

.my-n4 {
  margin-top: -1.5em !important;
  margin-bottom: -1.5em !important;
}

.my-n5 {
  margin-top: -3em !important;
  margin-bottom: -3em !important;
}

.my-n6 {
  margin-top: -4.5em !important;
  margin-bottom: -4.5em !important;
}

.my-n7 {
  margin-top: -6em !important;
  margin-bottom: -6em !important;
}

.mt-n1 {
  margin-top: -0.25em !important;
}

.mt-n2 {
  margin-top: -0.5em !important;
}

.mt-n3 {
  margin-top: -1em !important;
}

.mt-n4 {
  margin-top: -1.5em !important;
}

.mt-n5 {
  margin-top: -3em !important;
}

.mt-n6 {
  margin-top: -4.5em !important;
}

.mt-n7 {
  margin-top: -6em !important;
}

.me-n1 {
  margin-right: -0.25em !important;
}

.me-n2 {
  margin-right: -0.5em !important;
}

.me-n3 {
  margin-right: -1em !important;
}

.me-n4 {
  margin-right: -1.5em !important;
}

.me-n5 {
  margin-right: -3em !important;
}

.me-n6 {
  margin-right: -4.5em !important;
}

.me-n7 {
  margin-right: -6em !important;
}

.mb-n1 {
  margin-bottom: -0.25em !important;
}

.mb-n2 {
  margin-bottom: -0.5em !important;
}

.mb-n3 {
  margin-bottom: -1em !important;
}

.mb-n4 {
  margin-bottom: -1.5em !important;
}

.mb-n5 {
  margin-bottom: -3em !important;
}

.mb-n6 {
  margin-bottom: -4.5em !important;
}

.mb-n7 {
  margin-bottom: -6em !important;
}

.ms-n1 {
  margin-left: -0.25em !important;
}

.ms-n2 {
  margin-left: -0.5em !important;
}

.ms-n3 {
  margin-left: -1em !important;
}

.ms-n4 {
  margin-left: -1.5em !important;
}

.ms-n5 {
  margin-left: -3em !important;
}

.ms-n6 {
  margin-left: -4.5em !important;
}

.ms-n7 {
  margin-left: -6em !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25em !important;
}

.p-2 {
  padding: 0.5em !important;
}

.p-3 {
  padding: 1em !important;
}

.p-4 {
  padding: 1.5em !important;
}

.p-5 {
  padding: 3em !important;
}

.p-6 {
  padding: 4.5em !important;
}

.p-7 {
  padding: 6em !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25em !important;
  padding-left: 0.25em !important;
}

.px-2 {
  padding-right: 0.5em !important;
  padding-left: 0.5em !important;
}

.px-3 {
  padding-right: 1em !important;
  padding-left: 1em !important;
}

.px-4 {
  padding-right: 1.5em !important;
  padding-left: 1.5em !important;
}

.px-5 {
  padding-right: 3em !important;
  padding-left: 3em !important;
}

.px-6 {
  padding-right: 4.5em !important;
  padding-left: 4.5em !important;
}

.px-7 {
  padding-right: 6em !important;
  padding-left: 6em !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25em !important;
  padding-bottom: 0.25em !important;
}

.py-2 {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}

.py-3 {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

.py-4 {
  padding-top: 1.5em !important;
  padding-bottom: 1.5em !important;
}

.py-5 {
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}

.py-6 {
  padding-top: 4.5em !important;
  padding-bottom: 4.5em !important;
}

.py-7 {
  padding-top: 6em !important;
  padding-bottom: 6em !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25em !important;
}

.pt-2 {
  padding-top: 0.5em !important;
}

.pt-3 {
  padding-top: 1em !important;
}

.pt-4 {
  padding-top: 1.5em !important;
}

.pt-5 {
  padding-top: 3em !important;
}

.pt-6 {
  padding-top: 4.5em !important;
}

.pt-7 {
  padding-top: 6em !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25em !important;
}

.pe-2 {
  padding-right: 0.5em !important;
}

.pe-3 {
  padding-right: 1em !important;
}

.pe-4 {
  padding-right: 1.5em !important;
}

.pe-5 {
  padding-right: 3em !important;
}

.pe-6 {
  padding-right: 4.5em !important;
}

.pe-7 {
  padding-right: 6em !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25em !important;
}

.pb-2 {
  padding-bottom: 0.5em !important;
}

.pb-3 {
  padding-bottom: 1em !important;
}

.pb-4 {
  padding-bottom: 1.5em !important;
}

.pb-5 {
  padding-bottom: 3em !important;
}

.pb-6 {
  padding-bottom: 4.5em !important;
}

.pb-7 {
  padding-bottom: 6em !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25em !important;
}

.ps-2 {
  padding-left: 0.5em !important;
}

.ps-3 {
  padding-left: 1em !important;
}

.ps-4 {
  padding-left: 1.5em !important;
}

.ps-5 {
  padding-left: 3em !important;
}

.ps-6 {
  padding-left: 4.5em !important;
}

.ps-7 {
  padding-left: 6em !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25em !important;
}

.gap-2 {
  gap: 0.5em !important;
}

.gap-3 {
  gap: 1em !important;
}

.gap-4 {
  gap: 1.5em !important;
}

.gap-5 {
  gap: 3em !important;
}

.gap-6 {
  gap: 4.5em !important;
}

.gap-7 {
  gap: 6em !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25em !important;
}

.row-gap-2 {
  row-gap: 0.5em !important;
}

.row-gap-3 {
  row-gap: 1em !important;
}

.row-gap-4 {
  row-gap: 1.5em !important;
}

.row-gap-5 {
  row-gap: 3em !important;
}

.row-gap-6 {
  row-gap: 4.5em !important;
}

.row-gap-7 {
  row-gap: 6em !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25em !important;
       column-gap: 0.25em !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5em !important;
       column-gap: 0.5em !important;
}

.column-gap-3 {
  -moz-column-gap: 1em !important;
       column-gap: 1em !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5em !important;
       column-gap: 1.5em !important;
}

.column-gap-5 {
  -moz-column-gap: 3em !important;
       column-gap: 3em !important;
}

.column-gap-6 {
  -moz-column-gap: 4.5em !important;
       column-gap: 4.5em !important;
}

.column-gap-7 {
  -moz-column-gap: 6em !important;
       column-gap: 6em !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 300 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25em !important;
  }
  .m-sm-2 {
    margin: 0.5em !important;
  }
  .m-sm-3 {
    margin: 1em !important;
  }
  .m-sm-4 {
    margin: 1.5em !important;
  }
  .m-sm-5 {
    margin: 3em !important;
  }
  .m-sm-6 {
    margin: 4.5em !important;
  }
  .m-sm-7 {
    margin: 6em !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }
  .mx-sm-2 {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  .mx-sm-3 {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }
  .mx-sm-4 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
  }
  .mx-sm-5 {
    margin-right: 3em !important;
    margin-left: 3em !important;
  }
  .mx-sm-6 {
    margin-right: 4.5em !important;
    margin-left: 4.5em !important;
  }
  .mx-sm-7 {
    margin-right: 6em !important;
    margin-left: 6em !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }
  .my-sm-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  .my-sm-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  .my-sm-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  .my-sm-5 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  .my-sm-6 {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }
  .my-sm-7 {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25em !important;
  }
  .mt-sm-2 {
    margin-top: 0.5em !important;
  }
  .mt-sm-3 {
    margin-top: 1em !important;
  }
  .mt-sm-4 {
    margin-top: 1.5em !important;
  }
  .mt-sm-5 {
    margin-top: 3em !important;
  }
  .mt-sm-6 {
    margin-top: 4.5em !important;
  }
  .mt-sm-7 {
    margin-top: 6em !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25em !important;
  }
  .me-sm-2 {
    margin-right: 0.5em !important;
  }
  .me-sm-3 {
    margin-right: 1em !important;
  }
  .me-sm-4 {
    margin-right: 1.5em !important;
  }
  .me-sm-5 {
    margin-right: 3em !important;
  }
  .me-sm-6 {
    margin-right: 4.5em !important;
  }
  .me-sm-7 {
    margin-right: 6em !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25em !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5em !important;
  }
  .mb-sm-3 {
    margin-bottom: 1em !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5em !important;
  }
  .mb-sm-5 {
    margin-bottom: 3em !important;
  }
  .mb-sm-6 {
    margin-bottom: 4.5em !important;
  }
  .mb-sm-7 {
    margin-bottom: 6em !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25em !important;
  }
  .ms-sm-2 {
    margin-left: 0.5em !important;
  }
  .ms-sm-3 {
    margin-left: 1em !important;
  }
  .ms-sm-4 {
    margin-left: 1.5em !important;
  }
  .ms-sm-5 {
    margin-left: 3em !important;
  }
  .ms-sm-6 {
    margin-left: 4.5em !important;
  }
  .ms-sm-7 {
    margin-left: 6em !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .m-sm-n1 {
    margin: -0.25em !important;
  }
  .m-sm-n2 {
    margin: -0.5em !important;
  }
  .m-sm-n3 {
    margin: -1em !important;
  }
  .m-sm-n4 {
    margin: -1.5em !important;
  }
  .m-sm-n5 {
    margin: -3em !important;
  }
  .m-sm-n6 {
    margin: -4.5em !important;
  }
  .m-sm-n7 {
    margin: -6em !important;
  }
  .mx-sm-n1 {
    margin-right: -0.25em !important;
    margin-left: -0.25em !important;
  }
  .mx-sm-n2 {
    margin-right: -0.5em !important;
    margin-left: -0.5em !important;
  }
  .mx-sm-n3 {
    margin-right: -1em !important;
    margin-left: -1em !important;
  }
  .mx-sm-n4 {
    margin-right: -1.5em !important;
    margin-left: -1.5em !important;
  }
  .mx-sm-n5 {
    margin-right: -3em !important;
    margin-left: -3em !important;
  }
  .mx-sm-n6 {
    margin-right: -4.5em !important;
    margin-left: -4.5em !important;
  }
  .mx-sm-n7 {
    margin-right: -6em !important;
    margin-left: -6em !important;
  }
  .my-sm-n1 {
    margin-top: -0.25em !important;
    margin-bottom: -0.25em !important;
  }
  .my-sm-n2 {
    margin-top: -0.5em !important;
    margin-bottom: -0.5em !important;
  }
  .my-sm-n3 {
    margin-top: -1em !important;
    margin-bottom: -1em !important;
  }
  .my-sm-n4 {
    margin-top: -1.5em !important;
    margin-bottom: -1.5em !important;
  }
  .my-sm-n5 {
    margin-top: -3em !important;
    margin-bottom: -3em !important;
  }
  .my-sm-n6 {
    margin-top: -4.5em !important;
    margin-bottom: -4.5em !important;
  }
  .my-sm-n7 {
    margin-top: -6em !important;
    margin-bottom: -6em !important;
  }
  .mt-sm-n1 {
    margin-top: -0.25em !important;
  }
  .mt-sm-n2 {
    margin-top: -0.5em !important;
  }
  .mt-sm-n3 {
    margin-top: -1em !important;
  }
  .mt-sm-n4 {
    margin-top: -1.5em !important;
  }
  .mt-sm-n5 {
    margin-top: -3em !important;
  }
  .mt-sm-n6 {
    margin-top: -4.5em !important;
  }
  .mt-sm-n7 {
    margin-top: -6em !important;
  }
  .me-sm-n1 {
    margin-right: -0.25em !important;
  }
  .me-sm-n2 {
    margin-right: -0.5em !important;
  }
  .me-sm-n3 {
    margin-right: -1em !important;
  }
  .me-sm-n4 {
    margin-right: -1.5em !important;
  }
  .me-sm-n5 {
    margin-right: -3em !important;
  }
  .me-sm-n6 {
    margin-right: -4.5em !important;
  }
  .me-sm-n7 {
    margin-right: -6em !important;
  }
  .mb-sm-n1 {
    margin-bottom: -0.25em !important;
  }
  .mb-sm-n2 {
    margin-bottom: -0.5em !important;
  }
  .mb-sm-n3 {
    margin-bottom: -1em !important;
  }
  .mb-sm-n4 {
    margin-bottom: -1.5em !important;
  }
  .mb-sm-n5 {
    margin-bottom: -3em !important;
  }
  .mb-sm-n6 {
    margin-bottom: -4.5em !important;
  }
  .mb-sm-n7 {
    margin-bottom: -6em !important;
  }
  .ms-sm-n1 {
    margin-left: -0.25em !important;
  }
  .ms-sm-n2 {
    margin-left: -0.5em !important;
  }
  .ms-sm-n3 {
    margin-left: -1em !important;
  }
  .ms-sm-n4 {
    margin-left: -1.5em !important;
  }
  .ms-sm-n5 {
    margin-left: -3em !important;
  }
  .ms-sm-n6 {
    margin-left: -4.5em !important;
  }
  .ms-sm-n7 {
    margin-left: -6em !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25em !important;
  }
  .p-sm-2 {
    padding: 0.5em !important;
  }
  .p-sm-3 {
    padding: 1em !important;
  }
  .p-sm-4 {
    padding: 1.5em !important;
  }
  .p-sm-5 {
    padding: 3em !important;
  }
  .p-sm-6 {
    padding: 4.5em !important;
  }
  .p-sm-7 {
    padding: 6em !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }
  .px-sm-2 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }
  .px-sm-3 {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  .px-sm-4 {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
  }
  .px-sm-5 {
    padding-right: 3em !important;
    padding-left: 3em !important;
  }
  .px-sm-6 {
    padding-right: 4.5em !important;
    padding-left: 4.5em !important;
  }
  .px-sm-7 {
    padding-right: 6em !important;
    padding-left: 6em !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }
  .py-sm-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  .py-sm-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  .py-sm-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  .py-sm-5 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  .py-sm-6 {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }
  .py-sm-7 {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25em !important;
  }
  .pt-sm-2 {
    padding-top: 0.5em !important;
  }
  .pt-sm-3 {
    padding-top: 1em !important;
  }
  .pt-sm-4 {
    padding-top: 1.5em !important;
  }
  .pt-sm-5 {
    padding-top: 3em !important;
  }
  .pt-sm-6 {
    padding-top: 4.5em !important;
  }
  .pt-sm-7 {
    padding-top: 6em !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25em !important;
  }
  .pe-sm-2 {
    padding-right: 0.5em !important;
  }
  .pe-sm-3 {
    padding-right: 1em !important;
  }
  .pe-sm-4 {
    padding-right: 1.5em !important;
  }
  .pe-sm-5 {
    padding-right: 3em !important;
  }
  .pe-sm-6 {
    padding-right: 4.5em !important;
  }
  .pe-sm-7 {
    padding-right: 6em !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25em !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5em !important;
  }
  .pb-sm-3 {
    padding-bottom: 1em !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5em !important;
  }
  .pb-sm-5 {
    padding-bottom: 3em !important;
  }
  .pb-sm-6 {
    padding-bottom: 4.5em !important;
  }
  .pb-sm-7 {
    padding-bottom: 6em !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25em !important;
  }
  .ps-sm-2 {
    padding-left: 0.5em !important;
  }
  .ps-sm-3 {
    padding-left: 1em !important;
  }
  .ps-sm-4 {
    padding-left: 1.5em !important;
  }
  .ps-sm-5 {
    padding-left: 3em !important;
  }
  .ps-sm-6 {
    padding-left: 4.5em !important;
  }
  .ps-sm-7 {
    padding-left: 6em !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25em !important;
  }
  .gap-sm-2 {
    gap: 0.5em !important;
  }
  .gap-sm-3 {
    gap: 1em !important;
  }
  .gap-sm-4 {
    gap: 1.5em !important;
  }
  .gap-sm-5 {
    gap: 3em !important;
  }
  .gap-sm-6 {
    gap: 4.5em !important;
  }
  .gap-sm-7 {
    gap: 6em !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25em !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5em !important;
  }
  .row-gap-sm-3 {
    row-gap: 1em !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5em !important;
  }
  .row-gap-sm-5 {
    row-gap: 3em !important;
  }
  .row-gap-sm-6 {
    row-gap: 4.5em !important;
  }
  .row-gap-sm-7 {
    row-gap: 6em !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25em !important;
         column-gap: 0.25em !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5em !important;
         column-gap: 0.5em !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1em !important;
         column-gap: 1em !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5em !important;
         column-gap: 1.5em !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3em !important;
         column-gap: 3em !important;
  }
  .column-gap-sm-6 {
    -moz-column-gap: 4.5em !important;
         column-gap: 4.5em !important;
  }
  .column-gap-sm-7 {
    -moz-column-gap: 6em !important;
         column-gap: 6em !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25em !important;
  }
  .m-md-2 {
    margin: 0.5em !important;
  }
  .m-md-3 {
    margin: 1em !important;
  }
  .m-md-4 {
    margin: 1.5em !important;
  }
  .m-md-5 {
    margin: 3em !important;
  }
  .m-md-6 {
    margin: 4.5em !important;
  }
  .m-md-7 {
    margin: 6em !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }
  .mx-md-2 {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  .mx-md-3 {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }
  .mx-md-4 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
  }
  .mx-md-5 {
    margin-right: 3em !important;
    margin-left: 3em !important;
  }
  .mx-md-6 {
    margin-right: 4.5em !important;
    margin-left: 4.5em !important;
  }
  .mx-md-7 {
    margin-right: 6em !important;
    margin-left: 6em !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }
  .my-md-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  .my-md-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  .my-md-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  .my-md-5 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  .my-md-6 {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }
  .my-md-7 {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25em !important;
  }
  .mt-md-2 {
    margin-top: 0.5em !important;
  }
  .mt-md-3 {
    margin-top: 1em !important;
  }
  .mt-md-4 {
    margin-top: 1.5em !important;
  }
  .mt-md-5 {
    margin-top: 3em !important;
  }
  .mt-md-6 {
    margin-top: 4.5em !important;
  }
  .mt-md-7 {
    margin-top: 6em !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25em !important;
  }
  .me-md-2 {
    margin-right: 0.5em !important;
  }
  .me-md-3 {
    margin-right: 1em !important;
  }
  .me-md-4 {
    margin-right: 1.5em !important;
  }
  .me-md-5 {
    margin-right: 3em !important;
  }
  .me-md-6 {
    margin-right: 4.5em !important;
  }
  .me-md-7 {
    margin-right: 6em !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25em !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5em !important;
  }
  .mb-md-3 {
    margin-bottom: 1em !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5em !important;
  }
  .mb-md-5 {
    margin-bottom: 3em !important;
  }
  .mb-md-6 {
    margin-bottom: 4.5em !important;
  }
  .mb-md-7 {
    margin-bottom: 6em !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25em !important;
  }
  .ms-md-2 {
    margin-left: 0.5em !important;
  }
  .ms-md-3 {
    margin-left: 1em !important;
  }
  .ms-md-4 {
    margin-left: 1.5em !important;
  }
  .ms-md-5 {
    margin-left: 3em !important;
  }
  .ms-md-6 {
    margin-left: 4.5em !important;
  }
  .ms-md-7 {
    margin-left: 6em !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .m-md-n1 {
    margin: -0.25em !important;
  }
  .m-md-n2 {
    margin: -0.5em !important;
  }
  .m-md-n3 {
    margin: -1em !important;
  }
  .m-md-n4 {
    margin: -1.5em !important;
  }
  .m-md-n5 {
    margin: -3em !important;
  }
  .m-md-n6 {
    margin: -4.5em !important;
  }
  .m-md-n7 {
    margin: -6em !important;
  }
  .mx-md-n1 {
    margin-right: -0.25em !important;
    margin-left: -0.25em !important;
  }
  .mx-md-n2 {
    margin-right: -0.5em !important;
    margin-left: -0.5em !important;
  }
  .mx-md-n3 {
    margin-right: -1em !important;
    margin-left: -1em !important;
  }
  .mx-md-n4 {
    margin-right: -1.5em !important;
    margin-left: -1.5em !important;
  }
  .mx-md-n5 {
    margin-right: -3em !important;
    margin-left: -3em !important;
  }
  .mx-md-n6 {
    margin-right: -4.5em !important;
    margin-left: -4.5em !important;
  }
  .mx-md-n7 {
    margin-right: -6em !important;
    margin-left: -6em !important;
  }
  .my-md-n1 {
    margin-top: -0.25em !important;
    margin-bottom: -0.25em !important;
  }
  .my-md-n2 {
    margin-top: -0.5em !important;
    margin-bottom: -0.5em !important;
  }
  .my-md-n3 {
    margin-top: -1em !important;
    margin-bottom: -1em !important;
  }
  .my-md-n4 {
    margin-top: -1.5em !important;
    margin-bottom: -1.5em !important;
  }
  .my-md-n5 {
    margin-top: -3em !important;
    margin-bottom: -3em !important;
  }
  .my-md-n6 {
    margin-top: -4.5em !important;
    margin-bottom: -4.5em !important;
  }
  .my-md-n7 {
    margin-top: -6em !important;
    margin-bottom: -6em !important;
  }
  .mt-md-n1 {
    margin-top: -0.25em !important;
  }
  .mt-md-n2 {
    margin-top: -0.5em !important;
  }
  .mt-md-n3 {
    margin-top: -1em !important;
  }
  .mt-md-n4 {
    margin-top: -1.5em !important;
  }
  .mt-md-n5 {
    margin-top: -3em !important;
  }
  .mt-md-n6 {
    margin-top: -4.5em !important;
  }
  .mt-md-n7 {
    margin-top: -6em !important;
  }
  .me-md-n1 {
    margin-right: -0.25em !important;
  }
  .me-md-n2 {
    margin-right: -0.5em !important;
  }
  .me-md-n3 {
    margin-right: -1em !important;
  }
  .me-md-n4 {
    margin-right: -1.5em !important;
  }
  .me-md-n5 {
    margin-right: -3em !important;
  }
  .me-md-n6 {
    margin-right: -4.5em !important;
  }
  .me-md-n7 {
    margin-right: -6em !important;
  }
  .mb-md-n1 {
    margin-bottom: -0.25em !important;
  }
  .mb-md-n2 {
    margin-bottom: -0.5em !important;
  }
  .mb-md-n3 {
    margin-bottom: -1em !important;
  }
  .mb-md-n4 {
    margin-bottom: -1.5em !important;
  }
  .mb-md-n5 {
    margin-bottom: -3em !important;
  }
  .mb-md-n6 {
    margin-bottom: -4.5em !important;
  }
  .mb-md-n7 {
    margin-bottom: -6em !important;
  }
  .ms-md-n1 {
    margin-left: -0.25em !important;
  }
  .ms-md-n2 {
    margin-left: -0.5em !important;
  }
  .ms-md-n3 {
    margin-left: -1em !important;
  }
  .ms-md-n4 {
    margin-left: -1.5em !important;
  }
  .ms-md-n5 {
    margin-left: -3em !important;
  }
  .ms-md-n6 {
    margin-left: -4.5em !important;
  }
  .ms-md-n7 {
    margin-left: -6em !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25em !important;
  }
  .p-md-2 {
    padding: 0.5em !important;
  }
  .p-md-3 {
    padding: 1em !important;
  }
  .p-md-4 {
    padding: 1.5em !important;
  }
  .p-md-5 {
    padding: 3em !important;
  }
  .p-md-6 {
    padding: 4.5em !important;
  }
  .p-md-7 {
    padding: 6em !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }
  .px-md-2 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }
  .px-md-3 {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  .px-md-4 {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
  }
  .px-md-5 {
    padding-right: 3em !important;
    padding-left: 3em !important;
  }
  .px-md-6 {
    padding-right: 4.5em !important;
    padding-left: 4.5em !important;
  }
  .px-md-7 {
    padding-right: 6em !important;
    padding-left: 6em !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }
  .py-md-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  .py-md-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  .py-md-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  .py-md-5 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  .py-md-6 {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }
  .py-md-7 {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25em !important;
  }
  .pt-md-2 {
    padding-top: 0.5em !important;
  }
  .pt-md-3 {
    padding-top: 1em !important;
  }
  .pt-md-4 {
    padding-top: 1.5em !important;
  }
  .pt-md-5 {
    padding-top: 3em !important;
  }
  .pt-md-6 {
    padding-top: 4.5em !important;
  }
  .pt-md-7 {
    padding-top: 6em !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25em !important;
  }
  .pe-md-2 {
    padding-right: 0.5em !important;
  }
  .pe-md-3 {
    padding-right: 1em !important;
  }
  .pe-md-4 {
    padding-right: 1.5em !important;
  }
  .pe-md-5 {
    padding-right: 3em !important;
  }
  .pe-md-6 {
    padding-right: 4.5em !important;
  }
  .pe-md-7 {
    padding-right: 6em !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25em !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5em !important;
  }
  .pb-md-3 {
    padding-bottom: 1em !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5em !important;
  }
  .pb-md-5 {
    padding-bottom: 3em !important;
  }
  .pb-md-6 {
    padding-bottom: 4.5em !important;
  }
  .pb-md-7 {
    padding-bottom: 6em !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25em !important;
  }
  .ps-md-2 {
    padding-left: 0.5em !important;
  }
  .ps-md-3 {
    padding-left: 1em !important;
  }
  .ps-md-4 {
    padding-left: 1.5em !important;
  }
  .ps-md-5 {
    padding-left: 3em !important;
  }
  .ps-md-6 {
    padding-left: 4.5em !important;
  }
  .ps-md-7 {
    padding-left: 6em !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25em !important;
  }
  .gap-md-2 {
    gap: 0.5em !important;
  }
  .gap-md-3 {
    gap: 1em !important;
  }
  .gap-md-4 {
    gap: 1.5em !important;
  }
  .gap-md-5 {
    gap: 3em !important;
  }
  .gap-md-6 {
    gap: 4.5em !important;
  }
  .gap-md-7 {
    gap: 6em !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25em !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5em !important;
  }
  .row-gap-md-3 {
    row-gap: 1em !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5em !important;
  }
  .row-gap-md-5 {
    row-gap: 3em !important;
  }
  .row-gap-md-6 {
    row-gap: 4.5em !important;
  }
  .row-gap-md-7 {
    row-gap: 6em !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25em !important;
         column-gap: 0.25em !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5em !important;
         column-gap: 0.5em !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1em !important;
         column-gap: 1em !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5em !important;
         column-gap: 1.5em !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3em !important;
         column-gap: 3em !important;
  }
  .column-gap-md-6 {
    -moz-column-gap: 4.5em !important;
         column-gap: 4.5em !important;
  }
  .column-gap-md-7 {
    -moz-column-gap: 6em !important;
         column-gap: 6em !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25em !important;
  }
  .m-lg-2 {
    margin: 0.5em !important;
  }
  .m-lg-3 {
    margin: 1em !important;
  }
  .m-lg-4 {
    margin: 1.5em !important;
  }
  .m-lg-5 {
    margin: 3em !important;
  }
  .m-lg-6 {
    margin: 4.5em !important;
  }
  .m-lg-7 {
    margin: 6em !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }
  .mx-lg-2 {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  .mx-lg-3 {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }
  .mx-lg-4 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
  }
  .mx-lg-5 {
    margin-right: 3em !important;
    margin-left: 3em !important;
  }
  .mx-lg-6 {
    margin-right: 4.5em !important;
    margin-left: 4.5em !important;
  }
  .mx-lg-7 {
    margin-right: 6em !important;
    margin-left: 6em !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }
  .my-lg-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  .my-lg-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  .my-lg-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  .my-lg-5 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  .my-lg-6 {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }
  .my-lg-7 {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25em !important;
  }
  .mt-lg-2 {
    margin-top: 0.5em !important;
  }
  .mt-lg-3 {
    margin-top: 1em !important;
  }
  .mt-lg-4 {
    margin-top: 1.5em !important;
  }
  .mt-lg-5 {
    margin-top: 3em !important;
  }
  .mt-lg-6 {
    margin-top: 4.5em !important;
  }
  .mt-lg-7 {
    margin-top: 6em !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25em !important;
  }
  .me-lg-2 {
    margin-right: 0.5em !important;
  }
  .me-lg-3 {
    margin-right: 1em !important;
  }
  .me-lg-4 {
    margin-right: 1.5em !important;
  }
  .me-lg-5 {
    margin-right: 3em !important;
  }
  .me-lg-6 {
    margin-right: 4.5em !important;
  }
  .me-lg-7 {
    margin-right: 6em !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25em !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5em !important;
  }
  .mb-lg-3 {
    margin-bottom: 1em !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5em !important;
  }
  .mb-lg-5 {
    margin-bottom: 3em !important;
  }
  .mb-lg-6 {
    margin-bottom: 4.5em !important;
  }
  .mb-lg-7 {
    margin-bottom: 6em !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25em !important;
  }
  .ms-lg-2 {
    margin-left: 0.5em !important;
  }
  .ms-lg-3 {
    margin-left: 1em !important;
  }
  .ms-lg-4 {
    margin-left: 1.5em !important;
  }
  .ms-lg-5 {
    margin-left: 3em !important;
  }
  .ms-lg-6 {
    margin-left: 4.5em !important;
  }
  .ms-lg-7 {
    margin-left: 6em !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .m-lg-n1 {
    margin: -0.25em !important;
  }
  .m-lg-n2 {
    margin: -0.5em !important;
  }
  .m-lg-n3 {
    margin: -1em !important;
  }
  .m-lg-n4 {
    margin: -1.5em !important;
  }
  .m-lg-n5 {
    margin: -3em !important;
  }
  .m-lg-n6 {
    margin: -4.5em !important;
  }
  .m-lg-n7 {
    margin: -6em !important;
  }
  .mx-lg-n1 {
    margin-right: -0.25em !important;
    margin-left: -0.25em !important;
  }
  .mx-lg-n2 {
    margin-right: -0.5em !important;
    margin-left: -0.5em !important;
  }
  .mx-lg-n3 {
    margin-right: -1em !important;
    margin-left: -1em !important;
  }
  .mx-lg-n4 {
    margin-right: -1.5em !important;
    margin-left: -1.5em !important;
  }
  .mx-lg-n5 {
    margin-right: -3em !important;
    margin-left: -3em !important;
  }
  .mx-lg-n6 {
    margin-right: -4.5em !important;
    margin-left: -4.5em !important;
  }
  .mx-lg-n7 {
    margin-right: -6em !important;
    margin-left: -6em !important;
  }
  .my-lg-n1 {
    margin-top: -0.25em !important;
    margin-bottom: -0.25em !important;
  }
  .my-lg-n2 {
    margin-top: -0.5em !important;
    margin-bottom: -0.5em !important;
  }
  .my-lg-n3 {
    margin-top: -1em !important;
    margin-bottom: -1em !important;
  }
  .my-lg-n4 {
    margin-top: -1.5em !important;
    margin-bottom: -1.5em !important;
  }
  .my-lg-n5 {
    margin-top: -3em !important;
    margin-bottom: -3em !important;
  }
  .my-lg-n6 {
    margin-top: -4.5em !important;
    margin-bottom: -4.5em !important;
  }
  .my-lg-n7 {
    margin-top: -6em !important;
    margin-bottom: -6em !important;
  }
  .mt-lg-n1 {
    margin-top: -0.25em !important;
  }
  .mt-lg-n2 {
    margin-top: -0.5em !important;
  }
  .mt-lg-n3 {
    margin-top: -1em !important;
  }
  .mt-lg-n4 {
    margin-top: -1.5em !important;
  }
  .mt-lg-n5 {
    margin-top: -3em !important;
  }
  .mt-lg-n6 {
    margin-top: -4.5em !important;
  }
  .mt-lg-n7 {
    margin-top: -6em !important;
  }
  .me-lg-n1 {
    margin-right: -0.25em !important;
  }
  .me-lg-n2 {
    margin-right: -0.5em !important;
  }
  .me-lg-n3 {
    margin-right: -1em !important;
  }
  .me-lg-n4 {
    margin-right: -1.5em !important;
  }
  .me-lg-n5 {
    margin-right: -3em !important;
  }
  .me-lg-n6 {
    margin-right: -4.5em !important;
  }
  .me-lg-n7 {
    margin-right: -6em !important;
  }
  .mb-lg-n1 {
    margin-bottom: -0.25em !important;
  }
  .mb-lg-n2 {
    margin-bottom: -0.5em !important;
  }
  .mb-lg-n3 {
    margin-bottom: -1em !important;
  }
  .mb-lg-n4 {
    margin-bottom: -1.5em !important;
  }
  .mb-lg-n5 {
    margin-bottom: -3em !important;
  }
  .mb-lg-n6 {
    margin-bottom: -4.5em !important;
  }
  .mb-lg-n7 {
    margin-bottom: -6em !important;
  }
  .ms-lg-n1 {
    margin-left: -0.25em !important;
  }
  .ms-lg-n2 {
    margin-left: -0.5em !important;
  }
  .ms-lg-n3 {
    margin-left: -1em !important;
  }
  .ms-lg-n4 {
    margin-left: -1.5em !important;
  }
  .ms-lg-n5 {
    margin-left: -3em !important;
  }
  .ms-lg-n6 {
    margin-left: -4.5em !important;
  }
  .ms-lg-n7 {
    margin-left: -6em !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25em !important;
  }
  .p-lg-2 {
    padding: 0.5em !important;
  }
  .p-lg-3 {
    padding: 1em !important;
  }
  .p-lg-4 {
    padding: 1.5em !important;
  }
  .p-lg-5 {
    padding: 3em !important;
  }
  .p-lg-6 {
    padding: 4.5em !important;
  }
  .p-lg-7 {
    padding: 6em !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }
  .px-lg-2 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }
  .px-lg-3 {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  .px-lg-4 {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
  }
  .px-lg-5 {
    padding-right: 3em !important;
    padding-left: 3em !important;
  }
  .px-lg-6 {
    padding-right: 4.5em !important;
    padding-left: 4.5em !important;
  }
  .px-lg-7 {
    padding-right: 6em !important;
    padding-left: 6em !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }
  .py-lg-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  .py-lg-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  .py-lg-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  .py-lg-5 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  .py-lg-6 {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }
  .py-lg-7 {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25em !important;
  }
  .pt-lg-2 {
    padding-top: 0.5em !important;
  }
  .pt-lg-3 {
    padding-top: 1em !important;
  }
  .pt-lg-4 {
    padding-top: 1.5em !important;
  }
  .pt-lg-5 {
    padding-top: 3em !important;
  }
  .pt-lg-6 {
    padding-top: 4.5em !important;
  }
  .pt-lg-7 {
    padding-top: 6em !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25em !important;
  }
  .pe-lg-2 {
    padding-right: 0.5em !important;
  }
  .pe-lg-3 {
    padding-right: 1em !important;
  }
  .pe-lg-4 {
    padding-right: 1.5em !important;
  }
  .pe-lg-5 {
    padding-right: 3em !important;
  }
  .pe-lg-6 {
    padding-right: 4.5em !important;
  }
  .pe-lg-7 {
    padding-right: 6em !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25em !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5em !important;
  }
  .pb-lg-3 {
    padding-bottom: 1em !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5em !important;
  }
  .pb-lg-5 {
    padding-bottom: 3em !important;
  }
  .pb-lg-6 {
    padding-bottom: 4.5em !important;
  }
  .pb-lg-7 {
    padding-bottom: 6em !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25em !important;
  }
  .ps-lg-2 {
    padding-left: 0.5em !important;
  }
  .ps-lg-3 {
    padding-left: 1em !important;
  }
  .ps-lg-4 {
    padding-left: 1.5em !important;
  }
  .ps-lg-5 {
    padding-left: 3em !important;
  }
  .ps-lg-6 {
    padding-left: 4.5em !important;
  }
  .ps-lg-7 {
    padding-left: 6em !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25em !important;
  }
  .gap-lg-2 {
    gap: 0.5em !important;
  }
  .gap-lg-3 {
    gap: 1em !important;
  }
  .gap-lg-4 {
    gap: 1.5em !important;
  }
  .gap-lg-5 {
    gap: 3em !important;
  }
  .gap-lg-6 {
    gap: 4.5em !important;
  }
  .gap-lg-7 {
    gap: 6em !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25em !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5em !important;
  }
  .row-gap-lg-3 {
    row-gap: 1em !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5em !important;
  }
  .row-gap-lg-5 {
    row-gap: 3em !important;
  }
  .row-gap-lg-6 {
    row-gap: 4.5em !important;
  }
  .row-gap-lg-7 {
    row-gap: 6em !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25em !important;
         column-gap: 0.25em !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5em !important;
         column-gap: 0.5em !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1em !important;
         column-gap: 1em !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5em !important;
         column-gap: 1.5em !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3em !important;
         column-gap: 3em !important;
  }
  .column-gap-lg-6 {
    -moz-column-gap: 4.5em !important;
         column-gap: 4.5em !important;
  }
  .column-gap-lg-7 {
    -moz-column-gap: 6em !important;
         column-gap: 6em !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25em !important;
  }
  .m-xl-2 {
    margin: 0.5em !important;
  }
  .m-xl-3 {
    margin: 1em !important;
  }
  .m-xl-4 {
    margin: 1.5em !important;
  }
  .m-xl-5 {
    margin: 3em !important;
  }
  .m-xl-6 {
    margin: 4.5em !important;
  }
  .m-xl-7 {
    margin: 6em !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }
  .mx-xl-2 {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  .mx-xl-3 {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }
  .mx-xl-4 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
  }
  .mx-xl-5 {
    margin-right: 3em !important;
    margin-left: 3em !important;
  }
  .mx-xl-6 {
    margin-right: 4.5em !important;
    margin-left: 4.5em !important;
  }
  .mx-xl-7 {
    margin-right: 6em !important;
    margin-left: 6em !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }
  .my-xl-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  .my-xl-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  .my-xl-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  .my-xl-5 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  .my-xl-6 {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }
  .my-xl-7 {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25em !important;
  }
  .mt-xl-2 {
    margin-top: 0.5em !important;
  }
  .mt-xl-3 {
    margin-top: 1em !important;
  }
  .mt-xl-4 {
    margin-top: 1.5em !important;
  }
  .mt-xl-5 {
    margin-top: 3em !important;
  }
  .mt-xl-6 {
    margin-top: 4.5em !important;
  }
  .mt-xl-7 {
    margin-top: 6em !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25em !important;
  }
  .me-xl-2 {
    margin-right: 0.5em !important;
  }
  .me-xl-3 {
    margin-right: 1em !important;
  }
  .me-xl-4 {
    margin-right: 1.5em !important;
  }
  .me-xl-5 {
    margin-right: 3em !important;
  }
  .me-xl-6 {
    margin-right: 4.5em !important;
  }
  .me-xl-7 {
    margin-right: 6em !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25em !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5em !important;
  }
  .mb-xl-3 {
    margin-bottom: 1em !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5em !important;
  }
  .mb-xl-5 {
    margin-bottom: 3em !important;
  }
  .mb-xl-6 {
    margin-bottom: 4.5em !important;
  }
  .mb-xl-7 {
    margin-bottom: 6em !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25em !important;
  }
  .ms-xl-2 {
    margin-left: 0.5em !important;
  }
  .ms-xl-3 {
    margin-left: 1em !important;
  }
  .ms-xl-4 {
    margin-left: 1.5em !important;
  }
  .ms-xl-5 {
    margin-left: 3em !important;
  }
  .ms-xl-6 {
    margin-left: 4.5em !important;
  }
  .ms-xl-7 {
    margin-left: 6em !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .m-xl-n1 {
    margin: -0.25em !important;
  }
  .m-xl-n2 {
    margin: -0.5em !important;
  }
  .m-xl-n3 {
    margin: -1em !important;
  }
  .m-xl-n4 {
    margin: -1.5em !important;
  }
  .m-xl-n5 {
    margin: -3em !important;
  }
  .m-xl-n6 {
    margin: -4.5em !important;
  }
  .m-xl-n7 {
    margin: -6em !important;
  }
  .mx-xl-n1 {
    margin-right: -0.25em !important;
    margin-left: -0.25em !important;
  }
  .mx-xl-n2 {
    margin-right: -0.5em !important;
    margin-left: -0.5em !important;
  }
  .mx-xl-n3 {
    margin-right: -1em !important;
    margin-left: -1em !important;
  }
  .mx-xl-n4 {
    margin-right: -1.5em !important;
    margin-left: -1.5em !important;
  }
  .mx-xl-n5 {
    margin-right: -3em !important;
    margin-left: -3em !important;
  }
  .mx-xl-n6 {
    margin-right: -4.5em !important;
    margin-left: -4.5em !important;
  }
  .mx-xl-n7 {
    margin-right: -6em !important;
    margin-left: -6em !important;
  }
  .my-xl-n1 {
    margin-top: -0.25em !important;
    margin-bottom: -0.25em !important;
  }
  .my-xl-n2 {
    margin-top: -0.5em !important;
    margin-bottom: -0.5em !important;
  }
  .my-xl-n3 {
    margin-top: -1em !important;
    margin-bottom: -1em !important;
  }
  .my-xl-n4 {
    margin-top: -1.5em !important;
    margin-bottom: -1.5em !important;
  }
  .my-xl-n5 {
    margin-top: -3em !important;
    margin-bottom: -3em !important;
  }
  .my-xl-n6 {
    margin-top: -4.5em !important;
    margin-bottom: -4.5em !important;
  }
  .my-xl-n7 {
    margin-top: -6em !important;
    margin-bottom: -6em !important;
  }
  .mt-xl-n1 {
    margin-top: -0.25em !important;
  }
  .mt-xl-n2 {
    margin-top: -0.5em !important;
  }
  .mt-xl-n3 {
    margin-top: -1em !important;
  }
  .mt-xl-n4 {
    margin-top: -1.5em !important;
  }
  .mt-xl-n5 {
    margin-top: -3em !important;
  }
  .mt-xl-n6 {
    margin-top: -4.5em !important;
  }
  .mt-xl-n7 {
    margin-top: -6em !important;
  }
  .me-xl-n1 {
    margin-right: -0.25em !important;
  }
  .me-xl-n2 {
    margin-right: -0.5em !important;
  }
  .me-xl-n3 {
    margin-right: -1em !important;
  }
  .me-xl-n4 {
    margin-right: -1.5em !important;
  }
  .me-xl-n5 {
    margin-right: -3em !important;
  }
  .me-xl-n6 {
    margin-right: -4.5em !important;
  }
  .me-xl-n7 {
    margin-right: -6em !important;
  }
  .mb-xl-n1 {
    margin-bottom: -0.25em !important;
  }
  .mb-xl-n2 {
    margin-bottom: -0.5em !important;
  }
  .mb-xl-n3 {
    margin-bottom: -1em !important;
  }
  .mb-xl-n4 {
    margin-bottom: -1.5em !important;
  }
  .mb-xl-n5 {
    margin-bottom: -3em !important;
  }
  .mb-xl-n6 {
    margin-bottom: -4.5em !important;
  }
  .mb-xl-n7 {
    margin-bottom: -6em !important;
  }
  .ms-xl-n1 {
    margin-left: -0.25em !important;
  }
  .ms-xl-n2 {
    margin-left: -0.5em !important;
  }
  .ms-xl-n3 {
    margin-left: -1em !important;
  }
  .ms-xl-n4 {
    margin-left: -1.5em !important;
  }
  .ms-xl-n5 {
    margin-left: -3em !important;
  }
  .ms-xl-n6 {
    margin-left: -4.5em !important;
  }
  .ms-xl-n7 {
    margin-left: -6em !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25em !important;
  }
  .p-xl-2 {
    padding: 0.5em !important;
  }
  .p-xl-3 {
    padding: 1em !important;
  }
  .p-xl-4 {
    padding: 1.5em !important;
  }
  .p-xl-5 {
    padding: 3em !important;
  }
  .p-xl-6 {
    padding: 4.5em !important;
  }
  .p-xl-7 {
    padding: 6em !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }
  .px-xl-2 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }
  .px-xl-3 {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  .px-xl-4 {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
  }
  .px-xl-5 {
    padding-right: 3em !important;
    padding-left: 3em !important;
  }
  .px-xl-6 {
    padding-right: 4.5em !important;
    padding-left: 4.5em !important;
  }
  .px-xl-7 {
    padding-right: 6em !important;
    padding-left: 6em !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }
  .py-xl-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  .py-xl-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  .py-xl-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  .py-xl-5 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  .py-xl-6 {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }
  .py-xl-7 {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25em !important;
  }
  .pt-xl-2 {
    padding-top: 0.5em !important;
  }
  .pt-xl-3 {
    padding-top: 1em !important;
  }
  .pt-xl-4 {
    padding-top: 1.5em !important;
  }
  .pt-xl-5 {
    padding-top: 3em !important;
  }
  .pt-xl-6 {
    padding-top: 4.5em !important;
  }
  .pt-xl-7 {
    padding-top: 6em !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25em !important;
  }
  .pe-xl-2 {
    padding-right: 0.5em !important;
  }
  .pe-xl-3 {
    padding-right: 1em !important;
  }
  .pe-xl-4 {
    padding-right: 1.5em !important;
  }
  .pe-xl-5 {
    padding-right: 3em !important;
  }
  .pe-xl-6 {
    padding-right: 4.5em !important;
  }
  .pe-xl-7 {
    padding-right: 6em !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25em !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5em !important;
  }
  .pb-xl-3 {
    padding-bottom: 1em !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5em !important;
  }
  .pb-xl-5 {
    padding-bottom: 3em !important;
  }
  .pb-xl-6 {
    padding-bottom: 4.5em !important;
  }
  .pb-xl-7 {
    padding-bottom: 6em !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25em !important;
  }
  .ps-xl-2 {
    padding-left: 0.5em !important;
  }
  .ps-xl-3 {
    padding-left: 1em !important;
  }
  .ps-xl-4 {
    padding-left: 1.5em !important;
  }
  .ps-xl-5 {
    padding-left: 3em !important;
  }
  .ps-xl-6 {
    padding-left: 4.5em !important;
  }
  .ps-xl-7 {
    padding-left: 6em !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25em !important;
  }
  .gap-xl-2 {
    gap: 0.5em !important;
  }
  .gap-xl-3 {
    gap: 1em !important;
  }
  .gap-xl-4 {
    gap: 1.5em !important;
  }
  .gap-xl-5 {
    gap: 3em !important;
  }
  .gap-xl-6 {
    gap: 4.5em !important;
  }
  .gap-xl-7 {
    gap: 6em !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25em !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5em !important;
  }
  .row-gap-xl-3 {
    row-gap: 1em !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5em !important;
  }
  .row-gap-xl-5 {
    row-gap: 3em !important;
  }
  .row-gap-xl-6 {
    row-gap: 4.5em !important;
  }
  .row-gap-xl-7 {
    row-gap: 6em !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25em !important;
         column-gap: 0.25em !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5em !important;
         column-gap: 0.5em !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1em !important;
         column-gap: 1em !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5em !important;
         column-gap: 1.5em !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3em !important;
         column-gap: 3em !important;
  }
  .column-gap-xl-6 {
    -moz-column-gap: 4.5em !important;
         column-gap: 4.5em !important;
  }
  .column-gap-xl-7 {
    -moz-column-gap: 6em !important;
         column-gap: 6em !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25em !important;
  }
  .m-xxl-2 {
    margin: 0.5em !important;
  }
  .m-xxl-3 {
    margin: 1em !important;
  }
  .m-xxl-4 {
    margin: 1.5em !important;
  }
  .m-xxl-5 {
    margin: 3em !important;
  }
  .m-xxl-6 {
    margin: 4.5em !important;
  }
  .m-xxl-7 {
    margin: 6em !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25em !important;
    margin-left: 0.25em !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5em !important;
    margin-left: 0.5em !important;
  }
  .mx-xxl-3 {
    margin-right: 1em !important;
    margin-left: 1em !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5em !important;
    margin-left: 1.5em !important;
  }
  .mx-xxl-5 {
    margin-right: 3em !important;
    margin-left: 3em !important;
  }
  .mx-xxl-6 {
    margin-right: 4.5em !important;
    margin-left: 4.5em !important;
  }
  .mx-xxl-7 {
    margin-right: 6em !important;
    margin-left: 6em !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25em !important;
    margin-bottom: 0.25em !important;
  }
  .my-xxl-2 {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }
  .my-xxl-3 {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }
  .my-xxl-4 {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }
  .my-xxl-5 {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }
  .my-xxl-6 {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }
  .my-xxl-7 {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25em !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5em !important;
  }
  .mt-xxl-3 {
    margin-top: 1em !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5em !important;
  }
  .mt-xxl-5 {
    margin-top: 3em !important;
  }
  .mt-xxl-6 {
    margin-top: 4.5em !important;
  }
  .mt-xxl-7 {
    margin-top: 6em !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25em !important;
  }
  .me-xxl-2 {
    margin-right: 0.5em !important;
  }
  .me-xxl-3 {
    margin-right: 1em !important;
  }
  .me-xxl-4 {
    margin-right: 1.5em !important;
  }
  .me-xxl-5 {
    margin-right: 3em !important;
  }
  .me-xxl-6 {
    margin-right: 4.5em !important;
  }
  .me-xxl-7 {
    margin-right: 6em !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25em !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5em !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1em !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5em !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3em !important;
  }
  .mb-xxl-6 {
    margin-bottom: 4.5em !important;
  }
  .mb-xxl-7 {
    margin-bottom: 6em !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25em !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5em !important;
  }
  .ms-xxl-3 {
    margin-left: 1em !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5em !important;
  }
  .ms-xxl-5 {
    margin-left: 3em !important;
  }
  .ms-xxl-6 {
    margin-left: 4.5em !important;
  }
  .ms-xxl-7 {
    margin-left: 6em !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .m-xxl-n1 {
    margin: -0.25em !important;
  }
  .m-xxl-n2 {
    margin: -0.5em !important;
  }
  .m-xxl-n3 {
    margin: -1em !important;
  }
  .m-xxl-n4 {
    margin: -1.5em !important;
  }
  .m-xxl-n5 {
    margin: -3em !important;
  }
  .m-xxl-n6 {
    margin: -4.5em !important;
  }
  .m-xxl-n7 {
    margin: -6em !important;
  }
  .mx-xxl-n1 {
    margin-right: -0.25em !important;
    margin-left: -0.25em !important;
  }
  .mx-xxl-n2 {
    margin-right: -0.5em !important;
    margin-left: -0.5em !important;
  }
  .mx-xxl-n3 {
    margin-right: -1em !important;
    margin-left: -1em !important;
  }
  .mx-xxl-n4 {
    margin-right: -1.5em !important;
    margin-left: -1.5em !important;
  }
  .mx-xxl-n5 {
    margin-right: -3em !important;
    margin-left: -3em !important;
  }
  .mx-xxl-n6 {
    margin-right: -4.5em !important;
    margin-left: -4.5em !important;
  }
  .mx-xxl-n7 {
    margin-right: -6em !important;
    margin-left: -6em !important;
  }
  .my-xxl-n1 {
    margin-top: -0.25em !important;
    margin-bottom: -0.25em !important;
  }
  .my-xxl-n2 {
    margin-top: -0.5em !important;
    margin-bottom: -0.5em !important;
  }
  .my-xxl-n3 {
    margin-top: -1em !important;
    margin-bottom: -1em !important;
  }
  .my-xxl-n4 {
    margin-top: -1.5em !important;
    margin-bottom: -1.5em !important;
  }
  .my-xxl-n5 {
    margin-top: -3em !important;
    margin-bottom: -3em !important;
  }
  .my-xxl-n6 {
    margin-top: -4.5em !important;
    margin-bottom: -4.5em !important;
  }
  .my-xxl-n7 {
    margin-top: -6em !important;
    margin-bottom: -6em !important;
  }
  .mt-xxl-n1 {
    margin-top: -0.25em !important;
  }
  .mt-xxl-n2 {
    margin-top: -0.5em !important;
  }
  .mt-xxl-n3 {
    margin-top: -1em !important;
  }
  .mt-xxl-n4 {
    margin-top: -1.5em !important;
  }
  .mt-xxl-n5 {
    margin-top: -3em !important;
  }
  .mt-xxl-n6 {
    margin-top: -4.5em !important;
  }
  .mt-xxl-n7 {
    margin-top: -6em !important;
  }
  .me-xxl-n1 {
    margin-right: -0.25em !important;
  }
  .me-xxl-n2 {
    margin-right: -0.5em !important;
  }
  .me-xxl-n3 {
    margin-right: -1em !important;
  }
  .me-xxl-n4 {
    margin-right: -1.5em !important;
  }
  .me-xxl-n5 {
    margin-right: -3em !important;
  }
  .me-xxl-n6 {
    margin-right: -4.5em !important;
  }
  .me-xxl-n7 {
    margin-right: -6em !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -0.25em !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -0.5em !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -1em !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -1.5em !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -3em !important;
  }
  .mb-xxl-n6 {
    margin-bottom: -4.5em !important;
  }
  .mb-xxl-n7 {
    margin-bottom: -6em !important;
  }
  .ms-xxl-n1 {
    margin-left: -0.25em !important;
  }
  .ms-xxl-n2 {
    margin-left: -0.5em !important;
  }
  .ms-xxl-n3 {
    margin-left: -1em !important;
  }
  .ms-xxl-n4 {
    margin-left: -1.5em !important;
  }
  .ms-xxl-n5 {
    margin-left: -3em !important;
  }
  .ms-xxl-n6 {
    margin-left: -4.5em !important;
  }
  .ms-xxl-n7 {
    margin-left: -6em !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25em !important;
  }
  .p-xxl-2 {
    padding: 0.5em !important;
  }
  .p-xxl-3 {
    padding: 1em !important;
  }
  .p-xxl-4 {
    padding: 1.5em !important;
  }
  .p-xxl-5 {
    padding: 3em !important;
  }
  .p-xxl-6 {
    padding: 4.5em !important;
  }
  .p-xxl-7 {
    padding: 6em !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25em !important;
    padding-left: 0.25em !important;
  }
  .px-xxl-2 {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
  }
  .px-xxl-3 {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  .px-xxl-4 {
    padding-right: 1.5em !important;
    padding-left: 1.5em !important;
  }
  .px-xxl-5 {
    padding-right: 3em !important;
    padding-left: 3em !important;
  }
  .px-xxl-6 {
    padding-right: 4.5em !important;
    padding-left: 4.5em !important;
  }
  .px-xxl-7 {
    padding-right: 6em !important;
    padding-left: 6em !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
  }
  .py-xxl-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }
  .py-xxl-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  .py-xxl-4 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }
  .py-xxl-5 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }
  .py-xxl-6 {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }
  .py-xxl-7 {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25em !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5em !important;
  }
  .pt-xxl-3 {
    padding-top: 1em !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5em !important;
  }
  .pt-xxl-5 {
    padding-top: 3em !important;
  }
  .pt-xxl-6 {
    padding-top: 4.5em !important;
  }
  .pt-xxl-7 {
    padding-top: 6em !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25em !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5em !important;
  }
  .pe-xxl-3 {
    padding-right: 1em !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5em !important;
  }
  .pe-xxl-5 {
    padding-right: 3em !important;
  }
  .pe-xxl-6 {
    padding-right: 4.5em !important;
  }
  .pe-xxl-7 {
    padding-right: 6em !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25em !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5em !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1em !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5em !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3em !important;
  }
  .pb-xxl-6 {
    padding-bottom: 4.5em !important;
  }
  .pb-xxl-7 {
    padding-bottom: 6em !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25em !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5em !important;
  }
  .ps-xxl-3 {
    padding-left: 1em !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5em !important;
  }
  .ps-xxl-5 {
    padding-left: 3em !important;
  }
  .ps-xxl-6 {
    padding-left: 4.5em !important;
  }
  .ps-xxl-7 {
    padding-left: 6em !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25em !important;
  }
  .gap-xxl-2 {
    gap: 0.5em !important;
  }
  .gap-xxl-3 {
    gap: 1em !important;
  }
  .gap-xxl-4 {
    gap: 1.5em !important;
  }
  .gap-xxl-5 {
    gap: 3em !important;
  }
  .gap-xxl-6 {
    gap: 4.5em !important;
  }
  .gap-xxl-7 {
    gap: 6em !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25em !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5em !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1em !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5em !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3em !important;
  }
  .row-gap-xxl-6 {
    row-gap: 4.5em !important;
  }
  .row-gap-xxl-7 {
    row-gap: 6em !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25em !important;
         column-gap: 0.25em !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5em !important;
         column-gap: 0.5em !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1em !important;
         column-gap: 1em !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5em !important;
         column-gap: 1.5em !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3em !important;
         column-gap: 3em !important;
  }
  .column-gap-xxl-6 {
    -moz-column-gap: 4.5em !important;
         column-gap: 4.5em !important;
  }
  .column-gap-xxl-7 {
    -moz-column-gap: 6em !important;
         column-gap: 6em !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*
#.col & .row

Column and Rows. They collapse into a stack if the viewport is < 768px.

Any direct child of a `.row` becomes a column.

Markup:
<div class="row">
    <div class="col">
        <h2>Nullam Bibendum Malesuada</h2>
        <ul>
        <li>Cras mattis consectetur purus sit amet fermentum</li>
        <li>Praesent commodo cursus magna vel scelerisque nisl consectetur et</li>
        <li>Donec sed odio dui</li>
        <li>Vestibulum id ligula porta felis euismod semper</li>
        <li>Maecenas sed diam eget risus varius blandit sit amet non magna</li>
        <li>Integer posuere erat a ante venenatis dapibus posuere velit aliquet</li>
        <li>Duis mollis, est non commodo luctus</li>
        </ul>
    </div>
    <div class="col">
        <h2>Elit Nibh Euismod</h2>
        <ul>
        <li>Cum sociis natoque penatibus et magnis dis parturient montes</li>
        <li>Nullam quis risus eget urna mollis ornare vel eu leo</li>
        <li>Vestibulum id ligula porta felis euismod semper</li>
        <li>Maecenas sed diam eget risus varius blandit sit amet non magna</li>
        <li>Integer posuere erat a ante venenatis dapibus posuere velit aliquet</li>
        </ul>
    </div>
</div>

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Utilities.col
*/
@media (min-width: 768px) {
  .row {
    -moz-column-gap: 10%;
         column-gap: 10%;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
}
@media (min-width: 768px) {
  .row.-narrowGap {
    -moz-column-gap: 5%;
         column-gap: 5%;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
}
@media (min-width: 768px) {
  .row.-desktop-large {
    display: block;
  }
}
@media (min-width: 1382px) {
  .row.-desktop-large {
    -moz-column-gap: 10%;
         column-gap: 10%;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
}

/*
#Hamburger

Animated hamburger menu button. Uses https://github.com/jonsuh/hamburgers.

Template: Includes/Hamburger

Settings in this file. utilities/_hamburgers.scss

$hamburger-padding-x - left/right padding
$hamburger-padding-y - top/bottom padding
$hamburger-layer-width - width of each bar;
$hamburger-layer-height - height of each bar;
$hamburger-layer-spacing - spacing between bars;
$hamburger-layer-color - color of bars;
$hamburger-layer-border-radius - border radius for bars;
$hamburger-hover-opacity - hover opacity;
$hamburger-hover-transition-duration - hover transition duration;
$hamburger-hover-transition-timing-function - transition timing function;
$hamburger-types - list of animtaion types to allow;
$hamburger-class - type of animation;

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

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

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

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

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

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

.hamburger {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.hamburger:hover, .hamburger:active {
  box-shadow: none;
}
.hamburger-label {
  display: none;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

/*
#TinyMCE

TinyMCE rich text editor specific styles

Styleguide Utilities.TinyMCE
*/
/*
#.text-*

TinyMCE rich text editor text specific styles

.text-left - Left aligned
.text-right - Right aligned
.text-center - Center aligned

Markup:
<p class="$modifierClass">Left aligned. Aenean lacinia bibendum nulla sed consectetur.</p>

Styleguide Utilities.TinyMCE.01_text
*/
.text-left {
  text-align: left;
}

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

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

/*
#.content-*

TinyMCE rich text editor text specific styles

.content-small - Small caption like text
.content-normal - Normal body text
.content-large - Large intro text
.content-larger - Larger sidebar text
.content-largest - Largest sidebar text

Markup:
<p class="$modifierClass">Aenean lacinia bibendum nulla sed consectetur.</p>

Styleguide Utilities.TinyMCE.01_content
*/
.content-normal {
  line-height: 1.62;
}
.content-normal {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .content-normal {
    font-size: calc(22px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .content-normal {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .content-normal {
    line-height: 1.45;
  }
}

.content-small {
  line-height: 1.62;
  font-size: 16px;
}
@media (max-width: 768px) {
  .content-small {
    line-height: 1.45;
  }
}

.content-intro {
  line-height: 1.36;
}
.content-intro {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .content-intro {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .content-intro {
    font-size: 36px;
  }
}

.content-large {
  line-height: 1.36;
}
.content-large {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .content-large {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .content-large {
    font-size: 36px;
  }
}

.content-bigger {
  line-height: 1.42;
}
.content-bigger {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .content-bigger {
    font-size: calc(26px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .content-bigger {
    font-size: 44px;
  }
}
@media (max-width: 768px) {
  .content-bigger {
    line-height: 1.36;
  }
}

.content-larger {
  line-height: 1.42;
}
.content-larger {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .content-larger {
    font-size: calc(26px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .content-larger {
    font-size: 44px;
  }
}
@media (max-width: 768px) {
  .content-larger {
    line-height: 1.36;
  }
}

.content-largest {
  line-height: 1.42;
}
.content-largest {
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .content-largest {
    font-size: calc(28px + 32 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .content-largest {
    font-size: 60px;
  }
}
@media (max-width: 768px) {
  .content-largest {
    line-height: 1.36;
  }
}

/*
#.color-*

TinyMCE rich text editor text specific styles

.content-black - Black
.content-grey - Gray
.content-red - Red

Markup:
<p class="$modifierClass">Aenean lacinia bibendum nulla sed consectetur.</p>

Styleguide Utilities.TinyMCE.01_color
*/
.color-black {
  color: #000 !important;
}

.color-gray {
  color: #595959 !important;
}

.color-red {
  color: #c2322c !important;
}

.color-blue {
  color: #356792 !important;
}

.color-magenta {
  color: #9c0f5e !important;
}

.color-white {
  color: #fff !important;
}

.link-primary {
  color: #0d6efd;
}

.link-primary:hover,
.link-primary:focus {
  color: #0a58ca;
}

.link-secondary {
  color: #6c757d;
}

.link-secondary:hover,
.link-secondary:focus {
  color: #565e64;
}

.link-success {
  color: #198754;
}

.link-success:hover,
.link-success:focus {
  color: #146c43;
}

.link-info {
  color: #0dcaf0;
}

.link-info:hover,
.link-info:focus {
  color: #3dd5f3;
}

.link-warning {
  color: #ffc107;
}

.link-warning:hover,
.link-warning:focus {
  color: #ffcd39;
}

.link-danger {
  color: #dc3545;
}

.link-danger:hover,
.link-danger:focus {
  color: #b02a37;
}

.link-light {
  color: #f8f9fa;
}

.link-light:hover,
.link-light:focus {
  color: #f9fafb;
}

.link-dark {
  color: #212529;
}

.link-dark:hover,
.link-dark:focus {
  color: #1a1e21;
}

/*
#img.*

TinyMCE rich text editor image styles

.left - Left floated
.right - Right floated
.leftAlone - Left no float
.rightAlone - Right no float
.centered - Centered Image

Markup:
<div class="Content" style="overflow: hidden;">
<p>
<img
    class="$modifierClass"
    width="200"
    src="/_resources/themes/main/images/placeholder-520x525.png"
    alt="Chico Unified School District" />
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Curabitur blandit tempus porttitor. Cras mattis consectetur purus sit amet fermentum.
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Curabitur blandit tempus porttitor.
</p>
</div>

Styleguide Utilities.TinyMCE.02_images
*/
img.left,
img.right {
  float: left;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
  max-width: 50%;
}

img.right {
  float: right;
  margin-left: 1.5rem;
  margin-right: 0;
}

img.center {
  display: block;
  margin: 1.5rem auto;
}

img.leftAlone,
img.rightAlone {
  display: block;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

img.leftAlone {
  margin-right: auto;
}

img.rightAlone {
  margin-left: auto;
}

/*
#.captionImage

TinyMCE rich text editor image styles

.left - Left floated
.right - Right floated
.center - Centered
.leftAlone - Left no float
.rightAlone - Right no float

Markup:
<div class="Content" style="overflow: hidden;">
<p>
<div class="captionImage $modifierClass" style="width: 300px;">
    <img class="$modifierClass ss-htmleditorfield-file image" src="/_resources/themes/main/images/placeholder-520x525.png" alt="SilverStripe Professional Partner" width="300" />
    <p class="caption $modifierClass">Caption</p>
</div>
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Curabitur blandit tempus porttitor. Cras mattis consectetur purus sit amet fermentum.
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Curabitur blandit tempus porttitor.
</p>
</div>

Styleguide Utilities.TinyMCE.03_captionedImage
*/
.captionImage.left, .captionImage.right {
  float: left;
  margin-bottom: 1.5rem;
  margin-right: 4.5rem;
  margin-top: 0.5em;
  max-width: 50%;
}
.captionImage.right {
  float: right;
  margin-left: 4.5rem;
  margin-right: 0;
}
.captionImage.center {
  display: block;
  margin: 1.5rem auto;
}
.captionImage.leftAlone, .captionImage.rightAlone {
  display: block;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.captionImage.leftAlone {
  margin-right: auto;
}
.captionImage.rightAlone {
  margin-left: auto;
}
.captionImage img {
  display: block;
  float: none;
  margin: 0;
  max-width: 100%;
  width: 100%;
}
.captionImage p.caption {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .captionImage p.caption {
    font-size: calc(14px + 4 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .captionImage p.caption {
    font-size: 18px;
  }
}
.captionImage p.caption {
  display: block;
  float: none;
  margin: 1em 0 1.5rem;
  max-width: 100%;
  width: 100%;
}

/* !FOCUSED IMAGES */
/*-----------------------------------------*/
.focused-image {
  height: auto;
  max-width: none;
  width: auto;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  -webkit-appearance: none;
  background: none;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  float: right;
  height: 44px;
  margin: 0;
  opacity: 0.75;
  overflow: visible;
  padding: 0;
  position: relative;
  transition: opacity 0.2s;
  width: 44px;
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  opacity: 0.9;
  outline: none;
}
.pswp__button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/_resources/themes/main/images/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  height: 44px;
  width: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/_resources/themes/main/images/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  background-position: -88px 0;
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  height: 100px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  width: 70px;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  height: 30px;
  position: absolute;
  top: 35px;
  width: 32px;
}

.pswp__button--arrow--left:before {
  background-position: -138px -44px;
  left: 6px;
}

.pswp__button--arrow--right:before {
  background-position: -94px -44px;
  right: 6px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pswp__share-modal {
  -webkit-backface-visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  transition: opacity 0.25s ease-out;
  width: 100%;
  will-change: opacity;
  z-index: 1600;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  -webkit-backface-visibility: hidden;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  display: block;
  position: absolute;
  right: 44px;
  top: 56px;
  transform: translateY(6px);
  transition: transform 0.25s;
  width: auto;
  will-change: transform;
  z-index: 1620;
}
.pswp__share-tooltip a {
  color: #000;
  display: block;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 12px;
  text-decoration: none;
}
.pswp__share-tooltip a:hover {
  color: #000;
  text-decoration: none;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  content: "";
  display: block;
  height: 0;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: -12px;
  width: 0;
}
a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #fff;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #fff;
}

a.pswp__share--pinterest:hover {
  background: #ccc;
  color: #ce272d;
}

a.pswp__share--download:hover {
  background: #ddd;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  color: #fff;
  font-size: 13px;
  height: 44px;
  left: 0;
  line-height: 44px;
  opacity: 0.75;
  padding: 0 10px;
  position: absolute;
  top: 0;
}

/*

	4. Caption

 */
.pswp__caption {
  bottom: 0;
  left: 0;
  min-height: 44px;
  position: absolute;
  width: 100%;
}
.pswp__caption small {
  color: #bbb;
  font-size: 11px;
}

.pswp__caption__center {
  color: #ccc;
  font-size: 13px;
  line-height: 20px;
  margin: 0 auto;
  max-width: 420px;
  padding: 10px;
  text-align: left;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  direction: ltr;
  height: 44px;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.25s ease-out;
  width: 44px;
  will-change: opacity;
}

.pswp__preloader__icn {
  height: 20px;
  margin: 12px;
  width: 20px;
}

.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(/_resources/themes/main/images/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  height: 14px;
  left: 15px;
  margin: 0;
  opacity: 0.75;
  position: absolute;
  top: 15px;
  width: 14px;
}
.pswp--css_animation .pswp__preloader__cut {
  height: 14px;
  overflow: hidden;
  /* 
  	The idea of animating inner circle is based on Polymer ("material") loading indicator 
  	 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
}
.pswp--css_animation .pswp__preloader__donut {
  background: none;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  height: 14px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 14px;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    float: right;
    left: auto;
    margin: 0;
    position: relative;
    top: auto;
  }
}
@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  opacity: 1;
  visibility: visible;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  height: 44px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/* pswp = photoswipe */
.pswp {
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: hidden;
  position: absolute;
  -webkit-text-size-adjust: 100%;
  top: 0;
  touch-action: none;
  width: 100%;
  z-index: 4000;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  -webkit-backface-visibility: hidden;
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  width: 100%;
  will-change: opacity;
}

.pswp__scroll-wrap {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.pswp__container,
.pswp__zoom-wrap {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  touch-action: none;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pswp__zoom-wrap {
  position: absolute;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  width: 100%;
}

.pswp__bg {
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.pswp__img {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  height: auto !important;
  left: 0;
  top: 0;
  width: 100% !important;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  color: #ccc;
  font-size: 14px;
  left: 0;
  line-height: 16px;
  margin-top: -8px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline;
}

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */
@font-face {
  font-family: "swiper-icons";
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
}
:root {
  --swiper-theme-color: #d51d29;
}

.swiper-container {
  background-color: inherit;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container * {
  background-color: inherit;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  /* For Firefox */
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  z-index: 10;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: initial;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
  text-transform: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  left: auto;
  right: 10px;
}

.swiper-button-next::after,
.swiper-container-rtl .swiper-button-prev::after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #fff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translate3d(0, 0, 0);
  transition: 300ms opacity;
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  background: transparent;
  border: 2px solid #b5b5b5;
  border-radius: 100%;
  display: inline-block;
  height: 0.7em;
  width: 0.7em;
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  border-color: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: 6px 0;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px;
}

.swiper-pagination-white {
  --swiper-pagination-color: #fff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
  touch-action: none;
}

.swiper-container-horizontal > .swiper-scrollbar {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50;
}

.swiper-container-vertical > .swiper-scrollbar {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50;
}

.swiper-scrollbar-drag {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  backface-visibility: hidden;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow {
  background: #000;
  bottom: 0;
  filter: blur(50px);
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  backface-visibility: hidden;
  z-index: 0;
}

/*
#Tags

Styled specific html tags. Like <p> or <blockquote>

Styleguide Tags.0
*/
/*
#<a>

Anchor tags

Markup:
<a class="$modifierClass" href="#">Some text</a>

:hover - hovered
.-no-underline - no underline

Styleguide Tags.a
*/
a {
  color: #d51d29;
  text-decoration: underline;
}
a:hover, a.pseudo-class-hover {
  color: #d82727;
}
.-no-underline a, a.-no-underline {
  text-decoration: none;
}
.-hover-underline-only a, a.-hover-underline-only {
  text-decoration: none;
}
.-hover-underline-only a:hover, a.-hover-underline-only:hover {
  text-decoration: underline;
}

/*
#<h*>

Heading tags

Markup:
<div class="Content">
    <h1>Heading One</h1>
    <h2>Heading Two</h1>
    <h3>Heading Three</h3>
    <h4>Heading Four</h4>
    <h5>Heading Five</h5>
    <h6>Heading Six</h6>
</div>

Styleguide Tags.h
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #c2322c;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 1em;
  margin-top: 1em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

h2 {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  h2 {
    font-size: calc(26px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  h2 {
    font-size: 44px;
  }
}
h2 {
  color: inherit;
  font-style: italic;
  font-weight: 500;
}

/*
#<hr>

Horizontal Rule

Markup:
<hr>

Styleguide Tags.hr
*/
hr {
  background-color: #da3739;
  border: 0;
  height: 4px;
  margin: 2em 0;
  width: 100%;
}
hr.-no-margin {
  margin: 0;
}
hr.-gray {
  background-color: #b5b5b5;
}
hr.-thin {
  height: 2px;
}
@media (max-width: 768px) {
  hr.-thin {
    height: 1px;
  }
}

/*
#<img>

Image tags

Markup:
<img src="/_resources/themes/main/images/placeholder-1920x640.png" width="1920" height="640" alt="Large PNG Image" />
<img src="/_resources/themes/main/images/logo-generic.svg" width="1425" height="353" alt="SVG Logo" />

Styleguide Tags.img
*/
img {
  height: auto;
  max-width: 100%;
}

/*
#<li>

Lists, ordered and unordered

Markup:
<div class="Content">
    <h2>Unordered List</h2>
    <ul>
        <li>Nullam id dolor id nibh ultricies vehicula ut id elit</li>
        <li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</li>
        <li>Nullam id dolor</li>
    </ul>
    <h2>Ordered List</h2>
    <ol>
        <li>Nullam id dolor id nibh ultricies vehicula ut id elit</li>
        <li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</li>
        <li>Nullam id dolor</li>
    </ol>
</div>

Styleguide Tags.li
*/
li {
  margin: 0 0 1em 1.5em;
  padding-left: 1em;
}
li:last-child {
  margin-bottom: 0;
}
li::marker {
  color: currentColor;
}

ul,
ol {
  margin: 1em 0;
}

/*
#<p>

Paragraph tags

Markup:
<div class="Content">
<p>Paragraph Text. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Cras mattis consectetur purus sit amet fermentum.</p>
<p>Paragraph Text. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
</div>

Styleguide Tags.p
*/
p {
  line-height: 1.8;
  margin-bottom: 1.4em;
}

/*
#Blocks

Various site components.

Styleguide Blocks.0
*/
/*
#.Accordion

Accordions with sections that collapse to accordion on mobile

Styleguide Blocks.Accordion
*/
.Accordion__title {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .Accordion__title {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Accordion__title {
    font-size: 36px;
  }
}
.Accordion__title {
  color: #d51d29;
  font-style: normal;
  text-align: center;
}
.Accordion__section__summary {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .Accordion__section__summary {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Accordion__section__summary {
    font-size: 36px;
  }
}
.Accordion__section__summary {
  border-bottom: 2px solid #b5b5b5;
  font-weight: normal;
  list-style: none;
  margin-bottom: 0.25em;
  padding-bottom: 0.5em;
  position: relative;
}
@media (min-width: 768px) {
  .Accordion__section__summary {
    border-bottom: 0;
    cursor: default;
    margin-bottom: 1em;
    margin-top: 2em;
    pointer-events: none;
    text-align: center;
  }
  .Accordion__section__summary::before {
    display: none;
  }
}
.Accordion__section__summary::-webkit-details-marker {
  display: none;
}
.Accordion__section__summary::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23D51D29'%3E%3Cpath d='M22,15c0,0.256-0.098,0.512-0.293,0.707l-10,10c-0.286,0.286-0.716,0.372-1.09,0.217C10.243,25.77,10,25.404,10,25V5 c0-0.404,0.243-0.77,0.617-0.924c0.374-0.155,0.804-0.069,1.09,0.217l10,10C21.902,14.488,22,14.744,22,15z' fill='%23D51D29'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  color: #d51d29;
  content: "";
  height: 1em;
  position: absolute;
  right: 0;
  top: 0.5em;
  width: 1em;
}
details[open] > .Accordion__section__summary {
  border-bottom: 0;
}
details[open] > .Accordion__section__summary::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23D51D29'%3E%3Cpath d='M15,23c-0.256,0-0.512-0.098-0.707-0.293l-10-10c-0.286-0.286-0.372-0.716-0.217-1.09C4.23,11.243,4.596,11,5,11h20 c0.404,0,0.77,0.243,0.924,0.617c0.155,0.374,0.069,0.804-0.217,1.09l-10,10C15.512,22.902,15.256,23,15,23z' fill='%23D51D29'/%3E%3C/svg%3E%0A");
}
.Accordion__item {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Accordion__item {
    font-size: calc(22px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Accordion__item {
    font-size: 22px;
  }
}
.Accordion__item {
  background-color: #fff;
  font-weight: 300;
  margin: 0.5em 0;
  padding: 0.5em 0.75em;
}
@media (min-width: 768px) {
  .Accordion__item {
    padding: 1em 1.5em;
  }
}
.Accordion__item__summary {
  cursor: pointer;
  list-style: none;
  padding-right: 2em;
  position: relative;
}
.Accordion__item__summary::-webkit-details-marker {
  display: none;
}
.Accordion__item__summary::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D51D29'%3E%3Cpath d='M 7 1 L 7 7 L 1 7 L 1 8 L 7 8 L 7 14 L 8 14 L 8 8 L 14 8 L 14 7 L 8 7 L 8 1 Z' fill='%23D51D29'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  color: #d51d29;
  content: "";
  height: 1.5em;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.5em;
}
@media (min-width: 768px) {
  .Accordion__item__summary::before {
    height: 2em;
    right: -0.5em;
    top: -0.25em;
    width: 2em;
  }
}
.Accordion__item__summary:focus {
  color: #d51d29;
  outline: none;
}
.Accordion__item__summary:focus::after {
  content: "";
  height: calc(100% + 2em);
  left: -1.5em;
  outline: 5px auto -webkit-focus-ring-color;
  outline: 5px auto Highlight;
  position: absolute;
  top: -1em;
  width: calc(100% + 2.5em);
}
details[open] > .Accordion__item__summary {
  border-bottom: 2px solid #b5b5b5;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
details[open] > .Accordion__item__summary:focus::after {
  height: calc(100% + 1em);
}
details[open] > .Accordion__item__summary::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D51D29'%3E%3Cpath d='M 1 7 L 1 8 L 14 8 L 14 7 Z' fill='%23D51D29'/%3E%3C/svg%3E%0A");
}

.Back {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .Back {
    font-size: calc(14px + 4 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Back {
    font-size: 18px;
  }
}
.Back {
  color: #000;
  text-decoration: none;
}
.Back::before {
  content: "< ";
}
.Back:hover {
  text-decoration: underline;
}

/*
#.Backgrounds

Different types of section backgrounds.

Markup:
<div id="bkgnd-image-example" class="Backgrounds $modifierClass" style="text-align: center; padding-top: 6em; padding-bottom: 6em;">
    <style>
    #bkgnd-image-example.-bkgnd-image {
        background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url('/_resources/themes/main/images/ggb.jpg');
        background-position: 50% 40%;
    }
    </style>
    <p>$modifierClass</p>
</div>

.-bkgnd-white - White Background
.-bkgnd-warm-gray - Warm Gray Background
.-bkgnd-cool-gray - Cool Gray Background
.-bkgnd-dark-gray - Dark Gray Background
.-bkgnd-pattern - Triangle Pattern Background
.-bkgnd-image - Custom Image Background

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Backgrounds
*/
.Backgrounds {
  --color-text: $color-text;
  --color-text-quiet: $color-text-quiet;
  position: relative;
}
.Backgrounds.-bkgnd-white {
  background-color: #fff;
}
.Backgrounds.-bkgnd-warm-gray {
  background-color: #f0ece8;
}
.Backgrounds.-bkgnd-dark-gray {
  --color-text-quiet: $color-white;
  --color-text: $color-white;
  background-color: #b5b5b5;
  color: #fff;
}
.Backgrounds.-bkgnd-dark-gray .Content,
.Backgrounds.-bkgnd-dark-gray .Content h1 {
  color: #fff;
}
.Backgrounds.-bkgnd-cool-gray {
  background-color: #f0f0f0;
}
.Backgrounds.-bkgnd-pattern::after {
  background-image: url("/_resources/themes/main/images/triangles-bkgnd.svg");
  background-position: center center;
  background-repeat: repeat;
  background-size: 500px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media (min-width: 320px) {
  .Backgrounds.-bkgnd-pattern::after {
    background-size: calc(500px + 1043 * (100vw - 320px) / 640);
  }
}
@media (min-width: 960px) {
  .Backgrounds.-bkgnd-pattern::after {
    background-size: 1543px;
  }
}
.Backgrounds.-bkgnd-image {
  --color-text: $color-white;
  --color-text-quiet: $color-white;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.Backgrounds.-bkgnd-image.-lighten-image {
  --color-text: $color-text;
  --color-text-quiet: $color-text-quiet;
  color: #000;
}
.Backgrounds.-bkgnd-image:not(.-lighten-image) .Content,
.Backgrounds.-bkgnd-image:not(.-lighten-image) .Content h1 {
  color: #fff;
}

/*
#.Banner

Topic Banners

Template: Includes/Banner

.-small.-text-inside - small image height with text inside
.-medium.-text-inside - medium image height (default)  with text inside
.-large.-text-inside - large image height with text inside
.-small.-text-below - small image height with text below
.-medium.-text-below - medium image height (default)  with text below
.-large.-text-below - large image height with text below
.-text-inside.-large.-center.-top - text centered top inside large image
.-text-inside.-large.-left.-top - text left aligned top inside large image
.-text-inside.-large.-right.-top - text right aligned top inside large image
.-text-inside.-large.-center.-middle - text centered middle inside large image
.-text-inside.-large.-center-narrow.-middle - text narrow-centered middle inside large image
.-text-inside.-large.-left.-middle - text left aligned middle inside large image
.-text-inside.-large.-right.-middle - text right aligned middle inside large image
.-text-inside.-large.-center.-bottom - text centered bottom inside large image
.-text-inside.-large.-left.-bottom - text left aligned bottom inside large image
.-text-inside.-large.-right.-bottom - text right aligned bottom inside large image
.-fade - fade bottom of image and pull next content block up into image
.-fade.-large.-text-inside.-bottom.-left - fade bottom of large image with text inside at bottom left
.-text-in-box.-small.-who - TOPIC: Who We Serve
.-text-in-box.-small.-where - TOPIC: Where We Work
.-text-in-box.-small.-what - TOPIC: What We Believe

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Banner
*/
.Banner {
  margin-bottom: 4em;
  position: relative;
  z-index: 1;
}
.Banner.-text-inside, .Banner.-no-bottom-margin {
  margin-bottom: 0;
}
.Banner__image {
  height: 100%;
  /* sizes */
  /* .-medium (default) */
  min-height: 62.5vw;
  position: relative;
  width: 100%;
  /* text inside  */
  /* .-small */
  /* .-large */
  /* fade */
}
@media (min-width: 600px) {
  .Banner__image {
    min-height: 28.65vw;
  }
}
.Banner__image::before {
  background-size: cover;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Banner.-text-inside .Banner__image {
  left: 0;
  min-height: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.Banner.-text-inside:not(.-fade):not(.-border-none) .Banner__image, .Banner.-text-below:not(.-fade):not(.-border-none) .Banner__image {
  border-bottom: 2px solid #d51d29;
}
@media (min-width: 769px) {
  .Banner.-text-inside:not(.-fade):not(.-border-none) .Banner__image, .Banner.-text-below:not(.-fade):not(.-border-none) .Banner__image {
    border-bottom: 4px solid #d51d29;
  }
}
.Banner.-small .Banner__image {
  min-height: 30vw;
}
@media (min-width: 600px) {
  .Banner.-small .Banner__image {
    min-height: 22vw;
  }
}
.Banner.-large .Banner__image {
  min-height: 100vw;
}
@media (min-width: 600px) {
  .Banner.-large .Banner__image {
    min-height: 43.7vw;
  }
}
.Banner.-fade .Banner__image {
  position: relative;
  z-index: -3;
}
.Banner.-fade .Banner__image::before {
  filter: saturate(1.5) brightness(80%);
  z-index: -2;
}
.Banner.-fade .Banner__image::after {
  background: linear-gradient(to top, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0.738) 19%, rgba(255,255,255, 0.541) 34%, rgba(255,255,255, 0.382) 47%, rgba(255,255,255, 0.278) 56.5%, rgba(255,255,255, 0.194) 65%, rgba(255,255,255, 0.126) 73%, rgba(255,255,255, 0.075) 80.2%, rgba(255,255,255, 0.042) 86.1%, rgba(255,255,255, 0.021) 91%, rgba(255,255,255, 0.008) 95.2%, rgba(255,255,255, 0.002) 98.2%, rgba(255,255,255, 0) 100%);
  content: "";
  height: 30%;
  left: 0;
  position: absolute;
  top: 70%;
  width: 100%;
  z-index: -1;
}
@media (min-width: 600px) {
  .Banner.-fade.-text-inside .Banner__image {
    margin-bottom: 0;
    position: absolute;
  }
}
.Banner__text {
  margin-bottom: 3em;
  margin-top: 3em;
  text-align: center;
  /* .-small */
  /* .-large */
}
.Banner.-left .Banner__text, .Banner.-right .Banner__text {
  max-width: 75%;
}
@media (min-width: 600px) {
  .Banner.-left .Banner__text, .Banner.-right .Banner__text {
    max-width: 65%;
  }
}
@media (min-width: 768px) {
  .Banner.-left .Banner__text, .Banner.-right .Banner__text {
    max-width: 50%;
  }
}
@media (min-width: 1024px) {
  .Banner.-left .Banner__text, .Banner.-right .Banner__text {
    max-width: 40%;
  }
}
@media (min-width: 1382px) {
  .Banner.-left .Banner__text, .Banner.-right .Banner__text {
    max-width: 33.33%;
  }
}
@media (min-width: 600px) {
  .Banner.-center-narrow .Banner__text {
    margin-left: auto;
    margin-right: auto;
    max-width: 65%;
  }
}
@media (min-width: 768px) {
  .Banner.-center-narrow .Banner__text {
    max-width: 50%;
  }
}
.Banner.-left .Banner__text {
  margin-right: auto;
  text-align: left;
}
.Banner.-right .Banner__text {
  margin-left: auto;
  text-align: right;
}
.Banner.-text-inside .Banner__text {
  color: #fff;
  margin-bottom: 0;
  margin-top: 0;
  min-height: 62.5vw;
  padding: 24px 0;
  /* .-medium (default) */
}
@media (min-width: 600px) {
  .Banner.-text-inside .Banner__text {
    min-height: 28.65vw;
    padding: 80px 0;
  }
}
.Banner.-text-inside.-middle .Banner__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Banner.-text-inside.-bottom .Banner__text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.Banner.-text-inside.-small .Banner__text {
  min-height: 30vw;
}
@media (min-width: 600px) {
  .Banner.-text-inside.-small .Banner__text {
    min-height: 22vw;
    padding: 80px 0;
  }
}
.Banner.-text-inside.-large .Banner__text {
  min-height: 100vw;
}
@media (min-width: 600px) {
  .Banner.-text-inside.-large .Banner__text {
    min-height: 43.7vw;
  }
}
.Banner.-text-in-box .Banner__text {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  margin-bottom: 0;
  margin-top: -5.5em;
  padding: 2em 4em;
  position: relative;
  z-index: 100;
}
.Banner__labelTitle {
  width: auto;
}
@media (min-width: 1382px) {
  .Banner.-text-in-box .Banner__labelTitle {
    flex: 1 0 auto;
    margin-top: -0.5em;
  }
}
@media (min-width: 1680px) {
  .Banner.-text-in-box .Banner__labelTitle {
    min-width: 20em;
  }
}
.Banner.-text-inside:not(.-fade) .Banner__label {
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.Banner.-text-inside:not(.-fade) .Banner__label .Label {
  background-color: #fff;
  border: 2px solid #d51d29;
  display: inline-block;
  line-height: 1.5;
  padding: 0.25em 1em 0.4em;
  transform: translateY(50%);
}
@media (min-width: 769px) {
  .Banner.-text-inside:not(.-fade) .Banner__label .Label {
    border: 4px solid #d51d29;
  }
}
@media (min-width: 1382px) {
  .Banner.-text-inside:not(.-fade) .Banner__label .Label {
    white-space: nowrap;
  }
}
@media (max-width: 1679px) {
  .Banner.-text-inside:not(.-fade) .Banner__label .Label {
    font-size: 18px;
  }
}
.Banner__title {
  color: inherit;
  font-size: 44px;
  margin: 0;
}
@media (min-width: 1382px) {
  .Banner__title {
    font-size: 32px;
  }
}
@media screen and (min-width: 1382px) and (min-width: 1382px) {
  .Banner__title {
    font-size: calc(32px + 28 * (100vw - 1382px) / 298);
  }
}
@media screen and (min-width: 1382px) and (min-width: 1680px) {
  .Banner__title {
    font-size: 60px;
  }
}
@media (min-width: 1382px) {
  .Banner.-text-in-box .Banner__title {
    white-space: nowrap;
  }
}
.Banner.-text-inside .Banner__title {
  font-weight: 400;
}
.Banner__subhead {
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: 300;
  margin-top: 1em;
}
.Banner.-text-in-box .Banner__subhead {
  border-top: 1px solid #dfdfde;
  padding-top: 1em;
}
.Banner.-text-inside .Banner__subhead {
  flex: 0;
}
.Banner__cta {
  margin-top: 2em;
}
.Banner.-small .Banner__cta {
  margin-top: 1.5em;
}
.Banner.-large .Banner__cta {
  margin-top: 4em;
}

/*
#.Blockquote

Blockquote tag, optionally inside a figure for caption. Uses <blockquote> tag styles from `tags/_blockquote.scss`

Markup:
<div class="Container">
<h2>Full Example</h2>
<figure class="Blockquote">
    <blockquote>
        Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.
    </blockquote>
    <figcaption>Aldous Huxley <img src="/_resources/themes/main/images/Aldous_Huxley.png" /></figcaption>
</figure>
<h2>No Image</h2>
<figure class="Blockquote">
    <blockquote>
        Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.
    </blockquote>
    <figcaption>Aldous Huxley</figcaption>
</figure>
<h2>No Image or Attribution</h2>
<figure class="Blockquote">
    <blockquote>
        Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.
    </blockquote>
</figure>
</div>

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Blockquote
*/
.Blockquote blockquote {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Blockquote blockquote {
    font-size: calc(22px + 8 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Blockquote blockquote {
    font-size: 30px;
  }
}
.Blockquote blockquote {
  font-weight: 400;
  line-height: 1.8;
  margin: 1em 0;
  position: relative;
}
.Blockquote blockquote::before, .Blockquote blockquote::after {
  color: #d51d29;
  font-size: 200%;
  font-weight: 700;
}
.Blockquote blockquote::before {
  content: "“";
  display: block;
  line-height: 0.125;
}
@media (min-width: 992px) {
  .Blockquote blockquote::before {
    left: -0.75em;
    line-height: 1;
    position: absolute;
    top: 0;
  }
}
.Blockquote blockquote::after {
  content: " ”";
  line-height: 0.75;
  position: absolute;
}
.Blockquote blockquote p {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Blockquote blockquote p {
    font-size: calc(22px + 8 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Blockquote blockquote p {
    font-size: 30px;
  }
}
.Blockquote figcaption {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Blockquote figcaption {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Blockquote figcaption {
    font-size: 18px;
  }
}
.Blockquote figcaption {
  border-top: 6px solid #d51d29;
  display: flex;
  justify-content: space-between;
  margin-top: 3em;
  padding-top: 1.5em;
  position: relative;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .Blockquote figcaption {
    border-top-width: 4px;
  }
}
.Blockquote figcaption img {
  background-color: #fff;
  border: 6px solid #d51d29;
  border-radius: 50%;
  float: right;
  height: 5.8em;
  margin-top: -4.6em;
  -o-object-fit: cover;
     object-fit: cover;
  width: 5.8em;
}
@media (max-width: 991px) {
  .Blockquote figcaption img {
    border-width: 4px;
  }
}
@supports (clip-path: rect(5.8em)) {
  .Blockquote figcaption img {
    clip: none;
    clip-path: rect(5.8em);
  }
}

/*
#.Brand

Main site branding

Template: Includes/Brand

Styleguide Blocks.Brand
*/
.Brand {
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .Brand {
    z-index: 2500;
    background-color: #fff;
    height: 64px;
    width: 100%;
  }
  .Page.-nav-open .Brand {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    position: fixed;
  }
}
.Brand__logo {
  height: 3em;
  margin: 1.25em 0 0 -0.25em;
  width: 15em;
}
@media (max-width: 991px) {
  .Brand__logo {
    height: 32px;
    margin: 1em 0 0 1.25em;
    width: 160px;
  }
}

/*
#.Button

Buttons

Markup:
<a class="Button $modifierClass" href="#">Anchor</a>
<button class="Button $modifierClass">Button</button>

.-secondary - secondary button
.-disabled - disabled button

Styleguide Blocks.Button
*/
.Button {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Button {
    font-size: calc(18px + 2 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Button {
    font-size: 20px;
  }
}
.Button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #d51d29;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 300;
  line-height: 1;
  margin: 0 1em 0 0;
  min-width: 8em;
  padding: 0.5em 1.5em 0.75em;
  text-align: center;
  text-decoration: none;
}
.Button:hover {
  background-color: #ae2024 !important;
  color: #fff;
}
.Button.-secondary {
  background-color: #595959;
}
.Button.-disabled, .Button[disabled] {
  background-color: #eaeaea !important;
  cursor: default;
  pointer-events: none;
}

.Carousel {
  background-color: inherit;
  position: relative;
  /* stylelint-disable order/order */
}
@media (max-width: 991px) {
  html.touch .Carousel {
    margin-right: -24px;
  }
  html.touch .Carousel__arrow {
    display: none;
  }
}
.Carousel__slide {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.Carousel__slide:hover {
  color: #d51d29;
}
.Carousel__title {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Carousel__title {
    font-size: calc(22px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Carousel__title {
    font-size: 22px;
  }
}
.Carousel__title {
  display: block;
  line-height: 1.3;
  margin-top: 1em;
}
html.js .Carousel__title {
  max-height: 2.7em;
  overflow-y: hidden;
}
.Carousel__img {
  width: 100%;
}
.Carousel__img.-placeholder {
  background-color: #f0f0f0;
  display: block;
  height: 0;
  padding-bottom: 68.75%;
}
.Carousel__arrow {
  color: inherit;
}
.Carousel__arrow:hover {
  color: #d51d29;
}
.Carousel__arrow::after {
  font-size: 1rem;
}
.Carousel__arrow.-prev {
  margin-left: -1.9em;
}
.Carousel__arrow.-next {
  margin-right: -1.9em;
}
.Carousel__arrow.swiper-button-disabled {
  display: none;
}
@media (min-width: 768px) {
  .Carousel__arrow::after {
    font-size: 2rem;
  }
  .Carousel__arrow.-prev {
    margin-left: -3em;
  }
  .Carousel__arrow.-next {
    margin-right: -3em;
  }
}
@media (min-width: 1382px) {
  .Carousel__arrow::after {
    font-size: 3rem;
  }
  .Carousel__arrow.-prev {
    margin-left: -3em;
  }
  .Carousel__arrow.-next {
    margin-right: -3em;
  }
}

/*
#.Container

Container wrapper around content or other components to control content width. Uses the `container` mixin.

.-narrow - narrower container
.-narrowest - even narrower

Markup:
<div class="Container $modifierClass" style="text-align: justify;">
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque
ornare sem lacinia quam venenatis vestibulum.
</div>

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Container
*/
.Container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1296px;
}
@media (max-width: 1456px) {
  .Container {
    margin-left: 80px;
    margin-left: calc(env(safe-area-inset-left) + 80px);
    margin-left: max(env(safe-area-inset-left), 80px);
    margin-right: 80px;
    margin-right: calc(env(safe-area-inset-right) + 80px);
    margin-right: max(env(safe-area-inset-right), 80px);
  }
}
@media (max-width: 991px) and (max-width: 1295px) {
  .Container {
    margin-left: 24px;
    margin-left: calc(env(safe-area-inset-left) + 24px);
    margin-left: max(env(safe-area-inset-left), 24px);
    margin-right: 24px;
    margin-right: calc(env(safe-area-inset-right) + 24px);
    margin-right: max(env(safe-area-inset-right), 24px);
  }
}
@media print {
  .Container {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.Container::before, .Container::after {
  clear: both;
  content: "";
  display: table;
}
.Container.-large {
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
}
@media (max-width: 2080px) {
  .Container.-large {
    margin-left: 80px;
    margin-left: calc(env(safe-area-inset-left) + 80px);
    margin-left: max(env(safe-area-inset-left), 80px);
    margin-right: 80px;
    margin-right: calc(env(safe-area-inset-right) + 80px);
    margin-right: max(env(safe-area-inset-right), 80px);
  }
}
@media (max-width: 991px) and (max-width: 1919px) {
  .Container.-large {
    margin-left: 24px;
    margin-left: calc(env(safe-area-inset-left) + 24px);
    margin-left: max(env(safe-area-inset-left), 24px);
    margin-right: 24px;
    margin-right: calc(env(safe-area-inset-right) + 24px);
    margin-right: max(env(safe-area-inset-right), 24px);
  }
}
@media print {
  .Container.-large {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.Container.-large::before, .Container.-large::after {
  clear: both;
  content: "";
  display: table;
}
.Container.-narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
}
@media (max-width: 1184px) {
  .Container.-narrow {
    margin-left: 80px;
    margin-left: calc(env(safe-area-inset-left) + 80px);
    margin-left: max(env(safe-area-inset-left), 80px);
    margin-right: 80px;
    margin-right: calc(env(safe-area-inset-right) + 80px);
    margin-right: max(env(safe-area-inset-right), 80px);
  }
}
@media (max-width: 991px) and (max-width: 1023px) {
  .Container.-narrow {
    margin-left: 24px;
    margin-left: calc(env(safe-area-inset-left) + 24px);
    margin-left: max(env(safe-area-inset-left), 24px);
    margin-right: 24px;
    margin-right: calc(env(safe-area-inset-right) + 24px);
    margin-right: max(env(safe-area-inset-right), 24px);
  }
}
@media print {
  .Container.-narrow {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.Container.-narrow::before, .Container.-narrow::after {
  clear: both;
  content: "";
  display: table;
}
.Container.-narrowest {
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}
@media (max-width: 1140px) {
  .Container.-narrowest {
    margin-left: 80px;
    margin-left: calc(env(safe-area-inset-left) + 80px);
    margin-left: max(env(safe-area-inset-left), 80px);
    margin-right: 80px;
    margin-right: calc(env(safe-area-inset-right) + 80px);
    margin-right: max(env(safe-area-inset-right), 80px);
  }
}
@media (max-width: 991px) and (max-width: 979px) {
  .Container.-narrowest {
    margin-left: 24px;
    margin-left: calc(env(safe-area-inset-left) + 24px);
    margin-left: max(env(safe-area-inset-left), 24px);
    margin-right: 24px;
    margin-right: calc(env(safe-area-inset-right) + 24px);
    margin-right: max(env(safe-area-inset-right), 24px);
  }
}
@media print {
  .Container.-narrowest {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.Container.-narrowest::before, .Container.-narrowest::after {
  clear: both;
  content: "";
  display: table;
}
.Container .Container {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}

/*
#.Content

Content areas that should have fluid type sizing

Markup:
<div class="Content">
    <p>Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p>
    <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo. Sed posuere consectetur est at lobortis.</p>
    <h2>Unordered List</h2>
    <ul>
        <li>Nullam id dolor id nibh ultricies vehicula ut id elit</li>
        <li>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</li>
        <li>Nullam id dolor</li>
    </ul>
</div>

Styleguide Utilities.Content
*/
.Content,
.mce-content-body {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Content,
  .mce-content-body {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content,
  .mce-content-body {
    font-size: 18px;
  }
}
.Content h1,
.mce-content-body h1 {
  line-height: 1.42;
}
.Content h1,
.mce-content-body h1 {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .Content h1,
  .mce-content-body h1 {
    font-size: calc(26px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h1,
  .mce-content-body h1 {
    font-size: 44px;
  }
}
@media (max-width: 768px) {
  .Content h1,
  .mce-content-body h1 {
    line-height: 1.36;
  }
}
.Content h1,
.mce-content-body h1 {
  color: #000;
  color: var(--color-text, #000);
  font-style: normal;
  margin-bottom: 1em;
  margin-top: 1em;
}
.Content h1.content-normal,
.mce-content-body h1.content-normal {
  line-height: 1.62;
}
.Content h1.content-normal,
.mce-content-body h1.content-normal {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Content h1.content-normal,
  .mce-content-body h1.content-normal {
    font-size: calc(22px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h1.content-normal,
  .mce-content-body h1.content-normal {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .Content h1.content-normal,
  .mce-content-body h1.content-normal {
    line-height: 1.45;
  }
}
.Content h1.content-small,
.mce-content-body h1.content-small {
  line-height: 1.62;
  font-size: 16px;
}
@media (max-width: 768px) {
  .Content h1.content-small,
  .mce-content-body h1.content-small {
    line-height: 1.45;
  }
}
.Content h1.content-intro,
.mce-content-body h1.content-intro {
  line-height: 1.36;
}
.Content h1.content-intro,
.mce-content-body h1.content-intro {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .Content h1.content-intro,
  .mce-content-body h1.content-intro {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h1.content-intro,
  .mce-content-body h1.content-intro {
    font-size: 36px;
  }
}
.Content h1.content-large,
.mce-content-body h1.content-large {
  line-height: 1.36;
}
.Content h1.content-large,
.mce-content-body h1.content-large {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .Content h1.content-large,
  .mce-content-body h1.content-large {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h1.content-large,
  .mce-content-body h1.content-large {
    font-size: 36px;
  }
}
.Content h1.content-bigger,
.mce-content-body h1.content-bigger {
  line-height: 1.42;
}
.Content h1.content-bigger,
.mce-content-body h1.content-bigger {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .Content h1.content-bigger,
  .mce-content-body h1.content-bigger {
    font-size: calc(26px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h1.content-bigger,
  .mce-content-body h1.content-bigger {
    font-size: 44px;
  }
}
@media (max-width: 768px) {
  .Content h1.content-bigger,
  .mce-content-body h1.content-bigger {
    line-height: 1.36;
  }
}
.Content h1.content-larger,
.mce-content-body h1.content-larger {
  line-height: 1.42;
}
.Content h1.content-larger,
.mce-content-body h1.content-larger {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .Content h1.content-larger,
  .mce-content-body h1.content-larger {
    font-size: calc(26px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h1.content-larger,
  .mce-content-body h1.content-larger {
    font-size: 44px;
  }
}
@media (max-width: 768px) {
  .Content h1.content-larger,
  .mce-content-body h1.content-larger {
    line-height: 1.36;
  }
}
.Content h1.content-largest,
.mce-content-body h1.content-largest {
  line-height: 1.42;
}
.Content h1.content-largest,
.mce-content-body h1.content-largest {
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .Content h1.content-largest,
  .mce-content-body h1.content-largest {
    font-size: calc(28px + 32 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h1.content-largest,
  .mce-content-body h1.content-largest {
    font-size: 60px;
  }
}
@media (max-width: 768px) {
  .Content h1.content-largest,
  .mce-content-body h1.content-largest {
    line-height: 1.36;
  }
}
.Content h2,
.mce-content-body h2 {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Content h2,
  .mce-content-body h2 {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h2,
  .mce-content-body h2 {
    font-size: 18px;
  }
}
.Content h2,
.mce-content-body h2 {
  color: #d51d29;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 1em;
  margin-top: 1em;
  text-transform: uppercase;
}
.Content h2.content-normal,
.mce-content-body h2.content-normal {
  line-height: 1.62;
}
.Content h2.content-normal,
.mce-content-body h2.content-normal {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Content h2.content-normal,
  .mce-content-body h2.content-normal {
    font-size: calc(22px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h2.content-normal,
  .mce-content-body h2.content-normal {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .Content h2.content-normal,
  .mce-content-body h2.content-normal {
    line-height: 1.45;
  }
}
.Content h2.content-small,
.mce-content-body h2.content-small {
  line-height: 1.62;
  font-size: 16px;
}
@media (max-width: 768px) {
  .Content h2.content-small,
  .mce-content-body h2.content-small {
    line-height: 1.45;
  }
}
.Content h2.content-intro,
.mce-content-body h2.content-intro {
  line-height: 1.36;
}
.Content h2.content-intro,
.mce-content-body h2.content-intro {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .Content h2.content-intro,
  .mce-content-body h2.content-intro {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h2.content-intro,
  .mce-content-body h2.content-intro {
    font-size: 36px;
  }
}
.Content h2.content-large,
.mce-content-body h2.content-large {
  line-height: 1.36;
}
.Content h2.content-large,
.mce-content-body h2.content-large {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .Content h2.content-large,
  .mce-content-body h2.content-large {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h2.content-large,
  .mce-content-body h2.content-large {
    font-size: 36px;
  }
}
.Content h2.content-bigger,
.mce-content-body h2.content-bigger {
  line-height: 1.42;
}
.Content h2.content-bigger,
.mce-content-body h2.content-bigger {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .Content h2.content-bigger,
  .mce-content-body h2.content-bigger {
    font-size: calc(26px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h2.content-bigger,
  .mce-content-body h2.content-bigger {
    font-size: 44px;
  }
}
@media (max-width: 768px) {
  .Content h2.content-bigger,
  .mce-content-body h2.content-bigger {
    line-height: 1.36;
  }
}
.Content h2.content-larger,
.mce-content-body h2.content-larger {
  line-height: 1.42;
}
.Content h2.content-larger,
.mce-content-body h2.content-larger {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .Content h2.content-larger,
  .mce-content-body h2.content-larger {
    font-size: calc(26px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h2.content-larger,
  .mce-content-body h2.content-larger {
    font-size: 44px;
  }
}
@media (max-width: 768px) {
  .Content h2.content-larger,
  .mce-content-body h2.content-larger {
    line-height: 1.36;
  }
}
.Content h2.content-largest,
.mce-content-body h2.content-largest {
  line-height: 1.42;
}
.Content h2.content-largest,
.mce-content-body h2.content-largest {
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .Content h2.content-largest,
  .mce-content-body h2.content-largest {
    font-size: calc(28px + 32 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content h2.content-largest,
  .mce-content-body h2.content-largest {
    font-size: 60px;
  }
}
@media (max-width: 768px) {
  .Content h2.content-largest,
  .mce-content-body h2.content-largest {
    line-height: 1.36;
  }
}
.Content .content-normal,
.mce-content-body .content-normal {
  line-height: 1.62;
}
.Content .content-normal,
.mce-content-body .content-normal {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Content .content-normal,
  .mce-content-body .content-normal {
    font-size: calc(22px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content .content-normal,
  .mce-content-body .content-normal {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .Content .content-normal,
  .mce-content-body .content-normal {
    line-height: 1.45;
  }
}
.Content .content-small,
.mce-content-body .content-small {
  line-height: 1.62;
  font-size: 16px;
}
@media (max-width: 768px) {
  .Content .content-small,
  .mce-content-body .content-small {
    line-height: 1.45;
  }
}
.Content .content-intro,
.mce-content-body .content-intro {
  line-height: 1.36;
}
.Content .content-intro,
.mce-content-body .content-intro {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .Content .content-intro,
  .mce-content-body .content-intro {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content .content-intro,
  .mce-content-body .content-intro {
    font-size: 36px;
  }
}
.Content .content-large,
.mce-content-body .content-large {
  line-height: 1.36;
}
.Content .content-large,
.mce-content-body .content-large {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .Content .content-large,
  .mce-content-body .content-large {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content .content-large,
  .mce-content-body .content-large {
    font-size: 36px;
  }
}
.Content .content-bigger,
.mce-content-body .content-bigger {
  line-height: 1.42;
}
.Content .content-bigger,
.mce-content-body .content-bigger {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .Content .content-bigger,
  .mce-content-body .content-bigger {
    font-size: calc(26px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content .content-bigger,
  .mce-content-body .content-bigger {
    font-size: 44px;
  }
}
@media (max-width: 768px) {
  .Content .content-bigger,
  .mce-content-body .content-bigger {
    line-height: 1.36;
  }
}
.Content .content-larger,
.mce-content-body .content-larger {
  line-height: 1.42;
}
.Content .content-larger,
.mce-content-body .content-larger {
  font-size: 26px;
}
@media screen and (min-width: 320px) {
  .Content .content-larger,
  .mce-content-body .content-larger {
    font-size: calc(26px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content .content-larger,
  .mce-content-body .content-larger {
    font-size: 44px;
  }
}
@media (max-width: 768px) {
  .Content .content-larger,
  .mce-content-body .content-larger {
    line-height: 1.36;
  }
}
.Content .content-largest,
.mce-content-body .content-largest {
  line-height: 1.42;
}
.Content .content-largest,
.mce-content-body .content-largest {
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .Content .content-largest,
  .mce-content-body .content-largest {
    font-size: calc(28px + 32 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content .content-largest,
  .mce-content-body .content-largest {
    font-size: 60px;
  }
}
@media (max-width: 768px) {
  .Content .content-largest,
  .mce-content-body .content-largest {
    line-height: 1.36;
  }
}
.Content strong,
.Content b,
.mce-content-body strong,
.mce-content-body b {
  font-weight: 500;
}

/*
#.Dialog

Small dialog popup dialog

Markup:
<dialog class="Dialog $modifierClass -fake">
    <header class="Dialog__header">
        <h1 class="Dialog__title">A .Dialog dialog box</h1>
        <button class="Dialog__close" data-dialog-close>&times;</button>
    </header>
    <div class="Dialog__body">
      <p>Finally, HTML has a native dialog box element! This is fantastic.</p>
      <p>And a polyfill makes this usable today.</p>
    </div>
    <footer class="Dialog__footer">
    <button class="Button -small" value="apple">Apple</button>
    <button class="Button -small" value="orange">Orange</button>
    <button class="Button -small" value="banana">Banana</button>
    </footer>
</dialog>

.-error - error dialog dialog
.-warning - warn dialog dialog
.-success - success dialog dialog

Settings in settings/_layout-settings.scss

$dialog-border-radius - dialog overlay border-radius
$dialog-padding: - padding inside dialog
$dialog-box-shadow - dialog box-shadow
$dialog-min-height - dialog min -height
$dialog-min-width - dialog min-width
$dialog-min-width-mobile - dialog min-width when smaller than tablet-small
$dialog-max-height - dialog max-height
$dialog-max-width - dialog max-width

Styleguide Blocks.Dialog
*/
.Dialog {
  /* native backdrop */
  /* polyfill backdrop */
  /* Modifiers */
  /* elements */
}
.Dialog {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Dialog {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Dialog {
    font-size: 18px;
  }
}
.Dialog {
  background-color: #fff;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2);
  display: none;
  flex-direction: column;
  left: 50%;
  margin: 0 auto; /* should center it, but not working in Safari */
  max-height: 80vh;
  max-width: 80vw;
  min-height: 5em;
  min-width: 30em;
  padding: 0;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  zoom: 1;
}
@media (max-width: 599px) {
  .Dialog {
    max-width: 90em;
  }
}
.Dialog[open] {
  animation: dialog-slide-up 0.25s ease-out;
  display: flex;
}
.Dialog::-ms-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}
.Dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}
.Dialog + .backdrop {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.Dialog.-image {
  max-height: calc(100vh - 1em);
  max-width: calc(100vw - 1em);
}
.Dialog.-fake {
  display: inline-block;
  left: auto;
  position: relative;
  top: auto;
  transform: translate(0, 0);
}
.Dialog.-fake.-video {
  max-width: 100%;
}
.Dialog.-warning {
  background-color: white;
}
.Dialog.-success {
  background-color: white;
}
.Dialog__close {
  background-color: transparent;
  border: 0;
  color: #fff;
  font-size: 2em;
  line-height: 0.6;
  padding: 0;
  position: absolute;
  right: 0.25em;
  top: 0.125em;
}
.Dialog__close:hover {
  background-color: transparent;
  color: #fff;
  opacity: 0.75;
}
.-error > * > .Dialog__close {
  color: #fff;
}
.-warning > * > .Dialog__close {
  color: #fff;
}
.-success > * > .Dialog__close {
  color: #fff;
}
.Dialog__header {
  background-color: #000;
  border-bottom: 1px solid #000;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  flex: 0 0 auto;
  overflow: hidden;
  padding: 0.5em 1em;
  position: relative;
  min-height: 37px;
}
.-error > .Dialog__header {
  background-color: #d51d29;
  color: #fff;
}
.-warning > .Dialog__header {
  background-color: #fff1eb;
  color: #000;
}
.-success > .Dialog__header {
  background-color: #b6e3df;
  color: #fff;
}
.Dialog__title {
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
  max-width: 90%;
}
.Dialog__body {
  flex: 1 1 auto;
  overflow: auto;
  padding: 0.5em 1em;
}
.Dialog__body.-image {
  height: auto;
  padding: 0;
  width: auto;
}
.Dialog__footer {
  flex: 0 0 auto;
  padding: 0 1em 0.5em;
  text-align: right;
}

@keyframes dialog-slide-up {
  0% {
    opacity: 0;
    transform: translate(-50%, -30%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
/*
#.Dialog w/Video

Video dialog

Markup:
<dialog class="Dialog -fake -video">
    <header class="Dialog__header">
        <h1 class="Dialog__title">Optional Title</h1>
        <button class="Dialog__close" data-dialog-close>&times;</button>
    </header>
    <div class="Dialog__body">
        <iframe
            class="Dialog__video"
            src="https://www.youtube.com/embed/wBNJ0BH3Dgs"
            frameborder="0"
            allow="encrypted-media"
            allowfullscreen>
        </iframe>
    </div>
    <footer class="Dialog__footer">
    <button class="Button -small" value="apple">Optional</button>
    <button class="Button -small" value="orange">Buttons</button>
    </footer>
</dialog>


Styleguide Blocks.Dialog.Video
*/
.Dialog.-video {
  margin-left: 0;
  margin-right: 0;
  max-width: calc(100vw - 10em);
  min-width: calc(100vw - 10em);
  width: calc(177.7777777778vh - 7em);
  max-height: 90vh;
}
@media (max-width: 991px) {
  .Dialog.-video {
    max-width: calc(100vw - 3em);
    min-width: calc(100vw - 3em);
  }
}
.Dialog.-video .Dialog__body {
  height: 0;
  padding-bottom: 56.25%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.Dialog__video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dialog.-video .Dialog__footer {
  margin-top: 0.5em;
}

/*
#.Dialog opening buttons

Open a Dialog

Markup:
<button class="Button" data-dialog="example-dialog">
    Open inline dialog
</button>
<button class="Button"
    data-dialog="example-dynamic-dialog"
    data-dialog-type="dialog"
    data-dialog-title="Dynamic dialog title"
    data-dialog-body="&lt;p&gt;Finally, HTML has a native dialog box element! This is fantastic.&lt;/p&gt;&#10;&lt;p&gt;And a polyfill makes this usable today.&lt;/p&gt;&#10;"
    data-dialog-buttons='[{"label":"Apple", "value":"apple"}, {"label":"Orange", "value":"orange"}]'
>
    Open dynamic dialog
</button>
<button class="Button"
    data-dialog="example-dynamic-video-dialog"
    data-dialog-type="dialog"
    data-dialog-title="Simply Delicious Shower Thoughts"
    data-dialog-video="https://www.youtube.com/embed/wBNJ0BH3Dgs"
>
    Video dialog
</button>
<dialog class="Dialog" id="example-dialog">
    <header class="Dialog__header">
        <h1 class="Dialog__title">A .Dialog dialog box</h1>
        <button class="Dialog__close" data-dialog-close>&times;</button>
    </header>
    <div class="Dialog__body">
      <p>Finally, HTML has a native dialog box element! This is fantastic.</p>
      <p>And a polyfill makes this usable today.</p>
    </div>
    <footer class="Dialog__footer">
      <button class="Button -small" value="apple">Apple</button>
      <button class="Button -small" value="orange">Orange</button>
      <button class="Button -small" value="banana">Banana</button>
    </footer>
</dialog>

Styleguide Blocks.Dialog.Buttons
*/
/*
#<dialog [data-dialog]> events

You can monitor `close` events on a `<dialog [data-dialog]>` like this:

```
const dialog = document.getElementById(dialogID);
dialog.addEventListener('close', () => {
  const returnVal = dialog.returnValue;
});
```

Styleguide Blocks.Dialog.events
*/
/*
#.footer

Styling the static footer to be like https://www.toyota.com

Uses same HTML as https://www.toyota.com <footer> with relative URLs fixed.

Linting disabled on .footer since so much of this CSS comes from Toyota.com

Template: Includes/Footer

Styleguide Utilities.footer
*/
/* stylelint-disable */
.footer {
  background-color: #f0f0f0;
  line-height: 1;
}
.footer *:focus {
  outline: 0;
}
.footer ul {
  margin: 0;
  padding: 0;
}
.footer li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .inherit-type {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.footer h2 {
  margin: 0;
  padding: 0;
}
.footer .folding-panel .folding-panel-toggle {
  display: none;
}
.footer .folding-panel .folding-panel-content {
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  transition: opacity 0.3s ease, max-height 0.3s ease;
}
.footer .folding-panel .folding-panel-toggle:checked ~ .folding-panel-content {
  max-height: 125pc;
  opacity: 1;
}
.footer .button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: tcomMed, HelveticaNeueMedium, Helvetica Neue Medium, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  font: inherit;
  letter-spacing: 0.5px;
  line-height: 20px;
  margin: 0;
  min-height: 56px;
  overflow: visible;
  padding: 18px 1pc;
  position: relative;
  text-transform: none;
  transform-style: preserve-3d;
}
.footer .button:hover {
  color: inherit;
}
.footer .button .btn-img {
  vertical-align: middle;
}
.footer .button .btn-img img {
  display: inline;
}
@media (min-width: 768px) {
  .footer .tcom-mobile-only {
    display: none;
  }
}
.footer a {
  text-decoration: none;
}
.footer a:hover {
  color: #e10a1d;
}
.footer a:focus {
  text-decoration: underline;
}
.footer .tcom-footer-body {
  display: flex;
  flex-direction: column;
}
.footer .tcom-footer-grid {
  width: 100%;
}
.footer .tcom-footer-grid .folding-panel label {
  font-size: 1em;
  font-family: tcomMed, HelveticaNeueMedium, Helvetica Neue Medium, Arial, sans-serif;
  color: #333;
  letter-spacing: 0.5px;
}
.footer .tcom-footer-grid a {
  color: #000;
  font-family: tcomLight, HelvNeueLight, Helvetica Neue Light, Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0.5px;
}
.footer .tcom-footer-section {
  flex-direction: column;
}
.footer .tcom-footer-section, .footer .tcom-footer-social-section {
  display: flex;
}
.footer .tcom-footer-social-section {
  width: 100%;
  text-align: center;
  padding: 25px 0 20px;
}
.footer .tcom-footer-logo {
  padding: 30px 0 0;
  text-align: center;
  height: auto;
}
.footer .tcom-footer-logo .cmp-image {
  margin: auto;
  max-width: 267px;
}
.footer .tcom-footer-section-links {
  display: flex;
  width: 100%;
  max-width: 978px;
  margin: 20px auto 25px;
}
.footer .tcom-footer-section-links a:focus > * {
  text-decoration: underline;
}
.footer .tcom-footer-section-links a:hover > * {
  color: #e10a1d;
}
.footer .tcom-footer-privacy-wrapper {
  letter-spacing: 0.03125rem;
}
.footer .tcom-footer-personal-info {
  font-weight: 700;
  display: block;
  letter-spacing: 0.03125rem;
  margin-top: 18px;
}
.footer .tcom-footer-personal-info:hover {
  text-decoration: none;
}
.footer .tcom-footer-personal-info:focus:not(:hover) {
  text-decoration: underline;
}
.footer .cookie-consent {
  border: none;
  background-color: transparent;
  color: #58595b;
  cursor: pointer;
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 0.03125rem;
  line-height: 24px;
  margin: 1em 0 0;
  padding: 0;
}
.footer .cookie-consent:hover {
  color: #e10a1d;
}
.footer .cookie-consent:focus:not(:hover) {
  text-decoration: underline;
}
.footer .tcom-footer-buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #333;
  padding: 10px;
}
.footer .tcom-footer-buttons > div {
  min-width: 50%;
}
.footer .tcom-footer-buttons .button {
  margin: 10px 5%;
}
.footer .tcom-footer-latest-news {
  line-height: 1.5;
}
.footer .tcom-footer-latest-news a.text-link {
  position: relative;
  padding-left: 25px;
}
.footer .tcom-footer-latest-news a.text-link:before {
  content: "";
  width: 19px;
  height: 18px;
  position: absolute;
  top: 4px;
  left: 0;
  background: transparent url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0idGNvbS1pY29uIHRjb20taWNvbi1uZXdzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iLTAuMTk4IDAgMTkgMTgiPjxnIGZpbGw9IiNENjFGMjYiPjxwYXRoIGQ9Ik0xOC41ODMgMTMuOTk0VjBINC4zMTl2NC4zMTNILjAwOGwtLjAwMi45NThzLS4wMTMgNi44ODggMCA5LjAyN2MuMDE3IDIuNjY0IDEuMzA2IDMuNDQ4IDIuMzU0IDMuNjQ0VjE4aC42NTZsLjEtLjAwMWgxMi4xODNsLjE4MS0uMDE3Yy4yNTYtLjA0OSAxLjU2Mi0uMzM2IDIuMTY0LTEuMTY0IDEuMDAyLTEuMzc5Ljk5Ny0yLjQxMS45MzktMi44MjR6bS0xNC4yNjQuMzA1Yy4wMDUuNzI5LS4xMzEgMS4yNDgtLjM5NiAxLjUwNi0uMTc0LjE3Mi0uNDUzLjI2NC0uODMuMjc0aC0uMTU1Yy0uNDA0LS4wMTEtMS4wMDItLjA0My0xLjAxMy0xLjc5Mi0uMDA5LTEuNjQxLS4wMDQtNi4wODctLjAwMS04LjA1NEg0LjMydjguMDY2em0xMS43NzIgMS4zODljLS4wOTUuMTIxLS41MjEuMzA2LS44OTQuMzkySDUuOTYzYy4xODgtLjUwNS4yOC0xLjEwMy4yNzYtMS43ODZWMS45MTloMTAuNDIzdjEyLjE1N2wtLjAxMi4wNjguMDMxLjExOWMuMDAxLjAwOC4wNjEuNTMxLS41OSAxLjQyNXoiLz48cGF0aCBkPSJNOC42NzYgNS4wMjloNS4zMTl2MS45MTlIOC42NzZ6bTAgNC41NTRoNS4zMTl2MS45Mkg4LjY3NnoiLz48L2c+PC9zdmc+") no-repeat;
}
.footer .tcom-footer-latest-news .btn-text {
  font-size: 1pc;
  color: #58595b;
  vertical-align: inherit;
}
.footer .tcom-footer-search-form {
  position: relative;
  width: 74.2268%;
  min-width: 25pc;
  max-width: 500px;
  height: 45px;
  margin: 0;
  padding: 0 0 5px;
  border-bottom: 2px solid transparent;
}
.footer .tcom-footer-search-form.focus {
  border-bottom: 2px solid #e10a1d;
}
.footer .tcom-footer-search-form .tcom-icon {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -17px;
  width: 34px;
  height: 34px;
  fill: #e10a1d;
  color: #e10a1d;
}
.footer .tcom-footer-search-form .tcom-search-input {
  width: 100%;
  padding: 5px 60px 5px 55px;
  font-size: 1.5em;
  font-weight: 400;
  line-height: normal;
  height: auto;
  color: #58595b;
  vertical-align: middle;
}
.footer .tcom-footer-search-form .tcom-search-input, .footer .tcom-footer-search-form .tcom-search-submit-btn {
  font-family: tcomLight, HelvNeueLight, Helvetica Neue Light, Arial, sans-serif;
  border: 0;
  background: transparent;
}
.footer .tcom-footer-search-form .tcom-search-submit-btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
  line-height: 1.1em;
  font-size: 1.625em;
  color: #e10a1d;
  cursor: default;
  text-transform: uppercase;
  opacity: 0;
  display: none;
  transition: opacity 0.2s ease;
}
.footer .tcom-footer-search-form .tcom-search-submit-btn.show {
  display: block;
  opacity: 1;
}
.footer .tcom-social-links {
  display: flex;
}
.footer .tcom-social-links .tcom-footer-icon {
  display: inline-block;
  width: 45px;
  height: 45px;
  font-size: 1pc;
  margin-left: 10px;
}
.footer .tcom-footer-icon {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  transition: background 0.1s ease;
  text-align: center;
}
.footer .tcom-footer-icon .tcom-icon, .footer .tcom-footer-icon .tcom-social-icon {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
.footer .tcom-footer-bottom-wrapper {
  justify-content: space-between;
  max-width: 978px;
  margin: auto;
  color: #58595b;
}
.footer .tcom-footer-bottom-list ul, .footer .tcom-footer-bottom-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.footer .tcom-footer-bottom-list ul {
  margin: 0;
  padding-top: 5px;
  font-size: 13px;
}
.footer .tcom-footer-bottom-list ul li {
  margin-bottom: 0.5em;
}
.footer .tcom-footer-bottom-list ul li a {
  display: block;
  padding: 0 5px;
  color: #58595b;
  white-space: nowrap;
}
.footer .tcom-footer-bottom-list ul li:first-child a {
  padding-left: 0;
}
.footer .tcom-footer-bottom-list ul li:before {
  display: block;
  width: 1px;
  height: 9pt;
  float: left;
  background: #8f8f8f;
  content: "";
}
.footer .tcom-footer-bottom-list ul li:first-child:before {
  display: none;
}
.footer .tcom-footer-bottom-legal {
  width: 100%;
}
.footer .tcom-footer-bottom-legal p {
  font-size: 10px;
  line-height: 1.8em;
  margin-bottom: 1em;
}
.footer .tcom-footer-disclosure-link {
  font-family: tcomMed, HelveticaNeueMedium, Helvetica Neue Medium, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.3;
  color: #e10a1d;
}
@media (min-width: 1024px) {
  .footer .tcom-footer-grid .footer-links {
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 25% 25%;
  }
  .footer .tcom-footer-grid .footer-links .grid-1 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 3;
    grid-row-end: 4;
  }
  .footer .tcom-footer-grid .footer-links .grid-2 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 3;
    grid-row-end: 4;
  }
  .footer .tcom-footer-grid .footer-links .grid-3 {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 3;
    grid-row-end: 4;
  }
  .footer .tcom-footer-grid .footer-links .grid-4 {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row: 5;
    grid-row-start: 5;
  }
  .footer .tcom-footer-grid .footer-links .grid-5 {
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
  }
  .footer .tcom-footer-grid .footer-links .grid-6 {
    -ms-grid-column: 4;
    grid-column-start: 4;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }
}
@media (max-width: 1023px) {
  .footer .footer-links {
    -ms-grid-columns: 33% 33% 33%;
    grid-template-columns: 33% 33% 33%;
  }
  .footer .footer-links .grid-1 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 3;
    grid-row-end: 4;
  }
  .footer .footer-links .grid-2 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 3;
    grid-row-end: 4;
  }
  .footer .footer-links .grid-3 {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row: 1;
    grid-row-start: 1;
    -ms-grid-row-span: 3;
    grid-row-end: 4;
  }
  .footer .footer-links .grid-4 {
    -ms-grid-column: 3;
    grid-column-start: 3;
    -ms-grid-row: 4;
    grid-row-start: 4;
  }
  .footer .footer-links .grid-5 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
  }
  .footer .footer-links .grid-6 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 4;
    grid-row-start: 4;
  }
}
@media (min-width: 768px) {
  .footer {
    background: #f6f6f6;
  }
  .footer .tcom-mobile-only {
    display: none;
  }
  .footer .folding-panel-content {
    padding: 8px 0 24px;
  }
  .footer .tcom-footer-body {
    position: relative;
    padding-bottom: 15px;
  }
  .footer .tcom-footer-body:before {
    display: block;
    position: absolute;
    top: 90px;
    width: 100%;
    height: 1px;
    background: #dcdee0;
    content: "";
  }
  .footer .tcom-footer-section {
    position: relative;
    order: 1;
    padding: 0 3.90625%;
  }
  .footer .tcom-footer-logo {
    order: 2;
    width: 100%;
    padding: 30px 0 5px;
  }
  .footer .tcom-footer-social-section {
    order: 1;
    -webkit-box-pack: justify;
    position: relative;
    margin: auto;
    justify-content: flex-end;
    max-width: 978px;
  }
  .footer .tcom-footer-section-links {
    justify-content: space-between;
    max-width: 978px;
  }
  .footer .tcom-footer-section-links {
    order: 3;
    -webkit-box-pack: justify;
    margin: 20px auto 10px;
  }
  .footer .tcom-footer-privacy-wrapper {
    text-align: right;
  }
  .footer .tcom-footer-grid {
    order: 2;
    padding: 0 3.90625%;
  }
  .footer .tcom-footer-grid > div {
    margin: 13px auto 0;
    max-width: 978px;
  }
  .footer .tcom-footer-grid li {
    padding-right: 20px;
    margin-bottom: 0.25em;
    line-height: normal;
  }
  .footer .tcom-footer-grid a {
    color: #333;
    font-size: 13px;
  }
  .footer .tcom-footer-grid .footer-links {
    display: -ms-grid;
    display: grid;
  }
  .footer .tcom-footer-grid .folding-panel .folding-panel-content {
    display: block;
    max-height: 125pc;
    opacity: 1;
  }
  .footer .tcom-footer-bottom {
    padding: 20px 3.90625% 10px;
  }
}
@media screen and (max-width: 767px) {
  .footer .mobile-hide, .footer .tcom-footer-grid .grid-2 {
    display: none;
  }
  .footer .tcom-social-links {
    margin: auto;
  }
  .footer .tcom-footer-grid .column.aem-GridColumn {
    float: none !important;
    width: 100% !important;
  }
  .footer .tcom-footer-grid .folding-panel {
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
  }
  .footer .tcom-footer-grid .folding-panel-title {
    position: relative;
    display: block;
    padding: 0 4.6875%;
    line-height: 60px;
    background-color: #f6f6f6;
  }
  .footer .tcom-footer-grid .folding-panel-title:before {
    display: block;
    position: absolute;
    top: 23px;
    right: 37px;
    width: 2px;
    height: 1pc;
    background: #e10a1d;
    content: "";
    transition: transform 0.1s ease;
    cursor: pointer;
  }
  .footer .tcom-footer-grid .folding-panel-title:after {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 1pc;
    height: 2px;
    background: #e10a1d;
    content: "";
    transition: transform 0.1s linear;
    cursor: pointer;
  }
  .footer .tcom-footer-grid .folding-panel-content {
    padding: 0 4.6875%;
  }
  .footer .tcom-footer-grid .folding-panel-content li {
    border-bottom: 1px dotted #d8d8d8;
    line-height: normal;
    font-size: 1pc;
    height: 60px;
    display: table;
    width: 100%;
  }
  .footer .tcom-footer-grid .folding-panel-content li:last-child {
    border-bottom: none;
  }
  .footer .tcom-footer-grid .folding-panel-content li a {
    display: table-cell;
    vertical-align: middle;
  }
  .footer .tcom-footer-grid .folding-panel-toggle:checked + .folding-panel-title:after, .footer .tcom-footer-grid .folding-panel-toggle:checked + .folding-panel-title:before {
    transform: rotate(45deg);
  }
  .footer .tcom-footer-section-links {
    padding: 0 4.6875%;
  }
  .footer .tcom-footer-bottom {
    padding: 0 4.6875% 20px;
  }
  .footer .tcom-footer-bottom-list {
    order: 1;
  }
  .footer .tcom-footer-disclosure-link {
    order: 3;
  }
  .footer .tcom-footer-bottom-legal {
    order: 2;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .footer .tcom-footer-buttons {
    flex-direction: row;
  }
}
.footer .modal-disclaimers.is-visible {
  z-index: 999999 !important;
}
.footer sup[data-disclaimer] {
  display: inline-block;
  color: #e10a1d;
  line-height: 1em;
  z-index: 1;
  position: relative;
}
.footer sup[data-disclaimer]:after {
  bottom: -4px;
  left: 0;
  right: 0;
  height: 1px;
  transform: translateY(0);
  background-color: transparent;
  width: 100%;
  display: table;
  transition: all 0.2s;
}
.footer sup[data-disclaimer]:hover {
  cursor: pointer;
}
.footer sup[data-disclaimer]:not(.active):hover:after {
  height: 2px;
  transform: translateY(2px);
  background-color: #e10a1d;
}
.footer sup[data-disclaimer].active, .footer sup[data-disclaimer]:active {
  color: #b00716;
}
.footer sup[data-disclaimer].active:after, .footer sup[data-disclaimer]:active:after {
  height: 2px;
  transform: translateY(2px);
  background: #b00716;
}
.footer sup[data-disclaimer]:focus {
  outline: none;
  text-decoration: none;
}
.footer sup[data-disclaimer]:focus:after {
  height: 2px;
  transform: translateY(2px);
  background: #e10a1d;
}
.footer .theme-dark sup[data-disclaimer] {
  color: #fff;
}
.footer .theme-dark sup[data-disclaimer]:after {
  background-color: #fff;
}
.footer .theme-dark sup[data-disclaimer]:active, .footer .theme-dark sup[data-disclaimer]:focus, .footer .theme-dark sup[data-disclaimer]:hover {
  color: #fff;
}
.footer .theme-dark sup[data-disclaimer]:active:after, .footer .theme-dark sup[data-disclaimer]:focus:after, .footer .theme-dark sup[data-disclaimer]:hover:after {
  background-color: #fff;
}
.footer sup[data-disclaimer].narrow, .footer sup[data-disclaimer][data-disclaimer=mpg], .footer sup[data-disclaimer][data-disclaimer=mpge], .footer sup[data-disclaimer][data-disclaimer=msrp] {
  min-width: 5px;
}
.footer sup[data-disclaimer]:after {
  position: absolute;
  content: "";
}
.footer #disclaimers, .footer #tcom-disclaimers {
  display: none;
}
.footer #tcom-disclaimers-modal {
  position: relative;
}
.footer #tcom-disclaimers-modal a {
  color: #c00;
}
.footer #tcom-disclaimers-modal em {
  font-style: italic;
}
.footer #tcom-disclaimers-modal .modal-header {
  display: none;
}
.footer #tcom-disclaimers-modal .tcom-disclaimers-list {
  margin: 0;
  padding: 15px 0;
  line-height: 1.3em;
  list-style: none;
}
@media (min-width: 600px) {
  .footer #tcom-disclaimers-modal .tcom-disclaimers-list {
    padding: 30px 0;
  }
}
.footer #tcom-disclaimers-modal .tcom-disclaimers-item, .footer #tcom-disclaimers-modal li {
  position: relative;
  padding: 14px 25px;
  color: #000;
  font-size: 9pt;
  line-height: 1.3em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 600px) {
  .footer #tcom-disclaimers-modal .tcom-disclaimers-item, .footer #tcom-disclaimers-modal li {
    padding: 14px 45px;
  }
}
.footer #tcom-disclaimers-modal .tcom-disclaimers-item.is-active, .footer #tcom-disclaimers-modal li.is-active {
  background: #dee2e8;
}
.footer #tcom-disclaimers-modal .tcom-disclaimers-item.is-active:before, .footer #tcom-disclaimers-modal li.is-active:before {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 0;
  height: 0;
  border-top: 5.5px solid transparent;
  border-bottom: 5.5px solid transparent;
  border-left: 7.5px solid #c00;
  content: "";
}
@media (min-width: 600px) {
  .footer #tcom-disclaimers-modal .tcom-disclaimers-item.is-active:before, .footer #tcom-disclaimers-modal li.is-active:before {
    left: 30px;
  }
}
.footer #tcom-ad-disclaimers {
  display: none;
}

/*
#.Header

Main site Header

Styleguide Blocks.Header
*/
.Header {
  font-size: 12px;
}
@media screen and (min-width: 992px) {
  .Header {
    font-size: calc(12px + 6 * (100vw - 992px) / 390);
  }
}
@media screen and (min-width: 1382px) {
  .Header {
    font-size: 18px;
  }
}
.Header {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
@media (max-width: 991px) {
  .Header {
    z-index: 1000;
  }
  .Header {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) and (min-width: 320px) {
  .Header {
    font-size: calc(14px + 4 * (100vw - 320px) / 1062);
  }
}
@media screen and (max-width: 991px) and (min-width: 1382px) {
  .Header {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .Header {
    height: 64px;
    padding: 0;
  }
  .Page.-nav-open .Header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }
}
.Header__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1296px;
}
@media (max-width: 1456px) {
  .Header__inner {
    margin-left: 80px;
    margin-left: calc(env(safe-area-inset-left) + 80px);
    margin-left: max(env(safe-area-inset-left), 80px);
    margin-right: 80px;
    margin-right: calc(env(safe-area-inset-right) + 80px);
    margin-right: max(env(safe-area-inset-right), 80px);
  }
}
@media (max-width: 991px) and (max-width: 1295px) {
  .Header__inner {
    margin-left: 24px;
    margin-left: calc(env(safe-area-inset-left) + 24px);
    margin-left: max(env(safe-area-inset-left), 24px);
    margin-right: 24px;
    margin-right: calc(env(safe-area-inset-right) + 24px);
    margin-right: max(env(safe-area-inset-right), 24px);
  }
}
@media print {
  .Header__inner {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.Header__inner::before, .Header__inner::after {
  clear: both;
  content: "";
  display: table;
}
.Header__inner {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}
@media (max-width: 991px) {
  .Header__inner {
    margin: 0;
  }
}

/*
#.Label

Small red label text

Markup:
<div class="Content">
    <div class="Label">Label Text</div>
</div>

Styleguide Blocks.Label
*/
.Label {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Label {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Label {
    font-size: 18px;
  }
}
.Label {
  color: #c2322c;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}

/*
#.Layout

Main site `<main>` layout section.

Markup:
<main class="Layout"></main>

Styleguide Blocks.Layout
*/
.Layout {
  z-index: 500;
  flex: 1 1 auto;
}

.Loading::after {
  background-image: url("/_resources/themes/main/images/loading.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  animation: loading-rotation 2s infinite linear;
  content: "";
  height: 4rem;
  left: calc(50% - 2rem);
  position: absolute;
  top: calc(50% - 2rem);
  width: 4rem;
}

@keyframes loading-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.LogoArray {
  background-color: inherit;
  margin-bottom: 4em;
  position: relative;
}
@media (max-width: 991px) {
  html.touch .LogoArray {
    margin-right: -24px;
  }
  html.touch .LogoArray__arrow {
    display: none;
  }
}
.LogoArray__wrapper {
  align-content: stretch;
  align-items: stretch;
}
.LogoArray__slide {
  align-items: center;
  color: inherit;
  cursor: pointer;
  display: flex;
  height: auto;
  justify-content: center;
  margin-top: 2em !important;
  position: relative;
  text-decoration: none;
}
.LogoArray__slide:hover {
  color: #d51d29;
}
.LogoArray__img {
  height: auto;
  margin: auto;
  max-height: 80px;
  max-width: 100%;
  width: auto;
}
.LogoArray__img.-placeholder {
  background-color: #f0f0f0;
  display: block;
  height: 0;
  padding-bottom: 68.75%;
}
.LogoArray__pagination {
  margin-top: 2em;
  text-align: center;
  width: 100%;
}
.LogoArray__pagination .swiper-pagination-bullet {
  margin: 0 0.25em;
}

/*
#.MediaText

Media with optional text block, for use in ElementMedia blocks

Markup:
<div class="Container Content">
    <div class="MediaText">
        <div class="MediaText__image">
            <img src="/_resources/themes/main/images/ggb.jpg" alt="ggb" />
        </div>
        <div class="MediaText__text">
            <h2 class="Element__label">Mollis Malesuada Egestas Cras Nibh</h2>
        <div class="Element__content">
            <p>
            Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed
            posuere consectetur est at lobortis. Etiam porta sem malesuada magna
            mollis euismod. Vestibulum id ligula porta felis euismod semper. Cum
            sociis natoque penatibus et magnis dis parturient montes, nascetur
            ridiculus mus. Donec id elit non mi porta gravida at eget metus. Cum
            sociis natoque penatibus et magnis dis parturient montes, nascetur
            ridiculus mus.
            </p>
        </div>
    </div>
</div>

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad


Styleguide Blocks.MediaText
*/
@media (min-width: 768px) {
  .MediaText {
    align-items: flex-start;
    -moz-column-gap: 8%;
         column-gap: 8%;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
}
.MediaText__image {
  position: relative;
}
.MediaText__play::after {
  background-size: 20% !important;
}

/*
#.Nav

main site navigation

Styleguide Blocks.Nav
*/
.Nav {
  flex: 1 1 auto;
  width: 100%;
}
@media (max-width: 991px) {
  .Nav {
    z-index: 1500;
  }
}
.Nav__pane {
  width: 100%;
}
@media (max-width: 991px) {
  .Nav__pane {
    z-index: 2000;
    background-color: #fff;
    display: block;
    height: 0;
    left: 0;
    overflow: hidden;
    padding: 0 24px;
    position: fixed;
    right: auto;
    top: 60px;
    transition: height 0.3s;
    width: 100%;
  }
  .Nav__pane.-show {
    height: calc(100% - 60px);
  }
}
.Nav__menu {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.Nav__item {
  display: block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  padding: 0.5em 0;
}
@media (min-width: 992px) {
  .Nav__item {
    display: inline-block;
    margin-left: 3%;
    padding: 2.4em 0;
  }
}
@media (max-width: 991px) {
  .Nav__item {
    border-bottom: 1px solid #dfdfde;
    display: block;
    padding: 1.35em 0.8em;
  }
}
.Nav__link {
  color: #595959;
  font-weight: 300;
  text-decoration: none;
}
@media (max-width: 991px) {
  .Nav__link {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 500;
  }
}
.Nav__link:hover {
  color: #d51d29;
}
.Nav__link.-current, .Nav__link.-section {
  color: #d51d29;
}
.Nav__link.-current::before, .Nav__link.-section::before {
  background-image: url("/_resources/themes/main/images/red-circle.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  content: "";
  height: 0.7em;
  margin-right: 0.125em;
  vertical-align: baseline;
  width: 0.7em;
}
@media (max-width: 991px) {
  .Nav__link.-current::before, .Nav__link.-section::before {
    display: none;
  }
}
.Nav__hamburger {
  z-index: 3000;
  display: none;
}
@media (max-width: 991px) {
  .Nav__hamburger {
    display: block;
    position: absolute;
    right: 24px;
    top: 20px;
  }
}

/*
#.Play

Play video button. Parent should be positioned (not static)

Markup:
<div style="height: 200px; width="100%; background-color: gray; position: relative;">
    <button class="Play">Play Video</button>
</div>

Styleguide Blocks.Play
*/
.Play {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Play::after {
  background-image: url("/_resources/themes/main/images/play.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  background-position: center center;
  background-size: 10%;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
}
.Play:hover::after {
  opacity: 1;
}

/*
#.Promo

Promos to other pages in various grid layouts

Template: Styleguide/ElementPromos

.-two-cols - two columns on large screens
.-tall-left - tall image on the left, with 2 smaller ones on the right on large screens

Styleguide Blocks.Promo
*/
.Promo__promos {
  margin-top: 1.5em;
  position: relative;
}
.Promo__grid {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .Promo__grid.-two-cols {
    display: grid;
    grid-auto-flow: row dense;
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
  }
  .Promo__grid.-two-cols .Promo__item {
    margin: 0;
  }
}
@media (min-width: 1382px) {
  .Promo__grid.-two-cols {
    grid-gap: 2em;
  }
}
@media (min-width: 768px) {
  .Promo__grid.-tall-left {
    display: grid;
    grid-auto-flow: row dense;
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
.Promo__grid.-tall-left .Promo__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .Promo__grid.-tall-left .Promo__item {
    margin-bottom: 0;
  }
  .Promo__grid.-tall-left .Promo__item:nth-child(6n+1) {
    grid-row: span 2;
  }
  .Promo__grid.-tall-left .Promo__item:nth-child(6n+4) {
    grid-row: span 1;
  }
  .Promo__grid.-tall-left .Promo__item:nth-child(6n+5) {
    grid-row: span 2;
  }
}
.Promo__grid.-tall-left .Promo__ratio {
  position: static;
}
.Promo__intro > *:last-child {
  margin-bottom: 0;
}
.Promo__item {
  margin: 0 0 1em;
  padding: 0;
  position: relative;
  z-index: 1;
}
.Promo__item.-no-image::before {
  background-image: url("/_resources/themes/main/images/defaultstory.jpg");
  background-position: center center;
}
.Promo__item::before {
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  filter: saturate(1.5) brightness(80%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}
.Promo__item::after {
  background: linear-gradient(to top, rgba(0,0,0, 0.5) 0%, rgba(0,0,0, 0.369) 19%, rgba(0,0,0, 0.2705) 34%, rgba(0,0,0, 0.191) 47%, rgba(0,0,0, 0.139) 56.5%, rgba(0,0,0, 0.097) 65%, rgba(0,0,0, 0.063) 73%, rgba(0,0,0, 0.0375) 80.2%, rgba(0,0,0, 0.021) 86.1%, rgba(0,0,0, 0.0105) 91%, rgba(0,0,0, 0.004) 95.2%, rgba(0,0,0, 0.001) 98.2%, rgba(0,0,0, 0) 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.Promo__item:hover::before {
  filter: none;
}
.Promo__item:hover::after {
  background: rgba(255, 255, 255, 0.75);
}
.Promo__item:hover .Promo__link {
  color: #000;
}
.Promo__ratio {
  background-size: cover;
  font-size: 0;
  position: relative;
}
.Promo__ratio::before {
  content: "";
  display: inline-block;
  height: 0;
  margin-left: -1px;
  padding-top: 60%;
  vertical-align: bottom;
  width: 1px;
}
.Promo__link {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Promo__link {
    font-size: calc(18px + 4 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Promo__link {
    font-size: 22px;
  }
}
.Promo__link {
  color: #fff;
  display: inline-block;
  padding: 1em;
  text-decoration: none;
  transition: color 0.25s ease;
  vertical-align: bottom;
  z-index: 2;
}
.Promo__link::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 0.25s ease;
  width: 100%;
  z-index: 100;
}
.Promo__label {
  color: #ccc;
  font-size: 80%;
  font-weight: 500;
  margin-bottom: 0.125em;
  text-transform: uppercase;
}
.Promo__link:hover .Promo__label {
  color: #d51d29;
}
.Promo__title {
  font-weight: 500;
  max-height: 4.75em;
}
.Promo__label + .Promo__title {
  max-height: 3.5em;
}
.Promo__content {
  font-size: 90%;
  font-weight: 300;
}
.Promo__cta {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Promo__cta {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Promo__cta {
    font-size: 18px;
  }
}
.Promo__cta {
  margin: 0;
  text-align: center;
}
@media (min-width: 600px) {
  .Promo__cta {
    margin: 1em 0 0;
  }
}
.Promo__cta a {
  color: #595959;
}
.Promo__arrow::after {
  font-size: 1.5em !important;
}
@media (max-width: 599px) {
  .Promo__arrow::after {
    background-color: rgba(255, 255, 255, 0.75);
    color: #d51d29;
    font-size: 2em !important;
    padding: 0.5em 0.3em;
  }
}
.Promo__arrow.-prev::after {
  margin-right: -0.5em;
}
@media (max-width: 599px) {
  .Promo__arrow.-prev::after {
    margin-right: -4em;
  }
}
.Promo__arrow.-next::after {
  margin-left: -0.5em;
}
@media (max-width: 599px) {
  .Promo__arrow.-next::after {
    margin-left: -4em;
  }
}
.Promo__showAll {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .Promo__showAll {
    font-size: calc(14px + 4 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Promo__showAll {
    font-size: 18px;
  }
}
.Promo__showAll {
  color: #595959;
  display: block;
  margin: 1em 0;
  text-align: center;
}
@media (max-width: 599px) {
  .Promo__showAll {
    display: none;
  }
}
html.no-js .Promo__showAll {
  display: none;
}

/*
#.Promo - wide top

Promos to other pages in various grid layouts

Template: Styleguide/ElementPromos__wide_top

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Promo.WideTop
*/
@media (min-width: 992px) {
  .Promo__grid.-wide-top {
    display: grid;
    grid-auto-flow: row dense;
    grid-gap: 2em;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
  }
  .Promo__grid.-wide-top .Promo__item {
    margin-bottom: 0;
  }
  .Promo__grid.-wide-top .Promo__item:nth-child(4n+1) {
    grid-column: span 3;
  }
  .Promo__grid.-wide-top .Promo__item:nth-child(4n+1) .Promo__ratio {
    padding-bottom: 25%;
  }
  .Promo__grid.-wide-top .Promo__item:nth-child(4n+1) .Promo__title {
    display: inline-block;
    min-width: calc(33.3333% + 2em);
    vertical-align: bottom;
    width: auto;
  }
}
.Promo__grid.-wide-top .Promo__item {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Promo__grid.-wide-top .Promo__item {
    font-size: calc(22px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Promo__grid.-wide-top .Promo__item {
    font-size: 22px;
  }
}
.Promo__grid.-wide-top .Promo__item {
  margin-bottom: 2em;
}
.Promo__grid.-wide-top .Promo__item::before, .Promo__grid.-wide-top .Promo__item::after {
  display: none;
}
.Promo__grid.-wide-top .Promo__ratio {
  background-repeat: no-repeat;
  background-size: cover;
  font-size: inherit;
  height: 0;
  padding-bottom: 60%;
  position: relative;
}
.Promo__grid.-wide-top .Promo__ratio::before {
  display: none;
}
.Promo__grid.-wide-top .Promo__ratio::after {
  display: none;
}
.Promo__grid.-wide-top .Promo__link {
  display: block;
  font-size: inherit;
  height: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.Promo__grid.-wide-top .Promo__link:hover::before {
  background-color: rgba(255, 255, 255, 0.55);
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Promo__grid.-wide-top .Promo__title__wrapper {
  bottom: 0;
  font-size: inherit;
  left: 0;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.Promo__grid.-wide-top .Promo__title {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  overflow: hidden;
  padding: 0.23em 1em 0.43em;
  text-align: center;
  text-transform: none;
  width: 100%;
}
.Promo__grid.-wide-top .Promo__content {
  font-size: inherit;
  margin-top: 0.5em;
  text-align: center;
}

/*
#.Promo - three-cols

4 column grid of squares, which becomes slider on mobile

Template: Styleguide/ElementPromos__three_cols

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Promo.ThreeCols
*/
@media (min-width: 768px) {
  .Promo__grid.-three-cols:not(.swiper-wrapper) {
    display: grid;
    grid-auto-flow: row dense;
    grid-gap: 1em;
    grid-template-columns: 1fr 1fr;
  }
  .Promo__grid.-three-cols:not(.swiper-wrapper) .Promo__item {
    margin: 0;
  }
}
@media (min-width: 1382px) {
  .Promo__grid.-three-cols:not(.swiper-wrapper) {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.Promo__grid.-three-cols.swiper-wrapper {
  align-items: stretch;
}
@media (min-width: 600px) {
  .Promo__grid.-three-cols.swiper-wrapper .Promo__item {
    display: block;
    height: auto;
    margin: 0;
  }
  .Promo__grid.-three-cols.swiper-wrapper .Promo_ratio {
    min-height: 100%;
  }
}

/*
#.Promo - list

4 column grid of squares, which becomes slider on mobile

Template: Styleguide/ElementPromos__list

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Promo.LIst
*/
@media (max-width: 599px) {
  html.js .Promo__grid.-list.-open .Promo__item {
    display: list-item;
  }
}
html.js .Promo__grid.-list + .Promo__showAll {
  display: none;
}
@media (max-width: 599px) {
  html.js .Promo__grid.-list + .Promo__showAll {
    display: block;
  }
}
.Promo__grid.-list .Promo__item {
  background: none;
  margin-bottom: 3em;
  position: relative;
}
@media (max-width: 599px) {
  .Promo__grid.-list .Promo__item {
    display: none;
  }
  .Promo__grid.-list .Promo__item:first-child {
    display: list-item;
  }
}
@media (min-width: 600px) {
  .Promo__grid.-list .Promo__item {
    align-items: flex-start;
    border-top: 2px solid #b5b5b5;
    display: flex;
    flex-direction: row;
    margin-bottom: 2em;
  }
}
@media (min-width: 1382px) {
  .Promo__grid.-list .Promo__item {
    border-top: 4px solid #b5b5b5;
  }
}
.Promo__grid.-list .Promo__item::before {
  display: none;
}
@media (min-width: 600px) {
  .Promo__grid.-list .Promo__item::before {
    background: #fff;
    border: 2px solid #b5b5b5;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    filter: none;
    height: 0.75em;
    left: -0.375em;
    position: absolute;
    top: calc(-0.375em - 1px);
    width: 0.75em;
    z-index: 100;
  }
}
@media (min-width: 1382px) {
  .Promo__grid.-list .Promo__item::before {
    border-width: 4px;
    height: 1em;
    top: calc(-0.5em - 2px);
    width: 1em;
  }
}
.Promo__grid.-list .Promo__item::after {
  display: none;
}
.Promo__grid.-list .Promo__ratio {
  position: static;
}
@media (min-width: 600px) {
  .Promo__grid.-list .Promo__ratio {
    flex: 0 0 auto;
    width: 40%;
  }
}
@media (min-width: 768px) {
  .Promo__grid.-list .Promo__ratio {
    width: 30%;
  }
}
.Promo__grid.-list .Promo__ratio::before {
  padding-top: 70%;
}
.Promo__grid.-list .Promo__link {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Promo__grid.-list .Promo__text {
  margin-top: 0.5em;
}
@media (min-width: 600px) {
  .Promo__grid.-list .Promo__text {
    flex: 1 1 auto;
    margin: 1em 0 0 1em;
  }
}
@media (min-width: 768px) {
  .Promo__grid.-list .Promo__text {
    margin: 1.5em 0 0 1.5em;
  }
}
@media (min-width: 1024px) {
  .Promo__grid.-list .Promo__text {
    margin: 2em 0 0 2em;
  }
}
@media (min-width: 1382px) {
  .Promo__grid.-list .Promo__text {
    margin: 3em 0 0 3em;
  }
}
.Promo__grid.-list .Promo__label {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Promo__grid.-list .Promo__label {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Promo__grid.-list .Promo__label {
    font-size: 18px;
  }
}
.Promo__grid.-list .Promo__label {
  font-weight: normal;
}
.Promo__grid.-list .Promo__title {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Promo__grid.-list .Promo__title {
    font-size: calc(18px + 8 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Promo__grid.-list .Promo__title {
    font-size: 26px;
  }
}
.Promo__grid.-list .Promo__title {
  font-weight: normal;
  margin: 0.25em 0 0.5em;
}
.Promo__grid.-list .Promo__date {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .Promo__grid.-list .Promo__date {
    font-size: calc(14px + 4 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Promo__grid.-list .Promo__date {
    font-size: 18px;
  }
}
.Promo__grid.-list .Promo__date {
  color: #898989;
  font-weight: 400;
}

/*
#.Promo - grid

4 column grid of squares, which becomes slider on mobile

Template: Styleguide/ElementPromos__grid

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Promo.Grid
*/
.Promo__grid.-grid {
  padding: 0;
}
@media (min-width: 768px) {
  .Promo__grid.-grid {
    display: grid;
    grid-auto-flow: row dense;
    grid-gap: 4px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
  }
}
.Promo__grid.-grid.swiper-wrapper {
  align-items: stretch;
}
@media (max-width: 599px) {
  .Promo__grid.-grid.swiper-wrapper .Promo__ratio {
    text-align: center;
  }
  .Promo__grid.-grid.swiper-wrapper .Promo__link {
    margin-bottom: 2.75em;
    vertical-align: bottom;
  }
}
.Promo__grid.-grid.swiper-wrapper .Promo__item {
  display: block;
  height: auto;
  margin: 0;
}
.Promo__grid.-grid .Promo__item {
  margin-bottom: 0;
}
.Promo__grid.-grid .Promo__ratio::before {
  padding-top: 100%;
}
.Promo__grid.-grid .Promo__link {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .Promo__grid.-grid .Promo__link {
    font-size: calc(14px + 4 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Promo__grid.-grid .Promo__link {
    font-size: 18px;
  }
}
.Promo__grid.-grid .Promo__link {
  background-color: #fff;
  color: #d51d29;
  display: inline-block;
  font-weight: normal;
  margin: 1em;
  padding: 0 1em 0.25em;
  text-transform: uppercase;
  vertical-align: top;
}

/*
#.Ratio

Set expandable aspect ratio for a block. If content does not fit, it will grow.
If you want to apply different ratios at different breakpoints, set padding-top on ::before.

Sets both ::before and ::after psuedo elements, do if you need those available, use this as a wrapper.

Markup:
<div class="Ratio $modifierClass" style="background-color: lightgray;">
    $modifierClass Cras mattis consectetur.
</div>

.-ratio-16/9 - 16/9 ratio - normal hd video (default)
.-ratio-9/16 - 9/16 ratio - vertical video
.-ratio-5/4  - 5/4 ratio
.-ratio-4/5  - 4/5 ratio
.-ratio-4/3  - 4/3 ratio
.-ratio-3/4  - 3/4 ratio
.-ratio-3/2  - 3/2 ratio
.-ratio-3/1  - 3/1 ratio
.-ratio-2/3  - 2/3 ratio
.-ratio-2/1  - 2/1 ratio
.-ratio-1/3  - 1/3 ratio
.-ratio-1/2  - 1/2 ratio
.-ratio-1/1  - 1/1 ratio

Styleguide Blocks.Ratio
*/
.Ratio::before {
  content: "" "" "";
  float: left;
  height: 0;
  margin-left: -1px;
  padding-top: 56.25%;
  width: 1px;
}
.Ratio::after {
  clear: both;
  /* to clear float */
  content: "";
  display: table;
}
.-ratio-16\/9.Ratio::before {
  padding-top: 56.25%;
}
.-ratio-9\/16.Ratio::before {
  padding-top: 177.7777777778%;
}
.-ratio-1\/1.Ratio::before {
  padding-top: 100%;
}
.-ratio-1\/2.Ratio::before {
  padding-top: 200%;
}
.-ratio-1\/3.Ratio::before {
  padding-top: 300%;
}
.-ratio-1\/4.Ratio::before {
  padding-top: 400%;
}
.-ratio-1\/5.Ratio::before {
  padding-top: 500%;
}
.-ratio-2\/1.Ratio::before {
  padding-top: 50%;
}
.-ratio-2\/2.Ratio::before {
  padding-top: 100%;
}
.-ratio-2\/3.Ratio::before {
  padding-top: 150%;
}
.-ratio-2\/4.Ratio::before {
  padding-top: 200%;
}
.-ratio-2\/5.Ratio::before {
  padding-top: 250%;
}
.-ratio-3\/1.Ratio::before {
  padding-top: 33.3333333333%;
}
.-ratio-3\/2.Ratio::before {
  padding-top: 66.6666666667%;
}
.-ratio-3\/3.Ratio::before {
  padding-top: 100%;
}
.-ratio-3\/4.Ratio::before {
  padding-top: 133.3333333333%;
}
.-ratio-3\/5.Ratio::before {
  padding-top: 166.6666666667%;
}
.-ratio-4\/1.Ratio::before {
  padding-top: 25%;
}
.-ratio-4\/2.Ratio::before {
  padding-top: 50%;
}
.-ratio-4\/3.Ratio::before {
  padding-top: 75%;
}
.-ratio-4\/4.Ratio::before {
  padding-top: 100%;
}
.-ratio-4\/5.Ratio::before {
  padding-top: 125%;
}
.-ratio-5\/1.Ratio::before {
  padding-top: 20%;
}
.-ratio-5\/2.Ratio::before {
  padding-top: 40%;
}
.-ratio-5\/3.Ratio::before {
  padding-top: 60%;
}
.-ratio-5\/4.Ratio::before {
  padding-top: 80%;
}
.-ratio-5\/5.Ratio::before {
  padding-top: 100%;
}

/*
#ShowMore

Show more links are for expanding/growing lists

Markup:
<a href="#" class="ShowMore">More</a>

Styleguide Blocks.More
*/
.ShowMore {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .ShowMore {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .ShowMore {
    font-size: 18px;
  }
}
.ShowMore {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  color: #595959;
  cursor: pointer;
  display: inline-block;
  margin-top: 1em;
  padding: 0;
}
.ShowMore::after {
  background-image: url("/_resources/themes/main/images/angle-down-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
.ShowMore::after {
  content: "";
  display: block;
  height: 2em;
  margin: auto;
  opacity: 0.5;
  transition: transform 0.25s;
  width: 2em;
}
.ShowMore:hover::after {
  transform: scale(1.2);
}
html.no-js .ShowMore__item {
  display: block !important;
}

/*
#.SocialSharing

Template: Includes/SocialSharing

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.SocialSharing
*/
.SocialSharing {
  font-size: 1rem;
  list-style-type: none;
  margin: 0 0 0 -3em;
  padding: 0;
  position: absolute;
}
@media (max-width: 992px) {
  .SocialSharing {
    background-color: #fff;
    border-radius: 0 6px 6px 0;
    left: 0;
    margin-left: 0;
    padding: 0.75em 0.25em;
    top: 5em;
  }
}
@media (min-width: 1560px) {
  .SocialSharing {
    font-size: 1.5rem;
    margin-left: -4em;
  }
}
.SocialSharing__item {
  display: block;
  line-height: 0;
  margin: 0 0 0.25em;
  padding: 0;
  width: 2em;
}
.SocialSharing__item:last-child {
  margin-bottom: 0;
}
.SocialSharing__link {
  display: block;
}
.SocialSharing__link:hover svg path {
  fill: #d51d29;
}
.SocialSharing__img {
  height: auto;
  width: 100%;
}

.Slideshow {
  background-color: transparent;
}
.Slideshow > .Carousel__arrow {
  --arrow-margin: 0;
  color: #fff;
  opacity: 0.6;
}
@media (max-width: 599px) {
  .Slideshow > .Carousel__arrow {
    --arrow-margin: -0.25em;
  }
}
.Slideshow > .Carousel__arrow:hover {
  opacity: 1;
}
.Slideshow > .Carousel__arrow.-prev {
  margin-left: 0;
  margin-left: var(--arrow-margin);
}
.Slideshow > .Carousel__arrow.-next {
  margin-right: 0;
  margin-right: var(--arrow-margin);
}
@media (max-width: 992px) {
  .Slideshow .Banner.-text-inside .Banner__text {
    margin-left: 3em;
    margin-right: 3em;
  }
}
.Slideshow__slide > * {
  margin: 0 !important;
  padding: 0 !important;
}

/*
#.Spotlight

Spotlight block

Styleguide Blocks.Spotlight
*/
.Spotlight {
  background-color: inherit;
  position: relative;
}
@media (min-width: 992px) {
  .Spotlight {
    display: flex;
    flex-direction: row;
    margin: 0 -1.5rem;
  }
  .Spotlight.-image-right .Spotlight__image {
    order: 2;
  }
  .Spotlight.-image-right .Spotlight__image::after {
    left: auto;
    right: 1.5rem;
  }
  .Spotlight.-image-right .Spotlight__image.-typeImage {
    margin-right: 0;
  }
  .Spotlight.-image-right .Spotlight__image.-typeImage::after {
    width: 97%;
    right: 0;
  }
  .Spotlight.-image-right .Spotlight__text {
    order: 1;
  }
  .Spotlight.-image-right .Spotlight__label::before {
    position: absolute;
    right: -9px;
    transform: rotate(180deg);
  }
  .Spotlight.-image-right .Spotlight__label.-typeImage {
    position: relative;
  }
  .Spotlight.-image-right .Spotlight__label.-typeImage::before {
    transform: rotate(180deg);
  }
  .Spotlight.-image-right .Spotlight__label.-typeText {
    margin: 0;
  }
  .Spotlight.-image-right .Spotlight__label.-typeText::before {
    left: calc(40% - 30px);
    transform: rotate(180deg);
  }
  .Spotlight.-no-label .Spotlight__image::after {
    width: 97%;
  }
  .Spotlight.-no-label .Spotlight__image.-typeText::after {
    width: 60%;
  }
  .Spotlight.-no-label .Spotlight__label {
    border: 0;
  }
  .Spotlight.-no-label .Spotlight__label.-typeImage::before {
    top: 0.35em;
    right: 0;
  }
}
.Carousel .Spotlight {
  margin-top: 0.3em;
}
.Spotlight__container {
  background-color: inherit;
}
@media (min-width: 992px) {
  .Spotlight__image {
    flex: 1 1 auto;
    margin: 0 1.5rem;
    width: 50%;
  }
  .Spotlight__image.-typeText {
    width: 60%;
  }
}
.Spotlight__image.-typeText {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Spotlight__image.-typeText::after {
  width: 60%;
}
.Spotlight__image.-typeImage img {
  height: auto;
  width: 100%;
}
@media (min-width: 992px) {
  .Spotlight__image__text {
    padding: 4em;
  }
}
.Spotlight__image__text > *:first-child {
  margin-top: 0;
}
.Spotlight__image__text > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .Spotlight__image::after {
    border-top: 4px solid #d51d29;
    content: "";
    height: 0;
    left: 1.5rem;
    position: absolute;
    top: 0;
    width: 50%;
  }
}
.Spotlight__text {
  background-color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .Spotlight__text {
    margin: 0 1.5rem;
    width: 50%;
  }
  .Spotlight__text.-typeText {
    width: 40%;
  }
}
.Spotlight__text.-typeText {
  border: 4px solid #b5b5b5;
  margin: 0;
  padding: 0 2em 2em;
}
@media (min-width: 992px) {
  .Spotlight__text.-typeText {
    padding: 4em;
  }
}
.Spotlight__label {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Spotlight__label {
    font-size: calc(18px + 2 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Spotlight__label {
    font-size: 20px;
  }
}
.Spotlight__label {
  background-color: inherit;
  color: #d51d29;
  font-weight: 400;
  margin: 1.5em 0 0.5em;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .Spotlight__label {
    border: 4px solid #b5b5b5;
    margin: 0 auto 1em 0;
    padding: 0.15em 0.5em 0.25em;
    width: auto;
  }
  .Spotlight__label::before {
    background-image: url("/_resources/themes/main/images/red-circle-white-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
  }
  .Spotlight__label::before {
    background-color: inherit;
    content: "";
    height: 14px;
    margin-left: calc(-0.57em - 7px);
    margin-top: calc(-0.23em - 7px);
    position: absolute;
    width: calc(0.75em + 4px);
    z-index: 10;
  }
  .-bkgnd-white .Spotlight__label::before {
    background-image: url("/_resources/themes/main/images/red-circle-white-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
  }
  .-bkgnd-warm-gray .Spotlight__label::before {
    background-image: url("/_resources/themes/main/images/red-circle-warm-gray-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
  }
  .-bkgnd-cool-gray .Spotlight__label::before {
    background-image: url("/_resources/themes/main/images/red-circle-cool-gray-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
  }
  .-bkgnd-pattern .Spotlight__label::before {
    background-image: url("/_resources/themes/main/images/red-circle-pattern-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
  }
  .-bkgnd-image .Spotlight__label::before {
    background-image: url("/_resources/themes/main/images/red-circle-white-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
  }
}
.Spotlight__text.-typeText .Spotlight__label {
  border: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .Spotlight__text.-typeText .Spotlight__label::before {
    left: calc(60% + 10px);
    margin-left: 0;
    margin-top: 0;
    top: -5px;
  }
}
.Spotlight__title {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .Spotlight__title {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Spotlight__title {
    font-size: 36px;
  }
}
.Spotlight__title {
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  margin: 0 0 0.5em;
}
@media (min-width: 992px) {
  .Spotlight__title {
    margin: 0 0 1em;
  }
}
.Spotlight__content {
  color: #595959;
  color: var(--color-text-quiet, #595959);
}
.Spotlight__content > *:last-child {
  margin-bottom: 0;
}
.Spotlight__cta {
  margin-top: 2em;
}

/*
#.Stat

Stat

Template: Styleguide/ElementStats

.Backgrounds.-bkgnd-warm-gray - warm gray background
.Backgrounds.-bkgnd-warm-gray.-white-cards - warm gray background with white cards

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Stat
*/
.Stat__item {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Stat__item {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Stat__item {
    font-size: 18px;
  }
}
.Stat__item {
  padding: 2em 1em 3em;
  text-align: center;
}
.-white-cards .Stat__item {
  background-color: #fff;
}
.Stat__img {
  height: 140px;
  margin: auto;
  width: auto;
}
.Stat__value {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .Stat__value {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Stat__value {
    font-size: 36px;
  }
}
.Stat__value {
  color: #c2322c;
  font-weight: 500;
  line-height: 1;
  margin-top: 0.5em;
}
.Stat__label {
  font-weight: 400;
  line-height: 1;
  margin-top: 1.5em;
}

/*
#.Story

Story

Template: Styleguide/Story

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Story
*/
/*
#.Story__header

Story Headers

Template: Styleguide/Story__header__normal

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Story.Header
*/
/*
#.Story__header (no image)

Simple Story Header with no image

Template: Styleguide/Story__header__noimage

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Story.header.noimage
*/
/*
#.Story__header (org)

Story Organization Header

Template: Styleguide/Story__header__org

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Story.header.org
*/
/*
#.Story__header (profile)

Story Profile Header

Template: Styleguide/Story__header__profile

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Blocks.Story.header.profile
*/
.Story {
  /* stylelint-disable selector-max-compound-selectors */
  /* stylelint-enable selector-max-compound-selectors */
}
.Story__header {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Story__header {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__header {
    font-size: 18px;
  }
}
.Story__header {
  margin-bottom: 5em;
}
.Story__header.-person {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
}
@media (max-width: 1184px) {
  .Story__header.-person {
    margin-left: 80px;
    margin-left: calc(env(safe-area-inset-left) + 80px);
    margin-left: max(env(safe-area-inset-left), 80px);
    margin-right: 80px;
    margin-right: calc(env(safe-area-inset-right) + 80px);
    margin-right: max(env(safe-area-inset-right), 80px);
  }
}
@media (max-width: 991px) and (max-width: 1023px) {
  .Story__header.-person {
    margin-left: 24px;
    margin-left: calc(env(safe-area-inset-left) + 24px);
    margin-left: max(env(safe-area-inset-left), 24px);
    margin-right: 24px;
    margin-right: calc(env(safe-area-inset-right) + 24px);
    margin-right: max(env(safe-area-inset-right), 24px);
  }
}
@media print {
  .Story__header.-person {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.Story__header.-person::before, .Story__header.-person::after {
  clear: both;
  content: "";
  display: table;
}
.Story__header.-person::after {
  border-bottom: 4px solid #d51d29;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  width: calc(100% - 0.7em);
}
@media (max-width: 768px) {
  .Story__header.-person::after {
    border-bottom-width: 2px;
    width: calc(100% - 0.4em);
  }
}
.Story__header.-person::before {
  background-image: url("/_resources/themes/main/images/red-circle.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  bottom: -0.3em;
  content: "";
  height: 0.8em;
  position: absolute;
  right: 0;
  width: 0.8em;
}
@media (max-width: 768px) {
  .Story__header.-person::before {
    border-bottom-width: 2px;
    bottom: -0.2em;
    height: 0.5em;
    width: 0.5em;
  }
}
.Story__header.-person {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-top: 3em;
  overflow: visible;
  position: relative;
}
.Story__header__textWrapper {
  flex: 1;
}
.Story__header__textWrapper:not(.-person) {
  background-color: #f0ece8;
  padding-bottom: 6em;
  padding-top: 6em;
  text-align: center;
}
@media (max-width: 768px) {
  .Story__header__textWrapper:not(.-person) {
    padding-bottom: 2em;
    padding-top: 2em;
  }
}
.Story__image + .Story__header__textWrapper:not(.-person) {
  background-color: #fff;
  padding-bottom: 0;
  padding-top: 0;
  text-align: left;
}
@media (max-width: 768px) {
  .Story__image + .Story__header__textWrapper:not(.-person) {
    background-color: #f0ece8;
    padding-bottom: 2em;
    padding-top: 2em;
    text-align: center;
  }
}
.Story__header__text {
  padding-left: 8%;
}
.Story__header__text:not(.-person) {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
}
@media (max-width: 1184px) {
  .Story__header__text:not(.-person) {
    margin-left: 80px;
    margin-left: calc(env(safe-area-inset-left) + 80px);
    margin-left: max(env(safe-area-inset-left), 80px);
    margin-right: 80px;
    margin-right: calc(env(safe-area-inset-right) + 80px);
    margin-right: max(env(safe-area-inset-right), 80px);
  }
}
@media (max-width: 991px) and (max-width: 1023px) {
  .Story__header__text:not(.-person) {
    margin-left: 24px;
    margin-left: calc(env(safe-area-inset-left) + 24px);
    margin-left: max(env(safe-area-inset-left), 24px);
    margin-right: 24px;
    margin-right: calc(env(safe-area-inset-right) + 24px);
    margin-right: max(env(safe-area-inset-right), 24px);
  }
}
@media print {
  .Story__header__text:not(.-person) {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.Story__header__text:not(.-person)::before, .Story__header__text:not(.-person)::after {
  clear: both;
  content: "";
  display: table;
}
.Story__header__text:not(.-person) {
  padding-left: 0;
}
.Story__image {
  height: 33.33vw;
  margin-bottom: 5.25em;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .Story__image {
    height: 43vw;
    margin: 0;
  }
}
.Story__image img {
  display: block;
  height: 100%;
  margin: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
}
.Story__image.-person {
  border: 0;
  height: auto;
  margin: 0;
  max-width: 520px;
  width: 36%;
}
@media (max-width: 768px) {
  .Story__image.-person {
    border-width: 2px 2px 0;
  }
}
@media (max-width: 768px) {
  .Story__image.-person {
    height: auto;
    margin: 0;
  }
}
.Story__image.-person img {
  display: block;
  height: auto;
  margin: auto;
  width: 100%;
}
.Story__label {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Story__label {
    font-size: calc(18px + 8 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__label {
    font-size: 26px;
  }
}
.Story__label {
  color: #c2322c;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .Story__label {
    margin-bottom: 0;
  }
}
.Story__logo {
  height: 6em;
  width: 100%;
}
.Story__logo img {
  height: 100%;
  width: auto;
}
.Story__headline {
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .Story__headline {
    font-size: calc(28px + 32 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__headline {
    font-size: 60px;
  }
}
.Story__headline {
  color: #c2322c;
  margin-bottom: 0.25em;
  margin-top: 0;
}
.Story__image + .Story__header__textWrapper .Story__headline {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Story__image + .Story__header__textWrapper .Story__headline {
    font-size: calc(22px + 22 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__image + .Story__header__textWrapper .Story__headline {
    font-size: 44px;
  }
}
.Story__logo + .Story__headline, .Story__header.-person .Story__headline {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Story__logo + .Story__headline, .Story__header.-person .Story__headline {
    font-size: calc(22px + 22 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__logo + .Story__headline, .Story__header.-person .Story__headline {
    font-size: 44px;
  }
}
.Story__logo + .Story__headline, .Story__header.-person .Story__headline {
  color: #000;
  margin-bottom: 0;
}
.Story__logo + .Story__headline {
  color: #000;
}
.Story__header.-person .Story__headline {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Story__header.-person .Story__headline {
    font-size: calc(22px + 26 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__header.-person .Story__headline {
    font-size: 48px;
  }
}
.Story__subhead {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Story__subhead {
    font-size: calc(18px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__subhead {
    font-size: 30px;
  }
}
.Story__subhead {
  color: #595959;
  font-style: italic;
  font-weight: 300;
}
.Story__header.-person .Story__subhead {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Story__header.-person .Story__subhead {
    font-size: calc(18px + 18 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__header.-person .Story__subhead {
    font-size: 36px;
  }
}
.Story__header.-person .Story__subhead {
  color: #c2322c;
  margin-top: 0;
}
.Story__content, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body {
  line-height: 1.67;
}
.Story__content, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .Story__content, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body {
    font-size: calc(16px + 2 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__content, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .Story__content, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body {
    line-height: 1.69;
  }
}
.Story__content, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body {
  color: #595959;
}
@media (min-width: 768px) {
  .Story__content, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body {
    margin-bottom: 2em;
  }
}
@media (min-width: 1382px) {
  .Story__content, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body {
    margin-bottom: 4em;
  }
}
.Story__content h1, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h1 {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Story__content h1, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h1 {
    font-size: calc(22px + 22 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__content h1, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h1 {
    font-size: 44px;
  }
}
.Story__content h1, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h1 {
  color: #c2322c;
  margin: 0.25em 0;
}
.Story__content h1:first-child, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h1:first-child {
  margin-top: 0;
}
.Story__content h2, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h2 {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Story__content h2, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h2 {
    font-size: calc(18px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__content h2, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h2 {
    font-size: 30px;
  }
}
.Story__content h2, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h2 {
  font-weight: 300;
  margin: 0.25em 0;
}
.Story__content h2:first-child, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h2:first-child {
  margin-top: 0;
}
.Story__content h3, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h3 {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Story__content h3, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h3 {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__content h3, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h3 {
    font-size: 18px;
  }
}
.Story__content h3, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h3 {
  font-weight: 500;
  margin: 1em 0;
  text-transform: uppercase;
}
.Story__content h3:first-child, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body h3:first-child {
  margin-top: 0;
}
.Story__content .content-intro, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-intro {
  line-height: 1.875;
}
.Story__content .content-intro, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-intro {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Story__content .content-intro, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-intro {
    font-size: calc(22px + -2 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__content .content-intro, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-intro {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .Story__content .content-intro, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-intro {
    line-height: 1.6;
  }
}
.Story__content .content-bigger, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-bigger {
  line-height: 1.6;
}
.Story__content .content-bigger, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-bigger {
  font-size: 25px;
}
@media screen and (min-width: 320px) {
  .Story__content .content-bigger, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-bigger {
    font-size: calc(25px + 1 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__content .content-bigger, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-bigger {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  .Story__content .content-bigger, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-bigger {
    line-height: 1.6;
  }
}
.Story__content .content-small, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-small {
  line-height: 1.62;
  font-size: 14px;
}
@media (max-width: 768px) {
  .Story__content .content-small, .Story__content.mce-content-body.mce-content-body.mce-content-body.mce-content-body .content-small {
    line-height: 1.45;
  }
}
.Story__location {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Story__location {
    font-size: calc(18px + 8 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__location {
    font-size: 26px;
  }
}
.Story__location {
  color: #c2322c;
  font-style: italic;
  font-weight: 300;
}
.Story__date {
  margin-bottom: 1.5em;
}
@media (max-width: 768px) {
  .Story__date {
    margin-bottom: 1em;
  }
}
.Story__intro {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Story__intro {
    font-size: calc(18px + 8 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Story__intro {
    font-size: 26px;
  }
}
.Story__intro {
  font-weight: bold;
  margin-bottom: 0.75em;
}
.Story .Layout > .ElementArea > .Element.-bkgnd-white:first-child {
  margin-top: 0;
  padding-top: 0;
}

.StoryList__list {
  list-style-type: none;
  margin: 0;
  margin-top: 2em;
  padding: 0;
  position: relative;
}
@media (min-width: 768px) {
  .StoryList__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -2em;
  }
  .StoryList__list > * {
    margin-right: 2em;
    width: calc(50% - 2em);
  }
}
@media (min-width: 1382px) {
  .StoryList__list > * {
    width: calc(33.333% - 2em);
  }
}
.StoryList__list.Loading {
  min-height: 6rem;
}
@media (min-width: 480px) {
  .StoryList__list.-featured {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2em;
    margin-right: -2em;
  }
  .StoryList__list.-featured > * {
    margin-right: 2em;
    width: calc(50% - 2em);
  }
}
@media (min-width: 992px) {
  .StoryList__list.-featured > * {
    width: calc(25% - 2em);
  }
}
@media (min-width: 1382px) {
  .StoryList__list.-featured > * {
    width: calc(25% - 2em);
  }
}
.StoryList__list.-stack {
  display: block;
}
.StoryList__list.-stack > * {
  margin-right: 0;
  width: 100%;
}
@media (min-width: 1382px) {
  .StoryList__list.-text > * {
    width: calc(50% - 2em);
  }
}
.StoryList__item {
  margin-bottom: 2em;
  margin-left: 0;
  padding-left: 0;
  position: relative;
}
.StoryList__item:last-child {
  margin-bottom: 2em;
}
@media (max-width: 767px) {
  html.js .StoryList_list[data-show-more] .StoryList__item:nth-child(n+3) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1381px) {
  html.js .StoryList_list[data-show-more] .StoryList__item:nth-child(n+3) {
    display: none;
  }
}
@media (min-width: 1382px) {
  html.js .StoryList_list[data-show-more] .StoryList__item:nth-child(n+4) {
    display: none;
  }
}
.StoryList__item.-text {
  border-top: 1px solid #b5b5b5;
  font-weight: 400;
  margin-bottom: 1em;
  padding-top: 1em;
}
@media (min-width: 768px) {
  .StoryList__item.-text:nth-child(-n+2) {
    border-top: 0;
    padding-top: 0;
  }
}
.StoryList__item.-text:first-child {
  border-top: 0;
  padding-top: 0;
}
.StoryList__item.-stack {
  text-align: center;
}
@media (min-width: 600px) {
  .StoryList__item.-stack {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
  }
}
.StoryList__link {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .StoryList__link {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .StoryList__link {
    font-size: 18px;
  }
}
.StoryList__link {
  align-items: center;
  color: inherit;
  display: block;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  width: 100%;
}
.StoryList__link:hover {
  color: #d51d29;
}
.StoryList__link.-featured {
  flex-direction: column;
}
@media (min-width: 600px) {
  .StoryList__link.-stackImage {
    width: 30%;
    margin-right: 4rem;
    flex: 0 0 auto;
  }
}
.StoryList__img {
  background-color: #f0f0f0;
  flex: 0 0 auto;
  height: auto;
  margin-right: 1.5em;
  width: 33.33%;
}
.StoryList__img.-featured {
  margin-right: 0;
  width: 100%;
}
.StoryList__img.-placeholder {
  background-image: url("/_resources/themes/main/images/defaultstory.jpg");
  background-position: center center;
  background-size: cover;
  display: block;
  height: 0;
  padding-bottom: 25.43%;
}
.StoryList__img.-placeholder.-featured {
  padding-bottom: 68.5%;
}
.StoryList__img.-stack {
  display: block;
  width: 100%;
}
.StoryList__text {
  display: block;
  position: relative;
}
.StoryList__title {
  display: block;
  flex: 1 1 auto;
  max-height: 3.1em;
}
html.js .StoryList__title {
  overflow-y: hidden;
}
.StoryList__title.-featured {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .StoryList__title.-featured {
    font-size: calc(22px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .StoryList__title.-featured {
    font-size: 22px;
  }
}
.StoryList__title.-featured {
  display: block;
  line-height: 1.3;
  margin-top: 1em;
  width: 100%;
}
html.js .StoryList__title.-featured {
  max-height: 2.7em;
}
.StoryList__title.-stack {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .StoryList__title.-stack {
    font-size: calc(22px + 22 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .StoryList__title.-stack {
    font-size: 44px;
  }
}
.StoryList__title.-stack {
  font-weight: 400;
  max-height: 3em;
  margin-top: 1rem;
}
@media (min-width: 600px) {
  .StoryList__title.-stack {
    margin-top: 0;
  }
}
.StoryList__date {
  color: #595959;
  font-size: 14px;
  margin-top: 0.5em;
}
@media (min-width: 768px) {
  .StoryList__searchWrapper {
    display: flex;
    flex-direction: row;
  }
}
.StoryList__results {
  margin-top: 2em;
  min-height: 3.5em;
}
.StoryList__results div[class*=-pagination] {
  text-align: right;
  border-top: 1px solid #b5b5b5;
  margin-bottom: 30px;
}
.StoryList__results div[class*=-pagination] a {
  border-radius: 0;
  border: 1px solid #b5b5b5;
  border-left: 0;
  border-top: 0;
  background-color: transparent;
  color: #b5b5b5;
  margin: 0;
  font-size: 14px;
}
@media (max-width: 767px) {
  .StoryList__results div[class*=-pagination] a {
    font-size: 11px;
  }
}
.StoryList__results div[class*=-pagination] a:first-child {
  border-left: 1px solid #b5b5b5;
}
.StoryList__results div[class*=-pagination] a:hover, .StoryList__results div[class*=-pagination] a:focus, .StoryList__results div[class*=-pagination] a.active {
  background-color: #d51d29;
  border-color: #d51d29 !important;
  color: #fff;
}
.StoryList__results div[class*=-pagination] a[disabled], .StoryList__results div[class*=-pagination] a[tabindex="-1"] {
  opacity: 0.5;
}
.StoryList__results div[class*=-pagination] a[disabled]:hover, .StoryList__results div[class*=-pagination] a[tabindex="-1"]:hover {
  background-color: transparent;
  color: #b5b5b5;
  border-color: #b5b5b5 !important;
}
.StoryList__search {
  flex: 1 1 auto;
  vertical-align: bottom;
}
.StoryList__search input {
  background-color: transparent;
  border-color: #b5b5b5;
  border-width: 0 0 1px;
  padding-left: 3.25em;
}
.StoryList__search input::-moz-placeholder {
  font-style: italic;
}
.StoryList__search input:-ms-input-placeholder {
  font-style: italic;
}
.StoryList__search input::placeholder {
  font-style: italic;
}
.StoryList__search svg.search-icon {
  fill: #d51d29 !important;
  height: 1.5em;
  width: 1.5em;
}
.StoryList__toggle {
  flex: 0;
  margin: -1px 0 0 !important;
  vertical-align: bottom;
  white-space: nowrap;
}
.StoryList__toggle a {
  background-color: transparent;
  border-color: #b5b5b5;
  border-radius: 0;
  border-width: 1px 1px 1px 0;
  color: #b5b5b5;
  display: inline-block;
  font-size: 14px;
  margin: 0 !important;
  padding: 0.75em;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: bottom;
}
@media (max-width: 767px) {
  .StoryList__toggle a {
    font-size: 11px;
  }
}
.StoryList__toggle a:first-child {
  border-width: 1px;
}
.StoryList__toggle a.active {
  background-color: #d51d29;
  border-color: #d51d29;
  color: #fff;
}
.StoryList__toggle a:hover {
  background-color: #ae2024 !important;
  border-color: #ae2024 !important;
  color: #fff;
}
.StoryList__toggle a:focus {
  background-color: #797979 !important;
  border-color: #797979 !important;
  color: #fff;
}

.SearchList__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
@media (min-width: 768px) {
  .SearchList__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -2em;
  }
  .SearchList__list > * {
    margin-right: 2em;
    width: calc(50% - 2em);
  }
}
@media (min-width: 1382px) {
  .SearchList__list > * {
    width: calc(25% - 2em);
  }
}
.SearchList__list.Loading {
  min-height: 6rem;
}
@media (min-width: 480px) {
  .SearchList__list.-featured {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2em;
    margin-right: -2em;
  }
  .SearchList__list.-featured > * {
    margin-right: 2em;
    width: calc(50% - 2em);
  }
}
@media (min-width: 992px) {
  .SearchList__list.-featured > * {
    width: calc(25% - 2em);
  }
}
@media (min-width: 1382px) {
  .SearchList__list.-featured > * {
    width: calc(25% - 2em);
  }
}
.SearchList__list.-stack {
  display: block;
}
.SearchList__list.-stack > * {
  margin-right: 0;
  width: 100%;
}
@media (min-width: 1382px) {
  .SearchList__list.-text > * {
    width: calc(50% - 2em);
  }
}
.SearchList__item {
  margin-bottom: 2em;
  margin-left: 0;
  padding-left: 0;
  position: relative;
}
.SearchList__item:last-child {
  margin-bottom: 2em;
}
@media (max-width: 767px) {
  html.js .SearchList_list[data-show-more] .SearchList__item:nth-child(n+3) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1381px) {
  html.js .SearchList_list[data-show-more] .SearchList__item:nth-child(n+3) {
    display: none;
  }
}
@media (min-width: 1382px) {
  html.js .SearchList_list[data-show-more] .SearchList__item:nth-child(n+4) {
    display: none;
  }
}
.SearchList__item.-text {
  border-top: 1px solid #b5b5b5;
  font-weight: 400;
  margin-bottom: 1em;
  padding-top: 1em;
}
@media (min-width: 768px) {
  .SearchList__item.-text:nth-child(-n+2) {
    border-top: 0;
    padding-top: 0;
  }
}
.SearchList__item.-text:first-child {
  border-top: 0;
  padding-top: 0;
}
.SearchList__item.-stack {
  text-align: center;
}
@media (min-width: 600px) {
  .SearchList__item.-stack {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
  }
}
.SearchList__link {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .SearchList__link {
    font-size: calc(16px + 2 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .SearchList__link {
    font-size: 18px;
  }
}
.SearchList__link {
  align-items: flex-start;
  color: inherit;
  display: block;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  width: 100%;
  font-weight: bold;
}
.SearchList__link:hover {
  color: #d51d29;
}
.SearchList__link.-featured {
  flex-direction: column;
}
@media (min-width: 600px) {
  .SearchList__link.-stackImage {
    width: 30%;
    margin-right: 4rem;
    flex: 0 0 auto;
  }
}
.SearchList__img {
  background-color: #f0f0f0;
  flex: 0 0 auto;
  height: auto;
  width: 100%;
}
.SearchList__img.-featured {
  margin-right: 0;
  width: 100%;
}
.SearchList__img.-placeholder {
  background-image: url("/_resources/themes/main/images/defaultstory.jpg");
  background-position: center center;
  background-size: cover;
  display: block;
  height: 0;
  padding-bottom: 75.43%;
}
.SearchList__img.-placeholder.-featured {
  padding-bottom: 68.5%;
}
.SearchList__img.-stack {
  display: block;
  width: 100%;
}
.SearchList__text {
  display: block;
  position: relative;
}
.SearchList__title {
  display: block;
  flex: 1 1 auto;
  max-height: 3.1em;
  margin-top: 1em;
}
html.js .SearchList__title {
  overflow-y: hidden;
}
.SearchList__title.-featured {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .SearchList__title.-featured {
    font-size: calc(22px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .SearchList__title.-featured {
    font-size: 22px;
  }
}
.SearchList__title.-featured {
  display: block;
  line-height: 1.3;
  margin-top: 1em;
  width: 100%;
}
html.js .SearchList__title.-featured {
  max-height: 2.7em;
}
.SearchList__title.-stack {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .SearchList__title.-stack {
    font-size: calc(22px + 22 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .SearchList__title.-stack {
    font-size: 44px;
  }
}
.SearchList__title.-stack {
  font-weight: 400;
  max-height: 3em;
  margin-top: 1rem;
}
@media (min-width: 600px) {
  .SearchList__title.-stack {
    margin-top: 0;
  }
}
.SearchList__date {
  color: #595959;
  font-size: 14px;
  margin-top: 0.5em;
}
@media (min-width: 768px) {
  .SearchList__searchWrapper {
    display: flex;
    flex-direction: row;
  }
}
.SearchList__results {
  margin-top: 2em;
  min-height: 3.5em;
}
.SearchList__results div[class*=-pagination] {
  text-align: right;
  border-top: 1px solid #b5b5b5;
  margin-bottom: 30px;
}
.SearchList__results div[class*=-pagination] a {
  border-radius: 0;
  border: 1px solid #b5b5b5;
  border-left: 0;
  border-top: 0;
  background-color: transparent;
  color: #b5b5b5;
  margin: 0;
  font-size: 14px;
}
@media (max-width: 767px) {
  .SearchList__results div[class*=-pagination] a {
    font-size: 11px;
  }
}
.SearchList__results div[class*=-pagination] a:first-child {
  border-left: 1px solid #b5b5b5;
}
.SearchList__results div[class*=-pagination] a:hover, .SearchList__results div[class*=-pagination] a:focus, .SearchList__results div[class*=-pagination] a.active {
  background-color: #d51d29;
  border-color: #d51d29 !important;
  color: #fff;
}
.SearchList__results div[class*=-pagination] a[disabled], .SearchList__results div[class*=-pagination] a[tabindex="-1"] {
  opacity: 0.5;
}
.SearchList__results div[class*=-pagination] a[disabled]:hover, .SearchList__results div[class*=-pagination] a[tabindex="-1"]:hover {
  background-color: transparent;
  color: #b5b5b5;
  border-color: #b5b5b5 !important;
}
.SearchList__results div[class*=-pagination] a[rel=prev] + a[href="?result=1"]::after {
  content: "...";
  display: block;
  padding: 0 0 0 5px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .SearchList__results div[class*=-pagination] a[rel=prev] + a[href="?result=1"]::after {
    font-size: 11px;
  }
}
.SearchList__results div[class*=-pagination] a[rel=prev][alt="Page 1"] + a[href="?result=1"]::after, .SearchList__results div[class*=-pagination] a[rel=prev][alt="Page 2"] + a[href="?result=1"]::after, .SearchList__results div[class*=-pagination] a[rel=prev][alt="Page 3"] + a[href="?result=1"]::after, .SearchList__results div[class*=-pagination] a[rel=prev][alt="Page 4"] + a[href="?result=1"]::after {
  content: none;
}
.SearchList__search {
  flex: 1 1 auto;
  vertical-align: bottom;
}
.SearchList__search .input-group {
  box-shadow: none;
  border-radius: 0;
}
.SearchList__search input {
  background-color: transparent;
  border-color: #b5b5b5;
  border-width: 0 0 1px;
  padding-left: 3.25em;
}
.SearchList__search input::-moz-placeholder {
  font-style: italic;
}
.SearchList__search input:-ms-input-placeholder {
  font-style: italic;
}
.SearchList__search input::placeholder {
  font-style: italic;
}
.SearchList__search svg.search-icon {
  fill: #d51d29 !important;
  height: 1.5em;
  width: 1.5em;
}
.SearchList__toggle {
  flex: 0;
  margin: -1px 0 0 !important;
  vertical-align: bottom;
  white-space: nowrap;
}
.SearchList__toggle a {
  background-color: transparent;
  border-color: #b5b5b5;
  border-radius: 0;
  border-width: 1px 1px 1px 0;
  color: #b5b5b5;
  display: inline-block;
  font-size: 14px;
  margin: 0 !important;
  padding: 0.75em;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: bottom;
}
@media (max-width: 767px) {
  .SearchList__toggle a {
    font-size: 11px;
  }
}
.SearchList__toggle a:first-child {
  border-width: 1px;
}
.SearchList__toggle a.active {
  background-color: #d51d29;
  border-color: #d51d29;
  color: #fff;
}
.SearchList__toggle a:hover {
  background-color: #ae2024 !important;
  border-color: #ae2024 !important;
  color: #fff;
}
.SearchList__toggle a:focus {
  background-color: #797979 !important;
  border-color: #797979 !important;
  color: #fff;
}

/*
#.Subnav

Dropdown sub-navigation

Styleguide Blocks.Subnav
*/
.Subnav {
  /* Mobile */
  /* Desktop */
}
.Subnav__menu {
  list-style-type: none;
  margin: 1em 0 0;
  padding: 0;
}
.Subnav__item {
  display: block;
  line-height: 1.5;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.Subnav__link {
  color: #000;
  text-decoration: none;
}
.Subnav__link:hover {
  color: #d51d29;
}
.Subnav__link.-current, .Subnav__link.-section {
  color: #d51d29;
}
@media (max-width: 991px) {
  .Subnav { /* stylelint-disable-line order/order */ }
}
@media (min-width: 992px) {
  .Subnav { /* stylelint-disable-line order/order */ }
  .Subnav__menu {
    z-index: 3500;
    background-color: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    display: none;
    max-width: 13em;
    min-width: 9em;
    padding: 1em;
    position: absolute;
  }
  .Nav__item:hover .Subnav__menu, .Subnav__menu:hover {
    display: block;
  }
  .Nav__item.-current .Subnav__menu, .Nav__item.-section .Subnav__menu {
    margin-left: 1.125em;
  }
}

/*
#.Tab

Tabs

Styleguide Blocks.Tab
*/
/* stylelint-disable selector-max-compound-selectors */
.Tab__set > .Tab__radio:nth-child(1):focus ~ .Tab__menu .Tab__label:nth-child(1),
.Tab__set > .Tab__radio:nth-child(2):focus ~ .Tab__menu .Tab__label:nth-child(2),
.Tab__set > .Tab__radio:nth-child(3):focus ~ .Tab__menu .Tab__label:nth-child(3),
.Tab__set > .Tab__radio:nth-child(4):focus ~ .Tab__menu .Tab__label:nth-child(4),
.Tab__set > .Tab__radio:nth-child(5):focus ~ .Tab__menu .Tab__label:nth-child(5),
.Tab__set > .Tab__radio:nth-child(6):focus ~ .Tab__menu .Tab__label:nth-child(6),
.Tab__set > .Tab__radio:nth-child(7):focus ~ .Tab__menu .Tab__label:nth-child(7),
.Tab__set > .Tab__radio:nth-child(8):focus ~ .Tab__menu .Tab__label:nth-child(8),
.Tab__set > .Tab__radio:nth-child(9):focus ~ .Tab__menu .Tab__label:nth-child(9) {
  text-decoration: underline;
}
.Tab__set > .Tab__radio:nth-child(1):checked ~ .Tab__menu .Tab__label:nth-child(1),
.Tab__set > .Tab__radio:nth-child(2):checked ~ .Tab__menu .Tab__label:nth-child(2),
.Tab__set > .Tab__radio:nth-child(3):checked ~ .Tab__menu .Tab__label:nth-child(3),
.Tab__set > .Tab__radio:nth-child(4):checked ~ .Tab__menu .Tab__label:nth-child(4),
.Tab__set > .Tab__radio:nth-child(5):checked ~ .Tab__menu .Tab__label:nth-child(5),
.Tab__set > .Tab__radio:nth-child(6):checked ~ .Tab__menu .Tab__label:nth-child(6),
.Tab__set > .Tab__radio:nth-child(7):checked ~ .Tab__menu .Tab__label:nth-child(7),
.Tab__set > .Tab__radio:nth-child(8):checked ~ .Tab__menu .Tab__label:nth-child(8),
.Tab__set > .Tab__radio:nth-child(9):checked ~ .Tab__menu .Tab__label:nth-child(9) {
  background-color: #d51d29;
  color: #fff;
}
.Tab__set > .Tab__radio:nth-child(1):checked ~ .Tab__panes > .Tab__pane:nth-child(1),
.Tab__set > .Tab__radio:nth-child(2):checked ~ .Tab__panes > .Tab__pane:nth-child(2),
.Tab__set > .Tab__radio:nth-child(3):checked ~ .Tab__panes > .Tab__pane:nth-child(3),
.Tab__set > .Tab__radio:nth-child(4):checked ~ .Tab__panes > .Tab__pane:nth-child(4),
.Tab__set > .Tab__radio:nth-child(5):checked ~ .Tab__panes > .Tab__pane:nth-child(5),
.Tab__set > .Tab__radio:nth-child(6):checked ~ .Tab__panes > .Tab__pane:nth-child(6),
.Tab__set > .Tab__radio:nth-child(7):checked ~ .Tab__panes > .Tab__pane:nth-child(7),
.Tab__set > .Tab__radio:nth-child(8):checked ~ .Tab__panes > .Tab__pane:nth-child(8),
.Tab__set > .Tab__radio:nth-child(9):checked ~ .Tab__panes > .Tab__pane:nth-child(9) {
  position: static;
}
.Tab__set .Element {
  padding-bottom: 0;
  padding-top: 4px;
}
.Tab__radio {
  display: block; /* "enable" hidden elements in IE/edge */
  left: -100%;
  position: absolute; /* then hide them off-screen */
}
.Tab__menu {
  border-bottom: 4px solid #d51d29;
  display: flex;
  flex-direction: row;
  margin-right: -4px;
  position: relative;
}
.Tab__label {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  .Tab__label {
    font-size: calc(14px + 4 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Tab__label {
    font-size: 18px;
  }
}
.Tab__label {
  background-color: #eaeaea;
  color: #595959;
  display: inline-block;
  flex: 1 1 50%;
  font-weight: 300;
  margin-right: 4px;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Tab__pane {
  left: -999em;
  position: absolute;
  top: -999em;
}

/*
#.Tag

Tags

Markup:
<ul class="Tag__list">
    <li class="Tag__item">
        <a class="Tag__link" href="#">Women</a>
    </li>
    <li class="Tag__item">
        <a class="Tag__link" href="#">Mothers of Invention</a>
    </li>
    <li class="Tag__item">
        <a class="Tag__link" href="#">LatinX</a>
    </li>
    <li class="Tag__item">
        <a class="Tag__link" href="#">Diversity + Inclusion</a>
    </li>
</ul>

Styleguide Blocks.Tag
*/
.Tag__list {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.Tag__item {
  display: inline-block;
  margin-left: 0;
  margin-right: 0.5em;
  padding-left: 0;
}
.Tag__link {
  background-color: #f0f0f0;
  color: inherit;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  padding: 0.2em 0.55em 0.25em;
  text-decoration: none;
}

.Video__wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
}
.Video__iframe.-resize {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
  z-index: 10;
}

/*
#Elements

Orderable content blocks inside of pages like "Element Page".

Styleguide Elements.0
*/
/*
#.Element

Base Element Styles


Styleguide Elements.Element
*/
.Element {
  padding-bottom: 24px;
  padding-top: 24px;
}
@media (min-width: 768px) {
  .Element {
    padding-bottom: 4em;
    padding-top: 4em;
  }
  .Element.-extraPaddingTop {
    padding-top: 6em;
  }
}
@media (min-width: 1382px) {
  .Element {
    padding-bottom: 6em;
    padding-top: 6em;
  }
  .Element.-extraPaddingTop {
    padding-top: 8em;
  }
}
.Story .Element {
  color: #595959;
}
.Element:not(.ElementBanner).-bkgnd-white + .Element.-bkgnd-white, .Element:not(.ElementBanner).-bkgnd-warm-gray + .Element.-bkgnd-warm-gray, .Element:not(.ElementBanner).-bkgnd-cool-gray + .Element.-bkgnd-cool-gray, .Element:not(.ElementBanner).-bkgnd-pattern + .Element.-bkgnd-pattern {
  margin-top: 0;
  padding-top: 0;
}
.Element.-no-pad {
  padding-bottom: 0;
  padding-top: 0;
}
.Element.-slide-under .Banner, .Element.slide-under .Banner {
  margin-bottom: 0;
  padding-bottom: 12em !important;
}
.Element.-slide-under .Banner__text, .Element.slide-under .Banner__text {
  padding-bottom: 0 !important;
}
.Element.-slide-under + .Element, .Element.slide-under + .Element {
  margin-left: auto;
  margin-right: auto;
  max-width: 1296px;
}
@media (max-width: 1456px) {
  .Element.-slide-under + .Element, .Element.slide-under + .Element {
    margin-left: 80px;
    margin-left: calc(env(safe-area-inset-left) + 80px);
    margin-left: max(env(safe-area-inset-left), 80px);
    margin-right: 80px;
    margin-right: calc(env(safe-area-inset-right) + 80px);
    margin-right: max(env(safe-area-inset-right), 80px);
  }
}
@media (max-width: 991px) and (max-width: 1295px) {
  .Element.-slide-under + .Element, .Element.slide-under + .Element {
    margin-left: 24px;
    margin-left: calc(env(safe-area-inset-left) + 24px);
    margin-left: max(env(safe-area-inset-left), 24px);
    margin-right: 24px;
    margin-right: calc(env(safe-area-inset-right) + 24px);
    margin-right: max(env(safe-area-inset-right), 24px);
  }
}
@media print {
  .Element.-slide-under + .Element, .Element.slide-under + .Element {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.Element.-slide-under + .Element::before, .Element.-slide-under + .Element::after, .Element.slide-under + .Element::before, .Element.slide-under + .Element::after {
  clear: both;
  content: "";
  display: table;
}
.Element.-slide-under + .Element, .Element.slide-under + .Element {
  background: rgba(240, 240, 240, 0.8);
  margin-top: -12em !important;
  padding: 1em !important;
  position: relative;
  z-index: 1;
}
@media (min-width: 600px) {
  .Element.-slide-under + .Element, .Element.slide-under + .Element {
    padding: 2em !important;
  }
}
.Element.-slide-under + .Element .Container, .Element.slide-under + .Element .Container {
  margin-left: 0;
  margin-right: 0;
}
.Element__content > *:first-child {
  margin-top: 0;
}
.Element__content > *:last-child {
  margin-bottom: 0;
}
.Element__labelBox {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .Element__labelBox {
    font-size: calc(18px + 0 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Element__labelBox {
    font-size: 18px;
  }
}
.Element__labelBox {
  background-color: #c2322c;
  color: #fff !important;
  font-weight: 500;
  left: 50%;
  line-height: 1;
  margin: -1em 0 0 !important;
  padding: 0.5em 1.5em 0.65em;
  position: absolute;
  text-transform: none !important;
  top: 0;
  transform: translateX(-50%);
}

.ElementInteractiveMap {
  margin: 0 auto;
}
.ElementInteractiveMap .Element__label {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .ElementInteractiveMap .Element__label {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .ElementInteractiveMap .Element__label {
    font-size: 36px;
  }
}
.ElementInteractiveMap .Element__label {
  text-transform: none;
  text-align: center;
  color: #000;
  margin-top: 75px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .ElementInteractiveMap .Element__label {
    margin-top: 80px;
  }
}
.ElementInteractiveMap .Element__content {
  text-align: center;
}

/*
#.ElementMedia

Media with optional text

Template: Styleguide/ElementMedia

.-image-pos-right.-bkgnd-warm-gray - image right, warm gray bkgnd

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Elements.ElementMedia
*/
/*
#.ElementMedia (auto)

Stacked Media blocks with auto image positioning

Template: Styleguide/ElementMedia__auto

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Elements.ElementMedia.auto
*/
.ElementMedia.-image-pos-auto:nth-of-type(2n) .MediaText__image {
  order: 2;
}
.ElementMedia.-image-pos-auto:nth-of-type(2n) .MediaText__text {
  order: 1;
}
.-image-pos-right ~ .ElementMedia.-image-pos-auto:nth-of-type(2n) .MediaText__image {
  order: 1;
}
.-image-pos-right ~ .ElementMedia.-image-pos-auto:nth-of-type(2n) .MediaText__text {
  order: 2;
}
.-image-pos-right ~ .ElementMedia.-image-pos-auto:nth-of-type(2n+1) .MediaText__image {
  order: 2;
}
.-image-pos-right ~ .ElementMedia.-image-pos-auto:nth-of-type(2n+1) .MediaText__text {
  order: 1;
}
.ElementMedia.-image-pos-right .MediaText__image {
  order: 2;
}
.ElementMedia.-image-pos-right .MediaText__text {
  order: 1;
}
.ElementMedia.-image-pos-full-width .MediaText {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.ElementMedia.-image-pos-full-width .MediaText__image,
.ElementMedia.-image-pos-full-width .MediaText__text {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  width: 100%;
}
.ElementMedia.-image-pos-full-width .MediaText__img {
  width: 100%;
}
.ElementMedia.-image-pos-full-width .MediaText__text {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .ElementMedia.-image-pos-full-width .MediaText__text {
    font-size: calc(16px + 2 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .ElementMedia.-image-pos-full-width .MediaText__text {
    font-size: 18px;
  }
}
.ElementMedia.-image-pos-full-width .MediaText__text {
  color: #595959;
  margin-top: 1em;
  text-align: left;
}
.Content .ElementMedia__title {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .Content .ElementMedia__title {
    font-size: calc(22px + 22 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .Content .ElementMedia__title {
    font-size: 44px;
  }
}
.Content .ElementMedia__title {
  color: #000;
  font-weight: 500;
  margin: 0 0 0.75em;
  text-align: center;
  text-transform: none;
}
/*
#.ElementQuote

Quote Block

Template: Styleguide/ElementQuote

.-bkgnd-warm-gray - Warm Gray Background
.-bkgnd-cool-gray - Cool Gray Background
.-bkgnd-white - White Background
.-bkgnd-pattern - Triangle Pattern Background
.-bkgnd-image - Custom Image Background

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Elements.ElementQuote
*/
.ElementQuote {
  padding-bottom: 5em;
  padding-top: 4em;
}
@media (max-width: 991px) {
  .ElementQuote {
    padding-bottom: 3em;
    padding-top: 2em;
  }
}

.video-carousel-element {
  position: relative;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .video-carousel-element {
    margin-top: 8em;
  }
}
.video-carousel-element .Element__label {
  font-size: 24px;
}
@media screen and (min-width: 320px) {
  .video-carousel-element .Element__label {
    font-size: calc(24px + 12 * (100vw - 320px) / 1062);
  }
}
@media screen and (min-width: 1382px) {
  .video-carousel-element .Element__label {
    font-size: 36px;
  }
}
.video-carousel-element .Element__label {
  text-transform: none;
  text-align: center;
  color: #000;
  font-style: normal;
  margin-top: 75px;
  font-weight: 500;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .video-carousel-element .Element__label {
    margin-top: 80px;
  }
}
.video-carousel-element .Element__content {
  text-align: center;
}
.video-carousel-element .Carousel {
  margin-top: 50px;
}
@media (max-width: 991px) {
  .video-carousel-element .Carousel {
    margin-top: 30px;
  }
}
.video-carousel-element .Carousel__slide h5 {
  color: #000;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .video-carousel-element .Carousel__slide h5 {
    margin-top: 15px;
  }
}
.video-carousel-element .Carousel__slide:hover .Carousel__playbutton {
  transform: translate(-50%, -50%) scale(1.2);
}
.video-carousel-element .Carousel__imgcontainer {
  position: relative;
}
.video-carousel-element .Carousel__playbutton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.4s ease;
}
.video-carousel-element .Carousel .swiper-button-prev,
.video-carousel-element .Carousel .swiper-button-next {
  top: 40%;
}
.video-carousel-element .Carousel.--titlescenter .Carousel__slide h5 {
  text-align: center;
}
.video-carousel-element .Carousel.--titlesright .Carousel__slide h5 {
  text-align: right;
}

.video-modal {
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.video-modal .modal-bg {
  width: 100vw;
  height: 100vh;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
.video-modal .modal-content {
  width: 80%;
  max-width: 800px;
  position: relative;
  z-index: 100;
  z-index: 10;
}
.video-modal .modal-content iframe {
  width: 100%;
  height: 450px;
}
.video-modal .modal-close {
  position: absolute;
  top: 40px;
  right: 40px;
  font-size: 48px;
  color: #fff;
  background: none;
  border: 0;
  cursor: pointer;
  z-index: 10;
  transition: transform 0.4s ease;
}
.video-modal .modal-close:hover {
  transform: scale(1.2);
}

/*
#Pages

Styles specific to page types. Remember that page type classes inherit,
so that an Element Page has both `.Page` and `.ElementPage` classes. Example:

~~~html
<body class="ElementPage Page">...</body>
~~~

Styleguide Pages.0
*/
/*
#.Page

Shared styles on all pages that inherit from Page.php

Template: Page

SectionTemplate: BenManu/StyleGuide/SGResponsivePlaygroundNoPad

Styleguide Pages.Page
*/
.Page {
  background-color: #fff;
}
.Page.ErrorPage .admin-only {
  display: none;
}
.Page__wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
@media (max-width: 991px) {
  .Page.-nav-open .Page__wrapper {
    padding-top: 64px;
  }
}
.Page__content {
  margin-top: 2em;
}