.StepsContainer {
    background-color: #e8e6df;
    padding: 20px 10px 0;
    margin: 0 auto;
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .StepsContainer {
        flex-direction: column;
        align-items: flex-end;
    }
}

.ActiveButton, .InactiveButton {
    font-size: 18px;
    font-family: 'Crimson Text',serif;
    width: 175px;
    border: 2px solid #fc4f59;
    padding: 10px 30px;
}

.ActiveButton, .ActiveButton a {
    color: #fff;
    background-color: #fc4f59;
}

.InactiveButton {
    color: #56565a;
}

.InactiveButton a {
    color: #fc4f59 !important;
}

.InactiveButton a, .ActiveButton a {
    font-size: 18px;
    font-family: 'Crimson Text',serif;
    text-decoration: none;
}

    .InactiveButton:has(a):hover, .InactiveButton:hover a {
        color: #fff !important;
        background-color: #e52325 !important;
    }

h2#h2PageTitle {
    margin-bottom: 15px;
}

h4 span {
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
}

.card {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    line-height: 140%;
    display: flex;
    flex-wrap: wrap;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    margin-bottom: 2rem;
    border-radius: 0px;
}

.card-footer, .card-header {
    background-color: #efeeed;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 0px !important;
    margin-left: -1px;
    margin-right: -1px;
}

.card-footer {
    margin-bottom: -1px;
}

.card-header {
    margin-top: -1px;
}


.GenericButton, .K3GenericButton, .btn {
    margin-left: 0.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid #fc3641;
    color: #fc3641;
    font-size: .9rem !important;
    text-transform: uppercase;
    border-radius: 0px;
    font-weight: bold;
    background-color: transparent;
    border-radius: 0.75rem;
}

    .GenericButton:hover, .K3GenericButton:hover, .btn:hover {
        background-color: #fc3641;
        color: #fff !important;
        border-color: #fc3641;
    }

@media (min-width: 900px) {
    .linkbtn {
        padding-top: 3rem;
    }
}

.linkbtn {
    flex-grow: 1;
}

select.form-select {
    border-radius: 0px;
}

input.form-control {
    border-radius: 0px;
}

.dgMeracQTY {
    width: 25%;
}

.gridTotalHeader {
    width: 6em;
    text-align: right;
}

.grandTotal {
    text-align: right !important;
}

@media (min-width: 700px) {
    .gridQtyHeader, .gridQty {
        padding-left: 2em !important;
    }
}

.basketfooter td:last-child {
    text-align: right;
}

.dgMeracItem {
    text-align: left;
}

.number-spinner {
    position: relative;
    left: calc(-50px / 4);
}

    .number-spinner span.form-control, .number-spinner input[type=image] {
        padding-right: 50px;
        border: 1px solid black;
        border-radius: 0;
    }

    .number-spinner input.qty-button {
        padding: 0.2rem;
    }

    .number-spinner input[type=image] {
        border-radius: 0;
    }

.accordion, .accordion-item:first-of-type, .accordion-header btn, .accordion-header {
    border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body {
    --bs-accordion-inner-border-radius: 0 !important;
}

.StepsContainer, #aspnetForm > div.white-container.sticky-header-buffer, .page-footer-lower {
    background: #f4f4f4;
}

#aspnetForm > div.white-container.sticky-header-buffer {
    height: 100px;
}

.page-footer-lower {
    height: 425px;
}

.divMenuSteps a, .InactiveButton, .ActiveButton {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
}

.ActiveButton, .InactiveButton, .GenericButton, .K3GenericButton, .btn {
    border: 2px solid #e52325;
    color: #e52325
}

    #divNoAccContinue a:hover, .ActiveButton {
        color: white !important;
    }

    .ActiveButton, .ActiveButton a {
        background-color: #e52325;
    }

    .InactiveButton:has(a):hover, .InactiveButton:hover a {
        background-color: #e52325;
    }

.GenericButton:hover, .K3GenericButton:hover, .btn:hover, #ctl00_cphMainPage_Login > div.card-footer > div > div.login-button > div > div.remember-me > label:hover {
    background-color: #e52325 !important;
    color: #fff !important;
    border-color: #e52325 !important;
}

.portal-login-widget .logged-out button:not(:last-child) {
    border-color: #ced4da;
    color: #77797b;
}

#ctl00_cphMainPage_lblVoucherCode {
    color: black;
}

.k3-required svg {
    top: 0rem !important; 
}

{
    color: #e52325;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    line-height: 140%;
}

.form-check:has(input:checked[type=checkbox]) {
    box-shadow: unset;
}

#btnUser {
    border: 0px;
}

    #btnUser:hover, #btnUser:focus, #btnUser:focus-visible, #btnUser:active {
        border: unset !important;
        background-color: unset !important;
        color: black !important;
    }

#h2PageTitle, #title {
    display: none !important;
}

#headerContainer > div > header > div > div > div > a > img {
    height: 80px;
}

#headerContainer.sticky-header {
    -webkit-box-shadow: 0 1px 11px -6px rgba(0, 0, 0, 1.75) !important;
}

#ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(3),
#ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(1),
#ctl00_divMenuSteps > div.portal-login-widget > div > button.btn.btn-light,
#btnLoginReg {
    border-color: #ced4da !important;
}

    #ctl00_divMenuSteps > div.portal-login-widget > div > button.btn.btn-light {
        border-width: 1px;
    }

#ctl00_divMenuSteps > div.portal-login-widget > div > button.btn.btn-light,
#btnLoginReg:hover {
    color: white !important;
    background-color: #2970ca !important
}

    #ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(3):hover, 
    #ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(1):hover {
        background-color: #19355B !important;
    }

td.calToday {
    border: 2px solid #19355B;
}

.calSelected {
    font-weight: bold;
    background-clip: padding-box;
    border-radius: 40px;
    border: 2px solid white;
    color: white !Important;
    background-color: #19355B !important;
}

#ctl00_cphMainPage_calAvailability > tbody > tr > td.calSelected > a {
    color: white !important
}

#ctl00_divStep4 .ActiveButton {
    color: white !important;
}

.calSelected > a {
    color: white !Important;
}


/*MOBILE RESPONSIVE FIXES:*/

.sticky-logo {
    margin-left: 20px;
}

@media (max-width: 1070px) {
    .portal-login-widget {
        margin-top: 0px !Important;
    }
}

#ctl00_cphMainPage_calSession > tbody > tr > td.calSelected > a {
    color: white !important;
}

.sessions-container {
    margin: 0px !important;
}

#ctl00_cphMainPage_divSessionGiftAid {
    padding: 10px;
}

#ctl00_cphMainPage_chkGiftAid2, #ctl00_cphMainPage_chkNoGiftAid2 {
    margin-right: 5px;
}

@media (max-width: 450px) {
    #ctl00_cphMainPage_btnEditBasket {
        font-size: 12px !important;
    }

    .k3_decrement-btn, .k3increment-btn {
        width: 15px !important;
        height: 15px !important;
    }

    div.divSessionTickets .k3_quantity-input {
        gap: 0px !important;
    }

    #ctl00_cphMainPage_dlstUpcoming > tbody > tr > td {
        padding: 1px !important;
    }

    .content td, .k3_quantity, .divExtDesc, div.divSessionTickets, .basketHeader th, .grdSales-desc {
        font-size: 12px !important;
    }

    .k3_decrement-btn svg, .k3increment-btn svg {
        height: 12px !important;
        width: 11px !important;
    }

    button svg {
        padding-bottom: 0 !important;
        margin-bottom: 0.10rem !important;
    }

    #MembershipSteps > li:nth-child(1) {
        padding-right: 5px;
    }

    #ctl00_cphMainPage_Step2Tab, #ctl00_cphMainPage_Step3Tab {
        padding-right: 5px;
        padding-left: 5px;
    }

    #ctl00_cphMainPage_Step4Tab {
        padding-left: 5px;
    }

    #ctl00_cphMainPage_udpBasket > div > div.card-footer > div {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
    }
}

.calendar-container {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    width: 90% !important;
    max-width: unset !important;
}

#ctl00_cphMainPage_btnViewItems {
    margin-top: 10px;
}

#ctl00_cphMainPage_btnRemoveItems, #ctl00_cphMainPage_btnViewItems {
    background: white;
}

#ctl00_cphMainPage_divMemberPaying {
    margin-bottom: 20px;
}


/* Header */

#headerContainer {
    background: #2970ca !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 11px solid transparent;
    border-image: linear-gradient( to bottom, rgba(249, 149, 0, 1) 0, rgba(255, 201, 0, 1) 20px, rgba(255, 201, 0, 1) 100% ) 1;
    -webkit-box-shadow: 0 1px 11px -6px rgba(0, 0, 0, 1.75) !important;
}

header {
    background: #2970ca !important;
}

#headerContainer.sticky-header header {
    border-bottom: 0px;
}

/* Header END */

/* Footer */

#main-footer {
    color: #2d2d2c !important;
    text-decoration: #3e6fc4 !important;
    --theme--link--color--hover: #2d2d2c;
    --theme--link--text-decoration--hover: underline;
    background: #0000;
    margin-top: 60px;
    padding: 18vw 0 3rem;
    position: relative
}

    #main-footer:before {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: #f6cb45;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    #main-footer footer {
        margin: 0 auto;
        max-width: 1140px;
        position: relative;
        width: 100%;
        z-index: 2
    }

@media (min-width: 990px) {
    #main-footer footer {
        padding-left: 30px;
        padding-right: 30px;
    }
}

#main-footer:before {
    -webkit-mask-image: url(../images/Crealy/crealy-footer-decor.png),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=);
    mask-image: url(../images/Crealy/crealy-footer-decor.png),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=);
    mask-mode: alpha;
    -webkit-mask-position: center top,0 15vw;
    mask-position: center top,0 15vw;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 16vw,100% 100%;
    mask-size: 100% 16vw,100% 100%
}

#main-footer ul.social-links {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 0;
    width: 100%
}

    #main-footer ul.social-links li {
        display: block;
        margin: 0;
        padding: 0;
    }

        #main-footer ul.social-links li a {
            align-items: center;
            background-color: #3e6fc4;
            border-radius: 3rem;
            color: #fff;
            display: flex;
            font-size: 18px;
            height: 40px;
            justify-content: center;
            width: 40px
        }

            #main-footer ul.social-links li a svg.tripadvisor-svg-icon {
                height: 1em;
                width: auto
            }

            #main-footer ul.social-links li a:focus, #main-footer ul.social-links li a:hover {
                background-color: #fff;
                color: #3e6fc4 !important;
            }

#main-footer #main-footer--top-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
    width: 100%
}

    #main-footer #main-footer--top-section #main-footer--top-section--logo {
        max-width: 160px;
        text-align: center;
        width: 100%
    }

        #main-footer #main-footer--top-section #main-footer--top-section--logo a, #main-footer #main-footer--top-section #main-footer--top-section--logo img {
            display: block;
            max-width: 160px;
            width: 100%
        }

    #main-footer #main-footer--top-section #main-footer--top-section--social-links {
        display: block;
        width: 100%
    }

    #main-footer #main-footer--top-section #main-footer--top-section--links {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 20px;
        text-align: center
    }

        #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group {
            margin: 0;
            max-width: 200px
        }

            #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group h2 {
                --theme--color--emphasis: #2d2d2c;
                font-family: var(--headings--font-family);
                font-size: 1.125rem;
                font-weight: var(--headings--font-weight);
                letter-spacing: inherit;
                line-height: inherit;
                margin: 0;
                text-transform: inherit
            }

                #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group h2 button {
                    font-family: var(--headings--font-family);
                    font-size: 1.125rem;
                    font-weight: var(--headings--font-weight);
                    letter-spacing: inherit;
                    line-height: inherit;
                    padding: 0 0 1px;
                    text-transform: inherit
                }

@media(max-width: 991.98px) {
    #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group h2 button:after {
        border-bottom: 0;
        border-left: max(4px,.3em) solid #0000;
        border-right: max(4px,.3em) solid #0000;
        border-top: max(4px,.3em) solid;
        content: "";
        display: inline-block;
        margin-left: .255em;
        transform: translateY(-50%);
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        vertical-align: initial
    }

    #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group h2 button:focus:after, #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group h2 button:hover:after {
        border-top-color: initial
    }

    #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group h2 button[aria-expanded=true]:after {
        transform: translateY(-50%) scaleY(-1)
    }
}

#main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group ul {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: inherit;
    gap: 10px;
    line-height: inherit;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}

    #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group ul li {
        margin: 0;
        padding: 0
    }

#main-footer #main-footer--top-section #main-footer--top-section--links > ul {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    width: 100%
}

    #main-footer #main-footer--top-section #main-footer--top-section--links > ul li {
        margin: 0;
        padding: 0
    }

#main-footer #main-footer--mid-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
    width: 100%
}

    #main-footer #main-footer--mid-section > :first-child {
        border-top: 1px solid #fff3;
        padding-top: 30px
    }

    #main-footer #main-footer--mid-section #main-footer--mid-section--logos {
        display: block;
        width: 100%
    }

        #main-footer #main-footer--mid-section #main-footer--mid-section--logos ul {
            align-items: center;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 15px;
            justify-content: center;
            margin: 0;
            width: 100%
        }

            #main-footer #main-footer--mid-section #main-footer--mid-section--logos ul li {
                display: block;
                margin: 0;
                padding: 0
            }

                #main-footer #main-footer--mid-section #main-footer--mid-section--logos ul li a {
                    display: block
                }

                    #main-footer #main-footer--mid-section #main-footer--mid-section--logos ul li a img {
                        display: block;
                        height: 60px;
                        max-width: 290px;
                        object-fit: contain;
                        width: auto
                    }

    #main-footer #main-footer--mid-section #main-footer--mid-section--links {
        display: block;
        width: 100%
    }

        #main-footer #main-footer--mid-section #main-footer--mid-section--links ul {
            align-items: center;
            display: flex;
            flex-direction: column;
            font-size: inherit;
            gap: 10px;
            line-height: inherit;
            margin: 0;
            padding: 0;
            width: 100%
        }

            #main-footer #main-footer--mid-section #main-footer--mid-section--links ul li {
                margin: 0;
                padding: 0
            }

#main-footer #main-footer--lower-section {
    align-items: center;
    border-top: 1px solid #fff3;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-top: 30px;
    width: 100%
}

    #main-footer #main-footer--lower-section #main-footer--lower-section--social-links {
        display: block
    }

        #main-footer #main-footer--lower-section #main-footer--lower-section--social-links ul.social-links {
            justify-content: center
        }

    #main-footer #main-footer--lower-section #main-footer--lower-section--small-print p {
        text-wrap: balance;
        margin-bottom: .25em;
        text-align: center
    }

    #main-footer #main-footer--lower-section #main-footer--lower-section--small-print > :last-child {
        margin-bottom: 0
    }

@media(min-width: 992px) {
    #main-footer {
        --theme--color: #2d2d2c;
        --theme--link--color: #2d2d2c;
        --theme--link--text-decoration: #3e6fc4;
        --theme--link--color--hover: #2d2d2c;
        --theme--link--text-decoration--hover: underline;
        color: var(--theme--color);
        margin-top: 80px;
        padding: 12vw 0 3rem
    }

        #main-footer:before {
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            background: #f6cb45;
            -webkit-mask-image: url(../images/Crealy/crealy-footer-decor.png),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=);
            mask-image: url(../images/Crealy/crealy-footer-decor.png),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=);
            -webkit-mask-position: center top,0 9.9vw;
            mask-position: center top,0 9.9vw;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100% 10vw,100% 100%;
            mask-size: 100% 10vw,100% 100%
        }

        #main-footer ul.social-links {
            gap: 10px;
            justify-content: center
        }

            #main-footer ul.social-links li a {
                background-color: #3e6fc4;
                border-radius: 3rem;
                color: #fff;
                font-size: 0px;
                height: 40px;
                padding: 0;
                width: 40px
            }

                #main-footer ul.social-links li a:focus, #main-footer ul.social-links li a:hover {
                    background-color: #fff;
                    color: #3e6fc4;
                    transition: background-color .15s ease-in-out,color .15s ease-in-out
                }

        #main-footer #main-footer--top-section {
            align-items: flex-start;
            flex-direction: row;
            gap: 60px;
            justify-content: space-between;
            margin-bottom: 30px
        }

            #main-footer #main-footer--top-section #main-footer--top-section--logo, #main-footer #main-footer--top-section #main-footer--top-section--logo a, #main-footer #main-footer--top-section #main-footer--top-section--logo img {
                max-width: 200px
            }

            #main-footer #main-footer--top-section #main-footer--top-section--links {
                align-items: start;
                flex: 1 1 auto;
                flex-direction: row;
                flex-wrap: wrap;
                gap: 10px 30px;
                justify-content: space-between;
                max-width: calc(100% - 260px);
                text-align: start;
            }

                #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group {
                    flex: 1 0 auto;
                    max-width: 250px
                }

                    #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group .collapsing {
                        transition: height .01s linear
                    }

                    #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group h2, #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group h2 button {
                        font-family: var(--headings--font-family);
                        font-weight: var(--headings--font-weight);
                        letter-spacing: inherit;
                        line-height: inherit;
                        text-transform: inherit
                    }

                        #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group h2 button {
                            color: var(--theme--color--subtle);
                            padding: 0 0 1px
                        }

                            #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group h2 button:disabled {
                                opacity: 1;
                            }

                    #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group ul {
                        align-items: flex-start;
                        font-size: inherit;
                        gap: 8px;
                        line-height: inherit;
                        padding: 10px 0
                    }

                        #main-footer #main-footer--top-section #main-footer--top-section--links .main-footer--top-section--links--group ul li {
                            margin: 0;
                            padding: 0
                        }

                #main-footer #main-footer--top-section #main-footer--top-section--links > ul {
                    align-items: flex-start;
                    flex-direction: row;
                    gap: 10px 30px;
                    justify-content: center
                }

            #main-footer #main-footer--top-section.brand-logo-centered #main-footer--top-section--links, #main-footer #main-footer--top-section.brand-logo-centered #main-footer--top-section--logo {
                max-width: 100%;
                width: 100%
            }

                #main-footer #main-footer--top-section.brand-logo-centered #main-footer--top-section--logo a, #main-footer #main-footer--top-section.brand-logo-centered #main-footer--top-section--logo img {
                    margin: 0 auto
                }

            #main-footer #main-footer--top-section.social-links-centered #main-footer--top-section--social-links {
                max-width: 100%;
                width: 100%
            }

            #main-footer #main-footer--top-section.social-links-centered:not(.brand-logo-centered) #main-footer--top-section--social-links {
                order: 1
            }

            #main-footer #main-footer--top-section.social-links-centered:not(.brand-logo-centered) #main-footer--top-section--logo {
                order: 2
            }

            #main-footer #main-footer--top-section.social-links-centered:not(.brand-logo-centered) #main-footer--top-section--links {
                order: 3
            }

        #main-footer #main-footer--mid-section {
            align-items: center;
            gap: 30px;
            margin-bottom: 30px
        }

            #main-footer #main-footer--mid-section > :first-child {
                border-top: 1px solid #fff3;
                padding-top: 30px
            }

            #main-footer #main-footer--mid-section #main-footer--mid-section--logos ul {
                gap: 15px;
                justify-content: center
            }

                #main-footer #main-footer--mid-section #main-footer--mid-section--logos ul li a img {
                    height: 60px;
                    max-width: 290px
                }

            #main-footer #main-footer--mid-section #main-footer--mid-section--links ul {
                align-items: flex-start;
                flex-direction: row;
                font-size: inherit;
                gap: 10px 30px;
                justify-content: center;
                line-height: inherit
            }

        #main-footer #main-footer--lower-section {
            align-items: center;
            border-top: 1px solid #fff3;
            flex-direction: column;
            gap: 60px;
            justify-content: center;
            padding-top: 30px
        }

            #main-footer #main-footer--lower-section #main-footer--lower-section--small-print p {
                margin-bottom: .25em
            }

            #main-footer #main-footer--lower-section.with-social-links {
                align-items: flex-end;
                flex-direction: row;
                justify-content: space-between
            }

                #main-footer #main-footer--lower-section.with-social-links #main-footer--lower-section--social-links {
                    order: 2
                }

                    #main-footer #main-footer--lower-section.with-social-links #main-footer--lower-section--social-links ul.social-links {
                        justify-content: flex-end
                    }

                #main-footer #main-footer--lower-section.with-social-links #main-footer--lower-section--small-print {
                    order: 1
                }

                    #main-footer #main-footer--lower-section.with-social-links #main-footer--lower-section--small-print p {
                        text-align: start
                    }
}

.global-page #main-footer #main-footer--mid-section {
    border-top: 0;
    padding-top: 0
}

.social-links {
    display: flex;
    gap: 15px;
    padding: 0;
    list-style: none;
}

    .social-links li {
        display: inline-block;
    }

    .social-links a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px; /* Adjust size as needed */
        height: 40px;
        border-radius: 50%;
        background-color: #ddd; /* Default background */
        transition: background 0.3s ease, transform 0.2s ease;
    }

        .social-links a:hover {
            transform: scale(1.1);
        }

    .social-links svg {
        width: 20px;
        height: 20px;
        fill: white; /* Default icon color */
    }

    /* Individual platform colors */
    .social-links a[href*="facebook"] {
        background-color: #1877F2;
    }

    .social-links a[href*="tiktok"] {
        background-color: #000;
    }

    .social-links a[href*="youtube"] {
        background-color: #FF0000;
    }

.visually-hidden {
    display: none;
}

#main-footer--top-section--links > div > h2 > button {
    border: 0px;
    background: none;
    color: #3e6fc4 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    text-decoration: none;
    font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol !important;
    line-height: 1.3;
}

@media (min-width: 991px) {
    .main-footer--top-section--links--group .collapse {
        display: block !important; /* Override Bootstrap’s collapse behavior */
        height: auto !important; /* Ensure it does not animate */
        visibility: visible !important;
    }
}

@media (max-width: 991px) {
    #main-footer--top-section--links > div > h2 > button {
        color: #2d2d2c !important;
        text-decoration: none;
        font-size: 18px !important;
    }

        #main-footer--top-section--links > div > h2 > button:hover {
            text-decoration: underline;
        }
}

.list-unstyled {
    list-style: none !important;
}

    .list-unstyled a {
        color: #2d2d2c !important;
        text-decoration: none;
        font-size: 18px;
        line-height: 1.3;
    }

        .list-unstyled a:hover {
            text-decoration: underline;
        }

#main-footer--top-section--social-links > ul > li > a {
    color: white !important;
}

#main-footer--top-section--links > div > h2 {
    /* border: 0px; */
    /* background: none; */
    color: #3e6fc4 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    text-decoration: none;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
    line-height: 1.3;
}

.smaller-text {
    font-size: .875rem;
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
}

.expand-for-desktop:hover {
    background: transparent !important;
}

.expand-for-desktop {
    margin-left: 0px;
}

#main-footer--top-section--logo {
    margin-left: 35px !important;
}

/* FOOTER END */

/*Menusteps*/

.divMenuSteps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
}

    .divMenuSteps div:first-child {
        margin-bottom: -1px;
    }

    .divMenuSteps div:not(:first-child):not(:last-child) {
        margin-top: -1px;
        margin-bottom: -1px;
    }

    .divMenuSteps div:last-child {
        margin-top: -1px;
    }

#ctl00_cphMainPage_lblNamedTickets {
    text-align: center;
}

@media (min-width: 576px) {
    .divMenuSteps {
        flex-direction: row;
        flex-wrap: wrap;
        width: 550px;
    }

        .divMenuSteps div {
            flex: 50%;
        }

            .divMenuSteps div:not(:last-child):nth-child(2n+1) {
                margin-top: 0px !important;
                margin-right: -1px !important;
                margin-bottom: 0px !important;
                margin-left: 0px !important;
            }

            .divMenuSteps div:nth-child(2n) {
                margin-top: 0px !important;
                margin-right: 0px !important;
                margin-bottom: 0px !important;
                margin-left: -1px !important;
            }

            .divMenuSteps div:first-child, .divMenuSteps div:nth-child(2) {
                margin-bottom: -1px !important;
            }

            .divMenuSteps div:nth-child(3), .divMenuSteps div:nth-child(4) {
                margin-top: -1px !important;
            }
}

@media (min-width: 900px) {

    .divMenuSteps {
        flex-wrap: nowrap;
        flex-direction: row;
        width: auto;
    }

        .divMenuSteps div {
            flex: initial !important;
        }

            .divMenuSteps div:first-child {
                margin-top: 0px !important;
                margin-bottom: 0px !important;
                margin-left: 0px !important;
                margin-right: -1px !important;
            }

            .divMenuSteps div:not(:first-child):not(:last-child) {
                margin-top: 0px !important;
                margin-bottom: 0px !important;
                margin-left: -1px !important;
                margin-right: -1px !important;
            }

            .divMenuSteps div:last-child {
                margin-top: 0px !important;
                margin-bottom: 0px !important;
                margin-left: -1px !important;
                margin-right: 0px !important;
            }
}

.ActiveButton, .ActiveButton a {
    background: #e52325;
}

.divMenuSteps a, .divMenuSteps, .divMenuSteps div {
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
    font-weight: 500;
}

    .divMenuSteps div {
        margin-left: 2px !important;
        margin-right: 2px !important;
        border-color: #e52325;
        width: 150px;
        padding: 7px 15px;
        font-weight: 500;
        border-radius: 0.45rem;
    }

    .divMenuSteps a {
        font-weight: 500 !important;
    }

/*menusteps end*/

/* portal widget */
#ctl00_divMenuSteps > div.portal-login-widget > div > button.btn.btn-outline-dark.btnRegister,
#ctl00_divMenuSteps > div.portal-login-widget > div > button.btn.btn-outline-dark.btnLogin {
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !important;
    font-weight: 500;
    text-transform: capitalize;
}

#ctl00_divMenuSteps > div.portal-login-widget > div > button.btn.btn-light > span {
    background-color: #e52325 !important;
}

/* portal widget end */

/* hide How would you like to pay? for Membership */
#ctl00_cphMainPage_crdMembershipDetails {
    display: none;
}