{"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\/* Full width override for Blank Canvas *\/\n.entry-content > .mg-site,\n.wp-block-post-content > .mg-site { \n    max-width: none !important; \n    width: 100vw !important;\n    margin-left: calc(-50vw + 50%) !important;\n    margin-right: calc(-50vw + 50%) !important;\n}\n\n.mg-site {\n    font-family: 'Lato', sans-serif;\n    background: #F5EDE4;\n    color: #2C2420;\n    line-height: 1.7;\n    overflow-x: hidden;\n}\n\n\/* Section with background support *\/\n.mg-section-wrap {\n    position: relative;\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    overflow: visible;\n}\n\n\/* Background alignment *\/\n.mg-section-wrap.mg-bg-top { background-position: center top; }\n.mg-section-wrap.mg-bg-center { background-position: center center; }\n.mg-section-wrap.mg-bg-bottom { background-position: center bottom; }\n\n\/* Ensure sections with background images have enough height *\/\n.mg-section-wrap[style*=\"background-image\"] {\n    min-height: 500px;\n}\n\n.mg-section-wrap::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    pointer-events: none;\n    z-index: 0;\n}\n\n.mg-section-wrap.mg-overlay-dark::before {\n    background: linear-gradient(180deg, rgba(44,36,32,0.92), rgba(107,45,60,0.88));\n}\n\n.mg-section-wrap.mg-overlay-light::before {\n    background: rgba(245,237,228,0.92);\n}\n\n.mg-section-wrap.mg-overlay-cream::before {\n    background: rgba(235,225,214,0.90);\n}\n\n.mg-section-wrap.mg-overlay-gradient::before {\n    background: linear-gradient(180deg, rgba(92,64,51,0.95), rgba(139,90,60,0.92));\n}\n\n.mg-section-wrap.mg-overlay-gradient .mg-section-title {\n    color: #F5EDE4;\n}\n\n\/* Diagonal section dividers *\/\n.mg-divider {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    width: 100%;\n    height: 80px;\n    z-index: 10;\n    pointer-events: none;\n    overflow: hidden;\n}\n\n.mg-divider::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: -5%;\n    width: 110%;\n    height: 200%;\n    transform-origin: bottom right;\n    transform: skewY(-2deg);\n}\n\n.mg-divider-dark::after { background: #2C2420; }\n.mg-divider-light::after { background: #F5EDE4; }\n.mg-divider-cream::after { background: #EBE1D6; }\n.mg-divider-gradient::after { background: #8B5A3C; }\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\n.mg-section-title {\n    font-family: 'Rock Salt', cursive;\n    font-size: 2.2rem;\n    color: #6B2D3C;\n    text-align: center;\n    margin-bottom: 60px;\n    text-shadow: 0 2px 20px rgba(107,45,60,0.15);\n}\n\n.mg-section-wrap.mg-overlay-dark .mg-section-title {\n    color: #C4956A;\n    text-shadow: 0 2px 30px rgba(0,0,0,0.3);\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, #2C2420 0%, #6B2D3C 50%, #8B5A3C 100%);\n}\n\n.mg-hero-wrap.has-bg { background-size: cover; background-position: center; }\n\n.mg-hero-wrap::before {\n    background: linear-gradient(180deg, rgba(44,36,32,0.85), rgba(107,45,60,0.80), rgba(139,90,60,0.85));\n}\n\n.mg-hero {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n    padding: 60px 20px;\n}\n\n.mg-hero-image {\n    width: 300px;\n    height: 300px;\n    border-radius: 50%;\n    object-fit: cover;\n    border: 8px 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\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\n.mg-hero-title {\n    font-family: 'Rock Salt', cursive;\n    font-size: clamp(2.5rem, 8vw, 4.5rem);\n    color: #F5EDE4;\n    margin: 0 0 20px 0;\n    text-shadow: 0 4px 30px rgba(0,0,0,0.4);\n}\n\n.mg-hero-tagline {\n    font-size: 1.4rem;\n    color: #C4956A;\n    letter-spacing: 6px;\n    text-transform: uppercase;\n    margin: 0;\n    text-shadow: 0 2px 20px rgba(0,0,0,0.3);\n}\n\n\/* Shows *\/\n.mg-shows-wrap { background: #EBE1D6; }\n\n.mg-events-list {\n    max-width: 900px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.mg-event {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    padding: 30px 35px;\n    background: #fff;\n    border-radius: 20px;\n    box-shadow: 0 10px 40px rgba(44,36,32,0.08), 0 2px 10px rgba(44,36,32,0.04);\n    transition: all 0.3s ease;\n}\n\n.mg-event:hover {\n    transform: translateY(-3px) scale(1.01);\n    box-shadow: 0 20px 50px rgba(107,45,60,0.12), 0 4px 20px rgba(44,36,32,0.08), 0 0 0 3px rgba(196,149,106,0.2);\n}\n\n.mg-event-date {\n    text-align: center;\n    min-width: 90px;\n    padding: 15px;\n    background: linear-gradient(135deg, #6B2D3C, #8B5A3C);\n    border-radius: 16px;\n    box-shadow: 0 4px 15px rgba(107,45,60,0.3);\n}\n\n.mg-event-month {\n    font-size: 0.85rem;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #C4956A;\n    font-weight: 700;\n}\n\n.mg-event-day {\n    font-family: 'Rock Salt', cursive;\n    font-size: 2rem;\n    color: #F5EDE4;\n    line-height: 1.2;\n}\n\n.mg-event-details { flex: 1; }\n\n.mg-event-details h3 {\n    font-size: 1.3rem;\n    font-weight: 700;\n    margin: 0 0 6px 0;\n    color: #2C2420;\n}\n\n.mg-event-meta { font-size: 1rem; color: #8B5A3C; }\n\n.mg-event-badge {\n    display: inline-block;\n    font-size: 0.7rem;\n    padding: 5px 14px;\n    border-radius: 20px;\n    text-transform: uppercase;\n    font-weight: 700;\n    margin-left: 12px;\n}\n\n.mg-badge-private {\n    background: linear-gradient(135deg, #6B2D3C, #8B5A3C);\n    color: #F5EDE4;\n    box-shadow: 0 2px 10px rgba(107,45,60,0.3);\n}\n\n.mg-badge-free {\n    background: linear-gradient(135deg, #8B5A3C, #C4956A);\n    color: #F5EDE4;\n}\n\n.mg-btn {\n    display: inline-block;\n    padding: 16px 36px;\n    background: linear-gradient(135deg, #6B2D3C, #8B5A3C);\n    color: #F5EDE4;\n    text-decoration: none;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 0.9rem;\n    border-radius: 30px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 20px rgba(107,45,60,0.3);\n}\n\n.mg-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 30px rgba(107,45,60,0.4);\n    color: #F5EDE4;\n}\n\n.mg-no-events {\n    text-align: center;\n    padding: 60px;\n    color: #8B5A3C;\n    font-style: italic;\n    font-size: 1.2rem;\n    background: #fff;\n    border-radius: 20px;\n    box-shadow: 0 10px 40px rgba(44,36,32,0.08);\n}\n\n\/* Music *\/\n.mg-music-wrap { background: #2C2420; }\n.mg-music-wrap .mg-section-title { color: #C4956A; }\n\n.mg-player { \n    max-width: 1000px; \n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.mg-track {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 12px 16px;\n    background: rgba(255,255,255,0.06);\n    border-radius: 12px;\n    border: 1px solid rgba(196,149,106,0.1);\n    transition: all 0.3s ease;\n}\n\n.mg-track:hover {\n    background: rgba(255,255,255,0.1);\n    border-color: rgba(196,149,106,0.3);\n    box-shadow: 0 0 25px rgba(196,149,106,0.1);\n}\n\n.mg-track.playing {\n    background: linear-gradient(135deg, rgba(107,45,60,0.8), rgba(139,90,60,0.6));\n    border-color: #C4956A;\n    box-shadow: 0 0 30px rgba(196,149,106,0.2);\n}\n\n.mg-play-btn {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #C4956A, #E8C9A0);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(196,149,106,0.4);\n}\n\n.mg-play-btn:hover {\n    transform: scale(1.08);\n    box-shadow: 0 6px 25px rgba(196,149,106,0.5);\n}\n\n.mg-play-btn .mg-icon-play,\n.mg-play-btn .mg-icon-pause {\n    display: block;\n}\n\n.mg-play-btn .mg-icon-play {\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 10px 0 10px 18px;\n    border-color: transparent transparent transparent #2C2420;\n    margin-left: 4px;\n}\n\n.mg-play-btn .mg-icon-pause {\n    display: none;\n    width: 16px;\n    height: 18px;\n    border-left: 5px solid #2C2420;\n    border-right: 5px solid #2C2420;\n}\n\n.mg-track.playing .mg-icon-play { display: none; }\n.mg-track.playing .mg-icon-pause { display: block; }\n\n.mg-track-info { flex: 1; min-width: 0; }\n\n.mg-track-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    margin-bottom: 6px;\n    color: #F5EDE4;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mg-track-progress {\n    height: 4px;\n    background: rgba(255,255,255,0.15);\n    border-radius: 2px;\n}\n\n.mg-track-progress-fill {\n    height: 100%;\n    background: linear-gradient(90deg, #C4956A, #E8C9A0);\n    width: 0;\n    border-radius: 2px;\n    box-shadow: 0 0 8px rgba(196,149,106,0.5);\n}\n\n.mg-track-time { font-size: 0.85rem; color: #C4956A; font-weight: 500; min-width: 40px; text-align: right; }\n\n@media (max-width: 700px) {\n    .mg-player {\n        grid-template-columns: 1fr;\n    }\n}\n\n\/* Reviews - Expandable Cards *\/\n.mg-reviews-list {\n    max-width: 900px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.mg-review {\n    background: linear-gradient(135deg, #E8C9A0, #C4956A);\n    padding: 0;\n    border-radius: 16px;\n    box-shadow: 0 8px 30px rgba(44,36,32,0.15);\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.mg-review:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 40px rgba(44,36,32,0.2);\n}\n\n.mg-review-header {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 24px 28px;\n    cursor: pointer;\n}\n\n.mg-review-star {\n    font-size: 1.8rem;\n    color: #2C2420;\n    opacity: 0.7;\n    flex-shrink: 0;\n}\n\n.mg-review-preview {\n    flex: 1;\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #2C2420;\n    line-height: 1.5;\n}\n\n.mg-review-more {\n    color: #6B2D3C;\n    text-decoration: underline;\n    font-weight: 700;\n    white-space: nowrap;\n}\n\n.mg-review-full {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s ease, padding 0.4s ease;\n    background: rgba(255,255,255,0.3);\n}\n\n.mg-review.expanded .mg-review-full {\n    max-height: 500px;\n    padding: 0 28px 24px 28px;\n}\n\n.mg-review.expanded .mg-review-more {\n    display: none;\n}\n\n.mg-review-full-inner {\n    padding-top: 20px;\n    border-top: 1px solid rgba(44,36,32,0.15);\n}\n\n.mg-review-quote {\n    font-size: 1.05rem;\n    line-height: 1.8;\n    color: #2C2420;\n    margin: 0 0 16px 0;\n    font-style: italic;\n}\n\n.mg-review-source {\n    font-weight: 700;\n    color: #6B2D3C;\n    font-size: 0.95rem;\n}\n\n.mg-review-source a {\n    color: inherit;\n    text-decoration: none;\n    border-bottom: 2px solid #6B2D3C;\n}\n\n.mg-review-collapse {\n    display: inline-block;\n    margin-top: 12px;\n    color: #6B2D3C;\n    font-weight: 600;\n    font-size: 0.9rem;\n    cursor: pointer;\n    text-decoration: underline;\n}\n\n\/* Videos *\/\n.mg-videos-wrap { background: #EBE1D6; }\n\n.mg-videos-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\n    gap: 35px;\n}\n\n.mg-video-wrap {\n    position: relative;\n    padding-bottom: 56.25%;\n    height: 0;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(44,36,32,0.15), 0 8px 25px rgba(44,36,32,0.1);\n}\n\n.mg-video-wrap iframe {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    border: none;\n}\n\n\/* Bio *\/\n.mg-about-wrap { background: #F5EDE4; }\n\n.mg-bio {\n    display: grid;\n    grid-template-columns: 1fr 1.4fr;\n    gap: 70px;\n    align-items: center;\n}\n\n.mg-bio-image-wrap { position: relative; }\n\n.mg-bio-image {\n    width: 100%;\n    border-radius: 24px;\n    box-shadow: 0 25px 80px rgba(44,36,32,0.2), 0 10px 30px rgba(44,36,32,0.1);\n}\n\n.mg-bio-image-wrap::after {\n    content: '';\n    position: absolute;\n    top: 20px; left: 20px; right: -20px; bottom: -20px;\n    border: 4px solid #C4956A;\n    border-radius: 24px;\n    z-index: -1;\n    opacity: 0.5;\n}\n\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: #2C2420; }\n.mg-contact-wrap .mg-section-title { color: #C4956A; }\n\n.mg-contact-form {\n    max-width: 600px;\n    margin: 0 auto;\n    background: rgba(255,255,255,0.05);\n    padding: 50px;\n    border-radius: 24px;\n    border: 1px solid rgba(196,149,106,0.2);\n}\n\n\/* Footer *\/\n.mg-footer {\n    text-align: center;\n    padding: 45px;\n    background: #1A1512;\n    color: #C4956A;\n    font-size: 0.95rem;\n}\n\n.mg-footer a {\n    color: #F5EDE4;\n    text-decoration: none;\n    border-bottom: 1px solid #C4956A;\n}\n\n\/* Contact Form 7 Styling *\/\n.mg-contact-form .wpcf7-form {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.mg-contact-form label {\n    color: #C4956A;\n    font-size: 0.95rem;\n    font-weight: 500;\n    margin-bottom: 2px;\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.3);\n    border-radius: 12px;\n    color: #F5EDE4;\n    font-size: 1rem;\n    font-family: 'Lato', sans-serif;\n    transition: all 0.3s ease;\n    margin-bottom: 12px;\n}\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: #C4956A;\n    background: rgba(255,255,255,0.12);\n    box-shadow: 0 0 20px rgba(196,149,106,0.2);\n}\n\n.mg-contact-form input::placeholder,\n.mg-contact-form textarea::placeholder {\n    color: rgba(245,237,228,0.4);\n}\n\n.mg-contact-form textarea {\n    min-height: 150px;\n    resize: vertical;\n}\n\n.mg-contact-form input[type=\"submit\"] {\n    background: linear-gradient(135deg, #C4956A, #E8C9A0);\n    color: #2C2420;\n    padding: 18px 50px;\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.3s ease;\n    box-shadow: 0 4px 20px rgba(196,149,106,0.3);\n    margin-top: 10px;\n    align-self: flex-start;\n}\n\n.mg-contact-form input[type=\"submit\"]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 30px rgba(196,149,106,0.5);\n}\n\n.mg-contact-form .wpcf7-response-output {\n    border-radius: 12px !important;\n    padding: 15px 20px !important;\n    margin: 20px 0 0 0 !important;\n}\n\n.mg-contact-form .wpcf7-not-valid-tip {\n    color: #E8C9A0;\n    font-size: 0.85rem;\n    margin-top: 4px;\n}\n\n\/* Phone number display *\/\n.mg-phone {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.mg-phone a {\n    font-family: 'Rock Salt', cursive;\n    font-size: 2rem;\n    color: #C4956A;\n    text-decoration: none;\n    transition: color 0.3s ease;\n}\n\n.mg-phone a:hover {\n    color: #E8C9A0;\n}\n\n\/* Sticky Bottom Console *\/\n.mg-console {\n    position: fixed;\n    bottom: 16px;\n    left: 50%;\n    transform: translateX(-50%) translateY(calc(100% + 20px));\n    max-width: 700px;\n    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);\n    padding: 14px 20px;\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    border-radius: 20px;\n    transition: transform 0.3s ease;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 2px 8px rgba(0,0,0,0.2);\n    border: 1px solid rgba(196,149,106,0.2);\n}\n\n.mg-console.visible {\n    transform: translateX(-50%) translateY(0);\n}\n\n.mg-console-player {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    max-width: 400px;\n}\n\n.mg-console-btn {\n    width: 48px;\n    height: 48px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #C4956A, #8B5A3C);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.mg-console-btn:hover {\n    transform: scale(1.05);\n    box-shadow: 0 6px 16px rgba(0,0,0,0.4);\n}\n\n.mg-console-btn .mg-icon-play {\n    width: 0; \n    height: 0;\n    border-top: 8px solid transparent;\n    border-bottom: 8px solid transparent;\n    border-left: 14px solid #F5EDE4;\n    margin-left: 4px;\n}\n\n.mg-console-btn .mg-icon-pause {\n    width: 16px; \n    height: 16px;\n    border-left: 5px solid #F5EDE4;\n    border-right: 5px solid #F5EDE4;\n    display: none;\n}\n\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\n.mg-console-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.mg-console-title {\n    color: #F5EDE4;\n    font-size: 0.95rem;\n    font-weight: 600;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mg-console-progress {\n    height: 4px;\n    background: rgba(255,255,255,0.2);\n    border-radius: 2px;\n    margin-top: 6px;\n    overflow: hidden;\n}\n\n.mg-console-progress-fill {\n    height: 100%;\n    background: linear-gradient(90deg, #C4956A, #E8C9A0);\n    width: 0%;\n    transition: width 0.1s linear;\n}\n\n.mg-console-time {\n    color: #C4956A;\n    font-size: 0.85rem;\n    font-family: monospace;\n    flex-shrink: 0;\n}\n\n.mg-console-contact {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 20px;\n    background: linear-gradient(135deg, #6B2D3C, #8B3D4C);\n    border-radius: 25px;\n    color: #F5EDE4;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 0.9rem;\n    transition: all 0.3s ease;\n    flex-shrink: 0;\n}\n\n.mg-console-contact:hover {\n    background: linear-gradient(135deg, #8B3D4C, #6B2D3C);\n    transform: scale(1.05);\n}\n\n.mg-console-contact svg {\n    width: 18px;\n    height: 18px;\n    fill: currentColor;\n}\n\n\/* Add padding to body for sticky console *\/\n.mg-site { padding-bottom: 100px; }\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .mg-section { padding: 70px 20px; }\n    .mg-hero-title { font-size: 2.5rem; }\n    .mg-hero-image { width: 220px; height: 220px; }\n    .mg-event { flex-direction: column; text-align: center; padding: 25px; }\n    .mg-review { padding: 35px 30px; }\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 25px; }\n    .mg-phone a { font-size: 1.5rem; }\n    .mg-console { \n        padding: 12px 16px; \n        gap: 12px; \n        bottom: 12px;\n        border-radius: 16px;\n    }\n    .mg-console-player { max-width: 180px; }\n    .mg-console-btn { width: 42px; height: 42px; }\n    .mg-console-contact span { display: none; }\n    .mg-console-contact { padding: 10px 14px; border-radius: 20px; }\n}\n<\/style>\n\n<div class=\"mg-site\">\n\n    <!-- Hero -->\n    <div class=\"mg-section-wrap mg-hero-wrap mg-bg-top has-bg\" style=\"background-image: url('https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/6767409F-F2FB-4A4E-A542-05CFC8BFFB6E_1_102_a.jpeg');\">\n        <section class=\"mg-hero\">\n                            <img decoding=\"async\" src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/mark-and-gretch-pic-2-copy.jpg\" alt=\"Mark and Gretch\" class=\"mg-hero-image\">\n                        <h1 class=\"mg-hero-title\">Mark &amp; Gretch<\/h1>\n            <p class=\"mg-hero-tagline\">Celebrating life one song at a time<\/p>\n        <\/section>\n        <div class=\"mg-divider mg-divider-light\"><\/div>\n    <\/div>\n\n    <!-- Shows -->\n    <div class=\"mg-section-wrap mg-shows-wrap mg-overlay-light mg-bg-center\" style=\"background-image: url('https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/9B228252-ACB6-47A5-AA56-94BBB782E5CE_1_105_c.jpeg');\">\n        <section class=\"mg-section\">\n            <h2 class=\"mg-section-title\">Upcoming Shows<\/h2>\n                            <div class=\"mg-events-list\">\n                                            <div class=\"mg-event\">\n                            <div class=\"mg-event-date\">\n                                <div class=\"mg-event-month\">Apr<\/div>\n                                <div class=\"mg-event-day\">23<\/div>\n                            <\/div>\n                            <div class=\"mg-event-details\">\n                                <h3>\n                                    Test Show                                                                            <span class=\"mg-event-badge mg-badge-free\">Free<\/span>\n                                                                    <\/h3>\n                                                                    <div class=\"mg-event-meta\">12:30 PM<\/div>\n                                                            <\/div>\n                                                    <\/div>\n                                    <\/div>\n                    <\/section>\n        <div class=\"mg-divider mg-divider-dark\"><\/div>\n    <\/div>\n\n    <!-- Music -->\n        <div class=\"mg-section-wrap mg-music-wrap mg-overlay-dark mg-bg-center\" style=\"background-image: url('https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/IMG_2638.jpg');\">\n        <section class=\"mg-section\">\n            <h2 class=\"mg-section-title\">Listen<\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\/AMIE-FULL-LENGTH.mp3\">\n                        <button class=\"mg-play-btn\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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\">\n                            <span class=\"mg-icon-play\"><\/span>\n                            <span class=\"mg-icon-pause\"><\/span>\n                        <\/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 class=\"mg-divider mg-divider-gradient\"><\/div>\n    <\/div>\n    \n    <!-- Reviews -->\n        <div class=\"mg-section-wrap mg-reviews-wrap mg-overlay-gradient\">\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\">\u2605<\/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\">\n                                    &mdash; \n                                                                            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\">\u2605<\/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\">\n                                    &mdash; \n                                                                            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\">\u2605<\/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\">\n                                    &mdash; \n                                                                            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 class=\"mg-divider mg-divider-dark\"><\/div>\n    <\/div>\n    \n    <!-- Videos -->\n        <div class=\"mg-section-wrap mg-videos-wrap mg-overlay-dark\">\n        <section class=\"mg-section\">\n            <h2 class=\"mg-section-title\">Watch<\/h2>\n            <div class=\"mg-videos-grid\">\n                                    <div class=\"mg-video-wrap\"><iframe src=\"https:\/\/www.youtube.com\/embed\/tUh8sMh2vqw\" allowfullscreen><\/iframe><\/div>\n                                                    <div class=\"mg-video-wrap\"><iframe src=\"https:\/\/www.youtube.com\/embed\/-ezzTZ8dcF8\" allowfullscreen><\/iframe><\/div>\n                            <\/div>\n        <\/section>\n        <div class=\"mg-divider mg-divider-light\"><\/div>\n    <\/div>\n    \n    <!-- Bio -->\n        <div class=\"mg-section-wrap mg-about-wrap mg-overlay-light mg-bg-center\" style=\"background-image: url('https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/photo-1550291652-6ea9114a47b1.jpg');\">\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\">\n                        <img decoding=\"async\" src=\"https:\/\/markandgretch.com\/wp-content\/uploads\/2026\/04\/mark-and-gretch-pic-2-copy.jpg\" alt=\"Mark and Gretch\" class=\"mg-bio-image\">\n                    <\/div>\n                                <div class=\"mg-bio-content\">\n                    <p>Rosewood Music Theater in Delavan, Wisconsin is the musical home of Mark and Gretch Hladish. Having produced more than 18 CDs, they perform over 100 shows each year at Rosewood. They host Sunset On The Patio concert series during the summer months, a popular showcase for extraordinary entertainment, delicious grilled food and crafted summer cocktails. The Rosewood Theater presents themed cabaret music shows scheduled throughout the year. Christmas Remembered shows have now become one of the longest running Christmas performances in Wisconsin. 2026 will be their 21st consecutive season sharing the songs of the season\u2026 accompanied by colorful lighting and imaginative video.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n        <div class=\"mg-divider mg-divider-dark\"><\/div>\n    <\/div>\n    \n    <!-- Contact -->\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\">Stay Connected<\/h2>\n            <div class=\"mg-phone\">\n                <a href=\"tel:2622755587\">262-275-5587<\/a>\n            <\/div>\n            <div class=\"mg-contact-form\">\n                \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=\"\" \/>\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\" 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\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label><br \/>\n<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\" value=\"\" type=\"tel\" name=\"tel-303\" \/><\/span> <\/label>\n<\/p>\n<p><label> Name of Venue <span class=\"wpcf7-form-control-wrap\" data-name=\"nameofvenue\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"nameofvenue\" \/><\/span> <\/label><br \/>\n<label> Performance Date <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><label> Your message (optional)<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\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n    \n    <!-- Footer -->\n    <footer class=\"mg-footer\">\n        &copy; 2026 Mark &amp; Gretch. Site by <a href=\"https:\/\/camoandsky.com\">Camo &amp; Sky<\/a>\n    <\/footer>\n\n<\/div>\n\n<!-- Sticky Console -->\n<div class=\"mg-console\" id=\"mg-console\">\n    <div class=\"mg-console-player\">\n        <button class=\"mg-console-btn\" id=\"mg-console-btn\">\n            <span class=\"mg-icon-play\"><\/span>\n            <span class=\"mg-icon-pause\"><\/span>\n        <\/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\">\n                <div class=\"mg-console-progress-fill\" id=\"mg-console-progress\"><\/div>\n            <\/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\">\n        <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>\n        <span>Book Us<\/span>\n    <\/a>\n<\/div>\n\n<script>\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    \n    function formatTime(s) {\n        var mins = Math.floor(s \/ 60);\n        var secs = Math.floor(s % 60);\n        return mins + ':' + (secs < 10 ? '0' : '') + secs;\n    }\n    \n    function updateConsole(playing, title, pct, time) {\n        if (playing) {\n            mgConsole.classList.add('visible', 'playing');\n        } else {\n            mgConsole.classList.remove('playing');\n        }\n        if (title) consoleTitle.textContent = title;\n        if (pct !== undefined) consoleProgress.style.width = pct + '%';\n        if (time !== undefined) consoleTime.textContent = formatTime(time);\n    }\n    \n    \/\/ Console play\/pause button\n    consoleBtn.addEventListener('click', function() {\n        if (!audio) return;\n        if (audio.paused) {\n            audio.play();\n            currentTrack.classList.add('playing');\n            mgConsole.classList.add('playing');\n        } else {\n            audio.pause();\n            currentTrack.classList.remove('playing');\n            mgConsole.classList.remove('playing');\n        }\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        \n        if (!src) return;\n        \n        btn.addEventListener('click', function() {\n            if (currentTrack === track && audio) {\n                if (audio.paused) {\n                    audio.play();\n                    track.classList.add('playing');\n                    mgConsole.classList.add('playing');\n                } else {\n                    audio.pause();\n                    track.classList.remove('playing');\n                    mgConsole.classList.remove('playing');\n                }\n                return;\n            }\n            \n            if (audio) {\n                audio.pause();\n                currentTrack.classList.remove('playing');\n            }\n            \n            audio = new Audio(src);\n            currentTrack = track;\n            \n            \/\/ Show console with track title\n            updateConsole(true, title, 0, 0);\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                \/\/ Update console\n                consoleProgress.style.width = pct + '%';\n                consoleTime.textContent = formatTime(audio.currentTime);\n            });\n            \n            audio.addEventListener('ended', function() {\n                track.classList.remove('playing');\n                progressFill.style.width = '0';\n                timeDisplay.textContent = '0:00';\n                mgConsole.classList.remove('playing');\n                consoleProgress.style.width = '0';\n                consoleTime.textContent = '0:00';\n            });\n            \n            audio.play();\n            track.classList.add('playing');\n        });\n    });\n    \n    \/\/ Show console only when reaching music section\n    var musicWrap = document.querySelector('.mg-music-wrap');\n    if (musicWrap) {\n        window.addEventListener('scroll', function() {\n            var musicTop = musicWrap.offsetTop;\n            var windowBottom = window.scrollY + window.innerHeight;\n            \/\/ Show when music section enters viewport\n            if (windowBottom > musicTop + 100) {\n                mgConsole.classList.add('visible');\n            } else if (!audio || audio.paused) {\n                mgConsole.classList.remove('visible');\n            }\n        });\n    }\n    \n    \/\/ Subtle reverse parallax effect for background images\n    var parallaxSections = document.querySelectorAll('.mg-section-wrap[style*=\"background-image\"]');\n    if (parallaxSections.length > 0 && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n        var ticking = false;\n        window.addEventListener('scroll', function() {\n            if (!ticking) {\n                window.requestAnimationFrame(function() {\n                    var scrollY = window.scrollY;\n                    parallaxSections.forEach(function(section) {\n                        var rect = section.getBoundingClientRect();\n                        var sectionTop = rect.top + scrollY;\n                        var sectionHeight = section.offsetHeight;\n                        \n                        \/\/ Only apply when section is near viewport\n                        if (scrollY + window.innerHeight > sectionTop && scrollY < sectionTop + sectionHeight) {\n                            \/\/ Calculate offset relative to section position\n                            var relativeScroll = scrollY - sectionTop + window.innerHeight;\n                            var progress = relativeScroll \/ (window.innerHeight + sectionHeight);\n                            \/\/ Subtle shift: max 30px movement (reverse direction)\n                            var offset = (progress - 0.5) * -30;\n                            section.style.backgroundPositionY = 'calc(var(--bg-base-y, 50%) + ' + offset + 'px)';\n                        }\n                    });\n                    ticking = false;\n                });\n                ticking = true;\n            }\n        });\n        \n        \/\/ Set base Y position based on alignment class\n        parallaxSections.forEach(function(section) {\n            if (section.classList.contains('mg-bg-top')) {\n                section.style.setProperty('--bg-base-y', '0%');\n            } else if (section.classList.contains('mg-bg-bottom')) {\n                section.style.setProperty('--bg-base-y', '100%');\n            } else {\n                section.style.setProperty('--bg-base-y', '50%');\n            }\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}]}}