File: /home/thuexe247c/public_html/wp-content/plugins/sliderkits/assets/css/widgets/blog-slider.css
.sk-slick-blog,
.sk-slick-blog .sk-slick-item {
height: 650px;
overflow: hidden;
}
.sk-slick-blog .sk-slick-item .sk-slick-item__bg {
background-color: #333;
}
.sk-slick-blog .sk-slick-item .sk-heading,
.sk-slick-blog .sk-slick-item .sk-subheading{
color: #fff;
}
.sk-slick-blog .sk-slick-item .sk-content,
.sk-slick-blog .sk-slick-item .sk-content p {
color: rgba(255,255,255, .8);
}
.sk-slick-blog .slick-dots {
bottom: auto;
top: 5px;
right: 0;
text-align: left;
width: 300px;
height: 100%;
background: rgba(0,0,0,.1);
display: flex;
flex-direction: column;
justify-content: center;
}
.sk-slick-blog .slick-dots li {
display: block;
width: 100%;
height: 100px;
margin: 0;
padding: 10px;
color: #fff;
transition: all 0.3s;
}
.sk-slick-blog .slick-dots li:hover {
background: rgba(0,0,0,.2);
transition: all 0.3s;
}
.sk-slick-blog .slick-dots li.slick-active {
background: rgba(0,0,0,.4);
}
.sk-slick-blog .slick-dots li .sk-paging-thumb {
width: 80px;
height: 80px;
display: block;
overflow: hidden;
float: left;
margin-right: 20px;
}
.sk-slick-blog .slick-dots li .sk-paging-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sk-slick-blog .slick-dots li h5 {
line-height: 1.4;
margin-top: 10px;
}
.sk-slick-blog .slick-next {
right: 350px;
}
.sk-slick-blog .slick-prev {
right: 400px;
left: auto;
}
.sk-slick-blog .slick-prev,
.sk-slick-blog .slick-next {
z-index: 3;
top: auto;
bottom: 50px;
}
.sk-slick-blog .slick-prev:before,
.sk-slick-blog .slick-next:before {
font-size: 50px;
border: 1px solid rgba(255,255,255, .8);
}
.sk-slick-blog .slick-prev:before {
border-right: 0;
}
.sk-slick-blog .slick-prev:hover:before,
.sk-slick-blog .slick-next:hover:before {
background: #fff;
color: #000;
}
.sk-slick-blog .sk-slick-item.slick-current .sk-slick-item__bg {
animation: skZoomOut 3s cubic-bezier(0.4, 0, 0.2, 1) 0.2s backwards;
-webkit-animation: skZoomOut 3s cubic-bezier(0.4, 0, 0.2, 1) 0.2s backwards;
transform: scale(1);
-webkit-transform: scale(1);
}
.sk-slick-blog .sk-slick-item.slick-current .sk-heading{
animation: skFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.6s backwards;
-webkit-animation: skFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.6s backwards;
}
.sk-slick-blog .sk-slick-item.slick-current .sk-subheading{
animation: skFadeInUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) 1s backwards;
-webkit-animation: skFadeInUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) 1s backwards;
}
.sk-slick-blog .sk-slick-item.slick-current .sk-content{
animation: skFadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.3s backwards;
-webkit-animation: skFadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.3s backwards;
}
.sk-slick-blog .sk-slick-item.slick-current .sk-button {
animation: skFadeInUp 1s linear 1.5s backwards;
-webkit-animation: skFadeInUp 1s linear 1.5s backwards;
}
.sk-gallery-top.slick-slider {
margin-bottom: 10px;
}
.sk-slick-blog-thumbs .sk-slick-item {
height: 100px;
overflow: hidden;
margin: 0 5px;
}
.sk-slick-blog-thumbs .sk-slick-item img {
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
}
@media(max-width: 767px) {
.sk-slick-blog .slick-next {
right: 50px;
bottom: 40px;
top: auto;
}
.sk-slick-blog .slick-prev {
right: 100px;
top: auto;
bottom: 40px;
left: auto;
}
.sk-slick-blog .slick-dots {
bottom: 30px;
text-align: left;
padding-left: 30px;
}
}