/* IMPORT FONTS */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');

/* LANDING PAGE CSS */
/* BEGIN - HIDES HERO 1 TEXT (Remove this section if you want the text above the hero 1 banner or for all other hero banners to show) */
#hero-container > div.hero-bg-color.flex.flex-col.items-center.gap-8.py-8.md\:py-16.contrast-background.light-background {
display: none !important;
}
/* END - HIDES HERO 1 TEXT (Remove this section if you want the text above the hero 1 banner or for all other hero banners to show) */
/* BEGIN – EVENT SCHEDULE */
.event-schedule {
    border-collapse: collapse;
    border: none !important;
}

.event-schedule td {
    border: none !important;
    border-bottom: 2px solid #AB2130 !important;
}
.event-schedule td:first-child {
    padding-right: 30px !important;
}
/* Remove the yellow table border */
#content-block-111950 > div > div > table {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 100% !important;
}
/* END – EVENT SCHEDULE */
/* OLD - BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 1 */
.schedule td {
    border: none !important;
    padding: 0.5em;
    position: relative;
    color: #AB2130 !important;
}

/* Red vertical separators */
.schedule td:not(:last-child) div.bar {
    background-color: #AB2130 !important;
    position: absolute;
    left: 100%;
    top: 3px;
    bottom: 3px;
    width: 2px;
}

table:has(tbody.schedule) {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
/* OLD - END – ALTERNATE EVENT DATE STYLES – STYLE 1 */
/* BEGIN - CHANGE FONT STYLE */
#content-block-119176 > div > div > p:nth-child(1) > span,
#content-block-119187 > div.content-max-width.contrast-background.light-background.py-8 > div > p > span > span {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* END - CHANGE FONT STYLE */
/* BEGIN - PADDING */
#content-block-119586 > div > div > p:nth-child(2) {
padding-top: 20px !important;
}
#content-block-119586 > div > div > p:nth-child(8),
#content-block-119586 > div > div > p:nth-child(10) {
padding-bottom: 20px !important;
}
#content-block-119586 > div > div > p:nth-child(2),
#content-block-119586 > div > div > p:nth-child(3),
#content-block-119586 > div > div > p:nth-child(4),
#content-block-119586 > div > div > p:nth-child(7),
#content-block-119586 > div > div > p:nth-child(9) {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
/* END - PADDING */
/* TICKET PAGE CSS */
/* BEGIN - ADD TEXT TO SPONSOR SECTION */
/* Text below the Sponsorship Options header */
section.page.sponsor > div.relative:first-child::after {
    content: "Whether you own a business, work for a company interested in community partnerships, or simply wish to support Catholic education, we invite you to consider one of our sponsorship opportunities.";
    display: block;
    width: 100%;
    margin-top: -1rem;
    margin-bottom: 2rem;
    color: #000000;
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
}

/* Adjust spacing below the blue header */
section.page.sponsor > div.relative:first-child > header {
    margin-bottom: 2rem !important;
}
/* END - ADD TEXT TO SPONSOR SECTION */
/* DONATION PAGE CSS */

/* GUEST UPDATE LINK CSS */

/* GENERAL CSS */
a:-webkit-any-link {
/* all pages: changes all link colors to the same color */
/* color: #[HEX CODE-LINK COLOR-ALL PAGE LINKS] !important; */
/* all pages: removes underline from links on all pages */
/* text-decoration: none !important; */
}
/* BEGIN – RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES) */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.img-header {
width: 100% !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 1 */
.event-txt {
font-size: 20px !important;
}
.event-txt-lg {
font-size: 36px !important;
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 1 */
/* BEGIN - RESPONSIVE BUTTON FONT */
.mobile-btn-txt {
font-size: 16px !important;
}
/* END - RESPONSIVE BUTTON FONT */
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.img-header {
width: 100% !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 1 */
.event-txt {
font-size: 20px !important;
}
.event-txt-lg {
font-size: 36px !important;
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 1 */
/* BEGIN - RESPONSIVE BUTTON FONT */
.mobile-btn-txt {
font-size: 16px !important;
}
/* END - RESPONSIVE BUTTON FONT */
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.img-header {
width: 60% !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 1 */
.event-txt {
font-size: 24px !important;
}
.event-txt-lg {
font-size: 48px !important;
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 1 */
/* BEGIN - RESPONSIVE BUTTON FONT */
.mobile-btn-txt {
font-size: 20px !important;
}
/* END - RESPONSIVE BUTTON FONT */
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.img-header {
width: 60% !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 1 */
.event-txt {
font-size: 24px !important;
}
.event-txt-lg {
font-size: 48px !important;
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 1 */
/* BEGIN - RESPONSIVE BUTTON FONT */
.mobile-btn-txt {
font-size: 20px !important;
}
/* END - RESPONSIVE BUTTON FONT */
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.img-header {
width: 60% !important;
}
/* BEGIN – ALTERNATE EVENT DATE STYLES – STYLE 1 */
.event-txt {
font-size: 24px !important;
}
.event-txt-lg {
font-size: 48px !important;
}
/* END – ALTERNATE EVENT DATE STYLES – STYLE 1 */
/* BEGIN - RESPONSIVE BUTTON FONT */
.mobile-btn-txt {
font-size: 20px !important;
}
/* END - RESPONSIVE BUTTON FONT */
}
/* END - RESPONSIVE BEHAVIOR (AUTO ADJUST FOR DIFFERENT SCREEN SIZES)*/