body .footer
{
	max-width: none;
	display: grid;
	/*background-position: center;*/
	background-size: cover;
	background-blend-mode: darken;
	/*background-color: red;*/
	position: relative;
	border-top: 23px solid white;
}
body > .footer:before
{
	content: "";
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 32%);
	position: absolute;
	height: 100%;
	width: 100%;
}
.footer .content
{
	margin-right: auto;
	/*display: grid;*/
	grid-template-columns:fit-content(max(200px,70%)) auto 1fr;
	grid-gap: calc(var(--defaultInterval)*.5) calc(var(--defaultInterval)*.5);
	grid-template-areas: "logo logo" "buttonsMenu buttonsMenu" "primaryContent tags";
	grid-template-areas: "logo logo logo" "buttonsMenu buttonsMenu buttons menu" "primaryContent tags .";
	display: grid;
	min-width: 75%;
	padding-left: calc(var(--defaultInterval)*.5);
	margin-bottom: calc(var(--defaultInterval)*2);
	margin-top: calc(var(--defaultInterval)*17);
	position: relative;
	font-size:var(--small);
	color: white;
}
#SD .footer .content a
{
	/*max-width:var(--maxWidth);*/
	color:var(--colD);
}
#SD .footer .content a:hover
{
	/*max-width:var(--maxWidth);*/
	color:var(--colC);
}
#SD .footer .content .logo .evergreen
{
	fill:white;
}
#SD .footer .content .logo a:hover .evergreen
{
	fill:var(--colC);
}
#SD .footer .content .logo .islands
{
	fill:var(--colD);
}
.footer .content .logo
{
	grid-area: logo;
	padding: calc(var(--defaultInterval)*.5);
	margin-top: 0;
}
.footer .content .logo a > *
{
	width:max(500px,45%);
	position: relative;
	overflow: hidden;
}
.footer .content .primaryContent
{
	grid-area: primaryContent;
}
.footer .content .primaryContent .tagline
{
	display: ;
	font-style: italic;
	white-space: normal;
}
.footer .content .tags
{
	grid-area: tags;
	color: white;
	font-weight: 700;
}
.footer .content .tags ul
{
	grid-area: tags;
	color:var(--colD);
	font-weight: 700;
	margin: 0 0 0 calc(var(--defaultInterval)*1);
	grid-area: logo;
	padding-left: 0;
}
.footer .content .tags p
{
	margin-bottom: 0px;
}
.footer .content .tags ul li
{
	transition:var(--defaultTransition);
}
.footer .content .tags ul li:hover
{
	transition:var(--defaultTransition);
	background-color: ;
}
/*#SD .footer .content .tags UL LI A
{
	transition:var(--defaultTransition);
	color:var(--colD);
}*/
.footer .content .menuButtons
{
	grid-area: buttonsMenu;
}
.footer .content .menuButtons ul
{
	margin: 0px;
	display: flex;
	list-style: none;
	flex-wrap: wrap;
}
#SD .footer .menuButtons .menu li a
{
	background-color:var(--colC);
	font-family:var(--accentFontFamily);
	font-size:var(--h3Size);
	font-weight: 400;
	text-transform: uppercase;
	color: white;
	padding: calc(var(--defaultInterval)*.125) calc(var(--defaultInterval)*.25);
	/*+border-radius:var(--defaultBorderRadius);*/
	-moz-border-radius: var(--defaultBorderRadius);
	-webkit-border-radius: var(--defaultBorderRadius);
	-khtml-border-radius: var(--defaultBorderRadius);
	border-radius:var(--defaultBorderRadius);
	margin-right: calc(var(--defaultInterval)*.5);
}
#SD .footer .menuButtons .menu li a:before
{
	background-color:var(--colC);
	font-family:var(--accentFontFamily);
	font-size:var(--h3Size);
	font-weight: 400;
	text-transform: uppercase;
	color: white;
	padding: calc(var(--defaultInterval)*.125) calc(var(--defaultInterval)*.25);
	/*+border-radius:var(--defaultBorderRadius);*/
	-moz-border-radius: var(--defaultBorderRadius);
	-webkit-border-radius: var(--defaultBorderRadius);
	-khtml-border-radius: var(--defaultBorderRadius);
	border-radius:var(--defaultBorderRadius);
	margin-right: calc(var(--defaultInterval)*.5);
}
#SD .footer .menuButtons .menu li a:hover
{
	background-color:var(--colA);
}
.footer .content .primaryContent .menuPrimary > ul
{
	list-style: none;
	margin: 0px;
}
.footer .content .primaryContent .menuPrimary ul ul
{
	display: flex;
	list-style: none;
	margin: 0px;
	flex-wrap: wrap;
	overflow: hidden;
}
#SD .footer .content .primaryContent .menuPrimary ul ul li a
{
	color:var(--colD);
	margin-left: calc(var(--defaultInterval)*-1);
	padding-right: calc(var(--defaultInterval)*1.5);
	/*padding-left: 20px;*/
}
#SD .footer .content .primaryContent .menuPrimary ul ul li a:hover
{
	color:var(--colC);
	/*padding-left: 20px;*/
}
#SD .footer .content .primaryContent .menuPrimary ul ul li a:before
{
	content: "|";
	margin-right: calc(var(--defaultInterval)*.5);
}
#SD .footer .primaryContent .menuPrimary li a:not([href])
{
	color: white;
}
#SD .footer .primaryContent .menuPrimary li.hidden > a
{
	opacity: 0;
	pointer-events: none;
}
.footer .content > .social
{
	background-color: gray;
	grid-area: social;
	height: ;
}
.footer .content > .search
{
	background-color: fuchsia;
	grid-area: search;
	display: flex;
}
.footer .content > .menu ul
{
	margin: 0px;
	list-style: none;
	display: ;
}
.footer .content > .menu ul ul
{
	list-style: none;
	margin-left: calc(var(--defaultInterval)*1);
}
.footer .social ul
{
	list-style: none;
	margin: 0px;
	display: flex;
	flex-wrap: wrap;
}
.footer .social li
{
	margin-right: calc(var(--defaultInterval)*.5);
	display: flex;
}
.footer .social li a > *
{
	width: calc(var(--defaultInterval)*2);
	transition:var(--defaultTransition);
	fill:var(--colA);
}
.footer .social li a:hover > *
{
	fill:var(--colB);
}
.footer .primaryContent .credits
{
	/*padding: calc(var(--defaultInterval)*1) calc(var(--defaultInterval)*.5);*/
	margin-top: calc(var(--defaultInterval)*2);
	color: white;
}
body > .credits
{
	/*padding: calc(var(--defaultInterval)*1) calc(var(--defaultInterval)*.5);*/
	display: none;
}
@media only screen and (max-width: 770px)
{
	.footer .content
	{
		grid-template-areas: "logo" "buttonsMenu" "primaryContent" "tags";
		min-width: auto;
		grid-template-columns: 1fr;
		margin-top: calc(var(--defaultInterval)*1);
		color: black;
	}
	div.credits
	{
		font-size:var(--small);
		margin-left: calc(var(--defaultInterval)*.5);
		margin-bottom: calc(var(--defaultInterval)*.5);
	}
	#SD div.credits a[href$="/login"]
	{
		color: black !important;
		font-weight: 400;
	}
	#SD .footer .content a
	{
		/*max-width:var(--maxWidth);*/
		color:var(--colA);
	}
	#SD .footer .content .primaryContent .menuPrimary ul ul li a
	{
		color:var(--colA);
	}
	.footer .content .logo
	{
		padding: calc(var(--defaultInterval)*-);
	}
	.footer .content .tags, #SD .footer .primaryContent .menuPrimary li a:not([href])
	{
		color: black;
	}
	
	{
		color: white;
	}
	.footer .content > *
	{
		padding: calc(var(--defaultInterval)*0);
	}
	.footer .content .logo a > *
	{
		width: 70vw;
		position: relative;
		overflow: hidden;
	}
	.footer .content .tags ul
	{
		color: black;
	}
	.footer .primaryContent .credits
	{
		/*padding: calc(var(--defaultInterval)*1) calc(var(--defaultInterval)*.5);*/
		display: none;
	}
	body#SD .footer
	{
		background-size: 0;
	}
	.footer .content .menuButtons
	{
		grid-area: buttonsMenu;
		padding: 0px;
	}
	.credits
	{
		/*padding: calc(var(--defaultInterval)*1) calc(var(--defaultInterval)*.5);*/
		display: block;
	}
	body > .footer:before
	{
		content: none;
		height: 100%;
		width: 100%;
	}
	#SD .footer .content .logo a .evergreen
	{
		fill:var(--colA);
	}
}
.footer div.photoSource
{
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.457);
	padding: calc(var(--defaultInterval)*.125) calc(var(--defaultInterval)*.5);
	border-top-left-radius: 9px;
	color: white;
	font-style: italic;
}