/*! ===========================================================================
 *
 *    ██████╗ ███████╗ ██████╗    ██████╗  ██████╗ ██╗    ██╗███████╗██████╗
 *    ██╔══██╗██╔════╝██╔════╝    ██╔══██╗██╔═══██╗██║    ██║██╔════╝██╔══██╗
 *    ██████╔╝█████╗  ██║         ██████╔╝██║   ██║██║ █╗ ██║█████╗  ██████╔╝
 *    ██╔══██╗██╔══╝  ██║         ██╔═══╝ ██║   ██║██║███╗██║██╔══╝  ██╔══██╗
 *    ██║  ██║███████╗╚██████╗    ██║     ╚██████╔╝╚███╔███╔╝███████╗██║  ██║
 *    ╚═╝  ╚═╝╚══════╝ ╚═════╝    ╚═╝      ╚═════╝  ╚══╝╚══╝ ╚══════╝╚═╝  ╚═╝
 *
 *    REC Power — WordPress theme
 *    Designed & built by DG+ Agency
 *
 * =========================================================================== */

.site-footer {
	background-color: var(--wp--preset--color--dark-navy);
	color: var(--wp--preset--color--white);
	padding-block: 0 var(--wp--preset--spacing--40);   
}

.site-footer_inner {
	display: grid;
	gap: var(--wp--preset--spacing--60);
}

.site-footer_top {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--60);
}

.site-footer_brand-block {
	display: grid;
	gap: 0.5rem;   
}

.site-footer_brand img {
	display: block;
	width: clamp(180px, 40%, 240px);
	height: auto;
}

.site-footer_address,
.site-footer_phone,
.site-footer_email {
	margin: 0;
	font-family: var(--ty-font);
	font-weight: 400;
	font-size: 15px;          
	line-height: 1.75;
	letter-spacing: 0;
	color: var(--wp--preset--color--pastel-purple);
}
.site-footer_address {
	white-space: normal;   
	margin-top: 26px;   
}

.site-footer_address p { margin: 0; }

.site-footer_address,
.site-footer_phone {
	color: #A8A8A9;
	font-family: var(--wp--preset--font-family--new-frank);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.75;
}

.site-footer_address a[href^="mailto:"],
.site-footer_email a {
	color: #A8A8A9;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-thickness: from-font;
	text-decoration-skip-ink: auto;
}

.site-footer_email a {
	color: inherit;
	text-decoration: underline;
}
.site-footer_phone a {
	color: inherit;
	text-decoration: none;
}
.site-footer_phone a:hover {
	text-decoration: underline;
}

.site-footer_nav {
	display: grid;
	
	grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
	column-gap: clamp(1rem, 2vw, 2rem);
	row-gap: var(--wp--preset--spacing--50);
}

.site-footer_nav-column {
	display: grid;
	gap: 0.75rem;
	align-content: start;
}

.site-footer_nav-column-heading {
	font-family: var(--ty-font);
	font-size: 16px;          
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0;
	margin: 0 0 0.5rem;
	color: #D9DADC;
	text-decoration: none;
}
a.site-footer_nav-column-heading:hover {
	text-decoration: underline;
}

.site-footer_nav-column-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 0.5rem;
}
.site-footer_nav-column-links a {
	font-family: var(--ty-font);
	font-weight: 300;         
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0;
	color: #A8A8A9;
	text-decoration: none;
}
.site-footer_nav-column-links a:hover {
	text-decoration: underline;
}

.site-footer_divider {
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.6);   
	margin: 0;
}

.site-footer_bottom {
	display: grid;
	gap: 1.5rem;
	align-items: center;            
	grid-template-columns: 1fr auto;
	
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	padding-bottom: var(--wp--preset--spacing--40);
}

.site-footer_copyright {
	margin: 0;
	font-family: var(--ty-font);
	font-weight: 400;
	font-size: 14.2px;              
	line-height: 21.75px;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	color: var(--wp--preset--color--white);
	max-width: 60ch;
}

.site-footer_social-linkedin {
	display: inline-grid;
	place-items: center;
	align-self: start;              
	background: var(--wp--preset--color--white);
	padding: 0.75rem;
	border-radius: 0;               
	width: 3.5rem;
	height: 3.5rem;
}
.site-footer_social-linkedin img {
	width: 100%;
	height: auto;
	display: block;
}

@media (min-width: 960px) {
	.site-footer_top {
		
		grid-template-columns: auto minmax(0, 1fr);
		gap: clamp(2rem, 4vw, 3rem);
		align-items: start;
	}
	.site-footer_address { white-space: nowrap; }   
}

@media (max-width: 767px) {
	
	.site-footer_nav { grid-template-columns: repeat(2, 1fr); }
	.site-footer_nav-column:nth-child(1) { order: 1; }
	.site-footer_nav-column:nth-child(2) { order: 4; }  
	.site-footer_nav-column:nth-child(3) { order: 3; }
	.site-footer_nav-column:nth-child(4) { order: 2; }  
	.site-footer_nav-column:nth-child(5) { order: 5; }
}