/*
Theme Name: Mythos Events
Theme URI: https://resortmythos.hu/
Author: Weblapteam
Description: Egyedi, Elementor nélküli rendezvényhelyszín téma a Mythos Resort számára.
Version: 0.1.0
Text Domain: mythos-events
*/
:root{--ink:#18231e;--forest:#21362d;--forest-2:#0e1b16;--ivory:#f4f0e7;--paper:#fbf9f4;--brass:#af8b58;--line:rgba(33,54,45,.19);--muted:#69736d;--wrap:1320px;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.me-wrap{width:min(calc(100% - 48px),var(--wrap));margin:auto}.screen-reader-text,.me-skip{position:absolute;left:-9999px}.me-skip:focus{left:16px;top:16px;z-index:9999;background:#fff;padding:12px}
.me-header{position:absolute;z-index:50;top:0;left:0;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.me-header__inner{height:104px;display:flex;align-items:center;gap:40px}.me-logo{width:156px;flex:none}.me-logo img{max-height:72px;width:auto}.me-nav{margin-left:auto}.me-nav ul{display:flex;align-items:center;gap:31px;margin:0;padding:0;list-style:none}.me-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.15em}.me-nav a:hover{color:#dac29c}.me-menu-toggle{display:none}.me-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 25px;border:1px solid var(--brass);background:var(--brass);color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:.25s}.me-button:hover{background:#927044;border-color:#927044}.me-button--outline{background:transparent;border-color:rgba(255,255,255,.68)}.me-button--outline:hover{background:#fff;color:var(--forest)}.me-header__cta{min-height:44px}
.me-hero{position:relative;min-height:880px;display:flex;align-items:flex-end;overflow:hidden;background:var(--forest-2);color:#fff}.me-hero__media,.me-hero__media:after{position:absolute;inset:0}.me-hero__media img{width:100%;height:100%;object-fit:cover}.me-hero__media:after{content:"";background:linear-gradient(90deg,rgba(5,15,11,.88) 0%,rgba(8,19,14,.55) 46%,rgba(8,18,14,.14) 78%),linear-gradient(0deg,rgba(6,16,12,.66),transparent 48%)}.me-hero__content{position:relative;z-index:2;padding-bottom:92px;display:grid;grid-template-columns:minmax(0,820px) 1fr;gap:90px;align-items:end}.me-kicker{display:block;margin-bottom:20px;color:var(--brass);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.me-hero h1{max-width:820px;margin:0;font:400 clamp(52px,6.3vw,92px)/.98 var(--serif);letter-spacing:-.035em}.me-hero__lead{max-width:515px;margin:27px 0 34px;color:rgba(255,255,255,.8);font-size:18px}.me-actions{display:flex;flex-wrap:wrap;gap:12px}.me-hero__aside{border-left:1px solid rgba(255,255,255,.26);padding-left:35px}.me-hero__aside strong{display:block;margin-bottom:7px;font:400 32px/1.1 var(--serif)}.me-hero__aside span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.68)}
.me-intro{padding:118px 0;background:var(--ivory)}.me-intro__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:110px}.me-intro h2,.me-section h2{margin:0;font:400 clamp(42px,5vw,68px)/1.05 var(--serif);letter-spacing:-.025em}.me-intro__copy{font-size:20px;color:#455149}.me-intro__copy p:first-child{margin-top:0}.me-text-link{display:inline-block;margin-top:15px;padding-bottom:5px;border-bottom:1px solid var(--brass);color:inherit;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.me-section{padding:112px 0}.me-section--forest{background:var(--forest);color:#fff}.me-section--dark{background:var(--forest-2);color:#fff}.me-section-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:90px;margin-bottom:55px}.me-section-head p{max-width:520px;margin:0;color:var(--muted)}.me-section--forest .me-section-head p{color:rgba(255,255,255,.64)}
.me-event-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.me-event-card{position:relative;min-height:560px;grid-column:span 4;overflow:hidden;background:#17251f;color:#fff}.me-event-card:first-child{grid-column:span 7}.me-event-card:nth-child(2){grid-column:span 5}.me-event-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.me-event-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,16,12,.88),rgba(7,16,12,.06) 72%)}.me-event-card:hover img{transform:scale(1.035)}.me-event-card__copy{position:absolute;z-index:2;left:34px;right:34px;bottom:31px}.me-event-card small{color:#dcc39e;text-transform:uppercase;letter-spacing:.18em}.me-event-card h3{margin:6px 0 4px;font:400 38px/1.1 var(--serif)}.me-event-card span{font-size:13px;color:rgba(255,255,255,.7)}
.me-facts{border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.me-facts__grid{display:grid;grid-template-columns:repeat(4,1fr)}.me-fact{padding:50px 28px;border-right:1px solid rgba(255,255,255,.2)}.me-fact:last-child{border:0}.me-fact strong{display:block;font:400 43px/1 var(--serif);color:#dbc29b}.me-fact span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.me-venue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.me-venue-card{background:#fff;border:1px solid var(--line)}.me-venue-card__image{aspect-ratio:1.2;overflow:hidden;background:#d8d2c6}.me-venue-card__image img{width:100%;height:100%;object-fit:cover;transition:.7s}.me-venue-card:hover img{transform:scale(1.03)}.me-venue-card__body{padding:30px}.me-venue-card__meta{color:var(--brass);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.me-venue-card h3{margin:8px 0 10px;font:400 32px/1.1 var(--serif)}.me-venue-card p{color:var(--muted)}
.me-experience{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.me-experience__image img{width:100%;height:100%;object-fit:cover}.me-experience__copy{display:flex;flex-direction:column;justify-content:center;padding:90px 8vw;background:var(--ivory)}.me-experience__copy h2{max-width:600px}.me-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:35px 0;padding:0;list-style:none}.me-list li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}
.me-process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.me-process__item{padding:34px;border-left:1px solid rgba(255,255,255,.2)}.me-process__num{color:var(--brass);font:400 28px var(--serif)}.me-process h3{font:400 26px var(--serif)}.me-process p{font-size:14px;color:rgba(255,255,255,.65)}
.me-quote{padding:115px 0;background:var(--ivory)}.me-quote__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.me-quote h2{margin:0 0 24px;font:400 clamp(44px,5vw,72px)/1.03 var(--serif)}.me-quote__note{padding-left:25px;border-left:1px solid var(--brass);color:var(--muted)}.me-form{padding:42px;background:#fff;border:1px solid var(--line)}.me-form__steps{display:flex;gap:9px;margin-bottom:30px}.me-form__steps span{width:34px;height:3px;background:#ddd}.me-form__steps .is-active{background:var(--brass)}.me-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.me-field--full{grid-column:1/-1}.me-field label{display:block;margin-bottom:6px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.me-field input,.me-field select,.me-field textarea{width:100%;padding:14px 0;border:0;border-bottom:1px solid #aeb5b0;border-radius:0;background:transparent;font:inherit}.me-field textarea{min-height:105px}.me-form__actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.me-form__panel[hidden]{display:none}.me-form__message{padding:12px;margin-bottom:18px;background:#edf4ee}.me-hp{position:absolute!important;left:-9999px!important}
.me-page-hero{padding:210px 0 90px;background:var(--forest-2);color:#fff}.me-page-hero h1{margin:0;font:400 clamp(50px,6vw,82px)/1 var(--serif)}.me-content{padding:80px 0}.me-content__narrow{max-width:850px}.me-content h2{font:400 40px var(--serif)}
.me-footer{padding:76px 0 28px;background:#09130f;color:#fff}.me-footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:60px}.me-footer h3{color:#cdb58f;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.me-footer ul{margin:0;padding:0;list-style:none}.me-footer li{margin:8px 0}.me-footer p,.me-footer a,.me-footer span{color:rgba(255,255,255,.65)}.me-footer__brand{font:400 30px var(--serif);color:#fff!important}.me-footer__bottom{display:flex;justify-content:space-between;gap:30px;margin-top:65px;padding-top:25px;border-top:1px solid rgba(255,255,255,.16);font-size:11px}
@media(max-width:980px){.me-header__inner{height:80px}.me-menu-toggle{display:block;margin-left:auto;width:43px;height:43px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff}.me-nav{display:none;position:absolute;top:80px;left:0;width:100%;padding:25px;background:var(--forest-2)}.me-nav.is-open{display:block}.me-nav ul{display:block}.me-nav li{margin:14px 0}.me-header__cta{display:none}.me-hero{min-height:760px}.me-hero__content,.me-intro__grid,.me-section-head,.me-quote__grid{grid-template-columns:1fr;gap:35px}.me-hero__aside{display:none}.me-event-card,.me-event-card:first-child,.me-event-card:nth-child(2){grid-column:span 6}.me-venue-grid{grid-template-columns:1fr 1fr}.me-experience{grid-template-columns:1fr}.me-experience__image{height:500px}.me-process{grid-template-columns:1fr 1fr}.me-footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.me-wrap{width:min(calc(100% - 30px),var(--wrap))}.me-hero{min-height:700px}.me-hero__content{padding-bottom:54px}.me-hero h1{font-size:48px}.me-actions{display:grid}.me-intro,.me-section,.me-quote{padding:76px 0}.me-event-card,.me-event-card:first-child,.me-event-card:nth-child(2){grid-column:1/-1;min-height:460px}.me-facts__grid,.me-venue-grid,.me-process,.me-form__grid,.me-footer__grid{grid-template-columns:1fr}.me-fact{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.me-experience__image{height:350px}.me-experience__copy{padding:70px 25px}.me-list{grid-template-columns:1fr}.me-form{padding:25px}.me-footer__bottom{display:block}}