/* Tailwindcss grid */
.grid {
    display: grid;
  }

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
/* Small devices (sm) */
@media (min-width: 640px) {
    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    /* ... up to sm:grid-cols-12 */
  }

  /* Medium devices (md) */
  @media (min-width: 768px) {
    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    /* ... up to md:grid-cols-12 */
  }

  /* Large devices (lg) */
  @media (min-width: 1024px) {
    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    /* ... up to lg:grid-cols-12 */
  }

  /* Extra large devices (xl) */
  @media (min-width: 1280px) {
    .xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
    /* ... up to xl:grid-cols-12 */
  }

  .gap-0 {
    gap: 0;
  }

  .gap-1 {
    gap: 0.25rem; /* 4px */
  }

  .gap-2 {
    gap: 0.5rem; /* 8px */
  }

  .gap-3 {
    gap: 0.75rem; /* 12px */
  }

  .gap-4 {
    gap: 1rem; /* 16px */
  }

  .gap-5 {
    gap: 1.25rem; /* 20px */
  }

  .gap-6 {
    gap: 1.5rem; /* 24px */
  }

  .gap-8 {
    gap: 2rem; /* 32px */
  }

  /* Large devices (lg) */
@media (min-width: 1024px) {
    .lg\:gap-0 {
      gap: 0;
    }
    .lg\:gap-1 {
      gap: 0.25rem; /* 4px */
    }
    .lg\:gap-2 {
        gap: 0.5rem; /* 8px */
      }

      .lg\:gap-3 {
        gap: 0.75rem; /* 12px */
      }

      .lg\:gap-4 {
        gap: 1rem; /* 16px */
      }

      .lg\:gap-5 {
        gap: 1.25rem; /* 20px */
      }

      .lg\:gap-6 {
        gap: 1.5rem; /* 24px */
      }

      .lg\:gap-8 {
        gap: 2rem; /* 32px */
      }
    /* ... up to lg:gap-32 */
  }

  .h-0 {
    height: 0;
  }

  .h-1 {
    height: 0.25rem; /* 4px */
  }

  .h-2 {
    height: 0.5rem; /* 8px */
  }

  .h-3 {
    height: 0.75rem; /* 12px */
  }

  .h-4 {
    height: 1rem; /* 16px */
  }

  .h-5 {
    height: 1.25rem; /* 20px */
  }

  .h-6 {
    height: 1.5rem; /* 24px */
  }

  .h-8 {
    height: 2rem; /* 32px */
  }

  .h-10 {
    height: 2.5rem; /* 40px */
  }

  .h-12 {
    height: 3rem; /* 48px */
  }

  .h-16 {
    height: 4rem; /* 64px */
  }

  .h-20 {
    height: 5rem; /* 80px */
  }

  .h-24 {
    height: 6rem; /* 96px */
  }

  .h-32 {
    height: 8rem; /* 128px */
  }

  .h-40 {
    height: 10rem; /* 160px */
  }

  .h-48 {
    height: 12rem; /* 192px */
  }

  .h-56 {
    height: 14rem; /* 224px */
  }

  .h-64 {
    height: 16rem; /* 256px */
  }

  .h-auto {
    height: auto;
  }

  .h-screen {
    height: 100vh; /* Full viewport height */
  }

.text-center{
    text-align:center;
}
.text-left{
    text-align:left;
}
.text-right{
    text-align:right;
}
img{
    max-width:100%;
    height:auto;

}
.items-center{
    align-items: center;
}
.items-start{
    align-items: start;
}
.items-end{
    align-items: end;
}

.paragraph--type--two-columns {
    display: grid;
  }
  .paragraph--type--two-columns.grid-gap--small {
    gap: 1rem; /* Tailwind's gap-4 corresponds to 1rem (16px) */
}

.paragraph--type--two-columns.grid-gap--large {
    gap: 2rem; /* Tailwind's gap-8 corresponds to 2rem (32px) */
}

.grid-cols-6_6, .grid-cols-5_7, .grid-cols--4_8,  .grid-cols-7_5, .grid-cols-8_4 {

        grid-template-columns: 50% 50%; /* 50% for each column */

}

@media (min-width: 1024px) {
    .lg\:grid-cols-6_6 {
        gap:3rem;
        grid-template-columns: 50% 50%; /* 50% for each column */
    }
    .lg\:grid-cols-5_7 {
      gap:3rem;
        grid-template-columns: 41.66% 58.33%; /* 41.66% for first column, 58.33% for second */
    }
    .lg\:grid-cols-4_8 {
      gap:3rem;
        grid-template-columns: 33.33% 66.66%; /* 33.33% for first column, 66.66% for second */
    }
    .lg\:grid-cols-7_5 {
      gap:3rem;
        grid-template-columns: 58.33% 41.66%; /* 58.33% for first column, 41.66% for second */
    }
    .lg\:grid-cols-8_4 {
      gap:3rem;
        grid-template-columns: 66.66% 33.33%; /* 66.66% for first column, 33.33% for second */
    }
}

.head-type--h4{
    font-weight: 400;
    font-size: 36px;
    font-family: 'Sairar', sans-serif;
    font-size: 2.25rem;
    position:relative;
}
.head-type--h4:after{
    content: '';
    display: block;
    width: 4rem;
    height: 0.2rem;
    margin: 1rem 0;
    background-color:#D1BB9C;
}
.paragraph--id-115 .head-type--h4:after, .paragraph--id-138 .head-type--h4:after{
    display:none!important;
}
.text-align--center .head-type--h4:before{
    content: '';
    display: block;
    width: 4rem;
    height: 0.2rem;
    left: calc(50% - 2rem);
    margin: 0;
    top: -1.5rem;
    background-color:#D1BB9C;
    position: absolute;
}

.paragraph--type--button a {
    position: relative;
    display: inline-block;
    margin: 2rem 0;
    color: #242424;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0.5rem 4rem 0.5rem;
    border-radius: 0;
    background: none;
    border: 1px solid #242424;
    position: relative;
    overflow: hidden;
}
.paragraph--type--text p{
    font-family: 'Roboto', sans-serif;
    color: #242424;
    line-height: 200%;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
}
.paragraph--type--gallery{
    position:relative;
}
.paragraph--type--gallery .owl-carousel{
    position:relative;
    height:100%;
    width:100%
}
.paragraph--type--gallery .owl-theme .owl-prev{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    left:1rem;
}
.paragraph--type--gallery .owl-theme .owl-next{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:1rem;
}
.paragraph--type--gallery .owl-theme.owl-nav-wrap.owl-nav-2br .owl-nav {
    right:inherit;
    bottom:inherit;
    left:inherit;
    top:inherit;
    position:initial;
}
.paragraph--type--text .cs-list {
    list-style: none;
    padding-inline-start: 0;
}
.paragraph--type--text .cs-list li {
    padding-left:41px;
    position:relative;
    margin-bottom:10px;
    line-height: 1.2;
  }
  .paragraph--type--text .cs-list li:before{
    content: ''; /* Required for pseudo-elements */
    background-image: url('/themes/custom/ekobud/img/bullet.svg'); /* Path to your image */
    background-size: contain; /* Adjust size as needed */
    background-repeat: no-repeat; /* Prevent repeating */
    position: absolute; /* Position it absolutely */
    left: 0; /* Align to the left */
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Adjust for vertical centering */
    width: 28px; /* Set width of the marker */
    height: 20px; /* Set height of the marker */
  }

.paragraph--type--offer.paragraph-offer-136 {
    margin: 4rem 0;
    padding-top: 8rem;
    padding-bottom: 8rem;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}
.paragraph--type--offer.paragraph-offer-136 .field__purl a{
    display: inline-block;
    margin: 2rem 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0.5rem 4rem 0.5rem;
    border-radius: 0;
    background: #D1BB9C;
    border: inherit;
    position: relative;
    overflow: hidden;
}
.grid-layout--col-three .col-12 {
    margin-left:0;
}
.grid-layout--col-three .col-lg-10{
    flex: 0 0 100%;
    max-width: 100%;
}

.paragraph--type--two-columns__col-right .col-lg-10, .paragraph--type--two-columns__col-left .col-lg-10 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left:0;
}

.term-investments.color-term-id-13 h4:after{
    background-color:#D1BB9C!important;
}
.term-investments.color-term-id-13 .field__purl a{
    background-color:#D1BB9C!important;
}
.term-investments .background--opacity-color-term-id-13{
    background-color: rgb(209,187,156, 0.91)
}
.term-investments .background--hover-color-term-id-13:after{
    background-color: rgb(209,187,156, 0.91)
}
.term-investments .background--opacity-color-term-id-13 img{
  max-width:240px;
}


.term-investments.color-term-id-16 h4:after{
    background-color:#708090!important;
}
.term-investments.color-term-id-16 .field__purl a{
    background-color:#708090!important;
}
.term-investments .background--opacity-color-term-id-16{
    background-color: rgb(112, 128, 144, 0.91)
}
.term-investments .background--hover-color-term-id-16:after{
    background-color: rgb(112, 128, 144, 0.91)
}
.term-investments .background--opacity-color-term-id-16 img{
    max-width:240px;
}

.paragraph--type--two-columns__col-left .col-lg-10, .paragraph--type--two-columns__col-right .col-lg-10{
    padding-right:0;
    padding-left:0;
}
.paragraph--type--two-columns__col-left .col-12, .paragraph--type--two-columns__col-right .col-12 {
    padding-right:0;
    padding-left:0;
}
@media (max-width:767px){
  .paragraph--type--spacer{
      height:2rem;
  }
  .paragraph--button{
      text-align:center;
  }
  .paragraph--button a {
      margin:0;
  }
  .paragraph--type--headline, .paragraph--type--text, .paragraph--type--image-text__image{
      margin:0 1rem;
  }
  .paragraph--id-148, .paragraph--id-141, .paragraph--id-155, .paragraph--id-341, .paragraph--id-342, .paragraph--id-340 {
    text-align: center;
  }
}
.paragraph--id-153, .paragraph--id-146, .paragraph--id-149, .paragraph--id-341, .paragraph--id-342, .paragraph--id-340, .paragraph--id-670, .paragraph--id-671, .paragraph--id-672  {
  text-align: center;
    align-content: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.paragraph--type--container-main .paragraph--type--image-text .paragraph--type--image-text__image{
  text-align:center
}

.paragraph--type--headline.text-align--center h4:after{
display:none;
}
.head-type--h3{
  font-weight:700;
}

.paragraph--id-127 h3,
.paragraph--id-288 h3 {
  padding-left: 2rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size:contain;
  font-size:24px;
  margin:0.5rem 0;
  color:#0F2A09;
}
.paragraph--id-127 h3:nth-of-type(1),
.paragraph--id-288 h3:nth-of-type(1) {
  background-image: url('/themes/custom/ekobud/img/icon-map-1.svg');
}

.paragraph--id-127 h3:nth-of-type(2),
.paragraph--id-288 h3:nth-of-type(2) {
  background-image: url('/themes/custom/ekobud/img/icon-map-2.svg')
}

.paragraph--id-127 h3:nth-of-type(3),
.paragraph--id-288 h3:nth-of-type(3) {
  background-image: url('/themes/custom/ekobud/img/icon-map-3.svg')
}
.paragraph--id-127 ul,
.paragraph--id-288 ul {
  list-style:disc;
  margin-left:1.5rem;
}
.js-pager__items {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
    width: 100%;
    align-items: center;
    gap: 0.5rem;
}
.js-pager__items > li {
    display: block;
    padding: 0.5rem 1rem;
    border: 1px solid #efefef;
    color: #9a9a9a;
}
.js-pager__items > li > a {
    margin: -0.5rem -1rem;
    padding: 0.5rem 1rem;
    display: block;
    color: #3d3d3d;
}


.webform-submission-contact-sk-form .webform-button--submit ,
.webform-submission-contact-form .webform-button--submit  {
  position:relative;
  display:inline-block;
  margin:2rem 0;
  color:#fff;
  text-transform:uppercase;
  font-weight:500;
  padding:0.5rem 4rem 0.5rem;
  border-radius:0;
  background:#8BC044;
  border:inherit;
  position:relative;
  overflow:hidden;
  width:100%;
  padding:1rem 2rem
}
@media (min-width: 540px) {
  .webform-submission-contact-sk-form .webform-button--submit,
  .webform-submission-contact-form .webform-button--submit {
    width:inherit
  }
}
.webform-submission-contact-sk-form div[role='contentinfo'],
.webform-submission-contact-form div[role='contentinfo']{
  padding: 2rem;
  background-color: #ffefef;
  margin: 2rem 0;
}
.webform-submission-contact-sk-form div[role='contentinfo'] ul ,
.webform-submission-contact-form div[role='contentinfo'] ul {
  list-style: circle;
}

body.path-frontpage.page-node-type-home-page .ui-widget-header,
body.page-node-type-webform .ui-widget-header,
body.path-taxonomy .ui-widget-header {
  border: none;
  padding: 1rem;
  background: #8BC044;
  color: white;
}
body.path-frontpage.page-node-type-home-page .ui-dialog .ui-dialog-content,
body.page-node-type-webform  .ui-dialog .ui-dialog-content,
body.path-taxonomy .ui-dialog .ui-dialog-content {
  padding: 3rem 2rem;
  text-align: center;
}
.webform-submission-contact-sk-form fieldset.captcha,
.webform-submission-contact-form fieldset.captcha {
  border: none;
  padding: 0;
}
.webform-submission-contact-sk-form fieldset.captcha .captcha__title ,
.webform-submission-contact-form fieldset.captcha .captcha__title {
  display: none;

}
.webform-submission-contact-sk-form fieldset.captcha .captcha__description ,
.webform-submission-contact-form fieldset.captcha .captcha__description {
  display: none;

}
ul.bt-lang-items {
    display:flex;
    list-style: none;
    gap: 1rem;
    margin: 0;
    padding: 0;
}
ul.bt-lang-items li.bt-lang-item {
    display: block;
}
ul.bt-lang-items li.bt-lang-item a.bt-lang {
    float: none;
    display: block;
    border-radius: 100%;
    background: no-repeat;
    margin: 0;
    border: 1px solid #adadad;
    width: 26px;
    height: 26px;
}
ul.bt-lang-items li.bt-lang-item a.lang-cs {
    background-image: url("../img/cz.svg");
}
ul.bt-lang-items li.bt-lang-item a.lang-sk {
    background-image: url("../img/sk.svg");
}
ul.bt-lang-items li.bt-lang-item a.lang-pl {
    background-image: url("../img/pl.svg");
}

.nav.mobile-nav ul.bt-lang-items {
    margin: 2rem;
    justify-content: center;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 1200px) {
    .header-box-top .nav-box-wrap.lang-cs,
    .header-box-top .nav-box-wrap.lang-sk {
        display: block;
    }
    .header-box-top .nav-box-wrap.lang-cs .social-items,
    .header-box-top .nav-box-wrap.lang-sk .social-items{
        margin-top: 1.25rem;
    }


}