a#bigslam-footer-back-to-top-button {
	left: 30px !important;
	right: auto !important;
}

a#bigslam-footer-back-to-top-button:hover {
	background-color: #9d7bd8;
}

#bigslam-navigation-slide-bar-long {
	left: 0 !important;
}

#wpforms-submit-912, #wpforms-submit-2166 {
	border-radius: 10px;
	background-color: #543493;
	color: white;
	border: none;
	padding: 10px 20px;
}

#wpforms-submit-912:hover, #wpforms-submit-2166:hover {
	background-color: #9d7bd8 !important;
}

#bigslam-page-wrapper > div > div:nth-child(7) > div.gdlr-core-pbf-wrapper-content.gdlr-core-js > div > div:nth-child(2) > div > div > div:nth-child(2) > div > a:hover {
	background-color: #9d7bd8 !important;
}

#block-13 > p > a {
	color: #9d7bd8 !important;
}

#block-13 > p > a:hover {
	color: #fff !important;
}

#wpforms-form-2166 {
	display: flex;
	justify-content: space-between;
	gap: 5px;
}

#wpforms-form-2166 > div.wpforms-field-container {
 flex-grow: 1;
}

#wpforms-2166-field_2 {
	border-radius: 5px;
}

#block-3, #block-4, #block-6, #block-9, #block-10, #block-11, #block-12 {
	margin-bottom: 0px;
}

#block-9 {
	margin-bottom: 0px
}

body > div.bigslam-body-outer-wrapper > div > footer > div.bigslam-footer-wrapper {
	padding: 20px 0 0 0;
}

h2.wp-block-heading {
	font-family: 'roboto', sans-serif;
	font-size: 15px;
	color: white;
  margin-bottom: 10px;
}

body > div.bigslam-body-outer-wrapper > div > footer > div.bigslam-footer-wrapper > div > div:nth-child(1) {
	padding: 0 15px 0 0;
}

#wpforms-confirmation-2166 {
	background: #9d7bd8 !important;
}

ul#menu-resources-1 > li.menu-item.menu-item-type-custom.menu-item-object-custom {
	margin-bottom: 8px;
	padding-bottom: 0;
	border-bottom: 0px;
}

ul#menu-resources-1 > li.menu-item.menu-item-type-custom.menu-item-object-custom > a {
	color: #9d7bd8 !important;
}

ul#menu-resources-1 > li.menu-item.menu-item-type-custom.menu-item-object-custom > a:hover {
	color: #fff !important;
}

#block-14 {
	max-width: 65px;
	margin-bottom: 15px;
}

button.wpforms-page-button.wpforms-page-prev, button.wpforms-page-button.wpforms-page-next, #wpforms-submit-2210 {
	background-color: #533493 !important;
	color: white !important;
	border: none !important;
	border-radius: 5px !important;
}

button.wpforms-page-button.wpforms-page-prev:hover, button.wpforms-page-button.wpforms-page-next:hover, #wpforms-submit-2210:hover {
	background-color: #9d7bd8 !important;
}

.wp-forms-header {
	background-color: red;
}

.wpforms-page > div > h3, .wpforms-page > div > div > h3 {
	color: #9d7bd8;
}

.wpforms-error, .wpforms-required-label {
	color: #ff7a7a !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner {
	border: 3px solid #ff5a5a !important;
}

.wpforms-save-resume-button > span {
	text-decoration: none;
	color: #9d7bd8;
}

.wpforms-save-resume-button > span:hover {
	text-decoration: none;
	color: white;
}

/* Simple Calendar - Previous / Next Month Arrows */
.simcal-calendar .simcal-nav-button {
	color: #000000 !important;
}

/* Simple Calendar - Previous / Next Month Arrows */
.simcal-calendar .simcal-nav-button {
	color: #000000 !important;
}

/* Simple Calendar - Event Text */
.simcal-calendar .simcal-event-title,
.simcal-calendar .simcal-event-title a {
	color: #333333 !important;
}

/* =====================================================
   HYSL CALENDAR LOGO WATERMARK
   ===================================================== */

.hysl-calendar-wrap {
    position: relative;
}

/* Logo overlay */
.hysl-calendar-wrap::after {
    content: "";
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    width: 450px;
    height: 450px;

    background-image: url("https://holyokeyouthsoccer.com/wp-content/uploads/2026/09/HYSL-Primary-Logo-2022-4.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    /* 10% visible */
    opacity: 0.03;

    /* Keep calendar clickable */
    pointer-events: none;

    z-index: 10;
}

/* =====================================================
   BIGSLAM SPORTSPRESS WIDGET
   Keep teams + score on one line
   ===================================================== */

/* Use flex layout for the matchup row */
.bigslam-sp-event-widget-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

/* Remove theme width restrictions */
.bigslam-sp-event-widget-title-left,
.bigslam-sp-event-widget-title-right {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    display: inline-block !important;
}

/* Score block */
.bigslam-sp-event-result {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 6px !important;
    padding: 0 !important;
}

/* Space around the dash */
.bigslam-sp-event-result-sep {
    display: inline-block !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

/* =====================================================
   HYSL SPORTSPRESS EVENT LIST
   MOBILE RESPONSIVE SCHEDULE
   ===================================================== */

@media only screen and (max-width: 767px) {

    /* -------------------------------------------------
       Allow the SportsPress schedule to use full width
       ------------------------------------------------- */

    .sp-event-list {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
    }


    /* -------------------------------------------------
       Hide the normal desktop column headings
       DATE / EVENT / TIME-RESULTS / VENUE
       ------------------------------------------------- */

    .sp-event-list thead {
        display: none !important;
    }


    /* -------------------------------------------------
       Convert the table into stacked game cards
       ------------------------------------------------- */

    .sp-event-list,
    .sp-event-list tbody {
        display: block !important;
        width: 100% !important;
    }


    .sp-event-list tr {
        display: block !important;
        width: 100% !important;

        margin-bottom: 14px !important;

        padding: 12px 14px !important;

        border: 1px solid #dddddd !important;

        background: #ffffff !important;
    }


    /* -------------------------------------------------
       Every table cell becomes its own line
       ------------------------------------------------- */

    .sp-event-list td {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        padding: 3px 0 !important;

        border: none !important;

        text-align: center !important;

        white-space: normal !important;

        overflow: visible !important;
    }


    /* -------------------------------------------------
       DATE
       ------------------------------------------------- */

    .sp-event-list .data-date {
        font-size: 13px !important;
        font-weight: 700 !important;

        margin-bottom: 3px !important;
    }


    /* -------------------------------------------------
       MATCH / EVENT
       ------------------------------------------------- */

    .sp-event-list .data-event {
        font-size: 15px !important;
        font-weight: 700 !important;

        line-height: 1.35 !important;

        margin-bottom: 3px !important;
    }


    /* -------------------------------------------------
       TIME / RESULTS
       ------------------------------------------------- */

    .sp-event-list .data-time {
        font-size: 14px !important;

        margin-bottom: 2px !important;
    }


    /* -------------------------------------------------
       VENUE
       ------------------------------------------------- */

    .sp-event-list .data-venue {
        font-size: 13px !important;
    }


    /* -------------------------------------------------
       Keep CANCELED / POSTPONED status readable
       ------------------------------------------------- */

    .sp-event-list .hysl-match-canceled,
    .sp-event-list .hysl-match-postponed {
        display: inline-block !important;
        white-space: nowrap !important;
    }

}