/*
Theme Name: Computing & Business Coming Soon
Author: Computing & Business
Description: A standalone editorial holding-page theme with navy, forest green and ivory branding and email news submissions.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: computing-business-coming-soon
*/

:root{--navy:#071d32;--green:#154b39;--paper:#f6f5ef;--sage:#b8c9a9;--rule:#ccd0c7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}body:before{content:'';display:block;height:7px;background:var(--green)}main.page{min-height:calc(100svh - 7px);display:flex;flex-direction:column;padding:0 6.3%;max-width:1800px;margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid var(--rule);font-size:10px;font-weight:600;letter-spacing:.19em;text-transform:uppercase}.edition{display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;border-radius:50%;background:var(--green)}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,6.9vw,112px);font-weight:bold;letter-spacing:-.075em;line-height:1.05;text-align:center;margin:48px 0 19px}.wordmark span{color:var(--green);font-weight:normal;margin:0 .035em}.tagline{text-align:center;text-transform:uppercase;font-size:10px;letter-spacing:.3em;margin:0 0 32px}.masthead{border-bottom:3px double var(--navy)}main{display:grid;grid-template-columns:1fr 1.02fr;flex:1;min-height:450px;margin:28px 0 30px}.intro{padding:40px 42px 40px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:bold;margin:0 0 26px;color:var(--green)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:clamp(64px,7.5vw,112px);letter-spacing:-.065em;line-height:.98;margin:0 0 24px}h1 em{color:var(--green);font-weight:normal}.description{font-size:16px;line-height:1.7;max-width:360px;color:#50606a;margin:0 0 28px}.submit{display:inline-flex;align-items:center;gap:40px;padding:18px 24px;background:var(--green);color:var(--paper);border:1px solid var(--green);font-size:13px;font-weight:bold;text-decoration:none;transition:background .2s,transform .2s}.submit:hover{background:var(--navy);transform:translateY(-2px)}.submit span{font-size:22px;font-weight:normal;line-height:16px}.smallnote{font-size:11px;margin:13px 0 0;color:#69736d}.art{background:var(--navy);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:440px;padding:28px;color:var(--paper)}.art:before,.art:after{position:absolute;content:'';border:1px solid #ffffff18;border-radius:50%;width:540px;height:540px;top:-63px;left:calc(50% - 270px);transform:rotate(-25deg) scaleX(.6)}.art:after{transform:rotate(25deg) scaleX(.6)}.art-label{font-size:9px;letter-spacing:.18em;position:relative;z-index:1;display:flex;justify-content:space-between}.amp{position:absolute;font-family:Georgia,serif;font-style:italic;font-size:390px;color:var(--sage);line-height:1;left:50%;top:48%;transform:translate(-55%,-51%);letter-spacing:-.1em}.art-bottom{position:relative;z-index:1;border-top:1px solid #ffffff3b;padding-top:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.art-bottom p{font-family:Georgia,serif;font-size:24px;line-height:1.1;margin:0;max-width:230px}.issue{font-size:9px;line-height:1.8;letter-spacing:.13em;text-align:right;color:var(--sage)}footer{border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0 25px;font-size:10px;color:#62706c}.topics{letter-spacing:.08em;text-transform:uppercase}dialog{border:0;background:var(--paper);color:var(--navy);padding:40px;max-width:480px;width:calc(100% - 40px);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#071d32b8;backdrop-filter:blur(4px)}dialog h2{font:38px/1.1 Georgia,serif;letter-spacing:-.04em;margin:12px 0 20px}dialog p{font-size:15px;line-height:1.7;color:#50606a}.close{display:block;margin-left:auto;border:0;background:transparent;font-size:24px;padding:3px 8px;color:var(--navy)}:focus-visible{outline:3px solid #839d6f;outline-offset:5px}@media(min-width:1500px){main{max-height:620px}main.page{min-height:100svh}}@media(max-width:720px){main.page{padding:0 6%}.topline{font-size:8px;letter-spacing:.12em;padding:20px 0}.wordmark{font-size:clamp(30px,8.3vw,59px);margin:32px 0 15px}.tagline{font-size:8px;letter-spacing:.18em;margin-bottom:24px}main{grid-template-columns:1fr;margin:0 0 24px}.intro{padding:44px 0 35px}h1{font-size:76px}.eyebrow{margin-bottom:20px}.description{font-size:15px}.art{min-height:330px;padding:24px}.amp{font-size:300px}.art:before,.art:after{top:-110px}.art-bottom p{font-size:22px}footer{align-items:flex-start;flex-direction:column;gap:13px;font-size:9px}.topics{line-height:1.8}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){.submit{transition:none}}

.admin-bar main.page{min-height:calc(100svh - 39px)}

.brand-logo{margin:48px auto 19px;text-align:center}.brand-logo img{display:block;max-width:100%;width:auto;max-height:180px;height:auto;margin:auto}.brand-logo a{display:inline-block;max-width:100%}.intro,.art{min-width:0}.wordmark,h1,.description,.smallnote,.art-label,.art-bottom,footer{overflow-wrap:anywhere}.art-label{gap:20px}.submit{max-width:100%}@media(max-width:720px){.brand-logo{margin:32px auto 15px}.brand-logo img{max-height:110px}}

main.page-editor-content{display:block;margin:0 auto;min-height:calc(100svh - 7px);max-height:none;padding:0 6.3%}.landing-columns{display:flex;gap:0;margin:28px 0 30px;min-height:450px}.landing-columns .intro{flex-basis:49.5%}.landing-columns .art{flex-basis:50.5%}.art-label,.art-bottom{display:flex;justify-content:space-between;align-items:center}.art-label p{margin:0}.art .amp{margin:0}.art-bottom{margin-top:auto}.art-bottom .issue{font:9px/1.8 Arial,sans-serif}.site-footer{border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;padding:21px 0 25px;font-size:10px;color:#62706c}.site-footer p{margin:0}.news-button .wp-block-button__link{background:var(--green);color:var(--paper);border-radius:0;padding:18px 24px;font:700 13px Arial,sans-serif;text-decoration:none}.news-button .wp-block-button__link:hover{background:var(--navy)}.brand-logo img{max-height:none;width:100%;height:auto}.brand-logo{max-width:1200px}.intro .wp-block-buttons{margin:0}.intro .smallnote{margin-top:13px}@media(max-width:781px){.landing-columns{flex-direction:column}.landing-columns .intro{padding:35px 0}.landing-columns .art{min-height:330px}.site-footer{flex-direction:column}.art-bottom .issue{font-size:9px}}

.brand-logo{aspect-ratio:7/1;overflow:hidden;margin:32px auto 19px}.brand-logo img{display:block;width:100%;height:100%;max-height:none;object-fit:cover}.wp-block-group.art-bottom .issue{font-size:9px;line-height:1.8}

/* Site Editor global palette and layout compatibility. */
:root{--navy:var(--wp--preset--color--navy,#071d32);--green:var(--wp--preset--color--green,#154b39);--paper:var(--wp--preset--color--paper,#f6f5ef);--sage:var(--wp--preset--color--sage,#b8c9a9);--rule:var(--wp--preset--color--rule,#ccd0c7)}
body{font-family:var(--wp--preset--font-family--sans,Arial,sans-serif)}
.wp-site-blocks{padding:0}.page-editor-content>.wp-block-post-content{width:100%}.wp-block-group__inner-container{width:100%}.art-label>.wp-block-group__inner-container,.art-bottom>.wp-block-group__inner-container,.site-footer>.wp-block-group__inner-container{display:flex;justify-content:space-between;gap:20px}.art-bottom>.wp-block-group__inner-container{align-items:flex-end}.art .amp{pointer-events:none}.art-label,.art-bottom{width:100%}.landing-columns>.art{padding:28px}.brand-logo img{object-fit:cover}.editor-styles-wrapper main.page{min-height:0} @media(max-width:781px){.site-footer>.wp-block-group__inner-container{flex-direction:column}.landing-columns>.art{padding:24px}.art{flex-basis:auto}}

