/********************************************** 
override 
**********************************************/

/* slider */
.partSlider .slidePaginationBullet {background-color: transparent; border:solid 3px var(--green);}
.partSlider .slidePaginationBullet.selected, .partSlider .slidePaginationBullet:hover {background-color: var(--green);}

    /* home */
    #inspirationHome .partSlider {}
    #inspirationHome .partSlider .slideContainerViewport {margin-left: -15px; margin-right: -15px; width:calc(100% + 30px);}
    #inspirationHome .partSlider .slide 	      {padding:30px 15px; cursor:pointer;}
    #inspirationHome .partSlider .slide.selected .partContentFileImageGallery.single		{position: relative;}
    #inspirationHome .partSlider .slide.selected .partContentFileImageGallery.single:after 		{content: ''; position: absolute; top:0; bottom: 0; left:0; right:0;}
    #inspirationHome .partSlider .sliderButton      {height:50px; width:50px; border-radius:50%; background-color:#fff; z-index: 10; transition: background-color 0.3s;}
    #inspirationHome .partSlider .sliderButton.prev {left:-25px}
    #inspirationHome .partSlider .sliderButton.next {right:-25px;}

    @media (hover: hover) {
        #inspirationHome .partSlider .sliderButton:hover {
            background-color: var(--blue);
        }

            #inspirationHome .partSlider .sliderButton:hover svg {
                fill: var(--white);
            }
    }

/* logos */
.partContentFileImageGallery.presentationLogos                      {}
.partContentFileImageGallery.presentationLogos .contentFileImage        {box-shadow: 0px 15px 40px rgb(26 30 43 / 13%); border-radius: 8px; padding: 30px;}

/* pagination */
.partPagination ul                  {justify-content: center; font-weight: 400;}
    .partPagination ul li a             {border-color: var(--green); color:var(--green);}
    .partPagination ul li a:hover {background-color: var(--green); border-color: var(--green); color: #fff;}
    .partPagination ul li.selected a {background-color: var(--green); border-color: var(--green); color: #fff;}
        .partPagination svg.partSvg       {fill: var(--green);}

/* breadcrumb */
.partBreadcrumb {font-size: 14px; background-color: #f5f5f5; display: inline-flex; padding:10px; padding-bottom: 0; border-radius: 8px; margin-bottom: 20px;}
    .partBreadcrumb li {margin-right: 5px;}
        .partBreadcrumb li.selected a {color: #000; font-weight: 400;}  

/* popup */
.popupCustomContainer h2 {margin-bottom: 20px;}

@media screen and (max-width: 667px) {
    .popupCustomContainer { padding-bottom: 25px; }
}