:root {
  --aph-cyan-r: 90;
  --aph-cyan-g: 154;
  --aph-cyan-b: 150;
  --aph-cyan-rgb: var(--aph-cyan-r), var(--aph-cyan-g), var(--aph-cyan-b);

  --aph-gray-r: 81;
  --aph-gray-g: 84;
  --aph-gray-b: 101;
  --aph-gray-rgb: var(--aph-gray-r), var(--aph-gray-g), var(--aph-gray-b);

  --aph-red-r: 150;
  --aph-red-g: 39;
  --aph-red-b: 43;
  --aph-red-rgb: var(--aph-red-r), var(--aph-red-g), var(--aph-red-b);

  --aph-yellow-r: 236;
  --aph-yellow-g: 182;
  --aph-yellow-b: 49;
  --aph-yellow-rgb: var(--aph-yellow-r), var(--aph-yellow-g), var(--aph-yellow-b);

  --aph-primary: rgb(var(--aph-gray-rgb));
  --aph-primary-rgb: var(--aph-gray-rgb);
  --aph-primary-r: var(--aph-gray-r);
  --aph-primary-g: var(--aph-gray-g);
  --aph-primary-b: var(--aph-gray-b);

  --aph-secondary: rgb(var(--aph-yellow-rgb));
  --aph-secondary-rgb: var(--aph-yellow-rgb);
  --aph-secondary-r: var(--aph-yellow-r);
  --aph-secondary-g: var(--aph-yellow-g);
  --aph-secondary-b: var(--aph-yellow-b);

  --bs-primary: rgb(var(--aph-primary-rgb));
  --bs-primary-rgb: var(--aph-primary-rgb);
  --bs-secondary: rgb(var(--aph-secondary-rgb));
  --bs-secondary-rgb: var(--aph-secondary-rgb);
  --bs-body-color: rgb(var(--aph-gray-rgb));
  --bs-body-color-rgb: var(--aph-gray-rgb);
}

body {
  background: url(/design/airporthotel-bg-light-2024.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center calc(56px + 25vw);
}

body.index,
body.visual-bg {
  background-image: url(/design/airporthotel-bg-2024.jpg);
}

@media (min-width: 576px) {
  body {
	background-position-y: 200px;
  }
}

@media (min-width: 768px) {
  body {
	background-position-y: 240px;
  }
}

@media (min-width: 992px) {
  body {
	background-position-y: 300px;
  }
}

@media (min-width: 1200px) {
  body {
	background-position-y: 350px;
  }
}

@media (min-width: 1400px) {
  body {
	background-position-y: 400px;
  }
}

nav.navbar {
  z-index: 10000;
}

.navbar-collapse.show + form .dropdown-menu-end {
  left: 0;
  right: auto;
}

nav.navbar li.show-for-user-only {
  display: none;
}

body.user nav.navbar li.show-for-user-only {
  display: block;
}

body.user nav.navbar li.show-for-nonuser-only {
  display: none;
}

@media (max-width: 991px) {
  nav.navbar ul.navbar-nav .dropdown-menu {
	display: block;
	border: none;
  }

  nav.navbar ul.navbar-nav .dropdown-toggle {
	font-weight: bolder;
	color: rgb(var(--aph-secondary-rgb));
  }
}

.logo-container {
  margin-top: 56px;
}

main {
  padding-top: 2rem;
  padding-bottom: 4rem;
}

body.index main {
  padding-top: 1rem;
}

footer {
  background: rgb(var(--aph-secondary-rgb));
}

footer a,
footer a:visited {
  color: rgb(var(--aph-primary-rgb));
  font-weight: bolder;
}

footer a:hover,
footer a:focus,
footer a:active {
  color: rgb(
	calc(var(--aph-primary-r) * 0.9),
	calc(var(--aph-primary-g) * 0.9),
	calc(var(--aph-primary-b) * 0.9)
  );
  font-weight: bolder;
}

.footer-menu {
  background: rgb(var(--aph-secondary-rgb));
}

.footer-menu a {
  font-size: 12px;
  color: var(--aph-primary);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--aph-primary);
  --bs-btn-border-color: var(--aph-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(
	calc(var(--aph-primary-r) * 0.9),
	calc(var(--aph-primary-g) * 0.9),
	calc(var(--aph-primary-b) * 0.9)
  );
  --bs-btn-hover-border-color: rgb(
	calc(var(--aph-primary-r) * 1.1),
	calc(var(--aph-primary-g) * 1.1),
	calc(var(--aph-primary-b) * 1.1)
  );
  --bs-btn-focus-shadow-rgb: var(--aph-cyan-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(
	calc(var(--aph-primary-r) * 1.1),
	calc(var(--aph-primary-g) * 1.1),
	calc(var(--aph-primary-b) * 1.1)
  );
  --bs-btn-active-border-color: rgb(
	calc(var(--aph-primary-r) * 1.05),
	calc(var(--aph-primary-g) * 1.05),
	calc(var(--aph-primary-b) * 1.05)
  );
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--aph-primary);
  --bs-btn-disabled-border-color: var(--aph-primary);
}

body.index footer {
  display: none;
}

.index-menu {
  min-height: calc(100vh - 56px - 114px - 30vw);
}

@media (min-width: 485px) {
  .index-menu {
	min-height: calc(100vh - 56px - 85px - 30vw);
  }
}

@media (min-width: 576px) {
  .index-menu {
	min-height: calc(100vh - 210px - 75px);
  }
}

@media (min-width: 768px) {
  .index-menu {
	min-height: calc(100vh - 260px - 75px);
  }
}

@media (min-width: 992px) {
  .index-menu {
	min-height: auto;
	padding-top: 5rem;
  }
}

@media (max-width: 991px) {
  .index-menu .btn {
	border-radius: 0;
	border-left: none;
	text-align: right;
  }
}

.index-menu .btn.btn-primary {
  --bs-btn-border-color: rgb(var(--aph-yellow-rgb));
  --bs-btn-hover-border-color: rgb(
	calc(var(--aph-yellow-r) * 1.1),
	calc(var(--aph-yellow-g) * 1.1),
	calc(var(--aph-yellow-b) * 1.1)
  );
  --bs-btn-active-border-color: rgb(
	calc(var(--aph-yellow-r) * 1.05),
	calc(var(--aph-yellow-g) * 1.05),
	calc(var(--aph-yellow-b) * 1.05)
  );
  border-width: 2px;
  font-weight: bolder;
}

article img {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

article img.card-img-top {
  margin: 0;
}

@media (min-width: 992px) {
  article img {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	/*margin-right: 1rem;
	float: left;*/
  }

  /*article p,
  article h2,
  article h3,
  article h4,
  article h5,
  article h6 {
  clear: both;
}*/
}

article h1 {
  padding-bottom: 1rem;
}

article a,
article a:visited {
  color: rgb(var(--aph-cyan-rgb));
  word-break: break-all;
}

article a:hover,
article a:focus,
article a:active {
  color: rgb(
	calc(var(--aph-cyan-r) * 0.9),
	calc(var(--aph-cyan-g) * 0.9),
	calc(var(--aph-cyan-b) * 0.9)
  );
}

article blockquote {
  padding-left: 0.5rem;
  border-left: 3px solid rgb(var(--aph-cyan-rgb));
  clear: both;
}

article .mobile-cta {
  width: 100%;
}

@media (min-width: 992px) {
  article .mobile-cta {
	width: auto;
	padding-left: 4rem;
	padding-right: 4rem;
  }
}