/* NAVIGATION */
:root {
	--navigation_main_size: 250px;			/* navigation_main width */
	--navigation_top_size: 75px;			/* navigation_top height */
	--navigation_footer_info_size: 45px;	/* navigation_footer_info height */

	--transition_speed: 0.4s;
}

/* NAVIGATION - COMMON */
#navigation_main a,
#navigation_main a:hover,
#navigation_main a:visited,
#navigation_footer a,
#navigation_footer a:visited,
#navigation_footer,
.BM_fullscreen_navigation_header {
	color: white;
}

#navigation_top a,
#navigation_top a:hover,
#navigation_top a:visited {
	color: #303030;
}

#navigation_main,
#navigation_top {
	z-index: 99;
}

#navigation_top,
#navigation_footer {
	margin-left: var(--navigation_main_size);
}

#navigation_top,
#navigation_main_logo {
	height: var(--navigation_top_size);
}

/* NAVIGATION - SIDEBAR */
.navigation_main_link,
.navigation_main_break {
	margin-right: 28px;
}

#navigation_main {
	background-color: var(--BM_blue);
	display: block;

	top: 0px;
	bottom: 0px;
	left: 0px;

	overflow: auto;
	position: fixed;
	width: var(--navigation_main_size);
}

#navigation_main_logo {
	background-image: url("../images/logo/boundlessmiles_logo.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 210px;

	margin-bottom: -10px;
}

.navigation_main_link {
	display: block;
	border-left: 5px solid var(--BM_blue);

	font-size: 16pt;
	font-weight: 500;
	line-height: 22px;

	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 28px;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	padding-right: 7px;
}

#navigation_link_BM {
	display: none;
}

.navigation_main_break {
	background-image: linear-gradient(to right, white, var(--BM_blue));
	border: 0px;
	height: 1px;

	margin-top: 27px;
	margin-bottom: 27px;
	margin-left: 40px;		/* .navigation_main_link: (margin-left + border-left + padding-left) */
}

.navigation_main_link:hover,
.navigation_main_link_selected {
	border-color: white;
}

.navigation_main_link_selected:hover {
	border-color: var(--BM_lightgreen);
}

/* NAVIGATION - TOP */
#navigation_top_menu,
#navigation_top_misc {
	flex-basis: 0;
	flex-grow: 1;
}

#navigation_top_logo_full,
#navigation_top_menu,
#navigation_top_misc {
	display: none;
}

#navigation_top_misc {
	font-size: 12pt;
	font-weight: 200;
	font-variation-settings: "wdth" 112.5;

	height: 32px;
}

#navigation_top {
	align-items: center;
	display: flex;
	position: fixed;
	justify-content: center;
	transition: var(--transition_speed) top;

	top: 0px;
	left: 0px;
    right: 0px;
	padding-left: 30px;
	padding-right: 30px;
}

#navigation_top.navigation_top_scrolling {
	background-color: rgb(6, 68, 175, 0.9);
}

#navigation_top_menu div,
.navigation_mobile_menu_access1,
.navigation_mobile_menu_access2,
.navigation_mobile_menu_access3 {
	width: 30px;
}

.navigation_top_scrolling .navigation_mobile_menu_access1,
.navigation_top_scrolling .navigation_mobile_menu_access2,
.navigation_top_scrolling .navigation_mobile_menu_access3 {
	background-color: white;
}

.navigation_mobile_menu_access1,
.navigation_mobile_menu_access2,
.navigation_mobile_menu_access3 {
	background-color: var(--BM_darkblue);
	transition: var(--transition_speed);

	height: 4px;
	margin: 5px;
}

#navigation_mobile_menu_access {
	margin-top: 7px;
}

.navigation_mobile_access .navigation_mobile_menu_access1 {
	transform: translate(0, 9px) rotate(-45deg);
}

.navigation_mobile_access .navigation_mobile_menu_access2 {
	opacity: 0;
}

.navigation_mobile_access .navigation_mobile_menu_access3 {
	transform: translate(0, -9px) rotate(45deg);
}

#navigation_top_logo,
#navigation_top_logo_full {
	margin-top: 2px;
}

#navigation_top_logo img,
#navigation_top_logo_full img {
	width: auto;
}

#navigation_top_logo img {
	height: 51px;
}

#navigation_top_logo_full img {
	height: 60px;
}

/* NAVIGATION - FOOTER */
#navigation_footer {
	background-color: #030303;
	text-align: center;

	margin-top: 25px;
	padding-top: 40px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

#navigation_footer_info {
	display: flex;
	justify-content: space-between;

	max-width: 1016px;
	margin-left: auto;
	margin-right: auto;
}

#navigation_footer_logo img {
	height: var(--navigation_footer_info_size);
	width: auto;
}

#navigation_footer_phone {
	font-size: 15pt;
	font-weight: 300;
	font-variation-settings: "wdth" 125;

	line-height: var(--navigation_footer_info_size);
	padding-right: 5px;
}

.navigation_footer_links {
	display: inline-block;
	text-align: left;

	font-size: 13pt;
	font-weight: 200;
	font-variation-settings: "wdth" 112.5;

	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 12px;
	margin-right: 12px;
}

.navigation_footer_links a {
	display: block;
	margin: 10px;
}

#navigation_footer #navigation_footer_phone a:hover,
#navigation_footer .navigation_footer_links a:hover {
	color: var(--BM_blue);
}

#navigation_footer_copyright {
	font-size: 10pt;
	font-weight: 100;
	font-variation-settings: "wdth" 112.5;

	margin-top: 7px;
}

.BM_fullscreen_navigation {
	background-color: var(--BM_blue);

	height: 55px;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;

	text-align: right;
}

.BM_fullscreen_navigation_header {
	float: left;
	line-height: 32px;

	font-size: 22pt;
	font-weight: 500;
	font-variation-settings: "wdth" 112.5;
}

.BM_fullscreen_navigation_header::first-letter {
    text-transform: capitalize;
}

.BM_fullscreen_navigation_close {
	display: inline-block;
}

#navigation_top,
.BM_fullscreen_navigation_close .navigation_mobile_menu_access1,
.BM_fullscreen_navigation_close .navigation_mobile_menu_access3 {
	background-color: white;
}

.BM_fullscreen_navigation_close:hover .navigation_mobile_menu_access1,
.BM_fullscreen_navigation_close:hover .navigation_mobile_menu_access3 {
	background-color: var(--BM_lightgreen);
}

#BM_fullscreen_nav_AFI,
#airport_search_navigation {
	position: fixed;
	z-index: 95;

	top: 0;
	left: 0;
	right: 0;
}

@media screen and (max-width: 767px) {
	.navigation_footer_links:nth-child(2),
	.navigation_footer_links:nth-child(4) {
		margin-right: 0px;
	}

	.navigation_footer_links {
		display: block;
	}
}

@media screen and (max-width: 1294px) {
	#navigation_footer_phone {
		padding-right: 0px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.navigation_footer_links:nth-child(2),
	.navigation_footer_links:nth-child(4) {
		margin-right: 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1294px) {
	.navigation_footer_links {
		margin-top: 10px;
		margin-bottom: 15px;
		width: 298px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1294px) {
	.navigation_footer_links:nth-child(2),
	.navigation_footer_links:nth-child(4) {
		margin-left: 50px;
	}

	#navigation_footer_info {
		display: block;
	}
}

@media screen and (max-width: 1024px) {
	#navigation_main,
	#navigation_main_logo {
		display: none;
	}

	#navigation_top_menu,
	#navigation_top_misc,
	#navigation_link_BM,
	#navigation_footer_info {
		display: block;
	}

	#navigation_top,
	#navigation_footer,
	#content_main {
		margin-left: 0px;
	}

	#navigation_main {
		text-align: center;
		width: 100%;

		top: var(--navigation_top_size);
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.navigation_main_link {
		border-left: 0px;
		font-size: 20pt;
		line-height: 30px;
	}

	.navigation_main_break {
		background-image: linear-gradient(to right, var(--BM_blue), white, var(--BM_blue));
		margin-left: 0px;
		margin-right: 0px;
	}

	#navigation_top_menu {
		height: 40px;
	}

	.navigation_footer_links {
		text-align: center;
	}

	.navigation_footer_links:nth-child(2),
	.navigation_footer_links:nth-child(4) {
		margin-left: 0px;
	}
}