/* CYKELKALENDEREN 2027 — Homepage redesign / v1
   Scoped to .ck27-home, except the global navigation.
   Intended to load alongside the existing Bootstrap 3 / site2024.css. */

:root { --ck-ink:#17221e; --ck-muted:#66736d; --ck-paper:#f6f6f1;
 --ck-line:#e0e5dc; --ck-accent:#c9f26c; --ck-green:#234b39;
 --ck-surface:#fff; }
 
 h1, h2, h3, h4{
	 background:none;
	 color:black !Important;
	 border:none;
 }

body { background:var(--ck-paper); color:var(--ck-ink); }
.wrap { background:var(--ck-paper); }
.main.container { width:100%; max-width:none; padding-left:0; padding-right:0; }
.index-holder { background:var(--ck-paper)!important; }
.ck27-home.site-index { max-width:1380px!important; width:100%; margin:auto;
 background:transparent!important; padding:0 32px 60px; font-family:Arial,Helvetica,sans-serif; }
.ck27-home *, .ck27-home *::before, .ck27-home *::after { box-sizing:border-box; }
.ck27-home a { color:var(--ck-green); }
.ck27-home a:hover { color:#122c20; }
.ck27-home .row { margin-left:-12px; margin-right:-12px; }
.ck27-home [class*="col-"] { padding-left:12px; padding-right:12px; }

/* Navigation: cleaner editorial masthead, compatible with Bootstrap 3 */
.navbar-default.navbar-fixed-top { background:#142a21!important; border:0!important;
 box-shadow:none; min-height:62px; }
.navbar-default .navbar-brand { height:62px; font-size:22px; font-weight:800;
 letter-spacing:-.055em; color:#fff!important; }
.navbar-default .navbar-brand .header-logo { width:35px; height:35px; object-fit:contain; }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>form>button.logout {
 color:#e3eae4!important; font-size:13px!important; font-weight:700;
 letter-spacing:.015em; padding-top:21px!important; padding-bottom:21px!important; }
.navbar-default .navbar-nav>li>a:hover { color:var(--ck-accent)!important; }
.navbar-default .navbar-toggle { margin-top:14px; border-color:#637c6d; }
.navbar-default .navbar-toggle .icon-bar { background:#fff; }

/* Masthead */
.ck27-home .ck27-hero { display:grid; grid-template-columns:1.35fr .8fr;
 min-height:330px; margin:28px 0 25px; overflow:hidden;
 background:#18392b; color:white; border-radius:4px; }
.ck27-home .ck27-hero-copy { padding:40px 45px 42px; position:relative; z-index:1; }
.ck27-home .ck27-eyebrow, .ck27-home .ck27-kicker { font-size:11px;
 font-weight:800; letter-spacing:.16em; }
.ck27-home .ck27-eyebrow { color:var(--ck-accent); display:flex; align-items:center; gap:9px; }
.ck27-home .ck27-live-dot { width:7px; height:7px; border-radius:50%;
 background:var(--ck-accent); display:inline-block; }
.ck27-home .ck27-hero h1 { font-size:clamp(43px,5vw,72px); font-weight:900;
 line-height:.98; letter-spacing:-.075em; color:#fff; margin:25px 0 17px; }
.ck27-home .ck27-hero h1 em { font-style:normal; color:var(--ck-accent); }
.ck27-home .ck27-hero p { color:#c7d6cd; max-width:540px; font-size:15px;
 line-height:1.65; margin:0 0 22px; }
.ck27-home .ck27-hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.ck27-home .ck27-button { display:inline-flex; align-items:center; justify-content:space-between;
 gap:20px; padding:12px 16px; font-size:12px; font-weight:800; text-decoration:none!important;
 border:1px solid transparent; transition:background .18s,transform .18s; }
.ck27-home .ck27-button:hover { transform:translateY(-2px); }
.ck27-home .ck27-button-primary { background:var(--ck-accent); color:#142a21; }
.ck27-home .ck27-button-outline { border-color:#789081; color:#fff; }
.ck27-home .ck27-button-outline:hover { background:#2e503e; color:white; }
.ck27-home .ck27-hero-art { background:#c9f26c; color:#173729; position:relative;
 overflow:hidden; display:flex; align-items:center; justify-content:center; }
.ck27-home .ck27-hero-art:before { content:""; position:absolute; inset:-70px;
 background:repeating-linear-gradient(145deg,transparent 0 27px,rgba(22,58,40,.10) 28px 29px);
 transform:rotate(-7deg); }
.ck27-home .ck27-hero-art-number { font-size:clamp(150px,19vw,290px); line-height:.8;
 letter-spacing:-.13em; font-weight:900; transform:translateX(-16px); opacity:.92; }
.ck27-home .ck27-hero-art-label { position:absolute; left:24px; top:24px;
 font-size:13px; line-height:1.1; font-weight:900; letter-spacing:-.03em; }
.ck27-home .ck27-hero-art-label span { font-size:9px; vertical-align:top; }
.ck27-home .ck27-hero-art-caption { position:absolute; right:24px; bottom:22px;
 font-size:10px; font-weight:800; letter-spacing:.14em; }
.ck27-home .ck27-section-intro { display:flex; gap:16px; align-items:center;
 margin:22px 0 10px; }
.ck27-home .ck27-kicker { color:var(--ck-green); white-space:nowrap; }
.ck27-home .ck27-intro-rule { flex:1; height:1px; background:#cfd7cc; }
.ck27-home .ck27-intro-note { color:var(--ck-muted); font-size:12px; }

/* Headlines and section framing */
.ck27-home .new-header.ck27-welcome { font-size:20px!important; font-weight:800;
 color:var(--ck-ink); border:0!important; background:none!important; padding:0!important;
 margin-bottom:12px; }
.ck27-home #push-status-box { border:1px solid var(--ck-line)!important;
 background:#fff; border-radius:3px!important; color:var(--ck-muted)!important; }
.ck27-home .races-tile { background:#fff!important; border:1px solid var(--ck-line)!important;
 border-radius:4px!important; box-shadow:none!important; overflow:hidden;
 margin-bottom:22px!important; padding:0!important; }
.ck27-home .races-tile>h2, .ck27-home .races-tile>h3,
.ck27-home .races-tile>.h2 { background:#fff!important; border:0!important;
 border-bottom:1px solid var(--ck-line)!important; color:var(--ck-ink)!important;
 font-size:19px!important; font-weight:850!important; letter-spacing:-.035em;
 line-height:1.25!important; margin:0!important; padding:19px 21px!important;
 min-height:61px; }
.ck27-home .races-tile-body { background:#fff!important; padding:10px 18px 18px!important; }
.ck27-home .races-tile-body.padd { padding:18px!important; }
.ck27-home .races-tile .btn { border-radius:2px; }
.ck27-home .races-tile .btn-warning, .ck27-home .races-tile .btn-primary {
 background:var(--ck-green)!important; border:1px solid var(--ck-green)!important;
 color:white!important; font-weight:700; }
.ck27-home .races-tile .btn-link { text-decoration:none!important; color:var(--ck-green)!important; }
.ck27-home .races-tile .btn-link:hover { text-decoration:underline!important; }

/* TV schedule — preserve original table markup, visually render clean race rows */
.ck27-home .day-tr-holder { background:#eef2e9!important; color:#355442!important;
 border:0!important; border-top:1px solid var(--ck-line)!important; padding:11px 13px!important;
 font-size:11px!important; font-weight:900!important; letter-spacing:.09em; text-transform:uppercase; }
.ck27-home .race-tr-holder { border-bottom:1px solid var(--ck-line)!important;
 background:#fff!important; padding:10px 0!important; }
.ck27-home .race-tr-holder:hover { background:#fafbf7!important; }
.ck27-home .race-tr-holder.today-elem { background:#f3f9e9!important; }
.ck27-home .race-tr-holder .table { margin:0!important; width:100%; table-layout:auto; }
.ck27-home .race-tr-holder .table td { border:0!important; padding:5px 7px!important;
 vertical-align:top!important; background:transparent!important; }
.ck27-home .race-tr-holder .table td:first-child { width:65px!important; }
.ck27-home .tv-from { display:inline-block; background:#edf3e7!important; color:#21412f!important;
 font-size:13px!important; border-radius:3px!important; padding:7px 8px!important; font-weight:800; }
.ck27-home a.race-title { color:var(--ck-ink)!important; font-weight:800!important;
 font-size:14px!important; line-height:1.45; text-decoration:none!important; }
.ck27-home a.race-title:hover { color:var(--ck-green)!important; text-decoration:underline!important; }
.ck27-home .profile-holder-box { min-width:75px; align-items:flex-end; }
.ck27-home .profile-holder { max-width:100%; height:auto; border-radius:3px;
 border:1px solid #e7e9e4; object-fit:contain; }
.ck27-home .se-loebsside { font-size:11px!important; font-weight:700!important;
 padding:4px 0!important; }
.ck27-home .tvs-holder { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.ck27-home .tvs-holder .tv { border:1px solid #e8ebe5!important;
 border-radius:3px!important; background:#fff!important; padding:3px!important;
 margin:0!important; min-width:40px; }
.ck27-home .tvs-holder .tv-logo { background-size:contain!important; background-position:center!important;
 background-repeat:no-repeat!important; }

/* News ticker and short news */
.ck27-home #newsroller { background:#fff!important; height:auto!important; min-height:43px;
 border:1px solid var(--ck-line)!important; border-radius:3px;
 display:flex; align-items:center; padding:10px 14px!important; }
.ck27-home #newsroller a { color:var(--ck-ink)!important; text-decoration:none!important; font-size:12px; }
.ck27-home #newsroller b { color:var(--ck-green); }
.ck27-home #newsroller .news-item { padding:0 15px; }
.ck27-home .kort-nyt-list { list-style:none; margin:0; padding:8px 18px 16px; }
.ck27-home .kort-nyt-list li { border-bottom:1px solid var(--ck-line); padding:11px 0; }
.ck27-home .kort-nyt-list li:last-child { border-bottom:0; }
.ck27-home .news-object { display:flex; justify-content:space-between; gap:12px;
 cursor:pointer; color:var(--ck-ink); font-weight:700; }
.ck27-home .news-object:hover .news-title { text-decoration:underline; }
.ck27-home .news-date { flex-shrink:0; color:var(--ck-muted); font-size:11px; font-weight:500; }

/* Favorites and data */
.ck27-home .myfav-holder { background:#f8faf5!important; border:1px solid var(--ck-line)!important;
 border-radius:3px!important; margin:0 0 14px!important; overflow:hidden; }
.ck27-home .myfav-header { background:#f1f5eb!important; border:0!important; padding:14px 16px!important; }
.ck27-home .myfav-header h5, .ck27-home .myfav-header h5 a {
 color:var(--ck-ink)!important; font-size:18px!important; font-weight:850!important;
 text-decoration:none!important; }
.ck27-home .myfav-header .head-stats { color:var(--ck-muted)!important; font-size:12px; }
.ck27-home .myfav-body { background:transparent!important; padding:15px!important;
 font-size:12px; line-height:1.6; }
.ck27-home .myfav-body b { color:var(--ck-ink); }
.ck27-home .myfav-holder .fav-profile { background-size:contain!important;
 background-position:center bottom!important; background-repeat:no-repeat!important; }
.ck27-home .table { color:var(--ck-ink); }
.ck27-home .races-tile .table-striped>tbody>tr:nth-of-type(odd) { background:#f8faf6!important; }
.ck27-home .races-tile .table td { border-color:#edf0ea; }
.ck27-home .races-tile .table td a { font-weight:700; text-decoration:none; }
.ck27-home .races-tile .table td a:hover { text-decoration:underline; }
.ck27-home .result { border-radius:2px!important; font-weight:900!important; }
.ck27-home .my-channels .tvs-holder { padding:14px 18px!important; }

/* SEO text: editorial rather than wall of text */
.ck27-home .main-text { background:#fff; border:1px solid var(--ck-line);
 border-radius:4px; margin:20px 0 0!important; padding:28px 34px; }
.ck27-home .main-text h2 { font-size:22px; letter-spacing:-.035em;
 font-weight:850; margin:26px 0 12px; color:var(--ck-ink); }
.ck27-home .main-text p, .ck27-home .main-text li { font-size:14px; line-height:1.8;
 color:#536158; }
.ck27-home .main-text p { max-width:850px; }
.ck27-home .main-text ul { padding-left:22px; }

/* Responsive */
@media (max-width:991px) {
 .ck27-home.site-index { padding:0 20px 45px; }
 .ck27-home .ck27-hero { grid-template-columns:1.3fr .7fr; }
 .ck27-home .ck27-hero-copy { padding:32px; }
 .ck27-home .ck27-hero h1 { font-size:48px; }
}
@media (max-width:767px) {
 .ck27-home.site-index { padding:0 12px 35px; }
 .ck27-home .ck27-hero { display:block; margin-top:14px; }
 .ck27-home .ck27-hero-copy { padding:28px 23px 30px; }
 .ck27-home .ck27-hero h1 { font-size:48px; margin-top:19px; }
 .ck27-home .ck27-hero p { font-size:13px; }
 .ck27-home .ck27-hero-art { display:none; }
 .ck27-home .ck27-intro-note { display:none; }
 .ck27-home .ck27-section-intro { margin-top:18px; }
 .ck27-home .races-tile>h2, .ck27-home .races-tile>h3,
 .ck27-home .races-tile>.h2 { font-size:17px!important; padding:16px!important; }
 .ck27-home .races-tile-body { padding:8px 9px 14px!important; }
 .ck27-home .race-tr-holder .table td { padding:5px 4px!important; }
 .ck27-home .race-tr-holder .table td:first-child { width:56px!important; }
 .ck27-home a.race-title { font-size:12px!important; }
 .ck27-home .tv-from { font-size:11px!important; padding:6px 5px!important; }
 .ck27-home .profile-holder-box { min-width:45px; }
 .ck27-home .main-text { padding:20px; }
 .navbar-default .navbar-collapse { background:#142a21; border:0; }
}
@media (prefers-reduced-motion:reduce) {
 .ck27-home .ck27-button { transition:none; }
 .ck27-home .ck27-button:hover { transform:none; }
}