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

/*
 * historic-inns-savannah — Overrides
 *
 * Client-specific layer, hand-built per client. Sits on top of the baked
 * components base. Brand colours, type scale, spacing tweaks, per-component
 * adjustments go here — never structural component CSS (that stays in
 * historic-inns-savannah-components.css).
 *
 * Mobile base first (no media query), then the breakpoints below.
 */

/* ===== mobile base ===== */


/* global 404 page */
.errorMsg
{display:flex;
flex-wrap:wrap;
height:100vh;
align-items:center;
	background-color: var(--color-super-light);
}
.errorMsg .errorMsgInner
{
flex: 1 0 100%;
	text-align:center;
	padding:50px 30px;

}
.errorMsg .errorAll
{
		max-width:992px;
	margin:0 auto;
}
.errorMsg .errorAll h2
{
	font-size:50px;
	font-family:var(--font-heading);
	color:var(--color-brand-secondary);
	
}
.errorMsg .errorAll .msg
{
	color:var(--color-brand);
	font-size:20px;
}
/* end global 404 page */

/* begin .hero_global_component_02 */
.hero_global_component_02 {
    height: 70vh;
min-height:550px;
}
/* end .hero_global_component_02 */

/* begin header_global_component_02 */
.header_global_component_inner_02 .menuBurger a
{
	background-color:var(--color-brand-vibrant);
	border-radius:4px;
}
.header_global_component_inner_02 .menuBurger a span.label
{
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translateY(-50%);
	font-family: var(--font-heading);
	color: var(--color-brand-vibrant);
	padding: 0;
	line-height: 110%;
	font-weight: 700;
	display: block;
	letter-spacing: 0.1em;
}
.header_global_component_inner_02 .brand
{
	top:25px;
}
.header_global_component_inner_02 .navController
{
	top:20px;
	transition:top 0.3s ease-out;
}
.header_global_component_inner_02 .menuBurger a span.top,
.header_global_component_inner_02 .menuBurger a span.middle,
.header_global_component_inner_02 .menuBurger a span.bottom
{
    border-top: 2px solid var(--color-light);
}
.navCloser a:before, .navCloser a:after
{
	background:var(--color-brand-vibrant);
}
.scrolling .header_global_component_inner_02 .brand img
{
	max-width:100px;
}
.navOverlay
{
	background: linear-gradient(to top right, #1e2e4d, var(--color-brand-secondary));
}
.navOverlay ul li a
{
	color:var(--color-brand);
	font-size:22px;
	font-family:var(--font-heading);

}
.navOverlay ul li a:hover
{
	color:var(--color-white);
}
.navOverlay ul li ul li a
{
		font-family:var(--font-body);
	font-size:18px;
}
.navOverlay ul li ul li a:hover
{
	color:var(--color-white);
}

.navOverlayInner .menuLeft, .navOverlayInner .menuRight
{
	color:var(--color-white);
}
.navOverlayInner .menuLeft, .navOverlayInner .menuRight a
{
	color:var(--color-brand);
}
.navOverlayInner .menuLeft, .navOverlayInner .menuRight .brandRight
{
	padding-bottom:15px;
}
.navOverlayInner .menuRight
{
	padding-bottom:30px;
}
.header_global_component_02 .brandRight
{
	display:none;
}
.navOverlayInner .menuRight .brandRight img
{
	max-width:200px;
}
/* end header_global_component_02 */

/* begin hero_global_component_inner_02 */

.hero_global_component_inner_02
{
	justify-content:center;
}
.hero_global_component_inner_02 .heroMessage
{
	flex:none;
}
.hero_global_component_inner_02 .heroMessage .heroTitle
{
	flex:none;
	padding:20px 40px;
	max-width:min(800px, 90vw);

}

.hero_global_component_inner_02 .heroMessage  .heroTitle::before{
	background-color:var(--color-brand-secondary);
	display:block;
	content:" ";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:0.6;
	z-index:1;
}
.hero_global_component_inner_02 .heroMessage .heroTitle::after
{
		display:block;
	content:" ";
	position:absolute;
	top:10px;
	right:10px;
	bottom:10px;
	left:10px;
	border:2px solid var(--color-brand);
	z-index:2;
}
.hero_global_component_inner_02 .heroMessage .heroTitle
{
	color:#ffffff;
	position:relative;
	z-index:3;
	

}
.hero_global_component_inner_02 .heroMessage .heroTitle span
{
	display:block;
	padding:10px 0;
	font-family:var(--font-body);
		position:relative;
	z-index:4;
}
.hero_global_component_inner_02 .heroMessage .heroTitle span.mainTitle
{
	font-family:var(--font-heading);
	font-size:22px;
}
.hero_global_component_02 .heroScrollDown a img
{
	transition:transform ease-out 0.3s;
}
.hero_global_component_02 .heroScrollDown a:hover img
{
	transform:translateY(20px);
}
/* begin hero_global_component_inner_02 */


/* begin flexible_introduction_component_01 */

.flexible_introduction_component_01
{
	background-color:var(--color-super-light);
}
.flexible_introduction_component_01 .flexible_introduction_component_inner_01 .inner

{
    max-width: 800px;
    margin: 0 auto;
}
.flexible_introduction_component_inner_01 h1,
.flexible_introduction_component_inner_01 h2,
.flexible_introduction_component_inner_01 h3
{
	padding-bottom:15px;
}
.flexible_introduction_component_inner_01 h1
{
	font-weight:500;
}
.flexible_introduction_component_inner_01 .inner a
{
	color:var(--color-brand-vibrant);
}
/* end flexible_introduction_component_01 */

/* begin flexible_feature_highlight_component_01 */
.flexible_feature_highlight_component_01 .featureContentBlock h2
{
font-size:28px;
	color:var(--color-brand-secondary);
	padding-bottom:15px;
}
.flexible_feature_highlight_component_01 .featureContentBlock h3
{
font-size:18px;
	color:var(--color-brand-secondary);
	padding-bottom:15px;	
}
.flexible_feature_highlight_component_01 .featureContentBlock p a
{
	color:var(--color-brand);
}
.flexible_feature_highlight_component_01 .indexLinkEntry a
{
	padding:10px 16px;
	font-weight:700;
}
.flexible_feature_highlight_component_01 .indexLinkEntry.first a
{
background-color:var(--color-brand);
	color:var(--color-dark);
}
.flexible_feature_highlight_component_01 .indexLinkEntry.second a
{
background-color:var(--color-dark);
	color:var(--color-white);
}
.flexible_feature_highlight_component_01 .indexLinkEntry.third a
{
border:1px solid var(--color-brand-secondary);	
	color:var(--color-brand-secondary);
}
/* end flexible_feature_highlight_component_01 */

/* begin flexible_general_content_component_01 */
.flexible_general_content_component_01
{
	max-width:1200px;
	margin:0 auto;
}
.flexible_general_content_component_inner_01 h2,
.flexible_general_content_component_inner_01 h3
{
	padding-bottom:15px;
}
.flexible_general_content_component_inner_01 A
{
	color:var(--color-brand);
}
/* end flexible_general_content_component_01 */

/* BEGIN flexible_simple_image_component_01 */
.flexible_simple_image_component_01
{
	max-width:1200px;
	margin:0 auto;
}
/* end flexible_simple_image_component_01 */


.flexible_accordion_component_inner_01
{

	max-width:1200px;
	margin:0 auto;
}
.flexible_accordion_component_01 .accordionItem
{
	border:1px solid #e9e0ca;
	margin-bottom:4px;
}
.flexible_accordion_component_01 .accordionTitle
{
background-color:var(--color-coffee-light);
	
}
.flexible_accordion_component_01 .accordionTitle span
{
	font-family:var(--font-heading);
	font-size:28px;
	color:var(--color-brand);
}


.global_footer_component_03
{
	background-color:var(--color-charcoal);
}
.global_footer_component_03 .footComms{
	color:var(--color-white);
}
.global_footer_component_03 .footComms .comms a
{
	color:var(--color-brand);
}
.global_footer_component_03 .footComms span
{
	font-family:--font-heading;
	font-size:24px;
	color:var(--color-brand);
}
.header_global_component_02 .outlinks
{
	
	
}
.header_global_component_02 .outlinks .outEnt
{
padding-bottom:3px;
}
.header_global_component_02 .outlinks .outEnt a
{
display: inline-block;
    padding: 5px 15px;
    color: var(--color-brand);
    border-radius: 20px;
    background-color: var(--color-dark);
}

/* begin flexible_double_column_component_01 */
.flexible_double_column_component_01
{
	max-width:1200px;
	margin:0 auto;
}
.flexible_double_column_component_01 .doubleColumnTitle
{
	text-align:center;
	padding-bottom:20px;
}
/* end flexible_double_column_component_01 */

/* begin flexible_multi_image_component_01 */
.flexible_multi_image_component_01
{
	max-width:1240px;
	margin:0 auto;
}
/* end flexible_multi_image_component_01 */

/* begin flexible_alternating_columns_component_01 */
.flexible_alternating_columns_component_01
{
	max-width:1200px;
	margin:0 auto;
}
.flexible_alternating_columns_component_01 .colText
{
	position:static;
}
.flexible_alternating_columns_component_01 .colVisual::before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color:rgba(0,0,0,0.4);
}
.flexible_alternating_columns_component_01 .colTitle
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	padding:0 20px;
	z-index:2;
	text-align:center;
	color:var(--color-white);
	font-family:var(--font-heading);
	font-size:28px;
	font-weight:700;
}
.flexible_alternating_columns_component_01 .colSub
{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	padding:12px 20px;
	text-align:center;
	background-color:var(--color-light);
	color:var(--color-brand-secondary);
}
/* end flexible_alternating_columns_component_01 */

@media(min-width:768px)
{
	
	/* begin .hero_global_component_02 */
.hero_global_component_02 {
    height: 100vh;

}
/* end .hero_global_component_02 */
	
	/* begin flexible_alternating_columns_component_01 */
	.flexible_alternating_columns_component_01 .colTitle
	{
		font-size:32px;
	}
	.header_global_component_02 .brandRight
	{
		display:block;
	}
	.header_global_component_inner_02 .navController
	{
		top:60px;
		transition:top 0.3s ease-out;
	}
	.scrolling .header_global_component_inner_02 .navController
	{
		top:30px;
	}
	.navOverlayInner .menuRight
	{
		text-align:center;
		padding-left:20px;
		padding-bottom:0;
	}
	.navOverlayInner .menuRight .brandRight img
	{
		display:inline-block;
	}
	.navOverlayInner .menuLeft
	{
		border-right:1px solid var(--color-brand);
		padding-right:20px;
	}
	/* begin flexible_feature_highlight_component_01 */
	
.flexible_feature_highlight_component_inner_01 .flx .featureLeft .featureVisual
	{
		height:100%;
	}
	/* end flexible_feature_highlight_component_01 */
}

@media(min-width:992px)
{
	
	.navOverlay ul li a
{

	font-size:28px;

	
}
.navOverlay ul li ul li a
{
		
	font-size:22px;
}
/* end header_global_component_02 */
	
	/* begin flexible_feature_highlight_component_01 */
.flexible_feature_highlight_component_01 .featureContentBlock h2
	{
	font-size:32px;	
	}
	/* end flexible_feature_highlight_component_01 */
}

@media(min-width:1200px)
{

}

@media(min-width:1400px)
{

}