.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img,
.slick-initialized .slick-slide {
display: block;
}
.slick-slide.slick-loading img,
.slick-arrow.slick-hidden {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-prev:before, .slick-next:before {
content: '';
}
.center-carousel,
.hm-slider {
visibility: hidden !important;
}
.center-carousel.slick-initialized,
.hm-slider.slick-initialized {
visibility: visible !important;
}
.center-carousel {
position: relative;
}
.center-carousel .slick-slide {
position: relative;
padding: 0 5px;
background: transparent;
}
.center-carousel .slick-slide .entry-content-wrap {
opacity: 0;
position: absolute;
text-align: center;
background-color: rgba(255, 255, 255, 0.93);
padding: 1.1em 1.1em 2.1em 1.1em;
transition: transform 0.75s ease, opacity 0.75s ease;
width: 82%;
bottom: 6%;
left: 50%;
transform: translate(-50%, 100%);
}
.center-carousel .slick-current .entry-content-wrap {
opacity: 1;
transform: translate(-50%, 0%);
}
.center-carousel .entry-title, .center-carousel .entry-header {
margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
.center-carousel .slick-slide {
padding: 0;
}
.center-carousel .slick-slide .entry-content-wrap {
transform: translate(-50%, 0%);
opacity: 0;
}
.center-carousel .slick-current .entry-content-wrap {
opacity: 1;
}
.center-carousel .slick-slider,
.center-carousel .slick-slider .slick-slide {
transition: opacity 0.6s ease-in-out;
}
.center-carousel .slick-slider .slick-current {
opacity: 1 !important;
}
.center-carousel .slick-slider .slick-slide:not(.slick-current) {
opacity: 0;
}
.center-carousel .slick-prev {
left: 0 !important;
}
.center-carousel .slick-next {
right: 0 !important;
}
.center-carousel .slick-slide .entry-content-wrap {
width: 78%;
}
}
.hm-slider .slick-slide {
margin: 0 15px;
}
.hm-slider .slick-list {
margin: 0 -15px;
}
.hm-slider .slick-prev,
.hm-slider .slick-next,
.center-carousel .slick-prev,
.center-carousel .slick-next {
height: 2em;
width: 2em;
text-indent: -9999px;
background-size: 45%;
background-repeat: no-repeat;
background-position: center !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
padding: 10px;
font-size: 10px !important;
border: 0 !important;
background-color: #fff;
box-sizing: content-box;
opacity: 0.85;
}
.hm-slider .slick-prev,
.center-carousel .slick-prev {
left: 15px;
background-image: url(//conveybeauty.com/wp-content/themes/oleander/lib/images/prev-arrow.svg);
border: none;
}
.hm-slider .slick-next,
.center-carousel .slick-next {
right: 15px;
background-image: url(//conveybeauty.com/wp-content/themes/oleander/lib/images/next-arrow.svg);
background-position: right;
border: none;
}
.hm-slider .slick-prev,
.hm-slider .slick-next {
top: 42%;
}
.hm-slider .slick-prev:hover,
.hm-slider .slick-next:hover,
.center-carousel .slick-prev:hover,
.center-carousel .slick-next:hover{
opacity: 1;
}
.hm-slider.slick-initialized {
display: block !important;
}
@media screen and (max-width: 1325px) {
.hm-slider .slick-prev {
left: 15px;
}
.hm-slider .slick-next {
right: 15px;
}
} @media screen and (max-width: 1024px) {
.hm-slider .slick-prev {
left: 0;
}
.hm-slider .slick-next {
right: -1px;
}
} .hm-slider-4 .slick-slide {
width: calc(25% - 30px);
margin: 0 15px;
}
.hm-slider-4 .slick-list {
margin: 0 -15px;
} @media screen and (max-width: 1024px) {
.hm-slider-4 .slick-slide {
width: calc(33.3333% - 30px);
}
.hm-slider .slick-slide {
margin: 0 5px;
}
} @media screen and (max-width: 768px) {
.hm-slider-4 .slick-slide {
width: calc(50% - 30px);
}
.hm-slider .slick-prev,
.hm-slider .slick-next {
top: 38%;
}
}
@media screen and (max-width: 480px) {
.hm-slider-4 .slick-slide {
width: 100%;
}
}