section.mod_cards_slider{
  --titles-max-width: 850px;
  isolation: isolate;
}

section.mod_cards_slider h2.bloqTitle, section.mod_cards_slider .filterSourceSideBySideButtons{
  max-width: var(--titles-max-width);
  margin: 10px auto 0;
}

section.mod_cards_slider div.Slider{
  max-width: 1100px;
  margin: 10px auto 0;
  padding: 0;
}

section.mod_cards_slider div.Slider .nav{
  top: calc(-25px - var(--nav-size));
}

section.mod_cards_slider div.Slider .nav.last{
  left: calc(50% + min(calc(415px - (2 * var(--nav-size))), calc(50vw - (2 * var(--nav-size)) - var(--button-gap) - var(--button-gap) - 20px)));
}

section.mod_cards_slider div.Slider .nav.next{
  right: auto;
  left: calc(50% + min(calc(425px - var(--nav-size)), calc(50vw - var(--nav-size) - 20px)));
}

section.mod_cards_slider .filterSourceSideBySideButtons .sourceButtonWrapper{
  padding-right: calc(40px + (2 * var(--nav-size)));
}

section.mod_cards_slider .filterSourceSideBySideButtons .sourceButtonWrapper .sourceLink, section.mod_cards_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_cards_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_cards_slider .filterSourceSideBySideButtons .sourceButtonWrapper .sourceLink{
  width: var(--nav-size);
  padding: 0;
}

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


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

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

section.mod_cards_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: 350px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

section.mod_cards_slider div.Slider .SliderInner>ul>li .Item:hover .ItemInner::before{
  background-color: rgb(var(--color1));
}

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

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

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

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

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


section.mod_cards_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_cards_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_cards_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: 600px){
  section.mod_cards_slider .filterSourceSideBySideButtons .FilterSet{
    justify-content: flex-start;
  }
  section.mod_cards_slider .filterSourceSideBySideButtons .sourceButtonWrapper{
    margin: 0 auto 10px 0;
  }

}