

/* --------------------------------------------------
   Fonts
-------------------------------------------------- */

@font-face {
    font-family: 'Aka-Acid-GeosansLight';
    src: url('/assets/fonts/geosans/Aka-Acid-GeosansLight.woff2') format('woff2'),
        url('/assets/fonts/geosans/Aka-Acid-GeosansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* --------------------------------------------------
   Base
-------------------------------------------------- */

body{
  font-family:'Aka-Acid-GeosansLight', sans-serif;
  color:#333;
  font-weight:400;
  
}

/* --------------------------------------------------
   Header Layout
-------------------------------------------------- */

.header-row{
  display:flex;
  align-items:center;
  gap:var(--space-md);
}

/* navbar grows to fill available space */
.header-nav{
  min-width:0;
  margin-left: auto;

}

/* language sits between navbar and logo */
.header-utils{
  flex:0;
  white-space:nowrap;
  margin:0 var(--space-md);
}

/* logo container */
.header-logo{
  flex:0;
}

.site-logo{
  max-height:50px;
  width:auto;
}

/* --------------------------------------------------
   Language Switcher
-------------------------------------------------- */

#lang-toggle{
  display:inline-flex;
  align-items:center;
  gap:var(--space-xxs);
  white-space:nowrap;
  font-size:0.75rem;
  
}

.lang-dropdown{
  position:relative;
}

.lang-menu{
  display:none;
  position:absolute;
  top:100%;
  right:0;
  background:white;
  padding:var(--space-xxs) var(--space-xs);
  font-size:0.75rem;
  text-transform:uppercase;
  border:1px solid #ccc;
  white-space:nowrap;
}

.lang-menu a{
  display:block;
  color:inherit;
  padding:var(--space-xxs) 0;
  text-decoration:none;
}

.lang-dropdown:hover .lang-menu{
  display:block;
}

/* --------------------------------------------------
   Navbar adjustments
-------------------------------------------------- */

.navbar-nav{
  display:flex;
  align-items:center;
  white-space:nowrap;
}

.navbar-nav .nav-link{
  padding-left:var(--space-xs);
  padding-right:var(--space-xs);
  text-transform: uppercase;
  font-weight: 700;
  
}




.awa-input-text, .awa-input-textarea {
	width: 100%;
	border: solid 1px lightgray;
	border-radius: 0.5em;
	margin-bottom: 1em;
}

.awa-button {
	border: 0;
	border-radius: 1.5em;
	padding: 0.55em 1.5em 0.3em 1.5em;
	background-color: #333;
	color: #ddd;
	text-transform: uppercase;
}



.social-links a {
	color: #ddd;
	
}

.social-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
	font-size: 1.5em;
	position: fixed;
	top: 160px;
	right: 0px;
	border-bottom-left-radius: 1em;
	padding-left: 0.8em;
	padding-top: 0.25em;
	padding-right: 1em;
	background-color: #333;
	border-top-left-radius: 1em;
}

.book-now-button {
	position: fixed;
	right: 0;
	top: 230px;
	font-size: 1.5em;
	padding-right: 1em;
	background-color: #333;
	border-bottom-left-radius: 1em;
	padding-left: 0.8em;
	border-top-left-radius: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.em;
	text-transform: uppercase;
	font-weight: bold;
}

.book-now-button a {
	text-decoration: none;
	color: #ddd;
}