/* ======
   FOOTER 
   ====== */

#footer {
	text-align: center; }


.footer__socials {
	margin-bottom: var(--spacing__y__half); }	
	
	
/* Sign off */   	
.footer__signoff {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
   justify-content: center; }
	
.footer__signoff .section {
	position: relative;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%; }
	
.footer__signoff .section ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1em; }
		
.footer__signoff .section ul li {
	position: relative;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%; }	
	
  
/* Sign off - Links */   
.footer__signoff p,
.footer__signoff a {
	opacity: .5;
   transition: opacity .3s; }   
   
.footer__signoff a:hover {
	opacity: 1; }   

/* Sign off - Decoration */  
.footer__signoff .section,
.footer__signoff .section ul li {
	padding-right: 1em; }	
	
.footer__signoff .section:after,
.footer__signoff .section ul li:after {
	content: '';
	position: absolute;
	display: block;
	top: 15%;
	right: 0;
	width: 1px;
	height: 70%;
	z-index: 1;
	background: var(--color__white);
   opacity: .5; }

.footer__signoff .section:last-of-type,
.footer__signoff .section ul li:last-of-type {	
	padding-right: 0; }
			
.footer__signoff .section:last-of-type:after,
.footer__signoff .section ul li:last-of-type:after {	
	content: none; }
	
 
@media (max-width: 800px) {
	
	.footer__signoff .section {
		width: 100%;
	   	padding-right: 0; }
	
	.footer__signoff .section ul {
		justify-content: center; }
		
	.footer__signoff .section:after,
	.footer__signoff .section ul li:after  {
		content: none; }	
}