/*
Theme Name: NorCal Wedding DJs
Theme URI: https://norcalweddingdjs.com/
Author: DJ Barnett Entertainment
Description: Custom WordPress theme for NorCal Wedding DJ’s by DJ Barnett Entertainment.
Version: 1.1.2
Text Domain: norcal-wedding-djs
*/
@import url("vendor.css");
:root{--black:#070707;--white:#fff;--paper:#f5f4f2;--red:#d5222a;--gray:#696969;--line:#d8d6d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.topbar{height:34px;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:center;gap:24px;font-size:8px;font-weight:800;letter-spacing:.18em}.topbar a{color:#fff}nav{height:94px;padding:0 max(24px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;align-items:center;background:#fff}.logo img{width:220px;height:70px;object-fit:contain}.navlinks{display:flex;gap:14px;align-items:center}.navlinks a{color:inherit;text-decoration:none;font-size:7px;font-weight:800;letter-spacing:.07em;white-space:nowrap}.navlinks a:hover{color:var(--red)}.navcta,.main-btn,.outline-btn{display:inline-flex;justify-content:space-between;gap:38px;padding:16px 19px;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.13em}.navcta,.main-btn{background:var(--red);color:#fff}.navcta:hover,.main-btn:hover{background:var(--black)}.hero{height:720px;position:relative;overflow:hidden;color:#fff}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000d 0%,#0007 53%,transparent 80%)}.hero-content{position:absolute;left:max(24px,calc((100% - 1200px)/2));top:48%;transform:translateY(-50%);max-width:820px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.hero h1{font-size:clamp(65px,7.3vw,110px);line-height:.86;letter-spacing:-.065em;margin:26px 0;font-weight:900}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-copy{font-size:18px;line-height:1.6;max-width:560px;color:#eee}.hero .main-btn{margin-top:25px;width:205px}.hero-proof{position:absolute;bottom:0;right:0;background:#fffffff0;color:#111;display:flex}.hero-proof span{padding:22px 28px;border-left:1px solid var(--line);font-size:8px;font-weight:900;letter-spacing:.13em}.manifesto{padding:130px 0;text-align:center}.manifesto .wrap{max-width:1050px}.manifesto h2,.section-head h2,.feature h2,.team h2,.venues h2,.contact h2{font-size:clamp(52px,6vw,86px);line-height:.94;letter-spacing:-.055em;margin:25px 0;font-weight:900}.manifesto h2 em{font-family:Georgia,serif;font-weight:400;color:var(--red)}.manifesto>div>p:nth-of-type(2){font-size:18px;line-height:1.75;max-width:760px;margin:30px auto;color:var(--gray)}.manifesto a,.enhance-card a{color:inherit;font-size:9px;font-weight:900;letter-spacing:.14em}.feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:690px}.feature-image{overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.feature-copy{background:var(--black);color:#fff;padding:90px max(30px,calc((100vw - 1200px)/2)) 90px 75px;display:flex;flex-direction:column;justify-content:center}.feature-copy>p:not(.eyebrow){color:#bbb;line-height:1.75;font-size:17px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;margin:25px 0}.mini-grid span{border-bottom:1px solid #ffffff30;padding:13px 0;font-size:8px;font-weight:900;letter-spacing:.12em}.outline-btn{color:#fff;border:1px solid #fff;width:max-content;margin-top:15px}.standards{display:grid;grid-template-columns:repeat(4,1fr);padding:42px 0}.standards article{padding:0 28px;border-left:1px solid var(--line);display:flex;align-items:center;gap:15px}.standards b{font-size:36px}.standards span{font-size:7px;font-weight:900;line-height:1.5;letter-spacing:.12em}.packages{background:var(--paper);padding:120px 0}.section-head{text-align:center;max-width:850px;margin:auto}.section-head>p:last-child{color:var(--gray);line-height:1.7;max-width:620px;margin:0 auto}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.package-grid article{background:#fff;min-height:510px;padding:34px;border:1px solid var(--line);display:flex;flex-direction:column;position:relative}.package-grid article.featured-package{background:var(--black);color:#fff;transform:translateY(-18px)}.popular{position:absolute;right:24px;top:24px;background:var(--red);padding:7px 9px;font-size:7px;font-weight:900;letter-spacing:.12em}.package-grid small{font-weight:900;color:var(--red)}.package-grid article>p{font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-top:46px}.package-grid h3{font-size:55px;letter-spacing:-.05em;margin:10px 0 24px}.package-grid ul{list-style:none;padding:0;margin:0 0 30px}.package-grid li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--gray)}.featured-package li{border-color:#ffffff30;color:#ccc}.package-grid li:before{content:"+";color:var(--red);margin-right:9px}.package-grid a{color:inherit;text-decoration:none;margin-top:auto;display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:.12em}.enhancements{display:grid;grid-template-columns:1fr 1fr}.enhance-card{height:640px;position:relative;color:#fff;padding:70px;display:flex;align-items:end;overflow:hidden}.enhance-card:before{content:"";position:absolute;inset:0}.lighting:before{background:linear-gradient(0deg,#000d,#0000),radial-gradient(circle at 65% 30%,#fff 0 1%,#dd1f2b 3%,transparent 30%),linear-gradient(135deg,#121212,#3e0308)}.booth-card:before{background:linear-gradient(0deg,#000d,#0000),radial-gradient(circle at 50% 30%,#fff 0 7%,#666 8%,#111 30%),#080808}.enhance-card>div{position:relative;z-index:1;max-width:520px}.enhance-card h2{font-size:63px;line-height:.9;letter-spacing:-.06em;margin:20px 0}.enhance-card p:not(.eyebrow){line-height:1.7;color:#ccc}.team{padding:120px 0;background:#fff}.team-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.team-grid>div>p:last-child{line-height:1.75;color:var(--gray);max-width:430px}.team h2{font-size:72px}.roster article{padding:26px 0;border-bottom:1px solid var(--line)}.roster span{font-size:8px;font-weight:900;letter-spacing:.15em;color:var(--red)}.roster h3{font-size:31px;margin:10px 0}.roster p{color:var(--gray);line-height:1.6}.venues{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding:120px 0;border-top:1px solid var(--line)}.venues>div:first-child>p:last-child{color:var(--gray);line-height:1.7}.venues>div:last-child p{display:grid;grid-template-columns:50px 1fr 25px;padding:19px 0;border-bottom:1px solid var(--line);margin:0;align-items:center}.venues span{font-size:8px;color:var(--red);font-weight:900}.venues b{font-size:22px}.venues i{font-style:normal}.quote{background:var(--red);color:#fff;padding:110px 0;text-align:center}.quote blockquote{font:clamp(36px,5vw,68px)/1.1 Georgia,serif;margin:32px auto;max-width:1050px}.quote>div>p:last-child{font-size:8px;font-weight:900;letter-spacing:.16em}.contact{background:var(--black);color:#fff;padding:120px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.contact-grid>div>p:last-child{color:#bbb;line-height:1.75;max-width:520px}.inquiry-form{background:#fff;color:var(--black);padding:35px;display:grid;gap:17px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inquiry-form label{display:grid;gap:7px;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;background:#f3f3f3;border:1px solid #ddd;padding:13px;color:#111;font:14px Arial;text-transform:none;letter-spacing:0;outline:none}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--red)}.inquiry-form textarea{resize:vertical}.inquiry-form .button{border:0;background:var(--red);color:#fff;padding:17px 20px;display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:.14em;cursor:pointer}.inquiry-form small{text-align:center;color:#777;letter-spacing:.05em}footer{padding:45px 0;background:#fff}footer .wrap{display:flex;align-items:center;justify-content:space-between}footer img{width:190px;height:60px;object-fit:contain}footer p,footer a{font-size:8px;font-weight:900;letter-spacing:.12em;color:inherit}.mobile-cta{display:none}
.gallery{padding:120px 0;background:var(--black);color:#fff}.gallery-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:55px}.gallery-head h2{font-size:clamp(52px,6vw,86px);line-height:.94;letter-spacing:-.055em;margin:22px 0 0}.gallery-head>p{color:#bbb;line-height:1.75;max-width:520px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:260px;gap:12px}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-grid img:nth-child(1){grid-column:span 4;grid-row:span 2}.gallery-grid img:nth-child(2),.gallery-grid img:nth-child(3),.gallery-grid img:nth-child(4),.gallery-grid img:nth-child(5){grid-column:span 4}.gallery-grid img:nth-child(6){grid-column:span 8}.gallery-grid img:hover{filter:brightness(1.08)}
.page-hero{height:590px;position:relative;overflow:hidden;color:#fff}.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero-content{position:relative;z-index:2;padding-top:155px}.page-hero h1{font-size:clamp(58px,7vw,105px);line-height:.88;letter-spacing:-.06em;margin:22px 0;max-width:1000px}.page-hero-content>p:last-child{max-width:650px;font-size:18px;line-height:1.65;color:#eee}.detail-section{padding:120px 0}.detail-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.detail-split h2{font-size:clamp(52px,6vw,82px);line-height:.94;letter-spacing:-.055em;margin:22px 0}.detail-split>div:last-child>p{font-size:17px;line-height:1.8;color:var(--gray)}.detail-list{display:grid;align-content:start}.detail-list span{padding:18px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:800}.detail-list span:before{content:"+";color:var(--red);margin-right:12px}
@media(max-width:1180px){.navlinks,.navcta{display:none}}
@media(max-width:800px){.wrap{width:calc(100% - 28px)}.topbar{padding:0 10px;justify-content:space-between}.topbar{font-size:6px}.navlinks,.navcta{display:none}nav{height:78px;padding:0 14px}.logo img{width:180px}.hero{height:690px}.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(0deg,#000e,#0004)}.hero-content{left:18px;right:18px;top:43%}.hero h1{font-size:57px}.hero-copy{font-size:15px}.hero-proof{left:0;right:0}.hero-proof span{padding:14px 10px;flex:1;font-size:6px}.manifesto{padding:85px 0}.feature{grid-template-columns:1fr}.feature-image{height:420px}.feature-copy{padding:70px 24px}.standards{grid-template-columns:1fr 1fr}.standards article{padding:18px 8px}.standards b{font-size:27px}.packages,.team,.contact{padding:85px 0}.package-grid,.team-grid,.venues,.contact-grid{grid-template-columns:1fr;gap:40px}.package-grid{gap:15px}.package-grid article.featured-package{transform:none}.enhancements{grid-template-columns:1fr}.enhance-card{height:520px;padding:35px 24px}.venues{padding:85px 0}.quote{padding:80px 0}.field-row{grid-template-columns:1fr}.inquiry-form{padding:22px}footer{padding:35px 0 85px}footer .wrap{display:grid;gap:18px}.mobile-cta{display:flex;position:fixed;z-index:30;left:12px;right:12px;bottom:10px;background:var(--red);color:#fff;padding:16px 18px;justify-content:space-between;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.14em;box-shadow:0 12px 30px #0006}}
@media(max-width:800px){.gallery{padding:85px 0}.gallery-head{grid-template-columns:1fr;gap:18px;margin-bottom:35px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.gallery-grid img:nth-child(n){grid-column:span 1;grid-row:span 1}.gallery-grid img:nth-child(1),.gallery-grid img:nth-child(6){grid-column:span 2}}
@media(max-width:800px){.page-hero{height:560px}.page-hero-content{padding-top:125px}.page-hero h1{font-size:55px}.page-hero-content>p:last-child{font-size:15px}.detail-section{padding:85px 0}.detail-split{grid-template-columns:1fr;gap:25px}}
.contact-email{margin-top:28px!important;font-size:9px!important;font-weight:900;letter-spacing:.13em;color:#fff!important}.contact-email a{display:inline-block;margin-top:9px;color:#fff;font-size:14px;letter-spacing:0;text-transform:none}
/* Keep every navigation tab visible on tablet and mobile. */
@media(max-width:1180px){nav{height:auto;min-height:94px;flex-wrap:wrap;gap:6px;padding-top:10px;padding-bottom:10px}.navlinks{display:flex!important;order:3;width:100%;justify-content:center;gap:18px;padding:8px 0 3px}.navcta{display:inline-flex}}
@media(max-width:800px){nav{height:auto;padding:8px 14px 0}.logo img{width:170px}.navcta{display:none}.navlinks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;padding-top:7px}.navlinks a{display:flex;align-items:center;min-height:38px;padding:7px 8px;border-top:1px solid var(--line);font-size:7px;line-height:1.25;white-space:normal}.hero{height:690px}}
nav{height:108px}.logo img{width:260px;height:82px}.navlinks a{font-size:10px;letter-spacing:.035em}.google-reviews{padding:120px 0;background:var(--paper)}.reviews-head{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;margin-bottom:55px}.reviews-head h2{font-size:clamp(52px,6vw,82px);line-height:.94;letter-spacing:-.055em;margin:20px 0 0}.review-score{display:grid;gap:9px;text-align:right}.review-score span{color:var(--red);font-size:28px;letter-spacing:.08em}.review-score b{font-size:8px;letter-spacing:.13em}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.review-grid article{padding:38px;border-left:1px solid var(--line)}.review-grid article:first-child{border-left:0}.review-grid p{font:25px/1.45 Georgia,serif;margin:0 0 28px}.review-grid span{font-size:8px;font-weight:900;letter-spacing:.14em;color:var(--red)}.reviews-link{display:inline-block;margin-top:34px;color:inherit;font-size:9px;font-weight:900;letter-spacing:.13em}
@media(max-width:1180px){nav{height:auto}.logo img{width:225px;height:72px}.navlinks a{font-size:9px}}
@media(max-width:800px){.logo img{width:200px}.navlinks a{font-size:9px}.google-reviews{padding:85px 0}.reviews-head,.review-grid{grid-template-columns:1fr}.review-score{text-align:left}.review-grid article{border-left:0;border-top:1px solid var(--line);padding:28px 4px}.review-grid article:first-child{border-top:0}.review-grid p{font-size:22px}}
nav{height:auto;min-height:142px;flex-wrap:wrap;padding-top:10px;padding-bottom:12px}.logo img{width:270px;height:86px}.navlinks{order:3;width:100%;justify-content:center;gap:26px;padding:8px 0 2px}.navlinks a{font-size:12px;letter-spacing:.02em}.google-reviews{background:var(--black);color:#fff;text-align:center}.reviews-head{display:block;margin:0 auto 55px}.reviews-head h2{color:#fff}.review-score{margin-top:25px;text-align:center}.review-score span{color:var(--red);font-size:34px}.review-grid{border-color:#ffffff30}.review-grid article{border-color:#ffffff30}.review-grid p{color:#fff}.review-grid span{color:#fff}.reviews-link{color:#fff;border:1px solid #fff;padding:16px 20px;text-decoration:none}
@media(max-width:800px){nav{min-height:0}.logo img{width:210px;height:72px}.navlinks{gap:0}.navlinks a{font-size:10px}.reviews-head{text-align:left}.review-score{text-align:left}.review-grid{text-align:left}}
