/*
Theme Name: pfkomplet
Version: 1.0
Description: A child theme of Twenty Twenty
Template: twentytwenty
Author: Administrator
*/

@import url("../twentytwenty/style.css");

/* Your awesome customization starts here */

:root {
  --zelena: #92bf20;
  --zelena-2: #2a2f1d;
  --zelena-3: #326428;
  --seda-1: #292a26;
  --seda-2: #a9aaa8;
  --seda-3: #dee4cf;
  --font: "Fira Sans", sans-serif;
  --header: 174px;
  --admin-bar: 32px;
}

#top .has-zelena-color {
  color: var(--zelena);
}

#top .has-zelena-background-color {
  background: var(--zelena);
}

#top .has-zelena-2-color {
  color: var(--zelena-2);
}

#top .has-zelena-2-background-color {
  background: var(--zelena-2);
}

#top .has-seda-1-color {
  color: var(--seda-1);
}

#top .has-seda-1-background-color {
  background: var(--seda-1);
}

#top .has-seda-2-color {
  color: var(--seda-2);
}

#top .has-seda-2-background-color {
  background: var(--seda-2);
}

#top .has-seda-3-color {
  color: var(--seda-3);
}

#top .has-seda-3-background-color {
  background: var(--seda-3);
}

#top .has-black-color {
  color: #000;
}

#top .has-black-background-color {
  background: #000;
}

#top .has-white-color {
  color: #ffffff;
}

#top .has-white-color a {
  color: var(--zelena-3);
}

#top .has-white-background-color {
  background: #ffffff;
}

.has-primary-to-secondary-gradient-background {
  background: linear-gradient(
    0deg,
    rgb(222, 228, 207) 0%,
    rgb(255, 255, 255) 100%
  );
}

/*--------------------------------------------------ANIMACE*/

ul.topbar-menu li.social a::after,
a.to-the-top::after,
#top button.eedee-gutenslider-nav::after,
#top button.eedee-gutenslider-nav::before,
.toggle span.toggle-icon::before,
.toggle span.toggle-icon::after,
.content-slider li::after,
.header-inner,
body#top:not(.overlay-header) .primary-menu > li > a::after,
ul.topbar-menu li a::after,
#top a,
#top p.next-section a::before,
figure.wp-block-image a::after {
  transition: all 0.1s ease-in-out;
}

/*----------------------------------------------------------------------------------------------------GENERAL*/

p {
  margin: 0 0 12px 0;
}

#top a {
  text-decoration: none !important;
}

.wp-block-cover,
.wp-block-cover-image {
  padding: 0;
}

#top.privacy-policy {
  margin: 0;
}

/*--------------------------------------------------HIDE*/

.site-description,
p.powered-by-wordpress,
.home .entry-header,
.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after,
.post-meta-wrapper.post-meta-edit-link-wrapper,
.toggle:not(.close-nav-toggle):not(.sub-menu-toggle) svg.svg-icon,
.af-label.acf-label,
.content-slider ul.flex-direction-nav,
#top:not(.single-post) h1.entry-title,
.home .header-overlay,
.home div#breadcrumbs,
.entry-categories,
#top .post-author,
span.meta-icon,
.post-meta-wrapper.post-meta-single.post-meta-single-bottom,
body:not(.overlay-header) .primary-menu > li > .icon,
body:not(.overlay-header) .primary-menu > li > ul:after {
  display: none;
}

/*--------------------------------------------------ZÁKLADNÍ HTML*/

/*--------------------------------------------------TYPOGRAFIE*/

#top * {
  letter-spacing: unset;
}

body#top,
#top .entry-content h1,
#top .entry-content h2,
#top .entry-content h3,
#top .entry-content h4,
#top .entry-content h5,
#top .entry-content h6,
#top .entry-content cite,
#top .entry-content figcaption,
#top .entry-content table,
#top .entry-content address,
#top .entry-content .wp-caption-text,
#top .entry-content .wp-block-file,
#top .entry-content {
  font-family: var(--font);
}

.entry-content {
  color: var(--zelena-2);
}

#top .modal-menu > li > .ancestor-wrapper > a,
#top .footer-nav-widgets-wrapper h3,
#top .item-content,
#top .subheading,
.entry-content p,
.entry-content li {
  font-size: 16px;
  line-height: 24px;
}

#top .modal-menu > li > .ancestor-wrapper > a,
#top .footer-nav-widgets-wrapper h3,
#top .item-content,
#top .subheading {
  font-size: 20px;
  line-height: 28px;
}

.content-slider .flex-control-nav li,
#top #counters .has-zelena-2-color,
.contact a::before {
  font-size: 24px;
  line-height: 32px;
}

#top .modal-menu a,
#top .footer-menu a,
#top .footer-widgets a,
#top #site-footer .wp-block-button.is-style-outline,
#top .wp-block-pullquote:before,
#top .singular:not(.overlay-header) .entry-header a,
#top .archive-header a,
#top .header-footer-group .color-accent,
#top .header-footer-group .color-accent-hover:hover,
#top .color-accent,
#top .color-accent-hover:hover,
#top .color-accent-hover:focus,
:root .has-accent-color,
#top .has-drop-cap:not(:focus):first-letter,
#top .wp-block-button.is-style-outline,
#top a {
  color: var(--zelena);
}

/*--------------------------------------------------LAYOUT*/
#top:not(.home) main#site-content {
  margin-top: var(--header);
}

#top .wp-block-cover,
#top .wp-block-image,
#top .wp-block-group.has-background {
  margin: 0;
}

.wp-block-columns.alignwide + .wp-block-columns.alignwide {
  margin-top: 80px;
}

.has-background {
  padding: 36px 24px;
}

[class*="__inner-container"]
  > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
    .is-style-wide
  ) {
  max-width: 800px;
}

@media (min-width: 1240px) {
  .wp-block-columns.alignfull,
  .alignfull:not(.has-background) .wp-block-columns {
    padding: 0;
  }
}

/*--------------------------------------------------CLASSY*/

#cta .wp-block-button {
  margin-top: 24px;
}

#top .mb-0 {
  margin-bottom: 0;
}

#top .mt-0 {
  margin-top: 0;
}

.contact a::before {
  content: "bla";
  font-family: "dashicons";
  position: relative;
  top: 5px;
  margin-right: 4px;
  font-weight: 300;
}

.contact.tel a::before {
  content: "\f525";
}

.contact.mail a::before {
  content: "\f466";
  top: 6px;
}

.contact.in a::before {
  content: "\f18d";
}

#top .contact {
  margin-bottom: 0;
}

/*reference*/

.reference {
  background: white;
  padding: 36px 24px;
  background: #fafafa;
  border-radius: 4px;
  box-shadow:
    0 0 2px rgba(0, 0, 0, 0.12),
    0 2px 4px rgba(0, 0, 0, 0.24);
}

.reference img {
  max-width: 240px;
}

.bafg-twentytwenty-container {
  max-height: 400px;
  border-radius: 8px;
  border: 2px solid white;
}

.video-reference video {
  background: black;
  border-radius: 8px;
  border: 2px solid white;
  aspect-ratio: 4 / 3;
}

/*počítadlo*/

#top .wp-block-group.counter {
  margin-bottom: 0;
  margin-top: 18px;
}

.counter .wp-block-group__inner-container {
  display: flex;
  justify-content: center;
  width: max-content;
}

div#counters .wp-block-image {
  min-height: 100px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 0;
}

#top .counter .wp-block-group__inner-container p {
  white-space: nowrap;
  font-size: 40px;
  line-height: 48px;
  margin-right: 4px;
  font-weight: 800;
  margin-bottom: 0;
}

#top .counter .wp-block-group__inner-container sup {
  position: relative;
  top: -10px;
  font-size: 50%;
}

/*další sekce*/

#top p.next-section {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 64px;
}

#top p.next-section a {
  color: transparent;
}

#top p.next-section a::before {
  content: "\f347";
  font-family: "dashicons";
  color: white;
  font-size: 40px;
  opacity: 0.6;
  position: absolute;
}

#top p.next-section a:hover::before {
  opacity: 1;
}

/*--------------------------------------------------HOVERY*/

#top a:hover,
#top .post-grid-wrapper a:hover h3,
#top .post-grid-wrapper a:hover .item-link {
  color: var(--zelena-3);
}

body#top .primary-menu ul a:hover {
  color: var(--zelena);
}

ul.topbar-menu li a:hover::after {
  color: var(--zelena);
  transform: scale(1.15);
}

#top .wp-block-button__link:hover {
  background: var(--zelena-3);
  color: white;
}

/*----------------------------------------------------------------------------------------------------PRVKYL*/

/*--------------------------------------------------ODDĚLOVAČ*/

hr.wp-block-separator {
  margin: 24px auto;
  background: none;
}

/*--------------------------------------------------NADPISY*/

.entry-content .wp-block-columns h1,
.entry-content .wp-block-columns h2,
.entry-content .wp-block-columns h3 {
  margin: 36px 0 24px 0;
}

.entry-content .wp-block-columns h4,
.entry-content .wp-block-columns h5,
.entry-content .wp-block-columns h6 {
  margin: 24px 0 16px 0;
}

@media (min-width: 1000px) {
  .wp-block-columns h2:first-child {
    margin-top: 0;
  }
}

#top h1,
#top .heading-size-1 {
  font-size: 60px;
  line-height: 68px;
}

#top h2,
#top .heading-size-2 {
  font-size: 40px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 500;
}

#top h3,
#top .heading-size-3 {
  font-size: 28px;
  line-height: 38px;
  font-weight: 600;
}

#top h4,
#top .heading-size-4 {
  font-size: 24px;
  line-height: 32px;
}

/*--------------------------------------------------BUTTONY*/

#top button:not(.toggle),
#top .button,
#top .faux-button,
#top .wp-block-button__link,
#top .wp-block-file .wp-block-file__button,
#top input[type="button"],
#top input[type="reset"],
#top input[type="submit"],
#top .bg-accent,
#top .bg-accent-hover:hover,
#top .bg-accent-hover:focus,
:root .has-accent-background-color,
#top .comment-reply-link {
  background: var(--zelena);
  border-radius: 100px;
  padding: 10px 30px;
  text-transform: none;
  color: white;
  font-size: 20px;
  line-height: 28px;
}

/*--------------------------------------------------SEZNAMY*/

.entry-content ul {
  margin-left: 0;
}

.entry-content .smetak li {
  list-style: none;
  position: relative;
  padding-left: 35px;
  margin: 0 0 12px 0;
}

.entry-content .smetak li::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background: url(/wp-content/themes/pfkomplet/img/smetak.svg) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}

.entry-content .checklist li {
  list-style: none;
  position: relative;
  font-size: 20px;
  line-height: 28px;
  padding-left: 25px;
  margin: 0 0 12px 0;
}

.entry-content .checklist li::before {
  content: "\f147";
  font-family: "dashicons";
  display: block;
  position: absolute;
  left: -9px;
  font-size: 35px;
  top: 1px;
}

/*--------------------------------------------------FORMY*/

#top .acf-fields > .acf-field {
  padding: 0;
  border: none;
  margin-bottom: 12px;
}

#top .acf-field input[type="text"],
#top .acf-field input[type="password"],
#top .acf-field input[type="date"],
#top .acf-field input[type="datetime"],
#top .acf-field input[type="datetime-local"],
#top .acf-field input[type="email"],
#top .acf-field input[type="month"],
#top .acf-field input[type="number"],
#top .acf-field input[type="search"],
#top .acf-field input[type="tel"],
#top .acf-field input[type="time"],
#top .acf-field input[type="url"],
#top .acf-field input[type="week"],
#top .acf-field textarea,
#top .acf-field select {
  background: var(--seda-2);
  border: none;
  border-radius: 4px;
  padding: 10px;
}

#top .af-submit {
  padding: 0;
  margin-top: 15px;
}

/*--------------------------------------------------TABULKY*/

/*--------------------------------------------------WIDGETY*/

/*--------------------------------------------------REFERENCE-SLIDER*/

.flexslider.reference-slider {
  background: none;
  border: none;
}

.slide-content-wrapper {
  display: flex;
  align-items: center;
}

.slide-content-wrapper > div {
  flex-basis: 50%;
}

#top .slide-content-wrapper .col-right {
  padding-left: 60px;
}

#top .slide-content-wrapper h3 {
  font-size: 36px;
  line-height: 42px;
  text-transform: uppercase;
  margin: 0;
}

#top .slide-content-wrapper em {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  display: block;
  margin-bottom: 12px;
}

.splitter {
  display: flex;
  aspect-ratio: 4/3;
}

div#splitter1 > div:not(#vsplitter) {
  width: 100%;
  max-width: 100%;
}

div#vsplitter {
  width: 20px;
  background: var(--zelena);
  min-width: 20px;
  max-width: 20px;
}

div#splitter1 > div:not(#vsplitter) {
  width: 100%;
  max-width: 100%;
}

/*
.vsplitter::before {
    content: "\f341";
    font-family: 'dashicons';
    left: -36px;
    position: relative;
    color: white;
    font-size: 40px;
}

.vsplitter::after {
    content: "\f345";
    font-family: 'dashicons';
    left: 4px;
    position: relative;
    color: white;
    font-size: 40px;
    top: -58px;
}

.splitter_panel .vsplitter:hover,.entry-content p, .entry-content li
.splitter_panel .vsplitter:active {
    background: var(--zelena);
}

.splitter_panel .vsplitter:hover::before,
.splitter_panel .vsplitter:hover::after,
.splitter_panel .vsplitter:active::before,
.splitter_panel .vsplitter:active::after {
    color: var(--zelena);
}*/

.flex-direction-nav a {
  width: 60px;
  height: 60px;
  color: transparent;
  text-shadow: none;
}

.flex-direction-nav a:before {
  content: "\f341";
  font-family: "dashicons";
  text-shadow: none;
  color: white;
  position: relative;
  top: 12px;
  font-size: 60px;
}

/*--------------------------------------------------CONTENT-SLIDER*/

.flexslider.content-slider {
  background: none;
  margin: 0;
  border: none;
}

.content-slider ol.flex-control-nav {
  top: 0;
  bottom: unset;
  text-align: left;
  display: flex;
  flex-direction: column;
}

.content-slider .flex-control-nav li {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-bottom: 8px;
}

.content-slider li.flex-active,
.content-slider .flex-control-nav li:hover {
  color: var(--zelena);
  font-weight: 600;
}

.content-slider .flex-control-nav li::after {
  content: "\f345";
  font-family: "dashicons";
  transform: translateX(80px);
  visibility: hidden;
  top: 1px;
  position: relative;
}

.content-slider li.flex-active::after,
.content-slider .flex-control-nav li:hover::after {
  visibility: visible;
  transform: none;
}

.content-slider .flex-viewport {
  margin-left: 50%;
}

/*
#top .item-content {
    position: absolute;
    right: 0;
    width: 50%;
    top: 0;
    display: none;
}*/

#top .item-active .item-content {
  display: block;
}

/*----------------------------------------------------------------------------------------------------HEADER*/

header#site-header {
  position: fixed;
  width: 100%;
  background: none;
  z-index: 6;
  top: 0;
}

.scrolled header#site-header {
  backdrop-filter: blur(9px);
}

.admin-bar header#site-header {
  top: 32px;
}

.header-inner {
  margin: 0 auto;
  align-items: flex-start;
  padding: 24px 0 63px 0;
}

.scrolled .header-inner {
  padding: 11px 0;
}

.header-navigation-wrapper {
  flex-direction: column;
  align-items: flex-end;
}

.header-overlay {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: linear-gradient(
    rgba(28, 23, 20, 1) 0%,
    rgba(28, 23, 20, 0.9) 30%,
    rgba(28, 23, 20, 0.836) 35%,
    rgba(28, 23, 20, 0.772) 40%,
    rgba(28, 23, 20, 0.708) 45%,
    rgba(28, 23, 20, 0.644) 50%,
    rgba(28, 23, 20, 0.58) 55%,
    rgba(28, 23, 20, 0.516) 60%,
    rgba(28, 23, 20, 0.452) 65%,
    rgba(28, 23, 20, 0.388) 70%,
    rgba(28, 23, 20, 0.324) 75%,
    rgba(28, 23, 20, 0.26) 80%,
    rgba(28, 23, 20, 0.196) 85%,
    rgba(28, 23, 20, 0.132) 90%,
    rgba(28, 23, 20, 0.064) 95%,
    rgba(28, 23, 20, 0) 100%
  );
}

.scrolled .header-overlay {
  background: #292a26;
}

.header-overlay > div {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

.header-overlay-bgr {
  background: var(--seda-1);
  opacity: 0.7;
  mix-blend-mode: multiply;
}

/*--------------------------------------------------TOPBAR*/

/*--------------------------------------------------LOGO*/

.scrolled .site-logo img {
  max-height: 67px;
}

/*--------------------------------------------------MENU*/

body#top:not(.overlay-header) .primary-menu > li > a {
  color: white;
  font-weight: 400;
  line-height: 19px;
}

.primary-menu > li {
  margin: 0;
  padding: 8px 12px;
}

body#top:not(.overlay-header) .primary-menu > li > a::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: white;
}

body#top:not(.overlay-header) .primary-menu > li:hover > a::after,
body#top:not(.overlay-header) .primary-menu > li.current-menu-item > a::after {
  width: 100%;
}

/*kontakt menu*/

.topbar-menu {
  display: flex;
  margin-bottom: 18px;
}

ul.topbar-menu li {
  margin-top: 0;
  margin-left: 10px;
}

ul.topbar-menu li.language {
  margin-left: 20px;
  position: relative;
}

ul.topbar-menu li a {
  display: block;
  max-width: 30px;
  max-height: 30px;
  overflow: hidden;
  line-height: 1;
  color: transparent !important;
  position: relative;
}

ul.topbar-menu li a::after {
  position: absolute;
  color: white;
  top: 3px;
  left: 0;
  font-size: 25px;
  font-family: "dashicons";
}

ul.topbar-menu li.linkedin a::after {
  content: "\f18d";
}

ul.topbar-menu .tel a::after {
  content: "\f525";
}

ul.topbar-menu li.mail a::after {
  content: "\f466";
}

/* menu efekt */

.slideUp {
  -webkit-transform: translateY(-200px);
  transform: translateY(-200px);
  transition: transform 0.5s ease-out;
}

.slideDown {
  transition: transform 0.5s ease-out;
}

/*--------------------SUBMENU*/
body#top .primary-menu ul {
  left: 0px;
  top: 100%;
  border-radius: 0;
  background: var(--seda-1);
  pointer-events: none;
}

body#top .primary-menu li.menu-item-has-children:hover > ul {
  pointer-events: auto;
}

body:not(.overlay-header)
  .primary-menu
  > li.menu-item-has-children
  > a::before {
  content: "\f140";
  font-family: "dashicons";
  position: absolute;
  right: 12px;
}

body#top .primary-menu ul a {
  color: white;
  font-weight: 400;
  padding: 8px 12px;
}

/*--------------------------------------------------BURGERMENU*/

button.toggle.close-nav-toggle.fill-children-current-color {
  outline: none !important;
  padding: 36.5px 8.5px;
}

span.toggle-icon {
  background: var(--zelena);
}

button.close-nav-toggle svg {
  height: 32px;
  width: 32px;
}

.header-footer-group,
body:not(.overlay-header) #site-header .toggle,
#top .menu-modal .toggle {
  color: var(--zelena);
}

span.toggle-text {
  display: none;
}

span.toggle-icon::before,
span.toggle-icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  display: block;
  background: var(--zelena);
  position: absolute;
}

span.toggle-icon::before {
  top: -3px;
}

span.toggle-icon::after {
  bottom: 0px;
  right: 0;
}

.nav-toggle .toggle-icon,
.nav-toggle svg {
  height: 3px;
  width: 4rem;
}

/*modal*/

.menu-modal-inner.modal-inner,
.menu-modal.active {
  background: #292a26b8;
}

#top .toggle.active span.toggle-icon {
  background: transparent;
}

.toggle.active span.toggle-icon::before {
  transform: rotate(-45deg) translate(-7px, 10px);
}

.toggle.active span.toggle-icon::after {
  transform: rotate(45deg) translate(-6px, -10px);
}

.modal-menu li {
  text-align: right;
  border: none;
}

#top .modal-menu > li > .ancestor-wrapper > a {
  color: white;
  font-weight: 300;
  padding: 12px 24px;
}

#top .modal-menu > li.current-menu-item > .ancestor-wrapper > a {
  font-weight: 600;
}

/*----------------------------------------------------------------------------------------------------MAIN CONTENT - PAGE*/

.section-inner.medium {
  max-width: 120rem;
  margin: 0 auto;
}

.entry-header-overlay {
  display: block;
  background: var(--seda-1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0.7;
  mix-blend-mode: multiply;
}

/*--------------------------------------------------TITLE*/

/*--------------------BREADCRUMBY*/

div#breadcrumbs {
  margin-top: 10px;
  left: 0;
  right: 0;
  position: relative;
  top: var(--header);
}

.breadcrumb-inner {
  text-align: right;
  font-size: 12px;
}

#top div#breadcrumbs span {
  font-size: 12px;
}

/*--------------------------------------------------SIDEBAR*/
/*----------------------------------------------------------------------------------------------------MAIN CONTENT - BLOG*/

.blog-wrapper {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 20px;
}

.post-grid-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

a.item-link > *:not(.item-thumbnail-wrapper) {
  padding: 0 20px;
}

#top .post-grid-wrapper a {
  text-decoration: none;
  color: black;
  font-weight: 400;
  display: block;
  position: relative;
}

.item-thumbnail-wrapper {
  display: block;
}

img.item-thumbnail {
  height: 140px;
  width: 100%;
  object-fit: cover;
}

#top .item-date {
  font-size: 12px;
  display: block;
  position: absolute;
  top: 114px;
  background: white;
  color: var(--seda-1);
  padding: 6px 12px;
}

#top .post-grid-wrapper h3 {
  font-size: 20px;
  line-height: normal;
  margin: 10px 0;
}

#top .item-content {
  font-size: 14px;
  line-height: 1.5;
}

#top span.item-link {
  font-weight: 600;
  color: var(--zelena);
  padding-bottom: 20px;
  display: block;
}

/*featured media*/
.featured-media-inner,
.entry-header-inner,
#top .post-grid-wrapper p {
  width: 100%;
}

/*sidebar*/
#top .blog-sidebar {
  border-left: 1px solid var(--seda-3);
  padding-left: 32px;
}

#sidebar .wp-block-heading {
  font-size: 20px;
  margin: 0 0 10px 0;
}

#top .wp-block-latest-posts,
#top .wp-block-latest-posts li {
  margin: 0;
}

#top .wp-block-latest-posts li {
  margin-bottom: 10px;
}

time.wp-block-latest-posts__post-date {
  padding-left: 58px;
}

#top .wp-block-latest-posts__post-title {
  color: black;
}

/*singular*/
.single-post .post-inner {
  padding-top: 40px;
  width: 100%;
}

#top.single-post .entry-content > * {
  max-width: unset;
  width: 100%;
}

#top.singular .featured-media-inner {
  position: relative;
  left: unset;
  width: auto;
}

.singular .entry-header {
  padding: 0;
}

.featured-media img {
  margin: 0 auto;
  width: 100%;
  aspect-ratio: 6 / 9;
  object-fit: cover;
  max-height: 280px;
}

#top.single-post h1:not(.site-logo) {
  margin-top: 0;
  font-size: 34px;
  line-height: normal;
}

ul.post-meta {
  margin-bottom: 20px;
}

.post-meta li {
  margin: 0;
}

#top .post-meta a {
  color: black !important;
  font-weight: 400;
  font-size: 14px;
  pointer-events: none;
}

.pagination-single hr {
  background: var(--gold) !important;
}

/*----------------------------------------------------------------------------------------------------FOOTER*/

#top .footer-nav-widgets-wrapper {
  background: var(--seda-1);
  color: white;
  margin-top: 0;
  border: none;
}

#top .footer-nav-widgets-wrapper h3 {
  margin-bottom: 10px;
}

#top .footer-nav-widgets-wrapper p {
  margin: 0;
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
}

a.wp-block-social-link-anchor {
  color: inherit !important;
  fill: currentColor !important;
  font-size: 20px;
}
a.wp-block-social-link-anchor svg {
  color: inherit !important;
  fill: currentColor !important;
}
.wp-block-social-links {
  margin-top: 12px;
}
p.mail {
  font-size: 12px;
}

/*kontakty test*/
.people .mail {
  font-size: 16px;
}
.people .wp-block-social-links .wp-social-link svg {
  width: 24px;
  height: 24px;
}

#top .people.wp-block-columns {
  gap: 24px;
  max-width: 808px;
  justify-content: center;
}
#top .people .wp-block-column {
  max-width: 250px;
}

#top .people .wp-block-group {
    border-left: 1px solid var(--zelena);
    margin: 0;
	padding-left: 12px;
padding-top: 12px;
padding-bottom: 12px
}
#top .people .contact a,
.people .wp-block-social-links .wp-social-link span:not(.screen-reader-text){
    font-size: 14px;
}.people .wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
    margin-left: 3px;
}
#top .people .wp-block-heading {margin: 0;}
/*--------------------------------------------------SOCKET*/

#top footer#site-footer {
  background: var(--seda-1);
  padding: 10px 0;
  color: white;
}

aside.footer-widgets-outer-wrapper {
  border: none;
  padding: 40px 0;
}

p.footer-copyright,
p.privacy-policy {
  font-weight: 300;
  font-size: 12px;
}

p.footer-copyright a {
  color: var(--zelena);
}

/*----------------------------------------------------------------------------------------------------RESPONZE*/

@media (max-width: 1000px) {
  :root {
    --header: 136px;
  }

  #top .modal-menu > li > .ancestor-wrapper > a,
  #top .footer-nav-widgets-wrapper h3,
  #top .item-content,
  #top .subheading,
  .entry-content p,
  .entry-content li {
    font-size: 16px;
    line-height: 24px;
  }

  .content-slider .flex-control-nav li,
  #top #counters .has-zelena-2-color,
  .contact a::before {
    font-size: 20px;
    line-height: 28px;
  }

  #top h2,
  #top .heading-size-2 {
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500;
  }

  #top .counter .wp-block-group__inner-container p {
    font-size: 32px;
    line-height: 40px;
  }

  #top #counters .has-zelena-2-color {
    font-size: 20px;
    line-height: 28px;
  }

  div#counters img {
    max-height: 80px;
    width: auto;
    height: auto;
  }

  #top h3,
  #top .heading-size-3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
  }

  #top h4,
  #top .heading-size-4 {
    font-size: 20px;
    line-height: 28px;
  }

  div#sidebar {
    display: none;
  }

  .blog-wrapper {
    display: block;
  }

  .header-inner {
    padding: 24px 0;
  }
}

@media (max-width: 700px) {
  :root {
    --header: 108px;
  }

  .admin-bar header#site-header {
    top: 46px;
  }

  .content-slider .flex-control-nav {
    position: relative;
  }

  .content-slider .flex-viewport {
    margin-left: 0;
  }

  .content-slider .flex-control-nav li::after {
    transform: rotate(90deg);
    margin-left: 4px;
  }

  .content-slider .flex-control-nav {
    position: relative;
    margin-bottom: 36px;
  }

  #top h1,
  #top .heading-size-1 {
    font-size: 40px;
    line-height: 48px;
  }

  .post-grid-wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

@media (max-width: 500px) {
  .post-grid-wrapper {
    grid-template-columns: 1fr;
  }
}

/* -------------------------------------------------- YouTube Shorts Feed [yt_shorts_feed] */

.yt-shorts-wrap {
  background: #fff;
  padding: 1.5rem 0;
  margin: 0 0 2rem;
}

.yt-shorts-swiper {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.yt-card {
  background: #fff;
  border: 1px solid #e0e4ea;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  margin: 0 8px;
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1199px) {
  .yt-card {
    flex: 0 0 33.3333%;
  }
}

@media (max-width: 900px) {
  .yt-card {
    flex: 0 0 50%;
  }
}

@media (max-width: 640px) {
  .yt-card {
    flex: 0 0 100%;
  }
}

.yt-thumb-container {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: #000;
}

.yt-thumb-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.yt-content {
  padding: 10px 12px 12px;
}

.yt-title {
  font-weight: 600;
  font-size: 15px;
  color: #1d2226;
  margin: 0 0 4px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.yt-meta {
  display: flex;
  align-items: center;
  margin-top: 2px;
}

.yt-meta img {
  width: 18px;
  height: auto;
  display: block;
}

.yt-swiper-nav {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #111827;
  font-size: 20px;
  padding: 0;
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
  z-index: 2;
}

.yt-swiper-nav:hover {
  background: #f3f4f6;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.2);
  transform: translateY(-50%) translateY(-1px);
}

.yt-swiper-prev {
  left: -18px;
}

.yt-swiper-next {
  right: -18px;
}

@media (max-width: 768px) {
  .yt-swiper-prev {
    left: 4px;
  }
  .yt-swiper-next {
    right: 4px;
  }
}

.yt-play-button {
  position: relative;
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 0;
  font: inherit;
  color: inherit;
  text-transform: none;
  line-height: normal;
}

.yt-play-icon {
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.85);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.45);
}

.yt-play-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 8px 0 8px 14px;
  border-color: transparent transparent transparent #ffffff;
}

.yt-embed-iframe {
  width: 100%;
  height: 100%;
}