body .panel-stretched-bg .so-widget-wh2-video-card-slider-widget a.slide-nav svg path {
fill: #fff
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-video-card-slider-widget {
padding:0 15px
}
}
body .so-widget-wh2-video-card-slider-widget .uk-slider-container-offset {
position: relative;
margin: 0;
padding: 0;
overflow: inherit
}
body .so-widget-wh2-video-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-video-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-video-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-video-card-slider-widget .uk-grid-medium {
margin-left:-25px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-video-card-slider-widget .uk-grid-medium {
margin-left:-20px
}
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-video-card-slider-widget .uk-grid-medium>* {
padding-left:25px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-video-card-slider-widget .uk-grid-medium>* {
padding-left:20px
}
}
body .so-widget-wh2-video-card-slider-widget .uk-slider-items > * {
display: flex
}
body .so-widget-wh2-video-card-slider-widget .uk-card {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
overflow: hidden;
background-color: transparent;
transform: scale(1);
transition: transform .25s ease-in-out;
box-shadow: none
}
body .so-widget-wh2-video-card-slider-widget .uk-card.uk-card-hover:hover {
background-color: transparent;
transform: scale(1.05);
box-shadow: none
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-video-card-slider-widget .uk-card.uk-card-hover:hover {
transform: scale(1);
}
}
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-media-top {
flex-shrink: 0
}
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-media-top img,
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-media-top video {
width: 100%
}
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-media-top.has-hover-video .card-media-video {
z-index: 1;
opacity: 0;
transition: opacity .25s ease-in-out
}
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-media-top.has-hover-video .card-media-image {
z-index: 2;
opacity: 1;
transition: opacity .25s ease-in-out
}
body .so-widget-wh2-video-card-slider-widget .uk-card:hover .uk-card-media-top.has-hover-video .card-media-video {
opacity: 1
}
body .so-widget-wh2-video-card-slider-widget .uk-card:hover .uk-card-media-top.has-hover-video .card-media-image {
opacity: 0
}
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
color: #fff;
padding:30px;
background-color: #120606
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-body {
padding:20px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-body {
padding:20px 15px
}
}
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-body .card-title {
color: #fff;
margin: 0
}
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-body hr {
width: 100%;
margin: 10px 0 0 0;
border-top: 2px solid #b1b1b1
}
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-body p {
margin-bottom: 20px
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-body p {
margin-bottom: 15px
}
}
body .so-widget-wh2-video-card-slider-widget .uk-card .uk-card-body .uk-button {
margin-top: auto;
align-self: flex-start
}
body .so-widget-wh2-video-card-slider-widget a.slide-nav {
padding: 5px;
top: 50%
}
body .so-widget-wh2-video-card-slider-widget a.slide-nav::before {
content: none
}
body .so-widget-wh2-video-card-slider-widget a.slide-nav.uk-position-center-left {
left: -34px
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-video-card-slider-widget a.slide-nav.uk-position-center-left {
left:-28px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-video-card-slider-widget a.slide-nav.uk-position-center-left {
left:-30px
}
}
body .so-widget-wh2-video-card-slider-widget a.slide-nav.uk-position-center-right {
right: -34px
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-video-card-slider-widget a.slide-nav.uk-position-center-right {
right:-28px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-video-card-slider-widget a.slide-nav.uk-position-center-right {
right:-30px
}
}
body .so-widget-wh2-video-card-slider-widget a.slide-nav svg {
width: 20px
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-video-card-slider-widget a.slide-nav svg {
width:18px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-video-card-slider-widget a.slide-nav svg {
width:16px
}
}
body .so-widget-wh2-video-card-slider-widget a.slide-nav svg path {
fill: #120606;
transition: fill .25s ease-in-out
}
body .so-widget-wh2-video-card-slider-widget a.slide-nav:hover svg path {
fill: #bc0d0d
}
body .so-widget-wh2-video-card-slider-widget ul.uk-dotnav {
padding-left: 0;
margin: 25px 0 0 0
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-video-card-slider-widget ul.uk-dotnav {
margin: 10px 0 0 0
}
}
body .so-widget-wh2-video-card-slider-widget ul.uk-dotnav li {
padding: 0 5px
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-video-card-slider-widget ul.uk-dotnav li {
padding:3px
}
}
body .so-widget-wh2-video-card-slider-widget ul.uk-dotnav li::before {
content: none
}
body .so-widget-wh2-video-card-slider-widget ul.uk-dotnav li a {
width: 18px;
height: 18px;
border: 0;
border-radius: 0;
background-color: #8a8a89;
transition: background-color .25s ease-in-out
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-video-card-slider-widget ul.uk-dotnav li a {
width:15px;
height: 15px
}
}
body .so-widget-wh2-video-card-slider-widget ul.uk-dotnav li a:hover {
background-color: #bc0d0d
}
body .so-widget-wh2-video-card-slider-widget ul.uk-dotnav li.uk-active a {
background-color: #bc0d0d
}