/*
Theme Name: DFA Think Tank
Theme URI: https://digitalfoundation.africa
Author: Digital Foundation Africa
Author URI: https://digitalfoundation.africa
Description: Theme for Digital Foundation Africa, a Pan-African digital think tank. Team, programmes, research questions, publications, events, hero slides, impact stories and partners are managed from the WordPress admin. On activation it can create the site pages, menu and starter content.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 7.1
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: dfa
*/

/* WordPress-specific adjustments. The design itself lives in assets/css/dfa.css. */
body.admin-bar .site-header{top:calc(32px + env(safe-area-inset-top,0px))}
@media (max-width:782px){body.admin-bar .site-header{top:calc(46px + env(safe-area-inset-top,0px))}}
@media (max-width:600px){body.admin-bar .site-header{top:env(safe-area-inset-top,0px)}}
.nav li.cta a{background:var(--brand);color:var(--on-brand);margin-left:8px}
.nav li.cta a:hover{background:var(--green);color:var(--on-brand)}
.nav li.cta a[aria-current="page"]{box-shadow:none;border-radius:var(--r)}
.logo .custom-logo{height:44px;width:auto}
.entry-content{max-width:72ch}
.entry-content > * + *{margin-top:1em}
.entry-content h2{font-size:clamp(28px,3vw,40px);margin-top:1.4em}
.entry-content h3{font-size:24px;margin-top:1.2em}
.entry-content a{color:var(--brand)}
.entry-content img{height:auto;border-radius:var(--r)}
.alignwide{max-width:none}
.wp-caption-text,.screen-reader-text{font-size:14px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.empty-state{border:1px dashed var(--line);border-radius:var(--r);padding:28px;color:var(--muted);background:var(--card)}
.pagination{display:flex;gap:8px;margin-top:32px}
.pagination .page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none}
.pagination .current{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
