/* Static kerpini-arkadias.gr — replaces the behaviour/styling that the removed Joomla scripts
   (Revolution Slider, Fusion menu, fancyBox, image crawler) used to provide.
   The original template stylesheets are loaded before this file and are left untouched. */

/* ---------- slideshow (was Revolution Slider 4.6, fullwidth 960x450, fade, shadow 1) ---------- */
.ks-slider {position: relative; width: 100%; aspect-ratio: 960 / 450; max-height: 450px; margin: 0 auto;
  background-color: #E9E9E9; z-index: 0;}
.ks-slides {list-style: none; margin: 0 !important; padding: 0 !important; position: absolute; inset: 0; overflow: hidden;}
.ks-slides li.ks-slide {position: absolute; inset: 0; margin: 0; padding: 0; background: none; opacity: 0;
  visibility: hidden; transition: opacity .6s ease, visibility 0s linear .6s; list-style: none;}
.ks-slides li.ks-slide.active {opacity: 1; visibility: visible; transition: opacity .6s ease, visibility 0s;}
.ks-slide-img {display: block; width: 100%; height: 100%;}
.ks-arrow {position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; padding: 0; border: 0;
  cursor: pointer; z-index: 100; opacity: 0; transition: opacity .2s ease-out; background-color: transparent;
  background-repeat: no-repeat; background-position: top left;}
.ks-prev {left: 20px; background-image: url(/assets/media/com_uniterevolution2/assets/rs-plugin/assets/large_left.png);}
.ks-next {right: 20px; background-image: url(/assets/media/com_uniterevolution2/assets/rs-plugin/assets/large_right.png);}
.ks-arrow:hover {background-position: bottom left;}
.ks-slider:hover .ks-arrow, .ks-arrow:focus-visible {opacity: 1;}
.ks-shadow {position: absolute; left: 0; right: 0; bottom: -30px; height: 30px; margin: 0 auto;
  background: url(/assets/media/com_uniterevolution2/assets/rs-plugin/assets/shadow1.png) no-repeat; background-size: 100% 100%;
  pointer-events: none;}

/* ---------- dropdown menu (was Fusion menu JS; template already has a CSS :hover fallback) ---------- */
.menutop li.root:hover > .fusion-submenu-wrapper, .menutop li.root.ks-open > .fusion-submenu-wrapper {top: 50px; left: -12px;}
/* Fusion JS moved submenus out of li.root and offset them (tweakSubsequent y:-14) and fixed item widths */
.menutop ul li:hover > .fusion-submenu-wrapper, .menutop ul li.ks-open > .fusion-submenu-wrapper {left: 184px; top: -12px;}
.menutop li.parent.root li .item span {padding-right: 0;}
.menutop ul li > .item {width: 169px; margin-right: 0;}
.menutop .fusion-submenu-wrapper {opacity: 0; transition: opacity .2s ease-out;}
.menutop li:hover > .fusion-submenu-wrapper, .menutop li.ks-open > .fusion-submenu-wrapper {opacity: 1;}

/* ---------- friends marquee (was mod_imgscrawler, 475x100, scroll left, pause on hover) ---------- */
.ic_marquee {position: relative; overflow: hidden; white-space: nowrap; height: 100px; width: 475px; max-width: 100%;}
.ic_marquee .ks-marquee-track {display: inline-block; white-space: nowrap; will-change: transform;}
.ic_marquee img {display: inline-block; vertical-align: top;}

/* ---------- lightbox (look of fancyBox 2.1.4 + buttons helper used by Simple Image Gallery Pro) ---------- */
.klb-lock {overflow: hidden;}
.klb-overlay {position: fixed; inset: 0; z-index: 8010; display: flex; align-items: center; justify-content: center;
  padding-top: 30px; box-sizing: border-box; /* fancyBox buttons helper reserves the top bar */
  background: url(/assets/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_fancybox/fancybox/fancybox_overlay.png);}
.klb-overlay[hidden] {display: none;}
.klb-skin {position: relative; background: #f9f9f9; color: #444; border-radius: 4px; padding: 15px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .5); max-width: calc(100vw - 60px); box-sizing: border-box;}
.klb-inner {position: relative; overflow: hidden; line-height: 0;}
.klb-image {display: block; max-width: calc(100vw - 90px); max-height: calc(100vh - 152px); width: auto; height: auto;}
.klb-overlay.klb-fullsize .klb-image {max-width: none; max-height: none;}
.klb-overlay.klb-fullsize {overflow: auto; align-items: flex-start;}
.klb-title {font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative;
  text-shadow: none; padding-top: 10px; text-align: left;}
.klb-title .fancyboxCounter {font-weight: bold;}
.klb-close, .klb-nav span, .klb-loading {background-image: url(/assets/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_fancybox/fancybox/fancybox_sprite.png);}
.klb-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040;
  border: 0; padding: 0; background-color: transparent;}
.klb-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; z-index: 8040; border: 0; padding: 0;
  background: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.klb-prev {left: 0;}
.klb-next {right: 0;}
.klb-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; visibility: hidden;}
.klb-prev span {left: 10px; background-position: 0 -36px;}
.klb-next span {right: 10px; background-position: 0 -72px;}
.klb-nav:hover span, .klb-nav:focus-visible span {visibility: visible;}
.klb-loading {position: fixed; top: 50%; left: 50%; margin: -22px 0 0 -22px; background-position: 0 -108px;
  opacity: .8; z-index: 8060; width: 44px; height: 44px;}
.klb-loading div {width: 44px; height: 44px;
  background: url(/assets/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_fancybox/fancybox/fancybox_loading.gif) center center no-repeat;}
.klb-buttons {position: fixed; top: 10px; left: 0; width: 100%; z-index: 8050;}
.klb-buttons ul {display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none;
  border: 1px solid #111; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
  background: linear-gradient(to bottom, #444 0%, #343434 50%, #292929 50%, #333 100%);}
.klb-buttons ul li {float: left; margin: 0; padding: 0; background: none; list-style: none;}
.klb-buttons button {display: block; width: 30px; height: 30px; text-indent: -9999px; overflow: hidden; border: 0; padding: 0;
  background-color: transparent; cursor: pointer;
  background-image: url(/assets/plugins/content/jw_sigpro/jw_sigpro/includes/js/jquery_fancybox/fancybox/helpers/fancybox_buttons.png);
  background-repeat: no-repeat; opacity: .8;}
.klb-buttons button:hover {opacity: 1;}
.klb-buttons .btnPrev {background-position: 5px 0;}
.klb-buttons .btnNext {background-position: -33px 0; border-right: 1px solid #3e3e3e;}
.klb-buttons .btnPlay {background-position: 0 -30px;}
.klb-buttons .btnPlayOn {background-position: -30px -30px;}
.klb-buttons .btnToggle {background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px;}
.klb-buttons .btnToggleOn {background-position: -27px -60px;}
.klb-buttons .btnClose {border-left: 1px solid #111; width: 35px; background-position: -56px 0;}
.klb-buttons .btnDisabled {opacity: .4; cursor: default;}

/* ---------- minimal mobile fixes (the original layout is a fixed 960px desktop design) ---------- */
iframe[src*="youtube.com/embed"] {max-width: 100%;}
@media (hover: none) {
  .ks-arrow {opacity: .8;}
}