@media only screen and (min-width: 0rem) {#hero {padding: var(--sectionPadding);padding-top: clamp(8.438rem, 7.931rem + 2.532vw, 10.938rem);position: relative;z-index: 1;background-color: #f7f7f7;}#hero .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: clamp(2.5rem, 2.247rem + 1.266vw, 3.75rem);}#hero .cs-content {text-align: left;width: 100%;max-width: 48.75rem;display: flex;flex-direction: column;align-items: flex-start;}#hero .cs-title {margin: auto;color: var(--bodyTextColorWhite);}#hero .cs-text {font-size: clamp(1rem, 1.95vw, 1.25rem);text-align: center;margin: auto;color: var(--bodyTextColorWhite);}#hero .cs-button-solid {margin: 2rem auto;}#hero .cs-card-group {width: 100%;margin: 0;padding: 0;display: flex;}#hero .upcoming-event {margin: auto;display: block;max-width: 95%;max-height: 20rem;box-shadow: var(--boxShadow);}#hero .upcoming-event .cs-topper {margin: 0;}#hero .event-image {width: 100%;height: 100%;border-radius: 0.5em 0.5em 0 0;display: block;position: relative;overflow: hidden;transition-duration: 0.5s;}#hero .event-image img {width: 100%;height: 100%;object-fit: cover;}#hero .event-content {max-width: 100%;border-radius: 0 0 0.5rem 0.5rem;display: block;padding: 1rem;background-color: #fff;}#hero .event-authorGroup {display: flex;justify-content: flex-start;align-items: center;gap: 0.75rem;}#hero .event-h1 {font-size: clamp(20px, 5vw, 32px);font-weight: 700;line-height: 1.4em;margin: 0;color: var(--headerColor);}#hero .event-date {font-size: clamp(1.125rem, 1.074rem + 0.253vw, 1.375rem);font-weight: bold;color: black;}#hero .event-desc {font-size: 1rem;line-height: 1.5em;margin: 1rem 0 0 0;padding: 0 0 2rem 0;color: var(--bodyTextColor);}#hero .upcoming-event .cs-button-solid {color: black;background-color: #fff;border: 2px solid crimson;}#hero .upcoming-event .cs-button-solid:before {content: "";}#hero .upcoming-event .cs-button-solid:hover {color: #fff;}#hero .upcoming-event .cs-button-solid:hover:before {width: 100.5%;}#hero .cs-background {width: 100%;height: 82%;display: block;position: absolute;top: 0;left: 0;z-index: -2;}#hero .cs-background:before {content: "";width: 100%;height: 100%;background: #111926;opacity: 0.8;display: block;position: absolute;top: 0;left: 0;z-index: 1;pointer-events: none;}#hero .cs-background img {width: 100%;height: 100%;object-fit: cover;object-position: top;position: absolute;top: 0;left: 0;}}@media only screen and (min-width: 48rem) {#hero {padding-bottom: 0;}#hero .cs-container {align-items: flex-start;}#hero .cs-content {text-align: left;margin-left: 0;align-items: flex-start;}#hero .cs-title {margin: 0;text-align: left;}#hero .cs-text {margin: 0;text-align: left;}#hero .cs-button-solid {margin: 2rem 0;}#hero .cs-item {grid-column: span 6;}#hero .upcoming-event .cs-button-container {margin: 0;}#hero .upcoming-event .cs-button-solid {position: absolute;bottom: 1rem;margin: 0;}#hero .upcoming-event {margin: auto;display: flex;max-width: 75%;max-height: 20rem;box-shadow: var(--boxShadow);}#hero .event-image {border-radius: 0.5em 0 0 0.5em;}#hero .event-image img {width: 100%;height: 100%;object-fit: cover;}#hero .event-content {width: 250%;max-width: 60%;border-radius: 0 0.5rem 0.5rem 0;}#hero .cs-background {height: 87%;}#hero .cs-background:before {background: linear-gradient(90deg, #111926 21.41%, rgba(17, 25, 38, 0.72) 34.98%, rgba(17, 25, 38, 0) 62.53%);opacity: 1;}#hero .cs-background {background: url("https://cdn.pixabay.com/photo/2020/08/27/18/33/home-5522657_960_720.jpg");background-position: center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}#hero .cs-background img {display: none;}}@media only screen and (min-width: 81.25rem) {#hero .cs-item {grid-column: span 3;}}@media only screen and (min-width: 0rem) {body.dark-mode #hero {background-color: var(--dark);}body.dark-mode #hero .cs-item {background-color: var(--medium);}body.dark-mode #hero .cs-h3, body.dark-mode #hero .cs-item-text {color: var(--bodyTextColorWhite);}body.dark-mode #hero .cs-icon {filter: grayscale(1) brightness(1000%);}body.dark-mode #hero .cs-text {opacity: 0.8;}body.dark-mode #hero .event-content {background-color: var(--accent);}body.dark-mode #hero .event-h1, body.dark-mode #hero .event-date, body.dark-mode #hero .event-desc {color: var(--bodyTextColorWhite);}body.dark-mode #hero .event-image {filter: brightness(0.935);}body.dark-mode #hero .upcoming-event .cs-button-solid {color: var(--bodyTextColorWhite);background-color: var(--dark);}body.dark-mode #hero .upcoming-event .cs-button-solid:before {content: "";background-color: var(--primary);}body.dark-mode #hero .upcoming-event .cs-button-solid:hover {color: #fff;}body.dark-mode #hero .upcoming-event .cs-button-solid:hover:before {width: 100.5%;}body.dark-mode #hero .cs-background {background-color: #000;}body.dark-mode #hero .cs-background img {opacity: 0.5;}}