/* 

Footer
------------------------------------------------------------ */

	.footer {
		border-top: 1px solid var(--alabaster);
		width: calc(100vw - 64px);
		margin: 0 32px 0 32px;
	}
		
		@media screen and (min-width: 768px) {
			.footer {
				width: calc(100vw - 128px);
				margin: 0 64px 0 64px;
			}
		}
		
		@media screen and (min-width: 1024px) {
			.footer {
				width: calc(100% - 320px - 128px);
				margin-left: calc(320px + 64px);
			}
		}
		
		@media (prefers-color-scheme: dark) {
			.footer {
				border-top: 1px solid var(--charade);
			}
		}

	.footer_content {
		padding: 32px 0 32px 0;
		overflow: auto;
	}
		
		@media screen and (min-width: 768px) {
			.footer_content {
				padding: 64px 0 calc(64px - 24px) 0;
			}
		}



/* 

Footer: Social Media & Contact
------------------------------------------------------------ */

	.footer_contact {
		width: 100%;
		display: inline;
		float: left;
		display: block;
		margin-bottom: 24px;
	}
		@media screen and (min-width: 768px) {
			.footer_contact {
				display: inline;
				float: left;
				text-align: left;
				width: 75%;
			}
		}
	
	@media screen and (max-width: 375px) {
			.email {
				font-size: 1.375em;
			}
		}
	
	.email:hover .kermit {
		display: inline;
	}
	
	.kermit {
		background-image: url('../images/kermit.png');
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
		float: left;
		position: relative;
		top: 4;
		margin-left: 8px;
		display: none;
	}

	.ftr-scl {
		display: inline;
		float: left;
		text-align: left;
		width: 100%;
	}
		@media screen and (min-width: 768px) {
			.ftr-scl {
				display: inline;
				float: right;
				text-align: right;
				width: 25%;
			}
		}
	
	.ftr-scl a:link, .social a:visited {
		text-decoration: none;
	}
	
	.ftr-scl a:hover {
		text-decoration: none;
	}
	
	.twitter {
		display: inline-block;
		text-align: right;
		content: ' ';
		-webkit-mask-image: url('../images/twitter.svg');
		mask-image: url('../images/twitter.svg');
		background-size: 24px 24px;
		background-color: var(--baltic-sea);
		height: 24px;
		width: 24px;
		font-size: 24px;
		height: 24px;
		line-height: 24px;
	}
	
		@media (prefers-color-scheme: dark) {
			.twitter {
				background-color: var(--white);
			}
		}
		
	.instagram {
		display: inline-block;
		text-align: right;
		content: ' ';
		-webkit-mask-image: url('../images/instagram.svg');
		mask-image: url('../images/instagram.svg');
		background-size: 24px 24px;
		background-color: var(--baltic-sea);
		height: 24px;
		width: 24px;
		font-size: 24px;
		height: 24px;
		line-height: 24px;
		margin-left: 24px;
	}
	
		@media (prefers-color-scheme: dark) {
			.instagram {
				background-color: var(--white);
			}
		}
		
	.youtube {
		display: inline-block;
		text-align: right;
		content: ' ';
		-webkit-mask-image: url('../images/youtube.svg');
		mask-image: url('../images/youtube.svg');
		background-size: 24px 34px;
		background-color: var(--baltic-sea);
		height: 24px;
		width: 34px;
		font-size: 24px;
		height: 24px;
		line-height: 24px;
		margin-left: 24px;
	}
	
		@media (prefers-color-scheme: dark) {
			.youtube {
				background-color: var(--white);
			}
		}



/* 

Footer: Copyright
------------------------------------------------------------ */

	.copyright {
		border-top: 1px solid var(--alabaster);
		color: var(--mountain-mist);
		padding: 24px 0 24px 0;
		width: 100%;
		clear: both;
	}
		
		@media (prefers-color-scheme: dark) {
			.copyright {
				border-top: 1px solid var(--charade);
				color: var(--mountain-fog);
			}
		}