/**********************************************
partslider-1.7
15/09/2020
**********************************************/

/* fundementals */
.partSlider .slideMainContainer {
	position: relative; /* prev/next button */
}

.partSlider .slideContainerViewport {
	overflow: hidden;
}

.partSlider .slideContainer {
	width: 100%;
	height: auto; /* you can use padding-bottom when fade is active */
	display: flex;
	transition-property: transform;
	position: relative; /* needed when fade is true */
}

.partSlider .slide {
	flex: 0 0 auto;
}

.partSlider .slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* fade mode */
.partSlider .slideContainer.fadeMode .slide {
	transition-property: opacity;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.partSlider .slideContainer.fadeMode .slide.selected {
	z-index: 10;
	opacity: 1;
}

/* buttons */
.partSlider .sliderButton {
	border-radius: 0;
	outline: none;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	background-color: transparent;
	position: absolute;
	z-index: 20;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none; /* when showButtons: false the button won't show on load because the button are generated by c# and has to be added for responsive */
}

.partSlider .sliderButton.disabled {
  	opacity: 0.5;
  	cursor: not-allowed;
}

.partSlider .sliderButton.show {
	display: flex; /* used flex instead of block in case you want to center the svg within the button */
}

.partSlider .sliderButton svg {
	display: block;
}

/* partslider config/override */

	/* buttons */
	.partSlider .sliderButton 			{padding:0; top: 50%; transform: translateY(-50%);}
	.partSlider .sliderButton.prev 		{left: 0;}
	.partSlider .sliderButton.next 		{right: 0;}
		.partSlider .sliderButton svg 		{fill: #000; height: 24px; /* set height and width for IE */ }

	/* pagination */
	.partSlider .slidePagination {display: flex; justify-content: center;}
		.partSlider .slidePaginationBullet {width: 12px; height: 12px; background-color: #bbb; border-radius: 50%; margin: 0px 5px;	cursor: pointer;}		
		.partSlider .slidePaginationBullet.selected, .partSlider .slidePaginationBullet:hover {background-color: #000;}

    /* home logo's */
    .partSlider.logos 											{margin-bottom: 30px; padding-left: 30px; padding-right: 30px;}
    .partSlider.logos .slide                            	    {display: flex; justify-content: center; align-items: center; padding:0 20px;}
    .logos .slide .partContentFileImageGallery.single               {max-width:100%; height:100%; padding:20px; display: flex;}
    .partSlider.logos .sliderButton.prev                             	{left: 0;} 
    .partSlider.logos .sliderButton.next                             	{right: 0;}
    .partSlider.logos .sliderButton.prev svg,
     .partSlider.partSlider.logos .sliderButton.next svg            {fill: #000;}


    /* arrows */
	.partSlider .slideMainContainer .sliderButton           {transition:0.3s ease; opacity:0.5;justify-content: center; align-items: center;}
	.partSlider .sliderButton:hover                         {opacity: 1;} 
	.partSlider .sliderButton                               {opacity: .25;}

	.partSlider .sliderButton.prev                          {left: 25px;} 
	.partSlider .sliderButton.next                          {right: 25px;}

	.partSlider .sliderButton.prev svg,
    .partSlider .sliderButton.next svg 				        {width: 16px; height: 24px; fill: #fff;}

    .partSlider.homeHeader .slideContainer                  {padding-bottom: 31.2%;}