section.mod_high_slider{
  isolation: isolate;
  --SliderRowHeight: 400px;
  --SliderGridGap: 20px;
  --SliderItemMinWidth: 260px;
  --HighDifference: 100px;
}

section.mod_high_slider h2.bloqTitle, section.mod_high_slider .filterSourceSideBySideButtons{
  margin-right: calc(50% + (var(--SliderGridGap) / 2));
  margin-left: auto;
  max-width: 540px;
  width: 50%;
  text-align: center;
  justify-content: center;
  z-index: 2;
  position: relative;
}

body.homePageStyle section.mod_high_slider h2.bloqTitle br+span{
	padding-left: 0;
}

section.mod_high_slider .FilterSet.HasFilters{
	margin-left: auto;
	justify-content: center;
}

section.mod_high_slider .FilterSet.HasFilters button:last-child{
	margin-right: var(--button-gap);
}

section.mod_high_slider div.Slider{
  max-width: 1100px;
  margin: calc(25px - var(--HighDifference) + var(--nav-size)) auto 0;
  padding: 0;
}

section.mod_high_slider div.Slider .nav{
  top: calc(var(--HighDifference) - 20px - var(--nav-size));
}

section.mod_high_slider div.Slider .nav.last{
  left: auto;
  right: calc(50% + (var(--SliderGridGap) / 4) + var(--button-gap) + min(275px, 25%));
}

section.mod_high_slider div.Slider .nav.next{
  right: calc(50% + (var(--SliderGridGap) / 4) - var(--button-gap) - var(--nav-size) + min(275px, 25%));
  left: auto;
}

section.mod_high_slider .filterSourceSideBySideButtons .sourceButtonWrapper .sourceLink, section.mod_high_slider .filterSourceSideBySideButtons .sourceButtonWrapper .calendarPageLink{
  height: var(--nav-size);
  padding: 0 20px;
  border-radius: var(--nav-border-radius);
  border: 1px solid rgb(var(--color2));
  color: rgb(var(--color2));
  background-color: rgb(var(--grey10));
  font-size: calc(var(--nav-size)* 0.35);
}

section.mod_high_slider .filterSourceSideBySideButtons .sourceButtonWrapper .calendarPageLink{
  margin-right: 0;
}

section.mod_high_slider .filterSourceSideBySideButtons .FilterSet .filterbutton{
  height: var(--nav-size);
  padding: 0 20px;
  border-radius: var(--nav-border-radius);
  font-size: calc(var(--nav-size)* 0.35);
}

section.mod_high_slider .filterSourceSideBySideButtons .sourceButtonWrapper .sourceLink{
  width: var(--nav-size);
  padding: 0;
}

section.mod_high_slider .filterSourceSideBySideButtons .sourceButtonWrapper .sourceLink:hover, section.mod_cards_slider .filterSourceSideBySideButtons .sourceButtonWrapper .calendarPageLink:hover{
  background-color: rgb(var(--color2));
  color: rgb(var(--grey10));
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item, section.mod_high_slider div.Slider>ul>li .Item{
	height: calc(var(--SliderRowHeight) - var(--HighDifference));
	margin-top: var(--HighDifference);
	transition: 0.3s;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner, section.mod_high_slider div.Slider>ul>li .Item .ItemInner{
	height: 120px;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner .ItemContent, section.mod_high_slider div.Slider>ul>li .Item .ItemInner .ItemContent{
	margin-top: 0;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item:hover .ItemInner, section.mod_high_slider div.Slider>ul>li .Item:hover .ItemInner{
	height: calc(var(--SliderRowHeight) - var(--HighDifference));
}

section.mod_high_slider div.Slider .SliderInner>ul>li[data-pos-showing] + li + li .Item, section.mod_high_slider div.Slider>ul>li[data-pos-showing] + li + li .Item{
	height: var(--SliderRowHeight);
	margin-top: 0px;
}

section.mod_high_slider div.Slider .SliderInner>ul>li[data-pos-showing] + li + li .Item:hover .ItemInner, section.mod_high_slider div.Slider>ul>li[data-pos-showing] + li + li .Item:hover .ItemInner{
	height: var(--SliderRowHeight);
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner{
  background-color: transparent;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner .CalendarCategory{
  display: none;	
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner::before{
  content: '';
  background: linear-gradient(0deg, rgba(var(--color1),1) 150px, rgba(var(--color1),0) 100%);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner .ItemDate{
  color: rgb(var(--grey10));
  z-index: 1;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner h3.Title{
  color: rgb(var(--grey10));
  z-index: 1;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item:not(.CalendarItem) .ItemInner .ItemIcon{
  background-color: rgb(var(--color2));
  color: rgb(var(--grey10));
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner .ItemContent{
  color: rgb(var(--grey10));
  z-index: 1;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner .ItemContent .paracontent .location, section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner .ItemContent .paracontent .tags .tag{
  color: rgb(var(--grey10));
  z-index: 1;
  text-transform: none;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner .ItemContent .paracontent .cardBottomLinks{
  flex-direction: column;
  border-top: 0px solid transparent;
  padding: 0 20px 10px 20px;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner .ItemContent .paracontent .cardBottomLinks a{
  color: rgb(var(--grey10));
  border: 1px solid rgb(var(--color2));
  text-align: center !important;
  margin-bottom: 10px;
}

section.mod_high_slider div.Slider .SliderInner>ul>li .Item .ItemInner .ItemContent .paracontent .cardBottomLinks a:hover{
  background-color: rgb(var(--grey10));
  border: 1px solid rgb(var(--grey10));
  color: rgb(var(--color1));
}









@media screen and (max-width: 859px){
	section.mod_high_slider div.Slider .SliderInner>ul>li[data-pos-showing] + li .Item, section.mod_high_slider div.Slider>ul>li[data-pos-showing] + li .Item{
		height: var(--SliderRowHeight);
		margin-top: 0px;
	}

	section.mod_high_slider div.Slider .SliderInner>ul>li[data-pos-showing] + li .Item:hover .ItemInner, section.mod_high_slider div.Slider>ul>li[data-pos-showing] + li .Item:hover .ItemInner{
		height: var(--SliderRowHeight);
	}
}

@media screen and (max-width: 579px){
	section.mod_high_slider h2.bloqTitle, section.mod_high_slider .filterSourceSideBySideButtons{
	  margin-right: auto;
	  max-width: 100%;
	  width: 100%;
	}

	section.mod_high_slider div.Slider .nav.last{
	  right: calc(50% + var(--button-gap));
	}

	section.mod_high_slider div.Slider .nav.next{
		right: auto;
	 	left: calc(50% + var(--button-gap));
	}
}


