/* TABSLIDER */

.is-style-tab-green  {
	--tab-style: var(--paletteColor5, #93C90F);
}

.tabslider {
	border-top: solid 1px var(--paletteColor1);
	border-bottom: 10px solid var(--tab-style);
}

.tabslider  .tab-controls {
	position: relative; 
	margin-bottom: var(--content-spacing);
}

.tabslider .swiper-slide {
	align-self: stretch;
  height: auto;
}

.slider-tabs {
	display: grid;
	grid-auto-flow: column;
	column-gap: var(--content-spacing);
}

.slider-tabs .swiper-pagination-bullet {
    width: auto;
    height: auto;
    border-radius: initial;
    background: transparent; 
    opacity: 1;
		margin: 0 !important;
		border-bottom: solid 1px var(--paletteColor9);
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		font-weight: 600;
		color: var(--paletteColor1);
}
	.slider-tabs .swiper-pagination-bullet:hover, 
	.slider-tabs .swiper-pagination-bullet.swiper-pagination-bullet-active {
		color: var(--tab-style);
	}

.tabslider .swiper-button-next, .tabslider .swiper-button-prev {
	color: #fff;
	background-color: var(--tab-style);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	padding: 10px 0;
	text-align: center;
}
	.tabslider .swiper-button-prev {
		left: 0;
		padding-right: 3px;
	}
	.tabslider .swiper-button-next {
		right: 0;
		padding-left: 3px;
	}
	
	.tabslider .swiper-button-disabled {
		display: none;
	}

.tabslider .swiper-button-next:after, .tabslider .swiper-button-prev:after {
    font-size: 20px;
		font-weight: 700;
}


.tabname {
	color: var(--paletteColor1);
		border-bottom: solid 1px var(--paletteColor9);
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;	
}


@media only screen and (max-width: 768px) {
	.slider-tabs .swiper-pagination-bullet {
		display: none;
	}	
	.slider-tabs .swiper-pagination-bullet-active {
		display: block;
		text-align: center;
		padding-left: 30px;
		padding-right: 30px;
	}
}	



.tabslider .swiper-slide {
	visibility: hidden;
}
.tabslider .swiper-slide.swiper-slide-active {
	visibility: visible;
}


.tabslider ul {
	color: var(--paletteColor1);
	list-style-type: none;
	border-left: solid 2px var(--paletteColor9); 
	padding-left: 1.5rem;
	font-weight: 600;
	position: relative;
}

.tabslider ul>li + li {
	margin-top: 1.5rem;
}
.tabslider h3 + ul>li + li {
	margin-top: 0;
}

.tabslider h3 + ul {
	margin-top: 0 !important;
}

.tabslider  h3:has(+ ul) { 
	font-size: 1em;
	border-left: solid 2px var(--paletteColor9);
	padding-left: 1.5rem;	
	padding-bottom: 5rem;
	margin-bottom: 0 !important;
}

.tabslider .wp-block-embed-youtube {
	max-width: 680px;
}