/* Minification failed. Returning unminified contents.
(145,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(180,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(202,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(204,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,20): run-time error CSS1039: Token not allowed after unary operator: '-font-roboto'
(242,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-header-title'
(243,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(247,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(248,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-header-link'
(249,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-medium'
(253,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(254,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-header-profile'
(255,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-medium'
(259,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(260,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(261,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-medium'
(268,20): run-time error CSS1039: Token not allowed after unary operator: '-font-roboto'
(269,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-footer-title'
(270,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(274,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(275,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-footer-links'
(276,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-medium'
(277,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(282,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(283,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-footer-text'
(284,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-medium'
(295,20): run-time error CSS1039: Token not allowed after unary operator: '-font-roboto'
(296,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-page-title'
(297,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(301,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(302,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-paragraph'
(303,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(308,20): run-time error CSS1039: Token not allowed after unary operator: '-font-roboto'
(309,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-box-heading'
(310,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-medium'
(314,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(315,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-box-text'
(316,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(320,20): run-time error CSS1039: Token not allowed after unary operator: '-font-roboto'
(321,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-pullquote-heading'
(322,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-semibold'
(326,20): run-time error CSS1039: Token not allowed after unary operator: '-font-roboto'
(327,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-pullquote-text'
(328,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(332,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(333,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-highlight-link'
(334,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-semibold'
(338,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(339,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-small-link'
(340,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-medium'
(344,20): run-time error CSS1039: Token not allowed after unary operator: '-font-roboto'
(345,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-section-heading-boxed'
(346,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(350,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(351,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-section-heading'
(352,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-semibold'
(356,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(357,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-section-subheading'
(358,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-semibold'
(365,20): run-time error CSS1039: Token not allowed after unary operator: '-font-roboto'
(366,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-job-summary-title'
(367,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(371,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(372,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-job-summary-text'
(376,20): run-time error CSS1039: Token not allowed after unary operator: '-font-roboto'
(377,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-job-listing-title'
(378,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(382,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(383,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-job-return-link'
(384,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(388,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(389,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-job-subheading'
(390,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(394,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(395,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-job-text'
(396,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(400,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(401,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-job-subheading'
(402,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-medium'
(406,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(407,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-job-text'
(408,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(416,20): run-time error CSS1039: Token not allowed after unary operator: '-font-roboto'
(417,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-xl'
(418,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(422,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(423,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-md'
(424,20): run-time error CSS1039: Token not allowed after unary operator: '-fw-regular'
(436,18): run-time error CSS1039: Token not allowed after unary operator: '-max-content-width'
(457,25): run-time error CSS1039: Token not allowed after unary operator: '-heritage-blue'
(458,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(459,28): run-time error CSS1039: Token not allowed after unary operator: '-space-sm'
(463,18): run-time error CSS1039: Token not allowed after unary operator: '-max-content-width'
(473,23): run-time error CSS1039: Token not allowed after unary operator: '-space-xl'
(474,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg'
(488,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(489,20): run-time error CSS1039: Token not allowed after unary operator: '-space-xs'
(493,38): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey'
(494,22): run-time error CSS1039: Token not allowed after unary operator: '-space-md'
(495,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg'
(500,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(505,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(509,12): run-time error CSS1039: Token not allowed after unary operator: '-space-xs'
(514,14): run-time error CSS1039: Token not allowed after unary operator: '-yellow-gold'
(518,29): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey'
(533,31): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey'
(538,25): run-time error CSS1039: Token not allowed after unary operator: '-medium-blue'
(556,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(558,22): run-time error CSS1039: Token not allowed after unary operator: '-space-lg'
(566,25): run-time error CSS1039: Token not allowed after unary operator: '-medium-blue'
(579,26): run-time error CSS1039: Token not allowed after unary operator: '-space-sm'
(581,25): run-time error CSS1039: Token not allowed after unary operator: '-heritage-blue'
(582,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(583,22): run-time error CSS1039: Token not allowed after unary operator: '-space-sm'
(584,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg'
(591,27): run-time error CSS1039: Token not allowed after unary operator: '-space-sm'
(592,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(593,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(605,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(616,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(621,25): run-time error CSS1039: Token not allowed after unary operator: '-medium-blue'
(673,25): run-time error CSS1039: Token not allowed after unary operator: '-footer-black'
(674,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(676,20): run-time error CSS1039: Token not allowed after unary operator: '-font-work'
(677,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-footer-text'
(690,37): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-light'
(723,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(729,14): run-time error CSS1039: Token not allowed after unary operator: '-yellow-gold'
(734,14): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-light'
(752,14): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey-light'
(812,18): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(813,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(827,30): run-time error CSS1039: Token not allowed after unary operator: '-accent-blue-40'
(833,24): run-time error CSS1039: Token not allowed after unary operator: '-space-md'
(841,24): run-time error CSS1039: Token not allowed after unary operator: '-space-md'
(846,23): run-time error CSS1039: Token not allowed after unary operator: '-space-lg'
(847,24): run-time error CSS1039: Token not allowed after unary operator: '-space-sm'
(851,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(866,24): run-time error CSS1039: Token not allowed after unary operator: '-space-md'
(884,30): run-time error CSS1039: Token not allowed after unary operator: '-blue-grey'
(895,26): run-time error CSS1039: Token not allowed after unary operator: '-heritage-blue'
(940,15): run-time error CSS1039: Token not allowed after unary operator: '-medium-blue'
 */
/* ================================
   FONT IMPORTS
================================ */

/* Roboto Slab */
@font-face {
	font-family: 'Roboto Slab';
	src: url('../Content/fonts/roboto-slab/RobotoSlab-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Slab';
	src: url('../Content/fonts/roboto-slab/RobotoSlab-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Slab';
	src: url('../Content/fonts/roboto-slab/RobotoSlab-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* Work Sans */
@font-face {
	font-family: 'Work Sans';
	src: url('../Content/fonts/work-sans/WorkSans-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Work Sans';
	src: url('../Content/fonts/work-sans/WorkSans-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Work Sans';
	src: url('../Content/fonts/work-sans/WorkSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?-isayef');
	src: url('fonts/icomoon.eot?#iefix-isayef') format('embedded-opentype'),
		url('fonts/icomoon.woff?-isayef') format('woff'),
		url('fonts/icomoon.ttf?-isayef') format('truetype'),
		url('fonts/icomoon.svg?-isayef#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-alert:before {
	content: "\e600";
}

.icon-arrow-left:before {
	content: "\e601";
}

.icon-arrow-right:before {
	content: "\e602";
}

.icon-close:before {
	content: "\e603";
}

.icon-edit:before {
	content: "\e604";
}

.icon-feed:before {
	content: "\e605";
}

.icon-info:before {
	content: "\e606";
}

.icon-map-marker:before {
	content: "\e607";
}

.icon-menu:before {
	content: "\e608";
}

.icon-minus:before {
	content: "\e609";
}

.icon-my-account:before {
	content: "\e60a";
}

.icon-plus:before {
	content: "\e60b";
}

.icon-printer:before {
	content: "\e60c";
}

.icon-search:before {
	content: "\e60d";
}

.icon-twitter:before {
	content: "\e60e";
}

/* ================================
   GLOBAL VARIABLES
================================ */
:root {
	--max-content-width: 1300px;

	/* Colors */
	--heritage-blue: #002D72;
	--medium-blue: #0077D8;
	--accent-blue: #339CF0;
	--accent-blue-40: rgba(51, 156, 240, 0.4);
	--footer-black: #31261D;
	--blue-grey: #3e5998;
	--blue-grey-light: #bfc1c3;
	--white: #FFFFFF;
	--yellow-gold: #d9c89e;
	--text-color: #212529;
	--link-color-default: #337ab7;

	/* Font Families */
	--font-roboto: 'Roboto Slab', serif;
	--font-work: 'Work Sans', sans-serif;

	/* Font Weights */
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;


	/* Typography*/
	/* 14px → 16px */
	--fs-xs: clamp(0.875rem, 1vw, 1rem);
	/* 16px → 18px */
	--fs-sm: clamp(1rem, 1.2vw, 1.125rem);
	/* 18px → 22px */
	--fs-md: clamp(1.125rem, 1.8vw, 1.375rem);
	/* 24px → 30px */
	--fs-lg: clamp(1.5rem, 2.5vw, 1.875rem);
	/* 26px → 34px */
	--fs-xl: clamp(1.625rem, 3vw, 2.125rem);
	/* 32px → 40px */
	--fs-xxl: clamp(2rem, 4vw, 2.5rem);

	/* Specific element font sizes */
	--fs-header-title: var(--fs-md);
	--fs-header-link: var(--fs-sm);
	--fs-header-profile: var(--fs-xs);
	--fs-footer-title: var(--fs-md);
	--fs-footer-links: var(--fs-sm);
	--fs-footer-text: var(--fs-sm);
	--fs-page-title: var(--fs-xxl);
	--fs-paragraph: var(--fs-md);
	--fs-box-heading: var(--fs-lg);
	--fs-box-text: var(--fs-sm);
	--fs-pullquote-heading: var(--fs-xxl);
	--fs-pullquote-text: var(--fs-xxl);
	--fs-highlight-link: var(--fs-lg);
	--fs-small-link: var(--fs-md);
	--fs-section-heading-boxed: var(--fs-xl);
	--fs-section-heading: var(--fs-xl);
	--fs-section-subheading: var(--fs-lg);
	--fs-job-summary-title: var(--fs-lg);
	--fs-job-summary-text: var(--fs-sm);
	--fs-job-nav-text: var(--fs-sm);
	--fs-job-listing-title: var(--fs-xxl);
	--fs-job-return-link: 1rem;
	--fs-job-subheading: var(--fs-sm);
	--fs-job-text: var(--fs-sm);
	--fs-form-title: var(--fs-xl);
	--fs-form-label: var(--fs-md);
	--fs-form-text: var(--fs-md);
	--fs-form-button: var(--fs-md);
	--fs-form-note: var(--fs-md);
	--fs-form-section-heading: var(--fs-md);

	/* Spacing Scale */
	--space-3xs: clamp(0.125rem, 0.25vw, 0.25rem);
	/* 2px → 4px */
	--space-2xs: clamp(0.25rem, 0.35vw, 0.375rem);
	/* 4px → 6px */
	--space-xs: clamp(0.375rem, 0.5vw, 0.5rem);
	/* 6px → 8px */
	--space-sm: clamp(0.5rem, 0.75vw, 0.75rem);
	/* 8px → 12px */
	--space-md: clamp(0.75rem, 1vw, 1rem);
	/* 12px → 16px */
	--space-lg: clamp(1rem, 1.5vw, 1.5rem);
	/* 16px → 24px */
	--space-xl: clamp(1.5rem, 2vw, 2rem);
	/* 24px → 32px */
	--space-2xl: clamp(2rem, 3vw, 3rem);
	/* 32px → 48px */
	--space-3xl: clamp(3rem, 4vw, 4rem);
	/* 48px → 64px */
}

/* ================================
   HEADER TYPOGRAPHY
================================ */
.header-title {
	font-family: var(--font-roboto);
	font-size: var(--fs-header-title);
	font-weight: var(--fw-regular);
}

.header-link {
	font-family: var(--font-work);
	font-size: var(--fs-header-link);
	font-weight: var(--fw-medium);
}

.header-profile-link {
	font-family: var(--font-work);
	font-size: var(--fs-header-profile);
	font-weight: var(--fw-medium);
}

.header-skip-link {
	font-family: var(--font-work);
	font-size: var(--fs-sm);
	font-weight: var(--fw-medium);
}

/* ================================
   FOOTER TYPOGRAPHY
================================ */
.footer-title {
	font-family: var(--font-roboto);
	font-size: var(--fs-footer-title);
	font-weight: var(--fw-regular);
}

.footer-links-typography {
	font-family: var(--font-work);
	font-size: var(--fs-footer-links);
	font-weight: var(--fw-medium);
	color: var(--white);
	text-decoration: none;
}

.footer-text {
	font-family: var(--font-work);
	font-size: var(--fs-footer-text);
	font-weight: var(--fw-medium);
}

/* ================================
   GENERAL PAGE TYPOGRAPHY
================================ */
html {
	font-size: 100%;
}

.page-title {
	font-family: var(--font-roboto);
	font-size: var(--fs-page-title);
	font-weight: var(--fw-regular);
}

.paragraph-copy {
	font-family: var(--font-work);
	font-size: var(--fs-paragraph);
	font-weight: var(--fw-regular);
	line-height: 1.5;
}

.box-heading {
	font-family: var(--font-roboto);
	font-size: var(--fs-box-heading);
	font-weight: var(--fw-medium);
}

.box-text {
	font-family: var(--font-work);
	font-size: var(--fs-box-text);
	font-weight: var(--fw-regular);
}

.pullquote-heading {
	font-family: var(--font-roboto);
	font-size: var(--fs-pullquote-heading);
	font-weight: var(--fw-semibold);
}

.pullquote-text {
	font-family: var(--font-roboto);
	font-size: var(--fs-pullquote-text);
	font-weight: var(--fw-regular);
}

.highlighted-link {
	font-family: var(--font-work);
	font-size: var(--fs-highlight-link);
	font-weight: var(--fw-semibold);
}

.small-link {
	font-family: var(--font-work);
	font-size: var(--fs-small-link);
	font-weight: var(--fw-medium);
}

.section-heading-boxed {
	font-family: var(--font-roboto);
	font-size: var(--fs-section-heading-boxed);
	font-weight: var(--fw-regular);
}

.section-heading {
	font-family: var(--font-work);
	font-size: var(--fs-section-heading);
	font-weight: var(--fw-semibold);
}

.section-subheading {
	font-family: var(--font-work);
	font-size: var(--fs-section-subheading);
	font-weight: var(--fw-semibold);
}

/* ================================
   JOB LISTING TYPOGRAPHY
================================ */
.job-summary-box-title {
	font-family: var(--font-roboto);
	font-size: var(--fs-job-summary-title);
	font-weight: var(--fw-regular);
}

.job-summary-box-text {
	font-family: var(--font-work);
	font-size: var(--fs-job-summary-text);
}

.job-listing-box-title {
	font-family: var(--font-roboto);
	font-size: var(--fs-job-listing-title);
	font-weight: var(--fw-regular);
}

.job-listing-box-return-link {
	font-family: var(--font-work);
	font-size: var(--fs-job-return-link);
	font-weight: var(--fw-regular);
}

.job-listing-box-subheading {
	font-family: var(--font-work);
	font-size: var(--fs-job-subheading);
	font-weight: var(--fw-regular);
}

.job-listing-box-text {
	font-family: var(--font-work);
	font-size: var(--fs-job-text);
	font-weight: var(--fw-regular);
}

.job-also-subheading {
	font-family: var(--font-work);
	font-size: var(--fs-job-subheading);
	font-weight: var(--fw-medium);
}

.job-also-text {
	font-family: var(--font-work);
	font-size: var(--fs-job-text);
	font-weight: var(--fw-regular);
}

/* ================================
   POSITION-SEARCH TYPOGRAPHY
================================ */

.job-search-box-title {
	font-family: var(--font-roboto);
	font-size: var(--fs-xl);
	font-weight: var(--fw-regular);
}

.job-search-box-text {
	font-family: var(--font-work);
	font-size: var(--fs-md);
	font-weight: var(--fw-regular);
}

/* ================================
   PAGE CONTAINER
================================ */
body {
	min-height: 100vh;
	min-height: 100dvh;
}

.container {
	max-width: var(--max-content-width);
	margin-inline: auto;
	padding-inline: 1rem;
	width: 100%;
}

/* Remove negative margin from .row that comes from bootstrap*/
.container .row {
	margin-left: 0;
	margin-right: 0;
}

#main-content .row {
	margin-left: 0;
	margin-right: 0;
}

/* ================================
   SITE HEADER
================================ */
.site-header {
	background-color: var(--heritage-blue);
	color: var(--white);
	padding-block-start: var(--space-sm);
}

.site-header-content {
	max-width: var(--max-content-width);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.site-header-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-block-size: var(--space-xl);
	padding-inline: var(--space-lg);
}

.site-header-logo-title {
	display: flex;
	align-items: center;
}

.header-logo {
	height: 100%;
	display: block;
}

.header-title-link {
	color: var(--white);
	margin-left: var(--space-xs);
	text-decoration: none;
	transition: color 0.2s;
	display: inline-block;
	border-inline-start: 1px solid var(--blue-grey);
	padding-block: var(--space-md);
	padding-inline: var(--space-lg);
}

.header-title-link:focus,
.header-title-link:hover {
	color: var(--white);
	text-decoration: none;
}

.header-application-profile-link {
	color: var(--white) !important;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: var(--space-xs);
}

.header-application-profile-link:focus,
.header-application-profile-link:hover {
	color: var(--yellow-gold) !important;
}

nav {
	border-top: 1px solid var(--blue-grey);
	display: flex;
}

nav ul {
	display: flex;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

nav ul>li {
	flex: 1 1 auto;
	text-align: center;
	border-right: 1px solid var(--blue-grey);
}

nav ul>li:focus,
nav ul>li:hover {
	background-color: var(--medium-blue);
}

nav ul>li:last-child {
	border-right: none;
}

nav ul>li:first-child:hover,
nav ul>li:first-child:focus,
nav ul>li:last-child:hover,
nav ul>li:last-child:focus {
	background-color: initial;
}

.header-link-style {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white) !important;
	text-decoration: none;
	padding-block: var(--space-lg);
	padding-inline: 0;
	transition: background-color 150ms ease;
	position: relative;
}

.header-link-style:focus,
.header-link-style:hover {
	background-color: var(--medium-blue);
	outline: none;
}

/* External link icon, hidden from screen readers */
.header-link-style .arrow[aria-hidden="true"],
.header-profile-link .arrow[aria-hidden="true"] {
	vertical-align: middle;
}

/* Skip link for accessibility */
.skip-link {
	position: absolute;
	inset-block-start: var(--space-sm);
	inset-inline-start: -9999px;
	background-color: var(--heritage-blue);
	color: var(--white);
	padding-block: var(--space-sm);
	padding-inline: var(--space-lg);
	text-decoration: none;
	z-index: 1000;
}

.skip-link:focus,
.skip-link:active {
	inset-inline-start: var(--space-sm);
	outline: 3px solid var(--white);
	color: var(--white);
}

#header-sidebar-open-button {
	display: none;
	background: none;
	border: none;
	padding: 1em;
	margin-left: auto;
	cursor: pointer;
	height: 10vh;
	width: 10vh;
	color: var(--white);
}

#header-sidebar-close-button {
	display: none;
	background: none;
	border: none;
	padding: 1em;
	cursor: pointer;
	height: 10vh;
	width: 10vh;
	color: var(--white);
}

#header-sidebar-open-button:hover,
#header-sidebar-close-button:hover {
	background-color: var(--medium-blue);
}

#site-header-navbar-application-profile-link {
	display: none;
}


#overlay {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	inset: 0;
	z-index: 100;
	display: none;
}

/* ================================
   SITE FOOTER
================================ */
.footer-main {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	gap: 1.25rem;
	align-items: start;
}

.footer-left,
.footer-center,
.footer-right {
	min-width: 0;
}

.footer-left {
	max-width: 38.75rem;
	min-width: 18rem;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	gap: 0.5rem;
	align-items: center;
}

.footer-center {
	max-width: 21.25rem;
}

.footer-right {
	max-width: 21.25rem;
	margin-right: 0;
}

.footer {
	background-color: var(--footer-black);
	color: var(--white);
	padding: 1.75rem 0 1.0625rem 0;
	font-family: var(--font-work);
	font-size: var(--fs-footer-text);
}

.footer-logo-row {
	display: none;
}

.footer-logo-link {
	grid-column: 1 / 2;
	align-self: center;
	display: inline-block;
	padding-right: 0.75rem;
	margin-right: 0.5rem;
	border-right: 0.0625rem solid var(--blue-grey-light);
}

.footer-logo-img {
	display: block;
	width: 100%;
	max-width: 18.75rem;
	min-width: 8rem;
	height: auto;
}

.footer-title-style {
	grid-column: 2 / 3;
	align-self: center;
	padding-left: 0.5rem;
}

.footer-contact-rows {
	grid-column: 1 / -1;
	margin-left: 0;
}

.footer-contact {
	margin-top: 0.5rem;
	line-height: 1.3;
}

.footer-contact a {
	text-decoration: underline;
}

.footer-links {
	text-decoration: none;
	color: var(--white);
	transition: color 0.2s;
}

.footer-links:hover,
.footer-links:focus {
	color: var(--yellow-gold);
}

.footer-copyright {
	margin-top: 0.25rem;
	color: var(--blue-grey-light);
	letter-spacing: 0.03125rem;
}

.footer-center,
.footer-right {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.footer-bottom {
	margin-top: 1rem;
	padding-top: 0.5rem;
}

.footer-bottom .footer-copyright {
	color: var(--blue-grey-light);
	letter-spacing: 0.03125rem;
	text-align: left;
}

.footer-nav-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-nav-list li {
	margin-bottom: 0.25rem;
}

.footer-social {
	margin-top: 0.375rem;
}

.footer-social-link {
	display: inline-block;
	padding: 0.25rem;
}

.footer-social-link-img {
	width: 1.5rem !important;
	height: 1.5rem !important;
	min-width: 1.5rem !important;
	min-height: 1.5rem !important;
	display: inline-block;
	vertical-align: middle;
	background: transparent;
}

.footer-social-link-img-yt {
	width: 2.5rem !important;
	height: 2.5rem !important;
	min-width: 2.5rem !important;
	min-height: 2.5rem !important;
	display: inline-block;
	vertical-align: middle;
	background: transparent;
}

.footer-social-link:focus .footer-social-img,
.footer-social-link:hover .footer-social-img {
	opacity: 0.8;
}

.footer-social-link:focus .footer-social-img-yt,
.footer-social-link:hover .footer-social-img-yt {
	opacity: 0.8;
}

.footer-social-link:not(:last-child) {
	margin-right: 0.5rem;
}

.footer-social-label {
	margin-top: 2px;
	font-size: var(--fs-xs);
	color: var(--white);
}

/* ================================
   ANIMATIONS
================================ */
@keyframes focusGlow {

	0%,
	100% {
		box-shadow: 0 1.5px 2px rgba(0, 0, 0, 0.03);
	}

	50% {
		box-shadow: 0 0 0 4px var(--accent-blue-40), 0 1.5px 2px rgba(0, 0, 0, 0.03);
	}
}
@media (max-width: 87.5em) {
	.container {
		margin-inline: auto;
		padding-inline: var(--space-md);
		width: 90%;
	}
}

@media (max-width: 62.5em) {
	.container {
		margin-inline: auto;
		padding-inline: var(--space-md);
		width: 96%;
	}

	#site-header-navbar .site-header-nav-ul>li>a {
		padding-block: var(--space-lg);
		padding-inline: var(--space-sm);
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--white) !important;
		text-decoration: none;
		transition: background-color 150ms ease;
		position: relative;
	}

	nav ul>li:last-child {
		display: none;
	}
}

@media screen and (max-width: 48em) {

	.container {
		margin-inline: auto;
		padding-inline: var(--space-md);
		width: 100%;
	}

	.site-header-logo-title {
		display: flex;
		flex-direction: column;
	}

	.site-header-content {
		padding-bottom: 1em;
	}

	.header-profile-link {
		display: none;
	}

	.header-title-link {
		border-top: 2px solid var(--blue-grey);
		border-inline-start: none;
	}

	#header-sidebar-open-button,
	#header-sidebar-close-button {
		display: block;
		align-self: flex-end;
	}

	nav {
		background-color: var(--heritage-blue);
		position: fixed;
		top: 0;
		right: -100%;
		height: 100vh;
		width: min(15em, 100%);
		z-index: 1000;
		border-top: none;
		border-inline-start: none;
		transition: right 0.3s ease-out;
	}

	nav.show {
		right: 0;
	}

	nav.show~#overlay {
		display: block;
	}

	nav ul {
		width: 100%;
		flex-direction: column;
		padding-top: 10vh;
	}

	nav ul>li {
		border-right: none;
		display: flex;
		align-items: stretch;
		justify-content: stretch;
	}

	#header-sidebar-close-button {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1001;
	}

	#header-sidebar-close-button:hover {
		background-color: transparent;
	}

	#header-sidebar-close-button:hover .fa {
		color: var(--medium-blue);
	}

	nav a {
		width: 100%;
		padding: 2.5em;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	nav a.active-link {
		border-bottom: none;
	}

	#site-header-navbar-application-profile-link {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	nav ul>li:first-child {
		display: none;
	}

	nav ul>li:last-child {
		display: flex;
	}

	.footer-main {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		width: 100%;
	}

	.footer-left,
	.footer-center,
	.footer-right {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
		text-align: left;
	}

	/* show logo first, then contact, then title */
	.footer-logo-link {
		order: 0;
		margin-right: 0;
		padding-right: 0;
		border-right: none;
		align-self: flex-start;
	}

	.footer-title-style {
		order: 1;
		display: block;
		margin-top: 0.25rem;
		align-self: flex-start;
		padding-left: 0;
	}

	.footer-contact-rows {
		order: 2;
		width: 100%;
	}

	.footer-center .footer-nav-list,
	.footer-right .footer-nav-list {
		padding-left: 0;
	}

	.footer-social {
		margin-top: 0.5rem;
	}

	.footer-bottom {
		margin-top: 0.5rem;
		text-align: left;
	}

	.footer {
		text-align: left;
	}
}