@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Alegreya&family=Noto+Sans:ital,wght@0,300;0,400;0,600;1,300&display=swap');

*, p, li, em, strong, h1, h2
{
font-family: 'Noto Sans', sans-serif;
    font-weight:400;
}

#chalfonte h1, #chalfonte h2
{
    color:#fff;
}

h1
{
    	font-family: 'Alegreya', serif;
}

h2, h3, h4, h5, h6, .h3, .h4, .h5, .h6
{
	font-family: 'Alegreya', serif;
    color:#1e1e1e;
}

h2.h4{
    font-weight:400;
}

h2.border, h3.border{
	font-size:1.5rem;
	text-transform: uppercase;
	color:#b98b82;
    color:#8a6058;
	padding-bottom:1rem;
	margin-bottom:1rem;
	display:inline-block;
}

h2.border:after, h3.border:after
{
content: ' ';
display: block;
border: 1px solid #b98b82;
    border:1px solid #8a6058;
width: 75px;
margin: 20px auto 0;
}

h3.border:after
{
margin: 20px 0 0;
}

span.superheader 
{
	color:#b98b82;
    color:#8b6159;
	display:block;
	font-size:.95em;
	font-weight:800;
	letter-spacing:2px;
	text-transform: uppercase;
	margin-bottom:1em;
}

p.caption
{
	color:#999;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:.8em;
}

.max-600{
	max-width:600px;
	margin:auto auto 2em;
}

strong.roomname
{
	
}

em.price
{
	font-weight:600;
	}

hr
{
	margin:3em 0;
}

.button
{
    font-weight:600;
    
}

/* Top of Page */

#top-of-page
{
	background:#AE272E;
    padding:5px 0 7px;
	text-align:center;
    color:#fff;
}

#top-of-page p
{
	font-size:.9em;
    margin:0;
    padding:0;
	text-transform: uppercase;
}

#top-of-page a
{
	text-transform: none;
	color:#fff;
}

/* Navigation */

.top-bar-wrap
{
z-index:100;
background:url(../images/fade90.png);
	border-bottom:1px solid #fff;
}

.wrap{
	max-width:1100px;
	margin:0 auto;
}

.top-bar{
	padding:15px 0;
	transition:padding 0.5s ease-in-out;
}

.top-bar, .top-bar .menu{
	background:none;
}


.top-bar .menu.submenu
{
	background:#fff;
}

.top-bar .menu a
{
	color:#000;
	text-transform: uppercase;
	font-size:.95em;
	font-weight:600;
	position:relative;
	letter-spacing:1px;
}

.top-bar .menu a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.top-bar .menu a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



.top-bar .menu li.last{
	margin-right:0;
}

.top-bar-wrap.is-stuck img
{
	height:60px;
	width:auto;
	transition:height .5s, width .25s, ease;
}

.top-bar-wrap.is-stuck .top-bar{
	padding: 10px 20px;
	transition:padding 0.25s ease;
}

.top-bar ul
{
	margin-right:0;
}

.top-bar-right p
{
	color:#666;
	font-size:.9em;
	text-align:right;
}

.top-bar-right p a
{
	color:#5e5c4f;
}

a.facebook span
{
	display:none;
}

span.space {
	margin:0 10px;
	color:#ccc;
}

p small
{
	color:#444;
}

.title-bar
{
	background:#fff;
}

body#home .title-bar{
	position:fixed;
	top:0;
	width:100%;
}

.menu-icon-new {
	position:absolute;
	right:1em;
	color:#888;
}

.menu-icon:hover{
	background:#000;
}

.title-bar-title img
{
	height:50px;
	width:auto;
}

/* Off-canvas menu */

#offCanvas
{
	text-align:left;
	padding:20px;
	background:#fff;
}

/* Interior page heroes */

#hero-interior
{
     background:#F7F7F2;

border-bottom:1px color #eee;
  height: 50vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
	transition: height .5s;
    background-size: cover;
}

#hero-interior.rooms, #hero-interior.accommodations{
display:none;
}

#hero-interior.rates
{
 background: linear-gradient(to bottom, rgba(26, 72, 66, 0.1), rgba(0, 0, 0, 0.2)), url(../images/hero-side.jpg) 50% 50% no-repeat;
     background-size: cover;
}

#hero-interior.reservations
{
  background: linear-gradient(to bottom, rgba(26, 72, 66, 0.1), rgba(0, 0, 0, 0.2)), url(../images/hero-dormerhouse.jpg) 50% 100% no-repeat;
     background-size: cover;
}

#hero-interior.christmas
{
 background: linear-gradient(to bottom, rgba(26, 72, 66, 0.1), rgba(0, 0, 0, 0.2)), url(../images/hero-christmas.jpg) 50% 50% no-repeat;
     background-size: cover;
}

#hero-interior.directions
{
 background: linear-gradient(to bottom, rgba(26, 72, 66, 0.1), rgba(0, 0, 0, 0.2)), url(../images/hero-parlor.jpg) 50% 50% no-repeat;
     background-size: cover;
}

/* Sections */


#breadcrumbs{
	padding:1rem;
}

#breadcrumbs li, #breadcrumbs a
{
	
}

section.past-events{
	background:#eee;
}

#intro{
    background:#fafafa;
    padding:4rem;
}

#experience, .offwhite
{
	padding:3rem 2rem;
    background:#E4E6C3;
}

#experience .subheader{
	color:#b98b82;
	color:#c8796a;
}

#experience img
{
	border:1px solid #ddd;
}

#chalfonte
{
padding:4rem;
background:#2c4c41;
color:#fff;
}

#chalfonte a
{
    color:#fff;
}

#chalfonte a.hollow{
    border-color:#fff;
    border-radius:20px;
}

#weddings
{
display:flex;
	justify-content: center;
  align-items: center;
	padding:5em 2em;
	background:#b98b82;
    background:#af8279;
	color:#fff;
    border-bottom:3px solid #fff;
}

#weddings h2
{
	color:#fff;
    font-weight:600;
}

#weddings p
{
    font-size:1.2em;
}

#weddings .button{
	background:#fff;
	color:#000;
    line-height:1.6em;
}

#weddings .button:hover{
	background:#eee;
}

.flex-center
{
	display: flex;
  	align-items: center;
	justify-content: center;
}

#entertainment
{
display:flex;
justify-content: center;
align-items: center;
padding:3em 2em;
}

#winter-rentals{
	padding:3rem 2rem;
}

#group
{
	padding:3rem;
}

#magnolia{
	padding:0;
}

.magnoliaroom{
	padding:3rem;
	background:url("../images/picture-chalfonteporch.jpg");
	background-size:cover;
}

.callout{
	background:#fafafa;
}


#instagram{
	border-top:7px solid #fff;
}

#instagram iframe
{
	margin-bottom:0;
}

#search-form
{
	background:#fafafa;
	padding-top:1.5em;
	padding-bottom:1.5em;
}

#room-gallery
{
    margin:50px 0;
}

ul.column-2 li
{
    line-height:1.4em;
    margin-bottom:15px;
}

.data-sticky-container
{
	z-index:100;
}

.space-30{
    display:block;
    height:30px;
}

.space-50{
    display:block;
    height:50px;
}

.space-100
{
	display:block;
	height:100px;
}

/* Hero */

.widewrap
{
	/*position: relative;
	text-align:center;*/
}

#hero{
	height: 100vh;
    width: 100vw;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../images/dormer-house-2023.jpg) 50% no-repeat;
  background-size: cover;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
	transition: height .5s;
margin-bottom:75px;
}

#innerhero h1
{
  text-shadow: 1px 1px 2px #0a0a0a;
	color:#fff;
	font-size:1.8em;
    font-size:2.3em;
}

#innerhero a.button.hollow{
	display:inline-block;
	margin-top:1.5rem;
	color:#fff;
	border-color:#fff;
	text-shadow: 1px 1px 2px #0a0a0a;
}

#innerhero.one{
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)), url(../images/slice-blueshelves.jpg);
	background-size:cover;
}

/* Cards */

.card {
	border:0;
	background:none;
}

.card img
{
	margin-bottom:.5rem;
}

.card-section
{
	
}


/* Misc and Sundry */

hr.small{
	width:100px;
	margin:3rem auto;
}

hr.small.left{
    margin-left:0;
}

.badge.large{
    display:inline-block;
	min-width: 1.9em;
  padding: .2em;
  border-radius: 50%;
  font-size: 1.5rem;
background: #008363;
  color: #fefefe;
   margin:20px 0;
}

iframe
{
	max-width:100%;
	margin-bottom:1rem;
}

.drivingtime{
	background:#f4f5f0;
	border:0;
}

.drivingtime .cell{
	margin:2rem 0;
	text-align:center;
}

.drivingtime .stat{
	font-size:1.75rem;
}


/* Footer */

footer
{
	font-size:.9em;
	background:#131200;
    background:#6e7472;
	padding:3rem 0;
}

footer h1, footer h2, footer h3, footer h4
{
	color:#eee;
}

footer .copy p {

	font-size:.87em;
}

footer h4
{
	font-size:1em;
	font-weight:600;
	text-transform: uppercase;
	
	letter-spacing:2px;
	margin-top:10px;
	margin-bottom:20px;
}

footer p
{
	color:#eee;
}

footer a
{
	color:#eee;
}

footer a.button.hollow{
	color:#fff;
	border-color: #fff;
}

footer a:hover
{
	color:#fff;
}

footer p.address{
	font-size:1.1em;
}

footer p.address strong
{
	font-size:1.5em;
	letter-spacing:1px;
	text-transform: uppercase;
	margin-right:10px;
	color:#fff;
}

footer .menu a
{
	padding-left:0;
	
}

footer .menu.social a
{
	font-size:20px;
	color:#eee;
}

footer .menu a:hover{
	text-decoration: underline;
}

footer .button.hollow:hover{
	color:#fff;
	border-color:#000;
}


#copyright{
	background:#4C5454;
	text-align:center;
	padding:10px 0;
	color:#ccc;
	font-size:0.85em;
}

#copyright p
{
	
	margin:0;
	padding:0;
}

#copyright a
{
	
	color:#ccc;
}



/* Media Styles */

/* Large and up */
@media screen and (min-width: 64em) {
	
	.top-bar-left, .top-bar-right{
		max-width:50%;
	}
	
	#innerhero
{    
    max-width:700px;
    margin:0 auto;
    text-align:center;
    
}
    
    #innerhero .innerhero-text
    {
        margin-top:100px;
    }
	
	
	#hero{
		/*position:absolute;
		margin:0;
		height:100vh;
		transition: height .5s;*/
	}
	
	.calendar img
	{
		max-width:300px;
		height:auto;
	}
	
	.calendar .media-object .media-object-section:first-of-type
	{
		min-width:350px;
		text-align:center;
	}
	
	.media-object-section
	{
		padding:1rem;
	}
	
	#hero-interior h1
	{
		font-size:2.4em;
	}
	
    
    ul.column-2{
    column-count: 2;
}
    
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	.top-bar-left{
		text-align:center;
	
	}
	
	
	.top-bar-right p
	{
		text-align:center;
	}
	
	footer .menu
	{
		margin-bottom:1rem;
	}
	
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	
	#main-container
	{
		padding:2rem 3rem;
	}
	
	.top-bar-right p
	{
		text-align:center;
	}

	h3
	{
		text-transform: uppercase;
		font-weight:600;
		letter-spacing: 2px;
	}
	
	
	#innerhero
	{
		padding:30px;
	}

	
	.card{
		margin-bottom:3rem;
	}
	
	#magnolia
	{
		padding:2rem;
	}
	
	footer .cell{
		margin-bottom:2rem;
	}
	
	#copyright
	{
		padding:1rem;
	}
	
}


/* Medium and up */
@media screen and (min-width: 40em) {
	
	body#home #sosticky{
	/*position:absolute;
	top:0;
	width:100%;*/
}
	
	#hero
	{
	position:relative;
	margin:auto;
		background: linear-gradient(to bottom, rgba(26, 72, 66, 0), rgba(0, 0, 0, 0)), url(../images/dormer-house-2023.jpg) 50% no-repeat;
		background-size:cover;
	}
	
	.orbit{
		margin:1em 30px 0;
	}
	

	#main-container
	{
		padding:2rem;
	}

	.accordion-title h3
	{
		font-size:1.4rem;
	}
	
	.accordion-item{
		margin-bottom:1rem;
	}
	
	.accordion-title{
			border:1px solid #ddd;
		/*padding:.75rem 1rem .5rem;*/
	}
	
	.float-right{
		margin-left:2em;
	}
	
}

/* Prevent FOUC */

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}