/*
 * footer.css: the site footer (template-parts/site-footer.php). Loaded on every page.
 * Measured from the Elementor footer: 1140px content, three equal columns, a dark
 * company bar; one column and centred text at 767px and below.
 */

/* The base theme styles narrow .site-footer boxes; this footer is full width. */
footer.site-footer.design-region {
	display: block;
	margin: 0;
	max-width: none;
	padding: 0;
	width: auto;
}

.site-footer__main {
	background-color: #161615;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	min-height: 302px;
	padding: 0 10px;
	position: relative;
	width: 100%;
}

.site-footer__inner {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	margin: 0 auto;
	max-width: min(100%, 1140px);
	padding: 10px 0;
	width: 100%;
}

.site-footer__columns {
	display: grid;
	gap: 20px;
	grid-auto-flow: row;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(1, 1fr);
	margin: 0 0 30px;
	min-width: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.site-footer__column {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
	padding: 10px;
	position: relative;
}

.site-footer__heading {
	color: #fff;
	font-family: "brother-1816", Sans-serif;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 1.2px;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-footer__text {
	color: #F1F1F1;
	font-family: "brother-1816", Sans-serif;
	font-weight: 400;
	margin-bottom: -15px;
}

.site-footer__links {
	overflow: hidden;
}

.site-footer__list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 -8px;
	padding: 0;
}

.site-footer__item {
	align-items: center;
	display: flex;
	margin: 0 8px;
	padding: 0;
	position: relative;
	word-break: break-word;
}

.site-footer__list--icons {
	margin: 0 -10.5px;
}

.site-footer__list--icons .site-footer__item {
	margin: 0 10.5px;
}

.site-footer__item a {
	align-items: center;
	color: #1B8ACF;
	display: flex;
	font-family: "brother-1816", Sans-serif;
	font-weight: 400;
	width: 100%;
}

.site-footer__icon {
	display: flex;
	padding-inline-end: 3px;
	position: relative;
}

.site-footer__icon svg {
	fill: #B6E2FD;
	height: 18px;
	margin: 0 4.5px 0 0;
	transition: fill .3s;
	width: 18px;
}

.site-footer__item:hover .site-footer__icon svg {
	fill: #1B8ACF;
}

.site-footer__link-text {
	color: #B6E2FD;
}

.site-footer__link-text--icon {
	align-self: center;
	padding-inline-start: 5px;
}

.site-footer__item:hover .site-footer__link-text {
	color: #1B8ACF;
}

/* Company line and credit. */
.site-footer__bottom {
	background-color: #202629;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	padding: 0;
	position: relative;
	width: 100%;
}

.site-footer__bottom-inner {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	gap: 20px;
	margin: 0 auto;
	max-width: min(100%, 1140px);
	padding: 5px 0;
	width: 100%;
}

.site-footer__trading,
.site-footer__credit {
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
	padding: 10px;
	position: relative;
	width: 100%;
}

.site-footer__credit {
	justify-content: center;
	width: 36%;
}

.site-footer__list--trading {
	margin: 0 -12.5px;
}

.site-footer__list--trading .site-footer__item {
	margin: 0 12.5px;
}

.site-footer__list--trading a {
	font-size: 14px;
}

.site-footer__list--trading .site-footer__link-text {
	color: #fff;
}

.site-footer__list--trading .site-footer__item:hover .site-footer__link-text {
	color: #fff;
}

.site-footer__credit-text {
	color: #fff;
	font-family: "brother-1816", Sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: right;
}

.site-footer__credit-text a {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

@media (max-width: 1366px) {
	.site-footer__inner,
	.site-footer__bottom-inner {
		max-width: min(100%, 1140px);
	}
}

@media (max-width: 1024px) {
	.site-footer__inner,
	.site-footer__bottom-inner {
		max-width: min(100%, 1024px);
	}
}

@media (max-width: 767px) {
	.site-footer__main {
		padding: 0 30px;
	}

	.site-footer__inner {
		flex-wrap: wrap;
		max-width: min(100%, 767px);
		padding: 50px 0;
	}

	.site-footer__columns {
		gap: 50px;
		grid-template-columns: repeat(1, 1fr);
	}

	.site-footer__column {
		flex-wrap: wrap;
		padding: 0;
	}

	.site-footer__bottom {
		padding: 0 20px;
	}

	.site-footer__bottom-inner {
		flex-wrap: wrap;
		gap: 10px 0;
		max-width: min(100%, 767px);
		padding: 20px 0;
	}

	.site-footer__trading,
	.site-footer__credit {
		flex-wrap: wrap;
		padding: 0;
		width: 100%;
	}

	.site-footer__trading {
		text-align: center;
	}

	.site-footer__list--trading,
	.site-footer__list--trading .site-footer__item,
	.site-footer__list--trading a {
		justify-content: center;
	}

	.site-footer__credit-text {
		text-align: center;
	}
}