@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------------
SCREENS BY SIZE
-----------------------------------------------*/
/* Smartphones (landscape) ----------- */
@import url(/css/tablet.css) screen and (min-width:641px) and (max-width:1024px);
/* Smartphones (portrait) ----------- */
@import url(/css/mobile.css) screen and (max-width:640px);
/* Desktops and laptops ----------- */
@import url(/css/desktop.css) screen and (min-width:1025px);
/*-----------------------------------------------
ALL SCREENS
-----------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

.cormorant-garamond.serif {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.source-sans-3-sans-serif {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

a[href^=tel] {
  text-decoration: none;
}

.menuline a[href^=tel] {
  color: black;
  text-decoration: none;
}

.fbox a[href^=tel] {
  color: white;
}

a {text-decoration:none;color:blue;}
body, html {
  height: 100%;
  overflow: visible;
  padding: 0;
  margin: 0;
  font-size:14pt;
  -webkit-font-smoothing: antialiased;
/*
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  scroll-behavior: smooth;
*/
  color: black;
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
.clearit {
  clear: both;
}
.container {
	width:90%;
	height:100vh;
	margin: 0 auto 0 auto;
}
.menuline {
	display:flex;
}
.flextakemax {
	flex:1;
}
.flextocontents {
	flex:0 0 auto;
}
.picbox {
	position:relative;
}
.picbox img {
	display:block;
}
.logobox {
	position:absolute;
	left:0;
	text-align: center;
	width:100%;	
}
.logobox img {
	display:inline;
  -webkit-box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);
}
.alr {
	text-align:right;
}
.holdbox {
	width:100%;
}
.innerholdbox {
	width:100%;
	text-align:right;
}
.textbox {
	display:inline-block;
	text-align:left;
	background-color:rgba(96,129,114,0.95);
	padding:32px;
	color:white;
	color:#F3FFEF;	
	-webkit-box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);	
}
.textbox h2,.infobox h2,.infobox h3,.lhb {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.textbox h2,.infobox h2 {
  font-size:28pt;
}
.infobox h3 {
  font-size:14pt;
  margin-top:0;
}	
.infobox {
	width:100%;
	gap:32px;
}
.lhb {
	font-size:18pt;
	text-align:left;
}
.lhb p,.rhb p {
	margin-top:0;
}
.lhb img,.rhb img {
  -webkit-box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);	
}
.cdg {
	color:#496054;
}
.cal {
	text-align:center;
}
.cal p {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;	
  font-size:14pt;
}
#dbpic,#dbpic2 {
	display:block;
	margin:48px auto 0 auto;
  -webkit-box-shadow: 0px 0px 5px -6px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 10px 5px -6px rgba(0, 0, 0, 0.24);	
	border:2px solid #3F5349;
	padding:24px;	
}

.bi {
	display:flex;
	gap:64px;
}
.lbox * {
	flex:1;
	gap:8px;
	color:#F3FFEF;
}
.lbox,.bi {
    display:flex;
}
.lbox {
	flex-direction: column;
}
.lbox,.rbox,.bi {
	flex:1;
}
.bal {
	text-align: right;
}
.formbox input, .formbox textarea,.formbox select {
  width: 100%;
  padding: 12px;
  margin-bottom:8px;
  border: none;
  outline: none;
  background-color: #FFFFFF;
  font-size: 14pt;
  color: black;
  border-radius: 4px;
  font-weight: bold;
}
.formbox textarea {
  height: 125px;
}
::placeholder {
  color: black;
  text-align:center;
  font-size: 10pt;
}
.formbox button,button {
  border: none;
  outline: none;
  padding: 16px 32px;
  border-radius: 4px;
  font-weight:bold;
  font-size:inherit;
  padding:12px 32px;
}
.formbox button {
  background-color:#0C3200;
  color:#F3FFEF;
}
.cdg ul {
	list-style: none;
}
.lhb li {
	padding-bottom:12px;
	font-size:14pt;
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;	
}
.fbox {
	background-color:#608172;
	text-align: center;	
}
.cbox {
	color:#F3FFEF;	
}
#qrcode {
  display:block;
  margin:0 auto 0 auto;	
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.24);	
}