/* Custom.css */

/*
 * Base
 */

html {
	font-size: 13px;
}

@media ( min-width: 640px) {
	html {
		font-size: 14px;
	}
}

@media ( min-width: 960px) {
	html {
		font-size: 15px;
	}
}

@media ( min-width: 1200px) {
	html {
		font-size: 16px;
	}
}


/*
 * Navigation
 */

/* Floating & scrolling side navigation menu */

.side-nav {
	display: none;
	position: fixed;
	top: 50%;
	right: -220px;
	transform: translateY(-50%);
	transition: all .5s;
	z-index: 10;
}

.side-nav ul {
	margin: 0 20px 0 0;
	list-style: none;
}

.side-nav ul li {
	position: relative;
	margin: 3px 2px 3px 0;
	overflow: hidden;
	white-space: nowrap;
	line-height: 100%;
	cursor: pointer;
	transition: all .2s ease-in;
	text-align: right;
	pointer-events: all;
}

.side-nav ul li a {
	display: inline-flex;
	background-color: #7bcbe3;
	min-height: 22px;
	padding: 5px 32px 5px 14px;
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	line-height: 180%;
	letter-spacing: 0;
	text-transform: capitalize;
	border-radius: 20px;
	border: 2px solid #FFF;
	text-decoration: none;
	visibility: hidden;
	align-items: center;
}

.side-nav ul li a::after,
.side-nav ul li:hover a,
.side-nav ul li.uk-active a {
	visibility: visible;
}

.side-nav ul li a::after {
	content: "";
	position: absolute;
	background-color: #fff;
	right: 12px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	border: 2px solid #222;
	transform: translateY(-50%);
	pointer-events: none;
}


/*
 * Customs blocks
 */


/* Gallery */

#galerie-photos .el-item .el-content {
	color: #fff;
	text-shadow: 2px 2px 4px #6b7c93;
}

.uk-lightbox-caption .lightbox-hidden {
	display: none;
}

/* Section custom background */

.gradient-background {
	background-image: linear-gradient(45deg, #487010 0, #7bcbe3 100%);
}


/*
 * Miscellaneous
 */

/* Custom animations */

@-moz-keyframes move-down-bounce {
	0%, 100%, 20%, 50%, 80% {
		-moz-transform:translateY(0);
		transform:translateY(0)
	}
	40% {
		-moz-transform:translateY(-20px);
		transform:translateY(-20px)
	}
	60% {
		-moz-transform:translateY(-10px);
		transform:translateY(-10px)
	}
}

@-webkit-keyframes move-down-bounce {
	0%, 100%, 20%, 50%, 80% {
		-moz-transform:translateY(0);
		transform:translateY(0)
	}
	40% {
		-moz-transform:translateY(-20px);
		transform:translateY(-20px)
	}
	60% {
		-moz-transform:translateY(-10px);
		transform:translateY(-10px)
	}
}

@keyframes move-down-bounce {
	0%, 100%, 20%, 50%, 80% {
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
	40% {
		-moz-transform:translateY(-20px);
		-ms-transform:translateY(-20px);
		-webkit-transform:translateY(-20px);
		transform:translateY(-20px)
	}
	60% {
		-moz-transform:translateY(-10px);
		-ms-transform:translateY(-10px);
		-webkit-transform:translateY(-10px);
		transform:translateY(-10px)
	}
}

.move-down-bounce {
	-moz-animation: move-down-bounce 2s infinite;
	-webkit-animation: move-down-bounce 2s infinite;
	animation: move-down-bounce 2s infinite
}


/*
 * WP Plugins
 */