/* SOG UNC Rebrand - Frontend Stylesheet
 * This stylesheet contains the core styles for the SOG UNC Rebrand components, including the header, footer, and utility bar.
 * It is designed to be modular and customizable through CSS variables, allowing for easy theming and adjustments.
 * The styles are organized by component, with shared styles defined at the top level for consistency across components.
 * The stylesheet also includes responsive design considerations, with specific styles for mobile devices.
 *
 * Authored by Matias Silva and Lindsay Hoyt, 2026.
 */

:is(
	.sog-rebrand__header[data-sog-rebrand-component="header"],
	.sog-rebrand__footer[data-sog-rebrand-component="footer"],
	.sog-rebrand__utility-bar[data-sog-rebrand-component="utility-bar"]
) {
	--sog-rebrand-font-heading: 'Montserrat', sans-serif;
	--sog-rebrand-font-body: 'Open Sans', sans-serif;
	--sog-rebrand-max-width: 1280px;
	--sog-rebrand-side-padding: 1.5rem;
	--sog-rebrand-side-padding-mobile: 1rem;
	box-sizing: border-box;
	width: 100%;

	&,
	& * {
		box-sizing: inherit;
	}

	& .sog-rebrand__inner {
		margin: 0 auto;
		max-width: var(--sog-rebrand-max-width);
		width: min(100%, var(--sog-rebrand-max-width));
		padding-inline: var(--sog-rebrand-side-padding);
	}

	& .sog-rebrand__nav {
		width: 100%;
	}

	& .sog-rebrand__menu {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		gap: 0.8rem 1.35rem;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	& .sog-rebrand__menu a {
		color: var(--sog-rebrand-nav-link-color, inherit);
	}

	& .sog-rebrand__brand-link,
	& .sog-rebrand__footer-logo-link,
	& .sog-rebrand__utility-brand {
		color: inherit;
		text-decoration: none;
	}

	& .sog-rebrand__brand-link:hover,
	& .sog-rebrand__brand-link:focus,
	& .sog-rebrand__brand-link:target,
	& .sog-rebrand__footer-logo-link:hover,
	& .sog-rebrand__footer-logo-link:focus,
	& .sog-rebrand__footer-logo-link:target,
	& .sog-rebrand__menu a:hover,
	& .sog-rebrand__menu a:focus,
	& .sog-rebrand__menu a:target,
	& .sog-rebrand__utility-brand:hover,
	& .sog-rebrand__utility-brand:focus,
	& .sog-rebrand__utility-brand:target {
		text-decoration: var(--sog-rebrand-nav-link-hover-decoration, underline);
	}

	& .sog-rebrand__brand-title,
	& .sog-rebrand__brand-subtitle,
	& .sog-rebrand__copyright,
	& .sog-rebrand__footer-heading {
		margin: 0;
	}
}

.sog-rebrand__header[data-sog-rebrand-component="header"] {
	--sog-rebrand-header-bg: #1E3A57;
	--sog-rebrand-header-bottom-bg: #1E3A57;
	--sog-rebrand-header-bottom-border: rgba(255, 255, 255, 0.14);
	--sog-rebrand-header-bottom-text: #f5f8fb;
	--sog-rebrand-header-text: #ffffff;
	--sog-rebrand-mobile-nav-bg: #0c1a33;
	--sog-rebrand-mobile-nav-hover: #d0d7e2;
	--sog-rebrand-mobile-nav-text-hover: #d0d7e2;
	--sog-rebrand-bottom-text-hover: #d0d7e2;
	--sog-rebrand-mobile-nav-border: rgba(255, 255, 255, 0.12);
	--sog-rebrand-subtext-color: rgba(255, 255, 255, 0.78);
	color: var(--sog-rebrand-header-text);
	position: relative;
	z-index: 20;

	& .sog-rebrand__header-core {
		background: var(--sog-rebrand-header-bg);
		color: inherit;
	}

	& .sog-rebrand__header-shell {
		align-items: center;
		display: grid;
		gap: 1.5rem;
		grid-template-columns: minmax(0, 1fr) auto auto;
		min-height: 7.25rem;
	}

	& .sog-rebrand__brand-cluster {
		display: flex;
		flex-direction: column;
		gap: 0.3rem;
		min-width: 0;
	}

	& .sog-rebrand__brand-link {
		display: inline-flex;
	}

	& .sog-rebrand__brand-link--stacked {
		align-items: flex-start;
		flex-direction: column;
	}

	& .sog-rebrand__brand-image {
		display: block;
		height: auto;
		max-height: 5rem;
		max-width: min(22rem, 100%);
	}

	& .sog-rebrand__eyebrow {
		font-size: 0.74rem;
		font-weight: 800;
		letter-spacing: 0.14em;
		margin: 0;
		text-transform: uppercase;
	}

	& .sog-rebrand__brand-title {
		font-size: clamp(1.7rem, 3vw, 2.35rem);
		font-weight: 700;
		letter-spacing: -0.03em;
		line-height: 1.04;
	}

	& .sog-rebrand__brand-subtitle {
		color: var(--sog-rebrand-subtext-color);
		font-size: 0.96rem;
		line-height: 1.45;
		margin-top: 0.15rem;
		max-width: 46rem;
	}

	& .sog-rebrand__desktop-nav {
		display: flex;
		justify-content: flex-end;
		min-width: 0;
	}

	& .sog-rebrand__menu--header-main {
		justify-content: flex-end;
	}

	& .sog-rebrand__header-bottom {
		background: var(--sog-rebrand-header-bottom-bg);
		border-top: 1px solid var(--sog-rebrand-header-bottom-border);
		color: var(--sog-rebrand-header-bottom-text);
	}

	& .sog-rebrand__menu-toggle {
		align-items: center;
		background: transparent;
		border: 0;
		/* color: inherit; */
		display: none;
		gap: 0.75rem;
		padding: 0;
		font-size: var(--sog-rebrand-nav-font-size) !important;
		font-weight: var(--sog-rebrand-nav-font-weight) !important;
		font-family: var(--sog-rebrand-nav-font-family) !important;
		font-style: var(--sog-rebrand-nav-font-style) !important;
		text-transform: var(--sog-rebrand-nav-text-transform) !important;
		text-decoration: var(--sog-rebrand-nav-text-decoration) !important;
		color: var(--sog-rebrand-mobile-nav-color, var(--sog-rebrand-header-text));
		background-color: var(--sog-rebrand-mobile-nav-bg, transparent);

		&:hover,
		&:focus {
			color: var(--sog-rebrand-mobile-nav-text-hover);
			background-color: var(--sog-rebrand-mobile-nav-hover, transparent);
		}
	}

	& .sog-rebrand__menu-toggle-label {
		font-size: var(--sog-rebrand-nav-font-size) !important;
		font-weight: var(--sog-rebrand-nav-font-weight) !important;
		font-family: var(--sog-rebrand-nav-font-family) !important;
		font-style: var(--sog-rebrand-nav-font-style) !important;
		text-transform: var(--sog-rebrand-nav-text-transform) !important;
		text-decoration: var(--sog-rebrand-nav-text-decoration) !important;
	}

	& .sog-rebrand__menu-toggle-bars,
	& .sog-rebrand__menu-toggle-bars::before,
	& .sog-rebrand__menu-toggle-bars::after {
		background: currentColor;
		border-radius: 999px;
		content: "";
		display: block;
		height: 2px;
		width: 1.35rem;
	}

	& .sog-rebrand__menu-toggle-bars {
		position: relative;
	}

	& .sog-rebrand__menu-toggle-bars::before {
		position: absolute;
		top: -0.35rem;
	}

	& .sog-rebrand__menu-toggle-bars::after {
		position: absolute;
		top: 0.35rem;
	}
}

.sog-rebrand__utility-bar[data-sog-rebrand-component="utility-bar"] {
	--sog-rebrand-utility-bg: #4b9cd3;
	--sog-rebrand-utility-border: rgba(19, 41, 75, 0.22);
	--sog-rebrand-utility-text: #1E3A57;
	background: var(--sog-rebrand-utility-bg);
	color: var(--sog-rebrand-utility-text);
	font-size: 0.92rem;

	& .sog-rebrand__utility-shell {
		align-items: center;
		display: flex;
		gap: 1.5rem;
		justify-content: space-between;
		min-height: 3rem;
	}

	& .sog-rebrand__utility-brand {
		display: inline-flex;
		flex: 0 0 auto;
		font-size: 0.82rem;
		font-weight: 800;
		letter-spacing: 0.14em;
		text-transform: uppercase;
		white-space: nowrap;
	}

	& .sog-rebrand__utility-brand-lockup {
		border-right: 1px solid var(--sog-rebrand-utility-border);
		padding-right: 1rem;
	}
}

:is(
	.sog-rebrand__header[data-sog-rebrand-component="header"],
	.sog-rebrand__footer[data-sog-rebrand-component="footer"],
	.sog-rebrand__utility-bar[data-sog-rebrand-component="utility-bar"]
) .sog-rebrand__visually-hidden {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.sog-rebrand__header[data-sog-rebrand-component="header"].sog-rebrand--is-mobile,
.sog-rebrand__footer[data-sog-rebrand-component="footer"].sog-rebrand--is-mobile {
	--sog-rebrand-side-padding: var(--sog-rebrand-side-padding-mobile);
}

.sog-rebrand__header[data-sog-rebrand-component="header"].sog-rebrand--is-mobile {
	& .sog-rebrand__header-shell {
		grid-template-columns: minmax(0, 1fr) auto;
		min-height: 6rem;
	}

	& .sog-rebrand__desktop-nav,
	& .sog-rebrand__header-bottom,
	& .sog-rebrand__footer-column--hide-medium-mobile {
		display: none;
	}

	& .sog-rebrand__menu-toggle {
		display: inline-flex;
		justify-self: end;
		padding-top: var(--sog-rebrand-mobile-nav-item-padding-top, 0);
		padding-right: var(--sog-rebrand-mobile-nav-item-padding-right, 0);
		padding-bottom: var(--sog-rebrand-mobile-nav-item-padding-bottom, 0);
		padding-left: var(--sog-rebrand-mobile-nav-item-padding-left, 0);
		font-size: var(--sog-rebrand-nav-font-size) !important;
		font-weight: var(--sog-rebrand-nav-font-weight) !important;
		font-family: var(--sog-rebrand-nav-font-family) !important;
		font-style: var(--sog-rebrand-nav-font-style) !important;
		text-transform: var(--sog-rebrand-nav-text-transform) !important;
		text-decoration: var(--sog-rebrand-nav-text-decoration) !important;
		color: var(--sog-rebrand-mobile-nav-color, var(--sog-rebrand-header-text));
		background-color: var(--sog-rebrand-mobile-nav-bg, transparent);

		&:hover,
		&:focus {
			color: var(--sog-rebrand-mobile-nav-text-hover);
			background-color: var(--sog-rebrand-mobile-nav-hover, transparent);
		}
	}

	& .sog-rebrand__menu-toggle-label {
		font-size: var(--sog-rebrand-nav-font-size) !important;
		font-weight: var(--sog-rebrand-nav-font-weight) !important;
		font-family: var(--sog-rebrand-nav-font-family) !important;
		font-style: var(--sog-rebrand-nav-font-style) !important;
		text-transform: var(--sog-rebrand-nav-text-transform) !important;
		text-decoration: var(--sog-rebrand-nav-text-decoration) !important;
	}

	& .sog-rebrand__mobile-nav-section ul li ul,
	& .sog-rebrand__mobile-nav-section ul li ul li {
		min-width: var(--sog-rebrand-mobile-nav-min-width, auto);
	}

	& .sog-rebrand__utility-shell {
		align-items: flex-start;
		flex-direction: column;
	}

	& .sog-rebrand__utility-brand-lockup {
		border-right: 0;
		padding-right: 0;
	}

	& .sog-rebrand__header-core--simple-text-vertical-line-special-btn-navigation-name-inline {
		& .sog-rebrand__header-separator,
		& .sog-rebrand__brand-cluster--nav-special-btn-names-inline .sog-rebrand__navigation-cluster {
			display: none;
		}
	}
}

.sog-rebrand__footer[data-sog-rebrand-component="footer"].sog-rebrand--is-mobile {
	& .sog-rebrand__footer-logos {
		align-items: center;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	& .sog-rebrand__footer-logo-item {
		justify-content: center;
		width: 100%;
	}

	& .sog-rebrand__footer-grid,
	& .sog-rebrand__footer-columns-group,
	& .sog-rebrand__footer-bottom-bar {
		align-items: flex-start;
	}

	& .sog-rebrand__footer-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	& .sog-rebrand__footer-columns-group,
	& .sog-rebrand__footer-bottom-bar,
	& .sog-rebrand__inner .sog-rebrand__footer-row.sog-rebrand__footer-row--core .sog-rebrand__footer-grid .sog-rebrand__footer-column .sog-rebrand__footer-right .sog-rebrand__footer-columns-group {
		grid-template-columns: minmax(0, 1fr);
	}

	& .sog-rebrand__footer-bottom-bar .sog-rebrand__nav,
	& .sog-rebrand__footer-bottom-bar .sog-rebrand__menu--footer-bottom {
		justify-content: flex-start;
	}

	& .sog-rebrand__footer-column--hide-mobile,
	& .sog-rebrand__footer-logo-item--hide-mobile,
	& .sog-rebrand__footer-row--bottom-hide-mobile {
		display: none;
	}
}

@media (max-width: 960px) {
	html:not(.sog-rebrand__js) .sog-rebrand__header[data-sog-rebrand-component="header"] {
		& .sog-rebrand__header-shell {
			grid-template-columns: minmax(0, 1fr) auto;
			min-height: 6rem;
		}

		& .sog-rebrand__desktop-nav,
		& .sog-rebrand__header-bottom,
		& .sog-rebrand__footer-column.sog-rebrand__footer-column--show-small-mobile-only,
		& .sog-rebrand__footer-column--show-small-mobile-only,
		& .sog-rebrand__footer-separator--small-mobile {
			display: none !important;
		}

		& .sog-rebrand__menu-toggle {
			display: inline-flex;
			justify-self: end;
			padding-top: var(--sog-rebrand-mobile-nav-item-padding-top, 0);
			padding-right: var(--sog-rebrand-mobile-nav-item-padding-right, 0);
			padding-bottom: var(--sog-rebrand-mobile-nav-item-padding-bottom, 0);
			padding-left: var(--sog-rebrand-mobile-nav-item-padding-left, 0);
			color: var(--sog-rebrand-mobile-nav-color, var(--sog-rebrand-header-text));
			background-color: var(--sog-rebrand-mobile-nav-bg, transparent);

			&:hover,
			&:focus {
				color: var(--sog-rebrand-mobile-nav-text-hover);
				background-color: var(--sog-rebrand-mobile-nav-hover, transparent);
			}
		}

		& .sog-rebrand__mobile-nav-section ul li ul,
		& .sog-rebrand__mobile-nav-section ul li ul li {
			min-width: var(--sog-rebrand-mobile-nav-min-width, auto);
		}

		& .sog-rebrand__utility-shell {
			align-items: flex-start;
			flex-direction: column;
		}

		& .sog-rebrand__header-core--simple-text-vertical-line-special-btn-navigation-name-inline {
			& .sog-rebrand__header-separator,
			& .sog-rebrand__brand-cluster--nav-special-btn-names-inline {
				display: none !important;
			}
		}
	}

	html:not(.sog-rebrand__js) .sog-rebrand__footer[data-sog-rebrand-component="footer"] .sog-rebrand__footer-bottom-bar {
		grid-template-columns: minmax(0, 1fr);
	}

	html:not(.sog-rebrand__js) .sog-rebrand__footer[data-sog-rebrand-component="footer"] .sog-rebrand__footer-column.sog-rebrand__footer-column--show-small-mobile-only.sog-rebrand__footer-column--hide-mobile {
		display: none !important;
	}

	html:not(.sog-rebrand__js) .sog-rebrand__footer[data-sog-rebrand-component="footer"] {
		& .sog-rebrand__footer-bottom-bar .sog-rebrand__nav,
		& .sog-rebrand__footer-bottom-bar .sog-rebrand__menu--footer-bottom {
			justify-content: flex-start;
		}
	}

	.sog-rebrand__footer[data-sog-rebrand-component="footer"] {
		& .sog-rebrand__footer-logos {
			flex-direction: row !important;
			justify-content: space-between !important;
		}

		& .sog-rebrand__footer-logos .logo-site-name-container {
			align-items: flex-start !important;
			gap: 2.5625rem !important;
        	flex-wrap: nowrap !important;
		}

		& .sog-rebrand__footer-logo-item {
			justify-content: flex-start !important;
			width: auto !important;
		}

		& .sog-rebrand__footer-logos .sog-rebrand__footer-logo-item:nth-child(1) .sog-rebrand__footer-logo-image,
		& .sog-rebrand__footer-logos .logo-site-name-container .sog-rebrand__footer-logo-item .sog-rebrand__footer-logo-image {
			width: 10.3125rem !important;
			height: 3.1875rem !important;
			aspect-ratio: 55/17 !important;
		}

		& .sog-rebrand__footer-logos .sog-rebrand__footer-logo-item:nth-child(2) .sog-rebrand__footer-logo-image,
		& .sog-rebrand__footer-logos .sog-rebrand__footer-logo-item:nth-child(3) .sog-rebrand__footer-logo-image {
			width: 5.8125rem !important;
			height: 2.1875rem !important;
			aspect-ratio: 93/35 !important;
		}

		& .sog-rebrand__footer-grid {
		    width: -webkit-fill-available !important;
		}

		& .sog-rebrand__footer-separator-desktop,
		& .sog-rebrand__footer-separator--medium-mobile {
			display: block !important;
		}

		& .sog-rebrand__footer-column--show-medium-up {
			display: block;
		}

		& .sog-rebrand__footer-column--show-medium-up {
			text-align: left !important;
		}

		.sog-rebrand__footer-bottom-bar .sog-rebrand__footer-column.sog-rebrand__footer-column--show-small-mobile-only,
		& .sog-rebrand__footer-column.sog-rebrand__footer-column--show-small-mobile-only {
			display: none !important;
		}
	}

	.sog-rebrand__footer-bottom-bar .sog-rebrand__footer-column.sog-rebrand__footer-column--show-small-mobile-only {
		display: none !important;
	}
}

@media (max-width: 782px) {
	html:not(.sog-rebrand__js) :is(
		.sog-rebrand__header[data-sog-rebrand-component="header"],
		.sog-rebrand__footer[data-sog-rebrand-component="footer"],
		.sog-rebrand__utility-bar[data-sog-rebrand-component="utility-bar"]
	) {
		--sog-rebrand-side-padding: var(--sog-rebrand-side-padding-mobile);
	}

	html:not(.sog-rebrand__js) .sog-rebrand__footer[data-sog-rebrand-component="footer"] {
		& .sog-rebrand__footer-logos {
			align-items: center !important;
			flex-direction: column !important;
			justify-content: center !important;
			text-align: center !important;
		}

		& .sog-rebrand__footer-logo-item {
			justify-content: center !important;
			width: 100% !important;
		}

		& .sog-rebrand__footer-grid,
		& .sog-rebrand__footer-columns-group,
		& .sog-rebrand__footer-bottom-bar {
			grid-template-columns: minmax(0, 1fr) !important;
		}

		& .sog-rebrand__footer-column--hide-mobile,
		& .sog-rebrand__footer-logo-item--hide-mobile,
		& .sog-rebrand__footer-row--bottom-hide-mobile,
		& .sog-rebrand__footer-separator-desktop,
		& .sog-rebrand__footer-grid .sog-rebrand__footer-column--show-medium-up,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dashed"] .sog-rebrand__footer-separator--desktop,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dotted"] .sog-rebrand__footer-separator--desktop,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="solid"] .sog-rebrand__footer-separator--desktop,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dotted"] .sog-rebrand__footer-separator--medium-mobile,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dashed"] .sog-rebrand__footer-separator--medium-mobile,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="solid"] .sog-rebrand__footer-separator--medium-mobile {
			display: none !important;
		}

		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dashed"] .sog-rebrand__footer-separator--small-mobile {
			border-top-color: var(--footer-separator-2-border-color, currentColor) !important;
			border-top-width: var(--footer-separator-2-border-width, 1px) !important;
			border-top-style: var(--footer-separator-2-border-style-mobile, dashed) !important;
		}

		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dotted"] .sog-rebrand__footer-separator--small-mobile {
			border-top-color: var(--footer-separator-2-border-color, currentColor) !important;
			border-top-width: var(--footer-separator-2-border-width, 1px) !important;
			border-top-style: var(--footer-separator-2-border-style-mobile, dotted) !important;
		}

		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="solid"] .sog-rebrand__footer-separator--small-mobile {
			border-top-color: var(--footer-separator-2-border-color, currentColor) !important;
			border-top-width: var(--footer-separator-2-border-width, 1px) !important;
			border-top-style: var(--footer-separator-2-border-style-mobile, solid) !important;
		}
	}

	html:not(.sog-rebrand__js) .sog-rebrand__header[data-sog-rebrand-component="header"] .sog-rebrand__utility-brand-lockup {
		border-right: 0 !important;
		padding-right: 0 !important;
	}

	.sog-rebrand__header[data-sog-rebrand-component="header"] {
		& .site-name {
			white-space: normal !important;
		}
	}

	.sog-rebrand__footer[data-sog-rebrand-component="footer"] {
		& .sog-rebrand__footer-logos .logo-site-name-container {
			align-items: center !important;
			gap: 2.5625rem !important;
		}

		& .sog-rebrand__footer-logos .sog-rebrand__footer-logo-item:nth-child(1) .sog-rebrand__footer-logo-image,
		& .sog-rebrand__footer-logos .logo-site-name-container .sog-rebrand__footer-logo-item .sog-rebrand__footer-logo-image {
			width: 10.3125rem !important;
			height: 3.1875rem !important;
			aspect-ratio: 55/17;
		}

		& .sog-rebrand__footer-logos .sog-rebrand__footer-logo-item:nth-child(2) .sog-rebrand__footer-logo-image,
		& .sog-rebrand__footer-logos .sog-rebrand__footer-logo-item:nth-child(3) .sog-rebrand__footer-logo-image {
			width: 9.5rem !important;
			height: 2.6875rem !important;
			aspect-ratio: 152/43 !important;
		}

		& .sog-rebrand__footer-logos,
		& .sog-rebrand__footer-right {
			flex-direction: column !important;
		}

		& .sog-rebrand__footer-logos,
		& .sog-rebrand__footer-logo-item,
		& .sog-rebrand__footer-grid,
		& .sog-rebrand__footer-row.sog-rebrand__footer-row--bottom,
		& .sog-rebrand__menu--footer,
		& .sog-rebrand__footer-bottom-bar,
		& .sog-rebrand__footer-bottom-bar .sog-rebrand__nav,
		& .sog-rebrand__footer-bottom-bar .sog-rebrand__menu--footer-bottom,
		& .sog-rebrand__copyright,
		& .sog-rebrand__footer-column.sog-rebrand__footer-column--show-small-mobile-only {
			text-align: center !important;
			text-align: -webkit-center !important;
			justify-content: center !important;
			justify-items: center !important;
			justify-self: center !important;
			align-content: center !important;
            align-items: center !important;
			align-self: center !important;
		}

		& .sog-rebrand__footer-bottom-bar {
			display: flex !important;
			flex-direction: column-reverse !important;
		}

		& .sog-rebrand__copyright {
			align-self: center !important;
		}

		& .sog-rebrand__footer-column.sog-rebrand__footer-column--show-small-mobile-only {
			display: block !important;
			justify-content: center !important;
			justify-self: center !important;
			justify-items: center !important;
			align-content: center !important;
			align-items: center !important;
			align-self: center !important;
			text-align: center !important;
			text-align: -webkit-center !important;
		}

		& .sog-rebrand__footer-logos[data-sog-rebrand-alignment="flex-start"],
		& .sog-rebrand__menu--social.social-footer[data-sog-rebrand-alignment="flex-start"],
		& .sog-rebrand__footer-give-button-container[data-sog-rebrand-alignment="flex-start"],
		& .sog-rebrand__footer-column[data-sog-rebrand-alignment="flex-start"] .sog-rebrand__footer-column-heading {
			justify-content: center !important;
		}

		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dotted"] .sog-rebrand__footer-separator--desktop,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dashed"] .sog-rebrand__footer-separator--desktop,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="solid"] .sog-rebrand__footer-separator--desktop,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dotted"] .sog-rebrand__footer-separator--medium-mobile,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dashed"] .sog-rebrand__footer-separator--medium-mobile,
		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="solid"] .sog-rebrand__footer-separator--medium-mobile {
			display: none !important;
		}

		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dashed"] .sog-rebrand__footer-separator--small-mobile {
			border-top-color: var(--footer-separator-2-border-color, currentColor) !important;
			border-top-width: var(--footer-separator-2-border-width, 1px) !important;
			border-top-style: var(--footer-separator-2-border-style-mobile, dashed) !important;
		}

		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="dotted"] .sog-rebrand__footer-separator--small-mobile {
			border-top-color: var(--footer-separator-2-border-color, currentColor) !important;
			border-top-width: var(--footer-separator-2-border-width, 1px) !important;
			border-top-style: var(--footer-separator-2-border-style-mobile, dotted) !important;
		}

		& .sog-rebrand__footer-separator[data-separator-style-small-mobile="solid"] .sog-rebrand__footer-separator--small-mobile {
			border-top-color: var(--footer-separator-2-border-color, currentColor) !important;
			border-top-width: var(--footer-separator-2-border-width, 1px) !important;
			border-top-style: var(--footer-separator-2-border-style-mobile, solid) !important;
		}

		& .sog-rebrand__inner .sog-rebrand__footer-row.sog-rebrand__footer-row--core .sog-rebrand__footer-grid .sog-rebrand__footer-column .sog-rebrand__footer-right .sog-rebrand__footer-columns-group {
			grid-template-columns: minmax(0, 1fr) !important;
		}
	}

	& .sog-rebrand__footer-separator-mobile,
	& .sog-rebrand__footer-column.sog-rebrand__footer-column--show-small-mobile-only {
		display: block !important;
	}
	& .sog-rebrand__footer-grid .sog-rebrand__footer-column--show-medium-up,
	& .sog-rebrand__footer-column.sog-rebrand__footer-column--show-small-mobile-only.sog-rebrand__footer-column--hide-mobile {
		display: none !important;
	}
}

.text-uppercase {
	text-transform: uppercase !important;
}