/*
Theme Name: Kërlaçki Sport
Theme URI: http://localhost/lajmi
Author: Kërlaçki
Author URI: https://kerlacki.com
Description: Clean, modernes Sportnews-Theme (Blau/Weiß) für Fuß- und Sportnachrichten. Eigene Homepage mit Aufmacher, Kategorie-Blöcken und Nachrichten-Grid.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kerlacki-sport
Tags: news, sports, blog, custom-menu, featured-images, two-columns, right-sidebar, translation-ready
*/

/* ==========================================================================
   Design tokens
   ========================================================================== */
:root{
  --ks-primary:#0b5cab;
  --ks-primary-dark:#08407a;
  --ks-primary-light:#e8f1fb;
  --ks-accent:#e63946;
  --ks-ink:#0d1b2a;
  --ks-text:#1f2733;
  --ks-muted:#65707d;
  --ks-line:#e4e8ee;
  --ks-bg:#f4f6f9;
  --ks-card:#ffffff;
  --ks-radius:10px;
  --ks-shadow:0 1px 3px rgba(13,27,42,.08),0 6px 18px rgba(13,27,42,.04);
  --ks-shadow-hover:0 4px 10px rgba(11,92,171,.14),0 12px 30px rgba(13,27,42,.10);
  --ks-max:1200px;
  --ks-font:"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ks-head:"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ==========================================================================
   Reset / base
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:var(--ks-font);
  font-size:16px;
  line-height:1.6;
  color:var(--ks-text);
  background:var(--ks-bg);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--ks-primary);text-decoration:none;}
a:hover{color:var(--ks-primary-dark);}
h1,h2,h3,h4{font-family:var(--ks-head);color:var(--ks-ink);line-height:1.25;margin:0 0 .5em;font-weight:800;letter-spacing:-.01em;}
p{margin:0 0 1em;}
ul,ol{margin:0 0 1em;padding-left:1.25em;}
.ks-container{max-width:var(--ks-max);margin:0 auto;padding:0 20px;}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;}
.ks-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ==========================================================================
   Top bar
   ========================================================================== */
.ks-topbar{background:var(--ks-ink);color:#aeb9c6;font-size:13px;}
.ks-topbar .ks-container{display:flex;align-items:center;justify-content:space-between;height:38px;}
.ks-topbar a{color:#cdd6e0;}
.ks-topbar a:hover{color:#fff;}
.ks-topbar .ks-date{display:flex;align-items:center;gap:8px;}
.ks-topbar nav a{margin-left:16px;}

/* ==========================================================================
   Header
   ========================================================================== */
.ks-header{background:var(--ks-card);border-bottom:1px solid var(--ks-line);}
.ks-header .ks-container{display:flex;align-items:center;gap:24px;padding-top:18px;padding-bottom:18px;}
.ks-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;}
.ks-brand .ks-logo-img{max-height:54px;width:auto;}
.ks-brand .site-title{font-size:30px;font-weight:900;letter-spacing:-.02em;margin:0;color:var(--ks-ink);}
.ks-brand .site-title a{color:inherit;}
.ks-brand .site-title .ks-dot{color:var(--ks-primary);}
.ks-brand .site-desc{margin:0;font-size:13px;color:var(--ks-muted);}
.ks-header-tools{margin-left:auto;display:flex;align-items:center;gap:12px;}
.ks-search-toggle,.ks-menu-toggle{
  background:var(--ks-primary-light);color:var(--ks-primary);border:0;width:42px;height:42px;
  border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
}
.ks-search-toggle:hover,.ks-menu-toggle:hover{background:var(--ks-primary);color:#fff;}
.ks-menu-toggle{display:none;}

/* Search panel */
.ks-search-panel{display:none;background:var(--ks-card);border-bottom:1px solid var(--ks-line);}
.ks-search-panel.is-open{display:block;}
.ks-search-panel form{display:flex;gap:10px;padding:16px 0;}
.ks-search-panel input[type=search]{flex:1;padding:13px 16px;border:1px solid var(--ks-line);border-radius:8px;font-size:16px;}
.ks-search-panel button{padding:0 22px;background:var(--ks-primary);color:#fff;border:0;border-radius:8px;font-weight:700;cursor:pointer;}

/* ==========================================================================
   Primary navigation
   ========================================================================== */
.ks-nav{background:var(--ks-primary);}
.ks-nav .ks-container{display:flex;}
.ks-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.ks-nav li{position:relative;}
.ks-nav a{display:block;color:#dfeaf6;padding:14px 16px;font-weight:700;font-size:14.5px;text-transform:uppercase;letter-spacing:.02em;}
.ks-nav a:hover,.ks-nav .current-menu-item>a,.ks-nav .current_page_item>a{background:var(--ks-primary-dark);color:#fff;}
.ks-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--ks-card);min-width:220px;box-shadow:var(--ks-shadow);z-index:40;border-radius:0 0 8px 8px;overflow:hidden;}
.ks-nav li:hover>.sub-menu{display:block;}
.ks-nav .sub-menu a{color:var(--ks-text);text-transform:none;font-weight:600;border-bottom:1px solid var(--ks-line);}
.ks-nav .sub-menu a:hover{background:var(--ks-primary-light);color:var(--ks-primary);}
/* Fallback nav (category list) */
.ks-nav-fallback ul{list-style:none;}

/* ==========================================================================
   Layout
   ========================================================================== */
.ks-main{padding:28px 0 48px;}
.ks-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;}
.ks-layout.ks-full{grid-template-columns:1fr;}

/* Section heading */
.ks-section{margin:0 0 34px;}
.ks-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;border-bottom:2px solid var(--ks-line);}
.ks-section-head h2{font-size:20px;margin:0;padding:0 0 10px;position:relative;}
.ks-section-head h2::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:var(--ks-cat,var(--ks-primary));}
.ks-section-head .ks-more{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--ks-muted);}
.ks-section-head .ks-more:hover{color:var(--ks-primary);}

/* ==========================================================================
   Article cards
   ========================================================================== */
.ks-grid{display:grid;gap:22px;}
.ks-grid-3{grid-template-columns:repeat(3,1fr);}
.ks-grid-2{grid-template-columns:repeat(2,1fr);}

.ks-card{background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease;}
.ks-card:hover{transform:translateY(-3px);box-shadow:var(--ks-shadow-hover);}
.ks-card .ks-thumb{display:block;position:relative;aspect-ratio:16/9;background:var(--ks-primary-light);overflow:hidden;}
.ks-card .ks-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.ks-card:hover .ks-thumb img{transform:scale(1.05);}
.ks-card .ks-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.ks-card .ks-card-title{font-size:17px;margin:8px 0 0;line-height:1.3;}
.ks-card .ks-card-title a{color:var(--ks-ink);}
.ks-card .ks-card-title a:hover{color:var(--ks-primary);}
.ks-card .ks-excerpt{color:var(--ks-muted);font-size:14px;margin:10px 0 0;}
.ks-card .ks-meta{margin-top:auto;padding-top:12px;color:var(--ks-muted);font-size:12.5px;display:flex;gap:12px;align-items:center;}

/* Category chip */
.ks-chip{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  color:#fff;background:var(--ks-cat,var(--ks-primary));padding:4px 10px;border-radius:999px;}
.ks-thumb .ks-chip{position:absolute;left:10px;top:10px;z-index:2;}

/* Hero / featured */
.ks-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-bottom:34px;}
.ks-hero-main{position:relative;border-radius:var(--ks-radius);overflow:hidden;min-height:420px;background:#0d1b2a;}
.ks-hero-main img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.ks-hero-main .ks-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,42,0) 30%,rgba(13,27,42,.88) 100%);}
.ks-hero-main .ks-hero-text{position:absolute;left:0;right:0;bottom:0;padding:26px;z-index:2;}
.ks-hero-main h2{color:#fff;font-size:28px;margin:12px 0 0;line-height:1.2;}
.ks-hero-main h2 a{color:#fff;}
.ks-hero-main .ks-meta{color:#cdd6e0;}
.ks-hero-side{display:grid;grid-template-rows:repeat(2,1fr);gap:22px;}
.ks-hero-sec{position:relative;border-radius:var(--ks-radius);overflow:hidden;min-height:199px;background:#0d1b2a;}
.ks-hero-sec img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.ks-hero-sec .ks-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,42,0) 35%,rgba(13,27,42,.85) 100%);}
.ks-hero-sec .ks-hero-text{position:absolute;left:0;right:0;bottom:0;padding:16px;z-index:2;}
.ks-hero-sec h3{color:#fff;font-size:17px;margin:8px 0 0;}
.ks-hero-sec h3 a{color:#fff;}

/* Horizontal list item (sidebar / list) */
.ks-list{display:flex;flex-direction:column;gap:14px;}
.ks-li{display:flex;gap:12px;align-items:flex-start;}
.ks-li .ks-li-thumb{flex:0 0 88px;width:88px;height:62px;border-radius:8px;overflow:hidden;background:var(--ks-primary-light);}
.ks-li .ks-li-thumb img{width:100%;height:100%;object-fit:cover;}
.ks-li .ks-li-title{font-size:14.5px;font-weight:700;margin:0;line-height:1.3;}
.ks-li .ks-li-title a{color:var(--ks-ink);}
.ks-li .ks-li-title a:hover{color:var(--ks-primary);}
.ks-li .ks-li-meta{font-size:12px;color:var(--ks-muted);margin-top:4px;}
.ks-li .ks-rank{flex:0 0 28px;font-size:22px;font-weight:900;color:var(--ks-primary);opacity:.5;line-height:1;}

/* ==========================================================================
   Sidebar
   ========================================================================== */
.ks-sidebar .ks-widget{background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:18px;margin-bottom:24px;}
.ks-sidebar .ks-widget-title,.ks-widget .widget-title,.ks-widget h2,.ks-widget h3{
  font-size:16px;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--ks-line);position:relative;}
.ks-sidebar .ks-widget-title::after,.ks-widget .widget-title::after{content:"";position:absolute;left:0;bottom:-2px;width:56px;height:3px;background:var(--ks-primary);}
.ks-widget ul{list-style:none;padding:0;margin:0;}
.ks-widget ul li{padding:8px 0;border-bottom:1px solid var(--ks-line);}
.ks-widget ul li:last-child{border-bottom:0;}
.ks-widget a{color:var(--ks-text);font-weight:600;}
.ks-widget a:hover{color:var(--ks-primary);}

/* ==========================================================================
   Single post
   ========================================================================== */
.ks-article{background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:30px 34px;}
.ks-article .ks-article-header{margin-bottom:20px;}
.ks-article h1.ks-title{font-size:33px;line-height:1.18;margin:12px 0 14px;}
.ks-article .ks-byline{display:flex;flex-wrap:wrap;gap:16px;align-items:center;color:var(--ks-muted);font-size:14px;border-top:1px solid var(--ks-line);border-bottom:1px solid var(--ks-line);padding:12px 0;}
.ks-article .ks-byline .ks-author{font-weight:700;color:var(--ks-ink);}
.ks-featured{margin:0 0 22px;border-radius:var(--ks-radius);overflow:hidden;}
.ks-content{font-size:17.5px;line-height:1.75;color:#2a333f;}
.ks-content img{border-radius:8px;margin:18px 0;}
.ks-content h2{font-size:25px;margin:1.4em 0 .5em;}
.ks-content h3{font-size:20px;margin:1.3em 0 .5em;}
.ks-content blockquote{margin:1.4em 0;padding:14px 22px;border-left:4px solid var(--ks-primary);background:var(--ks-primary-light);border-radius:0 8px 8px 0;font-style:italic;}
.ks-content a{text-decoration:underline;}
.ks-content figure{margin:18px 0;}
.ks-tags{margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.ks-tags a{font-size:13px;background:var(--ks-bg);border:1px solid var(--ks-line);color:var(--ks-muted);padding:5px 12px;border-radius:999px;}
.ks-tags a:hover{background:var(--ks-primary);color:#fff;border-color:var(--ks-primary);}

.ks-related{margin-top:36px;}
.ks-author-box{display:flex;gap:16px;align-items:center;background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:18px;margin-top:26px;}
.ks-author-box .avatar{border-radius:50%;}
.ks-author-box .ks-ab-name{font-weight:800;color:var(--ks-ink);}
.ks-author-box .ks-ab-bio{color:var(--ks-muted);font-size:14px;margin:4px 0 0;}

/* ==========================================================================
   Archive / page header
   ========================================================================== */
.ks-page-head{background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:24px 28px;margin-bottom:26px;}
.ks-page-head h1{font-size:28px;margin:0;}
.ks-page-head .ks-crumb{font-size:13px;color:var(--ks-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.03em;}
.ks-page-head p{margin:10px 0 0;color:var(--ks-muted);}

/* Page content (static pages) */
.ks-page-body{background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:30px 34px;font-size:17px;line-height:1.7;}

/* ==========================================================================
   Pagination
   ========================================================================== */
.ks-pagination{margin:32px 0 0;display:flex;justify-content:center;}
.ks-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;
  margin:0 4px;background:var(--ks-card);border:1px solid var(--ks-line);border-radius:8px;font-weight:700;color:var(--ks-text);}
.ks-pagination .page-numbers.current{background:var(--ks-primary);border-color:var(--ks-primary);color:#fff;}
.ks-pagination a.page-numbers:hover{background:var(--ks-primary-light);border-color:var(--ks-primary);color:var(--ks-primary);}

/* ==========================================================================
   Footer
   ========================================================================== */
.ks-footer{background:var(--ks-ink);color:#aeb9c6;margin-top:30px;}
.ks-footer a{color:#cdd6e0;}
.ks-footer a:hover{color:#fff;}
.ks-footer-top{padding:42px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;}
.ks-footer h4{color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px;}
.ks-footer .ks-foot-brand .site-title{font-size:24px;font-weight:900;color:#fff;}
.ks-footer .ks-foot-brand .ks-dot{color:var(--ks-primary);}
.ks-footer ul{list-style:none;padding:0;margin:0;}
.ks-footer ul li{padding:6px 0;}
.ks-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

/* ==========================================================================
   Misc
   ========================================================================== */
.ks-empty{background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:40px;text-align:center;color:var(--ks-muted);}
.ks-btn{display:inline-block;background:var(--ks-primary);color:#fff;font-weight:700;padding:11px 22px;border-radius:8px;}
.ks-btn:hover{background:var(--ks-primary-dark);color:#fff;}
.sticky-badge,.ks-badge-live{background:var(--ks-accent);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;padding:3px 8px;border-radius:4px;letter-spacing:.05em;}

/* ==========================================================================
   Top bar right / social icons
   ========================================================================== */
.ks-topbar-right{display:flex;align-items:center;gap:14px;}
.ks-social{display:inline-flex;align-items:center;gap:6px;}
.ks-social a{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:6px;color:inherit;transition:background .15s,color .15s;}
.ks-social-top a{color:#cdd6e0;}
.ks-social-top a:hover{background:rgba(255,255,255,.14);color:#fff;}
.ks-social-foot a{color:#cdd6e0;background:rgba(255,255,255,.06);}
.ks-social-foot a:hover{background:var(--ks-primary);color:#fff;}

/* ==========================================================================
   Sticky header wrapper
   ========================================================================== */
.ks-header-wrap{background:var(--ks-card);}
.ks-header-wrap.ks-sticky{position:sticky;top:0;z-index:90;box-shadow:0 2px 12px rgba(13,27,42,.07);}

/* Off-canvas defaults (desktop = inline nav) */
.ks-nav-close{display:none;}
.ks-nav-overlay{display:none;}

/* ==========================================================================
   Breaking news ticker
   ========================================================================== */
.ks-breaking{background:var(--ks-card);border-top:1px solid var(--ks-line);border-bottom:1px solid var(--ks-line);overflow:hidden;}
.ks-breaking-inner{display:flex;align-items:center;gap:14px;height:46px;}
.ks-breaking-label{flex:0 0 auto;display:inline-flex;align-items:center;background:var(--ks-accent);color:#fff;font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:6px 13px;border-radius:5px;}
.ks-breaking-track{flex:1;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);}
.ks-breaking-track ul{display:inline-flex;list-style:none;margin:0;padding:0;animation:ks-marquee 38s linear infinite;}
.ks-breaking-track li{padding:0 16px 0 26px;position:relative;font-weight:600;font-size:14px;flex:0 0 auto;}
.ks-breaking-track li::before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--ks-accent);}
.ks-breaking-track a{color:var(--ks-ink);}
.ks-breaking-track a:hover{color:var(--ks-primary);}
.ks-breaking:hover .ks-breaking-track ul{animation-play-state:paused;}
@keyframes ks-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.ks-breaking-track ul{animation:none;}}

/* ==========================================================================
   Mobile bottom navigation bar
   ========================================================================== */
.ks-bottombar{display:none;}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media(max-width:1024px){
  .ks-grid-3{grid-template-columns:repeat(2,1fr);}
  .ks-layout{grid-template-columns:1fr;}
  .ks-footer-top{grid-template-columns:1fr 1fr;}
}

/* Sidebar hidden via Customizer */
.ks-no-sidebar .ks-layout{grid-template-columns:1fr;}
.ks-no-sidebar .ks-sidebar{display:none;}

@media(max-width:768px){
  /* Header */
  .ks-menu-toggle{display:inline-flex;order:-1;}
  .ks-header .ks-container{gap:12px;}
  .ks-brand{flex:1;}
  .ks-brand .site-title{font-size:21px;}
  .ks-brand .site-desc{display:none;}

  /* Hero */
  .ks-hero{grid-template-columns:1fr;gap:14px;margin-bottom:26px;}
  .ks-hero-main{min-height:240px;}
  .ks-hero-main h2{font-size:21px;}
  .ks-hero-main .ks-hero-text,.ks-hero-sec .ks-hero-text{padding:16px;}
  .ks-hero-side{grid-template-rows:none;grid-template-columns:1fr 1fr;gap:14px;}

  /* Off-canvas drawer */
  .ks-nav{position:fixed;top:0;right:0;width:84%;max-width:320px;height:100%;transform:translateX(100%);
    transition:transform .28s ease;z-index:120;overflow-y:auto;-webkit-overflow-scrolling:touch;display:block;background:var(--ks-primary);}
  .ks-nav.is-open{transform:translateX(0);box-shadow:-8px 0 30px rgba(0,0,0,.3);}
  .ks-nav .ks-container{display:block;padding:64px 0 40px;}
  .ks-nav .ks-menu,.ks-nav .ks-nav-fallback{flex-direction:column;}
  .ks-nav .ks-menu>li,.ks-nav .ks-nav-fallback>li{border-bottom:1px solid rgba(255,255,255,.12);}
  .ks-nav a{padding:15px 22px;font-size:15px;}
  .ks-nav .sub-menu{position:static;display:block;box-shadow:none;background:rgba(0,0,0,.16);border-radius:0;min-width:0;}
  .ks-nav .sub-menu a{color:#dfeaf6;border-bottom:0;padding-left:38px;}
  .ks-nav .sub-menu a:hover{background:rgba(255,255,255,.08);color:#fff;}
  .ks-nav-close{display:flex;align-items:center;justify-content:center;position:absolute;top:14px;right:16px;
    width:42px;height:42px;background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:8px;font-size:26px;line-height:1;cursor:pointer;z-index:2;}
  .ks-nav-overlay{display:block;position:fixed;inset:0;background:rgba(13,27,42,.55);opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s;z-index:110;}
  .ks-nav-overlay.is-open{opacity:1;visibility:visible;}
  body.ks-drawer-open{overflow:hidden;}

  /* Content */
  .ks-main{padding:20px 0 40px;}
  .ks-article,.ks-page-body{padding:20px 16px;}
  .ks-article h1.ks-title{font-size:24px;}
  .ks-content{font-size:16.5px;}
  .ks-section-head h2{font-size:18px;}
  .ks-topbar-nav{display:none;}

  /* Mobile bottom bar */
  .ks-bottombar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:100;
    background:var(--ks-card);border-top:1px solid var(--ks-line);box-shadow:0 -2px 14px rgba(13,27,42,.10);}
  .ks-bottombar a,.ks-bottombar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    min-height:58px;padding:8px 0;background:none;border:0;color:var(--ks-muted);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;}
  .ks-bottombar a:hover,.ks-bottombar button:hover{color:var(--ks-primary);}
  body.ks-has-bottombar{padding-bottom:60px;}
}

@media(max-width:560px){
  .ks-grid-3,.ks-grid-2{grid-template-columns:1fr;}
  .ks-hero-side{grid-template-columns:1fr;}
  .ks-social-top{display:none;}
  .ks-topbar .ks-container{justify-content:center;}
  .ks-breaking-label{font-size:11px;padding:5px 10px;}
  .ks-pagination .page-numbers{min-width:38px;height:38px;}
}