/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* Header responsive rule: below 1100 uses hamburger, 1100 and above uses desktop nav. */
#header-outer #top nav > ul.sf-menu > li > a,
#header-outer #top nav ul.buttons.sf-menu > li > a {
	white-space: nowrap;
}

/* Transport & Weighbridge: match the hero paragraph colour to the other industry pages. */
body.page-id-1094 .top-level .nectar-responsive-text,
body.page-id-1094 .top-level .nectar-responsive-text p,
body.page-id-1094 .top-level .nectar-responsive-text span {
	color: #020F50 !important;
}

/* Case studies: keep the WPBakery gallery carousel height and arrows aligned. */
body.single-post .wpb_gallery_slidesflickity_style .nectar-flickity[data-desktop-columns="1"] .flickity-slider .cell {
	width: 100% !important;
	margin-right: 0 !important;
}

body.single-post .wpb_gallery_slidesflickity_style .nectar-flickity[data-desktop-columns="1"] .flickity-slider .cell img {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
}

body.single-post .wpb_gallery_slidesflickity_style .nectar-flickity[data-desktop-columns="1"] .flickity-viewport {
	height: min(calc((100vw - 160px) * 0.6666667), 853px) !important;
	overflow: hidden !important;
}

body.single-post .wpb_gallery_slidesflickity_style .nectar-flickity[data-desktop-columns="1"] .flickity-prev-next-button {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

@media only screen and (max-width: 999px) {
	body.single-post .wpb_gallery_slidesflickity_style .nectar-flickity[data-desktop-columns="1"] .flickity-viewport {
		height: calc((100vw - 92px) * 0.6666667) !important;
	}
}

@media only screen and (max-width: 690px) {
	body.single-post .wpb_gallery_slidesflickity_style .nectar-flickity[data-desktop-columns="1"] .flickity-viewport {
		height: calc((100vw - 47px) * 0.6666667) !important;
	}
}

/* Homepage mobile USP pills: fixed width, centered, and consistent height. */
@media only screen and (max-width: 690px) {
	body.home .nectar-button-round > .vc_column-inner > .wpb_wrapper {
		display: flex !important;
		flex-wrap: wrap;
		gap: 16px;
		justify-content: center;
	}

	body.home .nectar-button-round a.nectar-button.round-button.has-icon {
		box-sizing: border-box !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: min(100%, 330px) !important;
		min-height: 64px !important;
		margin: 0 !important;
		padding: 18px 42px !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}

	body.home .nectar-button-round a.nectar-button.round-button.has-icon span {
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}

	body.home .nectar-button-round a.nectar-button.round-button.has-icon i {
		right: 22px !important;
	}
}

@media only screen and (max-width: 389px) {
	body.home .nectar-button-round a.nectar-button.round-button.has-icon {
		padding-left: 28px !important;
		padding-right: 28px !important;
		font-size: 14px !important;
	}

	body.home .nectar-button-round a.nectar-button.round-button.has-icon i {
		right: 14px !important;
	}
}

/* Homepage mobile Why Atrax flip boxes: prevent multi-line headings from colliding. */
@media only screen and (max-width: 690px) {
	body.home .nectar-flip-box[data-min-height="240"],
	body.home .nectar-flip-box[data-min-height="240"] .flip-box-front,
	body.home .nectar-flip-box[data-min-height="240"] .flip-box-back {
		min-height: clamp(260px, 62vw, 340px) !important;
	}

	body.home .nectar-flip-box[data-min-height="240"] .flip-box-front .inner {
		font-size: clamp(54px, 13.6vw, 74px) !important;
		line-height: 1.02 !important;
		letter-spacing: 0 !important;
	}

	body.home .nectar-flip-box[data-min-height="240"] .flip-box-back .inner h1 {
		line-height: 1.08 !important;
	}
}

@media only screen and (max-width: 389px) {
	body.home .nectar-flip-box[data-min-height="240"] .flip-box-front .inner {
		font-size: clamp(48px, 13.2vw, 54px) !important;
		line-height: 1.04 !important;
	}
}

/* Industry pages mobile typography: keep section headings and body copy in a clear hierarchy. */
@media only screen and (max-width: 690px) {
	body.parent-pageid-530 .wpb_text_column h3:not(.post-heading) {
		font-size: 25.2px !important;
		line-height: 31.5px !important;
	}

	body.parent-pageid-530 h3.heading {
		font-size: 25.2px !important;
		line-height: 25.2px !important;
	}

	body.parent-pageid-530 p.vc_custom_heading.vc_do_custom_heading {
		font-size: 16px !important;
		line-height: 1.6 !important;
	}

	body.parent-pageid-530 .nectar-fancy-box[data-style="color_box_hover"] h3 {
		margin-bottom: 10px !important;
		color: #020F50 !important;
		font-size: 20px !important;
		line-height: 1.3 !important;
	}

	body.parent-pageid-530 .nectar-fancy-box[data-style="color_box_hover"] p,
	body.parent-pageid-530 .nectar-fancy-box[data-style="color_box_hover"] p span {
		color: #4A4F5A !important;
		font-size: 16px !important;
		line-height: 1.6 !important;
	}
}

/* Industry mobile hero: keep the desktop treatment, only swap copy and CTA colors. */
@media only screen and (max-width: 690px) {
	body.parent-pageid-530 .top-level.full-width-section:first-of-type .nectar-highlighted-text,
	body.parent-pageid-530 .top-level.full-width-section:first-of-type .nectar-highlighted-text h1,
	body.parent-pageid-530 .top-level.full-width-section:first-of-type .nectar-responsive-text,
	body.parent-pageid-530 .top-level.full-width-section:first-of-type .nectar-responsive-text p,
	body.parent-pageid-530 .top-level.full-width-section:first-of-type .nectar-responsive-text span {
		color: #fff !important;
	}

	body.parent-pageid-530 .top-level.full-width-section:first-of-type .vc_col-sm-10 > .vc_column-inner > .wpb_wrapper > a.nectar-button {
		border-color: #fff !important;
		background-color: #fff !important;
		color: #0373FF !important;
	}

	body.parent-pageid-530 .top-level.full-width-section:first-of-type .vc_col-sm-10 > .vc_column-inner > .wpb_wrapper > a.nectar-button span {
		color: #0373FF !important;
	}
}

@media only screen and (min-width: 1100px) {
	body #header-outer #top .left-aligned-ocm,
	body #header-outer #top .slide-out-widget-area-toggle.mobile-icon {
		display: none !important;
	}
}

@media only screen and (min-width: 1100px) and (max-width: 1400px) {
	body #header-outer #top #logo img {
		width: auto !important;
		height: clamp(34px, 3.2vw, 48px) !important;
	}

	body #header-outer #top nav > ul.sf-menu > li > a {
		font-size: clamp(12px, 1.02vw, 16px) !important;
		padding-left: clamp(4px, 0.5vw, 10px) !important;
		padding-right: clamp(4px, 0.5vw, 10px) !important;
	}

	body #header-outer #top nav ul.buttons.sf-menu > li > a {
		font-size: clamp(11px, 0.95vw, 16px) !important;
		padding-left: clamp(8px, 0.9vw, 20px) !important;
		padding-right: clamp(8px, 0.9vw, 20px) !important;
	}

	body #header-outer #top nav > .buttons {
		margin-left: clamp(6px, 0.9vw, 15px) !important;
	}
}

@media only screen and (max-width: 1099px) {
	html body #header-outer {
		height: auto !important;
		padding: 12px 0 !important;
	}

	html body #header-outer header > .container {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	html body #header-outer #top {
		height: 54px !important;
	}

	html body #header-outer #top nav,
	html body #header-outer #top .col.span_9,
	html body #header-outer #top .nectar-mobile-only.mobile-header {
		display: none !important;
	}

	html body #header-outer #top .col.span_3 {
		width: 100% !important;
		float: none !important;
		position: relative !important;
		display: block !important;
		min-width: 0;
		min-height: 54px;
		padding-left: 0 !important;
		text-align: center !important;
	}

	html body #header-outer #top .left-aligned-ocm:not([data-user-set="1"]),
	html body #header-outer #top .left-aligned-ocm {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute !important;
		left: clamp(10px, 2.6vw, 28px) !important;
		top: 50% !important;
		z-index: 10000;
		width: 36px;
		height: 36px;
		margin: 0 !important;
		transform: translateY(-50%) !important;
	}

	html body #header-outer #top .left-aligned-ocm li,
	html body #header-outer #top .left-aligned-ocm > li > div {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	html body #header-outer #top .left-aligned-ocm a {
		width: 36px !important;
		height: 36px !important;
		padding: 0 !important;
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		align-items: center;
		justify-content: center;
	}

	html body #header-outer #top .left-aligned-ocm .lines-button,
	html body #header-outer #top .left-aligned-ocm .lines,
	html body #header-outer #top .left-aligned-ocm .lines:before,
	html body #header-outer #top .left-aligned-ocm .lines:after {
		background-color: #fff !important;
		width: 27px !important;
		height: 2px !important;
	}

	html body #header-outer #top .left-aligned-ocm .lines:before {
		top: 7px !important;
	}

	html body #header-outer #top .left-aligned-ocm .lines:after {
		top: -7px !important;
	}

	html body #header-outer #top #logo {
		position: absolute !important;
		left: 50% !important;
		top: 50% !important;
		display: block !important;
		max-width: min(220px, calc(100vw - 120px));
		margin: 0 !important;
		transform: translate(-50%, -50%) !important;
	}

	html body #header-outer #top #logo img {
		width: auto !important;
		height: clamp(30px, 4vw, 48px) !important;
		max-width: 100%;
		object-fit: contain;
	}
}

/* Industry pages: keep the tablet/desktop Featured Products carousel cards visually consistent. */
@media only screen and (min-width: 691px) {
	body.parent-pageid-530 .nectar-post-grid-wrap[data-query*='"post_type":"portfolio"'] .nectar-post-grid[data-grid-item-height="30vh"][data-card="yes"] .nectar-post-grid-item {
		height: 510px !important;
		min-height: 510px !important;
	}

	body.parent-pageid-530 .nectar-post-grid-wrap[data-query*='"post_type":"portfolio"'] .nectar-post-grid[data-grid-item-height="30vh"][data-card="yes"] .nectar-post-grid-item .inner {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	body.parent-pageid-530 .nectar-post-grid-wrap[data-query*='"post_type":"portfolio"'] .nectar-post-grid[data-grid-item-height="30vh"][data-card="yes"] .nectar-post-grid-item-bg-wrap {
		flex: 1 1 auto;
		min-height: 0;
	}

	body.parent-pageid-530 .nectar-post-grid-wrap[data-query*='"post_type":"portfolio"'] .nectar-post-grid[data-grid-item-height="30vh"][data-card="yes"] .nectar-post-grid-item-bg-wrap-inner,
	body.parent-pageid-530 .nectar-post-grid-wrap[data-query*='"post_type":"portfolio"'] .nectar-post-grid[data-grid-item-height="30vh"][data-card="yes"] .nectar-post-grid-item-bg {
		height: 100% !important;
	}

	body.parent-pageid-530 .nectar-post-grid-wrap[data-query*='"post_type":"portfolio"'] .nectar-post-grid[data-grid-item-height="30vh"][data-card="yes"] .nectar-post-grid-item .content {
		flex: 0 0 140px;
		min-height: 140px;
	}
}

/* Industries overview template */
.atrax-industries-page {
	background: #fff;
	color: #020F50;
}

.atrax-industries-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(72px, 9vw, 128px) 0 clamp(56px, 7vw, 96px);
	background:
		linear-gradient(180deg, rgba(2, 15, 80, 0.14) 0%, rgba(2, 15, 80, 0.55) 100%),
		url("https://wordpress-519858-5868736.cloudwaysapps.com/wp-content/uploads/2026/02/Atrax-Airports-Hero-Scale.jpg") center/cover no-repeat;
}

.atrax-industries-hero__inner,
.atrax-industries-section__inner {
	width: min(1200px, calc(100vw - 48px));
	margin: 0 auto;
}

.atrax-industries-eyebrow {
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.02em;
}

.atrax-industries-hero h1 {
	max-width: 10ch;
	margin: 18px 0 18px;
	color: #fff;
	font-size: clamp(46px, 8vw, 78px);
	line-height: 0.98;
}

.atrax-industries-hero__lede {
	max-width: 720px;
	margin: 0;
	color: rgba(255, 255, 255, 0.92);
	font-size: clamp(18px, 2.1vw, 24px);
	line-height: 1.5;
}

.atrax-industries-pillars {
	padding: clamp(28px, 4vw, 44px) 0;
	background: #E0EAF8;
}

.atrax-industries-pillars__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.atrax-industries-pillar {
	padding: 24px 22px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 18px 45px rgba(2, 15, 80, 0.08);
}

.atrax-industries-pillar h2,
.atrax-industries-section h2 {
	margin: 0 0 10px;
	color: #0373FF;
	font-size: clamp(28px, 3vw, 40px);
	line-height: 1.08;
}

.atrax-industries-pillar p,
.atrax-industries-section p {
	margin: 0;
	color: #4A4F5A;
	font-size: 16px;
	line-height: 1.65;
}

.atrax-industries-section {
	padding: clamp(56px, 6vw, 88px) 0;
}

.atrax-industries-section--soft {
	background: #F5F8FD;
}

.atrax-industries-section__head {
	max-width: 760px;
	margin-bottom: 30px;
}

.atrax-industries-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

.atrax-industries-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 22px 55px rgba(2, 15, 80, 0.09);
	text-decoration: none;
}

.atrax-industries-card__media {
	position: relative;
	aspect-ratio: 1.08 / 0.9;
	background-size: cover;
	background-position: center;
}

.atrax-industries-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(2, 15, 80, 0.04) 0%, rgba(2, 15, 80, 0.42) 100%);
}

.atrax-industries-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 12px;
	padding: 24px 24px 26px;
}

.atrax-industries-card__title {
	margin: 0;
	color: #020F50;
	font-size: 28px;
	line-height: 1.1;
}

.atrax-industries-card__copy {
	margin: 0;
	color: #4A4F5A;
	font-size: 16px;
	line-height: 1.65;
}

.atrax-industries-card__cta {
	margin-top: auto;
	color: #0373FF;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.atrax-industries-cta {
	padding: clamp(60px, 7vw, 96px) 0;
	background: linear-gradient(135deg, #0373FF 0%, #020F50 100%);
}

.atrax-industries-cta__box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	padding: clamp(28px, 4vw, 40px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.atrax-industries-cta__box h2,
.atrax-industries-cta__box p {
	color: #fff;
}

.atrax-industries-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.atrax-industries-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 24px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-decoration: none;
	text-transform: uppercase;
}

.atrax-industries-button--primary {
	background: #fff;
	color: #020F50;
}

.atrax-industries-button--ghost {
	border-color: rgba(255, 255, 255, 0.7);
	color: #fff;
}

@media only screen and (max-width: 999px) {
	.atrax-industries-pillars__grid,
	.atrax-industries-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.atrax-industries-cta__box {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media only screen and (max-width: 690px) {
	.atrax-industries-hero {
		padding-top: 72px;
		padding-bottom: 56px;
		background-position: 62% center;
	}

	.atrax-industries-hero__inner,
	.atrax-industries-section__inner {
		width: min(100vw - 28px, 1200px);
	}

	.atrax-industries-hero h1 {
		font-size: 42px;
		line-height: 0.98;
	}

	.atrax-industries-hero__lede {
		font-size: 17px;
		line-height: 1.55;
	}

	.atrax-industries-pillars__grid,
	.atrax-industries-cards {
		grid-template-columns: 1fr;
	}

	.atrax-industries-card__title {
		font-size: 24px;
		line-height: 1.08;
	}

	.atrax-industries-button {
		width: 100%;
	}
}