/* page-container fixes for wl */

        .page-container {
            width: 100%;
            padding-right: 16px;
            padding-left: 16px;
            margin-right: auto;
            margin-left: auto;
        }

        .page-container-fluid {
            width: 100%;
            padding-right: 0;
            padding-left: 0;
            margin-right: auto;
            margin-left: auto;
            overflow: hidden;
        }

        @media (min-width: 576px) {
            .page-container {
                max-width: 540px;
            }
        }

        @media (min-width: 768px) {
            .page-container {
                max-width: 720px;
            }
        }

        @media (min-width: 992px) {
            .page-container {
                max-width: 960px;
            }
        }

        @media (min-width: 1200px) {
            .page-container {
                max-width: 1140px;
            }
        }

        .page-container-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center !important;
        }

        .page-container-col {
            flex: 0 0 auto;
            width: 100%;
        }

        @media (min-width: 768px) {
            .page-container-col {
                flex: 1 0 0%;
            }
        }




        .page-img-list {
            width: 100%;
            border-radius: 8px;
            margin-bottom: 16px;
        }

        .page-hero h1 {
            margin: 16px 0 16px 0;  
        }

        .page-section, .page-hero {
            padding: 48px 0;
        }

        .page-navigation {
            padding: 24px 0;
        }

        .page-navigation-list a {
            font-size: 18px;
            font-weight: bold;
            text-transform: uppercase;
            margin-right: 16px;
            border-bottom: solid 1px;
        }


        .page-section .page-container-row {
            margin-bottom: 24px;
        }

        .page-section .page-container-row:last-child, .page-section .page-hero-desc:last-child, .page-section .page-section-desc:last-child {
            margin-bottom: 0px;
        }

        .page-container .page-media {
            width: 100%;
            border-radius: 8px;
        }

        .page-container-fluid .page-container-col {
            padding: 0;
        }

        .page-container-fluid .page-media {
            width: 100%;
            border-radius: 0;
        }

        
        .page-section-desc {
            margin: 0 0 16px 0;
        }

        /* event listings / also subcats */

        .page-bulleted-list, .page-image-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            align-content: flex-start;
            gap: 24px;
            padding-left: 1rem;
        }

        .page-image-list {
            padding-left: 0em;
            list-style: none;
        }

        .page-list-image {
            width: 100%;
            border-radius: 8px;
            margin-bottom: 16px;
        }

        .page-list-item {
            flex-grow: 1;
            flex-basis: calc(33.333% - 24px);
        }

        .page-list-item:nth-last-child(2):first-child,
        .page-list-item:nth-last-child(2):first-child ~ .page-list-item {
            flex-basis: calc(50% - 24px);
        }

        .page-list-item:nth-last-child(4):first-child,
        .page-list-item:nth-last-child(4):first-child ~ .page-list-item {
            flex-basis: calc(50% - 24px);
        }

        @media (max-width: 768px) { 
            .page-list-item {
                flex-grow: 1;
                flex-basis: calc(100% - 24px);
            }

            .page-list-item:nth-last-child(2):first-child,
            .page-list-item:nth-last-child(2):first-child ~ .page-list-item {
               flex-basis: calc(100% - 24px);
            }

            .page-list-item:nth-last-child(4):first-child,
            .page-list-item:nth-last-child(4):first-child ~ .page-list-item {
                flex-basis: calc(100% - 24px);
            }

        }

        .page-section h3 {
            margin: 0 0 4px 0;
        }

        /* FAQs */
        .page-faq {
            max-width: 100%;
        }
        
        details {
            border-bottom: solid 1px #000;
            padding: 24px 0;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .page-faq details:last-child {
            border-bottom: none
        }


        summary {                     
            outline: none;
        }

        summary::marker {
            font-size: 24px;
        }

        summary h3 {                     
            display: inline-block;
            margin:0;
            padding-left: 4px;
        }

        .page-faq p {
            margin-top: 16px;
            padding-left: 20px;
        }

       .page-section-border {
            border-bottom: solid 1px;
            border-color: #000;
        }

        @media (max-width: 768px) { 
            summary h3 {                     
                padding-left: 0;
            }

            .page-faq p {
                padding-left: 0;
            }

            summary::marker {
                font-size: 0;
            }
        }

        /* Slick */

        .page-container .slider-page-container {
            margin-left: -16px;
            margin-right: -16px;
        }

        .page-container .slick-slide {
            margin-right: 16px;
            margin-left: 16px;
        }

        .page-container .slick-slide a {
            width: 100%;
        }

        .page-container .slick-prev, .page-container .slick-next {
            position: absolute;
            display: flex;
            color: #fff;
            z-index: 999;
            background-color: #000;
        }


        .page-container .slick-prev {
            top: 8px;
            right: 52px;
            border-radius: 8px 0 0 8px;
            padding: 8px 0 8px 8px;
        }

        .page-container .slick-next {
            top: 8px;
            right: 24px;
            border-radius: 0 8px 8px 0;
            padding: 8px 4px 8px 0;
        }

        .page-container .slick-prev span, .page-container .slick-next span {
            color: #fff;
        }

        .page-container .slick-image {
            aspect-ratio: 41 / 25;
            background-size: 100%;
            background-position: center center;
            border-radius: 8px;
        }

        .page-container .slick-slide h3 {
            margin: 16px 0 4px 0;
        }

        /* section themes 

        orange FA4C20 / 370B00
        pink FF559D / 670022
        purple EA89FF / 370065
        blue 47C9FF / 0E1F62
        turg 1EE5DA / 00423E
        green 4BFA96 / 004E38
        yellow FFEF5D / 5C4B14
        red FF5D70 / 3B0000

        */

        .bg-white, .bg-white .slick-prev {
            background-color: #FFFFFF!important;
        }
        .bg-white .slick-prev span, .bg-white .slick-next span, .bg-white .g-button, .bg-white .g-button:hover {
            color: #FFFFFF!important; 
        }
        .bg-white .slick-next, .bg-white .slick-prev, .bg-white .g-button, .bg-white .g-button:hover {
            background-color: #000000!important; 
        }
        .bg-white h1,.bg-white h2,.bg-white h3,.bg-white ul,.bg-white li,.bg-white p,.bg-white a,.bg-white a:hover,.bg-white span, .bg-white summary::marker {
            color: #000000!important;
        }
        .bg-white .g-button, .bg-white .g-button:hover, .bg-white.page-section-border, .bg-white details {
            border-color: #000000!important; 
        }

        .bg-black, .bg-black .slick-prev {
            background-color: #000000!important;
        }
        .bg-black .slick-prev span, .bg-black .slick-next span, .bg-black .g-button, .bg-black .g-button:hover {
            color: #000000!important; 
        }
        .bg-black .slick-next, .bg-black .slick-prev, .bg-black .g-button, .bg-black .g-button:hover {
            background-color: #FFFFFF!important; 
        }
        .bg-black h1,.bg-black h2,.bg-black h3,.bg-black ul,.bg-black li,.bg-black p,.bg-black a,.bg-black a:hover,.bg-black span, .bg-black summary::marker {
            color: #FFFFFF!important;
        }
        .bg-black .g-button, .bg-black .g-button:hover, .bg-black.page-section-border, .bg-black details {
            border-color: #FFFFFF!important; 
        }

        .bg-blue, .bg-blue .slick-prev {
            background-color: #47C9FF!important;
        }
        .bg-blue .slick-prev span, .bg-blue .slick-next span, .bg-blue .g-button, .bg-blue .g-button:hover {
            color: #47C9FF!important; 
        }
        .bg-blue .slick-next, .bg-blue .slick-prev, .bg-blue .g-button, .bg-blue .g-button:hover {
            background-color: #0E1F62!important; 
        }
        .bg-blue h1,.bg-blue h2,.bg-blue h3,.bg-blue ul,.bg-blue li,.bg-blue p,.bg-blue a,.bg-blue a:hover,.bg-blue span, .bg-blue summary::marker {
            color: #0E1F62!important;
        }
        .bg-blue .g-button, .bg-blue .g-button:hover, .bg-blue.page-section-border, .bg-blue  details {
            border-color: #0E1F62!important; 
        }

        .bg-orange, .bg-orange .slick-prev {
            background-color: #FA4C20!important;
        }
        .bg-orange .slick-prev span, .bg-orange .slick-next span, .bg-orange .g-button, .bg-orange .g-button:hover {
            color: #FA4C20!important; 
        }
        .bg-orange .slick-next, .bg-orange .slick-prev, .bg-orange .g-button, .bg-orange .g-button:hover {
            background-color: #370B00!important; 
        }
        .bg-orange h1,.bg-orange h2,.bg-orange h3,.bg-orange ul,.bg-orange li,.bg-orange p,.bg-orange a,.bg-orange a:hover,.bg-orange span, .bg-orange summary::marker {
            color: #370B00!important;
        }
        .bg-orange .g-button, .bg-orange .g-button:hover, .bg-orange.page-section-border, .bg-orange details {
            border-color: #370B00!important; 
        }

        .bg-pink, .bg-pink .slick-prev {
            background-color: #FF559D!important;
        }
        .bg-pink .slick-prev span, .bg-pink .slick-next span, .bg-pink .g-button, .bg-pink .g-button:hover {
            color: #FF559D!important; 
        }
        .bg-pink .slick-next, .bg-pink .slick-prev, .bg-pink .g-button, .bg-pink .g-button:hover {
            background-color: #670022!important; 
        }
        .bg-pink h1,.bg-pink h2,.bg-pink h3,.bg-pink ul,.bg-pink li,.bg-pink p,.bg-pink a,.bg-pink a:hover,.bg-pink span, .bg-pink summary::marker{
            color: #670022!important;
        }
        .bg-pink .g-button, .bg-pink .g-button:hover, .bg-pink.page-section-border, .bg-pink details {
            border-color: #670022!important; 
        }

        .bg-purple, .bg-purple .slick-prev {
            background-color: #EA89FF!important;
        }
        .bg-purple .slick-prev span, .bg-purple .slick-next span, .bg-purple .g-button, .bg-purple .g-button:hover {
            color: #EA89FF!important; 
        }
        .bg-purple .slick-next, .bg-purple .slick-prev, .bg-purple .g-button, .bg-purple .g-button:hover {
            background-color: #370065!important; 
        }
        .bg-purple h1,.bg-purple h2,.bg-purple h3,.bg-purple ul,.bg-purple li,.bg-purple p,.bg-purple a,.bg-purple a:hover,.bg-purple span, .bg-purple summary::marker{
            color: #370065!important;
        }
        .bg-purple .g-button, .bg-purple .g-button:hover, .bg-purple.page-section-border, .bg-purple details {
            border-color: #370065!important; 
        }

        .bg-turg, .bg-turg .slick-prev {
            background-color: #1EE5DA!important;
        }
        .bg-turg .slick-prev span, .bg-turg .slick-next span, .bg-turg .g-button, .bg-turg .g-button:hover {
            color: #1EE5DA!important; 
        }
        .bg-turg .slick-next, .bg-turg .slick-prev, .bg-turg .g-button, .bg-turg .g-button:hover {
            background-color: #00423E!important; 
        }
        .bg-turg h1,.bg-turg h2,.bg-turg h3,.bg-turg ul,.bg-turg li,.bg-turg p,.bg-turg a,.bg-turg a:hover,.bg-turg span, .bg-turg summary::marker{
            color: #00423E!important;
        }
        .bg-turg .g-button, .bg-turg .g-button:hover, .bg-turg.page-section-border, .bg-turg details {
            border-color: #00423E!important; 
        }

        .bg-green, .bg-green .slick-prev {
            background-color: #4BFA96!important;
        }
        .bg-green .slick-prev span, .bg-green .slick-next span, .bg-green .g-button, .bg-green .g-button:hover {
            color: #4BFA96!important; 
        }
        .bg-green .slick-next, .bg-green .slick-prev, .bg-green .g-button, .bg-green .g-button:hover {
            background-color: #004E38!important; 
        }
        .bg-green h1,.bg-green h2,.bg-green h3,.bg-green ul,.bg-green li,.bg-green p,.bg-green a,.bg-green a:hover,.bg-green span, .bg-green summary::marker{
            color: #004E38!important;
        }
        .bg-green .g-button, .bg-green .g-button:hover, .bg-green.page-section-border, .bg-green details {
            border-color: #004E38!important; 
        }

        .bg-yellow, .bg-yellow .slick-prev {
            background-color: #FFEF5D!important;
        }
        .bg-yellow .slick-prev span, .bg-yellow .slick-next span, .bg-yellow .g-button, .bg-yellow .g-button:hover {
            color: #FFEF5D!important; 
        }
        .bg-yellow .slick-next, .bg-yellow .slick-prev, .bg-yellow .g-button, .bg-yellow .g-button:hover {
            background-color: #5C4B14!important; 
        }
        .bg-yellow h1,.bg-yellow h2,.bg-yellow h3,.bg-yellow ul,.bg-yellow li,.bg-yellow p,.bg-yellow a,.bg-yellow a:hover,.bg-yellow span, .bg-yellow summary::marker{
            color: #5C4B14!important;
        }
        .bg-yellow .g-button, .bg-yellow .g-button:hover, .bg-yellow.page-section-border, .bg-yellow details {
            border-color: #5C4B14!important; 
        }

        .bg-red, .bg-red .slick-prev {
            background-color: #FF5D70!important;
        }
        .bg-red .slick-prev span, .bg-red .slick-next span, .bg-red .g-button, .bg-red .g-button:hover {
            color: #FF5D70!important; 
        }
        .bg-red .slick-next, .bg-red .slick-prev, .bg-red .g-button, .bg-red .g-button:hover {
            background-color: #3B0000!important; 
        }
        .bg-red h1,.bg-red h2,.bg-red h3,.bg-red ul,.bg-red li,.bg-red p,.bg-red a,.bg-red a:hover,.bg-red span, .bg-red summary::marker{
            color: #3B0000!important;
        }
        .bg-red .g-button, .bg-red .g-button:hover, .bg-red.page-section-border, .bg-red details {
            border-color: #3B0000!important; 
        }

        .bg-darkblue, .bg-darkblue .slick-prev {
            background-color: #0E1F62!important;
        }
        .bg-darkblue .slick-prev span, .bg-darkblue .slick-next span, .bg-darkblue .g-button, .bg-darkblue .g-button:hover {
            color: #0E1F62!important; 
        }
        .bg-darkblue .slick-next, .bg-darkblue .slick-prev, .bg-darkblue .g-button, .bg-darkblue .g-button:hover {
            background-color: #47C9FF!important; 
        }
        .bg-darkblue h1,.bg-darkblue h2,.bg-darkblue h3,.bg-darkblue ul,.bg-darkblue li,.bg-darkblue p,.bg-darkblue a,.bg-darkblue a:hover,.bg-darkblue span, .bg-darkblue summary::marker {
            color: #47C9FF!important;
        }
        .bg-darkblue .g-button, .bg-darkblue .g-button:hover, .bg-darkblue.page-section-border, .bg-darkblue  details {
            border-color: #47C9FF!important; 
        }

        .bg-darkorange, .bg-darkorange .slick-prev {
            background-color: #370B00!important;
        }
        .bg-darkorange .slick-prev span, .bg-darkorange .slick-next span, .bg-darkorange .g-button, .bg-darkorange .g-button:hover {
            color: #370B00!important; 
        }
        .bg-darkorange .slick-next, .bg-darkorange .slick-prev, .bg-darkorange .g-button, .bg-darkorange .g-button:hover {
            background-color: #FA4C20!important; 
        }
        .bg-darkorange h1,.bg-darkorange h2,.bg-darkorange h3,.bg-darkorange ul,.bg-darkorange li,.bg-darkorange p,.bg-darkorange a,.bg-darkorange a:hover,.bg-darkorange span, .bg-darkorange summary::marker {
            color: #FA4C20!important;
        }
        .bg-darkorange .g-button, .bg-darkorange .g-button:hover, .bg-darkorange.page-section-border, .bg-darkorange details {
            border-color: #FA4C20!important; 
        }

        .bg-darkpink, .bg-darkpink .slick-prev {
            background-color: #670022!important;
        }
        .bg-darkpink .slick-prev span, .bg-darkpink .slick-next span, .bg-darkpink .g-button, .bg-darkpink .g-button:hover {
            color: #670022!important; 
        }
        .bg-darkpink .slick-next, .bg-darkpink .slick-prev, .bg-darkpink .g-button, .bg-darkpink .g-button:hover {
            background-color: #FF559D!important; 
        }
        .bg-darkpink h1,.bg-darkpink h2,.bg-darkpink h3,.bg-darkpink ul,.bg-darkpink li,.bg-darkpink p,.bg-darkpink a,.bg-darkpink a:hover,.bg-darkpink span, .bg-darkpink summary::marker{
            color: #FF559D!important;
        }
        .bg-darkpink .g-button, .bg-darkpink .g-button:hover, .bg-darkpink.page-section-border, .bg-darkpink details {
            border-color: #FF559D!important; 
        }

        .bg-darkpurple, .bg-darkpurple .slick-prev {
            background-color: #370065!important;
        }
        .bg-darkpurple .slick-prev span, .bg-darkpurple .slick-next span, .bg-darkpurple .g-button, .bg-darkpurple .g-button:hover {
            color: #370065!important; 
        }
        .bg-darkpurple .slick-next, .bg-darkpurple .slick-prev, .bg-darkpurple .g-button, .bg-darkpurple .g-button:hover {
            background-color: #EA89FF!important; 
        }
        .bg-darkpurple h1,.bg-darkpurple h2,.bg-darkpurple h3,.bg-darkpurple ul,.bg-darkpurple li,.bg-darkpurple p,.bg-darkpurple a,.bg-darkpurple a:hover,.bg-darkpurple span, .bg-darkpurple summary::marker{
            color: #EA89FF!important;
        }
        .bg-darkpurple .g-button, .bg-darkpurple .g-button:hover, .bg-darkpurple.page-section-border, .bg-darkpurple details {
            border-color: #EA89FF!important; 
        }

        .bg-darkturg, .bg-darkturg .slick-prev {
            background-color: #00423E!important;
        }
        .bg-darkturg .slick-prev span, .bg-darkturg .slick-next span, .bg-darkturg .g-button, .bg-darkturg .g-button:hover {
            color: #00423E!important; 
        }
        .bg-darkturg .slick-next, .bg-darkturg .slick-prev, .bg-darkturg .g-button, .bg-darkturg .g-button:hover {
            background-color: #1EE5DA!important; 
        }
        .bg-darkturg h1,.bg-darkturg h2,.bg-darkturg h3,.bg-darkturg ul,.bg-darkturg li,.bg-darkturg p,.bg-darkturg a,.bg-darkturg a:hover,.bg-darkturg span, .bg-darkturg summary::marker{
            color: #1EE5DA!important;
        }
        .bg-darkturg .g-button, .bg-darkturg .g-button:hover, .bg-darkturg.page-section-border, .bg-darkturg details {
            border-color: #1EE5DA!important;
        }

        .bg-darkgreen, .bg-darkgreen .slick-prev {
            background-color: #004E38!important;
        }
        .bg-darkgreen .slick-prev span, .bg-darkgreen .slick-next span, .bg-darkgreen .g-button, .bg-darkgreen .g-button:hover {
            color: #004E38!important;
        }
        .bg-darkgreen .slick-next, .bg-darkgreen .slick-prev, .bg-darkgreen .g-button, .bg-darkgreen .g-button:hover {
            background-color: #4BFA96!important; 
        }
        .bg-darkgreen h1,.bg-darkgreen h2,.bg-darkgreen h3,.bg-darkgreen ul,.bg-darkgreen li,.bg-darkgreen p,.bg-darkgreen a,.bg-darkgreen a:hover,.bg-darkgreen span, .bg-darkgreen summary::marker{
            color: #4BFA96!important;
        }
        .bg-darkgreen .g-button, .bg-darkgreen .g-button:hover, .bg-darkgreen.page-section-border, .bg-darkgreen details {
            border-color: #4BFA96!important; 
        }

        .bg-darkyellow, .bg-darkyellow .slick-prev {
            background-color: #5C4B14!important;
        }
        .bg-darkyellow .slick-prev span, .bg-darkyellow .slick-next span, .bg-darkyellow .g-button, .bg-darkyellow .g-button:hover {
            color: #5C4B14!important; 
        }
        .bg-darkyellow .slick-next, .bg-darkyellow .slick-prev, .bg-darkyellow .g-button, .bg-darkyellow .g-button:hover {
            background-color: #FFEF5D!important; 
        }
        .bg-darkyellow h1,.bg-darkyellow h2,.bg-darkyellow h3,.bg-darkyellow ul,.bg-darkyellow li,.bg-darkyellow p,.bg-darkyellow a,.bg-darkyellow a:hover,.bg-darkyellow span, .bg-darkyellow summary::marker{
            color: #FFEF5D!important;
        }
        .bg-darkyellow .g-button, .bg-darkyellow .g-button:hover, .bg-darkyellow.page-section-border, .bg-darkyellow details {
            border-color: #FFEF5D!important; 
        }

        .bg-darkred, .bg-darkred .slick-prev {
            background-color: #3B0000!important;
        }
        .bg-darkred .slick-prev span, .bg-darkred .slick-next span, .bg-darkred .g-button, .bg-darkred .g-button:hover {
            color: #3B0000!important; 
        }
        .bg-darkred .slick-next, .bg-darkred .slick-prev, .bg-darkred .g-button, .bg-darkred .g-button:hover {
            background-color: #FF5D70!important; 
        }
        .bg-darkred h1,.bg-darkred h2,.bg-darkred h3,.bg-darkred ul,.bg-darkred li,.bg-darkred p,.bg-darkred a,.bg-darkred a:hover,.bg-darkred span, .bg-darkred summary::marker{
            color: #FF5D70!important;
        }
        .bg-darkred .g-button, .bg-darkred .g-button:hover, .bg-darkred.page-section-border, .bg-darkred details {
            border-color: #FF5D70!important; 
        }