/* Twister Tipster – Racing Brief family look (navy & gold) */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,700;0,800;0,900;1,900&family=Figtree:wght@400;500;600;700&display=swap');

:root{--n:#05172F;--n2:#0b2546;--gold:#BF9C62;--gold2:#dcc08f;--c:#F4F1EA;--paper:#fffdf8;--ink:#14202e;--muted:#5d6878;--line:#e3dccd;--display:Archivo,'Arial Black',sans-serif;--body:Figtree,system-ui,-apple-system,sans-serif}

body{background:var(--c)!important;color:var(--ink);font-family:var(--body)!important;font-size:17px;line-height:1.6}
body,button,input,select,textarea,p,li,.entry-content,.widget{font-family:var(--body)!important}
h1,h2,h3,h4,h5,h6,.entry-title,.page-title,.widget-title{font-family:var(--display)!important;color:var(--n);letter-spacing:-.01em}
a{color:var(--n2)}
a:hover,a:focus{color:#8a6a33}
#page{position:relative}

/* Header bar */
#hero-header.site-hero-section{background:var(--n)!important;min-height:0!important;height:64px;padding:0!important;border-bottom:3px solid var(--gold);display:flex;align-items:center}
.hero-header-image,.site-description{display:none!important}
#masthead{position:static!important;width:100%;padding:0!important;background:none!important}
#masthead .inner{max-width:1140px;margin:0 auto;padding:0 20px!important;display:flex;align-items:center;justify-content:space-between}
.site-branding{margin:0!important;padding:0!important;text-align:left!important}
.site-title{margin:0!important;line-height:1!important;position:static!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important}
.site-title a{display:flex;align-items:center;gap:12px;font-size:0!important;text-decoration:none!important;border:0!important}
.site-title a::before{content:"";width:44px;height:44px;border-radius:50%;flex:0 0 44px;background:#fff url('https://twistertipster.com/wp-content/uploads/2026/04/image.jpg') center/cover no-repeat;box-shadow:0 0 0 2px var(--gold)}
.site-title a::after{content:"TWISTER TIPSTER";font:italic 900 22px/1 var(--display);color:#fff;letter-spacing:.01em}
#masthead .menu-toggle,.menu-toggle{display:none!important}
.x-menu-toggle{background:transparent!important;color:#fff!important;border:1px solid var(--gold)!important;border-radius:999px!important;font:700 14px var(--body)!important;padding:6px 14px!important;text-transform:none!important}

/* Nav row under the bar */
#site-navigation.main-navigation{background:var(--n2);border-bottom:1px solid rgba(191,156,98,.35);padding:0!important;margin:0!important;text-align:center}
#site-navigation ul{display:flex!important;flex-wrap:wrap;justify-content:center;gap:4px;margin:0 auto!important;padding:8px 12px!important;max-width:1140px;list-style:none}
#site-navigation li{margin:0!important;float:none!important;border:0!important}
#site-navigation a{display:block;font:600 15px/1 var(--body)!important;color:#fff!important;padding:9px 14px!important;border-radius:999px;text-transform:none!important;letter-spacing:0!important;text-decoration:none!important;border:0!important}
#site-navigation a:hover{background:rgba(255,255,255,.1)}
#site-navigation .current-menu-item>a{background:var(--gold);color:var(--n)!important}

/* Layout */
#content-wrapper{max-width:1140px;margin:0 auto;padding:28px 20px 10px}
.site-content{padding-top:0!important}

/* Post cards */
main#main article,.page article{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px 26px!important;margin:0 0 22px!important;box-shadow:0 1px 2px rgba(5,23,47,.05)}
.entry-title{font-weight:900!important;font-size:30px!important;line-height:1.15!important;margin-bottom:10px!important}
.entry-title a{color:var(--n)!important;text-decoration:none!important;border:0!important}
.entry-title a:hover{color:#8a6a33!important}
.entry-meta,.entry-footer,.posted-on,.byline,.cat-links,.tags-links{font-family:var(--body)!important;color:var(--muted)!important;font-size:14px!important}
.post-image-link img,.wp-post-image,.entry-content img{border-radius:10px}
.sticky .post-image-link::after,.featured-post{font-family:var(--body)!important}
.entry-content a{color:var(--n2);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.more-link,.entry-content .more-link{display:inline-block;background:var(--n);color:#fff!important;text-decoration:none!important;border-radius:999px;padding:8px 16px;font-weight:700}

/* Sidebar widgets as cards */
#secondary .widget{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 18px!important;margin:0 0 18px!important}
#secondary #block-10{background:var(--n);color:#fff;border-color:var(--n)}
#secondary #block-10 strong{color:var(--gold2)}
#secondary #block-10 p{margin:0}
#secondary #block-3{margin-top:-30px!important;border-top-left-radius:0;border-top-right-radius:0;background:var(--n);border-color:var(--n);padding-top:4px!important}
.wp-block-button__link{border-radius:999px!important;font:700 15px var(--body)!important;padding:12px 18px!important}
#secondary .has-black-background-color{background:var(--gold)!important;color:var(--n)!important}
#secondary .is-style-outline .wp-block-button__link{color:#fff!important;border:2px solid rgba(255,255,255,.6)!important;background:transparent!important}
#secondary .wp-block-buttons{gap:10px}

/* Footer */
#colophon{background:var(--n);color:#cfd6e1;border-top:3px solid var(--gold);margin-top:30px;padding:26px 20px!important;text-align:center}
#colophon a{color:var(--gold2)}
#colophon .site-info::before{content:"Twister Tipster is part of the Racing Brief family · Free racecards, ratings and results at racingbrief.com · 18+ only, please enjoy your racing responsibly";display:block;font-size:14px;margin-bottom:8px;color:#e6eaf0}


/* Font catch-all */
#page *:not(.genericon):not([class*=genericon]):not(h1):not(h2):not(h3):not(h4):not(.entry-title a){font-family:var(--body)!important}
#page h1,#page h2,#page h3,#page h4{font-family:var(--display)!important}
.jp-relatedposts-headline em{font-style:normal;font-weight:800;text-transform:none!important}
.post-navigation,.comments-area{max-width:none}

/* Mobile */
@media (max-width:640px){
 body{font-size:16px}
 #hero-header.site-hero-section{height:56px}
 .site-title a::before{width:36px;height:36px;flex-basis:36px}
 .site-title a::after{font-size:18px}
 #site-navigation ul{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 #site-navigation ul::-webkit-scrollbar{display:none}
 #site-navigation a{white-space:nowrap;font-size:14px!important;padding:8px 12px!important}
 #content-wrapper{padding:16px 12px 6px}
 main#main article,.page article{padding:16px 16px!important;border-radius:12px}
 .entry-title{font-size:23px!important}
}

/* Follow widget */
#secondary .tt-follow-h{margin:0 0 10px!important;color:var(--n)}
#secondary .tt-follow{display:flex;flex-wrap:wrap;gap:8px;margin:0!important}
#secondary .tt-follow a{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--n);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:14px;line-height:1.2;border:0!important}
#secondary .tt-follow a:hover{background:var(--gold);color:var(--n)!important}

/* Infinite-scroll footer bar */
#infinite-footer .container{background:var(--n)!important;border-top:2px solid var(--gold)!important;color:#cfd6e1}
#infinite-footer .container a,#infinite-footer .blog-info a,#infinite-footer .blog-credits a{color:var(--gold2)!important}
#infinite-footer .blog-credits{color:#cfd6e1!important}

/* Homepage: today's post in full, earlier days as a compact list */
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .post-image-link,
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-content,
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-meta,
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .featured-image{display:none!important}
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky){padding:12px 18px!important;margin:0 0 8px!important;border-radius:10px;box-shadow:none}
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-header{margin:0!important;padding:0!important}
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-title{font-size:17px!important;font-weight:800!important;margin:0!important}
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-title a::after{content:" →";color:var(--gold)}
.home.blog:not(.paged) main#main article.sticky{position:relative;margin-bottom:62px!important;overflow:visible!important}
.home.blog:not(.paged) main#main article.sticky::after{content:"Previous days";position:absolute;left:4px;bottom:-40px;font:800 13px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.posts-navigation{margin:18px 0!important;border:0!important}
.posts-navigation .nav-links a{display:inline-block;background:var(--n);color:#fff!important;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none!important;font-size:15px}
.posts-navigation .nav-links a:hover{background:var(--gold);color:var(--n)!important}
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-footer{margin:2px 0 0!important;padding:0!important;border:0!important;display:block!important}
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-footer .entry-meta{display:block!important;margin:0!important}
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-footer .entry-meta>*:not(.published-on),.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-footer .edit-link{display:none!important}
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-footer .published-on,.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-footer .published-on a{font-size:13px!important;color:var(--muted)!important;text-decoration:none!important}
.home.blog:not(.paged) main#main article.sticky~article:not(.sticky) .entry-footer .published-on::before{display:none!important}