/*----- VARIABLES - Open -----*/
:root {
	--color-primary: #034ea2;
	--color-primary-2: #23487a;
	--color-secondary: #f58345;
	--color-secondary-2: #f37021;

	--color-dark: #163257;
	--color-darker: #0a203b;
	--color-light: #edf5fb;

	--color-black: #000000;
	--color-white: #ffffff;

	--color-text: #545556;
	--color-heading: #23487a;

	--color-gray-50: #f3f3f3;
	--color-gray-100: #ebebeb;
	--color-gray-150: #e0e0e0;
	--color-gray-200: #d8d8d8;
	--color-gray-250: #cdcdcd;
	--color-gray-300: #c5c5c5;
	--color-gray-700: #757778;
	--color-gray-900: #919293;

	--color-green-400: #52cb99;
	--color-green-500: #36b37e;
	--color-green-600: #2f9d6f;
	--color-green-700: #1c8a5c;

	--color-red-400: #ff7a5c;
	--color-red-500: #ff471d;
	--color-red-600: #ff2f00;
	--color-red-700: #e02900;

	--color-yellow-250: #f6de5b;
	--color-yellow-500: #ffbb33;
	--color-yellow-600: #ffab00;

	--color-blue-25: #f2f6fb;
	--color-blue-50: #e6edf6;
	--color-blue-100: #cddcec;
	--color-blue-150: #b3cae3;
	--color-blue-200: #9ab8da;
	--color-blue-250: #81a7d1;
	--color-blue-300: #5c9ee9;
	--color-blue-350: #4f83be;
	--color-blue-400: #3571b5;
	--color-blue-450: #1c60ab;
	--color-blue-500: #034ea2;
	--color-blue-550: #034692;
	--color-blue-600: #023e82;
	--color-blue-650: #023771;
	--color-blue-700: #022f61;

	--color-orange-50: #fef1e9;
	--color-orange-100: #fde2d3;
	--color-orange-150: #fbd4bc;
	--color-orange-200: #fac6a6;
	--color-orange-250: #f9b890;
	--color-orange-300: #ffa575;
	--color-orange-350: #ffa575;
	--color-orange-400: #ff9860;
	--color-orange-450: #ff8a4a;
	--color-orange-500: #ff7a32;
	--color-orange-600: #ff6e20;
	--color-orange-700: #ff600b;
	--color-orange-800: #f45600;

	--color-silver-100: #f6f8fa;
	--color-silver-300: #bcc8d8;
	--color-silver-500: #45576f;
	--color-silver-600: #3b485a;

	--primary-font-family: 'aileron', sans-serif;
	--secondary-font-family: 'bebas-neue-pro-expanded', sans-serif;

	--border-radius: 0.5rem;
	--border-radius-small: 0.25rem;
	--border-radius-buttons: 0.1875rem;
	--box-shadow: 0 0 0.75rem 0 rgba(21, 43, 73, 0.12);
}
/*----- VARIABLES - Close -----*/

/*----- SETUP - Open -----*/
body {
	color: var(--color-text);
	font-family: var(--primary-font-family);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--aero-heading);
	font-family: var(--primary-font-family);
	font-weight: 700;
	font-style: normal;
	line-height: 1.3;
	margin-bottom: 1rem;
}

/*----- SETUP - Close -----*/

/*----- PAGE HEADER - Open -----*/
#aero-10 .page-header {
	background-color: var(--color-dark);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 300px;
}
#aero-10 .page-header-container {
	position: relative;
	z-index: 2;
}
#aero-10 .page-header__cover-image--img,
#aero-10 .page-header__cover-image {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	max-width: none !important;
	top: 0;
	width: 100%;
}
#aero-10 .page-header__cover-image--img {
	object-fit: cover;
	object-position: 50% 50%;
}

/* TITLE */
#page-header .page-title-container {
	padding: 1rem 0;
	position: relative;
}
#page-header .page-title-container .container {
	z-index: 2;
	position: relative;
}
#page-header .page-header h1.page-title {
	color: var(--color-white);
	margin-bottom: 0 !important;
}
#page-header .page-title-container::before {
	background: var(--color-dark);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.4;
	position: absolute;
	top: 0;
	width: 100%;
}

/* BREADCRUMBS */
#page-header .breadcrumb-container {
	margin-bottom: 0;
	padding: 0.5rem 0;
	position: relative;
}
#page-header .breadcrumb-container .container {
	z-index: 2;
	position: relative;
}
#page-header .breadcrumb-container .breadcrumb {
	background: none;
	border-radius: 0;
	color: var(--color-white);
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}
#page-header .breadcrumb-container::before {
	background: var(--color-dark);
	content: '';
	display: block;
	height: 100%;
	opacity: 0.9;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
/*----- PAGE HEADER - Close -----*/

/*----- CONTENT - Open -----*/
#presentation-region {
	background-color: var(--color-light);
}
.homepage #presentation-region {
	background-color: var(--color-dark);
	min-height: 80vh;
}
/*----- CONTENT - Close -----*/

/*----- FOOTER - Open -----*/
.footer {
	background-color: var(--color-light);
}
/*----- FOOTER - Close -----*/

/*----- TRANSITION - Open -----*/
#edit-cancel,
input[type='submit'],
a {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
/*----- TRANSITION - Close -----*/
