.gallery {
padding: 85px 0;
}
hr.bg-cta {
border-top: 3px solid var(--cta-color); width: 85px; margin: 25px auto;
}
.galleryS {
display: none;
}
.galleryS .slick-list {
margin: 0;
}
.galleryBottom a {
text-decoration: underline 1px; text-underline-offset: 0.2em;
}
.galleryS .slick-prev,
.galleryS .slick-next {
width: 15%; height: 100%; z-index: 1;
}
.galleryS .slick-prev {
left: 0;
}
.galleryS .slick-next {
right: 0;
}
.galleryS .slick-prev::before,
.galleryS .slick-next::before {
font: normal normal normal 28px / 1 FontAwesome; width: 50px; height: 50px; display: block; background: hsla(0, 0%, 0%, .5); color: var(--cta-color); box-shadow: 1px 1px 5px rgba(0, 0, 0, .2); border-radius: 50%; padding-top: 10px; margin: 0 auto; opacity: 0.85; transition: all 250ms ease-in-out;
}
.galleryS .slick-prev:hover::before,
.galleryS .slick-prev:focus::before,
.galleryS .slick-next:hover::before,
.galleryS .slick-next:focus::before {
opacity: 1;
}
.galleryS .slick-prev::before {
content: '\f104';
}
.galleryS .slick-next::before {
content: '\f105';
}
.galleryS .slick-dots {
position: relative; bottom: -35px;
}
.galleryS .slick-dots li button::before {
font-size: 16px; color: #fff; opacity: 0.4;
}
.galleryS .slick-dots li.slick-active button::before {
color: #fff; font-size: 20px; opacity: 0.9;
}
.galleryS .slick-slide {
padding: 25px 40px;
}
.galleryS a {
position: relative;
}
.galleryS .img-background {
border: 4px solid #202020; transition: all 250ms ease-in-out;
}
.galleryS .slick-center .img-background {
transform: scale(1.08);
}
.ekko-lightbox .modal-content {
border-radius: 0;
}
.ekko-lightbox-nav-overlay span {
display: none !important;
}
@media (min-width: 768px) {
.ekko-lightbox .modal-dialog {
width: 100% !important;
}
}
@media (max-width: 767px) {
.galleryS .slick-prev,
.galleryS .slick-next {
width: 80px;
}
.galleryS .slick-slide {
padding: 20px 25px;
}
}