/**
 * @# Dots
 **/

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

.wolf-core-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 0.2s ease;
	box-shadow: none;

	&.is-selected {
		//background-color: transparent!important;
	}
}

/* Image gallery carrousel */
.wolf-core-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;
			}
		}
	}
}

.wolf-core-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 */
.wolf-core-font-light {
	.wolf-core-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;
				}
			}
		}
	}
}

.wolf-core-font-dark {
	.wolf-core-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 */
.wolf-core-one-page-nav-bullet {
	transition: all 0.2s ease;
	background: #fff;
	box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2);

	&:hover,
	&.wolf-core-bullet-active {
		transform: scale(1.3);
		//box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
	}
}