.color-white.cc--animated-50-50 .section-scroll .paragraph-wrapper, .color-white .section-scroll {
  background-color: #FFF;
}
.color-white.cc--animated-50-50 .section-scroll .paragraph-wrapper .f--image::before, .color-white .section-scroll .f--image::before {
  border-top: 25px solid #FFF;
}

.color-black.cc--animated-50-50 .section-scroll .paragraph-wrapper, .color-black .section-scroll {
  background-color: #000;
}
.color-black.cc--animated-50-50 .section-scroll .paragraph-wrapper .f--image::before, .color-black .section-scroll .f--image::before {
  border-top: 25px solid #000;
}

.color-blue.cc--animated-50-50 .section-scroll .paragraph-wrapper, .color-blue .section-scroll {
  background-color: #007FAC;
}
.color-blue.cc--animated-50-50 .section-scroll .paragraph-wrapper .f--image::before, .color-blue .section-scroll .f--image::before {
  border-top: 25px solid #007FAC;
}

.color-light-gray.cc--animated-50-50 .section-scroll .paragraph-wrapper, .color-light-gray .section-scroll {
  background-color: #EFEFEF;
}
.color-light-gray.cc--animated-50-50 .section-scroll .paragraph-wrapper .f--image::before, .color-light-gray .section-scroll .f--image::before {
  border-top: 25px solid #EFEFEF;
}

.color-red.cc--animated-50-50 .section-scroll .paragraph-wrapper, .color-red .section-scroll {
  background-color: #C03;
}
.color-red.cc--animated-50-50 .section-scroll .paragraph-wrapper .f--image::before, .color-red .section-scroll .f--image::before {
  border-top: 25px solid #C03;
}

.color-teal.cc--animated-50-50 .section-scroll .paragraph-wrapper, .color-teal .section-scroll {
  background-color: #00626D;
}
.color-teal.cc--animated-50-50 .section-scroll .paragraph-wrapper .f--image::before, .color-teal .section-scroll .f--image::before {
  border-top: 25px solid #00626D;
}

.color-pale-teal.cc--animated-50-50 .section-scroll .paragraph-wrapper, .color-pale-teal .section-scroll {
  background-color: #87C3BE;
}
.color-pale-teal.cc--animated-50-50 .section-scroll .paragraph-wrapper .f--image::before, .color-pale-teal .section-scroll .f--image::before {
  border-top: 25px solid #87C3BE;
}

.color-pale-yellow.cc--animated-50-50 .section-scroll .paragraph-wrapper, .color-pale-yellow .section-scroll {
  background-color: #FCE488;
}
.color-pale-yellow.cc--animated-50-50 .section-scroll .paragraph-wrapper .f--image::before, .color-pale-yellow .section-scroll .f--image::before {
  border-top: 25px solid #FCE488;
}

.color-pale-blue.cc--animated-50-50 .section-scroll .paragraph-wrapper, .color-pale-blue .section-scroll {
  background-color: #92D6E3;
}
.color-pale-blue.cc--animated-50-50 .section-scroll .paragraph-wrapper .f--image::before, .color-pale-blue .section-scroll .f--image::before {
  border-top: 25px solid #92D6E3;
}

.color-dark-gray.cc--animated-50-50 .section-scroll .paragraph-wrapper, .color-dark-gray .section-scroll {
  background-color: #222;
}
.color-dark-gray.cc--animated-50-50 .section-scroll .paragraph-wrapper .f--image::before, .color-dark-gray .section-scroll .f--image::before {
  border-top: 25px solid #222;
}

.color-black.cc--animated-50-50 .section-scroll h2, .color-black.cc--animated-50-50 .section-scroll p,
.color-blue.cc--animated-50-50 .section-scroll h2,
.color-blue.cc--animated-50-50 .section-scroll p,
.color-red.cc--animated-50-50 .section-scroll h2,
.color-red.cc--animated-50-50 .section-scroll p,
.color-teal.cc--animated-50-50 .section-scroll h2,
.color-teal.cc--animated-50-50 .section-scroll p,
.color-dark-gray.cc--animated-50-50 .section-scroll h2,
.color-dark-gray.cc--animated-50-50 .section-scroll p {
  color: white !important;
}

.cc--component-container.cc--animated-50-50 .button {
  background-color: inherit;
  transition: all 0.1s;
  border-color: #000;
}
html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50 .button:hover {
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  background-color: #FFF;
  border-color: #FFF;
  color: #000;
  text-decoration: none;
}

.cc--component-container.cc--animated-50-50.color-black .button, .cc--component-container.cc--animated-50-50.color-blue .button, .cc--component-container.cc--animated-50-50.color-red .button, .cc--component-container.cc--animated-50-50.color-teal .button, .cc--component-container.cc--animated-50-50.color-dark-gray .button {
  background-color: inherit;
  transition: all 0.1s;
  border-color: #FFF;
  color: #FFF;
}
html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-black .button:hover, html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-blue .button:hover, html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-red .button:hover, html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-teal .button:hover, html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-dark-gray .button:hover {
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  background-color: #FFF;
  border-color: #FFF;
  color: #000;
  text-decoration: none;
}
.cc--component-container.cc--animated-50-50.color-black a.button--alt.button--arrow, .cc--component-container.cc--animated-50-50.color-blue a.button--alt.button--arrow, .cc--component-container.cc--animated-50-50.color-red a.button--alt.button--arrow, .cc--component-container.cc--animated-50-50.color-teal a.button--alt.button--arrow, .cc--component-container.cc--animated-50-50.color-dark-gray a.button--alt.button--arrow {
  transition: all 0.1s;
  color: #FFF;
}
.cc--component-container.cc--animated-50-50.color-black a.button--alt.button--arrow svg, .cc--component-container.cc--animated-50-50.color-blue a.button--alt.button--arrow svg, .cc--component-container.cc--animated-50-50.color-red a.button--alt.button--arrow svg, .cc--component-container.cc--animated-50-50.color-teal a.button--alt.button--arrow svg, .cc--component-container.cc--animated-50-50.color-dark-gray a.button--alt.button--arrow svg {
  fill: #ebb600;
}
html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-black a.button--alt.button--arrow:hover, html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-blue a.button--alt.button--arrow:hover, html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-red a.button--alt.button--arrow:hover, html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-teal a.button--alt.button--arrow:hover, html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-dark-gray a.button--alt.button--arrow:hover {
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  color: #ebb600;
  text-decoration: none;
}

.cc--component-container.cc--animated-50-50.color-white .button,
.cc--component-container.cc--animated-50-50.color-light-gray .button {
  background-color: inherit;
  transition: all 0.1s;
  border-color: #000;
}
html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-white .button:hover,
html[data-whatintent=mouse] .cc--component-container.cc--animated-50-50.color-light-gray .button:hover {
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  background-color: #C03;
  border-color: #C03;
  color: #FFF;
  text-decoration: none;
}

.cc--animated-50-50 .section-scroll .f--image {
  padding-top: 20px;
}

.cc--component-container.cc--main-menu .m--menu.m--main .menu-item.menu-item--active-trail > .link-arrow-wrapper > a, .cc--component-container.cc--main-menu .m--menu.m--main .menu-item.menu-item--active-trail > a {
  position: relative;
  color: #C03;
}
.cc--component-container.cc--main-menu .m--menu.m--main .menu-item.menu-item--active-trail > a::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 4.375rem;
  height: 0.3125rem;
  background-color: #C03;
  bottom: -0.875rem;
}

#l--main-header-basic .c--basic-branding-header .f--text {
  padding-bottom: 2px;
}

body.admin-bar #l--main-header {
  top: 30px;
}
body.admin-bar #l--main-header .main-nav-container .branding-mainmenu-container.slim-nav-is-visible {
  top: 30px;
}

.cc--basic-branding-header .f--text {
  padding-bottom: 0;
}

.cc--featured-summaries .f--image img {
  aspect-ratio: 419/236;
  object-fit: cover;
}

.cc--people-collection .c--person-card .f--image img {
  aspect-ratio: 259/346;
  object-fit: cover;
}

.cc--description-card-carousel-slide .c--description-card-carousel-slide .f--image img {
  aspect-ratio: 403/227;
  -o-object-fit: cover;
  object-fit: cover;
}

.c--description-image-cards article .f--image img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
}

.c--news-filtered-display .f--image img {
  aspect-ratio: 342/193;
  -o-object-fit: cover;
  object-fit: cover;
}

/* TEMP: Fixes Descriptive Links Background Image Issue along with the linear-gradient hack on background image stacking: See Component.php Background Image Logic */
.cc--descriptive-links.bg-image .inner-wrapper {
  background-color: transparent !important;
}

/* The Events Calendar Template Override */
/* Reset Tribe Page Template */
#tribe-events-pg-template {
  margin: 0;
  padding: 0;
  max-width: none;
}

.tribe-event-categories {
  list-style-type: none;
  padding-left: 0;
}

.tribe-events {
  --primary-color: #cc0033;
  --tec-color-background-events-bar-submit-button: var(--primary-color);
}
.tribe-events .datepicker table {
  min-width: 0;
}
.tribe-events .datepicker .day.active, .tribe-events .tribe-events .datepicker .day.active.focused, .tribe-events .tribe-events .datepicker .day.active:focus, .tribe-events .tribe-events .datepicker .day.active:hover, .tribe-events .tribe-events .datepicker .month.active, .tribe-events .tribe-events .datepicker .month.active.focused, .tribe-events .tribe-events .datepicker .month.active:focus, .tribe-events .tribe-events .datepicker .month.active:hover, .tribe-events .tribe-events .datepicker .year.active, .tribe-events .tribe-events .datepicker .year.active.focused, .tribe-events .tribe-events .datepicker .year.active:focus, .tribe-events .tribe-events .datepicker .year.active:hover {
  background: var(--primary-color);
}

.tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:hover,
.tribe-events .tribe-events-c-search__button:focus, .tribe-events button.tribe-events-c-search__button:focus {
  background-color: #FFF;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}

.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.tribe-events-calendar-list__month-separator {
  display: none;
}

.long-date-location .f--text * {
  display: inline;
}

/* Footer: Social Links */
.footer-main .cc--footer-social .footer-social-container .social-media-links--platforms {
  justify-content: normal;
  gap: 30px;
}

/* Single Event and TEC Overrides */
:root {
  --tec-color-accent-primary: #cc0033;
}

.tribe-events-meta-group .tribe-events-single-section-title {
  letter-spacing: 0;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: none !important;
  letter-spacing: 0;
}

.tribe-events-event-meta:before, .tribe-events-event-meta ~ div:not(.tribe-events-event-meta, .event-tickets) {
  border: none;
}

.tribe-events-event-meta dt {
  font-size: 12px;
  font-weight: 800;
  color: #565656;
}

/* Custom logo styling Overrides. */
.cc--basic-branding-header a img {
  width: 100%;
  height: auto;
  max-height: 3em;
}

@media screen and (min-width: 1024px) {
  .cc--basic-branding-header a img {
    width: 100%;
    height: 3.5em;
  }
}
@media screen and (min-width: 1200px) {
  .cc--basic-branding-header a img {
    /*width: 13.9375rem;
    height: 3.75rem;*/
    max-height: 150px;
    width: 100%;
    height: 4em;
    margin-top: 1rem;
  }
}
/* Custom footer logo overrides */
.cc--basic-branding-footer {
  max-width: 75%;
}
@media screen and (max-width: 1023px) {
  .cc--basic-branding-footer img {
    width: auto;
  }
}

/*  Rich text block image overrides.   */
.f--rich-text figure img {
  height: revert-layer;
  width: unset;
}
.f--rich-text figure img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.f--rich-text figure img.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}
.f--rich-text figure img.alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

/* Mini site override */
@media screen and (min-width: 1440px) {
  .mini-site-section .cl--component-list > .cc--component-container:not(.cc--hero-basic):not(.cc--slideshow) {
    margin-right: unset;
  }
}

.cc--topic-listing.three-col .c--component.c--news-card img {
  aspect-ratio: 419/236;
  object-fit: cover; 
}

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