.elementor-kit-406{--e-global-color-primary:#E0AC00;--e-global-color-secondary:#000000;--e-global-color-text:#FFFFFF;--e-global-color-accent:#D9A700;--e-global-color-ada4f43:#8B1400;--e-global-color-eaae219:#3A533D;--e-global-color-d3ad74d:#E9E3CC;--e-global-color-4519687:#4A4A4A;--e-global-color-28f3008:#EED584;--e-global-color-2740b06:#79421A;--e-global-color-46ac65a:#462914;--e-global-color-1828143:#994D0E;--e-global-color-c420e37:#C26F2A;--e-global-color-d214453:#657E38;--e-global-color-863c30c:#8CA75B;--e-global-color-06868e0:#ECE8DF;--e-global-color-19e5aeb:#DAD3BA;--e-global-color-0a5a0dd:#B67C0B;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-size:27px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"Karla";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-e9bc1d3-font-family:"Cormorant Garamond";--e-global-typography-e9bc1d3-font-size:48px;--e-global-typography-e9bc1d3-font-weight:700;--e-global-typography-aa95322-font-family:"Cormorant Garamond";--e-global-typography-aa95322-font-size:40px;--e-global-typography-aa95322-font-weight:700;--e-global-typography-cbee684-font-size:32px;--e-global-typography-cbee684-font-weight:700;--e-global-typography-d893837-font-size:24px;--e-global-typography-d893837-font-weight:700;--e-global-typography-2d58ae8-font-size:20px;--e-global-typography-2d58ae8-font-weight:700;--e-global-typography-1e6dda9-font-size:17px;--e-global-typography-1e6dda9-font-weight:700;--e-global-typography-2309422-font-family:"Karla";--e-global-typography-2309422-font-size:17px;--e-global-typography-2309422-font-weight:400;--e-global-typography-2309422-line-height:1.65em;}.elementor-kit-406 e-page-transition{background-color:#FFBC7D;}.elementor-kit-406 a{color:var( --e-global-color-accent );}.elementor-kit-406 a:hover{text-decoration:underline;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --farba-machova-zelena:#3A533D; --farba-jantarova:#E0AC00; --farba-biela:#ffffff; --farba-papyrus-tmavsi:#DAD3BA; --farba-jantarova-bledsia:#EED584; --farba-cierny-caj:#8B1400; }
/* Start custom CSS *//* prve pismeno velke custom trieda */
.dropcap p:first-of-type::first -letter {
    float: left;
    font-family: Georgia;
    font-size: 3.4em;
    line-height: 0.85;
    padding-right: 0.15em;
    font-weight: 600;
    color: #E0AC00;
}

/* ken burns effect custom treida */
.kenburns {
  overflow: hidden;
}

.kenburns img {
  transform-origin: center center;
  will-change: transform;
  animation: kenburnsZoomPan 18s ease-in-out infinite;
}

@keyframes kenburnsZoomPan {
  0%   { transform: scale(1.05) translate(0, 0); }
  50%  { transform: scale(1.15) translate(-2.5%, -2.5%); }
  100% { transform: scale(1.05) translate(0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .kenburns img { animation: none; transform: none; }
}

/* Sticky kontajner – spodný okraj + jemný tieň */
/* default: bez okraja */
.elementor-element.elementor-sticky--active {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* až po scrollnutí */
body.prometea-scrolled .elementor-element.elementor-sticky--active {
  border-bottom: 1px solid rgba(0,0,0,0.10) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
}

/* ////gh//// TO BE DELETED -- single post loop grid uncomment? ////////////gh////////////*/

/* CSS for preventing layout width maximizing in case there is only 1 post in loop carousel*/
/*#enc-loop .swiper-wrapper{ justify-content: flex-start; }

#enc-loop .swiper-slide{
  width: calc((100% - 48px) / 3) !important;
  flex: 0 0 auto !important;
  max-width: calc((100% - 48px) / 3) !important;
}
@media (max-width: 1024px){
  #enc-loop .swiper-slide{
    width: calc((100% - 24px) / 2) !important;
    max-width: calc((100% - 24px) / 2) !important;
  }
}
@media (max-width: 767px){
  #enc-loop .swiper-slide{
    width: calc((100% - 135px) ) !important;
    max-width: calc((100% - 135px) ) !important;
  }
}*/

/* ////gh//// TO BE DELETED -- single post loop grid uncomment? ////////////gh////////////*/

/* TEMPORARZ UPPER REPLACEMENT */
/*.elementor-widget-loop-carousel .swiper-slide{
  width: calc((100% - 48px) / 3) !important;
  max-width: calc((100% - 48px) / 3) !important;
}

@media (max-width: 1024px){
  .elementor-widget-loop-carousel .swiper-slide{
    width: calc((100% - 24px) / 2) !important;
    max-width: calc((100% - 24px) / 2) !important;
  }
}

@media (max-width: 767px){
  .elementor-widget-loop-carousel .swiper-slide{
    width: 100% !important;
    max-width: 100% !important;
  }
}*/

/* Poistka proti presahovaniu výsledkov vyhľadávania na mobile */
@media (max-width: 767px){
  body.search-results .elementor-loop-container,
  body.search-results .elementor-posts-container,
  body.search-results .elementor-grid,
  body.search-results .elementor-widget-loop-grid,
  body.search-results .elementor-widget-posts {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.search-results .elementor-loop-container * {
    min-width: 0;            /* kritické pre flex/grid overflow */
    box-sizing: border-box;
  }

  body.search-results .elementor-post,
  body.search-results .e-loop-item,
  body.search-results .elementor-grid-item {
    max-width: 100%;
  }

  body.search-results .elementor-post__text,
  body.search-results .elementor-post__title,
  body.search-results .elementor-post__excerpt {
    overflow-wrap: anywhere; /* nech sa text láme */
    word-break: break-word;
  }

  /* ak highlight robí inline-block elementy */
  body.search-results mark,
  body.search-results .highlight {
    display: inline;
    white-space: normal;
  }
}

/* vylúč buttony z globálnych link farieb -- inak visited linka farebne zanikne*/
.elementor-loop-container a.elementor-button,
.elementor-loop-container a.elementor-button:visited,
.elementor-loop-container a.elementor-button:hover,
.elementor-loop-container a.elementor-button:active{
  color: #fff !important;
  text-decoration: none !important;
}

/* =========================================================
   PROMETEA – PERSPEKTÍVY COLORED LINKS (GLOBAL) - BEGINNING
   ---------------------------------------------------------
   Použitie:
   - vlož do Elementor → Site Settings → Custom CSS
   - na widget / container pridaj jednu z tried:

       perspectives-colored-links-badatel
       perspectives-colored-links-pozorovatel
       perspectives-colored-links-svetlohra
       perspectives-colored-links-zberac

   Efekt:
   - mení farbu odkazov (a) v rámci daného bloku
   - nemení layout, underline ani typografiu
   ========================================================= */


/* =========================================================
   1) ZÁKLAD (fallback)
   ========================================================= */

[class*="perspectives-colored-links-"]{
  --link-color: #D9A700;
}


/* =========================================================
   2) PERSPEKTÍVY
   ========================================================= */

/* BÁDATEĽ */
.perspectives-colored-links-badatel{
  --link-color: #AC6939;
}

/* POZOROVATEĽ */
.perspectives-colored-links-pozorovatel{
  --link-color: #C26F2A;
}

/* SVETLOHRA */
.perspectives-colored-links-svetlohra{
  --link-color: #D9A700;
}

/* ZBERAČ */
.perspectives-colored-links-zberac{
  --link-color: #7D994B;
}


/* =========================================================
   3) ODKAZY
   ========================================================= */

[class*="perspectives-colored-links-"] a{
  color: var(--link-color) !important;
}

/* =========================================================
   PROMETEA – PERSPEKTÍVY COLORED LINKS (GLOBAL) - ENDING
   --------------------------------------------------------- */
   
/* =========================================================
   PROMETEA – QUOTE LINE (GLOBAL) - BEGINNING
   ---------------------------------------------------------
   Použitie:
   - vlož do Elementor → Site Settings → Custom CSS
   - na quote widget pridaj jednu z tried:

       perspectives-quote-line-badatel
       perspectives-quote-line-pozorovatel
       perspectives-quote-line-svetlohra
       perspectives-quote-line-zberac

   Efekt:
   - mení farbu ľavej čiary
   - nemení layout ani typografiu
   ========================================================= */


/* =========================================================
   1) ZÁKLAD (fallback)
   ========================================================= */

.elementor-widget-blockquote[class*="perspectives-quote-line-"]{
  --quote-accent: #7a614b;
}


/* =========================================================
   2) PERSPEKTÍVY
   ========================================================= */

/* BÁDATEĽ */
.elementor-widget-blockquote.perspectives-quote-line-badatel{
  --quote-accent: #79421A;
}

/* POZOROVATEĽ */
.elementor-widget-blockquote.perspectives-quote-line-pozorovatel{
  --quote-accent: #C26F2A;
}

/* SVETLOHRA */
.elementor-widget-blockquote.perspectives-quote-line-svetlohra{
  --quote-accent: #E0AC00;
}

/* ZBERAČ */
.elementor-widget-blockquote.perspectives-quote-line-zberac{
  --quote-accent: #657E38;
}


/* =========================================================
   3) ĽAVÁ ČIARA
   ---------------------------------------------------------
   - border je priamo na blockquote
   ========================================================= */

.elementor-widget-blockquote[class*="perspectives-quote-line-"] blockquote{
  border-left-color: var(--quote-accent) !important;
}

/* =========================================================
   PROMETEA – QUOTE LINE (GLOBAL) - ENDING
   --------------------------------------------------------- */
   
/* =========================================================
PROMETEA – QUOTE RECTANGLE (GLOBAL) - BEGINNING
---------------------------------------------------------
Použitie:
- vlož do Elementor → Site Settings → Custom CSS
- na quote widget pridaj jednu z tried:

   perspectives-quote-rectangle-badatel
   perspectives-quote-rectangle-pozorovatel
   perspectives-quote-rectangle-svetlohra
   perspectives-quote-rectangle-zberac

Efekt:
- mení pozadie celého quote widgetu
- mení farbu uvodzoviek
- mení farbu odkazov (linkov)
- nemení layout, padding ani typografiu
========================================================= */


/* =========================================================
   1) ZÁKLAD (fallback)
   ========================================================= */

.elementor-widget-blockquote[class*="perspectives-quote-rectangle-"]{
  --quote-bg: #f3eee7;
  --quote-mark: #7a614b;
}


/* =========================================================
   2) PERSPEKTÍVY
   ========================================================= */

/* BÁDATEĽ */
.elementor-widget-blockquote.perspectives-quote-rectangle-badatel{
  --quote-bg: #DABFA8;
  --quote-mark: #79421A;
}

/* POZOROVATEĽ */
.elementor-widget-blockquote.perspectives-quote-rectangle-pozorovatel{
  --quote-bg: #E7CAB3;
  --quote-mark: #C26F2A;
}

/* SVETLOHRA */
.elementor-widget-blockquote.perspectives-quote-rectangle-svetlohra{
  --quote-bg: #E9DCB3;
  --quote-mark: #D9A700;
}

/* ZBERAČ */
.elementor-widget-blockquote.perspectives-quote-rectangle-zberac{
  --quote-bg: #CADDA4;
  --quote-mark: #657E38;
}


/* =========================================================
   3) POZADIE (viac vrstiev kvôli Elementoru)
   ========================================================= */

.elementor-widget-blockquote[class*="perspectives-quote-rectangle-"],
.elementor-widget-blockquote[class*="perspectives-quote-rectangle-"] > .elementor-widget-container,
.elementor-widget-blockquote[class*="perspectives-quote-rectangle-"] .elementor-widget-container,
.elementor-widget-blockquote[class*="perspectives-quote-rectangle-"] .elementor-blockquote{
  background-color: var(--quote-bg) !important;
}


/* =========================================================
   4) UVODZOVKY
   ========================================================= */

.elementor-widget-blockquote[class*="perspectives-quote-rectangle-"] blockquote::before{
  color: var(--quote-mark) !important;
}


/* =========================================================
   5) HYPERTEXTOVÉ PREPOJENIA
   ========================================================= */

.elementor-widget-blockquote[class*="perspectives-quote-rectangle-"] a{
  color: var(--quote-mark) !important;
}

/* =========================================================
PROMETEA – QUOTE RECTANGLE (GLOBAL) - ENDING
--------------------------------------------------------- *//* End custom CSS */