/*
Theme Name: Out of Ideas v2
Author: EveryFriend
Description: Editable WordPress conversion of the approved Out of Ideas site.
Version: 2.0.2
Text Domain: out-of-ideas-v2
*/

/* The approved visual system is loaded from assets/site.css and assets/refined.css. */
.beer-hero h1 .currency{font-family:var(--body);font-weight:900;letter-spacing:0}
.venue-hero[style]{background-image:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),var(--venue-hero-image);background-position:center;background-size:cover}

/* WordPress layout rules. Keep these after the prototype styles. */
body .site-header{padding:18px 0!important}
body .site-header .brand img{display:block;width:30px!important;height:30px!important;object-fit:contain}
body .site-header .menu{font:700 22px/1.2 var(--condensed)!important;gap:32px!important}
body .site-header .menu a{display:block;padding:10px 0;transition:color .2s ease}
body .site-header .menu a:hover,body .site-header .menu a:focus-visible,body .site-header .header-social:hover{color:#fff}
body .site-header .menu a:after,body .site-header .header-social:after{display:none}
body .site-header .header-social{font:700 20px/1.2 var(--condensed)}
.site-header .menu .mobile-tickets{display:none}
#shows{scroll-margin-top:88px}
body .programme .event-row:before,body main>.shows-section .show-poster:before{display:none!important}
body .programme .event-row,body .programme .event-row:hover{background:transparent!important}
body .programme .event-title h3{transition:color .2s ease}
body .programme .event-row:hover .event-title h3,body .programme .event-row:focus-within .event-title h3{color:#fff;animation:none!important}
body .programme .event-title .event-info{display:grid;width:100%;max-width:600px!important;gap:22px;letter-spacing:0}
.programme .event-info .event-lineup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:baseline;gap:14px 12px;max-width:600px;margin:0;padding:0;list-style:none}
.programme .event-info .event-lineup li{display:inline-flex;align-items:baseline;white-space:nowrap;font:400 clamp(26px,2.8vw,38px)/1 var(--logger);letter-spacing:0;text-transform:uppercase}
.programme .event-info .event-lineup li:not(:last-child):after{content:'·';padding:0 .3em;font-family:var(--body);font-weight:700}
.programme .event-schedule{font:700 17px/1.4 var(--condensed);letter-spacing:.035em}
body .home-seo .shell{width:min(600px,calc(100% - 40px));margin-inline:auto}
body .home-seo .shell h2{width:100%;max-width:600px!important;font-size:clamp(36px,4.6vw,58px)!important;line-height:1!important;text-wrap:balance}
body .home-seo .home-seo-copy,body .home-seo .home-seo-copy p{width:100%;max-width:600px!important}
body .home-seo .home-seo-copy p{font-size:17px!important;line-height:1.6!important}
body .beers-page .beer-hero{grid-template-columns:1fr;gap:24px;text-align:center;justify-items:center}
body .beers-page .beer-hero h1{margin:0;font:400 clamp(52px,7vw,90px)/1 var(--logger)!important;text-wrap:initial}
.beer-hero h1>span{display:block}
.beer-hero h1>span+span{margin-top:.08em}
body .beer-hero .beer-offer{justify-items:center;gap:8px}
body .beer-hero .beer-offer span{font:700 18px/1.4 var(--condensed)}
body .beer-hero .beer-offer p{margin:0;font:400 15px/1.5 var(--body)}
body .beer-grid .beer-card{min-width:0;overflow:visible}
body .beer-grid .beer-card img{display:block;max-width:100%;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;border:0;border-radius:0!important;clip-path:none;box-shadow:none}
body .image-cycle{padding-top:80px!important;padding-bottom:90px;overflow:hidden}
body .image-cycle h2{font:400 clamp(46px,6vw,76px)/1 var(--logger)!important;text-align:center;margin-bottom:34px}
body .image-cycle h2:before{content:none}
body .image-cycle .image-cycle-stage{height:clamp(400px,50vw,650px);max-width:1000px}
body .image-cycle .image-cycle-card[data-position]{box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr);width:clamp(210px,31vw,390px);height:auto;aspect-ratio:4/5;margin:0;padding:12px 12px 44px;background:#fffdf6;border:0!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important;opacity:1!important;overflow:hidden}
body .image-cycle .image-cycle-card[data-position] img{display:block;width:100%!important;height:100%!important;min-height:0;max-width:none;aspect-ratio:auto;object-fit:cover!important;object-position:center;padding:0!important;margin:0;background:transparent!important}
body .image-cycle .image-cycle-card[data-position="0"]{transform:translate(-50%,-50%) rotate(-2deg) scale(1)!important}
body .image-cycle .image-cycle-card[data-position="1"]{transform:translate(-112%,-47%) rotate(-12deg) scale(.85)!important}
body .image-cycle .image-cycle-card[data-position="2"]{transform:translate(12%,-47%) rotate(12deg) scale(.85)!important}
body .image-cycle .image-cycle-card[data-position="3"]{transform:translate(-151%,-43%) rotate(-19deg) scale(.7)!important}
body .image-cycle .image-cycle-card[data-position="4"]{transform:translate(51%,-43%) rotate(19deg) scale(.7)!important}
@media(max-width:900px){
  body .site-header{z-index:50}
  body .site-header .header-row{min-height:44px}
  body .site-header .mobile-menu{z-index:52;display:grid!important;width:46px;height:46px;border:1px solid currentColor;border-radius:50%;background:var(--ink);color:var(--paper);transition:transform .42s cubic-bezier(.42,0,.58,1)!important}
  body .site-header .mobile-menu[aria-expanded=true]{transform:rotate(45deg)!important}
  body .site-header .mobile-menu:before,body .site-header .mobile-menu:after{display:none!important}
  body .site-header .menu{position:fixed;inset:80px 12px 12px;z-index:51;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0!important;margin:0;padding:32px 28px;border:0!important;border-radius:20px;background:var(--ink)!important;color:var(--paper)!important;box-shadow:0 18px 50px rgba(0,0,0,.3);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px) scale(.98);transition:opacity .3s ease,transform .4s cubic-bezier(.42,0,.58,1),visibility .3s}
  body .site-header .menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
  body .site-header .menu a{padding:18px 0;border-bottom:1px solid rgba(255,248,232,.2);font:400 clamp(38px,9vw,70px)/1 var(--logger);letter-spacing:0}
  body .site-header .menu a:hover,body .site-header .menu a:focus-visible{color:#fff;transform:translateX(6px)}
  body .site-header .menu .mobile-tickets{display:block;align-self:flex-start;margin-top:32px;padding:14px 24px;border:0;border-radius:999px;background:var(--red);color:var(--ink);font:700 20px/1.2 var(--condensed)}
  body.ooi-menu-open{overflow:hidden}
}
@media(min-width:901px){body .site-header .mobile-menu{display:none!important}}
@media(max-width:620px){
  body .programme .event-info .event-lineup li{font-size:clamp(17px,5vw,28px)}
  body .programme .event-schedule{font-size:16px}
  body .home-seo .shell h2{font-size:clamp(34px,9vw,48px)!important}
  body .image-cycle .image-cycle-stage{height:116vw;min-height:360px;max-height:520px}
  body .image-cycle .image-cycle-card[data-position]{width:57vw;min-width:205px;padding:8px 8px 32px}
  body .image-cycle{padding-top:58px!important;padding-bottom:50px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body .site-header .menu,body .site-header .mobile-menu{transition:none!important}}