@media only screen and (max-width: 639px) {
body .so-widget-wh2-card-slider-widget {
padding:0 15px
}
}
body .so-widget-wh2-card-slider-widget .uk-slider-container-offset {
position: relative;
margin: 0;
padding: 0;
overflow: inherit
}
body .so-widget-wh2-card-slider-widget .uk-slider-container-offset>.uk-position-relative {
margin: -25px -15px;
padding: 25px;
overflow: hidden
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-card-slider-widget .uk-slider-container-offset>.uk-position-relative {
margin:-20px -15px;
padding: 20px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-card-slider-widget .uk-slider-container-offset>.uk-position-relative {
margin:-15px -15px;
padding: 15px
}
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-card-slider-widget .uk-grid-medium {
margin-left:-25px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-card-slider-widget .uk-grid-medium {
margin-left:-20px
}
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-card-slider-widget .uk-grid-medium>* {
padding-left:25px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-card-slider-widget .uk-grid-medium>* {
padding-left:20px
}
}
body .so-widget-wh2-card-slider-widget .uk-card {
overflow: hidden;
color: #1d1d20;
background-color: #FFFFFF;
border-radius: 0;
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1),0px 1px 2px 0px rgba(0,0,0,0.2);
transform: scale(1);
transition: transform .25s ease-in-out
}
body .so-widget-wh2-card-slider-widget .uk-card:hover {
transform: scale(1.05)
}
body .so-widget-wh2-card-slider-widget .uk-card .uk-card-media-top img {
width: 100%
}
body .so-widget-wh2-card-slider-widget .uk-card .uk-card-body {
padding: 20px
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-card-slider-widget .uk-card .uk-card-body {
padding:15px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-card-slider-widget .uk-card .uk-card-body {
padding:10px
}
}
body .so-widget-wh2-card-slider-widget .uk-card .uk-card-body .card-title {
margin: 0
}
body .so-widget-wh2-card-slider-widget a.slide-nav {
top: 50%
}
body .so-widget-wh2-card-slider-widget a.slide-nav.uk-position-center-left {
left: -35px
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-card-slider-widget a.slide-nav.uk-position-center-left {
left:-25px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-card-slider-widget a.slide-nav.uk-position-center-left {
left:-22px
}
}
body .so-widget-wh2-card-slider-widget a.slide-nav.uk-position-center-right {
right: -35px
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-card-slider-widget a.slide-nav.uk-position-center-right {
right:-25px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-card-slider-widget a.slide-nav.uk-position-center-right {
right:-22px
}
}
body .so-widget-wh2-card-slider-widget a.slide-nav svg {
width: 22px
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-card-slider-widget a.slide-nav svg {
width:18px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-card-slider-widget a.slide-nav svg {
width:14px
}
}
body .so-widget-wh2-card-slider-widget a.slide-nav svg path {
fill: #554596;
stroke: #554596;
transition: fill .25s ease-in-out,stroke .25s ease-in-out
}
body .so-widget-wh2-card-slider-widget a.slide-nav:hover svg path {
fill: #b8b0d8;
stroke: #b8b0d8
}
body .so-widget-wh2-card-slider-widget ul.uk-dotnav {
padding-left: 0;
margin: 20px 0 0 0
}
body .so-widget-wh2-card-slider-widget ul.uk-dotnav li {
padding: 5px
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-card-slider-widget ul.uk-dotnav li {
padding:3px
}
}
body .so-widget-wh2-card-slider-widget ul.uk-dotnav li::before {
content: none
}
body .so-widget-wh2-card-slider-widget ul.uk-dotnav li a {
width: 18px;
height: 18px;
border: 0;
background-color: #b8b0d8;
transition: .25s ease-in-out
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-card-slider-widget ul.uk-dotnav li a {
width:16px;
height: 16px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-card-slider-widget ul.uk-dotnav li a {
width:12px;
height: 12px
}
}
body .so-widget-wh2-card-slider-widget ul.uk-dotnav li a:hover {
background-color: #554596
}
body .so-widget-wh2-card-slider-widget ul.uk-dotnav li.uk-active a {
background-color: #554596
}
body .slider-text-style .so-widget-wh2-card-slider-widget .uk-card {
background-color: transparent;
box-shadow: none
}
body .slider-text-style .so-widget-wh2-card-slider-widget .uk-card:hover {
transform: scale(1.05);
box-shadow: none
}