.entry .entry-content h3 + .s4-carousel_image-2,
.entry .entry-content p + .s4-carousel_image-2,
.entry .entry-content ul + .s4-carousel_image-2,
.entry .entry-content ol + .s4-carousel_image-2 {
margin-top: 20px;
}
.s4-carousel_image-2 {
position: relative;
overflow: hidden;
}
.s4-carousel_image-2 .horizontalScroll .carousel-item {
height: 400px;
min-width: 400px;
position: relative;
}
.s4-carousel_image-2 .horizontalScroll .carousel-item .img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px;
}
.s4-carousel_image-2 .horizontalScroll .carousel-item .caption {
position: absolute;
left: 0;
bottom: 0;
background: #fff;
color: #102d8e;
font-size: 1rem;
border-radius: 0 5px 0 5px;
padding: 8px 15px;
width: auto;
}
.s4-carousel_image-2 .horizontalScroll .carousel-item:not(:last-child) {
margin-right: 15px;
}
.s4-carousel_image-2 .horizontalScroll {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
overflow: auto;
scroll-behavior: smooth;
padding-bottom: 20px;
position: relative;
width: 80%;
width: calc(100% - 70px * 2);
margin: auto;
}
.s4-carousel_image-2 .horizontalScroll::-webkit-scrollbar-track {
background: #f7f7f7;
height: 10px;
border-radius: 10px;
}
.s4-carousel_image-2 .horizontalScroll::-webkit-scrollbar-thumb {
background: #102d8e;
cursor: pointer;
transition: all 0.3s ease-in-out;
border-radius: 10px;
}
.s4-carousel_image-2 .horizontalScroll::-webkit-scrollbar-thumb:hover {
background: #102d8e;
}
.s4-carousel_image-2 .horizontalScroll::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.s4-carousel_image-2 .horizontalScroll ~ .arrow {
position: absolute;
cursor: pointer;
top: 50%;
top: calc(50% - 20px);
z-index: 25;
height: 37px;
width: 37px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.3s;
background-color: rgba(124, 199, 223, 0.2);
border-radius: 100%;
}
.s4-carousel_image-2 .horizontalScroll ~ .arrow:not(.showIt) {
opacity: 0.4;
}
.s4-carousel_image-2 .horizontalScroll ~ .arrow::before {
content: " ";
display: block;
width: 20px;
height: 20px;
background: url(//www.cornimont.fr/wp-content/themes/section4-cornimont/images/icon/arrow-deroulant-bleu.svg) no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.s4-carousel_image-2 .horizontalScroll ~ .arrow.left { right: 0;
left: unset;
top: calc(50% - 30px);
}
.s4-carousel_image-2 .horizontalScroll ~ .arrow.left::before {
-webkit-transform: rotate(-180deg) translate(50%, 50%);
-moz-transform: rotate(-180deg) translate(50%, 50%);
-ms-transform: rotate(-180deg) translate(50%, 50%);
transform: rotate(-180deg) translate(50%, 50%);
}
.s4-carousel_image-2 .horizontalScroll ~ .arrow.right { left: unset;
right: 0;
top: calc(50% + 20px);
} @media (max-width: 1549px) {
.s4-carousel_image-2 .horizontalScroll .carousel-item {
height: 300px;
}
}
@media (max-width: 1199px) {
.s4-carousel_image-2 .horizontalScroll .carousel-item {
height: 250px;
}
}
@media (max-width: 991px) {
.s4-carousel_image-2 .horizontalScroll {
width: 100%;
width: calc(100% - 40px * 2);
}
.s4-carousel_image-2 .horizontalScroll ~ .arrow {
width: 27px;
height: 27px;
}
.s4-carousel_image-2 .horizontalScroll ~ .arrow::before {
width: 17px;
height: 17px;
}
}
@media (max-width: 767px) {
.s4-carousel_image-2 .horizontalScroll::-webkit-scrollbar-track {
height: 6px;
border-radius: 6px;
}
.s4-carousel_image-2 .horizontalScroll::-webkit-scrollbar-thumb {
border-radius: 6px;
}
.s4-carousel_image-2 .horizontalScroll::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.s4-carousel_image-2 .horizontalScroll ~ .arrow {
display: none;
}
.s4-carousel_image-2 .horizontalScroll {
width: 100%;
}
.s4-carousel_image-2 .horizontalScroll .carousel-item {
height: 150px;
}
}.block-map-perso{border-radius: 10px; overflow: hidden;<} .customMarker{background: url(//www.cornimont.fr/wp-content/themes/section4-cornimont/images/icon-marker.svg) no-repeat center center; background-size: contain; width: 45px; height: 45px; z-index: 200!important;}
.customMarker.noIcon{background: url(//www.cornimont.fr/wp-content/themes/section4-cornimont/images/icon-marker-empty.svg) no-repeat center center; background-size: contain;}
.customMarker img{width: 16px;position: absolute; left: 50%; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); top:50%; transform: translate(-50%, -30%); margin-top: -10px}
.leaflet-popup {margin-left: 2px;}
.block-map-perso .leaflet-map-pane .leaflet-popup {left: unset!important; right: 0;}
.block-map-perso .leaflet-popup-content{padding: 0; margin: 0}
.block-map-perso .leaflet-popup-content .img{width: 100%; position: relative; height: 100px}
.block-map-perso .leaflet-popup-content .name{font-weight: 500; background-color: #61BBBC; color: #FFF; font-size: 1.1rem; padding: 10px 15px; padding-right: 30px; position: relative;}
.block-map-perso .leaflet-popup-content .outerContent{padding: 20px 30px; min-width: 250px;}
.block-map-perso .leaflet-popup-content .content{overflow: auto; max-height: 200px; padding-right: 10px;}
.block-map-perso .leaflet-popup-content .content p {font-size: 0.9rem;}
.block-map-perso .leaflet-popup-content .content p + p {margin-top: 10px;}
.block-map-perso .leaflet-popup-content .content::-webkit-scrollbar-track {background:rgba(255, 255, 255, 0.3); height: 2px; border-radius: 2px;}
.block-map-perso .leaflet-popup-content .content::-webkit-scrollbar-thumb {background: #FFF;cursor:pointer;transition:all 0.3s ease-in-out; border-radius: 2px;}
.block-map-perso .leaflet-popup-content .content::-webkit-scrollbar-thumb:hover {background: #FFF;} 
.block-map-perso .leaflet-popup-content .content::-webkit-scrollbar {width: 2px; height: 2px; }
.block-map-perso .leaflet-popup-content .content a{color: #00788C}
.leaflet-popup-content-wrapper, .leaflet-popup-tip{overflow: hidden; padding: 0; } .leaflet-container a.leaflet-popup-close-button{color: #FFF; right: 3px}
.leaflet-popup-tip-container {display: none;}
.mapPerso {position: relative; z-index: 4}
.block-map-perso .fullBackground {height: 100px;}
.block-map-perso .leaflet-popup-content-wrapper {border-radius: 10px; background-color: #1F5296; color: #FFF;}
.block-map-perso .leaflet-popup-pane, .block-map-perso .leaflet-marker-pane {z-index: unset;}
.block-map-perso .leaflet-map-pane .leaflet-popup {z-index: 300;}
.block-map-perso .customMarker.openMarker{z-index: 350!important;}
@media (max-width: 991px) {
.block-map-perso .mapPerso>.map {height: 350px!important;}
}