/*
Theme Name: Barefoot Consultancy 1.0.15
Theme URI: https://www.barefootresearch.org.uk/
Author: Barefoot
Description: Accessible, editable consultancy website for Barefoot Research, Evaluation and Training.
Version: 1.0.15
Requires at least: 4.7
Requires PHP: 7.0
Text Domain: barefoot-consultancy
*/

/* The full public-facing design is loaded from assets/css/site.css. */

.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#302c24;padding:.75rem 1rem;z-index:9999}
.skip-link:focus{left:1rem;top:1rem}
.skip-link:focus-visible{outline:4px solid #b31e69;outline-offset:3px}
.site-head nav,.site-head nav ul,.site-head nav li{background:transparent!important}
.site-head nav ul{display:flex;gap:22px;flex-wrap:nowrap;align-items:center;margin:0;padding:0;list-style:none;white-space:nowrap}
.site-head nav li{margin:0}
.site-head nav a{display:inline-block;background:transparent!important;color:#54205f!important;padding:9px 0!important;border:0!important;text-decoration:none!important;line-height:1.2}
.site-head nav a:hover,.site-head nav a:focus{text-decoration:underline!important;text-decoration-thickness:2px!important}
.site-head nav a:focus-visible,.brand:focus-visible,.menu:focus-visible{outline:4px solid #b31e69!important;outline-offset:4px!important}
.site-head nav li:last-child a{background:#54205f!important;color:#fff!important;padding:10px 16px!important;text-decoration:none!important}
.site-head nav li:last-child a:hover,.site-head nav li:last-child a:focus{background:#b31e69!important}
.site-head .custom-logo-link{display:flex;align-items:center}
.site-head .custom-logo{max-width:180px;height:auto}
.brand-name{color:#54205f;font-size:1em;font-weight:700;letter-spacing:-.055em;white-space:nowrap}
.barefoot-contact-form{margin-top:2rem;padding:clamp(1.4rem,4vw,2.5rem);background:#fff3c9;border-top:6px solid #b31e69}
.barefoot-contact-form label{display:block;color:#54205f;font-weight:700;margin-bottom:.35rem}
.barefoot-contact-form input,.barefoot-contact-form textarea{display:block;width:100%;border:2px solid #766e60;background:#fff;color:#302c24;padding:.8rem;font:inherit;border-radius:0}
.barefoot-contact-form input:focus,.barefoot-contact-form textarea:focus{outline:4px solid #d6a632;outline-offset:2px;border-color:#54205f}
.barefoot-contact-form textarea{resize:vertical;min-height:13rem}
.barefoot-contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.barefoot-contact-form .optional,.barefoot-contact-form .form-guidance{font-weight:400;color:#5b5549;font-size:.9rem}
.barefoot-contact-form .button{border:0;cursor:pointer;font:inherit;font-weight:700}
.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-notice{padding:1rem 1.2rem;margin:1.5rem 0;border-left:7px solid #54205f;background:#fff3c9}
.form-notice.error{border-color:#b31e69}
.environment-service{background:#fff3c9;border-top:6px solid #d6a632;border-bottom:1px solid #e2d9c5}
.environment-service .text-link{display:inline-block;margin-top:.5rem}
.philosophy-figure{margin:0 0 2.4rem}
.philosophy-figure img{display:block;width:100%;height:auto;background:#fffdf7}
.philosophy-figure figcaption{margin:.7rem 0 0;color:#5b5549;font-size:.92rem;line-height:1.5}
.source-note{margin-top:2.5rem;padding-top:1.25rem;border-top:2px solid #d6a632;color:#5b5549;font-size:.92rem}
.small-is-beautiful-link{margin-top:3rem}
.small-is-beautiful-link .eyebrow{margin-bottom:.75rem}
.small-is-beautiful-link .text-link{display:inline-block;margin-top:.25rem}
.small-is-beautiful-marker{margin-top:1.5rem;font-size:1.08rem}
.footnote-mark{display:inline-block;margin-left:.08em;color:#b31e69;font-size:.82em;line-height:1;text-decoration:none;vertical-align:super}
.footnote-mark:hover,.footnote-mark:focus{text-decoration:underline;text-decoration-thickness:2px}
.hero .footnote-mark{font-size:.48em;margin-left:.12em;vertical-align:super}
.philosophy-note{background:#fffdf7;border-top:7px solid #d6a632}
.philosophy-note-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.philosophy-note figure{margin:0}
.philosophy-note figure img{display:block;width:100%;height:auto}
.philosophy-note figcaption{margin-top:.65rem;color:#5b5549;font-size:.88rem;line-height:1.45}
.philosophy-note h2{margin-bottom:1.2rem}
.philosophy-note .text-link{display:inline-block;margin-top:.5rem}
.barefoot-page-content .alignwide{width:min(1160px,calc(100% - 80px));margin-left:auto;margin-right:auto}
@media(max-width:960px){.menu{display:block}.site-head nav ul{gap:10px 18px;flex-wrap:wrap;white-space:normal}.site-head nav{display:none}.site-head nav.open{display:block;width:100%}.site-head nav li:last-child a{padding:9px 13px!important}.barefoot-page-content .alignwide{width:min(100% - 42px,1160px)}}
@media(max-width:620px){.barefoot-contact-form .form-row,.philosophy-note-grid{grid-template-columns:1fr}.philosophy-note-grid{gap:2rem}}

.research-evidence{background:#fffdf7;border-top:6px solid #d6a632;border-bottom:1px solid #e2d9c5}
.evidence-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.evidence-card{border-top:5px solid #b31e69;padding-top:1.1rem}
.evidence-card h3{margin:.2rem 0 .65rem;font-size:1.25rem}
.evidence-card p{color:#5b5549}
.evidence-action{margin:2rem 0 0}
.content:has(.research-trail){max-width:1040px}
.work-intro .lead{font-size:1.18rem;color:#54205f}
.work-method{margin:3.5rem 0}
.trail-nav{display:block;margin:3rem 0;padding:2rem;background:#fff3c9;border-top:6px solid #d6a632}
.trail-nav h2{font-size:1.7rem;margin:0 0 1rem}
.trail-nav ul{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 2rem;margin:0;padding-left:1.2rem}
.trail-nav a{color:#54205f;font-weight:700}
.research-trail{scroll-margin-top:2rem;margin:4.5rem 0 0;padding-top:2rem;border-top:2px solid #e2d9c5}
.research-trail>.eyebrow{color:#b31e69;margin-bottom:.7rem}
.research-trail>h2{margin-top:0}
.archive-projects{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin-top:2rem}
.archive-projects article{border-top:4px solid #b31e69;padding-top:1rem}
.archive-projects h3{margin:0 0 .35rem;font-size:1.13rem}
.archive-projects p{margin:.45rem 0}
.project-meta{color:#5b5549;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.learning-section{margin:5rem 0 0;padding:3rem 0;border-top:8px solid #d6a632}
.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem}
.learning-grid h3{margin-bottom:.5rem}
.work-cta{margin:2rem 0 0;padding:2.4rem;background:#f5d371}
.work-cta h2{margin-top:0}
.related-evidence{margin:3.5rem 0;padding-top:2rem;border-top:5px solid #d6a632}
.related-evidence h2{margin-top:0}
.approach-intro{font-size:1.2rem;color:#54205f;font-weight:700}
.approach-principle{margin:2.2rem 0;padding:1.4rem 1.6rem;border-left:7px solid #b31e69;background:#fff3c9;font-size:1.18rem}
.approach-page h2{margin-top:2.2em}
.approach-closing{margin-top:2.5rem;padding-top:1.5rem;border-top:6px solid #d6a632;font-size:1.1rem;color:#54205f}

@media(max-width:960px){.evidence-cards{grid-template-columns:1fr}}
@media(max-width:620px){.trail-nav ul,.archive-projects,.learning-grid{grid-template-columns:1fr}.trail-nav,.work-cta{padding:1.4rem}}
