document.addEventListener("DOMContentLoaded", function(event) {
jQuery( '#slider-pro-3-3613' ).sliderPro({
//width
width: 250,
//height
height: 200,
//auto play
autoplay: true,
autoplayOnHover: 'none',
autoplayDelay: 5000,
arrows: false,
buttons: false,
smallSize: 500,
mediumSize: 1000,
largeSize: 3000,
fade: true,
//thumbnail
thumbnailArrows: true,
thumbnailWidth: 120,
thumbnailHeight: 120,
centerImage: true,
imageScaleMode: 'contain',
allowScaleUp: true,
shuffle: true,
startSlide: 0,
loop: true,
slideDistance: 5,
autoplayDirection: 'normal',
touchSwipe: true,
fullScreen: true,
});
});
/* Layout 3 */
/* border */
#slider-pro-3-3613 .sp-selected-thumbnail {
border: 4px solid #000000;
}
/* font + color */
.title-in {
font-family: Arial !important;
color: #FFFFFF !important;
background-color: #000000 !important;
opacity: 0.7 !important;
}
.desc-in {
font-family: Arial !important;
color: #FFFFFF !important;
background-color: #00000 !important;
opacity: 0.7 !important;
}
/* bullets color */
.sp-button {
border: 2px solid #000000 !important;
}
.sp-selected-button {
background-color: #000000 !important;
}
/* pointer color - bottom */
/* pointer color - top */
/* full screen icon */
.sp-full-screen-button::before {
color: #FFFFFF !important;
}
/* hover navigation icon color */
.sp-next-arrow::after, .sp-next-arrow::before {
background-color: #FFFFFF !important;
}
.sp-previous-arrow::after, .sp-previous-arrow::before {
background-color: #FFFFFF !important;
}
#slider-pro-3-3613 .title-in {
color: #FFFFFF !important;
font-weight: bolder;
text-align: center;
}
#slider-pro-3-3613 .title-in-bg {
background: rgba(255, 255, 255, 0.7); !important;
white-space: unset !important;
transform: initial !important;
-webkit-transform: initial !important;
font-size: 14px !important;
}
#slider-pro-3-3613 .desc-in {
color: #FFFFFF !important;
text-align: center;
}
#slider-pro-3-3613 .desc-in-bg {
background: rgba(#00000, 0.7) !important;
white-space: unset !important;
transform: initial !important;
-webkit-transform: initial !important;
font-size: 13px !important;
}
@media (max-width: 640px) {
#slider-pro-3-3613 .hide-small-screen {
display: none;
}
}
@media (max-width: 860px) {
#slider-pro-3-3613 .sp-layer {
font-size: 18px;
}
#slider-pro-3-3613 .hide-medium-screen {
display: none;
}
}
.slides-not-found {
background-color: #a92929;
border-radius: 5px;
color: #fff;
font-family: initial;
text-align: center;
padding:12px;
}
/* Custom CSS */
