.hxy-site {
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	color: #142331;
	background: #fff;
	line-height: 1.55;
	margin: 0;
}

.hxy-site * {
	box-sizing: border-box;
}

.hxy-wrap {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 34px;
}

.hxy-site h1,.hxy-site h2,.hxy-site h3,.hxy-site p {
	margin-top: 0;
}

.hxy-site h1,.hxy-site h2,.hxy-site h3 {
	line-height: 1.08;
	color: inherit;
}

.hxy-site a {
	text-decoration: none;
}

.hxy-head {
	position: sticky;
	top: 0;
	z-index: 20;
	background: #fff;
	box-shadow: 0 2px 18px #081b2b16;
}

.hxy-bar {
	min-height: 86px;
	display: flex;
	align-items: center;
	gap: 30px;
}

.hxy-logo {
	min-width: 170px;
	color: #091b2c;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 25px;
	line-height: 1;
}

.hxy-logo span {
	display: block;
	color: #0877bd;
	font-size: 10px;
	letter-spacing: 2.3px;
	margin-top: 7px;
}

.hxy-nav {
	display: flex;
	align-items: center;
	gap: 25px;
	margin-left: auto;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
}

.hxy-nav a {
	color: #172535;
	white-space: nowrap;
}

.hxy-nav a:hover {
	color: #d8212d;
}

.hxy-upload {
	background: #0877bd;
	color: #fff !important;
	padding: 13px 20px;
	border-radius: 2px;
}

.hxy-hero {
	min-height: 630px;
	display: flex;
	align-items: center;
	background: linear-gradient(90deg,#071724e8 0%,#102334b8 50%,#1023342e 100%), url('https://hexussteel.com/wp-content/uploads/2026/10/hexus-glp-00-aerial-hero-1536x864.jpg') center/cover;
	color: #fff;
	position: relative;
	border-bottom: 7px solid #ff8a1d;
}

.hxy-hero .hxy-wrap {
	width: 100%;
	padding-top: 90px;
	padding-bottom: 90px;
}

.hxy-kicker {
	font-size: 14px;
	letter-spacing: 2.2px;
	text-transform: uppercase;
	font-weight: 900;
	color: #ff8a1d;
	margin-bottom: 20px;
}

.hxy-hero h1 {
	font-size: clamp(48px,6.2vw,88px);
	max-width: 850px;
	letter-spacing: -2.5px;
	margin-bottom: 28px;
	text-transform: uppercase;
}

.hxy-hero p {
	font-size: 19px;
	max-width: 700px;
	color: #f0f4f7;
}

.hxy-actions {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 34px;
}

.hxy-btn {
	display: inline-block;
	padding: 15px 26px;
	background: #d8212d;
	color: #fff !important;
	font-size: 14px;
	letter-spacing: .7px;
	text-transform: uppercase;
	font-weight: 900;
	border: 0;
}

.hxy-btn.alt {
	background: transparent;
	border: 1px solid #fff;
}

.hxy-trust {
	position: relative;
	z-index: 3;
	margin-top: -58px;
}

.hxy-trust-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	background: #fff;
	box-shadow: 0 18px 45px #071a2b24;
}

.hxy-stat {
	padding: 28px;
	border-right: 1px solid #dce2e6;
}

.hxy-stat:last-child {
	border: 0;
}

.hxy-stat strong {
	display: block;
	font-size: 36px;
	line-height: 1;
	color: #091b2c;
}

.hxy-stat span {
	display: block;
	margin-top: 9px;
	font-size: 13px;
	color: #5c6a76;
	text-transform: uppercase;
	letter-spacing: .8px;
}

.hxy-section {
	padding: 110px 0;
}

.hxy-soft {
	background: #f4f6f7;
}

.hxy-grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 70px;
	align-items: center;
}

.hxy-photo {
	min-height: 430px;
	background: url('https://hexussteel.com/wp-content/uploads/2026/10/hexus-glp-00-aerial-hero.jpg') center/cover;
	position: relative;
}

.hxy-photo:after {
	content: "";
	position: absolute;
	left: -22px;
	bottom: -22px;
	width: 45%;
	height: 90px;
	background: #ff8a1d;
}

.hxy-photo>* {
	position: relative;
	z-index: 2;
}

.hxy-overline {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #0877bd;
	font-weight: 900;
	margin-bottom: 16px;
}

.hxy-section h2 {
	font-size: clamp(38px,4vw,58px);
	text-transform: uppercase;
	letter-spacing: -1.5px;
	margin-bottom: 24px;
}

.hxy-section p {
	font-size: 17px;
	color: #5c6a76;
}

.hxy-bullets {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-top: 30px;
}

.hxy-bullets div {
	padding: 14px 16px;
	border-left: 4px solid #ff8a1d;
	background: #fff;
	font-weight: 800;
	font-size: 14px;
}

.hxy-cards {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 22px;
	margin-top: 46px;
}

.hxy-card {
	background: #fff;
	border: 1px solid #dce2e6;
	padding: 30px;
	min-height: 215px;
	position: relative;
	transition: transform .2s, box-shadow .2s;
}

.hxy-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 17px 40px #0b1b2b17;
}

.hxy-card .num {
	font-size: 13px;
	font-weight: 900;
	color: #ff8a1d;
	letter-spacing: 1px;
}

.hxy-card h3 {
	font-size: 24px;
	text-transform: uppercase;
	margin: 26px 0 14px;
}

.hxy-card p {
	font-size: 15px;
	margin: 0;
}

.hxy-card a:after {
	content: " +";
	color: #d8212d;
}

.hxy-problems {
	grid-template-columns: repeat(4,1fr);
}

.hxy-problems .hxy-card {
	min-height: 245px;
}

.hxy-dark {
	background: #091b2c;
	color: #fff;
}

.hxy-dark p {
	color: #c7d2dd;
}

.hxy-dark .hxy-card {
	background: #112d45;
	border-color: #294358;
}

.hxy-dark .hxy-card h3 {
	color: #fff;
}

.hxy-dark .hxy-card p {
	color: #c7d2dd;
}

.hxy-center {
	text-align: center;
	max-width: 830px;
	margin: 0 auto 46px;
}

.hxy-center h2 {
	margin-bottom: 18px;
}

.hxy-project-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 25px;
}

.hxy-project {
	background: #fff;
	overflow: hidden;
	border-bottom: 4px solid #ff8a1d;
}

.hxy-project-img {
	height: 230px;
	background: center/cover no-repeat;
}

.hxy-project-body {
	padding: 27px;
}

.hxy-project h3 {
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.hxy-project p {
	font-size: 14px;
}

.hxy-steps {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px;
	margin-top: 42px;
	counter-reset: step;
}

.hxy-step {
	padding: 28px;
	background: #fff;
	border-top: 4px solid #0877bd;
}

.hxy-step:before {
	counter-increment: step;
	content: "0" counter(step);
	color: #ff8a1d;
	font-size: 14px;
	font-weight: 900;
}

.hxy-step h3 {
	font-size: 22px;
	text-transform: uppercase;
	margin: 18px 0 12px;
}

.hxy-cta {
	padding: 90px 0;
	background: linear-gradient(110deg,#0a253a,#123e5b);
	color: #fff;
}

.hxy-cta .hxy-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.hxy-cta h2 {
	font-size: 48px;
	max-width: 700px;
	text-transform: uppercase;
}

.hxy-cta p {
	color: #dbe5ec;
	margin: 0;
}

.hxy-foot {
	background: #06131f;
	color: #c4d0da;
	padding: 70px 0 24px;
}

.hxy-foot-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1fr;
	gap: 38px;
}

.hxy-foot strong {
	color: #fff;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.hxy-foot a {
	display: block;
	color: #c4d0da;
	font-size: 14px;
	margin: 9px 0;
}

.hxy-foot a:hover {
	color: #ff8a1d;
}

.hxy-copy {
	border-top: 1px solid #213242;
	padding-top: 22px;
	margin-top: 45px;
	font-size: 12px;
	color: #8697a5;
}

.hxy-pagehead {
	padding: 130px 0 100px;
	background: linear-gradient(100deg,#061827f2,#0b2e48d9), url('https://hexussteel.com/wp-content/uploads/2026/10/hexus-glp-00-aerial-hero.jpg') center/cover;
	color: #fff;
	border-bottom: 7px solid #ff8a1d;
}

.hxy-pagehead h1 {
	font-size: clamp(46px,6vw,78px);
	text-transform: uppercase;
	margin-bottom: 20px;
}

.hxy-pagehead p {
	max-width: 700px;
	color: #e0e8ef;
	font-size: 18px;
}

.hxy-list {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
	margin-top: 36px;
}

.hxy-list .hxy-card {
	min-height: 170px;
}

.hxy-jsonly {
	display: none;
}

@media(max-width:980px) {
	.hxy-bar {
		padding: 18px 0;
		align-items: flex-start;
	}
	
	.hxy-nav {
		overflow: auto;
		width: 100%;
		gap: 18px;
		padding-bottom: 5px;
	}
	
	.hxy-bar {
		flex-wrap: wrap;
	}
	
	.hxy-logo {
		min-width: 130px;
	}
	
	.hxy-grid2 {
		grid-template-columns: 1fr;
		gap: 42px;
	}
	
	.hxy-cards,.hxy-project-grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-problems {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-trust-grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-steps {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-foot-grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-cta .hxy-wrap {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media(max-width:620px) {
	.hxy-wrap {
		padding: 0 20px;
	}
	
	.hxy-hero {
		min-height: 690px;
	}
	
	.hxy-hero h1 {
		font-size: 45px;
	}
	
	.hxy-section {
		padding: 75px 0;
	}
	
	.hxy-cards,.hxy-project-grid,.hxy-problems,.hxy-steps,.hxy-list {
		grid-template-columns: 1fr;
	}
	
	.hxy-trust-grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.hxy-stat {
		padding: 22px;
	}
	
	.hxy-stat strong {
		font-size: 28px;
	}
	
	.hxy-cta h2 {
		font-size: 37px;
	}
	
	.hxy-photo {
		min-height: 300px;
	}
	
	.hxy-nav a:last-child {
		display: none;
	}
}

body.page .wp-site-blocks > header.wp-block-template-part,
body.page .wp-site-blocks > footer.wp-block-template-part,
body.page .jetpack-sharing-serivces-list {
	display: none !important;
}

body.page {
	background: #fff !important;
}

body.page .wp-site-blocks,body.page main.wp-block-group {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page .entry-content {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page .entry-content > p:empty {
	display: none;
}

body.page .hxy-site {
	width: 100% !important;
	max-width: none !important;
	overflow: hidden !important;
}

.hxy-bar > a:not(.hxy-logo):not(.hxy-upload) {
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 800;
	text-transform: uppercase;
	white-space: nowrap;
	color: #172535;
}

.hxy-bar > a:not(.hxy-logo):not(.hxy-upload):hover {
	color: #d8212d;
}

.hxy-bar > a.hxy-upload {
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.15;
	font-weight: 800;
	text-transform: uppercase;
}

.hxy-site .wp-block-buttons,.hxy-site .wp-block-group {
	margin-top: 0;
}

.hxy-site .contact-form input[type=text],.hxy-site .contact-form input[type=email],.hxy-site .contact-form textarea {
	width: 100%;
	border: 1px solid #cbd5dc;
	background: #f7f9fa;
	padding: 13px 14px;
	font: 16px Arial, sans-serif;
	margin-top: 6px;
}

.hxy-site .contact-form label {
	display: block;
	font-weight: 800;
	font-size: 14px;
	margin: 14px 0;
}

.hxy-site .contact-form input[type=submit] {
	background: #d8212d;
	border: 0;
	color: #fff;
	padding: 15px 24px;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}

@media(max-width:980px) {
	.hxy-bar > a:not(.hxy-logo) {
		font-size: 13px;
	}
	
	.hxy-upload {
		padding: 11px 14px !important;
	}
}

@media(max-width:620px) {
	.hxy-bar {
		gap: 15px;
	}
	
	.hxy-bar > a:not(.hxy-logo) {
		font-size: 12px;
	}
	
	.hxy-upload {
		display: none !important;
	}
}

body.page .wp-block-jetpack-sharing-buttons {
	display: none !important;
}

.hxy-bar {
	gap: 16px !important;
}

.hxy-bar > a:not(.hxy-logo) {
	font-size: 12px !important;
}

@media(max-width:760px) {
	.hxy-bar {
		gap: 14px !important;
	}
	
	.hxy-bar > a:not(.hxy-logo) {
		font-size: 11px !important;
	}
}

.hxy-bar > a.hxy-upload {
	display: inline-block !important;
	background-color: #0877bd !important;
	background: #0877bd !important;
	color: #fff !important;
	padding: 13px 20px !important;
	border-radius: 2px !important;
}

.hxy-ndrop {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	flex: 0 0 auto;
}

.hxy-ndrop>a {
	font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 800;
	text-transform: uppercase;
	white-space: nowrap;
	color: #172535;
}

.hxy-ndrop:hover>a,.hxy-ndrop:focus-within>a {
	color: #d8212d;
}

.hxy-toggle {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #142331;
	cursor: pointer;
	outline: none;
}

.hxy-submenu {
	display: none;
	position: absolute;
	top: calc(100% + 20px);
	left: -14px;
	min-width: 245px;
	background: #fff;
	box-shadow: 0 18px 40px #071a2b2e;
	border-top: 4px solid #ff8a1d;
	padding: 8px 0;
	z-index: 80;
}

.hxy-ndrop:hover>.hxy-submenu,.hxy-ndrop:focus-within>.hxy-submenu {
	display: block;
}

.hxy-submenu a {
	display: block;
	padding: 11px 18px !important;
	font: 600 13px/1.25 Arial, sans-serif !important;
	color: #142331 !important;
	text-transform: none !important;
	white-space: normal !important;
}

.hxy-submenu a:hover {
	background: #f4f6f7;
	color: #0877bd !important;
}

.hxy-submenu .hxy-ndrop {
	display: flex;
	padding: 0 8px;
}

.hxy-submenu .hxy-ndrop>a {
	padding: 11px 10px !important;
	flex: 1;
}

.hxy-submenu .hxy-toggle {
	border-top-color: #717e88;
	margin-right: 10px;
}

.hxy-submenu-right {
	top: -8px !important;
	left: calc(100% - 3px) !important;
	border-top-color: #0877bd;
}

@media(max-width:980px) {
	.hxy-ndrop {
		flex-wrap: wrap;
	}
	
	.hxy-submenu,.hxy-submenu-right {
		position: static;
		display: none;
		width: 100%;
		min-width: 0;
		box-shadow: none;
		border-top: 1px solid #dce2e6;
		padding: 4px 0 10px 18px;
	}
	
	.hxy-submenu .hxy-ndrop {
		display: flex;
		padding: 0;
	}
	
	.hxy-submenu-right {
		left: 0 !important;
	}
	
	.hxy-ndrop:hover>.hxy-submenu,.hxy-ndrop:focus-within>.hxy-submenu {
		display: block;
	}
}

/* Reference typography and color system extracted from hexussteel.com/steel-structure-systems/ */
.hxy-site,.hxy-site * {
	font-family: "Barlow Condensed", sans-serif !important;
}

body.page {
	background: #fff !important;
	color: #333 !important;
	font-size: 16px !important;
	line-height: 24px !important;
}

.hxy-site {
	color: #333 !important;
	font-size: 16px !important;
	line-height: 24px !important;
}

.hxy-site p {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 25px !important;
	color: #54595f !important;
}

.hxy-site h1 {
	font-size: 45px !important;
	line-height: 60px !important;
	font-weight: 800 !important;
	letter-spacing: normal !important;
	text-transform: capitalize !important;
	color: #f8f8f8 !important;
}

.hxy-site h2 {
	font-size: 45px !important;
	line-height: 50px !important;
	font-weight: 800 !important;
	letter-spacing: normal !important;
	text-transform: capitalize !important;
	color: #000 !important;
}

.hxy-site h3 {
	font-size: 18px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: capitalize !important;
	color: #005ea7 !important;
}

.hxy-hero h1,.hxy-pagehead h1 {
	color: #f8f8f8 !important;
}

.hxy-hero p,.hxy-pagehead p {
	font-size: 18px !important;
	line-height: 25px !important;
	color: #fff !important;
}

.hxy-hero {
	min-height: 552px !important;
	border-bottom: 0 !important;
	background-image: linear-gradient(90deg,#173763f0 0%,#173763d9 48%,#17376380 100%), url('https://hexussteel.com/wp-content/uploads/2026/10/hexus-glp-00-aerial-hero-1536x864.jpg') !important;
}

.hxy-pagehead {
	background-image: linear-gradient(90deg,#173763f2,#173763cc), url('https://hexussteel.com/wp-content/uploads/2026/10/hexus-glp-00-aerial-hero.jpg') !important;
	border-bottom: 0 !important;
	padding: 100px 0 90px !important;
}

.hxy-kicker {
	font-size: 16px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	text-transform: capitalize !important;
	color: #c5231f !important;
}

.hxy-hero .hxy-kicker {
	color: #f8f8f8 !important;
}

.hxy-overline {
	font-size: 18px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: capitalize !important;
	color: #005ea7 !important;
}

.hxy-section {
	padding: 90px 0 !important;
}

.hxy-section h2,.hxy-center h2 {
	font-size: 45px !important;
	line-height: 50px !important;
	font-weight: 800 !important;
	color: #000 !important;
}

.hxy-card {
	border: 1px solid #d8d8d8 !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: none !important;
}

.hxy-card h3 {
	font-size: 18px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	color: #005ea7 !important;
	margin: 18px 0 14px !important;
}

.hxy-card p {
	font-size: 14px !important;
	line-height: 21px !important;
	color: #7a7a7a !important;
}

.hxy-problems .hxy-card h3,.hxy-list .hxy-card h3 {
	color: #005ea7 !important;
}

.hxy-project h3 {
	font-size: 20px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	color: #005ea7 !important;
}

.hxy-project p {
	font-size: 16px !important;
	line-height: 25px !important;
	color: #54595f !important;
}

.hxy-dark,.hxy-dark .hxy-card {
	background: #005ea7 !important;
	border-color: #005ea7 !important;
}

.hxy-dark h2,.hxy-dark h3,.hxy-dark p {
	color: #fff !important;
}

.hxy-dark .hxy-overline {
	color: #f8f8f8 !important;
}

.hxy-stat strong {
	font-size: 45px !important;
	line-height: 50px !important;
	font-weight: 800 !important;
	color: #005ea7 !important;
}

.hxy-stat span {
	font-size: 13px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
	color: #54595f !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

.hxy-bullets div {
	font-size: 16px !important;
	line-height: 25px !important;
	font-weight: 400 !important;
	color: #333 !important;
	border-left-color: #c5231f !important;
}

.hxy-soft {
	background: #f8f8f8 !important;
}

.hxy-cta {
	background: #173763 !important;
}

.hxy-cta h2 {
	font-size: 35px !important;
	line-height: 50px !important;
	font-weight: 800 !important;
	color: #f8f8f8 !important;
}

.hxy-cta p {
	color: #f8f8f8 !important;
}

.hxy-btn {
	font-size: 16px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	text-transform: capitalize !important;
	background: #c5231f !important;
	border-radius: 3px !important;
	padding: 12px 24px !important;
	letter-spacing: normal !important;
}

.hxy-btn.alt {
	border: 1px solid #f8f8f8 !important;
	background: transparent !important;
}

.hxy-bar {
	min-height: 90px !important;
	gap: 0 !important;
}

.hxy-logo {
	font-size: 25px !important;
	font-weight: 800 !important;
	color: #173763 !important;
}

.hxy-logo span {
	font-size: 13px !important;
	line-height: 18px !important;
	color: #005ea7 !important;
	letter-spacing: 2px !important;
}

.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a {
	font-size: 20px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	color: #000 !important;
	padding: 13px !important;
}

.hxy-bar>a:not(.hxy-logo):not(.hxy-upload):hover,.hxy-ndrop:hover>a,.hxy-ndrop:focus-within>a {
	color: #c5231f !important;
}

.hxy-bar>a.hxy-upload {
	font-size: 16px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	background: #005ea7 !important;
	border-radius: 3px !important;
	padding: 5px 11px !important;
}

.hxy-toggle {
	border-top-color: #000 !important;
	border-left-width: 4px !important;
	border-right-width: 4px !important;
	border-top-width: 5px !important;
}

.hxy-ndrop:hover>.hxy-toggle,.hxy-ndrop:focus-within>.hxy-toggle {
	border-top-color: #c5231f !important;
}

.hxy-submenu {
	border-top-color: #005ea7 !important;
	border-radius: 0 0 3px 3px !important;
	box-shadow: 0 14px 30px #00000024 !important;
	padding: 8px 0 !important;
}

.hxy-submenu a {
	font-size: 17px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	color: #000 !important;
	text-transform: capitalize !important;
	padding: 13px 20px !important;
}

.hxy-submenu a:hover {
	background: #f8f8f8 !important;
	color: #c5231f !important;
}

.hxy-foot {
	background: #173763 !important;
	color: #f8f8f8 !important;
}

.hxy-foot strong {
	font-size: 20px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	color: #f8f8f8 !important;
}

.hxy-foot p,.hxy-foot a {
	font-size: 16px !important;
	line-height: 25px !important;
	color: #f8f8f8 !important;
}

.hxy-copy {
	font-size: 13px !important;
	line-height: 20px !important;
	color: #f8f8f8 !important;
	border-top-color: #ffffff40 !important;
}

.hxy-site .contact-form label {
	font-size: 16px !important;
	line-height: 25px !important;
	color: #333 !important;
}

.hxy-site .contact-form input,.hxy-site .contact-form textarea {
	font-family: "Barlow Condensed", sans-serif !important;
	font-size: 16px !important;
	line-height: 25px !important;
	color: #333 !important;
}

.hxy-site .contact-form input[type=submit] {
	font-size: 16px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
	background: #c5231f !important;
	border-radius: 3px !important;
}

@media(max-width:980px) {
	.hxy-site h1 {
		font-size: 38px !important;
		line-height: 46px !important;
	}
	
	.hxy-site h2 {
		font-size: 36px !important;
		line-height: 42px !important;
	}
	
	.hxy-section h2,.hxy-center h2 {
		font-size: 36px !important;
		line-height: 42px !important;
	}
	
	.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a {
		font-size: 18px !important;
		padding: 10px 8px !important;
	}
	
	.hxy-submenu a {
		font-size: 16px !important;
	}
}

@media(max-width:620px) {
	.hxy-site h1 {
		font-size: 34px !important;
		line-height: 40px !important;
	}
	
	.hxy-site h2,.hxy-section h2,.hxy-center h2 {
		font-size: 32px !important;
		line-height: 38px !important;
	}
	
	.hxy-hero p,.hxy-pagehead p {
		font-size: 17px !important;
		line-height: 24px !important;
	}
	
	.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a {
		font-size: 17px !important;
		padding: 9px 6px !important;
	}
	
	.hxy-upload {
		display: none !important;
	}
}

.hxy-bar>p {
	margin: 0 !important;
	padding: 0 !important;
	display: contents !important;
}

.hxy-bar>p:empty {
	display: none !important;
}

.hxy-bar>p>a:not(.hxy-upload) {
	font-size: 20px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	color: #000 !important;
	padding: 13px 7px !important;
	white-space: nowrap !important;
}

.hxy-bar>p>a:not(.hxy-upload):hover {
	color: #c5231f !important;
}

.hxy-bar>p>a.hxy-upload {
	font-size: 16px !important;
	line-height: 25px !important;
	font-weight: 600 !important;
	text-transform: capitalize !important;
	background: #005ea7 !important;
	color: #fff !important;
	border-radius: 3px !important;
	padding: 5px 11px !important;
	white-space: nowrap !important;
}

.hxy-ndrop>a {
	padding: 13px 7px !important;
}

.hxy-ndrop {
	gap: 3px !important;
}

.hxy-bar {
	justify-content: flex-start !important;
}

.hxy-logo {
	margin-right: 18px !important;
}

@media(max-width:980px) {
	.hxy-bar>p>a:not(.hxy-upload) {
		font-size: 18px !important;
		padding: 10px 5px !important;
	}
	
	.hxy-bar>p>a.hxy-upload {
		font-size: 15px !important;
	}
}

@media(max-width:620px) {
	.hxy-bar>p>a:not(.hxy-upload) {
		font-size: 17px !important;
		padding: 9px 5px !important;
	}
	
	.hxy-bar>p>a.hxy-upload {
		display: none !important;
	}
}

.hxy-logo {
	min-width: 112px !important;
	width: 112px !important;
	margin-right: 8px !important;
}

.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a,.hxy-bar>p>a:not(.hxy-upload) {
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload {
	white-space: nowrap !important;
}

.hxy-logo span {
	font-size: 11px !important;
	line-height: 15px !important;
	letter-spacing: 1px !important;
	white-space: nowrap !important;
}

.hxy-bar {
	padding-left: 18px !important;
	padding-right: 18px !important;
	max-width: 1460px !important;
}

.hxy-logo {
	width: 96px !important;
	min-width: 96px !important;
	margin-right: 6px !important;
}

.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a,.hxy-bar>p>a:not(.hxy-upload) {
	padding-left: 2px !important;
	padding-right: 2px !important;
}

.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload {
	width: 76px !important;
	min-width: 76px !important;
	height: 50px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	white-space: normal !important;
	line-height: 20px !important;
	padding: 5px 6px !important;
}

.hxy-lang {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 8px;
	min-width: 154px;
	height: 40px;
	padding: 5px 12px;
	margin-left: 7px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fff;
	color: #666;
	cursor: pointer;
	outline: none;
	flex: 0 0 auto;
}

.hxy-flag,.hxy-lang-menu img {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 17px;
	overflow: hidden;
	flex: 0 0 auto;
}

.hxy-flag img,.hxy-lang-menu img {
	display: block !important;
	width: 24px !important;
	height: 16px !important;
	object-fit: cover;
}

.hxy-lang-label {
	font: 500 16px/25px "Barlow Condensed", sans-serif;
	color: #666;
	white-space: nowrap;
}

.hxy-lang-caret {
	width: 7px;
	height: 7px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	transform: rotate(45deg);
	margin-left: auto;
	margin-top: -4px;
}

.hxy-lang-menu {
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% + 6px);
	min-width: 154px;
	padding: 4px 0;
	background: #eee;
	border: 1px solid #ccc;
	box-shadow: 0 12px 24px #0000001f;
	z-index: 100;
}

.hxy-lang:hover .hxy-lang-menu,.hxy-lang:focus-within .hxy-lang-menu {
	display: block;
}

.hxy-lang-menu a {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 9px 12px !important;
	color: #000 !important;
	font: 500 16px/25px "Barlow Condensed", sans-serif !important;
	text-transform: none !important;
}

.hxy-lang-menu a:hover {
	background: #fff !important;
	color: #000 !important;
}

@media(max-width:1350px) {
	.hxy-lang {
		min-width: 138px;
	}
	
	.hxy-lang-label {
		font-size: 15px;
	}
	
	.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a,.hxy-bar>p>a:not(.hxy-upload) {
		padding-left: 1px !important;
		padding-right: 1px !important;
	}
}

@media(max-width:980px) {
	.hxy-lang {
		margin-left: 4px;
		min-width: 132px;
	}
	
	.hxy-lang-label {
		font-size: 15px;
	}
	
	.hxy-lang-menu {
		right: auto;
		left: 0;
	}
}

@media(max-width:620px) {
	.hxy-lang {
		min-width: 126px;
		margin-left: 0;
		padding: 4px 9px;
	}
	
	.hxy-lang-label {
		font-size: 14px;
	}
}

.hxy-logo {
	margin-right: 12px !important;
	color: #005ea7 !important;
}

.hxy-ndrop {
	margin-left: 2px !important;
	margin-right: 2px !important;
	gap: 4px !important;
}

.hxy-bar>a:not(.hxy-logo):not(.hxy-upload),.hxy-ndrop>a,.hxy-bar>p>a:not(.hxy-upload) {
	padding-left: 3px !important;
	padding-right: 3px !important;
}

.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload {
	margin-left: 6px !important;
}

.hxy-lang {
	margin-left: 8px !important;
}

.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload {
	margin-left: auto !important;
}

html,body {
	max-width: 100% !important;
	overflow-x: hidden !important;
}

@font-face {
	font-family: 'HXY Barlow Condensed';
	font-style: normal;
	font-weight: 400;
	src: format("woff2");
}

@font-face {
	font-family: 'HXY Barlow Condensed';
	font-style: normal;
	font-weight: 500;
	src: format("woff2");
}

@font-face {
	font-family: 'HXY Barlow Condensed';
	font-style: normal;
	font-weight: 600;
	src: format("woff2");
}

@font-face {
	font-family: 'HXY Barlow Condensed';
	font-style: normal;
	font-weight: 700;
	src: format("woff2");
}

@font-face {
	font-family: 'HXY Barlow Condensed';
	font-style: normal;
	font-weight: 800;
	src: format("woff2");
}

.hxy-site,.hxy-site * {
	font-family: 'HXY Barlow Condensed', 'Barlow Condensed', sans-serif !important;
	font-synthesis: none !important;
}
.hxy-site,.hxy-site *{font-family:"Bahnschrift Condensed","Arial Narrow",sans-serif!important}

@media(min-width:1451px){.hxy-bar{width:100%!important;max-width:1521px!important;padding-left:21px!important;padding-right:21px!important;gap:0!important}.hxy-logo{width:125px!important;min-width:125px!important;height:35px!important;margin-right:12px!important}.hxy-bar>.hxy-ndrop:first-of-type{margin-left:125px!important}.hxy-ndrop{gap:0!important;margin-left:0!important;margin-right:0!important}.hxy-ndrop>a{padding:13px!important;letter-spacing:-.8px!important}.hxy-bar>p>a:not(.hxy-upload){padding:13px!important;letter-spacing:-.8px!important}.hxy-toggle{position:absolute!important;right:1px!important;top:50%!important;transform:translateY(-50%)!important}.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload{width:85px!important;min-width:85px!important;height:35px!important;padding:5px 8px!important;margin-left:auto!important}.hxy-lang{min-width:154px!important;height:40px!important;margin-left:50px!important}}

/* HXY header match: calibrated to the visible desktop header at 1536px */
.hxy-site,.hxy-site *{font-family:"Barlow Condensed",sans-serif!important;font-synthesis:none!important}
@media (min-width:1451px){
.hxy-head{width:100vw!important;max-width:none!important;height:93px!important}
.hxy-bar{display:flex!important;width:100vw!important;max-width:none!important;height:92px!important;min-height:92px!important;padding:0!important;margin:0!important;gap:0!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;box-sizing:border-box!important;position:relative!important}
.hxy-logo{width:125px!important;min-width:125px!important;height:35px!important;margin:0 0 0 28px!important;padding:0!important}
.hxy-bar>.hxy-ndrop:first-of-type{margin-left:64.5px!important}
.hxy-ndrop{gap:0!important;margin-left:0!important;margin-right:0!important}
.hxy-ndrop>a,.hxy-bar>p>a:not(.hxy-upload){padding:13px!important;line-height:25px!important;font-size:20px!important;font-weight:600!important;letter-spacing:normal!important;white-space:nowrap!important}
.hxy-toggle{position:absolute!important;right:1px!important;top:50%!important;transform:translateY(-50%)!important}
.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload{position:absolute!important;right:229px!important;left:auto!important;top:28.5px!important;width:110px!important;min-width:110px!important;height:35px!important;margin:0!important;padding:5px 11px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;line-height:25px!important;font-size:16px!important;font-weight:600!important;letter-spacing:normal!important;box-sizing:border-box!important}
.hxy-lang{position:absolute!important;left:auto!important;right:-2px!important;top:30px!important;width:173px!important;min-width:173px!important;height:32px!important;margin:0!important;padding:3px 12px!important;box-sizing:border-box!important;gap:8px!important}
.hxy-lang-label{font-family:Arial,sans-serif!important;font-size:16px!important;line-height:25px!important;font-weight:400!important;color:#999!important}
.hxy-lang-menu{width:173px!important;min-width:173px!important;right:0!important}
}
body.page{overflow-x:visible!important}
body.page .hxy-site{overflow:visible!important}

@media (min-width:1451px){.hxy-bar>.hxy-ndrop{padding-right:30px!important}.hxy-bar>p>a[href="/projects/"]{padding-right:17px!important}}

@media (min-width:1451px){.hxy-bar>.hxy-ndrop{padding-right:0!important}.hxy-bar>.hxy-ndrop>a{padding:13px 0 13px 13px!important}.hxy-bar>.hxy-ndrop>.hxy-toggle{position:relative!important;display:block!important;flex:0 0 30px!important;width:30px!important;height:40px!important;margin:0 13px 0 0!important;border:0!important;transform:none!important}.hxy-bar>.hxy-ndrop>.hxy-toggle::before{content:""!important;display:block!important;position:absolute!important;left:9px!important;top:16px!important;width:0!important;height:0!important;border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-top:8px solid #000!important}.hxy-ndrop:hover>.hxy-toggle::before,.hxy-ndrop:focus-within>.hxy-toggle::before{border-top-color:#c5231f!important}}

@media (min-width:1536px){.hxy-bar>.hxy-ndrop:first-of-type{margin-left:calc(67.58vw - 974px)!important}}

@media (min-width:2048px){.hxy-bar>.hxy-ndrop:first-of-type{margin-left:calc(50vw - 614px)!important}}

@media (min-width:1536px) and (max-width:1599px){.hxy-bar>.hxy-ndrop:first-of-type{margin-left:calc(189.84375vw - 2980.5px)!important}}
@media (min-width:1600px){.hxy-bar>.hxy-ndrop:first-of-type{margin-left:calc(50vw - 614px)!important}}

@media (min-width:1451px){.hxy-logo{transform:scale(1.42,.91)!important;transform-origin:left center!important}}
.hxy-flag{background:
linear-gradient(90deg,transparent 43.75%,#c8102e 43.75% 56.25%,transparent 56.25%),
linear-gradient(0deg,transparent 40%,#c8102e 40% 60%,transparent 60%),
linear-gradient(90deg,transparent 37.5%,#fff 37.5% 62.5%,transparent 62.5%),
linear-gradient(0deg,transparent 31.25%,#fff 31.25% 68.75%,transparent 68.75%),
linear-gradient(33deg,transparent 44%,#fff 44% 46%,#c8102e 46% 54%,#fff 54% 56%,transparent 56%),
linear-gradient(-33deg,transparent 44%,#fff 44% 46%,#c8102e 46% 54%,#fff 54% 56%,transparent 56%),
#012169!important}
.hxy-flag img{display:none!important}
.hxy-lang-menu a:first-child img{display:none!important}
.hxy-lang-menu a:first-child::before{content:""!important;display:block!important;width:24px!important;height:16px!important;flex:0 0 24px!important;background:
linear-gradient(90deg,transparent 43.75%,#c8102e 43.75% 56.25%,transparent 56.25%),
linear-gradient(0deg,transparent 40%,#c8102e 40% 60%,transparent 60%),
linear-gradient(90deg,transparent 37.5%,#fff 37.5% 62.5%,transparent 62.5%),
linear-gradient(0deg,transparent 31.25%,#fff 31.25% 68.75%,transparent 68.75%),
linear-gradient(33deg,transparent 44%,#fff 44% 46%,#c8102e 46% 54%,#fff 54% 56%,transparent 56%),
linear-gradient(-33deg,transparent 44%,#fff 44% 46%,#c8102e 46% 54%,#fff 54% 56%,transparent 56%),
#012169!important}

@media (min-width:1451px){.hxy-logo{text-align:center!important;transform-origin:center center!important}}

@media (min-width:1536px){
.hxy-head{width:100vw!important}
.hxy-bar{width:min(1500px,calc(100vw - 36px))!important;max-width:1500px!important;margin:0 auto!important;padding-left:clamp(10px,calc(1.9vw - 19px),17px)!important;padding-right:clamp(10px,calc(1.9vw - 19px),17px)!important;box-sizing:border-box!important}
.hxy-logo{margin-left:0!important;transform:scale(1.27,.91)!important;transform-origin:center center!important;text-align:center!important}
.hxy-bar>.hxy-ndrop:first-of-type{margin-left:clamp(64.5px,calc(1.796vw + 36.9px),71px)!important}
.hxy-bar>a.hxy-upload,.hxy-bar>p>a.hxy-upload{right:clamp(203px,calc(244.94px - 2.21vw),211px)!important}
.hxy-lang{right:-19px!important}
}

@media (min-width:1536px) and (max-width:1897px){
.hxy-bar{padding-left:10px!important;padding-right:10px!important}
.hxy-bar>.hxy-ndrop:first-of-type{margin-left:calc(79.35px - .96685vw)!important}
}
@media (min-width:1898px){
.hxy-bar{padding-left:10px!important;padding-right:10px!important}
.hxy-bar>.hxy-ndrop:first-of-type{margin-left:61px!important}
}

/* Replace the text HXY mark with the supplied graphic */
.hxy-logo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:0!important;line-height:1!important;transform:none!important}
.hxy-logo::before{content:""!important;display:block!important;width:34px!important;height:37px!important;flex:0 0 34px!important;background:url('https://hxysteelstructrure.com/wp-content/uploads/2026/11/codex-clipboard-69c9b0df-495c-4159-b679-fd6203ec800a.png') center/contain no-repeat!important}
.hxy-logo span{display:block!important;width:auto!important;font-size:10px!important;line-height:12px!important;letter-spacing:1px!important;margin:1px 0 0!important;white-space:nowrap!important;text-align:center!important}
@media (min-width:1451px){.hxy-logo{width:125px!important;min-width:125px!important;height:52px!important;margin:0 12px 0 0!important}.hxy-logo::before{width:36px!important;height:39px!important;flex-basis:36px!important}}

.hxy-logo span{font-size:11px!important;line-height:15px!important;margin:0!important}
@media (min-width:1451px){.hxy-logo{height:55px!important}}