/*
 Theme Name:   Music on the Moor
 Theme URI:    https://moor.thstudio-hosting.co.uk
 Description:  Divi child theme for Music on the Moor
 Author:       Unify
 Template:     Divi
 Version:      2.0
 Text Domain:  motm
*/

@import url('https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700&display=swap');

:root {
    --motm-primary:   #1b551b;
    --motm-secondary: #a03c29;
    --motm-tertiary:  #f6f4f0;
    --motm-white:     #ffffff;
    --motm-dark:      #1a1a1a;
    --motm-muted:     #5a6a72;
    --motm-serif:  'Crimson Pro', 'Crimson Text', Georgia, serif;
    --motm-sans:   'Onest', -apple-system, BlinkMacSystemFont, sans-serif;
    --motm-h1: clamp(2.5rem, 6vw, 5rem);
    --motm-h2: clamp(1.5rem, 3vw, 2.5rem);
    --motm-h3: clamp(1.75rem, 3.5vw, 3.125rem);
    --motm-h4: clamp(1.25rem, 2.5vw, 2.5rem);
    --motm-h5: clamp(1.1rem, 2vw, 1.875rem);
    --motm-p:  clamp(1.125rem, 1.8vw, 1.375rem);
    --motm-section-pad: clamp(3rem, 7vw, 7rem);
    --motm-inner-max:   1200px;
    --motm-gap:         clamp(1rem, 2vw, 1.5rem);
    --motm-radius-pill: 50px;
    --motm-radius-card: 4px;
    --motm-transition:  0.3s ease;
    --motm-shadow:      0 4px 24px rgba(27, 85, 27, 0.1);
    --motm-shadow-hover: 0 8px 40px rgba(27, 85, 27, 0.18);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    font-family: var(--motm-serif);
    font-size: var(--motm-p);
    color: var(--motm-dark);
    background-color: var(--motm-white);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--motm-primary); text-decoration: none; transition: color var(--motm-transition), opacity var(--motm-transition); }
a:hover { opacity: 0.75; }

h1, .motm-h1 { font-family: var(--motm-serif); font-size: var(--motm-h1); font-weight: 400; line-height: 1.0; letter-spacing: -0.01em; color: var(--motm-primary); margin: 0 0 0.3rem; }
h2, .motm-h2 { font-family: var(--motm-serif); font-size: var(--motm-h2); font-weight: 400; line-height: 1.1; color: var(--motm-primary); margin: 0 0 0.3rem; }
@media (max-width: 768px) { h1, .motm-h1 { margin: 0 0 0.2rem; } h2, .motm-h2 { margin: 0 0 0.2rem; } }
h3, .motm-h3 { font-family: var(--motm-serif); font-size: var(--motm-h3); font-weight: 400; line-height: 1.1; color: var(--motm-primary); margin: 0 0 0.75rem; }
h4, .motm-h4 { font-family: var(--motm-serif); font-size: var(--motm-h4); font-weight: 400; line-height: 1.2; color: var(--motm-primary); margin: 0 0 0.5rem; }
h5, .motm-h5 { font-family: var(--motm-serif); font-size: var(--motm-h5); font-weight: 400; line-height: 1.25; color: var(--motm-primary); margin: 0 0 0.5rem; }
p { font-family: var(--motm-serif); font-size: var(--motm-p); color: var(--motm-dark); line-height: 1.75; margin: 0 0 0.35rem; }
p:last-child { margin-bottom: 0; }

.motm-eyebrow { font-family: var(--motm-sans); font-size: clamp(0.65rem, 1vw, 0.75rem); font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em; color: var(--motm-secondary); display: block; margin-bottom: 0.75rem; }
.motm-meta { font-family: var(--motm-sans); font-size: clamp(0.7rem, 1.2vw, 0.8rem); font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; color: var(--motm-muted); line-height: 1.6; }

.motm-btn, .motm-btn-outline { font-family: var(--motm-sans); font-size: clamp(0.7rem, 1.2vw, 0.8rem); font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; padding: 14px 32px; border-radius: var(--motm-radius-pill); border: 1.5px solid var(--motm-primary); cursor: pointer; display: inline-block; text-decoration: none; transition: background var(--motm-transition), color var(--motm-transition), transform 0.15s ease; line-height: 1; }
.motm-btn { background: var(--motm-primary); color: var(--motm-white); border-color: var(--motm-primary); }
.motm-btn:hover { background: #123d12; border-color: #123d12; color: var(--motm-white); opacity: 1; transform: translateY(-1px); }
.motm-btn-outline { background: transparent; color: var(--motm-primary); }
.motm-btn-outline:hover { background: var(--motm-primary); color: var(--motm-white); opacity: 1; transform: translateY(-1px); }

.motm-link { font-family: var(--motm-sans); font-size: clamp(0.8rem, 1.3vw, 0.875rem); font-weight: 600; text-transform: none; color: var(--motm-primary); text-decoration: none; display: inline-flex; align-items: center; gap: 0.4rem; transition: gap var(--motm-transition); }
.motm-link::after { content: '→'; transition: transform var(--motm-transition); }
.motm-link:hover { opacity: 1; color: var(--motm-primary); }
.motm-link:hover::after { transform: translateX(4px); }

.motm-pill { font-family: var(--motm-sans); font-size: clamp(0.6rem, 1vw, 0.7rem); font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: var(--motm-white); background: var(--motm-primary); padding: 6px 16px; border-radius: var(--motm-radius-pill); display: inline-block; line-height: 1; }
.motm-pill--outline { background: transparent; color: var(--motm-primary); border: 1.5px solid var(--motm-primary); }
.motm-pill--secondary { background: var(--motm-secondary); color: var(--motm-white); }

.motm-inner { max-width: var(--motm-inner-max); margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2.5rem); }
.motm-section { padding-block: var(--motm-section-pad); }
.motm-section--cream { background: var(--motm-tertiary); }
.motm-section--navy { background: var(--motm-primary); }

.motm-day-heading { font-family: var(--motm-serif); font-size: var(--motm-h2); font-weight: 400; color: var(--motm-primary); text-align: center; margin-bottom: clamp(2rem, 4vw, 3rem); padding-top: clamp(2rem, 4vw, 3rem); position: relative; }
.motm-day-heading::before { content: ''; display: block; width: 60px; height: 2px; background: var(--motm-secondary); margin: 0 auto 1.25rem; }

.motm-events-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--motm-gap); }
@media (max-width: 900px) { .motm-events-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px) { .motm-events-grid { grid-template-columns: 1fr; } }

.motm-event-card { display: flex; flex-direction: column; background: var(--motm-white); transition: transform var(--motm-transition); }
.motm-event-card:hover { transform: translateY(-3px); }
.motm-event-card__image-wrap { position: relative; aspect-ratio: 4/3; overflow: hidden; display: block; }
.motm-event-card__image { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform 0.5s ease; }
.motm-event-card:hover .motm-event-card__image { transform: scale(1.04); }
.motm-event-card__pill { position: absolute; top: 0.875rem; left: 0.875rem; z-index: 1; }
.motm-event-card__body { padding: 1.25rem 0 1.5rem; display: flex; flex-direction: column; flex: 1; }
.motm-event-card__title { font-family: var(--motm-serif); font-size: clamp(1.1rem, 2vw, 1.375rem); font-weight: 400; color: var(--motm-dark); line-height: 1.2; margin-bottom: 0.75rem; }
.motm-event-card__meta { margin-bottom: 1rem; display: flex; flex-direction: column; gap: 0.2rem; }
.motm-event-card__discover { margin-top: auto; }
.motm-event-card__excerpt { display: none; }

.motm-event-card__text { font-family: var(--motm-sans); font-size: 14px; color: var(--motm-muted); line-height: 1.6; margin: 0 0 0.75rem; }
.motm-event-card__text p,
.et_pb_column .motm-event-card__text p,
.et_pb_text .motm-event-card__text p { font-family: var(--motm-sans) !important; font-size: 14px !important; color: var(--motm-muted) !important; line-height: 1.6 !important; margin: 0 0 0.6rem !important; }
.motm-event-card__text p:last-child,
.et_pb_column .motm-event-card__text p:last-child { margin-bottom: 0 !important; }

.motm-archive-hero { position: relative; min-height: clamp(400px, 60vh, 700px); background-color: var(--motm-primary); background-size: cover; background-position: center; display: flex; align-items: flex-end; overflow: hidden; }
.motm-archive-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 30%, rgba(27, 85, 27, 0.4) 70%, rgba(27, 85, 27, 0.7) 100%); }
.motm-archive-hero__content { position: relative; z-index: 1; padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 4vw, 2.5rem); max-width: var(--motm-inner-max); margin-inline: auto; width: 100%; }
.motm-archive-hero__title { font-family: var(--motm-serif); font-size: var(--motm-h1); font-weight: 400; color: var(--motm-white); line-height: 1; margin: 0; }

.motm-filter-bar { padding: clamp(1.5rem, 3vw, 2rem) 0; border-bottom: 1px solid rgba(160, 60, 41, 0.3); display: flex; align-items: center; justify-content: center; gap: clamp(0.75rem, 2vw, 2rem); flex-wrap: wrap; }
.motm-filter-bar__label { font-family: var(--motm-sans); font-size: 0.8rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: var(--motm-muted); }
.motm-filter-bar__item { font-family: var(--motm-sans); font-size: 0.875rem; font-weight: 400; color: var(--motm-muted); text-decoration: none; padding: 4px 0; border-bottom: 2px solid transparent; transition: color var(--motm-transition), border-color var(--motm-transition); }
.motm-filter-bar__item:hover, .motm-filter-bar__item.active { color: var(--motm-primary); border-bottom-color: var(--motm-primary); opacity: 1; }
.motm-filter-bar__item.active { font-weight: 600; }

.motm-single-hero { display: grid; grid-template-columns: 55% 1fr; min-height: clamp(400px, 55vh, 620px); }
@media (max-width: 768px) { .motm-single-hero { grid-template-columns: 1fr; } }
.motm-single-hero__image-col { overflow: hidden; position: relative; }
.motm-single-hero__image { width: 100%; height: 100%; object-fit: cover; display: block; }
.motm-single-hero__content-col { background: var(--motm-tertiary); padding: clamp(2.5rem, 5vw, 4rem) clamp(2rem, 4vw, 3.5rem); display: flex; flex-direction: column; justify-content: center; }
.motm-single-hero__title { font-family: var(--motm-serif); font-size: clamp(1.75rem, 4vw, 3rem); font-weight: 400; color: var(--motm-primary); line-height: 1.1; margin: 0.75rem 0 1.25rem; }
.motm-single-hero__excerpt { display: none; }
.motm-single-hero__details { list-style: none; margin: 0 0 2rem; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
.motm-single-hero__details li { font-family: var(--motm-serif); font-size: clamp(0.95rem, 1.5vw, 1.1rem); color: var(--motm-primary); line-height: 1.5; }
.motm-single-hero__book { align-self: flex-start; }

.motm-single-body { padding-block: var(--motm-section-pad); }
.motm-single-body__inner { max-width: 780px; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2.5rem); }
.motm-single-body h2 { font-family: var(--motm-serif); font-size: var(--motm-h3); font-weight: 400; color: var(--motm-primary); margin-bottom: 1rem; }
.motm-single-body p { font-family: var(--motm-serif); font-size: var(--motm-p); line-height: 1.8; color: var(--motm-dark); margin-bottom: 0.35rem; }
.motm-single-body__inner p { font-family: var(--motm-serif); font-size: var(--motm-p); line-height: 1.8; color: var(--motm-dark); margin-bottom: 0.35rem !important; }

.motm-section-heading { text-align: center; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.motm-section-heading__rule { width: 60px; height: 2px; background: var(--motm-secondary); margin: 0 auto 1.25rem; display: block; }
.motm-section-heading h2 { margin: 0; }

.motm-explore-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--motm-gap); }
@media (max-width: 640px) { .motm-explore-grid { grid-template-columns: 1fr; } }
.motm-explore-tile { position: relative; aspect-ratio: 4/3; overflow: hidden; display: block; }
.motm-explore-tile__image { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.motm-explore-tile:hover .motm-explore-tile__image { transform: scale(1.05); }
.motm-explore-tile__label { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(27, 85, 27, 0.82); color: var(--motm-white); font-family: var(--motm-sans); font-size: clamp(0.75rem, 1.3vw, 0.875rem); font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; padding: 0.875rem 1rem; text-align: center; }

.motm-journal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--motm-gap); }
@media (max-width: 900px) { .motm-journal-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px) { .motm-journal-grid { grid-template-columns: 1fr; } }
.motm-journal-card { position: relative; overflow: hidden; }
.motm-journal-card__image-wrap { position: relative; aspect-ratio: 4/3; overflow: hidden; }
.motm-journal-card__image { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; transition: transform 0.5s ease; }
.motm-journal-card:hover .motm-journal-card__image { transform: scale(1.04); }
.motm-journal-card__label { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(27, 85, 27, 0.82); color: var(--motm-white); font-family: var(--motm-serif); font-size: clamp(0.875rem, 1.5vw, 1rem); padding: 0.875rem 1rem; }

.et_pb_text h1, .et_pb_text h2, .et_pb_text h3, .et_pb_text h4, .et_pb_text h5 { font-family: var(--motm-serif) !important; font-weight: 400 !important; color: var(--motm-primary) !important; }
.et_pb_text p { font-family: var(--motm-serif) !important; font-size: var(--motm-p) !important; line-height: 1.75 !important; }
.et_pb_button { font-family: var(--motm-sans) !important; font-size: clamp(0.7rem, 1.2vw, 0.8rem) !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; padding: 14px 32px !important; border-radius: var(--motm-radius-pill) !important; border: 1.5px solid var(--motm-primary) !important; background: transparent !important; color: var(--motm-primary) !important; transition: background var(--motm-transition), color var(--motm-transition) !important; }
.et_pb_button:hover { background: var(--motm-primary) !important; color: var(--motm-white) !important; }
.et_pb_button::after { display: none !important; }

:focus-visible { outline: 2px solid var(--motm-primary); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }

.motm-blurb-cover .et_pb_main_blurb_image { overflow: hidden; border-radius: 0; margin-bottom: 1.25rem; }
.motm-blurb-cover .et_pb_main_blurb_image span, .motm-blurb-cover .et_pb_main_blurb_image a { display: block; aspect-ratio: 4/3; overflow: hidden; position: relative; }
.motm-blurb-cover .et_pb_main_blurb_image a::after { content: ''; position: absolute; inset: 0; background: rgba(27, 85, 27, 0.35); opacity: 0; transition: opacity 0.35s ease; }
.motm-blurb-cover:hover .et_pb_main_blurb_image a::after { opacity: 1; }
.motm-blurb-cover .et_pb_main_blurb_image img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; display: block !important; max-height: none !important; transition: transform 0.5s ease !important; }
.motm-blurb-cover:hover .et_pb_main_blurb_image img { transform: scale(1.05) !important; }
.motm-blurb-cover.motm-blurb-cover--16-9 .et_pb_main_blurb_image span, .motm-blurb-cover.motm-blurb-cover--16-9 .et_pb_main_blurb_image a { aspect-ratio: 16/9; }
.motm-blurb-cover.motm-blurb-cover--square .et_pb_main_blurb_image span, .motm-blurb-cover.motm-blurb-cover--square .et_pb_main_blurb_image a { aspect-ratio: 1/1; }
.motm-blurb-cover.motm-blurb-cover--portrait .et_pb_main_blurb_image span, .motm-blurb-cover.motm-blurb-cover--portrait .et_pb_main_blurb_image a { aspect-ratio: 3/4; }
@media (prefers-reduced-motion: reduce) { .motm-blurb-cover .et_pb_main_blurb_image img { transition: none !important; } .motm-blurb-cover .et_pb_main_blurb_image a::after { transition: none; } }

@media (max-width: 1040px) {
    /* Force burger menu before Divi's default 980px JS trigger */
    .et_pb_menu .et-menu-nav { display: none !important; }
    .et_pb_menu .mobile_menu_bar { display: block !important; }
    .et_pb_menu .mobile_menu_bar:before { font-size: 32px !important; }
    .et_pb_menu .et_mobile_menu { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: var(--motm-primary, #1b551b) !important; z-index: 999999 !important; display: none !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; padding: 80px 10vw !important; overflow-y: auto !important; box-shadow: none !important; border: none !important; margin: 0 !important; }
    .et_pb_menu .mobile_nav.opened .et_mobile_menu { display: flex !important; }
    .et_pb_menu .et_mobile_menu > li > a { font-family: var(--motm-serif, Georgia, serif) !important; font-size: clamp(2rem, 5vw, 3.5rem) !important; font-weight: 400 !important; color: #ffffff !important; line-height: 1.2 !important; padding: 0.4rem 0 !important; border: none !important; display: block !important; background: transparent !important; text-transform: none !important; letter-spacing: -0.01em !important; transition: opacity 0.2s ease !important; }
    .et_pb_menu .et_mobile_menu > li > a:hover { opacity: 0.6 !important; }
    .et_pb_menu .et_mobile_menu > li { border-bottom: 1px solid rgba(255,255,255,0.1) !important; width: 100% !important; background: transparent !important; }
    .et_pb_menu .et_mobile_menu > li:last-child { border-bottom: none !important; }
    .et_pb_menu .et_mobile_menu .sub-menu { background: transparent !important; padding: 0 0 0.5rem 1.5rem !important; border: none !important; }
    .et_pb_menu .et_mobile_menu .sub-menu li a { font-family: var(--motm-sans, 'Onest', sans-serif) !important; font-size: clamp(0.9rem, 2vw, 1.1rem) !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; color: rgba(255,255,255,0.7) !important; padding: 0.3rem 0 !important; border: none !important; background: transparent !important; }
    .et_pb_menu .et_mobile_menu .sub-menu li a:hover { color: #ffffff !important; opacity: 1 !important; }
    .motm-mobile-close { position: fixed !important; top: 20px !important; right: 20px !important; z-index: 1000000 !important; background: transparent !important; border: 2px solid rgba(255,255,255,0.5) !important; color: #ffffff !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; font-size: 24px !important; line-height: 1 !important; cursor: pointer !important; display: none !important; align-items: center !important; justify-content: center !important; font-family: sans-serif !important; }
    .motm-mobile-close.visible { display: flex !important; }
}

.et-l--footer h6, .et-l--footer .et_pb_module_header { font-family: var(--motm-sans) !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }

#et-boc .et_pb_menu .et-menu li.motm-nav-btn { display: flex !important; align-items: center !important; margin-left: 0.75rem !important; }
#et-boc .et_pb_menu .et-menu li.motm-nav-btn > a, #et-boc .et_pb_menu .et-menu li.motm-nav-btn > a:hover { border: 1.5px solid rgba(255,255,255,0.8) !important; border-radius: 50px !important; padding: 8px 18px !important; line-height: 1.4 !important; color: #ffffff !important; background: transparent !important; transition: background 0.2s ease, border-color 0.2s ease !important; align-self: center !important; display: inline-block !important; height: auto !important; }
#et-boc .et_pb_menu .et-menu li.motm-nav-btn > a:hover { background: rgba(255,255,255,0.15) !important; border-color: #ffffff !important; opacity: 1 !important; }


/* ═══════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════ */

.motm-footer { background: var(--motm-white); border-top: 1px solid rgba(160,60,41,0.2); }

.motm-footer__main {
    position: relative;
    overflow: hidden;
    padding: clamp(1.5rem, 3vw, 2rem) 0 0;
}

.motm-footer__inner {
    max-width: var(--motm-inner-max);
    margin-inline: auto;
    padding-inline: clamp(1rem, 4vw, 2.5rem);
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: clamp(2rem, 5vw, 5rem);
    position: relative;
    z-index: 1;
    padding-bottom: 1rem;
}

@media (max-width: 768px) {
    .motm-footer__inner { grid-template-columns: 1fr 1fr; padding-bottom: 1rem; }
    .motm-footer__col--about { grid-column: 1 / -1; }
}
@media (max-width: 480px) { .motm-footer__inner { grid-template-columns: 1fr; } }

.motm-footer__heading { font-family: var(--motm-sans) !important; font-size: 0.7rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; color: var(--motm-muted) !important; margin: 0 0 1.25rem !important; }
.motm-footer__col p { font-family: var(--motm-serif); font-size: var(--motm-p); color: var(--motm-muted); line-height: 1.75; margin: 0; }
.motm-footer__nav { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.motm-footer__nav a { font-family: var(--motm-serif); font-size: var(--motm-p); color: var(--motm-muted); text-decoration: none; transition: color var(--motm-transition); }
.motm-footer__nav a:hover { color: var(--motm-primary); opacity: 1; }
.motm-footer__social { display: flex; gap: 0.75rem; align-items: center; }
.motm-footer__social a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid rgba(160,60,41,0.4); color: var(--motm-muted); text-decoration: none; transition: border-color var(--motm-transition), color var(--motm-transition); }
.motm-footer__social a:hover { border-color: var(--motm-primary); color: var(--motm-primary); opacity: 1; }

.motm-footer__graphic { position: relative !important; width: 100% !important; bottom: auto !important; right: auto !important; margin-top: -120px; }
.motm-footer__graphic img { width: 100%; height: auto; display: block; }

.motm-footer__bar { background: var(--motm-primary); padding: 1rem 0; }
.motm-footer__bar-inner { max-width: var(--motm-inner-max); margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2.5rem); display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.motm-footer__copyright { font-family: var(--motm-sans); font-size: 0.75rem; color: rgba(255,255,255,0.7); margin: 0; }
.motm-footer__legal-list { list-style: none; padding: 0; margin: 0; display: flex; gap: 1.5rem; }
.motm-footer__legal-list a { font-family: var(--motm-sans); font-size: 0.75rem; color: rgba(255,255,255,0.7); text-decoration: none; transition: color var(--motm-transition); }
.motm-footer__legal-list a:hover { color: #ffffff; opacity: 1; }
@media (max-width: 480px) { .motm-footer__bar-inner { flex-direction: column; text-align: center; } .motm-footer__legal-list { justify-content: center; flex-wrap: wrap; gap: 1rem; } }
@media (max-width: 768px) { .motm-footer__inner { padding-bottom: 5rem; } }

#main-footer, .et-l--footer { display: none !important; }

.motm-slide-white .et_pb_slide_description, .motm-slide-white .et_pb_slide_title, .motm-slide-white .et_pb_slide_content, .motm-slide-white .et_pb_slide_description h1, .motm-slide-white .et_pb_slide_description h2, .motm-slide-white .et_pb_slide_description h3, .motm-slide-white .et_pb_slide_description p { color: #ffffff !important; text-align: center !important; }
.motm-slide-white .et_pb_slide_description { text-align: center !important; margin-inline: auto !important; }

#et-boc .motm-header-light .et_pb_menu .et-menu li.motm-nav-btn { display: flex !important; align-items: center !important; margin-left: 0.75rem !important; }
#et-boc .motm-header-light .et_pb_menu .et-menu li.motm-nav-btn > a, #et-boc .motm-header-light .et_pb_menu .et-menu li.motm-nav-btn > a:hover { border-color: var(--motm-primary) !important; color: var(--motm-primary) !important; background: transparent !important; }
#et-boc .motm-header-light .et_pb_menu .et-menu li.motm-nav-btn > a:hover { background: rgba(27,85,27,0.08) !important; opacity: 1 !important; }

#et-boc .et_pb_bg_layout_light.et_pb_menu .et-menu li.motm-nav-btn > a, #et-boc .et_pb_bg_layout_light.et_pb_menu .et-menu li.motm-nav-btn > a:hover, #et-boc .et_pb_menu.et_pb_bg_layout_light .et-menu li.motm-nav-btn > a, #et-boc .et_pb_menu.et_pb_bg_layout_light .et-menu li.motm-nav-btn > a:hover { border: 1.5px solid var(--motm-primary) !important; color: var(--motm-primary) !important; background: transparent !important; }
#et-boc .et_pb_bg_layout_light.et_pb_menu .et-menu li.motm-nav-btn > a:hover, #et-boc .et_pb_menu.et_pb_bg_layout_light .et-menu li.motm-nav-btn > a:hover { background: rgba(27,85,27,0.08) !important; opacity: 1 !important; }