@charset "UTF-8";
/* Footer Style Sheet */
.footer {
	width: 100%;
	height: 170px;
	background-color: #464646;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: relative;
	z-index: 97;
	font-family: 'Palanquin', 'Trebuchet MS', sans-serif;
    font-size: 12pt;
    line-height: 18pt;
	text-decoration: none;
	color: #fff;
	display:grid;
	grid-template-columns: 10px 60px 60px 60px 60px auto 170px auto 267px 10px;
	grid-template-rows: 170px;
}

.darkMode .footer {
    background-color: #1f1f1f;
}
.footer ul {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
}
.footer a {
	text-decoration: none;
	color: #fff;
}
.darkMode .footer a {
    color: #e1e1e1;
}
.socialtext {
	margin: auto auto 20px 5px;
	grid-column:2/6;
	grid-row:1/2;
}
.twitter-white,.bsky-white,.dribbble-white,.linkedin-white,.instagram-white {
	width:60px;
	height:60px;
	grid-row:1/2;
	cursor:pointer;
	margin: 40px auto auto;
}
.twitter-white {
	background:url(//www.maxvandoorn.com/images/twitter-white.png);
	grid-column:2/3;
}
.bsky-white {
	background:url(//www.maxvandoorn.com/images/bsky-white.png);
	grid-column:3/4;
	background-size:contain;
}
.dribbble-white {
	background:url(//www.maxvandoorn.com/images/dribbble-white.png);
	grid-column:3/4;
}
.linkedin-white {
	background:url(//www.maxvandoorn.com/images/linkedin-white.png);
	grid-column:4/5;
}
.instagram-white {
	background:url(//www.maxvandoorn.com/images/instagram-white.png);
	/*grid-column:5/6;*/
	grid-column:2/3;
}
.footerlinks {
	grid-column:7/8;
	grid-row:1/2;
	margin: auto;
}
.logo-white {
	background:url(//www.maxvandoorn.com/images/logo-white.svg);
	width:267px;
	height:150px;
	grid-column:9/10;
	grid-row:1/2;
	margin: auto;
}
@media screen and (max-width:719px) and (min-width:481px) {
	.footer {
		display:grid;
		grid-template-columns: 10px 60px 60px 60px 60px auto 170px 40px;
		grid-template-rows: 170px;
	}
	.footerlinks {
		margin: auto;
		grid-column: 7/8;
	}
	.logo-white {
		display:none;
	}
}
@media screen and (max-width:480px) {
	.footer {
		height: auto;
		display:grid;
		/* grid-template-columns: auto 60px 60px 60px 60px auto; */
		grid-template-columns: auto 60px 60px 60px auto;
		grid-template-rows:10px 60px 40px 150px 20px;
		grid-gap:5px;
	}
	.twitter-white,.dribbble-white,.linkedin-white,.instagram-white,.bsky-white {
		grid-row:2/3;
		margin:auto;
	}
	.twitter-white {
		grid-column:2/3;
	}
	.dribbble-white {
		grid-column:3/4;
	}
	.linkedin-white {
		grid-column:4/5;
	}
	.instagram-white {
		/* grid-column:5/6; */
		grid-column:2/3;
	}
	.bsky-white {
	    grid-column:3/4;
	}
	.socialtext {
		grid-row:3/4;
		/* grid-column:2/6; */
		grid-column:1/6;
		margin: auto;
		text-align: center;
	}
	.logo-white {
		display: block;
		grid-row:4/5;
		/* grid-column:1/7; */
		grid-column:1/6;
		margin: 10px auto auto;
	}
	.footerlinks {
		display: none;
		grid-row:none;
		grid-column:none;
	}
}

/* Flex Based Minimum Page Content Height */

body {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 100vh;
}

.container {
    flex-shrink:0;
    flex-grow:1;
    width:100%;
}

.footer {
    flex-shrink:0;
}