@import url(https://p.typekit.net/p.css?s=1&k=orj0qin&ht=tk&f=47830.47831.47832.47833.47839.47840.47844.47845.47851.47854.47855.47856&a=84991663&app=typekit&e=css);@charset "UTF-8";
/**
 * #SETTINGS
 */
@font-face {
  font-family: "DharmaGothicM-Thin";
  src: url("../fonts/DharmaGothicM-Thin/font.woff2") format("woff2"), url("../fonts/DharmaGothicM-Thin/font.woff") format("woff");
}
@font-face {
  font-family: "DharmaGothicM-Light";
  src: url("../fonts/DharmaGothicM-Light/font.woff2") format("woff2"), url("../fonts/DharmaGothicM-Light/font.woff") format("woff");
}
@font-face {
  font-family: "DharmaGothicM-ExLight";
  src: url("../fonts/DharmaGothicM-ExLight/font.woff2") format("woff2"), url("../fonts/DharmaGothicM-ExLight/font.woff") format("woff");
}
@font-face {
  font-family: "SFMono";
  src: url("../fonts/sf_mono/sf_mono-Bold.woff2") format("woff2"), url("../fonts/sf_mono/sf_mono-Bold.woff") format("woff"), url("../fonts/sf_mono/sf_mono-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Erbaum";
  src: url("../fonts/Erbaum-Bold.woff2") format("woff2"), url("../fonts/Erbaum-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.font-sale-code {
  font-family: "SFMono", "transducer", sans-serif;
}
.font-sale-code.important-flag {
  font-family: "SFMono", "transducer", sans-serif !important;
}

/**
 * #TOOLS
 */
.fadeUp {
  opacity: 0;
  position: relative;
  transform: translateY(60px);
  transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
}
.fadeUp.in-viewport {
  opacity: 1;
  transform: translate(0);
}

/**
 * #GENERIC
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

* {
  box-sizing: border-box;
}

/** Normalize all link tag color */
a {
  color: var(--ec-gold-200);
}

/**
 * #BASE
 */
* {
  box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

html {
  font-size: 1em;
  line-height: 1.4;
  scroll-behavior: smooth;
}

body {
  background-image: linear-gradient(#eeeeee, #eeeeee);
  background-color: #000000;
}
body.dark {
  background-image: linear-gradient(#eeeeee, #eeeeee);
  background-color: #000000;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DharmaGothicM-Thin";
  letter-spacing: 2px;
  line-height: 1.2;
  font-weight: normal;
}

h1 {
  font-size: 6rem;
}

h2 {
  font-size: 5rem;
}

.progress-bar-container {
  width: 100%;
}

.progress {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.controls {
  display: flex;
  align-items: center;
}
.controls__play, .controls__pause {
  margin-right: 10px;
  border: none;
  background-color: #000000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 11px;
}
.controls__play img, .controls__pause img {
  width: 100% !important;
  height: auto !important;
}
.controls__play--small, .controls__pause--small {
  width: 25px;
  height: 25px;
  padding-left: 9px;
}
.controls__pause {
  padding-left: 6px !important;
}
.controls__progress {
  flex: 1;
}
.controls__progress .timeline {
  display: flex;
  justify-content: space-between;
  color: #b6b6b6;
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}
.controls__progress .progress-bar {
  background-color: #e5e5e5;
  width: 100%;
  height: 3px;
}
.controls__progress .progress-bar__progress {
  height: 100%;
  width: 0;
  display: block;
  background-color: #000;
}

.bigger-text {
  font-size: 1.3rem;
}

/*
 * Remove default fieldset styles.
*/
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

body {
  font-family: Arial, sans-serif;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

h1 {
  margin-top: 0;
}
h4:first-of-type {
  margin-top: 0;
}

ul {
  list-style-type: none;
  margin: 0 0 0 10px;
  padding: 0;
}
a {
  text-decoration: none;
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * transducer:
 *   - http://typekit.com/eulas/00000000000000007735ecd0
 *   - http://typekit.com/eulas/00000000000000007735eccd
 *   - http://typekit.com/eulas/00000000000000007735ecdd
 *   - http://typekit.com/eulas/00000000000000007735eccf
 * transducer-condensed:
 *   - http://typekit.com/eulas/00000000000000007735ecd5
 *   - http://typekit.com/eulas/00000000000000007735ecda
 *   - http://typekit.com/eulas/00000000000000007735ecc7
 *   - http://typekit.com/eulas/00000000000000007735ecc9
 * transducer-extended:
 *   - http://typekit.com/eulas/00000000000000007735eccb
 *   - http://typekit.com/eulas/00000000000000007735ecce
 *   - http://typekit.com/eulas/00000000000000007735ecdb
 *   - http://typekit.com/eulas/00000000000000007735ecd7
 *
 * © 2009-2023 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2023-05-08 14:33:59 UTC"}*/
@font-face {
  font-family: "transducer-condensed";
  src: url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: block;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer-condensed";
  src: url("https://use.typekit.net/af/01c732/00000000000000007735ecda/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/01c732/00000000000000007735ecda/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/01c732/00000000000000007735ecda/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: block;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer-condensed";
  src: url("https://use.typekit.net/af/d45951/00000000000000007735ecc7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/d45951/00000000000000007735ecc7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/d45951/00000000000000007735ecc7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
  font-display: block;
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer-condensed";
  src: url("https://use.typekit.net/af/2fa880/00000000000000007735ecc9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/2fa880/00000000000000007735ecc9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/2fa880/00000000000000007735ecc9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: block;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer-extended";
  src: url("https://use.typekit.net/af/cadf16/00000000000000007735eccb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/cadf16/00000000000000007735eccb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/cadf16/00000000000000007735eccb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: block;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer-extended";
  src: url("https://use.typekit.net/af/f5b1f5/00000000000000007735ecce/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/f5b1f5/00000000000000007735ecce/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/f5b1f5/00000000000000007735ecce/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: block;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer-extended";
  src: url("https://use.typekit.net/af/d156da/00000000000000007735ecdb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/d156da/00000000000000007735ecdb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/d156da/00000000000000007735ecdb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
  font-display: block;
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer-extended";
  src: url("https://use.typekit.net/af/3a72c7/00000000000000007735ecd7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/3a72c7/00000000000000007735ecd7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/3a72c7/00000000000000007735ecd7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: block;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/b0fdcc/00000000000000007735ecd0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/b0fdcc/00000000000000007735ecd0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/b0fdcc/00000000000000007735ecd0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: block;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/f1009d/00000000000000007735eccd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/f1009d/00000000000000007735eccd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/f1009d/00000000000000007735eccd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: block;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/4128b6/00000000000000007735ecdd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/4128b6/00000000000000007735ecdd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/4128b6/00000000000000007735ecdd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: block;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/70713c/00000000000000007735eccf/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/70713c/00000000000000007735eccf/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/70713c/00000000000000007735eccf/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
  font-display: block;
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/d45951/00000000000000007735ecc7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/d45951/00000000000000007735ecc7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/d45951/00000000000000007735ecc7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
  font-display: block;
  font-style: italic;
  font-weight: 545;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/2fa880/00000000000000007735ecc9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/2fa880/00000000000000007735ecc9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/2fa880/00000000000000007735ecc9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: block;
  font-style: normal;
  font-weight: 545;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/d156da/00000000000000007735ecdb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/d156da/00000000000000007735ecdb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/d156da/00000000000000007735ecdb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
  font-display: block;
  font-style: italic;
  font-weight: 621;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/3a72c7/00000000000000007735ecd7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/3a72c7/00000000000000007735ecd7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/3a72c7/00000000000000007735ecd7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: block;
  font-style: normal;
  font-weight: 621;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: block;
  font-style: normal;
  font-weight: 418;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/01c732/00000000000000007735ecda/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/01c732/00000000000000007735ecda/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/01c732/00000000000000007735ecda/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
  font-display: block;
  font-style: italic;
  font-weight: 418;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/373239/00000000000000007735ecd5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: block;
  font-style: normal;
  font-weight: 340;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("../fonts/transducer-black.woff2") format("woff2"), url("../fonts/transducer-black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("../fonts/transducer-hairlineoblique.woff2") format("woff2"), url("../fonts/transducer-hairlineoblique.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "transducer";
  src: url("../fonts/transducer-medium-webfont.woff2") format("woff2"), url("../fonts/transducer-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
.tk-transducer-condensed {
  font-family: "transducer-condensed", sans-serif;
}
.tk-transducer-condensed b,
.tk-transducer-condensed h1,
.tk-transducer-condensed h2,
.tk-transducer-condensed h3 {
  font-weight: 600;
}

.tk-transducer-extended {
  font-family: "transducer-extended", sans-serif;
}
.tk-transducer-extended b,
.tk-transducer-extended h1,
.tk-transducer-extended h2,
.tk-transducer-extended h3 {
  font-weight: 600;
}

.tk-transducer {
  font-family: "transducer", sans-serif;
  line-height: 1.2;
}
.tk-transducer b,
.tk-transducer strong,
.tk-transducer h1,
.tk-transducer h2 {
  font-weight: 600;
}
.tk-transducer i,
.tk-transducer em {
  font-weight: 100;
  font-style: italic;
}
.tk-transducer h1,
.tk-transducer h2,
.tk-transducer h3,
.tk-transducer h4,
.tk-transducer h5,
.tk-transducer a,
.tk-transducer p {
  font-family: "transducer", sans-serif;
}
.tk-transducer .super-bold {
  font-weight: 900;
}
.tk-transducer .bold {
  font-weight: 621;
}
.tk-transducer .normal-bold {
  font-weight: 600;
}
.tk-transducer .semi-bold {
  font-weight: 545;
}
.tk-transducer .med-bold {
  font-weight: 418;
}
.tk-transducer .medium {
  font-weight: 340;
}
.tk-transducer .light {
  font-weight: 100;
}
.tk-transducer .light.italic {
  font-style: italic;
}

/**
 * #OBJECTS
 */
main {
  min-height: calc(100vh - 500px);
}

.wrapper {
  margin: 0 auto 0;
  max-width: 1440px;
  position: relative;
  width: calc(100% - 20px);
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .wrapper {
    width: calc(100% - 80px);
  }
}
.wrapper--smaller {
  max-width: 1198px;
}
.wrapper--smallest {
  max-width: 954px;
}
.wrapper--flex {
  display: flex;
}
.wrapper--between {
  justify-content: space-between;
}
.wrapper--even {
  justify-content: space-evenly;
}
@media screen and (max-width: 1023px) {
  .wrapper--desktop {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .wrapper--mobile-more {
    width: calc(100% - 40px);
  }
}
.wrapper--desktop-margin {
  margin-top: 80px;
}
@media screen and (min-width: 1024px) {
  .wrapper--desktop-margin {
    margin: 162px auto 190px auto;
  }
}
@media screen and (max-width: 1023px) {
  .wrapper--mobile-margin {
    margin-bottom: 80px;
  }
}
.wrapper--mobile-col {
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .wrapper--mobile-col {
    flex-direction: row;
  }
}
@media screen and (max-width: 1023px) {
  .wrapper--mobile-col-rev {
    flex-direction: column-reverse;
  }
}
.wrapper--wrap {
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .wrapper--col {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .wrapper--end {
    align-items: flex-end;
  }
}

.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-column--margin-bottom {
  margin-bottom: 120px;
}
@media screen and (min-width: 1024px) {
  .flex-column--margin-bottom {
    margin-bottom: 180px;
  }
}

.flex-wrap {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .flex-wrap {
    flex-direction: row;
  }
}

.flex-wrap-alt {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .flex-wrap-alt {
    justify-content: flex-start;
  }
}

.form-wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .form-wrap {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .form-wrap--3 .group {
    width: calc(33% - 10px) !important;
  }
}

.presale-wrap {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .presale-wrap {
    flex-direction: row;
    justify-content: space-between;
    max-width: 600px;
    width: 100%;
  }
}

.holder {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .holder {
    margin-left: auto;
    margin-right: auto;
    margin-top: 34px;
    width: calc(100% - 80px);
  }
}

.join-church {
  position: relative;
  width: 100%;
  background-color: #fff;
  margin-bottom: 3rem;
  padding-top: 3.8rem;
  padding-bottom: 3.8rem;
}
.join-church .church-choir__header {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 3rem;
  padding-right: 3rem;
  margin: 0;
  max-width: none;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .join-church {
    margin-bottom: 4rem;
    padding-top: 4.4rem;
    padding-bottom: 4.4rem;
  }
}

.discography {
  margin-top: 36px;
}
@media screen and (min-width: 1024px) {
  .discography {
    margin-top: 120px;
  }
}

.promotion + article {
  overflow-x: hidden;
}

.not-found {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .not-found {
    height: 100vh;
  }
  .not-found .wrapper {
    align-items: center;
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .not-found {
    margin-top: 195px;
  }
}
@media screen and (max-width: 1023px) {
  .not-found__content {
    margin-right: auto;
    margin-left: auto;
    width: 69.3333333333vw;
  }
}

@media screen and (max-width: 1023px) {
  .church-choir {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 20px);
  }
}

.body-container {
  position: relative;
}

.inline-list {
  font-size: 0;
  margin: 0;
  list-style: none;
  padding: 0;
}
.inline-list__item {
  display: inline-block;
  vertical-align: top;
}

.unstyled-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bulleted-list {
  list-style-type: disc;
  margin: 0;
  padding-left: 15px;
}

/**
 * #COMPONENTS
 */
.white {
  background-color: #ffffff;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 1024px) {
  .white--mobile {
    background-color: unset;
  }
}
.white--desktop {
  background-color: unset;
}
@media screen and (min-width: 1024px) {
  .white--desktop {
    background-color: #ffffff;
  }
}

.color-white {
  color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .border-grey {
    border: 2px solid #3b3b3b;
  }
}

@media screen and (max-width: 1023px) {
  .border-grey-mobile {
    border: 2px solid #3b3b3b;
  }
}

@media screen and (min-width: 1024px) {
  .border {
    border-bottom: 3px solid #3b3b3b;
    border-top: 3px solid #3b3b3b;
  }
}

h1.title,
h2.title,
h3.title,
h4.title {
  text-transform: uppercase;
}

.title {
  margin: 0px;
}
.title a {
  color: inherit;
  text-decoration: none;
}
.title--grey {
  color: #3b3b3b;
}
.title--red {
  color: #8e1a1e;
}
.title--yellow {
  color: #f8ebc7;
}
.title--white {
  color: #f2f2f2;
}
.title--big {
  font: 400 30px/1.2 "transducer", sans-serif;
  letter-spacing: -1.5px;
  margin-right: auto;
  width: calc(100% - 40px);
}
@media screen and (min-width: 1024px) {
  .title--big {
    font: 400 48px/1.2 "transducer", sans-serif;
    letter-spacing: -3px;
  }
}
.title--big-alt {
  font: 700 24px/28px Arial, sans-serif;
  margin-bottom: 8px;
  margin-top: 2px;
}
.title--small {
  font: 400 18px/1 Arial, sans-serif;
  margin-bottom: 14px;
}
.title--small-alt {
  color: #f2f2f2;
  font: 400 18px/28px "transducer", sans-serif;
}
.title--smallest {
  font: 400 14px/1 Arial, sans-serif;
}
.title--medium {
  font: 400 20px/1.2 Arial, sans-serif;
}
@media screen and (min-width: 1024px) {
  .title--medium {
    font: 400 20px/1.2 Arial, sans-serif;
  }
}
.title--medium-alt {
  font: 400 16px/24px Arial, sans-serif;
}
@media screen and (min-width: 1024px) {
  .title--medium-alt {
    font-size: 22px;
  }
}
.title--small-bold {
  font: 700 16px/24px Arial, sans-serif;
  margin-top: 4px;
}
@media screen and (min-width: 1024px) {
  .title--small-bold {
    font: 700 20px/28px Arial, sans-serif;
    margin-top: 10px;
  }
}
.title--small-bold + p {
  margin-top: 0px;
}
.title--admin {
  align-items: center;
  display: flex;
}
.title--admin span {
  border: 1px solid #3b3b3b;
  background-color: #ffffff;
  color: #8e1a1e;
  font: 400 14px/1 Arial, sans-serif;
  padding: 5px 11.5px;
  margin-left: 8px;
  text-transform: uppercase;
}
.title--video {
  font: 400 22px/26px Arial, sans-serif;
  padding-top: 18px;
}
@media screen and (min-width: 1024px) {
  .title--video {
    font: 400 26px/30px Arial, sans-serif;
    padding-top: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .title--video br {
    display: none;
  }
}
.title--video {
  font: 400 22px/26px Arial, sans-serif;
  padding-top: 18px;
}
@media screen and (min-width: 1024px) {
  .title--video {
    font: 400 26px/30px Arial, sans-serif;
    padding-top: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .title--video br {
    display: none;
  }
}
.title--news {
  font: 400 30px/40px Arial, sans-serif;
  letter-spacing: -1.5px;
  padding-top: 11px;
}
@media screen and (min-width: 1024px) {
  .title--news {
    font: 400 28px/35px Arial, sans-serif;
    letter-spacing: -1.5px;
    padding-top: 16px;
  }
}
.title--date {
  font: 400 18px/1 Arial, sans-serif;
  padding-top: 20px;
}
@media screen and (min-width: 1024px) {
  .title--date {
    font: 400 18px/1 Arial, sans-serif;
    padding-top: 25px;
  }
}
.title--uppercase {
  text-transform: uppercase;
}
.title--center {
  display: flex;
  justify-content: center;
  width: 100%;
}
.title--profile {
  font: 700 20px/24px Arial, sans-serif;
  padding-bottom: 6px;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .title--profile {
    font: 700 24px/28px Arial, sans-serif;
    padding-bottom: 11px;
  }
}
.title--profile--big {
  font: 700 24px/30px Arial, sans-serif;
}
.title--profile-biger {
  font: 400 30px/1.2 Arial, sans-serif;
}
@media screen and (min-width: 1024px) {
  .title--profile-left {
    padding-left: 8px;
  }
}
.title--profile-smaller {
  font: 400 16px/24px Arial, sans-serif;
}
@media screen and (min-width: 1024px) {
  .title--profile-smaller {
    font: 400 18px/24px Arial, sans-serif;
  }
}
.title--profile-smaller span {
  font-weight: 700;
}
.title--padding-zero {
  padding: 0px;
}
.title--profile-small {
  font: 400 18px/24px Arial, sans-serif;
}
.title--presale-big {
  font: 700 20px/24px Arial, sans-serif;
  padding-right: 20px;
}
.title--presale-medium {
  font: 400 18px/24px Arial, sans-serif;
}
@media screen and (min-width: 1024px) {
  .title--presale-width {
    width: 50%;
  }
}
.title--meet-greet {
  font: 700 24px/30px Arial, sans-serif;
  padding-top: 13px;
}
.title--bold {
  font-weight: 700;
}
.title--price {
  font: 400 30px/1.2 Arial, sans-serif;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .title--price {
    margin-bottom: 32px;
    margin-top: auto;
  }
}
.title--price span {
  align-self: flex-end;
  font: 400 16px/1.2 Arial, sans-serif;
  padding-bottom: 3px;
}
.title--album {
  font: 400 30px/40px Arial, sans-serif;
}
@media screen and (min-width: 1024px) {
  .title--album {
    font: 400 40px/50px Arial, sans-serif;
    margin-top: 20px;
  }
}
.title--discography {
  color: #f8ebc7;
  font: 600 30px/1.2 "transducer", sans-serif;
}
@media screen and (min-width: 1024px) {
  .title--discography {
    font: 600 36px/1.2 "transducer", sans-serif;
  }
}
.title--discography + p {
  font: 400 16px/20px "transducer", sans-serif;
  color: #ffffff;
  margin-top: 4px;
}
@media screen and (min-width: 1024px) {
  .title--discography + p {
    font: 400 20px/24px "transducer", sans-serif;
    max-width: 540px;
    margin-top: 8px;
  }
}
.title--discography-item {
  color: #f2f2f2;
  font: 400 26px/28px "transducer", sans-serif;
  margin-top: 18px;
}
.title--404 {
  font: 400 120px/1 Arial, sans-serif;
  color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .title--404 {
    font: 400 180px/1 Arial, sans-serif;
  }
}
.title--404 + p {
  font: 400 20px/26px Arial, sans-serif;
  color: #ffffff;
}
@media screen and (min-width: 1024px) {
  .title--404 + p {
    font: 400 20px/28px Arial, sans-serif;
    max-width: 470px;
  }
}

.link {
  color: #8e1a1e;
  font: 400 16px/28px Arial, sans-serif;
  text-decoration: none;
  transition: border-color 300ms ease;
}
.link--underline {
  align-items: baseline;
  border-bottom: 2px solid #8e1a1e;
  display: flex;
  height: 100%;
}
.link--underline-inline {
  border-bottom: 1px solid #8e1a1e;
}
.link--login {
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .link--login {
    flex-direction: row;
    margin: 0px;
  }
}
.link--center {
  display: inline-flex;
  justify-content: center;
  margin: auto;
}
.link--grey {
  color: #3b3b3b;
  border-color: #3b3b3b;
}
.link--section {
  margin-top: 60px;
}
@media screen and (min-width: 1024px) {
  .link--section {
    display: none !important;
  }
}
.link--wrapper {
  height: 100%;
  position: absolute;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.link--small {
  font: 400 18px/1 Arial, sans-serif;
  height: auto;
  margin-top: 8px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .link--small {
    margin-bottom: 0px;
    margin-top: 20px;
  }
}
.link--medium {
  font: 400 16px/1.1 Arial, sans-serif;
}
@media screen and (min-width: 1024px) {
  .link--medium {
    font: 400 18px/1.1 Arial, sans-serif;
  }
}
.link--end {
  display: inline-flex;
  margin-left: auto;
}
.link--alt {
  border-bottom: 1px solid #3b3b3b;
  color: #3b3b3b;
}
@media screen and (min-width: 1024px) {
  .link--alt {
    border-bottom: 2px solid #3b3b3b;
    color: #3b3b3b;
  }
}
.link--home {
  border-bottom: 2px solid #3b3b3b;
  line-height: 22px;
  margin-top: 25px;
}
@media screen and (min-width: 1024px) {
  .link--home {
    margin-top: 26px;
  }
}
.link--center {
  display: inline-flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.link--center-alt {
  display: inline-block;
  height: auto;
  left: 50%;
  position: relative;
  transform: translate(-50%);
}
@media screen and (max-width: 1023px) {
  .link--all {
    display: none;
  }
}
.btn {
  align-items: center;
  background: none;
  box-shadow: none;
  color: #3b3b3b;
  display: flex;
  font-family: "DharmaGothicM-Light";
  font-size: 2.2rem;
  justify-content: center;
  padding: 0 15px;
  position: relative;
  outline: none;
  text-transform: uppercase;
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
  z-index: 9;
}
.btn--border {
  border: 2px solid #3b3b3b;
}
.btn--border--white {
  border-color: #ffffff;
  color: #ffffff;
}
@media screen and (min-width: 1025px) {
  .btn--border:hover {
    background-color: #8e1a1e;
    border-color: #8e1a1e;
    color: #ffffff;
  }
}
.btn--capitalised {
  text-transform: uppercase;
}
.btn--small {
  height: 42px;
  min-width: 120px;
}
.btn--medium {
  height: 42px;
  min-width: 130px;
  padding: 0 15px;
}
.btn--big {
  height: 42px;
  min-width: 170px;
  padding: 0 15px;
}
.btn--red {
  border: 2px solid #8e1a1e;
}
@media screen and (min-width: 1025px) {
  .btn--red:hover {
    background: #8e1a1e;
    color: #ffffff;
  }
}
.btn--center-mobile {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .btn--right-desktop {
    display: flex;
    margin-left: auto;
    margin-right: 0px;
  }
}
.btn--margin-profile {
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .btn--margin-profile {
    margin-top: 28px;
  }
}
.btn--bold {
  font-weight: 700;
}
.btn--span-red span {
  color: #8e1a1e;
  transition: color 300ms ease;
}
.btn--span-red:hover span {
  color: #ffffff;
}
.btn--span-bold span {
  font-weight: 700;
}
.btn--back-white {
  background-color: #ffffff;
}
.btn--custom {
  border-bottom: 2px solid #231f20;
  border-right: 2px solid #231f20;
  border-left: 2px solid #bc1d1d;
  border-top: 2px solid #bc1d1d;
  font: 400 24px/28px Arial, sans-serif;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  min-width: 160px;
}
.btn--cap-width {
  max-width: 180px;
}
.btn--margined {
  margin: 0 10px;
}
.btn--white {
  color: #ffffff;
}

.form {
  margin: 0px auto 80px auto;
  padding-bottom: 45px;
}
@media screen and (min-width: 1024px) {
  .form {
    padding-bottom: 0px;
    margin: 0px auto 55px auto;
    max-width: 834px;
  }
}
.form.mb-0 {
  margin-bottom: 0;
}
.form--auth {
  margin-bottom: 0;
  max-width: 400px;
  padding: 0;
}
.form--alt {
  margin: 0px auto 0px auto;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .form--alt {
    margin: 0px auto 36px auto;
    max-width: unset;
  }
}
.form--alt .edit-details {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .form--alt .edit-details {
    margin: 0;
    width: 100%;
  }
}
.form .membership-details {
  margin-top: 52px;
}
@media screen and (min-width: 1024px) {
  .form .membership-details {
    margin-top: 74px;
  }
}
.form .personal-details {
  margin-top: 56px;
}
@media screen and (min-width: 1024px) {
  .form .personal-details {
    margin-top: 76px;
  }
}
.form .personal-details .title,
.form .payment-details .title {
  padding-bottom: 17px;
}
.form .options .single {
  border: unset;
  display: flex;
  height: auto;
  background-color: #000;
  padding: 12px 30px;
  align-items: center;
  -moz-column-gap: 63px;
       column-gap: 63px;
  row-gap: 12px;
}
@media screen and (max-width: 1023px) {
  .form .options .single {
    height: 100%;
    padding: 25px 30px;
    width: 100%;
    flex-direction: column;
  }
}
.form .options .single:not(:last-child) {
  margin-bottom: 7px;
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .form .options .single:not(:last-child) {
    margin-bottom: 30px;
  }
}
.form .options .single--checked {
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
}
.form .options .single__content {
  flex: 1 1 0;
}
.form .options .single__radio {
  width: 40px;
  flex: 0 0 40px;
  height: 40px;
}
.form .options .single__radio input {
  position: absolute;
  left: -9999px;
}
.form .options .single__radio input:checked + label::after {
  opacity: 1;
  transform: scale(1) translate(50%, -32%);
}
.form .options .single__radio label {
  font-size: 0px;
  color: #8e1a1e;
  position: relative;
  padding-left: 32px;
  top: 0;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .form .options .single__radio label {
    font-size: 0px;
  }
}
.form .options .single__radio label::before {
  content: "";
  position: absolute;
  height: 32px;
  top: unset;
  width: 32px;
  border: 4px solid var(--ec-soft-white);
  border-radius: 100%;
  background: transparent;
  left: 0;
}
.form .options .single__radio label::after {
  content: "";
  opacity: 0;
  width: 20px;
  height: 20px;
  background: var(--ec-soft-white);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
}
.form .options .single__details {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .form .options .single__details {
    align-items: center;
    display: block;
    justify-content: space-between;
    padding: 0;
    width: 51.53%;
  }
}
@media screen and (max-width: 1023px) {
  .form .options .single__details {
    display: block;
  }
}
.form .options .single__details__type {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .form .options .single__details__type {
    width: 180px;
  }
}
.form .options .single__details__text p {
  font: 400 16px/24px Arial, sans-serif;
  margin-top: 6px;
  margin-bottom: 8px;
}
@media screen and (min-width: 1024px) {
  .form .options .single__details__text p {
    font: 400 16px/26px Arial, sans-serif;
    margin: 16px auto;
    max-width: 425px;
  }
}
.form .group {
  margin-bottom: 7px;
  position: relative;
  width: calc(100%);
}
@media screen and (min-width: 1024px) {
  .form .group {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .form .group {
    width: calc(50% - 13px);
  }
}
.form .group--single {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.form .group--single:last-child {
  margin-bottom: 0px;
}
.form .group--single.not-last {
  margin-bottom: 7px;
}
@media (min-width: 1024px) {
  .form .group--single.not-last {
    margin-bottom: 12px;
  }
}
.form .group--single .field {
  width: 100%;
}
.form .group .iti__flag-container {
  display: none;
  padding-left: 14px;
  padding-right: 14px;
}
.form .group .iti__country-list {
  z-index: 10 !important;
}
.form .group .field.iti {
  width: 100%;
}
.form .group .field.iti .iti {
  width: 100%;
}
.form .group .field.iti.focus .iti.iti--allow-dropdown {
  width: 100%;
}
.form .group .field.iti.focus .iti.iti--allow-dropdown input {
  padding-left: 66px;
}
.form .group .field.iti.focus .iti__flag-container {
  display: block;
}
.form .group .field.iti.focus label {
  bottom: 39px;
  font-family: "transducer", sans-serif;
  font-weight: 100;
  font-style: italic;
  font-size: 18px;
  transition: all 0.1s ease-in;
  color: var(--ec-soft-white);
}
@media (min-width: 1024px) {
  .form .group .field.iti.focus label {
    bottom: 52px;
  }
}
.form .group__input, .form .group__textarea,
.form .group select {
  border: 0;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.6);
  height: 68px;
  font-family: "transducer";
  font-weight: 621;
  font-size: 16px;
  line-height: 1.2em;
  display: block;
  width: 100%;
  padding: 12px 18px 0;
  color: var(--ec-soft-white) !important;
  box-shadow: 0 0 0 50px #000 inset !important;
  -webkit-appearance: none;
  /** User Agent Normalize **/
}
@media (min-width: 1024px) {
  .form .group__input, .form .group__textarea,
.form .group select {
    font-size: 18px;
    padding: 24px 30px 0;
    height: 86px;
  }
}
.form .group__input:focus, .form .group__textarea:focus,
.form .group select:focus {
  outline: none;
}
.form .group__input:not(:-moz-placeholder-shown) ~ label, .form .group__textarea:not(:-moz-placeholder-shown) ~ label, .form .group select:not(:-moz-placeholder-shown) ~ label {
  bottom: 36px;
  left: 16px;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.form .group__input:focus ~ label, .form .group__input:not(:placeholder-shown) ~ label, .form .group__textarea:focus ~ label, .form .group__textarea:not(:placeholder-shown) ~ label,
.form .group select:focus ~ label,
.form .group select:not(:placeholder-shown) ~ label {
  bottom: 36px;
  left: 16px;
  transition: all 0.1s ease-in;
}
@media (min-width: 1024px) {
  .form .group__input:not(:-moz-placeholder-shown) ~ label, .form .group__textarea:not(:-moz-placeholder-shown) ~ label, .form .group select:not(:-moz-placeholder-shown) ~ label {
    left: 28px;
    bottom: 42px;
  }
  .form .group__input:focus ~ label, .form .group__input:not(:placeholder-shown) ~ label, .form .group__textarea:focus ~ label, .form .group__textarea:not(:placeholder-shown) ~ label,
.form .group select:focus ~ label,
.form .group select:not(:placeholder-shown) ~ label {
    left: 28px;
    bottom: 42px;
  }
}
.form .group__input.group__input--error.upper-label:not(:-moz-placeholder-shown) ~ label, .form .group__textarea.group__input--error.upper-label:not(:-moz-placeholder-shown) ~ label, .form .group select.group__input--error.upper-label:not(:-moz-placeholder-shown) ~ label {
  bottom: calc(36px + 21px);
}
.form .group__input.group__input--error.upper-label:focus ~ label, .form .group__input.group__input--error.upper-label:not(:placeholder-shown) ~ label, .form .group__textarea.group__input--error.upper-label:focus ~ label, .form .group__textarea.group__input--error.upper-label:not(:placeholder-shown) ~ label,
.form .group select.group__input--error.upper-label:focus ~ label,
.form .group select.group__input--error.upper-label:not(:placeholder-shown) ~ label {
  bottom: calc(36px + 21px);
}
@media (min-width: 1024px) {
  .form .group__input.group__input--error.upper-label:not(:-moz-placeholder-shown) ~ label, .form .group__textarea.group__input--error.upper-label:not(:-moz-placeholder-shown) ~ label, .form .group select.group__input--error.upper-label:not(:-moz-placeholder-shown) ~ label {
    bottom: calc(42px + 21px);
  }
  .form .group__input.group__input--error.upper-label:focus ~ label, .form .group__input.group__input--error.upper-label:not(:placeholder-shown) ~ label, .form .group__textarea.group__input--error.upper-label:focus ~ label, .form .group__textarea.group__input--error.upper-label:not(:placeholder-shown) ~ label,
.form .group select.group__input--error.upper-label:focus ~ label,
.form .group select.group__input--error.upper-label:not(:placeholder-shown) ~ label {
    bottom: calc(42px + 21px);
  }
}
.form .group__input:autofill, .form .group__input:-internal-autofill-selected {
  border: 0 !important;
  color: #f2f2f2 !important;
  -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
  -webkit-text-fill-color: #f2f2f2 !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  background-clip: content-box !important;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .form .group__input:autofill, .form .group__input:-internal-autofill-selected {
    font-size: 18px;
  }
}
.form .group__textarea {
  border-bottom: 0px;
  resize: none;
  padding: 0px 20px;
}
.form .group label {
  bottom: 22px;
  color: var(--ec-soft-white);
  cursor: inherit;
  font-family: "transducer";
  font-weight: 100;
  font-style: italic;
  font-size: 16px;
  position: absolute;
  left: 22px;
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .form .group label {
    font-size: 18px;
    bottom: 30px;
  }
}
.form .group__single {
  position: relative;
  width: 100%;
}
.form .group__single--wide {
  width: calc(100% - 190px);
}
.form .group__single--short {
  width: 95px;
}
.form .group__single--border-left input {
  border-left: unset;
}
.form .group__single--border-right input {
  border-right: unset;
}
.form .group__single--border-none input {
  border-left: unset;
  border-right: unset;
}
.form .group--big {
  border: 2px solid #3b3b3b;
  background-color: #ffffff;
  padding-top: 35px;
  padding-bottom: 15px;
  max-width: 100%;
}
.form .group--big input,
.form .group--big textarea {
  border: none;
  height: 150px;
  max-width: 100%;
}
.form .group--big input:focus ~ label, .form .group--big input:valid + label,
.form .group--big textarea:focus ~ label,
.form .group--big textarea:valid + label {
  bottom: unset;
  top: 9px;
}
.form .group--big textarea {
  height: 100px;
}
.form .group--big label {
  top: 33px;
}
.form .group .field {
  position: relative;
}
.form__legal {
  margin: 20px auto 0;
  max-width: 510px;
  padding-left: 40px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .form__legal {
    margin-top: 50px;
  }
}
.form__legal__checkbox-label {
  color: #3b3b3b;
  font: 400 14px/1.4 Arial, sans-serif;
}
.form__legal__checkbox-label a {
  color: #8e1a1e;
  text-decoration: underline;
}
.form__legal__checkbox-label:before {
  background: url("../images/icon.tick.svg") no-repeat -2px -3px #ffffff;
  border: 2px solid #3b3b3b;
  display: block;
  content: "";
  height: 18px;
  left: 0px;
  position: absolute;
  top: 0;
  transition: background 300ms ease;
  width: 18px;
  z-index: 2;
}
.form__legal__checkbox {
  left: 3px;
  top: 7px;
  position: absolute;
  z-index: 1;
  background-color: transparent;
  border: 2px solid #f2f2f2;
}
.form__legal__checkbox:checked ~ label:before {
  background: url("../images/icon.tick.svg") no-repeat -2px -3px #8e1a1e;
}
.form--auth .group {
  margin-bottom: 10px;
}

.form-action {
  margin-top: 22px;
  text-align: center;
}
@media (min-width: 1024px) {
  .form-action {
    margin-top: 47px;
  }
}
@media screen and (min-width: 1024px) {
  .form-action--right-align-desktop {
    text-align: right;
  }
}
.form-action .btn {
  display: inline-block;
}

.social-login {
  color: #3f80ff;
  font: 700 16px/1.2 Arial, sans-serif;
  text-decoration: none;
}
.social-login:hover {
  text-decoration: underline;
}

.invalid-feedback strong {
  color: red;
  display: block;
  font: 700 14px/1.2 Arial, sans-serif;
  padding-top: 5px;
}

.StripeElement {
  background-color: #000000;
  border: none;
  height: 68px;
  padding: 33px 20px;
  transition: border-bottom-color 200ms ease-in-out, background-color 200ms ease-in-out;
  font-family: "transducer";
}
@media (min-width: 1024px) {
  .StripeElement {
    height: 86px;
  }
}
.StripeElement--focus, .StripeElement--complete, .StripeElement--invalid {
  background-color: black;
}
.StripeElement > .InputElement {
  color: #f2f2f2 !important;
}

#card-errors {
  color: red;
  padding-top: 10px;
}

.single-holder-radio {
  align-items: center;
  gap: 63px;
}

input:autofill, input:-internal-autofill-selected, input:-webkit-autofill, input:-webkit-autofill-strong-password, input:-webkit-autofill-strong-password-viewable, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill-and-obscured {
  border: 0 !important;
  color: #f2f2f2 !important;
  -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
  -webkit-text-fill-color: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.6) !important;
  background-clip: content-box !important;
  box-shadow: 0 0 0 1000px #000 inset !important;
}

input:autofill,
input:-webkit-autofill-strong-password,
input:-webkit-autofill-strong-password-viewable,
input:-webkit-autofill-and-obscured {
  background: rgba(0, 0, 0, 0.6);
  background-image: none;
  color: #f2f2f2;
  -webkit-text-fill-color: #f2f2f2;
}

input:autofill,
input:-internal-autofill-selected {
  border: 0 !important;
  color: #f2f2f2 !important;
  -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
  -webkit-text-fill-color: #f2f2f2 !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  background-clip: content-box !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 47px;
  height: 25px;
  margin-bottom: 7px;
}

@media (min-width: 1024px) {
  .switch {
    margin-bottom: 12px;
  }
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #4ed738;
}

input:focus + .slider {
  box-shadow: 0 0 1px #4ed738;
}

input:checked + .slider:before {
  transform: translateX(23px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/**
* TODO: this component has duplicate .upcoming-tour-item. Please use this class instead.
*/
.card-song {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  width: 100%;
  padding: 12px 34px;
  color: #f2f2f2;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 400;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
  align-items: flex-start;
  gap: 3px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .card-song {
    margin-bottom: 7px;
  }
}
@media (min-width: 1024px) {
  .card-song {
    padding: 16px 30px 22px;
    font-size: 16px;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: auto;
    gap: 6px;
  }
}
@media (min-width: 1440px) {
  .card-song {
    font-size: 18px;
  }
}
.card-song .meta-day,
.card-song .meta-name,
.card-song .meta-location,
.card-song .meta-divider {
  display: flex;
  justify-self: center;
  text-align: center;
}
@media (min-width: 1024px) {
  .card-song .meta-day,
.card-song .meta-name,
.card-song .meta-location,
.card-song .meta-divider {
    justify-self: flex-start;
    text-align: left;
  }
}
.card-song .meta-day {
  font-weight: 621;
}
.card-song .meta-divider {
  display: none;
}
.card-song .meta-location {
  font-size: 14px;
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .card-song .meta-location {
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .card-song .meta-location {
    font-size: 18px;
  }
}
.card-song .meta--additional-info {
  margin-top: 3px;
}
@media (min-width: 1440px) {
  .card-song .meta--additional-info {
    margin-top: 6px;
  }
}
@media (min-width: 1024px) {
  .card-song .meta-day {
    grid-column: 1/span 4;
  }
  .card-song .meta-name {
    grid-column: 5/span 5;
  }
  .card-song .meta-location {
    grid-column: 10/span 3;
    text-align: right;
    justify-self: flex-end;
  }
  .card-song .meta-actions {
    grid-column: 14/span 3;
  }
  .card-song.past-tours .meta-day {
    grid-column: 1/span 5;
  }
  .card-song.past-tours .meta-name {
    grid-column: 6/span 8;
  }
  .card-song.past-tours .meta-location {
    grid-column: 14/span 3;
    text-align: right;
    justify-self: flex-end;
  }
}
.card-song .meta-actions {
  display: flex;
  justify-content: center;
  gap: 19px;
  align-items: center;
}
@media (min-width: 1024px) {
  .card-song .meta-actions {
    justify-content: flex-end;
  }
}

.panel-dropdwon-mobile h3 span.cta-icon {
  margin-left: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.panel-dropdwon-mobile h3 + * {
  padding-bottom: 18px;
  margin-top: 22px;
}
@media (min-width: 768px) {
  .panel-dropdwon-mobile h3 span.cta-icon {
    display: none;
  }
  .panel-dropdwon-mobile h3 + * {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .panel-dropdwon-mobile {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .panel-dropdwon-mobile h3 {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
    padding-right: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .panel-dropdwon-mobile h3 + * {
    display: none;
    padding-left: 18px;
    padding-right: 18px;
  }
}

.custom-select {
  position: relative;
  /* style the items (options), including the selected item: */
  /* Hide the items when the select box is closed: */
}
.custom-select select {
  display: none;
  /* hide original SELECT element: */
}
.custom-select .select-selected {
  background-color: #0e0e0e;
}
.custom-select .select-selected::after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
.custom-select .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
.custom-select .select-items {
  position: absolute;
  overflow-y: auto;
  background-color: #0e0e0e;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 300px;
  padding-left: 23px;
  padding-right: 23px;
}
.custom-select .select-selected {
  color: #f2f2f2;
  cursor: pointer;
  padding: 4px 30px;
}
.custom-select .select-items div {
  color: #f2f2f2;
  cursor: pointer;
  padding: 12px 7px;
}
.custom-select .select-items div:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.custom-select .select-hide {
  display: none;
}
.custom-select .select-items div:hover,
.custom-select .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.badge-big {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 0;
  font-size: 14px;
  line-height: 1em;
  color: var(--ec-dark-bgColor);
}
@media (min-width: 1024px) {
  .badge-big {
    font-size: 20px;
  }
}
.badge.gold200 {
  background-color: var(--ec-gold-200);
}
.badge p, .badge h1, .badge h3, .badge h4, .badge h5, .badge h6 {
  margin-bottom: 0;
  margin-top: 0;
}

.loader {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.favorite-button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #0c0c0c;
}
.favorite-button a {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.favorite-button a svg {
  vertical-align: middle;
}
.favorite-button .remove-from-favorite {
  display: none;
}
.favorite-button .loader {
  display: none;
}
.favorite-button--active .add-to-favorite {
  display: none;
}
.favorite-button--active .remove-from-favorite {
  display: inline-flex;
}
.favorite-button--is-loading .loader {
  display: inline-flex;
}
.favorite-button--is-loading .add-to-favorite,
.favorite-button--is-loading .remove-from-favorite {
  display: none;
}
.favorite-button.favorite-music {
  position: absolute;
  left: 10px;
  top: 10px;
}
.favorite-button.favorite-show {
  position: absolute;
  left: 10px;
  top: 10px;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch__loader-container {
  text-align: center;
  position: absolute;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 34px;
  height: 16px;
}
.toggle-switch__loader-container .loader {
  width: 14px;
  height: 14px;
}
.toggle-switch__container {
  position: relative;
  width: 30px;
  display: flex;
  align-items: center;
}
.toggle-switch__slider {
  position: absolute;
  cursor: pointer;
  background-color: #bbbbbb;
  border-radius: 34px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
}
.toggle-switch__slider::before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  transition: 0.4s;
}
.toggle-switch input:checked + .toggle-switch__slider {
  background-color: #4caf50;
}
.toggle-switch input:checked + .toggle-switch__slider::before {
  transform: translateX(12px);
}

.toggle-switch-2-options {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  font-size: 20px;
  line-height: 1;
}

.simple-modal {
  background: #ffffff;
  border: 3px solid #3b3b3b;
  display: none;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  padding: 40px 20px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
  border: none;
}
.simple-modal--show {
  display: block;
}
.simple-modal--bio .simple-modal__inner-content {
  max-width: 500px;
  width: 100%;
}
.simple-modal--bio .simple-modal__inner-content > * {
  width: 100%;
}
.simple-modal--bio .simple-modal__inner-content textarea {
  width: 100%;
  height: 260px;
  padding: 10px;
  max-height: 700px;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .simple-modal--bio .simple-modal__inner-content textarea {
    font-size: 18px;
  }
}
.simple-modal__inner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.simple-modal__inner-content h1 {
  color: #f2f2f2;
  text-align: center;
  font-family: Transducer;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 621;
  line-height: normal;
  text-transform: uppercase;
}
.simple-modal__inner-content h1.no-mb {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .simple-modal__inner-content h1 {
    font-size: 2.25rem;
  }
}
.simple-modal__inner-content h1 + p {
  margin-bottom: 30px;
}
.simple-modal__inner-content h1 + .simple-modal__form {
  margin-top: 30px;
}
.simple-modal__inner-content input,
.simple-modal__inner-content textarea {
  margin-inline: auto;
  border-radius: 0.25rem;
  border: 2px solid #f2f2f2;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 4.25rem;
  color: #f2f2f2;
  font-family: Transducer;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 100;
  line-height: normal;
  padding-inline: 1.88rem;
}
@media screen and (min-width: 768px) {
  .simple-modal__inner-content input,
.simple-modal__inner-content textarea {
    width: 29.75rem;
    height: 5.375rem;
  }
}
.simple-modal__inner-content input[type=file] {
  padding: 10px;
  height: auto;
}
.simple-modal__inner-content button {
  color: #f2f2f2;
  font-family: Transducer;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 545;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 1.5rem;
  max-width: 172px;
  height: 3.75rem;
  flex-shrink: 0;
  margin-inline: auto;
  border: 1px solid #f2f2f2;
  padding: 0.8rem 1.5rem;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.simple-modal__inner-content button:hover {
  color: #f8ebc7;
  text-decoration: none;
}
.simple-modal__success {
  text-align: center;
}
.simple-modal__close {
  color: white;
  font-size: 4rem;
  position: absolute;
  right: 3%;
  cursor: pointer;
}
.simple-modal__body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-width: 100dvw;
}
.simple-modal__body .back {
  color: #f2f2f2;
  font-family: Transducer;
  font-size: 1rem;
  font-style: normal;
  font-weight: 545;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
}
.simple-modal__body .back:hover {
  color: #f8ebc7;
  text-decoration: none;
}
.simple-modal__form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .simple-modal__form {
    width: auto;
  }
}
.simple-modal .select2-container {
  z-index: 10000;
}
.simple-modal .select2-container--default .select2-selection--multiple {
  border: 2px solid #f2f2f2;
  background: rgba(0, 0, 0, 0.7);
  color: #f2f2f2;
  width: 29.75rem;
}
.simple-modal .select2-container .select2-search--inline .select2-search__field {
  color: #fff;
}
.simple-modal .select2-results__option[aria-selected=true] {
  display: none;
}
.simple-modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  height: 32px;
  line-height: 28px;
  border-radius: 8px;
  border-width: 2px;
}
.simple-modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
}

.select2-container--default .select2-results > .select2-results__options {
  padding: 10px;
}

.select2-dropdown {
  background: rgba(0, 0, 0, 0.7);
}

.select2-results__option {
  margin-top: 4px;
  margin-bottom: 4px;
  border-radius: 8px;
  font-family: Transducer;
  font-size: 0.9rem;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
}

.select2-container--default .select2-results__option--selected {
  background-color: rgba(0, 0, 0, 0.7);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid #fff;
}

.toasted-container .toasted.toasted.toasted-primary {
  height: 50px;
  border-radius: 10px;
  font-family: "transducer", sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
}
.toasted-container .toasted.toasted.toasted-primary.success {
  background: #4caf50;
}

/**
 * Blocks
 */
.release {
  align-items: center;
  color: white;
  display: flex;
  padding-bottom: 50px;
  min-height: 508px;
}
@media screen and (min-width: 1024px) {
  .release {
    min-height: 780px;
  }
}
@media screen and (max-width: 1023px) {
  .release__content {
    margin: 0 auto 50px;
    text-align: center;
    width: 300px;
  }
}
@media screen and (min-width: 1024px) {
  .release__content {
    align-items: center;
    display: flex;
    flex-grow: 1;
  }
}
.release__content .btn {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .release__content .btn {
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .release__img {
    display: flex;
    justify-content: center;
    height: 235px;
  }
}
@media screen and (min-width: 1024px) {
  .release__img {
    height: 470px;
    margin-right: 60px;
  }
}
.release__img a,
.release__img img {
  max-width: 300px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .release__img a,
.release__img img {
    height: 100%;
    max-width: initial;
    width: auto;
  }
}
.release .btn {
  letter-spacing: -1px;
}
.release .btn + .btn {
  margin-left: 10px;
}
.release .socials__item__link {
  margin-right: 25px;
}
.release .socials__item__link:last-child {
  margin-right: 0;
}
.release .socials__item__link svg {
  fill: white;
  height: 30px;
  width: 30px;
}
.release .hero-video {
  animation: fadeIn 300ms ease forwards;
  animation-delay: 2s;
  opacity: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.release .hero-video .fluid-width-video-wrapper {
  margin: 0 auto;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.music-cont {
  overflow: hidden;
}

.music-inner-cont {
  margin-inline: 30px;
}
@media screen and (min-width: 1024px) {
  .music-inner-cont {
    margin-inline: unset;
  }
}

.album {
  bottom: 160px;
  position: relative;
  z-index: 99;
}
@media screen and (max-width: 1023px) {
  .album {
    margin: 0 auto;
    max-width: 480px;
  }
}
@media screen and (min-width: 1024px) {
  .album {
    bottom: 152px;
  }
}
@media screen and (min-width: 1024px) {
  .album .inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
.album__img {
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .album__img {
    margin-top: 0px;
  }
}
.album__img img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .album__img img {
    height: 100%;
    width: auto;
  }
}
.album__img .song-links {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1440px) {
  .album__img .song-links {
    margin-top: 31px;
    flex-direction: row;
  }
}
.album__img .song-links > * {
  flex: 1;
}
@media (min-width: 1440px) {
  .album__img .song-links > *:not(:first-child) {
    margin-left: 5%;
  }
}
.album__img .song-links__container {
  padding-bottom: 24px;
}
.album__img .song-links__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -15px;
  margin-left: -15px;
}
.album__img .song-links__list > * {
  margin-top: 15px;
  margin-left: 15px;
}
.album__img .song-links__btn {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.album__img .song-links__btn img {
  height: 24px !important;
}
.album__spotify {
  margin-top: 50px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .album__spotify {
    margin-top: 0px;
  }
}
.album__spotify iframe {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .album__info {
    padding-top: 85px;
    padding-right: 100px;
  }
}
.album__info h1 {
  color: #f8ebc7;
  font: 600 36px/28px "transducer", sans-serif;
  text-transform: uppercase;
  padding-bottom: 15px;
  padding-top: 2px;
  margin: 0px;
  -webkit-font-smoothing: auto;
}
@media screen and (min-width: 1024px) {
  .album__info h1 {
    font: 600 48px/56px "transducer", sans-serif;
    padding-bottom: 29px;
    padding-top: 6px;
  }
}
.album__notes {
  color: #f2f2f2;
  margin-top: 20px;
  font-size: 12px;
  -moz-column-count: 3;
       column-count: 3;
}
@media screen and (min-width: 1024px) {
  .album__notes {
    margin-top: unset;
  }
}
.album__notes p {
  font-family: "transducer", sans-serif;
}
.album__notes p:first-of-type {
  margin-top: 0;
}
.album__notes a {
  color: #f8ebc7;
  text-decoration: underline;
}
.album--alt {
  bottom: 0px;
  margin-bottom: 80px;
  margin-top: 0px;
  max-width: 960px;
}
@media screen and (min-width: 1024px) {
  .album--alt {
    margin: 0px auto 100px auto;
  }
}
.album--alt .inner {
  flex-direction: column;
}
.album--alt .flex-wrap {
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
  .album--alt .flex-wrap {
    flex-direction: row;
  }
}
.album--alt .album__img p {
  font-family: "transducer";
  color: #f2f2f2;
}
@media screen and (min-width: 1024px) {
  .album--alt .album__img {
    margin-right: 15px;
  }
}
.album--alt .album__img img {
  height: auto;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .album--alt .album__img img {
    height: 345px;
    width: auto;
  }
}
.album--alt .album__info {
  padding-bottom: 0px;
  padding-top: 40px;
}
@media screen and (min-width: 1024px) {
  .album--alt .album__info {
    padding-bottom: 60px;
    padding-top: 48px;
  }
}
.album .socials {
  transform: none;
}

.article {
  position: relative;
  z-index: 9;
  background-color: #1e1e1e;
}
.article .wrapper {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 30px;
}
@media screen and (min-width: 1024px) {
  .article .wrapper {
    flex-direction: row;
  }
}
.article__content {
  margin: 18px 0 0 0;
  width: 100%;
  color: #f2f2f2;
}
.article__content .title {
  margin-bottom: 20px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .article__content .title {
    margin-inline: 30px;
    font-weight: 600;
  }
  .article__content iframe {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .article__content .title {
    margin-inline: 30px;
    font-weight: 600;
  }
  .article__content iframe {
    width: 100%;
  }
}
.article__content__video {
  height: auto;
  max-width: 100%;
  margin: 24px 0px 22px;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
}
@media screen and (min-width: 1024px) {
  .article__content__video {
    margin: 46px 0px;
  }
}
.article__content__video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .article__content__text {
    margin-inline: 30px;
  }
}
.article__content__text p {
  font: 400 16px/24px "transducer", sans-serif;
  margin-right: auto;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .article__content__text p {
    font: 400 18px/28px "transducer", sans-serif;
    width: calc(100% - 50px);
  }
}
.article__content__text p + p {
  margin-top: 22px;
}
@media screen and (min-width: 1024px) {
  .article__content__text p + p {
    margin-top: 26px;
  }
}
.article__content__text p img {
  display: block;
  max-width: 100%;
}
.article__content__text a {
  color: #f8ebc7;
  text-decoration: underline;
}

.app {
  margin: 80px auto 0;
  max-width: 1440px;
  position: relative;
  width: calc(100% - 20px);
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .app {
    margin: 110px auto 0;
    width: calc(100% - 80px);
  }
}
.app__hero img {
  width: 100%;
}
.app__header {
  margin-bottom: 40px;
  margin-top: 20px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .app__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .app__header {
    margin-top: 80px;
  }
}
.app__header__title {
  color: #3b3b3b;
  font: 700 22px/1 Arial, sans-serif;
  letter-spacing: -1.1px;
  margin-bottom: 40px;
  max-width: 450px;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .app__header__title {
    font-size: 30px;
    letter-spacing: -1.5px;
    max-width: 100%;
    width: 450px;
  }
}
@media screen and (min-width: 1024px) {
  .app__header__title {
    font-size: 34px;
    letter-spacing: -1.7px;
    margin-bottom: 0;
    width: 550px;
  }
}
@media screen and (min-width: 1200px) {
  .app__header__title {
    font-size: 38px;
    letter-spacing: -1.9px;
    width: 710px;
  }
}
.app__header__title span {
  color: #8e1a1e;
}
.app__header__actions {
  display: flex;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .app__header__actions {
    justify-content: space-between;
    max-width: 467px;
    width: calc(100% - 470px);
  }
}
@media screen and (min-width: 1024px) {
  .app__header__actions {
    width: calc(100% - 640px);
  }
}
@media screen and (min-width: 1200px) {
  .app__header__actions {
    width: calc(100% - 740px);
  }
}
.app__header__actions .app-button {
  max-height: 68px;
  max-width: 244px;
  width: calc(50% - 20px);
}
.app__header__actions .app-button--apple {
  margin-right: 10px;
  width: 160px;
}
@media screen and (min-width: 768px) {
  .app__header__actions .app-button--apple {
    margin-right: 0;
    width: 214px;
  }
}
.app__header__actions .app-button--play {
  width: 178px;
}
@media screen and (min-width: 768px) {
  .app__header__actions .app-button--play {
    width: 234px;
  }
}
.app__header__actions .app-button img {
  width: 100%;
}
.app__body {
  margin-bottom: 90px;
}
@media screen and (min-width: 1024px) {
  .app__body {
    margin: 170px auto 180px;
    max-width: 840px;
  }
}
.app__body ul {
  list-style-type: none;
  margin-left: 20px;
}
@media screen and (min-width: 1024px) {
  .app__body ul {
    margin: 0;
  }
}
.app__body ul li {
  color: #3b3b3b;
  font: 400 16px/1.4 Arial, sans-serif;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .app__body ul li {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
}
.app__body ul li span {
  position: relative;
}
.app__body ul li span:before {
  background: #8e1a1e;
  border-radius: 50%;
  content: "";
  display: block;
  height: 7px;
  left: -20px;
  position: absolute;
  top: 4px;
  width: 7px;
}
@media screen and (min-width: 1024px) {
  .app__body ul li span:before {
    height: 8px;
    top: 4px;
    width: 8px;
  }
}

.auth-container {
  background: #ffffff;
  border: 2px solid #ffffff;
  margin: 80px auto;
  max-width: 994px;
  padding: 20px 10px;
  position: relative;
  width: calc(100% - 20px);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .auth-container {
    border: 2px solid #3b3b3b;
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1024px) {
  .auth-container {
    margin-bottom: 180px;
    margin-top: 110px;
    padding: 40px;
    width: calc(100% - 80px);
  }
}
.auth-container__header {
  margin-bottom: 40px;
}
.auth-container__header__title {
  color: #3b3b3b;
  font: 400 32px/1.6 Arial, sans-serif;
  letter-spacing: -0.8px;
  margin: 0 0 0px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .auth-container__header__title {
    font-size: 50px;
    letter-spacing: -2.5px;
  }
}
.auth-container__header p {
  color: #3b3b3b;
  font: 400 16px/1.4 Arial, sans-serif;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .auth-container__header p {
    font-size: 18px;
  }
}
.auth-container__header p a {
  color: #8e1a1e;
  text-decoration: underline;
}

.auth-actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 12px;
}
@media (min-width: 1024px) {
  .auth-actions {
    justify-content: space-between;
    flex-direction: row;
  }
}
.auth-actions a {
  font-family: "transducer";
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2em;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: var(--ec-soft-white);
  display: block;
  flex: 0 0 auto;
  text-align: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .auth-actions a {
    font-size: 14px;
    width: unset;
  }
}
@media screen and (min-width: 1025px) {
  .auth-actions a:hover {
    color: #F8EBC7;
    text-decoration: none;
  }
}

.booklet .video-container {
  left: 10%;
  position: absolute;
  top: 21%;
  width: 80%;
  z-index: 1000;
}
.booklet .video-container:before {
  content: "";
  display: block;
  padding: 56.25% 0 0;
}
.booklet .video-js {
  display: block;
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
}
.booklet .vjs-big-play-button {
  display: none !important;
}

.chief-cares {
  margin-top: 80px;
}
@media screen and (min-width: 1024px) {
  .chief-cares {
    margin-top: 110px;
  }
}
.chief-cares__primary {
  background: #ffffff;
  border: 2px solid #3b3b3b;
  margin: 0 auto;
  max-width: 994px;
  padding: 20px 10px;
  position: relative;
  width: calc(100% - 20px);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .chief-cares__primary {
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1024px) {
  .chief-cares__primary {
    padding: 40px;
    width: calc(100% - 80px);
  }
}
.chief-cares__primary__inner {
  margin: 0 auto;
  max-width: 710px;
  width: calc(100% - 20px);
}
@media screen and (min-width: 768px) {
  .chief-cares__primary__inner {
    width: calc(100% - 80px);
  }
}
.chief-cares__primary__header img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.chief-cares__primary__header h1 {
  color: #8e1a1e;
  font: 26px/1.2 Arial, sans-serif;
  margin: 60px 0 20px;
  text-transform: uppercase;
}
.chief-cares__primary p {
  color: #3b3b3b;
  font: 400 16px/1.5 Arial, sans-serif;
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  .chief-cares__primary p {
    font-size: 20px;
    line-height: 28px;
  }
}
.chief-cares__primary__footer {
  margin-top: 40px;
  text-align: center;
}
.chief-cares__primary__footer .footnote {
  color: #3b3b3b;
  display: block;
  font: 400 14px/1.2 Arial, sans-serif;
  margin: 30px auto 0;
  max-width: 500px;
}
.chief-cares__secondary {
  margin: 100px auto;
  max-width: 994px;
  width: calc(100% - 20px);
}
@media screen and (min-width: 768px) {
  .chief-cares__secondary {
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1024px) {
  .chief-cares__secondary {
    margin-top: 170px;
  }
}
.chief-cares__secondary__header {
  margin: 0 0 50px;
}
@media screen and (min-width: 1024px) {
  .chief-cares__secondary__header {
    margin-bottom: 100px;
  }
}
.chief-cares__secondary__header p {
  color: #3b3b3b;
  font: 400 16px/1.5 Arial, sans-serif;
  margin: 0 0 1em;
  max-width: 710px;
}
@media screen and (min-width: 768px) {
  .chief-cares__secondary__header p {
    font-size: 20px;
    line-height: 28px;
  }
}
.chief-cares__orgs__item {
  margin-bottom: 60px;
}
@media screen and (min-width: 1024px) {
  .chief-cares__orgs__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
  }
}
.chief-cares__orgs__item .org-thumbnail {
  background: #fff;
  border: 2px solid #3b3b3b;
  display: flex;
  margin: 0 0 20px;
  height: 240px;
  width: 346px;
}
@media screen and (min-width: 1024px) {
  .chief-cares__orgs__item .org-thumbnail {
    height: 240px;
    width: 346px;
  }
}
.chief-cares__orgs__item .org-thumbnail--contrast {
  background: #3b3b3b;
}
.chief-cares__orgs__item .org-thumbnail img {
  align-self: center;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .chief-cares__orgs__item .org-info {
    width: calc(100% - 386px);
  }
}
.chief-cares__orgs__item .org-info__title {
  color: #3b3b3b;
  font: 700 26px/28px Arial, sans-serif;
  margin: 0 0 10px;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .chief-cares__orgs__item .org-info__title {
    margin: 0 0 20px;
  }
}
.chief-cares__orgs__item .org-info p {
  color: #3b3b3b;
  font: 400 16px/1.5 Arial, sans-serif;
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  .chief-cares__orgs__item .org-info p {
    font-size: 20px;
    line-height: 28px;
  }
}
.chief-cares__orgs__item .org-info__website {
  color: #8e1a1e;
  text-decoration: underline;
}

.custom-dark-bg-wrapper {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.custom-dark-bg-wrapper span {
  font-family: "transducer";
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 545;
  text-decoration: underline;
  display: block;
  flex: 0 0 auto;
  text-transform: uppercase;
  color: var(--ec-soft-white);
}
@media (min-width: 1024px) {
  .custom-dark-bg-wrapper span {
    font-size: 18px;
  }
}
.custom-dark-bg-wrapper span:hover {
  color: #F8EBC7;
  text-decoration: none;
}

.mt-donate {
  margin-top: 35px;
}
@media (min-width: 1024px) {
  .mt-donate {
    margin-top: 47px;
  }
}

.donate-footnote {
  font-family: "transducer";
  line-height: 1.2;
  font-weight: 400;
  font-size: 10px;
  color: #b0b0b0;
  margin-top: 12px;
}
@media (min-width: 1024px) {
  .donate-footnote {
    margin-top: 17px;
    font-size: 12px;
  }
}

.content-alternative {
  margin-top: 76px;
}
@media (min-width: 1024px) {
  .content-alternative {
    margin-top: 80px;
  }
}
.content-alternative b {
  font-weight: 600;
}
.content-alternative a:hover {
  text-decoration: underline;
}

.cc-content-insets {
  margin-top: 29px;
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .cc-content-insets {
    margin-top: 53px;
    margin-bottom: 18px;
  }
}

.organization-container {
  margin-top: 78px;
}
@media (min-width: 1024px) {
  .organization-container {
    margin-top: 90px;
  }
}

.organization-content {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 32px;
       column-gap: 32px;
  grid-template-rows: repeat(4, auto);
  padding-bottom: 76px;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .organization-content {
    grid-template-columns: 288px auto;
    grid-template-rows: repeat(3, auto);
    padding-bottom: 90px;
  }
}
.organization-content .organization-grid-item-thumbnail {
  grid-row: 2;
  grid-column: 1;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .organization-content .organization-grid-item-thumbnail {
    grid-row: 1/span 2;
    grid-column: 1/span 1;
  }
}
.organization-content .organization-grid-item-thumbnail .meta-feature-image {
  width: 100%;
  padding-top: 155px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin: 17px 0;
}
@media (min-width: 1024px) {
  .organization-content .organization-grid-item-thumbnail .meta-feature-image {
    padding-top: 235px;
    margin: 0;
  }
}
.organization-content .organization-grid-item-thumbnail .meta-feature-image > img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.organization-content .organization-grid-item-title {
  grid-row: 1;
  grid-column: 1;
  font-family: "transducer";
  font-size: 24px;
  line-height: 1.2em;
  color: #f8ebc7;
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 1024px) {
  .organization-content .organization-grid-item-title {
    grid-row: 1/span 1;
    grid-column: 2/span 3;
    margin-bottom: 12px;
  }
}
.organization-content .organization-grid-item-content {
  font-size: 14px;
  line-height: 1.2em;
  grid-row: 3;
  grid-column: 1;
}
@media (min-width: 1024px) {
  .organization-content .organization-grid-item-content {
    grid-row: 2/span 2;
    grid-column: 2/span 3;
  }
}
.organization-content .organization-grid-item-content p {
  margin: 0;
}
.organization-content .organization-grid-item-cta {
  grid-row: 4;
  grid-column: 1;
}
@media (min-width: 1024px) {
  .organization-content .organization-grid-item-cta {
    grid-row: 3;
  }
}

.org-info__website {
  color: var(--ec-soft-white);
  text-decoration: underline;
  text-transform: uppercase;
  font-family: "transducer";
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 545;
  display: block;
}
@media (min-width: 1024px) {
  .org-info__website {
    font-size: 18px;
  }
}

.church-choir {
  margin-top: 60px;
}
@media screen and (min-width: 1024px) {
  .church-choir {
    margin-top: 150px;
  }
}
.church-choir__header {
  margin: 0 auto;
  max-width: 954px;
  padding-top: 26px;
  width: calc(100% - 20px);
}
@media screen and (min-width: 1024px) {
  .church-choir__header {
    margin: 0 auto;
    padding-top: 73px;
  }
}
.church-choir__header__title {
  color: #3b3b3b;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .church-choir__header__title {
    margin: 0 0 15px;
  }
}
@media screen and (max-width: 768px) {
  .church-choir__header__title {
    font-size: 3em;
  }
}
.church-choir__header p {
  color: #3b3b3b;
  font: 400 16px/1.2 Arial, sans-serif;
  margin: 0 0 1em;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .church-choir__header p {
    font-size: 18px;
  }
}
.church-choir__header p:last-of-type {
  margin-bottom: 0;
}
.church-choir__header ul {
  margin: 10px auto 30px;
  max-width: 700px;
}
@media screen and (min-width: 1024px) {
  .church-choir__header ul {
    margin: 30px auto;
    text-align: center;
  }
}
.church-choir__header ul li {
  color: #3b3b3b;
  display: inline-block;
  font: 400 16px/1.2 Arial, sans-serif;
  padding-left: 25px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .church-choir__header ul li {
    font-size: 18px;
  }
}
.church-choir__header ul li span:before {
  background: #8e1a1e;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 10px;
  position: absolute;
  top: 6px;
  width: 6px;
}
@media screen and (min-width: 1024px) {
  .church-choir__header ul li span:before {
    top: 8px;
  }
}
.church-choir__header .btn {
  margin-top: 44px;
}
.church-choir__header .btn + img {
  margin: 40px auto 20px;
}
@media screen and (min-width: 1024px) {
  .church-choir__header .btn + img {
    margin: 50px auto 50px;
  }
}
.church-choir__header img {
  display: block;
  margin: 54px auto 60px;
  max-width: calc(100% - 40px);
}
@media screen and (min-width: 1024px) {
  .church-choir__header img {
    margin: 54px auto 170px;
  }
}
.church-choir__header img + p {
  font: 400 16px/1.2 Arial, sans-serif;
}
.church-choir__section-title {
  color: #3b3b3b;
  font: 700 24px/24px Arial, sans-serif;
  margin: 0 0 20px;
  text-transform: uppercase;
}

.comments {
  padding-bottom: 120px;
  padding-top: 50px;
}
@media screen and (min-width: 1024px) {
  .comments {
    padding-bottom: 286px;
    padding-top: 100px;
  }
}
.comments__list {
  margin-right: auto;
  margin-left: auto;
  margin-top: 80px;
}
@media screen and (min-width: 1024px) {
  .comments__list {
    margin-left: 190px;
    margin-top: 0px;
  }
}
.comments__list .single-comment {
  border-bottom: 1px solid #969696;
  display: flex;
  max-width: 710px;
}
.comments__list .single-comment:not(:first-child) {
  padding-top: 25px;
}
.comments__list .single-comment:first-child {
  padding-top: 2px;
}
@media screen and (min-width: 1024px) {
  .comments__list .single-comment:first-child {
    padding-top: 20px;
  }
}
.comments__list .single-comment--reply {
  margin-right: 0px;
  margin-left: auto;
  width: calc(100% - 20px);
}
@media screen and (min-width: 1024px) {
  .comments__list .single-comment--reply {
    width: calc(100% - 60px);
  }
}
.comments__list .single-comment__avatar {
  border-radius: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-right: 15px;
  width: 100%;
  max-width: 50px;
}
.comments__list .single-comment__avatar img {
  height: auto;
  width: 100%;
}
.comments__list .single-comment__content__top {
  display: flex;
}
.comments__list .single-comment__content__top .flag {
  margin-left: 15px;
}
.comments__list .single-comment__content__top .flag svg {
  height: 12px;
  width: 12px;
}
.comments__list .single-comment__content__top .flag svg * {
  fill: #3b3b3b;
}
.comments__list .single-comment__content__top .title + .title {
  margin-left: auto;
}
.comments__list .single-comment__content__text p {
  font: 400 16px/24px Arial, sans-serif;
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-top: 11px;
}
@media screen and (min-width: 1024px) {
  .comments__list .single-comment__content__text p {
    font: 400 18px/28px Arial, sans-serif;
  }
}

.header {
  background: #ffffff;
  position: relative;
  z-index: 20;
}
@media (min-width: 1024px) {
  .header {
    background: transparent;
  }
}
@media (min-width: 1024px) {
  .header--light .header__nav__item {
    color: #ffffff !important;
  }
}
@media (min-width: 1024px) {
  .header--light .header__nav__item span {
    color: #ffffff !important;
  }
}
@media (min-width: 1024px) {
  .header--light svg * {
    fill: #ffffff !important;
  }
}
.header--light .header__nav__item--branding {
  background-image: url("../images/v2/logo-v2.png");
  background-size: contain;
}
.header--light .header__nav__item--branding svg {
  display: none;
}
.header--dark {
  background: #000000;
}
.header--dark .header__nav__item {
  color: #f2f2f2;
}
.header--dark .header__nav__item:hover {
  color: var(--ec-gold-200);
}
.header--dark .header__nav__item:hover svg {
  color: var(--ec-gold-200);
}
.header--dark .header__nav__item:hover svg * {
  fill: var(--ec-gold-200);
}
@media (min-width: 1024px) {
  .header--dark .header__nav__item {
    color: #f2f2f2;
  }
}
.header--dark .header__nav__item span {
  color: #f2f2f2;
}
.header--dark .header__nav__item span:hover {
  color: var(--ec-gold-200);
}
@media (min-width: 1024px) {
  .header--dark .header__nav__item span {
    color: #f2f2f2;
  }
}
@media (min-width: 1024px) {
  .header--dark svg * {
    fill: #f2f2f2;
  }
}
.header--dark .header__nav__item--branding {
  background-image: url("../images/logo-erbaum.png");
  background-size: contain;
  background-size: 100% 13px;
  height: 13px;
  width: 203px;
}
.header--dark .header__nav__item--branding svg {
  display: none;
}
.header .branding {
  background: url("../images/logo-erbaum.png") no-repeat;
  background-size: 100% 13px;
  background-position: center;
  width: 203px;
  height: 29px;
  margin: 0;
}
.header .branding--mobile {
  align-self: flex-start;
  display: block;
}
@media (min-width: 1024px) {
  .header .branding--mobile {
    display: none;
  }
}
.header .branding svg {
  display: none;
}
.header__nav {
  margin: 0 24px;
  text-align: left;
  padding-bottom: 54px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .header__nav {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1440px) {
  .header__nav {
    padding-left: 0;
    padding-right: 0;
  }
}
.header__nav-main {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  row-gap: 28px;
  -moz-column-gap: 18px;
       column-gap: 18px;
}
@media (min-width: 1024px) {
  .header__nav-main {
    width: unset;
    display: inline-flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 0;
  }
}
@media (min-width: 1440px) {
  .header__nav-main {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
@media (min-width: 1024px) {
  .header__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 37px 0;
    padding-bottom: 0;
  }
  .header__nav-auth {
    width: 15%;
    display: inline-flex;
    justify-content: flex-end;
  }
}
.header__nav__item {
  font-weight: 418;
  font-family: "transducer", sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 auto;
  font-size: 28px;
  color: #3b3b3b;
  display: block;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  flex: 0 0 100%;
}
@media (min-width: 1024px) {
  .header__nav__item {
    font-size: 18px;
    margin: 0 5px;
  }
}
@media (min-width: 1440px) {
  .header__nav__item {
    margin: 0 20px;
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .header__nav__item {
    display: block;
    text-align: left;
    flex: 0 0 auto;
    margin: 0;
  }
}
.header__nav__item span {
  cursor: pointer;
}
.header__nav__item:before, .header__nav__item:after {
  background: transparent;
  content: "";
  display: none;
  height: 1px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  transition: background-color 300ms ease;
  width: unset;
}
@media (min-width: 1024px) {
  .header__nav__item:before, .header__nav__item:after {
    display: block;
  }
}
.header__nav__item:before {
  top: 7px;
}
.header__nav__item:after {
  bottom: 7px;
}
.header__nav__item--branding {
  display: none;
  width: 137px;
  height: 29px;
}
@media (min-width: 1024px) {
  .header__nav__item--branding {
    background: url("../images/asset.logo-dark.png") no-repeat;
    display: block;
    height: 33px;
    margin-left: 0;
    margin-right: 20px;
    width: 152px;
  }
}
.header__nav__item--branding:before, .header__nav__item--branding:after {
  display: none;
}
.header__nav__item .current:before, .header__nav__item .current:after, .no-touch .header__nav__item:hover:before, .no-touch .header__nav__item:hover:after {
  background-color: transparent;
}
.header__nav__item--has-dropdown {
  position: relative;
  padding-right: 15px;
}
.header__nav__item--has-dropdown .dropdown-options {
  display: none;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .header__nav__item--has-dropdown .dropdown-options {
    position: absolute;
    right: -20px;
    top: 36px;
    width: 150px;
  }
}
.header__nav__item--has-dropdown .dropdown-options.open {
  display: block;
  z-index: 100;
}
.header__nav__item--has-dropdown .dropdown-options__item {
  background: #000000;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
  display: block;
  line-height: 1.2;
  padding: 5px;
}
.header__nav__item--has-dropdown .dropdown-options__item:first-of-type {
  border-top: 2px solid #ffffff;
}
.no-touch .header__nav__item--has-dropdown .dropdown-options__item:hover {
  color: #f8ebc7;
}
.header__device {
  background: transparent;
  display: flex;
  align-items: center;
  height: auto;
  position: relative;
  padding: 51px 24px 25px;
}
@media (min-width: 1024px) {
  .header__device {
    display: none;
  }
}
.header__desk {
  margin: 0 auto;
  overflow: hidden;
  max-height: 0;
  transition: max-height 300ms ease-in-out;
  width: calc(100% - 20px);
}
@media (min-width: 1024px) {
  .header__desk {
    display: flex;
    flex-direction: column;
    max-height: 500px;
    overflow: visible;
    width: 100%;
  }
}
.menu-open .header__desk {
  max-height: unset;
}
.header__primary {
  display: grid;
  grid-template-columns: minmax(0, 1200px);
  justify-content: center;
}
@media (min-width: 1024px) {
  .header__secondary {
    display: none;
  }
}

.social-nav {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .social-nav {
    margin-top: -2px;
    flex-wrap: nowrap;
  }
}
.social-nav__item {
  margin: 0 10px 0px 10px;
  text-align: center;
}
@media (min-width: 1024px) {
  .social-nav__item:first-of-type {
    margin-left: 0;
  }
}
.social-nav__item:not(:last-of-type) {
  margin-right: 10px;
}
.social-nav__item svg {
  height: 24px;
  transform: scale(0.9);
  width: 24px;
}
.social-nav__item svg * {
  fill: #ffffff !important;
}
@media (min-width: 1024px) {
  .social-nav__item {
    margin-right: 0;
    text-align: left;
  }
}
.social-nav__item--sxm svg {
  width: 26px;
}
.social-nav--alt {
  margin-top: 28px;
  margin-bottom: 34px;
}
@media (min-width: 1024px) {
  .social-nav--alt {
    justify-content: flex-start;
  }
}
.social-nav--alt .social-nav__item svg {
  transform: scale(1.2);
}
.social-nav--alt .social-nav__item:last-of-type {
  margin-right: 0px;
}
.social-nav--alt .social-nav__item:last-of-type svg {
  transform: scale(1.8);
}
.social-nav--alt .social-nav__item:not(:last-of-type) {
  margin-right: 22px;
}

.church-choir-nav {
  margin: 20px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .church-choir-nav {
    margin: 0;
  }
}
.church-choir-nav__item {
  font-weight: 418;
  font-family: "transducer", sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 auto;
  font-size: 28px;
  color: #ffffff;
  display: block;
  text-decoration: underline;
  font-weight: 545;
  text-align: center;
}
@media (min-width: 1024px) {
  .church-choir-nav__item {
    font-size: 18px;
    margin: 0 5px;
  }
}
@media (min-width: 1440px) {
  .church-choir-nav__item {
    margin: 0 20px;
    font-size: 20px;
  }
}
.church-choir-nav__item:hover {
  color: #f8ebc7;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .church-choir-nav__item {
    display: inline-block;
    text-align: left;
    margin: 0 0;
  }
}

.nav-trigger {
  cursor: pointer;
  display: block;
  height: 28px;
  position: absolute;
  right: 24px;
  top: 54px;
  width: 40px;
}
.nav-trigger span {
  display: block;
  width: 40px;
  height: 4px;
  background: #f2f2f2;
  border-radius: 2px;
  left: 0;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  transition: all 0.2s linear;
}
.nav-trigger span:before, .nav-trigger span:after {
  display: block;
  width: 40px;
  height: 4px;
  background: #f2f2f2;
  border-radius: 2px;
  content: "";
  position: absolute;
  transition: 0.2s linear;
}
.nav-trigger span:before {
  top: -12px;
}
.nav-trigger span:after {
  bottom: -12px;
}
.menu-open .nav-trigger span {
  background-color: transparent;
  transition: all 0.2s linear;
}
.menu-open .nav-trigger span:before {
  top: 0;
  transform: rotate(45deg);
}
.menu-open .nav-trigger span:after {
  bottom: 0;
  transform: rotate(-45deg);
}

.span-icon {
  font-size: 11px;
  transform: rotateX(0) translate(4px, 12px);
  position: absolute;
  line-height: 0;
}
@media (min-width: 1024px) {
  .span-icon {
    transform: rotateX(0) translate(4px, 8px);
  }
}
.span-icon.is-active {
  transform: rotateX(180deg) translate(4px, -10px);
}
@media (min-width: 1024px) {
  .span-icon.is-active {
    transform: rotateX(180deg) translate(4px, -5px);
  }
}

.arrow {
  height: 0;
  width: 0;
  border: 4px solid transparent;
  display: inline-flex;
  -webkit-flex-align: center;
  align-items: center;
  justify-content: center;
}
.arrow.up {
  border-bottom-color: #ffffff;
  margin-bottom: 4px;
}
.arrow.down {
  border-top-color: #ffffff;
}

.highway {
  margin: 240px auto 0;
  max-width: 1440px;
  position: relative;
  width: calc(100% - 20px);
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .highway {
    margin: 280px auto 0;
    width: calc(100% - 80px);
  }
}
.highway__hero img {
  width: 100%;
}
.highway__header {
  margin: 20px auto 40px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .highway__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 30px;
    max-width: 1080px;
  }
}
@media screen and (min-width: 1024px) {
  .highway__header {
    margin-top: 80px;
  }
}
.highway__header__title {
  color: #3b3b3b;
  font: 700 22px/1 Arial, sans-serif;
  letter-spacing: -1.1px;
  margin-bottom: 40px;
  max-width: 450px;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .highway__header__title {
    font-size: 30px;
    letter-spacing: -1.5px;
    max-width: 100%;
    width: 450px;
  }
}
@media screen and (min-width: 1024px) {
  .highway__header__title {
    font-size: 34px;
    letter-spacing: -1.7px;
    margin-bottom: 0;
    width: 550px;
  }
}
@media screen and (min-width: 1200px) {
  .highway__header__title {
    font-size: 38px;
    letter-spacing: -1.9px;
    width: 710px;
  }
}
.highway__header__title span {
  color: #8e1a1e;
}
.highway__body {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .highway__body {
    margin: 170px auto 0;
    max-width: 1080px;
  }
}
@media screen and (min-width: 1024px) {
  .highway__content {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .highway__content__col {
    width: calc(50% - 30px);
  }
}
.highway__content__col p {
  color: #3b3b3b;
  font: 400 16px/1.5 Arial, sans-serif;
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  .highway__content__col p {
    font-size: 20px;
    line-height: 28px;
  }
}
.highway__available {
  margin: 80px 0;
}
.highway__available__title {
  color: #3b3b3b;
  font: 700 22px/1 Arial, sans-serif;
  letter-spacing: -1.1px;
  margin: 0 auto 40px;
  max-width: 450px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .highway__available__title {
    font-size: 30px;
    letter-spacing: -1.5px;
    max-width: 100%;
    width: 450px;
  }
}
@media screen and (min-width: 1024px) {
  .highway__available__title {
    font-size: 34px;
    letter-spacing: -1.7px;
    width: 550px;
  }
}
@media screen and (min-width: 1200px) {
  .highway__available__title {
    font-size: 38px;
    letter-spacing: -1.9px;
    width: 710px;
  }
}
.highway__available__callouts {
  display: flex;
  /* justify-content: space-between; */
  justify-content: center;
  margin: 0 auto;
  max-width: 840px;
}
.highway__available__callouts .highway-callout {
  position: relative;
  width: calc(50% - 5px);
}
@media screen and (min-width: 768px) {
  .highway__available__callouts .highway-callout {
    width: calc(50% - 20px);
  }
}
.highway__available__callouts .highway-callout img {
  display: block;
  width: 100%;
}
.highway__retailers h3 {
  margin: 0 0 40px;
}
.highway__retailers ul {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 420px) {
  .highway__retailers ul {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media screen and (min-width: 840px) {
  .highway__retailers ul {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media screen and (min-width: 1024px) {
  .highway__retailers ul {
    -moz-column-count: 4;
         column-count: 4;
  }
}
.highway__retailers ul li {
  color: #3b3b3b;
  font: 400 16px/1.5 Arial, sans-serif;
  margin: 0 0 0.5em;
}

.footer {
  background: url("../images/footer-greyscale.jpg") no-repeat center center transparent;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 500px;
  padding: 0 0 80px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .footer {
    min-height: 300px;
  }
}
.footer__branding {
  margin: 0 auto;
}
.footer__branding a {
  background: url("../images/asset.logo-white.png") no-repeat;
  background-size: 100% auto;
  display: block;
  height: 51px;
  width: 129px;
  overflow: hidden;
  position: relative;
}
.footer__branding svg {
  display: none;
}
.footer__nav {
  margin: 31px auto;
  text-align: center;
  width: calc(100% - 20px);
}
@media screen and (min-width: 1024px) {
  .footer__nav {
    width: calc(100% - 80px);
  }
}
.footer__nav__item {
  color: white;
  display: inline-block;
  font: 400 18px/2.2 Arial, sans-serif;
  margin: 0 5px;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .footer__nav__item {
    line-height: 1;
    margin: 0 10px;
  }
}
.footer__last {
  bottom: 30px;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .footer__last {
    align-self: flex-end;
    bottom: 40px;
  }
}
.footer__last__inner {
  margin: 0 auto;
  max-width: 1440px;
  width: calc(100% - 20px);
}
@media screen and (min-width: 1024px) {
  .footer__last__inner {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1024px) {
  .footer .footer-social {
    align-items: flex-end;
    display: flex;
  }
}
.footer .footer-social--mobile {
  display: flex;
  justify-content: center;
  margin: 30px auto 225px;
  text-align: center;
  width: calc(100% - 40px);
}
@media screen and (min-width: 1024px) {
  .footer .footer-social--mobile {
    display: none;
  }
}
.footer .footer-social--desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .footer .footer-social--desktop {
    display: flex;
  }
}
.footer .footer-social__item {
  margin: 0 10px;
}
.footer .footer-social__item:not(:last-of-type) {
  margin-right: 10px;
}
.footer .footer-social__item svg {
  height: 24px;
  transform: scale(1.1);
  width: 24px;
}
.footer .footer-social__item svg * {
  fill: white;
}
@media screen and (min-width: 1024px) {
  .footer .footer-social__item {
    align-self: flex-end;
    margin-right: 0;
  }
}
.footer .trademark-info {
  align-self: flex-end;
  color: white;
  font: 400 14px/1.4em Arial, sans-serif;
  margin: 20px 0 0;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .footer .trademark-info {
    margin: 0;
  }
}
.footer .trademark-cont {
  display: flex;
  align-items: flex-end;
}
.footer .trademark-cont__logo {
  position: relative;
  top: 7px;
  left: 20px;
  width: 80px;
}
@media screen and (min-width: 1024px) {
  .footer .trademark-cont__logo {
    position: relative;
    top: 18px;
    width: 135px;
  }
}
@media screen and (min-width: 1024px) {
  .footer .copy-info {
    display: flex;
    align-items: flex-end;
    order: -1;
  }
}
.footer .copy-info__labels {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .footer .copy-info__labels {
    margin-bottom: 0;
    margin-right: 30px;
  }
}
.footer .copy-info__labels__item:first-of-type {
  margin-right: 10px;
}
.footer .copy-info__labels__item img {
  height: 53px;
}
@media screen and (min-width: 1024px) {
  .footer .copy-info__labels__item img {
    height: 70px;
  }
}
.footer .copy-info__nav {
  align-self: flex-end;
}
.footer .copy-info__nav__text {
  color: white;
  font: 400 14px/1 Arial, sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 1023px) {
  .footer .copy-info__nav__text {
    margin-bottom: 5px;
  }
}
.footer .copy-info__nav__nav a {
  color: white;
  font: 700 14px/1 Arial, sans-serif;
  margin-right: 8px;
  text-transform: uppercase;
}
.no-touch .footer .copy-info__nav__nav a:hover {
  text-decoration: underline;
}

.footer-v2 {
  display: grid;
  grid-template-columns: minmax(325px, 1fr);
  justify-content: center;
  align-items: center;
}
.footer-v2--container {
  justify-content: space-between;
  display: flex;
  padding: 40px 60px;
  z-index: 10;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  .footer-v2--container {
    row-gap: 6px;
    justify-content: center;
    padding: 40px 10px;
  }
}
@media (min-width: 1440px) {
  .footer-v2--container {
    padding: 14px 20px;
    flex-direction: row;
    row-gap: 0;
    justify-content: space-between;
  }
}
.footer-v2--container .footer-side-1 {
  flex-direction: column;
  margin-bottom: 18px;
}
@media (min-width: 1440px) {
  .footer-v2--container .footer-side-1 {
    flex-direction: row;
    margin-bottom: 0;
  }
}
.footer-v2 .footer-social-icon {
  display: block;
  margin-right: 18px;
}
.footer-v2 .footer-social-icon.last, .footer-v2 .footer-social-icon:last-child {
  margin-right: 0;
}
@media (min-width: 1024px) {
  .footer-v2 .footer-social-icon {
    margin-right: 26px;
  }
}
.footer-v2 .meta-footer-nav {
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .footer-v2 .meta-footer-nav {
    gap: 26px;
    justify-content: flex-start;
  }
}
.footer-v2 .footer-nav__item {
  color: var(--ec-soft-white);
  text-transform: uppercase;
  font-weight: 418;
  font-size: 18px;
}
.footer-v2 .footer-nav__item:hover {
  color: #F8EBC7;
  text-decoration: none;
}
.footer-v2 .meta-footer-logo {
  width: 111px;
  height: 29px;
  overflow: hidden;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 7px;
}
@media (min-width: 1024px) {
  .footer-v2 .meta-footer-logo {
    margin-right: 24px;
    margin-left: 10px;
    margin-bottom: 0;
    width: 117px;
    height: 31px;
  }
}
.footer-v2 .meta-footer-logo > img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.footer-v2 .meta-brands {
  gap: 8px;
  margin-bottom: 13px;
}
@media (min-width: 1024px) {
  .footer-v2 .meta-brands {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.footer-v2 .meta-brands img {
  width: 33px;
}
.footer-v2 .meta-brands img.logo-church-choir {
  width: 32px;
}
.footer-v2 .meta-brands img.logo-eric-right {
  height: 23px;
  width: auto;
}
@media (min-width: 1024px) {
  .footer-v2 .meta-brands img.logo-church-choir {
    width: 36px;
  }
  .footer-v2 .meta-brands img.logo-eric-right {
    height: 27px;
  }
}

.giftguide-banner {
  width: 100%;
  background-image: url("../images/giftguide/placeholder.jpg");
  height: 450px;
  cursor: pointer;
  position: relative;
  z-index: 10;
  background-size: cover;
}

.grid-list {
  display: flex;
  flex-direction: column;
  margin-top: 64px;
}
@media screen and (min-width: 768px) {
  .grid-list {
    display: grid;
    grid-gap: 110px 80px;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .grid-list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 110px 80px;
    margin-top: 76px;
  }
}
@media screen and (min-width: 1024px) {
  .grid-list--news {
    margin-bottom: 190px;
  }
}
.grid-list__item {
  position: relative;
}
@media screen and (max-width: 767px) {
  .grid-list__item {
    margin-bottom: 56px;
  }
}
.grid-list__item__video {
  height: 0px;
  max-width: 100%;
  overflow: hidden;
  padding-top: 61.3333333333vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .grid-list__item__video {
    padding-top: 29.9479166667vw;
  }
}
@media screen and (min-width: 1024px) {
  .grid-list__item__video {
    padding-top: 16.796875vw;
  }
}
@media screen and (min-width: 1440px) {
  .grid-list__item__video {
    padding-top: 15.9722222222vw;
  }
}
@media screen and (min-width: 1600px) {
  .grid-list__item__video {
    height: 230px;
    padding-top: unset;
  }
}
.grid-list__item__video iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.grid-list__item__video img.cover {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.grid-list__item__video svg.icon {
  display: block;
  fill: #ffffff;
  height: 48px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.grid-list__item__video--playing img.cover,
.grid-list__item__video--playing svg.icon {
  display: none;
}
.grid-list__item__img img {
  max-width: 350px;
  height: auto;
  width: 100%;
}
.grid-list__item__copy p {
  font: 400 16px/1 Arial, sans-serif;
  color: #3b3b3b;
  margin-top: 22px;
  margin-bottom: 0px;
}
@media screen and (min-width: 1024px) {
  .grid-list__item__copy p {
    font: 400 16px/1.3 Arial, sans-serif;
  }
}
.grid-list--meet-greet {
  margin-bottom: 45px;
  margin-top: 132px;
}
@media screen and (min-width: 1024px) {
  .grid-list--meet-greet {
    grid-gap: 75px 80px;
  }
}
.grid-list--meet-greet .grid-list__item__img {
  height: 0;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
}
.grid-list--meet-greet .grid-list__item__img img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
  top: 0;
  width: 100%;
}
.grid-list--discography {
  padding-bottom: 84px;
  margin-top: 54px;
}
@media screen and (min-width: 1024px) {
  .grid-list--discography {
    padding-bottom: 174px;
    margin-top: 43px;
    grid-gap: 55px 80px;
  }
}
.grid-list--discography .grid-list__item__img {
  background-color: #ffffff;
  padding: 18px;
}

.membership {
  max-width: 834px;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .membership {
    margin-top: 78px;
  }
}
.membership--with-bottom-margin {
  margin-bottom: 80px;
  padding-bottom: 80px;
}
.membership__card {
  border: 2px solid #3b3b3b;
  padding: 24px 20px 24px 20px;
  margin-top: 24px;
}
@media screen and (min-width: 1024px) {
  .membership__card {
    display: flex;
    justify-content: space-between;
    padding: 22px 106px 18px 106px;
  }
}
.membership__card__column {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .membership__card__column:not(:last-child) {
    margin-bottom: 32px;
  }
}
.membership__badge img {
  width: 125px;
  height: 125px;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal {
  background: #ffffff;
  border: 3px solid #3b3b3b;
  display: none;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  min-height: 400px;
  max-height: calc(100vh - 40px);
  max-width: 700px;
  overflow-y: auto;
  position: fixed;
  padding: 40px 20px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  z-index: 10000;
}
@media screen and (min-width: 768px) {
  .modal {
    padding: 45px 20px;
  }
}
.modal.modal-active {
  display: block;
}
.modal__header, .modal__body, .modal__footer {
  margin: 0 auto;
  max-width: 600px;
}
.modal__close {
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
}
.modal__close img {
  width: 100%;
}
.modal__header {
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}
.modal__header h2 {
  color: #8e1a1e;
  font: 800 20px/20px Arial, sans-serif;
  margin-bottom: 5px;
}
.modal__header h3 {
  color: #8e1a1e;
  font: 800 26px/1.1 Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  .modal__header h3 {
    font-size: 30px;
    line-height: 1.1;
  }
}
.modal__body p {
  color: #8e1a1e;
  font: 400 16px/24px Arial, sans-serif;
  margin-bottom: 1rem;
}
.modal__body p strong {
  font-weight: 800;
}
.modal__body p a {
  color: #8e1a1e;
  font-weight: 800;
}
.modal__body aside {
  color: #8e1a1e;
  font: 800 14px/24px Arial, sans-serif;
  text-transform: uppercase;
}
.modal__footer {
  margin-top: 45px;
}

.blocker {
  z-index: 99 !important;
}

.modal-alt {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #000;
  color: #fff;
  padding: 15px 30px;
  border-radius: 8px;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}
.modal-alt a.close-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

#modal-my-shows {
  padding-top: 40px;
  padding-bottom: 40px;
}
#modal-my-shows p {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}
#modal-my-shows .btn-container {
  justify-content: center;
  margin-top: 30px;
}
#modal-my-shows .btn-container > *:first-of-type {
  margin-right: 20px;
}

.news-latest-wrapper {
  margin-bottom: 42px;
  margin-top: 55px;
}
@media screen and (min-width: 1024px) {
  .news-latest-wrapper {
    margin-bottom: 150px;
    margin-top: 70px;
  }
}
.news-latest .card {
  background-color: #ffffff;
  border: 2px solid #3b3b3b;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
@media screen and (min-width: 1024px) {
  .news-latest .card {
    flex-direction: row;
    padding: 20px;
  }
}
.news-latest .card__img {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .news-latest .card__img {
    margin: 0;
  }
}
.news-latest .card__img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
}
.news-latest .card__content {
  display: flex;
  flex-direction: column;
  padding: 0px 5px 0px 0px;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .news-latest .card__content {
    padding: 20px 0px 20px 20px;
    max-width: 520px;
  }
}
.news-latest .card__content__copy p {
  font: 400 18px/1.4 Arial, sans-serif;
  color: #3b3b3b;
}
@media screen and (min-width: 1024px) {
  .news-latest .card__content__copy p {
    font: 400 18px/1.4 Arial, sans-serif;
  }
}
.news-latest .card__content__copy p + p {
  margin-top: 24px;
}

.meet-greet .title-and-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.meet-greet .title-and-filter .filter-dropdown {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .meet-greet .title-and-filter {
    display: grid;
    justify-content: center;
  }
  .meet-greet .title-and-filter .filter-dropdown {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }
}
.meet-greet .gallery_info p {
  display: block;
}
@media screen and (max-width: 768px) {
  .meet-greet .gallery_info p {
    display: flex;
    justify-content: center;
  }
}

.outsiders-radio__hero {
  margin-top: -50px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .outsiders-radio__hero {
    margin-top: -130px;
  }
}
.outsiders-radio__hero img {
  width: 100%;
}
.outsiders-radio__hero:after {
  /* FF 3.6+ */
  /* IE10 */
  /* Safari 4+, Chrome 2+ */
  /* Safari 5.1+, Chrome 10+ */
  /* Opera 11.10 */
  background: linear-gradient(rgba(238, 238, 238, 0) 0%, #eeeeee 80%);
  /* the standard */
  bottom: 0;
  content: "";
  display: block;
  height: 30%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.outsiders-radio__content {
  background: url("../images/bg.outsiders-radio.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 60px;
}
@media screen and (min-width: 1024px) {
  .outsiders-radio__content {
    margin-bottom: -143px;
    padding-bottom: 80px;
  }
}
.outsiders-radio__title {
  font-family: Arial;
  font-size: 30px;
  font-weight: bold;
  margin: 30px 10px 30px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .outsiders-radio__title {
    font-size: 42px;
    margin: 50px 0 50px;
  }
}
.outsiders-radio__copy {
  font-family: Arial;
  font-size: 20px;
  line-height: 1.2em;
  margin: 0 0 50px;
}
@media screen and (min-width: 768px) {
  .outsiders-radio__copy {
    font-size: 24px;
    margin: 0 0 50px;
  }
}
.outsiders-radio__offer {
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2em;
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .outsiders-radio__offer {
    font-size: 24px;
    margin-top: 50px;
  }
}
.outsiders-radio__video {
  overflow: hidden;
  margin: 0 auto 40px;
  max-width: 1080px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .outsiders-radio__video {
    margin: 0 auto 80px;
  }
}
.outsiders-radio__video__iframe {
  margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .outsiders-radio__video__iframe {
    float: right;
    margin: 0 0 0 60px;
    width: 55%;
  }
}
.outsiders-radio__video__quote {
  font-family: Arial;
  font-size: 18px;
  line-height: 1.2em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .outsiders-radio__video__quote {
    max-width: 400px;
    font-size: 24px;
    text-align: right;
  }
}
.outsiders-radio .btn {
  font-size: 66px;
  height: 100px;
  line-height: 100px;
  margin: 0 auto;
  max-width: 417px;
}
.outsiders-radio__how-to {
  font-family: Arial;
  font-size: 20px;
  line-height: 1.2em;
  margin: 0 0 50px;
}
@media screen and (min-width: 768px) {
  .outsiders-radio__how-to {
    font-size: 25px;
    margin: 0 0 90px;
  }
}
.outsiders-radio__how-to .title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
}
.outsiders-radio__how-to a {
  color: #8e1a1e;
}

.profile-nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0 0px 32px auto;
  padding-top: 10px;
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .profile-nav {
    margin: 32px 10px 0;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    padding-top: 0;
  }
}
.profile-nav__link {
  padding-bottom: 13px;
}
@media screen and (min-width: 1024px) {
  .profile-nav__link {
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .profile-nav__link:not(:last-child) {
    margin-right: 30px;
  }
}
.profile-nav__link:first-child {
  padding-top: 10px;
}
@media screen and (min-width: 1024px) {
  .profile-nav__link:first-child {
    padding-top: 0px;
  }
}
.profile-nav__link--button {
  background: transparent;
  border: 0;
  padding: 0;
}
.profile-nav__link:hover {
  text-decoration: underline;
}

@keyframes rotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.profile-card {
  align-self: baseline;
  padding-top: 39px;
  padding-bottom: 52px;
  margin: 0 auto 36px;
  max-width: 370px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .profile-card {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .profile-card {
    border-right: 2px solid #dadada;
  }
}
.profile-card .title:first-of-type {
  margin-bottom: 14px;
}
.profile-card--digital-id {
  display: block !important;
}
.profile-card__avatar {
  background: #f8ebc7;
  border-radius: 50%;
  height: 160px;
  margin: 0px 0 21px;
  overflow: hidden;
  position: relative;
  width: 160px;
}
.profile-card__avatar img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
  top: 0;
  transform: scale(1.2);
  width: 100%;
}
.profile-card__avatar form {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.profile-card__avatar form input {
  visibility: hidden;
}
.profile-card__avatar form label {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.profile-card__avatar form label svg {
  height: 40px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}
.profile-card__wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 40px);
}
.profile-card__bio {
  margin-top: 8px;
}
.profile-card__bio p {
  font: 400 16px/1.4 Arial, sans-serif;
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .profile-card__bio p {
    font-size: 18px;
  }
}
.profile-card__spinning-icon {
  animation: rotate 2s infinite forwards ease-in-out;
  background: url("../images/ec_icon.png");
  background-size: contain;
  height: 100px;
  margin: 40px 0 0;
  width: 100px;
}

.promotion {
  margin-top: 88px;
}
@media screen and (min-width: 1024px) {
  .promotion {
    margin-top: 208px;
  }
}
.promotion__img img {
  height: auto;
  width: 100%;
}

.presale {
  margin: 0px auto;
  padding-bottom: 70px;
  width: calc(100%);
}
@media screen and (min-width: 1024px) {
  .presale {
    width: calc(100% - 80px);
  }
}
.presale__codes__single {
  display: flex;
  border-bottom: 1px solid #c4c4c4;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .presale__codes__single {
    border-bottom: 2px solid #c4c4c4;
  }
}
.presale__codes__single:not(:first-of-type) {
  margin-top: 24px;
}
.presale__codes__single:first-of-type {
  margin-top: 66px;
}

.pit-ticket-orders {
  margin: 0px auto;
  padding-bottom: 70px;
  width: calc(100%);
}
@media screen and (min-width: 1024px) {
  .pit-ticket-orders {
    width: calc(100% - 80px);
  }
}
.pit-ticket-orders__order {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .pit-ticket-orders__order {
    border-bottom: 2px solid #c4c4c4;
  }
}
.pit-ticket-orders__order:not(:first-of-type) {
  margin-top: 24px;
}
.pit-ticket-orders__order:first-of-type {
  margin-top: 66px;
}

.premium-box {
  margin-top: 50px;
}
.premium-box__modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(30, 30, 30, 0.7);
}
.premium-box__modal section {
  padding: 6px;
}
.premium-box__modal section .wrapper {
  background-color: #1e1e1e;
  position: relative;
}
.premium-box__modal section .wrapper .close {
  padding: 6px;
  color: white;
  font-size: 16px;
  position: absolute;
  top: 2px;
  right: 4px;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .premium-box {
    margin-top: 176px;
  }
}
.premium-box__copy p, .premium-box__join p {
  font: 400 18px/22px Arial, sans-serif;
  color: #3b3b3b;
}
@media screen and (min-width: 1024px) {
  .premium-box__copy p, .premium-box__join p {
    font: 400 18px/22px Arial, sans-serif;
  }
}
.premium-box__copy p span, .premium-box__join p span {
  font-weight: 700;
}
.premium-box__copy {
  margin: 0px auto;
  max-width: 730px;
  padding: 6px 15px 18px 15px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .premium-box__copy {
    padding: 24px 15px 28px 15px;
  }
}
.premium-box__copy .link {
  display: inline-block;
  line-height: 20px;
}
.premium-box__join {
  display: flex;
  justify-content: center;
  padding: 0px 15px 46px 15px;
}
.premium-box__join p {
  align-self: center;
  margin: 0px 10px 0px 0px;
}

.share {
  padding-top: 14px;
  padding-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .share {
    padding-bottom: 0px;
    padding-right: 40px;
    padding-top: 98px;
  }
}
@media screen and (max-width: 1023px) {
  .share .social-nav__item:first-of-type {
    margin-right: 0px;
  }
  .share .social-nav__item:last-of-type {
    margin-left: 5px;
  }
}
.share span {
  font: 400 20px/28px Arial, sans-serif;
  padding-bottom: 4px;
  padding-left: 9px;
  text-transform: uppercase;
}
.share__stats {
  display: flex;
  margin-bottom: 18px;
}
.share__stats__messages {
  display: flex;
}
.share__stats__likes {
  display: flex;
  padding-right: 25px;
}
.share__socials {
  display: flex;
}
.share__socials span {
  padding-left: 0px;
  padding-right: 35px;
}
@media screen and (min-width: 1024px) {
  .share__socials span {
    padding-right: 32px;
  }
}
.share--socials {
  display: flex;
  justify-content: flex-end;
  padding-top: 26px;
  padding-bottom: 42px;
}
@media screen and (min-width: 1024px) {
  .share--socials {
    padding-bottom: 34px;
  }
}
.share--socials span {
  padding-right: 22px;
}
@media screen and (min-width: 1024px) {
  .share--socials span {
    padding-right: 38px;
  }
}
.share--stats {
  display: flex;
  justify-content: center;
  padding-top: 28px;
  padding-left: 0px;
  padding-bottom: 0px;
}

.shop {
  order: 3;
}
@media screen and (min-width: 1024px) {
  .shop {
    order: unset;
    margin: 60px auto 0;
    width: 39.0625vw;
  }
}
@media screen and (min-width: 1200px) {
  .shop {
    margin: 60px auto 0;
    width: 34.0625vw;
  }
}
@media screen and (min-width: 1600px) {
  .shop {
    width: 545px;
  }
}
.shop .products {
  width: 100%;
  margin-top: 32px;
}
@media screen and (min-width: 1024px) {
  .shop .products {
    margin-top: 60px;
  }
}
.shop .products:first-child {
  margin-top: 0;
}
.shop .products__single {
  display: flex;
  height: 170px;
}
@media screen and (min-width: 1024px) {
  .shop .products__single {
    border: 2px solid #3b3b3b;
    height: 255px;
    padding: 15px;
  }
}
.shop .products__single:not(:last-of-type) {
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .shop .products__single:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
.shop .products__single__img {
  border: 2px solid #3b3b3b;
  height: 100%;
  width: auto;
}
.shop .products__single__img img {
  height: 100%;
  width: auto;
}
.shop .products__single__details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 10px;
}
@media screen and (min-width: 1024px) {
  .shop .products__single__details {
    padding: 18px 0px 0px 24px;
  }
}

.subnav {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 1024px) {
  .subnav {
    margin-top: 170px;
  }
}
.subnav__link {
  color: #3b3b3b;
  font: 400 30px/36px Arial, sans-serif;
  opacity: 0.7;
}
@media screen and (min-width: 1024px) {
  .subnav__link {
    font: 400 36px/42px Arial, sans-serif;
  }
}
.subnav__link--active {
  border-bottom: 3px solid #8e1a1e;
  opacity: 1;
}
.subnav__link:not(last-child) {
  margin-right: 44px;
}

.texture {
  left: 0;
  min-height: 400px;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .texture {
    min-height: 400px;
    top: -130px;
  }
}
.texture img:not(.texture-title) {
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  width: 100%;
}
.texture img.texture-title {
  left: 50%;
  max-width: 800px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .texture img.texture-title {
    top: 390px;
  }
}
.texture--none:after {
  content: unset;
}
.texture--bigger {
  min-height: 560px;
}
@media screen and (min-width: 1024px) {
  .texture--bigger {
    min-height: 910px;
    top: 0px;
  }
}
.texture--overlay-reduced::before {
  background: rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 1024px) {
  .texture--more-top {
    top: -160px;
  }
}
.texture--small-top {
  top: 0;
}
@media screen and (min-width: 1024px) {
  .texture--small-top {
    top: -7px;
  }
}
.texture--news {
  top: -10px;
}
@media screen and (min-width: 1024px) {
  .texture--news {
    top: -70px;
  }
}
.texture--outsiders-radio {
  top: -10px;
}
@media screen and (min-width: 1024px) {
  .texture--outsiders-radio {
    top: -70px;
  }
}
.texture--linear-top:before {
  background: linear-gradient(to bottom, #9f4348 10%, rgba(238, 238, 238, 0) 100%);
  content: "";
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.texture--top-profile {
  top: -80px;
}
.texture--top-profile:before {
  height: 65%;
}
@media screen and (min-width: 1024px) {
  .texture--top-profile {
    top: -170px;
  }
  .texture--top-profile:before {
    background: linear-gradient(to bottom, #9f4348 60%, rgba(238, 238, 238, 0) 100%);
    height: 60%;
  }
}
.texture--discography {
  min-height: 560px;
}
@media screen and (min-width: 1024px) {
  .texture--discography {
    min-height: 1040px;
  }
}
.texture--discography:before {
  background: linear-gradient(to bottom, #2e5669 10%, rgba(198, 221, 221, 0) 100%);
}
.texture--discography:after {
  height: 60%;
}
@media screen and (min-width: 1024px) {
  .texture--404 {
    min-height: 1040px;
    top: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .texture--article {
    min-height: 300px;
  }
}
@media screen and (min-width: 1024px) {
  .texture--tour {
    top: -35px;
  }
}

body.dark .texture:after {
  background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 0%, black 96%);
}

.tours {
  display: flex;
  flex-direction: column;
  margin-bottom: 101px;
  margin-top: 90px;
}
@media screen and (min-width: 1024px) {
  .tours {
    margin-bottom: 101px;
    margin-top: 125px;
    width: calc(100% - 414px);
  }
}
@media screen and (max-width: 768px) {
  .tours h2.title {
    font-size: 4em;
  }
}
.tours .tour-dates__single {
  width: 85%;
  margin: 0 auto;
  border-bottom: 1px solid rgba(59, 59, 59, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 17px 0px 20px 0px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .tours .tour-dates__single {
    flex-direction: row;
    padding: 25px 0px 20px 0px;
  }
}
.tours .tour-dates__single:first-of-type {
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .tours .tour-dates__single:first-of-type {
    margin-top: 38px;
  }
}
.tours .tour-dates__single__info {
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .tours .tour-dates__single__info {
    margin-bottom: 0px;
    text-align: left;
  }
}
.tours .tour-dates__single__actions {
  align-items: baseline;
  display: flex;
  flex-direction: row-reverse;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .tours .tour-dates__single__actions {
    flex-direction: row;
    margin: 20px 0 0 0;
    flex-shrink: 0;
  }
}
.tours .tour-dates__single__actions .link:first-child {
  margin-left: 15px;
  max-height: 30px;
}
@media screen and (min-width: 1024px) {
  .tours .tour-dates__single__actions .link:first-child {
    margin-left: 0;
    margin-right: 20px;
  }
}
.tours--past {
  width: 225px;
}
@media screen and (max-width: 1023px) {
  .tours--past {
    margin-bottom: 0px;
    margin-top: 15px;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .tours--past .tour-dates__single__info {
    margin-bottom: 0px;
    margin-top: 10px;
  }
}
.tours--alt {
  margin-bottom: 60px;
  margin-top: 56px;
}
@media screen and (min-width: 1024px) {
  .tours--alt {
    margin-bottom: 132px;
    margin-top: 115px;
    width: 46.875vw;
  }
}
@media screen and (min-width: 1200px) {
  .tours--alt {
    width: 49.0625vw;
  }
}
@media screen and (min-width: 1600px) {
  .tours--alt {
    width: 785px;
  }
}
@media screen and (max-width: 1023px) {
  .tours--alt .tour-dates__single:first-of-type {
    margin-top: 2px;
  }
}
.tours--new {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.videos {
  margin-top: 95px;
}
@media screen and (min-width: 1024px) {
  .videos {
    margin-top: 125px;
  }
}

.video__card {
  padding-top: 72px;
}
.video__card__item {
  height: 0px;
  max-width: 100%;
  overflow: hidden;
  padding-top: 58.1333333333vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  .video__card__item {
    padding-top: 56.7708333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .video__card__item {
    padding-top: 56.25vw;
  }
}
@media screen and (min-width: 1440px) {
  .video__card__item {
    padding-top: 56.3888888889vw;
  }
}
@media screen and (min-width: 1600px) {
  .video__card__item {
    height: 812px;
    padding-top: unset;
  }
}
.video__card__item iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .video__card__item iframe {
    padding-top: 29.9479166667vw;
  }
}
@media screen and (min-width: 1024px) {
  .video__card__item iframe {
    padding-top: 79.296875vw;
  }
}
@media screen and (min-width: 1440px) {
  .video__card__item iframe {
    padding-top: 56.3888888889vw;
  }
}
@media screen and (min-width: 1600px) {
  .video__card__item iframe {
    height: 812px;
    padding-top: unset;
  }
}
.video__card__item img.cover {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.video__card__item svg.icon {
  display: block;
  fill: #ffffff;
  height: 48px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video__card__item--playing img.cover, .video__card__item--playing svg.icon {
  display: none;
}

.account-register__video {
  max-width: 776px;
}

.heartandsoul {
  background-image: url("../images/heartandsoul/header-background.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -70px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 900px) {
  .heartandsoul {
    margin-top: -130px;
    padding-top: 160px;
    padding-bottom: 70px;
  }
}
.heartandsoul__title {
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom: 2rem;
  margin-top: 3rem;
  line-height: 1;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .heartandsoul__title {
    font-size: 6rem;
    margin-top: 2rem;
  }
}
.heartandsoul__title__highlight {
  font-size: 6rem;
  font-family: "DharmaGothicM-ExLight";
  display: block;
}
@media screen and (min-width: 900px) {
  .heartandsoul__title__highlight {
    display: inline;
  }
}
.heartandsoul .banners {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 900px) {
  .heartandsoul .banners {
    flex-direction: row;
  }
}
.heartandsoul .banners__item {
  text-align: center;
  max-width: 500px;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
}
.heartandsoul .banners__item__ribbon_and {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  transform: rotate(45deg) translate(74px, -20px);
  text-align: center;
  width: 260px;
  text-transform: uppercase;
  padding-top: 6px;
  padding-bottom: 6px;
}
.heartandsoul .banners__item__ribbon_and span {
  line-height: 1.1;
  display: block;
}
@media screen and (min-width: 768px) {
  .heartandsoul .banners__item {
    margin-left: 4.4%;
  }
  .heartandsoul .banners__item:first-child {
    margin-left: 0;
  }
}
.heartandsoul .banners__item > img {
  width: 100%;
  height: auto;
  border: 2px solid #fff;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
}
.heartandsoul .banners__item .buttons {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.heartandsoul .banners__item .buttons li {
  margin-bottom: 15px;
}
.heartandsoul .banners__item .buttons li:last-child {
  margin-bottom: 0;
}
.heartandsoul .banners__item .buttons__item {
  display: block;
}
.heartandsoul .banners__item .buttons__item img {
  height: 44px;
}

.heartandsoul-button {
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 1px;
  text-align: center;
  line-height: 44px;
  background-color: white;
  border-radius: 0;
  color: #000;
  width: 250px;
  height: 44px;
}
.heartandsoul-button.heart {
  color: #961C21;
}
.heartandsoul-button.and {
  color: #6023BE;
}
.heartandsoul-button.soul {
  color: #27699B;
}

.church-choir-exclusive {
  color: #fff;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .church-choir-exclusive .wrapper--mobile-col {
    flex-direction: row;
  }
}
.church-choir-exclusive__intro-text {
  text-align: center;
  margin-bottom: 50px;
}
.church-choir-exclusive__intro {
  flex-basis: 50%;
  max-width: 480px;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.church-choir-exclusive__intro__ribbon {
  color: black;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  transform: rotate(45deg) translate(74px, -20px);
  text-align: center;
  width: 260px;
  text-transform: uppercase;
}
.church-choir-exclusive__intro__ribbon span {
  display: block;
}
.church-choir-exclusive__intro__image {
  overflow: hidden;
  position: relative;
}
.church-choir-exclusive__intro img {
  border: 2px solid white;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .church-choir-exclusive__intro {
    max-width: none;
    padding-right: calc(10% - 30px);
  }
}
.church-choir-exclusive__intro__text {
  margin-top: 2.2rem;
}
.church-choir-exclusive__intro__ribbon_and {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  transform: rotate(45deg) translate(74px, -20px);
  text-align: center;
  width: 260px;
  text-transform: uppercase;
}
.church-choir-exclusive__intro__ribbon_and span {
  display: block;
}
@media screen and (min-width: 768px) {
  .church-choir-exclusive__intro {
    margin-left: 50px;
  }
  .church-choir-exclusive__intro:first-child {
    margin-left: 0;
  }
}
.church-choir-exclusive__intro > img {
  width: 100%;
  height: auto;
  border: 2px solid #fff;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
}
.church-choir-exclusive__intro .buttons {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  width: 100%;
}
.church-choir-exclusive__intro .buttons li {
  margin-bottom: 15px;
}
.church-choir-exclusive__intro .buttons li:last-child {
  margin-bottom: 0;
}
.church-choir-exclusive__intro .buttons__item {
  display: block;
}
.church-choir-exclusive__play {
  flex-basis: 50%;
}
.church-choir-exclusive__play__audio {
  display: flex;
  padding: 15px;
  background-color: #fff;
  color: #333;
}
.church-choir-exclusive__play__audio h4,
.church-choir-exclusive__play__audio h5 {
  font-family: Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1;
  color: #000;
}
.church-choir-exclusive__play__audio h4 {
  font-size: 1.4rem;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 700;
}
.church-choir-exclusive__play__audio h5 {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.2rem;
}
.church-choir-exclusive__play__audio img {
  width: 100px;
  height: 100px;
  margin-right: 20px;
  border-radius: 10px;
}
.church-choir-exclusive__play__audio__music {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.church-choir-exclusive__play__playlist {
  padding: 15px;
  background-color: #fff;
  color: #333;
}
.church-choir-exclusive__play__playlist-item {
  width: 100%;
  display: flex;
  cursor: pointer;
  padding: 8px;
}
.church-choir-exclusive__play__playlist-item:hover {
  background-color: #e5e5e5;
}
.church-choir-exclusive__play__playlist-item:last-of-type {
  margin-bottom: 0px;
}
.church-choir-exclusive__play__playlist-item.active {
  font-weight: bold;
}
.church-choir-exclusive__play .title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4.2rem;
  margin-bottom: 1.8rem;
}
.church-choir-exclusive__play .title-container h3 {
  color: #fff;
  letter-spacing: 0;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 1.4rem;
}
.church-choir-exclusive__play .title-container img {
  width: auto;
  height: 40px;
}
.church-choir-exclusive__play__spotify {
  margin-top: 30px;
}
.church-choir-exclusive__play__spotify iframe {
  width: 100%;
  height: 200px;
}
.church-choir-exclusive__play__spotify .title-container {
  margin-top: 0;
}
.church-choir-exclusive__play__apple-music .title-container {
  align-items: flex-end;
}

.home-content .home-col {
  margin: 30px 0;
}
@media screen and (min-width: 1024px) {
  .home-content .home-col {
    margin-bottom: 80px;
    margin-top: 100px;
  }
}
.home-content .home-col .tours {
  margin-bottom: 0;
}
.home-content .news-latest {
  margin-bottom: 100px;
}
@media screen and (min-width: 1024px) {
  .home-content .news-latest {
    margin-bottom: 0;
  }
}
.home-content .news-latest .card {
  flex-direction: column;
  margin-bottom: 25px;
  padding: 0 10px;
}
@media screen and (min-width: 1024px) {
  .home-content .news-latest .card {
    flex-direction: row;
  }
}
.home-content .news-latest .card__img {
  display: inline-flex;
  align-items: center;
  height: 200px;
  padding-top: 0px;
  width: 200px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .home-content .news-latest .card__img {
    margin: 0;
  }
}
.home-content .news-latest .card__content {
  padding: 0;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .home-content .news-latest .card__content {
    max-width: 150px !important;
  }
}

.video-background {
  margin-top: -50px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .video-background {
    margin-top: -143px;
  }
}
.video-background iframe {
  width: 100vw;
  height: 56.25vw;
  position: absolute;
  pointer-events: none;
}
.video-background .buttons {
  display: block;
  position: absolute;
  bottom: 10%;
  left: 10%;
}
.video-background .buttons .btn {
  margin-top: -50px;
}
@media screen and (max-width: 1023px) {
  .video-background .buttons {
    position: relative;
    left: 0;
    background-image: url("../images/heartandsoul/header-background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .video-background .buttons h1 {
    text-align: center;
    padding-top: 50px;
  }
  .video-background .buttons .btn {
    display: table;
    margin: 0 auto;
    bottom: 30px;
  }
}

.outsiders-hero {
  background: url("../images/home.hero.outsiders-radio.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  padding: 56.25% 0 0;
  position: relative;
  width: 100%;
  margin-top: -70px;
}
@media screen and (min-width: 900px) {
  .outsiders-hero {
    margin-top: -130px;
  }
}
.outsiders-hero .btn {
  position: absolute;
  left: 7%;
  top: 75%;
}
@media screen and (min-width: 1024px) {
  .outsiders-hero .btn {
    font-size: 74px;
    height: 100px;
    line-height: 100px;
    max-width: 417px;
    top: 69%;
  }
}

.instagram-feed {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
  .instagram-feed {
    margin-bottom: 40px;
  }
}
.instagram-feed__header {
  margin: 0 auto;
  max-width: 954px;
  padding-top: 26px;
  width: calc(100% - 20px);
}
@media screen and (min-width: 1024px) {
  .instagram-feed__header {
    margin: 0 auto;
    padding-top: 73px;
  }
}
.instagram-feed__header__title {
  color: #3b3b3b;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .instagram-feed__header__title {
    margin-bottom: 60px;
    margin-top: 0px;
  }
}
.instagram-feed__container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.instagram-feed__container__content {
  margin: 0 auto 20px;
  max-width: 260px;
}
.instagram-feed__container__content img {
  width: 260px;
  height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.radio {
  width: 100%;
  color: #ffffff;
  background: #000000;
  margin-top: -50px;
}
.radio.radio-v2 {
  background: transparent;
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .radio {
    margin-top: -5px;
  }
}
.radio__wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
}
.radio__col {
  text-align: center;
  margin: 20px auto;
}
@media screen and (min-width: 1024px) {
  .radio__col {
    margin: 50px auto;
  }
}
.radio__col h2 {
  font-family: "DharmaGothicM-ExLight";
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .radio__col h2 {
    font-size: 2.5rem;
  }
}
.radio__col__album-cover {
  width: 150px;
  height: 150px;
  -o-object-fit: fill;
     object-fit: fill;
  margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
  .radio__col__album-cover {
    display: inline-flex;
    margin: 0 15px 0 0;
    width: 250px;
    height: 250px;
  }
}
.radio__col__logo {
  margin-top: -20px;
  width: 200px;
}
@media screen and (min-width: 1024px) {
  .radio__col__logo {
    margin-top: -25px;
    width: 375px;
  }
}
.radio__col__song {
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .radio__col__song {
    padding: 0;
    text-align: left;
    display: inline-block;
  }
}
.radio__col__song__title {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  .radio__col__song__title {
    font-size: 20px;
  }
}
.radio__col__song__artist {
  font-size: 14px;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  .radio__col__song__artist {
    font-size: 16px;
  }
}

.block-radio-v2 {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr;
  justify-content: center;
  height: 100%;
  align-items: center;
  gap: 16px;
}
@media (min-width: 1024px) {
  .block-radio-v2 {
    gap: 146px;
  }
}

.block-radio-v2-with-thumb {
  gap: 22px;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr;
  align-items: center;
  display: grid;
  height: auto;
}
@media (min-width: 1024px) {
  .block-radio-v2-with-thumb {
    display: grid;
  }
}
.block-radio-v2-with-thumb .image-radio-thumb {
  height: 175px;
  width: 175px;
  overflow: hidden;
  display: none;
}
@media (min-width: 1024px) {
  .block-radio-v2-with-thumb .image-radio-thumb {
    display: block;
  }
}
.block-radio-v2-with-thumb .image-radio-thumb.large {
  width: 269px;
  height: 269px;
}
.block-radio-v2-with-thumb .image-radio-thumb > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.block-radio-v2-detail {
  color: #f2f2f2;
  text-align: center;
  --fs-mobile: 10px;
}
.block-radio-v2-detail h2 {
  margin: 0;
  font-size: var(--fs-mobile);
  text-align: center;
  font-weight: 600;
  font-family: "transducer";
  line-height: 1.2em;
}
@media (min-width: 500px) {
  .block-radio-v2-detail h2 {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .block-radio-v2-detail h2 {
    font-size: 18px;
    font-weight: 621;
  }
}
@media (max-width: 565px) {
  .block-radio-v2-detail .btn-listen-now {
    font-size: var(--fs-mobile);
  }
}

.radio-v2-single-meta-info .radio__col__song__title,
.radio-v2-single-meta-info .radio__col__song__artist {
  color: #f2f2f2;
  font-style: italic;
  font-size: 12px;
}
@media (min-width: 500px) {
  .radio-v2-single-meta-info .radio__col__song__title,
.radio-v2-single-meta-info .radio__col__song__artist {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .radio-v2-single-meta-info .radio__col__song__title,
.radio-v2-single-meta-info .radio__col__song__artist {
    font-size: 18px;
  }
}
.radio-v2-single-meta-info .radio__col__song__title::before {
  content: "\201C";
}
.radio-v2-single-meta-info .radio__col__song__title::after {
  content: "\201D";
}
@media (min-width: 1024px) {
  .radio-v2-single-meta-info .radio__col__song__title {
    font-size: 18px;
  }
}
.radio-v2-single-meta-info.desktop-hide {
  display: block;
  margin-top: 18px;
}
@media (min-width: 1024px) {
  .radio-v2-single-meta-info.desktop-hide {
    display: none;
  }
}

.outsider-radio-logos {
  height: 52px;
}
@media (min-width: 768px) {
  .outsider-radio-logos {
    height: 70px;
  }
}
@media (min-width: 1024px) {
  .outsider-radio-logos {
    height: 115px;
  }
}

.carousel {
  top: -50px;
}
@media screen and (min-width: 1024px) {
  .carousel {
    top: 0;
  }
}
.carousel__wrapper .swiper-slide img,
.carousel__wrapper .swiper-slide .video-js {
  width: 100%;
}

@media (min-width: 1440px) {
  .section-upcoming-list {
    padding: 0;
  }
}

.upcoming-tour-empty {
  padding-top: 90px;
  padding-bottom: 100px;
}

.upcoming-tour-item {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  width: 100%;
  padding: 12px 34px;
  color: #f2f2f2;
  margin-bottom: 7px;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 400;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
  align-items: flex-start;
  gap: 3px;
}
@media (min-width: 1024px) {
  .upcoming-tour-item {
    padding: 16px 30px 22px;
    font-size: 16px;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: auto;
    gap: 6px;
  }
}
@media (min-width: 1440px) {
  .upcoming-tour-item {
    font-size: 18px;
  }
}
.upcoming-tour-item .meta-day,
.upcoming-tour-item .meta-name,
.upcoming-tour-item .meta-location,
.upcoming-tour-item .meta-divider {
  display: flex;
  justify-self: center;
  text-align: center;
}
@media (min-width: 1024px) {
  .upcoming-tour-item .meta-day,
.upcoming-tour-item .meta-name,
.upcoming-tour-item .meta-location,
.upcoming-tour-item .meta-divider {
    justify-self: flex-start;
    text-align: left;
  }
}
.upcoming-tour-item .meta-day {
  font-weight: 621;
}
.upcoming-tour-item .meta-divider {
  display: none;
}
.upcoming-tour-item .meta-location {
  font-size: 14px;
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .upcoming-tour-item .meta-location {
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .upcoming-tour-item .meta-location {
    font-size: 18px;
  }
}
.upcoming-tour-item .meta--additional-info {
  margin-top: 3px;
}
@media (min-width: 1440px) {
  .upcoming-tour-item .meta--additional-info {
    margin-top: 6px;
  }
}
@media (min-width: 1024px) {
  .upcoming-tour-item .meta-day {
    grid-column: 1/span 4;
  }
  .upcoming-tour-item .meta-name {
    grid-column: 5/span 5;
  }
  .upcoming-tour-item .meta-location {
    grid-column: 10/span 3;
    text-align: right;
    justify-self: flex-end;
  }
  .upcoming-tour-item .meta-actions {
    grid-column: 14/span 3;
  }
  .upcoming-tour-item.past-tours .meta-day {
    grid-column: 1/span 5;
  }
  .upcoming-tour-item.past-tours .meta-name {
    grid-column: 6/span 4;
  }
  .upcoming-tour-item.past-tours .meta-location {
    grid-column: 10/span 3;
    text-align: right;
    justify-self: flex-end;
  }
  .upcoming-tour-item.past-tours .meta-actions {
    grid-column: 15/span 2;
  }
}
.upcoming-tour-item .meta-actions {
  display: flex;
  justify-content: center;
  gap: 19px;
  align-items: center;
}
@media (min-width: 1024px) {
  .upcoming-tour-item .meta-actions {
    justify-content: flex-end;
  }
}
.upcoming-tour-item .meta-actions--w-custom-buttons {
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
@media (min-width: 1024px) {
  .upcoming-tour-item .meta-actions--w-custom-buttons {
    align-items: flex-end;
    gap: 15px;
  }
}
.upcoming-tour-item .meta-actions--w-custom-buttons > * {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  align-items: center;
}
@media (min-width: 1024px) {
  .upcoming-tour-item .meta-actions--w-custom-buttons > * {
    flex-direction: row;
    gap: 19px;
  }
}
.upcoming-tour-item .meta-actions--w-custom-buttons .custom-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 5px;
}
@media (min-width: 1024px) {
  .upcoming-tour-item .meta-actions--w-custom-buttons .custom-buttons {
    text-align: right;
    align-items: flex-end;
  }
}

.btn-more-list {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  font-family: "transducer";
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 545;
  padding: 17px 28px;
}
@media (min-width: 1024px) {
  .btn-more-list {
    font-size: 18px;
  }
}

.y-spacer-page-v2 {
  padding-top: 34px;
  padding-bottom: 34px;
}
@media (min-width: 1024px) {
  .y-spacer-page-v2 {
    padding-top: 47px;
    padding-bottom: 47px;
  }
}

.page-banner {
  height: auto;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 17px 24px;
}
.page-banner.not-w-full {
  grid-template-columns: auto;
}
@media (min-width: 1024px) {
  .page-banner {
    padding: 30px 0;
    margin: 0;
  }
}
.page-banner .meta-banner-image {
  width: auto;
  max-width: 1200px;
  overflow: hidden;
}
.page-banner .meta-banner-image.h-auto {
  height: auto;
  max-height: unset;
  max-width: unset;
}
.page-banner .meta-banner-image.h-default {
  height: 166px;
  max-width: unset;
}
@media (min-width: 1024px) {
  .page-banner .meta-banner-image.h-default {
    height: 320px;
    max-height: unset;
  }
}
@media (min-width: 1024px) {
  .page-banner .meta-banner-image {
    max-height: 100px;
  }
}
.page-banner .meta-banner-image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.page-banner .meta-banner-image > img.obj-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.page-banner .meta-banner-image.full-cover {
  max-width: unset;
  max-height: unset;
  height: 100%;
}
.page-banner.no-insets {
  padding: 0 !important;
  min-height: 166px;
}
@media (min-width: 1024px) {
  .page-banner.no-insets {
    min-height: 320px;
  }
}
.page-banner.my-account.my-account-forum-sect {
  height: 265px;
  min-height: unset;
  margin-bottom: 90px;
}
@media (min-width: 1024px) {
  .page-banner.my-account.my-account-forum-sect {
    height: 272px;
    min-height: unset;
    margin-bottom: 150px;
  }
}
.page-banner.my-account.my-account-forum-sect .meta-page-title {
  height: auto;
}
.page-banner.my-account.my-account-forum-sect .meta-page-title .meta-forum-title {
  font-weight: 621;
  font-size: 20px;
  margin-bottom: 18px;
}
@media (min-width: 1024px) {
  .page-banner.my-account.my-account-forum-sect .meta-page-title .meta-forum-title {
    font-size: 24px;
  }
}
.page-banner.my-account.my-account-forum-sect .meta-page-title .meta-forum-content {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 18px;
}
@media (min-width: 1024px) {
  .page-banner.my-account.my-account-forum-sect .meta-page-title .meta-forum-content {
    font-size: 20px;
  }
}
.page-banner.my-account.no-insets {
  height: 113px;
  min-height: unset;
}
@media (min-width: 1024px) {
  .page-banner.my-account.no-insets {
    height: 160px;
    min-height: unset;
  }
}
.page-banner.my-account .meta-banner-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page-banner.my-account .meta-page-title {
  height: 100%;
  max-width: 342px;
  margin: 0 auto;
  z-index: 4;
  font-family: "Transducer";
}
@media (min-width: 1024px) {
  .page-banner.my-account .meta-page-title {
    max-width: 1200px;
  }
}
.page-banner.my-account .meta-page-title h1 {
  font-style: normal;
  font-weight: 621;
  font-size: 20px;
  line-height: 1.2em;
  color: #f8ebc7;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .page-banner.my-account .meta-page-title h1 {
    font-size: 46px;
  }
}
.page-banner .banner-actions {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .page-banner .banner-actions {
    margin-top: 65px;
  }
}
.page-banner .banner-actions button.edit {
  height: 46px;
  line-height: 46px;
  width: 92px;
  border: none;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0.8);
  color: #f2f2f2;
  border-radius: 4px;
  text-decoration: underline;
  font-weight: 545;
  text-transform: uppercase;
  font-size: 20px;
}

.my-account-head-container {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  .my-account-head-container {
    margin-top: 90px;
    margin-bottom: 90px;
  }
}
.my-account-head-container--alt-padding {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}
.my-account-head-container--alt-padding .my-account-title-insets {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .my-account-head-container--alt-padding {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}
.my-account-head-container .ec-section-title-v2 {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1024px) {
  .my-account-head-container .ec-section-title-v2 {
    padding-left: 124px;
    padding-right: 124px;
  }
}

.my-account-title-insets {
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .my-account-title-insets {
    margin-top: 90px;
    margin-bottom: 18px;
  }
}

.my-account-nav {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
}
@media (min-width: 1024px) {
  .my-account-nav {
    flex-direction: row;
    margin-bottom: 0;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.my-account-nav--mobile-cta {
  font-weight: 545;
  font-size: 20px;
  font-family: "transducer";
}
.my-account-nav--mobile-cta .span-icon {
  top: -4px;
}
.my-account-nav--colapsable {
  display: none;
}
@media (min-width: 1024px) {
  .my-account-nav--colapsable {
    display: flex;
  }
}
.my-account-nav--colapsable.open {
  display: flex;
  padding-top: 20px;
}
.my-account-nav .nav--item {
  flex: 0 0 auto;
  text-align: center;
}
.my-account-nav .nav--item > a {
  color: inherit;
  text-transform: uppercase;
  color: var(--ec-soft-white);
  font-family: "transducer";
  font-weight: 418;
  font-size: 20px;
  line-height: 1.2em;
  transition: color 200ms ease-out;
}
.my-account-nav .nav--item > a:hover {
  color: #f8ebc7;
}
.my-account-nav .nav--item-active a {
  position: relative;
}
.my-account-nav .nav--item-active a::after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: var(--ec-soft-white);
  left: 0px;
  bottom: 0px;
  width: 100%;
}
.my-account-nav .nav--item-active a:hover::after {
  background-color: var(--ec-soft-white);
}
@media (min-width: 1024px) {
  .my-account-nav .nav--item--sub {
    display: none;
  }
}
.my-account-nav .nav--item--sub > a {
  font-size: 18px;
}
.my-account-nav form {
  margin: 0;
}
.my-account-nav form button {
  font-weight: 418;
  font-size: 20px;
  line-height: 1.2em;
  font-family: "transducer";
  font-size: 20px;
}
.my-account-nav .btn-presale-code {
  display: none;
  width: 132px;
  height: 132px;
  align-items: center;
  justify-content: center;
  background-color: var(--ec-gold-200);
  font-weight: 418;
  font-size: 24.61px;
  color: #000;
  text-align: center;
  border-radius: 999px;
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
  position: absolute;
  right: 0px;
  bottom: -6px;
  z-index: 2;
  font-family: "transducer";
  line-height: 1.1;
}
@media (min-width: 1024px) {
  .my-account-nav .btn-presale-code {
    display: flex;
    transform: translateX(17%);
  }
}
@media (min-width: 1440px) {
  .my-account-nav .btn-presale-code {
    transform: translateX(14%);
  }
}

.store-discount-sec {
  background-image: url("../images/v2/accounts/bg-store-discount-code-mobile.jpg");
  padding: 87px 0;
  margin-bottom: 90px;
}
@media (min-width: 1024px) {
  .store-discount-sec {
    background-image: url("../images/v2/accounts/bg-store-discount-code.jpg");
    margin-bottom: 150px;
  }
}
@media (min-width: 1920px) {
  .store-discount-sec {
    background-image: url("../images/v2/accounts/bg-store-discount-code.jpg");
  }
  .store-discount-sec.bg-image {
    background-position: 0 15%;
  }
}

.meta-code-h3 {
  font-family: "transducer", sans-serif;
  font-weight: 621;
  font-size: 20px;
}
@media (min-width: 1024px) {
  .meta-code-h3 {
    font-size: 24px;
  }
}

.meta-code-p {
  font-family: "transducer", sans-serif;
  font-weight: 500;
  font-size: 16px;
  max-width: 867px;
  margin-bottom: 28px;
}
@media (min-width: 1024px) {
  .meta-code-p {
    font-size: 20px;
    margin-bottom: 27px;
  }
}

.coupon-detail {
  max-width: 516px;
}

.section-churchcoir-app {
  background: rgba(0, 0, 0, 0.5);
  padding-top: 68px;
  padding-bottom: 68px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: center;
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-rows: repeat(4, auto);
  gap: 18px;
  grid-template-columns: minmax(0, 1048px);
}
@media (min-width: 1024px) {
  .section-churchcoir-app {
    grid-template-columns: minmax(0, 1048px);
    padding-left: 0;
    padding-right: 0;
    gap: 22px;
  }
}
@media (min-width: 1440px) {
  .section-churchcoir-app {
    grid-template-columns: minmax(0, 976px);
  }
}
.section-churchcoir-app .cchoir-app-text {
  font-weight: 500;
}
.section-churchcoir-app .choir-logo {
  width: 99px;
  justify-self: center;
}
@media (min-width: 1024px) {
  .section-churchcoir-app .choir-logo {
    width: 113px;
  }
}

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(248, 235, 199, 0);
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(248, 235, 199, 0);
  }
}
.bricks-bg {
  background-image: url("../images/v2/CheifsExterior-mobile.jpg");
  position: relative;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
  padding-top: 119.4010416667%;
  top: 18%;
}
@media screen and (min-width: 768px) {
  .bricks-bg {
    max-width: 100dvw;
    height: calc(100svh - 107px);
    padding-top: 0;
    top: unset;
  }
}
@media screen and (min-width: 1024px) {
  .bricks-bg {
    background-image: url("../images/v2/CheifsExterior-small.jpg");
  }
}
.bricks-bg .building {
  z-index: 3;
  bottom: 0;
  position: absolute;
  transform: translateX(-50%);
  padding-top: 81.7708333333%;
  height: 0;
  left: 50%;
  width: 71.3541666667%;
}
@media screen and (min-width: 768px) {
  .bricks-bg .building {
    padding-top: 0;
    height: calc((100svh - 107px) * (795/1160));
    left: 50%;
    transform: translateX(-50%);
    width: calc((100svh - 107px) * (693/1160));
  }
}
@media screen and (min-width: 1024px) {
  .bricks-bg .building {
    height: calc((100svh - 107px) * (1000/1326));
    left: 50%;
    transform: translateX(-50%);
    width: calc((100svh - 107px) * (1095/1326));
  }
}
.bricks-bg .building__wall {
  font-size: 100svh;
  position: absolute;
}
.bricks-bg .building__wall__comingsoon {
  background: black;
  color: white;
  font-size: 0.5%;
  font-style: italic;
  line-height: 6px;
  height: 7%;
  width: 15%;
  padding-top: 1%;
  position: absolute;
  left: 12%;
  text-align: center;
  top: 82%;
  transform: rotate(4deg);
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .bricks-bg .building__wall__comingsoon {
    font-size: 1%;
    line-height: normal;
    padding-top: 0.4%;
  }
}
.bricks-bg .building__wall__countdown {
  background: black;
  color: white;
  font-size: 0.85%;
  font-style: italic;
  height: 7%;
  width: 18%;
  padding-top: 0.5%;
  position: absolute;
  left: 54%;
  text-align: center;
  top: 83%;
  transform: rotate(358deg);
  text-transform: uppercase;
}
@media (min-width: 375px) {
  .bricks-bg .building__wall__countdown {
    font-size: 0.9%;
    padding-top: 0.5%;
  }
}
@media (min-width: 500px) {
  .bricks-bg .building__wall__countdown {
    font-size: 1.4%;
    padding-top: 0.6%;
  }
}
@media (min-width: 1024px) {
  .bricks-bg .building__wall__countdown {
    font-size: 2%;
    padding-top: 0.15%;
  }
}
.bricks-bg .building__wall--one {
  transform: perspective(1.4em) rotateY(-42deg) rotateX(-14deg) rotateZ(10deg);
  height: 56%;
  width: 93.3%;
  top: 4.8%;
  left: -12.3%;
}
@media screen and (min-width: 1024px) {
  .bricks-bg .building__wall--one {
    transform: perspective(1.8em) rotateY(-42deg) rotateX(-14deg) rotateZ(10deg);
    height: 70%;
    width: 93%;
    top: 6.2%;
    left: -12.3%;
  }
}
.bricks-bg .building__wall--two {
  transform: perspective(1.8em) rotateY(64deg) rotateX(-9deg) rotateZ(-14deg);
  height: 61%;
  width: 49.4%;
  position: absolute;
  top: 6.5%;
  left: 62.3%;
}
@media screen and (min-width: 1024px) {
  .bricks-bg .building__wall--two {
    transform: perspective(1.99999em) rotateY(64deg) rotateX(-9deg) rotateZ(-14deg);
    height: 76%;
    width: 49.4%;
    position: absolute;
    top: 8.5%;
    left: 62.3%;
  }
}
.bricks-bg .building__wall .brick-tooltip {
  background: black;
  border: 3px solid #F2F2F2;
  border-radius: 10px;
  height: auto;
  position: absolute;
  margin-top: -9px;
  transform: translate(-50%, -100%);
  width: auto;
  padding: 10px 0 0;
  box-shadow: 5px 1px 11px rgba(0, 0, 0, 0.5);
  left: 100%;
  top: 35%;
}
@media screen and (min-width: 768px) {
  .bricks-bg .building__wall .brick-tooltip {
    width: 200px;
  }
}
.bricks-bg .building__wall .brick-tooltip h2 {
  color: white;
  font: 16px Transducer;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .bricks-bg .building__wall .brick-tooltip h2 {
    font: 20px Transducer;
  }
}
.bricks-bg .building__wall .brick-tooltip p {
  color: #F2F2F2;
  text-align: center;
  font-family: Transducer;
  font-size: 1.25rem;
  margin-block: 8px;
  font-style: normal;
  font-weight: 545;
  text-decoration: underline;
  cursor: pointer;
}
.bricks-bg .building__wall .brick-tooltip p:hover {
  color: #F8EBC7;
  text-decoration: none;
}
.bricks-bg .building__wall .brick-tooltip--wall-two {
  box-shadow: -5px 1px 11px black;
  font-size: 24px;
  letter-spacing: 5px;
  width: 275px;
}
.bricks-bg .building__wall .brick-tooltip:after {
  background: black;
  top: 100%;
  border: 3px solid #F2F2F2;
  border-top-color: black;
  border-left-color: black;
  content: "";
  display: block;
  height: 12px;
  left: 50%;
  position: absolute;
  transform: rotate(45deg) translateX(-50%) translateY(-4px);
  width: 12px;
}
.bricks-bg .building__wall .brick-tooltip:before {
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  border: 3px solid #999;
  border-radius: 30px;
  content: "";
  height: 18px;
  width: 18px;
  position: absolute;
  top: 101%;
  left: 50%;
  display: block;
  margin-left: -7px;
}
.bricks-bg .building__wall .brick {
  background: green;
  height: 0;
  padding: 10% 0 0;
  position: absolute;
  width: 10%;
}
.bricks-bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}

.bricks-content {
  position: absolute;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100dvw;
  justify-content: space-between;
}

.bricks-content h1 {
  color: #F8EBC7;
  text-align: center;
  font-family: Transducer;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 621;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .bricks-content h1 {
    font-size: 1.5rem;
  }
}

.bottom-content {
  opacity: 0;
  pointer-events: all;
  width: 100%;
  background: linear-gradient(0deg, #000 14.04%, rgba(0, 0, 0, 0) 106.41%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 4;
  gap: 14px;
}
.bottom-content.homesection {
  background: unset;
  opacity: 1;
  width: auto;
  margin-left: 20px;
  flex: 0 0 auto;
  padding-bottom: 0;
}
.bottom-content.homesection p {
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .bottom-content.homesection p {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .bottom-content {
    padding-bottom: 2rem;
    flex-direction: column;
  }
}

.top-content {
  opacity: 0;
  pointer-events: all;
  width: 100%;
  background: linear-gradient(180deg, #000 14.04%, rgba(0, 0, 0, 0) 106.41%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.97rem;
  gap: 0.75rem;
  z-index: 4;
}

.find-my-brick {
  color: #F2F2F2;
  font-family: Transducer;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 545;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
  cursor: pointer;
}
.find-my-brick:hover {
  color: #F8EBC7;
  animation: none;
}
.find-my-brick.homesection {
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .find-my-brick.homesection {
    font-size: 1.25rem;
  }
}

.digital-collectible, .find-my-brick {
  box-shadow: 0 0 0 0 rgba(248, 235, 199, 0.2);
  animation: pulse 1.5s infinite;
  -webkit-animation: pulse 1.5s infinite;
}
.digital-collectible:hover, .find-my-brick:hover {
  animation: none;
}

.bottom-content p {
  color: #F2F2F2;
  font-family: Transducer;
  font-size: 1rem;
  font-style: normal;
  font-weight: 545;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: underline;
  margin: 0;
  cursor: pointer;
}
.bottom-content p:hover {
  color: #F8EBC7;
  text-decoration: none;
}

.bricks-modal {
  background: #ffffff;
  border: 3px solid #3b3b3b;
  display: none;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  padding: 40px 20px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.7);
  border: none;
}

.neighbors-modal {
  background: #ffffff;
  border: 3px solid #3b3b3b;
  display: none;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  padding: 40px 20px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.7);
  border: none;
}

.bricks-modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-width: 100dvw;
}

.content-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.bricks-modal-body .back {
  color: #F2F2F2;
  font-family: Transducer;
  font-size: 1rem;
  font-style: normal;
  font-weight: 545;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
}
.bricks-modal-body .back:hover {
  color: #F8EBC7;
  text-decoration: none;
}

.content-cont h1 {
  color: #F2F2F2;
  text-align: center;
  font-family: Transducer;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 621;
  line-height: normal;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .content-cont h1 {
    font-size: 2.25rem;
  }
}

.content-cont input {
  margin-inline: auto;
  border-radius: 0.25rem;
  border: 2px solid #F2F2F2;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 4.25rem;
  color: #F2F2F2;
  font-family: Transducer;
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 100;
  line-height: normal;
  padding-inline: 1.88rem;
}
@media screen and (min-width: 768px) {
  .content-cont input {
    width: 29.75rem;
    height: 5.375rem;
  }
}

.form-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form-cont {
    width: auto;
  }
}

.content-cont button {
  color: #F2F2F2;
  font-family: Transducer;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 545;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 1.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.6);
  width: 8.5625rem;
  height: 3.75rem;
  flex-shrink: 0;
  margin-inline: auto;
}
.content-cont button:hover {
  color: #F8EBC7;
  text-decoration: none;
}

.modal-content .close {
  color: white;
  font-size: 4rem;
  position: absolute;
  right: 3%;
  cursor: pointer;
}

.grid-item {
  position: relative;
  background-color: transparent;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-item p {
  display: none;
  text-align: center;
  color: #F2F2F2;
  text-align: center;
  font-family: Transducer;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.box-shadow {
  box-shadow: 0px 0px 16px 16px #000000;
}

.active-block {
  background-image: url("/images/v2/brick-bg.png");
  background-size: 145%;
  background-repeat: no-repeat;
  background-position: center;
}
.active-block p {
  display: block;
}

.above1 {
  position: absolute;
  left: 50%;
  grid-area: above1;
}

.above2 {
  position: absolute;
  right: 50%;
  grid-area: above2;
}

.middle1 {
  grid-area: middle1;
}

.middle2 {
  grid-area: middle2;
}

.middle3 {
  grid-area: middle3;
}

.below1 {
  position: absolute;
  left: 50%;
  grid-area: below1;
}

.below2 {
  position: absolute;
  right: 50%;
  grid-area: below2;
}

.neighbor-bricks {
  position: relative;
  width: 22.875rem;
  height: 7.90613rem;
  max-width: 27.5rem;
  max-height: 9.50463rem;
}
@media screen and (min-width: 768px) {
  .neighbor-bricks {
    width: 27.5rem;
    height: 9.50463rem;
  }
}

.content-cont img {
  width: 100%;
  height: 100%;
  position: absolute;
}

.video-container {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 9;
  top: 0;
}

.video-box {
  height: 100%;
  width: 100%;
}

.layout4 {
  display: grid;
  position: absolute;
  height: 100%;
  width: 100%;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "middle1 middle2 middle3" "below1 .  below2";
}

.layout6 {
  display: grid;
  position: absolute;
  height: 100%;
  width: 100%;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "middle1 middle2" "below1 .";
}

.layout5 {
  display: grid;
  position: absolute;
  height: 100%;
  width: 100%;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "middle2 middle3" ". below2";
}

.layout1 {
  display: grid;
  position: absolute;
  height: 100%;
  width: 100%;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "above1 .  above2" "middle1 middle2 middle3" "below1 . below2";
}

.layout3 {
  display: grid;
  position: absolute;
  height: 100%;
  width: 100%;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "above1 ." "middle1 middle2" "below1 .";
}

.layout7 {
  display: grid;
  position: absolute;
  height: 100%;
  width: 100%;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "above1 . above2" "middle1 middle2 middle3";
}

.fade-in-div {
  opacity: 1;
  transition: opacity 2s ease;
}

.error-text {
  color: red;
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
  display: none;
  font-family: Transducer;
  max-width: 90%;
  margin-inline: auto;
}

.brick-button {
  border: 1px solid #F2F2F2;
  padding: 0.8rem 1.5rem;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.brick-button p {
  text-decoration: none !important;
}

.footer-button-cont {
  display: flex;
  margin-bottom: 10px;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .footer-button-cont {
    flex-direction: row;
    margin-bottom: 0;
  }
}

.single-tours {
  --top-nav-height: 108px;
}
@media (min-width: 1024px) {
  .single-tours {
    --top-nav-height: 107px;
  }
}
.single-tours.page__layout {
  min-height: calc(100vh - var(--top-nav-height));
  background-color: var(--ec-dark-bgColor);
}
.single-tours .section--information {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(1, auto);
  gap: 10px;
  padding-bottom: 34px;
  padding-top: 10px;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 1024px) {
  .single-tours .section--information {
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(5, auto);
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 0;
    padding-bottom: 109px;
    padding-top: 18px;
    max-width: 960px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .single-tours .section--information {
    max-width: 1200px;
  }
}
.single-tours .section--information .blocks__page-navigation {
  grid-column: span 8;
  display: flex;
  margin-bottom: 48px;
  grid-row: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.single-tours .section--information .blocks__page-navigation > * {
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .single-tours .section--information .blocks__page-navigation {
    grid-column: span 16;
    margin-bottom: 60px;
    grid-row: 1;
    flex-direction: row;
    justify-content: space-between;
  }
  .single-tours .section--information .blocks__page-navigation > * {
    margin-top: 0;
  }
}
.single-tours .section--information .blocks__page-navigation a {
  font-size: 20px;
  line-height: 24px;
  color: var(--ec-soft-white);
}
@media (min-width: 1024px) {
  .single-tours .section--information .blocks__page-navigation a {
    font-size: 24px;
    line-height: 29px;
  }
}
.single-tours .section--information .blocks__page-navigation a:hover {
  color: var(--ec-gold-200);
}
.single-tours .section--information .blocks__page-navigation > * {
  flex: 0 0 auto;
}
.single-tours .section--information .blocks__page-navigation > * + * {
  display: flex;
}
.single-tours .section--information .blocks__page-navigation > * + * > * + * {
  display: block;
  padding-left: 34px;
}
.single-tours .section--information .blocks__media-player {
  grid-column: span 8;
  grid-row: 1;
}
@media (min-width: 1024px) {
  .single-tours .section--information .blocks__media-player {
    margin-bottom: 33px;
    grid-column: span 6;
    grid-row: 2/4;
  }
}
.single-tours .section--information .blocks__media-player__display-carousel {
  position: relative;
}
.single-tours .section--information .blocks__media-player__display-carousel .blocks__image {
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .single-tours .section--information .blocks__media-player__display-carousel .blocks__image {
    border-radius: 8px;
  }
}
.single-tours .section--information .blocks__media-player__display-carousel .blocks__image > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-tours .section--information .blocks__schedule {
  grid-column: span 8;
  margin-bottom: 18px;
  grid-row: 3;
}
@media (min-width: 1024px) {
  .single-tours .section--information .blocks__schedule {
    grid-column: 8/17;
    margin-bottom: 54px;
    grid-row: 2/3;
  }
}
.single-tours .section--information .blocks__add-actions {
  grid-row: 4;
  grid-column: span 8;
  display: flex;
  margin-top: 33px;
}
.single-tours .section--information .blocks__add-actions .btn {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  line-height: 22px;
  display: flex;
  border-radius: 4px;
  color: #f2f2f2;
  font-weight: 545;
  font-size: 18px;
  letter-spacing: 0em;
  height: 50px;
}
@media (min-width: 1024px) {
  .single-tours .section--information .blocks__add-actions {
    padding-left: 16px;
    padding-right: 16px;
  }
  .single-tours .section--information .blocks__add-actions .btn {
    height: 60px;
  }
}
.single-tours .section--information .blocks__add-actions > * {
  display: flex;
  flex: 1 1 0;
}
.single-tours .section--information .blocks__add-actions > * ~ * {
  margin-left: 26px;
}
@media (min-width: 1024px) {
  .single-tours .section--information .blocks__add-actions > * ~ * {
    margin-left: 33px;
  }
}
@media (min-width: 1024px) {
  .single-tours .section--information .blocks__add-actions > * {
    height: 60px;
  }
}
.single-tours .section--information .blocks__set-list {
  grid-row: 5;
  grid-column: span 8;
}
@media (min-width: 1024px) {
  .single-tours .section--information .blocks__set-list {
    grid-column: 8/17;
    grid-row: 3/5;
  }
}
.single-tours .section--information .blocks__set-list h3 {
  color: #f8ebc7;
}
.single-tours h2.ec-section-title-v2 {
  padding-bottom: 4px;
}
@media (min-width: 1024px) {
  .single-tours h2.ec-section-title-v2 {
    padding-bottom: 6px;
  }
}
.single-tours .slide-number {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin-top: 14px;
}
@media (min-width: 1024px) {
  .single-tours .slide-number {
    margin-top: 20px;
    font-size: 24px;
    line-height: 28px;
  }
}
.single-tours .section-gallery {
  background-image: url("/images/v2/ec-texture.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #757575;
  padding-top: 18px;
  padding-bottom: 38px;
}
.single-tours .section-highlight {
  padding-bottom: 46px;
}
.single-tours .section-highlight .ec-section-title-v2 {
  padding-bottom: 0;
  margin-bottom: 27px;
}
@media (min-width: 1024px) {
  .single-tours .section-highlight .ec-section-title-v2 {
    margin-bottom: 37px;
  }
}
.single-tours .section-highlight .highlight-description {
  color: #f2f2f2;
  font-weight: 400;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .single-tours .section-highlight .highlight-description {
    font-size: 20px;
  }
}
.single-tours .section-highlight .highlight-description h3 {
  color: #f8ebc7;
  font-weight: 621;
  font-size: 20px;
  margin-bottom: 17px;
}
@media (min-width: 1024px) {
  .single-tours .section-highlight .highlight-description h3 {
    font-size: 24px;
    margin-bottom: 22px;
  }
}
.single-tours .tour-images-container {
  padding-left: 36px;
  padding-right: 36px;
  position: relative;
}
.single-tours .tour-images-container .swiper-button-next {
  right: 0;
}
.single-tours .tour-images-container .swiper-button-next::after {
  font-size: 28px;
}
.single-tours .tour-images-container .swiper-button-prev {
  left: 0;
}
.single-tours .tour-images-container .swiper-button-prev::after {
  font-size: 28px;
}
.single-tours #tourImages img {
  width: 100%;
}

.black-box-card {
  display: flex;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  text-transform: uppercase;
  color: #f2f2f2;
  padding: 27px 25px;
}
@media (min-width: 1024px) {
  .black-box-card {
    padding: 27px;
  }
}
.black-box-card__col-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}
.black-box-card h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  margin-bottom: 0;
  margin-top: 0;
}
.black-box-card .meta-info {
  font-size: 20px;
  font-weight: 400;
  line-height: 18px;
}
.black-box-card > * {
  flex: 1 1 0;
}
.black-box-card > * .col-auto {
  flex: 0 0 auto;
}
.black-box-card > * + * {
  padding-left: 20px;
}

.tours-song-list--title {
  padding-top: 18px;
  padding-bottom: 18px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 621;
  line-height: 22px;
  letter-spacing: 0em;
}
@media (min-width: 1024px) {
  .tours-song-list--title {
    padding-top: 0;
    padding-bottom: 16px;
    text-align: left;
    background-color: transparent;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .tours-song-list__ol {
    -moz-column-count: 2;
         column-count: 2;
  }
}
.tours-song-list__li {
  color: #f2f2f2;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}
.tours-song-list__li > * {
  display: flex;
}
.tours-song-list__li a {
  color: #f2f2f2;
  text-decoration: none;
}
.tours-song-list__li a:hover {
  color: #f8ebc7;
}
.tours-song-list__li .list-number {
  font-weight: 621;
  min-width: 42px;
  margin-right: 17px;
}
.tours-song-list__li .list-desc span {
  display: block;
  font-size: 14px;
  font-weight: 100;
  font-style: italic;
}
@media (max-width: 1023px) {
  .tours-song-list__li {
    grid-row: unset !important;
  }
}
@media (min-width: 1024px) {
  .tours-song-list__li {
    grid-column: 1;
  }
}
@media (min-width: 1024px) {
  .tours-song-list__li.col-right {
    grid-column: 2;
  }
}
.tours-song-list__li.current {
  font-weight: 600;
}
.tours-song-list__li.current a {
  color: #f8ebc7;
}

.no-setlist {
  color: #fff;
  line-height: 1.5;
}

.sub-heading-section {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 28px;
  color: #f2f2f2;
}
@media (min-width: 1024px) {
  .sub-heading-section {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 36px;
  }
}
.sub-heading-section a {
  font-weight: 500;
  color: #f2f2f2;
  text-decoration: underline;
}

.membership-badges {
  display: flex;
  gap: 20px;
}

.profile-section {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.profile-section:last-of-type {
  padding-top: 0;
}
@media (min-width: 1024px) {
  .profile-section {
    flex-direction: row;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.profile-section__content {
  flex: 1;
  min-width: 0;
}
.profile-section__sidebar {
  max-width: 290px;
  flex: 1;
  display: none;
}
@media (min-width: 1024px) {
  .profile-section__sidebar {
    display: block;
  }
}
.profile-section--show .profile-section__sidebar {
  padding-top: 48px;
}
.profile-section--show .tour-images-container {
  position: relative;
  display: none;
}
@media (min-width: 1024px) {
  .profile-section--show .tour-images-container {
    display: block;
  }
}
.profile-section--show .tour-images-container img {
  width: 100%;
}
.profile-section--show .tour-images-container .carousel-navigation {
  transform: translateY(-50%);
  top: 50%;
  left: -34px;
  z-index: 10;
}
.profile-section--show .tour-images-container .carousel-navigation--next {
  right: -34px;
  left: auto;
  transform: translateY(-50%) rotate(180deg);
}
.profile-section--show .profile-section__item .tour-images-container {
  display: block;
  margin-bottom: 20px;
}
.profile-section--show .profile-section__item .tour-images-container--with-carousel {
  padding-left: 20px;
  padding-right: 20px;
}
.profile-section--show .profile-section__item .tour-images-container .carousel-navigation {
  left: -20px;
}
.profile-section--show .profile-section__item .tour-images-container .carousel-navigation--next {
  right: -20px;
}
@media (min-width: 1024px) {
  .profile-section--show .profile-section__item .tour-images-container {
    display: none;
  }
}
.profile-section__gallery-titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-section__item {
  margin-bottom: 60px;
}
.profile-section__item:last-of-type {
  margin-bottom: 0;
}
.profile-section__item--fav-show {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .profile-section__item {
    margin-bottom: 100px;
  }
}
.profile-section__item .title {
  font-family: "transducer", sans-serif;
  font-weight: 621;
  font-size: 20px;
  color: var(--ec-gold-200);
  text-transform: uppercase;
  margin-bottom: 1.2rem;
  flex-direction: column;
}
.profile-section__item .title--has-edit {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media (min-width: 1024px) {
  .profile-section__item .title {
    font-size: 24px;
    flex-direction: row;
  }
}
.profile-section__item--profile {
  margin-bottom: 40px;
  text-align: center;
}
.profile-section__item--profile .title {
  font-size: 20px;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .profile-section__item--profile .title {
    font-size: 40px;
  }
}
.profile-section__item--profile > .profile-section__item--poster {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .profile-section__item--profile .profile-section__item--poster {
    display: none;
  }
}
.profile-section__item--profile .profile-section__item--poster + p {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .profile-section__item--profile .profile-section__item--poster + p {
    display: none;
  }
}
@media (min-width: 1024px) {
  .profile-section__item--profile {
    text-align: left;
  }
}
.profile-section__item--poster {
  max-width: 280px;
  width: 100%;
}
.profile-section__item--favorite-album .profile-section__item--content {
  max-width: 300px;
}
.profile-section__item--favorite-album .profile-section__item--content img {
  width: 100%;
}
.profile-section__item--gallery .section-container.section-carousel-insets {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1024px) {
  .profile-section__item--gallery .section-container.section-carousel-insets {
    padding-left: 0;
    padding-right: 0;
  }
}
.profile-section__item--gallery .carousel-holder {
  position: relative;
}
.profile-section__item--gallery .carousel-holder .carousel-navigation {
  transform: translateY(-50%);
  top: 50%;
  left: -40px;
  z-index: 10;
}
.profile-section__item--gallery .carousel-holder .carousel-navigation--next {
  right: -40px;
  left: auto;
  transform: translateY(-50%) rotate(180deg);
}
.profile-section__item--gallery .image-gallery-item img {
  height: 186px;
  border-radius: 10px;
}
.profile-section__item--favorite-song ol {
  counter-reset: favorite-song-counter;
  padding-left: 0;
  list-style: none;
}
.profile-section__item--favorite-song ol li {
  counter-increment: favorite-song-counter;
  margin-bottom: 10px;
  position: relative;
  padding-left: 3em;
  font-size: 18px;
}
.profile-section__item--favorite-song ol li::before {
  content: counter(favorite-song-counter, decimal-leading-zero) ". ";
  position: absolute;
  left: 0;
  font-weight: 621;
  font-size: 18px;
}
.profile-section__item--shows .map-container {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 324px;
  border-radius: 10px;
  overflow: hidden;
}
.profile-section__item--shows .map-container #map {
  width: 100%;
  height: 100%;
}
.profile-section__item--shows .shows-counter {
  margin-top: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 20px 30px;
  font-size: 18px;
}
.profile-section__item--shows .shows-counter__desc {
  font-style: italic;
  font-weight: 100;
}
.profile-section__item--shows .shows-date {
  display: none;
}
.profile-section__item--shows .shows-date__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}
.profile-section__item--shows .shows-date__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 30px;
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: space-between;
  text-align: center;
}
@media (min-width: 1024px) {
  .profile-section__item--shows .shows-date__item {
    flex-direction: row;
    text-align: left;
    align-items: inherit;
  }
}
.profile-section__item--shows .shows-date__item__date {
  flex: 1;
  max-width: 220px;
  font-weight: 621;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .profile-section__item--shows .shows-date__item__date {
    font-size: 18px;
  }
}
.profile-section__item--shows .shows-date__item__desc {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-weight: 400;
}
.profile-section__item--shows .shows-date__item__desc-venue {
  font-size: 16px;
  text-transform: uppercase;
}
.profile-section__item--shows .shows-date__item__desc-location {
  font-size: 14px;
}
@media (min-width: 1024px) {
  .profile-section__item--shows .shows-date__item__desc-venue {
    font-size: 18px;
  }
  .profile-section__item--shows .shows-date__item__desc-location {
    font-size: 18px;
  }
}
.profile-section__item--shows .shows-date__item__more {
  text-transform: uppercase;
  font-weight: 545;
  color: #f2f2f2;
  font-size: 18px;
  text-decoration: underline;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .profile-section__item--shows .shows-date__item__more {
    font-size: 20px;
    margin-top: 0;
  }
}
.profile-section__item--shows .shows-date-expand {
  text-align: center;
}
.profile-section__item--shows .shows-date-expand button {
  background-color: rgba(0, 0, 0, 0.6);
  border: none;
  color: #f2f2f2;
  height: 60px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 545;
  text-decoration: underline;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 20px;
}
.profile-section__item--fav-show .btn-container {
  text-align: center;
  margin-top: 20px;
}
.profile-section__item--fav-show .btn-container a {
  display: inline-block;
}
.profile-section__item .edit, .profile-section__sidebar .edit {
  background-color: transparent;
  line-height: 1;
  border: none;
  color: #f2f2f2;
  font-size: 20px;
  font-weight: 545;
  letter-spacing: 0;
  text-decoration: underline;
  text-transform: uppercase;
  padding: 0;
}

.banner-options {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.banner-options ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.banner-options ul li {
  border: 2px solid transparent;
  cursor: pointer;
}
.banner-options ul li.active {
  border-color: #fff;
}
.banner-options ul li img {
  width: 100%;
}

/**
 * #TRUMPS
 */
@media screen and (min-width: 768px) {
  .hide-on-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}

.no-scroll {
  overflow: hidden;
}

.visually-hidden {
  visibility: hidden;
}

a.login-with-facebook {
  font-family: "transducer";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2em;
  /* identical to box height */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #f2f2f2;
}
a.login-with-facebook:hover {
  color: #F8EBC7;
  text-decoration: none;
}

.close-booklet,
.close-giftguide,
.swiper-button-next,
.swiper-button-prev {
  outline: none;
}

body > img[src*=amazon-adsystem] {
  position: absolute;
  top: 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
/**
 * Helpers
 */
.flex {
  display: flex;
}

.flex-wrap-v2 {
  flex-wrap: wrap;
}

.col-auto {
  flex: 0 0 auto;
  max-width: unset;
}

.col-full {
  flex: 0 0 100%;
  max-width: unset;
}

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

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

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

.mt-4 {
  margin-top: 1rem;
}

.mt-8 {
  margin-top: 2rem;
}

.text-xs {
  font: 400 12px/1.4 "transducer", sans-serif;
}

.text-sm {
  font: 400 14px/1.4 "transducer", sans-serif;
}

.text-red {
  color: #8e1a1e;
}

.underline {
  text-decoration: underline;
}

:root {
  --swiper-navigation-color: #fff;
  --ec-dark-bgColor: #1e1e1e;
  --ec-gridTextColor: #b0b0b0;
  --ec-soft-white: #f2f2f2;
  --ec-dark: #444444;
  --ec-gold-200: #f8ebc7;
  --ec-body-font: "transducer", sans-serif;
}

.close-booklet,
.close-giftguide {
  position: absolute;
  top: 5%;
  right: 3%;
  width: 40px;
  height: 40px;
  z-index: 2000;
  fill: white;
  filter: drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(0 1px 0 #fff);
}

.swiper-container {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
.swiper-container .swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #000;
}
.swiper-container .swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .swiper-container .swiper .swiper-slide:first-child {
    transition: transform 100ms;
  }
  .swiper-container .swiper .swiper-slide:first-child img {
    transition: box-shadow 500ms;
  }
  .swiper-container .swiper .swiper-slide.swiper-slide-active:first-child {
    /* transform: translateX(50%); */
    z-index: 2;
  }
  .swiper-container .swiper .swiper-slide.swiper-slide-active:first-child img {
    box-shadow: 0px 32px 80px rgba(0, 0, 0, 0.35);
  }
  .swiper-container .swiper .swiper-slide:nth-child(2) {
    transition: transform 100ms;
  }
  .swiper-container .swiper .swiper-slide.swiper-slide-next:nth-child(2) {
    transform: translateX(50%);
    z-index: 1;
  }
}
.swiper-container .swiper .swiper-slide img,
.swiper-container .swiper .swiper-slide a {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 810px) {
  .swiper-container .swiper .swiper-slide .video-js {
    top: 36%;
    left: 10%;
    width: 80% !important;
    height: 35% !important;
  }
}
@media only screen and (max-width: 768px) {
  .swiper-container .swiper .swiper-slide .video-js {
    top: 40%;
    left: 10%;
    width: 80% !important;
    height: 22% !important;
  }
}

.bg-image {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.bg-image-center {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.text-white {
  color: #ffffff;
}
.text-underline {
  text-decoration: underline;
}

h2.ec-section-title-v2 {
  font-family: "transducer";
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 621;
  color: #f8ebc7;
  margin: 0 auto;
  padding: 34px 0 28px;
  position: relative;
  z-index: 2;
  letter-spacing: 0.01em;
}
@media (min-width: 1024px) {
  h2.ec-section-title-v2 {
    font-size: 64px;
    margin: 0 auto;
    padding: 47px 0 37px;
  }
}
h2.ec-section-title-v2.title-v2-med {
  font-size: 20px;
}
@media (min-width: 1024px) {
  h2.ec-section-title-v2.title-v2-med {
    font-size: 46px;
  }
}
h2.ec-section-title-v2.m-0 {
  margin: 0;
}
h2.ec-section-title-v2.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.container-v2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 1440px) {
  .container-v2 {
    padding: 0;
  }
}

.img-of-cover {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.text-regular {
  font-size: 14px;
}
@media (min-width: 1024px) {
  .text-regular {
    font-size: 18px;
  }
}

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

.max-width-full {
  max-width: 100%;
}

.h-full {
  height: 100%;
}

.relative {
  position: relative;
}

.dark-wrapper {
  background-color: var(--ec-dark-bgColor);
  min-height: 100vh;
}

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

.col-side-byside {
  flex: 1 1 0;
}

.btn-with-underscore {
  border-color: #fff;
  border-style: solid;
  border-width: 0 0 1px;
  padding-bottom: 1px;
  font-family: "transducer";
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 545;
  font-size: 18px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .btn-with-underscore {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .btn-with-underscore {
    font-size: 20px;
  }
}

.border-0 {
  border-width: 0;
}

.bg-tranparent {
  background-color: transparent;
}

.mr-1 {
  margin-right: 4px;
}

.w-full {
  width: 100%;
}

.image-carousel-empty {
  min-height: 284px;
  -o-object-fit: contain;
     object-fit: contain;
}

.a-is-wrapper-clickable {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}

.gap-48 {
  gap: 48px;
}
.gap-40 {
  gap: 40px;
}
.gap-14 {
  gap: 14px;
}
.gap-22 {
  gap: 22px;
}
.gap-12 {
  gap: 12px;
}
.gap-7 {
  gap: 7px;
}
@media (min-width: 1024px) {
  .gap-lg-48 {
    gap: 48px;
  }
  .gap-lg-40 {
    gap: 40px;
  }
  .gap-lg-14 {
    gap: 14px;
  }
  .gap-lg-12 {
    gap: 7px;
  }
}

.mt-0 {
  margin-top: 0;
}
.mt-3 {
  margin-top: 3px;
}
.mt-6 {
  margin-top: 6px;
}
.mt-12 {
  margin-top: 12px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-28 {
  margin-top: 28px;
}
@media (min-width: 1024px) {
  .mt-lg-0 {
    margin-top: 0;
  }
  .mt-lg-3 {
    margin-top: 3px;
  }
  .mt-lg-6 {
    margin-top: 6px;
  }
  .mt-lg-18 {
    margin-top: 18px;
  }
  .mt-lg-24 {
    margin-top: 24px;
  }
}

.mb-0 {
  margin-bottom: 0;
}
.mb-34 {
  margin-bottom: 34px;
}
.mb-7 {
  margin-bottom: 7px;
}
.mb-6 {
  margin-bottom: 6px;
}
.mb-4x {
  margin-bottom: 16px;
}
.mb-5x {
  margin-bottom: 20px;
}
.mb-3 {
  margin-bottom: 3px;
}
.mb-18 {
  margin-bottom: 18px;
}
.mb-22 {
  margin-bottom: 22px;
}
.mb-76 {
  margin-bottom: 76px;
}
.mb-28 {
  margin-bottom: 28px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-90 {
  margin-bottom: 90px;
}
@media (min-width: 1024px) {
  .mb-lg-0 {
    margin-bottom: 0;
  }
  .mb-lg-7 {
    margin-bottom: 7px;
  }
  .mb-lg-12 {
    margin-bottom: 12px;
  }
  .mb-lg-20 {
    margin-bottom: 20px;
  }
  .mb-lg-22 {
    margin-bottom: 22px;
  }
  .mb-lg-30 {
    margin-bottom: 30px;
  }
  .mb-lg-38 {
    margin-bottom: 38px;
  }
  .mb-lg-47 {
    margin-bottom: 47px;
  }
  .mb-lg-90 {
    margin-bottom: 90px;
  }
  .mb-lg-150 {
    margin-bottom: 150px;
  }
}
.mb--nav-membership {
  margin-bottom: 76px;
}
@media (min-width: 1024px) {
  .mb--nav-membership {
    margin-bottom: 54px;
  }
}

.pr-4 {
  padding-right: 16px;
}
.pr-3 {
  padding-right: 12px;
}

.pb-2 {
  padding-bottom: 2px;
}
.pb-1 {
  padding-bottom: 1px;
}
.pb-78 {
  padding-bottom: 78px;
}
@media (min-width: 1024px) {
  .pb-lg-90 {
    padding-bottom: 90px;
  }
}

.m-0 {
  margin: 0;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .mx-lg-0 {
    margin-left: 0;
    margin-right: 0;
  }
}

.my-34 {
  margin-top: 34px;
  margin-bottom: 34px;
}
.my-47 {
  margin-top: 47px;
  margin-bottom: 47px;
}
@media (min-width: 1024px) {
  .my-lg-47 {
    margin-top: 47px;
    margin-bottom: 47px;
  }
}

.mr-0 {
  margin-right: 0;
}
.mr-4 {
  margin-right: 16px;
}
@media (min-width: 1024px) {
  .mr-lg-0 {
    margin-right: 0;
  }
  .mr-lg-4 {
    margin-right: 16px;
  }
}

.p-spacer {
  margin: 0 0 16px;
}

.pt-10 {
  padding-top: 10px;
}
@media (min-width: 1024px) {
  .pt-lg-18 {
    padding-top: 18px;
  }
  .pt-lg-0 {
    padding-top: 0;
  }
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 1024px) {
  .px-lg-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-lg-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.py-2x {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.text {
  /** Size */
  /**  End of Size */
  /** Align */
  /**  End of Align */
}
.text-uppercase {
  text-transform: uppercase;
}
.text-xl {
  font-size: 18px;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
@media (min-width: 1024px) {
  .text {
    /** Size */
    /**  End of Align */
  }
  .text-lg {
    /** Align */
  }
  .text-lg-xl {
    font-size: 28px;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-left {
    text-align: left;
  }
}
.text-gold200 {
  color: var(--ec-gold-200);
}
.text-soft-white {
  color: var(--ec-soft-white);
}
.text-dark {
  color: var(--ec-dark);
}
.text-strong {
  font-weight: 700;
  font-weight: bold;
}

.f-transducer {
  font-family: "transducer", sans-serif;
}

.fs-10 {
  font-size: 10px;
}
.fs-12 {
  font-size: 12px;
}
.fs-14 {
  font-size: 14px;
}
.fs-16 {
  font-size: 16px;
}
.fs-18 {
  font-size: 18px;
}
.fs-24 {
  font-size: 24px;
}
.fs-28 {
  font-size: 28px;
}
.fs-20 {
  font-size: 20px;
}
.fs-xxx-large {
  font-size: xxx-large;
}
@media (min-width: 1024px) {
  .fs-lg-12 {
    font-size: 12px;
  }
  .fs-lg-16 {
    font-size: 16px;
  }
  .fs-lg-18 {
    font-size: 18px;
  }
  .fs-lg-14 {
    font-size: 14px;
  }
  .fs-lg-24 {
    font-size: 24px;
  }
  .fs-lg-28 {
    font-size: 28px;
  }
  .fs-lg-32 {
    font-size: 32px;
  }
  .fs-lg-36 {
    font-size: 36px;
  }
  .fs-lg-48 {
    font-size: 48px;
  }
  .fs-lg-20 {
    font-size: 20px;
  }
}

.fw-bold {
  font-weight: 621;
}
.fw-semi-bold {
  font-weight: 545;
}
.fw-med-bold {
  font-weight: 418;
}
.fw-med {
  font-weight: 340;
}
.fw-light {
  font-weight: 100;
}

.sub-heading-section {
  margin: 0 0 37px;
}

.hover-underline:hover {
  text-decoration: underline;
}
.hover-gold200:hover {
  color: #f8ebc7;
}

.ElementsApp .InputElement {
  color: #fff;
}

.ln-15 {
  line-height: 1.5;
}

.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
@media (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row;
  }
  .flex-lg-column {
    flex-direction: column;
  }
}

.col-full {
  flex: 0 0 100%;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  max-width: unset;
}
.col-fluid {
  flex: 1 1 0;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .col-lg-full {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    max-width: unset;
  }
  .col-lg-fluid {
    flex: 1 1 0;
    max-width: 100%;
  }
}

.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .align-lg-center {
    align-items: center;
  }
  .align-lg-start {
    align-items: flex-start;
  }
}

.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-between {
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .justify-lg-center {
    justify-content: center;
  }
  .justify-lg-start {
    justify-content: flex-start;
  }
  .justify-lg-between {
    justify-content: space-between;
  }
}

.grid-6 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
  justify-content: center;
  flex-direction: row;
}
@media (min-width: 1024px) {
  .grid-6 {
    margin-left: -32px;
    margin-right: -32px;
  }
}
.grid-6 > * {
  flex: 0 0 50%;
  max-width: 370px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 32px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .grid-6 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 64px;
  }
}

.btn-clear {
  background-color: transparent;
  padding: 0;
  border: unset;
  box-shadow: none;
}
.btn-clear:focus-visible {
  outline: none;
}
.btn-icon-right {
  padding-right: 14px;
}

.form-container--default {
  display: grid;
  grid-template-columns: minmax(0, 776px);
  margin-top: 34px;
  justify-content: center;
}
@media (min-width: 1024px) {
  .form-container--default {
    margin-top: 54px;
  }
}
.form-container .field-wrapper {
  background-color: #000;
  padding: 12px 18px;
  border-radius: 4px;
}
@media (min-width: 1024px) {
  .form-container .field-wrapper {
    padding: 18px 30px;
  }
}
.form-container .field-wrapper .legend {
  margin: 0 0 3px;
}
@media (min-width: 1024px) {
  .form-container .field-wrapper .legend {
    margin: 0 0 6px;
  }
}

.ElementsApp,
.ElementsApp .InputElement {
  color: #f8ebc7;
}

.ElementsApp .Icon-fill {
  fill: #fff;
}

.ElementsApp:autofill,
.ElementsApp .InputElement:autofill,
.ElementsApp:-internal-autofill-selected,
.ElementsApp .InputElement:-internal-autofill-selected {
  border: 0 !important;
  color: #f2f2f2 !important;
  -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
  -webkit-text-fill-color: #f2f2f2 !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  background-clip: content-box !important;
}

#card-element {
  background-color: #000 !important;
}

.btn-copier:hover .bg-tooltip {
  opacity: 1;
}

.btn-copier {
  width: 26px;
  height: 23px;
  position: relative;
  margin-left: 6px;
  transition: opacity 320ms linear;
}
.btn-copier > .span-icon {
  display: block;
  font-size: 20px;
  transform: translate(0);
}
.btn-copier .bg-tooltip {
  border-radius: 4px;
  opacity: 0;
  display: block;
  background-color: #000;
  color: #f2f2f2;
  text-align: center;
  font-size: 12px;
  padding: 2px 14px;
  transition: opacity 320ms linear;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  top: -120%;
}
.btn-copier .bg-tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.btn-copier .bg-tooltip > .text-copy {
  display: inline;
}
.btn-copier .bg-tooltip > .text-copied {
  display: none;
}

.aspect-ratio > iframe,
.aspect-ratio img,
.aspect-ratio .fluid-width-video-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.aspect-ratio--16-9 {
  position: relative;
}
.aspect-ratio--16-9:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
.aspect-ratio--16-9__inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.aspect-ratio--home-hero {
  position: relative;
}
.aspect-ratio--home-hero:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 135.8974358974%;
}
.aspect-ratio--home-hero__inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .aspect-ratio--home-hero {
    position: relative;
  }
  .aspect-ratio--home-hero:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 48.8194444444%;
  }
  .aspect-ratio--home-hero__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1024px) {
  .aspect-ratio.-lg--16-9 {
    position: relative;
  }
  .aspect-ratio.-lg--16-9:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  .aspect-ratio.-lg--16-9__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 768px) {
  .aspect-ratio.-md--home-hero {
    position: relative;
  }
  .aspect-ratio.-md--home-hero:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 48.8194444444%;
  }
  .aspect-ratio.-md--home-hero__inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.carousel-navigation {
  font-size: 28px;
  position: absolute;
  transform: translate(-34px, -17px);
  cursor: pointer;
}
.carousel-navigation--next {
  transform: translate(34px, -22px) rotate(180deg);
  right: 0;
}
.carousel-navigation--prev {
  left: 0;
}
.carousel-navigation.swiper-button-lock {
  display: none;
}

.section-container.section-carousel-insets {
  padding-left: 65px;
  padding-right: 65px;
}
@media (min-width: 1440px) {
  .section-container.section-carousel-insets {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .section-container.section-carousel-insets {
    padding-left: 0;
    padding-right: 0;
  }
}

.container-w-carousel {
  padding-bottom: 40px;
  overflow: hidden;
  color: #f2f2f2;
}
@media (min-width: 1024px) {
  .container-w-carousel {
    padding-bottom: 54px;
  }
}
.container-w-carousel .swiper {
  position: unset;
}
.container-w-carousel .swiper-wrapper {
  margin: 0 auto;
}
.container-w-carousel .swiper-slide {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 1024px) {
  .container-w-carousel .swiper-slide {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.container-w-carousel .swiper-slide .link-slider-block {
  overflow: hidden;
  display: block;
  border-radius: 10px;
  margin-bottom: 12px;
  padding-top: 100%;
  position: relative;
}
.container-w-carousel .swiper-slide .link-slider-block.bg-white {
  background-color: #ffffff;
}
.container-w-carousel .swiper-slide .link-slider-block > img {
  position: absolute;
  top: 0;
  left: 0;
}
.container-w-carousel .carousel-holder {
  position: relative;
}
@media (max-width: 1023px) {
  .container-w-carousel .carousel-holder.only-three {
    padding-left: 27px;
    padding-right: 27px;
  }
}
@media (min-width: 1024px) {
  .container-w-carousel .carousel-holder.only-three .swiper-wrapper {
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .container-w-carousel .carousel-holder.only-three .swiper-slide {
    padding-left: 0;
    padding-right: 0;
    width: 288px !important;
  }
}
.container-w-carousel .carousel-holder.only-three .slide-action-wrapper {
  width: calc(100% - 48px);
  left: 24px;
}
.container-w-carousel .slide-action-wrapper {
  position: absolute;
  height: 0;
  overflow: visible;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: calc(50% - 25px);
  left: 0;
  padding: 0;
}
@media (min-width: 1024px) {
  .container-w-carousel .slide-action-wrapper.only-for-mobile {
    display: none;
  }
}
.container-w-carousel .slide-action-wrapper .swiper-button-next,
.container-w-carousel .slide-action-wrapper .swiper-button-prev {
  flex: 0 0 auto;
  display: block;
  margin-right: -40px;
  margin-top: -12px;
  top: 0;
  text-align: left;
  height: 24px;
  width: 24px;
}
.container-w-carousel .slide-action-wrapper .swiper-button-next:after,
.container-w-carousel .slide-action-wrapper .swiper-button-prev:after {
  font-size: 24px;
}
.container-w-carousel .slide-action-wrapper .swiper-button-prev {
  margin-right: 0;
  margin-left: -40px;
  text-align: right;
}
.container-w-carousel .carousel-meta-name {
  font-family: "transducer";
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 545;
  margin-bottom: 6px;
}
@media (min-width: 1024px) {
  .container-w-carousel .carousel-meta-name {
    font-size: 18px;
  }
}
.container-w-carousel .carousel-meta-name:hover {
  color: #F8EBC7;
  text-decoration: none;
}
.container-w-carousel .carousel-meta-price {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .container-w-carousel .carousel-meta-price {
    font-size: 18px;
  }
}

.my-profile .container-w-carousel {
  padding-bottom: 90px;
}
@media (min-width: 1024px) {
  .my-profile .container-w-carousel {
    padding-bottom: 150px;
  }
}

.card-black-60 {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 12px 24px;
}
@media (min-width: 1024px) {
  .card-black-60 {
    padding: 18px 30px;
  }
}
.card-black-60.radii-4 {
  border-radius: 4;
}
.card-show {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.6);
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 18px;
  padding-bottom: 26px;
  color: #f2f2f2;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.card-show__image {
  width: 100%;
  margin-bottom: 14px;
}
.card-show__title {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}
.card-show__date {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 400;
}
.card-show__location {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-style: italic;
  font-weight: 100;
}
.card-show__top {
  margin-bottom: 37px;
}
.card-show__actions {
  margin-top: auto;
  display: flex;
  justify-content: center;
}
.card-show__actions > *:last-child {
  margin-left: 20px;
}

.bg-black {
  background-color: black;
}

.d-block {
  display: block;
}
.d-none {
  display: none;
}
.d-flex {
  display: flex;
}
@media (min-width: 1024px) {
  .d-lg-block {
    display: block;
  }
  .d-lg-none {
    display: none;
  }
  .d-lg-flex {
    display: flex;
  }
}
@media (min-width: 500px) {
  .d-sm-block {
    display: block;
  }
  .d-sm-none {
    display: none;
  }
}

.bg-texture-2-5 {
  background-image: url("../images/v2/ec-texture-25-mobile.jpg");
}
@media (min-width: 1024px) {
  .bg-texture-2-5 {
    background-image: url("../images/v2/ec-texture-25.jpg");
  }
}

.bg-texture-2-2 {
  background-image: url("../images/v2/ec-texture-22-mobile.jpg");
}
@media (min-width: 1024px) {
  .bg-texture-2-2 {
    background-image: url("../images/v2/ec-texture-22.jpg");
  }
}

.bg-texture-layer0 {
  background-color: var(--ec-dark);
}

.bg-soft-white {
  background-color: var(--ec-soft-white);
}

.meta-content-v2 {
  font-family: "transducer";
  line-height: 1.2;
  font-weight: 400;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .meta-content-v2 {
    font-size: 18px;
  }
}

.mt-3 {
  margin-top: 12px;
}

.overflow-hidden {
  overflow: hidden;
}

.section-container {
  max-width: unset;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 1024px) {
  .section-container {
    padding-left: 0;
    padding-right: 0;
    max-width: 960px;
  }
}
@media (min-width: 1440px) {
  .section-container {
    max-width: 1200px;
  }
}
@media (min-width: 1024px) {
  .section-container.container-med {
    max-width: 804px;
  }
}
@media (min-width: 1024px) {
  .section-container.container-small {
    max-width: 776px;
  }
}
.section-container.section-pb-fill {
  padding-bottom: 20vh;
}
@media (min-width: 1024px) {
  .section-container.section-pb-fill {
    padding-bottom: 50vh;
  }
}

.collapsable-content {
  display: none;
}
.collapsable-content.open {
  display: block;
}
.collapsable-content.open.flex {
  display: flex;
}
.collapsable-content.zindex-hight {
  z-index: 100;
}
.collapsable-content.zindex-med {
  z-index: 10;
}

.insert-underline {
  position: relative;
}
.insert-underline:after {
  content: " ";
  width: 100%;
  height: 1px;
  background-color: var(--ec-soft-white);
  bottom: 0;
  left: 0;
  transform: translate(0, 100%);
  position: absolute;
}

@media (min-width: 1600px) {
  .news-single-content {
    min-height: 50vh;
  }
}
.max-w--326 {
  max-width: 326px;
}
@media (min-width: 1024px) {
  .max-w-lg--275 {
    max-width: 275px;
  }
  .max-w-lg--212 {
    max-width: 212px;
  }
  .max-w-lg--776 {
    max-width: 776px;
  }
  .max-w-lg--1200 {
    max-width: 1200px;
  }
}
.max-w--half {
  max-width: 50%;
}

.perk-icon {
  height: 60px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .perk-icon {
    height: 96px;
    margin-bottom: 36px;
  }
}

.body-with-html-text > ol {
  padding-left: 25px;
}
.body-with-html-text > ol > li {
  margin-bottom: 1rem;
}

/* Loader 5 */
.loader-signal {
  height: 32px;
  width: 32px;
  animation: loader-signal-1 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  margin: 0 auto;
}
@keyframes loader-signal-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader-signal::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #dd9b6b;
  border-radius: 50%;
  animation: loader-signal-2 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@keyframes loader-signal-2 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(24px, 0, 0) scale(0.5);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.loader-signal::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #dd9b6b;
  border-radius: 50%;
  animation: loader-signal-3 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@keyframes loader-signal-3 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(-24px, 0, 0) scale(0.5);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.loader-signal span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 32px;
  width: 32px;
}

.loader-signal span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #dd9b6b;
  border-radius: 50%;
  animation: loader-signal-4 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@keyframes loader-signal-4 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(0, 24px, 0) scale(0.5);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
.loader-signal span::after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #dd9b6b;
  border-radius: 50%;
  animation: loader-signal-5 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@keyframes loader-signal-5 {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(0, -24px, 0) scale(0.5);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNova/regular.woff2") format("woff2"), url("../fonts/ProximaNova/regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNova/bold.woff2") format("woff2"), url("../fonts/ProximaNova/bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Modesto Expanded";
  src: url("../fonts/ModestoExpanded/font.woff2") format("woff2"), url("../fonts/ModestoExpanded/font.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
.whiskey-jipsy {
  margin-top: -50px;
  margin-bottom: 0;
  color: #3a3836;
  font-family: "Proxima Nova";
  font-size: 14px;
  line-height: 18px;
}
.whiskey-jipsy input:focus-visible {
  outline: none;
}
.whiskey-jipsy p {
  margin: 0;
}
.whiskey-jipsy a {
  color: #3a3836;
  text-decoration: underline;
}
.whiskey-jipsy h1, .whiskey-jipsy h2, .whiskey-jipsy h3, .whiskey-jipsy h4, .whiskey-jipsy h5 {
  font-family: "Modesto Expanded";
}
@media (min-width: 1024px) {
  .whiskey-jipsy {
    font-size: 18px;
    line-height: 21px;
    margin-top: 0;
    margin-bottom: -143px;
  }
}
.whiskey-jipsy .d-flex {
  display: flex;
}
.whiskey-jipsy .d-none {
  display: none;
}
.whiskey-jipsy .d-block {
  display: block;
}
.whiskey-jipsy .d-grid {
  display: grid;
}
.whiskey-jipsy-section-hero {
  background: linear-gradient(45deg, #b16e44 0%, #e3a376 100%);
  min-height: 100vh;
  justify-content: center;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: minmax(320px, 1440px);
  padding-top: 107px;
  padding-bottom: 68px;
  max-width: 100vw;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .whiskey-jipsy-section-hero {
    padding-top: 180px;
    padding-bottom: 107px;
  }
}
@media (min-width: 1440px) {
  .whiskey-jipsy-section-hero {
    padding-top: 214px;
  }
}
.whiskey-jipsy-section-hero .page-title {
  font-size: 32px;
}
@media (min-width: 1024px) {
  .whiskey-jipsy-section-hero .page-title {
    font-size: 40px;
  }
}
@media (min-width: 1440px) {
  .whiskey-jipsy-section-hero .page-title {
    font-size: 60px;
    line-height: 64px;
  }
}
.whiskey-jipsy-section-hero .meta-container {
  display: flex;
  gap: 36px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .whiskey-jipsy-section-hero .meta-container {
    gap: 58px;
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .whiskey-jipsy-section-hero .meta-container {
    gap: 0;
  }
}
.whiskey-jipsy-section-hero .meta-container .left-content {
  flex: 0 0 auto;
  width: 100%;
  padding-inline-end: 34px;
  padding-inline-start: 34px;
}
@media (min-width: 1024px) {
  .whiskey-jipsy-section-hero .meta-container .left-content {
    width: 50%;
    padding-inline-start: 60px;
    padding-inline-end: 0;
  }
}
@media (min-width: 1728px) {
  .whiskey-jipsy-section-hero .meta-container .left-content {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}
.whiskey-jipsy-section-hero .meta-container .left-content .wj-logo {
  display: block;
  width: 182px;
  margin: 0 auto 27px;
}
.whiskey-jipsy-section-hero .meta-container .left-content .wj-logo > img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
}
.whiskey-jipsy-section-hero .meta-container .right-content {
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .whiskey-jipsy-section-hero .meta-container .right-content {
    width: 50%;
  }
}
.whiskey-jipsy-section-hero .meta-container .right-content .featured-image {
  width: 391px;
  display: block;
  margin: 0 auto 27px;
}
.whiskey-jipsy-section-hero .meta-container .right-content .featured-image > img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
}
.whiskey-jipsy .spacer-text {
  margin-bottom: 26px;
}
.whiskey-jipsy .form-body {
  margin-top: 27px;
  margin-bottom: 35px;
}
.whiskey-jipsy .form-control {
  border: 1px solid #f5f2ec;
  background-color: transparent;
  margin-bottom: 14px;
  text-align: center;
  color: #f5f2ec;
  font-size: 14px;
  line-height: 0.85em;
  padding: 15px 4px 11px;
  width: 100%;
  border-radius: 6px;
}
.whiskey-jipsy .form-control.error {
  border-color: red;
}
@media (min-width: 768px) {
  .whiskey-jipsy .form-control {
    padding: 21px 4px 16px;
    width: 399px;
    font-size: 18px;
  }
}
.whiskey-jipsy .form-control::-moz-placeholder {
  color: #f5f2ec;
}
.whiskey-jipsy .form-control::placeholder {
  color: #f5f2ec;
}
.whiskey-jipsy .checkbox {
  /* End of &-container */
}
.whiskey-jipsy .checkbox-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  justify-content: center;
  gap: 12px;
  max-width: 150px;
  margin: 0 auto;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
}
.whiskey-jipsy .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  left: 0;
  /* When the checkbox is checked, add background */
}
.whiskey-jipsy .checkbox-container input:checked ~ .checkmark {
  background-color: #f5f2ec;
}
.whiskey-jipsy .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
.whiskey-jipsy .checkbox-container.error .checkmark {
  border-color: red;
}
.whiskey-jipsy .checkbox-container .checkmark {
  position: relative;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  flex: 0 0 20px;
  background-color: transparent;
  border: 1px solid #f5f2ec;
  border-radius: 6px;
  display: block;
  /* Create the checkmark/indicator (hidden when not checked) */
}
@media (min-width: 768px) {
  .whiskey-jipsy .checkbox-container .checkmark {
    height: 27px;
    width: 25px;
    flex: 0 0 25px;
  }
}
.whiskey-jipsy .checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.whiskey-jipsy .checkbox-container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #dd9b6b;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
@media (min-width: 768px) {
  .whiskey-jipsy .checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
  }
}
.whiskey-jipsy .checkbox-container .text-label {
  flex: 0 0 auto;
  display: block;
  font-size: 14px;
  line-height: 0.85em;
}
@media (min-width: 768px) {
  .whiskey-jipsy .checkbox-container .text-label {
    font-size: 18px;
    line-height: 21px;
  }
}
.whiskey-jipsy .checkbox-container:hover input ~ .checkmark {
  background-color: #f5f2ec;
}
.whiskey-jipsy .btn-submit {
  text-transform: uppercase;
  color: #dd9b6b;
  background-color: #f5f2ec;
  border-radius: 6px;
  font-weight: bold;
  font-size: 18px;
  line-height: 0.85em;
  border: 0;
  padding: 16px 4px 10px;
  width: 162px;
  display: block;
  margin: 0 auto;
  margin-top: 18px;
}
@media (min-width: 768px) {
  .whiskey-jipsy .btn-submit {
    font-size: 14px;
    padding: 22px 4px 16px;
  }
}
.whiskey-jipsy-section-side-by-side-image {
  background-color: #f6f4ef;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  display: grid;
  overflow: hidden;
  height: 100%;
}
@media (min-width: 1024px) {
  .whiskey-jipsy-section-side-by-side-image {
    grid-template-columns: repeat(1, 1fr 1fr);
    grid-template-rows: auto;
  }
}
@media (min-width: 1728px) {
  .whiskey-jipsy-section-side-by-side-image {
    height: 864px;
    min-height: unset;
  }
}
.whiskey-jipsy-section-side-by-side-image .section-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  overflow: hidden;
  min-height: 390px;
}
.whiskey-jipsy-section-side-by-side-image .section-item .meta-content {
  padding: 30px;
}
@media (min-width: 768px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content {
    padding: 60px;
  }
}
@media (min-width: 1440px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content {
    padding: 60px;
  }
}
@media (min-width: 1920px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content {
    padding: 60px 120px;
  }
}
.whiskey-jipsy-section-side-by-side-image .section-item .meta-content h2 {
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 15px;
}
@media (min-width: 1024px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content h2 {
    font-size: 31px;
    line-height: 38px;
  }
}
@media (min-width: 1440px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content h2 {
    font-size: 55px;
    line-height: 59px;
  }
}
@media (min-width: 1440px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content h2.no-eyebrow {
    margin: 0 0 33px;
  }
}
.whiskey-jipsy-section-side-by-side-image .section-item .meta-content h3 {
  font-size: 23px;
  line-height: 28px;
  margin: 0 0 33px;
}
.whiskey-jipsy-section-side-by-side-image .section-item .meta-content a.btn-link {
  text-transform: uppercase;
  color: #f6f4ef;
  background-color: #dd9b6c;
  border-radius: 6px;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  border: 0;
  padding: 22px 4px 16px;
  width: 162px;
  display: block;
  margin: 0 auto;
  text-decoration: none;
}
.whiskey-jipsy-section-side-by-side-image .section-item .meta-content .meta-icon {
  width: 24px;
  margin: 0 auto 16px;
}
@media (min-width: 768px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content .meta-icon {
    width: 33px;
    margin-bottom: 0 auto;
  }
}
@media (min-width: 1024px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content .meta-icon {
    width: 24px;
    margin-bottom: 0 auto;
  }
}
@media (min-width: 1440px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content .meta-icon {
    width: 33px;
  }
}
@media (min-width: 1440px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content .meta-icon.mb-more {
    margin-bottom: 44px;
  }
}
.whiskey-jipsy-section-side-by-side-image .section-item .meta-content .meta-icon > img {
  width: 100%;
}
.whiskey-jipsy-section-side-by-side-image .section-item .meta-content .last-text-0 {
  margin-bottom: 46px;
  max-width: 695px;
}
.whiskey-jipsy-section-side-by-side-image .section-item .meta-content .last-text-1 {
  margin-bottom: 24px;
  max-width: 671px;
}
.whiskey-jipsy-section-side-by-side-image .section-item .meta-content .wj-text-highlight {
  color: #dd9b6b;
}
.whiskey-jipsy-section-side-by-side-image .section-item .meta-content .text-promotion {
  margin-bottom: 21px;
}
@media (min-width: 768px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .meta-content .text-promotion {
    margin-bottom: 28px;
  }
}
.whiskey-jipsy-section-side-by-side-image .section-item .featured-full-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.whiskey-jipsy-section-side-by-side-image .section-item .featured-full-image > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: left top;
     object-position: left top;
}
@media (min-width: 1024px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .featured-full-image > img {
    height: 100%;
  }
  .whiskey-jipsy-section-side-by-side-image .section-item .featured-full-image > img.higher-media-source {
    max-height: 590px;
  }
}
@media (max-height: 500px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .featured-full-image > img {
    max-height: 500px;
  }
}
@media (min-width: 1728px) {
  .whiskey-jipsy-section-side-by-side-image .section-item .featured-full-image > img.higher-media-source {
    max-height: unset;
  }
}

.message-banner {
  background-color: transparent;
  padding: 12px 32px;
  color: #f5f2ec;
  margin-top: 30px;
  border: 1px solid #f5f2ec;
  font-size: 120%;
  justify-self: center;
}

.homepage-v2-wrapper {
  background-color: #1e1e1e;
}
.homepage-v2-wrapper .carousel {
  top: 0;
}

.header-hero {
  height: 530px;
}
@media (min-width: 1024px) {
  .header-hero {
    height: 703px;
  }
}

.texture-new {
  background-image: url("../images/v2/texture-single.jpg");
  height: 318px;
  padding-top: 34px;
  padding-bottom: 41px;
}
@media (min-width: 1024px) {
  .texture-new {
    height: 267px;
    padding-top: 46px;
    padding-bottom: 46px;
  }
}
.texture-new.flexible {
  height: auto;
}
@media (max-width: 1023px) {
  .texture-new.flexible {
    padding: 20px 0 28px;
  }
}
@media (max-width: 767px) {
  .texture-new.flexible {
    padding: 18px 0 21px;
  }
}

.or-home-section .texture-new {
  background-color: #000;
  background-image: none;
}

.bg-texture-2-3 {
  background-image: url("../images/v2/bg-texture-2-3.jpg");
}

.bg-texture-2-4 {
  background-image: url("../images/v2/bg-texture-2-4.jpg");
}

.bg-instagram-feed {
  background-image: url("../images/v2/bg-instagram-feed.jpg");
}

.bg-fader {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}

.meta-tour-guest {
  font-weight: 100;
  font-style: italic;
  opacity: 0.6;
}

.section-join-churcchoir {
  background-image: url("../images/v2/bg-ec-featured.jpg");
  min-height: 440px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .section-join-churcchoir {
    min-height: 608px;
  }
}
.section-join-churcchoir .jc-section-container {
  padding: 58px 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 1024px) {
  .section-join-churcchoir .jc-section-container {
    padding: 90px 0 37px;
  }
}
.section-join-churcchoir .meta-join-churc-choir {
  line-height: 1.2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 554px;
  flex-wrap: wrap;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.section-join-churcchoir .meta-join-churc-choir h3 {
  margin: 0 0 10px;
  font-weight: 621;
  font-size: 20px;
  margin-bottom: 10px;
  font-family: "transducer";
}
@media (min-width: 1024px) {
  .section-join-churcchoir .meta-join-churc-choir h3 {
    font-size: 32px;
  }
}
.section-join-churcchoir .meta-join-churc-choir p {
  margin: 0 0 10px;
}
.section-join-churcchoir .meta-join-churc-choir .img-logo-icon {
  width: 151px;
  height: 187px;
  margin-bottom: 12px;
}
.section-join-churcchoir .meta-join-churc-choir .img-logo-icon img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1024px) {
  .section-join-churcchoir .meta-join-churc-choir .img-logo-icon {
    width: 195px;
    height: 261px;
  }
}

.btn.btn-transducer {
  font-family: "transducer";
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 545;
  color: #f2f2f2;
}
@media (min-width: 1024px) {
  .btn.btn-transducer {
    font-size: 18px;
  }
}
.btn.btn-transducer.no-action:hover {
  color: #f2f2f2;
}
.btn.underline {
  text-decoration: underline;
}
.btn.p-0 {
  padding: 0;
}
.btn.btn-white {
  color: #ffffff;
}
.btn.btn-white.no-action:hover {
  color: #ffffff;
}
.btn.block {
  display: block;
}
.btn:hover {
  color: #F8EBC7;
  text-decoration: none;
}

.img-of-cover {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-slide-featured-image {
  position: absolute;
  background-position: 72% 0;
  top: 0;
}
@media (min-width: 768px) {
  .home-slide-featured-image {
    background-position: center top;
  }
}

.homepage-v2-wrapper .swiper-wrapper {
  align-items: stretch;
}
.homepage-v2-wrapper .swiper-slide {
  height: unset;
}
.homepage-v2-wrapper img.home-hero-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.upcoming-tour-container {
  overflow: hidden;
  padding-bottom: 40px;
}
@media (min-width: 1024px) {
  .upcoming-tour-container {
    padding-bottom: 54px;
  }
}
.upcoming-tour-container .ec-section-title-v2 {
  padding-bottom: 18px;
}
.upcoming-tour-container .nav-links {
  justify-content: center;
  margin-bottom: 50px;
}
.upcoming-tour-container .nav-links > a:not(:first-child) {
  margin-left: 158px;
}
.upcoming-tour-container .year-separator {
  color: #f8ebc7;
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-bottom: 22px;
  margin-top: 52px;
  font-size: 20px;
}
@media (min-width: 1024px) {
  .upcoming-tour-container .year-separator {
    font-size: 24px;
  }
}
.upcoming-tour-container .year-separator::before {
  content: "";
  height: 3px;
  background-color: #f8ebc7;
  display: block;
  flex: 1;
  margin-right: 18px;
}
.upcoming-tour-container .year-separator::after {
  content: "";
  height: 3px;
  background-color: #f8ebc7;
  display: block;
  flex: 1;
  margin-left: 18px;
}
.upcoming-tour-container .form-filter {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .upcoming-tour-container .form-filter {
    flex-direction: row;
  }
  .upcoming-tour-container .form-filter > *:not(:first-child) {
    margin-left: 18px;
  }
}
.upcoming-tour-container .form-filter__group {
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .upcoming-tour-container .form-filter__group {
    flex-direction: row;
  }
}
.upcoming-tour-container .form-filter__group > * {
  width: 100%;
  flex: 1;
}
@media (min-width: 1024px) {
  .upcoming-tour-container .form-filter__group > *:not(:first-child) {
    margin-left: 18px;
  }
}
.upcoming-tour-container .form-filter__item {
  border-radius: 4px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 30px;
  padding-right: 30px;
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.6);
}
.upcoming-tour-container .form-filter__item--select {
  padding-left: 0;
  padding-right: 0;
}
.upcoming-tour-container .form-filter__item--select label {
  padding-left: 30px;
  padding-right: 30px;
}
.upcoming-tour-container .form-filter__item--select.active {
  border: 1px solid #F2F2F2;
}
.upcoming-tour-container .form-filter__item--select.active .select-items {
  border-left: 1px solid #F2F2F2;
  border-right: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  margin-left: -1px;
  margin-right: -1px;
}
.upcoming-tour-container .form-filter__item--select .select-selected {
  font-weight: 621;
}
.upcoming-tour-container .form-filter__item label {
  display: block;
  color: #f2f2f2;
  font-style: italic;
  font-weight: 100;
  margin-bottom: 6px;
}
.upcoming-tour-container .form-filter input,
.upcoming-tour-container .form-filter select {
  background-color: transparent;
  border: none;
  color: #9c9c9c;
  font-size: 18px;
  font-weight: 621;
}
.upcoming-tour-container .form-filter input:focus,
.upcoming-tour-container .form-filter select:focus {
  outline: none;
}
.upcoming-tour-container .form-filter select {
  color: #f2f2f2;
}
.upcoming-tour-container .form-filter select option {
  color: #333;
}

.upcoming-section {
  background-image: url("../images/v2/bg-upcoming-tour-1440.jpg");
  min-height: 672px;
  overflow: hidden;
  padding-bottom: 40px;
}
@media (min-width: 1024px) {
  .upcoming-section {
    padding-bottom: 37px;
  }
}
.upcoming-section.p-0 {
  padding: 0;
}
.upcoming-section.as-banner {
  background-image: url("../images/v2/upcaming-page-banner.png");
  height: 165px;
  min-height: unset;
  background-position: center center;
}
@media (min-width: 1024px) {
  .upcoming-section.as-banner {
    height: 320px;
  }
}
@media (min-width: 1920px) {
  .upcoming-section.as-banner {
    background-position-y: 30%;
  }
}
.upcoming-section .cta-tour-date-faqs {
  position: absolute;
  right: 24px;
  bottom: 19px;
}
@media (min-width: 1024px) {
  .upcoming-section .cta-tour-date-faqs {
    right: 0;
  }
}

.view--grid-list {
  flex-wrap: wrap;
  align-items: stretch;
  padding-top: 28px;
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 47px;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .view--grid-list {
    -moz-column-gap: 58px;
         column-gap: 58px;
    padding-top: 37px;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .view--grid-list {
    -moz-column-gap: 4%;
         column-gap: 4%;
    padding-top: 37px;
    justify-content: flex-start;
  }
}
@media (min-width: 1440px) {
  .view--grid-list {
    -moz-column-gap: 14%;
         column-gap: 14%;
  }
}
.view--grid-list.longer-row-gap {
  row-gap: 37px;
}
@media (min-width: 1024px) {
  .view--grid-list.longer-row-gap {
    row-gap: 58px;
  }
}
.view--grid-list .grid-list__item {
  margin-bottom: 0;
}
.view--grid-list .per-row-3-md {
  flex: 0 0 288px;
  max-width: 288px;
}
.view--grid-list .grid-list__item__img {
  max-height: 288px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 14px;
}
.view--grid-list .grid-list__item__img > img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 288px;
}
.view--grid-list .grid-list__item__img > img.img--placeholder {
  height: 288px;
  -o-object-fit: contain;
     object-fit: contain;
  width: unset;
  max-width: 100%;
}
.view--grid-list .grid-list__item__meta_info {
  color: var(--ec-soft-white);
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.view--grid-list .grid-list__item__meta_info .meta-detail-info {
  flex: 0 0 100%;
  word-wrap: break-word;
}
.view--grid-list .grid-list__item__meta_info .meta-detail-info.mb-3 {
  margin-bottom: 12px;
}
.view--grid-list .grid-list__item__meta_info .meta-detail-info.is-church-choir {
  flex: 1 1 0;
  color: var(--ec-gridTextColor);
  max-width: calc(100% - 55px);
}
.view--grid-list .grid-list__item__meta_info .meta-detail-info.is-church-choir h3.title--grid-item {
  color: var(--ec-gridTextColor);
}
.view--grid-list .grid-list__item__meta_info .meta-detail-info h3.title--grid-item {
  margin: 0 0 6px;
  font-size: 24px;
  line-height: 1.2em;
  color: var(--ec-soft-white);
  font-weight: 600;
  font-family: "transducer";
}
.view--grid-list .grid-list__item__meta_info .meta-detail-info h3.title--grid-item.title--light {
  font-weight: 400;
  font-size: 18px;
}
.view--grid-list .grid-list__item__meta_info .meta-detail-info h3.title--grid-item.title--light.light--smaller {
  font-weight: 340;
}
.view--grid-list .grid-list__item__meta_info .meta-detail-info h3.title--grid-item.mb-0 {
  margin-bottom: 0;
}
.view--grid-list .grid-list__item__meta_info .meta-detail-info .title--small-alt {
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 400;
  font-family: "transducer";
}
.view--grid-list .grid-list__item__meta_info .meta-logo {
  flex: 0 0 43px;
  width: 43px;
}
.view--grid-list .church-choir-exclusive {
  margin-top: 0;
}
.view--grid-list .church-choir-exclusive .grid-list__item__img .choir-logo {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  right: 10px;
  width: 43px;
}
.view--grid-list .church-choir-exclusive .grid-list__item__meta_info .meta-detail-info h3.title--grid-item {
  color: var(--ec-gridTextColor);
}

.shorting-dropdown {
  position: absolute;
  width: 282px;
  right: -18px;
  padding: 16px;
  gap: 7px;
  transform: translateY(5px);
}

.label-sort .span-icon {
  top: -6px;
}
@media (min-width: 1024px) {
  .label-sort .span-icon {
    top: -2px;
  }
}

.coupon-code .span-icon {
  top: -6px;
}
@media (min-width: 1024px) {
  .coupon-code .span-icon {
    right: -12px;
    top: -1px;
  }
}

.meta-radio-cta {
  margin-top: 16px;
  margin-bottom: 22px;
}
.meta-radio-cta.section-bottom {
  margin-top: 40px;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .meta-radio-cta.section-bottom {
    margin-top: 72px;
  }
}
@media (min-width: 1024px) {
  .meta-radio-cta {
    margin-top: 18px;
    margin-bottom: 27px;
  }
}
.meta-radio-cta .btn.btn-transducer {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .meta-radio-cta .btn.btn-transducer {
    font-size: 24px;
  }
}
.meta-radio-cta .meta-radio-socials > img {
  width: 20px;
}
@media (min-width: 1024px) {
  .meta-radio-cta .meta-radio-socials > img {
    width: 28px;
  }
}

.outsider-page-description {
  margin-bottom: 46px;
}
@media (min-width: 1024px) {
  .outsider-page-description {
    margin-bottom: 58px;
  }
}

.outsider-list {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
@media (min-width: 1024px) {
  .outsider-list {
    margin-bottom: 7px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}
.outsider-list .or-meta-info {
  flex: 1 1 0;
}
.outsider-list .or-meta-info .text-meta-info {
  font-family: "transducer";
  font-size: 18px;
  font-weight: 400;
}
.outsider-list .or-meta-info .text-meta-info.info-meta-title {
  font-weight: 621;
  margin-right: 0;
  margin-bottom: 3px;
}
.outsider-list .or-meta-info .text-meta-info.info-meta-title > .span-icon {
  position: relative;
  display: inline;
}
@media (min-width: 1024px) {
  .outsider-list .or-meta-info .text-meta-info.info-meta-title > .span-icon {
    display: none;
  }
}
@media (min-width: 1024px) {
  .outsider-list .or-meta-info .text-meta-info.info-meta-title {
    margin-right: 12px;
    margin-bottom: 0;
  }
}
.outsider-list .or-meta-info .text-meta-info.info-meta-feat-detail {
  font-style: italic;
  margin-top: 3px;
}
@media (min-width: 1024px) {
  .outsider-list .or-meta-info .text-meta-info.info-meta-feat-detail {
    margin-top: 6px;
  }
}
.outsider-list .or-meta-info .text-meta-info.info-meta-feat > .span-icon {
  position: relative;
  display: none;
}
@media (min-width: 1024px) {
  .outsider-list .or-meta-info .text-meta-info.info-meta-feat > .span-icon {
    display: inline;
  }
}
.outsider-list .or-meta-date {
  flex: 0 0 auto;
}

.radio-term {
  font-family: "transducer";
  font-style: normal;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  margin-top: 80px;
  margin-bottom: 58px;
}
@media (min-width: 1024px) {
  .radio-term {
    font-size: 28px;
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

.or-sirius-sm {
  position: absolute;
  left: 24px;
  top: 35px;
  max-width: 264px;
}
@media (min-width: 1024px) {
  .or-sirius-sm {
    top: 51px;
    left: 0;
    max-width: 980px;
    margin: 0 auto 0 auto;
    width: 100%;
    right: 0;
  }
}
@media (min-width: 1440px) {
  .or-sirius-sm {
    left: 0;
    max-width: 1090px;
  }
}

.or-insight-section {
  background-image: url("../images/v2/outsiders-radio/or-bg-02-mobile.jpg");
  margin-top: 80px;
  margin-bottom: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}
.or-insight-section::before {
  content: " ";
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}
@media (min-width: 1024px) {
  .or-insight-section::before {
    display: none;
  }
}
.or-insight-section-relative-content {
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .or-insight-section {
    background-image: url("../images/v2/outsiders-radio/or-bg-02.jpg");
    margin-top: 100px;
    margin-bottom: 100px;
    padding-top: 54px;
    padding-bottom: 54px;
  }
}

.or-quote {
  font-weight: 600;
  font-style: italic;
  font-size: 1rem;
  margin-bottom: 4rem;
  margin-top: 4rem;
}
@media (min-width: 1024px) {
  .or-quote {
    margin-bottom: 5rem;
    margin-top: 5rem;
    font-size: 1.25rem;
  }
}
.or-quote span {
  font-weight: 400;
}
.or-quote p {
  margin: 0;
}

.or-call-to {
  font-weight: 621;
  font-size: 20px;
}
@media (min-width: 1024px) {
  .or-call-to {
    font-size: 24px;
  }
}
.or-call-to p {
  margin: 0;
}
.or-call-to strong {
  font-weight: 900;
}

.or-radio-v2 .section-container {
  padding-left: 0;
  padding-right: 0;
}
.or-radio-v2 .texture-new {
  background-image: none;
  height: unset;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .or-radio-v2 .texture-new {
    height: 269px;
  }
}
.or-radio-v2 .block-radio-v2-detail h2 {
  font-size: 12px;
}
@media (min-width: 500px) {
  .or-radio-v2 .block-radio-v2-detail h2 {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .or-radio-v2 .block-radio-v2-detail h2 {
    font-size: 24.42px;
  }
}

.or-hero-badge {
  width: 264px;
  height: 96.77px;
}
@media (min-width: 1024px) {
  .or-hero-badge {
    width: 592px;
    height: 217px;
  }
}

.icon-sirius-xm {
  top: 0;
  left: 7px;
  height: 14.96px;
  width: 78.94px;
  position: absolute;
}
@media (min-width: 1024px) {
  .icon-sirius-xm {
    width: 177px;
    height: 33.56px;
    left: 13px;
  }
}

.my-shows-banner {
  background-image: url("https://cdn.ericchurch.com/uploads/tour/E2TwcodwFRJxfAzqwRiEQQiA5qhVQstbkFwOLQls.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 95px;
  padding-bottom: 95px;
  margin-bottom: 54px;
}
.my-shows-banner .content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .my-shows-banner .content-container {
    flex-direction: row;
  }
}
.my-shows-banner .map-content {
  margin-bottom: 34px;
  width: 100%;
}
@media (min-width: 768px) {
  .my-shows-banner .map-content {
    margin-right: 8%;
    margin-bottom: 0;
    flex: 1;
  }
}
.my-shows-banner .map-container {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 324px;
  border-radius: 10px;
  overflow: hidden;
}
.my-shows-banner .map-container #map {
  width: 100%;
  height: 100%;
}
.my-shows-banner .shows-counter {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 66px;
  padding-right: 66px;
  color: #f2f2f2;
  width: 100%;
  flex: 1;
}
@media (min-width: 768px) {
  .my-shows-banner .shows-counter {
    flex-direction: row;
    max-width: 454px;
  }
}
.my-shows-banner .shows-counter > * {
  flex: 1;
}
.my-shows-banner .shows-counter > *:not(:first-child) {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .my-shows-banner .shows-counter > *:not(:first-child) {
    margin-top: 0;
    margin-left: 20px;
  }
}
.my-shows-banner .shows-counter__title {
  font-size: 32px;
}
@media (min-width: 768px) {
  .my-shows-banner .shows-counter__title {
    font-size: 36px;
  }
}
.my-shows-banner .shows-counter__desc {
  font-size: 16px;
  font-style: italic;
  font-weight: 100;
}
@media (min-width: 768px) {
  .my-shows-banner .shows-counter__desc {
    font-size: 18px;
  }
}

.my-shows-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 768px) {
  .my-shows-list {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 10%;
         column-gap: 10%;
    row-gap: 40px;
  }
}
@media (min-width: 1024px) {
  .my-shows-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/**
* Pages
*/
.page-song-drilldown .section-song-info {
  background-image: url("/images/v2/ec-texture.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #757575;
  padding-top: 18px;
  padding-bottom: 38px;
}
.page-song-drilldown .section-song-info .back {
  display: none;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .page-song-drilldown .section-song-info .back {
    display: block;
  }
}
@media (min-width: 1024px) {
  .page-song-drilldown .section-song-info .back {
    margin-bottom: 62px;
  }
}
.page-song-drilldown .section-song-info .song-info-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .page-song-drilldown .section-song-info .song-info-container {
    flex-direction: row;
  }
}
.page-song-drilldown .section-song-info .song-info-container > * {
  flex: 1;
}
@media (min-width: 768px) {
  .page-song-drilldown .section-song-info .song-info-container > *:first-child {
    max-width: 440px;
  }
}
.page-song-drilldown .section-song-info .song-info-container .col-img img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
}
.page-song-drilldown .section-song-info .song-info-container .col-details {
  margin-top: 29px;
}
@media (min-width: 768px) {
  .page-song-drilldown .section-song-info .song-info-container .col-details {
    margin-top: 0;
    margin-left: 7.68%;
  }
}
.page-song-drilldown .section-song-info .song-info-container .col-details .ec-section-title-v2 {
  margin-bottom: 30px;
}
.page-song-drilldown .section-song-info .song-info-container .col-details__box-group .card-box {
  margin-top: 20px;
}
.page-song-drilldown .section-song-info .card-box {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 22px;
  padding-bottom: 22px;
  color: #f2f2f2;
}
.page-song-drilldown .section-song-info .card-box__label {
  font-size: 18px;
  font-style: italic;
  font-weight: 100;
  margin-bottom: 6px;
  line-height: 1;
}
.page-song-drilldown .section-song-info .card-box__value {
  font-size: 18px;
  font-style: normal;
  font-weight: 621;
  text-transform: uppercase;
}
.page-song-drilldown .section-song-info .card-box--date {
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 28px;
  padding-right: 28px;
  display: flex;
  align-items: center;
}
.page-song-drilldown .section-song-info .card-box--date > *:first-child {
  margin-right: 20px;
}
.page-song-drilldown .section-song-info .card-box--date .card-box__label {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}
.page-song-drilldown .section-song-info .card-box--date .card-box__value {
  font-size: 24px;
  font-weight: 600;
}
.page-song-drilldown .section-song-info .card-box--date .card-box__desc {
  font-size: 20px;
  font-weight: 400;
}
.page-song-drilldown .section-song-info .card-box-group {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1440px) {
  .page-song-drilldown .section-song-info .card-box-group {
    flex-direction: row-reverse;
  }
}
.page-song-drilldown .section-song-info .card-box-group > * {
  flex: 1;
}
@media (min-width: 1440px) {
  .page-song-drilldown .section-song-info .card-box-group > *:last-child {
    margin-right: 20px;
    max-width: 30%;
  }
}
.page-song-drilldown .section-song-info .song-links {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1440px) {
  .page-song-drilldown .section-song-info .song-links {
    margin-top: 31px;
    flex-direction: row;
  }
}
.page-song-drilldown .section-song-info .song-links > * {
  flex: 1;
}
@media (min-width: 1440px) {
  .page-song-drilldown .section-song-info .song-links > *:not(:first-child) {
    margin-left: 5%;
  }
}
.page-song-drilldown .section-song-info .song-links__title {
  color: #f8ebc7;
  font-weight: 621;
  margin-top: 29px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .page-song-drilldown .section-song-info .song-links__title {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .page-song-drilldown .section-song-info .song-links__title {
    margin-top: 0;
  }
}
.page-song-drilldown .section-song-info .song-links__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -15px;
  margin-left: -15px;
}
.page-song-drilldown .section-song-info .song-links__list > * {
  margin-top: 15px;
  margin-left: 15px;
}
.page-song-drilldown .section-song-info .song-links__btn {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.page-song-drilldown .section-song-info .song-links__btn img {
  height: 24px;
}
.page-song-drilldown .section-song-info .song-links__btn.chief-merch img {
  height: 44px;
}
.page-song-drilldown .section-performances {
  background-color: #1e1e1e;
  padding-top: 49px;
  color: #f2f2f2;
}
@media (min-width: 1440px) {
  .page-song-drilldown .section-performances {
    padding-bottom: 153px;
  }
}
.page-song-drilldown .section-performances h3 {
  font-size: 18px;
  font-weight: 621;
  color: #f8ebc7;
}
@media (min-width: 768px) {
  .page-song-drilldown .section-performances h3 {
    font-size: 24px;
  }
}
.page-song-drilldown .section-performances .performances-container {
  display: flex;
  flex-direction: column;
}
.page-song-drilldown .section-performances .performances-container h3 + * {
  margin-top: 22px;
}
@media (min-width: 768px) {
  .page-song-drilldown .section-performances .performances-container {
    flex-direction: row-reverse;
  }
}
.page-song-drilldown .section-performances .performances-list {
  flex: 1;
  margin-top: 32px;
}
.page-song-drilldown .section-performances .performances-list h3 + * {
  margin-top: 22px;
}
@media (min-width: 768px) {
  .page-song-drilldown .section-performances .performances-list {
    margin-top: 0;
  }
}
.page-song-drilldown .section-performances .lyrics {
  flex: 1;
  font-size: 16px;
  font-weight: 340;
}
@media (min-width: 768px) {
  .page-song-drilldown .section-performances .lyrics {
    max-width: 304px;
    margin-left: 6.22%;
  }
}
@media (min-width: 1024px) {
  .page-song-drilldown .section-performances .card-song .meta-day {
    grid-column: 1/span 6;
  }
  .page-song-drilldown .section-performances .card-song .meta-name {
    grid-column: 7/span 5;
  }
  .page-song-drilldown .section-performances .card-song .meta-location {
    grid-column: 12/span 5;
  }
}

.page-campaign {
  font-family: "transducer", sans-serif;
  height: 100vh;
}
.page-campaign article {
  height: 100%;
  overflow: auto;
}
.page-campaign main {
  background-image: url("/images/bg-album-2025.jpg");
  background-repeat: repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 540px;
}
.page-campaign main .body-container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.page-campaign main .section-container {
  max-width: 766px;
}
.page-campaign main .form-campaign__form {
  max-width: 766px;
  margin-left: auto;
  margin-right: auto;
}
.page-campaign main .form-campaign .group {
  width: 100%;
  margin-bottom: 10px;
}
.page-campaign main .form-campaign .group__input {
  box-shadow: none !important;
}
.page-campaign main .form-campaign .group__input ~ label {
  bottom: 36px;
  left: 16px;
}
@media screen and (min-width: 1024px) {
  .page-campaign main .form-campaign .group__input ~ label {
    left: 28px;
    bottom: 44px;
  }
}
.page-campaign main .form-campaign input:focus {
  box-shadow: none;
  outline: none;
}
.page-campaign main .form-campaign input::-moz-placeholder {
  text-transform: uppercase;
  color: #484848;
}
.page-campaign main .form-campaign input::placeholder {
  text-transform: uppercase;
  color: #484848;
}
.page-campaign main .form-campaign__helper {
  font-size: 14px;
  padding-left: 5px;
  color: #bababa;
  font-weight: 500;
}
.page-campaign main .form-campaign__btn-container {
  text-align: center;
  margin-top: 28px;
}
@media screen and (min-width: 1024px) {
  .page-campaign main .form-campaign__btn-container {
    margin-top: 44px;
  }
}
.page-campaign main .form-campaign__video-container {
  max-width: 776px;
  margin-left: auto;
  margin-right: auto;
}
.page-campaign main .form-campaign__video-btns-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
@media screen and (min-width: 1024px) {
  .page-campaign main .form-campaign__video-btns-container {
    flex-direction: row;
    max-width: 596px;
  }
}
.page-campaign main .form-campaign__video-btn-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  color: #bababa;
  flex: 1;
}
.page-campaign main .form-campaign__video-btn-container button {
  width: 100%;
}
.page-campaign main .form-campaign__video-btn-container span {
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .page-campaign main .form-campaign__video-btn-container {
    max-width: 260px;
  }
  .page-campaign main .form-campaign__video-btn-container span {
    margin-top: 12px;
  }
}
.page-campaign--video main {
  min-height: 840px;
}

.page-campaign-login {
  font-family: "transducer", sans-serif;
  height: 100vh;
}
.page-campaign-login article,
.page-campaign-login main,
.page-campaign-login .body-container {
  height: 100%;
}
.page-campaign-login .dark-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url("/images/bg-album-2025.jpg");
  background-repeat: repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 800px;
  height: 100%;
}
.page-campaign-login .section-container--campaign-login-heading {
  max-width: 768px;
  color: #bababa;
}
.page-campaign-login .section-container--campaign-login-heading .campaign-opening-text {
  font-size: 14px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .page-campaign-login .section-container--campaign-login-heading .campaign-opening-text {
    text-align: left;
  }
}
.page-campaign-login .form {
  padding-bottom: 0;
  margin-bottom: 0;
}
.page-campaign-login .group {
  width: 100%;
  margin-bottom: 10px;
}
.page-campaign-login .group__input {
  box-shadow: none !important;
}
.page-campaign-login .group__input ~ label {
  bottom: 36px;
  left: 16px;
}
@media screen and (min-width: 1024px) {
  .page-campaign-login .group__input ~ label {
    left: 28px;
    bottom: 44px !important;
  }
}
.page-campaign-login input:focus {
  box-shadow: none;
  outline: none;
}
.page-campaign-login input::-moz-placeholder {
  text-transform: uppercase;
  color: #484848;
}
.page-campaign-login input::placeholder {
  text-transform: uppercase;
  color: #484848;
}
.page-campaign-login .section-container.section-pb-fill {
  padding-bottom: 0;
}

.page-campaign-claim {
  font-family: "transducer", sans-serif;
  height: 100vh;
}
.page-campaign-claim article {
  height: 100%;
  overflow: auto;
}
.page-campaign-claim main {
  background-image: url("/images/bg-album-2025.jpg");
  background-repeat: repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 480px;
}
.page-campaign-claim__content-container {
  color: #bababa;
  font-size: 14px;
  max-width: 766px;
}
.page-campaign-claim__content-container p {
  margin-top: 0;
  margin-bottom: 0;
}
.page-campaign-claim__btn-container {
  margin-top: 25px;
}
@media screen and (min-width: 1024px) {
  .page-campaign-claim__btn-container {
    margin-top: 40px;
  }
}

.btn-erbaum,
.page-campaign button,
.page-campaign-login .form-action .btn {
  background-image: url("/images/bg-button.jpg");
  background-position: center right -15px;
  color: #fff;
  font-size: 18px;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  height: 60px;
  line-height: 60px;
  width: 100%;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  font-family: Erbaum;
  font-weight: bold;
  letter-spacing: 40%;
  font-size: 14px;
}
.btn-erbaum:hover,
.page-campaign button:hover,
.page-campaign-login .form-action .btn:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .btn-erbaum,
.page-campaign button,
.page-campaign-login .form-action .btn {
    max-width: 260px;
  }
}

.page-campaign .form-campaign__btn-container button {
  max-width: 270px;
}

.page-campaign-login .form-action .btn {
  margin-top: 18px;
}

.form-campaign__return,
.page-campaign-login__return,
.page-campaign-claim__return {
  margin-top: 70px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.form-campaign__return a,
.page-campaign-login__return a,
.page-campaign-claim__return a {
  font-weight: 545;
  color: #f2f2f2;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 16px;
  letter-spacing: 0;
}
.form-campaign__return a:last-of-type,
.page-campaign-login__return a:last-of-type,
.page-campaign-claim__return a:last-of-type {
  font-size: 15px;
}
@media screen and (min-width: 1024px) {
  .form-campaign__return,
.page-campaign-login__return,
.page-campaign-claim__return {
    margin-top: 80px;
  }
  .form-campaign__return a,
.page-campaign-login__return a,
.page-campaign-claim__return a {
    font-size: 18px;
  }
}

.page-campaign main .form-campaign__title,
.page-campaign-login__title,
.page-campaign-claim__title {
  text-transform: uppercase;
  font-family: Erbaum;
  font-weight: bold;
  margin-bottom: 34px;
  margin-top: 0;
  font-size: 1.3rem;
  text-align: center;
  font-size: 23px;
  background-image: url("/images/bg-button.jpg");
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  letter-spacing: 40%;
}

.section-countdown {
  background-image: url("../images/countdowns-bg_min.jpg");
  padding-top: 148px;
  padding-bottom: 148px;
  --ct-datetime-text-color: #f2f2f2;
  --ct-datetime-bg-color: #000000b2;
}
.section-countdown .countdown-grid {
  display: flex;
}
.section-countdown .countdown-grid > * {
  flex: 0 0 auto;
  padding: 17px 19px;
  background-color: var(--ct-datetime-bg-color);
  color: var(--ct-datetime-text-color);
  text-align: center;
}
.section-countdown .countdown-grid > *:nth-child(1) {
  margin-right: 28px;
}
@media (min-width: 1024px) {
  .section-countdown .countdown-grid > *:nth-child(1) {
    margin-right: 66px;
  }
}
.section-countdown .countdown-grid > *:nth-child(2) {
  margin-left: 0;
}
@media (min-width: 1024px) {
  .section-countdown .countdown-grid > *:nth-child(2) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .section-countdown .countdown-grid > * {
    padding: 21px 50px;
  }
}
.section-countdown .countdown-grid > * + * {
  margin-left: 28px;
}
@media (min-width: 1024px) {
  .section-countdown .countdown-grid > * + * {
    margin-left: 66px;
  }
}
.section-countdown .countdown-grid .ct-date-time {
  font-size: 32px;
  font-weight: 621;
  line-height: 38px;
  letter-spacing: 0em;
}
@media (min-width: 1024px) {
  .section-countdown .countdown-grid .ct-date-time {
    font-size: 36px;
    line-height: 43px;
  }
}
.section-countdown .ct-fouder-logo {
  width: 168px;
  height: 168px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 26px;
}
@media (min-width: 1024px) {
  .section-countdown .ct-fouder-logo {
    width: 238px;
    height: 238px;
    margin-bottom: 54px;
  }
}

/** new Block **/
.modal--meet-and-greet.modal {
  position: fixed;
  z-index: 99;
  background-color: var(--ec-dark-bgColor);
  color: var(--ec-soft-white);
}
.modal--meet-and-greet.modal .modal__header h2,
.modal--meet-and-greet.modal .modal__header h3 {
  font-family: var(--ec-body-font);
  font-weight: 545;
  color: var(--ec-gold-200);
}
.modal--meet-and-greet.modal .modal__header h2 {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .modal--meet-and-greet.modal .modal__header h2 {
    font-size: 21px;
  }
}
.modal--meet-and-greet.modal .modal__header h3 {
  font-size: 21px;
}
@media (min-width: 1024px) {
  .modal--meet-and-greet.modal .modal__header h3 {
    font-size: 26px;
  }
}
.modal--meet-and-greet.modal .modal__body p {
  font-family: var(--ec-body-font) !important;
  color: var(--ec-soft-white) !important;
  background-color: unset !important;
}
.modal--meet-and-greet.modal .modal__footer .btn {
  border: none;
  color: white;
  text-decoration: underline;
  font-family: var(--ec-body-font);
  font-weight: 545;
  min-width: unset;
  padding: 0;
  font-size: 21px;
}
.modal--meet-and-greet.modal .modal__footer .btn:hover {
  background-color: transparent !important;
  border: none;
  color: var(--ec-gold-200);
}
.modal--cover-show {
  overflow: hidden;
}