.section-enterwapp[data-node].ralco-footer {
	--ralco-red: rgb(185, 27, 33);
	--ralco-red-2: rgb(221, 51, 51);
	--ralco-muted: rgb(68, 68, 68);
	--ralco-offwhite: rgb(242, 242, 242);
	--ralco-grey: rgb(237, 237, 237);
	--ralco-dark: rgb(26, 26, 26);
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
}

.section-enterwapp[data-node].ralco-footer *,
.section-enterwapp[data-node].ralco-footer *::before,
.section-enterwapp[data-node].ralco-footer *::after {
	box-sizing: border-box;
	font-family: inherit;
}

.section-enterwapp[data-node].ralco-footer .ralco-wrap {
	width: 100%;
	max-width: 1245px;
	margin: 0 auto;
	padding: 0;
}

@media (max-width: 1425px) {
	.section-enterwapp[data-node].ralco-footer .ralco-wrap {
		max-width: calc(100vw - 180px);
	}
}

@media (max-width: 999px) {
	.section-enterwapp[data-node].ralco-footer .ralco-wrap {
		max-width: 600px;
	}
}

@media (max-width: 767px) {
	.section-enterwapp[data-node].ralco-footer .ralco-wrap {
		max-width: 320px;
	}
}

.fl-module-ralco-footer > .fl-module-content {
	margin: 0;
}

.fl-row:has(.fl-module-ralco-footer) > .fl-row-content-wrap {
	padding: 0;
}

.fl-col:has(> .fl-col-content > .fl-module-ralco-footer) > .fl-col-content {
	padding-left: 0;
	padding-right: 0;
}

.fl-col-group > .fl-col:only-child:has(> .fl-col-content > .fl-module-ralco-footer) {
	width: 100%;
	max-width: 100%;
}

.fl-col-group:has(> .fl-col > .fl-col-content > .fl-module-ralco-footer) {
	display: flex;
	flex-wrap: wrap;
}

.fl-col-group:has(> .fl-col > .fl-col-content > .fl-module-ralco-footer) > .fl-col {
	flex: 1 1 0;
	width: auto;
	max-width: none;
}

@media (max-width: 999px) {
	.fl-col-group:has(> .fl-col > .fl-col-content > .fl-module-ralco-footer) > .fl-col {
		flex: 0 0 100%;
	}
}

.fl-content:has(.fl-module-ralco-footer) {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
}

.fl-page-content:has(.fl-module-ralco-footer) .container,
.fl-page-content:has(.fl-module-ralco-footer) .fl-content,
.fl-page-content:has(.fl-module-ralco-footer) .fl-row-fixed-width,
.fl-page-content:has(.fl-module-ralco-footer) .fl-row-content.fl-row-fixed-width {
	width: 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.fl-page-content:has(.fl-module-ralco-footer) .container > .row {
	margin-left: 0;
	margin-right: 0;
}

.section-enterwapp[data-node].ralco-footer h1,
.section-enterwapp[data-node].ralco-footer h2,
.section-enterwapp[data-node].ralco-footer h3,
.section-enterwapp[data-node].ralco-footer h4,
.section-enterwapp[data-node].ralco-footer p,
.section-enterwapp[data-node].ralco-footer a,
.section-enterwapp[data-node].ralco-footer li,
.section-enterwapp[data-node].ralco-footer span,
.section-enterwapp[data-node].ralco-footer address,
.section-enterwapp[data-node].ralco-footer strong,
.section-enterwapp[data-node].ralco-footer figure {
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft {
	position: relative;
	background-color: var(--ralco-dark);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: var(--ralco-offwhite);
	font-size: 15px;
	line-height: 23px;
	font-weight: 300;
}

/* the reference darkens its footer photo with a solid scrim at 0.8 --
   DESIGN.md records this as the rgba(0,0,0,0.8) overlay token */
.section-enterwapp[data-node].ralco-footer .ralco-ft::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--ralco-dark);
	opacity: 0.8;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft-in,
.section-enterwapp[data-node].ralco-footer .ralco-ft-bar {
	position: relative;
	z-index: 1;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft-in {
	display: flex;
	flex-wrap: wrap;
	max-width: 1440px;
	margin: 0 auto;
	padding: 55px 90px 108px;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft-col {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	padding-right: 30px;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft h4 {
	font-size: 16px;
	font-weight: 400;
	line-height: 23px;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 0 12px;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft p {
	margin: 0 0 12px;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft li {
	margin-bottom: 6px;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft a {
	color: var(--ralco-offwhite);
	text-decoration: none;
	transition: color 0.25s ease;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft a:hover,
.section-enterwapp[data-node].ralco-footer .ralco-ft a:focus {
	color: var(--ralco-red-2);
}

.section-enterwapp[data-node].ralco-footer .ralco-ft address {
	font-style: normal;
}

.section-enterwapp[data-node].ralco-footer .ralco-ft-bar {
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.section-enterwapp[data-node].ralco-footer .ralco-ft-bar-in {
	max-width: 1440px;
	margin: 0 auto;
	padding: 26px 90px;
	font-size: 12px;
	line-height: 14px;
}


/* NOTE: deliberately does NOT hide header.fl-builder-content[data-type="header"]
   or footer[data-type="footer"]. These modules are meant to live INSIDE those
   Beaver Themer layouts (posts 19 and 21), so hiding them would hide this
   module too. Only the content-area margin is neutralised. */
.fl-content,
.fl-content.col-md-12 {
	margin-top: 0;
	margin-bottom: 0;
}

.fl-post-header {
	display: none;
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 999px) {
	.section-enterwapp[data-node].ralco-footer .ralco-ft-in { padding: 40px 30px 20px; }
	.section-enterwapp[data-node].ralco-footer .ralco-ft-col { flex: 0 0 100%; max-width: 100%; padding-right: 0; margin-bottom: 28px; }
	.section-enterwapp[data-node].ralco-footer .ralco-ft-bar-in { padding: 20px 30px; }
}

/* Below the reference's 1000px container breakpoint */
@media (max-width: 999px) {
	.section-enterwapp[data-node].ralco-footer .ralco-ft-in { padding: 35px 20px 15px; }
	.section-enterwapp[data-node].ralco-footer .ralco-ft-bar-in { padding: 18px 20px; }
}