@charset "utf-8";
/* CSS Document */

/* ============================================================
   FONTS — Route B (Google Fonts @import) for Historic Inns.
   Headings: Lora (serif) · Body: Source Sans Pro (sans-serif).
   Route A self-hosted @font-face lives in the base theme; not used
   here. @import must precede :root and all other rules. Never mix
   routes for the same face.
   ============================================================ */
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,500,600,700,700i|Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i&display=swap');

:root {

/* color definitions — Historic Inns of Savannah */
  --color-brand:            #ddbc72;
--color-brand-vibrant:#e2af4b;/* gold — primary accent, links, CTAs   */
  --color-brand-secondary:  #324c80;  /* navy — secondary brand, headings     */
  --color-light:            #E9E0CA;  /* cream — light tone, bg + text on dark */
  --color-super-light:      #f9f2e9;   /* very light beige cream */
  --color-dark:             #161C21;  /* near-black blue — dark sections, footer */
  --color-text:             #3C4F5E;  /* slate — body text                    */
  --color-white:            #FFFFFF;
--color-coffee-light: #69635c;
	--color-charcoal: #2f3034;
/* end color definitions */
	
/* typography definitions */
--font-heading: 'Lora', serif;
--font-body: 'Source Sans Pro', sans-serif;
/* end typography definitions */
}

.flx
{
	display:flex;
	flex-wrap:wrap;
}
*
{
	box-sizing:border-box;
	
}
html
{
		scroll-behavior:smooth;
}
body, html
{
	margin:0;
	padding:0;
}
.siteWrap
{width:100%;}
/* responsive images */

img.resp
{
	max-width:100%;
	display:block;
	height:auto;
}

/* links */
a {
  text-decoration: none;
  color: inherit;
}

/* base typography */
body {
  font-family: var(--font-body);
  color: var(--color-text);
  font-size: 18px;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
  font-family: var(--font-heading);
  line-height: 1.2;
  margin: 0;
	
}

p {
  margin: 0 0 1em 0;
}
.pageContent 
{
	position:relative;
	
}
.centerWrap
{
}