@charset "UTF-8";
:root {
  --navbar-height: 64px;
  --navbar-md-height: 120px;
  --clay: var(--base-primary);
  --clay-softest: color-mix(in srgb, white 90%, var(--base-primary) 10%);
  --clay-softer: color-mix(in srgb, white 60%, var(--base-primary) 40%);
  --clay-soft: color-mix(in srgb, white 30%, var(--base-primary) 70%);
  --clay-strong: color-mix(in srgb, black 30%, var(--base-primary) 70%);
  --clay-stronger: color-mix(in srgb, black 60%, var(--base-primary) 40%);
  --clay-strongest: color-mix(in srgb, black 90%, var(--base-primary) 10%);
  --midnight: var(--base-secondary);
  --midnight-softest: color-mix(in srgb, white 90%, var(--base-secondary) 10%);
  --midnight-softer: color-mix(in srgb, white 60%, var(--base-secondary) 40%);
  --midnight-soft: color-mix(in srgb, white 30%, var(--base-secondary) 70%);
  --midnight-strong: color-mix(in srgb, black 30%, var(--base-secondary) 70%);
  --midnight-stronger: color-mix(in srgb, black 60%, var(--base-secondary) 40%);
  --midnight-strongest: color-mix(in srgb, black 90%, var(--base-secondary) 10%);
  --forest: #2F4037;
  --forest-softest: rgb(91.8431372549%, 92.5098039216%, 92.1568627451%);
  --forest-softer: rgb(67.3725490196%, 70.0392156863%, 68.6274509804%);
  --forest-soft: rgb(42.9019607843%, 47.568627451%, 45.0980392157%);
  --forest-strong: rgb(12.9019607843%, 17.568627451%, 15.0980392157%);
  --forest-stronger: rgb(7.3725490196%, 10.0392156863%, 8.6274509804%);
  --forest-strongest: rgb(1.8431372549%, 2.5098039216%, 2.1568627451%);
  --mahogany: #4A2E2B;
  --mahogany-softest: rgb(92.9019607843%, 91.8039215686%, 91.6862745098%);
  --mahogany-softer: rgb(71.6078431373%, 67.2156862745%, 66.7450980392%);
  --mahogany-soft: rgb(50.3137254902%, 42.6274509804%, 41.8039215686%);
  --mahogany-strong: rgb(20.3137254902%, 12.6274509804%, 11.8039215686%);
  --mahogany-stronger: rgb(11.6078431373%, 7.2156862745%, 6.7450980392%);
  --mahogany-strongest: rgb(2.9019607843%, 1.8039215686%, 1.6862745098%);
  --gold: #B89334;
  --gold-softest: rgb(97.2156862745%, 95.7647058824%, 92.0392156863%);
  --gold-softer: rgb(88.862745098%, 83.0588235294%, 68.1568627451%);
  --gold-soft: rgb(80.5098039216%, 70.3529411765%, 44.2745098039%);
  --gold-strong: rgb(50.5098039216%, 40.3529411765%, 14.2745098039%);
  --gold-stronger: rgb(28.862745098%, 23.0588235294%, 8.1568627451%);
  --gold-strongest: rgb(7.2156862745%, 5.7647058824%, 2.0392156863%);
  --sage: #ABBC9E;
  --sage-softest: rgb(96.7058823529%, 97.3725490196%, 96.1960784314%);
  --sage-softer: rgb(86.8235294118%, 89.4901960784%, 84.7843137255%);
  --sage-soft: rgb(76.9411764706%, 81.6078431373%, 73.3725490196%);
  --sage-strong: rgb(46.9411764706%, 51.6078431373%, 43.3725490196%);
  --sage-stronger: rgb(26.8235294118%, 29.4901960784%, 24.7843137255%);
  --sage-strongest: rgb(6.7058823529%, 7.3725490196%, 6.1960784314%);
  --honey: #916F46;
  --honey-softest: rgb(95.6862745098%, 94.3529411765%, 92.7450980392%);
  --honey-softer: rgb(82.7450980392%, 77.4117647059%, 70.9803921569%);
  --honey-soft: rgb(69.8039215686%, 60.4705882353%, 49.2156862745%);
  --honey-strong: rgb(39.8039215686%, 30.4705882353%, 19.2156862745%);
  --honey-stronger: rgb(22.7450980392%, 17.4117647059%, 10.9803921569%);
  --honey-strongest: rgb(5.6862745098%, 4.3529411765%, 2.7450980392%);
  --sky: #87C0F2;
  --sky-softest: rgb(95.2941176471%, 97.5294117647%, 99.4901960784%);
  --sky-softer: rgb(81.1764705882%, 90.1176470588%, 97.9607843137%);
  --sky-soft: rgb(67.0588235294%, 82.7058823529%, 96.431372549%);
  --sky-strong: rgb(37.0588235294%, 52.7058823529%, 66.431372549%);
  --sky-stronger: rgb(21.1764705882%, 30.1176470588%, 37.9607843137%);
  --sky-strongest: rgb(5.2941176471%, 7.5294117647%, 9.4901960784%);
  --ui: #32426E;
  --ui-softest: rgb(91.9607843137%, 92.5882352941%, 94.3137254902%);
  --ui-softer: rgb(67.8431372549%, 70.3529411765%, 77.2549019608%);
  --ui-soft: rgb(43.7254901961%, 48.1176470588%, 60.1960784314%);
  --ui-strong: rgb(13.7254901961%, 18.1176470588%, 30.1960784314%);
  --ui-stronger: rgb(7.8431372549%, 10.3529411765%, 17.2549019608%);
  --ui-strongest: rgb(1.9607843137%, 2.5882352941%, 4.3137254902%);
  --bone: #F5F2EC;
  --bone-soft: rgb(99.2156862745%, 98.9803921569%, 98.5098039216%);
  --charcoal: #3B3B3B;
  --charcoal-soft: rgb(84.6274509804%, 84.6274509804%, 84.6274509804%);
}

.text-midnight {
  color: var(--midnight) !important;
}

.bg-midnight {
  background-color: var(--midnight) !important;
}

.border-midnight {
  border-color: var(--midnight) !important;
}

.text-midnight-softest {
  color: var(--midnight-softest) !important;
}

.bg-midnight-softest {
  background-color: var(--midnight-softest) !important;
}

.border-midnight-softest {
  border-color: var(--midnight-softest) !important;
}

.text-midnight-softer {
  color: var(--midnight-softer) !important;
}

.bg-midnight-softer {
  background-color: var(--midnight-softer) !important;
}

.border-midnight-softer {
  border-color: var(--midnight-softer) !important;
}

.text-midnight-soft {
  color: var(--midnight-soft) !important;
}

.bg-midnight-soft {
  background-color: var(--midnight-soft) !important;
}

.border-midnight-soft {
  border-color: var(--midnight-soft) !important;
}

.text-midnight-strong {
  color: var(--midnight-strong) !important;
}

.bg-midnight-strong {
  background-color: var(--midnight-strong) !important;
}

.border-midnight-strong {
  border-color: var(--midnight-strong) !important;
}

.text-midnight-stronger {
  color: var(--midnight-stronger) !important;
}

.bg-midnight-stronger {
  background-color: var(--midnight-stronger) !important;
}

.border-midnight-stronger {
  border-color: var(--midnight-stronger) !important;
}

.text-midnight-strongest {
  color: var(--midnight-strongest) !important;
}

.bg-midnight-strongest {
  background-color: var(--midnight-strongest) !important;
}

.border-midnight-strongest {
  border-color: var(--midnight-strongest) !important;
}

.text-forest {
  color: var(--forest) !important;
}

.bg-forest {
  background-color: var(--forest) !important;
}

.border-forest {
  border-color: var(--forest) !important;
}

.text-forest-softest {
  color: var(--forest-softest) !important;
}

.bg-forest-softest {
  background-color: var(--forest-softest) !important;
}

.border-forest-softest {
  border-color: var(--forest-softest) !important;
}

.text-forest-softer {
  color: var(--forest-softer) !important;
}

.bg-forest-softer {
  background-color: var(--forest-softer) !important;
}

.border-forest-softer {
  border-color: var(--forest-softer) !important;
}

.text-forest-soft {
  color: var(--forest-soft) !important;
}

.bg-forest-soft {
  background-color: var(--forest-soft) !important;
}

.border-forest-soft {
  border-color: var(--forest-soft) !important;
}

.text-forest-strong {
  color: var(--forest-strong) !important;
}

.bg-forest-strong {
  background-color: var(--forest-strong) !important;
}

.border-forest-strong {
  border-color: var(--forest-strong) !important;
}

.text-forest-stronger {
  color: var(--forest-stronger) !important;
}

.bg-forest-stronger {
  background-color: var(--forest-stronger) !important;
}

.border-forest-stronger {
  border-color: var(--forest-stronger) !important;
}

.text-forest-strongest {
  color: var(--forest-strongest) !important;
}

.bg-forest-strongest {
  background-color: var(--forest-strongest) !important;
}

.border-forest-strongest {
  border-color: var(--forest-strongest) !important;
}

.text-mahogany {
  color: var(--mahogany) !important;
}

.bg-mahogany {
  background-color: var(--mahogany) !important;
}

.border-mahogany {
  border-color: var(--mahogany) !important;
}

.text-mahogany-softest {
  color: var(--mahogany-softest) !important;
}

.bg-mahogany-softest {
  background-color: var(--mahogany-softest) !important;
}

.border-mahogany-softest {
  border-color: var(--mahogany-softest) !important;
}

.text-mahogany-softer {
  color: var(--mahogany-softer) !important;
}

.bg-mahogany-softer {
  background-color: var(--mahogany-softer) !important;
}

.border-mahogany-softer {
  border-color: var(--mahogany-softer) !important;
}

.text-mahogany-soft {
  color: var(--mahogany-soft) !important;
}

.bg-mahogany-soft {
  background-color: var(--mahogany-soft) !important;
}

.border-mahogany-soft {
  border-color: var(--mahogany-soft) !important;
}

.text-mahogany-strong {
  color: var(--mahogany-strong) !important;
}

.bg-mahogany-strong {
  background-color: var(--mahogany-strong) !important;
}

.border-mahogany-strong {
  border-color: var(--mahogany-strong) !important;
}

.text-mahogany-stronger {
  color: var(--mahogany-stronger) !important;
}

.bg-mahogany-stronger {
  background-color: var(--mahogany-stronger) !important;
}

.border-mahogany-stronger {
  border-color: var(--mahogany-stronger) !important;
}

.text-mahogany-strongest {
  color: var(--mahogany-strongest) !important;
}

.bg-mahogany-strongest {
  background-color: var(--mahogany-strongest) !important;
}

.border-mahogany-strongest {
  border-color: var(--mahogany-strongest) !important;
}

.text-gold {
  color: var(--gold) !important;
}

.bg-gold {
  background-color: var(--gold) !important;
}

.border-gold {
  border-color: var(--gold) !important;
}

.text-gold-softest {
  color: var(--gold-softest) !important;
}

.bg-gold-softest {
  background-color: var(--gold-softest) !important;
}

.border-gold-softest {
  border-color: var(--gold-softest) !important;
}

.text-gold-softer {
  color: var(--gold-softer) !important;
}

.bg-gold-softer {
  background-color: var(--gold-softer) !important;
}

.border-gold-softer {
  border-color: var(--gold-softer) !important;
}

.text-gold-soft {
  color: var(--gold-soft) !important;
}

.bg-gold-soft {
  background-color: var(--gold-soft) !important;
}

.border-gold-soft {
  border-color: var(--gold-soft) !important;
}

.text-gold-strong {
  color: var(--gold-strong) !important;
}

.bg-gold-strong {
  background-color: var(--gold-strong) !important;
}

.border-gold-strong {
  border-color: var(--gold-strong) !important;
}

.text-gold-stronger {
  color: var(--gold-stronger) !important;
}

.bg-gold-stronger {
  background-color: var(--gold-stronger) !important;
}

.border-gold-stronger {
  border-color: var(--gold-stronger) !important;
}

.text-gold-strongest {
  color: var(--gold-strongest) !important;
}

.bg-gold-strongest {
  background-color: var(--gold-strongest) !important;
}

.border-gold-strongest {
  border-color: var(--gold-strongest) !important;
}

.text-sage {
  color: var(--sage) !important;
}

.bg-sage {
  background-color: var(--sage) !important;
}

.border-sage {
  border-color: var(--sage) !important;
}

.text-sage-softest {
  color: var(--sage-softest) !important;
}

.bg-sage-softest {
  background-color: var(--sage-softest) !important;
}

.border-sage-softest {
  border-color: var(--sage-softest) !important;
}

.text-sage-softer {
  color: var(--sage-softer) !important;
}

.bg-sage-softer {
  background-color: var(--sage-softer) !important;
}

.border-sage-softer {
  border-color: var(--sage-softer) !important;
}

.text-sage-soft {
  color: var(--sage-soft) !important;
}

.bg-sage-soft {
  background-color: var(--sage-soft) !important;
}

.border-sage-soft {
  border-color: var(--sage-soft) !important;
}

.text-sage-strong {
  color: var(--sage-strong) !important;
}

.bg-sage-strong {
  background-color: var(--sage-strong) !important;
}

.border-sage-strong {
  border-color: var(--sage-strong) !important;
}

.text-sage-stronger {
  color: var(--sage-stronger) !important;
}

.bg-sage-stronger {
  background-color: var(--sage-stronger) !important;
}

.border-sage-stronger {
  border-color: var(--sage-stronger) !important;
}

.text-sage-strongest {
  color: var(--sage-strongest) !important;
}

.bg-sage-strongest {
  background-color: var(--sage-strongest) !important;
}

.border-sage-strongest {
  border-color: var(--sage-strongest) !important;
}

.text-honey {
  color: var(--honey) !important;
}

.bg-honey {
  background-color: var(--honey) !important;
}

.border-honey {
  border-color: var(--honey) !important;
}

.text-honey-softest {
  color: var(--honey-softest) !important;
}

.bg-honey-softest {
  background-color: var(--honey-softest) !important;
}

.border-honey-softest {
  border-color: var(--honey-softest) !important;
}

.text-honey-softer {
  color: var(--honey-softer) !important;
}

.bg-honey-softer {
  background-color: var(--honey-softer) !important;
}

.border-honey-softer {
  border-color: var(--honey-softer) !important;
}

.text-honey-soft {
  color: var(--honey-soft) !important;
}

.bg-honey-soft {
  background-color: var(--honey-soft) !important;
}

.border-honey-soft {
  border-color: var(--honey-soft) !important;
}

.text-honey-strong {
  color: var(--honey-strong) !important;
}

.bg-honey-strong {
  background-color: var(--honey-strong) !important;
}

.border-honey-strong {
  border-color: var(--honey-strong) !important;
}

.text-honey-stronger {
  color: var(--honey-stronger) !important;
}

.bg-honey-stronger {
  background-color: var(--honey-stronger) !important;
}

.border-honey-stronger {
  border-color: var(--honey-stronger) !important;
}

.text-honey-strongest {
  color: var(--honey-strongest) !important;
}

.bg-honey-strongest {
  background-color: var(--honey-strongest) !important;
}

.border-honey-strongest {
  border-color: var(--honey-strongest) !important;
}

.text-clay {
  color: var(--clay) !important;
}

.bg-clay {
  background-color: var(--clay) !important;
}

.border-clay {
  border-color: var(--clay) !important;
}

.text-clay-softest {
  color: var(--clay-softest) !important;
}

.bg-clay-softest {
  background-color: var(--clay-softest) !important;
}

.border-clay-softest {
  border-color: var(--clay-softest) !important;
}

.text-clay-softer {
  color: var(--clay-softer) !important;
}

.bg-clay-softer {
  background-color: var(--clay-softer) !important;
}

.border-clay-softer {
  border-color: var(--clay-softer) !important;
}

.text-clay-soft {
  color: var(--clay-soft) !important;
}

.bg-clay-soft {
  background-color: var(--clay-soft) !important;
}

.border-clay-soft {
  border-color: var(--clay-soft) !important;
}

.text-clay-strong {
  color: var(--clay-strong) !important;
}

.bg-clay-strong {
  background-color: var(--clay-strong) !important;
}

.border-clay-strong {
  border-color: var(--clay-strong) !important;
}

.text-clay-stronger {
  color: var(--clay-stronger) !important;
}

.bg-clay-stronger {
  background-color: var(--clay-stronger) !important;
}

.border-clay-stronger {
  border-color: var(--clay-stronger) !important;
}

.text-clay-strongest {
  color: var(--clay-strongest) !important;
}

.bg-clay-strongest {
  background-color: var(--clay-strongest) !important;
}

.border-clay-strongest {
  border-color: var(--clay-strongest) !important;
}

.text-sky {
  color: var(--sky) !important;
}

.bg-sky {
  background-color: var(--sky) !important;
}

.border-sky {
  border-color: var(--sky) !important;
}

.text-sky-softest {
  color: var(--sky-softest) !important;
}

.bg-sky-softest {
  background-color: var(--sky-softest) !important;
}

.border-sky-softest {
  border-color: var(--sky-softest) !important;
}

.text-sky-softer {
  color: var(--sky-softer) !important;
}

.bg-sky-softer {
  background-color: var(--sky-softer) !important;
}

.border-sky-softer {
  border-color: var(--sky-softer) !important;
}

.text-sky-soft {
  color: var(--sky-soft) !important;
}

.bg-sky-soft {
  background-color: var(--sky-soft) !important;
}

.border-sky-soft {
  border-color: var(--sky-soft) !important;
}

.text-sky-strong {
  color: var(--sky-strong) !important;
}

.bg-sky-strong {
  background-color: var(--sky-strong) !important;
}

.border-sky-strong {
  border-color: var(--sky-strong) !important;
}

.text-sky-stronger {
  color: var(--sky-stronger) !important;
}

.bg-sky-stronger {
  background-color: var(--sky-stronger) !important;
}

.border-sky-stronger {
  border-color: var(--sky-stronger) !important;
}

.text-sky-strongest {
  color: var(--sky-strongest) !important;
}

.bg-sky-strongest {
  background-color: var(--sky-strongest) !important;
}

.border-sky-strongest {
  border-color: var(--sky-strongest) !important;
}

.text-ui {
  color: var(--ui) !important;
}

.bg-ui {
  background-color: var(--ui) !important;
}

.border-ui {
  border-color: var(--ui) !important;
}

.text-ui-softest {
  color: var(--ui-softest) !important;
}

.bg-ui-softest {
  background-color: var(--ui-softest) !important;
}

.border-ui-softest {
  border-color: var(--ui-softest) !important;
}

.text-ui-softer {
  color: var(--ui-softer) !important;
}

.bg-ui-softer {
  background-color: var(--ui-softer) !important;
}

.border-ui-softer {
  border-color: var(--ui-softer) !important;
}

.text-ui-soft {
  color: var(--ui-soft) !important;
}

.bg-ui-soft {
  background-color: var(--ui-soft) !important;
}

.border-ui-soft {
  border-color: var(--ui-soft) !important;
}

.text-ui-strong {
  color: var(--ui-strong) !important;
}

.bg-ui-strong {
  background-color: var(--ui-strong) !important;
}

.border-ui-strong {
  border-color: var(--ui-strong) !important;
}

.text-ui-stronger {
  color: var(--ui-stronger) !important;
}

.bg-ui-stronger {
  background-color: var(--ui-stronger) !important;
}

.border-ui-stronger {
  border-color: var(--ui-stronger) !important;
}

.text-ui-strongest {
  color: var(--ui-strongest) !important;
}

.bg-ui-strongest {
  background-color: var(--ui-strongest) !important;
}

.border-ui-strongest {
  border-color: var(--ui-strongest) !important;
}

.text-bone {
  color: var(--bone) !important;
}

.bg-bone {
  background-color: var(--bone) !important;
}

.border-bone {
  border-color: var(--bone) !important;
}

.text-bone-soft {
  color: var(--bone-soft) !important;
}

.bg-bone-soft {
  background-color: var(--bone-soft) !important;
}

.border-bone-soft {
  border-color: var(--bone-soft) !important;
}

.text-charcoal {
  color: var(--charcoal) !important;
}

.bg-charcoal {
  background-color: var(--charcoal) !important;
}

.border-charcoal {
  border-color: var(--charcoal) !important;
}

.text-charcoal-soft {
  color: var(--charcoal-soft) !important;
}

.bg-charcoal-soft {
  background-color: var(--charcoal-soft) !important;
}

.border-charcoal-soft {
  border-color: var(--charcoal-soft) !important;
}

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

.shadow {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.shadow-md {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.shadow-lg {
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.shadow-xl {
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06) inset;
}

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

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

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

.rounded-xl {
  border-radius: 32px !important;
}

.rounded-xxl {
  border-radius: 48px !important;
}

@media (min-width: 992px) {
  .rounded-md-lg {
    border-radius: var(--rounded-huge) !important;
  }
}

@media (min-width: 992px) {
  .rounded-md-xl {
    border-radius: 32px !important;
  }
}

@media (min-width: 992px) {
  .rounded-md-xxl {
    border-radius: 48px !important;
  }
}

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

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.fade-out-bottom {
  -webkit-mask-image: linear-gradient(to bottom, #fff 24%, transparent 72%);
  mask-image: linear-gradient(to bottom, #fff 24%, transparent 72%);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}

.font-tnr {
  font-family: "Times New Roman", serif;
}

.texture-smoke {
  background-image: url("/Themes/EastlakeV1Conversion/Assets/Images/Textures/smoke.jpg");
  background-size: cover;
  background-position: center;
}

html {
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  overflow-x: clip;
}

body {
  background-color: var(--bone);
}

main {
  display: block;
  flex-grow: 1;
}

body:has(.site-sidebar.active) #cms-admin-footer {
  display: none;
}

form#form1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
}

.panel.panel-block {
  border: 0;
  box-shadow: none;
}
.panel.panel-block > .panel-heading, .panel.panel-block > .rock-panel-drawer {
  display: none;
}
.panel.panel-block > .panel-body {
  padding: 0;
}
.panel.panel-block > .panel-body .grid.grid-panel {
  margin: 0;
}

.panel-success .panel-heading a {
  color: var(--color-success-strong);
  border-color: var(--color-success-strong);
}
.panel-warning .panel-heading a {
  color: var(--color-warning-strong);
  border-color: var(--color-warning-strong);
}

h1.pagetitle {
  margin-top: 32px;
}
h1.pagetitle:empty {
  display: none;
}

ol.breadcrumb {
  border-radius: var(--rounded-xlarge) !important;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 20px 16px;
  margin-bottom: 32px;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
ol.breadcrumb li {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
}
ol.breadcrumb li a {
  color: rgba(59, 59, 59, 0.5);
  text-decoration: underline;
  font-size: 14px;
}
ol.breadcrumb li a:hover {
  color: var(--charcoal);
}
ol.breadcrumb li + li::before {
  font-family: "FontAwesome";
  content: "\f054";
  padding: 0 10px;
  font-size: 18px;
  color: rgba(59, 59, 59, 0.5);
}
ol.breadcrumb li:last-child {
  color: var(--charcoal);
  font-weight: 700;
}
@media (min-width: 768px) {
  ol.breadcrumb li + li::before {
    padding: 0 16px;
  }
}

body.is-modal .workflow-entry .panel > .panel-body:has(> .workflow-entry-panel) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.is-modal #cms-admin-footer {
  display: none;
}

.container {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 768px) {
  .container {
    width: 100%;
  }
  .container.stretch-xs {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1472px) {
  .container {
    width: 1440px;
  }
}

.global-campus-context .contextsetter-campus {
  display: none;
}

[theme=dark],
[theme=system],
:root:not([theme]) {
  --color-interface-strongest: var(--base-interface-strongest);
  --color-interface-stronger: var(--base-interface-stronger);
  --color-interface-strong: var(--base-interface-strong);
  --color-interface-medium: var(--base-interface-medium);
  --color-interface-soft: var(--base-interface-soft);
  --color-interface-softer: var(--base-interface-softer);
  --color-interface-softest: var(--base-interface-softest);
  --color-info-strong: var(--base-info);
  --color-danger-strong: var(--base-danger);
  --color-success-strong: var(--base-success);
  --color-warning-strong: var(--base-warning);
  --color-critical-strong: var(--base-critical);
  --box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
  --popup-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}

h1, h2, h3, h4, h5, h6, p {
  color: inherit;
}

body {
  font-weight: 400;
}
@media (min-width: 992px) {
  body {
    font-size: 18px;
  }
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}

h1, .h1 {
  font-size: 34px;
}
h1.display, .h1.display {
  font-size: 48px;
  letter-spacing: -3%;
  line-height: 1;
}
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 54px;
  }
  h1.display, .h1.display {
    font-size: 135px;
    line-height: 0.71111;
  }
}

h2, .h2 {
  font-size: 30px;
}
h2.display, .h2.display {
  font-size: 36px;
  letter-spacing: -3%;
}
@media (min-width: 992px) {
  h2, .h2 {
    font-size: 48px;
  }
  h2.display, .h2.display {
    font-size: 64px;
  }
}

h3, .h3 {
  font-size: 24px;
}
@media (min-width: 992px) {
  h3, .h3 {
    font-size: 34px;
  }
}

h4, .h4 {
  font-size: 22px;
}
@media (min-width: 992px) {
  h4, .h4 {
    font-size: 28px;
  }
}

h5, .h5 {
  font-size: 18px;
}
@media (min-width: 992px) {
  h5, .h5 {
    font-size: 24px;
  }
}

h6, .h6 {
  font-size: 18px;
}
@media (min-width: 992px) {
  h6, .h6 {
    font-size: 20px;
  }
}

.lead {
  line-height: 1.333;
}

.lead {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .lead {
    font-size: 20px;
  }
}

.tall {
  font-size: 18px;
}
@media (min-width: 992px) {
  .tall {
    font-size: 20px;
  }
}

.taller {
  font-size: 20px;
}
@media (min-width: 992px) {
  .taller {
    font-size: 22px;
  }
}

.tallest {
  font-size: 22px;
}
@media (min-width: 992px) {
  .tallest {
    font-size: 24px;
  }
}

small, .small {
  font-size: 14px;
}
@media (min-width: 992px) {
  small, .small {
    font-size: 15px;
  }
}

label, .label {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}
@media (min-width: 992px) {
  label, .label {
    font-size: 15px;
  }
}

.label {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding: 0 16px;
  text-align: center;
  border-radius: 999px;
  border-width: 1px;
  border-style: solid;
}
.label-info {
  background-color: var(--base-info);
  color: #fff;
  border-color: var(--base-info);
}
.label-success {
  background-color: var(--base-success);
  color: #fff;
  border-color: var(--base-success);
}
.label-warning {
  background-color: var(--base-warning);
  color: #fff;
  border-color: var(--base-warning);
}
.label-danger {
  background-color: var(--base-danger);
  color: #fff;
  border-color: var(--base-danger);
}
.label-primary, .label-clay {
  background-color: var(--clay);
  color: #fff;
  border-color: var(--clay);
}
.label-default {
  background-color: #fff;
  color: var(--midnight-soft);
  border-color: rgb(76.862745098%, 75.9215686275%, 74.0392156863%);
}
.label-midnight {
  background-color: var(--midnight);
  color: #fff;
  border-color: var(--midnight);
}
.label-forest {
  background-color: var(--forest);
  color: #fff;
  border-color: var(--forest);
}
.label-mahogany {
  background-color: var(--mahogany);
  color: #fff;
  border-color: var(--mahogany);
}
.label-gold {
  background-color: var(--gold);
  color: #fff;
  border-color: var(--gold);
}
.label-sage {
  background-color: var(--sage);
  color: #fff;
  border-color: var(--sage);
}
.label-honey {
  background-color: var(--honey);
  color: #fff;
  border-color: var(--honey);
}
.label-sky {
  background-color: var(--sky);
  color: #fff;
  border-color: var(--sky);
}

.btn {
  padding: 8px 18px;
  font-size: 16px;
  border-radius: 8px;
  overflow: hidden;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  white-space: normal;
  font-weight: 400;
  border-width: 2px;
  border-style: solid;
  line-height: 1.25;
}
.btn svg * {
  transition: fill 0.3s ease;
}
.btn-sm {
  padding: 6px 14px;
  font-size: 14px;
}
.btn-lg {
  padding: 12px 24px;
  font-size: 18px;
}
.btn-xl {
  padding: 16px 24px;
  font-size: 20px;
}
.btn:not(.btn-icon):has(span):has(i) i {
  transition: transform 0.3s ease;
  display: inline-block;
}
.btn:not(.btn-icon):has(span):has(i) i:first-child {
  margin-right: 12px;
}
.btn:not(.btn-icon):has(span):has(i) i:last-child {
  margin-left: 12px;
}
.btn:not(.btn-icon):has(span):has(i):hover i:first-child {
  transform: translateX(-4px);
}
.btn:not(.btn-icon):has(span):has(i):hover i:last-child {
  transform: translateX(4px);
}
.btn-primary {
  color: #fff;
  background-color: var(--clay);
  border-color: var(--clay);
}
.btn-primary svg * {
  fill: #fff;
}
.btn-primary:hover {
  background-color: color-mix(in srgb, black 10%, var(--clay) 90%);
  border-color: color-mix(in srgb, black 10%, var(--clay) 90%);
}
.btn-default {
  color: var(--midnight);
  background-color: transparent;
  border-color: var(--midnight);
}
.btn-default svg * {
  fill: var(--midnight);
}
.btn-default:hover {
  color: #fff;
  background-color: var(--midnight);
  border-color: var(--midnight);
}
.btn-default:hover svg * {
  fill: #fff;
}
.btn-transparent {
  color: var(--midnight);
  background-color: transparent;
  border-color: transparent;
}
.btn-transparent svg * {
  fill: var(--midnight);
}
.btn-transparent i {
  position: relative;
}
.btn-transparent i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background-color: rgba(217, 217, 214, 0.4);
}
.btn-transparent:hover {
  color: #fff;
  background-color: var(--midnight);
  border-color: var(--midnight);
}
.btn-transparent:hover svg * {
  fill: #fff;
}
.btn-outline-light {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-outline-light svg * {
  fill: #fff;
}
.btn-outline-light:hover {
  color: var(--midnight);
  background-color: #fff;
  border-color: #fff;
}
.btn-outline-light:hover svg * {
  fill: var(--midnight);
}
.btn-underline {
  color: var(--midnight);
  text-decoration: none !important;
  background-color: transparent;
  border-color: transparent;
  z-index: 1;
  padding-left: 2px;
  padding-right: 2px;
  position: relative;
  transition: color 0.3s ease;
  width: unset !important;
}
.btn-underline::before {
  position: absolute;
  content: "";
  width: calc(100% + 4px);
  height: 6px;
  background-color: var(--clay);
  z-index: -1;
  top: 63%;
  left: 0;
  transition: transform 0.3s ease;
  transform: scaleX(1);
  transform-origin: left;
}
.btn-underline:hover {
  color: var(--midnight);
}
.btn-underline:hover::before {
  transform: scaleX(0.2);
}
.btn-underline.text-white {
  color: #fff;
}
.btn-underline.text-white:hover {
  color: rgb(90%, 90%, 90%) !important;
}
.btn-outline-light {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-outline-light svg * {
  fill: #fff;
}
.btn-outline-light:hover {
  background-color: #fff;
  color: var(--midnight);
}
.btn-outline-light:hover svg * {
  fill: var(--midnight);
}
.btn-muted {
  color: #D9D9D6;
  background-color: rgba(217, 217, 214, 0.2);
  border: 0;
}
.btn-muted svg * {
  fill: #D9D9D6;
}
.btn-muted:hover {
  background-color: var(--clay);
  color: #fff;
}
.btn-muted:hover svg * {
  fill: #fff;
}
.btn-midnight-softest {
  color: var(--midnight);
  background-color: var(--midnight-softest);
  border-color: var(--midnight-softest);
}
.btn-midnight-softest svg * {
  fill: var(--midnight);
}
.btn-midnight-softest:hover {
  background-color: color-mix(in srgb, black 10%, var(--midnight-softest) 90%);
  border-color: color-mix(in srgb, black 10%, var(--midnight-softest) 90%);
}
.btn-midnight-softer {
  color: var(--midnight);
  background-color: var(--midnight-softer);
  border-color: var(--midnight-softer);
}
.btn-midnight-softer svg * {
  fill: var(--midnight);
}
.btn-midnight-softer:hover {
  background-color: color-mix(in srgb, black 10%, var(--midnight-softer) 90%);
  border-color: color-mix(in srgb, black 10%, var(--midnight-softer) 90%);
}
.btn-midnight-softer:hover svg * {
  fill: var(--midnight);
}
.btn-midnight-soft {
  color: #fff;
  background-color: var(--midnight-soft);
  border-color: var(--midnight-soft);
}
.btn-midnight-soft svg * {
  fill: #fff;
}
.btn-midnight-soft:hover {
  color: #fff;
  background-color: color-mix(in srgb, black 10%, var(--midnight-soft) 90%);
  border-color: color-mix(in srgb, black 10%, var(--midnight-soft) 90%);
}
.btn-midnight-soft:hover svg * {
  fill: #fff;
}
.btn-midnight {
  color: #fff;
  background-color: var(--midnight);
  border-color: var(--midnight);
}
.btn-midnight svg * {
  fill: #fff;
}
.btn-midnight:hover {
  background-color: color-mix(in srgb, white 10%, var(--midnight) 90%);
  border-color: color-mix(in srgb, white 10%, var(--midnight) 90%);
  color: #fff;
}
.btn-midnight:hover svg * {
  fill: #fff;
}
.btn-midnight-strong {
  color: #fff;
  background-color: var(--midnight-strong);
  border-color: var(--midnight-strong);
}
.btn-midnight-strong svg * {
  fill: #fff;
}
.btn-midnight-strong:hover {
  color: #fff;
  background-color: color-mix(in srgb, white 10%, var(--midnight-strong) 90%);
  border-color: color-mix(in srgb, white 10%, var(--midnight-strong) 90%);
}
.btn-midnight-strong:hover svg * {
  fill: #fff;
}
.btn-midnight-stronger {
  color: #fff;
  background-color: var(--midnight-stronger);
  border-color: var(--midnight-stronger);
}
.btn-midnight-stronger svg * {
  fill: #fff;
}
.btn-midnight-stronger:hover {
  color: #fff;
  background-color: color-mix(in srgb, white 10%, var(--midnight-stronger) 90%);
  border-color: color-mix(in srgb, white 10%, var(--midnight-stronger) 90%);
}
.btn-midnight-stronger:hover svg * {
  fill: #fff;
}
.btn-midnight-strongest {
  color: #fff;
  background-color: var(--midnight-strongest);
  border-color: var(--midnight-strongest);
}
.btn-midnight-strongest svg * {
  fill: #fff;
}
.btn-midnight-strongest:hover {
  color: #fff;
  background-color: color-mix(in srgb, white 10%, var(--midnight-strongest) 90%);
  border-color: color-mix(in srgb, white 10%, var(--midnight-strongest) 90%);
}
.btn-midnight-strongest:hover svg * {
  fill: #fff;
}
.btn-forest-softest {
  color: var(--forest);
  background-color: var(--forest-softest);
  border-color: var(--forest-softest);
}
.btn-forest-softest svg * {
  fill: var(--forest);
}
.btn-forest-softest:hover {
  background-color: rgb(82.6588235294%, 83.2588235294%, 82.9411764706%);
  border-color: rgb(82.6588235294%, 83.2588235294%, 82.9411764706%);
}
.btn-forest-softest:hover svg * {
  fill: var(--forest);
}
.btn-forest-softer {
  color: var(--forest-strong);
  background-color: var(--forest-softer);
  border-color: var(--forest-softer);
}
.btn-forest-softer svg * {
  fill: var(--forest-strong);
}
.btn-forest-softer:hover {
  color: var(--forest-strong);
  background-color: rgb(60.6352941176%, 63.0352941176%, 61.7647058824%);
  border-color: rgb(60.6352941176%, 63.0352941176%, 61.7647058824%);
}
.btn-forest-softer:hover svg * {
  fill: var(--forest-strong);
}
.btn-forest-soft {
  color: #fff;
  background-color: var(--forest-soft);
  border-color: var(--forest-soft);
}
.btn-forest-soft svg * {
  fill: #fff;
}
.btn-forest-soft:hover {
  color: #fff;
  background-color: rgb(38.6117647059%, 42.8117647059%, 40.5882352941%);
  border-color: rgb(38.6117647059%, 42.8117647059%, 40.5882352941%);
}
.btn-forest-soft:hover svg * {
  fill: #fff;
}
.btn-forest {
  color: #fff;
  background-color: var(--forest);
  border-color: var(--forest);
}
.btn-forest svg * {
  fill: #fff;
}
.btn-forest:hover {
  color: #fff;
  background-color: rgb(26.5882352941%, 32.5882352941%, 29.4117647059%);
  border-color: rgb(26.5882352941%, 32.5882352941%, 29.4117647059%);
}
.btn-forest:hover svg * {
  fill: #fff;
}
.btn-forest-strong {
  color: #fff;
  background-color: var(--forest-strong);
  border-color: var(--forest-strong);
}
.btn-forest-strong svg * {
  fill: #fff;
}
.btn-forest-strong:hover {
  color: #fff;
  background-color: rgb(21.6117647059%, 25.8117647059%, 23.5882352941%);
  border-color: rgb(21.6117647059%, 25.8117647059%, 23.5882352941%);
}
.btn-forest-strong:hover svg * {
  fill: #fff;
}
.btn-forest-stronger {
  color: #fff;
  background-color: var(--forest-stronger);
  border-color: var(--forest-stronger);
}
.btn-forest-stronger svg * {
  fill: #fff;
}
.btn-forest-stronger:hover {
  color: #fff;
  background-color: rgb(16.6352941176%, 19.0352941176%, 17.7647058824%);
  border-color: rgb(16.6352941176%, 19.0352941176%, 17.7647058824%);
}
.btn-forest-stronger:hover svg * {
  fill: #fff;
}
.btn-forest-strongest {
  color: #fff;
  background-color: var(--forest-strongest);
  border-color: var(--forest-strongest);
}
.btn-forest-strongest svg * {
  fill: #fff;
}
.btn-forest-strongest:hover {
  color: #fff;
  background-color: rgb(11.6588235294%, 12.2588235294%, 11.9411764706%);
  border-color: rgb(11.6588235294%, 12.2588235294%, 11.9411764706%);
}
.btn-forest-strongest:hover svg * {
  fill: #fff;
}
.btn-mahogany-softest {
  color: var(--mahogany);
  background-color: var(--mahogany-softest);
  border-color: var(--mahogany-softest);
}
.btn-mahogany-softest svg * {
  fill: var(--mahogany);
}
.btn-mahogany-softest:hover {
  background-color: rgb(83.6117647059%, 82.6235294118%, 82.5176470588%);
  border-color: rgb(83.6117647059%, 82.6235294118%, 82.5176470588%);
}
.btn-mahogany-softest:hover svg * {
  fill: var(--mahogany);
}
.btn-mahogany-softer {
  color: var(--mahogany);
  background-color: var(--mahogany-softer);
  border-color: var(--mahogany-softer);
}
.btn-mahogany-softer svg * {
  fill: var(--mahogany);
}
.btn-mahogany-softer:hover {
  color: var(--mahogany);
  background-color: rgb(64.4470588235%, 60.4941176471%, 60.0705882353%);
  border-color: rgb(64.4470588235%, 60.4941176471%, 60.0705882353%);
}
.btn-mahogany-softer:hover svg * {
  fill: var(--mahogany);
}
.btn-mahogany-soft {
  color: #fff;
  background-color: var(--mahogany-soft);
  border-color: var(--mahogany-soft);
}
.btn-mahogany-soft svg * {
  fill: #fff;
}
.btn-mahogany-soft:hover {
  color: #fff;
  background-color: rgb(45.2823529412%, 38.3647058824%, 37.6235294118%);
  border-color: rgb(45.2823529412%, 38.3647058824%, 37.6235294118%);
}
.btn-mahogany-soft:hover svg * {
  fill: #fff;
}
.btn-mahogany {
  color: #fff;
  background-color: var(--mahogany);
  border-color: var(--mahogany);
}
.btn-mahogany svg * {
  fill: #fff;
}
.btn-mahogany:hover {
  color: #fff;
  background-color: rgb(36.1176470588%, 26.2352941176%, 25.1764705882%);
  border-color: rgb(36.1176470588%, 26.2352941176%, 25.1764705882%);
}
.btn-mahogany:hover svg * {
  fill: #fff;
}
.btn-mahogany-strong {
  color: #fff;
  background-color: var(--mahogany-strong);
  border-color: var(--mahogany-strong);
}
.btn-mahogany-strong svg * {
  fill: #fff;
}
.btn-mahogany-strong:hover {
  color: #fff;
  background-color: rgb(28.2823529412%, 21.3647058824%, 20.6235294118%);
  border-color: rgb(28.2823529412%, 21.3647058824%, 20.6235294118%);
}
.btn-mahogany-strong:hover svg * {
  fill: #fff;
}
.btn-mahogany-stronger {
  color: #fff;
  background-color: var(--mahogany-stronger);
  border-color: var(--mahogany-stronger);
}
.btn-mahogany-stronger svg * {
  fill: #fff;
}
.btn-mahogany-stronger:hover {
  color: #fff;
  background-color: rgb(20.4470588235%, 16.4941176471%, 16.0705882353%);
  border-color: rgb(20.4470588235%, 16.4941176471%, 16.0705882353%);
}
.btn-mahogany-stronger:hover svg * {
  fill: #fff;
}
.btn-mahogany-strongest {
  color: #fff;
  background-color: var(--mahogany-strongest);
  border-color: var(--mahogany-strongest);
}
.btn-mahogany-strongest svg * {
  fill: #fff;
}
.btn-mahogany-strongest:hover {
  color: #fff;
  background-color: rgb(12.6117647059%, 11.6235294118%, 11.5176470588%);
  border-color: rgb(12.6117647059%, 11.6235294118%, 11.5176470588%);
}
.btn-mahogany-strongest:hover svg * {
  fill: #fff;
}
.btn-gold-softest {
  color: var(--gold);
  background-color: var(--gold-softest);
  border-color: var(--gold-softest);
}
.btn-gold-softest svg * {
  fill: var(--gold);
}
.btn-gold-softest:hover {
  color: var(--gold);
  background-color: rgb(87.4941176471%, 86.1882352941%, 82.8352941176%);
  border-color: rgb(87.4941176471%, 86.1882352941%, 82.8352941176%);
}
.btn-gold-softest:hover svg * {
  fill: var(--gold);
}
.btn-gold-softer {
  color: var(--gold-strong);
  background-color: var(--gold-softer);
  border-color: var(--gold-softer);
}
.btn-gold-softer svg * {
  fill: var(--gold-strong);
}
.btn-gold-softer:hover {
  color: var(--gold-strong);
  background-color: rgb(79.9764705882%, 74.7529411765%, 61.3411764706%);
  border-color: rgb(79.9764705882%, 74.7529411765%, 61.3411764706%);
}
.btn-gold-softer:hover svg * {
  fill: var(--gold-strong);
}
.btn-gold-soft {
  color: #fff;
  background-color: var(--gold-soft);
  border-color: var(--gold-soft);
}
.btn-gold-soft svg * {
  fill: #fff;
}
.btn-gold-soft:hover {
  color: #fff;
  background-color: rgb(72.4588235294%, 63.3176470588%, 39.8470588235%);
  border-color: rgb(72.4588235294%, 63.3176470588%, 39.8470588235%);
}
.btn-gold-soft:hover svg * {
  fill: #fff;
}
.btn-gold {
  color: #fff;
  background-color: var(--gold);
  border-color: var(--gold);
}
.btn-gold svg * {
  fill: #fff;
}
.btn-gold:hover {
  color: #fff;
  background-color: rgb(74.9411764706%, 61.8823529412%, 28.3529411765%);
  border-color: rgb(74.9411764706%, 61.8823529412%, 28.3529411765%);
}
.btn-gold:hover svg * {
  fill: #fff;
}
.btn-gold-strong {
  color: #fff;
  background-color: var(--gold-strong);
  border-color: var(--gold-strong);
}
.btn-gold-strong svg * {
  fill: #fff;
}
.btn-gold-strong:hover {
  color: #fff;
  background-color: rgb(55.4588235294%, 46.3176470588%, 22.8470588235%);
  border-color: rgb(55.4588235294%, 46.3176470588%, 22.8470588235%);
}
.btn-gold-strong:hover svg * {
  fill: #fff;
}
.btn-gold-stronger {
  color: #fff;
  background-color: var(--gold-stronger);
  border-color: var(--gold-stronger);
}
.btn-gold-stronger svg * {
  fill: #fff;
}
.btn-gold-stronger:hover {
  color: #fff;
  background-color: rgb(35.9764705882%, 30.7529411765%, 17.3411764706%);
  border-color: rgb(35.9764705882%, 30.7529411765%, 17.3411764706%);
}
.btn-gold-stronger:hover svg * {
  fill: #fff;
}
.btn-gold-strongest {
  color: #fff;
  background-color: var(--gold-strongest);
  border-color: var(--gold-strongest);
}
.btn-gold-strongest svg * {
  fill: #fff;
}
.btn-gold-strongest:hover {
  color: #fff;
  background-color: rgb(16.4941176471%, 15.1882352941%, 11.8352941176%);
  border-color: rgb(16.4941176471%, 15.1882352941%, 11.8352941176%);
}
.btn-gold-strongest:hover svg * {
  fill: #fff;
}
.btn-sage-softest {
  color: var(--sage);
  background-color: var(--sage-softest);
  border-color: var(--sage-softest);
}
.btn-sage-softest svg * {
  fill: #fff;
}
.btn-sage-softest:hover {
  background-color: rgb(87.0352941176%, 87.6352941176%, 86.5764705882%);
  border-color: rgb(87.0352941176%, 87.6352941176%, 86.5764705882%);
}
.btn-sage-softest:hover svg * {
  fill: #fff;
}
.btn-sage-softer {
  color: var(--sage-stronger);
  background-color: var(--sage-softer);
  border-color: var(--sage-softer);
}
.btn-sage-softer svg * {
  fill: var(--sage-stronger);
}
.btn-sage-softer:hover {
  color: var(--sage-stronger);
  background-color: rgb(78.1411764706%, 80.5411764706%, 76.3058823529%);
  border-color: rgb(78.1411764706%, 80.5411764706%, 76.3058823529%);
}
.btn-sage-softer:hover svg * {
  fill: var(--sage-stronger);
}
.btn-sage-soft {
  color: var(--sage-stronger);
  background-color: var(--sage-soft);
  border-color: var(--sage-soft);
}
.btn-sage-soft svg * {
  fill: var(--sage-stronger);
}
.btn-sage-soft:hover {
  color: var(--sage-stronger);
  background-color: rgb(69.2470588235%, 73.4470588235%, 66.0352941176%);
  border-color: rgb(69.2470588235%, 73.4470588235%, 66.0352941176%);
}
.btn-sage-soft:hover svg * {
  fill: var(--sage-stronger);
}
.btn-sage {
  color: #fff;
  background-color: var(--sage);
  border-color: var(--sage);
}
.btn-sage svg * {
  fill: #fff;
}
.btn-sage:hover {
  color: #fff;
  background-color: rgb(70.3529411765%, 76.3529411765%, 65.7647058824%);
  border-color: rgb(70.3529411765%, 76.3529411765%, 65.7647058824%);
}
.btn-sage:hover svg * {
  fill: #fff;
}
.btn-sage-strong {
  color: #fff;
  background-color: var(--sage-strong);
  border-color: var(--sage-strong);
}
.btn-sage-strong svg * {
  fill: #fff;
}
.btn-sage-strong:hover {
  color: #fff;
  background-color: rgb(52.2470588235%, 56.4470588235%, 49.0352941176%);
  border-color: rgb(52.2470588235%, 56.4470588235%, 49.0352941176%);
}
.btn-sage-strong:hover svg * {
  fill: #fff;
}
.btn-sage-stronger {
  color: #fff;
  background-color: var(--sage-stronger);
  border-color: var(--sage-stronger);
}
.btn-sage-stronger svg * {
  fill: #fff;
}
.btn-sage-stronger:hover {
  color: #fff;
  background-color: rgb(34.1411764706%, 36.5411764706%, 32.3058823529%);
  border-color: rgb(34.1411764706%, 36.5411764706%, 32.3058823529%);
}
.btn-sage-stronger:hover svg * {
  fill: #fff;
}
.btn-sage-strongest {
  color: #fff;
  background-color: var(--sage-strongest);
  border-color: var(--sage-strongest);
}
.btn-sage-strongest svg * {
  fill: #fff;
}
.btn-sage-strongest:hover {
  color: #fff;
  background-color: rgb(16.0352941176%, 16.6352941176%, 15.5764705882%);
  border-color: rgb(16.0352941176%, 16.6352941176%, 15.5764705882%);
}
.btn-sage-strongest:hover svg * {
  fill: #fff;
}
.btn-honey-softest {
  color: var(--honey);
  background-color: var(--honey-softest);
  border-color: var(--honey-softest);
}
.btn-honey-softest svg * {
  fill: var(--honey);
}
.btn-honey-softest:hover {
  background-color: rgb(86.1176470588%, 84.9176470588%, 83.4705882353%);
  border-color: rgb(86.1176470588%, 84.9176470588%, 83.4705882353%);
}
.btn-honey-softest:hover svg * {
  fill: var(--honey);
}
.btn-honey-softer {
  color: var(--honey-stronger);
  background-color: var(--honey-softer);
  border-color: var(--honey-softer);
}
.btn-honey-softer svg * {
  fill: var(--honey-stronger);
}
.btn-honey-softer:hover {
  color: var(--honey-stronger);
  background-color: rgb(74.4705882353%, 69.6705882353%, 63.8823529412%);
  border-color: rgb(74.4705882353%, 69.6705882353%, 63.8823529412%);
}
.btn-honey-softer:hover svg * {
  fill: var(--honey-stronger);
}
.btn-honey-soft {
  color: #fff;
  background-color: var(--honey-soft);
  border-color: var(--honey-soft);
}
.btn-honey-soft svg * {
  fill: #fff;
}
.btn-honey-soft:hover {
  color: #fff;
  background-color: rgb(62.8235294118%, 54.4235294118%, 44.2941176471%);
  border-color: rgb(62.8235294118%, 54.4235294118%, 44.2941176471%);
}
.btn-honey-soft:hover svg * {
  fill: #fff;
}
.btn-honey {
  color: #fff;
  background-color: var(--honey);
  border-color: var(--honey);
}
.btn-honey svg * {
  fill: #fff;
}
.btn-honey:hover {
  color: #fff;
  background-color: rgb(61.1764705882%, 49.1764705882%, 34.7058823529%);
  border-color: rgb(61.1764705882%, 49.1764705882%, 34.7058823529%);
}
.btn-honey:hover svg * {
  fill: #fff;
}
.btn-honey-strong {
  color: #fff;
  background-color: var(--honey-strong);
  border-color: var(--honey-strong);
}
.btn-honey-strong svg * {
  fill: #fff;
}
.btn-honey-strong:hover {
  color: #fff;
  background-color: rgb(45.8235294118%, 37.4235294118%, 27.2941176471%);
  border-color: rgb(45.8235294118%, 37.4235294118%, 27.2941176471%);
}
.btn-honey-strong:hover svg * {
  fill: #fff;
}
.btn-honey-stronger {
  color: #fff;
  background-color: var(--honey-stronger);
  border-color: var(--honey-stronger);
}
.btn-honey-stronger svg * {
  fill: #fff;
}
.btn-honey-stronger:hover {
  color: #fff;
  background-color: rgb(30.4705882353%, 25.6705882353%, 19.8823529412%);
  border-color: rgb(30.4705882353%, 25.6705882353%, 19.8823529412%);
}
.btn-honey-stronger:hover svg * {
  fill: #fff;
}
.btn-honey-strongest {
  color: #fff;
  background-color: var(--honey-strongest);
  border-color: var(--honey-strongest);
}
.btn-honey-strongest svg * {
  fill: #fff;
}
.btn-honey-strongest:hover {
  color: #fff;
  background-color: rgb(15.1176470588%, 13.9176470588%, 12.4705882353%);
  border-color: rgb(15.1176470588%, 13.9176470588%, 12.4705882353%);
}
.btn-honey-strongest:hover svg * {
  fill: #fff;
}
.btn-clay-softest {
  color: var(--clay);
  background-color: var(--clay-softest);
  border-color: var(--clay-softest);
}
.btn-clay-softest svg * {
  fill: var(--clay);
}
.btn-clay-softest:hover {
  background-color: color-mix(in srgb, black 10%, var(--clay-softest) 90%);
  border-color: color-mix(in srgb, black 10%, var(--clay-softest) 90%);
}
.btn-clay-softest:hover svg * {
  fill: var(--clay);
}
.btn-clay-softer {
  color: var(--clay-stronger);
  background-color: var(--clay-softer);
  border-color: var(--clay-softer);
}
.btn-clay-softer svg * {
  fill: var(--clay-stronger);
}
.btn-clay-softer:hover {
  color: var(--clay-stronger);
  background-color: color-mix(in srgb, black 10%, var(--clay-softer) 90%);
  border-color: color-mix(in srgb, black 10%, var(--clay-softer) 90%);
}
.btn-clay-softer:hover svg * {
  fill: var(--clay-stronger);
}
.btn-clay-soft {
  color: #fff;
  background-color: var(--clay-soft);
  border-color: var(--clay-soft);
}
.btn-clay-soft svg * {
  fill: #fff;
}
.btn-clay-soft:hover {
  color: #fff;
  background-color: color-mix(in srgb, black 10%, var(--clay-soft) 90%);
  border-color: color-mix(in srgb, black 10%, var(--clay-soft) 90%);
}
.btn-clay-soft:hover svg * {
  fill: #fff;
}
.btn-clay {
  color: #fff;
  background-color: var(--clay);
  border-color: var(--clay);
}
.btn-clay svg * {
  fill: #fff;
}
.btn-clay:hover {
  color: #fff;
  background-color: color-mix(in srgb, white 10%, var(--clay) 90%);
  border-color: color-mix(in srgb, white 10%, var(--clay) 90%);
}
.btn-clay:hover svg * {
  fill: #fff;
}
.btn-clay-strong {
  color: #fff;
  background-color: var(--clay-strong);
  border-color: var(--clay-strong);
}
.btn-clay-strong svg * {
  fill: #fff;
}
.btn-clay-strong:hover {
  color: #fff;
  background-color: color-mix(in srgb, white 10%, var(--clay-strong) 90%);
  border-color: color-mix(in srgb, white 10%, var(--clay-strong) 90%);
}
.btn-clay-strong:hover svg * {
  fill: #fff;
}
.btn-clay-stronger {
  color: #fff;
  background-color: var(--clay-stronger);
  border-color: var(--clay-stronger);
}
.btn-clay-stronger svg * {
  fill: #fff;
}
.btn-clay-stronger:hover {
  color: #fff;
  background-color: color-mix(in srgb, white 10%, var(--clay-stronger) 90%);
  border-color: color-mix(in srgb, white 10%, var(--clay-stronger) 90%);
}
.btn-clay-stronger:hover svg * {
  fill: #fff;
}
.btn-clay-strongest {
  color: #fff;
  background-color: var(--clay-strongest);
  border-color: var(--clay-strongest);
}
.btn-clay-strongest svg * {
  fill: #fff;
}
.btn-clay-strongest:hover {
  color: #fff;
  background-color: color-mix(in srgb, white 10%, var(--clay-strongest) 90%);
  border-color: color-mix(in srgb, white 10%, var(--clay-strongest) 90%);
}
.btn-clay-strongest:hover svg * {
  fill: #fff;
}
.btn-sky-softest {
  color: var(--sky);
  background-color: var(--sky-softest);
  border-color: var(--sky-softest);
}
.btn-sky-softest svg * {
  fill: var(--sky);
}
.btn-sky-softest:hover {
  background-color: rgb(85.7647058824%, 87.7764705882%, 89.5411764706%);
  border-color: rgb(85.7647058824%, 87.7764705882%, 89.5411764706%);
}
.btn-sky-softest:hover svg * {
  fill: var(--sky);
}
.btn-sky-softer {
  color: var(--sky-stronger);
  background-color: var(--sky-softer);
  border-color: var(--sky-softer);
}
.btn-sky-softer svg * {
  fill: var(--sky-stronger);
}
.btn-sky-softer:hover {
  color: var(--sky-stronger);
  background-color: rgb(73.0588235294%, 81.1058823529%, 88.1647058824%);
  border-color: rgb(73.0588235294%, 81.1058823529%, 88.1647058824%);
}
.btn-sky-softer:hover svg * {
  fill: var(--sky-stronger);
}
.btn-sky-soft {
  color: #fff;
  background-color: var(--sky-soft);
  border-color: var(--sky-soft);
}
.btn-sky-soft svg * {
  fill: #fff;
}
.btn-sky-soft:hover {
  color: #fff;
  background-color: rgb(60.3529411765%, 74.4352941176%, 86.7882352941%);
  border-color: rgb(60.3529411765%, 74.4352941176%, 86.7882352941%);
}
.btn-sky-soft:hover svg * {
  fill: #fff;
}
.btn-sky {
  color: #fff;
  background-color: var(--sky);
  border-color: var(--sky);
}
.btn-sky svg * {
  fill: #fff;
}
.btn-sky:hover {
  color: #fff;
  background-color: rgb(57.6470588235%, 77.7647058824%, 95.4117647059%);
  border-color: rgb(57.6470588235%, 77.7647058824%, 95.4117647059%);
}
.btn-sky:hover svg * {
  fill: #fff;
}
.btn-sky-strong {
  color: #fff;
  background-color: var(--sky-strong);
  border-color: var(--sky-strong);
}
.btn-sky-strong svg * {
  fill: #fff;
}
.btn-sky-strong:hover {
  color: #fff;
  background-color: rgb(43.3529411765%, 57.4352941176%, 69.7882352941%);
  border-color: rgb(43.3529411765%, 57.4352941176%, 69.7882352941%);
}
.btn-sky-strong:hover svg * {
  fill: #fff;
}
.btn-sky-stronger {
  color: #fff;
  background-color: var(--sky-stronger);
  border-color: var(--sky-stronger);
}
.btn-sky-stronger svg * {
  fill: #fff;
}
.btn-sky-stronger:hover {
  color: #fff;
  background-color: rgb(29.0588235294%, 37.1058823529%, 44.1647058824%);
  border-color: rgb(29.0588235294%, 37.1058823529%, 44.1647058824%);
}
.btn-sky-stronger:hover svg * {
  fill: #fff;
}
.btn-sky-strongest {
  color: #fff;
  background-color: var(--sky-strongest);
  border-color: var(--sky-strongest);
}
.btn-sky-strongest svg * {
  fill: #fff;
}
.btn-sky-strongest:hover {
  color: #fff;
  background-color: rgb(14.7647058824%, 16.7764705882%, 18.5411764706%);
  border-color: rgb(14.7647058824%, 16.7764705882%, 18.5411764706%);
}
.btn-sky-strongest:hover svg * {
  fill: #fff;
}
.btn.btn-icon {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999%;
}
.btn.btn-icon.btn {
  width: 40px;
  height: 40px;
}
.btn.btn-icon.btn i.ti {
  font-size: 24px;
}
.btn.btn-icon.btn i.fa {
  font-size: 20px;
}
.btn.btn-icon.btn svg {
  width: auto;
  height: 22px;
}
.btn.btn-icon.btn-sm {
  width: 33.5px;
  height: 33.5px;
}
.btn.btn-icon.btn-sm i.ti {
  font-size: 22px;
}
.btn.btn-icon.btn-sm i.fa {
  font-size: 18px;
}
.btn.btn-icon.btn-sm svg {
  height: 20px;
}
.btn.btn-icon.btn-lg {
  width: 50.5px;
  height: 50.5px;
}
.btn.btn-icon.btn-lg i.ti {
  font-size: 28px;
}
.btn.btn-icon.btn-lg i.fa {
  font-size: 24px;
}
.btn.btn-icon.btn-lg svg {
  height: 26px;
}
.btn.btn-icon.btn-xl {
  width: 61px;
  height: 61px;
}
.btn.btn-icon.btn-xl i.ti {
  font-size: 32px;
}
.btn.btn-icon.btn-xl i.fa {
  font-size: 28px;
}
.btn.btn-icon.btn-xl svg {
  height: 30px;
}
.btn.no-grow {
  width: auto !important;
}
.btn.no-grow + .btn.no-grow {
  margin-left: 8px;
}
.btn:not(.no-grow) {
  width: 100%;
}
.btn:not(.no-grow) + .btn:not(.no-grow) {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .btn:not(.no-grow) {
    width: auto;
  }
  .btn:not(.no-grow) + .btn:not(.no-grow) {
    margin-top: 0;
    margin-left: 8px;
  }
}
.btn.btn-cta {
  display: block;
  position: relative;
  width: 100%;
  border-radius: var(--rounded-medium) !important;
  border-width: 4px;
  padding: 16px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}
.btn.btn-cta + .btn-cta {
  margin-top: 16px;
  margin-left: 0 !important;
}
.btn.btn-cta i.ti {
  position: relative;
  z-index: 1;
  transition: transform 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-cta i.ti::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border-radius: 999px;
  transition: background-color 0.3s ease;
  background-color: transparent;
  z-index: -1;
}
.btn.btn-cta:hover i.ti {
  transform: translateX(4px);
}
.btn.btn-cta:hover i.ti::after {
  background-color: #fff;
}
.btn.btn-cta.btn-default {
  border-color: var(--charcoal);
  color: var(--charcoal);
  background-color: transparent;
}
.btn.btn-cta.btn-default i.ti {
  color: var(--clay);
}
.btn.btn-cta.btn-default:hover {
  background-color: var(--clay);
  border-color: var(--clay);
  color: #fff;
}
.btn.btn-cta.btn-default:hover span.text-clay {
  color: #fff !important;
}
.btn.btn-cta.btn-default:hover i.ti::after {
  background-color: #fff;
}
.btn.btn-cta.btn-outline-light {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
}
.btn.btn-cta.btn-outline-light i.ti {
  color: var(--clay);
}
.btn.btn-cta.btn-outline-light:hover {
  background-color: var(--clay);
  border-color: var(--clay);
  color: #fff;
}
.btn.btn-cta.btn-outline-light:hover span.text-clay {
  color: #fff !important;
}
.btn.btn-cta.btn-outline-light:hover i.ti::after {
  background-color: #fff;
}
@media (min-width: 768px) {
  .btn.btn-cta {
    font-size: 22px;
  }
}

a:not(.btn) {
  text-decoration: none;
  transition: color 0.3s ease;
}
a:not(.btn):hover {
  text-decoration: none;
}
a:not(.btn)[class^=text-] {
  text-decoration: underline;
}
a:not(.btn).text-white:hover {
  color: rgb(90%, 90%, 90%) !important;
}

a:not(.btn), button {
  transition: color 0.3s ease;
}
a:not(.btn).text-color:hover, button.text-color:hover {
  color: var(--clay) !important;
}

.btn-group .btn + .btn {
  margin-left: 0 !important;
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.btn-group .btn:first-child:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.btn-group .btn {
  width: fit-content !important;
}

.card {
  border: none;
  overflow: hidden;
  background-color: #fff;
  border-radius: 48px !important;
  transition: box-shadow 0.5s ease, transform 0.5s ease;
  position: relative;
}
.card .card-img-top {
  padding: 16px;
  background-color: transparent;
}
.card .card-img-top img {
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  width: 100%;
  border: 4px solid var(--bone);
  transition: box-shadow 0.5s ease, border-color 0.5s ease;
  transform: scale(1);
  border-radius: 32px !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.card .card-body {
  padding: 16px 32px;
}
.card .card-body > :last-child {
  margin-bottom: 0;
}
.card .card-footer {
  border: 0;
  padding: 16px 32px 24px;
  background-color: transparent;
}
.card .card-footer [href]:first-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  content: "";
}
.card .card-footer [href] + [href] {
  position: relative;
  z-index: 11;
}
.card:not(.centered):has(.card-footer [href]:hover) {
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  transform: scale(1.01);
}
.card:not(.centered):has(.card-footer [href]:hover) .card-img-top img {
  box-shadow: none;
  border-color: var(--midnight-softest);
}
.card.centered {
  overflow: visible;
  background-color: transparent;
  box-shadow: none;
  z-index: 1;
  position: relative;
}
.card.centered::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  bottom: 0;
  border-radius: 32px !important;
  background-color: #fff;
  z-index: -1;
}
.card.centered .card-img-top {
  padding: 0 32px 16px;
  transform: rotate(0deg);
  transition: transform 0.5s ease;
}
.card.centered .card-img-top img {
  aspect-ratio: 6/5;
}
.card.centered .card-body {
  text-align: center;
}
.card.centered .card-title {
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative;
}
.card.centered .card-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) scaleX(1);
  width: 64px;
  height: 1px;
  background-color: var(--clay);
  transition: transform 0.5s ease;
}
.card.centered .card-footer {
  text-align: center;
}
.card.centered:has(.card-footer [href]:hover) .card-img-top {
  transform: rotate(8deg);
}
.card.centered:has(.card-footer [href]:hover) .card-title::after {
  transform: translateX(-50%) scaleX(1.5);
}
@media (min-width: 992px) {
  .card.centered {
    overflow: visible;
  }
  .card.centered::before {
    border-radius: 48px !important;
    top: 56px;
  }
  .card.centered .card-img-top {
    padding: 0 48px 16px;
  }
  .card.centered .card-img-top img {
    aspect-ratio: 6/5;
  }
}
.card.card-plain {
  border-radius: 32px !important;
}
.card.card-plain .card-img-top {
  padding: 0;
}
.card.card-plain .card-img-top img {
  aspect-ratio: 16/9;
  border: 0;
  transition: none;
  transform: none;
  box-shadow: none;
  border-radius: 0 !important;
}
.card.card-plain .card-body {
  padding: 16px;
}
.card.card-plain .card-footer {
  padding: 16px 16px 32px;
}

.side-by-side-card {
  background-color: #fff;
  padding: 16px;
  position: relative;
  border-radius: var(--rounded-huge) !important;
  transition: box-shadow 0.5s ease, transform 0.5s ease;
  position: relative;
}
.side-by-side-card .card-image {
  width: 100%;
}
.side-by-side-card .card-image img {
  border-radius: var(--rounded-xlarge) !important;
  width: 100%;
  height: 100%;
  aspect-ratio: 5/4;
  max-height: 360px;
  object-fit: cover;
  object-position: center;
}
.side-by-side-card .card-body {
  width: 100%;
  padding: 16px 8px;
}
.side-by-side-card .actions {
  margin-top: 32px;
}
.side-by-side-card .actions a:first-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  content: "";
}
.side-by-side-card + .side-by-side-card {
  margin-top: 32px;
}
.side-by-side-card:has(.actions [href]:hover) {
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}
@media (min-width: 992px) {
  .side-by-side-card {
    display: flex;
    align-items: center;
    gap: 40px;
    border-radius: 48px !important;
  }
  .side-by-side-card .card-image img {
    border-radius: 32px !important;
    max-height: unset;
  }
  .side-by-side-card.reversed {
    flex-direction: row-reverse;
  }
}

.person-card {
  position: relative;
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 16px;
  height: 100%;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  border-radius: var(--rounded-xlarge) !important;
  transition: box-shadow 0.5s ease, transform 0.5s ease;
  background-color: #fff;
}
.person-card .person-card-img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 1;
  border-radius: 999px;
  margin-bottom: 32px;
}
.person-card .person-card-footer {
  margin-top: 32px;
}
.person-card:has(a:hover) {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  transform: translateY(-4px);
}

.media-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 16px;
  border-radius: 32px !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0);
  transform: translateY(0);
  transition: box-shadow 200ms ease, transform 200ms ease, border-color 200ms ease;
}
.media-card .card-image {
  aspect-ratio: 16/9;
  width: 100%;
  border-radius: var(--rounded-huge) !important;
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s ease 0.2s;
}
.media-card h5 {
  font-size: 18px !important;
}
.media-card .card-body,
.media-card .card-footer {
  padding: 8px;
  background-color: transparent;
  border: 0;
}
.media-card .card-body {
  transition: transform 0.4s ease 0.1s;
}
.media-card .card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.media-card:not(.media-card-horizontal):has(a:hover) .card-image {
  transition: transform 0.3s ease;
  transform: translateY(-3px);
}
.media-card:not(.media-card-horizontal):has(a:hover) .card-body {
  transition: transform 0.4s ease 0.1s;
  transform: translateY(-3px);
}
@media (min-width: 992px) {
  .media-card-horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }
  .media-card-horizontal .card-image {
    width: 40%;
    max-width: 300px;
  }
  .media-card-horizontal .card-body,
  .media-card-horizontal .card-footer {
    padding: 0;
    flex-grow: 1;
    justify-content: flex-end;
  }
  .media-card-horizontal .card-footer {
    flex-shrink: 0;
  }
}

.event-card {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 16px;
  background-color: #fff;
  border-radius: var(--rounded-xlarge) !important;
  align-items: flex-start;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  position: relative;
}
.event-card .card-img-top {
  width: 110px;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  border-radius: var(--rounded-medium) !important;
}
.event-card .card-body,
.event-card .card-footer {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.event-card .card-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.event-card .card-body-part-1 {
  order: 2;
}
.event-card .card-body-part-1 p {
  font-size: 14px;
}
.event-card .card-body-part-2 {
  order: 1;
}
.event-card .card-body-part-3 {
  order: 3;
}
.event-card .card-body-part-3 p + p {
  margin-top: 8px;
}
.event-card:has(a:hover) {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 420px) {
  .event-card {
    flex-direction: column;
    overflow: hidden;
  }
  .event-card .btn.btn-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    overflow: visible;
  }
  .event-card .btn.btn-icon::after {
    right: unset;
    bottom: unset;
    top: 50%;
    left: 50%;
    width: 1000px;
    height: 1000px;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 992px) {
  .event-card {
    align-items: center;
  }
  .event-card .card-body {
    flex-direction: row;
    gap: 16px;
    align-items: center;
    width: 100%;
  }
  .event-card .card-body-part-1 {
    order: 1;
    width: 30%;
  }
  .event-card .card-body-part-2 {
    order: 2;
    width: 40%;
  }
  .event-card .card-body-part-2 h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }
  .event-card .card-body-part-3 {
    order: 3;
    width: 30%;
  }
  .event-card .card-body:not(:has(.card-body-part-3)) .card-body-part-2 {
    width: 70%;
  }
  .event-card .card-footer {
    flex: 1 0 auto;
    text-align: right;
  }
}

.panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) {
  background-color: #fff;
  overflow: hidden;
  border: 0;
  border-radius: 32px;
  box-shadow: none;
}
.panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel).panel-default > .panel-heading {
  background-color: #fff;
}
.panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-heading,
.panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-body,
.panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-footer {
  padding: 16px;
  background-color: #fff;
}
@media (min-width: 992px) {
  .panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-heading,
  .panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-body,
  .panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-footer {
    padding: 32px;
  }
}
.panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-heading {
  border-bottom: 1px solid var(--ui-softest);
}
.panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-body {
  border-radius: 0;
}
.panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-body p:last-child {
  margin-bottom: 0;
}
.panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-body + .panel-body {
  border-top: 1px solid var(--ui-softest);
}
.panel:not(.panel-group[id^=accordion] > .panel):not(.rock-modal .panel) .panel-footer {
  border-top: 1px solid var(--ui-softest);
}

.panel-group:not([id^=accordion]) .panel:has(+ .panel) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.panel-group:not([id^=accordion]) .panel:has(+ .panel) .panel-heading:last-child,
.panel-group:not([id^=accordion]) .panel:has(+ .panel) .panel-body:last-child,
.panel-group:not([id^=accordion]) .panel:has(+ .panel) .panel-footer:last-child {
  border-bottom: 1px solid var(--ui-softest);
}
.panel-group:not([id^=accordion]) .panel + .panel {
  margin-top: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 1px solid var(--ui-softest);
}

.panel-group[id^=accordion-] .panel {
  border-radius: 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--color-interface-stronger);
  margin-top: 0;
  box-shadow: none;
}
.panel-group[id^=accordion-] .panel-heading,
.panel-group[id^=accordion-] .panel-body,
.panel-group[id^=accordion-] .panel-footer {
  border: none !important;
  background-color: transparent;
}
.panel-group[id^=accordion-] .panel-heading {
  position: relative;
  padding: 16px;
  padding-right: 40px;
}
.panel-group[id^=accordion-] .panel-heading a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  content: "";
}
.panel-group[id^=accordion-] .panel-heading a {
  text-decoration: none;
}
.panel-group[id^=accordion-] .panel-heading h4.panel-title {
  font-size: 20px;
}
.panel-group[id^=accordion-] .panel-heading::before, .panel-group[id^=accordion-] .panel-heading::after {
  transition: opacity 0.3s ease, transform 0.3s ease;
  font-family: "FontAwesome";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
}
.panel-group[id^=accordion-] .panel-heading::after {
  content: "\f067";
  opacity: 1;
}
.panel-group[id^=accordion-] .panel-heading::before {
  content: "\f068";
  opacity: 0;
  transform: translateY(-50%) rotate(-90deg);
}
.panel-group[id^=accordion-] .panel-heading:has([aria-expanded=true])::after {
  opacity: 0;
  transform: translateY(-50%) rotate(180deg);
}
.panel-group[id^=accordion-] .panel-heading:has([aria-expanded=true])::before {
  opacity: 1;
  transform: translateY(-50%) rotate(0deg);
}
.panel-group[id^=accordion-] .panel-body {
  padding-top: 0;
  color: var(--midnight-soft);
}
.panel-group[id^=accordion-] .panel-white, .panel-group[id^=accordion-].white {
  color: #fff;
  border-color: #fff;
}
.panel-group[id^=accordion-] .panel-white a, .panel-group[id^=accordion-].white a {
  color: inherit;
}
.panel-group[id^=accordion-] .panel-white .panel-body, .panel-group[id^=accordion-].white .panel-body {
  color: rgba(255, 255, 255, 0.8);
}
.panel-group[id^=accordion-] .panel-small .panel-heading,
.panel-group[id^=accordion-] .small .panel-heading {
  padding: 12px;
}
.panel-group[id^=accordion-] .panel-small .panel-heading h4.panel-title,
.panel-group[id^=accordion-] .small .panel-heading h4.panel-title {
  font-size: 16px;
}
.panel-group[id^=accordion-] .panel-small .panel-heading::before, .panel-group[id^=accordion-] .panel-small .panel-heading::after,
.panel-group[id^=accordion-] .small .panel-heading::before,
.panel-group[id^=accordion-] .small .panel-heading::after {
  right: 12px;
}
.panel-group[id^=accordion-] .panel-borderless,
.panel-group[id^=accordion-] .borderless {
  border: none;
}

.nav.nav-stacked .nav-heading {
  padding: 10px 15px;
  background-color: var(--midnight);
  color: #fff;
}
.nav.nav-stacked li {
  border-radius: var(--rounded-medium) !important;
  overflow: hidden;
}
.nav > li > a {
  transition: background-color 0.15s ease;
}
.nav > li.active > a {
  background-color: var(--clay);
  color: #fff;
  pointer-events: none;
}
.nav > li:not(.active) > a:hover, .nav > li:not(.active) > a:focus, .nav > li:not(.active) > a:active {
  background-color: color-mix(in srgb, transparent 95%, var(--midnight) 5%);
}
.nav.nav-tabs {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.nav.nav-tabs > li:focus-visible {
  outline: 0 !important;
}
.nav.nav-tabs > li > a:focus {
  outline: 0 !important;
}

.well {
  padding: 8px;
  background-color: rgb(91.2745098039%, 90.1568627451%, 87.9215686275%);
  border-radius: var(--rounded-xlarge) !important;
  border: 1px solid rgb(76.862745098%, 75.9215686275%, 74.0392156863%);
}
@media (min-width: 768px) {
  .well {
    padding: 16px;
  }
}

.swiper {
  overflow: visible !important;
}
.swiper .swiper-slide {
  height: unset;
}
.swiper:has(.swiper-pagination) {
  padding-bottom: 24px;
}
.swiper .swiper-pagination {
  position: absolute !important;
  top: unset !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
}
.swiper .swiper-pagination-bullet {
  width: 45px !important;
  height: 5px !important;
  border-radius: 999px !important;
  margin: 0 !important;
}
.swiper:not(:has(.swiper-slide + .swiper-slide)) .swiper-pagination {
  display: none !important;
}
.swiper:not(:has(.swiper-slide + .swiper-slide)) .swiper-button-next,
.swiper:not(:has(.swiper-slide + .swiper-slide)) .swiper-button-prev {
  display: none !important;
}
@media (min-width: 768px) {
  .swiper:has(.swiper-pagination) {
    padding-bottom: 40px;
  }
}
.swiper.nav-style-one:has(.swiper-button-next) {
  padding-bottom: 92px;
}
.swiper.nav-style-one .swiper-button-next,
.swiper.nav-style-one .swiper-button-prev {
  width: 60px;
  height: 60px;
  position: absolute;
  top: unset;
  left: 50%;
  right: unset;
  bottom: 0;
  background-color: var(--bone);
  color: var(--charcoal);
  border-radius: var(--rounded-large);
  display: inline-grid;
  place-items: center;
}
.swiper.nav-style-one .swiper-button-next svg,
.swiper.nav-style-one .swiper-button-prev svg {
  display: none;
}
.swiper.nav-style-one .swiper-button-next::after,
.swiper.nav-style-one .swiper-button-prev::after {
  font-family: "FontAwesome";
  font-size: 32px;
  line-height: 1;
}
.swiper.nav-style-one .swiper-button-next {
  transform: translateX(15%);
}
.swiper.nav-style-one .swiper-button-next::after {
  content: "\f061";
}
.swiper.nav-style-one .swiper-button-prev {
  transform: translateX(-115%);
}
.swiper.nav-style-one .swiper-button-prev::after {
  content: "\f060";
}
@media (min-width: 992px) {
  .swiper.nav-style-one:has(.swiper-button-next) {
    padding-bottom: 0;
  }
  .swiper.nav-style-one .swiper-button-next,
  .swiper.nav-style-one .swiper-button-prev {
    left: unset;
    right: calc(100% + 48px);
  }
  .swiper.nav-style-one .swiper-button-prev {
    transform: translateY(-120%);
  }
  .swiper.nav-style-one .swiper-button-next {
    transform: none;
  }
}
.swiper.nav-style-two .swiper-button-next,
.swiper.nav-style-two .swiper-button-prev {
  width: 60px;
  height: 60px;
  position: absolute;
  background-color: var(--midnight);
  color: #fff;
  border-radius: var(--rounded-large);
  display: inline-grid;
  place-items: center;
  top: 50%;
  bottom: unset;
  transform: translateY(-50%);
  border: 2px solid #fff;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.swiper.nav-style-two .swiper-button-next svg,
.swiper.nav-style-two .swiper-button-prev svg {
  display: none;
}
.swiper.nav-style-two .swiper-button-next::after,
.swiper.nav-style-two .swiper-button-prev::after {
  font-family: "FontAwesome";
  font-size: 32px;
  line-height: 1;
}
.swiper.nav-style-two .swiper-button-next {
  right: -40px;
  left: unset;
}
.swiper.nav-style-two .swiper-button-next::after {
  content: "\f061";
}
.swiper.nav-style-two .swiper-button-prev {
  left: -40px;
  right: unset;
}
.swiper.nav-style-two .swiper-button-prev::after {
  content: "\f060";
}
@media (max-width: 992px) {
  .swiper.nav-style-two .swiper-button-next,
  .swiper.nav-style-two .swiper-button-prev {
    display: none;
  }
}
.swiper.nav-style-three:has(.swiper-button-next):has(.swiper-slide + .swiper-slide) {
  padding-top: 72px;
}
.swiper.nav-style-three .swiper-button-next,
.swiper.nav-style-three .swiper-button-prev {
  top: 0;
  right: unset !important;
  left: 0 !important;
  bottom: unset;
  margin: 0;
  width: 40px;
  height: 40px;
  display: inline-grid;
  place-items: center;
  background-color: #fff;
  border-radius: 999px;
}
.swiper.nav-style-three .swiper-button-next svg,
.swiper.nav-style-three .swiper-button-prev svg {
  display: none;
}
.swiper.nav-style-three .swiper-button-next::after,
.swiper.nav-style-three .swiper-button-prev::after {
  font-family: "FontAwesome";
  content: "\f054";
  font-size: 18px;
  line-height: 1;
  color: #000;
}
.swiper.nav-style-three .swiper-button-next {
  left: 56px !important;
}
.swiper.nav-style-three .swiper-button-prev::after {
  content: "\f053";
}
@media (min-width: 1200px) {
  .swiper.nav-style-three .swiper-button-next,
  .swiper.nav-style-three .swiper-button-prev {
    right: 0 !important;
    left: unset !important;
  }
  .swiper.nav-style-three .swiper-button-prev {
    right: 56px !important;
  }
}
.swiper.active-item-only .swiper-slide {
  transition: opacity 0.3s ease-in-out;
}
.swiper.active-item-only .swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
  pointer-events: none;
}

.carousel {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 8px;
  background-color: var(--carousel-background-color, var(--bone));
  border-radius: var(--rounded-xlarge);
  overflow: hidden;
}
@media (min-width: 992px) {
  .carousel {
    padding: 16px;
    border-radius: 32px;
  }
}
.carousel-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 768px) {
  .carousel-inner {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: var(--rounded-xlarge);
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .carousel-inner {
    flex-direction: row;
    gap: 16px;
  }
}
.carousel-image-display {
  padding: 8px;
}
@media (min-width: 992px) {
  .carousel-image-display {
    padding: 0;
    width: 100%;
  }
}
.carousel-image {
  aspect-ratio: 9/10;
  width: 100%;
  position: relative;
  border-radius: var(--rounded-medium);
  overflow: hidden;
}
.carousel-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  .carousel-image {
    max-height: 360px;
  }
}
@media (min-width: 992px) {
  .carousel-image {
    border-radius: var(--rounded-xlarge);
    height: 100%;
    aspect-ratio: unset;
  }
}
@media (min-width: 992px) {
  .carousel-items {
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    border-radius: var(--rounded-xlarge);
    overflow: hidden;
  }
}
.carousel-item {
  position: relative;
  cursor: pointer;
  padding: 32px 20% 32px 8px;
  transition: background-color 0.3s ease;
  color: var(--carousel-foreground-color, var(--color-interface-stronger));
}
.carousel-item .carousel-item-title {
  text-transform: uppercase;
}
.carousel-item .carousel-item-description {
  font-weight: 500;
  display: none;
}
@media (min-width: 992px) {
  .carousel-item .carousel-item-description {
    display: block;
  }
}
.carousel-item .carousel-item-link {
  font-weight: 500;
  color: var(--carousel-link-color, var(--clay));
}
.carousel-item .carousel-item-link:hover {
  filter: brightness(0.9);
}
.carousel-item.active, .carousel-item:hover {
  background-color: var(--carousel-background-color, var(--bone));
  filter: brightness(98%);
}
.carousel-item + .carousel-item {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .carousel-item {
    padding: 32px 20% 32px 16px;
  }
}
@media (min-width: 1200px) {
  .carousel-item {
    padding: 48px 15% 48px 32px;
  }
}
.carousel-timer {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.carousel-timer circle {
  fill: transparent;
  stroke-width: 3;
}
.carousel-timer circle:nth-child(1) {
  stroke: rgba(0, 0, 0, 0.2);
  fill: var(--carousel-background-color, var(--bone));
}
.carousel-timer circle:nth-child(2) {
  stroke-dasharray: 51.2;
  stroke-dashoffset: 51.2;
  opacity: 0;
  transition: stroke-dashoffset 0s linear, opacity 0.1 ease-in;
  stroke-linecap: round;
  stroke: var(--carousel-timer-color, var(--gold));
}

.swiper-gallery .swiper-wrapper {
  transition-timing-function: linear !important;
}
.swiper-gallery .gallery-image {
  aspect-ratio: 7/9;
  object-fit: cover;
  object-position: center;
  width: 100%;
  border: 2px solid var(--bone);
  border-radius: var(--rounded-xlarge) !important;
  box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.25);
}

.gallery-lightbox-image-button {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}
.gallery-lightbox-image-button .expand-icon {
  position: absolute;
  bottom: 24px;
  right: 24px;
  font-size: 22px;
  z-index: 1;
}
.gallery-lightbox-image-button .expand-icon i {
  opacity: 0;
  transition: opacity 0.25s ease 0.45s;
}
.gallery-lightbox-image-button .expand-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background-color: #fff;
  z-index: -1;
  transition: transform 0.25s ease;
}
.gallery-lightbox-image-button .expand-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 50px;
  height: 50px;
  border-radius: 999px;
  background-color: #fff;
  opacity: 0.5;
  z-index: -2;
  transition: transform 0.35s ease 0.15s;
}
.gallery-lightbox-image-button:hover .expand-icon i {
  opacity: 1;
}
.gallery-lightbox-image-button:hover .expand-icon::before, .gallery-lightbox-image-button:hover .expand-icon::after {
  transform: translate(-50%, -50%) scale(1);
}

.gallery-lightbox {
  position: fixed;
  top: var(--navbar-height);
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100vh - var(--navbar-height));
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
@media (min-width: 992px) {
  .gallery-lightbox {
    top: var(--navbar-md-height);
    height: calc(100vh - var(--navbar-md-height));
  }
}

.gallery-lightbox[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
}

.gallery-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  z-index: 1;
}

.gallery-lightbox-dialog {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 32px;
}

.gallery-lightbox-swiper {
  --swiper-navigation-color: #fff;
  --swiper-navigation-size: 28px;
  width: 100%;
  height: 100%;
}
.gallery-lightbox-swiper .swiper-button-prev svg,
.gallery-lightbox-swiper .swiper-button-next svg {
  display: none;
}

.gallery-lightbox-slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.gallery-lightbox-caption {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  max-width: 90%;
  font-size: 14px;
  z-index: 2;
  opacity: 0.85;
}

.gallery-lightbox-image {
  max-width: 100%;
  max-height: 100%;
  z-index: 2;
  object-fit: contain;
}

.gallery-lightbox-close {
  position: absolute;
  top: 16px;
  right: 20px;
  z-index: 3;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
}

body.gallery-lightbox-open {
  overflow: hidden;
}

.poster {
  border-radius: 32px !important;
  overflow: hidden;
  position: relative;
  aspect-ratio: 7/9;
  z-index: 1;
  width: 100%;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.04), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.poster .poster-image,
.poster .poster-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.poster .poster-image {
  object-fit: cover;
  object-position: center;
  z-index: -2;
}
.poster .poster-overlay {
  z-index: -1;
  background: linear-gradient(180deg, color-mix(in srgb, var(--poster-overlay-color, #111111) 0%, transparent) 50%, var(--poster-overlay-color, #111111) 100%);
}
.poster .poster-body {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  padding: 56px 32px;
  color: #fff;
  gap: 16px;
}
.poster .poster-body > * {
  margin: 0;
  transition: transform 0.8s ease;
}
.poster .poster-body > *:nth-child(2) {
  transition-delay: 0.1s;
}
.poster .poster-body > *:nth-child(3) {
  transition-delay: 0.2s;
}
.poster .poster-body > *:nth-child(4) {
  transition-delay: 0.3s;
}
.poster .poster-body > *:nth-child(5) {
  transition-delay: 0.4s;
}
.poster .poster-body > *:nth-child(6) {
  transition-delay: 0.5s;
}
.poster .poster-title {
  position: relative;
}
.poster .poster-title::before {
  content: "";
  width: 56px;
  height: 1px;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 50%;
  top: -24px;
  transform: translateX(-50%);
}
.poster .poster-footer {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  opacity: 0;
}
.poster .poster-footer a:first-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  content: "";
}
.poster:has(a:hover) {
  transform: translateY(-4px);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.poster:has(a:hover) .poster-body > * {
  transform: translateY(-8px);
}
@media (max-width: 768px) {
  .poster {
    max-height: 400px;
  }
}
@media (min-width: 768px) {
  .poster .poster-body {
    padding: 64px 40px;
  }
}

.accordion-poster {
  border-radius: var(--rounded-huge) !important;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1;
  max-height: 420px;
  min-width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.accordion-poster-image, .accordion-poster-overlay, .accordion-poster-blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.accordion-poster-image {
  object-fit: cover;
  object-position: center;
  z-index: -3;
}
.accordion-poster-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 100%);
  z-index: -2;
  opacity: 0.8;
}
.accordion-poster-blur {
  z-index: -1;
  transition: backdrop-filter 0.5s ease;
}
.accordion-poster-body {
  color: #fff;
  padding: 0 80px 24px 16px;
}
.accordion-poster-body p:last-child {
  margin-bottom: 0;
}
.accordion-poster-hidden {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  padding: 0 0 80px 16px;
  color: #fff;
  width: 85%;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
.accordion-poster-hidden h5 {
  font-size: 20px;
  line-height: 24px;
}
.accordion-poster-hidden p {
  line-height: 1.2;
  text-wrap: balance;
}
.accordion-poster-hidden a {
  pointer-events: none;
}
.accordion-poster-hidden a.btn {
  width: fit-content !important;
}
.accordion-poster-hidden * {
  margin: 0;
}
.accordion-poster-icon {
  position: absolute;
  bottom: 24px;
  right: 16px;
  width: 56px;
  height: 56px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 24px;
}
.accordion-poster-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.accordion-poster-icon i.ti.ti-plus {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 1;
}
.accordion-poster-icon i.ti.ti-minus {
  transform: translate(-50%, -50%) rotate(-90deg);
  opacity: 0;
}
.accordion-poster.active .accordion-poster-hidden {
  opacity: 1;
  transition: opacity 0.5s ease 0.3s;
}
.accordion-poster.active .accordion-poster-hidden a {
  pointer-events: auto;
  color: #fff;
  text-decoration: underline;
}
.accordion-poster.active .accordion-poster-blur {
  backdrop-filter: blur(40px);
}
.accordion-poster.active .accordion-poster-icon .ti.ti-plus {
  transform: translate(-50%, -50%) rotate(180deg);
  opacity: 0;
}
.accordion-poster.active .accordion-poster-icon .ti.ti-minus {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 1;
}
.accordion-poster:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.modal-scrollable {
  z-index: 2100 !important;
}

.modal:not(.rock-modal) {
  border-radius: var(--rounded-huge) !important;
  background-color: #fff;
}
.modal:not(.rock-modal) .modal-header,
.modal:not(.rock-modal) .modal-body,
.modal:not(.rock-modal) .modal-footer {
  border: 0;
  padding: 16px;
  background-color: unset;
}
.modal:not(.rock-modal) .modal-header:first-child,
.modal:not(.rock-modal) .modal-body:first-child,
.modal:not(.rock-modal) .modal-footer:first-child {
  padding-top: 32px !important;
}
.modal:not(.rock-modal) .modal-header:last-child,
.modal:not(.rock-modal) .modal-body:last-child,
.modal:not(.rock-modal) .modal-footer:last-child {
  padding-bottom: 32px !important;
}
.modal:not(.rock-modal) .modal-header .close {
  color: var(--base-interface-soft);
}
.modal:not(.rock-modal) .modal-header .close:hover {
  color: var(--base-interface-strong);
  border-color: tomato;
  color: tomato;
}
.modal:not(.rock-modal) .modal-title {
  color: var(--base-interface-strong);
}
.modal:not(.rock-modal) .modal-content {
  background-color: unset;
  box-shadow: none;
}
@media (max-width: 768px) {
  .modal:not(.rock-modal) .modal-footer .btn + .btn {
    margin-left: 0;
  }
}

.gsap-fade {
  opacity: 0;
}

[tt-aos],
[tt-cascade-item] {
  opacity: 0;
}

header.site-header:not(:has(.site-navbar-transparent)) {
  margin-bottom: 64px;
  height: 0;
}
@media (min-width: 992px) {
  header.site-header:not(:has(.site-navbar-transparent)) {
    margin-bottom: 120px;
  }
}

.site-navbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  height: 64px;
  padding: 0 var(--spacing-xsmall);
  color: #fff;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background-color: var(--midnight);
  transition: background-color 0.5s ease;
}
.site-navbar.site-navbar-transparent:not(.active) {
  background-color: transparent;
}
.site-navbar .brand {
  width: 50%;
  max-width: 288px;
}
.site-navbar .brand img {
  width: 100%;
}
.site-navbar .nav-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xsmall);
}
.site-navbar-transparent:not(.active) .account-dropdown,
.site-navbar-transparent:not(.active) a.login {
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(20px);
}
.site-navbar .account-dropdown {
  padding: 0 var(--spacing-xsmall);
  border-radius: var(--rounded-xsmall);
}
.site-navbar .account-dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  gap: var(--spacing-xsmall);
  background-color: transparent;
  border: 0;
  padding: var(--spacing-xsmall) 0;
}
.site-navbar .account-dropdown .profile-picture {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  object-fit: cover;
  object-position: center;
}
.site-navbar a.login {
  color: inherit;
  padding: var(--spacing-xsmall);
  border-radius: var(--rounded-xsmall);
  display: flex;
  align-items: center;
  gap: var(--spacing-xsmall);
  background-color: transparent;
  border: 0;
}
.site-navbar a.login i {
  font-size: 22px;
}
.site-navbar .nav-toggle {
  width: 52px;
  height: 52px;
  border-radius: var(--rounded-medium) !important;
  background-color: var(--clay);
  border: 0;
  position: relative;
}
.site-navbar .nav-toggle:focus:not(:focus-visible) {
  outline: none;
}
.site-navbar .nav-toggle .line {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background-color: #fff;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease;
}
.site-navbar .nav-toggle .line:first-child {
  top: 30%;
}
.site-navbar .nav-toggle .line:last-child {
  top: 70%;
}
.site-navbar .nav-toggle.active .line {
  width: 32px;
}
.site-navbar .nav-toggle.active .line:first-child, .site-navbar .nav-toggle.active .line:last-child {
  top: 50%;
}
.site-navbar .nav-toggle.active .line:first-child {
  transform: translate(-50%, -50%) rotate(225deg);
}
.site-navbar .nav-toggle.active .line:nth-child(2) {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(180deg);
  transition-delay: 0.1s;
}
.site-navbar .nav-toggle.active .line:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
  transition-delay: 0.2s;
}
@media (min-width: 992px) {
  .site-navbar {
    height: 120px;
  }
  .site-navbar .nav-actions {
    gap: var(--spacing-large);
  }
  .site-navbar .nav-toggle {
    width: 88px;
    height: 88px;
    border-radius: var(--rounded-xlarge) !important;
  }
  .site-navbar .nav-toggle .line {
    width: 32px;
  }
  .site-navbar .nav-toggle.active .line {
    width: 40px;
  }
}

.site-sidebar {
  position: fixed;
  top: 64px;
  right: 0;
  bottom: 0;
  width: 540px;
  max-width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2000;
  overflow: hidden;
  overflow-y: scroll;
  transform: translateX(120%);
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout style paint;
  /* Firefox */
  scrollbar-width: none;
  /* IE and Edge (older) */
  -ms-overflow-style: none;
}
.site-sidebar::-webkit-scrollbar {
  display: none;
}
.site-sidebar .sidebar-nav {
  padding: var(--spacing-large) var(--spacing-large) 32px;
  border-bottom: 1px solid #DAE0F2;
}
.site-sidebar .top {
  position: relative;
  flex: 1;
}
.site-sidebar .nav-primary > .nav-item a {
  padding: var(--spacing-xsmall) 0;
  color: #141D33;
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  transition: color 0.3s ease;
}
.site-sidebar .nav-primary > .nav-item a:focus:not(:focus-visible) {
  outline: none;
}
.site-sidebar .nav-primary > .nav-item a i.ti.ti-arrow-right {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.site-sidebar .nav-primary > .nav-item a:hover {
  color: var(--clay);
}
.site-sidebar .nav-primary > .nav-item a:hover i.ti.ti-arrow-right {
  right: -4px;
}
.site-sidebar .nav-primary > .nav-item:first-child a {
  padding-top: 0;
}
.site-sidebar .nav-primary > .nav-item:last-child a {
  padding-bottom: 0;
}
.site-sidebar .campus-info {
  padding: 32px var(--spacing-large) var(--spacing-large);
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--spacing-small);
}
.site-sidebar .campus-info * {
  margin: 0;
}
.site-sidebar .campus-info address a {
  font-size: 24px;
  line-height: 32px;
  text-decoration: underline;
  text-decoration-color: var(--clay);
  font-weight: 700;
}
.site-sidebar .bottom {
  padding: 32px var(--spacing-large) var(--spacing-large);
  border-top: 1px solid #DAE0F2;
  position: relative;
  z-index: 200;
  background-color: #fff;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--spacing-medium);
  align-items: center;
}
.site-sidebar .bottom .btn {
  width: 100%;
  max-width: 344px;
  margin: 0 !important;
}
.site-sidebar .subnav-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  overflow-y: scroll;
  /* Firefox */
  scrollbar-width: none;
  /* IE and Edge (older) */
  -ms-overflow-style: none;
}
.site-sidebar .subnav-container::-webkit-scrollbar {
  display: none;
}
.site-sidebar .nav-sub {
  display: none;
  position: absolute;
  pointer-events: none;
  padding: var(--spacing-large);
  width: 100%;
}
.site-sidebar .nav-sub .back {
  background-color: transparent;
  border: 0;
  font-size: 20px;
  padding: 0;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: var(--spacing-xsmall);
}
.site-sidebar .nav-sub .back:focus:not(:focus-visible) {
  outline: none;
}
.site-sidebar .nav-sub li a {
  padding: var(--spacing-xsmall) 0;
  color: #141D33;
  display: block;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  transition: color 0.3s ease;
}
.site-sidebar .nav-sub li a:focus:not(:focus-visible) {
  outline: none;
}
.site-sidebar .nav-sub li a:hover {
  color: var(--clay);
}
.site-sidebar .nav-sub li:first-child a {
  padding-top: 0;
}
.site-sidebar .nav-sub li:last-child a {
  padding-bottom: 0;
}
.site-sidebar .nav-sub.active {
  pointer-events: auto;
  z-index: 2;
}
@media (min-width: 768px) {
  .site-sidebar .nav-primary > .nav-item a {
    font-size: 32px;
  }
  .site-sidebar .nav-sub li a {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .site-sidebar {
    top: 120px;
  }
}

.nav-overlay {
  position: fixed;
  inset: 0;
  z-index: 1500;
  will-change: opacity, backdrop-filter;
  background: color-mix(in srgb, transparent 30%, var(--midnight) 70%);
  backdrop-filter: blur(12px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.nav-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

header .nav-overlay,
header .site-sidebar,
header .nav-sub,
header .nav-primary li,
header .nav-sub li {
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
header .site-sidebar,
header .nav-overlay {
  contain: layout style paint; /* helps isolate rendering */
}

.site-footer {
  padding: 40px var(--spacing-medium) var(--spacing-medium);
  background-color: var(--bone);
}
.site-footer address a {
  text-decoration-color: var(--clay) !important;
}
.site-footer .footer-nav-columns {
  display: flex;
  justify-content: center;
  gap: var(--spacing-large);
}
.site-footer .footer-nav-column {
  text-align: center;
}
.site-footer .ccmovement-cta {
  border-radius: var(--rounded-xlarge) !important;
  background-color: rgba(0, 0, 0, 0.05);
  padding: var(--spacing-medium);
  display: flex;
  gap: var(--spacing-xlarge);
  border: 1px solid rgba(0, 0, 0, 0.2);
  align-items: flex-start;
}
.site-footer .ccmovement-cta img {
  width: 216px;
  height: auto;
  object-fit: contain;
}
.site-footer .footer-nav-list li + li {
  margin-top: var(--spacing-xsmall);
}
.site-footer .footer-nav-list a {
  color: var(--color-interface-stronger);
  font-weight: 400;
}
.site-footer .footer-nav-list a:hover {
  color: var(--clay);
}
.site-footer .footer-logo {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 480px;
}
.site-footer .copyright-list {
  display: flex;
  gap: 32px;
  justify-content: center;
}
.site-footer .copyright-list li {
  position: relative;
}
.site-footer .copyright-list li + li::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #828282;
}
@media (min-width: 768px) {
  .site-footer .footer-nav-columns {
    justify-content: flex-end;
  }
  .site-footer .footer-nav-column {
    text-align: left;
  }
  .site-footer .footer-nav-column:nth-child(3) {
    display: none;
  }
  .site-footer .footer-nav-column:last-child {
    display: none;
  }
  .site-footer .copyright-list {
    justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .site-footer .ccmovement-cta {
    max-width: 768px;
  }
  .site-footer .footer-nav-column:nth-child(3) {
    display: block;
  }
  .site-footer .footer-logo {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .site-footer .footer-nav-column:last-child {
    display: block;
  }
}
@media (min-width: 1472px) {
  .site-footer .footer-nav-columns {
    gap: 40px;
  }
}

/*  ========================================================================
    CORE MODULAR PAGE & MODULE STYLES
    ========================================================================

    Description:
    Core styling system for modular page and module sections used throughout the theme.
    Modules provide flexible layout containers that support background media,
    transitions, spacing controls, and responsive layout behavior.

    These styles are intended to support a composable page builder where
    individual content blocks ("modules") can be stacked to form pages.

    Author: Brydon Johnson
    Created: March 2026
    Last Updated: March 2026

    ========================================================================
    TABLE OF CONTENTS
    ========================================================================

    1. Body Adjustments
    2. Base Module Styles
    3. Module Layout Containers
    4. Fluid Box Modules
    5. Module Transitions (Top / Bottom SVG transitions)
    6. Background Layer System
    7. Module Padding Utilities
    8. Module Foreground Color
    9. Lead Content

    ======================================================================== */
/*  ========================================================================
    2. BASE MODULE STYLES
    ========================================================================

    Core styles applied to all modules. These establish positioning,
    stacking context, and the base layout structure used by every module.

    Each module contains a `.module-container` which holds the content.
    ======================================================================== */
.module {
  z-index: 1;
  position: relative;
  /*  ====================================================================
      3. MODULE LAYOUT CONTAINERS
      ====================================================================

      The main container inside a module. Handles width constraints and
      responsive behavior.
      ==================================================================== */
}
.module .container {
  max-width: 100%;
}
@media (max-width: 768px) {
  .module .container {
    width: 100%;
  }
}
.module .module-container {
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.module {
  /*  ====================================================================
      6. Default Buttons
      ====================================================================

      Modules with white as foreground color: adjust default button + link button styles to ensure visibility and contrast.
      ==================================================================== */
}
.module[style*="--module-foreground-color: #ffffff;"] .module-foreground-color .btn-default {
  border-color: var(--module-foreground-color);
  color: var(--module-foreground-color);
}
.module[style*="--module-foreground-color: #ffffff;"] .module-foreground-color .btn-default:hover {
  border-color: var(--module-foreground-color);
  color: var(--midnight);
  background-color: var(--module-foreground-color);
}
.module[style*="--module-foreground-color: #ffffff;"] .module-foreground-color .btn-link {
  color: var(--module-foreground-color);
}
.module[style*="--module-foreground-color: #ffffff;"] .module-foreground-color .btn-link:hover {
  color: #cccccc;
}
.module {
  /*  ====================================================================
      6. BACKGROUND LAYER SYSTEM
      ====================================================================

      Modules support multiple layered backgrounds that stack behind
      the content. These layers allow combinations such as:

      Image + Gradient + Overlay
      Video + Overlay
      Color + Gradient

      Z-index order ensures proper stacking.

      Layer Order (Back → Front):

      -10 Image
      -9  Video
      -8  Color
      -7  Gradient
      -6  Overlay

      The stacking order is set up to enable common design patterns, such as a video background with a color overlay for improved text readability, or an image background with a gradient overlay for visual interest.
      ==================================================================== */
}
.module .module-background-image,
.module .module-background-video,
.module .module-background-color,
.module .module-background-gradient,
.module .module-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.module .module-background-color {
  z-index: -10;
}
.module .module-background-image {
  z-index: -9;
}
.module .module-background-video {
  z-index: -8;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: unset;
  height: unset;
  aspect-ratio: 16/9;
}
.module .module-background-video > [id^=mediaplayer_],
.module .module-background-video .plyr,
.module .module-background-video .plyr__video-wrapper {
  position: static;
}
.module .module-background-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-width: 100%;
  min-height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.module .module-background-gradient {
  z-index: -7;
}
.module .module-background-overlay {
  z-index: -6;
}
.module {
  /*  ====================================================================
      7. MODULE PADDING UTILITIES
      ==================================================================== */
}
.module.top-padding-extra-small .module-container {
  padding-top: var(--spacing-medium);
}
.module.top-padding-small .module-container {
  padding-top: 32px;
}
@media (min-width: 768px) {
  .module.top-padding-small .module-container {
    padding-top: 64px;
  }
}
.module.top-padding-large .module-container {
  padding-top: 64px;
}
@media (min-width: 768px) {
  .module.top-padding-large .module-container {
    padding-top: 128px;
  }
}
.module.bottom-padding-extra-small .module-container {
  padding-bottom: var(--spacing-medium);
}
.module.bottom-padding-small .module-container {
  padding-bottom: 32px;
}
@media (min-width: 768px) {
  .module.bottom-padding-small .module-container {
    padding-bottom: 64px;
  }
}
.module.bottom-padding-large .module-container {
  padding-bottom: 64px;
}
@media (min-width: 768px) {
  .module.bottom-padding-large .module-container {
    padding-bottom: 128px;
  }
}
.module {
  /*  ====================================================================
      8. MODULE FOREGROUND COLOR
      ==================================================================== */
}
.module .module-foreground-color {
  color: var(--module-foreground-color);
}
.module .module-foreground-color a:not(.btn) {
  color: var(--module-foreground-color);
  text-decoration: underline;
}
.module .module-foreground-color a:not(.btn):hover {
  color: var(--module-foreground-color-dark-10);
}
.module {
  /*  ====================================================================
      9. LEAD CONTENT
      ==================================================================== */
}
.module .lead-content > :first-child {
  margin-top: 0;
}
.module .lead-content:not(.lead-content-left) > :last-child {
  margin-bottom: 0;
}
.module .lead-content-right > *:not([href]) {
  opacity: 0.8;
}
@media (min-width: 992px) {
  .module .lead-content-left > :last-child {
    margin-bottom: 0;
  }
}

/*  ========================================================================
    CORE MODULAR PAGE & MODULE STYLES
    ========================================================================

    Description:
    This file contains the individual module styles.

    Author: Brydon Johnson
    Created: March 2026
    Last Updated: March 2026

    ========================================================================
    TABLE OF CONTENTS
    ========================================================================

    1. Hero Module

    ======================================================================== */
.module {
  /*  ====================================================================
      *1. HERO MODULE
      ==================================================================== */
}
.module.module-hero .module-container {
  min-height: 480px;
  display: flex;
  width: 100%;
  align-items: flex-end;
  padding: 120px 0;
}
body:has(.site-navbar-transparent) .module.module-hero .module-container {
  padding-top: 180px;
}
@media (min-width: 992px) {
  body:has(.site-navbar-transparent) .module.module-hero .module-container {
    padding-top: 240px;
  }
}
@media (min-width: 992px) {
  .module.module-hero .module-container {
    align-items: center;
  }
}
.module.module-hero .body-content {
  height: unset;
}
.module.module-hero:has(.full-height-indicator) .module-container {
  min-height: 100vh;
}
.module.module-hero .body-content * {
  margin: 0;
}
.module.module-hero .title-graphic {
  width: 100%;
  max-height: 400px;
  max-width: 800px;
  object-fit: contain;
  object-position: center;
}
.module.module-hero .btn-icon {
  display: inline-grid;
}
.module.module-hero .hero-actions {
  width: 100%;
}
.module.module-hero .social-links .btn-icon {
  margin: 0 !important;
}
.modular-page > .module.module-hero:first-child .module-container {
  padding-top: 140px;
}
.module {
  /*  ====================================================================
      *. Side By Side MODULE
      ==================================================================== */
}
.module.module-side-by-side .image-wrapper,
.module.module-side-by-side .content-wrapper {
  height: 100%;
}
.module.module-side-by-side .image-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.module.module-side-by-side .image-wrapper img {
  aspect-ratio: 7/6;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: var(--rounded-xlarge);
  max-height: 360px;
}
@media (min-width: 992px) {
  .module.module-side-by-side .image-wrapper img {
    aspect-ratio: unset;
    border-radius: 22px;
    max-height: unset;
  }
}
.module.module-side-by-side .image-wrapper img.retained-dimensions {
  aspect-ratio: unset !important;
  width: auto !important;
  height: auto !important;
  max-height: unset !important;
}
.module.module-side-by-side .content-wrapper > :first-child {
  margin-top: 0;
}
@media (min-width: 992px) {
  .module.module-side-by-side:not(:has(img.retained-dimensions)) .content-wrapper {
    padding: 72px 0;
  }
}
@media (min-width: 1200px) {
  .module.module-side-by-side:not(:has(img.retained-dimensions)) .content-wrapper {
    padding: 192px 0;
  }
}
@media (min-width: 992px) {
  .module.module-side-by-side:has(img.retained-dimensions) .content-wrapper {
    padding: 72px 0;
  }
}
.module {
  /*  ====================================================================
      *. Video Player
      ==================================================================== */
}
.module.module-video-player .swiper-slide {
  transition: opacity 0.5s ease;
}
.module.module-video-player .swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
}
.module.module-video-player .video-wrapper {
  border-radius: var(--rounded-xlarge) !important;
  overflow: hidden;
}
.module {
  /*  ====================================================================
      *. REGISTRATION
      ==================================================================== */
}
.module.module-registration .registration-items .registration-item {
  padding: var(--spacing-xlarge) var(--spacing-medium);
  background-color: rgb(91.2745098039%, 90.1568627451%, 87.9215686275%);
  border: 1px solid rgb(76.862745098%, 75.9215686275%, 74.0392156863%);
  position: relative;
  min-height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.module.module-registration .registration-items .registration-item.featured {
  border-bottom: 0;
  border-radius: 0;
  z-index: 100 !important;
}
.module.module-registration .registration-items .registration-item.featured::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--rounded-huge);
  background-color: var(--featured-item-background-color, var(--clay));
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  z-index: -1;
}
.module.module-registration .registration-items .registration-item.featured .registration-price,
.module.module-registration .registration-items .registration-item.featured .registration-title,
.module.module-registration .registration-items .registration-item.featured .registration-description {
  color: #fff;
}
.module.module-registration .registration-items .registration-item .registration-price,
.module.module-registration .registration-items .registration-item .registration-title,
.module.module-registration .registration-items .registration-item .registration-description {
  color: #001D3A;
}
.module.module-registration .registration-items .registration-item .registration-description {
  margin-bottom: 64px;
}
.module.module-registration .registration-items .registration-item .registration-tag {
  position: absolute;
  top: -8px;
  right: -7px;
  z-index: 5;
}
.module.module-registration .registration-items .registration-item:first-child {
  border-top-left-radius: var(--rounded-huge);
  border-top-right-radius: var(--rounded-huge);
}
.module.module-registration .registration-items .registration-item:last-child {
  border-bottom-left-radius: var(--rounded-huge);
  border-bottom-right-radius: var(--rounded-huge);
}
.module.module-registration .registration-items .registration-item:nth-child(1) {
  z-index: 5;
}
.module.module-registration .registration-items .registration-item:nth-child(2) {
  z-index: 4;
}
.module.module-registration .registration-items .registration-item:nth-child(3) {
  z-index: 3;
}
.module.module-registration .registration-items .registration-item:nth-child(4) {
  z-index: 2;
}
.module.module-registration .registration-items .registration-item + .registration-item {
  border-top: 0;
}
.module.module-registration .registration-items .registration-item.sold-out {
  opacity: 0.5;
}
.module.module-registration .registration-items .registration-item.sold-out, .module.module-registration .registration-items .registration-item.sold-out * {
  pointer-events: none;
}
@media (max-width: 768px) {
  .module.module-registration .registration-items .registration-item:has(+ .featured) {
    border-bottom: 0;
  }
  .module.module-registration .registration-items .registration-item.featured + .registration-item {
    border-top: 0;
  }
}
@media (min-width: 992px) {
  .module.module-registration .registration-items {
    display: flex;
    border-radius: var(--rounded-huge);
    width: 100%;
    margin: 0 auto var(--spacing-large);
    justify-content: center;
  }
  .module.module-registration .registration-items .registration-item {
    flex: 1 1 100%;
    max-width: 320px;
  }
  .module.module-registration .registration-items .registration-item.featured {
    border: none;
    box-shadow: none;
  }
  .module.module-registration .registration-items .registration-item.featured::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 0;
    width: 100%;
    height: calc(100% + 48px);
    background-color: var(--featured-item-background-color, var(--clay));
    border-radius: var(--rounded-huge);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    z-index: -1;
  }
  .module.module-registration .registration-items .registration-item.featured .registration-tag {
    top: -31px;
    right: -6px;
  }
  .module.module-registration .registration-items .registration-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--rounded-huge);
  }
  .module.module-registration .registration-items .registration-item:first-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--rounded-huge);
  }
  .module.module-registration .registration-items .registration-item + .registration-item {
    border-top: 1px solid rgb(76.862745098%, 75.9215686275%, 74.0392156863%);
    border-left: none;
  }
  .module.module-registration .registration-items .registration-item a.btn {
    width: 100%;
  }
}
.module {
  /*  ====================================================================
      *. Accordion
      ==================================================================== */
}
.module.module-accordions .panel {
  border-color: var(--module-foreground-color);
}
.module.module-accordions .panel-title,
.module.module-accordions .panel-title a,
.module.module-accordions .panel-heading::after,
.module.module-accordions .panel-heading::before,
.module.module-accordions .panel-body {
  color: var(--module-foreground-color);
}
.module {
  /*  ====================================================================
      *. Poster Accordion
      ==================================================================== */
}
.module.module-poster-accordion .poster-items-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-medium);
}
@media (min-width: 768px) {
  .module.module-poster-accordion .poster-items-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .module.module-poster-accordion .poster-items-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.module {
  /*  ====================================================================
      *. SCHEDULE
      ==================================================================== */
}
.module.module-schedule .nav-dropdown-display {
  font-size: 26px;
  font-weight: 900;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  padding: 0;
  background-color: transparent;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.module.module-schedule .nav-dropdown-subtitle {
  padding-bottom: 10px;
  border-bottom: 2px solid var(--clay);
  margin-bottom: 32px;
}
.module.module-schedule .nav-dropdown-control {
  position: relative;
}
.module.module-schedule .nav-dropdown-native {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.module.module-schedule .itinerary-list {
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: var(--spacing-medium);
}
.module.module-schedule .itinerary-item {
  display: flex;
  width: 100%;
  row-gap: var(--spacing-medium);
  flex-wrap: wrap;
  padding: var(--spacing-medium);
  border-radius: var(--rounded-xlarge);
  background-color: rgb(91.2745098039%, 90.1568627451%, 87.9215686275%);
  border: 1px solid rgb(76.862745098%, 75.9215686275%, 74.0392156863%);
}
.module.module-schedule .itinerary-item .itinerary-main {
  display: flex;
  width: 100%;
}
.module.module-schedule .itinerary-item .itinerary-time {
  margin-bottom: 0;
  margin-right: var(--spacing-medium);
  text-transform: uppercase;
  white-space: nowrap;
  width: 96px;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 700;
}
.module.module-schedule .itinerary-item .itinerary-title {
  margin: 0;
}
@media (min-width: 768px) {
  .module.module-schedule .itinerary-item {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .module.module-schedule .itinerary-item .itinerary-main {
    display: flex;
    width: unset;
    align-items: center;
  }
  .module.module-schedule .itinerary-item .itinerary-time {
    margin-right: 40px;
  }
}
@media (min-width: 992px) {
  .module.module-schedule .itinerary-item .itinerary-time {
    margin-right: var(--spacing-huge);
  }
}
.module.module-schedule .nav-tabs {
  border-bottom: 0;
  margin-bottom: var(--spacing-large);
  display: flex;
  overflow-x: scroll;
  padding-bottom: 2px;
  /* Firefox */
  scrollbar-width: none;
  /* IE & Edge (legacy) */
  -ms-overflow-style: none;
  /* Chrome, Safari, newer Edge */
}
.module.module-schedule .nav-tabs::-webkit-scrollbar {
  display: none;
}
.module.module-schedule .nav-tabs li[role=presentation] {
  opacity: 0.2;
  transition: opacity 0.3s ease;
}
.module.module-schedule .nav-tabs li[role=presentation] a.tabs-link {
  padding: 0 40px 10px 0;
  background-color: transparent;
  border: none;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--module-foreground-color);
  transition: border-bottom-color 0.3s ease;
  margin: 0;
  white-space: nowrap;
}
.module.module-schedule .nav-tabs li[role=presentation] a.tabs-link .tabs-title {
  display: inline-block;
  margin-bottom: 20px;
  transition: transform 0.3s ease;
}
.module.module-schedule .nav-tabs li[role=presentation] a.tabs-link .tabs-subtitle {
  display: inline-block;
  transition: color 0.3s ease;
}
@media (min-width: 992px) {
  .module.module-schedule .nav-tabs li[role=presentation] a.tabs-link {
    padding-right: 60px;
  }
}
@media (min-width: 1200px) {
  .module.module-schedule .nav-tabs li[role=presentation] a.tabs-link {
    padding-right: var(--spacing-huge);
  }
}
.module.module-schedule .nav-tabs li[role=presentation]:not(.active):hover {
  opacity: 0.4;
}
.module.module-schedule .nav-tabs li[role=presentation].active {
  opacity: 1;
}
.module.module-schedule .nav-tabs li[role=presentation].active .tabs-title {
  transform: translateY(-4px);
}
.module.module-schedule .nav-tabs li[role=presentation].active a.tabs-link {
  border-bottom-color: var(--clay);
}
@media (min-width: 768px) {
  .module.module-schedule .nav-dropdown {
    display: none;
  }
}
.module.module-schedule [hidden] {
  display: none !important;
}
.module.module-schedule .nav-tabs li[role=presentation] a.tabs-link {
  border-color: var(--module-foreground-color);
}
.module.module-schedule .nav-tabs li[role=presentation] a.tabs-link .tabs-title {
  color: var(--module-foreground-color);
}
.module.module-schedule .nav-tabs li[role=presentation] a.tabs-link .tabs-subtitle {
  color: var(--module-foreground-color);
}
.module.module-schedule .nav-dropdown-tabs .nav-dropdown-subtitle {
  border-color: var(--module-foreground-color);
}
.module {
  /*  ====================================================================
      *. Events List
      ==================================================================== */
}
.module.module-events-list .events-line {
  position: absolute;
  bottom: 40px;
  right: 50%;
  transform: rotate(-90deg);
  transform-origin: bottom right;
}
@media (min-width: 768px) {
  .module.module-events-list .events-line {
    bottom: 64px;
  }
}
.module {
  /*  ====================================================================
      *. Events List
      ==================================================================== */
}
.module.module-people .swiper .swiper-pagination-bullet {
  background-color: #fff;
}
.module.module-people .swiper .swiper-pagination-bullet-active {
  background-color: var(--clay);
}
.module {
  /*  ====================================================================
      *. Gallery
      ==================================================================== */
}
.module.module-gallery .module-container {
  overflow: visible;
}
.module.module-gallery:has(.gallery-lightbox[aria-hidden=false]) {
  z-index: 2;
}
.module {
  /*  ====================================================================
      *. Splits
      ==================================================================== */
}
.module.module-splits {
  overflow: hidden;
}
.module.module-splits .split {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  overflow: hidden;
}
.module.module-splits .image-side-bg {
  aspect-ratio: 8/9;
  max-height: 480px;
  position: relative;
}
.module.module-splits .image-side-bg img.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.module.module-splits .image-side-bg img.title-graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  max-height: 80%;
  width: 100%;
  object-fit: contain;
  transform: translate(-50%, -50%);
}
.module.module-splits .content-side-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.module.module-splits .content-side-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.3;
  mix-blend-mode: soft-light;
}
.module.module-splits .content {
  padding: var(--spacing-medium) 0 var(--spacing-xlarge);
}
.module.module-splits .inner-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  align-items: flex-start;
}
.module.module-splits .inner-content * {
  margin: 0;
}
@media (min-width: 768px) {
  .module.module-splits .content {
    padding: var(--spacing-xlarge) 0 64px;
  }
}
@media (min-width: 992px) {
  .module.module-splits .split {
    flex-direction: row;
  }
  .module.module-splits .image-side-bg {
    aspect-ratio: unset;
    max-height: unset;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
  }
  .module.module-splits .content-side-bg {
    left: 50%;
    width: 50%;
  }
  .module.module-splits .col-xs-12 {
    left: 50%;
  }
  .module.module-splits .split.reversed .col-xs-12 {
    left: unset;
  }
  .module.module-splits .split.reversed .image-side-bg {
    left: unset;
    right: 0;
  }
  .module.module-splits .split.reversed .content-side-bg {
    left: 0;
  }
  .module.module-splits .content {
    padding: 240px 0;
  }
}
@media (min-width: 992px) {
  .module.module-splits .content {
    padding: 320px 0;
  }
}

.events-search #events-filters {
  position: sticky;
  top: 68px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  background-color: rgb(92.7156862745%, 91.5803921569%, 89.3098039216%);
  border: 1px solid rgb(82.6274509804%, 81.6156862745%, 79.5921568627%);
  border-radius: var(--rounded-xlarge);
  margin-bottom: var(--spacing-large);
}
@media (min-width: 992px) {
  .events-search #events-filters {
    flex-direction: row;
    align-items: center;
    border-radius: 999px;
    padding: 6px 8px 6px 20px;
    gap: var(--spacing-xsmall);
    top: 152px;
  }
}
.events-search .filters-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
}
@media (min-width: 992px) {
  .events-search .filters-topbar {
    padding: 0 16px 0 0;
    margin-right: var(--spacing-tiny);
    border-right: 1px solid rgb(82.6274509804%, 81.6156862745%, 79.5921568627%);
    flex-shrink: 0;
  }
}
.events-search .filters-heading {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--midnight);
  margin: 0;
}
.events-search .filters-toggle-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border: 1px solid rgb(78.7843137255%, 77.8196078431%, 75.8901960784%);
  border-radius: 999px;
  background-color: var(--bone);
  color: var(--charcoal);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.events-search .filters-toggle-btn i {
  font-size: 15px;
}
.events-search .filters-toggle-btn:hover {
  border-color: rgb(69.1764705882%, 68.3294117647%, 66.6352941176%);
  background-color: rgb(91.2745098039%, 90.1568627451%, 87.9215686275%);
}
@media (min-width: 992px) {
  .events-search .filters-toggle-btn {
    display: none;
  }
}
.events-search #events-filters.is-open .filters-body {
  display: flex;
}
.events-search #events-filters.is-open .filters-toggle-btn {
  background-color: color-mix(in srgb, var(--midnight) 12%, #F5F2EC 88%);
  border-color: var(--midnight);
  color: var(--midnight);
}
.events-search .filters-body {
  display: none;
  flex-direction: column;
  padding: 0 20px 16px;
  border-top: 1px solid rgb(86.4705882353%, 85.4117647059%, 83.2941176471%);
}
@media (min-width: 992px) {
  .events-search .filters-body {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    padding: 0;
    border-top: 0;
    gap: var(--spacing-xsmall);
    flex: 1;
    min-width: 0;
  }
}
.events-search .filter-group {
  padding: 12px 0;
  border-bottom: 1px solid rgb(86.4705882353%, 85.4117647059%, 83.2941176471%);
}
.events-search .filter-group:first-of-type {
  position: relative;
}
.events-search .filter-group:first-of-type::before {
  content: "\f002";
  font-family: "FontAwesome";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: rgb(55.7254901961%, 55.0431372549%, 53.6784313725%);
  font-size: 14px;
  pointer-events: none;
  z-index: 1;
}
.events-search .filter-group:first-of-type #search.form-control {
  padding-left: 42px;
}
.events-search .filter-group:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .events-search .filter-group--options {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    flex-shrink: 0;
  }
}
@media (min-width: 992px) {
  .events-search .filter-group {
    padding: 0;
    border-bottom: 0;
    flex-shrink: 0;
  }
  .events-search .filter-group:first-of-type {
    flex: 1;
    min-width: 160px;
    max-width: 300px;
    flex-shrink: 1;
  }
}
.events-search #search.form-control {
  background-color: var(--bone);
  border: 1px solid rgb(78.7843137255%, 77.8196078431%, 75.8901960784%);
  border-radius: 999px;
  padding: 10px 18px;
  height: auto;
  box-shadow: none;
  color: var(--charcoal);
  font-size: 15px;
  width: 100%;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.events-search #search.form-control::placeholder {
  color: rgb(59.568627451%, 58.8392156863%, 57.3803921569%);
}
.events-search #search.form-control:focus {
  border-color: var(--midnight);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--midnight) 15%, transparent 85%);
  outline: none;
}
.events-search #audience-dropdown {
  position: relative;
}
.events-search #audience-dropdown summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 14px 9px 18px;
  border: 1px solid rgb(78.7843137255%, 77.8196078431%, 75.8901960784%);
  border-radius: 999px;
  background-color: var(--bone);
  color: var(--charcoal);
  font-size: 15px;
  user-select: none;
  white-space: nowrap;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.events-search #audience-dropdown summary::-webkit-details-marker {
  display: none;
}
.events-search #audience-dropdown summary::after {
  content: "\f078";
  font-family: "FontAwesome";
  font-size: 11px;
  color: rgb(55.7254901961%, 55.0431372549%, 53.6784313725%);
  flex-shrink: 0;
  margin-left: var(--spacing-xsmall);
  transition: transform 0.2s ease;
}
.events-search #audience-dropdown summary:hover {
  border-color: rgb(69.1764705882%, 68.3294117647%, 66.6352941176%);
  background-color: rgb(92.2352941176%, 91.1058823529%, 88.8470588235%);
}
.events-search #audience-dropdown[open] summary {
  border-color: var(--midnight);
  background-color: rgb(92.2352941176%, 91.1058823529%, 88.8470588235%);
}
.events-search #audience-dropdown[open] summary::after {
  transform: rotate(180deg);
}
.events-search .audience-options {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 200px;
  background-color: var(--bone);
  border: 1px solid rgb(80.7058823529%, 79.7176470588%, 77.7411764706%);
  border-radius: var(--rounded-xlarge);
  padding: var(--spacing-xsmall);
  z-index: 200;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.26), 0 2px 8px rgba(0, 0, 0, 0.12);
  max-height: 260px;
  overflow-y: auto;
}
.events-search .audience-options::-webkit-scrollbar {
  width: 4px;
}
.events-search .audience-options::-webkit-scrollbar-track {
  background: transparent;
}
.events-search .audience-options::-webkit-scrollbar-thumb {
  background: rgb(74.9411764706%, 74.0235294118%, 72.1882352941%);
  border-radius: var(--rounded-xsmall);
}
.events-search .audience-options label.d-block {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 13px;
  color: var(--charcoal);
  font-weight: 400;
  margin: 0;
  transition: background-color 0.12s ease;
}
.events-search .audience-options label.d-block:hover {
  background-color: rgb(90.3137254902%, 89.2078431373%, 86.9960784314%);
}
.events-search .aud-cb,
.events-search .es-toggle {
  appearance: none;
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
  border: 2px solid rgb(69.1764705882%, 68.3294117647%, 66.6352941176%);
  border-radius: var(--rounded-xsmall);
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  margin: 0 !important;
  vertical-align: middle;
  transition: border-color 0.12s ease, background-color 0.12s ease;
}
.events-search .aud-cb:checked,
.events-search .es-toggle:checked {
  background-color: var(--midnight);
  border-color: var(--midnight);
}
.events-search .aud-cb:checked::after,
.events-search .es-toggle:checked::after {
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 9px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.events-search .aud-cb:focus,
.events-search .es-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--midnight) 20%, transparent 80%);
}
.events-search .filter-group label:has(.es-toggle) {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border: 1px solid rgb(81.6666666667%, 80.6666666667%, 78.6666666667%);
  border-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--charcoal);
  margin-bottom: var(--spacing-xsmall);
  background-color: var(--bone);
  font-weight: 400;
  white-space: nowrap;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.events-search .filter-group label:has(.es-toggle):last-child {
  margin-bottom: 0;
}
.events-search .filter-group label:has(.es-toggle):hover {
  border-color: rgb(69.1764705882%, 68.3294117647%, 66.6352941176%);
  background-color: rgb(91.2745098039%, 90.1568627451%, 87.9215686275%);
}
.events-search .filter-group label:has(.es-toggle):has(.es-toggle:checked) {
  background-color: color-mix(in srgb, var(--midnight) 12%, #F5F2EC 88%);
  border-color: var(--midnight);
  color: var(--midnight);
}
@media (min-width: 992px) {
  .events-search .filter-group label:has(.es-toggle) {
    margin-bottom: 0;
  }
}
.events-search .audience-options label:has(.aud-cb:checked) {
  background-color: color-mix(in srgb, var(--clay) 10%, #F5F2EC 90%);
}
.events-search .filters-clear-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background-color: rgb(87.431372549%, 86.3607843137%, 84.2196078431%);
  color: rgb(51.8823529412%, 51.2470588235%, 49.9764705882%);
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 10px;
  align-self: flex-end;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.events-search .filters-clear-btn i {
  font-size: 13px;
  line-height: 1;
}
.events-search .filters-clear-btn:hover {
  background-color: color-mix(in srgb, var(--clay) 18%, #F5F2EC 82%);
  color: var(--clay);
}
@media (min-width: 992px) {
  .events-search .filters-clear-btn {
    margin-top: 0;
    margin-left: auto;
    align-self: center;
  }
}
.events-search #events-filters.has-filters .filters-clear-btn {
  display: flex;
}

#campus-details section#campus-hero {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
#campus-details section#campus-hero .background-color,
#campus-details section#campus-hero .background-image,
#campus-details section#campus-hero .background-texture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#campus-details section#campus-hero .background-color {
  z-index: -5;
  background-color: var(--hero-overlay-color);
}
#campus-details section#campus-hero .background-image {
  z-index: -4;
  background-image: var(--hero-background-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: saturate(0);
  opacity: 0.2;
}
#campus-details section#campus-hero .line-art {
  z-index: -3;
  position: absolute;
  opacity: 0.4;
  top: 100%;
  left: 100%;
}
#campus-details section#campus-hero .line-art svg {
  width: 100%;
  height: auto;
}
.eastlake #campus-details section#campus-hero .line-art {
  width: 680px;
  transform: translate(-96%, -144%);
}
@media (min-width: 420px) {
  .eastlake #campus-details section#campus-hero .line-art {
    width: 880px;
    transform: translate(-98%, -112%);
  }
}
@media (min-width: 640px) {
  .eastlake #campus-details section#campus-hero .line-art {
    width: 960px;
    transform: translate(-98%, -100%);
  }
}
@media (min-width: 768px) {
  .eastlake #campus-details section#campus-hero .line-art {
    width: 1120px;
    transform: translate(-96%, -100%);
  }
}
.iglesiaeastlake #campus-details section#campus-hero .line-art {
  width: 520px;
  transform: translate(-72%, -170%);
}
@media (min-width: 420px) {
  .iglesiaeastlake #campus-details section#campus-hero .line-art {
    transform: translate(-92%, -190%);
  }
}
@media (min-width: 768px) {
  .iglesiaeastlake #campus-details section#campus-hero .line-art {
    width: 720px;
    transform: translate(-80%, -140%);
  }
}
@media (min-width: 992px) {
  .iglesiaeastlake #campus-details section#campus-hero .line-art {
    width: 832px;
    transform: translate(-92%, -154%);
  }
}
.imperialbeach #campus-details section#campus-hero .line-art {
  width: 720px;
  transform: translate(-80%, -100%);
}
@media (min-width: 768px) {
  .imperialbeach #campus-details section#campus-hero .line-art {
    width: 720px;
    transform: translate(-96%, -100%);
  }
}
@media (min-width: 992px) {
  .imperialbeach #campus-details section#campus-hero .line-art {
    width: 1190px;
    transform: translate(-92%, -90%);
  }
}
.torreypines #campus-details section#campus-hero .line-art {
  width: 540px;
  transform: translate(-64%, -96%);
}
@media (min-width: 768px) {
  .torreypines #campus-details section#campus-hero .line-art {
    width: 640px;
    transform: translate(-72%, -88%);
  }
}
@media (min-width: 992px) {
  .torreypines #campus-details section#campus-hero .line-art {
    width: 720px;
    transform: translate(-82%, -96%);
  }
}
.venice #campus-details section#campus-hero .line-art {
  top: 0;
  right: 0;
  bottom: unset;
  left: unset;
  width: 540px;
}
@media (min-width: 768px) {
  .venice #campus-details section#campus-hero .line-art {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .venice #campus-details section#campus-hero .line-art {
    width: 800px;
  }
}
@media (min-width: 1200px) {
  .venice #campus-details section#campus-hero .line-art {
    width: 840px;
  }
}
.playas #campus-details section#campus-hero .line-art {
  width: 480px;
  transform: translate(-56%, -112%);
}
@media (min-width: 768px) {
  .playas #campus-details section#campus-hero .line-art {
    width: 640px;
    transform: translate(-56%, -96%);
  }
}
@media (min-width: 1200px) {
  .playas #campus-details section#campus-hero .line-art {
    width: 800px;
    transform: translate(-88%, -96%);
  }
}
.zonario #campus-details section#campus-hero .line-art {
  width: 360px;
  transform: translate(-64%, -100%);
}
@media (min-width: 768px) {
  .zonario #campus-details section#campus-hero .line-art {
    width: 480px;
  }
}
@media (min-width: 992px) {
  .zonario #campus-details section#campus-hero .line-art {
    width: 560px;
    transform: translate(-80%, -100%);
  }
}
@media (min-width: 992px) {
  .zonario #campus-details section#campus-hero .line-art {
    transform: translate(-100%, -100%);
  }
}
#campus-details section#campus-hero .background-texture {
  z-index: -2;
  opacity: 0.3;
  mix-blend-mode: soft-light;
}
#campus-details section#campus-hero .campus-hero-body {
  padding: 135px 0;
}
#campus-details section#campus-hero .subtitle {
  color: var(--hero-accent-color);
  margin-bottom: -12px;
}
#campus-details section#campus-hero .location-link {
  text-decoration: underline;
  text-decoration-color: var(--hero-accent-color);
  text-decoration-style: dotted;
}
#campus-details section#campus-hero .campus-hero-footer {
  position: relative;
  z-index: 1;
  padding: 32px 16px 24px;
}
#campus-details section#campus-hero .campus-hero-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--hero-accent-color);
  opacity: 0.8;
  z-index: -1;
}
@media (min-width: 768px) {
  #campus-details section#campus-hero .campus-hero-body {
    padding: 220px 0 180px;
  }
  #campus-details section#campus-hero .campus-hero-footer {
    padding: 24px 16px 32px;
  }
  #campus-details section#campus-hero .campus-hero-footer::before {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
  }
}
@media (min-width: 1200px) {
  #campus-details section#campus-hero .campus-hero-body {
    padding: 280px 0;
  }
  #campus-details section#campus-hero .campus-hero-footer-wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}
#campus-details section#main-content .campus-media {
  position: relative;
}
#campus-details section#main-content .campus-media .media {
  border-radius: 20px;
  overflow: hidden;
}
#campus-details section#main-content .campus-media .top-left-corner {
  position: absolute;
  top: -16px;
  left: -16px;
  display: none;
}
#campus-details section#main-content .campus-media .bottom-right-corner {
  position: absolute;
  bottom: -16px;
  right: -16px;
  display: none;
  transform: rotate(180deg);
}
#campus-details section#main-content .find-us-online {
  padding: 32px 0;
  margin-top: var(--spacing-large);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
#campus-details section#main-content .service-times-card .card-body {
  padding-top: 32px;
  padding-bottom: 32px;
}
#campus-details section#main-content .social-pills .pill {
  padding: 6px 16px;
  display: flex;
  align-items: center;
  gap: var(--spacing-tiny);
  font-size: 14px;
  color: var(--charcoal);
  background-color: rgb(91.2745098039%, 90.1568627451%, 87.9215686275%);
  border: 1px solid rgb(76.862745098%, 75.9215686275%, 74.0392156863%);
  text-transform: uppercase;
  border-radius: 999px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
#campus-details section#main-content .social-pills .pill i {
  font-size: 16px;
}
#campus-details section#main-content .social-pills .pill:hover {
  background-color: var(--charcoal);
  color: #fff;
}
#campus-details section#main-content .time-label {
  flex: 0 0 120px;
}
#campus-details section#main-content .address-link {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--clay);
}
#campus-details section#main-content .directions-button {
  border-radius: 999px;
  border: 1px solid #F5F7FA;
  background-color: #DAE6F2;
  padding: 10px 16px;
  font-size: 16px;
  text-align: center;
  color: #506273;
  white-space: nowrap;
}
@media (max-width: 768px) {
  #campus-details section#main-content .service-times-card {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  #campus-details section#main-content .directions-button {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #campus-details section#main-content .campus-media .media {
    border-radius: 32px;
  }
  #campus-details section#main-content .campus-media .top-left-corner,
  #campus-details section#main-content .campus-media .bottom-right-corner {
    display: block;
  }
}
@media (min-width: 992px) {
  #campus-details section#main-content .find-us-online {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
#campus-details section#campus-featured-events .subtitle {
  margin-bottom: -12px;
}
#campus-details section#campus-featured-events .events-line-one,
#campus-details section#campus-featured-events .events-line-two {
  position: absolute;
  bottom: 0;
  display: none !important;
  z-index: -1;
}
#campus-details section#campus-featured-events .events-line-one {
  left: 32px;
}
#campus-details section#campus-featured-events .events-line-two {
  right: 32px;
}
@media (min-width: 768px) {
  #campus-details section#campus-featured-events .events-line-one,
  #campus-details section#campus-featured-events .events-line-two {
    position: absolute;
    bottom: 0;
    display: flex !important;
  }
}
@media (min-width: 992px) {
  #campus-details section#campus-featured-events .subtitle {
    margin-bottom: -20px;
  }
}
#campus-details section#side-by-sides:not(:has(.side-by-side)) {
  display: none !important;
}
#campus-details section#side-by-sides .side-by-side .image-wrapper {
  margin: 32px 16px 24px;
}
#campus-details section#side-by-sides .side-by-side img {
  aspect-ratio: 1;
  max-height: 480px;
  min-height: 360px;
  border-radius: var(--rounded-huge);
  object-fit: cover;
  object-position: center;
}
#campus-details section#side-by-sides .side-by-side + .side-by-side {
  margin-top: 64px;
}
#campus-details section#side-by-sides .top-left-corner,
#campus-details section#side-by-sides .bottom-right-corner {
  position: absolute;
}
#campus-details section#side-by-sides .top-left-corner {
  top: -16px;
  left: -16px;
}
#campus-details section#side-by-sides .bottom-right-corner {
  bottom: -16px;
  right: -16px;
  transform: rotate(180deg);
}
@media (min-width: 992px) {
  #campus-details section#side-by-sides .side-by-side .image-wrapper {
    margin: 0;
  }
  #campus-details section#side-by-sides .side-by-side img {
    max-height: unset;
    border-radius: 48px;
  }
  #campus-details section#side-by-sides .side-by-side + .side-by-side {
    margin-top: 96px;
  }
}
@media (min-width: 1472px) {
  #campus-details section#side-by-sides .top-left-corner {
    top: -32px;
    left: -32px;
  }
  #campus-details section#side-by-sides .bottom-right-corner {
    bottom: -32px;
    right: -32px;
  }
}

.event-details .event-details-image-wrapper .top-left-corner,
.event-details .event-details-image-wrapper .bottom-right-corner {
  position: absolute;
  display: none;
}
.event-details .event-details-image-wrapper .top-left-corner {
  top: -16px;
  left: -16px;
}
.event-details .event-details-image-wrapper .bottom-right-corner {
  bottom: -16px;
  right: -16px;
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .event-details .event-details-image-wrapper .top-left-corner,
  .event-details .event-details-image-wrapper .bottom-right-corner {
    display: block;
  }
}

.homepage.logged-out section#hero {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 496px;
  position: relative;
}
.homepage.logged-out section#hero .hero-body {
  text-align: center;
  padding: 120px 0;
}
.homepage.logged-out section#hero .subtitle {
  line-height: 1;
  font-size: 24px;
  letter-spacing: -3%;
  margin-bottom: -11px;
}
.homepage.logged-out section#hero .hero-line-one {
  position: absolute;
  bottom: 0;
  left: 32px;
}
.homepage.logged-out section#hero .hero-line-two {
  position: absolute;
  bottom: 0;
  right: 32px;
}
@media (min-width: 768px) {
  .homepage.logged-out section#hero {
    min-height: 640px;
  }
  .homepage.logged-out section#hero .hero-body {
    padding: 160px 0;
  }
  .homepage.logged-out section#hero .subtitle {
    letter-spacing: -4%;
    font-size: 48px;
    margin-bottom: -22px;
  }
  .homepage.logged-out section#hero .primary-title {
    font-size: 96px;
  }
}
@media (min-width: 992px) {
  .homepage.logged-out section#hero {
    min-height: 740px;
  }
  .homepage.logged-out section#hero .hero-body {
    padding: 240px 0;
  }
  .homepage.logged-out section#hero .subtitle {
    letter-spacing: -5%;
    margin-bottom: -13px;
    font-size: 60px;
  }
  .homepage.logged-out section#hero .primary-title {
    font-size: 135px;
  }
}
.homepage.logged-out .under-hero-logo .sun-logo {
  position: absolute;
  top: -64px;
  left: 50%;
  transform: translateX(-50%);
  width: 168px;
  height: auto;
}
@media (min-width: 768px) {
  .homepage.logged-out .under-hero-logo .sun-logo {
    width: 208px;
    top: -80px;
  }
}
@media (min-width: 992px) {
  .homepage.logged-out .under-hero-logo .sun-logo {
    width: 252px;
    top: -96px;
  }
}
.homepage.logged-out section#gallery {
  padding: 16px 0;
}
.homepage.logged-out section#welcome img {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  object-fit: cover;
  object-position: center;
}
.homepage.logged-out section#welcome .top-left-corner {
  position: absolute;
  top: -32px;
  left: -32px;
}
.homepage.logged-out section#welcome .bottom-right-corner {
  position: absolute;
  bottom: -32px;
  right: -32px;
  transform: rotate(180deg);
}
.homepage.logged-out section#next-steps {
  background-color: var(--forest);
  z-index: 1;
  position: relative;
}
.homepage.logged-out section#next-steps::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-image: url("/Themes/EastlakeV1Conversion/Assets/Images/Textures/smoke.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.3;
  mix-blend-mode: soft-light;
}
.homepage.logged-out section#next-steps .split-section-img {
  filter: saturate(0);
  opacity: 0.2;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-height: 400px;
}
.homepage.logged-out section#next-steps .next-steps-line {
  position: absolute;
  right: 50%;
  transform: rotate(-270deg);
  transform-origin: top right;
}
@media (min-width: 992px) {
  .homepage.logged-out section#next-steps::before {
    width: 50%;
  }
  .homepage.logged-out section#next-steps .split-section-img {
    position: absolute;
    top: 0;
    right: 0;
    aspect-ratio: unset;
    height: 100%;
    width: 50%;
    max-height: unset;
  }
  .homepage.logged-out section#next-steps .next-steps-swiper-wrap {
    width: 33%;
    max-width: 415px;
    margin-top: -48px;
  }
  .homepage.logged-out section#next-steps .swiper-wrapper {
    align-items: flex-end;
  }
  .homepage.logged-out section#next-steps .swiper-slide {
    transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
  }
  .homepage.logged-out section#next-steps .swiper-slide-active ~ .swiper-slide {
    width: 92% !important;
  }
  .homepage.logged-out section#next-steps .swiper-slide-active,
  .homepage.logged-out section#next-steps .swiper-slide-active + .swiper-slide,
  .homepage.logged-out section#next-steps .swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
  }
  .homepage.logged-out section#next-steps .next-steps-line {
    top: 62%;
    right: 70%;
  }
}
@media (min-width: 1200px) {
  .homepage.logged-out section#next-steps .next-steps-line {
    top: 56%;
  }
}
@media (min-width: 1472px) {
  .homepage.logged-out section#next-steps .next-steps-line {
    top: 52%;
  }
}
.homepage.logged-in section#hero {
  z-index: 1;
  position: relative;
}
.homepage.logged-in section#hero .hero-texture {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  mix-blend-mode: soft-light;
}
.homepage.logged-in section#hero .hero-body {
  text-align: center;
  padding: 180px 0 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.homepage.logged-in section#hero .subtitle {
  line-height: 1;
  font-size: 24px;
  letter-spacing: -3%;
  margin-bottom: -11px;
}
.homepage.logged-in section#hero .next-steps {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 32px 0;
  margin: 32px 0;
  position: relative;
}
@media (min-width: 768px) {
  .homepage.logged-in section#hero .next-steps {
    margin: 0 0 32px 0;
  }
}
.homepage.logged-in section#hero .next-steps .step {
  position: relative;
  display: inline-block;
  color: #fff;
  transition: color 0.3s ease;
}
.homepage.logged-in section#hero .next-steps .step i {
  opacity: 0.5;
}
.homepage.logged-in section#hero .next-steps .step.complete .btn-icon {
  background-color: var(--clay);
}
.homepage.logged-in section#hero .next-steps .step.complete .btn-icon i {
  opacity: 1;
}
.homepage.logged-in section#hero .next-steps .step:hover {
  color: var(--clay);
}
.homepage.logged-in section#hero .next-steps .next-steps-inner {
  display: grid;
  gap: var(--spacing-medium);
  grid-template-columns: repeat(3, 1fr);
}
.homepage.logged-in section#hero .next-steps .btn-icon {
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-xsmall);
}
.homepage.logged-in section#hero .hero-line-one {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: rotate(90deg);
  transform-origin: bottom left;
}
.homepage.logged-in section#hero .hero-line-two {
  position: absolute;
  top: 100%;
  right: 50%;
  transform: rotate(90deg);
  transform-origin: top right;
}
.homepage.logged-in section#hero .hero-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-medium);
}
@media (min-width: 768px) {
  .homepage.logged-in section#hero .hero-body {
    padding: 228px 0 32px;
  }
  .homepage.logged-in section#hero .subtitle {
    letter-spacing: -4%;
    font-size: 48px;
    margin-bottom: -22px;
  }
  .homepage.logged-in section#hero .primary-title {
    font-size: 96px;
  }
  .homepage.logged-in section#hero .next-steps {
    position: static;
  }
  .homepage.logged-in section#hero .next-steps .next-steps-inner {
    gap: var(--spacing-medium);
    grid-template-columns: repeat(6, 1fr);
  }
  .homepage.logged-in section#hero .hero-line-one {
    bottom: 0;
    left: 64px;
    transform: none;
  }
  .homepage.logged-in section#hero .hero-line-two {
    top: unset;
    bottom: 0;
    right: 64px;
    transform: none;
  }
  .homepage.logged-in section#hero .hero-actions {
    margin-top: 64px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .homepage.logged-in section#hero .hero-line-one,
  .homepage.logged-in section#hero .hero-line-two {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .homepage.logged-in section#hero .subtitle {
    letter-spacing: -5%;
    margin-bottom: -13px;
    font-size: 60px;
  }
  .homepage.logged-in section#hero .primary-title {
    font-size: 135px;
  }
  .homepage.logged-in section#hero .hero-actions {
    margin-top: 96px;
    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) and (max-width: 1140px) {
  .homepage.logged-in section#hero .hero-line-one,
  .homepage.logged-in section#hero .hero-line-two {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .homepage.logged-in section#hero .hero-actions {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 136px;
  }
}
.homepage.logged-in section#next-steps .swiper .swiper-slide {
  opacity: 0;
  transition: opacity 0.3s ease-in-out !important;
}
.homepage.logged-in section#next-steps .swiper .swiper-slide-active {
  opacity: 1;
}
@media (max-width: 992px) {
  .homepage.logged-in section#next-steps .swiper .swiper-button-next,
  .homepage.logged-in section#next-steps .swiper .swiper-button-prev {
    display: none;
  }
}
.homepage.logged-in section#groups .swiper-mask {
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
  margin: 0 -24px;
  padding: 0 24px;
  mask-image: linear-gradient(to right, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
}
.homepage.logged-in section#groups .swiper {
  z-index: 1;
  height: 100%;
  flex-grow: 1;
  width: 100%;
}
.homepage.logged-in section#groups .swiper .swiper-slide {
  opacity: 0;
  transition: opacity 0.3s ease-in-out !important;
  pointer-events: none;
  z-index: -1;
}
.homepage.logged-in section#groups .swiper .swiper-slide-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
.homepage.logged-in section#groups .group-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--spacing-medium);
}
.homepage.logged-in section#groups .group-info li {
  display: flex;
  align-items: center;
  gap: var(--spacing-xsmall);
}
.homepage.logged-in section#groups .group-info li i {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  font-size: 22px;
}
.homepage section#events {
  padding: 120px 0 40px;
}
.homepage section#events .events-background-image,
.homepage section#events .events-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 16/9;
}
.homepage section#events .events-background-image {
  background-image: url("/Themes/EastlakeV1Conversion/Assets/Images/Pages/Home/carnival-stands-v2.png");
  background-size: cover;
  background-position: center;
}
.homepage section#events .events-background-overlay {
  background: linear-gradient(286deg, rgba(30, 44, 47, 0) 26.83%, rgba(30, 44, 47, 0.9) 82.48%), linear-gradient(180deg, rgba(30, 44, 47, 0) 48.02%, #1E2C2F 89.85%), linear-gradient(0deg, rgba(30, 44, 47, 0.6) 0%, rgba(30, 44, 47, 0.6) 100%);
}
.homepage section#events .events-line {
  position: absolute;
  right: 50%;
  transform: rotate(-270deg);
  transform-origin: top right;
}
@media (min-width: 992px) {
  .homepage section#events {
    padding: 120px 0;
  }
  .homepage section#events .events-background-image,
  .homepage section#events .events-background-overlay {
    aspect-ratio: unset;
    height: 65%;
  }
  .homepage section#events .events-line {
    right: 0;
  }
}
.homepage section#messages .video-wrapper {
  border-radius: var(--rounded-medium);
  overflow: hidden;
}
@media (min-width: 992px) {
  .homepage section#messages .video-wrapper {
    border-radius: var(--rounded-xlarge);
  }
}

/* MARK: Campus Details */
.absolute-page-blocks-location {
  position: relative;
  width: 100%;
  height: 100%;
}
.absolute-page-blocks-location .block-1 {
  display: none;
  position: absolute;
  top: 50%;
  left: -15px;
  height: 88px;
  width: 40px;
  background-color: var(--sage);
}
@media screen and (min-width: 1500px) {
  .absolute-page-blocks-location .block-1 {
    display: block;
  }
}
.absolute-page-blocks-location .block-2 {
  display: none;
  position: absolute;
  top: 75%;
  right: 0;
  height: 200px;
  width: 18px;
  background-color: var(--midnight);
}
@media screen and (min-width: 1500px) {
  .absolute-page-blocks-location .block-2 {
    display: block;
  }
}

.campus-details-information {
  margin: 0 15px;
  padding: 0 -15px;
}
.campus-details-information-wrapper {
  margin-top: var(--spacing-medium);
}
@media screen and (min-width: 1300px) {
  .campus-details-information-wrapper {
    margin: 0 auto;
    margin-top: -344px;
    width: 100%;
    padding: 14px;
    max-width: 1300px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    box-shadow: 0 -35px 45px -35px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(25px);
  }
}

.location-information-img-column {
  display: none;
}
@media screen and (min-width: 1300px) {
  .location-information-img-column {
    display: flex;
  }
}
.location-information-column {
  width: 100%;
  margin-bottom: 34px;
}
@media screen and (min-width: 1300px) {
  .location-information-column {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    margin-bottom: unset;
  }
}
.location-information-container {
  padding: 32px;
  border: 1px solid var(--midnight-softer);
  transition: top 0.3s ease;
}
.location-information-container .campus-icon {
  font-size: 24px;
}
.location-information-container .share-icon {
  font-size: 24px;
  margin-left: var(--spacing-small);
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid var(--midnight-softer);
  background-color: var(--bone);
}
.location-information-container .share-icon svg {
  width: 17px;
  height: 17px;
}
.location-information-container .btn-contact {
  color: black;
  border: 1px solid var(--midnight-softer);
}
.location-information-container .btn-contact:hover, .location-information-container .btn-contact:target, .location-information-container .btn-contact:focus {
  color: var(--sage);
  border-color: var(--sage);
}

@media screen and (min-width: 1300px) {
  .campus-description-wrapper {
    margin: 0 auto;
    padding: 0 14px;
    max-width: 1300px;
  }
}
.campus-description-column {
  width: 100%;
}
@media screen and (min-width: 1300px) {
  .campus-description-column {
    flex: 0 0 66.667%;
    max-width: 66.667%;
  }
}
.campus-description-column-item {
  width: 100%;
}
@media screen and (min-width: 1300px) {
  .campus-description-column-item {
    flex: 0 0 83.333%;
    max-width: 83.333%;
  }
}
.campus-description-column .leader-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-medium);
}
.campus-description-column .leader-container img {
  width: 75px;
  height: 75px;
  border-radius: 999px;
}
.campus-description-column .campus-directions * {
  color: var(--gold-soft);
}
.campus-description-column .campus-directions ol, .campus-description-column .campus-directions ul {
  padding-inline-start: 25px;
  list-style: number;
}
.campus-description-column .campus-directions li {
  margin-bottom: var(--spacing-small);
}

@media screen and (min-width: 1300px) {
  .campus-events-map-faq-wrapper {
    margin: 0 auto;
    padding: 0 14px;
    max-width: 1300px;
  }
}
.campus-events-map-faq-wrapper .location-map-container {
  border: 1px solid #D9D9D6;
}
.campus-events-map-faq-wrapper .campus-faqs .panel-title a {
  color: var(--gold);
}
.campus-events-map-faq-wrapper .campus-faqs .accordion-body-width {
  width: 100%;
}
.campus-events-map-faq-wrapper .campus-faqs .accordion-body-width h2 {
  font-size: 22px !important;
}
@media screen and (min-width: 992px) {
  .campus-events-map-faq-wrapper .campus-faqs .accordion-body-width h2 {
    font-size: 28px !important;
  }
}
@media screen and (min-width: 992px) {
  .campus-events-map-faq-wrapper .campus-faqs .accordion-body-width {
    width: 80%;
  }
}
@media screen and (min-width: 1300px) {
  .campus-events-map-faq-wrapper .campus-faqs .accordion-body-width {
    width: 60%;
  }
}

/* MARK: Locations (List & Map) */
.find-a-location {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: calc(100vh - 100px);
}
@media (min-width: 1200px) {
  .find-a-location {
    max-height: calc(100vh - 100px);
  }
}
.find-a-location-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: var(--spacing-large);
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .find-a-location-wrapper {
    flex-direction: row;
  }
}
.find-a-location-mobile-search {
  flex: 0 0 auto;
  max-width: unset !important;
  padding: 32px 16px 0;
}
.find-a-location-mobile-search .address-error {
  display: none;
}
.find-a-location-mobile-search::after {
  content: unset !important;
}
.find-a-location-search-container {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 16px;
}
.find-a-location-search-container .address-error {
  display: none;
}
@media (min-width: 1200px) {
  .find-a-location-search-container {
    flex: 0 0 auto;
    max-width: 525px;
    margin-top: 32px;
  }
}
.find-a-location-search-container, .find-a-location-mobile-search {
  position: relative;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 0;
}
.find-a-location-search-container .location-search-input, .find-a-location-mobile-search .location-search-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  min-height: 50px;
  width: 100%;
  padding: var(--spacing-xsmall);
  overflow: hidden;
  border-radius: var(--rounded-medium);
  border: 1px solid var(--midnight-softer);
  background: white;
}
.find-a-location-search-container .location-search-input input, .find-a-location-mobile-search .location-search-input input {
  font-size: 15px;
  width: 100%;
  padding-right: 20px;
  border: 0;
}
.find-a-location-search-container .location-search-input input:focus, .find-a-location-search-container .location-search-input input:hover, .find-a-location-search-container .location-search-input input:focus-visible, .find-a-location-mobile-search .location-search-input input:focus, .find-a-location-mobile-search .location-search-input input:hover, .find-a-location-mobile-search .location-search-input input:focus-visible {
  outline: 0;
}
.find-a-location-search-container .location-search-input .solo-icon, .find-a-location-mobile-search .location-search-input .solo-icon {
  font-size: 24px;
  color: var(--midnight);
  opacity: 0.4;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.find-a-location-search-container .use-your-location, .find-a-location-mobile-search .use-your-location {
  display: flex;
  align-items: center;
  gap: var(--spacing-tiny);
  width: fit-content;
  border: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--midnight);
}
@media (min-width: 1200px) {
  .find-a-location-search-container .use-your-location, .find-a-location-mobile-search .use-your-location {
    margin-bottom: 32px;
  }
}
.find-a-location-search-container .location-distance, .find-a-location-mobile-search .location-distance {
  display: flex;
  align-items: center;
  gap: var(--spacing-xsmall);
  margin-bottom: var(--spacing-medium);
  padding: 8px 16px;
  border-radius: var(--rounded-xlarge);
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC;
}
@media (min-width: 768px) {
  .find-a-location-search-container .location-distance, .find-a-location-mobile-search .location-distance {
    padding: var(--spacing-medium);
  }
}
.find-a-location-search-container .location-campus-list, .find-a-location-mobile-search .location-campus-list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-height: 600px;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
@media (min-width: 1200px) {
  .find-a-location-search-container .location-campus-list, .find-a-location-mobile-search .location-campus-list {
    max-height: unset;
  }
}
.find-a-location-search-container .location-campus-list .campus-card, .find-a-location-mobile-search .location-campus-list .campus-card {
  display: flex;
  align-items: stretch;
  margin-bottom: 15px;
  padding: var(--spacing-medium);
  background: #fff;
  border: 1px solid #DAE6F2;
  border-radius: var(--rounded-xlarge);
  position: relative;
  gap: var(--spacing-medium);
  transition: border-color 0.4s ease;
}
.find-a-location-search-container .location-campus-list .campus-card-info, .find-a-location-mobile-search .location-campus-list .campus-card-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 1 auto;
}
.find-a-location-search-container .location-campus-list .campus-card-info .campus-distance-label, .find-a-location-mobile-search .location-campus-list .campus-card-info .campus-distance-label {
  padding: 4px 8px;
  border-radius: var(--rounded-medium);
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC;
  color: color-mix(in srgb, var(--midnight) 80%, transparent 20%);
}
.find-a-location-search-container .location-campus-list .campus-card-info .line-art, .find-a-location-mobile-search .location-campus-list .campus-card-info .line-art {
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 54px;
}
.find-a-location-search-container .location-campus-list .campus-card-info .line-art path, .find-a-location-mobile-search .location-campus-list .campus-card-info .line-art path {
  fill: var(--clay);
}
.find-a-location-search-container .location-campus-list .campus-card-info-body, .find-a-location-mobile-search .location-campus-list .campus-card-info-body {
  width: 100%;
}
@media (min-width: 768px) {
  .find-a-location-search-container .location-campus-list .campus-card-info .line-art, .find-a-location-mobile-search .location-campus-list .campus-card-info .line-art {
    display: block;
  }
  .find-a-location-search-container .location-campus-list .campus-card-info-body, .find-a-location-mobile-search .location-campus-list .campus-card-info-body {
    padding-right: 44px;
  }
}
.find-a-location-search-container .location-campus-list .campus-card.active, .find-a-location-search-container .location-campus-list .campus-card:hover, .find-a-location-search-container .location-campus-list .campus-card:focus, .find-a-location-search-container .location-campus-list .campus-card:target, .find-a-location-mobile-search .location-campus-list .campus-card.active, .find-a-location-mobile-search .location-campus-list .campus-card:hover, .find-a-location-mobile-search .location-campus-list .campus-card:focus, .find-a-location-mobile-search .location-campus-list .campus-card:target {
  border: 1px solid var(--midnight-softer);
}
.find-a-location-search-container .location-campus-list .campus-card:last-child, .find-a-location-mobile-search .location-campus-list .campus-card:last-child {
  position: relative;
  z-index: 6;
}
.find-a-location-search-container .location-campus-list .campus-card > .campus-img-container,
.find-a-location-search-container .location-campus-list .campus-card > .campus-gallery-swiper, .find-a-location-mobile-search .location-campus-list .campus-card > .campus-img-container,
.find-a-location-mobile-search .location-campus-list .campus-card > .campus-gallery-swiper {
  flex: 0 0 auto;
  align-self: flex-start;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: var(--rounded-xlarge);
}
@media screen and (min-width: 576px) {
  .find-a-location-search-container .location-campus-list .campus-card > .campus-img-container,
  .find-a-location-search-container .location-campus-list .campus-card > .campus-gallery-swiper, .find-a-location-mobile-search .location-campus-list .campus-card > .campus-img-container,
  .find-a-location-mobile-search .location-campus-list .campus-card > .campus-gallery-swiper {
    width: 144px;
    height: 144px;
  }
}
.find-a-location-search-container .location-campus-list .campus-card > .campus-img-container img, .find-a-location-mobile-search .location-campus-list .campus-card > .campus-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper {
  position: relative;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-slide, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-slide {
  display: flex;
  box-sizing: border-box;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .campus-images,
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-wrapper,
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-slide, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .campus-images,
.find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-wrapper,
.find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-slide {
  height: 100%;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper.campus-images, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper.campus-images {
  padding-bottom: 0 !important;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .campus-img-container, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .campus-img-container {
  flex: 1;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .campus-img-container img, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .campus-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-next,
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-prev, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-next,
.find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-prev {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
  top: 50%;
  bottom: unset;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-next svg,
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-prev svg, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-next svg,
.find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-prev svg {
  display: none;
}
@media screen and (max-width: 576px) {
  .find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-next,
  .find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-prev, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-next,
  .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-prev {
    width: 36px;
    height: 36px;
    background: unset;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px;
    border: 0;
    backdrop-filter: none;
  }
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-next, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M1%209L5%205L1%201' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  right: 4px;
  left: unset;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-prev, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M5%201L1%205L5%209' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  left: 4px;
  right: unset;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-pagination, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-pagination {
  position: absolute !important;
  bottom: 8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--spacing-xsmall) !important;
  width: fit-content !important;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-pagination-bullet, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-pagination-bullet {
  margin: 0 !important;
  width: 7px !important;
  background-color: white !important;
  opacity: 0.5 !important;
}
.find-a-location-search-container .location-campus-list .campus-card .campus-gallery-swiper .swiper-pagination-bullet-active, .find-a-location-mobile-search .location-campus-list .campus-card .campus-gallery-swiper .swiper-pagination-bullet-active {
  background: white !important;
  opacity: 1 !important;
}
.find-a-location-map-container {
  flex: 0 0 auto;
  width: 100%;
  min-height: 0;
  height: 60vh;
  max-height: 70vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--midnight-softer);
  border-left: 0;
  border-right: 0;
}
.find-a-location-map-container > .map-container,
.find-a-location-map-container > .map-container-wrapper,
.find-a-location-map-container .map-container {
  flex: 1 1 auto;
  min-height: 0;
  height: 100% !important;
}
.find-a-location-map-container .card-body a {
  outline: none !important;
}
@media (min-width: 1200px) {
  .find-a-location-map-container {
    flex: 1 1 auto;
    height: auto;
    max-height: none;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid var(--midnight-softer);
  }
}

/* MARK: Google Maps Styles UI .gm- selectors) */
.gm-styles .gm-style-iw-tc {
  display: none !important;
}
.gm-styles .gm-style-iw-c {
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  max-width: none !important;
}
.gm-styles .gm-style-iw-d,
.gm-styles .gm-style-iw,
.gm-styles .gm-style-iw > div {
  overflow: visible !important;
  max-height: none !important;
}
.gm-styles .gm-style-iw-c > button.gm-ui-hover-effect {
  display: none !important;
}
.gm-styles .gm-style-iw-ch > button.gm-ui-hover-effect,
.gm-styles .gm-style-iw-c .gm-style-iw-chr > button.gm-ui-hover-effect {
  pointer-events: auto !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: var(--midnight);
  box-shadow: none !important;
  border: 0;
  opacity: 1;
  visibility: visible !important;
  position: absolute !important;
  top: 25px;
  right: 10px;
  z-index: 10;
}
.gm-styles .gm-style-iw-ch > button.gm-ui-hover-effect span,
.gm-styles .gm-style-iw-c .gm-style-iw-chr > button.gm-ui-hover-effect span {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  background-color: var(--midnight) !important;
  filter: none !important;
}
@media (min-width: 1320px) {
  .gm-styles .gm-style-iw-ch {
    top: 14px;
    right: 14px;
  }
  .gm-styles .gm-style-iw-ch > button.gm-ui-hover-effect,
  .gm-styles .gm-style-iw-c .gm-style-iw-chr > button.gm-ui-hover-effect {
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    right: 25px;
    top: 42px;
  }
  .gm-styles .gm-style-iw-ch > button.gm-ui-hover-effect span,
  .gm-styles .gm-style-iw-c .gm-style-iw-chr > button.gm-ui-hover-effect span {
    width: 20px !important;
    height: 20px !important;
  }
}

.message-hero {
  position: relative;
  z-index: 1;
  color: #fff;
  padding-bottom: var(--spacing-medium);
}
.message-hero .message-hero-background,
.message-hero .message-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.message-hero .message-hero-background {
  z-index: -2;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}
.message-hero .message-hero-overlay {
  background: radial-gradient(128% 94% at 48% 9%, color-mix(in srgb, var(--midnight) 0%, transparent 100%) 40%, var(--midnight) 100%), linear-gradient(175deg, color-mix(in srgb, var(--midnight) 0%, transparent 100%) 77%, var(--midnight) 91%), linear-gradient(261deg, color-mix(in srgb, var(--midnight) 0%, transparent 100%) 38%, color-mix(in srgb, var(--midnight) 95%, transparent 5%) 76%);
}
.message-hero .message-hero-body {
  padding-top: 500px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium);
  width: 100%;
}
.message-hero .message-hero-description {
  max-width: 480px;
}
@keyframes radiate {
  0% {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(0.8);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5);
  }
}
.message-hero .message-hero-play {
  position: absolute;
  bottom: 50%;
  right: 50%;
  transform: translate(50%, 50%);
  width: 72px !important;
  height: 72px !important;
  z-index: 1;
  overflow: visible;
  outline: none !important;
}
.message-hero .message-hero-play .btn {
  width: 100% !important;
  height: 100% !important;
  border: 2px solid #fff;
  z-index: 1;
}
.message-hero .message-hero-play .btn i {
  font-size: 32px !important;
}
.message-hero .message-hero-play::before, .message-hero .message-hero-play::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 100%;
  height: 100%;
  background-color: var(--clay);
  border-radius: 999px;
  animation-name: radiate;
  animation-duration: 2.2s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  z-index: -1;
  outline: none !important;
}
.message-hero .message-hero-play::after {
  animation-delay: 0.5s;
}
.message-hero .message-hero-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.message-hero .message-hero-meta .meta-item {
  position: relative;
  padding-left: 20px;
}
.message-hero .message-hero-meta .meta-item a {
  text-decoration-style: dotted;
  text-decoration-color: var(--clay);
}
.message-hero .message-hero-meta .meta-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 1px;
  border-radius: 999px;
  background-color: var(--clay);
}
@media (min-width: 992px) {
  .message-hero {
    padding-bottom: 64px;
  }
  .message-hero .message-hero-body {
    padding-top: 420px;
    padding-right: 160px;
  }
  .message-hero .message-hero-play {
    transform: none;
    bottom: 0;
    right: 0;
    width: 128px !important;
    height: 128px !important;
  }
  .message-hero .message-hero-play .btn i {
    font-size: 40px !important;
  }
  .message-hero .message-hero-meta {
    flex-direction: row;
    gap: 5px;
    width: 100%;
  }
  .message-hero .message-hero-meta .meta-item:first-child {
    padding-left: 0;
  }
  .message-hero .message-hero-meta .meta-item:first-child::before {
    display: none;
    content: none;
  }
}

.media-page-messages-section {
  position: relative;
  margin-top: var(--spacing-medium);
  padding: 16px 0;
  z-index: 1;
}
.media-page-messages-section::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 1px;
  border-radius: 999px;
  background-color: var(--clay);
}
@media (min-width: 992px) {
  .media-page-messages-section {
    margin-top: var(--spacing-xlarge);
    padding-bottom: 0;
  }
  .media-page-messages-section .media-card .card-body {
    padding: 16px 0 0;
    flex-grow: 0;
  }
  .media-page-messages-section .media-card .card-meta {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .media-page-messages-section .media-card .card-meta .meta-item {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .media-page-messages-section .media-card .card-meta .meta-item + .meta-item::before {
    content: "";
    width: 16px;
    height: 1px;
    background-color: #fff;
  }
  .media-page-messages-section .media-card .card-footer {
    padding: 0;
    margin-top: var(--spacing-xsmall);
  }
  .media-page-messages-section .media-card .card-footer a.btn-icon {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
  }
  .media-page-messages-section .media-card .card-footer a.btn-icon * {
    display: none !important;
  }
}

.media-page-series-section {
  margin-top: 32px;
  margin-bottom: 40px;
  position: relative;
}
.media-page-series-section .card-series {
  border: 1px solid #505973;
}
.media-page-series-section .card-series .card-meta {
  display: flex;
  align-items: center;
  gap: 5px;
}
.media-page-series-section .card-series .card-meta .meta-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.media-page-series-section .card-series .card-meta .meta-item + .meta-item::before {
  content: "•";
}
.media-page-series-section .card-series .card-footer {
  padding-bottom: 56px;
}
.media-page-series-section .swiper {
  padding-bottom: 0;
  position: relative;
}
.media-page-series-section .swiper-slide {
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.media-page-series-section .swiper-slide-active {
  opacity: 1;
  pointer-events: all;
}
.media-page-series-section .swiper .swiper-button-next,
.media-page-series-section .swiper .swiper-button-prev {
  display: none;
}
.media-page-series-section .swiper .swiper-pagination {
  bottom: 28px !important;
}
.media-page-series-section .swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: #fff;
}
.media-page-series-section .bottom-right-corner {
  display: none;
  position: absolute;
  bottom: -32px;
  right: -32px;
  transform: rotate(180deg);
}
@media (min-width: 992px) {
  .media-page-series-section {
    margin-top: var(--spacing-xlarge);
    margin-bottom: var(--spacing-medium);
  }
  .media-page-series-section .card-series {
    position: relative;
    z-index: 1;
    padding: 104px 80px;
    aspect-ratio: 5/2;
    min-height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }
  .media-page-series-section .card-series .card-body {
    max-width: 50%;
    padding: 0 0 16px;
    flex-grow: 0;
  }
  .media-page-series-section .card-series .card-footer {
    padding: 0;
    flex-grow: 0;
  }
  .media-page-series-section .card-series .card-img-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -2;
  }
  .media-page-series-section .card-series:has(.card-footer a:hover) {
    transform: none !important;
  }
  .media-page-series-section .card-series::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(175deg, color-mix(in srgb, var(--midnight) 0%, transparent 100%) 64%, var(--midnight) 96%), linear-gradient(261deg, color-mix(in srgb, var(--midnight) 0%, transparent 100%) 26%, color-mix(in srgb, var(--midnight) 75%, transparent 25%) 69%, color-mix(in srgb, var(--midnight) 95%, transparent 5%) 90%);
  }
  .media-page-series-section .swiper .swiper-button-next,
  .media-page-series-section .swiper .swiper-button-prev {
    display: block;
    position: absolute;
    top: 0;
    bottom: unset;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in srgb, var(--midnight) 80%, transparent 20%);
    border: 1px solid #505973;
    margin: 0;
    width: 64px;
  }
  .media-page-series-section .swiper .swiper-button-next svg,
  .media-page-series-section .swiper .swiper-button-prev svg {
    display: none;
  }
  .media-page-series-section .swiper .swiper-button-next::before,
  .media-page-series-section .swiper .swiper-button-prev::before {
    font-family: "FontAwesome";
    content: "\f061";
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .media-page-series-section .swiper .swiper-button-next {
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    left: unset;
    right: 0;
  }
  .media-page-series-section .swiper .swiper-button-prev {
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    right: unset;
    left: 0;
  }
  .media-page-series-section .swiper .swiper-button-prev::before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .media-page-series-section .bottom-right-corner {
    display: block;
  }
}

.media-search-bar {
  border-radius: var(--rounded-medium) !important;
  background-color: var(--bone);
  padding: 32px 16px;
}
.media-search-bar .rock-text-box {
  margin-bottom: 0;
}
.media-search-bar__group {
  background-color: rgb(91.2745098039%, 90.1568627451%, 87.9215686275%);
  border: 1px solid rgb(76.862745098%, 75.9215686275%, 74.0392156863%);
  border-radius: 999px;
  overflow: hidden;
}
.media-search-bar__icon, .media-search-bar__input {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.media-search-bar__icon {
  padding-left: var(--spacing-medium);
  color: var(--midnight);
  font-size: 24px;
}
.media-search-bar__input {
  padding: var(--spacing-medium);
  height: auto;
  font-size: 20px;
}
.media-search-bar__input:focus {
  background-color: transparent;
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.media-search-bar .control-wrapper {
  position: relative;
}
.media-search-bar__dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid rgb(76.862745098%, 75.9215686275%, 74.0392156863%);
  border-radius: var(--rounded-medium);
  overflow: hidden;
  z-index: 1000;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.media-search-bar__dropdown[hidden] {
  display: none;
}
.media-search-bar .dropdown-group + .media-search-bar .dropdown-group {
  border-top: 1px solid rgb(86.4705882353%, 85.4117647059%, 83.2941176471%);
}
.media-search-bar .dropdown-group-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--midnight-softer);
  padding: 10px 16px 4px;
}
.media-search-bar .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-small);
  padding: 9px 16px;
  text-decoration: none;
  color: var(--charcoal);
  transition: background-color 100ms ease;
}
.media-search-bar .dropdown-item:hover, .media-search-bar .dropdown-item:focus, .media-search-bar .dropdown-item.is-active {
  background-color: var(--bone);
  text-decoration: none;
  color: var(--charcoal);
  outline: none;
}
.media-search-bar .dropdown-item-title {
  font-size: 15px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.media-search-bar .dropdown-item-title mark {
  display: inline;
  padding: 0;
  margin: 0;
  background: none;
  color: var(--clay);
  font-weight: 700;
}
.media-search-bar .dropdown-item-right {
  display: flex;
  align-items: center;
  gap: var(--spacing-xsmall);
  flex-shrink: 0;
}
.media-search-bar .dropdown-item-meta {
  font-size: 13px;
  color: var(--midnight-softer);
  white-space: nowrap;
  flex-shrink: 0;
}
.media-search-bar .dropdown-item-campus {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  flex-shrink: 0;
  padding: 2px 8px;
  border-radius: 999px;
  background-color: var(--clay-softest);
  color: var(--clay-stronger);
}
.media-search-bar .dropdown-empty {
  padding: var(--spacing-medium);
  font-size: 15px;
  color: var(--midnight-softer);
  text-align: center;
}
.media-search-bar .dropdown-empty strong {
  color: var(--charcoal);
}
@media (min-width: 992px) {
  .media-search-bar {
    padding: 32px;
    border-radius: var(--rounded-xlarge) !important;
  }
}

.message-detail .btn-shaded-bone {
  background-color: rgb(91.2745098039%, 90.1568627451%, 87.9215686275%);
  border-color: rgb(76.862745098%, 75.9215686275%, 74.0392156863%);
  color: var(--charcoal);
}
@media (min-width: 768px) {
  .message-detail .message-detail-video {
    overflow: hidden;
    border-radius: var(--rounded-xlarge) !important;
  }
}
@media (min-width: 992px) {
  .message-detail .message-detail-video {
    border-radius: var(--rounded-huge) !important;
  }
}

@media (max-width: 767px) {
  .series-detail .series-detail-image {
    border-radius: 0 !important;
  }
}
@media (min-width: 992px) {
  .series-detail .swiper-wrapper {
    flex-direction: column;
  }
  .series-detail .swiper-slide {
    width: 100% !important;
    margin: 0 !important;
  }
  .series-detail .swiper-slide + .swiper-slide {
    margin-top: var(--spacing-medium) !important;
  }
}

.family-member {
  flex-direction: row;
  align-items: start;
  text-align: left;
}

.photo .fluidbox-wrap .rounded-circle {
  width: 100%;
}

#style-guide .code-window {
  margin: 24px 0;
}
#style-guide .code-window code.language-markup {
  white-space: pre-wrap;
  font-size: 16px;
}
#style-guide .style-guide-sidebar {
  z-index: 100;
}
@media (min-width: 992px) {
  #style-guide .style-guide-sidebar > .panel-group {
    position: sticky;
    top: 144px;
    padding: 16px 0;
  }
}
#style-guide .sg-nav {
  z-index: 100;
  background-color: var(--bone);
  border-bottom: 1px solid var(--midnight-softer);
}
@media (min-width: 992px) {
  #style-guide .sg-nav {
    position: sticky;
    top: 120px;
    padding: 16px 0;
  }
}
#style-guide .sg-section-header {
  margin-bottom: 32px;
}