#footer {
	background-size: cover;
	background-position: center;
	min-height: 600px;
	display: flex;
	flex-direction: column;
}
#footer .bg-overlay{
	z-index: 0;
}
#footer #footer-widgets .bg-overlay{
	opacity: 0.8;
	background-color: white;
}
#footer-widgets {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
#footer-widgets > .wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 25px 20px 5px 20px;
	flex-wrap: wrap;
	align-items: baseline;
}

.widget-area li, .widget-area p, .widget-area i {
	color: var(--black);
	line-height: 1.7em;
}

#footer-widgets, #copyright {
	border-top: 1px solid var(--border-color);
	z-index: 1;
}
.widget-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 400px;
	max-width: 90%;
	margin: 15px 0;
	color:var(--black);
	margin-bottom: 40px;
}
#footer .widget-title {
	text-align: center;
	font-size: var(--medium);
	padding-bottom: 25px;
}
.widget-area > li {
	list-style: none;
	padding: 3px 0;
	text-align: left;
}
#footer .menu li a {text-decoration: none;}
#footer .menu li a::before {
	display: inline-block;
	border-style: solid;
	border-width: 0 1px 1px 0;
	padding: 3px;
	position: relative;
	top: 0;
	content: "";
	transform: rotate(-45deg);
	margin-right: 10px;
	vertical-align: middle;
}
#copyright {
	padding: 10px 0;
}
#copyright * {
	color: var(--white);
}
#copyright > .wrapper {
    display: flex;
	justify-content: space-between;
	flex-direction: row;
}
    #copyright * {font-size:var(--small);}

#copyright a {
	text-decoration: none;
}
#footer .menu a {
	color: inherit;
}


/**
 * Pre footer
 */

.widget-area.pre-footer {
	display: block;
	width: 100vw;
	margin: auto;
	padding: 100px 0;
	max-width: 100vw;
}

.pre-footer-columns {
	align-items: center;
	justify-content: stretch;
	gap: 0;
	flex-direction: column;
}
.pre-footer-columns > div:first-child {
	flex:2;
	min-width: 50%;
}
.wp-block-cover{min-height: 250px;}

@media only screen and (min-width:900px){
	#footer .widget-title {
		text-align: left;
	}	
	#footer-widgets > .wrapper {
		justify-content: space-between;
	}	
	.widget-area {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: left;
		margin-bottom: 0;
	}
	
	.pre-footer-columns {
		flex-direction: row;
	}
	.wp-block-cover{min-height: 430px;}
}