.sh-footer {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-top: 4rem;
	background-color: var(--clr-accent-5);
}

.sh-footer__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: var(--cw-md);
	margin: 0 auto;
}

.sh-footer__widget {
	width: 100%;
	display: flex;
	flex-direction: column;
}

@media only screen and (min-width: 768px) {
	.sh-footer__widget {
		width: auto;
		max-width: 33%;
	}
	.sh-footer__widget--desc {
		max-width: 25%;
	}
	.sh-footer__widget--logo {
		min-width: 40%;
		max-width: 100%;
	}
	.sh-footer__widget--socials {
		min-width: 60%;
		max-width: 100%;
	}
	.sh-footer__widget--logo,
	.sh-footer__widget--socials {
		flex-grow: 1;
		padding-bottom: 3rem;
		margin-bottom: 3rem;
		border-bottom: thin solid var(--clr-accent-6);
	}
	.sh-footer__widget--socials {
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
	}

	.sh-footer__widget--socials .sh-footer__title {
		margin-bottom: 0 !important;
		margin-right: 1rem;
	}

	.sh-footer__widget--desc,
	.sh-footer__widget--menu {
		padding-right: 2rem;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.sh-footer__widget--desc {
		width: 100%;
		max-width: 100%;
		padding-bottom: 3rem;
		padding-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.sh-footer__widget:not(.sh-footer__widget--logo):not(.sh-footer__widget--socials) {
		padding-top: 2rem;
		margin-top: 2rem;
		border-top: thin solid var(--clr-grey-2);
	}

	.sh-footer__widget--logo {
		order: -9;
	}
	
	.sh-footer__widget--desc {
		order: -8;
	}
	
	.sh-footer__widget--contact {
		order: -7;
	}

	.sh-footer__widget--contact + .sh-footer__widget--contact {
		order: -6;
	}

	.sh-footer__widget--menu {
		order: -5;
	}

	.sh-footer__widget--socials {
		order: -4;
		padding-top: 1.25rem;
		margin-top: 2rem;
	}

	.sh-footer .sh-footer__widget--copyright {
		order: -3;
		padding-top: 1.25rem !important;
		padding-bottom: 1.25rem !important;
		margin-top: 1.25rem !important;
	}

	.sh-footer__widget--socials {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		border-top: thin solid var(--clr-grey-2);
	}

	.sh-footer__widget--socials .sh-footer__title {
		margin-bottom: 0 !important;
		margin-right: 1rem;
	}
}

/* ===========================================
Logo
=========================================== */

.sh-footer__logo {
	width: 12rem;
}

@media only screen and (max-width: 1239px) {
	.sh-footer__logo {
		width: 10rem;
	}
}

@media only screen and (max-width: 1239px) {
	.sh-footer__logo {
		width: 10rem;
	}
}

/* ===========================================
Widget Titles
=========================================== */

footer .sh-footer__title {
	font-weight: 600;
	color: var(--clr-accent-4);
	font-size: var(--fs-1);
	line-height: var(--lh-5);
	letter-spacing: .05em;
	text-transform: uppercase;
	margin-bottom: 1.5em;
}

@media only screen and (max-width: 767px) {
	footer .sh-footer__title {
		font-size: var(--fs-2);
		margin-bottom: 1rem;
	}
}

/* ===========================================
Footer Links
=========================================== */

.site-footer a {
	color: var(--clr-accent-4);
}

.site-footer a:hover {
	color: var(--clr-accent-2);
    background-size: 100% 1px;
}

/* ===========================================
   Contact
=========================================== */

.sh-footer__widget--support .sh-footer__title {
	color: transparent !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* ===========================================
Nav Menus
=========================================== */

footer ul:not(.sh-socials)>li:not(:last-child) {
	margin-bottom: .4em !important;
}

footer ul:not(.sh-socials)>li a:not(:hover) {
	color: var(--clr-accent-4);
	background-size: 0 1px, 0 1px;
}

footer ul:not(.sh-socials) > li::before {
	background-color: var(--clr-accent-4);
	transition: background-color .35s ease;
}

footer ul:not(.sh-socials) > li:has(a:hover)::before {
	background-color: var(--clr-accent-2);
}

/* ===========================================
   Social Links
=========================================== */

footer .sh-socials__link {
	border-color: var(--clr-accent-4);
	background-image: none !important;
}

footer .sh-socials__icon {
	fill: var(--clr-accent-4);
}

footer .sh-socials__link:hover {
	border-color: var(--clr-accent-2);
	background-color: var(--clr-accent-2);
}

footer .sh-socials__link:hover .sh-socials__icon {
	fill: var(--clr-white);
}

/* ===========================================
Copyright
=========================================== */

.sh-footer__widget--copyright {
	width: 100%;
	max-width: 100%;
	padding: 2rem 0;
	margin-top: 3rem;
	border-top: thin solid var(--clr-accent-6);
}

.sh-footer__widget--copyright * {
	font-size: var(--fs-0) !important;
}

.sh-copyright,
.sh-copyright__links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.sh-copyright a {
	display: inline-block;
}

.sh-copyright a:not(:hover) {
	color: var(--clr-accent-4);
	background-size: 0 1px, 0 1px;
}

.sh-copyright__sep {
	display: inline-block;
	margin: .2em 1.15em 0;
	height: 1em;
	border-right: thin solid var(--clr-black);
	opacity: .25;
}

.sh-copyright__credits {
	margin-left: auto;
}

.sh-copyright__links + .sh-copyright__sep {
	display: none;
}

@media only screen and (max-width: 1023px) {
	.sh-copyright__credits {
		width: 100%;
		margin-top: .35rem;
	}

	.sh-copyright__links+.sh-copyright__sep {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.sh-copyright__company {
		width: 100%;
		margin-bottom: .35rem;
	}

	.sh-copyright__company+.sh-copyright__sep {
		display: none;
	}
}