/* 
orange #c8571f

padding: calc(10px + 5vh) 0%;

h1
font-size: clamp(2.3rem, 6.8vw, 3.1rem);
line-height: clamp(2.3rem, 6.8vw, 3.1rem);

h2
font-size: clamp(2.3rem, 6.8vw, 3.1rem);
line-height: clamp(2.3rem, 6.8vw, 3.1rem);

h3
font-size: clamp(1.7rem, 3.8vw, 1.9rem);
line-height: clamp(1.7rem, 3.8vw, 1.9rem);

p
font-size: clamp(1.1em, 3.5vw, 1.25em);
line-height: clamp(1.2em, 3.5vw, 1.4em);
*/

html{scroll-behavior: smooth;}
body {
    font-size: 1.3em;
    line-height: 28px;
    background-color: #f2eee8;
}
/* Globals */
* {box-sizing:border-box;position: relative;}
h1,h2,h3,h4,h5,h6{
    font-family:  "EB Garamond", serif !important; 
    font-weight: 900;line-height: initial;}
h2 {
     font-size: clamp(2.3rem, 6.8vw, 2.7rem);
     line-height: clamp(2.5rem, 6.8vw, 3.4rem);
     font-weight: 500;
}
hr {
  height: 2px; /* Adjust thickness as needed */
  background-color: red; /* Change to your desired color */
  border: none;
}
p,ul,table {
    font-family: 'Raleway', serif;
}
a {text-decoration: none; font-family: 'Raleway', serif;}
article a:link,
footer a:link,
footer a:visited { text-decoration:underline; color: #c8571f; transition: all .3s ease; }
article a:hover { filter: saturate(2); }

/* p:has(> img.aligncenter) {
    text-align: center;
} */

.clickable { cursor:pointer; display:block; }

.wrapper {position: relative;width:100%;
        max-width: 1240px;
    margin:0px auto;padding:0 1em;}
.home .wrapper,
.page-id-339 .wrapper {
    max-width: none;
}
article.wrapper.content{position: relative; margin-bottom:3em;}

.flex{ display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.flex>.one-third{width:38.33%;}
.flex>.two-third{width:CALC(61.66% - 1em);}




/*HEADER======================================*/

.home .book,
.page-id-339 .book {
    display: none;
}
.book {
    border-radius: 55px;
    padding: 3px 7px;
    background: #ffffff87;
     position: fixed;
    z-index:1000;
    bottom: 10px;
    right:10px;
}
.book span {
    
    background-color: #bf521c;
    border-radius: 55px;
    white-space: nowrap;
    font-size: 0.9em;
    padding: 6px 14px;
    line-height: 2.3rem;
    margin: 3px 0px;
    color: white;
    text-transform: uppercase;
    transition: 0.3s;

   
}
.book:hover span {
        filter: saturate(1.3);
}

.home .sticky,
.page-id-339 .sticky {
    display:block;
}

header {position:relative;z-index: 1000;top: 0px;left: 0px;width: 100%;transition:background 0.3s;}
.home header,
.page-id-339 header {/* height: calc(100vh - 15px); *//* height: 95vh; */min-height: 500px;transition:background 0.3s;}	

	.header {position:absolute;z-index: 12;top:0px;left:0px;width: 100%;margin: 0;padding: 44px 4% 20px;background: #000000;background: linear-gradient(180deg,rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 50%);}
	.header .inner {display: flex;justify-content: center;position:relative;max-width: 1230px;text-align: center;margin: 0 auto;/* padding: 44px 4% 20px; */}
		
		.logo {
            position: relative;
            z-index: 20;
            display: inline-block;
            height: auto;
            color: white;
            /* margin: 12px 0px 15px; */
            text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.63);
            border-radius: 50%;
            transition: 0.3s;
            }
		.logo img {display: inline-block;width: 160px;height: auto;transition: 0.3s;}
		.logo:hover img {animation:pulse 1s 0.3s !important;-webkit-animation: pulse 0.5s 0.3s !important;}
		
        .logo .circles {
            position: absolute;
            left: 5%;
            top: 0;
            width: 90%;
            height: 100%;
        }
        .logo .circles span {
            position: absolute;
            display: block;
            background-color: #ffffff62;
            border-radius: 230px;
            left: 0%;
            top: 0%;
            width: 100%;
            height: 100%;
            transform: scale(0.85);
        }
        .logo .circles .s2 {
            transform: scale(0.97);
        }
        .logo .circles .s3 {
            transform: scale(1.11);
        }
        .logo .circles .s4 {
            transform: scale(1.23);
        }
		@media (max-width:1120px) {
			.logo img {width: 122px;}
		}
		@media (max-width:810px) {
            .book {
                top:10px;
                bottom: 10px;
                top: inherit;
                right:10px;
            }
            .header {
                padding: 0px 4% 20px;
            }
			.header .inner {
				flex-direction: column-reverse;
				padding: 2vh 3%;
			}
			.logo {
				margin: 72px 0 0 0;
			}
		}
		
		
	/* Nav========================================= */
	header nav {position:relative;display: flex;justify-content: end;flex-grow: 1;max-width: 1000px;z-index:10;width: inherit;padding: 0 0 0 0px;/* background: #000000; */margin: 0 0 0 -40px;}
	header nav.sticky {position:fixed; top:0px;}
	header nav .mobileMenu {display:none;position:absolute;bottom: 0px;left:0px;width: 100%;height:100%;line-height: 2.7em;}
	/*nav > .mobileMenu:before {position:absolute;content:"Menu";width: 10px;right: 57%;top: 10px;display:block;cursor:pointer;font-weight: bold;line-height: 38px;font-size: 1.3em;color: #302315;letter-spacing: 1px;transition: 0.3s line-height;}
	header nav > .mobileMenu:after {position:absolute;content: "\f0c9";right: 59%;top: 10px;width: 57px;font-family:fontAwesome;display:block;cursor:pointer;font-weight:bold;line-height: 38px;font-size: 1.4em;color: #302315;font-weight: normal;transition: 0.3s line-height;}*/
	header nav  ul {list-style:none;display: flex;margin: 0;padding: 0 0 0 52px;width: 100%;max-width: 890px;/* background: #000000; */border-radius: 4px;/* overflow: hidden; */font-family: 'Alfa Slab One', cursive;/* box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.24); */}
	header nav  ul > li {position:relative;display: inline-block;flex-grow: 1;/* border-left: 1px solid #cfcfcf; */}
	header nav  ul > li > a {display:block;text-align:center;padding: 2px 10px;/* padding: 7px 23px; */font-size: 1.05em;line-height: 2.2em;color: #f2eee8;font-weight:normal;text-transform: uppercase;}
	header nav  ul > li:first-child > a {border-radius: 4px 0px 0px 4px;}
	header nav  ul > li:last-child > a {border-radius: 0px 4px 4px 0px;}
	header nav  ul > li:hover a {background: #445325;/* box-shadow: inset 0px 0px 0px 2px black; */}
	
	header nav  ul > li ul {height:0;position:absolute;list-style:none;margin:0;padding: 7px 0 0px 0;/* width: 190px; */left: 0;top: 40px;overflow:hidden;transition: 0.2s;}
	header nav  ul > li ul  li  {position:relative; margin: 0; float: left; margin:1px 1% 1px 0px; width:100%;}
	header nav  ul > li ul  li  a {position:relative;display:block;line-height:19px;padding: 0;text-align: left;padding-left: 13px !important;font-weight: bold !important;font-size: 1.1em;color:rgba(255,255,255,0);border-radius: 3px;}
	header nav  ul > li:hover ul  li  a  {background: #f3f3f3;letter-spacing: 0;color: #302315 !important;transition: 0.3s;}
	
	
	header nav  ul > li ul  li:hover a {background: #922430;color:#ffffff !important;}
	header nav  ul > li:hover ul {height: 250px;transition: 0.4s;}
	header nav  ul > li:hover ul li a {padding: 0.6em 1em;}

	@media (max-width:990px) {
		header nav {width: 100%;padding: 0px 0% 0px 3%;margin: 0 0 0 -8px;}
		header nav  ul > li > a {font-size: 0.85em;padding: 2px 10px;}
		/* header nav  ul > li > a {padding: 3px 0 1px;white-space: nowrap;} */
	}

	@media (max-width:810px) {
		
		header nav {float:none;/* background: red; */z-index: 30;margin: 0px;}
		header nav .mobileMenu {z-index: 1;display: flex;justify-content: center;align-items: flex-start;background: #000000;top: 0px;height: 45px;}
		header nav .mobileMenu span.menu {color: #ffffff;font-size: 1.3em;font-weight: bold;line-height: 1.7em;}
		
		.nav__icon{display:inline-block;width: 25px;margin-left: -17px;margin-top: 19px;height: 4px;background-color: #ffffff;-webkit-transition-property:background-color, -webkit-transform;transition-property:background-color, transform;-webkit-transition-duration:300ms;transition-duration:300ms;}

		.nav__icon:before, .nav__icon:after{content:'';display:block;width: 25px;height: 4px;position:absolute;background: #ffffff;-webkit-transition-property:margin, -webkit-transform;transition-property:margin, transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
		.nav__icon:before {margin-top: -8px;}
		.nav__icon:after { margin-top: 8px;}
		
		header nav.selected .nav__icon{background:rgba(0, 0, 0, 0)}
		header nav.selected .nav__icon:before{margin-top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
		header nav.selected .nav__icon:after{margin-top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
		
		header nav  ul {position: absolute;display: block;padding: 45px 0px 0 0;width: 94%;/* border-bottom: 10px solid #445325; */}
		header nav.selected ul {border-bottom: solid 3px #ffffff;box-shadow: 0 0 13px rgba(0, 0, 0, 0.67);width: 100%;}
		header nav.selected ul > li {float: left;width: 100%;}
		header nav.selected ul > li a {font-size: 1.2em;line-height: 2.3em;text-align: left;background: rgb(255, 255, 255);font-weight: normal;box-shadow: none !important;}
		header nav.selected ul > li { display:block; margin-top: 1px; }
		header nav  ul > li:before {display:none;}
		header nav  ul > li {display:none;margin-top:0px !important;border-top: 1px solid #dfdfdf !important;}
		header nav  ul > li > a {position:relative;padding: 0 0 0 22px;color: #494747 !important;/* background: #292929 !important; */font-weight: bold;text-shadow: none !important;}
		header nav  ul > li > a:before {display:none;position:absolute;z-index: 10;content:"\f0d8";font-family:fontAwesome;left: 33px;bottom: -18px;font-size: 1.2em;color: #a6a4a4;}
		header nav  ul > li ul {width: 100%;display: none;height:inherit !important;position: relative;top: 0px !important;padding: 0px;background: #f1f1f1;display: block;}
		header nav  ul > li.parent a:before, header nav  ul > li.opened a:before {display:block;}
		header nav  ul > li ul  li  {width: 50%; margin:0;}
		header nav  ul > li ul  li.fullWidth {width:100%;}
		header nav  ul > li ul  li  a,
		header nav  ul > li ul  li:hover a {padding: 0px 22px 0px 35px !important;letter-spacing: 0px;background: none !important;color: #292929 !important;font-size: 17px !important;border-top: 1px solid #a7a5a5;border-right: 1px solid #a7a5a5; border-radius:0px;}
		header nav  ul > li:hover ul  li  a {    color: #292929 !important;}
	}




/*BANNER IMAGES============================*/
.dynamic-headers {position: relative;}
	.rslides {margin:0 auto !important; border-bottom: 5px solid black;}
    .rslides:after {
        position: absolute;
        z-index: 2;
        content:'';
        left:0;
        top:0;
        width:100%;
        height:100%;
        background: #44532540;
    }
	.rslides li {background-size:cover; background-position:center center;   }
	.rslides img {object-fit: cover;min-height: 215px;max-height: 440px;}
	.home_slides  li { opacity: 0;  /*transform: scale(1,1); transition: transform 10s linear , opacity 3s !important; */}
	.home_slides li.rslides1_on {opacity: 1; /*transform: scale(1.2,1.2); transition: transform 10s linear ,  opacity 2s !important; */}
	.home_slides img {min-height: 660px;max-height: 935px;}
	.service_slides img {min-height:450px;max-height: 700px;}

	header .rslides_nav {opacity: 1;position: absolute;z-index:150;top: 0px;width: 9%;min-width: 50px;max-width: 141px;height: 100%;font-size: 37px;background-position:center;background-repeat:no-repeat;background-size: 28px;cursor:pointer;overflow:hidden;text-indent:1000px;transition:0.3s;}
	.home header .rslides_nav,
    .page-id-339 header .rslides_nav {opacity:1;}

	header .rslides_nav.next {background-image: url(../images/right.png);background-size: 30px;right:0px;background-position: 45% 58%;}
	header .rslides_nav.prev {background-image: url(../images/left.png);background-size: 30px;left:0px;background-position: 48% 58%;}
	header .roomImages:hover .rslides_nav {opacity:1;}
	header .rslides_tabs {position:absolute;z-index:100;list-style:none;padding: 0px;left:0px;bottom: 9px;width:100%;text-align:center;}
	header .rslides_tabs li {
	display:inline-block;
	width: 14px !important;
	height: 14px !important;
	min-height: 14px !important;
	max-height: 14px;
	border-radius:30px !important;
	background: rgba(0, 0, 0, 0.51);
	margin: 0px 5px;
	overflow:hidden;
	text-indent:100px;
	box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.28);
	}
	header .rslides_tabs li.rslides_here {background: rgba(0, 0, 0, 0.82);}
	header .rslides_tabs li a {text-decoration:none; display: block;}

    @media (max-width:630px) {
	    .home_slides img {min-height: 370px;}
    }

	#map {height:550px;}

	/*overlay*/
	.overlay {position:absolute;width: 100%;z-index: 10;left:0px;top: 50%;margin-top: -2.5em;text-align: center;transition:0.3s;}
	.overlay .center {
		display: flex;
		justify-content: center;
		max-width: 1570px;
		padding: 0 3%;
		margin:0 auto;
	}
	.overlay .center .box {
		max-width: 1070px;
		/* background:white; */
		/* text-align: left; */
		border-radius: 4px;
		/* overflow: hidden; */
		/* box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.24); */
		padding: 20px 2%;
	}
	.overlay .center .box h2 {		
        font-size: 2.3em;		
        color: white;		
        margin: 6px 0 5px 0;	
        text-shadow: 1px 1px 10px black;
	}
	.overlay .center .box h2 span {
        display: inline-block;
		font-size: 0.9em;
	}
    .overlay .center .box h2 strong {
         display: inline-block;
        font-size: larger;
    }
	.overlay .center .box p {
		    font-size: 1.7rem;
		    line-height: 1.1em;
		    margin: 10px 0px;
		    color: white;
		    text-shadow: 1px 1px 7px black;
		    background: #0000004d;
		    border-radius: 300px;
		    padding: 10px 3%;
	}

	.overlay .center .box .action {
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 34px;
	}
	.overlay .center .box .action > .button00 {
		border-radius: 55px;
		padding: 3px 7px;
		background: #ffffff87;
	}
    .overlay .center .box .action > .button00 span {
        display: block;
        background: #bf521c;
        border-radius: 55px;
        white-space: nowrap;
        font-size: 1.2em;
        padding: 3px 35px;
        line-height: 3rem;
        margin: 3px 0px;
        color: white;
        text-transform: uppercase;
        transition: 0.3s;
    }
	.overlay .center .box .action > .button00 span:hover {
		 filter: saturate(1.3);
	}
	

	@media (max-width:1100px) {
		.overlay {/* margin-top:-6.7em; */}
		.overlay span {font-size: 2.5em;line-height: 0.9em;}
		.overlay .center .box{
			padding: 20px 2%;
		}
	}

    @media (max-width: 810px) {
        .overlay .center .box p {		
            font-size: 1.6rem;
            }
    }
	@media (max-width:630px) {
		.overlay {
    		position: relative;
    		left:0px;
    		top:0px;
    		margin:0px;
    		width:100%;
    		border-bottom: 5px solid black;
    		background: #445325;
  }
		.overlay .center {
			padding: 0px 0%;
		}
		.overlay .center .box {
		    max-width: inherit;
			padding: 20px 30px;
		}
        .overlay .center .box h2 span {
        display: inline-block;
        font-size: 0.7em;
 }
        .overlay .center .box h2 strong {
            display: inline-block;
            font-size: 0.8em;
        }
	}

/* Homepage sections==================== */

.single main, .page main {
    padding: 30px 3% 50px 3%;
}
.home main,
.page-id-339 main {
    padding:0px;
    margin-bottom: 70px;
}

/* Intro------------------- */
.intro {
    position: relative;
    padding-right: 10%;
    padding: 24px 10%  44px 24px;
    border-bottom: 3px solid orangered;
}
.intro:before {
    content:'';
    position: absolute;
    right:0;
    bottom:0;
    width:328px;
    height:162px;
    background: url(images/houses.png) no-repeat right 0px center;
    background-size: 328px;
    opacity: 0.3;
}
.intro .centered {
    /* display: flex; */
    align-items: anchor-center;
    gap: 0px;
    flex-direction: column;
    max-width: 970px;
    margin: 0 auto;
}
.intro h1 {
    color: #c8571f;
    font-weight: 500;
    line-height: 1em;
    margin: 0.77em 0;
}
.intro h1 span {
    
}
.intro h1 span:nth-of-type(2) {
    padding-left:30px;
}
.intro p { 
    max-width: 920px;
}


.intro p a{
       display: inline-block;
       background: #ffffff;
       border-radius: 55px;
       border: 1px solid #bf521c;
       /* white-space: nowrap; */
       font-size: 1.1em;
       padding: 10px 32px;
       line-height: 1.5rem;
       margin: 3px 0px;
       color: #bf521c;
       text-transform: uppercase;
       font-family: Poppins, sans-serif;
       transition: 0.3s;
}
.intro p a:hover {
    filter: saturate(1.3);
}


@media screen and (max-width: 930px) {
    .intro {
        padding: 35px 10% 143px 24px;
    }

}
@media screen and (max-width: 670px) {
    .intro .centered {
        gap: 0px;
           flex-direction: column;
    }

}


/* explore_our_rooms CTA--------------------*/
.explore_our_rooms {
    background-color: white;
    padding: 50px 3%;
}
.explore_our_rooms h2 {
    text-align: center;
}
.explore_our_rooms p {
    color: #81807f;
    max-width: 780px;
    margin: 0px auto;
}


.listings {
    display: flex;
    padding:0;
    margin:20px 0 0 0;
}
.listings li {
    list-style: none;
    width: 30.33%;
}
.listings li a {display: flex;flex-direction: column;justify-content: space-between;max-width: 379px;text-align: right;}
.listings li a .boxed {
    display: flex;
    flex-direction: column;
    border: 3px solid #d3d3d3;
    border-radius: 4px;
    padding: 6px;
    text-align: left;
    flex-grow: 1;
    transition: 0.3s;'
}
.listings li a .boxed .excerpt {
    padding: 20px 10px;
    font-size: smaller;
}
.listings li a h3 {
    font-family: 'Raleway', serif !important;
    font-weight: 500;
    font-size: 1.1em;
    color: #000000;
    margin: 4px 2px 8px 4px;
    text-wrap: balance;
}
.listings li a img {
    height:auto;
    width:100%;
    aspect-ratio:3/2;
}
.listings li a span {
    display: inline-block;
    color: gray;
}

.listings li a:hover  .boxed {
    border: 3px solid #c8571f;
}

@media screen and (max-width: 1000px) {
    .listings li {
       
        width: 45.0%;
    }
}
@media screen and (max-width: 520px) {
    .listings li {      
        width: 90.0%;
    }
    .listings li a {
        max-width:initial;
    }
    .new_section ul:not(.rslides_tabs) {
        margin: 20px 0 0 0;
    }
}


/* amenities  CTA------------------------- */
.amenities {
    display: flex;
    justify-content: stretch;
    background-color: white;
    padding: 0 0%;
}

.amenities .wrapped {
    display: flex;
    width:100%;
}
.amenities .wrapped .image {
    width:50%;
    background: url(images/patio.jpg) no-repeat center;
    background-size: cover;
}
.amenities .wrapped .content {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    width:50%;
    background-color: black;
    color:#ede9e3;
    padding: 43px 3%;
}
.amenities .wrapped .content:before {
    content: '';
    z-index: 9;
    position: absolute;
    left: -150px;
    width: 152px;
    top:0;
    height:100%;
    background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.amenities .wrapped .content h2 {
    color:#d88257;
    margin: 5px 0;
}
.amenities .wrapped .content p {

max-width: 720px;
}


#amenities p a {
       display: inline-block;
    /* background: #bf521c; */
    border-radius: 55px;
    border: 1px solid #bf521c;
    white-space: nowrap;
    font-size: 1.1em;
    padding: 0px 32px;
    line-height: 3rem;
    margin: 3px 0px;
    color: #fff;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
    transition: 0.3s;
}

#amenities p a:hover {
     background: #bf521c;
}


@media screen and (max-width: 620px) {
    .amenities .wrapped {
        flex-direction: column;
    }
    .amenities .wrapped .image {
        width:100%;
        height: 75vw;
        max-height: 330px;
    }
    .amenities .wrapped .content {
        width:100%;
    }
    .amenities .wrapped .content p,
    .amenities .wrapped .content ul,
    .amenities .wrapped .content table {
        font-size: smaller;
    }
}



/* gallery ---------------------------*/
.gallery_cta {
    position: relative;
}
.gallery_cta .centered {
    max-width: 1430px;
    margin: 0 auto;
    padding: 14px 0 80px;
}
.gallery_cta .centered .photos {
    display: flex;
    align-items:self-start;
    gap: 25px 2.2%;
    justify-content: center;
    flex-direction: unset;
    flex-wrap: wrap;
    align-items: flex-end;
}
.gallery_cta .centered .photos a {
    width:20%;
    border: 11px solid white;
    box-shadow: 0px 0px 10px #00000040;
    transition: 0.3s;
}
.gallery_cta .centered .photos a:hover {
   border: 11px solid #c8571f; 
}
.gallery_cta .centered .photos a img {
    display: block;
    aspect-ratio:1/1;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.gallery_cta .centered .photos a:nth-of-type(1) {
    margin-left: 9%;
    width: 16%;
}
.gallery_cta .centered .photos a:nth-of-type(1) img {
    aspect-ratio:1/1;
}
.gallery_cta .centered .photos a:nth-of-type(2) {
    width: 27%;
}
.gallery_cta .centered .photos a:nth-of-type(2) img {
    aspect-ratio: 1.2/1;
}
.gallery_cta .centered .photos a:nth-of-type(3) {
    width: 20%;
}
.gallery_cta .centered .photos a:nth-of-type(3) img {
    /* aspect-ratio: 1.2/1; */
}
.gallery_cta .centered .photos a:nth-of-type(4) {
    width: 19%;
}
.gallery_cta .centered .photos a:nth-of-type(4) img {
    aspect-ratio: 1.5/1;
}
/* --------------------- */
.gallery_cta .centered .photos a:nth-of-type(5) {
    width: 19%;
    align-self:flex-start;
}
.gallery_cta .centered .photos a:nth-of-type(5) img {
    aspect-ratio: 1.4/1;
    aspect-ratio: 1 / 0.8;
}
.gallery_cta .centered .photos a:nth-of-type(6) {
    width: 20%;
    align-self:flex-start;
}
.gallery_cta .centered .photos a:nth-of-type(6) img {
    /* aspect-ratio: 1.2/1; */
}
.gallery_cta .centered .photos a:nth-of-type(7) {
    width: 27%;
    align-self:flex-start;
}
.gallery_cta .centered .photos a:nth-of-type(7) img {
    aspect-ratio: 1.2/1;
}
.gallery_cta .centered .photos a:nth-of-type(8) {
    margin-right:9%;
    width: 16%;
    align-self:flex-start;
}
.gallery_cta .centered .photos a:nth-of-type(8) img {
    aspect-ratio: 1/1.5;
    aspect-ratio: 1 / 1;
}


.gallery_cta .button_wrapper {
    display: flex;
        justify-content: end;
}
.gallery_cta .button_wrapper .button {
    display: block;
    background: #bf521c;
    border-radius: 55px;
    white-space: nowrap;
    font-size: 1.2em;
    padding: 3px 35px;
    line-height: 3rem;
    margin: 3px 0px;
    color: white;
    text-transform: uppercase;
        font-family: Poppins, sans-serif;
    transition: 0.3s;
}
.gallery_cta .button_wrapper .button:hover {
    filter: saturate(1.3);
}

@media screen and (max-width: 790px) {
    .gallery_cta .centered .photos a {
        border: 8px solid white;
    }
}

@media screen and (max-width: 660px) {
    .gallery_cta .centered .photos {
            gap: 16px 4.5%;
    }
    .gallery_cta .centered .photos a {
        margin: 0% !important;
        width: 47.5% !important;
    }
    .gallery_cta .centered .photos a img {
        aspect-ratio:1/1  !important;
    }
}


/* Interipr Page content section */

.default h1 {
    text-align: center;
    color: #c8571f;
    font-weight: 500;
}
.other_rooms h2 {
    margin: 5px 0;
}
.other_rooms .listings {
    gap: 30px 2%;
    margin: 50px 0 0 0;
}
.other_rooms .listings .boxed {

}
.other_rooms .listings li {
    display: flex;
    align-items: stretch;
    list-style: none;
    width: 37%;
    width: 22%;
}
.other_rooms .listings li h3 {
    display: list-item;
    list-style:none;
    flex-grow: 1;
    max-width: 192px;
}

@media screen and (max-width: 950px) {
    .listings li a h3 {
        font-size: 1em;
    }
}
@media screen and (max-width: 800px) {
    .other_rooms .listings li {
        list-style: none;
        width: 48%;
    }
}

/* footernav ---------------------*/
.footernav {
    display: flex;
    justify-content: center;
    background-color: white;
    border-top: 1px solid #00000030;
    border-bottom: 1px solid #00000030;
}
.footernav ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     padding: 5px 0;
     margin: 0;
     /* max-width: 630px; */
}
.footernav ul li {
    list-style:  none;
    padding: 5px 12px;
}
.footernav ul li a {
    color:#6a6867;
    text-transform: uppercase;
    padding: 10px 0px;
    font-weight: 500;
    transition: 0.3s;
}
.footernav ul li a:hover {
    color:#000;
}

    /* Footer ------------------------------*/
footer {
    position: relative;
}
footer:after {
    position: absolute;
    z-index: 3;
    content:'';
    left:0;
    bottom:0;
    width:100%;
    height: 33px;
    background-color: #ffffff7d;
}

footer .map {
    position: absolute;
    left:100px;
    right:0px;
    top:0px;
    bottom:0%;
    background: url(images/map111.png) no-repeat right 23% center;
    background-size: 90%;
    background-size:1969px;
    background-size: cover;
    transition: 0.3s;
}
footer .map .dummy {
    position: absolute;
    right: 15%;
    bottom: 44%;
    width: 270px;
    height:50px;
    background:red;
    opacity: 0;
}
footer .left {
    position: relative;
}
footer .left:before {
    content:'';
    position: absolute;
    z-index: 3;
    left:0px;
    top:0px;
    bottom:0px;
    right: 70%;
    background-color: #f8f5ed;
    /* border:3px solid red; */
}
footer .left:after {
    content:'';
    position: absolute;
    left: 30%;
    top: 0%;
    bottom:0%;
    right: 40%;
    background-color: #fcf6e8;
    background: rgb(248 245 237);
    background: linear-gradient(90deg, rgb(248 245 237) 0%, rgba(252, 246, 232, 0.004639355742296902) 100%);
    /* border:3px solid orange; */
}

footer .left .content {
    position: relative;
    z-index: 5;
    padding: 3vh 22px 0 52px;
    width: 50%;
    max-width: 530px;
    font-size: clamp(0.9em, 1.9vw, 0.9em);
    line-height: clamp(1.3em, 2.3vw, 1.4em);
}
footer .left .content .logo2 {
    height:auto;
    max-width: 100%;
    margin-bottom: 17px;
}

footer table {display: block;background: #ffffff;border: 4px solid black;border-radius: 12px;padding: 24px;color: #4b4b4b;/* font-size: 0.8em; */border: 2px solid #e96829;}
footer .left .content table {
   margin: 20px 0%;
}
footer .left .content h2 {
    font-size: clamp(2.3rem, 6.8vw, 2.9rem);
    line-height: clamp(2.3rem, 6.8vw, 3.1rem);
}
footer p {
    margin-left:3%;
}
footer .left .content p a {
 
    /* font-weight: bold; */
}

.google_review {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 330px;
    padding: 30px 20px 0px 20px;
}
.google_review a {
    display: inline-block;
}
.google_review a img {
    width: 250px !important;
    height:auto;
    max-width: 100%;
}

.comp {
    display:block;
    margin: 80px auto 0px auto;
    color:black;
    border-radius:2px;
    overflow:hidden;
    font-size: 0.7em !important;
    z-index:9999;
    max-width: 1269px;
    padding: 0 3% 0px 3%;
    font-size: 0.9em;
}

@media screen and (min-width: 1600px) {
    footer .map {
        background: url(images/map111.png) no-repeat right 0px center;
        background-size: 90%;
        background-size: 2400px;
    }
    footer .map .dummy {
        right: 27%;
    }
}

@media screen and (max-width: 700px) {
    footer .map {
        background: url(images/map222.png) no-repeat;
        background-position: center  bottom -100px;
        background-size: 810px;
        left:0px;
    }
    footer .map .dummy {
        right: 21%;
        bottom: 19%;
    }
    footer .left:before {
        right: 0%;
        bottom: 51%;
    }
    footer .left:after {
        left: 0%;
        right: 0%;
        top: 48%;
        bottom: 23%;
        background: rgb(249 245 235);
        background: linear-gradient(180deg, rgb(249 247 237) 0%, rgba(252, 246, 232, 0.004639355742296902) 100%);
    }
    footer .left .content {
        width:100%;
        padding: 10px 4% 450px 4%;
    }
    footer .left .content a {
        font-size: 0.8em;
    }
    .comp {
    position: absolute;
    bottom:0px;
    left:0px;
}
}


@media screen and (max-width: 440px) {
    footer .map {
                background-size: 160%;
    }
}


 /* ResponsiveSlides--------------------------------------------- */
 .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
 .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
 .rslides li:first-child { position: relative; display: block; float: left; }
 .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }