body {overflow-x: hidden;  --acc-color: #FA7255;}

.dark-active {
    --body-bg-color: #101615;
    --body-text-color: #ebebeb;
    --border-color: #282828;
    --body-link-color: #9cd9d4;
    --body-link-hover-color: #adeae5;
    --t4-border-color: #282828;
    --t4-primary-bg-subtle: #ffe69c;
    --input-bg: rgba(225, 225, 225, 0.1);
    --input-focus-border: rgba(225, 225, 225, .5);
    --input-placeholder: #A7A6A6;
    --mainnav-link-color: #9cd9d4;
    --mainnav-link-active-color: #9cd9d4;
    --mainnav-link-hover-color: #9cd9d4;
    --t4-heading-color: #9cd9d4;
    --t4-white: #000;
    --t4-dark: #fff;
    --color-dark: #fff;
    --color-white: #000;
    --color-primary: #9cd9d4;
    --t4-gray-900: #F8F8F8;
    --t4-gray-800: #e9ecef;
    --t4-gray-700: #dee2e6;
    --t4-gray-600: #ced4da;
    --t4-gray-500: #A7A6A6;
    --t4-gray-400: #7C7C7C;
    --t4-gray-300: #464646;
    --t4-gray-200: #303e40;
    --t4-gray-100: #1B1B1B;
    --podcast--inner-bg: #323232;
}

.bg-dark {background-color: var(--t4-gray-200) !important}
.navigation-default-horizontal .t4-header {
  background: none;
  border-bottom: 2px solid var(--acc-color);
}
@media (max-width: 768px) { 
  :root {
    /* Zde prepiseme POUZE H1, zbytek se automaticky prizpusobi */
    --h1: 2rem; 
  }
}
@media (min-width: 768px) {
    .timeline-highlight .other-item .blog-item .item-image {
        max-width: 190px;
    }
}


.logo-img {width: 300px; z-index: 99999; margin-left: -15px}
.light-active .d-light {
    cursor: pointer;
    filter: invert(1) hue-rotate(180deg);
}
.navigation-default-horizontal.dark-active .d-light, .navigation-default-horizontal.light-active .d-dark {
background: transparent; 
color: var(--color-white); 
}
.dark-active .finance-light, .dark-active .d-light {
display: block; 
}
.dark-active .d-light  {padding: 1rem 0}
figure figcaption {background: transparent}
.timeline-items figure figcaption {display: none}
.ratio-4x3 {
    --t4-aspect-ratio: 60%;
}
.timeline-article .timeline-item .wrap-content .item-content .page-header, .timeline-highlight .main-item .item-title, .timeline-article > h1, .slide-layout .blog-item .item-title {
    text-transform: none;
}
@media (min-width: 1400px) {
  .t4-col {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
 .view-article .t4-section .t4-section-inner {
  position: relative;
  display: flex;
}
  .view-article .t4-row.row {flex: 0 0 74%}
  .view-article.item-182 .t4-row.row {flex: 0 0 99%}
  .t4-col.component.col-md {flex: 0 0 74%}
  .view-article .t4-col.component.col-md {flex: 0 0 90%}
  .item-page.default-article {
  max-width: 100%;
}
.item-104 .t4-col.component.col-md {flex: 0 0 99%}
  .t4-col.sidebar-r.col-sm {width: 24%}
}
.sidebar-r .custom {padding: 0 1.5rem 1.5rem 1.5rem; overflow: clip; scrollbar-width: none;
  background-color: transparent;}

#Mod115 ul.mod-list li {background: var(--t4-gray-200)}
#Mod115 .module-title {color: var(--acc-color)}
.retrovibes-callout {
    background-color: #f8f8f822;
    border-left: 4px solid var(--acc-color);
    padding: 12px;
    margin: 20px 0;
}
.home .com-content-cateroy-featured {display: none}
.t4-section-acymailing {width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  background-image: url(../../../images/retro_background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;}
.nadpis-audio {width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -45vw;
    margin-right: -55vw;
  background-image: url(../../../images/retro_background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;}
.nadpis-audio h2 {max-width: 1340px; margin-left: auto; margin-right: auto; padding: 4rem 0; font-size: 3rem}
.t4-section-acymailing .module-inner {padding: 2rem 6rem 4rem 6rem; background-color: transparent}
.acym_module input[type="email"] {background: #00000055}
.nav-link .fas {margin-top: 5px}
.t4-footer-nav .d-light {padding: 1.5rem 0}
.embed-video {
    max-width: 33.333333%;
    flex-basis: 33.333333%;
}
.embed-responsive {
    width: 100%;
    height: 66%;
    border: 0;
}
.home-intro {background: var(--t4-gray-200); padding: 1.8rem !important}
.btn {margin: 0.5rem 0}
.infobox {    float: right;
    margin-left: 25px;
    width: 300px;
    background: #303635;
    font-size: 13px;
    padding: 15px;
    border-radius: 4px;}
.timeline-item li.zdroj {display: none}
.acym_introtext, .acym_introtext h3, .acym_introtext h4 {color: #9cd9d4}