:root{
	--footerHeight: 500px;
	--footerBottomHeight: 60px;
}
footer{
	background-color:var(--themeBg);
	min-height:var(--footerHeight);
	padding:0;
	color: var(--themePrimaryDark);
}

footer h2{
	color: var(--themePrimaryDark);
	font-size: 65px;
	font-weight: 800;
}
footer p{
	color:var(--themePrimaryDark);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
}

footer .btn{
	position:relative;
	overflow: hidden;
}
footer .btn svg{
    display:inline-block;
    height:100%;
    margin-left: calc(-1*var(--bs-btn-padding-x));
    margin-top: calc(-1*var(--bs-btn-padding-y));
    margin-bottom: calc(-1 * var(--bs-btn-padding-y));
    transform:translateX(-10%);
    transition: all .2s ease-in-out;
}
footer .btn:hover svg{
    transform: translateX(0px) !important;
}


footer table p{
	margin:0;
}
footer table{
	margin:0 -4px;
	width:100%;
}
footer table td{
	padding:2px 4px;
}
footer .footerBottomBar{
	height:var(--footerBottomHeight);
	width:100%;
	max-width:100%;
	margin:0;
	border-top: 1px solid var(--themePrimaryDark);
}
footer .footerBottomBar .container,
footer .footerBottomBar .container > div{
	height:100%;
}
footer .footerBottomBar .htmlblok{
	display:flex;
	justify-content: flex-start;
	gap: 4rem;
	align-items: center;
	height: 100%;
}
footer .footerBottomBar .htmlblok p{
	margin:0;
}

footer [html-tag='footer-buttons'] p{
	display:inline-flex;
	flex-direction: column;
	gap:10px;
	align-items: flex-start;
}

footer [html-tag='footer-socials'] p{
	display:inline-flex;
	flex-direction: row-reverse;
	gap:10px;
	align-items: flex-end;
	justify-content: flex-end;
}

.htmlblok[html-tag='footer-bar'] *{
	text-transform: uppercase;
}
.htmlblok[html-tag='footer-bar'] span{
	color:var(--themePrimary);
}
footer [html-tag='footer-bar'] a{
	font-weight:600;
}

footer [html-tag='footer-socials'] a{
	display:inline-flex;
	aspect-ratio:1;
	border:1px solid #888888;
	color:#888888;
	height:45px;
	width:45px;
	align-items: center;
	justify-content: center;
}
footer [html-tag='footer-socials'] a:hover{
	color:var(--themePrimaryDark);
	border-color:var(--themePrimaryDark);
}

@media screen and (max-width:820px){
	footer .footerBottomBar{
		height:auto;
	}

	footer .footerBottomBar .htmlblok{
		flex-direction: column;
		gap: 0;
		padding:10px 0;
	}
	footer .footerBottomBar .htmlblok p{
		gap: 6px;
		height:30px;
		display:inline-flex;
		align-items:center;
		flex-direction: row;
	}
}