/* ROBOTO / ROBOTO SLAB IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* GLOBAL VALUES */
:root {
	/* brand colors */
	--gtri_tech-gold: #b3a369;
	--gtri_navy-blue: #003057;
	--gtri_white: #ffffff;
	--gtri_gray-matter: #54585a;
	--gtri_pi-mile: #d6dbd4;
	/* typography */
	--roboto: 'Roboto', Arial, Helvetica, sans-serif;
	--roboto-slab: 'Roboto Slab', Times, Georgia, serif;
}

/* TYPOGRAPHY */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: var(--roboto);
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0.5rem;
	color: #262626;
}

/* BUTTONS */
/* gold */
a.button.button1,
a.button.button1:visited,
.btn.btn-primary,
.btn.btn-primary:visited {
	background-color: #b3a369;
	border-color: #b3a369;
	color: #262626;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
a.button.button1 span,
.btn.btn-primary span {
	color: #262626;
}
a.button.button1:hover,
a.button.button1:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus {
	background-color: #bfb37c;
	border-color: #bfb37c;
	color: #262626;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
a.button.button1:hover,
.btn.btn-primary:hover {
	text-decoration: underline !important;
}
a.button.button1:hover span,
.btn.btn-primary:hover span {
	color: #262626;
}
/* black */
a.button.button2,
a.button.button2:visited,
.btn.btn-success,
.btn.btn-success:visited {
	background-color: #262626;
	border-color: #262626;
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
a.button.button2 span,
.btn.btn-success span {
	color: #fff;
}
a.button.button2:hover,
a.button.button2:focus,
.btn.btn-success:hover,
.btn.btn-success:focus {
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
a.button.button2:hover,
.btn.btn-success:hover {
	text-decoration: underline !important;
}
a.button.button2:hover span,
.btn.btn-success:hover span {
	color: #fff;
}
/* blue */
a.button.button3,
a.button.button3:visited {
	background-color: #003057;
	border-color: #003057;
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
a.button.button3 span {
	color: #fff;
}
a.button.button3:hover,
a.button.button3:focus {
	background-color: rgb(0 48 87 / 90%);
	border-color: rgb(0 48 87 / 90%);
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
a.button.button3:hover {
	text-decoration: underline !important;
}
a.button.button3:hover span {
	color: #fff;
}
/* blue - outline */
a.button.button4,
a.button.button4:visited {
	background-color: #fff;
	border-color: #fff;
	color: #003057;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
a.button.button4 span {
	color: #003057;
}
a.button.button4:hover,
a.button.button4:focus {
	background-color: rgb(0 48 87 / 90%);
	border-color: rgb(0 48 87 / 90%);
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
a.button.button4:hover {
	text-decoration: underline !important;
}
a.button.button4:hover span {
	color: #fff;
}
/* ==== UTILITY / HELPER CLASSES ========== */
/* global top padding for fixed navbar offset (not homepage) */
.page-body.page {
	padding-top: 80px;
}
.homepage ~ .page-body.page.editing {
	padding-top: 80px !important;
}
.homepage ~ .page-body.page {
	padding-top: 0 !important;
}
.page-editor .navbar-main.homepage {
	z-index: 0;
}
.heading-roboto-slab_blue :is(h1, h2, h3, h4, h5) {
	font-family: var(--roboto-slab);
	color: #003057;
}
.heading-roboto-slab_gold :is(h1, h2, h3, h4, h5) {
	font-family: var(--roboto-slab);
	color: #b3a369;
}
.heading-3rem-300 :is(h1, h2, h3, h4, h5) {
	font-size: 3rem;
	font-weight: 300;
}
.heading-3pt2rem-700 :is(h1, h2, h3, h4, h5) {
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: -1px;
}
.heading-lh-1-5 :is(h1, h2, h3, h4, h5) {
	line-height: 1.5 !important;
}
.heading-lh-2 :is(h1, h2, h3, h4, h5) {
	line-height: 2 !important;
}
.ul-modal-styling {
	width: 85%;
	text-align: left;
	line-height: 1;
}
/* === breadcrumb links ========= */
.page.editing .breadcrumb-container {
	position: relative;
}
.page.editing .breadcrumb-container::before {
	position: absolute;
	display: inline-flex;
	content: 'breadcrumb links container: no editable text, content comes from JS';
	color: #ff0000;
	font-weight: 500;
	justify-content: center;
	width: 85%;
}
.breadcrumb-container {
	width: 100%;
	padding-top: 3px;
	padding-left: 7vw;
}
.breadcrumb-container a,
.breadcrumb-container a:active,
.breadcrumb-container a:visited,
.breadcrumb-container a:hover,
.breadcrumb-container a:focus {
	color: #000;
}
.breadcrumb-container .page-block > p {
	height: 18px;
	font-size: 13px;
	font-family: var(--roboto);
	font-weight: 500;
}
.breadcrumb-container .breadcrumb-trail :is(a, span) {
	margin-right: 0.5rem;
}
.breadcrumb-container .breadcrumb-trail-icon {
	width: 14px;
	height: auto;
	margin-bottom: 0.2rem;
}
.breadcrumb-trail-current {
	font-weight: 400;
	letter-spacing: 0.3px;
}
/* === COOKIE BUTTONS ========== */
/* cookie buttons */
button#manage_cookie_preferences,
button#consent_reject,
button#reject_performance_cookies,
button#consent_agree,
button#consent_confirm,
button#consent_save {
	height: 54px;
}

button.consent-reject,
button#reject_performance_cookies {
}
button#consent_agree,
button#consent_confirm {
}
/* gold */
button#consent_agree,
button#consent_confirm,
button#consent_agree:visited,
button#consent_confirm:visited {
	background-color: #b3a369;
	border-color: #b3a369;
	color: #262626;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
button#consent_agree span,
button#consent_confirm span {
	color: #262626;
}
button#consent_agree:hover,
button#consent_agree:focus,
button#consent_confirm:hover,
button#consent_confirm:focus {
	background-color: #bfb37c;
	border-color: #bfb37c;
	color: #262626;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
button#consent_agree:hover,
button#consent_confirm:hover {
	text-decoration: underline !important;
}
button#consent_agree:hover span,
button#consent_confirm:hover span {
	color: #262626;
}
/* black */
button.consent-reject,
button.consent-reject:active,
button.consent-reject:visited,
button#reject_performance_cookies,
button#reject_performance_cookies:active,
button#reject_performance_cookies:visited {
	background-color: #262626 !important;
	border-color: #262626 !important;
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
button.consent-reject span,
button#reject_performance_cookies span {
	color: #fff;
}
button.consent-reject:hover,
button.consent-reject:focus,
button#reject_performance_cookies:hover,
button#reject_performance_cookies:focus {
	background-color: #3b3b3b;
	border-color: #3b3b3b;
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
button.consent-reject:hover,
button#reject_performance_cookies:hover {
	text-decoration: underline !important;
}
button.consent-reject:hover span,
button#reject_performance_cookies:hover span {
	color: #fff;
}

/* ==== HOME PAGE HERO ==================== */
.homepage-hero-title-search-wrapper {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://d25wby5c7p9100.cloudfront.net/public/uploads/c98939c8a22041c0435e92584be46d15/images/files/c17bd75ac326baeb93f3d481c9ace536/large/Screenshot_2024-07-29_100445.png?1723221196');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 800px;
}
.page-body.editing .homepage-hero-title-search-wrapper {
	min-height: auto;
}
.homepage-hero-title-search-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgb(179 163 105 / 75%);
	min-height: 800px;
	height: 100%;
	width: 44%;
	padding: 6rem;
}
@media (max-width: 1299.8px) {
	.homepage-hero-title-search-container {
		width: 50%;
		padding: 4rem;
	}
}
@media (max-width: 1199.8px) {
	.homepage-hero-title-search-container {
		padding: 3rem;
	}
}
@media (max-width: 991.8px) {
	.homepage-hero-title-search-container {
		width: 100%;
		padding: 6rem;
	}
}
@media (max-width: 767.8px) {
	.homepage-hero-title-search-container {
		padding: 2rem;
	}
}
@media (max-width: 575px) {
	.homepage-hero-title-search-container {
		padding: 1rem;
	}
}
.homepage-hero-title-search-container :is(h2) {
	font-family: var(--roboto-slab);
	font-size: calc(2rem + 2.7vw);
	font-weight: 600;
	line-height: 1;
	letter-spacing: normal;
	margin-bottom: 0.5rem;
	color: #fff;
}
@media (min-width: 1200px) {
	.homepage-hero-title-search-container :is(h2) {
		font-size: 6rem;
	}
}
.homepage-hero-title-search-container .job-search-control .input-group {
	flex-wrap: nowrap;
}
.homepage-hero-title-search-container .easy-autocomplete,
.homepage-hero-title-search-container input,
.homepage-hero-title-search-container button {
	height: 52px;
}
.homepage-hero-title-search-container .easy-autocomplete,
.homepage-hero-title-search-container input {
	border-radius: 8px 0 0 8px;
}

.homepage-hero-title-search-container .easy-autocomplete,
.homepage-hero-title-search-container input,
.homepage-hero-title-search-container input:focus {
	background: transparent;
}
.homepage-hero-title-search-container input:focus {
	color: #fff;
	font-weight: 500;
	border: 2px solid #fff;
}
.homepage-hero-title-search-container input::placeholder {
	color: #fff;
	font-weight: 500;
}
.homepage-hero-title-search-container .btn.btn-primary,
.homepage-hero-title-search-container .btn.btn-primary:visited {
	background-color: #fff;
	border-color: #fff;
	color: #b3a369;
	border-radius: 0 8px 8px 0;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
	/* hidden for ::after psuedo elm */
	visibility: hidden;
	position: relative;
}
.homepage-hero-title-search-container .btn.btn-primary span {
	color: #262626;
}
.homepage-hero-title-search-container .btn.btn-primary:hover,
.homepage-hero-title-search-container .btn.btn-primary:focus {
	background-color: #fff;
	border-color: #fff;
	color: #b3a369;
	border-radius: 0 8px 8px 0;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.homepage-hero-title-search-container .btn.btn-primary:hover {
	text-decoration: none !important;
}
.homepage-hero-title-search-container .btn.btn-primary:hover span {
	color: #b3a369;
}
.homepage-hero-title-search-container .btn.btn-primary::after {
	display: flex;
	position: absolute;
	visibility: visible;
	font: var(--fa-font-solid);
	content: '\f0da';
	font-size: 22px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #b3a369;
	height: 50px;
	width: 60px;
	top: -1px;
	left: 0;
	justify-content: center;
	align-items: center;
	border-radius: 0 8px 8px 0;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
/* === NAVBAR ======================================== */
/* navbar box shadow */
.navbar.navbar-main {
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0;
}
.navbar.navbar-main:not(.homepage) {
	background-color: #fff;
}
.navbar.navbar-main.homepage {
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.navbar.navbar-main.homepage.toggle-scroll {
	background-color: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0;
}
@media (max-width: 991.8px) {
	.navbar.navbar-main.homepage:not(.toggle-scroll) .navbar-collapse {
		background-color: #b3a369;
		padding: 0 1.5rem 1rem;
	}
}
/* navbar logo */
.navbar-main .logo {
	width: 275px;
}
/* global navbar nav links */
.navbar-main:not(.homepage) a.nav-link,
.navbar-main:not(.homepage) a.nav-link:active,
.navbar-main:not(.homepage) a.nav-link:visited,
.navbar-main:not(.homepage) a.nav-link:hover,
.navbar-main:not(.homepage) a.nav-link:focus {
	color: #000 !important;
	font-size: 14px;
	line-height: normal;
	letter-spacing: normal;
	font-weight: 700 !important;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	text-rendering: optimizeLegibility;
}
.navbar-main:not(.homepage) a.nav-link:hover {
	color: #000 !important;
	text-decoration: none;
}
/* homepage navbar nav links */
.navbar-main.homepage a.nav-link,
.navbar-main.homepage a.nav-link:active,
.navbar-main.homepage a.nav-link:visited,
.navbar-main.homepage a.nav-link:hover,
.navbar-main.homepage a.nav-link:focus {
	color: #fff !important;
	font-size: 14px;
	line-height: normal;
	letter-spacing: normal;
	font-weight: 700 !important;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	text-rendering: optimizeLegibility;
}
.navbar-main.homepage a.nav-link:hover {
	color: #fff !important;
	text-decoration: none;
}
/* homepage navbar (toggle-scroll) nav links */
.navbar-main.homepage.toggle-scroll a.nav-link,
.navbar-main.homepage.toggle-scroll a.nav-link:active,
.navbar-main.homepage.toggle-scroll a.nav-link:visited,
.navbar-main.homepage.toggle-scroll a.nav-link:hover,
.navbar-main.homepage.toggle-scroll a.nav-link:focus {
	color: #000 !important;
	font-size: 14px;
	line-height: normal;
	letter-spacing: normal;
	font-weight: 700 !important;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	text-rendering: optimizeLegibility;
}
.navbar-main.homepage.toggle-scroll a.nav-link:hover {
	color: #000 !important;
	text-decoration: none;
}
/* navbar search */
.navbar-main input.search-input-nav,
.navbar-main button.search-button-nav {
	height: 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 6px !important;
}
.navbar-main .nav-search-group {
	position: relative;
}
.navbar-main input.search-input-nav {
	padding-left: 30px;
}
.navbar-main input.search-input-nav:focus {
	background-color: transparent !important;
}
/* .navbar-main input.search-input-nav::placeholder {
    padding-left: 20px;
} */
.navbar-main .nav-search-group .input-group-btn {
	position: absolute;
	left: 0;
}
/* global nav btn gold */
.navbar.navbar-main:not(.homepage) .nav-btn a.button.button1,
.navbar.navbar-main:not(.homepage) .nav-btn a.button.button1:visited,
.navbar.navbar-main:not(.homepage) .nav-btn .btn.btn-primary,
.navbar.navbar-main:not(.homepage) .nav-btn .btn.btn-primary:visited {
	background-color: #b3a369;
	border-color: #b3a369;
	color: #fff;
	border-radius: 3px;
	font-size: 0.9rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.navbar.navbar-main:not(.homepage) .nav-btn a.button.button1 span,
.navbar.navbar-main:not(.homepage) .nav-btn .btn.btn-primary span {
	color: #fff;
}
.navbar.navbar-main:not(.homepage) .nav-btn a.button.button1:hover,
.navbar.navbar-main:not(.homepage) .nav-btn a.button.button1:focus,
.navbar.navbar-main:not(.homepage) .nav-btn .btn.btn-primary:hover,
.navbar.navbar-main:not(.homepage) .nav-btn .btn.btn-primary:focus {
	background-color: #bfb37c;
	border-color: #bfb37c;
	color: #fff;
	border-radius: 3px;
	font-size: 0.9rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.navbar.navbar-main:not(.homepage) .nav-btn a.button.button1:hover,
.btn.btn-primary:hover {
	text-decoration: underline !important;
}
.navbar.navbar-main:not(.homepage) .nav-btn a.button.button1:hover span,
.btn.btn-primary:hover span {
	color: #fff;
}
/* homepage nav btn white */
.navbar.navbar-main.homepage .nav-btn a.button.button1,
.navbar.navbar-main.homepage .nav-btn a.button.button1:visited,
.navbar.navbar-main.homepage .nav-btn .btn.btn-primary,
.navbar.navbar-main.homepage .nav-btn .btn.btn-primary:visited {
	background-color: #fff;
	border-color: #fff;
	color: #000;
	border-radius: 3px;
	font-size: 0.9rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.navbar.navbar-main.homepage .nav-btn a.button.button1 span,
.navbar.navbar-main.homepage .nav-btn .btn.btn-primary span {
	color: #000;
}
.navbar.navbar-main.homepage .nav-btn a.button.button1:hover,
.navbar.navbar-main.homepage .nav-btn a.button.button1:focus,
.navbar.navbar-main.homepage .nav-btn .btn.btn-primary:hover,
.navbar.navbar-main.homepage .nav-btn .btn.btn-primary:focus {
	background-color: #f2f3f1;
	border-color: #f2f3f1;
	color: #000;
	border-radius: 3px;
	font-size: 0.9rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.navbar.navbar-main.homepage .nav-btn a.button.button1:hover,
.btn.btn-primary:hover {
	text-decoration: underline !important;
}
.navbar.navbar-main.homepage .nav-btn a.button.button1:hover span,
.btn.btn-primary:hover span {
	color: #000;
}
/* homepage nav btn gold - when scrolled */
.navbar.navbar-main.toggle-scroll .nav-btn a.button.button1,
.navbar.navbar-main.toggle-scroll .nav-btn a.button.button1:visited,
.navbar.navbar-main.toggle-scroll .nav-btn .btn.btn-primary,
.navbar.navbar-main.toggle-scroll .nav-btn .btn.btn-primary:visited {
	background-color: #b3a369;
	border-color: #b3a369;
	color: #fff;
	border-radius: 3px;
	font-size: 0.9rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.navbar.navbar-main.toggle-scroll .nav-btn a.button.button1 span,
.navbar.navbar-main.toggle-scroll .nav-btn .btn.btn-primary span {
	color: #fff;
}
.navbar.navbar-main.toggle-scroll .nav-btn a.button.button1:hover,
.navbar.navbar-main.toggle-scroll .nav-btn a.button.button1:focus,
.navbar.navbar-main.toggle-scroll .nav-btn .btn.btn-primary:hover,
.navbar.navbar-main.toggle-scroll .nav-btn .btn.btn-primary:focus {
	background-color: #bfb37c;
	border-color: #bfb37c;
	color: #fff;
	border-radius: 3px;
	font-size: 0.9rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.navbar.navbar-main.toggle-scroll .nav-btn a.button.button1:hover,
.btn.btn-primary:hover {
	text-decoration: underline !important;
}
.navbar.navbar-main.toggle-scroll .nav-btn a.button.button1:hover span,
.navbar.navbar-main.toggle-scroll .nav-btn .btn.btn-primary:hover span {
	color: #fff;
}
@media (min-width: 992px) {
	/* desktop nav searchbar width */
	.navbar-main .nav-search-wrapper {
		max-width: 25%;
	}
	/* desktop nav - nav dropdown item horizontal spacing */
	.navbar-main .nav-item.dropdown {
		margin-right: 2rem;
	}
}
.navbar-main .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 0 25 30'%3e%3cpath stroke='rgba%2833, 37, 41, 1%29' stroke-linecap='square' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-main .navbar-toggler {
	border-radius: 0;
	border: 2px solid #000;
}
.navbar-main .navbar-nav .dropdown-menu.show {
	border-radius: 0;
	border-width: 0 1px 1px 1px;
}
/* GLOBAL NAV DROPDOWN MENU SUB-NAV LINKS */
.navbar-main .nav-item.dropdown a.dropdown-item,
.navbar-main .nav-item.dropdown a.dropdown-item:active,
.navbar-main .nav-item.dropdown a.dropdown-item:visited,
.navbar-main .nav-item.dropdown a.dropdown-item:hover,
.navbar-main .nav-item.dropdown a.dropdown-item:focus {
	color: #000;
}
.navbar-main .nav-item.dropdown a.dropdown-item:active {
	background-color: #b5b5b5;
}
/* === FOOTER ======================================== */
footer {
	padding: 45px 0 0;
	background-color: #f2f4f6;
}
.gtri-footer-container {
	width: 85%;
	padding-bottom: 1rem;
}
/* footer logo */
.footer-logo {
	width: 275px;
	max-width: 100%;
	height: auto;
}

footer .footer-links-col-title {
	color: #b3a369;
	font-family: 'Roboto Slab', Times, Georgia, serif;
	font-size: 1.5rem;
}
footer a.footer-link,
footer a.footer-link:active,
footer a.footer-link:visited,
footer a.footer-link:hover,
footer a.footer-link:focus {
	font-size: 0.825rem;
	font-weight: 600;
	line-height: 2;
	color: #54585a !important;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
}
footer a.footer-link:hover {
	text-decoration: underline;
}
footer .footer-social-links-list {
	float: left;
	padding: 0 1rem 0 0;
	margin-top: 1.75rem;
	margin-bottom: 1rem;
}
footer .footer-social-links-list .list-inline-item {
	background-color: #b3a369;
	width: 30px;
	height: 30px;
	border-radius: 5px;
}
footer .footer-social-links-list .list-inline-item:hover {
	background-color: #bfb37c !important;
	width: 30px;
	height: 30px;
}
footer a.footer-social-link,
footer a.footer-social-link:active,
footer a.footer-social-link:visited {
	display: inline-block;
	color: #fff !important;
	font-size: 18px;
	line-height: 30px;
	width: 30px;
	text-align: center;
}
footer a.footer-social-link:hover,
footer a.footer-social-link:focus {
	color: #fff !important;
}
@media (max-width: 767.8px) {
	footer .footer-careers-links {
		flex-direction: column;
	}
}

footer .footer-legal-wrapper {
	background-color: #003057;
}
footer .footer-legal-container {
	width: 85%;
	display: flex;
}
footer .footer-legal-text {
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1;
	color: #fff;
}
footer .footer-legal-links-container {
	display: flex;
}
footer .footer-legal-links-container .footer-legal-links:not(.legal-col-1) {
	display: flex;
	/* margin-left: auto; */
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
footer .footer-legal-links {
	margin-bottom: 0;
	padding: 0.5rem 0;
}
footer .footer-legal-links a.footer-link,
footer .footer-legal-links a.footer-link:active,
footer .footer-legal-links a.footer-link:visited,
footer .footer-legal-links span.footer-link {
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 1;
	color: #fff !important;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
}
footer .footer-legal-links a.footer-link:hover,
footer .footer-legal-links a.footer-link:focus {
	color: #fff !important;
	text-decoration: underline;
}
@media (max-width: 767.8px) {
	footer .footer-legal-container {
		flex-direction: column;
	}
	footer .footer-legal-links.legal-col-2 {
		flex-direction: column;
	}
	footer span.footer-link {
		display: none;
	}
}
/* ==== HOME PAGE CUSTOM ELEMENTS =============== */
.category-squares-wrapper .row.page-row-border {
	justify-content: center;
}
.category-squares-wrapper .col-md-3 {
	min-width: 330px;
	margin: 0.5rem 0;
}
@media (min-width: 1200px) and (max-width: 1399.8px) {
	.category-squares-wrapper .col-md-3 {
		min-width: 330px;
		margin: 0.5rem 0;
		width: 35%;
	}
}
.category-squares-each {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	position: relative;
	background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/c98939c8a22041c0435e92584be46d15/images/files/fb7c340398c05c48851bce9a49dabd22/medium/carousel_placeholder_7.jpg?1724864100');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 300px;
	padding: 20px;
    border: none;
	border-radius: 0.75rem;
	z-index: 1;
}
.category-squares-each.category-square-first {
	background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/c98939c8a22041c0435e92584be46d15/images/files/2ec5d101ac74800b853635ecd9365c6d/medium/carousel_placeholder_4.jpg?1724864101');
}
.category-squares-each.category-square-second {
	background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/c98939c8a22041c0435e92584be46d15/images/files/64387712796b5804535dd85593328da8/medium/carousel_placeholder_6.jpg?1724864100');
}
.category-squares-each.category-square-third {
	background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/c98939c8a22041c0435e92584be46d15/images/files/31015cd3a0cd3531841352ac6df926f4/medium/carousel_placeholder_5.jpg?1724864100');
}
.category-squares-each.category-square-fourth {
	background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/c98939c8a22041c0435e92584be46d15/images/files/fb7c340398c05c48851bce9a49dabd22/medium/carousel_placeholder_7.jpg?1724864100');
}
.category-squares-each::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(0 48 87 / 65%);
	border-radius: 0.75rem;
	z-index: -1;
	transition: all 0.25s ease-in-out;
}
.category-squares-each:hover::before {
	background-color: rgb(0 48 87 / 85%);
	transition: all 0.25s ease-in-out;
}
.category-squares-each p:not(p:has(.button)) {
	color: #fff;
	font-size: 2rem;
	font-weight: 900;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}
.category-squares-each p:nth-of-type(1) {
	color: #fff;
	font-size: 2rem;
	font-weight: 900;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}
/* category squares - button - use button4 */
.category-squares-each a.button.button4,
.category-squares-each a.button.button4:visited {
	background-color: #fff;
	border-color: #fff;
	color: #003057;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
	transition: 0.2s all ease-in-out;
}
.category-squares-each a.button.button4 span {
	color: #003057;
}
.category-squares-each a.button.button4:hover,
.category-squares-each a.button.button4:focus {
	background-color: #fff;
	border-color: #fff;
	color: #003057;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 2rem 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
	transition: 0.2s all ease-in-out;
}
.category-squares-each a.button.button4:hover {
	text-decoration: underline !important;
}
.category-squares-each a.button.button4:hover span {
	color: #fff;
}
.category-squares-each a.button.button4::after,
.category-squares-each a.button.button4::after {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	display: inline-flex;
	font: var(--fa-font-solid);
	content: '\f101';
	font-size: 1rem;
	font-weight: 700;
	text-transform: lowercase;
	margin-left: 0.2rem;
	padding-top: 8px;
	padding-left: 2px;
	transition: 0.2s all ease-in-out;
}
.category-squares-each a.button.button4:hover::after,
.category-squares-each a.button.button4:hover::after {
	visibility: visible;
	opacity: 1;
	padding-left: 5px;
	transition: 0.2s all ease-in-out;
}
/* ==== JOB SEARCH PAGE ========================= */
.search-page-hero-img .block-image-cover {
	background-position: 50% 85% !important;
}
.block-job-search-results .job-search-results .job-search-filter-groups {
	width: auto;
}

.job-search-results .job-search-filter-groups {
	background-color: #f2f5f7;
	padding-left: 36px !important;
	padding-right: 36px !important;
	border-radius: 8px;
}

.job-search-results .job-search-filter {
	background-color: #fff;
	padding: 8px;
	margin: 0px -20px 30px -20px;
}
.job-search-results h4.job-search-filter-header {
	font-family: var(--roboto-slab);
	color: #003057;
	font-size: 1.3rem;
	margin: 0.25rem 0 0.8rem;
}
.job-search-results .job-search-filter-groups .search-filter {
	padding-left: 3px;
	border-radius: 6px;
}
.job-search-results .badge {
	background-color: #b3a369;
	border-radius: 4px;
	width: 1.75rem;
}
.job-search-control input {
	border-radius: 5px 0 0 5px !important;
	border: 1px solid rgba(80, 86, 86, 0.5);
	height: 50px;
	margin-right: 1rem;
}
.job-search-control button {
	height: 50px;
}
.job-search-control .near-me-control {
	margin-left: 1rem;
}
/* search page - search button */
.job-search-control .btn.btn-primary,
.job-search-control .btn.btn-primary:visited {
	background-color: #003057;
	border-color: #003057;
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.job-search-control .btn.btn-primary span {
	color: #fff;
}
.job-search-control .btn.btn-primary:hover,
.job-search-control .btn.btn-primary:focus {
	background-color: #0b3f69;
	border-color: #0b3f69;
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.job-search-control .btn.btn-primary:hover {
	text-decoration: underline !important;
}
.job-search-control .btn.btn-primary:hover span {
	color: #fff;
}
/* search page - near me button */
.job-search-control .btn.btn-success,
.job-search-control .btn.btn-success:visited {
	background-color: #b3a369;
	border-color: #b3a369;
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.job-search-control .btn.btn-success span {
	color: #fff;
}
.job-search-control .btn.btn-success:hover,
.job-search-control .btn.btn-success:focus {
	background-color: #bfb37c;
	border-color: #bfb37c;
	color: #fff;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.job-search-control .btn.btn-success:hover {
	text-decoration: underline !important;
}
.job-search-control .btn.btn-success:hover span {
	color: #fff;
}
.job-search-results .job-search-results-dropdown .job-search-results-sort-by-dropdown {
	color: #000;
}
.job-search-results-card {
	border-radius: 8px;
	border: 14px solid #f2f5f7;
}
.job-search-results-card h3.card-title.job-search-results-card-title {
	font-family: var(--roboto-slab);
	font-size: 1.2rem;
}
.job-search-results-card .job-search-results-card-title a[href] {
	color: #003057;
	font-family: var(--roboto-slab);
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.2;
}
.job-search-results-card .job-component-icon-and-text > i {
	color: #b3a369;
}
.job-search-results-card .card-footer {
	background-color: transparent;
	border-top: none;
	margin-bottom: 1rem;
}
.job-search-results-card .card-footer > a,
.job-search-results-card .card-footer > a:active,
.job-search-results-card .card-footer > a:visited,
.job-search-results-card .card-footer > a:hover,
.job-search-results-card .card-footer > a:focus {
	color: #003057;
	border: 2px solid #003057;
	border-radius: 6px;
	padding: 0.4rem 0.5rem;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 500;
}
.job-search-results-card .card-footer i {
	display: none;
}

.pagination a.page-link,
.pagination a.page-link:hover,
.pagination a.page-link:focus {
	background-color: #fff;
	color: #000;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #b3a369;
	border-color: #b3a369;
	color: #fff;
}
/* ==== JOB DESCRIPTION PAGE ==================== */
.block-job-description .job-title {
	font-family: var(--roboto-slab);
	font-size: 2rem;
	color: #b3a369;
}
.block-job-description .job-description h3 {
	font-family: var(--roboto-slab);
	color: #003057;
}
.block-job-description .job-component-icon-and-text > i {
	color: #b3a369;
}
/* jd page - blue favorites buttons */
.job-description-controls .btn.btn-primary,
.job-description-controls .btn.btn-primary:visited {
	background-color: #003057;
	border-color: #003057;
	color: #fff;
	border-radius: 16px;
	font-size: 0.8rem;
	font-weight: 400;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.job-description-controls .btn.btn-primary span {
	color: #fff;
	font-weight: 400;
}
.job-description-controls .btn.btn-primary:hover,
.job-description-controls .btn.btn-primary:focus {
	background-color: #003057;
	border-color: #003057;
	color: #fff;
	border-radius: 16px;
	font-size: 0.8rem;
	font-weight: 400;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0.25rem 1rem;
	text-decoration: none;
	text-transform: capitalize;
}
.job-description-controls .btn.btn-primary:hover {
	text-decoration: underline !important;
}
.job-description-controls .btn.btn-primary:hover span {
	color: #fff;
	font-weight: 400;
}
.job-description-controls .btn.btn-primary i {
	color: transparent;
	-webkit-text-stroke: 1px #fff;
}
/* jd page - side panel blocks */
.job-page-side-panel {
	background-color: #f2f5f7;
	border: none;
	padding: 30px;
	border-radius: 8px;
	margin-bottom: 30px;
}
.job-page-side-panel.blue-title .call-to-action h3 {
	font-family: var(--roboto-slab);
	font-size: 1.5rem;
	color: #003057;
}
.job-page-side-panel.gold-title .call-to-action h3 {
	font-family: var(--roboto-slab);
	font-size: 1.5rem;
	color: #b3a369;
}
.job-page-side-panel input,
.job-page-side-panel .selectize-input {
	border-radius: 6px;
}
.job-page-side-panel button {
	width: 100%;
}
.selectize-control.multi .selectize-input > div.item {
	background-color: #003057;
	color: #fff;
}
.job-page-side-panel-map {
	background-color: transparent;
	border: none;
	margin-bottom: 30px;
}
.job-page-side-panel-map .block-map .google-map {
	border-radius: 8px;
}
/* job page - recommended jobs */
.job-page-rec-jobs h2 {
	font-family: var(--roboto-slab);
	font-size: 2.5rem;
	color: #b3a369;
}
.job-page-rec-jobs .jobs-list {
	margin-top: 1rem;
}
.job-page-rec-jobs .jobs-list tbody {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.job-page-rec-jobs .jobs-list tr {
	display: flex;
}
.job-page-rec-jobs .table.jobs-list tr.job {
	display: flex;
	flex-direction: column;
	background: #f2f5f7;
	padding: 1rem 1rem;
	border-radius: 8px;
	flex: 0 0 30%;
	max-width: 30%;
}
@media (max-width: 991.8px) {
	.job-page-rec-jobs .table.jobs-list tr.job {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.job-page-rec-jobs .table.jobs-list tr.job td {
	background-color: transparent;
	border: none;
	padding: 0.25rem 0;
}
.job-page-rec-jobs .jobs-list .job-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.25;
}
.job-page-rec-jobs .jobs-list .job-title a {
	font-family: var(--roboto-slab);
	font-size: 1.2rem;
	line-height: 1.25;
	color: #b3a369;
	font-weight: 700;
}

.job-page-rec-jobs .jobs-list .job-title a:hover {
	text-decoration: underline;
}
.job-page-rec-jobs .jobs-list .job-requisition-identifier {
	font-weight: 500;
}
/* ==== STYLED ELEMENTS ================ */
/* IMG + TEXT BLOCK W/ GOLD HEADING - BLUE BUTTON */
.homepage-img-text-block-wrapper {
}
.homepage-img-text-block_img {
	height: 100%;
}
.homepage-img-text-block_img .block-image {
	height: 100%;
}
@media (min-width: 768px) {
	.homepage-img-text-block_img .block-image .block-image-cover {
		height: 100%;
	}
}

.homepage-img-text-block_text {
	height: 100%;
}
.homepage-img-text-block_text .page-block {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 100%;
}
.homepage-img-text-block_text :is(h2, h3) {
	font-size: 3.2rem;
	font-family: var(--roboto-slab);
	font-weight: 700;
	color: #b3a369;
	letter-spacing: -1px;
	padding-right: 4rem;
}
.homepage-img-text-block_text :is(.button) {
	width: 65%;
	text-align: center;
}
.homepage-img-text-block_img {
	padding-right: 4rem;
}
.homepage-img-text-block_img .block-image-cover,
.homepage-img-text-block_img img {
	border-radius: 12px;
}
/* ---FLIPPED--- IMG + TEXT BLOCK W/ GOLD HEADING - BLUE BUTTON */
.img--flipped {
	padding-left: 4rem;
	padding-right: 0;
}
@media (max-width: 767.8px) {
	.homepage-img-text-block-wrapper .col-md-8 {
		order: 1;
	}
	.homepage-img-text-block-wrapper .col-md-4 {
		order: 2;
	}
	.homepage-img-text-block_text :is(h2, h3),
	.homepage-img-text-block_img,
	.img--flipped {
		padding-left: 0;
		padding-right: 0;
	}
}
/* ==== HOMEPAGE - EMPLOYEE TESTIMONIALS ================ */
.homepage-testimonials-heading-wrapper {
}
@media (max-width: 767.8px) {
	.homepage-testimonials-heading-wrapper {
		padding-bottom: 0 !important;
	}
	.homepage-testimonials-heading-wrapper p {
		text-align: left !important;
	}
	.employee-testimonials-wrapper {
		padding-bottom: 60px !important;
	}
	.employee-testimonials-wrapper .col-md-4:not(:first-of-type) {
		margin-top: 2rem;
	}
}
.employee-testimonials-each img {
	height: 275px;
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
}
/* employee testimonials name heading */
.employee-testimonials-each h3 {
	font-family: var(--roboto-slab);
	font-size: 1.6rem;
	color: #b3a369;
	font-weight: 700;
	letter-spacing: normal;
	margin-top: 1.5rem;
}
/* employee testimonials body text */
.employee-testimonials-each p:nth-of-type(0n + 2) {
	line-height: 1.5;
}
/* ========= HOMEPAGE - TABBED BENEFITS SECTION ========= */
.gtri-benefits-section-header-text p {
	margin-top: 2rem;
}

.gtri-benefits-container {
	background-color: #fff;
}

.gtri-benefits-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
	/* width: 100%; */
}

@media (max-width: 991.8px) {
	.gtri-benefits-row {
		padding-left: 2rem;
		padding-right: 2rem;
		margin-left: -7px;
		margin-right: -7px;
	}
}

@media (max-width: 991.8px) {
	.gtri-tabbed-benefits-wrapper .container {
		/* width: 100%;
        max-width: 100%; */
		padding-left: 0;
		padding-right: 0;
	}
}

.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	align-content: center;
	padding-left: 0;
}

.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-basis: 33.333%;
	position: relative;
	background-color: transparent;
	color: #003057;
	padding: 12px 20px;
	margin-bottom: 1rem;
	border: none;
	border-radius: 0;
	font-family: var(--roboto-slab);
	font-size: 1.75rem;
	font-weight: 800;
	letter-spacing: 0.5px;
	width: fit-content;
	cursor: pointer;
}

.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs li:hover {
	background-color: transparent;
	border: none;
	text-decoration: underline;
}

.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs li:last-child {
	margin-right: 0;
}

.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs li.selected {
	background-color: transparent;
	color: #b3a369;
	font-size: 1.75rem;
	font-weight: 800;
	font-family: var(--roboto-slab);
	border-left: 3px solid #b3a369;
	margin-left: 1.25rem;
}

.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs li.selected:hover {
	text-decoration: none;
}

@media (max-width: 991.8px) {
	.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs li.selected {
		font-size: 1.5rem;
	}

	.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs li {
		border: none;
		padding: 4px 10px;
		font-size: 1.5rem;
		margin-bottom: 0.2rem;
	}
}
@media (max-width: 991.8px) {
}

@media (max-width: 767.8px) {
	.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs {
		overflow-x: hidden;
		overflow-y: hidden;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		border: none;
	}
	.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs li.selected {
		font-size: 1rem;
	}
	.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabs li {
		font-size: 1rem;
	}
}

.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabsContent .gtri-benefits-tab {
	display: none;
	-webkit-animation: fadein 0.8s;
	animation: fadein 0.8s;
}

.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabsContent .gtri-benefits-tab.selected {
	display: block;
	background-color: #fff;
}

.gtri-benefits-section .gtri-benefits-autoTabs .gtri-benefits-right-col {
	text-align: center;
	margin-top: 0;
	padding-right: 0;
}

@media (max-width: 991.8px) {
	.gtri-benefits-section .gtri-benefits-autoTabs .gtri-benefits-right-col {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-top: 1rem;
	}

	.gtri-benefits-section .gtri-benefits-autoTabs .gtri-benefits-left-col {
		margin-top: 1rem;
		padding-left: 0;
		padding-right: 0;
	}
}

.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabsContent .gtri-benefits-tab img {
	height: 275px;
	width: 100%;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 1rem;
}

.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabsContent .gtri-benefits-tab p {
	color: #000;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.8px;
	text-align: left;
}

@media (max-width: 767.8px) {
	.gtri-benefits-section .gtri-benefits-autoTabs #gtri-benefits_tabsContent .gtri-benefits-tabTitleBlock {
		text-align: left;
	}
}

.gtri-benefits-section .navbar-toggler {
	background-color: #003057;
	border: none;
}

.gtri-benefits-section .navbar-toggler-text {
	display: flex;
	justify-content: flex-start;
}

.gtri-benefits-section .navbar-toggler-text i.fas {
	color: #fff;
	line-height: 2;
	transition: all 0.3s ease-in-out;
}

@media (max-width: 991.8px) {
	.gtri-benefits-section .navbar-toggler:not(.collapsed) .navbar-toggler-text i.fas {
		transform: rotate(180deg);
		transition: all 0.3s ease-in-out;
	}
}
/* tabbed benefits - hover overlay, stretched link */
.gtri-benefits-tab.selected .gtri-benefits-tab-content {
	position: relative;
	max-height: 275px;
	margin-bottom: 1rem;
	transition: 0.2s all ease-in-out;
}
.gtri-benefits-tab-content a.gtri-benefits-tab-link {
	visibility: hidden;
	position: absolute;
	background-color: rgba(0, 0, 0, 0);
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: calc(100% - 1rem); */
	height: 100%;
	width: 100%;
	border-radius: 8px;
	font-size: 0.5rem;
	font-weight: 700;
	transition: 0.2s all ease-in-out;
}
.gtri-benefits-tab-content:hover a.gtri-benefits-tab-link {
	visibility: visible;
	position: absolute;
	background: rgba(0, 0, 0, 0);
	color: rgba(255, 255, 255, 0);
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: calc(100% - 1rem); */
	height: 100%;
	width: 100%;
	border-radius: 8px;
	font-size: 0.2rem;
	font-weight: 700;
	letter-spacing: 0px;
	transition: 0.2s all ease-in-out;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.gtri-benefits-tab-content a.gtri-benefits-tab-link::before {
	visibility: visible;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	font: var(--fa-font-solid);
	content: '\f360';
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 1.75rem;
	color: rgba(255, 255, 255, 1);
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: 0.2s all ease-in-out;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.gtri-benefits-tab-content:hover a.gtri-benefits-tab-link::before {
	display: flex;
	visibility: visible;
	font: var(--fa-font-solid);
	content: '\f360';
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 0;
	padding-bottom: 0;
	font-size: 0rem;
	color: rgba(255, 255, 255, 0);
	width: 100%;
	height: 100%;
	z-index: 2;
	justify-content: flex-start;
	align-items: flex-end;
	transition: 0.2s all ease-in-out;
}
.gtri-benefits-tab-content:hover a.gtri-benefits-tab-link:hover {
	background-color: rgba(0, 0, 0, 0.3);
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	font-size: 2rem;
	letter-spacing: 1.2px;
	transition: 0.2s all ease-in-out;
}
/* ========= BENEFITS PAGE - HERO IMG/TEXT ======================== */
.benefits-page-hero-wrapper .col-md-6:not(:last-child) {
	background-color: #b3a369;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 2rem;
	padding-bottom: 1rem;
}
.benefits-page-hero-text {
	width: 100%;
	padding-left: 7vw;
}
.benefits-page-hero-text :is(h2) {
	color: #fff;
	font-family: var(--roboto-slab);
	font-size: 2.5rem;
	letter-spacing: 0.1px;
}
.benefits-page-hero-text :is(p) {
	color: #fff;
	font-family: var(--roboto);
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.1px;
}
/* ========= BENEFITS PAGE - BENEFITS HOVER/MODAL CARDS ========= */
.benefits-modal-card-wrapper .card {
	width: 100%;
	background-color: #f2f4f6;
	border: none;
}

.benefits-modal-card-wrapper .benefits-modal-card-img {
	width: 5rem;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 2rem auto 0.5rem;
}

.benefits-modal-card-wrapper .card-title {
	color: #b3a369;
	font-family: var(--roboto-slab);
	font-size: 1.6rem;
	letter-spacing: normal;
	text-align: center;
	margin-bottom: 2rem;
}

.benefits-modal-card-wrapper .card:hover {
	background-color: #b3a369;
}

.benefits-modal-card-wrapper .card:hover .benefits-modal-card-img {
	filter: brightness(0) saturate(100%) invert(100%);
}

.benefits-modal-card-wrapper .card:hover .card-title {
	color: #fff;
}

.benefits-modal-card-wrapper .modal-content {
	border-radius: 8px;
}

.benefits-modal-card-wrapper .modal-header {
	border: none;
	padding-bottom: 0;
}

.benefits-modal-card-wrapper .modal-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.benefits-modal-card-wrapper .modal-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.benefits-modal-card-wrapper .modal-body .modal-title {
	margin-bottom: 0;
}
@media (max-width: 991.8px) {
	.benefits-modal-card-row .col-md-3 {
		width: 50%;
	}
	.benefits-modal-card-row .col-md-3:not(:nth-last-of-type(-n + 2)) {
		margin-bottom: 30px;
	}
}
@media (max-width: 767.8px) {
	.benefits-modal-card-row .col-md-3 {
		width: 100%;
	}
	.benefits-modal-card-row .col-md-3:not(:last-of-type) {
		margin-bottom: 30px;
	}
}

/* ========= LIFE AT GTRI PAGE - CULTURE HOVER CARDS ========= */
.culture-hover-card-wrapper .card {
	width: 100%;
	height: 100%;
	min-height: 475px;
	transition: transform 0.5s ease, box-shadow 0.5s ease;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.culture-hover-card-wrapper .card:hover {
	/* transform: scale(1.05); */
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Default state */
.culture-hover-card-wrapper .card .default-state {
	position: relative;
	height: 200px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	color: white;
	text-align: left;
	padding: 20px;
	z-index: 1;
}
/* default-state overlay */
.culture-hover-card-wrapper .card .default-state::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 48, 87, 0.5);
	z-index: -1;
}

.culture-hover-card-wrapper .card .hover-state {
	display: none;
}

.culture-hover-card-wrapper .card:hover .default-state {
	display: none;
}

.culture-hover-card-wrapper .card:hover .hover-state {
	position: relative;
	height: 200px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-evenly;
	color: white;
	text-align: left;
	padding: 20px;
	z-index: 1;
	cursor: text;
}

/* hover-state overlay */
.culture-hover-card-wrapper .card .hover-state::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 48, 87, 0.85);
	z-index: -1; /* Puts overlay behind the content */
}

.culture-hover-card-wrapper .card-img-top {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.culture-hover-card-wrapper .hover-card-default-img {
	width: 5rem;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.culture-hover-card-wrapper .hover-card-default-title {
	font-family: var(--roboto-slab);
	font-size: 2rem;
	color: #fff;
	margin-top: 1rem;
}

.culture-hover-card-wrapper .hover-card-hover-title {
	font-family: var(--roboto-slab);
	font-size: 1.75rem;
	letter-spacing: 0.4px;
	color: #fff;
}

.culture-hover-card-wrapper .hover-card-hover-text {
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.5;
}

.culture-hover-card-wrapper .hover-card-hover-text span {
	color: #fff;
	background-color: rgb(0 89 161 / 50%);
}
/* community card - background image - grayscale */
.culture-hover-card-wrapper .community-card .default-state::after,
.culture-hover-card-wrapper .community-card .hover-state::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/c98939c8a22041c0435e92584be46d15/images/files/0ad620ff852f26b778d30dd8e7e7a2c0/large/2021_0330_image_COMM_employees_silhouettes_P86_021.jpg?1729789962');
	background-size: cover;
	background-position: center;
	filter: grayscale(100%);
	z-index: -2;
}
/* recognition card - background image - grayscale */
.culture-hover-card-wrapper .recognition-card .default-state::after,
.culture-hover-card-wrapper .recognition-card .hover-state::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/c98939c8a22041c0435e92584be46d15/images/files/ccc96716ab72707b9fd3853b13e8aa18/large/_MG_1113_HighRes.jpg?1729789966');
	background-size: cover;
	background-position: center;
	filter: grayscale(100%);
	z-index: -2;
}
/* traditions card - background image - grayscale */
.culture-hover-card-wrapper .traditions-card .default-state::after,
.culture-hover-card-wrapper .traditions-card .hover-state::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/c98939c8a22041c0435e92584be46d15/images/files/f7b6ff44c26ad257a35acdb768a54b1b/large/16C6000-P4-112.jpg?1729789965');
	background-size: cover;
	background-position: center;
	filter: grayscale(100%);
	z-index: -2;
}
/* surroundings card - background image - grayscale */
.culture-hover-card-wrapper .surroundings-card .default-state::after,
.culture-hover-card-wrapper .surroundings-card .hover-state::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('https://d25wby5c7p9100.cloudfront.net/public/uploads/c98939c8a22041c0435e92584be46d15/images/files/8f133e8af3f172f272d73b9d31564c26/large/2021_0913_image_COMM_locations_headquarters_012.jpg?1729789975');
	background-size: cover;
	background-position: center;
	filter: grayscale(100%);
	z-index: -2;
}

/* Button styling */
.culture-hover-card-wrapper .hover-card-btn,
.culture-hover-card-wrapper .hover-card-btn:active,
.culture-hover-card-wrapper .hover-card-btn:visited,
.culture-hover-card-wrapper .hover-card-btn:hover,
.culture-hover-card-wrapper .hover-card-btn:focus {
	background-color: #b3a369;
	border: none;
	padding: 8px 10px;
	border-radius: 6px;
	font-size: 0.75rem;
	font-weight: 500;
	color: #fff;
}

@media (max-width: 767.8px) {
	.culture-hover-card-row .col-md-6 {
		width: 100%;
		flex: 0 0 auto;
	}
	.culture-hover-card-row .col-md-6:first-child {
		margin-bottom: 30px;
	}
}
/* needed for large amount of text copy on hover-state side of card on small viewports */
/* can revert if using minimal text copy */
@media (min-width: 768px) and (max-width: 991.8px) {
	.culture-hover-card-wrapper .card:hover,
	.culture-hover-card-wrapper .card:hover .hover-state {
		height: 100% !important;
	}
}
@media (max-width: 425px) {
	.culture-hover-card-wrapper .card:hover,
	.culture-hover-card-wrapper .card:hover .hover-state {
		height: 100% !important;
	}
}
