/*
Theme Name: Penya Alfil
Description: Tema del Club d’escacs Penya Alfil. Es Mercadal, Menorca.
Version: 1.0.0
Text Domain: penya-alfil
*/
:root{--ink:#1d1d1b;--paper:#f7f2e9;--gold:#d4ab6a;--muted:#b9b5ac;--line:#f7f2e924}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.05;letter-spacing:-.035em}h1{font-size:clamp(3.2rem,6.7vw,7rem);margin:20px 0 30px}h2{font-size:clamp(2.4rem,4vw,4.4rem);margin:0 0 28px}h3{font-size:1.8rem}p{max-width:none}.wrap{width:min(1280px,90%);margin:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.brand{display:flex;align-items:center;text-decoration:none;gap:13px;line-height:1.2}.brand img{width:85px;height:auto}.brand strong{font-size:20px}.brand small{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:7px}.nav{display:flex;flex-wrap:wrap;gap:19px;list-style:none;padding:0;font-size:13px}.nav a{text-decoration:none}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:inherit;padding:10px;font-size:16px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:var(--paper);color:var(--ink);padding:10px;z-index:20}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--gold);font-weight:700}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;padding:76px 0 64px}.hero em{color:var(--gold);font-weight:400}.hero p{color:var(--muted);font-size:17px}.hero figure{margin:0}.hero figcaption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:14px 0;border-bottom:1px solid var(--line)}.actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}.button{display:inline-block;text-decoration:none;background:var(--gold);color:var(--ink);padding:14px 23px;font-weight:700;font-size:13px}.button:hover{background:var(--paper);color:var(--ink)}.text-link{font-size:13px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:14px}.ticker strong{color:var(--gold)}.section{padding:90px 0}.light{background:var(--paper);color:var(--ink)}.light .eyebrow{color:#79501d}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.section-top h2{margin:12px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.card{padding:28px 0;border-top:1px solid currentColor}.card .number{font-size:12px;letter-spacing:2px;color:#79501d}.card p{color:#595850}.card h3{margin:20px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.split figure{margin:0}.split figcaption{font-size:12px;color:var(--muted);padding-top:12px}.match-list{list-style:none;padding:0;margin:20px 0}.match-list li{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.match-list b{color:var(--gold);white-space:nowrap}.note{font-size:13px;color:var(--muted)}.date-list{list-style:none;padding:0}.date-list li{display:grid;grid-template-columns:95px 1fr auto;gap:18px;border-top:1px solid #1d1d1b33;padding:20px 0;align-items:center}.date-list strong{font-size:19px}.date-list span{font-size:14px}.contact{padding:75px 0;border-top:1px solid var(--line)}.contact a{overflow-wrap:anywhere}.site-footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:25px}.article{max-width:850px;margin:auto;padding:70px 0 100px}.article h1{font-size:clamp(3rem,6vw,5rem)}.article h2{font-size:2.4rem;margin-top:50px}.article p,.article li{font-size:18px}.article img{margin:30px 0}.article table{width:100%;border-collapse:collapse}.article td,.article th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.news-list{display:grid;gap:30px}.news-list article{padding:25px 0;border-top:1px solid var(--line)}.wp-block-image img{height:auto}.wp-block-button__link{background:var(--gold);color:var(--ink)}@media(max-width:1000px){.hero{gap:30px}.header-inner{flex-wrap:wrap}.nav{gap:14px}.split{gap:35px}}@media(max-width:700px){.hero,.split,.grid{grid-template-columns:1fr}.hero{padding:44px 0;gap:35px}.hero h1{font-size:3.7rem}.section{padding:55px 0}.section-top{display:block}.section-top>a{display:inline-block;margin-top:20px}.ticker,.footer-inner{flex-direction:column;gap:8px}.menu-toggle{display:block}.site-nav{width:100%}.js .site-nav[hidden]{display:none}.nav{flex-direction:column;font-size:16px}.header-inner{gap:6px}.date-list li{grid-template-columns:80px 1fr}.date-list li>span:last-child{grid-column:2}.article{padding:40px 0 70px}.brand img{width:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Primary navigation dropdowns */
.nav>li{position:relative;display:flex;align-items:center}
.nav>li>.sub-menu{display:none;position:absolute;z-index:100;top:100%;left:-12px;min-width:190px;margin:0;padding:8px 0;list-style:none;background:#243d36;border:1px solid var(--line);flex-direction:column;gap:0}
.nav>li:hover>.sub-menu,.nav>li:focus-within>.sub-menu,.nav>li.is-submenu-open>.sub-menu{display:flex}
.nav .sub-menu li{display:block;width:100%;padding:0}
.nav .sub-menu a{display:block;padding:10px 14px;white-space:nowrap}
.nav .sub-menu a:hover,.nav .sub-menu a:focus-visible{background:#f7f2e90d;color:var(--gold)}
.nav-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;padding:3px 5px;border:0;background:transparent;color:var(--gold);font:inherit;line-height:1;cursor:pointer}
.nav-submenu-toggle span{display:inline-block;transition:transform .18s ease}
.nav>li.is-submenu-open>.nav-submenu-toggle span{transform:rotate(180deg)}
.nav-submenu-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:700px){
  .nav>li{display:flex;flex-wrap:wrap;align-items:center}
  .nav>li>.sub-menu{position:static;left:auto;top:auto;flex:0 0 100%;min-width:0;padding:4px 0 4px 16px;border:0;background:transparent}
  .nav .sub-menu a{padding:9px 12px}
  .nav-submenu-toggle{margin-left:8px;padding:8px 10px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){.nav-submenu-toggle span{transition:none}}

/* Dropdown headings are buttons, not page links. */
.nav-parent-toggle{display:inline-flex;align-items:center;padding:3px 0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-decoration:none;cursor:pointer}
.nav-parent-toggle:hover{color:var(--gold)}
.nav-caret{display:inline-block;margin-left:6px;color:var(--gold);transition:transform .18s ease}
.nav-caret:after{content:"\\25BE"}
.nav>li.is-submenu-open>.nav-parent-toggle .nav-caret{transform:rotate(180deg)}
@media(max-width:700px){.nav-parent-toggle{padding:7px 0}.nav-caret{padding:0 4px}}
@media(prefers-reduced-motion:reduce){.nav-caret{transition:none}}

/* Keep the JS disclosure button in control of the open state. */
.js .nav>li:not(.is-submenu-open):hover>.sub-menu,.js .nav>li:not(.is-submenu-open):focus-within>.sub-menu{display:none}
.nav-caret:after{content:"";display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}

/* Nested gallery navigation. */
.nav .sub-menu li{position:relative}
.nav .sub-menu .sub-menu{display:none;position:absolute;z-index:110;left:100%;top:-9px;min-width:240px;max-width:min(320px,85vw);margin:0;padding:8px 0;list-style:none;background:#243d36;border:1px solid var(--line);flex-direction:column;gap:0}
.nav .sub-menu li.is-submenu-open>.sub-menu{display:flex}
html:not(.js) .nav .sub-menu li:hover>.sub-menu,html:not(.js) .nav .sub-menu li:focus-within>.sub-menu{display:flex}
.nav .sub-menu .menu-item-has-children>a{display:inline-block;padding-right:4px}
.nav .sub-menu .nav-submenu-toggle{padding:10px;margin:0}
.nav .sub-menu .nav-submenu-toggle .nav-caret{margin-left:0}
.nav .sub-menu a{white-space:normal}
.nav .sub-menu .sub-menu a{min-width:220px}
.nav .is-submenu-open>.nav-submenu-toggle .nav-caret{transform:rotate(180deg)}
@media(max-width:700px){.nav .sub-menu .sub-menu{position:static;left:auto;top:auto;min-width:0;max-width:none;width:100%;padding:4px 0 4px 14px;border:0;border-left:1px solid #d4ab6a55;background:transparent}.nav .sub-menu .sub-menu a{min-width:0}.nav .sub-menu .nav-submenu-toggle{padding:12px}.nav .sub-menu .menu-item-has-children>a{max-width:calc(100% - 48px)}}

/* Gallery submenu button colors */
.site-nav .nav-submenu-toggle,.site-nav .nav-submenu-toggle:hover,.site-nav .nav-submenu-toggle:focus{background:transparent;color:var(--gold);border:0;border-radius:0;box-shadow:none}