Current File : /home/kelaby89/muzza.fit/wp-content/plugins/wolf-visual-composer/scss/dependencies/_dots.scss

/* 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);
	}
}