.carousel.peoples:not(.owl-loaded) {
display: flex;
overflow: hidden;
}
.carousel.peoples:not(.owl-loaded) .person {
flex: 0 0 50%;
min-width: 0;
}
.carousel.peoples:not(.owl-loaded) .person:nth-child(n+3) { display: none; }
@media (min-width: 1200px) {
.carousel.peoples:not(.owl-loaded) .person {
flex: 0 0 20%;
}
.carousel.peoples:not(.owl-loaded) .person:nth-child(n+3) { display: block; }
.carousel.peoples:not(.owl-loaded) .person:nth-child(n+6) { display: none; }
} .carousel.peoples {
width: 100%;
max-width: 100%;
overflow: visible;
}
.carousel.peoples .owl-stage-outer {
overflow: hidden;
}
.carousel.peoples .owl-stage {
display: flex;
}
.carousel.peoples .owl-item {
float: left;
} .carousel.peoples .owl-nav {
text-align: center;
margin-top: 20px;
}
.carousel.peoples .owl-nav > div {
font-size: 18px;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 5px;
cursor: pointer;
transition: all .25s ease;
background-color: transparent;
}
.carousel.peoples .owl-nav > div:hover {
background-color: var(--highlight);
color: #FFF;
border-color: var(--highlight);
}
.carousel.peoples .owl-nav.disabled {
display: block !important;
}
.carousel.peoples .owl-nav > div.disabled {
opacity: 0.3;
cursor: not-allowed;
} .carousel.peoples .owl-dots {
text-align: center;
margin-top: 15px;
}
.carousel.peoples .owl-dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
background-color: #ccc;
border-radius: 50%;
cursor: pointer;
transition: all .25s ease;
display: none;
}
.carousel.peoples .owl-dot.active,
.carousel.peoples .owl-dot:hover {
background-color: var(--highlight);
} @media (min-width: 1024px) {
.carousel.peoples {
max-width: 100%;
}
.carousel.peoples .owl-nav {
text-align: right;
margin-top: 25px;
}
.carousel.peoples .owl-nav > div {
color: #FFFFFF;
width: 50px;
height: 50px;
border: 1px #FFFFFF solid;
opacity: .5;
}
.carousel.peoples .owl-nav > div:hover {
opacity: 1;
background-color: var(--highlight);
color: #FFFFFF;
border-color: var(--highlight);
}
.carousel.peoples .owl-prev {
margin-right: 10px;
}
}