/* SPORTKENNIS 58 — house style (clone only) */
:root {
  --sk58-navy: #0e1823;
  --sk58-accent: #c9d629;
  --sk58-muted: #dfe8f2;
}

html body,
html body *:not(script):not(style),
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .header, html body .header *,
html body .footer, html body .footer *,
html body .menu__bar, html body .menu__bar *,
html body .navigation, html body .navigation *,
html body .navigation__link, html body .navigation__item,
html body .wp-block-heading, html body .wp-block-button__link,
html body .content, html body .content * {
  font-family: Arial, Helvetica, sans-serif !important;
}

html body .menu__bar nav ul li a,
html body .navigation__link,
html body .navigation__item a {
  color: var(--sk58-navy) !important;
}
html body .menu__bar nav ul li.navigation__item--active a,
html body .menu__bar nav ul li.navigation__item--active .navigation__link,
html body .navigation__item--active > a,
html body .navigation__item--active .navigation__link,
html body .woocommerce-page .navigation__item--6 a,
html body .menu__bar nav ul li a:hover,
html body .navigation__link:hover {
  color: var(--sk58-navy) !important;
  background: transparent !important;
  border-bottom: 3px solid var(--sk58-accent) !important;
  text-decoration: none !important;
}

html body .btn,
html body .button,
html body button.button,
html body .woocommerce a.button,
html body .woocommerce button.button,
html body .wp-block-button__link {
  background-color: var(--sk58-accent) !important;
  border-color: var(--sk58-accent) !important;
  color: var(--sk58-navy) !important;
}
html body a { color: var(--sk58-navy); }
html body footer a, html body footer a:visited { color: #dfe8f2 !important; }
html body .footer a:hover { color: var(--sk58-accent) !important; }

html body .jumbotron {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}

.sk58-home { max-width: 1100px; margin: 0 auto; padding: 8px 0 48px; }
.sk58-h1 { color: var(--sk58-navy); font-size: 2rem; font-weight: 700; margin: 0 0 16px; }
.sk58-h2 { color: var(--sk58-navy); font-size: 1.5rem; font-weight: 700; margin: 40px 0 20px; }
.sk58-lead { color: var(--sk58-navy); font-size: 1.05rem; line-height: 1.6; max-width: 48rem; }

html body .wp-block-columns.sk58-tiles {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
  align-items: stretch !important;
}
html body .wp-block-columns.sk58-tiles > .wp-block-column.sk58-tile-col,
html body .wp-block-columns.sk58-tiles > .wp-block-column {
  flex-basis: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
html body .sk58-tile {
  background: var(--sk58-navy) !important;
  color: #fff !important;
  border-radius: 8px;
  padding: 28px 20px;
  min-height: 140px;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
html body .sk58-tile-title,
html body .sk58-tile .wp-block-heading {
  color: #fff !important;
  margin: 0 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}
html body .sk58-tile .wp-block-button__link,
html body .sk58-btn .wp-block-button__link {
  background: var(--sk58-accent) !important;
  color: var(--sk58-navy) !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  border: none !important;
  padding: 10px 18px !important;
}

@media (min-width: 600px) {
  html body .wp-block-columns.sk58-tiles > .wp-block-column.sk58-tile-col,
  html body .wp-block-columns.sk58-tiles > .wp-block-column {
    flex-basis: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }
  .sk58-h1 { font-size: 2.25rem; }
}
@media (min-width: 992px) {
  html body .wp-block-columns.sk58-tiles > .wp-block-column.sk58-tile-col,
  html body .wp-block-columns.sk58-tiles > .wp-block-column {
    flex-basis: calc(33.333% - 11px) !important;
    max-width: calc(33.333% - 11px) !important;
  }
  .sk58-h1 { font-size: 2.5rem; }
}

section.content.sk58-front {
  background: var(--sk58-muted);
  padding-top: 24px;
  padding-bottom: 40px;
}
.page-title, .breadcrumb, .breadcrum {
  background-color: var(--sk58-navy) !important;
}

/* sk58-orange-kill: override bridge #FF8830 accents */
html body .menu__bar nav ul li a:hover,
html body .menu__bar nav ul li a:active,
html body .menu__bar nav ul li a:focus,
html body .menu__bar nav ul li.navigation__item--active a,
html body .woocommerce-page .navigation__item--6 a,
html body .navigation__item--active a,
html body a:hover {
  color: #0e1823 !important;
}
html body .menu__bar nav ul li a:hover,
html body .menu__bar nav ul li a:focus,
html body .menu__bar nav ul li.navigation__item--active a,
html body .woocommerce-page .navigation__item--6 a {
  border-bottom: 3px solid #c9d629 !important;
}
html body .btn:hover,
html body .button:hover,
html body .woocommerce a.button:hover,
html body .woocommerce button.button:hover,
html body .wp-block-button__link:hover {
  background-color: #0e1823 !important;
  border-color: #0e1823 !important;
  color: #c9d629 !important;
}
html body .wpcf7 form input:focus,
html body .wpcf7 form textarea:focus {
  border-bottom-color: #c9d629 !important;
}

/* sk58-footer-house */
html body footer {
  background-color: #0e1823 !important;
  color: #dfe8f2 !important;
}
html body footer h3 {
  color: #fff !important;
}
html body footer a,
html body footer a:visited,
html body footer ul li a,
html body footer .navigation__link,
html body footer .navigation__item a {
  color: #dfe8f2 !important;
  border-bottom: none !important;
  background: transparent !important;
  text-decoration: underline !important;
}
html body footer a:hover,
html body footer a:focus,
html body footer ul li a:hover,
html body footer .navigation__link:hover,
html body footer .navigation__item--active a,
html body footer .navigation__item--active .navigation__link {
  color: #c9d629 !important;
  border-bottom: none !important;
  background: transparent !important;
}
html body .socket {
  background-color: #e8e8e8 !important;
}
html body .socket a {
  color: #333 !important;
  border-bottom: none !important;
  text-decoration: none !important;
}


/* sk58-mobile-fixes: readable mobile menu + restore FA icons */
/* Arial !important broke Font Awesome glyphs (envelope etc.) */
html body .fa,
html body .fas,
html body .far,
html body .fal,
html body .fab,
html body i.fa,
html body i.fas,
html body i.far,
html body i.fal,
html body i.fab,
html body .icons i,
html body .icons .fal,
html body .small__screen_nav .icons i {
  font-family: "Font Awesome 5 Pro" !important;
}
html body .fab {
  font-family: "Font Awesome 5 Brands" !important;
}
html body .fas { font-weight: 900 !important; }
html body .far { font-weight: 400 !important; }
html body .fal { font-weight: 300 !important; }

/* Envelope next to hamburger: visible navy */
html body .small__screen_nav .icons,
html body .small__screen_nav .icons i,
html body .menu__bar .icons,
html body .menu__bar .icons i {
  color: #0e1823 !important;
}
html body .small__screen_nav .icons:hover,
html body .small__screen_nav .icons:hover i {
  color: #c9d629 !important;
}

/* Mobile slide-out panel: navy bg + light text (brand house style) */
html body .mobile--menu {
  background-color: #0e1823 !important;
}
html body .mobile--menu .mobile_menu_container ul li a,
html body .mobile--menu .navigation__link,
html body .mobile--menu .navigation__item a,
html body .mobile--menu a {
  color: #ffffff !important;
  border-bottom: none !important;
  background: transparent !important;
}
html body .mobile--menu .mobile_menu_container ul li a:hover,
html body .mobile--menu .mobile_menu_container ul li a:focus,
html body .mobile--menu .mobile_menu_container ul li a:active,
html body .mobile--menu .navigation__item--active > a,
html body .mobile--menu .navigation__item--active .navigation__link,
html body .mobile--menu .navigation__item--active a {
  color: #c9d629 !important;
  border-bottom: none !important;
  background: transparent !important;
}
html body .mobile--menu .hamburger .hamburger-inner,
html body .mobile--menu .hamburger .hamburger-inner::before,
html body .mobile--menu .hamburger .hamburger-inner::after {
  background-color: #dfe8f2 !important;
}