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

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

#explEntrySection{
	display:flex;
	flex-direction:column;
}

.entryRow{
	position:relative;
}

#explEntrySection .titleRow{
    z-index: 2;
}

#explEntrySection .imgsRow{
	padding: 0 2vw;
	margin: -3% 0 0 0;
	display:grid;
	grid-template-columns: 3fr 5fr 3fr;
	grid-gap: 2vw;	
    z-index: 1;
}

#explEntrySection .desRow{
	padding: 2vw;
	width:50vw;
	max-width: 770px;
}


.explEntryColumn{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:flex-end;
}

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

.explFlankIMGClipper,
.explClipper{
	position:relative;
	width:100%;
	height: auto;
	aspect-ratio: 3/4;
	margin: 0;
	clip-path: url(#doubleArchClip-r);
    -webkit-clip-path: url(#doubleArchClip-r);
    background-color:rgba(0,0,0,0.03);
}

.explCentralIMGClipper{
	position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
	clip-path: url(#stackedArchClip-r);
    -webkit-clip-path: url(#stackedArchClip-r);
    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:100%;
	display: block;
	margin: 0;
}

.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;
}

.portalWindows{
	position: relative;
	width:100%;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-gap:2vw;
}

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

.portalBlock{
	position:relative;
    width: 100%;
	margin: 0% 0 0 0;
	overflow: hidden;
}

/*.explClipper{
	position:relative;
	width:100%;
	height:30vw;
	margin:0% auto 0 auto;
	clip-path: url(#doubleArchClip-r);
    -webkit-clip-path: url(#doubleArchClip-r);
    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,*/
#roomRow-01 .ftBlockTitle{
	font-size:22vw;
	line-height: 1em;
}

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

#roomRow-06 .pageTitle,
.groundsTitle{
	font-size: 18.5vw;
	line-height: 1em;
}

.svg_wrpr{
	position:absolute;
}

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

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

#roomEntrySection{
	min-height: 100vh;
}

.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:1fr 1fr;
	grid-gap:2%;
}

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

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

.indvRoomIMG{
	position: relative;
	margin: auto;
/*	width: 100%;
	height: auto;
	object-fit: cover;*/
}

.roomGrid-full.hBlock .roomIMG_wrpr{
	aspect-ratio: 16/9;
}

.roomGrid-halves.hBlock .roomIMG_wrpr,
.roomGrid-thirds.hBlock .roomIMG_wrpr{
	aspect-ratio: 4/3;
}

.roomGridBlock.vBlock .roomIMG_wrpr{
	aspect-ratio: 3/4;
}





#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;
}