body { 
	font-family: "Work Sans", Helvetica, sans-serif;
}

h1,h2,h3,h4,h5 { font-family: "Spectral", Georgia, serif; }
.heading { text-transform:capitalize; }

.sans { font-family: "Work Sans", Helvetica, sans-serif; }
.serif { font-family: "Spectral", Georgia, serif; }

main a { color:#e26b3f !important;  }
main a:hover { color:#202020 !important; text-decoration:underline !important; text-decoration-color:#e26b3f;  }
footer a{ color:#fff; text-decoration:none;}
footer a:hover { color:#fff !important; text-decoration:underline !important;  }
.page-item a.page-link a { color:#e26b3f; }
.page-item a.page-link:hover { color:#202020; }

.navbar-brand { padding-left: 1rem; }
@media (max-width: 767.98px) {
.dropdown-menu { display:none !important; }
.navbar {background-color: rgba(0, 0, 0, 0.7) !important;}
}
.reserve-btn, .reserve-btn:visited { color:#fff !important;   }
.reserve-btn:hover {background-color:#000 !important;}
.reserve-btn-mobile.nav-link { display:inline-block !important;
padding-left:1px !important; padding-right:1px !important;font-size:1rem !important;  }
.dropdown li.nav-item.active { background-color:#fff !important;}
@media (max-width: 767.98px) {
#navbarTogglerX { padding-bottom:2rem; }
.reserve-btn {    }
.reserve-btn:hover { background-color:#000;}
}
.dropdown li.nav-item.active {
	background-color: #000 !important;
}

.tpl15 .pgtitle { display:none !important;}
.title-lines { margin-top: 3rem; margin-bottom:3rem; }
.pgtitle {font-family: "Spectral", Georgia, serif; font-size:3rem;font-weight:bold;text-transform:capitalize;}
.subtitle {font-family: "Work Sans", Helvetica, sans-serif;font-size:2rem; text-transform:uppercase;}

.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


#hero { 
	position:relative;
}
#pg117 #hero { border-bottom:2px solid #000;}
#hero-video { background-color:#000;
	position:relative; height:100vh;
    width:100%;
}
#hero-video video {
    height:100vh;
    width:100%;
    width:100vw;
    background-position:absolute;
    z-index:20;
    object-fit:cover;
    font-family:'object-fit:cover;';
    
}
.heroSliderCarousel { 
    height: 100vh;
 }
#heroSlider .carousel-item {
    height: 100vh;
    width: 100%;  
    background-color:#000;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#heroSlider .carousel-item > img { display:block;
    object-fit: cover; font-family:'object-fit:cover;';
    height: calc(100vh + 42px); /* compensate for navbar height */    
    width: 100%;
}


main { }

/* THIS IS NIHI strip */
.intro-strip {
		margin-top:4rem;margin-bottom:3rem; 
}

.intro-strip h2 { font-family: "Work Sans", Helvetica, sans-serif; }
.intro-strip .intro-blurb {

}

.intro-strip .image {
    overflow: hidden;
    height: 500px;
    width: 100%;
    position: relative;
    cursor: pointer;
    margin: 0 15px;
    
    transition: .5s;
    background-color: #555
}



/*.intro-strip .image:hover img {
    transform: translate(-50%, -50%) scale(2.4) rotate(20deg)
}*/

.intro-strip img {
    position: absolute;
    height: 110%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .8s
}

.intro-strip .img-overlay {
    position: absolute;
    z-index: 30;
    top: 70%;
    left: 80%;
    transform: translate(-50%, -50%) rotate(20deg);
}
.img-badge { transform:rotate(20deg); }

.intro-strip .image:hover .img-overlay {
 
}

/* child listing */
.child-listing h3 { text-transform:capitalize; height:68px;}
/* #pg112 .child-listing h3,#pg7 .child-listing h3, #pg44 .child-listing h3 { text-transform:capitalize; height:68px;} */
@media (max-width: 767.98px) { #pg112 .child-listing h3,#pg7 .child-listing h3, #pg44 .child-listing h3 { height:auto;} }
.child-listing h3 a { color:#202020; }
.child-listing h3 a:hover { color:#202020; text-decoration:none !important; }
/* gurus*/
#pg107 .grid-item { padding-top:4rem; }

.small-notes { font-size:1rem; }


/* button */
.btn-underlined {
    display: inline-block;
    position: relative;
    margin-bottom:1rem;
    font-family: "Work Sans", Helvetica, sans-serif;
    font-size: 1.3rem;
    color: #202020;
    text-transform: uppercase;
    padding: 0 2rem 1rem;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
@media (min-width: 576px) {
    .btn-underlined {
        font-size: 1.2rem;
        padding: 0 1rem 0.6rem;
    }
}
.btn-btn, .btn-underlined { text-transform:uppercase; font-size:1rem; }
.btn-btn { background-color:#3a3a3a; color:#fff;}
a.btn-btn:hover { background-color:#e26b3f; text-decoration:none !important; }
.btn-underlined::after {
    content: "";
    background-color: #202020;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.6rem;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
@media (min-width: 576px) {
    .btn-underlined::after {
        height: 0.3rem;
    }
}
a.btn-underlined:hover { text-decoration:none !important;
    color: #e26b3f !important;
}
.btn-underlined:hover::after {
    background-color: #e26b3f;
    height: 0.2rem;
}
.btn-underlined:hover span {
    color: #e26b3f;
}
.btn-underlined-wrap { margin-bottom: 2rem; clear:both; }
.btn-underlined-wrap .btn-underlined-notes { padding-left:3rem;padding-right:3rem;}
.btn-underlined-wrap span { display:block; margin-top:-1rem; }
.btn-underlined-wrap br { display:none; }

/* bunderin */
.carousel-indicators li {
  width: 14px;
  height: 14px;
  border-radius: 100%;
  margin:0 10px;
}

/* carousel same height */
.carousel .carousel-item { overflow: hidden;
  height: 400px;
}
/* carousel fullwidth taller*/
.carousel-fullwidth .carousel .carousel-item { height:1000px !important;}

.carousel-item picture {  width:100%; }
.carousel-item img { width:100%;
    position: absolute;
    object-fit: cover;font-family:'object-fit:cover;';
    top: 0;
    left: 0;
    min-height: 400px; 
}


/* */
.carousel-caption-content { background:none;  }
@media (min-width: 768px) { .carousel-caption-content { background:rgba(0,0,0,.2); padding:1rem; }
	}
.carousel-caption-content .btn-underlined {
    color: #fff;
}
.carousel-caption-content .btn-underlined::after {
    background-color: #fff;
    height: 0.3rem;
}
.carousel-caption-content h2 { 
	font-family: "Work Sans", Helvetica, sans-serif; text-transform: uppercase;
}
.carousel-caption-content h3 { font-size:3rem; font-weight: bold; }

/* control icons */
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 2rem;
    height: 2rem;
}
.carousel-indicators li.active { background-color:#e26b3f; }

@media (min-width: 576px) { .carousel-caption-content { width:80%; height:40%; } }

@media (min-width: 768px) { .carousel-caption-content { width:80%; height:auto; } }

/* Content slider */
.content-slider { margin-top:6rem;margin-bottom:6rem; }
.content-slider .carousel-indicators li { display:none; }
.content-slider-intro h3 { color:#617834; text-transform: uppercase; }
@media (min-width: 576px) { .content-slider-intro { padding-top:1rem; } }

.carousel-caption-content .first-title { font-family: "Work Sans", Helvetica, sans-serif; text-transform: uppercase; font-size:1rem; }
.carousel-caption-content .second-title { font-size:2rem; font-family: "Spectral", Georgia, serif; }

/* SIGN UP, FOOTER */
.signup{ background-color:#013a57; margin-top:0; padding-top:4rem; padding-bottom:4rem; }
#pg1 .signup{margin-top:0;}
.signup h2 { color:#fff; }
.footer { background-color:#617834; color:#fcf0e5;}
.footer .ft-logo p { font-size: .7rem!important; margin-top: 10px;}
.bottom { background-color:rgb(33, 37, 41); font-size: .7rem !important; }
.footer-nav .nav-link { padding:0 !important; margin-bottom:1rem;  }
.socmed-links .nav-link { padding:0 !important; margin-bottom:1rem; }
.footer-nav .nav-link:hover, .footer-nav .nav-link:active,
.socmed-links .nav-link:hover, .socmed-links .nav-link:active { background:none !important; }
.footer-nav .nav-link:hover,.socmed-links .nav-link:hover { color:#e26b3f !important;  }
.bottom, .bottom a { color:#fff; }
.bottom a:hover { text-decoration:underline; }

@media (max-width: 767.98px) { 
	.footer-nav, .contact-address { text-align:center; margin-bottom:2rem; } 
	.footer-nav .nav-link, .contact-address p { font-size:1.5rem; }
}

.social-icons-rounded { margin-top:3rem; margin-bottom:3rem; }
@media (min-width: 768px) { 

	.social-icons-rounded { margin-top:7rem; }

}

/* Home map */
.carousel-home-fullwidth { margin-top:5rem; margin-bottom:5rem; }
.carousel-home-fullwidth h3 { text-transform:uppercase; font-weight:normal;}
/* */
#pg1 .map { margin-bottom:3rem;}
#pg1 .map .btn-btn { padding:1rem 5rem; font-size:1.2rem; }

/* IG strip */
.ig-strip { margin-top:5rem;margin-bottom:5rem;  }
.ig-thumb { display:inline-block;
	overflow: hidden;
    height: 250px;
    width: 250px;
    margin: 0 2px;
    position: relative;
    cursor: pointer;   
    transition: 1.5s;
    background-color: #555;
}
.ig-thumb.ig-focus { 
    height: 280px !important;
    width: 280px !important;
}

@media (max-width: 767.98px) { 
    .ig-strip { margin-top:3rem;margin-bottom:3rem;  }
    .ig-thumb { display:inline-block;
	overflow: hidden;
    height: 140px !important;
    width: 140px !important;
    margin: 0 2px;
    position: relative;
    cursor: pointer;   
    transition: 1.5s;
    background-color: #555;
    }
    .ig-thumb.ig-focus { 
    height: 150px !important;
    width: 150px !important;
    }
}

.ig-thumb:hover img.ig-img {
    transform: scale(1.2);
}
.ig-thumb img.ig-img { width:100%; height:100%;object-fit:cover;font-family:'object-fit:cover;';
    position: absolute;
    transition: 1.5s
}
.ig-thumb i { color:#fff;
    position: absolute;
    top:10px; left:10px;
}

/* */
.closing-blurb { padding-top:5rem; padding-bottom:5rem; 
	background-image: url("../../1-Homepage/footer-image-addon.jpg");background-repeat: no-repeat; background-position: right bottom;}
@media (max-width: 767.98px) { 
    .closing-blurb { padding-top:3rem; background-image:none;} 
    .closing-blurb-img { display: block; width:100%;  }
}
.closing-blurb p { margin:2rem 0; }
.closing-blurb-img { /*display: inline-block;margin-bottom:6rem;*/ background:#fff; 
	padding:1.2rem;/* width:86%; transform: rotate(-8deg);*/ }
	
/* footer */
.footer-nav .nav .nav-link,.footer-nav .nav .nav-link:visited{ background:none !important;}
.footer-info { padding-top:4rem;padding-bottom:3rem;}

/* Property */
.property-desc { padding-left:5rem; padding-right:5rem;}
@media (max-width: 767.98px) { 
    .property-desc { padding-left:1rem; padding-right:1rem;}
}
ul.property-info li i { display:inline-block; margin-right:1rem; }
.amenities li { text-align:left; margin-bottom:1rem;}
.tpl4 .signup, .tpl6 .signup, .tpl13 .signup, .tpl19 .signup, .tpl1 .signup { margin-top:0 !important; }
.btn-double .btn-btn { margin-left:2rem; margin-right:2rem; }
.property-features { overflow:hidden; width:100%;padding-top: 3rem;padding-bottom: 3rem; background-color:rgba(252,240,229,0.55); }

/* experiences */
span.item-feature { display: inline-block; margin-right:3rem;}

/* */
.longstrip-img { display:block; clear:both;margin-top:0;background-position:center; background-repeat:no-repeat !important;background-size:cover !important;height:400px !important; }
@media (max-width: 767.98px) { 
    .longstrip-img { background-position:center;background-size:cover !important; height:240px !important; }
}

.fw-img {
   width: 100vw;
   position: relative;
   left: 50%;  
   margin-left: -50vw;
}

.fw-img img {
  width: 100%;
}

/* wa chat */
.wcs_button {
	background: #e26b3f !important;
}

/* */
#faq .card-header button { color:#000; text-transform:uppercase;}
/*blog */
.recent-posts li { border-bottom: 1px solid #ccc;}
.recent-posts li:last-child { border:0;}

.inline-reserve .hbspt-form { width:50% !important; margin-left:auto !important; margin-right:auto !important; }
.hbspt-form .hs-button.primary.large { margin-left:auto !important; margin-right:auto !important;
	background-color: #3a3a3a;
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	padding: .5rem 1rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .3rem;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 0;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.hbspt-form .hs-button.primary.large:hover { 
    background-color:#e26b3f; color:#3a3a3a;
}
.hbspt-form .rc-anchor { margin-left:auto !important; margin-right:auto !important;}
/* search */
.search {
    position: relative;
    /*box-shadow: 0 0 40px rgba(51, 51, 51, .1)*/
}

.search input {
    height: 60px;
    text-indent: 25px;
    border: 2px solid #013a57
}

.search input:focus {
    box-shadow: none;
    border: 2px solid blue
}

.search .fa-search {
    position: absolute;
    top: 20px;
    left: 16px
}

.search button {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 50px;
    width: 110px;
    background: #013a57;
}
