/*-----------------------------------GLOBALS----------------------------------------*/

.grecaptcha-badge {
	visibility: hidden;
}

/*-----------------------------------EXPLORE----------------------------------------*/

#explorePage .scrollIndCon {
    left: 20px;
    bottom: 20px;
    margin: auto;
}

#explEntrySection{
	display:grid;
	grid-template-columns:28% 40% 28%;
	grid-gap:2%;
}

.explEntryColumn{
	position:relative;
	display:flex;
	/*flex-direction: column;*/
	align-items: center;
	/*background-color:rgba(0,0,0,0.04);*/
}

.explEntryColumn:nth-of-type(2){
	flex-direction:column;
	margin: 19% 0 0 0;
}

.explEntryTitle{
	position:absolute;
	width: 100%;
	margin: 1% 0 0 0;
}

.explFlankIMGClipper{
	position:relative;
	width:100%;
	height: 30vw;
	margin:60% auto 0 auto;
	clip-path: url(#doubleArchClip);
    -webkit-clip-path: url(#doubleArchClip);
    background-color:rgba(0,0,0,0.03);
}

.explCentralIMGClipper{
	position:relative;
	width:100%;
	height:40vw;
	margin:20% auto 0 auto;
	clip-path: url(#stackedArchClip);
    -webkit-clip-path: url(#stackedArchClip);
    background-color:rgba(0,0,0,0.03);
}

.explEntryFlankIMG,
.explEntryCentralIMG{
    position: absolute;
	width:auto;
	height: 100%;
	top: -1%;
}

svg{
	/*position:absolute;*/
}

.exploreEntryCopy{
	position:relative;
	width:98%;
	display: block;
	margin: 2% auto;
}

.roomSection{
	width:96%;
}

#explRoomPortalsSection{
	display: block;
	margin: 100px auto;
}

.roomPortalBlock{
	position:relative;
	margin: 100px auto;
}

.roomPortalIMGWrapper{
	position:relative;
	width:100%;
	min-height: 400px;
	overflow: hidden;
}

.portalRow-halves .portalHalf:nth-of-type(1) .roomPortalIMGWrapper{
	border-top-left-radius: 30px;
}

.portalRow-halves .portalHalf:nth-of-type(2) .roomPortalIMGWrapper{
	border-top-right-radius: 30px;
}

.roomPortalIMG{
	position:absolute;
	width:100%;
	height:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.roomTitle01, .weddingInfo-copyBlock h1{
	font-family: "corsivo";
	font-size:1.66em;
	margin: 15px 0 5px 0;
	color: var(--brandSlate01);
}

#explorePage .roomTitle01{
	margin: 15px 0 5px 0;
}

.portalLink{
	font-family: "corsivo";
	font-size:0.8em;
	position:relative;
	margin:10px 0 0 auto;
	display: block;
	text-align:right;
	color: var(--brandSlate01);
	transition: 200ms;
}

.portalLink:hover{
	color: var(--brandGold01);
	transform:translateX(5px);
}

.portalRow-fullWidth .roomPortalIMGWrapper{
	height:75vh;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.portalRow-fullWidth .portalCopyBlock{
	position:relative;
	width:25%;
	min-width: 300px;
	max-width: 500px;
}

.portalRow-halves{
	display:grid;
	grid-template-columns:49% 49%;
	grid-gap:2%;
}

.portalRow-halves .roomPortalIMGWrapper{
	height:55vh;
	max-height: 620px;
}

.portalRow-halves .portalCopyBlock{
	position:relative;
	width:50%;
	min-width: 300px;
	max-width: 500px;
}

.portalTranWindows{
	display:grid;
	grid-template-columns:24% 24% 24% 24%;
	grid-gap:1.33%;
}

.transitTitleCon{
	position:relative;
	width:100%;
	/*margin: 20% 0 0 0;*/
}

.portalTranBlock{
	position:relative;
	margin: 0% 0 0 0;
}

.explPortalIMGClipper{
	position:relative;
	width:100%;
	height:30vw;
	margin:0% auto 0 auto;
	clip-path: url(#doubleArchClip2);
    -webkit-clip-path: url(#doubleArchClip2);
    background-color:rgba(0,0,0,0.03);
}

.explPortalIMG{
	width:auto;
	height: 106%;
    margin: 0px 0 0 -2%;
}

.roomTitle01-small{
	font-size: 1em;
    margin: 5px 0 !important;
}

.ascentTitle{
	font-size:22vw;
	line-height: 1em;
}

/*#explBridalIMG01{
	top: -50%;
}*/

.groundsTitle{
	font-size: 18.5vw;
	line-height: 1em;
}

/*#walkwayIMG{
	margin: 0px 0 0 -9%;
}*/

/*-------------------------------INDV-ROOMS-------------------------------------*/

.indvRoomPage .scrollIndCon {
    right: 2%;
    bottom: 10%;
    margin: auto;
}

.roomEntryCon {
    position: relative;
    margin: 2% auto;
}

.indvRoomIMGWrapper,
.genEntryWrapper {
	position: relative;
	width: 100%;
	height: 80vh;
	min-height: 400px;
	border-top-left-radius: 70px;
	border-top-right-radius: 70px;
	overflow: hidden;
}

.roomEntrySubBlock{
	position:relative;
	min-height: 300px;
	display:grid;
	grid-template-columns:50% 50%;
}

.indvRoomPage .roomTitle01{
	font-size:2em;
	margin: 20px 0 10px 0;
}

.indvRoomCopyBlock{
	position:relative;
	width:100%;
	min-width: 300px;
}

.indvRoomCopyBlock .bodyCopy{
	width:70%;
}

.indRoomButtonCon{
	position:relative;
	display:flex;
}

.bookNowBtn-bigRoom {
	font-size: 2.66em;
	position: relative;
	height: fit-content;
	padding: 15px 30px 15px 29px;
	margin: auto;
	border-radius: 60px;
}

.roomGridBlock{
	position:relative;
	margin: 2% auto;
	overflow: hidden;
}

.roomGridBlock:first-of-type{
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.roomGrid-full{
	width:100%;
}

.roomGrid-halves{
	display:grid;
	grid-template-columns:49% 49%;
	grid-gap:2%;
}

.roomGrid-thirds{
	display:grid;
	grid-template-columns:32% 32% 32%;
	grid-gap:2%;
}

.indvRoomIMG,
.infoVertIMG,
.galleryGridIMG{
	position: relative;
	margin: auto;
	width: 100%;
	height: 33vw;
	object-fit: cover;
}

#bookThisSection{
	margin: 0 0 200px 0;
}

.bookThisTitle{
	font-family: "boylanNeue";
    font-size: 17.3vw;
    line-height: 1em;
    text-align: center;
    width: 100%;
    margin: -3% auto 0 auto;
    color: rgba(0,0,0,0);
    -webkit-text-stroke: 1px var(--brandGold01);
    text-stroke: 1px var(--brandGold01);
    cursor: default;
}

.bookThisCopy {
    font-size: 1.1em;
    width: 33%;
    min-width: 300px;
    max-width: 600px;
	margin: 5px auto 30px auto;
}

.bookThisBtn{
	font-size: 2em;
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 20px 0px 20px 40px;
    border-radius: 60px;
    display: block;
}


/*-------------------------------HISTORY-------------------------------------*/

#historyPage .scrollIndCon {
    left: 0;
    right: 0;
    bottom: 40px;
    margin: auto;
}

#histEntrySection{
	width:96%;
	display:grid;
	grid-template-columns:31% 34% 31%;
	grid-gap:2%;
	align-items: center;
}

.historyTitle {
	position:relative;
	font-size: 14vw;
    margin: -10% 0 0 -9.2%;
	z-index: 1;
}

.histEntryColumn .subTitle01{
	text-align:center;
	margin: 20px auto;
}

.histFlankIMGClipper{
	position:relative;
	width: 90%;
    height: 46vw;
    margin: 0 auto;
	clip-path: url(#keyholeClip);
    -webkit-clip-path: url(#keyholeClip);
    background-color:rgba(0,0,0,0.03);
}

.histEntryFlankIMG{
	height: 100%;
	margin: 0 0 0 -13%;
}

.vertYear{
	position:absolute;
	font-family: "corsivo";
	font-size:1.8em;
	writing-mode: vertical-rl;
    text-orientation: upright;
    text-align: center;
    top:0;
    bottom:0;
    margin:auto;
    color: var(--brandGold01);
}

.histEntryColumn:nth-of-type(3) .vertYear{
	right: 0;
}

/*-----------------TIMELINE-----------------------*/

#histTimelineSection{
	margin:50px auto 100px auto;
}

.timelineBlock{
	position:relative;
	width:96%;
	margin: 0 auto;
	display:grid;
	grid-template-columns:46% 46%;
	grid-gap:8%;
}


.timelineBlock:nth-of-type(odd){
	direction: rtl;
}

.timelineBlock:nth-of-type(even){
	direction: ltr;
}

.timelineBlockIMG{
	position:relative;
	width:100%;
}

.timelineBlock .subTitle01 {
    margin: 10px auto;
}

.timelineBlock:nth-of-type(odd) .subTitle01,
.timelineBlock:nth-of-type(odd) .bodyCopy{
	direction: ltr;
}


.tl-yearCon{
	position: relative;
    display: flex;
    align-items: center;
}

.timelineYear{
	font-family: "boylanNeue";
	font-size:6em;
	width:100%;
	/*color: var(--brandRust01);*/
	color: var(--brandTan01);
    -webkit-text-stroke: 1px var(--brandGold01);
}

.timelineBlock:nth-of-type(odd) .timelineYear{
	text-align:left;
}

.timelineBlock:nth-of-type(even) .timelineYear{
	text-align:right;
}

.timeline-lineCon{
	position:absolute;
	width:4%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:-20% auto 0 auto;
	/*background-color:rgba(0,0,0,0.03);*/
}

.timelineBlock:first-of-type .timeline-lineCon {
    margin: auto;
    height: 20px;
    top: 10px;
}

/*.timelineBlock:nth-of-type(odd) .timelineBlockIMG {
    border-top-left-radius: 30px;
}

.timelineBlock:nth-of-type(even) .timelineBlockIMG {
    border-top-right-radius: 30px;
}*/


.tl-dot{
	position:relative;
	width:20px;
	height:20px;
	margin: 0 auto;
	display: block;
	border-radius:20px;
	border: 1px solid var(--brandGold01);
	/*background-color:var(--brandTan01);*/
	background-color:var(--brandTan01);
	z-index: 1;
}

.tl-line{
	position:relative;
	width:1px;
	height:100%;
	margin: 0 auto;
	display: block;
	background-color:var(--brandGold01);
	transform:scaleY(0);
	transform-origin: top center;
}

#timelineBlock1 .tl-line{
	display: none;
}

/*.timelineBlock:first-of-type .tl-line{
	display: none;
}*/



/*-------------------------------OUR-STORY-------------------------------------*/

#ourStoryPage .scrollIndCon {
    left: 0;
    right: 0;
    bottom: 40px;
    margin: auto;
}

#osEntrySection{
	width:96%;
	display:grid;
	grid-template-columns:32% 32% 32%;
	grid-gap:2%;
	align-items: center;
}

.storyTitle2{
	font-size:23vw;
	position:absolute;
	width:100%;
	top: 0;
	text-align:center;
	margin: 1% 0 1% 0;
}

.storyEntryColumn{
	position:relative;
	width: 100%;
	margin: 72% auto 0 auto;
}

.storyEntryColumn:nth-of-type(2){
	margin:15% 0 0 0;
}

.storyFlankIMGClipper{
	position:relative;
	width: 90%;
    height: 46vw;
    margin: 0 auto;
	clip-path: url(#notchedDoubleArchClip);
    -webkit-clip-path: url(#notchedDoubleArchClip);
    background-color:rgba(0,0,0,0.03);
}

.storyEntryFlankIMG{
	position:absolute;
	width:100%;
}

.storyEntryColumn:nth-of-type(1) .storyEntryFlankIMG{
	margin:-6% 0 0 0;
}

.storyEntryColumn:nth-of-type(3) .storyEntryFlankIMG{
	margin:-6% 0 0 0;
}

#osValuesSection{
	margin:50px auto 60px auto;
}

.valuesTitle{
	font-size:15vw;
}

.valuesDes{
	position:relative;
	width:50%;
	min-width: 280px;
	max-width: 960px;
	margin: 0 auto;
}

.valuesCon{
	position:relative;
	/*width:90%;*/
	margin: 10px auto;
	text-align: center;
	/*display:grid;*/
	/*grid-template-columns:23.5% 23.5% 23.5% 23.5%;*/
	/*grid-gap:2%;*/
}

.valueBlock .subTitle01{
	margin: 5px 0;
}

#valuesCon .subTitle01{
	margin: -5px 0;
	text-align:center;
}

.quoteSection {
    margin: 50px auto;
    display: grid;
    grid-template-columns: 20% 60% 20%;
    align-items: center;
}

.blockQuoteText{
	font-family: "maiuscoletto";
    font-size: 2.33em;
    letter-spacing: 0.05em;
    line-height: 1.66em;
    text-align: justify;
    margin: 5% 0 0 0;
    color: var(--brandRust01);
}

.quoteAuthor{
	font-family: "boylanNeue";
	font-size:4.44em;
	line-height: 1em;
	text-align:right;
	color: var(--brandSlate01);

}

.quoteSubTitle{
	font-family: "maiuscoletto";
	font-size:1.66em;
	line-height: 1em;
	text-align:right;
	margin: 0px 0 0 0;
	color: var(--brandRust01);
}

#brandingSection{
	margin:100px auto;
}

#openDoorSection{
	margin:50px auto;
}

.openDoorIMG{
	position:relative;
	width:50%;
	margin:0 auto;
	display: block;
}

.openDoorQuote{
	position:relative;
	width:50%;
	margin: 10px auto 0 auto;
	display: block;
}

.blockQuoteTextSmall{
	font-family: "maiuscoletto";
    font-size: 2em;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    text-align: justify;
    color: var(--brandRust01);
}


.dropWord1{
	font-family: "boylanNeue";
	font-size:2em;
	font-weight:normal;
	color: var(--brandSlate01);
}

.exploreFunnelSection{
	position:relative;
	width:96%;
	margin:50px auto 200px auto;
	display: grid;
	grid-template-columns:43% 57%;
}

.explFunnelCopyBlock{
	margin: auto 0 0 0;
	z-index: 1;
}

.explFunnelTitle{
	font-size:14vw;
	text-align:left;
}

.explFunnelCopyBlock2{
	position:relative;
	margin: 0 0 0 4%;
	display:grid;
	grid-template-columns:60% 36%;
}

.thisWayLink {
    font-family: "corsivo";
    font-size: 1.66em;
    position: absolute;
    top: 0;
    right: 40px;
    margin: auto;
    color: var(--brandSlate01);
    z-index: 1;
    transition: 200ms;
}

.thisWayLink:hover{
	color: var(--brandGold01);
	transform:translateX(10px);
}


/*-------------------------------PRESS-PAGE-------------------------------------*/

#pressPage .scrollIndCon {
    display: none;
}

.pressMainCon{
	position:relative;
	width:96%;
	margin:0 auto;
	display:grid;
    grid-template-columns: 85% 10%;
	grid-gap:5%;
}

.pressTitle{
	font-size:20vw;
	text-align:left;
	margin: 1% 0 0% 0%;
}

.pressBlock{
	position:relative;
	margin:5% 0;
}

.articleTitle{
	font-family: "cocomat";
	font-size: 1.25em;
	margin: 10px 0 10px 0;
	color: var(--brandSlate01);
}

.articleDate{
	font-family: "cocomat";
	font-size: 0.8em;
	margin: 8px 0 5px 0;
	color: var(--brandGold01);
}

#pressPage .storyLink {
    font-size: 1em;
    display: block;
    width: 120px;
}

#pressPage .storyLink:hover {
    transform:translateX(3px);
}

.pressFlourish{
	position: relative;
    height: auto;
    width: 70%;
    margin: -30% 0 0 0;
    /*background-color: rgba(0,0,0,0.08);*/
}

.pressFlourish:first-of-type{
	margin: 40% 0 0 0;
}



/*-------------------------------CONTACT-PAGE-------------------------------------*/

#contactPage .scrollIndCon,
#eventPage  .scrollIndCon,
#stayBookingPage  .scrollIndCon{
    display: none;
}

.contactMainCon{
	position:relative;
	width:96%;
	margin:7% auto 0 auto;
	display:grid;
    grid-template-columns: 35% 60%;
	grid-gap:5%;
}

.ccContTitle{
	font-family: "corsivo";
	font-size:1.12em;
	margin: 0 0 5px 0;
	color: var(--brandSlate01);
}

.ccContLink{
	font-family: "cocomat";
	font-size:1em;
	line-height: 1.5em;
	color: var(--brandSlate01);
}

.ccContLink:hover{
	color:var(--brandGold01);
}


.contactColumn  .ftContCon{
	margin: 0 0 0 0;
}

 #map {
  position:relative;
  width:100%;
  height: 400px;
  margin: 20px 0;
  border-radius: 10px;
}

#map .gm-style-mtc{
	display: none;
}

.contactCopy2{
	width:50%;
}

.formCon{
	position:relative;
	width:100%;
	height:auto;
	margin: 0px auto;
	background-color:rgba(0,0,0,0.0);
}

.formMain{
	position:relative;
	margin: 0 0 40px 0;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 3% 1%;
}

.formItemCon{
	position:relative;
	margin:0% 0 0 0;
}

.formItem{
	position:relative;
	width: auto;
    height: 40px;
    background-color: var(--brandTan01);
    border: 1px solid var(--brandGold01);
    border-radius: 10px;
    padding: 0px 0px 0 10px;
    margin:0;
    font-family: "cocomat";
	/*font-size: 0.8em;*/
}

.formItem::placeholder{
	font-family: "cocomat";
	/*font-size: 0.8em;
	margin: 5px auto;*/
	color: var(--brandMauve01);
}

.buttonsCon{
	position:relative;
	width: 44%;
	height: 40px;
	margin: 2% 3% 0 2%;
    display: inline-block;
}

.buttonWrapper{
	position:relative;
	display: flex;
	flex-direction:row;
	align-items: baseline;
}

.buttonItem{
	font-family: "cocomat";
	color: var(--brandGold01);
	position:relative;
	display: inline-block;
	margin: 0px 10px 0 0px;
}

.buttonWrapper input[type="radio"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:12px;
	height: 12px;
	border-radius:10px;
	border: 1px solid var(--brandGold01);
	color: rgba(0,0,0,0);
	cursor: pointer;
}

.buttonWrapper input:hover[type="radio"]{
	background-color: var(--brandMauve02);
}

.buttonWrapper input:checked[type="radio"]{
	background-color: var(--brandGold01);
}

.formHalf{
	width:auto;
	margin: 0 0;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.formFull{
	width:auto;
	display: block;
	grid-column: 1 / 3;
}

.formFull .formItem{
	width:100%;
}

.formLabel, .buttonTitle{
	font-family: "cocomat";
    font-size: 0.8em;
    color: var(--brandSlate01);
    margin: 8px 0;
    position: relative;
    display: block;
}

.formLabel{
    line-height: 1.33em;
}

input[type=text]:focus, select:focus {
	outline:0;
	box-sizing: border-box;
	background-color:rgba(0,0,0,0.0) !important;
}

#message{
	width: calc(100% - 20px);
	min-height: 300px;
	padding: 13px 10px;
}

.sendBtn{
	font-family: "corsivo";
    font-size: 2em;
    position: relative;
    padding: 15px 43px 15px 45px;
    margin: 0;
    display: block;
    border:none;
    border-radius: 60px;
    border: 1px solid var(--brandTan01);
    color: var(--brandTan01);
    background: var(--brandGrad1);
    z-index: 1;
    cursor: pointer;
}

.sendBtn:hover{
	color: var(--brandGold01);
	 background: var(--brandTan01);
	 border: 1px solid var(--brandGold01);
}

.upl_wrpr{
	margin: 0 0 20px 0;
}

.captchaCon{
	position:relative;
	margin: 0px 0 0 0;
	display: flex;
}

.errBox {
    position: absolute;
    margin: 80px 0 0 0;
    opacity: 0;
}

.errCopy{
	font-size:1.2rem;
	color: red;
}

.loader01{
	position:absolute;
	width:60px;
	height:auto;
/*	top:0;*/
	bottom:0;
	left:60px;
	margin:auto;
	animation: rotate 1500ms linear infinite;
	opacity: 0;
}

.sendButton{
	position:relative;
	width:100%;
	height: fit-content;
	margin: 0 0 30% 0;
	display: flex;
    justify-content: flex-end;
}

#thankYouPage .scrollIndCon{
	display: none;
}


#thankYouPage .main{
	width:calc(100vw - 10px);
	height: calc(100vh - 10px);
}

.thankYouCon{
	position:relative;
	width:100%;
	height:50vh;
	margin:50px auto 0 auto;
	text-align:center;
}

.thanksTitle{
	font-size:16vw;
	text-align:center;
}

#thankYouPage .bodyCopy{
	margin: 0 auto 10px auto;
	text-align:center;
}

#thankYouCopy .roomTitle01{
	margin: -15px 0 0 0 !important;
	text-align:left;
}

.thanksBackLink{
	font-family: "corsivo";
	font-size: 1.66em;
	color: var(--brandSlate01);
	z-index: 1;
	transition: 200ms;
}

.thanksBackLink:hover{
	color: var(--brandGold01);
}


/*-------------------------------STAY BOOKING-------------------------------------*/

/*.mews-distributor{
	width: 98% !important;
	margin: 30px auto 0 auto;
	background:var(--brandTan01) !important;
	border-top-left-radius: 60px;
	border-top-right-radius: 60px;
	transform: none !important;
	transition: none !important;
	height: 90vh !important;
	margin: 10vh auto 0 auto;

}*/

.mews-distributor{
	width: 97% !important;
	margin: 27px auto 0 auto;
	background:var(--brandTan01) !important;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	transform: none !important;
	transition: none !important;
}

.distributor-open{
	opacity: 0;
}

.stayBookingBtnCon{
	position:absolute;
}


#stayBookingPage .bookNowBtn-global{
	display: none;
}

#stayBookingPage .footerCon{
	display: none;
}

#stayBookingPage .main{
	position:absolute;
	width:calc(100vw - 10px);
	height: 100vh;
	padding: 5px;
}

.stayDesBlock{
	position:relative;
	width: 94%;
	margin:40px auto;
	z-index: 100001;
}

.stayDes{
	position:relative;
	margin:5px auto;
}

/*------------------LOADING---------------------*/

.stayLoadingWindow{
	position:fixed;
	width:98vw;
	height:calc(100vh - 26px);
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	opacity: 1;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	background-color:var(--brandTan01);
	z-index: 1000000;
	pointer-events: none;
	/*display:none;*/
}

.loadCon{
	position:absolute;
	width:400px;
	height:400px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	/*background-color:rgba(0,0,0,0.08);*/
}

.eclipseCon{
	position:absolute;
	width:20%;
	height:20%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	/*background-color:rgba(0,0,0,0.08);*/
}

.eclipser1{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	border-radius: 50%;
	background-color:var(--brandGold01);
}

@keyframes eclipse {
	0%{transform:translateX(0);}
	100%{transform:translateX(-200%);}
}

@keyframes glower1 {
	0%{opacity:1;}
	50%{opacity:0.33;}
	100%{opacity:1;}
}

.eclipser2{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:100%;
	right:0;
	margin:auto;
	border-radius: 50%;
	background-color:var(--brandTan01);
	animation: eclipse 3000ms linear infinite;
}


/*-------------------------------NEWSLETTER-------------------------------------*/

.newsletterSection{
	position:relative;
	width:96%;
	margin:7% auto 7% auto;
	padding: 40px 0 20px 0;
	border-radius: 15px;
	background-color:var(--brandMauve01);
}


.newsletterSection .subTitle01{
	position:relative;
	width:100%;
	margin:0px auto 10px auto;
	text-align:center;
	color: var(--brandSlate01);
}

.newsletterCopy{
	position:relative;
	width:50%;
	min-width: 280px;
	max-width: 800px;
	margin: auto;
	display: block;
	text-align:center;
}

.newsletterSection .contMainBtn {
    position: relative;
    width: 170px;
    height: 60px;
    top: 0;
    font-size: 2em;
    border: 1px solid var(--brandMauve01);
    padding: 8px 10px 19px 13px;
    margin: 20px auto;
    cursor: pointer;
}

.newsletterSection .contMainBtn:hover{
	border: 1px solid var(--brandGold01);
}

.newsletterSection .emailInput {
	font-family: "cocomat";
	font-size: 1em;
	position: relative;
	width:50%;
	min-width: 280px;
	max-width: 800px;
	margin: 10px auto;
    padding: 20px 0px 17px 20px;
    display: block;
	color: var(--brandGold01);
	background-color: var(--brandTan01);
}


/*-------------------------------EVENTS-------------------------------------*/

#infoEntrySection{
	margin: 0 auto 40px auto;
}

.learnBtn{
	font-size: 1.33em;
    position: relative;
    margin: 10px 0;
    padding: 12px 0px 12px 30px;
    border-radius: 60px;
    display: block;
	width:150px;
}

.infoPage .scrollIndCon{
	right: 40px;
    bottom: 100px;
}

.infoMainSection{
	display: flex;
	flex-direction: column;
}

.infoPage .indvRoomCopyBlock .bodyCopy{
	width:100%;
}

.infoPage .roomEntrySubBlock,
.weddingConBlock,
.infoBlock{
	display: block;
    width: 60%;
    max-width: 960px;
    min-width: 300px;
    min-height: unset;
    margin: 40px auto 40px auto;
}

#infoBlock1{
	margin: 30px auto 0 auto;
}


.infoSub1{
	font-family: "corsivo";
	font-size: 1.1em;
}

#calendarBlock01,
.mauveBlock01{
	position: relative;
/*	width: 96%;*/
	margin: 7% auto 7% auto;
	padding: 40px 0 20px 0;
	border-radius: 15px;
	background-color: var(--brandMauve01);
}

.calTitle01{
	text-align:center;
}

.calBtn {
	font-size: 1.33em;
    position: relative;
    margin: 10px auto;
    padding: 12px 0px 12px 30px;
    border-radius: 60px;
    display: block;
    width: 125px;
}

.calBtn:hover{
	color: var(--brandGold01);
	background: var(--brandMauve01);
	border: 1px solid var(--brandGold01);
}


/*-------------------------------WEDDINGS-------------------------------------*/

.weddingsIMG-temp{
	position:relative;
	width:100%;
}

#weddingsPage .scrollIndCon {
    right: 3%;
    bottom: 11%;
    margin: auto;
}

.infoPage .roomEntryCon {
    position: relative;
    margin: 2% auto 1% 0;
}

#weddingsPage .roomTitle01{
	margin:20px 0 10px 0;
}

#weddingsPage .indvRoomCopyBlock .bodyCopy {
    width: 98%;
}


/*.weddingConBlock{
	position:relative;
	width:50%;
	margin: 60px 0;
}*/

.weddingConBlock2,
.downInfoBlock2,
.downInfoBlock2{
	position:relative;
	width: 56%;
    margin: 40px auto;
	padding: 20px 0;
	border-top: 1px solid var(--brandGold01);
	border-bottom: 1px solid var(--brandGold01);
}

.priceLarge{
	font-size:1.77em;
}

.priceMedium{
	font-size:1.33em;
}

.weddingBlockQuote{
	font-family: "corsivo";
    font-size: 1.33em;
    line-height: 1.66em;
    color: var(--brandSlate01);
}

.viewBtn {
	font-size: 1.33em;
	position: relative;
	margin: 10px 0;
	padding: 12px 21px 12px 52px;
	border-radius: 60px;
	display: block;
	width: 70px;
}

#thankYouSection{
	height: 70vh;
	min-height: 600px;
	padding: 50px 0 0 0;
	display:grid;
	grid-template-columns: 31% 69%;
	border-top: 1px solid var(--brandGold01);
}

#thankYouSection .storyEntryFlankIMG {
    width: auto;
    height: 90%;
    margin: -2% 0 0 -10%;
}

.thankYouTitle {
    font-size: 14.66vw;
    text-align: left;
}

.thankYouCopy{
	width:50%;
	font-size:1em;
}

.caterBlock{
	margin: 40px auto;
}

#vendorsPage .roomTitle01,
.caterBlock .subTitle02,
.caterBlock .halfCopy{
	text-align: center;
}

#vendorsPage .roomTitle01,
.caterBlock .subTitle02{
	margin: 20px auto 5px auto;
}

/*------------------WEDDINGS2-----------------------*/

.infoMainSection{
	 margin: 100px auto 0px auto;
}

#weddingsPage-pricing #infoSection03,
#weddingsPage-pricing #infoSection04{
	margin: 0px auto;
}

#otherEventsInfoPage #infoSection03{
	margin: 0px auto;
}

#weddingsPage-pricing #infoSection03{
	margin: 100px auto 0px auto;
}

.weddingInfo-full {
	position:relative;
	width:100%;
    margin: 0px auto;
}

.weddingInfo-halves {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-gap: 2%;
}

.weddingInfo-imgBlock{
	position:relative;
	min-height: 600px;
	max-height: 900px;
	overflow: hidden;
}

.weddingInfo-imgBlock2{
	position:relative;
	overflow: hidden;
}

/*.weddingsPage .infoVertIMG{
	position:absolute;
	bottom: 0;
}*/

.weddingsPage .infoVertIMG,
.infoPage .infoVertIMG{
	margin: 0 0 20px 0;
}

.infoPage .bodyCopy, .infoPage ul, #FAQsPage p, .weddingInfo-copyBlock p {
    font-family: "cocomat";
    font-size: 0.8em;
    line-height: 1.6em;
    text-align: justify;
    color: var(--brandSlate01);
}

.weddingsPage h3,
.infoPage h3,
#FAQsPage h3 {
    font-family: "corsivo";
    font-size: 1.1em;
    margin: 10px auto -15px auto;
}

.wBuffer{
	position:relative;
	height: 1000px;
}

.weddingInfo-prices {
	width: 90%;
    display: grid;
    grid-template-columns: 8% 70% 8%;
    grid-gap: 7%;
    padding: 5%;
    margin: 0px auto;
    text-align: center;
    align-items: center;
    background-color:var(--brandMauve02);
}

.weddingInfo-v-outer{
	width: 88%;
    background-color: var(--brandMauve02);
    padding: 0% 6% 5% 6%;
}

.weddingInfo-vendors {
	width: 90%;
	padding: 5%;
    margin: 0px auto;
    text-align: center;
    border: solid 1px var(--brandGold01);
}

.pricesFlourishBlock{
	position:relative;
	width:100%;
}

.priceFlourish{
	position: relative;
	margin: 0 0 -32% 0;
}

.weddingInfo-prices p,
.weddingInfo-prices ul,
.weddingInfo-prices h3{
	text-align:center;
}

.weddingInfo-copyBlock h1 {
    font-family: "corsivo";
    font-size: 1.66em;
    margin: 15px 0 5px 0;
    color: var(--brandSlate01);
}

.pricingTitle{
	margin: 15px 0 20px 0 !important;
}

.weddingInfo-copyBlock h2{
	font-family: "cocomat";
    font-size: 1.3em;
    line-height: 1.5em;
    margin: 0 0 -15px 0;
}

.weddingInfo-vendors h2{
	margin: 10px 0 10px 0;
}

.weddingsPage .footerBlock p{
	text-align: center;
	color: var(--brandTan01);
}

.weddingInfo-copyBlock a{
	color: var(--brandRust01);
}

.weddingInfo-copyBlock a:hover{
	color: var(--brandGold01);
}


.otherEventsPage #calendarBlock01 {
    margin: 0% auto 11% auto;
}

/*-------------------------------FAQS-------------------------------------*/

#FAQsPage  .scrollIndCon{
	display: none;
}

/*-------------------------------ADDACC-------------------------------------*/

#blocksSection{
	position:relative;
	display: grid;
	grid-template-columns: 49% 49%;
	column-gap: 2%;
}

.infoConHalf{
	margin: 2% auto;
}

.addAccTitle{
	font-size:12vw;
	margin: 4% 0 0 0;
}

.infoConSection{
	position:relative;
	margin: 60px 0;
	display:grid;
	grid-template-columns: 49% 49%;
    grid-gap: 2%;
}

.infoConHalf{
	width:100%;
	overflow: hidden;
}

.infoConHalf:nth-of-type(odd){
	border-top-left-radius: 30px;
}

.infoConHalf:nth-of-type(even){
	border-top-right-radius: 30px;
}

/*.infoConHalf-left{
	border-top-left-radius: 30px;
}

.infoConHalf-right{
	border-top-right-radius: 30px;
}*/

.infoConSection .roomTitle01{
	margin: 10px 0 20px 0;
}


/*-------------------------------GALLERIES-------------------------------------*/

#galLinkBlock01,
#galLink{
	display: none;
}

#galleriesPage .scrollIndCon,
.galleryPage .scrollIndCon{
	display: none;
}

#galleriesSection{
	min-height: 100vh;
}

.galleryTitle{
	font-size: 18vw;
	position: relative;
	width: 100%;
	top: 0;
	text-align: center;
	margin: 1% 0 1% 0;
}

.galleriesCon{
	position:relative;
	width:100%;
	height: fit-content;
	margin: 0px 0 100px 0;
	display:grid;
	grid-template-columns: 32% 32% 32%;
	grid-gap: 2vw;
}

.galBlock{
	position:relative;
	width:100%;
	margin: 0 0 20px 0;
}

.galBlock:nth-of-type(1) .galUpper{
	border-top-left-radius: 30px;
}

.galBlock:nth-of-type(3) .galUpper{
	border-top-right-radius: 30px;
}

.galUpper{
	position:relative;
	width:100%;
	height: 55vh;
	min-height: 400px;
	max-height: 480px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.galIMG{
	position:relative;
	width:auto;
	height: 100%;
}

.galLower{
	position: relative;
	display: flex;
	justify-content: space-between;
}

.galSubTitle01 {
    font-size: 1.2em !important;
    text-align: left;
    margin: 10px auto 0px auto;
}

.gDate01 {
    font-family: "cocomat";
    font-size: 0.7em;
    margin: 5px auto 0px auto;
}

/*-----------------INDV-GALLERY----------------*/

#gallerySection{
	min-height: 100vh;
	margin: 10% auto 2% auto;
}

.galleryCon{
	position:relative;
	width:100%;
	height: fit-content;
	margin: 0px 0 10px 0;
}

.galIMGsCon{
	position:relative;
}

.galIMGsBlock{
	position:relative;
	margin: 2% 0 0 0;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 1% 2%;
}

.indvGalIMGCon{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
    align-items: center;
}

.wGalIMG{
	position: relative;
	width:100%;
}

.indvGal-half{
	max-height: 30vw;
	grid-column: span 6;
}

.indvGal-third{
	max-height: 38vw;
	grid-column: span 4;
}

.indvGal-full{
	grid-column: span 12;
}

/*.indvGal-half:nth-of-type(1){
	border-top-left-radius: 30px;
}

.indvGal-half:nth-of-type(2){
	border-top-right-radius: 30px;
}
*/


/*-------------------------------AMENITIES-------------------------------------*/

#amenitiesPage .scrollIndCon,
#addAccPage .scrollIndCon{
	display: none;
}

}
.introConSection{
	position:relative;
	margin: 60px 0;
}

.amenTitle{
	font-size:18vw;
	text-align:left;
}

.introConSection .halfCopy{
	width:50%;
}


/*-------------------------------PARLOR-------------------------------------*/

#parEntrySection{
	height: fit-content;
	min-height: 100vh;
}

.parEntryCon {
    width: 96%;
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 2%;
    margin: 0 auto;
}

.parlorTitle{
	font-size: 18vw;
    position: relative;
    width: 100%;
    top: 0;
    text-align: center;
    margin: 1% 0 1% 0;
}

.parSubTitle01{
	font-size: 1.66em !important;
	text-align:center;
	margin: 5px auto 15px auto;
}

.parlorEntryColumn-left,
.parlorEntryColumn-right{
	position:relative;
	width:100%;
	max-height: 40vw;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.parlorEntryColumn-left{
	border-top-left-radius: 30px;
}


.parlorEntryColumn-right{
	border-top-right-radius: 30px;
}

.parEntryFlankIMG {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*margin: 23% auto 0 auto;*/
    display: block;
}


.parSubTitle02, .menuCon h3 {
    font-family: 'cocomat';
    font-size: 1.2em;
    text-align: center;
    margin: 5% auto 0 auto;
    line-height: 1.5em;
}


.menuCon h5{
	font-family: "corsivo";
	font-size:1.66em;
	text-align:center;
	margin: 3% auto 0 auto;
}

.parSubTitle03, .menuCon h4, .menuCon p {
    font-family: "cocomat";
    font-size: 0.88em;
    line-height: 1.5em;
    text-align: center;
    margin: 0 auto 5% auto;
}

.menuCon h4{
	margin: 5px auto;
}

.bodyCopy2{
	text-align:center;
}

#parIntroCopy h2{
	line-height: 1.5em;
	margin: 10px auto -7px auto;
	text-align:center;
}

#parIntroCopy h3{
	margin: -7px auto -7px auto;
	text-align:center;
}

.menuTitle{
	position:relative;
	font-size: 18vw;
    width: 100%;
    top: 0;
    text-align: center;
    margin: 1% auto 1% auto ;
}

.menuSubCopy{
	position:relative;
	width:100%;
	text-align:center;
}

.menuRow{
	position:relative;
	text-align:center;
}

.menuCon .parSubTitle01,
.menuCon .parSubTitle02,
.menuCon h3{
	margin: 20px auto 0 auto;
}

.menuCon .parSubTitle03{
	margin: px auto 0 auto;
}

.menuCon p{
	margin: -15px auto -15px auto;
}

.menuRow2{
	position:relative;
	width: 90%;
    margin: 0% auto;
	display:grid;
	grid-template-columns:49% 49%;
	grid-gap:0 2%;
}

.menuCon{
	margin: 5% auto;
}

#parlorPage .scrollIndCon{
	bottom: 40px;
	left:0;
	right:0;
	margin: auto;
	display: none;
}

#reserveSection,
#supResSection,
.reserveSection{
	margin: 100px 0 100px 0;
}

.reserveBtn {
    width: fit-content;
    font-size:1.8em;
    margin: 0 auto;
    padding: 20px 40px 20px 40px;
    border-radius: 60px;
    display: block;
    text-align: center;
}

.entryResBtn{
	margin:6% auto;
}


/*-------------------------------EXPERIENCES-------------------------------------*/

/*#afternoonTeaPage #expInfoSection,
#afTeaResSection{
	display: none;
}*/

.indExpPage .scrollIndCon{
	display: none;
}

.expsTitle{
	font-size: 15vw;
	margin: 4% 0 0 0;
}

.expTitle{
	font-size: 12vw;
	margin: 4% 0 2% 0;
}

.teaTitle{
	font-size:14vw;
}

.musTitle{
	font-size: 13vw;
}

.picnicTitle{
	font-size:18vw;
}

.sundayTitle{
    font-size: 17vw;
    margin: 2% 0 2% 0
}

.honedTitle {
    font-size: 17vw;
    margin: 2% 0 2% 0;
}

#sundaySaucePage .menuMainCon .menuTitle{
	display: block;
}

.expBlock:nth-child(odd){
	border-top-left-radius: 30px;
}

.expBlock:nth-child(even){
	border-top-right-radius: 30px;
}

.expLink{
	font-size:1.2rem;
}

#supEntrySection{
	position: relative;
	margin: 0 0 3vw 0;
	height: fit-content;
}

#supperClubPage .scrollIndCon,
.expPage .scrollIndCon{
	display: none;
}

#supperClubPage #menusSection{
	width:96%;
	margin: auto;
}

#supEntrySection .parSubTitle01{
	margin: 0;
}

#supInfoCopy{
	width:96%;
	margin: 7% auto 7% auto;
}

.menuMainCon .menuTitle,
.menuMainCon .parSubTitle01{
	display: none;
}

#menusSection a{
	color: var(--brandGold01);
}

.supMenuCon .parSubTitle02{
    margin: 2% auto 0 auto;
}

.supMenuCon h3{
	margin: 30px 0 -20px 0;
}

.supMenuCon p{
	margin: auto;
}



/*-------------------------------FLOOR-PLANS-------------------------------------*/

#supEntrySection{
	position: relative;
	margin: 0 0 3vw 0;
	height: fit-content;
}

#supperClubPage .scrollIndCon{
	display: none;
}

#supperClubPage #menusSection{
	width:96%;
	margin: auto;
}

#supEntrySection .parSubTitle01{
	margin: 0;
}

#supInfoCopy{
	width:96%;
	margin: 7% auto 0 auto;
}

.menuMainCon .menuTitle,
.menuMainCon .parSubTitle01{
	display: none;
}

#menusSection a{
	color: var(--brandGold01);
}

.supMenuCon .parSubTitle02{
    margin: 2% auto 0 auto;
}

.supMenuCon h3{
	margin: 30px 0 -20px 0;
}

.supMenuCon p{
	margin: auto;
}


/*-------------------------------FLOOR-PLANS-------------------------------------*/

#floorPlansPage .scrollIndCon{
	display: none;
}

.fpTitle {
	font-size: 9vw;
	text-align: left;
	margin: 60px 0;
}

.v360Btn{
	font-size: 1.88em;
	position: relative;
	margin: 20px 0;
	padding: 12px 41px 12px 52px;
	border-radius: 60px;
	display: block;
	width: 70px;
}

.fpConSection{
	width:96%;
}

.floorPlanIMG{
	position:relative;
	width:100%;
	margin: 50px auto;
}


/*-------------------------------CAREERS-------------------------------------*/

#careersPage .scrollIndCon,
.careerPositionPage .scrollIndCon{
	display: none;
}

.careersMainIMG{
	position:relative;
	width:100%;
	border-top-left-radius: 30px;
}

.positionCon{
	position: relative;
	margin: 30px 0 0 0;
    padding: 20px 0 0 0;
	border-top: 1px solid var(--brandGold01);
}

.careerPositionPage .formCon{
	margin: 30px 0 0 0;
}

#positionMainSection .positionCon{
	border-top: none;
}

#careersFormCon{
	margin: 60px auto 20px auto;
	padding: 10px 0;
	border-top: 1px solid var(--brandGold01);
}


.positionCon .subTitle02{
	margin: 0 0 20px 0;
}

.applyBtn {
    font-size: 1.33em;
    position: relative;
    margin: 30px 0 40px 0;
    padding: 12px 21px 14px 32px;
    border-radius: 60px;
    display: block;
    width: 70px;
}

.applyBtn:hover{
	background-color:var(--brandTan01);
}

.uploadInput {
    font-family: "cocomat";
    font-size: 0.8em;
}

input[type=file]::file-selector-button{
	font-family: "cocomat";
    font-size: 1em;
    padding: 3px 6px;
    border-radius: 20px;
    border:1px solid var(--brandGold01);
    background-color:rgba(0,0,0,0.0);
	color: var(--brandGold01);
	cursor: pointer;
	transition: 150ms;
}

input[type=file]::file-selector-button:hover{
	color: var(--brandTan01);
	background-color:var(--brandGold01);
}

/*-------------------------------TERMS-&-CONDITIONS-------------------------------------*/

#termsConditionsPage .scrollIndCon,
#giftCardPage .scrollIndCon{
	display: none;
}

#termsCondSection .subTitle01{
	position:relative;
	margin: 100px 0 50px 0;
}

#termsCondSection .halfCopy{
	position:relative;
	width:66%;
	max-width: 1000px;
}

#termsCondSection ul{
    padding-inline-start: 2%;
    margin: 0px;
    width: 63%;
}

.policyTitle01 {
    font-family: "cocomat";
    font-size: 1em;
    margin: 40px auto -10px auto;
}

.textConBlock{
	position:relative;
	margin: 50px 0;
}

.indent{
	display:block;
	margin: 0 0 0 5px;
}




/*------------------------------------------------TEAM----------------------------------------------------*/

#ourPeople .scrollIndCon{
	left: 20px;
	bottom: 20px;
}

.teamEntryCon{
	height: 100%;
}

#ourPeople .genEntryWrapper{
    min-height: 80vh;
}

#ourPeople .genEntryWrapper:after{
	content: '';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background:linear-gradient(0deg, rgba(65,62,58,0.33), rgba(65,62,58,0), rgba(65,62,58,0));
	opacity: 1;
}

.teamTitle1 {
    font-size: 21vw;
    line-height: 0.8em;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    margin: 1% 0 3% 0;
    border-bottom: 1px solid var(--brandGold01);
}

.staffCon{
	position:relative;
	margin: 0px 0 40px 0;
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 4vw 2vw;
}

.teamBlock{
	position:relative;
	width:100%;
	height: fit-content;
	display:flex;
	flex-direction:column;
}

.teamIMGCon{
	position:relative;
}

.fitIMG,
.fitVid{
	position:relative;
	width:100%;
	height:100%;
	margin: 0% 0 0 0;
	object-fit: cover;
    object-position: center center;
}

.teamBlock:nth-of-type(odd) .teamIMGCon{
	border-top-left-radius: 30px;
}

.teamBlock:nth-of-type(even) .teamIMGCon{
	border-top-right-radius: 30px;
}

.teamIMG{
	position:relative;
	width:100%;
}

.teamCopyCon{
	position:relative;
}

#ourPeople .teamName01{
	font-size:2rem;
}

.teamTitle02{
	font-size:1rem;
	text-transform: uppercase;
	margin: 0px 0 20px 0;
}


/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/
/*------------------------------------------------MEDIAQS-----------------------------------------------------*/


/*------------------------------------------------------1900px----*/

@media (min-width:0px) and (max-width:1900px){


/*-------------------------EXPLORE PAGE*/

.explFlankIMGClipper{
	margin:40% auto 0 auto;
}

}


/*------------------------------------------------------1800px----*/

@media (min-width:0px) and (max-width:1800px){


/*-------------------------EXPLORE PAGE*/

.explEntryColumn-left .explFlankIMGClipper {
    margin: 30% 0 0 6%;
}

.explEntryColumn-right .explFlankIMGClipper {
    margin: 30% 0 0 -4%;
}

.explEntryTitle {
    margin: 2% 0 0 0;
}

.portalRow-halves .portalCopyBlock {
    width: 70%;
}

.roomTitle01, .weddingInfo-copyBlock h1 {
    font-size: 1.5em;
}

.roomTitle01-small {
    font-size: 1em;
}

}



/*------------------------------------------------------1600px----*/

@media (min-width:0px) and (max-width:1600px){

/*-------------------------EXPLORE PAGE*/

.explEntryColumn-left .explFlankIMGClipper {
    margin: -1% 0 0 6%;
}

.explEntryColumn-right .explFlankIMGClipper {
    margin: -1% 0 0 -4%;
}

.portalRow-halves .roomPortalIMGWrapper{
	max-height: 480px;
}

/*-------------------------HISTORY PAGE*/

.vertYear {
    font-size: 1.3em;
}

.subTitle01 {
    font-size: 1.4em;
}


/*-------------------------WEDDINGS PAGE*/

.weddingBlockQuote {
    font-size: 1.1em;
}


/*-------------------------PARLOR PAGE*/

.parEntryFlankIMG {
    margin: 0% auto 0 auto;
}

}


/*------------------------------------------------------1400px----*/

@media (min-width:0px) and (max-width:1400px){

/*-------------------------EXPLORE PAGE*/

.explEntryTitle {
    margin: 3% 0 0 0;
}

.portalRow-fullWidth .portalCopyBlock {
    width: 49%;
    min-width: 300px;
    max-width: 660px;
}

.portalRow-halves .roomPortalIMGWrapper {
    height: 58vh;
    max-height: 400px;
}

.roomTitle01, .weddingInfo-copyBlock h1 {
    font-size: 1.33em;
}

.weddingsPage h3 {
    font-size: 0.9em;
}

.roomTitle01-small {
    font-size: 0.8em;
}


/*-------------------------ROOM PAGE*/


.indvRoomPage .mainNavCon {
    position: fixed;
    width: 100%;
    margin: 3px 0 0 0;
}
.indvRoomIMGWrapper,
.genEntryWrapper {
    position: relative;
    width: 100%;
    height: 50vw;
    min-height: 400px;
    border-top-left-radius: 75px;
    border-top-right-radius: 75px;
}

.indvRoomPage .roomTitle01 {
    font-size: 1.6em;
    margin: 10px 0 5px 0;
}

.indvRoomCopyBlock .bodyCopy {
    width: 98%;
}

.bookThisCopy {
    width: 75%;
}

/*-------------------------EXPLORE PAGE*/

.timeline-lineCon {
    margin: -24.5% auto 0 auto;
}

.subTitle01 {
    font-size: 1.3em;
}


/*-------------------------STORY PAGE*/

.storyEntryCopy{
	font-size:0.7em;
}


/*-------------------------STORY/PARLOR PAGE*/

.parEntryCon {
    grid-template-columns: 26% 44% 26%;
} 

.parEntryFlankIMG{
	width:auto;
	height: 100%;
}


.bookThisBtn {
    font-size: 1.2em;
    width: 240px;
}

/*-------------------------WEDDINGS PAGE*/

.weddingBlockQuote {
    font-size: 1em;
}

#thankYouSection {
    height: 60vh;
    min-height: 500px;
    padding: 60px 0 0 0;
}

.thankYouTitle {
    font-size: 13.33vw;
}

.thankYouCopy {
    width: 70%;
}

#thankYouSection .storyEntryFlankIMG {
    height: 85%;
    margin: -5% 0 0 -7%;
}

}



/*------------------------------------------------------1200px----*/

@media (min-width:0px) and (max-width:1200px){

/*-------------------------GLOBALS PAGE*/

#weddingsPage .mainNavCon {
    margin: 1px 0 0 0;
}

/*-------------------------EXPLORE PAGE*/

#explEntrySection {
    max-height: 730px;
}

.roomPortalBlock {
    margin: 50px auto;
}

.explEntryColumn-left .explFlankIMGClipper {
    margin: -7% 0 0 6%;
}

.explEntryColumn-right .explFlankIMGClipper {
    margin: -7% 0 0 -4%;
}

.portalRow-fullWidth .roomPortalIMGWrapper {
    height: 66vh;
    min-height: 460px;
    max-height: 600px;
}

.portalRow-halves .roomPortalIMGWrapper {
	height:25vh;
    min-height: 300px;
    max-height: 400px;
}

.portalRow-halves .portalCopyBlock {
    width: 100%;
}

.roomTitle01, .weddingInfo-copyBlock h1 {
    font-size: 1.1em;
}

.roomTitle01-small {
    font-size: 0.8em;
}

.explEntryTitle {
    margin: 0% 0 0 0;
}

/*.bookThisBtn {
    font-size: 1.4em;
    width: 140px;
    padding: 15px 0px 15px 30px;
}*/


/*-------------------------STORY PAGE*/

.storyEntryColumn:nth-of-type(2) {
    margin: 62% 0 0 0;
}

#ourStoryPage .scrollIndCon {
    left: 20px;
    right: unset;
    bottom: 20px;
    margin: auto;
}

/*-------------------------CONTACT PAGE*/

.contactMainCon {
    margin: 10% auto 0 auto;
    grid-template-columns: 48% 50%;
    grid-gap: 2%;
}

.contactCopy2 {
    width: 100%;
}

.formMain{
	grid-template-columns: 1fr;
	grid-gap: 2% 1%;
    margin: 0 0 110px 0;
}


.formFull{
    grid-column: 1/2;
}

#careersPage .captchaCon,
#giftCardPage .captchaCon{
    margin: 20px 0 0 0;
}

.sendButton {
    margin: 0 0 100px 0;
    justify-content: flex-start;
}

/*.formHalf {
    width: 96%;
    margin: 3% 0% 0 0;
}

.formFull{
    margin: 5% 0% 0 0;
}
*/
#message {
    min-height: 180px;
}

/*-------------INFO PAGES*/

.infoPage .scrollIndCon {
    bottom: 70px;
}

/*-------------------------WEDDINGS PAGE*/

.weddingInfo-vendors h2 {
    font-size: 1em;
}

#thankYouSection {
    min-height: 400px;
}

/*-------------------------WEDDINGS PAGE*/

.menuRow2{
	grid-template-columns:100%;
	grid-gap:0;
}

/*-------------------------AMENITIES PAGE*/

.introConSection .halfCopy {
    width: 100%;
}

.introConSection {
    margin: 60px 0 0px 0;
}

.infoConSection {
    margin: 30px 0;
}

.infoConSection .roomTitle01 {
    margin: 10px 0 5px 0;
}


/*-------------------------FLOOR PLAN PAGE*/

.fpTitle {
	font-size:14vw;
    margin: 30px 0;
}

#careersPage .contactMainCon,
.careerPositionPage .contactMainCon {
    grid-template-columns: 38% 60%;
}


/*-------------------------TERMS PAGE*/

.subTitle03 {
    font-size: 0.8em;
}

#termsCondSection .halfCopy {
    width: 100%;
}


/*-------------------------PARLOR PAGE*/

.parSubTitle01 {
    font-size: 1.33em !important;
}

.reserveBtn {
    font-size: 1.6em;
    padding: 20px 30px 20px 30px;
}



/*-------------------------GALLERY PAGE*/

.galleriesCon {
    grid-template-columns: 49% 49%;
}

.galBlock:nth-of-type(2) .galUpper{
	border-top-right-radius: 30px;
}

.galBlock:nth-of-type(3) .galUpper{
	border-top-right-radius: 0px;
}

}




/*------------------------------------------------------iPad-Pro----*/

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (hover: none) {

/*-------------------------EXPLORE PAGE*/

#explEntrySection {
    max-height: 620px;
}

.explEntryColumn-left .explFlankIMGClipper {
    margin: 37% 0 0 6%;
}

.explEntryColumn-right .explFlankIMGClipper {
    margin: 37% 0 0 -4%;
}

.portalRow-fullWidth .roomPortalIMGWrapper {
    height: 50vh;
}

.portalRow-halves .roomPortalIMGWrapper {
	height:25vh;
    min-height: 300px;
    max-height: 400px;
}

.portalRow-halves .portalCopyBlock {
    width: 100%;
}

/*-------------------------ROOM PAGE*/

.indvRoomPage .scrollIndCon {
	bottom: 52%;
    right: 2%;
}

.indvRoomIMGWrapper,
.genEntryWrapper {
    position: relative;
    width: 100%;
    height: 40vh;
}


/*-------------------------STORY PAGE*/

#ourStoryPage .scrollIndCon {
    left: 20px;
    right: unset;
    bottom: 120px;
    margin: auto;
}

#osEntrySection{
	height: 57vh;
}

#osValuesSection {
    margin: 0px auto 100px auto;
}

.blockQuoteText {
    font-size: 2em;
}

.quoteAuthor {
    font-size: 4em;
}

.quoteSubTitle {
    font-size: 1.6em;
}

.openDoorIMG,
.openDoorQuote {
    width: 60%;
}

.explFunnelCopyBlock2 {
    margin: 0 0 0 7%;
}

.bodyCopyLarge {
    font-size: 0.8em;
}


/*-------------------------WEDDINGS PAGE*/

#thankYouSection {
    height: 33vh;
}


/*-------------------------PARLOR PAGE*/

#parlorPage .scrollIndCon{
	display: none;
}


#parEntrySection{
	height: auto;
}

/*-------------------------TEAM PAGE*/

#teamEntrySection{
	height: 75vh;
}

#ourPeople .genEntryWrapper {
    min-height: 60vh;
}



}





/*------------------------------------------------------1026px----*/

@media (min-width:0px) and (max-width:1026px){



.indvRoomIMGWrapper, .genEntryWrapper {
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}




/*-------------------------EXPLORE PAGE*/

#explEntrySection {
    max-height: 620px;
}

.explEntryColumn-left .explFlankIMGClipper {
    margin: 37% 0 0 6%;
}

.explEntryColumn-right .explFlankIMGClipper {
    margin: 37% 0 0 -4%;
}

.portalRow-fullWidth .roomPortalIMGWrapper {
    height: 50vh;
}

.portalRow-halves .roomPortalIMGWrapper {
	height:25vh;
    min-height: 300px;
    max-height: 400px;
}

.portalRow-halves .portalCopyBlock {
    width: 100%;
}


.reserveBtn {
    font-size: 1.3em;
    padding: 20px 30px 20px 30px;
}


.newsletterCopy {
    width: 90%;
    margin: 20px auto;
}

/*-------------------------TEAM PAGE*/

.teamTitle1 {
    font-size: 19vw;
}


#ourPeople .genEntryWrapper {
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
}


}



/*------------------------------------------------------821px----*/

@media (min-width:0px) and (max-width:821px){

/*-------------------------GLOBALS*/

.infoPage .mainNavCon {
    position: fixed;
    width: 100%;
    margin: 0px 0 0 0;
}

/*-------------------------EXPLORE PAGE*/

#explEntrySection {
	min-height: 400px;
    max-height: 540px;
}

.explEntryTitle {
    margin: 6% 0 0 0;
}

.exploreTitle {
    font-size: 14.7vw;
}

.explEntryColumn-left .explFlankIMGClipper {
    margin: 50% 0 0 6%;
}

.explEntryColumn-right .explFlankIMGClipper {
    margin: 50% 0 0 -6%;
}

.explEntryColumn-center .explCentralIMGClipper{
    margin: 37% 0 0 0%;
}


/*-------------------------ROOM PAGE*/

.indvRoomPage .mainNavCon {
    position: fixed;
    width: 100%;
    margin: 0px 0 0 0;
}

.indvRoomPage .scrollIndCon {
	bottom: 52%;
    right: 2%;
}

.indvRoomIMGWrapper,
.genEntryWrapper {
    position: relative;
    width: 100%;
    height: 37vh;
    border-top-left-radius: 55px;
    border-top-right-radius: 55px;
}

.bookThisCopy {
    font-size: 0.8em;
}


/*-------------------------HISTORY PAGE*/

.tl-dot {
    width: 15px;
    height: 15px;
}

.timelineBlock {
    display: flex;
    margin: 8% auto;
}

.timelineBlock-left{
	flex-direction: row-reverse;
}

.timelineYear {
    font-size: 5em;
}

.timeline-lineCon {
	position: absolute;
	width: 4%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 21%;
	right: unset;
}

.timeline-lineCon {
	height: 110%;
    margin: -42.5% auto 0 auto;
}

.timelineBlock-left .cL1-outer {
    border-top-left-radius: 0px;
    border-top-right-radius: 30px;
}


/*-------------------------STORY PAGE*/

#ourStoryPage .scrollIndCon {
    display: none;
}

#osEntrySection{
	height: 75vh;
}

.storyTitle2 {
    font-size: 22vw;
}

.storyEntryColumn {
    position: absolute;
    margin: 25% auto 0 auto;
}

.storyEntryColumn-left {
    width: 49%;
    margin: -7% 0 0 0;
    left: 0;
}

.storyEntryColumn-right {
    width: 49%;
    margin: -7% 0 0 0;
    right: 0;
}

.storyFlankIMGClipper {
	width: 100%;
    height: 60vw;
    margin: 0 auto 10px auto;
}

.storyEntryColumn:nth-of-type(2) {
    margin: 80% 0 0 0;
}

#osValuesSection {
    margin: 0px auto 50px auto;
}

.valuesTitle {
    font-size: 15vw;
    margin: 5% 0 2% 0px;
}

.valuesCon {
	width:96%;
	grid-template-columns: 49% 49%;
    grid-auto-rows: 48% 48%;
    grid-gap: 6% 2%;
}

.quoteSection {
    margin: 50px 0 100px 0px;
}

#storyQuoteSection .floralFlourish {
    width: 50%;
}

.blockQuoteText {
    font-size: 1.6em;
}

.quoteAuthor {
    font-size: 3em;
    margin: 10px 0 0 0;
}

.quoteSubTitle {
    font-size: 1.2em;
}

.blockQuoteTextSmall,
.blockQuoteTextSmall span {
    font-size: 1.6em;
}

.openDoorIMG,
.openDoorQuote {
    width: 60%;
}

.explFunnelCopyBlock2 {
    margin: 0 0 0 7%;
}

.explFunnelCopyBlock2 .bodyCopyLarge {
    font-size: 0.8em;
}

.thisWayLink {
    font-family: "corsivo";
    font-size: 1.2em;
}


/*-------------------------PRESS PAGE*/

#pressPage .subTitle01 {
    font-size: 1em;
}

#pressPage .articleTitle {
    font-size: 1em;
}

#pressPage .storyLink {
    font-size: 0.8em;
}

#FAQsPage .subTitle01 {
	font-size: 1.6em;
}



/*-------------------------WEDDINGS PAGE*/

#weddingsPage .roomEntrySubBlock {
    grid-template-columns: 100%;
}

.weddingConBlock,
.weddingConBlock2,
.downInfoBlock2 {
    width: 100%;
}

#thankYouSection {
    height: 76vh;
    min-height: 700px;
    display: block;
    margin: 0 auto 50px auto;
}

#thankYouSection .storyEntryFlankIMG {
    height: 100%;
    margin: -5% 0 0 -2%;
}

#thankYouSection .storyFlankIMGClipper {
    width: 47%;
    height: 60vw;
}



.infoPage .roomEntrySubBlock, .weddingConBlock, .infoBlock {
    width: 100%;
}

.infoPage .scrollIndCon {
    display: none;
}


.thankYouTitle {
	font-size:18vw;
    text-align: center;
    margin: -10% 0 0 0;
}

.thankYouCopy {
    width: 70%;
    margin: 0 auto;
}


.mews-distributor {
    width: 96% !important;
}

#infoEntrySection,
#weddingsPage-pricing #infoSection03{
    margin: 0 auto 0px auto;
}

.infoMainSection {
    margin: 0px auto 0px auto;
}

.weddingInfo-halves {
    display: flex;
    flex-direction: column;
}

.weddingInfo-imgBlock,
.weddingInfo-imgBlock2{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.weddingInfo-imgBlock {
    margin: 10px auto;
}

.roomTitle01, .weddingInfo-copyBlock h1 {
    font-size: 1.33em;
    line-height: 1.33em;
}

/*-------------------------PARLOR PAGE*/

#parlorPage .scrollIndCon {
    display: none;
}

#parEntrySection{
	height: auto;
	min-height: 0;
}


.parEntryCon{
	display: flex;
    flex-wrap: wrap;
}

.parlorEntryColumn{
	width:46%;
}

.parlorEntryColumn-left{
	order: 1;
	margin: 0 2% 4% 2%;
}


.parlorEntryColumn-center{
	order: 3;
	width:96%;
	margin: auto;
}

.parlorEntryColumn-right{
	order: 2;
	margin: 0 2% 4% 0;
}

.parEntryFlankIMG {
    width: 100%;
    height: auto;
}

#supEntrySection {
    margin: 0 0 0vw 0;
    min-height: unset;
    height: fit-content;
}

#menusSection{
	margin: 60px 0 0 0;
}

#supperClubPage #menusSection{
	margin: auto;
}

#supInfoCopy {
    width: 96%;
    margin: 0% auto 0 auto;
    font-size: 1em;
}

.supMenuCon .parSubTitle02 {
    margin: 8% auto 0 auto;
}


/*-------------------------TEAM PAGE*/

#teamEntrySection{
	height: 75vh;
}

#ourPeople .genEntryWrapper {
    min-height: 60vh;
}

#ourPeople .genEntryWrapper {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

}



/*------------------------------------------------------600px----*/

@media (min-width:0px) and (max-width:600px){

/*-------------GLOBALS*/

/*.mainNavCon,
.indvRoomPage .mainNavCon{
	width:97vw;
	height: 99vh;
	top:1%;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	 border-radius: 82px 82px 0 0;
	flex-direction: column;
	align-items: center;
	background-color:var(--brandTan01);
	z-index: -1;
	opacity: 0;
}

*/
.ff-622f83c478ab99224ea6e9fa__content {
     width: 100% !important;
}

[data-ff-el="root"].ff-622f83c478ab99224ea6e9fa .ff-622f83c478ab99224ea6e9fa__footer{
	margin: 10px !important;
}

/*-------------------------EXPLORE PAGE

#explEntrySection{
	display: block;
	max-height: unset;
}

.explEntryColumn-left,
.explEntryColumn-right{
	display: none;
}

.explEntryTitle {
    margin: -5% 0 0 1%;
    top: 0;
}

#explorePage .exploreTitle {
    font-size: 19.7vw;
}

.explEntryColumn-center .explCentralIMGClipper {
    margin: 40% 0 0 0%;
    width: 80%;
}

.explCentralIMGClipper {
    height: 80vw;
}

.exploreEntryCopy {
    width: 80%;
}

.portalRow-fullWidth .roomPortalIMGWrapper {
    height: 36vh;
    min-height: 200px;
    max-height: 400px;
}

.portalRow-fullWidth .portalCopyBlock {
    width: 100%;
    min-width: 300px;
    max-width: 660px;
}

.portalRow-halves {
    grid-template-columns: 100%;
    grid-gap: 50px;
}

.portalRow-fullWidth .roomPortalIMGWrapper {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.portalRow-halves .portalHalf .roomPortalIMGWrapper {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 36vh;
    min-height: 200px;
    max-height: 400px;

}

.portalRow-halves .portalHalf:nth-of-type(1) .roomPortalIMGWrapper {
    border-top-left-radius: 15px;
}

.portalRow-halves .portalHalf:nth-of-type(2) .roomPortalIMGWrapper {
    border-top-right-radius: 15px;
}

.portalRow-transition .explEntryTitle {
    margin: -26% 0 0 1%;
}

.ascentTitle {
    font-size: 28vw;
    line-height: 1em;
}

.portalRow-transition {
	margin: 3% 0 0 0;
	display: block;
}

.portalTranWindows{
	grid-template-columns: 49% 49%;
	grid-gap: 2%;
}

/*.portalTranBlock:nth-of-type(1),
.portalTranBlock:nth-of-type(2) {
    margin: 50% 0 0 0;
}

.portalTranBlock:nth-of-type(3),
.portalTranBlock:nth-of-type(4) {
    margin: 20% 0 0 0;
}*/

.explPortalIMGClipper {
    position: relative;
    width: 100%;
    height: 61vw;
    min-height: 170px;
    margin: 0% auto 0 auto;
}

.explPortalIMG {
    margin: 0 0 0 -3%;
}

.groundsTitle {
    font-size: 26.5vw;
    line-height: 1em;
}


/*-------------------------ROOM PAGE*/

.indvRoomPage .scrollIndCon {
	display: none;
}

#explEntrySection {
	max-height: unset;
    grid-template-columns: 100%;
    grid-gap: 2%;
}


.explEntryColumn-left,
.explEntryColumn-right{
	display: none;
}

.explEntryColumn-center{
	padding: 0 10px;
}

.exploreTitle {
    font-size: 20.7vw;
    margin: 5% 0 0 0;
}

#explRoomPortalsSection {
    margin: 0px auto;
}


.indvRoomIMGWrapper,
.genEntryWrapper {
	min-height: 280px;
	border-top-left-radius: 62px;
	border-top-right-radius: 62px;
}

.indvRoomPage .roomTitle01 {
    font-size: 1.33em;
}

#explBridalIMG01 {
     top: 0%;
}

.portalRow-halves {
    grid-template-columns: 100%;
}

.portalTranWindows {
    grid-template-columns: 49% 49%;
    grid-gap: 2%;
}

.portalRow-fullWidth .roomPortalIMGWrapper,
.portalRow-halves .roomPortalIMGWrapper {
    height: 60vw;
    min-height: unset;
    max-height: unset;
}

.portalRow-fullWidth .portalCopyBlock {
    width: 100%;
}

.portalRow-halves .portalHalf:nth-of-type(1) .roomPortalIMGWrapper,
.portalRow-halves .portalHalf .roomPortalIMGWrapper  {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.roomPortalBlock,
.portalHalf {
    margin: 20px auto;
}

.portalRow-transition{
    margin: 20px auto 50px auto;
}

.roomEntrySubBlock {
    display: block;
}

.indRoomButtonCon {
    margin: 80px auto 80px auto;
}

.roomTitle01, .weddingInfo-copyBlock h1 {
    font-size: 1em;
}

.roomGrid-halves {
    display: block;
}

.roomGrid-thirds {
    display: block;
}

.roomGridBlock {
    margin: 0% auto;
}

.roomGridBlock .bodyCopy{
	margin:20px auto;
}

.bookThisCopy {
    width: 95%;
}

#bookThisSection {
    margin: 0 0 60px 0;
}

#reserveSection,
.reserveSection{
	margin: 60px 0 60px 0;
}


/*-------------------------HISTORY PAGE*/

#histEntrySection{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.histEntryColumn{
	position: absolute;
}

.histEntryColumn-left{
	width: 33%;
	left: 12%;
}

.histEntryColumn-center{
	height: 66vh;
}

.histEntryColumn-right{
	width: 33%;
	right: 2%;
}

.histEntryColumn .subTitle01 {
    margin: 73% auto 10px auto;
}

.histEntryColumn-left .vertYear {
    font-size: 0.8em;
    top: 20%;
    left:-25%;
}

.histEntryColumn-right .vertYear {
    font-size: 0.8em;
    top: 20%;
    right:10% !important;
}

.histFlankIMGClipper{
	transform: scale(1.33);
}

.histEntryColumn-left .histFlankIMGClipper{
	transform-origin: left;
}

.histEntryColumn-right .histFlankIMGClipper{
	transform-origin: right;
}

.historyTitle {
	font-size:24vw;
    margin: -23% 0 0 -2.2%;
}

.timelineBlock {
    display: flex;
    margin: 8% auto;
    width: 96%;
    grid-gap:0;
}



.tl-yearCon {
    max-width: 70px;
    top: -130px;
    margin: 0 15px 0 0;
}

.timelineYear {
    font-size: 2.6em;
    color: var(--brandGold01);
    text-stroke: none;
    -webkit-text-stroke: none;
}

.timeline-lineCon {
	height: 86%;
    margin: -90% auto 0 auto;
    left: 8%;
}

.tl-dot{
	display: none;
}

.subTitle01 {
    font-size: 1.1em;
    margin: 5px 0 5px 0;
}

/*-------------------------STORY PAGE*/

#ourStoryPage .scrollIndCon {
    display: none;
}


/*-------------------------STORY PAGE*/

#osEntrySection{
	height: 100vh;
}

.storyFlankIMGClipper{
	margin: 18% auto 10px auto;
}

.storyEntryColumn:nth-of-type(2) {
    margin: 86% 0 0 0;
}


.storyTitle2 {
    margin: 10% 0 0 0;
}

.storyEntryColumn-left,
.storyEntryColumn-right {
    margin: -69% 0 0 0;
}

.valuesCon {
    display: block;
}

.valueBlock{
	margin: 20px auto;
}

#storyQuoteSection .floralFlourish {
    width: 70%;
}

.blockQuoteText {
    font-size: 1.12em;
    line-height: 1.3em;
}

.quoteAuthor {
    font-size: 1.4em;
    margin:0;
}

.quoteSubTitle {
    font-size: 0.8em;
    margin:5px 0 0 0;
}

.openDoorIMG, .openDoorQuote {
    width: 96%;
}

.blockQuoteTextSmall,
.blockQuoteTextSmall span {
    font-size: 1.3em;
    line-height: 1.33em;
    letter-spacing: 0.03em;
}

.exploreFunnelSection {
    display: block;
    margin:50px auto 100px auto;
}

.explCentralIMGClipper {
    width: 305px;
    height: 320px;
}

.explFunnelCopyBlock {
    width: 85%;
    margin: 11% auto;
    display: block;
}

.explFunnelTitle {
    font-size: 21vw;
    margin: -13% 0 0 0;
}

.explFunnelCopyBlock2 {
    margin: 0 0 0 0%;
    display: block;
}

.thisWayLink {
    font-size: 1.33em;
    position: relative;
    right: unset;
}

/*-------------------------PRESS PAGE*/

.pressMainCon{
	display: block;
}

.pressColumn:nth-of-type(2){
	display: none;
}

.pressBlock {
    position: relative;
    margin: 10% 0;
}

.pressTitle {
    font-size: 34vw;
    text-align: left;
    margin: 10% 0 0% 0%;
}

#pressPage .subTitle01 {
    font-size: 0.8em;
}

#pressPage .articleTitle {
	font-size: 1em;
	line-height: 1.3em;
	margin: 5px 0 5px 0;
}


/*-------------------------CONTACT PAGE*/

.contactMainCon {
    margin: 15% auto 0 auto;
    grid-template-columns: 48% 50%;
    grid-gap: 0;
    display: flex;
    flex-direction: column-reverse;
}

.formItem {
    width: 98%;
}

.sendBtn {
    margin: 2% 0 15% 0;
}

.contactColumn .ftContCon {
    margin: 0 0 15% 0;
}

.newsletterSection .subTitle01 {
    font-size: 1.8em;
}

.newsletterSection .contMainBtn {
    width: 140px;
    height: 38px;
    font-size: 1em;
}


/*-------------------------WEDDINGS PAGE*/

#weddingsPage .roomTitle01 {
    margin: 10px 0 5px 0;
}

#weddingsPage .scrollIndCon{
	display: none;
}

.weddingConBlock {
    margin: 30px 0;
}

.weddingInfo-prices {
    grid-template-columns: 100%;
}

.pricesFlourishBlock{
	display:none;
}

.weddingInfo-imgBlock {
    min-height: 0;
}

.infoPage ul {
	width:80%;
}

.weddingsPage .infoVertIMG {
    margin: 0 0 0px 0;
}

#thankYouSection {
    height: 76vh;
    min-height: 770px;
    padding: 0;
}

#thankYouSection .storyEntryFlankIMG {
    height: 100%;
    margin: -5% 0 0 1%;
}

.thankYouTitle {
    font-size: 20vw;
    margin: -8% 0 0 0;
}



/*-------------------------PARLOR PAGE*/

.parlorTitle {
    font-size: 20vw;
    margin: 10% 0 1% 0;
}

.parSubTitle01 {
    font-size: 1.66em !important;
}

#menusSection {
    margin: 30px 0 0 0;
}

.menuTitle {
    font-size: 30vw;
}

#blocksSection {
    grid-template-columns: 100%;
}

.indvRoomIMG, .infoVertIMG, .galleryGridIMG {
    height: 75vw;
    object-fit: cover;
}

.expsTitle {
    font-size: 20vw;
    margin: 14% 0 -8% 0;
}

/*-------------------------AMENITIES PAGE*/

.amenTitle {
    font-size: 28vw;
}

.infoConSection {
   display: block;
}

.infoConHalf {
    border-top-left-radius: 15px !important;
     border-top-right-radius: 15px !important;
    margin: 40px auto;
}


/*-------------------------ADD ACC PAGE*/

.addAccTitle {
    font-size: 14.5vw;
    margin: 17% 0 -7% 0;
}


/*-------------------------FLOOR PLAN PAGE*/
.fpTitle {
    font-size: 17vw;
    margin: 20px 0;
}

/*-------------------------CAREERS PAGE*/

#careersPage .subTitle01 {
    font-size: 2.1em;
}

#careersPage .contactColumn:nth-of-type(1),
.careerPositionPage .contactColumn:nth-of-type(1){
	display: none;
}




/*-------------------------GALLERY PAGE*/

.galleryTitle {
    font-size: 23vw;
    margin: 12% 0 4% 0;
}

.galleriesCon {
    grid-template-columns: 100%;
    grid-gap: 0.33%;
}

.galBlock:nth-of-type(1) .galUpper{
	border-top-right-radius: 30px;
}

.galBlock:nth-of-type(2) .galUpper{
	border-top-right-radius: 0px;

}

.galTitleBlock{
	margin: 20% 0 0 0;
}

.galIMGsBlock {
    grid-gap: 0.33% 1%;
}

.indvGal-half,
.indvGal-third{
	max-height: unset;
	grid-column: span 12;
}


/*-------------------------TEAM PAGE*/

#teamEntrySection{
	height: 60vh;
	min-height: 300px;
}

#ourPeople .genEntryWrapper {
    min-height: 40vh;
}

#ourPeople .genEntryWrapper {
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}

.teamTitle1 {
    font-size: 30vw;
}

.staffCon {
    grid-template-columns: 1fr;
}

.teamIMGCon {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;

}

/*.indvGal-half:nth-of-type(1){
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}*/


}


/*------------------------------------------------------iPhone10+----*/

@media (min-width:0px) and (max-width:375px) and (min-height:811px) {

/*-------------------------EXPLORE PAGE*/

.explEntryColumn-center .explCentralIMGClipper {
    margin: 40% 0 0 0%;
}

.portalRow-fullWidth .roomPortalIMGWrapper,
.portalRow-halves .portalHalf .roomPortalIMGWrapper {
    height: 30vh;
    min-height: 200px;
    max-height: 400px;
}

/*-------------------------HISTORY PAGE*/

.histEntryColumn-left,
.histEntryColumn-right {
    margin: -30% 0 0 0;
}

.storyEntryColumn-left, .storyEntryColumn-right {
    margin: -110% 0 0 0;
}

.storyEntryColumn:nth-of-type(2) {
    margin: 50% 0 0 0;
}

}



/*------------------------------------------------------375px----*/

@media (min-width:0px) and (max-width:375px){

/*-------------------------HISTORY PAGE*/

.timelineYear {
    font-size: 2em;
}

.tl-yearCon {
    margin: 0 10px 0 0;
}

.timeline-lineCon {
    margin: -96% auto 0 auto;
    left: 6%;
}

/*-------------------------STORY PAGE*/

#osEntrySection {
    margin: 0 auto 30px auto;
}

.valueBlock {
    margin: 10px auto;
}


/*-------------------------PRESS PAGE*/

.pressTitle {
    margin: 18% 0 0% 0%;
}


/*-------------------------CONTACT PAGE*/

.formItem {
    width: 97.3%;
}


/*-------------------------WEDDINGS PAGE*/

.indvRoomIMGWrapper,
.genEntryWrapper {
	height: 30vh;
    min-height: 200px;
}

.vidWrapper {
	height: 26vh;
}

#eventsInfoPage .roomTitle01 {
    font-size: 1.4em;
    line-height: 1.33em;
}

}



/*------------------------------------------------------320px----*/

@media (min-width:0px) and (max-width:320px){

/*-------------------------EXPLORE PAGE*/

.portalRow-fullWidth .portalCopyBlock,
.portalRow-halves .portalCopyBlock {
    min-width: unset;
}

.indvRoomIMGWrapper,
.genEntryWrapper {
    min-height: 270px;
}

.historyTitle {
    margin: -24% 0 0 -2.2%;
}

#historyPage .scrollIndCon{
	display: none;
}

.histEntryColumn-left,
.histEntryColumn-right {
    margin: -3% 0 0 0;
}

.timelineBlock {
    margin: 10% auto;
}

.timeline-lineCon {
    margin: -116% auto 0 auto;
    left: 8%;
}


/*-------------------------STORY PAGE*/

#osEntrySection {
    margin: 0 auto 160px auto;
}

.storyEntryColumn-left,
.storyEntryColumn-right {
    margin: -82% 0 0 0;
}

.storyEntryColumn:nth-of-type(2) {
    margin: 126% 0 0 0;
}


/*-------------------------CONTACT PAGE*/

.formItem {
    width: 96.6%;
}

.formLabel {
    font-size: 0.7em;
}

/*-------------------------WEDDINGS PAGE*/

#weddingsPage .roomTitle01 {
    font-size: 1.2em;
}

/*-------------------------PARLOR PAGE*/

.parSubTitle01 {
    font-size: 1.4em !important;
}

/*-------------------------STAY BOOKING*/

.stayDesBlock {
    max-height: 60px;
    overflow: scroll;
}

}




/*------------------------------------COLORS-----------------------------------------*/

.tan1{
	color:var(--brandTan01);
}

.slate1{
	color:var(--brandSlate01);
}

.gold1{
	color:var(--brandGold01);
}

.tanBG1{
	background-color:var(--brandTan01);
}

.slateBG1{
	background-color:var(--brandSlate01);
}

.goldBG1{
	background-color:var(--brandGold01);
}

.rustBG1{
	background-color:var(--brandRust01);
}

.tanFill1{
	fill:var(--brandTan01);
}

.slateFill1{
	fill:var(--brandSlate01);
}

.goldFill1{
	fill:var(--brandGold01);
}

.rustFill1{
	fill:var(--brandRust01);
}