/*
Theme Name: Digital News 360 Panorama
Theme URI: https://thedigitalnews360.com/
Author: Digital News 360
Description: A modular newsroom block theme with a four-story front desk, compact news feed and technology, business, sports and travel panels. Deep blue, teal, local IBM Plex typography and editable original-logo support; no page builder required.
Version: 1.0.0
Requires at least: 6.4
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: digital-news-360-panorama
Tags: news, blog, full-site-editing, custom-logo, featured-images, block-patterns
*/
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/plex-sans.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/plex-mono.woff2') format('woff2')}
:root{--dn-blue:#12396b;--dn-teal:#007e82;--dn-navy:#0c2340;--dn-slate:#edf2f6;--dn-ink:#223044;--dn-muted:#5e6b7a;--dn-line:#d5dfe8;--dn-light:#b9eeec;--dn-heading:'IBM Plex Sans',Arial,sans-serif;--dn-mono:'IBM Plex Mono',monospace;--dn-body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--dn-ink);font:400 16px/1.75 var(--dn-body);overflow-wrap:break-word}
p,figure{margin:0}
h1,h2,h3,h4{font-family:var(--dn-heading);font-weight:600;line-height:1.18;margin:0;color:inherit}
a{color:var(--dn-blue);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
img{max-width:100%;height:auto;vertical-align:middle}
button,input,textarea,select{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--dn-blue);outline-offset:4px}
.wp-site-blocks{padding:0!important}
.wp-site-blocks>*,.dn-main>.wp-block-group,.dn-footer>.wp-block-group{margin-block:0}
.dn-shell{width:calc(100% - 64px);max-width:1280px;margin-inline:auto!important}
.dn-masthead-wrap{background:var(--dn-navy);color:#fff}
.dn-masthead{display:flex;justify-content:space-between;align-items:center;gap:45px;padding-block:28px 25px}
.dn-brand{min-width:0}
.wp-block-site-title{margin:0;font:700 43px/1.08 var(--dn-heading);letter-spacing:-.025em}
.wp-block-site-title a{color:inherit;text-decoration:none}
.dn-brand-line{font:400 10px/1.6 var(--dn-mono);color:var(--dn-light);margin-top:12px}
.dn-site-logo{line-height:1}
.dn-site-logo:empty{display:none}
.dn-site-logo img{display:block;width:auto!important;max-width:340px;max-height:100px;object-fit:contain}
.dn-brand:has(.wp-block-site-logo img)>.dn-title-fallback{display:none}
.dn-header-tools{width:310px;flex:0 1 310px;display:flex;flex-direction:column;align-items:flex-end;gap:15px}
.dn-info-nav{font:400 10px/1.5 var(--dn-body);color:#d1dfeb}
.dn-info-nav .wp-block-navigation__container{gap:24px}
.dn-info-nav a{color:inherit;text-decoration:none}
.dn-search{max-width:420px;width:100%}
.dn-search .wp-block-search__inside-wrapper{display:flex;gap:0}
.dn-search .wp-block-search__input{min-width:0;width:100%;border:1px solid #a9bdce;border-right:0;border-radius:0;background:#fff;color:var(--dn-ink);padding:11px 12px;font-size:12px}
.dn-search .wp-block-search__button{margin:0;border:1px solid var(--dn-teal);border-radius:0;background:var(--dn-teal);color:#fff;font-size:11px;font-weight:600;padding:10px 16px;cursor:pointer}
.dn-masthead-wrap :where(a,button,input):focus-visible,.dn-footer :where(a,button):focus-visible{outline-color:var(--dn-light)}
.dn-nav-wrap{background:#fff;border-bottom:3px solid var(--dn-teal)}
.dn-navigation-row{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:50px;padding-block:13px}
.dn-nav{font:600 12px/1.5 var(--dn-body);min-width:0;color:var(--dn-blue)}
.dn-nav .wp-block-navigation__container{gap:27px;flex-wrap:wrap}
.dn-nav a{color:inherit;text-decoration:none}
.dn-nav a:hover{text-decoration:underline}
.dn-latest-link{font-size:11px;white-space:nowrap}
.dn-latest-link a{color:var(--dn-blue);text-decoration:none}
.dn-latest-link span{margin-left:12px}
.dn-main{display:block;min-height:50vh}
.dn-opening{padding-top:30px}
.dn-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:25px}
.dn-section-head :where(h1,h2){font:600 31px/1.15 var(--dn-heading);color:var(--dn-blue)}
.dn-opening .dn-section-head h1{font-size:39px;letter-spacing:-.025em;border-left:4px solid var(--dn-teal);padding-left:15px}
.dn-section-link{font:400 11px/1.5 var(--dn-body)}
.dn-section-link a{color:inherit;text-decoration:none}
.dn-section-link span{margin-left:10px}
.dn-front-grid,.dn-latest-list,.dn-desk-lead-list,.dn-desk-brief-list,.dn-archive-grid{list-style:none;padding:0;margin:0;display:grid}
.dn-front-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.dn-story{min-width:0;margin:0;height:100%}
.dn-story-image{overflow:hidden;margin:0;background:var(--dn-slate);border:1px solid var(--dn-line)}
.dn-story-image a{display:block}
.dn-story-image img{width:100%;aspect-ratio:16/10;object-fit:contain;display:block}
.dn-story-copy{display:flex;flex-direction:column;gap:13px;min-width:0;padding-top:17px}
.dn-story h2,.dn-story h3,.dn-story h4{margin:0}
.dn-story :where(h2,h3,h4) a{color:inherit;text-decoration:none}
.dn-story :where(h2,h3,h4) a:hover{text-decoration:underline;text-decoration-thickness:1px}
.dn-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;font:400 10px/1.6 var(--dn-mono);color:var(--dn-muted)}
.dn-meta a{color:inherit;text-decoration:none}
.dn-meta>*{margin:0}
.dn-excerpt{font:400 13px/1.75 var(--dn-body);color:var(--dn-muted)}
.dn-excerpt p{margin:0}
.wp-block-post-excerpt__more-text{display:none}
.dn-front{display:flex;flex-direction:column;border-bottom:3px solid var(--dn-teal);padding-bottom:18px}
.dn-front .dn-story-copy{flex:1;gap:16px}
.dn-front h2{font:600 25px/1.17 var(--dn-heading);letter-spacing:-.015em;color:var(--dn-blue)}
.dn-front .dn-meta{margin-top:auto;font-size:9px}
.dn-front .dn-excerpt,.dn-latest .dn-excerpt,.dn-desk .dn-excerpt,.dn-archive-grid .dn-excerpt{display:none}
body.home .dn-story .wp-block-post-terms{display:none}
.dn-home-ad{padding-block:28px 38px}
.dn-ad-space{min-height:94px;padding:15px;background:var(--dn-slate);border:1px solid var(--dn-line);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.dn-ad-label{font:400 9px/1.5 var(--dn-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dn-muted)}
.dn-latest-section{padding-bottom:41px}
.dn-latest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 40px}
.dn-latest{display:grid;grid-template-columns:120px minmax(0,1fr);gap:21px;align-items:start;border-bottom:1px solid var(--dn-line);padding-bottom:23px}
.dn-latest .dn-story-copy{padding:0;gap:12px}
.dn-latest h3{font:600 24px/1.18 var(--dn-heading);letter-spacing:-.015em}
.dn-latest .dn-meta{font-size:9px}
.dn-desk-section{background:var(--dn-slate)}
.dn-desk-inner{padding-block:34px 43px}
.dn-desk-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29px}
.dn-desk{background:#fff;border:1px solid var(--dn-line);border-top:4px solid var(--dn-teal);padding:25px}
.dn-business-desk,.dn-travel-desk{border-top-color:var(--dn-blue)}
.dn-kicker{font:400 9px/1.5 var(--dn-mono);letter-spacing:.045em;text-transform:uppercase;color:var(--dn-muted)}
.dn-desk .dn-section-head{padding-bottom:16px;margin-top:12px;margin-bottom:21px;border-bottom:1px solid var(--dn-line)}
.dn-desk .dn-section-head h3{font:600 26px/1.15 var(--dn-heading);color:var(--dn-blue)}
.dn-desk .dn-section-link{font-size:10px}
.dn-desklead{display:grid;grid-template-columns:145px minmax(0,1fr);gap:21px;align-items:start;padding-bottom:22px}
.dn-desklead .dn-story-copy{padding:0;gap:12px}
.dn-desklead h4{font:600 24px/1.18 var(--dn-heading);letter-spacing:-.015em}
.dn-desk .dn-meta{font-size:9px}
.dn-desk-brief-list>.wp-block-post{border-top:1px solid var(--dn-line);padding-block:19px}
.dn-desk-brief-list>.wp-block-post:last-child{padding-bottom:0}
.dn-deskbrief .dn-story-copy{padding:0;gap:11px}
.dn-deskbrief h4{font:600 21px/1.24 var(--dn-heading)}
.dn-footer{background:var(--dn-navy);color:#fff;padding-top:34px;border-top:4px solid var(--dn-teal)}
.dn-footer-top{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-bottom:31px}
.dn-footer .wp-block-site-title{font-size:34px;white-space:nowrap}
.dn-footer-copy{font:400 10px/1.7 var(--dn-mono);color:var(--dn-light);margin-top:12px}
.dn-footer-topics{font:400 12px/1.5 var(--dn-body);max-width:600px}
.dn-footer-topics .wp-block-navigation__container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 30px}
.dn-footer a{color:inherit;text-decoration:none}
.dn-footer a:hover{text-decoration:underline}
.dn-footer-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid #567084;padding-block:22px;font-size:10px;color:#cfdeeb}
.dn-footer-info{font:400 10px/1.5 var(--dn-body)}
.dn-footer-info .wp-block-navigation__container{gap:22px;flex-wrap:wrap}
.dn-archive{padding-block:35px 53px}
.dn-page-title{font:600 clamp(35px,4.2vw,55px)/1.12 var(--dn-heading);letter-spacing:-.025em;color:var(--dn-blue);margin:15px 0 27px}
.dn-archive>.dn-search{max-width:500px;margin-bottom:35px}
.dn-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 29px}
.dn-archive-grid h2{font:600 28px/1.18 var(--dn-heading);letter-spacing:-.015em}
.dn-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:38px;padding-top:24px;border-top:1px solid var(--dn-line);font-size:12px}
.dn-pagination .page-numbers{margin-inline:6px}
.dn-pagination .current{background:var(--dn-blue);color:#fff;display:inline-block;padding:4px 10px}
.dn-article-head{padding-block:27px 31px;border-bottom:1px solid var(--dn-line)}
.dn-breadcrumb{font-size:11px;color:var(--dn-muted);margin-bottom:24px}
.dn-breadcrumb a{color:inherit;text-decoration:none}
.dn-breadcrumb span{margin-inline:9px}
.dn-article-topics{display:flex;flex-wrap:wrap;gap:7px 12px;line-height:1.6;font-size:9px;font-weight:600;color:var(--dn-teal);max-width:1100px}
.dn-article-topics a{color:inherit;text-decoration:underline}
.dn-article-topics .wp-block-post-terms__separator{display:none}
.dn-article-title{max-width:1160px;font:600 clamp(35px,4.3vw,58px)/1.1 var(--dn-heading);letter-spacing:-.025em;color:var(--dn-blue);margin:21px 0 26px}
.dn-byline{display:flex;justify-content:space-between;align-items:center;gap:25px}
.dn-byline .dn-meta{font:400 11px/1.6 var(--dn-body);gap:8px 23px}
.dn-reading-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;max-width:350px}
.dn-copy-link,.dn-print-story{border:1px solid var(--dn-blue);border-radius:0;padding:9px 14px;font-size:11px;font-weight:600;cursor:pointer;background:#fff;color:var(--dn-blue)}
.dn-copy-link{background:var(--dn-blue);color:#fff}
.dn-copy-status{font-size:10px;line-height:1.6;color:var(--dn-muted);flex-basis:100%}
.dn-copy-status:empty{display:none}
.dn-story-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(0,360px);gap:55px;justify-content:space-between;padding-block:32px 53px}
.dn-reading-column{grid-column:1;grid-row:1;min-width:0}
.dn-article-aside{grid-column:2;grid-row:1;position:sticky;top:24px;align-self:start}
.dn-article-image{background:var(--dn-slate);border:1px solid var(--dn-line)}
.dn-article-image img{width:100%;max-height:640px;object-fit:contain}
.dn-article-body{font:400 18px/1.85 var(--dn-body)}
.dn-article-body>p,.dn-article-body>ul,.dn-article-body>ol,.dn-article-body>figure,.dn-article-body>blockquote{margin-block:0 1.45em}
.dn-article-body>h2{font:600 33px/1.2 var(--dn-heading);color:var(--dn-blue);margin:1.25em 0 .5em}
.dn-article-body>h3{font:600 28px/1.22 var(--dn-heading);margin:1.1em 0 .5em}
.dn-article-body :where(table,pre){max-width:100%;overflow:auto}
.dn-article-body :where(iframe,video,object,embed){max-width:100%}
.dn-article-body :where(.alignwide,.alignfull){max-width:100%;width:100%;margin-inline:0}
.dn-article-body blockquote{margin-inline:0;background:var(--dn-slate);padding:25px 27px;border-left:4px solid var(--dn-teal);font:600 24px/1.6 var(--dn-heading)}
.dn-article-body figcaption{font:400 12px/1.6 var(--dn-body);color:var(--dn-muted)}
.dn-tags{margin-top:25px;padding-top:20px;border-top:1px solid var(--dn-line);font-size:11px}
.dn-tags a{display:inline-block;background:var(--dn-slate);padding:4px 9px;margin:4px;text-decoration:none}
.dn-reading-column>.dn-ad-space{margin-top:30px}
.dn-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-block:29px;padding-block:25px;border-block:1px solid var(--dn-line);font:600 24px/1.25 var(--dn-heading)}
.dn-post-nav>div:last-child{text-align:right}
.dn-comments{margin-top:35px}
.dn-comments h2{font:600 32px/1.2 var(--dn-heading);margin-bottom:23px}
.dn-comment{padding-block:20px;border-bottom:1px solid var(--dn-line)}
.dn-comment :where(.wp-block-comment-date,.wp-block-comment-reply-link){font-size:12px;margin-block:8px}
.dn-comments textarea,.dn-comments input:not([type=checkbox]):not([type=submit]){max-width:100%;width:100%;padding:12px;border:1px solid #a9bdce;border-radius:0;background:#fff}
.dn-comments input[type=submit]{padding:12px 18px;border:0;border-radius:0;background:var(--dn-blue);color:#fff;cursor:pointer}
.dn-comments label{display:block;font-size:13px;margin-block:12px 6px}
.dn-comments .comment-form-cookies-consent label{display:inline;font-size:12px}
.dn-page{max-width:870px;padding-block:38px 58px}
.dn-error{max-width:950px;padding-block:65px 85px}
.dn-error>p:not(.dn-kicker){max-width:620px;margin-bottom:24px}
.dn-error>.dn-search{margin-block:25px;max-width:500px}
.dn-home-link{display:inline-block;background:var(--dn-blue);color:#fff;font-size:12px;font-weight:600;text-decoration:none;padding:12px 17px}
.screen-reader-text,.wp-block-search__label.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.screen-reader-text:focus{clip:auto!important;height:auto;width:auto;top:12px;left:12px;background:#fff;padding:12px;color:var(--dn-ink);z-index:100000}
@media(min-width:600px){.dn-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:flex!important}.dn-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:none!important}}
@media(max-width:1100px){.dn-nav .wp-block-navigation__container{gap:21px}.dn-front-grid{gap:21px}.dn-front h2{font-size:23px}.dn-latest-list{gap:25px 29px}.dn-latest{grid-template-columns:105px minmax(0,1fr);gap:19px}.dn-latest h3{font-size:23px}.dn-desk-board{gap:25px}.dn-desk{padding:22px}.dn-desklead{grid-template-columns:115px minmax(0,1fr);gap:18px}.dn-desklead h4{font-size:22px}.dn-story-layout{grid-template-columns:minmax(0,1fr) 290px;gap:35px}.dn-footer-topics .wp-block-navigation__container{gap:17px 24px}}
@media(max-width:850px){.dn-shell{width:calc(100% - 40px)}.dn-navigation-row{gap:20px}.dn-nav .wp-block-navigation__container{gap:20px}.dn-latest-link{display:none}.dn-front-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 25px}.dn-front h2{font-size:28px}.dn-latest-list{grid-template-columns:1fr;gap:25px}.dn-latest{grid-template-columns:145px minmax(0,1fr);gap:25px}.dn-latest h3{font-size:27px}.dn-desk-board{grid-template-columns:1fr;gap:27px}.dn-desk{padding:25px}.dn-desklead{grid-template-columns:175px minmax(0,1fr);gap:25px}.dn-desklead h4{font-size:27px}.dn-deskbrief h4{font-size:24px}.dn-footer-top{gap:35px}.dn-footer-topics .wp-block-navigation__container{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px}.dn-footer-bottom{flex-wrap:wrap;gap:16px}.dn-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-byline{flex-wrap:wrap}.dn-story-layout{display:flex;flex-direction:column;max-width:760px;gap:29px}.dn-article-aside{position:static;width:100%}.dn-article-image img{max-height:530px}}
@media(max-width:599px){.dn-shell{width:calc(100% - 32px)}.dn-masthead{padding-block:24px;flex-wrap:wrap;gap:23px}.wp-block-site-title{font-size:36px}.dn-brand-line{font-size:9px}.dn-header-tools{width:100%;flex-basis:100%;gap:17px;align-items:stretch}.dn-header-tools>.dn-search{max-width:100%}.dn-info-nav .wp-block-navigation__container{gap:24px}.dn-navigation-row{min-height:45px;padding-block:10px}.dn-latest-link{display:block;font-size:11px}.dn-nav .wp-block-navigation__responsive-container-open{padding:3px}.dn-nav .wp-block-navigation__responsive-container.is-menu-open{padding:65px 25px 30px;background:var(--dn-navy);color:#fff}.dn-nav .is-menu-open .wp-block-navigation__container{align-items:flex-start;gap:25px;font:600 27px/1.25 var(--dn-heading)}.dn-nav .is-menu-open :where(a,button):focus-visible{outline-color:var(--dn-light)}.dn-opening{padding-top:25px}.dn-section-head{gap:18px;margin-bottom:23px}.dn-opening .dn-section-head h1{font-size:33px;padding-left:13px}.dn-section-head h2{font-size:29px}.dn-section-link{font-size:9px;max-width:95px;text-align:right}.dn-front-grid{grid-template-columns:1fr;gap:29px}.dn-front h2{font-size:29px}.dn-story-copy{padding-top:17px}.dn-home-ad{padding-block:24px 31px}.dn-ad-space{min-height:82px}.dn-latest-section{padding-bottom:33px}.dn-latest{grid-template-columns:100px minmax(0,1fr);gap:19px;padding-bottom:22px}.dn-latest h3{font-size:24px}.dn-latest .dn-story-image img{aspect-ratio:1}.dn-latest .dn-meta{font-size:8px}.dn-desk-inner{padding-block:29px 34px}.dn-desk{padding:21px}.dn-kicker{font-size:8px}.dn-desk .dn-section-head h3{font-size:25px}.dn-desklead{grid-template-columns:95px minmax(0,1fr);gap:18px}.dn-desklead h4{font-size:23px}.dn-deskbrief h4{font-size:23px}.dn-desk .dn-meta{font-size:8px}.dn-footer{padding-top:30px}.dn-footer-top{flex-direction:column;align-items:flex-start;gap:28px;padding-bottom:29px}.dn-footer-topics{width:100%}.dn-footer-topics .wp-block-navigation__container{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 30px}.dn-footer .wp-block-site-title{font-size:31px}.dn-footer-bottom{flex-direction:column;gap:17px}.dn-footer-info .wp-block-navigation__container{gap:15px 19px}.dn-archive{padding-block:29px 42px}.dn-archive-grid{grid-template-columns:1fr;gap:30px}.dn-archive-grid h2{font-size:29px}.dn-page-title{font-size:39px}.dn-article-head{padding-block:24px 27px}.dn-breadcrumb{margin-bottom:22px}.dn-article-topics{font-size:8px;gap:7px 10px}.dn-article-title{font-size:38px;line-height:1.13;margin-block:20px 24px}.dn-byline{gap:20px}.dn-byline .dn-meta{font-size:10px;gap:7px 15px}.dn-story-layout{padding-block:27px 41px;gap:26px}.dn-article-body{font-size:17px;line-height:1.85}.dn-article-body>h2{font-size:31px}.dn-article-body blockquote{font-size:23px;padding:23px}.dn-post-nav{font-size:22px;gap:22px}.dn-page{padding-block:30px 44px}.dn-error{padding-block:50px 65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff;color:#000}.dn-nav-wrap,.dn-header-tools,.dn-footer,.dn-reading-tools,.dn-comments,.dn-post-nav,.dn-ad-space{display:none!important}.dn-shell{width:100%;max-width:100%}.dn-masthead-wrap{background:#fff;color:#000}.dn-masthead{padding-block:0 18px}.dn-brand-line{color:#555}.dn-article-head{padding-block:15px}.dn-article-topics{display:none}.dn-article-title{color:#000;font-size:30pt}.dn-breadcrumb,.dn-byline .dn-meta{color:#555}.dn-article-body{font-size:12pt;line-height:1.6}.dn-story-layout{display:block}.dn-article-aside{position:static;max-width:100%;margin-bottom:25px}.dn-article-image img{max-height:300px}.dn-byline .dn-meta{font-size:10pt}}
