/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 *
 * Farby prispôsobené webu odkaznahrobe.sk.
 * Meniť treba len blok :root nižšie.
 */

:root {
  /* ---- HLAVNÁ FARBA (odkazy, tlačidlá, aktívne položky) ---- */
  --maincolor:        #0F719E;
  --maincolor-hover:  #0B577A;      /* tmavší odtieň — na bielom drží kontrast */
  --maincolor-rgb:    15, 113, 158;

  /* ---- TEXT ---- */
  --textcolor:        #444444;
  --textcolor-rgb:    68, 68, 68;

  /* ---- POZADIA ---- */
  --body-bg:          #ffffff;
  --header-bg:        #ffffff;
  --topbar-bg:        #242C42;
  --topbar-text:      #d5d8e0;

  /* ---- HLAVNÉ MENU ---- */
  /*--menubar-bg:       #0E6A94;     */ /* modrý pruh pod hlavičkou */
  --menubar-bg:       #ffffff;
  --menu-link:        #ffffff;
  --menu-active-bg:   #ffffff;      /* podklad aktívnej položky */
  --menu-active-text: #444444;

  /* ---- PÄTIČKA ---- */
  --footer-bg:        #242C42;
  --footer-text:      #ffffff;
  --footer-link:      #a9aebd;

  /* ---- OSTATNÉ ---- */
  --border-color:     #dddddd;
  --svetla-plocha:    #dddddd;
}

body, .sp-preloader {
  background-color: var(--body-bg);
}
.sp-preloader > div {
  background: var(--maincolor);
}
.sp-preloader > div:after {
  background: var(--body-bg);
}
#sp-top-bar {
  background: var(--topbar-bg);
  color: var(--topbar-text);
}
#sp-top-bar a {
  color: var(--topbar-text);
}
#sp-top-bar a:hover {
  color: #ffffff;
}
#sp-header {
  background: var(--header-bg);
}
a {
  color: var(--maincolor);
}
a:hover, a:focus, a:active {
  color: var(--maincolor-hover);
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: rgba(var(--maincolor-rgb), 0.1);
  color: var(--maincolor);
}
.tags > li a:hover {
  background: var(--maincolor-hover);
}
.article-social-share .social-share-icon ul li a {
  color: var(--textcolor);
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: var(--maincolor);
}
.pager > li a {
  border: 1px solid var(--border-color);
  color: var(--textcolor);
}

/* ---------- hlavné menu v modrom pruhu ---------- */

#sp-menu, .sp-menu-wrapper {
  background: var(--menubar-bg);
}
.sp-megamenu-parent > li > a {
  color: var(--menu-link);
}
.sp-megamenu-parent > li:hover > a {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: var(--menu-active-text);
  background: var(--menu-active-bg);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: var(--header-bg);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: var(--textcolor);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: var(--maincolor);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: var(--maincolor);
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: var(--textcolor);
}

/* ---------- offcanvas / mobilné menu ---------- */

#offcanvas-toggler > .fa {
  color: var(--menu-link);
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: #ffffff;
}
.offcanvas-menu {
  background-color: var(--topbar-bg);
  color: #ffffff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  color: #ffffff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: var(--maincolor);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
  color: rgba(255, 255, 255, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: rgba(255, 255, 255, 0.8);
}

/* ---------- tlačidlá a moduly ---------- */

.btn-primary, .sppb-btn-primary {
  border-color: var(--maincolor);
  background-color: var(--maincolor);
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: var(--maincolor-hover);
  background-color: var(--maincolor-hover);
}
ul.social-icons > li a:hover {
  color: var(--maincolor);
}
.sp-page-title {
  background: var(--maincolor);
}
.layout-boxed .body-innerwrapper {
  background: var(--body-bg);
}
.sp-module ul > li > a {
  color: var(--textcolor);
}
.sp-module ul > li > a:hover {
  color: var(--maincolor);
}
.sp-module .latestnews > div > a {
  color: var(--textcolor);
}
.sp-module .latestnews > div > a:hover {
  color: var(--maincolor);
}
.sp-module .tagscloud .tag-name:hover {
  background: var(--maincolor);
}
.search .btn-toolbar button {
  background: var(--maincolor);
}

/* ---------- pätička ---------- */

#sp-footer, #sp-bottom {
  background: var(--footer-bg);
  color: var(--footer-text);
}
#sp-footer a, #sp-bottom a {
  color: var(--footer-link);
}
#sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:active, #sp-bottom a:active, #sp-footer a:focus, #sp-bottom a:focus {
  color: var(--footer-text);
}

/* ---------- ostatné ---------- */

.sp-comingsoon body {
  background-color: var(--maincolor);
}
.pagination > li > a, .pagination > li > span {
  color: var(--textcolor);
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: var(--textcolor);
}
.pagination > .active > a, .pagination > .active > span {
  border-color: var(--maincolor);
  background-color: var(--maincolor);
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: var(--maincolor);
  background-color: var(--maincolor);
}
.error-code, .coming-soon-number {
  color: var(--maincolor);
}

.text-primary {
  color: var(--maincolor) !important;
}