/* Flexslider */ .flex-control-nav li{ margin-left: 8px!important; margin-right: 8px!important; } .flex-control-paging li a{ background: #fff!important; box-shadow: none; transition : all .2s ease; &:hover{ box-shadow: 0 0 0 1px white; } &.flex-active{ //background: none!important; box-shadow:0 0 0 1px #fff; &:hover{ box-shadow: inset 0 0 0 11px white; } } } .wvc-slider-nav-font-tone-dark{ .flex-control-paging li a{ background: #333!important; &:hover{ box-shadow: 0 0 0 1px #333; } &.flex-active{ //background: none!important; box-shadow:0 0 0 1px #333; &:hover{ box-shadow: inset 0 0 0 11px #333; } } } } /* Flickity */ .flickity-page-dots{ bottom: -35px; } .flickity-page-dots .dot{ opacity: 1; width: 8px; height: 8px; transition : all .2s ease; box-shadow: none; &.is-selected{ //background-color: transparent!important; } } /* Image gallery carrousel */ .wvc-carousel-nav-dots-tone-dark{ .flickity-page-dots .dot{ background: #333; &:hover{ box-shadow: 0 0 0 1px #333; } &.is-selected{ box-shadow:0 0 0 1px #333; &:hover{ box-shadow: inset 0 0 0 11px #333; } } } } .wvc-carousel-nav-dots-tone-light{ .flickity-page-dots .dot{ background: #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); &:hover{ box-shadow: 0 0 0 1px #fff; } &.is-selected{ box-shadow:0 0 0 1px #fff; &:hover{ box-shadow: inset 0 0 0 11px #fff; } } } } /* Testimonail carrousel */ .wvc-font-light{ .wvc-testimonials-container{ .flickity-page-dots .dot{ background: #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); &:hover{ box-shadow: 0 0 0 1px #fff; } &.is-selected{ box-shadow:0 0 0 1px #fff; &:hover{ box-shadow: inset 0 0 0 11px #fff; } } } } } .wvc-font-dark{ .wvc-testimonials-container{ .flickity-page-dots .dot{ background: #333; &:hover{ box-shadow: 0 0 0 1px #333; } &.is-selected{ box-shadow:0 0 0 1px #333; &:hover{ box-shadow: inset 0 0 0 11px #333; } } } } } /* One Page Scroll */ .wvc-one-page-nav-bullet{ transition : all .2s ease; background: #fff; box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.2); &:hover, &.wvc-bullet-active{ transform:scale(1.3); //box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75); } }