.elementor-676 .elementor-element.elementor-element-a531323{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-676 .elementor-element.elementor-element-a531323:not(.elementor-motion-effects-element-type-background), .elementor-676 .elementor-element.elementor-element-a531323 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-676 .elementor-element.elementor-element-8f67e3c{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-676 .elementor-element.elementor-element-9150a38 .elementor-heading-title{color:var( --e-global-color-3920cb3 );}.elementor-widget-theme-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-676 .elementor-element.elementor-element-bc8af99 .elementor-icon-list-icon i{color:var( --e-global-color-2081d62 );font-size:14px;}.elementor-676 .elementor-element.elementor-element-bc8af99 .elementor-icon-list-icon svg{fill:var( --e-global-color-2081d62 );--e-icon-list-icon-size:14px;}.elementor-676 .elementor-element.elementor-element-bc8af99 .elementor-icon-list-icon{width:14px;}.elementor-676 .elementor-element.elementor-element-b1ad531{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-676 .elementor-element.elementor-element-a810cf5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-676 .elementor-element.elementor-element-da0aecd{color:var( --e-global-color-3920cb3 );}.elementor-676 .elementor-element.elementor-element-79a78a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-676 .elementor-element.elementor-element-5bd9445{padding:12px 12px 12px 12px;--item-text-color:var( --e-global-color-3920cb3 );--item-text-hover-decoration:underline;--marker-color:var( --e-global-color-3920cb3 );}.elementor-676 .elementor-element.elementor-element-5bd9445 .elementor-toc__header-title{text-align:start;}.elementor-676 .elementor-element.elementor-element-5bd9445 .elementor-toc__header{flex-direction:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-676 .elementor-element.elementor-element-fef1609 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.5em;font-weight:600;color:var( --e-global-color-3920cb3 );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-676 .elementor-element.elementor-element-f2a942f{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-676 .elementor-element.elementor-element-f2a942f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-676 .elementor-element.elementor-element-f2a942f:after{content:"0.66";}.elementor-676 .elementor-element.elementor-element-f2a942f .elementor-post__thumbnail__link{width:30%;}.elementor-676 .elementor-element.elementor-element-f2a942f .elementor-post__meta-data span + span:before{content:"///";}.elementor-676 .elementor-element.elementor-element-f2a942f.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-676 .elementor-element.elementor-element-f2a942f.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-676 .elementor-element.elementor-element-f2a942f.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-676 .elementor-element.elementor-element-f2a942f .elementor-post__title, .elementor-676 .elementor-element.elementor-element-f2a942f .elementor-post__title a{color:var( --e-global-color-3920cb3 );font-family:"Roboto", Sans-serif;font-size:1em;font-weight:600;}@media(max-width:767px){.elementor-676 .elementor-element.elementor-element-f2a942f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-676 .elementor-element.elementor-element-f2a942f:after{content:"0.5";}.elementor-676 .elementor-element.elementor-element-f2a942f .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-676 .elementor-element.elementor-element-a810cf5{--width:70%;}.elementor-676 .elementor-element.elementor-element-79a78a4{--width:30%;}}/* Start custom CSS for container, class: .elementor-element-a531323 *//* =========================================================
   ARTICLE HERO
========================================================= */

.article-hero {
  position: relative;
  isolation: isolate;

  display: flex;
  align-items: flex-end;

  width: 100%;
  min-height: 540px;

  padding: 64px 24px 52px;

  overflow: hidden;

  background-position: 58% center;
  background-size: cover;
  background-repeat: no-repeat;
}


/* dark overlay */
.article-hero::before {
  content: "";

  position: absolute;
  inset: 0;

  z-index: -1;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.82) 0%,
      rgba(0,0,0,.70) 34%,
      rgba(0,0,0,.40) 58%,
      rgba(0,0,0,.16) 82%,
      rgba(0,0,0,.08) 100%
    );
}


/* bottom fade */
.article-hero::after {
  content: "";

  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 170px;

  z-index: -1;

  background:
    linear-gradient(
      to top,
      rgba(0,0,0,.42),
      transparent
    );
}


/* =========================================================
   HERO INNER
========================================================= */

.article-hero-content {
  width: 100%;
  max-width: 1280px;

  margin: 0 auto;
}


/* =========================================================
   BREADCRUMBS
========================================================= */

.article-hero .article-breadcrumbs {
  margin-bottom: 20px;

  color: rgba(255,255,255,.65) !important;
}

.article-hero .article-breadcrumbs,
.article-hero .article-breadcrumbs a,
.article-hero .article-breadcrumbs span {
  color: rgba(255,255,255,.70) !important;

  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
}

.article-hero .article-breadcrumbs a {
  text-decoration: none !important;

  transition: color .18s ease;
}

.article-hero .article-breadcrumbs a:hover {
  color: #fff !important;
}

.article-hero .article-breadcrumbs .current,
.article-hero .article-breadcrumbs [aria-current="page"] {
  color: #fff !important;
}


/* =========================================================
   KICKER / CATEGORIES
========================================================= */

.article-hero .article-kicker {
  margin-bottom: 16px;
}

.article-hero .article-kicker .elementor-post-info {
  display: flex;
  flex-wrap: wrap;

  gap: 8px;
}

.article-hero .article-kicker .elementor-post-info__item {
  margin: 0 !important;
  padding: 0 !important;
}

.article-hero .article-kicker .elementor-post-info__terms-list {
  display: flex;
  flex-wrap: wrap;

  gap: 8px;

  margin: 0;
}

.article-hero
.article-kicker
.elementor-post-info__terms-list
.elementor-post-info__terms-list-item::after,

.article-hero
.article-kicker
.elementor-post-info__terms-list
.elementor-post-info__terms-separator {
  display: none !important;
}

.article-hero
.article-kicker
.elementor-post-info__terms-list-item,

.article-hero
.article-kicker
.elementor-post-info__item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 30px;

  padding: 7px 11px;

  background: #f7c600 !important;

  border-radius: 5px;

  color: #111 !important;

  font-size: 11px;
  line-height: 1;
  font-weight: 700;

  letter-spacing: .05em;
  text-transform: uppercase;

  text-decoration: none !important;
}


/* =========================================================
   TITLE
========================================================= */

.article-hero .article-title {
  width: 100%;
  max-width: 760px;
}

.article-hero .article-title .elementor-heading-title {
  margin: 0 !important;

  max-width: 760px;

  color: #fff !important;

  font-size: clamp(42px, 4vw, 58px) !important;
  line-height: 1.03 !important;
  font-weight: 700 !important;

  letter-spacing: -0.035em !important;

  text-wrap: balance;
}


/* =========================================================
   LEAD / PEREX
========================================================= */

.article-hero .article-lead {
  max-width: 760px;

  margin-top: 22px;
}

.article-hero .article-lead,
.article-hero .article-lead p {
  margin-bottom: 0;

  color: rgba(255,255,255,.84) !important;

  font-size: 18px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}


/* =========================================================
   META - AUTHOR + DATE
========================================================= */

.article-hero .article-meta {
  margin-top: 24px;
}

.article-hero .article-meta .elementor-post-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 0;
}

.article-hero .article-meta .elementor-post-info__item {
  position: relative;

  display: inline-flex;
  align-items: center;

  margin: 0 !important;
  padding: 0 14px 0 0 !important;

  color: rgba(255,255,255,.66) !important;

  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;

  letter-spacing: .01em;
}


/* separator */
.article-hero
.article-meta
.elementor-post-info__item:not(:last-child)::after {
  content: "";

  display: inline-block;

  width: 3px;
  height: 3px;

  margin-left: 14px;

  background: #f7c600;

  border-radius: 50%;
}


/* author link */
.article-hero .article-meta .elementor-post-info__item a {
  color: #fff !important;

  font-weight: 600 !important;

  text-decoration: none !important;

  transition: color .18s ease;
}

.article-hero .article-meta .elementor-post-info__item a:hover {
  color: #f7c600 !important;
}


/* hide icons */
.article-hero .article-meta .elementor-icon-list-icon {
  display: none !important;
}

.article-hero .article-meta .elementor-icon-list-text {
  padding-left: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .article-hero {
    min-height: 500px;

    padding: 56px 20px 44px;

    background-position: 60% center;
  }

  .article-hero .article-title {
    max-width: 690px;
  }

  .article-hero .article-title .elementor-heading-title {
    max-width: 690px;

    font-size: clamp(40px, 5vw, 52px) !important;
  }

  .article-hero .article-lead {
    max-width: 680px;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .article-hero {
    min-height: 500px;

    padding: 36px 16px 30px;

    align-items: flex-end;

    background-position: center;
  }


  /* mobile overlay */
  .article-hero::before {
    background:
      linear-gradient(
        to top,
        rgba(0,0,0,.93) 0%,
        rgba(0,0,0,.78) 44%,
        rgba(0,0,0,.45) 68%,
        rgba(0,0,0,.20) 100%
      );
  }

  .article-hero::after {
    height: 120px;
  }


  /* breadcrumbs */
  .article-hero .article-breadcrumbs {
    margin-bottom: 16px;
  }

  .article-hero .article-breadcrumbs,
  .article-hero .article-breadcrumbs a,
  .article-hero .article-breadcrumbs span {
    font-size: 11px;
  }


  /* kicker */
  .article-hero .article-kicker {
    margin-bottom: 13px;
  }

  .article-hero
  .article-kicker
  .elementor-post-info__terms-list-item,

  .article-hero
  .article-kicker
  .elementor-post-info__item a {
    min-height: 28px;

    padding: 6px 9px;

    font-size: 10px;
  }


  /* title */
  .article-hero .article-title {
    max-width: 100%;
  }

  .article-hero .article-title .elementor-heading-title {
    max-width: 100%;

    font-size: 34px !important;
    line-height: 1.05 !important;

    letter-spacing: -0.03em !important;
  }


  /* lead */
  .article-hero .article-lead {
    max-width: 100%;

    margin-top: 16px;
  }

  .article-hero .article-lead,
  .article-hero .article-lead p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }


  /* meta */
  .article-hero .article-meta {
    margin-top: 18px;
  }

  .article-hero .article-meta .elementor-post-info__item {
    padding-right: 11px !important;

    font-size: 11px !important;
  }

  .article-hero
  .article-meta
  .elementor-post-info__item:not(:last-child)::after {
    margin-left: 11px;
  }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

  .article-hero {
    min-height: 470px;

    padding-bottom: 26px;
  }

  .article-hero .article-title .elementor-heading-title {
    font-size: 31px !important;
  }

  .article-hero .article-lead,
  .article-hero .article-lead p {
    font-size: 15px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b1ad531 *//* =========================================================
   ARTICLE LAYOUT
========================================================= */

.article-layout {
  display: grid;
  grid-template-columns: minmax(0, 820px) 320px;
  gap: 44px;

  width: calc(100% - 48px);
  max-width: 1200px;

  margin: 0 auto;
  padding: 48px 0 48px 0;

  align-items: start;
  justify-content: center;
}

.article-main {
  width: 100%;
  min-width: 0;
  max-width: 820px;

  margin: 0;
  padding: 0;
}

.article-sidebar {
  width: 100%;
  min-width: 0;
  max-width: 320px;

  margin: 0;
  padding: 0;

  align-self: start;
}


/* =========================================================
   STICKY SIDEBAR
========================================================= */

@media (min-width: 1025px) {

  .article-sidebar {
    position: sticky;
    top: 32px;
  }
}


/* =========================================================
   TOC WRAPPER
========================================================= */

.article-toc {
  width: 100%;

  margin: 0 0 24px;
  padding: 0;
}

.article-toc .elementor-widget-container {
  overflow: hidden;

  margin: 0 !important;
  padding: 0 !important;

  background: #fff;

  border: 1px solid #dfe2e5;
  border-radius: 8px;
}


/* =========================================================
   TOC HEADER
========================================================= */

.article-toc .elementor-toc__header {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: 0;

  margin: 0 !important;
  padding: 20px 24px 18px !important;

  background: #fff;

  border: 0 !important;
}


/* vlastná deliaca čiara - zarovnaná s obsahom */
.article-toc .elementor-toc__header::after {
  content: "";

  position: absolute;

  left: 24px;
  right: 24px;
  bottom: 0;

  height: 1px;

  background: #e3e3e3;
}


.article-toc .elementor-toc__header-title {
  margin: 0 !important;
  padding: 0 !important;

  color: #111 !important;

  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

.article-toc .elementor-toc__toggle-button {
  margin: 0 !important;
  padding: 0 !important;

  color: #111 !important;
}


/* =========================================================
   TOC BODY
========================================================= */

.article-toc .elementor-toc__body {
  margin: 0 !important;
  padding: 10px 0 12px !important;
}


/* =========================================================
   COMPLETE LIST RESET
========================================================= */

.article-toc ul,
.article-toc ol,
.article-toc li,
.article-toc .elementor-toc__list-wrapper,
.article-toc .elementor-toc__list-item {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
  list-style-type: none !important;
}


/*
 * Dôležité:
 * display:block na LI odstráni marker aj v prípadoch,
 * keď Elementor / theme ignoruje iba list-style:none.
 */
.article-toc li,
.article-toc .elementor-toc__list-item {
  display: block !important;
}


/* native markers */
.article-toc li::marker,
.article-toc ul li::marker,
.article-toc ol li::marker,
.article-toc .elementor-toc__list-item::marker {
  content: "" !important;

  font-size: 0 !important;

  color: transparent !important;
}


/* všetky pseudo-markery */
.article-toc li::before,
.article-toc li::after,
.article-toc .elementor-toc__list-item::before,
.article-toc .elementor-toc__list-item::after,
.article-toc .elementor-toc__list-item-text::before,
.article-toc .elementor-toc__list-item-text::after {
  content: none !important;
  display: none !important;
}


/* prípadný marker element z Elementoru / theme */
.article-toc [class*="marker"],
.article-toc [class*="bullet"] {
  display: none !important;
}


/* =========================================================
   TOP LEVEL ITEMS
========================================================= */

.article-toc .elementor-toc__list-item-text {
  display: block !important;

  width: 100%;

  margin: 0 !important;
  padding: 9px 24px !important;

  color: #666 !important;

  font-size: 13px !important;
  line-height: 1.42 !important;
  font-weight: 500 !important;

  text-decoration: none !important;

  border-left: 3px solid transparent;

  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease;
}


/* hover */

.article-toc .elementor-toc__list-item-text:hover {
  color: #111 !important;

  background: #fafafa;
}


/* active */

.article-toc .elementor-toc__list-item-text.elementor-item-active {
  color: #111 !important;

  font-weight: 700 !important;

  background: #fffdf3;

  border-left-color: #f7c600;
}


/* =========================================================
   NESTED LEVEL / H3
========================================================= */

.article-toc
.elementor-toc__list-wrapper
.elementor-toc__list-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}


.article-toc
.elementor-toc__list-wrapper
.elementor-toc__list-wrapper
.elementor-toc__list-item-text {
  padding: 7px 24px 7px 38px !important;

  color: #888 !important;

  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}


.article-toc
.elementor-toc__list-wrapper
.elementor-toc__list-wrapper
.elementor-toc__list-item-text.elementor-item-active {
  color: #111 !important;

  font-weight: 600 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

  .article-layout {
    grid-template-columns: minmax(0, 1fr) 300px;

    gap: 30px;

    width: calc(100% - 40px);
    max-width: 1080px;
  }

  .article-sidebar {
    max-width: 300px;
  }
}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 900px) {

  .article-layout {
    grid-template-columns: 1fr;

    width: calc(100% - 32px);
    max-width: 820px;

    padding-top: 34px;
  }

  .article-sidebar {
    position: static;

    max-width: none;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .article-layout {
    width: calc(100% - 28px);

    padding-top: 28px;
  }


  /* TOC header */

  .article-toc .elementor-toc__header {
    padding: 17px 18px 15px !important;
  }

  .article-toc .elementor-toc__header::after {
    left: 18px;
    right: 18px;
  }

  .article-toc .elementor-toc__header-title {
    font-size: 16px !important;
  }


  /* TOC body */

  .article-toc .elementor-toc__body {
    padding: 8px 0 10px !important;
  }


  /* main item */

  .article-toc .elementor-toc__list-item-text {
    padding: 8px 18px !important;

    font-size: 13px !important;
  }


  /* nested item */

  .article-toc
  .elementor-toc__list-wrapper
  .elementor-toc__list-wrapper
  .elementor-toc__list-item-text {
    padding: 6px 18px 6px 30px !important;

    font-size: 12px !important;
  }
}/* End custom CSS */