/* Theme Name: Theater of the Courtroom */
/* Version: 1.0.0 */
/* Description: Faithful Elementor-free recreation of the Theater of the Courtroom Wix site. */
:root{--red:#b51d35;--dark:#2b2b2b;--teal:#47c7c9;--serif:Georgia,"Times New Roman",serif;--sans:"Trebuchet MS",Arial,sans-serif}
*{box-sizing:border-box}html{margin:0!important}body{margin:0;color:#111;background:#fff;font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit}img{max-width:100%;height:auto}button,input,textarea{font:inherit}
.site-header{height:74px;background:#fff;border-bottom:1px solid #d7d7d7;display:flex;align-items:center;position:relative;z-index:20}.header-inner{width:100%;max-width:1180px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none;color:#222;font-size:14px}.brand-mark{width:32px;height:28px;margin-right:8px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:2px solid var(--teal);border-radius:50% 50% 45% 45%;width:18px;height:15px;top:4px}.brand-mark:before{left:1px;transform:rotate(-8deg)}.brand-mark:after{left:12px;transform:rotate(8deg)}.brand-mark span{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--teal);left:7px;top:10px;box-shadow:10px 0 var(--teal)}.primary-nav{display:flex;align-items:center;gap:28px}.primary-nav a{font-size:14px;text-decoration:none;color:#333}.primary-nav a:hover,.primary-nav a.active{color:var(--red)}.login-link{display:flex;gap:10px;align-items:center}.login-dot{width:21px;height:21px;border-radius:50%;background:#3b3b3b;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px}
.site-footer{background:#2d2d2d;color:#eee;min-height:170px;display:flex;align-items:center;position:relative;text-align:center}.footer-inner{width:100%;max-width:1000px;margin:auto;padding:34px 70px}.footer-site{font:22px var(--serif);margin-bottom:10px}.footer-line{font-size:14px;line-height:1.35}.footer-pdf{position:absolute;right:24px;bottom:25px;width:52px;height:52px;display:block}.footer-pdf img{width:52px;height:52px}
.hero-home{min-height:1050px;background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),url('https://res.jes.temporary.site/website_07d3db66/wp-content/uploads/2026/10/11062b_31990c4a19c9437ca4eed04d9398b18bmv2.webp');background-size:cover;background-position:center top;padding:64px 0 0;position:relative}.hero-card{width:min(780px,82vw);margin:0 auto;background:rgba(255,255,255,.78);border:1px solid rgba(30,30,30,.55);text-align:center;padding:34px 55px 25px}.hero-card h1{font:40px/1.15 var(--serif);color:#a71c27;margin:0}.hero-card .intro{font-size:21px;line-height:1.2;margin:20px auto 24px;max-width:650px}.hero-card .linkish{text-decoration:underline;font-size:20px;margin:18px 0 3px}.hero-card .book-text{font-size:21px;line-height:1.25}.hero-book{width:160px;margin:10px auto 0;display:block}.podcast-ribbon{width:min(780px,82vw);margin:0 auto;background:#b71935;color:#fff;text-align:center;padding:10px 45px 38px;position:relative;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);min-height:310px}.podcast-ribbon h2{font:28px/1.25 var(--serif);margin:0}.podcast-ribbon .byline{color:#000;font-size:20px;margin:10px 0}.podcast-ribbon img{width:150px}.newsletter-home{position:absolute;right:0;bottom:8px;width:270px;background:#fff;border:1px solid #aaa;padding:20px 20px 18px;color:#a71928}.newsletter-home h3{font:20px/1.2 var(--sans);margin:0 0 12px}.newsletter-home label{display:block;font-size:12px;margin:8px 0 3px}.newsletter-home input[type=text],.newsletter-home input[type=email]{width:100%;height:34px;border:1px solid #9f1a26}.newsletter-home .check{font-size:12px;color:#333;display:flex;gap:7px;align-items:flex-start;margin-top:10px}.newsletter-home button{margin-top:10px;background:#a71928;color:#fff;border:0;padding:7px 20px;cursor:pointer}
.page-hero{position:relative;background-size:cover;background-position:center top;min-height:520px;padding-top:36px}.red-panel{width:min(790px,72vw);margin:0 auto;background:#b71935;color:#fff;text-align:center;padding:10px 75px 50px;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}.red-panel h1,.red-panel h2{font:32px/1.05 var(--serif);margin:0 0 28px}.red-panel p{font-size:19px;line-height:1.3}.red-panel img{width:145px}.about-content{max-width:900px;margin:auto;padding:30px 35px 70px}.about-content h2{text-align:center;font:30px var(--serif);margin:0 0 55px}.about-grid{display:grid;grid-template-columns:1fr 330px;gap:55px;align-items:start;margin-bottom:55px}.about-grid.reverse{grid-template-columns:1fr 350px}.about-grid h3{font:25px var(--serif);margin:0 0 18px;text-align:center}.about-grid p{font-size:14px}.about-grid img{width:100%;object-fit:contain}.contact-page{padding-top:68px}.contact-title{text-align:center}.contact-title .eyebrow{font:18px var(--serif)}.contact-title h1{font:46px var(--serif);font-weight:400;margin:8px}.contact-title p{max-width:650px;margin:28px auto 70px;font-size:18px}.contact-box{border:1px solid #aaa;display:grid;grid-template-columns:1fr 1fr;min-height:400px}.contact-info{padding:70px 12%;display:grid;grid-template-columns:1fr 1fr;gap:55px 50px}.contact-info h3{font:18px var(--serif);margin:10px 0}.contact-info p{font-size:14px;margin:0}.contact-icon{font-size:27px}.contact-form{border-left:1px solid #aaa;padding:65px 12%}.contact-form label{display:block;font-size:13px;margin:0 0 4px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #444;height:34px;margin-bottom:15px;padding:5px}.contact-form textarea{height:70px;resize:vertical}.contact-form .twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form button{width:100%;height:34px;background:#444;color:#fff;border:0}.socials{display:flex;gap:12px;font-weight:bold}.archive-page{background:linear-gradient(90deg,#bca7c9,#f1a994);min-height:1500px;padding:25px 0}.archive-title{text-align:center;font:20px var(--serif);background:#fff;width:min(1000px,88vw);margin:auto;padding:10px}.posts-wrap{width:min(1000px,88vw);margin:auto;background:#fff;padding:20px}.posts-grid{columns:3 230px;column-gap:20px}.post-card{break-inside:avoid;border:1px solid #ddd;margin:0 0 20px;padding:8px;background:#fff}.post-card img{width:100%}.post-card h3{font:16px var(--serif);margin:7px 0}.post-card p{font-size:11px;margin:0}.litigation-page{background:#fff;padding-bottom:0}.litigation-hero{max-width:1100px;margin:auto;padding:35px 30px 20px}.litigation-hero h1{font:30px var(--serif);text-align:center;margin:0}.litigation-hero p{text-align:center;max-width:700px;margin:12px auto}.series-grid{max-width:1120px;margin:10px auto 60px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding:0 24px}.series-card{border:1px solid #ddd;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.08);overflow:hidden}.series-card img{display:block;width:100%;height:auto}.series-card .series-body{padding:14px 16px}.series-card h2{font:20px var(--serif);color:#8e5b20;margin:0 0 4px}.series-meta{font-size:12px;color:#7a5a2c}.series-card p{font-size:13px;line-height:1.45}.series-card .register{color:#8a4e12;text-decoration:underline;font-size:13px}.site-main{min-height:500px}
@media(max-width:900px){.primary-nav{gap:12px}.header-inner{padding:0 16px}.hero-home{min-height:1050px}.newsletter-home{position:relative;right:auto;bottom:auto;margin:20px auto 0;width:min(350px,90vw)}.about-grid,.contact-box{grid-template-columns:1fr}.contact-form{border-left:0;border-top:1px solid #aaa}.contact-info{padding:40px 10%}.red-panel{width:90vw;padding-left:25px;padding-right:25px}.series-grid{grid-template-columns:1fr}.footer-inner{padding:30px 70px 30px 20px}}
@media(max-width:650px){.site-header{height:auto;min-height:68px}.header-inner{flex-wrap:wrap;gap:10px;padding:12px 14px}.primary-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;padding-bottom:3px}.hero-card{padding:24px 20px}.hero-card h1{font-size:30px}.hero-card .intro,.hero-card .linkish,.hero-card .book-text{font-size:17px}.podcast-ribbon{min-height:280px;padding-left:20px;padding-right:20px}.podcast-ribbon h2{font-size:23px}.contact-title h1{font-size:40px}.contact-info{grid-template-columns:1fr}.contact-form .twocol{grid-template-columns:1fr}.footer-site{font-size:18px}}