/*
Theme Name: 31Music
Author: 31Music Studio
Version: 2.0.0
Description: Editable music website matching the supplied 31Music reference.
*/
:root{--green:#06221e;--gold:#b88856;--ink:#152720;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #cf9d67;outline-offset:5px}.wrap{width:89%;max-width:1210px;margin:auto}.site-header{background:white}.head-row{height:146px;display:flex;align-items:center;justify-content:space-between}.brand img{width:360px;display:block}.account{display:flex;align-items:center;gap:23px;font-size:13px;color:#777}.account a+a{border-left:1px solid #ddd;padding-left:23px}.account svg{width:30px;height:30px;fill:var(--gold)}.nav{background:var(--gold);height:53px}.nav .wrap{height:100%;display:flex;align-items:center}.nav a{font-size:14px;padding:0 24px;border-right:1px solid #a97d51}.nav a:first-child{padding-left:0}.dark{background:var(--green);color:#fff;position:relative;overflow:hidden}.hero{height:350px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#123e3599,var(--green)),url('assets/hero-strip.jpg') center top/cover;opacity:.75}.hero-inner{position:relative;width:100%;z-index:1}.hero h1{font-weight:400;font-size:40px;margin:0 0 20px}.search{width:610px;max-width:85%;position:relative;margin:auto}.search input{width:100%;height:48px;border:0;border-radius:40px;padding:0 55px 0 23px;background:white;color:#132a24}.search button{position:absolute;right:12px;top:8px;border:0;background:transparent;cursor:pointer}.search svg{height:29px;width:29px;stroke:#071b15;fill:none;stroke-width:2}.hero p{font-size:13px;margin:12px 0}.music-section{padding-bottom:62px;position:relative}.section-head{display:flex;align-items:center;gap:32px;margin-bottom:68px}.section-head h2{font-size:26px;font-weight:400;white-space:nowrap;margin:0}.section-head:after{content:'';height:1px;background:#a7b9b2;flex:1;order:1}.section-head a{font-size:17px;order:2;white-space:nowrap}.circle-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.music-card{text-align:center;min-width:0}.music-card img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;transition:transform .25s}.music-card a:hover img{transform:scale(1.045)}.music-card h3{font-size:18px;font-weight:400;margin:12px 0 23px}.music-card p{font-size:12px;line-height:1.25;margin:0;min-height:34px}.artists{padding-top:0;padding-bottom:96px}.artists .section-head{margin-bottom:56px}.artists h3{margin-top:12px}.local-section{padding:0 0 92px}.local-section h2{font-size:26px;font-weight:400;margin:0 0 15px}.local-panel{border-radius:25px;background:var(--gold);min-height:295px;position:relative;padding:34px 38px;display:flex;align-items:flex-start}.tags{display:flex;flex-wrap:wrap;gap:10px;width:49%;position:relative;z-index:2}.tags a{background:#cca16f;color:#493b2c;border-radius:30px;padding:6px 22px;font-size:16px;line-height:1.2}.tags a:hover{background:#e6bd8f}.local-art{position:absolute;border-radius:50%;object-fit:cover}.local-art.large{width:39%;aspect-ratio:1;right:1%;top:-67px;z-index:1}.local-art.small{width:23%;aspect-ratio:1;right:22%;top:-83px}.news{background:white;padding:60px 0 0}.news h2{font-size:26px;font-weight:400;margin:0 0 26px}.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px}.news-card img{width:100%;aspect-ratio:1.4;object-fit:cover}.news-card h3{font-size:18px;font-weight:400;line-height:1.3;margin:25px 0 14px}.news-card .excerpt{font-size:12px;line-height:1.45}.news-card .venue{font-size:12px;margin:20px 0 28px}.read-more{font-size:13px}.read-more:hover{text-decoration:underline}.site-footer{padding:85px 0 100px;background:white}.footer-inner{border-top:1px solid #999;padding-top:39px;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:30px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;font-size:13px;line-height:1.35}.footer-brand{text-align:right}.footer-brand img{width:360px;max-width:100%}.social{display:flex;justify-content:flex-end;gap:15px;font-size:23px}.single-content{min-height:55vh;padding:65px 0}.single-content h1{font-size:38px;font-weight:400}.single-content img{max-width:300px;border-radius:12px}.single-content .entry{max-width:800px;line-height:1.8}.back{display:inline-block;margin:20px 0;color:#9c693c}.audio{width:100%;margin:20px 0}.empty{padding:30px}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.archive-grid img{max-width:100%;width:100%;aspect-ratio:1;object-fit:cover}.archive-grid h2{font-weight:400;font-size:23px}
@media(min-width:1450px){.wrap{max-width:1210px}}@media(max-width:900px){body{font-size:13px}.head-row{height:82px}.brand img{width:205px}.account{font-size:9px;gap:14px}.account a+a{padding-left:14px}.account svg{width:23px;height:23px}.nav{height:30px}.nav a{font-size:9px;padding:0 17px}.hero{height:200px}.hero h1{font-size:24px;margin-bottom:11px}.search{width:342px}.search input{height:27px}.search button{top:3px;right:7px}.search svg{width:20px;height:20px}.hero p{font-size:8px;margin-top:7px}.section-head{gap:22px;margin-bottom:44px}.section-head h2{font-size:16px}.section-head a{font-size:11px}.circle-grid{gap:14px}.music-card h3{font-size:11px;margin:7px 0 14px}.music-card p{font-size:8px;min-height:22px}.music-section{padding-bottom:36px}.artists{padding-bottom:60px}.artists .section-head{margin-bottom:32px}.local-section{padding-bottom:51px}.local-section h2{font-size:16px;margin-bottom:8px}.local-panel{min-height:168px;border-radius:15px;padding:19px 21px}.tags{gap:6px;width:49%}.tags a{font-size:10px;padding:4px 13px}.local-art.large{top:-38px}.local-art.small{top:-47px}.news{padding-top:34px}.news h2{font-size:16px;margin-bottom:15px}.news-grid{gap:15px}.news-card h3{font-size:11px;margin:14px 0 8px}.news-card .excerpt,.news-card .venue{font-size:8px}.news-card .venue{margin:12px 0 16px}.read-more{font-size:9px}.site-footer{padding:48px 0 57px}.footer-inner{padding-top:22px}.footer-links{font-size:9px}.footer-brand img{width:205px}.social{font-size:18px}}
@media(max-width:560px){.wrap{width:90%}.head-row{height:90px}.brand img{width:180px}.account{gap:10px}.account .download{display:none}.account a+a{padding-left:10px}.nav{height:42px;overflow-x:auto}.nav .wrap{width:max-content;min-width:90%;margin:0 5%}.nav a{font-size:11px;padding:0 13px}.hero{height:230px}.hero h1{font-size:27px}.hero p{font-size:10px;padding:0 25px}.search input{height:39px}.search button{top:9px}.circle-grid{grid-template-columns:repeat(3,1fr);gap:22px 17px}.section-head{margin-bottom:27px;gap:14px}.music-card h3{font-size:13px;margin-bottom:8px}.music-card p{font-size:10px}.music-section{padding-bottom:40px}.artists{padding-bottom:45px}.local-section h2{font-size:19px}.local-panel{padding:22px;min-height:340px}.tags{width:100%;padding-right:0}.tags a{font-size:12px}.local-art.large{width:170px;top:auto;bottom:-12px;right:10px}.local-art.small{width:112px;right:145px;top:auto;bottom:5px}.local-section{padding-bottom:45px}.news h2{font-size:21px}.news-grid{grid-template-columns:repeat(2,1fr);gap:30px 17px}.news-card h3{font-size:14px}.news-card .excerpt,.news-card .venue{font-size:11px}.read-more{font-size:12px}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;text-align:left}.social{justify-content:flex-start}.footer-links{font-size:12px}.archive-grid{grid-template-columns:repeat(2,1fr)}}
img{height:auto}.music-card img{height:auto}.hero[style]:before{background:none}
.dark{background-image:linear-gradient(to bottom,#06221e0d,#06221e),var(--hero-image);background-size:100% 650px;background-repeat:no-repeat}.hero[style]{background:none!important}.hero:before{background:none}@media(max-width:900px){.dark{background-size:100% 390px}}@media(max-width:560px){.dark{background-size:auto 370px;background-position:top center}}

.nav{scrollbar-width:none}.nav::-webkit-scrollbar{display:none}