{"id":8,"date":"2026-04-12T22:06:18","date_gmt":"2026-04-12T22:06:18","guid":{"rendered":"https:\/\/markandgretch.com\/?page_id=8"},"modified":"2026-04-12T22:06:18","modified_gmt":"2026-04-12T22:06:18","slug":"home","status":"publish","type":"page","link":"https:\/\/markandgretch.com\/","title":{"rendered":"Home"},"content":{"rendered":"<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rock+Salt&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* CSS Variables for color scheme *\/\n:root {\n    --mg-maroon: #6b2d3c;\n    --mg-brown: #8b5a3c;\n    --mg-amber: #c4956a;\n    --mg-amber-light: #ecbd92;\n    --mg-cream: #f5ede4;\n    --mg-cream-dark: #ebe1d6;\n    --mg-walnut: #2c2420;\n}\n\n\n\/* Smooth scrolling and prevent overscroll issues *\/\nhtml { scroll-behavior: smooth; }\n@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }\n\n\/* Hide Blank Canvas theme elements *\/\n.wp-site-blocks > header, .wp-site-blocks > footer, .site-header, .site-footer,\n.site-branding, .wp-block-site-title, .wp-block-site-tagline, .powered-by-wordpress,\nfooter.wp-block-template-part, header.wp-block-template-part,\n.has-global-padding > header, .has-global-padding > footer { display: none !important; }\n\nbody, .wp-site-blocks, .entry-content, .wp-block-post-content {\n    padding-top: 0 !important; margin-top: 0 !important;\n}\n\n.entry-content > .mg-site, .wp-block-post-content > .mg-site { \n    max-width: none !important; width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n}\n\n.mg-site {\n    font-family: 'Lato', sans-serif;\n    background: var(--mg-cream);\n    color: var(--mg-walnut);\n    line-height: 1.7;\n    overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550 TOP NAVIGATION \u2550\u2550\u2550 *\/\n.mg-nav {\n    position: sticky;\n    top: 0;\n    z-index: 9998;\n    background: rgba(44,36,32,0.98);\n    backdrop-filter: blur(12px);\n    padding: 0 20px;\n    border-bottom: 1px solid rgba(196,149,106,0.2);\n}\n.mg-nav-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 60px;\n}\n.mg-nav-logo {\n    font-family: 'Rock Salt', cursive;\n    font-size: 1.1rem;\n    color: var(--mg-amber);\n    text-decoration: none;\n}\n.mg-nav-logo:hover { color: var(--mg-amber-light); }\n.mg-nav-links { display: flex; gap: 8px; }\n.mg-nav-link {\n    color: var(--mg-cream);\n    text-decoration: none;\n    font-size: 0.85rem;\n    font-weight: 600;\n    padding: 8px 16px;\n    border-radius: 20px;\n    transition: all 0.2s ease;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n.mg-nav-link:hover { background: rgba(196,149,106,0.2); color: var(--mg-amber); }\n.mg-nav-link.active { background: linear-gradient(135deg, var(--mg-maroon), var(--mg-brown)); color: var(--mg-cream); }\n\n@media (max-width: 768px) {\n    .mg-nav-inner { height: 46px; padding: 0 10px; justify-content: center; }\n    .mg-nav-logo { display: none; }\n    .mg-nav-links { \n        gap: 0; \n        width: 100%; \n        justify-content: space-around;\n    }\n    .mg-nav-link { \n        padding: 8px 6px; \n        font-size: 0.7rem; \n        white-space: nowrap; \n        flex: 1;\n        text-align: center;\n        border-radius: 6px;\n    }\n}\n@media (max-width: 400px) {\n    .mg-nav-link { font-size: 0.65rem; padding: 8px 4px; letter-spacing: 0; }\n}\n\n\/* Section backgrounds *\/\n.mg-section-wrap {\n    position: relative;\n    background-size: cover !important;\n    background-position: center center;\n    background-repeat: no-repeat !important;\n}\n.mg-section-wrap.mg-bg-top { background-position: center top !important; }\n.mg-section-wrap.mg-bg-center { background-position: center center !important; }\n.mg-section-wrap.mg-bg-bottom { background-position: center bottom !important; }\n.mg-section-wrap[style*=\"background-image\"] { min-height: 500px; }\n\n.mg-section-wrap::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 0;\n}\n.mg-section-wrap.mg-overlay-dark::before { background: linear-gradient(180deg, rgba(44,36,32,0.92), rgba(107,45,60,0.88)); }\n.mg-section-wrap.mg-overlay-light::before { background: rgba(245,237,228,0.92); }\n.mg-section-wrap.mg-overlay-cream::before { background: rgba(235,225,214,0.90); }\n\n\/* Text contrast *\/\n.mg-section-wrap.mg-overlay-dark { color: var(--mg-cream); }\n.mg-section-wrap.mg-overlay-dark .mg-section-title { color: var(--mg-amber); text-shadow: 0 2px 30px rgba(0,0,0,0.3); }\n.mg-section-wrap.mg-overlay-dark p, .mg-section-wrap.mg-overlay-dark .mg-bio-content { color: var(--mg-cream); }\n.mg-section-wrap.mg-overlay-dark a { color: var(--mg-amber); }\n\n.mg-section-wrap.mg-overlay-light, .mg-section-wrap.mg-overlay-cream { color: var(--mg-walnut); }\n.mg-section-wrap.mg-overlay-light .mg-section-title, .mg-section-wrap.mg-overlay-cream .mg-section-title { color: var(--mg-maroon); }\n.mg-section-wrap.mg-overlay-light p, .mg-section-wrap.mg-overlay-cream p { color: var(--mg-walnut); }\n.mg-section-wrap.mg-overlay-light a, .mg-section-wrap.mg-overlay-cream a { color: var(--mg-maroon); }\n\n.mg-section {\n    position: relative;\n    z-index: 1;\n    padding: 100px 20px;\n    max-width: 1100px;\n    margin: 0 auto;\n}\n.mg-section-title {\n    font-family: 'Rock Salt', cursive;\n    font-size: 2.2rem;\n    color: var(--mg-maroon);\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n\/* Hero *\/\n.mg-hero-wrap {\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(180deg, var(--mg-walnut) 0%, var(--mg-maroon) 50%, var(--mg-brown) 100%);\n}\n.mg-hero-wrap.has-bg { background-size: cover; }\n.mg-hero-wrap::before { background: linear-gradient(180deg, rgba(44,36,32,0.85), rgba(107,45,60,0.80), rgba(139,90,60,0.85)); }\n.mg-hero {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n    padding: 60px 20px;\n    max-width: 900px;\n}\n\n\/* ROUNDED RECTANGLE HERO IMAGE (not circular) *\/\n.mg-hero-image {\n    width: 380px;\n    max-width: 90%;\n    height: auto;\n    border-radius: 24px;\n    object-fit: cover;\n    border: 6px solid rgba(196,149,106,0.8);\n    margin-bottom: 40px;\n    box-shadow: 0 25px 80px rgba(0,0,0,0.4), 0 0 60px rgba(196,149,106,0.3);\n    animation: heroGlow 3s ease-in-out infinite alternate;\n}\n@keyframes heroGlow {\n    from { box-shadow: 0 25px 80px rgba(0,0,0,0.4), 0 0 60px rgba(196,149,106,0.3); }\n    to { box-shadow: 0 25px 80px rgba(0,0,0,0.4), 0 0 80px rgba(196,149,106,0.5); }\n}\n.mg-hero-title {\n    font-family: 'Rock Salt', cursive;\n    font-size: clamp(2.5rem, 8vw, 4.5rem);\n    color: var(--mg-cream);\n    margin: 0 0 20px 0;\n    text-shadow: 0 4px 30px rgba(0,0,0,0.4);\n}\n.mg-hero-tagline {\n    font-size: 1.4rem;\n    color: var(--mg-amber);\n    letter-spacing: 6px;\n    text-transform: uppercase;\n    margin: 0 0 24px 0;\n    text-shadow: 0 2px 20px rgba(0,0,0,0.3);\n}\n.mg-hero-tagline-2 {\n    font-size: 1.15rem;\n    color: var(--mg-cream);\n    line-height: 1.8;\n    margin: 0 auto;\n    max-width: 700px;\n    opacity: 0.9;\n}\n\n\/* Shows *\/\n.mg-shows-wrap { background: var(--mg-cream-dark); }\n\n\/* \u2550\u2550\u2550 FILTER BAR \u2550\u2550\u2550 *\/\n.mg-filter-bar {\n    max-width: 900px;\n    margin: 0 auto 40px auto;\n    padding: 24px 28px;\n    background: #fff;\n    border-radius: 20px;\n    box-shadow: 0 8px 30px rgba(44,36,32,0.08);\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    align-items: flex-end;\n}\n.mg-filter-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n    min-width: 160px;\n}\n.mg-filter-label {\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: var(--mg-maroon);\n}\n.mg-filter-select {\n    padding: 12px 16px;\n    border: 2px solid var(--mg-cream-dark);\n    border-radius: 12px;\n    font-family: 'Lato', sans-serif;\n    font-size: 0.95rem;\n    color: var(--mg-walnut);\n    background: #fff;\n    cursor: pointer;\n    transition: all 0.25s ease;\n    appearance: none;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B2D3C' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 14px center;\n    padding-right: 40px;\n}\n.mg-filter-select:hover { border-color: var(--mg-amber); }\n.mg-filter-select:focus { outline: none; border-color: var(--mg-maroon); box-shadow: 0 0 0 3px rgba(107,45,60,0.15); }\n\n\/* Pill buttons for type filter *\/\n.mg-filter-pills {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n.mg-filter-pill {\n    padding: 10px 20px;\n    border: 2px solid var(--mg-cream-dark);\n    border-radius: 25px;\n    font-family: 'Lato', sans-serif;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #5C4033;\n    background: #fff;\n    cursor: pointer;\n    transition: all 0.25s ease;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n.mg-filter-pill:hover { border-color: var(--mg-amber); color: var(--mg-maroon); }\n.mg-filter-pill.active {\n    background: linear-gradient(135deg, var(--mg-maroon), var(--mg-brown));\n    border-color: transparent;\n    color: var(--mg-cream);\n}\n\n\/* Clear filters button *\/\n.mg-filter-clear {\n    padding: 10px 20px;\n    border: none;\n    border-radius: 25px;\n    font-family: 'Lato', sans-serif;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mg-brown);\n    background: transparent;\n    cursor: pointer;\n    transition: all 0.25s ease;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n}\n.mg-filter-clear:hover { color: var(--mg-maroon); }\n.mg-filter-clear.hidden { display: none; }\n\n\/* Results count *\/\n.mg-filter-results {\n    width: 100%;\n    text-align: center;\n    font-size: 0.9rem;\n    color: var(--mg-brown);\n    padding-top: 16px;\n    border-top: 1px solid var(--mg-cream-dark);\n    margin-top: 4px;\n    transition: opacity 0.3s ease;\n}\n.mg-filter-results span { font-weight: 700; color: var(--mg-maroon); }\n\n@media (max-width: 700px) {\n    .mg-filter-bar { padding: 20px; gap: 16px; }\n    .mg-filter-group { min-width: 100%; }\n    .mg-filter-pills { width: 100%; }\n    .mg-filter-pill { flex: 1; text-align: center; padding: 12px 16px; }\n}\n\n\/* \u2550\u2550\u2550 EVENT LIST TRANSITIONS \u2550\u2550\u2550 *\/\n.mg-events-list { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }\n\n.mg-event {\n    display: flex; align-items: center; gap: 30px;\n    padding: 30px 35px; background: #fff; border-radius: 20px;\n    box-shadow: 0 10px 40px rgba(44,36,32,0.08);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    max-height: 300px;\n    overflow: hidden;\n}\n.mg-event.mg-filtered-out {\n    opacity: 0;\n    transform: translateY(-10px) scale(0.95);\n    max-height: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    margin-bottom: -20px;\n    pointer-events: none;\n}\n.mg-event:hover:not(.mg-filtered-out) { transform: translateY(-3px) scale(1.01); box-shadow: 0 20px 50px rgba(107,45,60,0.12); }\n\n\/* No results message *\/\n.mg-no-results {\n    text-align: center;\n    padding: 60px;\n    color: var(--mg-brown);\n    font-style: italic;\n    font-size: 1.1rem;\n    background: #fff;\n    border-radius: 20px;\n    opacity: 0;\n    max-height: 0;\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.mg-no-results.visible {\n    opacity: 1;\n    max-height: 200px;\n    padding: 60px;\n}\n\n.mg-event-date {\n    text-align: center; min-width: 90px; padding: 15px;\n    background: linear-gradient(135deg, var(--mg-maroon), var(--mg-brown));\n    border-radius: 16px;\n}\n.mg-event-month { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 2px; color: var(--mg-amber); font-weight: 700; }\n.mg-event-day { font-family: 'Rock Salt', cursive; font-size: 2rem; color: var(--mg-cream); line-height: 1.2; }\n.mg-event-details { flex: 1; }\n.mg-event-details h3 { font-size: 1.3rem; font-weight: 700; margin: 0 0 6px 0; color: var(--mg-walnut); }\n.mg-event-meta { font-size: 1rem; color: #5C4033; }\n.mg-event-badge {\n    display: inline-block; font-size: 0.7rem; padding: 5px 14px;\n    border-radius: 20px; text-transform: uppercase; font-weight: 700; margin-left: 12px;\n}\n.mg-badge-private { background: linear-gradient(135deg, var(--mg-maroon), var(--mg-brown)); color: var(--mg-cream); }\n.mg-badge-free { background: linear-gradient(135deg, var(--mg-brown), var(--mg-amber)); color: var(--mg-cream); }\n.mg-event-badges { display: flex; gap: 8px; flex-wrap: wrap; margin: 6px 0; }\n.mg-badge-meal { background: var(--mg-maroon); color: var(--mg-cream); padding: 3px 10px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }\n.mg-badge-type { background: var(--mg-amber); color: var(--mg-walnut); padding: 3px 10px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; }\n.mg-btn {\n    display: inline-block; padding: 16px 36px;\n    background: linear-gradient(135deg, var(--mg-maroon), var(--mg-brown));\n    color: #fff !important; text-decoration: none; font-weight: 700;\n    text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem;\n    border-radius: 30px; transition: all 0.3s ease;\n}\n.mg-btn:hover { transform: translateY(-2px); color: #fff !important; }\n.mg-no-events { text-align: center; padding: 60px; color: var(--mg-brown); font-style: italic; font-size: 1.2rem; background: #fff; border-radius: 20px; }\n\n\/* \u2550\u2550\u2550 MUSIC - SHIFTING GRADIENT \u2550\u2550\u2550 *\/\n@keyframes mgGradientShift {\n    0% { background-position: 0% 50%; }\n    25% { background-position: 100% 25%; }\n    50% { background-position: 100% 75%; }\n    75% { background-position: 0% 100%; }\n    100% { background-position: 0% 50%; }\n}\n.mg-music-wrap { \n    background: linear-gradient(\n        135deg,\n        var(--mg-walnut) 0%,\n        #3D322C 20%,\n        #2A2320 40%,\n        #453A32 60%,\n        var(--mg-walnut) 80%,\n        #3A302A 100%\n    ) !important;\n    background-size: 300% 300% !important;\n    animation: mgGradientShift 20s ease-in-out infinite;\n}\n.mg-music-wrap::before { \n    background: linear-gradient(\n        180deg, \n        rgba(44,36,32,0.5) 0%, \n        rgba(60,48,42,0.3) 50%,\n        rgba(44,36,32,0.5) 100%\n    ) !important; \n    animation: mgGradientShift 25s ease-in-out infinite reverse;\n}\n.mg-music-wrap .mg-section-title { color: var(--mg-amber) !important; }\n.mg-player { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }\n.mg-track {\n    display: flex; align-items: center; gap: 14px;\n    padding: 12px 16px; background: rgba(255,255,255,0.06);\n    border-radius: 12px; border: 1px solid rgba(196,149,106,0.1);\n    transition: all 0.3s ease;\n}\n.mg-track:hover { background: rgba(255,255,255,0.1); border-color: rgba(196,149,106,0.3); }\n.mg-track.playing { background: linear-gradient(135deg, rgba(107,45,60,0.8), rgba(139,90,60,0.6)); border-color: var(--mg-amber); }\n.mg-play-btn {\n    width: 48px; height: 48px; min-width: 48px; border-radius: 50%;\n    background: linear-gradient(135deg, var(--mg-amber), var(--mg-amber-light));\n    border: none; cursor: pointer; display: flex; align-items: center; justify-content: center;\n}\n.mg-play-btn:hover { transform: scale(1.08); }\n.mg-play-btn .mg-icon-play { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 18px; border-color: transparent transparent transparent var(--mg-walnut); margin-left: 4px; }\n.mg-play-btn .mg-icon-pause { display: none; width: 16px; height: 18px; border-left: 5px solid var(--mg-walnut); border-right: 5px solid var(--mg-walnut); }\n.mg-track.playing .mg-icon-play { display: none; }\n.mg-track.playing .mg-icon-pause { display: block; }\n.mg-track-info { flex: 1; min-width: 0; }\n.mg-track-title { font-weight: 600; font-size: 0.95rem; margin-bottom: 6px; color: var(--mg-cream) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.mg-track-progress { height: 4px; background: rgba(255,255,255,0.15); border-radius: 2px; }\n.mg-track-progress-fill { height: 100%; background: linear-gradient(90deg, var(--mg-amber), var(--mg-amber-light)); width: 0; border-radius: 2px; }\n.mg-track-time { font-size: 0.85rem; color: var(--mg-amber) !important; font-weight: 500; min-width: 40px; text-align: right; }\n@media (max-width: 700px) { .mg-player { grid-template-columns: 1fr; } }\n\n\/* Reviews *\/\n.mg-reviews-list { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }\n.mg-review { background: linear-gradient(135deg, var(--mg-amber-light), var(--mg-amber)); border-radius: 16px; overflow: hidden; transition: all 0.3s ease; }\n.mg-review:hover { transform: translateY(-2px); }\n.mg-review-header { display: flex; align-items: flex-start; gap: 16px; padding: 24px 28px; cursor: pointer; }\n.mg-review-star { font-size: 1.8rem; color: var(--mg-walnut); opacity: 0.7; flex-shrink: 0; line-height: 1; }\n.mg-review-preview { flex: 1; font-size: 1.1rem; font-weight: 600; color: var(--mg-walnut); line-height: 1.5; word-wrap: break-word; overflow-wrap: break-word; }\n.mg-review-more { color: var(--mg-maroon); text-decoration: underline; font-weight: 700; white-space: nowrap; }\n.mg-review-full { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; background: rgba(255,255,255,0.3); }\n.mg-review.expanded .mg-review-full { max-height: 800px; padding: 0 28px 24px 28px; }\n.mg-review.expanded .mg-review-more { display: none; }\n.mg-review-full-inner { padding-top: 20px; border-top: 1px solid rgba(44,36,32,0.15); }\n.mg-review-quote { font-size: 1.05rem; line-height: 1.8; color: var(--mg-walnut); margin: 0 0 16px 0; font-style: italic; word-wrap: break-word; overflow-wrap: break-word; }\n.mg-review-source { font-weight: 700; color: var(--mg-maroon); font-size: 0.95rem; }\n.mg-review-source a { color: inherit; text-decoration: none; border-bottom: 2px solid var(--mg-maroon); }\n.mg-review-collapse { display: inline-block; margin-top: 12px; color: var(--mg-maroon); font-weight: 600; font-size: 0.9rem; cursor: pointer; text-decoration: underline; }\n\n@media (max-width: 600px) {\n    .mg-review-header { flex-direction: column; gap: 12px; padding: 20px; }\n    .mg-review-star { font-size: 1.5rem; }\n    .mg-review-preview { font-size: 1rem; }\n    .mg-review.expanded .mg-review-full { padding: 0 20px 20px 20px; }\n    .mg-review-quote { font-size: 0.95rem; }\n}\n\n\/* Videos *\/\n.mg-videos-wrap { background: var(--mg-cream-dark); }\n.mg-videos-wrap .mg-section { max-width: 100%; padding-left: 40px; padding-right: 40px; }\n.mg-videos-grid { \n    display: grid; \n    grid-template-columns: 1fr 1fr; \n    gap: 30px;\n    max-width: 1600px;\n    margin: 0 auto;\n}\n.mg-video-card {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(44,36,32,0.15);\n    background: var(--mg-walnut);\n}\n.mg-video-container {\n    position: relative;\n    padding-bottom: 56.25%;\n    height: 0;\n}\n.mg-video-container video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    cursor: pointer;\n}\n.mg-video-title {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    padding: 20px 24px;\n    background: linear-gradient(0deg, rgba(44,36,32,0.95) 0%, rgba(44,36,32,0.7) 70%, transparent 100%);\n    font-family: 'Rock Salt', cursive;\n    font-size: 1.4rem;\n    color: var(--mg-amber);\n    z-index: 2;\n    pointer-events: none;\n}\n.mg-video-play {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 80px;\n    height: 80px;\n    background: linear-gradient(135deg, rgba(107,45,60,0.9), rgba(139,90,60,0.9));\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 3;\n    transition: all 0.3s ease;\n    box-shadow: 0 8px 30px rgba(0,0,0,0.4);\n}\n.mg-video-play:hover { transform: translate(-50%, -50%) scale(1.1); }\n.mg-video-play::after {\n    content: '';\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 14px 0 14px 24px;\n    border-color: transparent transparent transparent var(--mg-cream);\n    margin-left: 6px;\n}\n.mg-video-card.playing .mg-video-play { opacity: 0; pointer-events: none; }\n.mg-video-card.playing .mg-video-title { opacity: 0; }\n.mg-video-card .mg-video-play,\n.mg-video-card .mg-video-title {\n    transition: opacity 0.4s ease;\n}\n\n@media (max-width: 900px) {\n    .mg-videos-grid { grid-template-columns: 1fr; gap: 24px; }\n    .mg-videos-wrap .mg-section { padding-left: 20px; padding-right: 20px; }\n    .mg-video-title { font-size: 1.1rem; padding: 16px 20px; }\n    .mg-video-play { width: 64px; height: 64px; }\n    .mg-video-play::after { border-width: 10px 0 10px 18px; margin-left: 4px; }\n}\n\n\/* About *\/\n.mg-about-wrap { background: var(--mg-cream); }\n.mg-bio { display: grid; grid-template-columns: 1fr 1.4fr; gap: 70px; align-items: start; }\n.mg-bio-image-wrap { position: relative; }\n.mg-bio-image { width: 100%; border-radius: 24px; box-shadow: 0 25px 80px rgba(44,36,32,0.2); }\n.mg-bio-image-wrap::after { content: ''; position: absolute; top: 20px; left: 20px; right: -20px; bottom: -20px; border: 4px solid var(--mg-amber); border-radius: 24px; z-index: -1; opacity: 0.5; }\n.mg-bio-content { font-size: 1.2rem; line-height: 1.9; }\n.mg-bio-content p { margin: 0 0 28px 0; }\n\n\/* Contact *\/\n.mg-contact-wrap { background: var(--mg-walnut); }\n.mg-contact-wrap .mg-section { max-width: 800px; }\n.mg-contact-wrap .mg-section-title { color: var(--mg-amber); }\n\n.mg-contact-intro {\n    text-align: center;\n    margin-bottom: 50px;\n}\n.mg-contact-intro p {\n    color: rgba(245,237,228,0.8);\n    font-size: 1.15rem;\n    line-height: 1.8;\n    max-width: 550px;\n    margin: 0 auto;\n}\n.mg-phone { text-align: center; margin-bottom: 20px; }\n.mg-phone a { \n    font-family: 'Rock Salt', cursive; \n    font-size: 1.8rem; \n    color: var(--mg-amber); \n    text-decoration: none;\n    display: inline-block;\n    padding: 12px 30px;\n    border: 2px solid rgba(196,149,106,0.3);\n    border-radius: 40px;\n    transition: all 0.3s ease;\n}\n.mg-phone a:hover { \n    color: var(--mg-amber-light); \n    border-color: var(--mg-amber);\n    transform: translateY(-2px);\n}\n.mg-contact-divider {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    margin: 30px 0;\n    color: rgba(196,149,106,0.5);\n    font-size: 0.9rem;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n}\n.mg-contact-divider::before,\n.mg-contact-divider::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(196,149,106,0.3), transparent);\n}\n\n.mg-contact-form { \n    max-width: 700px; \n    margin: 0 auto; \n    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03)); \n    padding: 50px; \n    border-radius: 24px; \n    border: 1px solid rgba(196,149,106,0.2);\n    box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n}\n\n\/* CF7 Two-Column Grid *\/\n.mg-contact-form .wpcf7-form { \n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px 24px;\n}\n.mg-contact-form .wpcf7-form > p { margin: 0; }\n.mg-contact-form .wpcf7-form > p.full-width,\n.mg-contact-form .wpcf7-form > p:nth-child(5),\n.mg-contact-form .wpcf7-form > p:nth-child(6),\n.mg-contact-form .wpcf7-form > p:last-of-type {\n    grid-column: 1 \/ -1;\n}\n\n.mg-contact-form label { \n    color: var(--mg-amber); \n    font-size: 0.85rem; \n    font-weight: 600; \n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 8px; \n    display: block; \n}\n\n.mg-contact-form input[type=\"text\"], \n.mg-contact-form input[type=\"email\"], \n.mg-contact-form input[type=\"tel\"],\n.mg-contact-form input[type=\"date\"], \n.mg-contact-form textarea, \n.mg-contact-form select {\n    width: 100%; \n    padding: 16px 20px; \n    background: rgba(255,255,255,0.08);\n    border: 1px solid rgba(196,149,106,0.25); \n    border-radius: 12px;\n    color: var(--mg-cream); \n    font-size: 1rem; \n    font-family: 'Lato', sans-serif;\n    transition: all 0.3s ease;\n}\n.mg-contact-form input:focus, \n.mg-contact-form textarea:focus, \n.mg-contact-form select:focus {\n    outline: none; \n    border-color: var(--mg-amber); \n    background: rgba(255,255,255,0.12);\n    box-shadow: 0 0 0 3px rgba(196,149,106,0.15);\n}\n.mg-contact-form input::placeholder, \n.mg-contact-form textarea::placeholder { \n    color: rgba(245,237,228,0.4); \n}\n\n\/* Select dropdown styling *\/\n.mg-contact-form select {\n    appearance: none;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C4956A' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 16px center;\n    padding-right: 45px;\n    cursor: pointer;\n}\n.mg-contact-form select option {\n    background: var(--mg-walnut);\n    color: var(--mg-cream);\n}\n\n\/* Date input *\/\n.mg-contact-form input[type=\"date\"] {\n    cursor: pointer;\n}\n.mg-contact-form input[type=\"date\"]::-webkit-calendar-picker-indicator {\n    filter: invert(0.7) sepia(1) saturate(2) hue-rotate(345deg);\n    cursor: pointer;\n}\n\n.mg-contact-form textarea { \n    min-height: 140px; \n    resize: vertical; \n}\n\n\/* Submit button *\/\n.mg-contact-form input[type=\"submit\"],\n.mg-contact-form .wpcf7-submit {\n    background: linear-gradient(135deg, var(--mg-amber), var(--mg-amber-light));\n    color: var(--mg-walnut); \n    padding: 18px 60px; \n    border: none; \n    border-radius: 30px;\n    font-size: 1rem; \n    font-weight: 700; \n    text-transform: uppercase; \n    letter-spacing: 2px;\n    cursor: pointer; \n    transition: all 0.4s ease;\n    min-width: 220px;\n    display: block !important;\n    margin: 30px auto 0 auto !important;\n    box-shadow: \n        0 0 20px rgba(196,149,106,0.4),\n        0 0 40px rgba(196,149,106,0.2),\n        0 4px 15px rgba(0,0,0,0.3);\n    animation: mgButtonGlow 3s ease-in-out infinite;\n}\n@keyframes mgButtonGlow {\n    0%, 100% { \n        box-shadow: \n            0 0 20px rgba(196,149,106,0.4),\n            0 0 40px rgba(196,149,106,0.2),\n            0 4px 15px rgba(0,0,0,0.3);\n    }\n    50% { \n        box-shadow: \n            0 0 30px rgba(196,149,106,0.6),\n            0 0 60px rgba(196,149,106,0.3),\n            0 4px 15px rgba(0,0,0,0.3);\n    }\n}\n.mg-contact-form input[type=\"submit\"]:hover,\n.mg-contact-form .wpcf7-submit:hover { \n    transform: translateY(-3px) scale(1.02); \n    box-shadow: \n        0 0 35px rgba(196,149,106,0.7),\n        0 0 70px rgba(196,149,106,0.4),\n        0 10px 30px rgba(0,0,0,0.4);\n    animation: none;\n}\n\n\/* Honeypot hide *\/\n.mg-contact-form .wpcf7-form-control-wrap[data-name*=\"honeypot\"],\n.mg-contact-form p:has(.wpcf7-form-control-wrap[data-name*=\"honeypot\"]) {\n    position: absolute !important;\n    left: -9999px !important;\n}\n\n\/* CF7 Success\/Error Messages *\/\n.mg-contact-form .wpcf7-response-output {\n    grid-column: 1 \/ -1;\n    margin: 20px 0 0 0 !important;\n    padding: 20px 24px !important;\n    border-radius: 12px !important;\n    font-size: 1rem;\n    text-align: center;\n    border: none !important;\n}\n.mg-contact-form .wpcf7-form.sent .wpcf7-response-output {\n    background: linear-gradient(135deg, rgba(107,45,60,0.3), rgba(139,90,60,0.3)) !important;\n    border: 1px solid rgba(196,149,106,0.5) !important;\n    color: var(--mg-amber-light) !important;\n}\n.mg-contact-form .wpcf7-form.failed .wpcf7-response-output,\n.mg-contact-form .wpcf7-form.invalid .wpcf7-response-output {\n    background: rgba(180,60,60,0.2) !important;\n    border: 1px solid rgba(180,60,60,0.4) !important;\n    color: var(--mg-cream) !important;\n}\n\n\/* Validation errors *\/\n.mg-contact-form .wpcf7-not-valid-tip {\n    color: #E8A090;\n    font-size: 0.85rem;\n    margin-top: 6px;\n    display: block;\n}\n.mg-contact-form .wpcf7-not-valid {\n    border-color: rgba(180,60,60,0.6) !important;\n}\n\n\/* Spinner *\/\n.mg-contact-form .wpcf7-spinner {\n    display: block;\n    margin: 10px auto 0;\n}\n\n@media (max-width: 600px) {\n    .mg-contact-form { padding: 30px 24px; }\n    .mg-contact-form .wpcf7-form { \n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n    .mg-contact-form .wpcf7-form > p { grid-column: 1 !important; }\n    .mg-phone a { font-size: 1.3rem; padding: 10px 24px; }\n    .mg-contact-form input[type=\"submit\"] { width: 100%; }\n}\n\n\/* Footer - Camo & Sky Attribution *\/\n.mg-cs-footer {\n    position: relative;\n    width: 100%;\n    min-height: 380px;\n    padding: 80px 24px 60px;\n    overflow: hidden;\n    background: #0A0806;\n    color: #fff;\n    isolation: isolate;\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 1.1s ease, transform 1.1s ease;\n}\n.mg-cs-footer.is-revealed { opacity: 1; transform: translateY(0); }\n.mg-cs-footer-bg {\n    position: absolute; inset: -10%;\n    background-image: url('https:\/\/camoandsky.com\/wp-content\/uploads\/2021\/04\/derrick-cooper-L505cPnmIds-copy.jpg');\n    background-size: cover; background-position: center;\n    filter: grayscale(30%) brightness(0.55) contrast(1.05);\n    transform: scale(1.08);\n    transition: transform 1.6s ease;\n    z-index: -2;\n}\n.mg-cs-footer.is-revealed .mg-cs-footer-bg { transform: scale(1); }\n.mg-cs-footer-overlay {\n    position: absolute; inset: 0;\n    background: linear-gradient(180deg, rgba(10,8,6,0.55) 0%, rgba(10,8,6,0.78) 55%, rgba(10,8,6,0.94) 100%);\n    z-index: -1;\n}\n.mg-cs-footer-inner {\n    max-width: 640px; margin: 0 auto;\n    text-align: center;\n    display: flex; flex-direction: column; align-items: center;\n    position: relative;\n}\n.mg-cs-eyebrow {\n    font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase;\n    color: rgba(255,255,255,0.55);\n    margin-bottom: 22px;\n}\n.mg-cs-logo-link {\n    display: inline-block; border: none !important;\n    margin-bottom: 18px;\n    transition: transform 0.4s ease, opacity 0.3s ease;\n}\n.mg-cs-logo-link:hover { transform: translateY(-2px); opacity: 0.9; }\n.mg-cs-logo {\n    display: block; width: 200px; max-width: 60vw; height: auto;\n    filter: drop-shadow(0 4px 18px rgba(0,0,0,0.5));\n}\n.mg-cs-tagline {\n    font-size: 14px; color: rgba(255,255,255,0.72);\n    line-height: 1.65; margin: 0 0 28px;\n    max-width: 460px; font-style: italic; letter-spacing: 0.02em;\n}\n.mg-cs-cta {\n    display: inline-block; padding: 12px 32px;\n    border: 1px solid rgba(255,255,255,0.38) !important;\n    color: #fff !important; text-decoration: none !important;\n    font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase;\n    border-radius: 2px; background: rgba(255,255,255,0.03);\n    transition: background 0.3s ease, border-color 0.3s ease, letter-spacing 0.3s ease;\n}\n.mg-cs-cta:hover {\n    background: rgba(255,255,255,0.12);\n    border-color: rgba(255,255,255,0.7) !important;\n    letter-spacing: 0.28em;\n}\n.mg-cs-copy {\n    font-size: 11px; color: rgba(255,255,255,0.38);\n    letter-spacing: 0.06em; margin-top: 36px;\n    padding-top: 24px;\n    border-top: 1px solid rgba(255,255,255,0.08);\n    width: 100%; max-width: 320px;\n}\n@media (max-width: 600px) {\n    .mg-cs-footer { padding: 60px 20px 48px; min-height: 340px; }\n    .mg-cs-eyebrow { font-size: 10px; letter-spacing: 0.25em; }\n    .mg-cs-logo { width: 160px; }\n    .mg-cs-tagline { font-size: 13px; }\n    .mg-cs-cta { padding: 11px 24px; font-size: 10px; }\n}\n@media (prefers-reduced-motion: reduce) {\n    .mg-cs-footer, .mg-cs-footer-bg { transition: none; }\n    .mg-cs-footer { opacity: 1; transform: none; }\n}\n\n\/* Sticky Console *\/\n.mg-console {\n    position: fixed; bottom: 16px; left: 50%;\n    transform: translateX(-50%) translateY(calc(100% + 20px));\n    max-width: 700px; width: calc(100% - 32px);\n    background: linear-gradient(180deg, rgba(44,36,32,0.98), rgba(26,21,18,0.99));\n    backdrop-filter: blur(10px); padding: 14px 20px; z-index: 9999;\n    display: flex; align-items: center; justify-content: center; gap: 20px;\n    border-radius: 20px; transition: transform 0.3s ease;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.4); border: 1px solid rgba(196,149,106,0.2);\n}\n.mg-console.visible { transform: translateX(-50%) translateY(0); }\n.mg-console-player { display: flex; align-items: center; gap: 12px; flex: 1; max-width: 400px; }\n.mg-console-btn {\n    width: 48px; height: 48px; border-radius: 50%;\n    background: linear-gradient(135deg, var(--mg-amber), var(--mg-brown));\n    border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.mg-console-btn:hover { transform: scale(1.05); }\n.mg-console-btn .mg-icon-play { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid var(--mg-cream); margin-left: 4px; }\n.mg-console-btn .mg-icon-pause { width: 16px; height: 16px; border-left: 5px solid var(--mg-cream); border-right: 5px solid var(--mg-cream); display: none; }\n.mg-console.playing .mg-console-btn .mg-icon-play { display: none; }\n.mg-console.playing .mg-console-btn .mg-icon-pause { display: block; }\n.mg-console-info { flex: 1; min-width: 0; }\n.mg-console-title { color: var(--mg-cream); font-size: 0.95rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.mg-console-progress { height: 4px; background: rgba(255,255,255,0.2); border-radius: 2px; margin-top: 6px; }\n.mg-console-progress-fill { height: 100%; background: linear-gradient(90deg, var(--mg-amber), var(--mg-amber-light)); width: 0%; transition: width 0.1s linear; }\n.mg-console-time { color: var(--mg-amber); font-size: 0.85rem; font-family: monospace; flex-shrink: 0; }\n.mg-console-contact {\n    display: flex; align-items: center; gap: 8px; padding: 10px 20px;\n    background: linear-gradient(135deg, var(--mg-maroon), #8B3D4C);\n    border-radius: 25px; color: var(--mg-cream); text-decoration: none; font-weight: 600; font-size: 0.9rem;\n}\n.mg-console-contact:hover { background: linear-gradient(135deg, #8B3D4C, var(--mg-maroon)); transform: scale(1.05); }\n.mg-console-contact svg { width: 18px; height: 18px; fill: currentColor; }\n\n.mg-site { padding-bottom: 100px; }\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .mg-section { padding: 60px 16px; }\n    .mg-hero-title { font-size: 2.5rem; }\n    .mg-hero-image { width: 260px; border-radius: 20px; }\n    .mg-hero-tagline { font-size: 1.1rem; letter-spacing: 3px; }\n    .mg-hero-tagline-2 { font-size: 1rem; }\n    \n    \/* Shows mobile layout *\/\n    .mg-event { \n        flex-direction: row; \n        text-align: left; \n        padding: 16px;\n        gap: 14px;\n    }\n    .mg-event-date {\n        min-width: 55px;\n        padding: 10px 8px;\n        border-radius: 10px;\n    }\n    .mg-event-month { font-size: 0.7rem; letter-spacing: 1px; }\n    .mg-event-day { font-size: 1.5rem; }\n    .mg-event-details h3 { font-size: 1.1rem; }\n    .mg-event-meta { font-size: 0.9rem; }\n    .mg-event-badge { font-size: 0.65rem; padding: 3px 8px; }\n    .mg-event-ticket { \n        padding: 10px 16px; \n        font-size: 0.8rem;\n        margin-top: 10px;\n        align-self: flex-start;\n    }\n    \n    .mg-bio { grid-template-columns: 1fr; gap: 40px; }\n    .mg-bio-image-wrap::after { display: none; }\n    .mg-videos-grid { grid-template-columns: 1fr; }\n    .mg-contact-form { padding: 30px 20px; }\n    .mg-phone a { font-size: 1.3rem; padding: 10px 20px; }\n    \n    \/* Console player - fixed positioning to prevent scroll jump *\/\n    .mg-console { \n        padding: 10px 14px; \n        gap: 10px; \n        bottom: 10px; \n        border-radius: 14px;\n        left: 10px;\n        right: 10px;\n        width: auto;\n        max-width: none;\n        transform: translateY(calc(100% + 20px));\n    }\n    .mg-console.visible { \n        transform: translateY(0); \n    }\n    .mg-console-player { max-width: none; flex: 1; }\n    .mg-console-btn { width: 40px; height: 40px; flex-shrink: 0; }\n    .mg-console-info { min-width: 0; }\n    .mg-console-title { font-size: 0.85rem; }\n    .mg-console-time { font-size: 0.75rem; }\n    .mg-console-contact { padding: 10px 14px; border-radius: 20px; flex-shrink: 0; }\n    .mg-console-contact span { display: none; }\n    .mg-console-contact svg { width: 20px; height: 20px; }\n}\n\n@media (max-width: 400px) {\n    .mg-hero-title { font-size: 2rem; }\n    .mg-hero-image { width: 220px; }\n    .mg-event { padding: 14px; gap: 12px; }\n    .mg-event-date { min-width: 50px; padding: 8px 6px; }\n    .mg-event-day { font-size: 1.3rem; }\n    .mg-event-details h3 { font-size: 1rem; }\n}\n<\/style>\n\n<div class=\"mg-site\" role=\"main\" itemscope itemtype=\"https:\/\/schema.org\/WebPage\">\n\n    <!-- Hero -->\n    <header class=\"mg-section-wrap mg-hero-wrap mg-bg-center has-bg lazyload\" style=\"background-image:inherit;\" role=\"banner\" data-bg-image=\"url(&#039;https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_kvzy80kvzy80kvzy-scaled.png&#039;)\">\n        <section class=\"mg-hero\" aria-label=\"Introduction\">\n                            <img decoding=\"async\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/mark-and-gretch-pic-2-copy.jpg\" alt=\"Mark and Gretch - Wisconsin Acoustic Duo\" class=\"mg-hero-image lazyload\" width=\"380\" height=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/1316;\">\n                        <h1 class=\"mg-hero-title\" itemprop=\"name\">Mark &amp; Gretch<\/h1>\n            <p class=\"mg-hero-tagline\" itemprop=\"description\">Celebrating life one song at a time.<\/p>\n                            <p class=\"mg-hero-tagline-2\">Mark &amp; Gretch have crafted an expansive Pop, Country, and Rock playlist, performing hit songs the way you remember them.<\/p>\n                    <\/section>\n    <\/header>\n\n    <!-- Navigation (sticky, right after hero) -->\n    <nav class=\"mg-nav\" id=\"mg-nav\" role=\"navigation\" aria-label=\"Main Navigation\">\n        <div class=\"mg-nav-inner\">\n            <a href=\"#\" class=\"mg-nav-logo\">Mark & Gretch<\/a>\n            <div class=\"mg-nav-links\">\n                                    <a href=\"#music\" class=\"mg-nav-link\"><span>Music<\/span><\/a>\n                                    <a href=\"#videos\" class=\"mg-nav-link\"><span>Videos<\/span><\/a>\n                                    <a href=\"#shows\" class=\"mg-nav-link\"><span>Shows<\/span><\/a>\n                                    <a href=\"#about\" class=\"mg-nav-link\"><span>About<\/span><\/a>\n                                    <a href=\"#reviews\" class=\"mg-nav-link\"><span>Reviews<\/span><\/a>\n                                    <a href=\"#contact\" class=\"mg-nav-link\"><span>Contact<\/span><\/a>\n                            <\/div>\n        <\/div>\n    <\/nav>\n\n        <div class=\"mg-section-wrap mg-music-wrap mg-bg-center lazyload\" id=\"music\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/IMG_2638.jpg&#039;)\">\n        <section class=\"mg-section\">\n            <h2 class=\"mg-section-title\">Music<\/h2>\n            <div class=\"mg-player\">\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/SEPTEMBER-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">September<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/SHIVERS-Xvox.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Shivers<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/AMIE-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Amie<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/BURNING-LOVE-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Burning Love<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/DANCING-IN-THE-MOONLIGHT-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Dancing In The Moonlight<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/CRAZY-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Crazy<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/ITS-ALRIGHT-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Its Alright<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/MY-GIRL-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">My Girl<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/MARGARITAVILLE-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Margaritaville<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/FISHIN-IN-THE-DARK-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Fishin In The Dark<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/KOKOMO-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Kokomo<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/JONNY-B.-GOODE-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Jonny B. Goode<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/WAGON-WHEEL-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Wagon Wheel<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/STILL-THE-ONE-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Still The One<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/SOUTHERN-CROSS-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Southern Cross<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/SAILING-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Sailing<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/OH-WHAT-A-NIGHT-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Oh What A Night<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/CAROLINA-IN-MY-MIND-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Carolina In My Mind<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/NATURAL-WOMAN-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Natural Woman<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/WORKING-MY-WAY-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Working My Way<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/LYIN-EYES-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Lyin Eyes<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                                    <div class=\"mg-track\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/PRETTY-WOMAN-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n                        <div class=\"mg-track-info\">\n                            <div class=\"mg-track-title\">Pretty Woman<\/div>\n                            <div class=\"mg-track-progress\"><div class=\"mg-track-progress-fill\"><\/div><\/div>\n                        <\/div>\n                        <div class=\"mg-track-time\">0:00<\/div>\n                    <\/div>\n                            <\/div>\n        <\/section>\n    <\/div>\n                <div class=\"mg-section-wrap mg-videos-wrap mg-overlay-dark\" id=\"videos\">\n        <section class=\"mg-section\">\n            <h2 class=\"mg-section-title\">Videos<\/h2>\n            <div class=\"mg-videos-grid\">\n                <div class=\"mg-video-card\" id=\"mg-video-1\">\n                    <div class=\"mg-video-container\">\n                        <video preload=\"metadata\" playsinline poster=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/americas-bandstand.jpg\">\n                            <source src=\"https:\/\/markandgretch.com\/wp-content\/video\/America%27s%20Bandstand.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                    <\/div>\n                    <div class=\"mg-video-play\"><\/div>\n                    <div class=\"mg-video-title\">America's Bandstand<\/div>\n                <\/div>\n                <div class=\"mg-video-card\" id=\"mg-video-2\">\n                    <div class=\"mg-video-container\">\n                        <video preload=\"metadata\" playsinline poster=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/yacht-rock.jpg\">\n                            <source src=\"https:\/\/markandgretch.com\/wp-content\/video\/Yacht%20Rock.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                    <\/div>\n                    <div class=\"mg-video-play\"><\/div>\n                    <div class=\"mg-video-title\">Yacht Rock<\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n                <div class=\"mg-section-wrap mg-shows-wrap mg-overlay-light mg-bg-center lazyload\" id=\"shows\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/9B228252-ACB6-47A5-AA56-94BBB782E5CE_1_105_c.jpeg&#039;)\">\n        <section class=\"mg-section\">\n            <h2 class=\"mg-section-title\">Shows<\/h2>\n                            <!-- Filter Bar -->\n                <div class=\"mg-filter-bar\">\n                    <div class=\"mg-filter-group\">\n                        <label class=\"mg-filter-label\">Venue<\/label>\n                        <select class=\"mg-filter-select\" id=\"mg-filter-venue\">\n                            <option value=\"\">All Venues<\/option>\n                                                            <option value=\"Breckenridge Gold and Tennis Club \/ Estero, Florida\">Breckenridge Gold and Tennis Club \/ Estero, Florida<\/option>\n                                                            <option value=\"Green Grocer Wine Bar - Williams Bay\">Green Grocer Wine Bar - Williams Bay<\/option>\n                                                            <option value=\"Guardian Grounds \/ Herrin, IL\">Guardian Grounds \/ Herrin, IL<\/option>\n                                                            <option value=\"Rosewood Music Theater\">Rosewood Music Theater<\/option>\n                                                            <option value=\"Sunset on the Patio\">Sunset on the Patio<\/option>\n                                                    <\/select>\n                    <\/div>\n                    <div class=\"mg-filter-group\">\n                        <label class=\"mg-filter-label\">Month<\/label>\n                        <select class=\"mg-filter-select\" id=\"mg-filter-month\">\n                            <option value=\"\">All Dates<\/option>\n                                                            <option value=\"2026-04\">April 2026<\/option>\n                                                            <option value=\"2026-05\">May 2026<\/option>\n                                                            <option value=\"2026-06\">June 2026<\/option>\n                                                            <option value=\"2026-07\">July 2026<\/option>\n                                                            <option value=\"2026-08\">August 2026<\/option>\n                                                            <option value=\"2026-09\">September 2026<\/option>\n                                                            <option value=\"2026-10\">October 2026<\/option>\n                                                            <option value=\"2026-11\">November 2026<\/option>\n                                                            <option value=\"2026-12\">December 2026<\/option>\n                                                            <option value=\"2027-03\">March 2027<\/option>\n                                                    <\/select>\n                    <\/div>\n                    <div class=\"mg-filter-group\">\n                        <label class=\"mg-filter-label\">Type<\/label>\n                        <div class=\"mg-filter-pills\">\n                            <button class=\"mg-filter-pill active\" data-type=\"all\">All<\/button>\n                            <button class=\"mg-filter-pill\" data-type=\"ticketed\">Ticketed<\/button>\n                            <button class=\"mg-filter-pill\" data-type=\"free\">Free<\/button>\n                        <\/div>\n                    <\/div>\n                    <button class=\"mg-filter-clear hidden\" id=\"mg-filter-clear\">Clear Filters<\/button>\n                    <div class=\"mg-filter-results\">\n                        Showing <span id=\"mg-filter-count\">43<\/span> of 43 shows\n                    <\/div>\n                <\/div>\n                \n                <div class=\"mg-events-list\" id=\"mg-events-list\">\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-04\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Apr<\/div>\n                                <div class=\"mg-event-day\">26<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Destination USA                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Supper Club<\/span>\n                                    <span class=\"mg-badge-type\">Dinner &amp; Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/april-04-destination-usa-show-supper-club\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Green Grocer Wine Bar - Williams Bay\"\n                             data-type=\"free\"\n                             data-month=\"2026-05\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">May<\/div>\n                                <div class=\"mg-event-day\">2<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch                                    <span class=\"mg-event-badge mg-badge-free\">Free<\/span>                                <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Green Grocer Wine Bar - Williams Bay<\/span>                                     &bull;                                     <span>5:00 PM - 8:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-05\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">May<\/div>\n                                <div class=\"mg-event-day\">12<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Americas Bandstand                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Plated Options<\/span>\n                                    <span class=\"mg-badge-type\">Lunch and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 12:30 PM &bull; Show: 2:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/may-12-lunch-and-show\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-05\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">May<\/div>\n                                <div class=\"mg-event-day\">14<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Americas Bandstand                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Supper Club<\/span>\n                                    <span class=\"mg-badge-type\">Dinner and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/may-14-dinner-and-show-americas-bandstand-supper-club\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-05\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">May<\/div>\n                                <div class=\"mg-event-day\">19<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Americas Bandstand                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Supper Club<\/span>\n                                    <span class=\"mg-badge-type\">Lunch and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 12:30 PM &bull; Show: 2:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/may-19-lunch-and-show-americas-bandstand-supper-club\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Guardian Grounds \/ Herrin, IL\"\n                             data-type=\"free\"\n                             data-month=\"2026-05\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">May<\/div>\n                                <div class=\"mg-event-day\">24<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch                                    <span class=\"mg-event-badge mg-badge-free\">Free<\/span>                                <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Guardian Grounds \/ Herrin, IL<\/span>                                     &bull;                                     <span>5:00 PM - 8:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-05\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">May<\/div>\n                                <div class=\"mg-event-day\">27<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Americas Bandstand                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Appetizers &#038; Show<\/span>\n                                    <span class=\"mg-badge-type\">Apps &amp; Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 1:00 PM &bull; Show: 1:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/may-27-americas-bandstand-appetizer-buffet-and-show\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Green Grocer Wine Bar - Williams Bay\"\n                             data-type=\"free\"\n                             data-month=\"2026-05\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">May<\/div>\n                                <div class=\"mg-event-day\">30<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch                                    <span class=\"mg-event-badge mg-badge-free\">Free<\/span>                                <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Green Grocer Wine Bar - Williams Bay<\/span>                                     &bull;                                     <span>5:00 PM - 8:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-06\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Jun<\/div>\n                                <div class=\"mg-event-day\">2<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Sweet Inspiration                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Plated Options<\/span>\n                                    <span class=\"mg-badge-type\">DInner &amp; Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/june-sweet-inspirations-dinner-and-show-plated\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-06\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Jun<\/div>\n                                <div class=\"mg-event-day\">5<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Yacht Rock                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Supper Club<\/span>\n                                    <span class=\"mg-badge-type\">Lunch and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 12:30 PM &bull; Show: 2:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/june-5-lunch-and-show-yacht-rock-supper-club-buffet\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Sunset on the Patio\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-06\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Jun<\/div>\n                                <div class=\"mg-event-day\">14<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    June 14 \u2013 Karen Shook \/ Mark &amp; Gretch \/ Big Al &amp; Jimbo                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Sunset on the Patio<\/span>                                     &bull;                                     <span>5:00 PM - 9:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/sunsetonthepatio.com\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-06\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Jun<\/div>\n                                <div class=\"mg-event-day\">17<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Yacht Rock                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Chef Attended Dinner Stations<\/span>\n                                    <span class=\"mg-badge-type\">Lunch and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 12:30 PM &bull; Show: 2:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/june-17-lunch-and-show-yacht-rock-chef-attended-stations\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Green Grocer Wine Bar - Williams Bay\"\n                             data-type=\"free\"\n                             data-month=\"2026-06\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Jun<\/div>\n                                <div class=\"mg-event-day\">20<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch                                    <span class=\"mg-event-badge mg-badge-free\">Free<\/span>                                <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Green Grocer Wine Bar - Williams Bay<\/span>                                     &bull;                                     <span>5:00 PM - 8:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-07\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Jul<\/div>\n                                <div class=\"mg-event-day\">7<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Americas Bandstand                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Chef Attended Dinner Stations<\/span>\n                                    <span class=\"mg-badge-type\">Dinner and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/july-7-dinner-and-show-americas-bandstand-chef-attended-dinner-stations\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Sunset on the Patio\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-07\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Jul<\/div>\n                                <div class=\"mg-event-day\">12<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    July 12 \u2013 Dan McGuire \/ Mark &amp; Gretch \/ Bluewater Creek                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Sunset on the Patio<\/span>                                     &bull;                                     <span>5:00 PM - 9:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/sunsetonthepatio.com\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-07\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Jul<\/div>\n                                <div class=\"mg-event-day\">14<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Americas Bandstand                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Chef Attended Dinner Stations<\/span>\n                                    <span class=\"mg-badge-type\">Dinner and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/july-14-dinner-and-show-americas-bandstand-chef-attended-dinner-stations-copy\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Green Grocer Wine Bar - Williams Bay\"\n                             data-type=\"free\"\n                             data-month=\"2026-07\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Jul<\/div>\n                                <div class=\"mg-event-day\">18<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch                                    <span class=\"mg-event-badge mg-badge-free\">Free<\/span>                                <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Green Grocer Wine Bar - Williams Bay<\/span>                                     &bull;                                     <span>5:00 PM - 8:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Sunset on the Patio\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-07\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Jul<\/div>\n                                <div class=\"mg-event-day\">26<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    July 26 \u2013 Ronnie Nyles \/ Mark &amp; Gretch \/ Corner Boys                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Sunset on the Patio<\/span>                                     &bull;                                     <span>5:00 PM - 9:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/sunsetonthepatio.com\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-08\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Aug<\/div>\n                                <div class=\"mg-event-day\">6<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Yacht Rock                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Supper Club<\/span>\n                                    <span class=\"mg-badge-type\">Dinner and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/august-6-dinner-and-show-yacht-rock-supper-club-buffet\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Sunset on the Patio\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-08\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Aug<\/div>\n                                <div class=\"mg-event-day\">9<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    August 9 \u2013 Karen Shook \/ Mark &amp; Gretch \/ Blue Sky                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Sunset on the Patio<\/span>                                     &bull;                                     <span>5:00 PM - 9:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/sunsetonthepatio.com\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Green Grocer Wine Bar - Williams Bay\"\n                             data-type=\"free\"\n                             data-month=\"2026-08\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Aug<\/div>\n                                <div class=\"mg-event-day\">15<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch                                    <span class=\"mg-event-badge mg-badge-free\">Free<\/span>                                <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Green Grocer Wine Bar - Williams Bay<\/span>                                     &bull;                                     <span>5:00 PM - 8:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-08\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Aug<\/div>\n                                <div class=\"mg-event-day\">17<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Yacht Rock                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Supper Club<\/span>\n                                    <span class=\"mg-badge-type\">Dinner and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/august-17-dinner-and-show-yacht-rock-supper-club-buffet\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Sunset on the Patio\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-08\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Aug<\/div>\n                                <div class=\"mg-event-day\">23<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    August 23 \u2013 Hannah Koepnick \/ Phil Calkins \/ Mark &amp; Gretch                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Sunset on the Patio<\/span>                                     &bull;                                     <span>5:00 PM - 9:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/sunsetonthepatio.com\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-09\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Sep<\/div>\n                                <div class=\"mg-event-day\">1<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Americas Bandstand                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Supper Club<\/span>\n                                    <span class=\"mg-badge-type\">Dinner and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/september-1-dinner-and-show-americas-bandstand-supper-club\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Sunset on the Patio\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-09\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Sep<\/div>\n                                <div class=\"mg-event-day\">13<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    September 13 \u2013 Ronnie Nyles \/ Mark &amp; Gretch \/ Kevin Andrew Prchal                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Sunset on the Patio<\/span>                                     &bull;                                     <span>5:00 PM - 9:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/sunsetonthepatio.com\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Green Grocer Wine Bar - Williams Bay\"\n                             data-type=\"free\"\n                             data-month=\"2026-09\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Sep<\/div>\n                                <div class=\"mg-event-day\">19<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch                                    <span class=\"mg-event-badge mg-badge-free\">Free<\/span>                                <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Green Grocer Wine Bar - Williams Bay<\/span>                                     &bull;                                     <span>5:00 PM - 8:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Sunset on the Patio\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-09\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Sep<\/div>\n                                <div class=\"mg-event-day\">27<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    September 27 \u2013 SOTP Festival                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Sunset on the Patio<\/span>                                     &bull;                                     <span>5:00 PM - 9:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/sunsetonthepatio.com\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-10\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Oct<\/div>\n                                <div class=\"mg-event-day\">1<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Americas Bandstand                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Chef Attended Dinner Stations<\/span>\n                                    <span class=\"mg-badge-type\">Dinner and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/october-1-dinner-and-show-americas-bandstand-chef-attended-dinner-stations\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-10\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Oct<\/div>\n                                <div class=\"mg-event-day\">7<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Americas Bandstand                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Supper Club<\/span>\n                                    <span class=\"mg-badge-type\">Lunch and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 12:30 PM &bull; Show: 2:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/october-12-lunch-and-show-americas-bandstand-supper-club\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-10\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Oct<\/div>\n                                <div class=\"mg-event-day\">8<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Americas Bandstand                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Plated Options<\/span>\n                                    <span class=\"mg-badge-type\">Lunch &amp; Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 12:30 PM &bull; Show: 2:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/october-8-americas-bandstand-lunch-and-show-plated\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Green Grocer Wine Bar - Williams Bay\"\n                             data-type=\"free\"\n                             data-month=\"2026-10\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Oct<\/div>\n                                <div class=\"mg-event-day\">10<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch                                    <span class=\"mg-event-badge mg-badge-free\">Free<\/span>                                <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Green Grocer Wine Bar - Williams Bay<\/span>                                     &bull;                                     <span>5:00 PM - 8:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Green Grocer Wine Bar - Williams Bay\"\n                             data-type=\"free\"\n                             data-month=\"2026-11\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Nov<\/div>\n                                <div class=\"mg-event-day\">14<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch                                    <span class=\"mg-event-badge mg-badge-free\">Free<\/span>                                <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Green Grocer Wine Bar - Williams Bay<\/span>                                     &bull;                                     <span>5:00 PM - 8:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"free\"\n                             data-month=\"2026-11\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Nov<\/div>\n                                <div class=\"mg-event-day\">21<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    GLWA Murder Mystery Dinner Fundraiser                                    <span class=\"mg-event-badge mg-badge-private\">Private<\/span>\n                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>5:00 PM - 10:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"free\"\n                             data-month=\"2026-11\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Nov<\/div>\n                                <div class=\"mg-event-day\">28<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Fellow Mortals Wildlife Dinner                                    <span class=\"mg-event-badge mg-badge-private\">Private<\/span>\n                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>4:00 PM - 9:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-12\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Dec<\/div>\n                                <div class=\"mg-event-day\">2<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Christmas Remembered                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Plated Options<\/span>\n                                    <span class=\"mg-badge-type\">Lunch &amp; Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 12:30 PM &bull; Show: 2:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/december-2-christmas-remembered-lunch-and-show-plated\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-12\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Dec<\/div>\n                                <div class=\"mg-event-day\">5<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Christmas Remembered                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Chef Attended Dinner Stations<\/span>\n                                    <span class=\"mg-badge-type\">Dinner and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/december-5-dinner-and-show-christmas-remembered-chef-attended-dinner-stations\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-12\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Dec<\/div>\n                                <div class=\"mg-event-day\">7<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Christmas Remembered                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Supper Club<\/span>\n                                    <span class=\"mg-badge-type\">Dinner and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/december-7-dinner-and-show-christmas-remembered-supper-club\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"free\"\n                             data-month=\"2026-12\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Dec<\/div>\n                                <div class=\"mg-event-day\">10<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Thrivent Christmas Remembered Dinner\/Show                                    <span class=\"mg-event-badge mg-badge-private\">Private<\/span>\n                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>5:00 PM - 10:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-12\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Dec<\/div>\n                                <div class=\"mg-event-day\">11<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Christmas Remembered                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Sweets &#038; Treats<\/span>\n                                    <span class=\"mg-badge-type\">Sweets &amp; Treats, Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 1:00 PM &bull; Show: 2:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/december-06-6pm-sweets-treats-7pm-show-christmas-remembered\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Green Grocer Wine Bar - Williams Bay\"\n                             data-type=\"free\"\n                             data-month=\"2026-12\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Dec<\/div>\n                                <div class=\"mg-event-day\">19<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch \/ Christmas Show and Party                                    <span class=\"mg-event-badge mg-badge-free\">Free<\/span>                                <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Green Grocer Wine Bar - Williams Bay<\/span>                                     &bull;                                     <span>5:00 PM - 8:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-12\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Dec<\/div>\n                                <div class=\"mg-event-day\">22<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Christmas Remembered                                                                    <\/h3>\n                                                                <div class=\"mg-event-badges\">\n                                    <span class=\"mg-badge-meal\">Chef Attended Dinner Stations<\/span>\n                                    <span class=\"mg-badge-type\">Dinner and Show<\/span>                                <\/div>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>Meal: 5:30 PM &bull; Show: 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/product\/december-22-dinner-and-show-christmas-remembered-chef-attended-dinner-stations\/\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Rosewood Music Theater\"\n                             data-type=\"ticketed\"\n                             data-month=\"2026-12\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Dec<\/div>\n                                <div class=\"mg-event-day\">31<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    New Year&#039;s Eve with Mark &amp; Gretch                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Rosewood Music Theater<\/span>                                     &bull;                                     <span>6:00 PM - 12:00 AM<\/span>                                <\/div>\n                                                            <\/div>\n                                                            <a href=\"https:\/\/rosewoodwi.com\/tickets\" class=\"mg-btn\" target=\"_blank\">Tickets<\/a>\n                                                    <\/div>\n                                            <div class=\"mg-event\" \n                             data-venue=\"Breckenridge Gold and Tennis Club \/ Estero, Florida\"\n                             data-type=\"free\"\n                             data-month=\"2027-03\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Mar<\/div>\n                                <div class=\"mg-event-day\">12<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Mark &amp; Gretch                                    <span class=\"mg-event-badge mg-badge-private\">Private<\/span>\n                                                                    <\/h3>\n                                                                                                <div class=\"mg-event-meta\">\n                                    <span>Breckenridge Gold and Tennis Club \/ Estero, Florida<\/span>                                     &bull;                                     <span>4:00 PM - 7:00 PM<\/span>                                <\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                    <\/div>\n                <div class=\"mg-no-results\" id=\"mg-no-results\">No shows match your filters. Try adjusting your selection.<\/div>\n                    <\/section>\n    <\/div>\n                <div class=\"mg-section-wrap mg-about-wrap mg-overlay-dark mg-bg-center lazyload\" id=\"about\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/photo-1550291652-6ea9114a47b1.jpg&#039;)\">\n        <section class=\"mg-section\">\n            <h2 class=\"mg-section-title\">About<\/h2>\n            <div class=\"mg-bio\">\n                <div class=\"mg-bio-image-wrap\"><img decoding=\"async\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/A5127585-12CA-4439-8F29-9D6220FC0C13_1_102_a.jpeg\" alt=\"Mark and Gretch\" class=\"mg-bio-image lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/2048;\"><\/div>                <div class=\"mg-bio-content\"><p>Mark and Gretch have been performing music together for more than 20 years, crafting an expansive playlist of favorite Pop, Country, and Rock Hits. Their goal is to record and perform music that everybody knows, preserving the original arrangements that made the songs famous. They record interactive soundtracks that provide powerful accompaniment to their exceptional live instruments and vocals, reproducing the sound of a full band. They are both accomplished lead vocalists and choose music that features strong vocal harmonies. Mark and Gretch are dynamic entertainers that draw their audiences into every and every song they perform.<\/p>\n<\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n                <div class=\"mg-section-wrap mg-reviews-wrap mg-overlay-light\" id=\"reviews\">\n        <section class=\"mg-section\">\n            <h2 class=\"mg-section-title\">References<\/h2>\n            <div class=\"mg-reviews-list\">\n                                    <div class=\"mg-review\">\n                        <div class=\"mg-review-header\" onclick=\"this.parentElement.classList.toggle('expanded')\">\n                            <span class=\"mg-review-star\">&#9733;<\/span>\n                            <span class=\"mg-review-preview\">\n                                They have performed for several sold out events...                                <span class=\"mg-review-more\">[more]<\/span>                            <\/span>\n                        <\/div>\n                                                <div class=\"mg-review-full\">\n                            <div class=\"mg-review-full-inner\">\n                                <p class=\"mg-review-quote\">I have known Mark for about 15 years. We first met when he enrolled his daughter in our charter school. Over the years he has proven to be a great Father, as well as a good friend.\r\n\r\nI have watched Mark &amp; Gretch perform at various venues; from county fairs, festivals, supper clubs, to their own music shows at Rosewood, in Delavan, WI. I enjoyed their performances so much that I booked them to play at Breckenridge Golf and Tennis Club, (Estero, FL) my place of residence in the winter. They have performed for several sold-out events since then and are returning to sold-out engagements in November \u201923 and March of 2024.\r\n\r\nIn addition, because my wife loves them, I contracted M&amp;G to play at her surprise birthday party at our HOA in Lake Geneva, WI. It was the social event of the year. In summary, I would highly recommend M&amp;G to play at any venue that craves energetic and personalized entertainment.<\/p>\n                                <div class=\"mg-review-source\">&mdash; Jerry, Estero Florida<\/div>\n                                <span class=\"mg-review-collapse\" onclick=\"event.stopPropagation(); this.closest('.mg-review').classList.remove('expanded');\">[collapse]<\/span>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                                    <div class=\"mg-review\">\n                        <div class=\"mg-review-header\" onclick=\"this.parentElement.classList.toggle('expanded')\">\n                            <span class=\"mg-review-star\">&#9733;<\/span>\n                            <span class=\"mg-review-preview\">\n                                They transform ordinary moments into wonderful memories...                                <span class=\"mg-review-more\">[more]<\/span>                            <\/span>\n                        <\/div>\n                                                <div class=\"mg-review-full\">\n                            <div class=\"mg-review-full-inner\">\n                                <p class=\"mg-review-quote\">I\u2019ve experienced the enchanting musical world of Mark and Gretch Hladish, a duo whose performances resonate with the heartbeat of true artistry. Each show, whether under the expansive roof of their Rosewood theater in Delavan, WI or amidst the intimacy of a garden party, is an exhibition of extraordinary talent and heartfelt passion. Mark\u2019s mastery over 20 musical instruments weaves a rich tapestry of sound, a perfect backdrop for Gretch\u2019s soul-stirring vocals that effortlessly connect with every audience member.\r\nTheir eclectic repertoire guarantees a delightful musical journey, ensuring melodies for every ear. Don\u2019t take my word for it. I urge those reading this to experience it for themselves\u2014visit their website for a glimpse. But better yet, join them in person and become part of the magic. Mark and Gretch Hladish don\u2019t just perform; they transform ordinary moments into wonderful memories.<\/p>\n                                <div class=\"mg-review-source\">&mdash; Keith, Miromar Lake, Florida<\/div>\n                                <span class=\"mg-review-collapse\" onclick=\"event.stopPropagation(); this.closest('.mg-review').classList.remove('expanded');\">[collapse]<\/span>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                                    <div class=\"mg-review\">\n                        <div class=\"mg-review-header\" onclick=\"this.parentElement.classList.toggle('expanded')\">\n                            <span class=\"mg-review-star\">&#9733;<\/span>\n                            <span class=\"mg-review-preview\">\n                                Their music selection was great, beautiful voices, very professional and personal...                                <span class=\"mg-review-more\">[more]<\/span>                            <\/span>\n                        <\/div>\n                                                <div class=\"mg-review-full\">\n                            <div class=\"mg-review-full-inner\">\n                                <p class=\"mg-review-quote\">My name is Da\u2019sia, and I am the office manager\/ lifestyle coordinator at a community in Estero, Florida. I would highly recommend Mark and Gretch. Last year I had several residents and one specifically begging for me to get them to come to our community. I booked them for a music on the lawn behind our clubhouse with over 200 people attending and let me tell you, EVERYONE left there raving about this duo. We instantly booked the following week for another event.\r\n\r\nTheir music selection was great, beautiful voices, very professional and personal. Their interaction with the crowd was wonderful. We are so happy to have them be a part of the Breckenridge Golf and Tennis Club.<\/p>\n                                <div class=\"mg-review-source\">&mdash; Da&#039;sia, Office Manager \/ Lifestyle Coordinator - Estero<\/div>\n                                <span class=\"mg-review-collapse\" onclick=\"event.stopPropagation(); this.closest('.mg-review').classList.remove('expanded');\">[collapse]<\/span>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                            <\/div>\n        <\/section>\n    <\/div>\n            \n        <div class=\"mg-section-wrap mg-contact-wrap mg-overlay-dark\" id=\"contact\">\n        <section class=\"mg-section\">\n            <h2 class=\"mg-section-title\">Book Us<\/h2>\n                        <div class=\"mg-contact-intro\">\n                <p>If you would like to secure Mark &amp; Gretch to perform for your venue, special event, fair or festival feel free to call or contact them using the form below.<\/p>\n            <\/div>\n                        <div class=\"mg-phone\"><a href=\"tel:2622755587\">262-275-5587<\/a><\/div>\n            <div class=\"mg-contact-divider\"><span>or send a message<\/span><\/div>\n            <div class=\"mg-contact-form\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f27-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"27\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F8#wpcf7-f27-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"27\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f27-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"cf7zs_form_id\" value=\"27\" \/><input type=\"hidden\" name=\"cf7zs_fallback\" value=\"Mjd8MTc4MDExMzk4MHwxNzgwNzE4NzgwfDYyZTZjODU5YWIwMjFjYzRlNWUyMWVmYzZjZTcxNjcyfDE.YzYwN2EwYjVmZDQ2OGE0MGEyYTNkZGY2YmNlYmMwYzI0ZmQ5MDZhZmY3NjI0Nzk3ZTQxYWE0YzdkZTA3OGZjOQ\" \/><input type=\"hidden\" name=\"cf7_zero_spam_token\" value=\"\" \/>\n<\/fieldset>\n<p><label>Your Name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><\/label>\n<\/p>\n<p><label>Your Email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"email@example.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><\/label>\n<\/p>\n<p><label>Your Phone<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-303\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"(555) 555-5555\" value=\"\" type=\"tel\" name=\"tel-303\" \/><\/span><\/label>\n<\/p>\n<p><label>Inquiry Type<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"inquiry-type\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"inquiry-type\"><option value=\"Booking Request\">Booking Request<\/option><option value=\"General Question\">General Question<\/option><option value=\"Private Event\">Private Event<\/option><option value=\"Wedding\">Wedding<\/option><option value=\"Corporate Event\">Corporate Event<\/option><option value=\"Other\">Other<\/option><\/select><\/span><\/label>\n<\/p>\n<p><label>Name of Venue<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"nameofvenue\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Venue or location name\" value=\"\" type=\"text\" name=\"nameofvenue\" \/><\/span><\/label>\n<\/p>\n<p><label>Preferred Date<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"dateofperformance\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-date\" aria-invalid=\"false\" value=\"\" type=\"date\" name=\"dateofperformance\" \/><\/span><\/label>\n<\/p>\n<p class=\"full-width\"><label>Your Message<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Tell us about your event...\" name=\"your-message\"><\/textarea><\/span><\/label>\n<\/p>\n<p><span id=\"wpcf7-6a1a623c165a2-wrapper\" class=\"wpcf7-form-control-wrap honeypot-753-wrap\" style=\"display:none !important; visibility:hidden !important;\"><input type=\"hidden\" name=\"honeypot-753-time-start\" value=\"1780113980\"><input type=\"hidden\" name=\"honeypot-753-time-check\" value=\"4\"><label for=\"wpcf7-6a1a623c165a2-field\" class=\"hp-message\">Please leave this field empty.<\/label><input id=\"wpcf7-6a1a623c165a2-field\"  class=\"wpcf7-form-control wpcf7-text\" type=\"text\" name=\"honeypot-753\" value=\"\" size=\"40\" tabindex=\"-1\" autocomplete=\"new-password\" \/><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n        <\/section>\n    <\/div>\n    \n    <footer class=\"mg-cs-footer\" id=\"mg-cs-footer\">\n        <div class=\"mg-cs-footer-bg\" aria-hidden=\"true\"><\/div>\n        <div class=\"mg-cs-footer-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"mg-cs-footer-inner\">\n            <span class=\"mg-cs-eyebrow\">Site crafted by<\/span>\n            <a href=\"https:\/\/camoandsky.com\/referrer\/\" class=\"mg-cs-logo-link\" target=\"_blank\" rel=\"noopener\" aria-label=\"Camo &amp; Sky\">\n                <img decoding=\"async\" data-src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/Camo-and-Sky-Logo-White-Text.png\" alt=\"Camo &amp; Sky\" class=\"mg-cs-logo lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/219;\" \/>\n            <\/a>\n            <p class=\"mg-cs-tagline\">Big sky ideas, on the ground solutions.<\/p>\n            <a href=\"https:\/\/camoandsky.com\/referrer\/\" class=\"mg-cs-cta\" target=\"_blank\" rel=\"noopener\">Visit Camo &amp; Sky<\/a>\n            <div class=\"mg-cs-copy\">&copy; 2026 Mark &amp; Gretch &middot; All rights reserved<\/div>\n        <\/div>\n    <\/footer>\n<\/div>\n\n<div class=\"mg-console\" id=\"mg-console\">\n    <div class=\"mg-console-player\">\n        <button class=\"mg-console-btn\" id=\"mg-console-btn\"><span class=\"mg-icon-play\"><\/span><span class=\"mg-icon-pause\"><\/span><\/button>\n        <div class=\"mg-console-info\">\n            <div class=\"mg-console-title\" id=\"mg-console-title\">Select a track<\/div>\n            <div class=\"mg-console-progress\"><div class=\"mg-console-progress-fill\" id=\"mg-console-progress\"><\/div><\/div>\n        <\/div>\n        <div class=\"mg-console-time\" id=\"mg-console-time\">0:00<\/div>\n    <\/div>\n    <a href=\"#contact\" class=\"mg-console-contact\" onclick=\"event.preventDefault(); var t = document.getElementById('contact'); if(t) window.scrollTo({top: t.offsetTop - 70, behavior: 'smooth'});\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><span>Book Us<\/span><\/a>\n<\/div>\n\n<script>\n\/\/ Camo & Sky footer scroll reveal\n(function(){\n    var footer = document.getElementById('mg-cs-footer');\n    if (!footer) return;\n    if ('IntersectionObserver' in window) {\n        var io = new IntersectionObserver(function(entries){\n            entries.forEach(function(entry){\n                if (entry.isIntersecting) {\n                    footer.classList.add('is-revealed');\n                    io.unobserve(footer);\n                }\n            });\n        }, { rootMargin: '0px 0px -15% 0px', threshold: 0.15 });\n        io.observe(footer);\n    } else {\n        footer.classList.add('is-revealed');\n    }\n})();\n\n(function(){\n    var audio = null, currentTrack = null;\n    var mgConsole = document.getElementById('mg-console');\n    var consoleBtn = document.getElementById('mg-console-btn');\n    var consoleTitle = document.getElementById('mg-console-title');\n    var consoleProgress = document.getElementById('mg-console-progress');\n    var consoleTime = document.getElementById('mg-console-time');\n    var musicWrap = document.querySelector('.mg-music-wrap');\n    \n    function formatTime(s) { return Math.floor(s\/60) + ':' + (Math.floor(s%60)<10?'0':'') + Math.floor(s%60); }\n    \n    consoleBtn.addEventListener('click', function() {\n        if (!audio) return;\n        if (audio.paused) { audio.play(); currentTrack.classList.add('playing'); mgConsole.classList.add('playing'); }\n        else { audio.pause(); currentTrack.classList.remove('playing'); mgConsole.classList.remove('playing'); }\n    });\n    \n    document.querySelectorAll('.mg-track').forEach(function(track) {\n        var btn = track.querySelector('.mg-play-btn');\n        var progressFill = track.querySelector('.mg-track-progress-fill');\n        var timeDisplay = track.querySelector('.mg-track-time');\n        var src = track.dataset.src;\n        var title = track.querySelector('.mg-track-title').textContent;\n        if (!src) return;\n        \n        btn.addEventListener('click', function() {\n            if (currentTrack === track && audio) {\n                if (audio.paused) { audio.play(); track.classList.add('playing'); mgConsole.classList.add('playing'); }\n                else { audio.pause(); track.classList.remove('playing'); mgConsole.classList.remove('playing'); }\n                return;\n            }\n            if (audio) { audio.pause(); currentTrack.classList.remove('playing'); }\n            audio = new Audio(src);\n            currentTrack = track;\n            mgConsole.classList.add('visible', 'playing');\n            consoleTitle.textContent = title;\n            \n            audio.addEventListener('timeupdate', function() {\n                var pct = (audio.currentTime \/ audio.duration) * 100;\n                progressFill.style.width = pct + '%';\n                timeDisplay.textContent = formatTime(audio.currentTime);\n                consoleProgress.style.width = pct + '%';\n                consoleTime.textContent = formatTime(audio.currentTime);\n            });\n            audio.addEventListener('ended', function() {\n                track.classList.remove('playing'); progressFill.style.width = '0'; timeDisplay.textContent = '0:00';\n                mgConsole.classList.remove('playing'); consoleProgress.style.width = '0'; consoleTime.textContent = '0:00';\n            });\n            audio.play();\n            track.classList.add('playing');\n        });\n    });\n    \n    window.addEventListener('scroll', function() {\n        var scrollY = window.scrollY || window.pageYOffset;\n        \n        if (musicWrap) {\n            var windowBottom = scrollY + window.innerHeight;\n            if (windowBottom > musicWrap.offsetTop + 100) {\n                if (!mgConsole.classList.contains('visible')) {\n                    mgConsole.classList.add('visible');\n                }\n            } else if (!audio || audio.paused) {\n                mgConsole.classList.remove('visible');\n            }\n        }\n        \n        var sections = ['shows', 'music', 'reviews', 'videos', 'about', 'contact'];\n        var currentSection = '';\n        sections.forEach(function(id) { var el = document.getElementById(id); if (el && scrollY >= el.offsetTop - 100) currentSection = id; });\n        document.querySelectorAll('.mg-nav-link').forEach(function(link) {\n            link.classList.remove('active');\n            if (link.getAttribute('href') === '#' + currentSection) link.classList.add('active');\n        });\n    }, { passive: true });\n    \n    document.querySelectorAll('.mg-nav-link').forEach(function(link) {\n        link.addEventListener('click', function(e) {\n            e.preventDefault();\n            var target = document.querySelector(this.getAttribute('href'));\n            if (target) window.scrollTo({ top: target.offsetTop - 70, behavior: 'smooth' });\n        });\n    });\n    \n    \/\/ \u2550\u2550\u2550 VIDEO PLAYERS \u2550\u2550\u2550\n    document.querySelectorAll('.mg-video-card').forEach(function(card) {\n        var video = card.querySelector('video');\n        var playBtn = card.querySelector('.mg-video-play');\n        \n        if (!video || !playBtn) return;\n        \n        function playVideo() {\n            \/\/ Pause all other videos first\n            document.querySelectorAll('.mg-video-card').forEach(function(otherCard) {\n                if (otherCard !== card) {\n                    var otherVideo = otherCard.querySelector('video');\n                    if (otherVideo && !otherVideo.paused) {\n                        otherVideo.pause();\n                        otherCard.classList.remove('playing');\n                    }\n                }\n            });\n            \n            if (video.paused) {\n                video.play();\n                card.classList.add('playing');\n            } else {\n                video.pause();\n                card.classList.remove('playing');\n            }\n        }\n        \n        playBtn.addEventListener('click', playVideo);\n        video.addEventListener('click', playVideo);\n        \n        video.addEventListener('ended', function() {\n            card.classList.remove('playing');\n            video.currentTime = 0;\n        });\n        \n        \/\/ Pause video when scrolled out of view\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (!entry.isIntersecting && !video.paused) {\n                    video.pause();\n                    card.classList.remove('playing');\n                }\n            });\n        }, { threshold: 0.3 });\n        \n        observer.observe(card);\n    });\n    \n    \/\/ \u2550\u2550\u2550 SHOWS FILTER SYSTEM \u2550\u2550\u2550\n    var filterVenue = document.getElementById('mg-filter-venue');\n    var filterMonth = document.getElementById('mg-filter-month');\n    var filterPills = document.querySelectorAll('.mg-filter-pill');\n    var filterClear = document.getElementById('mg-filter-clear');\n    var filterCount = document.getElementById('mg-filter-count');\n    var eventsList = document.getElementById('mg-events-list');\n    var noResults = document.getElementById('mg-no-results');\n    var allEvents = document.querySelectorAll('.mg-event');\n    \n    var currentFilters = {\n        venue: '',\n        month: '',\n        type: 'all'\n    };\n    \n    function applyFilters() {\n        var visibleCount = 0;\n        \n        allEvents.forEach(function(event) {\n            var matchVenue = !currentFilters.venue || event.dataset.venue === currentFilters.venue;\n            var matchMonth = !currentFilters.month || event.dataset.month === currentFilters.month;\n            var matchType = currentFilters.type === 'all' || event.dataset.type === currentFilters.type;\n            \n            if (matchVenue && matchMonth && matchType) {\n                event.classList.remove('mg-filtered-out');\n                visibleCount++;\n            } else {\n                event.classList.add('mg-filtered-out');\n            }\n        });\n        \n        \/\/ Update count\n        if (filterCount) filterCount.textContent = visibleCount;\n        \n        \/\/ Show\/hide no results message\n        if (noResults) {\n            if (visibleCount === 0) {\n                noResults.classList.add('visible');\n            } else {\n                noResults.classList.remove('visible');\n            }\n        }\n        \n        \/\/ Show\/hide clear button\n        var hasActiveFilters = currentFilters.venue || currentFilters.month || currentFilters.type !== 'all';\n        if (filterClear) {\n            if (hasActiveFilters) {\n                filterClear.classList.remove('hidden');\n            } else {\n                filterClear.classList.add('hidden');\n            }\n        }\n    }\n    \n    \/\/ Venue dropdown\n    if (filterVenue) {\n        filterVenue.addEventListener('change', function() {\n            currentFilters.venue = this.value;\n            applyFilters();\n        });\n    }\n    \n    \/\/ Month dropdown\n    if (filterMonth) {\n        filterMonth.addEventListener('change', function() {\n            currentFilters.month = this.value;\n            applyFilters();\n        });\n    }\n    \n    \/\/ Type pill buttons\n    filterPills.forEach(function(pill) {\n        pill.addEventListener('click', function() {\n            filterPills.forEach(function(p) { p.classList.remove('active'); });\n            this.classList.add('active');\n            currentFilters.type = this.dataset.type;\n            applyFilters();\n        });\n    });\n    \n    \/\/ Clear filters button\n    if (filterClear) {\n        filterClear.addEventListener('click', function() {\n            currentFilters = { venue: '', month: '', type: 'all' };\n            if (filterVenue) filterVenue.value = '';\n            if (filterMonth) filterMonth.value = '';\n            filterPills.forEach(function(p) { \n                p.classList.remove('active');\n                if (p.dataset.type === 'all') p.classList.add('active');\n            });\n            applyFilters();\n        });\n    }\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/markandgretch.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/markandgretch.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/markandgretch.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/markandgretch.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/markandgretch.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":0,"href":"https:\/\/markandgretch.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/markandgretch.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}