.elementor-211 .elementor-element.elementor-element-8c9e733{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-5a1fb96 *//* ==========================================================
   STORILINE — GLOBAL FOOTER
========================================================== */

.storiline-footer {
	--purple: #704c6d;
	--green: #5b8482;
	--green-soft: #9eb1af;
	--white: #ffffff;

	position: relative;

	width: 100%;

	background: var(--purple);
	color: var(--white);

	padding: 68px 0 30px;

	overflow: hidden;
}


/* ==========================================================
   INNER
========================================================== */

.storiline-footer__inner {
	width: min(92%, 1400px);

	margin: 0 auto;
}


/* ==========================================================
   TOP
========================================================== */

.storiline-footer__top {
	display: grid;

	grid-template-columns:
		minmax(0, 1.45fr)
		minmax(140px, 0.42fr)
		minmax(250px, 0.65fr);

	gap: 80px;

	align-items: start;
}


/* ==========================================================
   BRAND
========================================================== */

.storiline-footer__brand {
	max-width: 500px;
}


/* ==========================================================
   LOGO
========================================================== */

.storiline-footer__logo {
	display: block;

	width: 310px;

	text-decoration: none;
}


.storiline-footer__logo img {
	display: block;

	width: 100%;
	height: auto;

	/*
	 * The uploaded SVG contains the actual Storiline colors.
	 * No CSS tinting/filter here.
	 */
}


/* ==========================================================
   SMALL LABEL
========================================================== */

.storiline-footer__label {
	margin: 0 0 18px;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 10px;
	font-weight: 500;

	line-height: 1.3;

	letter-spacing: 0.09em;

	text-transform: uppercase;

	color: rgba(255, 255, 255, 0.5);
}


/* ==========================================================
   NAV
========================================================== */

.storiline-footer__nav {
	display: flex;

	flex-direction: column;

	align-items: flex-start;
}


.storiline-footer__nav a {
	margin-bottom: 9px;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 16px;
	font-weight: 500;

	line-height: 1.4;

	text-decoration: none;

	color: rgba(255, 255, 255, 0.82);

	transition: color 0.2s ease;
}


.storiline-footer__nav a:hover,
.storiline-footer__nav a:focus-visible {
	color: var(--white);
}


/* ==========================================================
   CONTACT
========================================================== */

.storiline-footer__contact a {
	display: inline-flex;

	align-items: center;

	gap: 15px;

	padding-bottom: 5px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.6);

	font-family:
		"Poppins",
		sans-serif;

	font-size: 17px;
	font-weight: 500;

	line-height: 1.3;

	text-decoration: none;

	color: var(--white);
}


.storiline-footer__contact a span:last-child {
	font-size: 22px;

	transition: transform 0.2s ease;
}


.storiline-footer__contact a:hover span:last-child,
.storiline-footer__contact a:focus-visible span:last-child {
	transform: translateX(4px);
}


/* ==========================================================
   ROUTE / WAYPOINT
========================================================== */

.storiline-footer__route {
	display: flex;

	align-items: center;

	width: 100%;

	margin: 58px 0 27px;
}


/* Lines */

.storiline-footer__route-line {
	display: block;

	height: 2px;

	background: rgba(255, 255, 255, 0.22);
}


.storiline-footer__route-line--before {
	width: 72%;
}


.storiline-footer__route-line--after {
	flex: 1;
}


/* Waypoint */

.storiline-footer__waypoint {
	display: block;

	flex: 0 0 auto;

	width: 24px;
	height: 24px;

	margin: 0 12px;

	border-radius: 50%;

	background: var(--green-soft);
}


/* ==========================================================
   BOTTOM
========================================================== */

.storiline-footer__bottom {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;
}


.storiline-footer__bottom p {
	margin: 0;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 10px;
	font-weight: 400;

	line-height: 1.4;

	color: rgba(255, 255, 255, 0.48);
}


/* ==========================================================
   LEGAL
========================================================== */

.storiline-footer__legal {
	display: flex;

	align-items: center;

	gap: 22px;

	font-family:
		"Poppins",
		sans-serif;

	font-size: 10px;

	color: rgba(255, 255, 255, 0.48);
}


.storiline-footer__legal a {
	text-decoration: none;

	color: inherit;
}


.storiline-footer__legal a:hover,
.storiline-footer__legal a:focus-visible {
	color: var(--white);
}


/* ==========================================================
   FOCUS
========================================================== */

.storiline-footer a:focus-visible {
	outline: 3px solid rgba(255, 255, 255, 0.25);
	outline-offset: 5px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {

	.storiline-footer {
		padding: 60px 0 28px;
	}


	.storiline-footer__inner {
		width: 92%;
	}


	.storiline-footer__top {
		grid-template-columns:
			minmax(0, 1.25fr)
			130px
			minmax(210px, 0.75fr);

		gap: 45px;
	}


	.storiline-footer__logo {
		width: 265px;
	}


	.storiline-footer__route {
		margin-top: 48px;
	}

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

	.storiline-footer {
		padding: 52px 0 25px;
	}


	.storiline-footer__inner {
		width: 90%;
	}


	/* Top */

	.storiline-footer__top {
		display: grid;

		grid-template-columns:
			1fr
			1fr;

		gap: 42px 30px;
	}


	.storiline-footer__brand {
		grid-column: 1 / -1;
	}


	.storiline-footer__logo {
		width: 240px;
	}


	/* Route */

	.storiline-footer__route {
		margin: 42px 0 24px;
	}


	.storiline-footer__route-line--before {
		width: 58%;
	}


	.storiline-footer__waypoint {
		width: 20px;
		height: 20px;

		margin: 0 9px;
	}


	/* Bottom */

	.storiline-footer__bottom {
		align-items: flex-start;
	}


	.storiline-footer__legal {
		gap: 15px;
	}

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

	.storiline-footer__top {
		display: block;
	}


	.storiline-footer__brand,
	.storiline-footer__nav {
		margin-bottom: 36px;
	}


	.storiline-footer__logo {
		width: 215px;
	}


	.storiline-footer__bottom {
		display: block;
	}


	.storiline-footer__legal {
		margin-top: 10px;
	}

}/* End custom CSS */