/*
Theme Name: R4I Editorial
Theme URI: https://www.r4i-it.com/
Author: R4I-IT
Description: A classic financial journal theme for CFD certificates, with a full-width post grid above an editable full-width article and the CFD certificates / R4I-IT logo.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1.3
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: r4i-editorial
Tags: blog, news, one-column, custom-logo, custom-menu, featured-images, translation-ready
*/
:root{--navy:#102f40;--teal:#096b7b;--paper:#faf9f6;--sand:#f1ede4;--gold:#c69c50;--text:#51585c;--line:#e2e4e2;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--text);font:17px/1.65 var(--serif)}img{max-width:100%;height:auto;vertical-align:middle}a{color:var(--teal);text-underline-offset:4px}a:hover{color:var(--navy)}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button,input[type=submit],.wp-block-button__link{border:0;background:var(--teal);color:#fff;border-radius:3px;padding:11px 19px;font-family:var(--sans);font-size:14px;font-weight:600}button:hover,input[type=submit]:hover{background:var(--navy)}input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select{max-width:100%;border:1px solid #c9cecf;background:#fff;border-radius:3px;padding:11px 12px;color:var(--navy);font:15px/1.5 var(--sans)}textarea{width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--serif);font-weight:500;color:var(--navy);line-height:1.15;margin:0 0 20px;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:clamp(38px,4.8vw,60px);letter-spacing:-1.6px}h2{font-size:32px;letter-spacing:-.7px}h3{font-size:26px}p{margin:0 0 18px}ul,ol{padding-left:1.4em}blockquote{margin:28px 0;border-left:3px solid var(--gold);padding:8px 24px;background:var(--sand)}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--line);padding:10px;text-align:left}pre{overflow:auto;padding:20px;background:var(--sand)}iframe{max-width:100%}.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;top:12px;left:12px;z-index:10000;padding:12px 20px;background:#fff;color:var(--navy);box-shadow:0 0 0 3px var(--teal)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}main:focus{outline:none}.site-header{background:#fff}.header-inner{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:18px}.brand{display:flex;align-items:center;gap:18px;min-width:0}.brand>div{min-width:0}.custom-logo-link{flex-shrink:0}.custom-logo{width:112px;height:112px;object-fit:contain;border-radius:50%}.site-title{font:bold clamp(26px,3.2vw,44px)/1 var(--serif);text-transform:uppercase;letter-spacing:-1.4px;text-decoration:none;color:var(--navy);overflow-wrap:anywhere}.site-description{font:16px/1.4 var(--serif);margin:8px 0 0;color:#6b7174}.header-note{margin:0;font:15px/1.5 var(--serif)}.primary-nav{background:var(--navy);color:#fff;position:relative;z-index:20}.nav-inner{display:flex;align-items:center;position:relative;gap:20px;min-height:50px}.menu{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;flex:1}.menu li{position:relative;display:flex;align-items:center}.menu a{color:#fff;text-decoration:none;font:600 12px/1.4 var(--sans);letter-spacing:.25px;text-transform:uppercase;display:block;padding:17px 13px}.menu a:hover,.menu li.current-menu-item>a,.menu li.current-menu-ancestor>a{color:#f2d69d}.menu>li.current-menu-item>a:after,.menu>li.current-menu-ancestor>a:after{content:"";position:absolute;bottom:0;left:13px;right:13px;height:3px;background:var(--gold)}.menu ul{display:none;position:absolute;top:100%;left:0;width:240px;background:var(--navy);border-top:3px solid var(--gold);box-shadow:0 6px 14px #102f4020}.menu ul li{display:flex;width:100%;border-bottom:1px solid #ffffff18}.menu ul a{flex:1;text-transform:none;letter-spacing:0;font-size:14px;padding:13px 16px}.menu ul ul{top:-3px;left:100%}.menu>li:last-child ul ul{left:auto;right:100%}html:not(.js) .menu li:hover>ul,html:not(.js) .menu li:focus-within>ul,.js .menu li.submenu-open>ul{display:block}.submenu-toggle{padding:0;margin-left:-7px;margin-right:9px;border-radius:0;background:transparent!important;color:#fff;min-width:28px;min-height:42px;font-size:17px;line-height:1}.submenu-toggle[aria-expanded=true]{color:var(--gold)}.nav-search{margin-left:auto;flex-shrink:0;position:relative}.nav-search summary{display:flex;padding:12px;list-style:none;color:#fff}.nav-search summary::-webkit-details-marker{display:none}.search-panel{position:absolute;right:0;top:calc(100% + 8px);background:#fff;color:var(--navy);width:320px;max-width:calc(100vw - 40px);padding:22px;border:1px solid var(--line);box-shadow:0 6px 16px #102f4020}.menu-toggle{display:none}.journal{padding-block:48px 28px}.section-heading{margin-bottom:32px}.eyebrow{font:650 12px/1.4 var(--sans);letter-spacing:1.7px;text-transform:uppercase;color:var(--teal);margin:0 0 15px}.section-heading h1{margin-bottom:12px}.section-intro{font-size:19px;color:#64717a;margin:0}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;transition:border-color .18s}.post-card:hover{border-color:#8bafb2}.card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#dce8e9}.card-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#12485b,#116e7c);color:#fff;font:italic 23px var(--serif)}.image-placeholder span{border-top:1px solid #ffffff60;border-bottom:1px solid #ffffff60;padding:12px}.card-body{padding:20px 22px 22px;display:flex;flex:1;flex-direction:column}.card-category{display:inline-block;text-decoration:none;letter-spacing:1px;font-size:10px;margin-bottom:10px;align-self:flex-start}.post-card h2{font-size:27px;letter-spacing:-.7px;margin:0 0 12px}.post-card h2 a{text-decoration:none;color:var(--navy)}.post-card h2 a:hover{color:var(--teal)}.card-excerpt{font-size:16px;line-height:1.5;color:#666f73;margin-bottom:16px}.read-link{font:600 13px/1.5 var(--sans);text-decoration:none;margin-top:auto;align-self:flex-start}.read-link span[aria-hidden]{margin-left:6px}.pagination,.navigation.pagination{padding-top:24px;text-align:center;margin:0}.page-numbers{display:inline-flex;list-style:none;gap:8px;padding:0;margin:0;align-items:center}.page-numbers a,.page-numbers span,.nav-links>.page-numbers{font:14px/1.5 var(--sans);padding:8px 11px;text-decoration:none;color:var(--navy)}.page-numbers .current,.nav-links>.current{border-bottom:2px solid var(--gold)}.home-guide{border-top:1px solid var(--line);padding-block:45px 56px;margin-top:8px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.page-content{min-width:0}.page-title{font-size:clamp(34px,4.1vw,48px);letter-spacing:-1.2px;margin:0 0 20px}.page-content>.eyebrow{margin-bottom:13px}.entry-content{overflow-wrap:anywhere}.entry-content a{text-decoration:underline}.entry-content h2,.entry-content h3{margin-top:32px}.entry-content>:first-child{margin-top:0}.entry-content figure{margin:24px 0}.entry-content figcaption,.wp-caption-text,.gallery-caption{font:13px/1.5 var(--sans);color:#666;margin-top:8px}.entry-content .alignwide{width:100%}.entry-content .alignfull{margin-inline:0;width:100%}.alignleft{float:left;margin:6px 24px 18px 0}.alignright{float:right;margin:6px 0 18px 24px}.aligncenter{display:block;margin-inline:auto}.entry-content:after{content:"";display:table;clear:both}.entry-image{display:block;width:100%;height:auto;margin:0 0 26px}.search-form label{display:block;font:500 14px/1.4 var(--sans);color:var(--navy);margin-bottom:9px}.search-fields{display:flex;gap:6px}.search-fields input{width:0;flex:1;min-width:0;font-size:12px!important}.search-fields button{display:flex;align-items:center;justify-content:center;padding:10px 14px;background:var(--navy)}.site-footer{background:var(--navy);color:#d4dfe3;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.site-footer .custom-logo{width:70px;height:70px}.site-footer .site-title{font-size:29px;letter-spacing:-.6px;color:#fff}.site-footer .site-description{font-size:13px;color:#d4dfe3}.footer-right{text-align:right;font:12px/1.6 var(--sans)}.footer-right p{margin:12px 0 0}.footer-menu{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap}.footer-menu a{color:#fff;text-decoration:none}.singular-layout{padding-block:52px 64px}.entry-meta{font:13px/1.6 var(--sans);color:#667078;margin:0 0 25px}.post-navigation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-top:32px}.post-navigation .nav-links{display:flex;justify-content:space-between;gap:24px}.post-navigation .nav-links>div{max-width:48%}.nav-next{text-align:right}.comments-area{margin-top:40px}.comment-list{list-style:none;padding:0}.comment-list .children{list-style:none}.comment-body{padding:20px 0;border-bottom:1px solid var(--line)}.comment-author img{border-radius:50%;margin-right:8px}.comment-metadata,.comment-reply-link{font:13px var(--sans)}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.bypostauthor>.comment-body{border-left:3px solid var(--gold);padding-left:18px}.sticky .card-category{color:#6a531e}.error-page{padding-block:80px;min-height:55vh}.error-page .search-form{max-width:500px;margin-block:30px}.wp-caption{max-width:100%}.wp-block-image img{height:auto}.wp-block-table{overflow-x:auto}.wp-block-search__input{min-width:0}.wp-block-search__button{margin-left:6px}.wp-block-button__link{color:#fff!important;text-decoration:none!important}.gallery{display:flex;flex-wrap:wrap;gap:16px}.gallery-item{margin:0;flex:1 1 180px}
@media(min-width:900px){.menu>li:first-child>a{padding-left:0}.menu>li:first-child.current-menu-item>a:after{left:0}}
@media(max-width:1050px){.menu a{padding-inline:8px;font-size:11px}.menu{gap:0}.content-layout{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.post-card h2{font-size:24px}.card-body{padding:18px}.header-note{max-width:220px;text-align:right}}
@media(max-width:899px){.container{width:calc(100% - 40px)}.header-inner{min-height:125px}.custom-logo{width:88px;height:88px}.header-note{display:none}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-layout{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.journal{padding-top:34px}.js .menu-toggle{display:block;background:none;padding:14px 0;font-size:14px}.js .nav-inner{flex-wrap:wrap;gap:0;justify-content:space-between}.js .nav-inner>.menu{display:none;order:3;flex-basis:100%;padding-bottom:12px}.js .nav-inner>.menu.is-open{display:block}.menu{gap:0}.menu li{flex-wrap:wrap}.menu a{font-size:12px;padding:14px 12px;flex:1}.menu li ul{position:static;flex-basis:100%;width:auto;border-top:0;box-shadow:none;background:#ffffff08;padding-left:16px}.menu>li.current-menu-item>a:after,.menu>li.current-menu-ancestor>a:after{display:none}.menu li.current-menu-item>a{color:#f2d69d}.nav-search{margin-left:auto}.footer-inner{align-items:flex-start}.footer-menu{gap:10px 16px}.footer-right{max-width:45%}}
@media(max-width:699px){.content-layout{grid-template-columns:minmax(0,1fr)}.home-guide{padding-block:32px 40px}.footer-inner{display:block}.footer-right{max-width:none;text-align:left;margin-top:26px}.footer-menu{justify-content:flex-start}.singular-layout{padding-block:36px 44px}}
@media(max-width:599px){.post-grid{grid-template-columns:minmax(0,1fr);gap:24px}.header-inner{min-height:112px;padding-block:14px}.brand{gap:12px}.custom-logo{width:78px;height:78px}.site-description{font-size:13px}.site-title{font-size:31px}.section-heading{margin-bottom:24px}.section-intro{font-size:17px}.journal{padding-bottom:24px}.post-card h2{font-size:28px}.card-body{padding:20px}.card-excerpt{font-size:17px}.section-heading h1{font-size:41px}.page-title{font-size:36px}.alignleft,.alignright{float:none;display:block;margin:20px 0;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* R4I Editorial: full-width article and original horizontal brand lockup. */
.header-inner{min-height:140px;padding-block:16px}
.brand{display:block;flex:0 1 280px}
.custom-logo-link{display:block}
.custom-logo{display:block;width:280px;height:auto;max-height:118px;object-fit:contain;object-position:left center;border-radius:0}
.header-note{font-size:17px;text-align:right;color:var(--navy);max-width:none}
.menu a{font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;padding-inline:14px}
.menu ul a{font-family:var(--sans);font-size:14px}
.post-card h2{font-weight:600;font-size:26px}
.card-category{font-size:10px;letter-spacing:1.3px}
.journal{padding-block:42px 26px}
.section-heading h1{font-weight:600;max-width:none}
.section-intro{font-size:21px}
.home-article{border-top:1px solid var(--line);padding-block:44px 60px;margin-top:8px}
.home-article>.container,.full-width-article{display:block;width:auto;max-width:none;min-width:0}
.home-article>.container{width:min(1200px,calc(100% - 64px))}
.full-width-article .entry-content{font-size:20px;line-height:1.75}
.full-width-article .entry-content>p{margin-bottom:22px}
.full-width-article .page-title{font-weight:600}
.full-width-article .entry-content h2{margin-top:32px;font-size:32px;font-weight:600}
.full-width-article .entry-content h3{font-size:26px;font-weight:600}
.full-width-article .entry-content blockquote{background:var(--sand);border-left:4px solid var(--gold);padding:18px 24px}
.full-width-article .entry-content blockquote p:last-child{margin-bottom:0}
.full-width-article .entry-image{max-height:600px;object-fit:cover}
.singular-layout{display:block}
.site-footer .brand{flex:0 0 210px;background:transparent;padding:0}
.site-footer .custom-logo{width:200px;height:auto;max-height:none;filter:brightness(0) invert(1)}
.footer-right{font-size:13px}
.footer-publisher{display:block;font-size:11px;letter-spacing:1.3px;margin-top:4px}
@media(max-width:1100px){.menu a{font-size:14px;padding-inline:10px}.menu{gap:0}.submenu-toggle{margin-right:5px}}
@media(max-width:899px){
.header-inner{min-height:118px}.brand{flex-basis:245px}.custom-logo{width:245px;max-height:102px}
.menu a{padding-inline:12px;font-size:15px}.header-note{display:none}
.home-article>.container{width:calc(100% - 40px)}
.site-footer .brand{max-width:210px}
}
@media(max-width:599px){
.header-inner{min-height:110px}.brand{flex-basis:220px}.custom-logo{width:220px;max-height:94px}
.section-heading h1{font-size:40px}.section-intro{font-size:18px}
.home-article{padding-block:30px 42px}.full-width-article .entry-content{font-size:18px;line-height:1.7}
.full-width-article .entry-content h2{font-size:29px}.post-card h2{font-size:27px}
}
