/*
Theme Name: KDT Sportsline PR
Theme URI: https://kdtsportsline.co.za/
Author: KDT Sportsline PR
Description: Sports publication and athlete/agency media publicity theme.
Version: 1.0.3
Text Domain: kdt-sportsline
*/
:root{--ink:#0a1114;--black:#070b0d;--teal:#00bea9;--pale:#dff8f3;--grey:#667277;--line:#d7dfdf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f6f8f7;font:16px/1.5 'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}a:hover{color:#008b7e}button{font:inherit}img{max-width:100%;height:auto}.wrap{width:min(100% - 10%,1440px);margin:auto}.topline{height:7px;background:var(--teal)}.utility{background:#0b1316;color:#b9c6c6;padding:7px 5%;font-size:11px;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between}.utility b{color:var(--teal)}.masthead{background:#fff}.masthead-inner{display:flex;align-items:center;justify-content:space-between;min-height:165px;gap:30px}.brand{display:block;flex:0 0 315px}.brand img{width:315px;height:auto;display:block}.nav{display:flex;gap:26px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.065em;text-transform:uppercase}.nav a:hover{color:#008e82}.nav .prnav{border:1.5px solid var(--ink);padding:12px 16px}.menu-toggle{display:none;border:0;background:transparent;padding:12px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;line-height:.96}h1{font-size:clamp(69px,7.2vw,116px);font-weight:900;letter-spacing:-.012em;margin:25px 0;max-width:650px}.eyebrow,.kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--teal)}.eyebrow{display:flex;align-items:center;gap:13px}.eyebrow:before{content:'';height:2px;width:32px;background:var(--teal)}.hero{min-height:600px;background:var(--black);color:#fff;display:grid;grid-template-columns:48% 52%;overflow:hidden}.hero-copy{padding:65px 7% 56px 10%;position:relative;z-index:2}.hero h1 em,.services h2 em{font-style:normal;color:var(--teal)}.hero-copy>p{font-size:17px;max-width:470px;color:#cad4d4;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;background:var(--teal);color:#061412;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;min-height:45px}.btn:hover{background:#08a996;color:#071412}.btn.outline{background:transparent;color:#fff;border:1px solid #8ca1a1}.btn.outline:hover{background:#fff;color:#111}.btn.dark{background:var(--black);color:#fff}.hero-media{min-height:600px;position:relative;background-image:linear-gradient(90deg,#070b0d 0%,transparent 28%),linear-gradient(0deg,rgba(5,10,11,.94),transparent 52%),var(--feature-image);background-size:cover;background-position:center}.hero-tag{position:absolute;left:9%;bottom:43px;right:9%}.hero-tag h2{font-size:clamp(30px,3vw,47px);line-height:1;margin:9px 0 0}.hero-tag h2 a:hover{color:var(--teal)}.ticker{display:flex;background:var(--teal);color:#061412;overflow:hidden;white-space:nowrap;gap:36px;padding:13px 5%;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ticker span:not(:first-child):before{content:'◆';font-size:8px;margin-right:36px}.section{padding-top:76px;padding-bottom:76px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.sectionhead h2,.services h2{font-size:clamp(50px,5vw,77px);margin:8px 0 0;letter-spacing:-.01em}.sectionhead>a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--teal);padding-bottom:7px}.stories{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px}.story{background:#fff;min-width:0}.story img{width:100%;height:215px;object-fit:cover;display:block;background:#17312f}.story:first-child img{height:250px}.story .body{padding:21px}.story .cat{font-size:10px;letter-spacing:.16em;font-weight:800;color:#008f82;text-transform:uppercase}.story h3{font-size:clamp(26px,2.2vw,35px);line-height:1.02;margin:10px 0 13px;overflow-wrap:anywhere}.story p{color:var(--grey);font-size:14px;margin:0}.services{background:var(--pale);color:var(--ink);position:relative;overflow:hidden}.services:before{content:'PR';position:absolute;right:-30px;top:-90px;font:900 420px/1 'Barlow Condensed';color:rgba(0,155,140,.065);pointer-events:none}.service-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.services h2{font-size:clamp(59px,6.7vw,102px);margin:21px 0}.services .lead{font-size:19px;line-height:1.6;max-width:570px}.services .clarity{font-weight:700;font-size:15px;max-width:580px;border-left:4px solid var(--teal);padding-left:17px;margin:22px 0 28px}.service-panel{background:#0b1517;color:#fff;padding:37px}.service-panel .panel-heading{font:700 20px 'Barlow Condensed';letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}.service-item{border-top:1px solid #365052;padding:18px 0;display:flex;gap:18px;align-items:start}.service-item b{font:700 30px 'Barlow Condensed';color:var(--teal);line-height:1}.service-item h3{font-size:25px;margin:0 0 5px}.service-item p{color:#b5c5c5;font-size:14px;margin:0}.closing{background:#091214;color:#fff;padding:35px 0}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.closing strong{font:700 35px 'Barlow Condensed';text-transform:uppercase}.closing p{margin:4px 0 0;color:#a9bbbb;font-size:14px}.fine{font-size:12px;background:#05090a;color:#879999;padding:18px 0}.fine-inner{display:flex;justify-content:space-between;gap:20px}.content-shell{padding-top:58px;padding-bottom:85px;min-height:55vh}.content-shell h1{font-size:clamp(55px,6vw,88px)}.content-shell h2{font-size:38px}.content-shell p{font-size:18px;line-height:1.75}.content-shell .meta{color:#657777;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.content-shell .featured-image{width:100%;max-height:660px;object-fit:cover;margin:20px 0 35px}.content-shell .article-content{max-width:820px}.content-shell .article-content a{color:#008f82;text-decoration:underline}.listing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pagination{margin-top:35px}.pagination a,.pagination span{display:inline-block;padding:8px 12px;background:#fff;margin:2px}.pr-intro{padding:72px 0 0;background:#0b1517;color:#fff}.pr-intro h1{max-width:980px}.pr-intro p{max-width:700px;font-size:19px;color:#c9d6d5}.pr-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.pr-detail h2{font-size:55px}.pr-detail ul{font-size:17px;line-height:1.9;padding-left:20px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;color:#000;padding:10px;z-index:1000}
@media(max-width:1100px){.nav{gap:14px;font-size:11px}.brand{flex-basis:260px}.brand img{width:260px}.hero-copy{padding-left:7%}}
@media(max-width:900px){.masthead-inner{min-height:130px}.nav{gap:12px;font-size:10px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:55px 6%}.stories,.listing{grid-template-columns:1fr 1fr}.story:first-child{grid-column:span 2}.story:first-child img{height:320px}.service-grid{gap:4%}}
@media(max-width:700px){.utility{font-size:9px}.utility span:last-child{display:none}.masthead-inner{min-height:120px}.brand{flex-basis:230px}.brand img{width:230px}.menu-toggle{display:block}.nav{display:none}.nav.open{display:flex;position:absolute;z-index:20;top:160px;left:0;right:0;background:#fff;padding:22px 5%;flex-direction:column;align-items:stretch;gap:18px;box-shadow:0 15px 30px #0003;font-size:13px}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 5% 28px}.hero h1{font-size:clamp(62px,15vw,92px);margin:21px 0}.hero-copy>p{font-size:16px}.hero-media{min-height:335px;background-image:linear-gradient(0deg,#05090ae8,transparent 70%),var(--feature-image)}.hero-tag{bottom:25px;left:5%}.hero-tag h2{font-size:31px}.ticker{gap:24px;font-size:10px}.wrap{width:90%}.section{padding-top:55px;padding-bottom:55px}.sectionhead{align-items:start}.sectionhead h2{font-size:53px}.sectionhead>a{white-space:nowrap;margin-top:15px}.stories,.listing{grid-template-columns:1fr}.story:first-child{grid-column:auto}.story img,.story:first-child img{height:235px}.service-grid,.pr-detail{grid-template-columns:1fr;gap:25px}.services h2{font-size:clamp(58px,13vw,80px)}.service-panel{padding:26px}.closing-inner,.fine-inner{display:block}.closing .btn{margin-top:21px}.fine span{display:block;margin-bottom:5px}.content-shell h1{font-size:55px}}

.ad-slot{padding:24px 0;background:#f6f8f7;clear:both}.ad-slot .wrap{max-width:970px}.ad-slot .ad-label{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#697b7b;margin-bottom:10px}.ad-slot .ad-widget{text-align:center;max-width:100%;overflow:hidden}.ad-slot .ad-widget>*{max-width:100%}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}
