/****************************************/
/* FOOTER 
/****************************************/

#page-footer { 
	position: absolute;
	z-index: 6;
	bottom: 0;
	left: 0;
	direction: rtl; 
}
.footer-container {
	padding-inline: var(--gutter); 
}

@media (min-width : 1200px) {
	#page-footer {
		right: 0;
		left: auto;
	}
}



/* Footer Nav */
#footer-nav {
	font-size: round(0.777778em,1px);
	border-top: 1px solid;
	padding-top: 1em;
}
#footer-nav li {
	background-color: #fff;
	padding: 0.25em;
}
#footer-nav li a {
	color: var(--primary-color);
	text-align: center; 
}
#footer-nav li a:hover {
	color: var(--hover-color);
}


@media (min-width : 1200px) {
	#footer-nav {
		display: flex;
		gap: 1em;
	}

	#footer-nav li.inviewer {
		opacity: 0;
		-webkit-transform: translateX(-1em);
				transform: translateX(-1em);
		-webkit-transition: all 0.6s ease 2s;
				transition: all 0.6s ease 2s;
	}
	#footer-nav li.isinview {
		opacity: 1;
		-webkit-transform: none;
				transform: none;
	}
}
/***/



/* Footer buttons */
#footer-btns { 
	display: flex;
	flex-direction: column-reverse;
	gap: 1em;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 99;
	left: 0;
	bottom: 0;
	padding: 1em;
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.75));
}
#footer-btns a { 
} 
#footer-btns a:hover {
	color: var(--white-color);
	animation-name: footerbtnhover;
    -webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
			animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
}
@keyframes footerbtnhover {
	50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}
#footer-btns a svg {
	height: 24px;
	fill: currentColor;
}

@media (min-width : 1200px) {
	#footer-btns {
		flex-direction: row;
		gap: 2em;
		padding-inline: var(--gutter); 
	}
	#footer-btns a svg {
		height: 32px;
	}
}
/***/



/* Footer up btn */
#go-to-top-btn {
	position: fixed;
	z-index: 9;
	right: 1em;
	bottom: 1em;

	width: 1.5em;
	aspect-ratio: 1;
	
	border: 1px solid var(--link-color);
	border-radius: 50%;
	
	font-size: 32px;
	background: #eee url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoVJREFUeNrsmV1LVEEYx1UoivoE0Z03dpMXYXQdfoFMoxQlzAQTemPTVSSt9W0VySitqIhEK928ChKCugiiC+/9AH4JEYLtNzALw2HOisKuzjn/Bx6ec2ae5zD/nzNz5qy1xWKxJs1WV5NyEwABEAABEAABEAABEAABEAABEAABEAABEAABqKI9XVqZx9+nEgDCM4R7eDfXk6kCgOBBwqzTNETbxGGMpbbaP4sjdICQj+nOP+7qyCZ2BiA+W0a8sUFyphIJAGFDhKi4onXXsuTmEwUAQcME30Z3B+/0tA9QM5MIAAgZIfg2uAnW+2t8heuMp/8RtbNBA7Dic74uhI+Ubriei4GQ4RlzQQJg4KNlxI/anGP4cQfCA0/+w0pCqKuA8Hp7uhvzdI+VxFtbxTecmTBvBMdAWMfPhzAD6vGLMeKfOKBeEK7gl7leciA8I9z31Dfh54I5CCHqL+FSSRfCck7fgn0DuLZMTqeTc5fw3N5u4Y30/wvqJIiIbcI3Bt7vtL0k9MeUfCK3w8nNWVBnad8J8TXY4G5sCHpVRryxdnKW3WWDn6mU+Kp+CyBskdAXad61J8ETkfYviL6RpJPgG494Yy14s6f9OjWfk3ISNOJ7PV29/JW/43+M4BgIq0F/DiPgLaHH03Ub4e8iuW2ENU9ugdxrIZ4E48T3RMXb93+B0OrJb+NZa8HMAAZ7gTAds7a7Efphj3oDoeDp2jSfytT/Ouoz4CR+2tN+ay/xdiZ8tZtj1E7ZZwdzEjRCrtrbmwj7uM96A2Hd3v6kvjnETfA34QeDHz9gfZ9dNk3BH4SOquk/QwIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAKQMvsvwAClJvg9JQSMxwAAAABJRU5ErkJggg==") 50% 50% no-repeat;
	background-size: contain;
	/*mix-blend-mode: difference;*/
	opacity: 0;
	-webkit-transform: scale(0);
			transform: scale(0);
	-webkit-transition: -webkit-transform 0.5s ease 0s, opacity 0.4s ease;
			transition: 		transform 0.5s ease 0s, opacity 0.4s ease;
}
#go-to-top-btn.on {
	opacity: 0.8;
	-webkit-transform: none;
			transform: none;
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s, opacity 0.4s ease;
			transition: 		transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s, opacity 0.4s ease;
}
#go-to-top-btn.on:hover {
	opacity: 1;
	color: var(--link-color);
}
#go-to-top-btn svg {
	width: 1em;
	height: auto;
}
/***/





/********************************************************************************/