/*fix probliku u animace*/
body.bricks-is-frontend h1, 
body.bricks-is-frontend h2 { 
	visibility: hidden;
}



 

/*news-filter*/
.news-filter .nf-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:0;

  --collapse:-1px;
  padding-left:calc(var(--collapse) * -1);
  padding-top: calc(var(--collapse) * -1);
}

.news-filter .nf-list > li{
  margin-left:var(--collapse) !important;
  margin-top: var(--collapse) !important;
}

.news-filter .nf-list li a{
  position:relative;           
  z-index:1;                  
  display:flex;align-items:center;justify-content:center;
  padding:1.6rem 2.4rem;
  text-decoration:none;color:inherit;

  font-size:1.6rem;font-weight:700;line-height:1;letter-spacing:-0.032rem;

  border:1px solid #B0B1B3;
  border-radius:0;
  background:var(--Primary-Grey-10,#F4F4F5);
  transition:background .15s ease, border-color .15s ease;
}

.news-filter .nf-list li:not(.active) a:hover,
.news-filter .nf-list li:not(.active) a:focus-visible{
  background:var(--Primary-Grey-20,#E4E4E6);
}

.news-filter .nf-list li.active a{
  background:var(--Primary-Grey-20,#E4E4E6);
  border-color:transparent;      
  z-index:0;                     
  cursor:default;
}
.nf-empty{padding:20px 0;opacity:.8}









/*show more text*/
.show-more-text {
  overflow: hidden;
  transition: max-height .6s ease;
}

.show-more-text.clamped {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
}

.show-more-btn[hidden] {
  display: none !important;
}

.show-more-btn svg {
  transition: transform .3s ease;
}

.show-more-btn.is-open svg {
  transform: rotate(-180deg);
}





/* === select2 === */
.select2-container {
  width: 100% !important;
  display: block;
  font: inherit;
}

.select2-container--default .select2-selection--single {
  min-height: 5rem !important;
  padding: 1.6rem 2rem;
  border: 1px solid #969799 !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  display: flex !important;
  align-items: center !important;
  line-height: normal !important;
  font-weight: 300 !important;
  color: inherit !important;      
  width: 100%;
  box-sizing: border-box;
}

html body
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  font-weight: 300 !important;
  line-height: normal !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0.15rem;            
  display: block !important;
}

html body
.select2-container--default
.select2-selection--single
.select2-selection__rendered.select2-selection__placeholder {
  color: #969799 !important;
}

html body
.select2-container--default
.select2-selection--single
.select2-selection__rendered:not(.select2-selection__placeholder) {
  color: var(--gray-300) !important;
}

.select2-container .select2-selection__arrow {
  top: 50% !important;
  right: 2rem !important;
  transform: translateY(-50%);
}

.select2-container .select2-dropdown {
  box-sizing: border-box !important;
  border: 1px solid #969799 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background-color: #fff !important;
  font-weight: 300;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.select2-container--default
  .select2-results > .select2-results__options {
  max-height: 100% !important;
}

.select2-results__options {
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 1.6rem 2rem !important;
  background: #e4e4e6 !important;
  color: #58595b !important;
  font-weight: 300;
  line-height: normal !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.select2-results__option--highlighted {
  background: #cacbcc !important;
  color: #19191a !important;
  font-weight: 300 !important;
}

.select2-results__option[aria-selected='true'] {
  background: #e4e4e6 !important;
  color: #58595b !important;
  font-weight: 300 !important;
}

.select2-results__option:hover {
  background: #cacbcc !important;
  color: #19191a !important;
}

.select2-results__option--highlighted,
.select2-results__option--highlighted:hover {
  background: #cacbcc !important;
  color: #19191a !important;
}

.select2-container--open .select2-dropdown--below {
  border-top: 0 !important;
}

.select2-container--open.select2-container--above .select2-dropdown {
  top: 100% !important;
  bottom: auto !important;
  margin-top: 0 !important;
}

.select2-container--open.select2-container--below .select2-dropdown {
  top: 100% !important;
  bottom: auto !important;
  margin-top: 0 !important;
}




/*formulare - border radius fix na iphone*/
/* iOS Safari only */
@supports (-webkit-touch-callout: none) {
  .form-group > input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
  .form-group > select,
  .form-group > textarea{
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-clip: padding-box !important;
  }

}