.site-header {
	position: relative;

	.header--row-inner {
		align-items: center;
		display: flex;
	}
}
.builder-item--logo {
	--maxWidth: 36px;
	--padding: 10px 0;
	--margin: 0;
	--textAlign: left;
	--justify: flex-start;
}
.builder-item {
	margin: 4px 0;
	position: relative; 
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;

	&.hfg-end {
		margin-left: auto;
	}

	&.hfg-start {
		margin-right: auto;
	}
}

$desktop: map-get($gl-devices-list, desktop);

@media #{$desktop} {
	.builder-item {
		margin: 8px 0;
	}
}
.footer--row-inner > .container > .stx-row,
.header--row-inner > .container > .stx-row {
	margin-left: -15px;
	margin-right: -15px;
}
.hfg-slot {
	display: flex;
	align-items: center;

	&.left {
		.builder-item:first-of-type {
		}
	}

	&.right {
		justify-content: flex-end;
		.builder-item:last-of-type {
		}
	}

	&.center {
		justify-content: center;
	}
}

.layout-fullwidth {
	.container {
		max-width: 100%;
	}
}

.layout-contained {
	max-width: calc(var(--container) - var(--grid-gutter-width));
	margin: 0 auto;
	.container {
		padding-left: 0;
		padding-right: 0;
	}
}

.layout-full-contained {
	.container {
		max-width: var(--container);
	}
}

.container-fluid {
	width: 100%;
	margin: 0 auto
}

.container-fluid > div {
	margin: 0 -15px
}

[class*="row-inner"],
.header-menu-sidebar-bg {
	position: relative;
	background-image: var(--bgImage, none);
	background-position: var(--bgPosition, center);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: var(--bgAttachment);

	&::before {
		display: block;
		width: 100%;
		top: 0;
		bottom: 0;
		position: absolute;
		content: "";
		background-color: var(--overlayColor);
		opacity: var(--bgOverlayOpacity);
	}
}

[class*="row-inner"]:not(.footer--row-inner) {
	border-bottom: var(--rowBWidth, 0) solid var(--rowBColor);
}

.footer--row-inner {
	border-top: var(--rowBWidth, 0) solid var(--rowBColor);
}
.footer--row-inner {
	.widget	{
		margin-bottom: 21px;
		.wp-block-gallery:not([class*="align"]) {
			margin-top: 0;
		}
	}
}

[data-row-id] {
	color: var(--color);
	background: var(--bgColor);

	a {
		color: var(--color);
	}

	.stx-row {
		display: grid;
		grid-template-columns: auto auto;
		min-height: var(--height, auto);
	}
}

.has-center .row--wrapper {
	grid-template-columns: 1fr auto 1fr;
}

.hfg-is-group {
	display: flex;
	align-items: center;
}

.builder-item--footer-menu,
.component-wrap,
.item--inner,
.menu-item-nav-search,
.nav-ul a,
.palette-icon-wrapper,
.site-logo,
footer .nav-ul {
	justify-content: var(--justify,flex-start);
	text-align: var(--textAlign,left);
}


.stx-icon {
	fill: currentColor;
}

.builder-item {
	.item--inner {
		color: var(--color);
		font-family: var(--system-font-family);
		font-size: var(--fontSize, var(--bodyFontSize));
		line-height: var(--bodyLineHeight, 1.6);
		letter-spacing: var(--letterSpacing, var(--letter-spacing-base));
		font-weight: var(--bodyFontWeight, 500);
		text-transform: var(--textTransform);
		padding: var(--padding, 0);
		margin: var(--margin, 0);
	}
	.button.button-primary {
		cursor: pointer;
		box-sizing: border-box;
		background-color: var(--primaryBtnBg);
		color: var(--primaryBtnColor);
		border-style: solid;
		border-color: currentColor;
		fill: currentColor;
		border-width: var(--primaryBtnBorderWidth, 0);
		border-radius: var(--primaryBtnBorderRadius, 3px);
		padding: var(--primaryBtnPadding, 8px 18px);
		font-weight: var(--btnFontWeight, 500);
		font-size: var(--btnFs, 14px);
		line-height: var(--btnLineHeight, 1.6);
		letter-spacing: var(--btnLetterSpacing, 0.03em);
		text-transform: var(--btnTextTransform, none);
		font-family: var(--system-font-family);
		&:hover {
			background-color: var(--primaryBtnHoverBg);
			color: var(--primaryBtnHoverColor);
			border-color: var(--primaryBtnHoverColor);
		}
	}
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
	margin: 4px 4px 4px 0;
}

@media (min-width: 576px) {
	:root {
		--container: var(--container-sm);
	}
}
@media (min-width: 768px) {
	:root {
		--container: var(--container-md);
	}
}
@media (min-width: 992px) {
	:root {
		--container: var(--container-lg);
	}
}
@media (min-width: 1200px) {
	:root {
		--container: var(--container-xl);
	}
}


:root {
	--color: var(--text-color);
	--bgColor: var(--body-bg-color);
	--primaryBtnBg: var(--primary-color);
	--primaryBtnHoverBg: var(--primary-dark-color);
	--primaryBtnColor: var(--primary-contrast-color);
	--primaryBtnHoverColor: var(--primary-contrast-color);
	--primaryBtnBorderRadius: var(--border-radius);
	--primaryBtnPadding: 8px 18px;
	--btnFs: var(--bodyFontSize);
	--btnLineHeight: var(--bodyLineHeight);
	--btnFontWeight: var(--bodyFontWeight);
	--bodyFontFamily: var(--font-family);
	--bodyFontSize: 14px;
	--bodyLineHeight: 1.6;
	--bodyLetterSpacing: 0.03em;
	--bodyFontWeight: 500;
	--bodyTextTransform: none;
	--headingsFontFamily: var(--font-family);
	--h1FontSize: 39px;
	--h1FontWeight: var(--h1-font-weight, 600);
	--h1LineHeight: var(--heading-line-height, 1.2em);
	--h1LetterSpacing: 0px;
	--h1TextTransform: none;
	--formFieldBorderWidth: 2px;
	--formFieldBorderRadius: var(--border-radius);
	--formFieldBorderColor: var(--border-color);
	--formFieldColor: var(--stx-text-color);
	--formFieldPadding: 10px 12px;
}
:root {
	--stx-primary-accent: #2b2b2b;
	--stx-secondary-accent: #fcaf3b;
	--stx-site-bg: #ffffff;
	--stx-light-bg: #ededed;
	--stx-dark-bg: #14171c;
	--stx-text-color: #14171c;
	--stx-text-dark-bg: #ffffff;
	--stx-c-1: #77b978;
	--stx-c-2: #f37262;
	--stx-fallback-ff: Arial, Helvetica, sans-serif;
}



