/*
Sample font declarations if the font is imported manually:
---------------------------------------------------------
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=f8da4e52-73c3-4612-b24e-ff93be67163e");
---------------------------------------------------------
@font-face {
    font-family: "some_custom_font_name";
    src: url("/stylesheets/fonts/some_custom_font_filename.woff2") format('woff2'),
         url("/stylesheets/fonts/some_custom_font_filename.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
---------------------------------------------------------
*/
/* Media Queries for reuse
@media(min-width: $breakpoint-mobile-wide){}
@media(min-width: $breakpoint-tablet){}
@media(min-width: $breakpoint-tablet-med){}
@media(min-width: $breakpoint-tablet-large){}
@media(min-width: $breakpoint-desktop){}
@media(min-width: $breakpoint-desktop-lim){}
@media(min-width: $breakpoint-desktop-med){}
@media(min-width: $breakpoint-desktop-large){}
@media(min-width: $breakpoint-desktop-xl){}
@media(min-width: $breakpoint-desktop-huge){}
*/
.l-main-pagecontent .standard-content > .row .large-9 > h1 {
  display: none;
}

.l-main-pagecontent .standard-content > .row {
  max-width: 100%;
}

.l-main-pagecontent .standard-content > .row > .columns {
  width: 100%;
  padding: 0;
}

section.l-contact {
  margin-top: 0;
}

.standard-content {
  padding-bottom: 0;
}

.l-main-pagecontent {
  padding-top: 0;
}

.l-main-pagecontent h1 {
  margin: unset;
}

.l-main-pagecontent h2 {
  font-size: unset;
  line-height: unset;
  margin-top: unset;
  font-family: unset;
  margin-bottom: unset;
  color: unset;
}

.l-main-pagecontent h3 {
  margin: unset;
}

.l-main-pagecontent h5 {
  font-size: unset;
  line-height: unset;
  margin-top: unset;
  font-family: unset;
  margin-bottom: unset;
  color: unset;
}

.breadcrumb {
  display: none;
}

.l-main-pagecontent ul {
  margin-left: 0;
  margin-bottom: 0;
}

@media (min-width: 400px) {
  .standard-content > .row > div {
    margin: 0;
  }
}
@media (min-width: 600px) {
  .standard-content > .row > div {
    margin: 0;
  }
}
@media (min-width: 770px) {
  .standard-content > .row > div {
    margin: 0;
  }
}
h4 {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem; /* 106.667% */
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.standard-content > .row > div h1:first-child {
  margin-top: 0;
}

img {
  max-width: unset;
}

h2 {
  color: #757575 !important;
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.625rem;
}

p {
  font-size: 1rem;
  line-height: 1rem;
}

@media (min-width: 770px) {
  h2 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
  p, li {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1440px) {
  h2 {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
  p, li {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}
.carol__intro {
  position: relative;
}
.carol__intro .carol-intro__info {
  position: relative;
  padding: 2.5rem 0.88rem 0;
}
.carol__intro .carol-intro__info .carol-intro-info__text {
  z-index: 1;
  position: relative;
}
.carol__intro .carol-intro__info .carol-intro-info__text h1 {
  font-size: 1.625rem;
  line-height: 1.625rem;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  margin-bottom: 1.25rem;
}
.carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__logo {
  width: 100%;
  padding-bottom: 7rem;
}
.carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__date {
  font-size: 1.875rem;
  font-family: NeuePlakBlack, Inter, Tahoma, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #e90802;
  color: white !important;
  padding: .75rem 1.25rem 1.4rem;
  position: absolute;
  margin-top: 0;
  top: calc(100% - 3.8rem);
  text-align: left;
  max-width: 18.25rem;
}
.carol__intro .carol-intro__info .carol-intro-info__bg {
  z-index: 0;
  position: absolute;
  height: 100%;
  width: auto;
  background: url("/campus-events/carol-of-lights/images/intro/text-bg-sm.svg") repeat-x;
  top: 0;
  right: 0;
  left: 73.96;
}
.carol__intro .carol-intro__image picture {
  display: grid;
}
.carol__intro .carol-intro__image picture .carol-graphic {
  width: 100%;
}

@media (min-width: 770px) {
  .carol__intro .carol-intro__info {
    padding: 3.76rem 9.81rem 0 2.5rem;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text h1 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__logo {
    width: 100%;
    padding-bottom: 7rem;
    width: 58.99%;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__date {
    font-size: 2.75rem;
    line-height: 2.75rem;
    text-transform: uppercase;
    background-color: #e90802;
    color: white !important;
    padding: 1.25rem;
    position: absolute;
    margin-top: 0;
    top: calc(100% - 2.5rem);
    text-align: left;
    max-width: unset;
  }
  .carol__intro .carol-intro__info .carol-intro-info__bg {
    background: url("/campus-events/carol-of-lights/images/intro/text-bg-sm.svg") repeat-x;
    background-size: cover;
    top: 0;
    right: 0;
    left: 74%;
  }
  .carol__intro .carol-intro__image .carol-intro-image__logo {
    height: 12.5rem;
    width: 12.55rem;
    margin: 12.62rem auto 12.69rem;
  }
}
@media (min-width: 75rem) {
  .carol-intro-info__text h1 {
    font-size: 3.75rem;
  }
  .carol-intro-info__text h1 span {
    display: inline-block;
    vertical-align: text-top;
    font-size: 2.3rem;
  }
}
@media (min-width: 1440px) {
  .carol__intro .carol-intro__info {
    padding: 5rem 6.44rem 0 6.31rem;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text h1 {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__logo {
    padding-bottom: 7rem;
    width: 73.38%;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__date {
    font-size: 3.25rem;
    line-height: 3.5rem;
    text-transform: uppercase;
    background-color: #e90802;
    color: white !important;
    padding: 1.25rem 1.75rem 2rem;
    position: absolute;
    margin-top: 0;
    top: calc(100% - 2.9rem);
    text-align: left;
    max-width: unset;
  }
  .carol__intro .carol-intro__info .carol-intro-info__bg {
    background: url("/campus-events/carol-of-lights/images/intro/text-bg-lg.svg") no-repeat;
    background-size: cover;
    top: 0;
    right: 0;
    left: 80%;
  }
}
.carol__info {
  padding: 1rem 2.5rem 0.88rem;
  max-width: 90rem;
  margin: auto;
}
.carol__info picture .carol-info__year {
  width: 100%;
}
.carol__info .carol-info__desc {
  margin-top: 3.8rem;
}
.carol__info .carol-info__desc .carol-info-desc__title {
  font-size: 1.875rem;
  line-height: 1.875rem;
}
.carol__info .carol-info__desc p {
  margin-top: 1.25rem;
}
.carol__info .carol-info__details .carol-info-details__time {
  padding-top: 2.5rem;
  line-height: 1.75rem;
}
.carol__info .carol-info__details .carol-info-details__time .date-placer {
  margin-bottom: 1.25rem;
}
.carol__info .carol-info__details .carol-info-details__venue {
  padding: 2.5rem 0;
}
.carol__info .carol-info__details .carol-info-details__venue p {
  line-height: unset;
  margin-bottom: 1.5rem;
}
.carol__info .carol-info__details .carol-info-details__venue .directions {
  font-weight: 600;
  text-decoration-color: black;
  line-height: 1.75rem;
}

@media (min-width: 770px) {
  .carol__info {
    padding: 1rem 3.56rem 2.5rem;
  }
  .carol__info .carol-info__desc {
    margin-top: 5.31rem;
  }
  .carol__info .carol-info__desc .carol-info-desc__title {
    font-size: 2.75rem;
    line-height: 2.75rem;
  }
  .carol__info .carol-info__desc p {
    margin-top: 2.5rem;
  }
  .carol__info .carol-info__details {
    display: flex;
    justify-content: space-between;
    gap: 3.75rem;
    margin-top: 4rem;
  }
  .carol__info .carol-info__details .carol-info-details__time {
    width: 50%;
    padding-top: 0;
  }
  .carol__info .carol-info__details .carol-info-details__venue {
    width: 50%;
    padding-top: 0;
  }
}
@media (min-width: 1440px) {
  .carol__info {
    padding: 1rem 5rem 6.31rem;
  }
  .carol__info picture .carol-info__year {
    max-width: 71.38%;
  }
  .carol__info .carol-info__desc .carol-info-desc__title {
    font-size: 3.25rem;
    line-height: 3.5rem;
  }
  .carol__info .carol-info__details {
    margin-top: 5rem;
    gap: 0;
  }
}
.carol__entertainment {
  position: relative;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__entertainment .carol-entertainment__title {
  margin-bottom: 2.13rem;
  padding: 0 0.88rem;
}
.carol__entertainment .carol-entertainment__title h3 {
  font-family: NeuePlakBlack, Inter, Tahoma, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  font-weight: 700;
  overflow: hidden;
}
.carol__entertainment .carol-entertainment__title h3:after {
  content: "";
  height: 0.625rem;
  width: 100%;
  background: #EDEDED;
  position: absolute;
  bottom: 0.25em;
  margin-left: 0.88rem;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container {
  position: relative;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container picture {
  display: grid;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container picture .entertainment-graphic {
  width: 100%;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container {
  padding: 0 0.88rem;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container .entertainment-logo {
  position: relative;
  left: 0;
  top: -1.25rem;
  background-color: white;
  padding: 1.25rem 1.25rem 0;
  width: 100%;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .entertainment-bg {
  display: none;
}
.carol__entertainment .carol-entertainment__text {
  padding: 0 0.88rem;
  margin-bottom: 2.5rem;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__entertainment .carol-entertainment__text .extra-space {
  margin-bottom: 3rem;
}

@media (min-width: 770px) {
  .carol__entertainment .carol-entertainment__title {
    margin-bottom: 3.75rem;
    padding: 0 2.5rem;
  }
  .carol__entertainment .carol-entertainment__title h3:after {
    bottom: .5rem;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container picture {
    display: grid;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container {
    padding: 0 2.5rem;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container .entertainment-logo {
    position: relative;
    left: 0;
    top: -1.25rem;
    background-color: white;
    width: 52%;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .entertainment-bg {
    z-index: 0;
    position: absolute;
    height: 100%;
    width: 12.9%;
    background: url("/campus-events/carol-of-lights/images/entertainment/band-bg-med.png") no-repeat;
    background-size: contain;
    top: 0;
    right: 0;
    left: 87.1%;
  }
  .carol__entertainment .carol-entertainment__text {
    margin: 1.25rem 2.5rem 3.75rem 0;
    padding: 0 2.5rem;
  }
  .carol__entertainment .carol-entertainment__text .extra-space {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1440px) {
  .carol__entertainment .carol-entertainment__title {
    margin-bottom: 5rem;
    padding: 0 5rem;
  }
  .carol__entertainment .carol-entertainment__title h3:after {
    bottom: 0.6rem;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container {
    padding: 0 6.31rem;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container .entertainment-logo {
    position: relative;
    left: 0;
    top: -2.5rem;
    background-color: white;
    padding: 2.5rem 2.5rem 0;
    width: 49.65%;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .entertainment-bg {
    z-index: 0;
    position: absolute;
    height: 100%;
    width: 14.3%;
    background: url("/campus-events/carol-of-lights/images/entertainment/band-bg-lg.png") no-repeat;
    background-size: contain;
    top: 0;
    right: 0;
    left: 85.69%;
  }
  .carol__entertainment .carol-entertainment__text {
    padding: 0 6.31rem;
    margin: 0 6.31rem 5rem 0;
  }
}
.carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title {
  padding: 0 0.88rem 2.5rem;
}
.carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title .firework-title {
  margin-bottom: 1.25rem;
  font-size: 1.875rem;
  line-height: 1.875rem;
}
.carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__graphic-container img {
  width: 100%;
}
.carol__fireworks .carol-fireworks__info {
  padding: 2.5rem 0.88rem 0;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__fireworks .carol-fireworks__info .ticket-info {
  margin-bottom: 2.5rem;
}
.carol__fireworks .carol-fireworks__info .broadcast-info p {
  margin-bottom: 2.5rem;
}
.carol__fireworks .carol-fireworks__info .broadcast-info .button {
  background-color: #E90802;
  border-color: #E90802;
}
.carol__fireworks .carol-fireworks__info .broadcast-info .button:hover {
  color: black;
}

@media (min-width: 770px) {
  .carol__fireworks .carol-fireworks__intro {
    position: relative;
    margin-top: 3.75rem;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title {
    padding: 2.5rem 3.69rem 2.25rem 2.5rem;
    position: absolute;
    top: calc(50% - 10rem);
    left: 0;
    z-index: 1;
    background-color: white;
    width: 49%;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title .firework-title {
    text-transform: uppercase;
    margin-bottom: 2.5rem;
    font-size: 2.75rem;
    line-height: 2.75rem;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__graphic-container img {
    width: 100%;
  }
  .carol__fireworks .carol-fireworks__info {
    padding: 3.75rem 2.5rem 0;
    display: flex;
    justify-content: space-between;
    gap: 3rem;
  }
  .carol__fireworks .carol-fireworks__info .ticket-info {
    margin-bottom: 2.5rem;
    width: 50%;
  }
  .carol__fireworks .carol-fireworks__info .broadcast-info {
    width: 50%;
  }
  .carol__fireworks .carol-fireworks__info .broadcast-info p {
    margin-bottom: 2.5rem;
  }
  .carol__fireworks .carol-fireworks__info .broadcast-info .button {
    background-color: #E90802;
    border-color: #E90802;
  }
}
@media (min-width: 840px) {
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title {
    top: calc(50% - 7rem);
  }
}
@media (min-width: 69.69rem) {
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title {
    top: calc(50% - 10.2rem);
  }
}
@media (min-width: 1440px) {
  .carol__fireworks .carol-fireworks__intro {
    margin-top: 6.25rem;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title {
    padding: 5rem 6.31rem;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title .firework-title {
    text-transform: uppercase;
    margin-bottom: 2.5rem;
    font-size: 3.25rem;
    line-height: 3.25rem;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__graphic-container img {
    width: 100%;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__bg {
    display: none;
  }
  .carol__fireworks .carol-fireworks__info {
    padding: 6.25rem 6.31rem 0;
  }
  .carol__fireworks .carol-fireworks__info .ticket-info {
    margin-bottom: 2.5rem;
  }
  .carol__fireworks .carol-fireworks__info .broadcast-info p {
    margin-bottom: 2.5rem;
  }
  .carol__fireworks .carol-fireworks__info .broadcast-info .button {
    background-color: #E90802;
    border-color: #E90802;
  }
}
.carol__safety {
  padding: 2.5rem 0.88rem;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__safety .carol-safety__title {
  margin-bottom: 2.5rem;
}
.carol__safety .carol-safety__title h3 {
  position: relative;
  overflow: hidden;
  font-size: 1.875rem;
  line-height: 1.5;
}
.carol__safety .carol-safety__title h3:after {
  content: "";
  height: 0.625rem;
  width: 100%;
  background: #EDEDED;
  position: absolute;
  bottom: 0.66rem;
  margin-left: 0.88rem;
}
.carol__safety p {
  padding-bottom: 1.25rem;
}
.carol__safety p:last-child {
  padding-bottom: 0;
}
.carol__safety ul {
  list-style-position: inside;
}
.carol__safety ul li {
  margin-bottom: 0;
}

@media (min-width: 770px) {
  .carol__safety {
    padding: 3.56rem 2.5rem;
  }
  .carol__safety .carol-safety__title h3 {
    font-size: 2.75rem;
    line-height: 1.5;
  }
  .carol__safety .carol-safety__title h3:after {
    bottom: 1rem;
  }
}
@media (min-width: 1440px) {
  .carol__safety {
    padding: 5rem 6.31rem;
  }
  .carol__safety .carol-safety__title h3 {
    font-size: 3.25rem;
    line-height: 1.5;
  }
  .carol__safety .carol-safety__title h3:after {
    bottom: 1.2rem;
  }
}
.carol__parking {
  margin-bottom: 2.5rem;
}
.carol__parking .carol-parking__title {
  padding: 0 0.88rem 1.5rem;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__parking .carol-parking__title h3 {
  position: relative;
  overflow: hidden;
  font-size: 1.875rem;
  line-height: 1.5;
}
.carol__parking .carol-parking__title h3:after {
  content: "";
  height: 0.625rem;
  width: 100%;
  background: #EDEDED;
  position: absolute;
  bottom: 0.66rem;
  margin-left: 0.88rem;
}
.carol__parking .carol-parking__map {
  background-color: #EDEDED;
  margin-bottom: 2.5rem;
}
.carol__parking .carol-parking__map picture {
  display: grid;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__parking .carol-parking__map img {
  width: 100%;
}
.carol__parking .carol-parking__info {
  padding: 0 0.88rem;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__parking .carol-parking__info .carol-parking-info__container a {
  text-decoration-color: black;
}
.carol__parking .carol-parking__info .carol-parking-info__container a:hover {
  text-decoration-color: #E90802;
}

/*
Sample font declarations if the font is imported manually:
---------------------------------------------------------
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=f8da4e52-73c3-4612-b24e-ff93be67163e");
---------------------------------------------------------
@font-face {
    font-family: "some_custom_font_name";
    src: url("/stylesheets/fonts/some_custom_font_filename.woff2") format('woff2'),
         url("/stylesheets/fonts/some_custom_font_filename.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
---------------------------------------------------------
*/
/* Media Queries for reuse
@media(min-width: $breakpoint-mobile-wide){}
@media(min-width: $breakpoint-tablet){}
@media(min-width: $breakpoint-tablet-med){}
@media(min-width: $breakpoint-tablet-large){}
@media(min-width: $breakpoint-desktop){}
@media(min-width: $breakpoint-desktop-lim){}
@media(min-width: $breakpoint-desktop-med){}
@media(min-width: $breakpoint-desktop-large){}
@media(min-width: $breakpoint-desktop-xl){}
@media(min-width: $breakpoint-desktop-huge){}
*/
.l-main-pagecontent .standard-content > .row .large-9 > h1 {
  display: none;
}

.l-main-pagecontent .standard-content > .row {
  max-width: 100%;
}

.l-main-pagecontent .standard-content > .row > .columns {
  width: 100%;
  padding: 0;
}

section.l-contact {
  margin-top: 0;
}

.standard-content {
  padding-bottom: 0;
}

.l-main-pagecontent {
  padding-top: 0;
}

.l-main-pagecontent h1 {
  margin: unset;
}

.l-main-pagecontent h2 {
  font-size: unset;
  line-height: unset;
  margin-top: unset;
  font-family: unset;
  margin-bottom: unset;
  color: unset;
}

.l-main-pagecontent h3 {
  margin: unset;
}

.l-main-pagecontent h5 {
  font-size: unset;
  line-height: unset;
  margin-top: unset;
  font-family: unset;
  margin-bottom: unset;
  color: unset;
}

.breadcrumb {
  display: none;
}

.l-main-pagecontent ul {
  margin-left: 0;
  margin-bottom: 0;
}

@media (min-width: 400px) {
  .standard-content > .row > div {
    margin: 0;
  }
}
@media (min-width: 600px) {
  .standard-content > .row > div {
    margin: 0;
  }
}
@media (min-width: 770px) {
  .standard-content > .row > div {
    margin: 0;
  }
}
h4 {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem; /* 106.667% */
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.standard-content > .row > div h1:first-child {
  margin-top: 0;
}

img {
  max-width: unset;
}

h2 {
  color: #757575 !important;
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.625rem;
}

p {
  font-size: 1rem;
  line-height: 1rem;
}

@media (min-width: 770px) {
  h2 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
  p, li {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1440px) {
  h2 {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
  p, li {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}
.carol__intro {
  position: relative;
}
.carol__intro .carol-intro__info {
  position: relative;
  padding: 2.5rem 0.88rem 0;
}
.carol__intro .carol-intro__info .carol-intro-info__text {
  z-index: 1;
  position: relative;
}
.carol__intro .carol-intro__info .carol-intro-info__text h1 {
  font-size: 1.625rem;
  line-height: 1.625rem;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  margin-bottom: 1.25rem;
}
.carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__logo {
  width: 100%;
  padding-bottom: 7rem;
}
.carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__date {
  font-size: 1.875rem;
  font-family: NeuePlakBlack, Inter, Tahoma, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #e90802;
  color: white !important;
  padding: .75rem 1.25rem 1.4rem;
  position: absolute;
  margin-top: 0;
  top: calc(100% - 3.8rem);
  text-align: left;
  max-width: 18.25rem;
}
.carol__intro .carol-intro__info .carol-intro-info__bg {
  z-index: 0;
  position: absolute;
  height: 100%;
  width: auto;
  background: url("/campus-events/carol-of-lights/images/intro/text-bg-sm.svg") repeat-x;
  top: 0;
  right: 0;
  left: 73.96;
}
.carol__intro .carol-intro__image picture {
  display: grid;
}
.carol__intro .carol-intro__image picture .carol-graphic {
  width: 100%;
}

@media (min-width: 770px) {
  .carol__intro .carol-intro__info {
    padding: 3.76rem 9.81rem 0 2.5rem;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text h1 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__logo {
    width: 100%;
    padding-bottom: 7rem;
    width: 58.99%;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__date {
    font-size: 2.75rem;
    line-height: 2.75rem;
    text-transform: uppercase;
    background-color: #e90802;
    color: white !important;
    padding: 1.25rem;
    position: absolute;
    margin-top: 0;
    top: calc(100% - 2.5rem);
    text-align: left;
    max-width: unset;
  }
  .carol__intro .carol-intro__info .carol-intro-info__bg {
    background: url("/campus-events/carol-of-lights/images/intro/text-bg-sm.svg") repeat-x;
    background-size: cover;
    top: 0;
    right: 0;
    left: 74%;
  }
  .carol__intro .carol-intro__image .carol-intro-image__logo {
    height: 12.5rem;
    width: 12.55rem;
    margin: 12.62rem auto 12.69rem;
  }
}
@media (min-width: 75rem) {
  .carol-intro-info__text h1 {
    font-size: 3.75rem;
  }
  .carol-intro-info__text h1 span {
    display: inline-block;
    vertical-align: text-top;
    font-size: 2.3rem;
  }
}
@media (min-width: 1440px) {
  .carol__intro .carol-intro__info {
    padding: 5rem 6.44rem 0 6.31rem;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text h1 {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__logo {
    padding-bottom: 7rem;
    width: 73.38%;
  }
  .carol__intro .carol-intro__info .carol-intro-info__text .carol-intro__date {
    font-size: 3.25rem;
    line-height: 3.5rem;
    text-transform: uppercase;
    background-color: #e90802;
    color: white !important;
    padding: 1.25rem 1.75rem 2rem;
    position: absolute;
    margin-top: 0;
    top: calc(100% - 2.9rem);
    text-align: left;
    max-width: unset;
  }
  .carol__intro .carol-intro__info .carol-intro-info__bg {
    background: url("/campus-events/carol-of-lights/images/intro/text-bg-lg.svg") no-repeat;
    background-size: cover;
    top: 0;
    right: 0;
    left: 80%;
  }
}
.carol__info {
  padding: 1rem 2.5rem 0.88rem;
  max-width: 90rem;
  margin: auto;
}
.carol__info picture .carol-info__year {
  width: 100%;
}
.carol__info .carol-info__desc {
  margin-top: 3.8rem;
}
.carol__info .carol-info__desc .carol-info-desc__title {
  font-size: 1.875rem;
  line-height: 1.875rem;
}
.carol__info .carol-info__desc p {
  margin-top: 1.25rem;
}
.carol__info .carol-info__details .carol-info-details__time {
  padding-top: 2.5rem;
  line-height: 1.75rem;
}
.carol__info .carol-info__details .carol-info-details__time .date-placer {
  margin-bottom: 1.25rem;
}
.carol__info .carol-info__details .carol-info-details__venue {
  padding-top: 2.5rem;
}
.carol__info .carol-info__details .carol-info-details__venue p {
  line-height: unset;
  margin-bottom: 1.5rem;
}
.carol__info .carol-info__details .carol-info-details__venue .directions {
  font-weight: 600;
  text-decoration-color: black;
  line-height: 1.75rem;
}

@media (min-width: 770px) {
  .carol__info {
    padding: 1rem 3.56rem 2.5rem;
  }
  .carol__info .carol-info__desc {
    margin-top: 5.31rem;
  }
  .carol__info .carol-info__desc .carol-info-desc__title {
    font-size: 2.75rem;
    line-height: 2.75rem;
  }
  .carol__info .carol-info__desc p {
    margin-top: 2.5rem;
  }
  .carol__info .carol-info__details {
    display: flex;
    justify-content: space-between;
    gap: 3.75rem;
    margin-top: 4rem;
  }
  .carol__info .carol-info__details .carol-info-details__time {
    width: 50%;
    padding-top: 0;
  }
  .carol__info .carol-info__details .carol-info-details__venue {
    width: 50%;
    padding-top: 0;
  }
}
@media (min-width: 1440px) {
  .carol__info {
    padding: 1rem 5rem 6.31rem;
  }
  .carol__info picture .carol-info__year {
    max-width: 71.38%;
  }
  .carol__info .carol-info__desc .carol-info-desc__title {
    font-size: 3.25rem;
    line-height: 3.5rem;
  }
  .carol__info .carol-info__details {
    margin-top: 5rem;
    gap: 0;
  }
}
.carol__entertainment {
  position: relative;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__entertainment .carol-entertainment__title {
  margin-bottom: 2.13rem;
  padding: 0 0.88rem;
}
.carol__entertainment .carol-entertainment__title h3 {
  font-family: NeuePlakBlack, Inter, Tahoma, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  font-weight: 700;
  overflow: hidden;
}
.carol__entertainment .carol-entertainment__title h3:after {
  content: "";
  height: 0.625rem;
  width: 100%;
  background: #EDEDED;
  position: absolute;
  bottom: 0.25rem;
  margin-left: 0.88rem;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container {
  position: relative;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container picture {
  display: grid;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container picture .entertainment-graphic {
  width: 100%;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container {
  padding: 0 0.88rem;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container .entertainment-logo {
  position: relative;
  left: 0;
  top: -1.25rem;
  background-color: white;
  padding: 1.25rem 1.25rem 0;
  width: 100%;
}
.carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .entertainment-bg {
  display: none;
}
.carol__entertainment .carol-entertainment__text {
  padding: 0 0.88rem;
  margin-bottom: 2.5rem;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__entertainment .carol-entertainment__text .extra-space {
  margin-bottom: 5rem;
}

@media (min-width: 770px) {
  .carol__entertainment .carol-entertainment__title {
    margin-bottom: 3.75rem;
    padding: 0 2.5rem;
  }
  .carol__entertainment .carol-entertainment__title h3:after {
    bottom: .5rem;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container picture {
    display: grid;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container {
    padding: 0 2.5rem;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container .entertainment-logo {
    position: relative;
    left: 0;
    top: -1.25rem;
    background-color: white;
    width: 52%;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .entertainment-bg {
    z-index: 0;
    position: absolute;
    height: 100%;
    width: 12.9%;
    background: url("/campus-events/carol-of-lights/images/entertainment/band-bg-med.png") no-repeat;
    background-size: contain;
    top: 0;
    right: 0;
    left: 87.1%;
  }
  .carol__entertainment .carol-entertainment__text {
    margin: 1.25rem 2.5rem 3.75rem 0;
    padding: 0 2.5rem;
  }
  .carol__entertainment .carol-entertainment__text .extra-space {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1440px) {
  .carol__entertainment .carol-entertainment__title {
    margin-bottom: 5rem;
    padding: 0 5rem;
  }
  .carol__entertainment .carol-entertainment__title h3:after {
    bottom: 0.6rem;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container {
    padding: 0 6.31rem;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .logo-container .entertainment-logo {
    position: relative;
    left: 0;
    top: -2.5rem;
    background-color: white;
    padding: 2.5rem 2.5rem 0;
    width: 49.65%;
  }
  .carol__entertainment .carol-entertainment__graphic .carol-entertainment-graphic__container .entertainment-bg {
    z-index: 0;
    position: absolute;
    height: 100%;
    width: 14.3%;
    background: url("/campus-events/carol-of-lights/images/entertainment/band-bg-lg.png") no-repeat;
    background-size: contain;
    top: 0;
    right: 0;
    left: 85.69%;
  }
  .carol__entertainment .carol-entertainment__text {
    padding: 0 6.31rem;
    margin: 0 6.31rem 5rem 0;
  }
}
.carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title {
  padding: 0 0.88rem 2.5rem;
}
.carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title .firework-title {
  margin-bottom: 1.25rem;
  font-size: 1.875rem;
  line-height: 1.875rem;
}
.carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__graphic-container img {
  width: 100%;
}
.carol__fireworks .carol-fireworks__info {
  padding: 2.5rem 0.88rem 0;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__fireworks .carol-fireworks__info .ticket-info {
  margin-bottom: 2.5rem;
}
.carol__fireworks .carol-fireworks__info .broadcast-info p {
  margin-bottom: 2.5rem;
}
.carol__fireworks .carol-fireworks__info .broadcast-info .button {
  background-color: #E90802;
  border-color: #E90802;
}
.carol__fireworks .carol-fireworks__info .broadcast-info .button:hover {
  color: black;
}

@media (min-width: 770px) {
  .carol__fireworks .carol-fireworks__intro {
    position: relative;
    margin-top: 3.75rem;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title {
    padding: 2.5rem 3.69rem 2.25rem 2.5rem;
    position: absolute;
    top: calc(50% - 10rem);
    left: 0;
    z-index: 1;
    background-color: white;
    width: 49%;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title .firework-title {
    text-transform: uppercase;
    margin-bottom: 2.5rem;
    font-size: 2.75rem;
    line-height: 2.75rem;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__graphic-container img {
    width: 100%;
  }
  .carol__fireworks .carol-fireworks__info {
    padding: 3.75rem 2.5rem 0;
    display: flex;
    justify-content: space-between;
    gap: 3rem;
  }
  .carol__fireworks .carol-fireworks__info .ticket-info {
    margin-bottom: 2.5rem;
    width: 50%;
  }
  .carol__fireworks .carol-fireworks__info .broadcast-info {
    width: 50%;
  }
  .carol__fireworks .carol-fireworks__info .broadcast-info p {
    margin-bottom: 2.5rem;
  }
  .carol__fireworks .carol-fireworks__info .broadcast-info .button {
    background-color: #E90802;
    border-color: #E90802;
  }
}
@media (min-width: 840px) {
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title {
    top: calc(50% - 7rem);
  }
}
@media (min-width: 69.69rem) {
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title {
    top: calc(50% - 10.2rem);
  }
}
@media (min-width: 1440px) {
  .carol__fireworks .carol-fireworks__intro {
    margin-top: 6.25rem;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title {
    padding: 5rem 6.31rem;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__title .firework-title {
    text-transform: uppercase;
    margin-bottom: 2.5rem;
    font-size: 3.25rem;
    line-height: 3.25rem;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__graphic-container img {
    width: 100%;
  }
  .carol__fireworks .carol-fireworks__intro .carol-fireworks-intro__bg {
    display: none;
  }
  .carol__fireworks .carol-fireworks__info {
    padding: 6.25rem 6.31rem 0;
  }
  .carol__fireworks .carol-fireworks__info .ticket-info {
    margin-bottom: 2.5rem;
  }
  .carol__fireworks .carol-fireworks__info .broadcast-info p {
    margin-bottom: 2.5rem;
  }
  .carol__fireworks .carol-fireworks__info .broadcast-info .button {
    background-color: #E90802;
    border-color: #E90802;
  }
}
.carol__safety {
  padding: 2.5rem 0.88rem;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__safety .carol-safety__title {
  margin-bottom: 2.5rem;
}
.carol__safety .carol-safety__title h3 {
  position: relative;
  overflow: hidden;
  font-size: 1.875rem;
  line-height: 1.5;
}
.carol__safety .carol-safety__title h3:after {
  content: "";
  height: 0.625rem;
  width: 100%;
  background: #EDEDED;
  position: absolute;
  bottom: 0.66rem;
  margin-left: 0.88rem;
}
.carol__safety p {
  padding-bottom: 1.25rem;
}
.carol__safety p:last-child {
  padding-bottom: 0;
}
.carol__safety ul {
  list-style-position: inside;
}
.carol__safety ul li {
  margin-bottom: 0;
}

@media (min-width: 770px) {
  .carol__safety {
    padding: 3.56rem 2.5rem;
  }
  .carol__safety .carol-safety__title h3 {
    font-size: 2.75rem;
    line-height: 1.5;
  }
  .carol__safety .carol-safety__title h3:after {
    bottom: 1rem;
  }
}
@media (min-width: 1440px) {
  .carol__safety {
    padding: 5rem 6.31rem;
  }
  .carol__safety .carol-safety__title h3 {
    font-size: 3.25rem;
    line-height: 1.5;
  }
  .carol__safety .carol-safety__title h3:after {
    bottom: 1.2rem;
  }
}
.carol__parking {
  margin-bottom: 2.5rem;
}
.carol__parking .carol-parking__title {
  padding: 0 0.88rem 1.5rem;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__parking .carol-parking__title h3 {
  position: relative;
  overflow: hidden;
  font-size: 1.875rem;
  line-height: 1.5;
}
.carol__parking .carol-parking__title h3:after {
  content: "";
  height: 0.625rem;
  width: 100%;
  background: #EDEDED;
  position: absolute;
  bottom: 0.66rem;
  margin-left: 0.88rem;
}
.carol__parking .carol-parking__map {
  background-color: #EDEDED;
  margin-bottom: 2.5rem;
}
.carol__parking .carol-parking__map picture {
  display: grid;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__parking .carol-parking__map img {
  width: 100%;
}
.carol__parking .carol-parking__info {
  padding: 0 0.88rem;
  max-width: 90rem;
  margin: 0 auto;
}
.carol__parking .carol-parking__info .carol-parking-info__container a {
  text-decoration-color: black;
}
.carol__parking .carol-parking__info .carol-parking-info__container a:hover {
  text-decoration-color: #E90802;
}

@media (min-width: 770px) {
  .carol__parking {
    margin-bottom: 3.75rem;
  }
  .carol__parking .carol-parking__title {
    padding: 0 2.5rem 1rem;
  }
  .carol__parking .carol-parking__title h3 {
    font-size: 2.75rem;
    line-height: 1.5;
  }
  .carol__parking .carol-parking__title h3:after {
    bottom: 1rem;
  }
  .carol__parking .carol-parking__map {
    margin-bottom: 3.75rem;
  }
  .carol__parking .carol-parking__info {
    padding: 0 2.5rem;
  }
  .carol__parking .carol-parking__info .carol-parking-info__container {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
	padding-bottom: 3rem;
  }
  .carol__parking .carol-parking__info .carol-parking-info__container .top-left {
    width: 50%;
    margin-bottom: 3rem;
  }
  .carol__parking .carol-parking__info .carol-parking-info__container .bottom-right {
    width: 50%;
  }
}

@media (min-width: 1440px) {
  .carol__parking {
    margin-bottom: 6.25rem;
  }
  .carol__parking .carol-parking__title {
    padding: 0 6.31rem 1rem;
  }
  .carol__parking .carol-parking__title h3 {
    font-size: 3.25rem;
    line-height: 1.5;
  }
  .carol__parking .carol-parking__title h3:after {
    bottom: 1.2rem;
  }
  .carol__parking .carol-parking__map {
    padding: 0 6.31rem;
    margin-bottom: 6.25rem;
  }
  .carol__parking .carol-parking__info {
    padding: 0 6.31rem;
  }
}
/*# sourceMappingURL=styles.css.map */


@media (min-width: 770px) {
  .carol__parking {
    margin-bottom: 3.75rem;
  }
  .carol__parking .carol-parking__title {
    padding: 0 2.5rem 1rem;
  }
  .carol__parking .carol-parking__title h3 {
    font-size: 2.75rem;
    line-height: 1.5;
  }
  .carol__parking .carol-parking__title h3:after {
    bottom: 1rem;
  }
  .carol__parking .carol-parking__map {
    margin-bottom: 3.75rem;
  }
  .carol__parking .carol-parking__info {
    padding: 0 2.5rem;
  }
  .carol__parking .carol-parking__info .carol-parking-info__container {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
	padding-bottom: 3rem;
  }
  .carol__parking .carol-parking__info .carol-parking-info__container .top-left {
    width: 50%;
    margin-bottom: 0;
  }
  .carol__parking .carol-parking__info .carol-parking-info__container .bottom-right {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .carol__parking {
    margin-bottom: 6.25rem;
  }
  .carol__parking .carol-parking__title {
    padding: 0 6.31rem 1rem;
  }
  .carol__parking .carol-parking__title h3 {
    font-size: 3.25rem;
    line-height: 1.5;
  }
  .carol__parking .carol-parking__title h3:after {
    bottom: 1.2rem;
  }
  .carol__parking .carol-parking__map {
    padding: 0 6.31rem;
    margin-bottom: 6.25rem;
  }
  .carol__parking .carol-parking__info {
    padding: 0 6.31rem;
  }
}

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