/*
Theme Name: UKTDC Association
Theme URI: https://www.uktdc.org.uk/
Author: UKTDC Website Project
Description: Responsive UKTDC association theme with editable WordPress pages, featured-image banners, posts-based Events & News, and WordPress menus.
Version: 1.1.0
Requires PHP: 7.4
Text Domain: uktdc
License: GPL-2.0-or-later
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#071f49;--blue:#0c4189;--bright:#0872c9;--red:#dc192d;--ink:#152a47;--muted:#5b6d83;--line:#dce5f0;--pale:#f2f6fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #f4b400;outline-offset:3px}img{max-width:100%;display:block}.wrap{width:min(1280px,calc(100% - 56px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 22px #08234c10}.header-inner{display:flex;align-items:center;gap:32px;min-height:104px}.brand{flex:0 0 270px}.brand img{width:270px;height:auto}.nav{display:flex;align-items:center;justify-content:flex-end;gap:17px;flex:1}.nav>a,.nav-drop>button{font:700 12px/1.35 Inter,Arial,sans-serif;color:var(--navy);padding:16px 0;background:none;border:0;cursor:pointer}.nav a:hover,.nav button:hover,.nav .active{color:var(--red)}.nav-drop{position:relative}.nav-drop>button:after{content:'⌄';margin-left:5px}.dropdown{display:none;position:absolute;top:100%;left:-10px;min-width:260px;background:white;padding:10px;border:1px solid var(--line);box-shadow:0 16px 40px #09214325;border-radius:8px}.nav-drop:hover .dropdown,.nav-drop:focus-within .dropdown,.nav-drop.open .dropdown{display:block}.dropdown a{display:block;padding:12px 14px;font-size:13px;font-weight:700;border-radius:5px}.dropdown a:hover{background:var(--pale)}.menu-toggle{display:none;margin-left:auto;background:var(--navy);color:white;border:0;border-radius:6px;padding:10px 14px;font-size:20px}.hero{position:relative;background:linear-gradient(90deg,#061b3df5 0%,#061b3ddf 44%,#061b3d35 100%),url('assets/hero.jpg') center 38%/cover;color:#fff;min-height:510px;display:flex;align-items:center;overflow:hidden}.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:7px;background:linear-gradient(90deg,var(--red) 0 28%,#fff 28% 30%,#1375b8 30%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 230px;align-items:center;gap:40px;padding:75px 0}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:12px;font-weight:800;color:#8fd3ff}.hero h1,.page-hero h1{font:800 clamp(48px,6vw,84px)/.94 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.3px;margin:18px 0}.hero h1 span{color:#9ed8ff}.hero .lead{font-size:21px;font-weight:650;line-height:1.4;max-width:640px}.hero p.small{max-width:610px;color:#e6effa}.hero-logos{display:grid;gap:18px;justify-items:center}.hero-logos .logo-tile{background:#ffffffee;border-radius:12px;padding:12px;width:170px;height:150px;display:grid;place-items:center}.hero-logos img{max-height:128px;max-width:145px;object-fit:contain}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:5px;padding:13px 22px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.2px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#b70e23}.btn-outline{border:2px solid #fff;color:#fff}.btn-blue{background:var(--blue);color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.section{padding:70px 0}.section-alt{background:var(--pale)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-kicker{color:var(--red);font-size:12px;letter-spacing:2px;font-weight:800;text-transform:uppercase}.section h2,.section-head h2,.content h2{font:800 clamp(30px,3.4vw,45px)/1.05 'Barlow Condensed',Impact,sans-serif;color:var(--navy);text-transform:uppercase;margin:10px 0}.section-head p{max-width:540px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;box-shadow:0 7px 22px #122e5410;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #122e5420}.card img{width:100%;height:154px;object-fit:cover}.card img.logo-card{object-fit:contain;padding:14px;background:#f5f7fb}.card-body{padding:20px 17px 22px}.card h3{font:800 22px/1.08 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:var(--navy);margin:0 0 12px;min-height:45px}.card p{font-size:13px;line-height:1.65;color:var(--muted);min-height:55px}.text-link{color:var(--blue);font-weight:800;font-size:12px;text-transform:uppercase}.recognition{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center}.recognition-logos{display:flex;align-items:center;gap:22px}.recognition-logos img{max-height:155px;max-width:46%;object-fit:contain}.pill{display:inline-block;background:#e7f2fd;color:#07528e;border-radius:100px;padding:7px 14px;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:1px}.page-hero{position:relative;min-height:390px;display:flex;align-items:center;background-position:center;background-size:cover;color:#fff}.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071e45f5 0%,#071e45d9 48%,#071e4566 100%)}.page-hero .wrap{position:relative;z-index:1;padding:70px 0}.page-hero h1{font-size:clamp(46px,5.5vw,74px);max-width:820px}.page-hero p{font-size:19px;max-width:740px;color:#e4effc}.breadcrumbs{font-size:12px;color:#a6d8ff;font-weight:700;text-transform:uppercase;letter-spacing:1px}.content-grid{display:grid;grid-template-columns:1.6fr .75fr;gap:70px;align-items:start}.content .intro{font-size:19px;color:#415773;line-height:1.85}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.info{padding:24px;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:8px;background:#fff}.info h3{font:800 24px/1.1 'Barlow Condensed',Impact,sans-serif;color:var(--navy);text-transform:uppercase;margin:0 0 10px}.info p{margin:0;font-size:14px;color:var(--muted)}.aside{background:var(--pale);border-radius:12px;padding:30px}.aside h3{font:800 27px/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 15px;color:var(--navy)}.aside p{font-size:14px;color:var(--muted)}.aside img{width:130px;max-height:145px;object-fit:contain;margin:20px auto}.aside .btn{width:100%;margin-top:14px}.cta{background:linear-gradient(110deg,#061d45,#104a93);color:white;padding:55px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{color:white;margin:0}.cta p{margin:10px 0 0;color:#cde0f7}.footer{background:#061b3d;color:#cbd8e9;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:55px}.footer-logo{background:white;border-radius:6px;padding:12px;max-width:300px}.footer h3{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:1px}.footer a{display:block;font-size:13px;padding:4px 0}.footer a:hover{color:white}.footer-bottom{margin-top:38px;border-top:1px solid #ffffff25;padding-top:18px;font-size:12px;color:#a8bbd1}.notice{font-size:12px;color:#6c7b8f}.banner-small{background:#fff;border:1px solid var(--line);padding:18px;border-radius:9px}.banner-small strong{color:var(--navy)}@media(max-width:1180px){.header-inner{min-height:85px}.brand{flex-basis:230px}.brand img{width:230px}.nav{gap:10px}.nav>a,.nav-drop>button{font-size:11px}}@media(max-width:980px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:15px 28px 24px;box-shadow:0 20px 30px #001b4525;max-height:calc(100vh - 85px);overflow:auto;align-items:stretch;flex-direction:column;gap:0}.nav.show{display:flex}.nav>a,.nav-drop>button{display:block;width:100%;text-align:left;padding:12px 0;font-size:14px}.nav-drop .dropdown{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 18px}.cards{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr 180px}.hero-logos .logo-tile{width:145px;height:130px}.recognition{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr}}@media(max-width:620px){.wrap{width:min(100% - 32px,1280px)}.header-inner{min-height:72px}.brand{flex-basis:190px}.brand img{width:190px}.hero{min-height:0}.hero-inner{grid-template-columns:1fr;padding:60px 0}.hero h1{font-size:56px}.hero-logos{grid-template-columns:1fr 1fr;justify-items:start}.hero-logos .logo-tile{width:125px;height:110px}.hero-logos img{max-height:90px}.cards,.info-grid,.footer-grid{grid-template-columns:1fr}.card img{height:190px}.section{padding:50px 0}.section-head{display:block}.cta .wrap{display:block}.cta .btn{margin-top:22px}.page-hero{min-height:330px}.page-hero h1{font-size:48px}.recognition-logos img{max-height:120px}}

/* WordPress integration */
.admin-bar .site-header{top:32px}
.wp-block-image img{height:auto}
.alignwide{max-width:1200px;margin-inline:auto}
.alignfull{width:100%}
.page-edit-link{display:inline-block;margin:12px 0;color:#1465ba}
.post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:30px}
.post-card{background:#fff;border:1px solid #dbe4f0;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,32,77,.06)}
.post-card img{width:100%;height:190px;object-fit:cover}
.post-card-body{padding:22px}.post-card h3{margin:6px 0 10px}.post-card a{text-decoration:none}
.site-header .nav ul{list-style:none;margin:0;padding:0;display:contents}
.site-header .nav li{position:relative}
.site-header .nav li ul{display:none;position:absolute;top:100%;left:0;min-width:260px;background:white;box-shadow:0 12px 30px rgba(0,0,0,.12);z-index:50;padding:8px;list-style:none}
.site-header .nav li:hover>ul,.site-header .nav li:focus-within>ul{display:block}
.site-header .nav li ul a{color:#0c2b5b;display:block;padding:9px 12px}
.site-header .nav .current-menu-item>a{color:#d52127}
@media(max-width:900px){.site-header .nav ul{display:block}.site-header .nav li ul{display:block;position:static;box-shadow:none;background:transparent;padding-left:16px}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}