/* Eleones Messinias: layout and mobile navigation overrides */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img,video,iframe{max-width:100%;height:auto}
#page{max-width:960px}
#main,#primary,#content,#secondary,.entry-content{min-width:0}
.entry-content{line-height:1.65}
p,li{overflow-wrap:break-word}
a:focus-visible,button:focus-visible{outline:3px solid #7d912c;outline-offset:2px}
.static-form-notice{padding:1rem;background:#f5f5e8;border-left:3px solid #637d24;margin:1rem 0}
.menu-toggle-static{display:none}
/* Original WordPress slideshow relied on a plugin script. Show the first slide. */
.meteor-slides .meteor-shim{display:none!important}
.meteor-slides .meteor-clip{height:auto!important;min-height:1px!important;overflow:visible!important}
.meteor-slides .mslide{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;display:none!important}
.meteor-slides .mslide:first-of-type{display:block!important}
.meteor-slides .mslide img{display:block;width:100%;height:auto!important}

@media(max-width:800px){
  html,body{width:100%;min-width:0!important}
  body{margin:0!important;padding:0!important;font-size:16px!important;line-height:1.6!important;background:#fff!important}
  #page{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important}
  #headeleones{height:auto!important;min-height:78px!important;margin:0!important;padding:12px 16px!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  #logoeleo{width:auto!important;height:auto!important;padding:0!important;margin:0!important;float:none!important;flex:0 0 auto}
  #logoeleo img{width:145px!important;max-width:40vw!important;height:auto!important}
  #languages{position:static!important;width:auto!important;height:auto!important;display:flex!important;align-items:center;gap:5px;margin:0 0 0 auto!important}
  #languages [id^="lang-"]{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;background:none!important;display:inline-block!important}
  #languages a{color:#fff!important;border:1px solid #727a66;border-radius:3px;padding:6px 8px;min-width:40px;min-height:40px;text-align:center;text-decoration:none!important;font-size:12px;font-weight:600}
  #languages a span{display:inline!important}
  #languages #lang-separator-1,#languages #lang-separator-2{display:none!important}
  #branding,#main,#primary,#content,#secondary,#colophon{width:100%!important;max-width:100%!important;min-width:0!important;float:none!important;clear:both!important}
  #branding{padding:0!important}
  #access{float:none!important;display:block!important;width:100%!important;margin:0!important;background:#303a1b!important}
  #access .menu-toggle-static{display:block!important;width:100%;min-height:48px;padding:12px 18px;border:0;background:#34441d;color:#fff;font:600 17px/1.35 Arial,sans-serif;text-align:left;cursor:pointer}
  #access>div{margin:0!important;width:100%!important}
  #access>div:not(.skip-link){display:none!important}
  #access.menu-open>div:not(.skip-link){display:block!important}
  #access ul,#access ul ul,#access ul ul ul{position:static!important;display:block!important;float:none!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;box-shadow:none!important;background:#34441d!important}
  #access>div:not(.skip-link)>ul{padding:0 0 10px!important}
  #access ul ul{padding-left:12px!important;background:#3c4b28!important}
  #access ul ul ul{padding-left:12px!important;background:#445333!important}
  #access li{float:none!important;position:static!important;width:100%!important;height:auto!important}
  #access li>a,#access ul ul a{display:block!important;width:100%!important;height:auto!important;min-height:44px!important;line-height:1.4!important;padding:11px 16px!important;white-space:normal!important;overflow-wrap:anywhere;color:#fff!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.14)!important;font-size:15px!important;font-weight:500!important}
  #access .skip-link,#access .assistive-text{position:absolute!important;left:-9999px!important}
  #main{height:auto!important;margin:0!important;padding:18px 16px 28px!important}
  #primary,#secondary,#content,.singular #content,.entry-content,.singular .entry-content,.singular .entry-header{height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;float:none!important}
  .entry-content{font-size:16px!important;line-height:1.7!important}
  .entry-content p{margin:0 0 1em!important}
  h1{font-size:clamp(1.5rem,6vw,2rem)!important;line-height:1.25!important}
  h2{font-size:clamp(1.25rem,5vw,1.7rem)!important;line-height:1.3!important}
  #mainheight,#downheight,#downtwoheight,#lefthome,#righthome,#maininner{width:100%!important;height:auto!important;max-width:100%!important;min-width:0!important;float:none!important;clear:both!important;margin:0 0 20px!important;padding:0!important}
  #mainheight img,#downheight img,#downtwoheight img,#lefthome img,#righthome img,#maininner img{max-width:100%!important;width:100%!important;height:auto!important}
  .meteor-slides,.meteor-clip,.meteor-slides img{max-width:100%!important;width:100%!important;height:auto!important}
  iframe{display:block;width:100%!important;max-width:100%!important;aspect-ratio:16/9;height:auto!important}
  table{display:block;max-width:100%;overflow-x:auto}
  input,textarea,select{max-width:100%}
  #colophon,#footerele{height:auto!important;min-height:0!important;overflow:hidden;padding:16px!important}
  #footerele{background-position:left top!important}
  #footlinks,#footlinkstwo,#socials,#site-generator{float:none!important;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;padding:12px!important;white-space:normal!important}
  #footlinks a{display:inline-block;margin:2px 6px 2px 0;padding:5px 2px;font-size:13px}
}
@media(max-width:420px){
  #headeleones{align-items:flex-start}
  #logoeleo img{width:125px!important}
  #languages a{min-width:36px;min-height:36px;padding:7px 5px;font-size:11px}
  #main{padding:16px 14px 26px!important}
}

/* Fixed 475px product and editorial columns from the original desktop theme. */
@media(max-width:800px){
  #content article,#content .entry-content,#innerhalf,#contLeft,#elequotes,
  #content .wpcol-one-quarter,#content .wpcol-one-half,#content .wpcol-three-quarter,
  #content .wpcol-one-third,#content .wpcol-two-third,#content .wpcol-one-fifth,
  #content .wpcol-two-fifth,#content .wpcol-three-fifth,#content .wpcol-four-fifth,
  #content .press,#content .contact-ele{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    float:none!important;clear:both!important;margin-left:0!important;margin-right:0!important;
    height:auto!important;min-height:0!important
  }
  #innerhalf,#contLeft{overflow:visible!important}
  #contLeft{padding:0!important}
  #content .entry-content *{max-width:100%}
  #content .wpcol-one-quarter,#content .wpcol-one-half,#content .wpcol-three-quarter,
  #content .wpcol-one-third,#content .wpcol-two-third,#content .wpcol-one-fifth,
  #content .wpcol-two-fifth,#content .wpcol-three-fifth,#content .wpcol-four-fifth{
    padding-left:0!important;padding-right:0!important;margin-bottom:18px!important
  }
  #elequotes{padding:16px!important;background-size:100% auto!important}
  #content .meteor-slides{float:none!important;clear:both!important;width:100%!important;max-width:100%!important;height:auto!important;margin-left:0!important;margin-right:0!important}
  #content .dottedquote{font-size:1.15rem!important;line-height:1.5!important;overflow-wrap:anywhere}
  #content div.storeList ul li{float:none!important;width:100%!important;margin:0 0 12px!important}
}