.partenaires {
width: 100%;
}
.partenaires__shell {
display: flex;
align-items: center;
gap: 4rem;
width: 100%;
}
.partenaires__slider {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
}
.partenaires__item {
display: flex;
align-items: center;
justify-content: center;
height: auto;
box-sizing: border-box;
padding-inline: 0.25rem;
}
.partenaires__link {
display: block;
width: 100%;
color: inherit;
text-decoration: none;
}
.partenaires__link:focus-visible {
outline: 2px solid var(--wp--preset--color--custom-primary);
outline-offset: 4px;
}
.partenaires__logo {
display: block;
width: 100%;
height: auto;
max-width: none;
max-height: none;
object-fit: contain;
filter: grayscale(1);
opacity: 0.75;
transition:
opacity 0.25s ease,
filter 0.25s ease,
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.partenaires__item:hover .partenaires__logo,
.partenaires__link:focus-visible .partenaires__logo {
filter: grayscale(0);
opacity: 1;
transform: scale(1.06);
}
.partenaires__nav-btn {
width: 2.5rem;
height: 2.5rem;
flex-shrink: 0;
padding: 0;
border: 1px solid var(--wp--preset--color--custom-default, #000);
border-radius: 50%;
background:
transparent
url(//architecte-rc.com/wp-content/themes/rc/assets/chart/button-arrow-black.svg) center / 14px 11px no-repeat;
cursor: pointer;
transition: background-color 0.25s ease, opacity 0.25s ease;
}
.partenaires__nav-btn--prev {
transform: scaleX(-1);
}
.partenaires__nav-btn:hover,
.partenaires__nav-btn:focus-visible {
background-color: var(--wp--preset--color--custom-primary);
border-color: var(--wp--preset--color--custom-primary);
background-image: url(//architecte-rc.com/wp-content/themes/rc/assets/chart/button-arrow.svg);
}
.partenaires__nav-btn:focus-visible {
outline: 2px solid var(--wp--preset--color--custom-primary);
outline-offset: 2px;
}
.partenaires__nav-btn.swiper-button-disabled {
opacity: 0.35;
cursor: default;
}
.partenaires__pagination {
position: static;
margin-top: var(--wp--preset--spacing--3, 1.5rem);
text-align: center;
}
.partenaires__pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: var(--wp--preset--color--custom-default);
opacity: 0.25;
}
.partenaires__pagination .swiper-pagination-bullet-active {
opacity: 1;
background: var(--wp--preset--color--custom-primary);
}
.partenaires__empty {
margin: 0;
text-align: center;
opacity: 0.7;
}
@media (max-width: 600px) {
.partenaires__shell {
gap: 0.5rem;
}
.partenaires__nav-btn {
width: 2.15rem;
height: 2.15rem;
background-size: 12px 9px;
}
}