.owl-widget-single {
}
.posts-slider.owl-carousel .owl-dots .owl-dot span {
border: solid 2px #ffffff;
background: transparent;
}
.posts-slider.owl-carousel .owl-dots .owl-dot.active span,
.posts-slider.owl-carousel .owl-dots .owl-dot:hover span {
border: solid 2px #ffffff;
background: #ffffff;
}
.posts-slider {
position: relative;
}
.posts-slider__slide {
}
.posts-slider__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 10;
} .posts-slider__image {
position: relative;
overflow: hidden;
}
.posts-slider__overlay {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(50, 50, 50, 0.3);
}
.posts-slider:hover .posts-slider__overlay {
background-color: rgba(50, 50, 50, 0.5);
}
.posts-slider__overlay + img {
visibility: hidden;
} .posts-slider__title {
display: block;
margin: 15px;
max-height: 114px;
overflow: hidden;
}
@media (min-width: 1200px) {
.posts-slider__title {
margin: 15px 17%;
}
}
.posts-slider__title a {
font-size: 34px;
font-size: 3.4rem;
font-weight: 700;
line-height: 1.0589;
text-transform: uppercase;
max-width: 100%;
color: #ffffff;
}
@media (max-width: 540px) {
.posts-slider__title a {
font-size: 34px;
font-size: 1.7rem;
}
}
.posts-slider__title a:hover,
.posts-slider__title a:active,
.posts-slider__title a:focus {
color: #a4a4a4;
} .posts-slider__category {
display: block;
text-align: center;
width: 100%;
line-height: 0;
}
.posts-slider__category a {
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.1667;
padding: 6px 12px;
margin-bottom: 12px;
background-color: #fcca03;
color: #ffffff;
}
.posts-slider__category a:hover {
background-color: #ffffff;
color: #333333;
}
.posts-slider__date {
display: block;
font-size: 11px;
font-size: 1.1rem;
font-weight: 500;
line-height: 1.2728;
text-transform: uppercase;
margin-top: 12px;
color: #ffffff;
} .posts-slider.owl-carousel .owl-controls .owl-nav .owl-next {
right: 0;
}
.posts-slider.owl-carousel .owl-controls .owl-nav .owl-prev,
.posts-slider.owl-carousel .owl-controls .owl-nav .owl-next {
position: absolute;
top: 50%;
bottom: 0;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
padding: 0;
margin-top: -25px;
background: rgba(255, 255, 255, 0);
border-radius: 50%;
border: none;
color: #ffffff;
}
.posts-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.posts-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover {
background: rgba(255, 255, 255, 0.3);
border: none;
color: #ffffff;
}
.posts-slider.owl-carousel .owl-controls {
margin-top: 0;
}
.posts-slider.owl-carousel .owl-controls .owl-nav {
position: initial;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
}
.posts-slider__icon {
position: absolute;
top: 50%;
left: 0;
width: 60px;
font-size: 14px;
line-height: 14px;
margin-top: -7px;
color: #f5f5f5;
} .posts-slider__table {
display: table !important;
height: 100% !important;
width: 100% !important;
}
.posts-slider__cell {
display: table-cell !important;
vertical-align: middle !important;
} .posts-slider .posts-slider__overlay,
.posts-slider:hover .posts-slider__overlay,
.posts-slider.owl-carousel .owl-controls .owl-nav .owl-prev,
.posts-slider.owl-carousel .owl-controls .owl-nav .owl-next,
.posts-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.posts-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover,
.transition--on {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
} .transition--off {
-webkit-transition: none;
-o-transition: none;
transition: none;
} .sidebar-before-content .owl-carousel.posts-slider .item.posts-slider__slide {
max-height: 600px;
}
.widget-width__side .posts-slider.owl-carousel .owl-controls,
.widget-width__side .posts-slider.owl-carousel .owl-dots .owl-dot {
}
.widget-width__side .posts-slider.owl-carousel .owl-dots {
bottom: 0;
}
.widget-width__side .posts-slider.owl-carousel .owl-controls .owl-nav .owl-prev,
.widget-width__side .posts-slider.owl-carousel .owl-controls .owl-nav .owl-next {
top: auto;
bottom: 6px;
}
.widget-width__side .owl-carousel .owl-controls .owl-nav .owl-prev {
margin-left: 6px;
}
.widget-width__side .owl-carousel .owl-controls .owl-nav .owl-next {
margin-right: 6px;
}