.tile {
opacity: 0;
transition: 0.5s ease;
}
.journal-header{
background-image: url(https://samsu.ie/wp-content/uploads/2025/01/cabin-through-trees-1.webp);
background-color: transparent;
background-size: cover;
background-position: center;
height: 95vh;
text-align: center;
}
.journal-header h2{
margin-top: 15vh;
}
.journal-header p{
font-family: 'Baskerville';
margin-top: 22vh;
color: white;
font-size: clamp(16px, 2.24vw, 36px);
}
#navbar #menu-item-1154{
display: none;
} .popup h2{
margin-bottom: 15px;
margin-top: 5px;
}
.popup p{
margin-bottom: 30px
}
.popup {
display: flex; position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgb(189, 185, 181, 0.6);
justify-content: center;
align-items: center;
z-index: 999999;
backdrop-filter: blur(6px);
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.popup .popup-content{
transform: translateY(150%);
transition: transform 0.5s ease;
}
.popup.active {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.popup.active .popup-content{
transform: translateY(0%);
}
.popup-content {
background: #F7F2E8;
padding: 20px;
max-width: 380px;
border-radius: 10px;
position: relative;
}
.popup-close {
position: absolute;
top: 10px; right: 15px;
font-size: 24px;
cursor: pointer;
}
.cabin-type-category{
position: absolute;
z-index: 1;
right: 30px;
top: 28px;
background: #fffdf9db;
text-transform: uppercase;
border-radius: 20px;
font-size: 14px;
padding: 7px 13px;
cursor: pointer;
}
.cabin-type-category.p-relative{
position: relative;
z-index: 1;
right: 0px;
top: 0px;
background: #fdf3e4;
margin-bottom: 20px;
margin-left: -4px;
}
.feature-gallery-block{
display: flex;
overflow: auto;
width: 100vw;
column-gap: 25px;
padding-top: 0px;
}
.feature-gallery-block img{
max-width: clamp(280px, 33vw, 820px);
margin-bottom: 10px;
}
.feature-gallery-block::-webkit-scrollbar {
display: none;
}
.cabin-card{
position: relative
}
.cabin-card h3{
font-size: clamp(24px, 2.5vw, 32px);
margin-top: 15px;
margin-bottom: 10px;
}
.cabin-card img.object-cover{
height: clamp(330px, 35vw, 500px);
object-fit: cover;
}
.page-top{
padding-top: 130px;
padding-bottom: 40px;
}
.page-top p{
max-width: 420px;
margin-top: 18px;
}
.toggle-button{
background: #FCC42F;
position: fixed;
bottom: 20px;
width: 160px;
left: calc(50% - 70px);
padding: 10px 12px;
display: flex;
border-radius: 4px;
font-weight: 500;
z-index: 9;
}
.toggle-button svg{
margin-right: 20px;
}
.cabin-overview .location-link{
background-color: white !important;
margin-right: 10px;
margin-top: 0px !important;
}
.cabin-smaller-details{
display: flex;
}
.cabin-smaller-details p{
margin-top: auto;
margin-bottom: auto;
}
.cabin-card{
margin-bottom: 40px;
}
.home-text h1 {
opacity: 0;
transition: opacity 1s ease-in;
}
.home-text h1:first-child{
position: absolute;
left: 5vw;
top: 100px;
text-shadow: 0px 0px 14px #151513;
}
.marker {
background-image: url(//samsu.ie/wp-content/themes/samsu/images/map.svg);
background-size: contain;
width: 40px;
height: 60px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
}
.home-text h1:last-child{
right: 5vw;
position: absolute;
text-align: right;
bottom: 100px;
}
.home-header{
max-height: 98vh;
overflow: hidden;
}
.home-header .row{
width: 100%;
height: calc(100% - 60px);
position: absolute;
top: 60px;
left: 0;
color: #fffcf9;
}
.home-header img.show-when-small{
object-fit: cover;
object-position: center;
max-width: 100vw;
height: 100%;
position: absolute;
width: 100%;
}
.home-header img{
border-radius: 0px !important;
}
.reviews-outer{
-ms-overflow-style: none; scrollbar-width: none; }
.reviews-outer::-webkit-scrollbar { 
display: none; }
#navbar .menu-item-701{
display: none;
}
.featured-in{
padding-top: 40px; 
padding-bottom: 40px; 
}
.featured-in h2 p, .review-container h2 p{ }
.reviews-outer{
max-width: 100%;
overflow-x: auto;
margin-left: calc(-1* clamp(20px, 5vw, 200px));
min-width: 100vw;
overflow-x: auto;
}
.reviews-inner{
min-width: max-content;
flex-wrap: no-wrap;
padding-left: clamp(20px, 5vw, 200px);
padding-right: clamp(20px, 5vw, 200px);
}
.reviews-outer .review{
max-width: clamp(320px, 24vw, 420px);
flex-shrink: 0;
margin-right: 20px;
position: relative;
}
.review > div{
background: #fffcf9;
padding: 15px;
border-radius: 10px;
background: #fffcf9;
padding: 15px;
border-radius: 0px;
height: 355px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.reviewer-icon{
max-width: 50px;
height: 50px;
object-fit: cover;
border-radius: 30px !important;
position: absolute;
margin-top: 16px;
}
.reviewer p{
margin-bottom: 0px;
}
.star-rating{
display: flex;
flex-direction: inline-flex;
}
.reviewer span{
font-size: 14px;
}
.bottom-details{
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 14px;
}
.star-rating span{
margin-left: 10px;
}
.review p{
font-size: 22px;
}
.review .baskerville{
font-size: 23px;
line-height: 1.15;
margin-top: 10px;
}
[data-testid="form-component"]{
padding-left: 0px !important;
}
.terms h2{
font-size: 28px;
margin-top: 30px;
margin-bottom: 15px;
}
.logos{
display: flex;
flex-direction: row
}
.logos p{
margin-bottom: 0px;
}
.logos a{
margin-right: 20px;
display: flex;
margin-top: auto;
margin-bottom: auto;
}
.faq-button{
padding: 8px 20px;
max-width: max-content;
border: 1px solid rgb(0, 0, 0, 0.3);
border-radius: 5px;
display: block;
margin-left: auto;
}
.swirl{
padding: 0px 50px;
}
img:not(.cover-image){
border-radius: 4px
}
footer li a{
border-bottom: 1px solid #28272552;
line-height: 1.1;
margin-bottom: 5px;
display: block;
max-width: max-content;
}
.wysiwyg a{
border-bottom: 1px solid #a09788;
display: inline-block;
max-width: max-content;
line-height: 1.1;
}
.wysiwyg h2 {
font-size: clamp(24px, 2.35vw, 36px);
line-height: 1.1;
margin-top: 20px;
margin-bottom: 10px;
}
.email-signup .needsclick{
min-height:auto !important;
} .product-actions	{
background: #fcc42f;
padding: 10px 20px;
border-radius: 10px;
color: #484745;
max-width: 96vw;
width: 440px;
left: calc(50% - 220px);
position: fixed;
bottom: 30px;
z-index: 9999999;
box-shadow: 0px 2px 8px #34241214;
}
.product-actions h2 ,.product-actions h{
margin: auto 0px;
font-size: clamp(24px, 2.5vw, 32px);
font-family: 'Baskerville';
}
.product-actions a{
background: #FFFCF8 !important;
border: 0px;
}
.product-actions a:hover{
opacity: 0.8;
}
#Body .email-signup button{
height: 38px !important;
background: transparent !important;
background-color: transparent !important ;
color: #484745 !important;
border: 1px solid !important;
font-weight: 200 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-size: 14px !important;
position: absolute;
min-width: 100px;
left: -128px;
}
.needsclick.klaviyo-form.klaviyo-form-version-cid_1.kl-private-reset-css-Xuajs1{
max-width:500px !important
}
.cabin-top{
padding-top: 100px;
}
.skip-to-content-link {
background: #fcc42f;
color: #282725;
border-radius: 8px;
line-height: 1;
left: 5%;
padding: 8px 20px;
position: absolute;
transform: translateY(-400%);
transition: transform 0.3s;
z-index: 9999999;
}
#Booking-outer{
background: #fcf3e4;
padding: 20px;
border-radius: 15px;
width: 500px;
box-shadow: 0px 2px 13px #4a3c2e12;
margin: auto;
}
.skip-to-content-link:focus {
transform: translateY(0%);
} 
.progress-title{
width: 180px
}
.accordion-content ul{
padding-left: 25px;
}
#NewsletterClose{
position: absolute;
right: 20px;
top: 20px;
transform: scale(0.75);
opacity: 0.5;
transition: 0.5s ease;
cursor: pointer;
}
.progress-bar{
position: relative;
background: #ECE7DF;
height: 8px;
width: 160px;
margin: auto 0px;
border-radius: 10px;
display: block;
}
.progress-bar span{
position: relative;
background: #FCC42F;
position: absolute;
height: 8px;
border-radius: 10px;
}
.single-feature{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/checkbox.png);
padding-top: 60px;
background-repeat: no-repeat;
background-size: 50px;
background-position: top center;
display: block;
line-height: 1.15;
overflow: visible;
text-align: center;
margin-top: 20px;
}
.features-row{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.single-feature.feature-dog{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/dog.webp);
}
.single-feature.feature-lake{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/lake.webp);
}
.single-feature.feature-bath{
background-image: url(//samsu.ie/wp-content/uploads/2024/09/bath.png);
}
.single-feature.feature-forest{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/trees.webp);
}
.single-feature.feature-dogfriendly{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/dogfriendly.png);
}
.single-feature.feature-nodogs{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/dogfriendly.png);
}
.single-feature.feature-goodsignal {
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/goodsignal.png);
}
.single-feature.feature-badsignal {
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/badsignal.png);
}
.single-feature.feature-meadow {
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/meadow.png);
}
.single-feature.feature-town {
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/town.png);
}
.single-feature.feature-river {
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/river.png);
}
.single-feature.feature-lake {
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/lake.png);
}
.single-feature.feature-regencounters {
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/regencounters.png);
}
.single-feature.feature-fire {
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/fire.png);
} #NewsletterClose:hover{
opacity: 1;
}
.unplug-new{
background: white;
text-align: left;
padding: 25px;
min-height: 330px;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 320px;
margin-right: 2.5vw;
}
.unplug-new h3{
font-size: 28px;
margin-bottom: 10px;
}
.unplug-new p{
font-size: 80%;
margin-top: 10px;
max-width: 90%;
}
[class^="unplug"] img{
padding: 0px;
max-width: 170px;
margin-left: -20px;
margin-top: auto;
}
#NewsletterBack, #NewsletterPopup{
display: none} 
#NewsletterBack 
{position: fixed;
z-index: 9999999;
background: #9e95889e;
backdrop-filter: blur(5px);
top: 0;
left: 0;
right: 0;
bottom: 0;}
#NewsletterPopup  {
width: 420px;
position: fixed;
z-index: 999999999;
top: 15%;
left: calc(50% - 210px);
background: #f7f2e8;
padding: 30px 25px;
border-radius: 5px;
box-shadow: 0px 1px 10px #3b363040;
}
.display-newsletter #NewsletterBack, .display-newsletter #NewsletterPopup{
display: block;
}
.tile.inView {
opacity: 1;
}
.email-signup{
display: block;
margin-bottom: 20px;
}
.definition{
background: #bddaeb;
padding:  clamp(20px, 5vw, 40px);
}
.cover-image{
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
height: 100%;
background-color: #dfe4df;
object-position: center;
padding-top: 0px;
}
.top-about:before{
content: " ";
background: linear-gradient(180deg, rgba(0,0,0,0.5816920518207283) 0%, rgba(0,0,0,0.3912158613445378) 35%, rgba(0,0,0,0) 100%);
display: block;
width: 100%;
height: 100px;
position: absolute;
z-index: 33;
top: 0px;
left: 0;
opacity: 0.6;
}
.thumbnail{
max-width: 80px;
margin-right: 10px;
margin-top: 10px;
cursor: pointer;
}
.button, .close{
cursor: pointer;
}
.definition img{
max-width: 100px;
margin-bottom: 10px;
}
.definition h2{
margin-bottom: 15px;
}
footer{
padding-top: 40px;
padding-bottom: 35px;
}
.baskerville{
font-family: 'Baskerville';
}
.first-cabin-block h2 [style="text-decoration: underline;"] {
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/scratch_2.svg);
}
.unplug-block.home h2 [style="text-decoration: underline;"] {
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/scratch_2.svg);
background-size: 80%;
background-position: 12px clamp(28px, 3.1vw, 45px);
background-size: 75%;
}
.blog-card img{
height: clamp(240px, 20vw, 400px);
object-fit: cover;
margin-bottom: 5px;
} .product-actions > div{
display: flex;
}
.product-actions h2{
margin: 6px auto;
font-size: clamp(24px, 2.5vw, 42px);
}
.product-actions .button{
background: #BDDAEB;
}
.cabin-top p{
font-size: clamp(16px, 1.5vw, 20px);
}
.home-text .button{
margin-top: 30px !important;
padding: 16px 18px;
font-size: 20px;
letter-spacing: .5px;
}
.email-signup .newsletter-button{
padding: 10px 50px 10px 15px;
display: block;
border: 1px solid;
max-width: max-content;
margin-top: 7px;
margin-bottom: 30px;
border-radius: 8px;
background-image: url('data:image/svg+xml,<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.37109 5.97266L15.2906 5.97266" stroke="%23282725" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.6445 1.02344L15.5935 5.97237L10.6445 10.9213" stroke="%23282725" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-position: 91% 50%;
}
.email-signup p2{
display: block;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
}
footer img{
max-width: clamp(150px, 15vw, 260px);
margin-bottom: 30px;
margin-top: -20px;
}
footer {
position: relative;
}
footer .monogram {
position: absolute;
right: 20px;
bottom: 5px;
z-index: 1;
max-width: 100px;
}
.background-img-banner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
object-fit: cover;
object-position: left;
}
.banner-outer h2{
z-index: 1;
position:relative;
}
#BookingBanner{ background-color: #fcf3e4;
z-index: 9;
box-shadow: 0px -1px 10px #0000001a; transform: translateY(200%);
transition: 0.5s ease;
}
.show-booking #BookingBanner{
transform: translateY(0%)
}
#BookingBanner .d-flex{
width: 100%;
justify-content: space-between;
} .banner-outer{
min-height: 600px;
}
.delay-1{
transition-delay: 0.2s;
}
.blog-card{
display: block;
margin-bottom: 10px;
}
.blog-card p{
opacity: 0.6;
font-size: 16px;
}
.blog-card h3{
font-size: 24px;
margin-bottom: 5px;
}
.home-text{
margin-top:auto;
margin-bottom: auto;
}
.home-text h1{
font-size: clamp(40px, 4vw, 72px);
line-height: 1.1;
}
#navbar{
animation: nav-load 0.5s ease-out;
}
@keyframes nav-load{
0%{transform: translateY(-100%);}
100%{transform: translateY(0%);}
}
#menu-main-menu {
display: flex;
}
.sustainability-block ul li{
padding-left: 33px;
background-repeat: no-repeat;
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/check.svg);
background-size: 27px;
overflow: visible;
padding-top: 1px;
padding-right: 5px;
list-style: none;
font-size: 120%;
margin-bottom: 10px;
}
.single-amenities{
padding-left: 60px;
height: 50px;
background-repeat: no-repeat;
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/checkbox.png);
background-size: 50px;
display: flex;
line-height: 1.25;
overflow: visible;
padding-top: 5px;
padding-right: 5px;
}
.single-amenities.amenities-distance{
background-image: url(https://samsu.ie/wp-content/uploads/2024/09/city.png);
}
.single-amenities.amenities-nature{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/lake.png);
}
.single-amenities.amenities-forest{
background-image: url(https://samsu.ie/wp-content/uploads/2024/09/mountains-e1725570680828.png);
}
.single-amenities.amenities-traffic{
background-image: url(https://samsu.ie/wp-content/uploads/2024/09/car.png);
}
.single-amenities.amenities-privacy{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/trees.webp);
}
.single-amenities.amenities-fire{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/fire.png);
}
.single-amenities.amenities-fire2{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/fire.png);
}
.single-amenities.amenities-sauna{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/fire.png);
}
.single-amenities.amenities-bath{
background-image: url(//samsu.ie/wp-content/uploads/2024/09/bath.png);
}
.single-amenities.amenities-towel{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/towel.png);
}
.single-amenities.amenities-kingbed{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/bed.png);
}
.single-amenities.amenities-toiletries{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/toiletries.png);
}
.single-amenities.amenities-coffee{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/coffee.png);
}
.single-amenities.amenities-shower{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/shower.png);	
}
.single-amenities.amenities-camera{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/camera.png);	
}
.single-amenities.amenities-kitchen{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/kitchen.png);	
}
.single-amenities.amenities-games{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/games.png);	
}
.single-amenities.amenities-box{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/box.png);	
}
.single-amenities.amenities-torch{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/torch.png);	
}
.single-amenities.amenities-seasoning{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/seasoning.png);	
}
footer i, p [style="text-decoration: underline;"]{
font-family: 'Baskerville'; padding-bottom: 8px;
background-size: contain;
text-decoration: none !important;
background-repeat: no-repeat;
background-position: 0px 19px;
display: block;
max-width: max-content;
}
footer li{
list-style: none;
font-family: 'Baskerville'
}
h2 [style="text-decoration: underline;"]{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/scratch_1.svg);	
padding-bottom: 12px;
background-size: contain;
text-decoration: none !important;
background-repeat: no-repeat;
background-position: 0px clamp(29px, 3vw, 43px);
display: inline;
max-width: max-content;
}
.explore-block-outer em{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/scratch_3.svg);	
padding-bottom: 12px;
background-size: contain;
text-decoration: none !important;
background-repeat: no-repeat;
background-position: 0px clamp(26px, 3vw, 43px);
display: inline;
max-width: max-content;
}
footer {
background-color: #E5DBCB;
z-index: 9;
}
#menu-main-menu li{
margin-right: 18px;
}
.menu-main-menu-container{
margin-top: auto;
margin-bottom: auto;
}
h1, h2, h3, .baskerville{
font-family: 'Baskerville';
font-weight: 100;
}
h1{
font-size: clamp(36px, 3.75vw, 50px);
line-height: 1.1;
}
.top-about h1{
margin-bottom: 15px;
}
.top-about{
height:clamp(400px, 45vw, 800px);
padding-top: 60px;
color: #FFFCF8;
text-shadow: 0px 3px 17px #00000061;
margin-bottom: 30px
}
.h-100{
height: 100%;
}
h2{
font-size: clamp(28px, 2.75vw, 48px);
line-height: 1.1;
margin-bottom: 25px;
margin-top: 10px;
}
#navbar .d-flex{
min-width: 40%
}
#navbar .button{
margin-right: 0px !important;
}
#navbar {
font-size: 16px;
}
#navbar img{
max-width: 140px;
}
.rounded{
border-radius: 4px;
}
#navbar .button{
color: #282725;
border: 1px solid #282725;
background: transparent;
}
.single-pdfs{
background-color:#292929;
}
.single-pdfs footer{
display: none;
}
.home #navbar:not(.scrolled) .button,  .page-template-about-template #navbar:not(.scrolled) .button,  
.single-pdfs #navbar:not(.scrolled) .button{
color: #FFFCF8 !important;
border: 1px solid;
}
.home #navbar:not(.scrolled) a, .page-template-about-template #navbar:not(.scrolled) a,
.single-pdfs #navbar:not(.scrolled) a{
color: #FFFCF8 !important;
}
.home#Body .product-actions{
transform: translateY(160px);
transition: 0.5s ease;
}
.home#Body.scrolled-nav .product-actions{
transform: translateY(0px);
}
.location-link{
background-image: url(//samsu.ie/wp-content/themes/samsu//images/icons/map.svg);
background-repeat: no-repeat;
padding-left: 25px;
margin-top: 20px;
display: block;
background-color: #fdf3e4;
padding: 6px 15px 7px 38px;
max-width: max-content;
background-position: 14px center;
border-radius: 20px;
font-weight: 400;
}
.general-padding{
padding: 5%;
}
.explore-block {
flex-direction: row;
display: flex;
margin-top: -80px;
}
.cabin-top h1{
margin-bottom: 10px;
}
.explore-block div:nth-child(1){
max-width: 39%;
padding-right: 95px;
height: auto;
background-image: url('data:image/svg+xml,<svg width="82" height="104" viewBox="0 0 82 104" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1C2.13778 1 3.27556 1 4.41333 1C9.5987 1 13.1862 4.17388 16.9644 7.68355C21.4804 11.8785 24.758 18.4374 26.4933 24.3388C28.5915 31.4737 29.5039 39.9781 28.0044 47.3559C26.7526 53.5151 22.8977 59.2453 19.3111 64.2614C17.0955 67.3601 13.7125 69.7871 9.74667 69.8369C5.20904 69.894 2.79108 64.6851 2.6 60.6515C2.40263 56.4851 5.57966 53.6235 8.78667 51.5555C15.555 47.1909 24.493 49.7413 29.8 55.076C32.6609 57.9518 35.8005 61.8416 37.3022 65.6553C39.3054 70.7424 41.4679 75.5265 44.4489 80.1303C49.6092 88.0998 56.2308 97.8481 65.7644 100.86C70.4665 102.346 76.1931 103.936 81 102.325" stroke="%23282725" stroke-opacity="0.8" stroke-width="0.5" stroke-linecap="round"/></svg>');
background-repeat: no-repeat;
background-position: right;
padding-top: 80px; 
}
.explore-block div:nth-child(2){
max-width: 39%;
padding-left: 10px;
height: auto;
object-fit: cover;
padding-top: 140px;
}
.explore-block div:nth-child(3){
max-width: 30%;
background: url('data:image/svg+xml,<svg width="170" height="116" viewBox="0 0 170 116" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 115C1 101.632 7.28612 88.5346 19.6667 82.252C30.4372 76.7865 42.2352 76.1791 54.1661 76.0732C61.0602 76.012 67.3381 76.1649 74.0033 78.0504C78.0849 79.205 84.1036 82.7983 85.4929 87.1333C86.0766 88.9547 86.0535 95.3373 82.019 96.431C74.0857 98.5814 67.3523 96.391 65.0396 86.8553C62.1773 75.0533 66.7488 64.6311 72.7712 54.7252C85.5416 33.7196 111.635 35.517 132.468 29.1138C143.402 25.753 155.651 20.7879 163.455 12.0911C166.794 8.37005 169 6.04155 169 1" stroke="%23282725" stroke-opacity="0.8" stroke-width="0.5" stroke-linecap="round"/></svg>');
background-repeat: no-repeat;
background-position: 20% 88%;
padding-left: 30px;
padding-bottom: 105px;
}
.explore-block .col-4:nth-child(1){
}
#Body .show-when-small{
display: none;
}
#Body .show-when-small-flex{
display: none;
}
.booking .button{
margin-right: 20px;
}
.booking {
margin-top: 45px;
margin-bottom: 35px;
}
.outline.button{
border: 1px solid;
background: transparent;
font-size: 120%;
}
button, .button{
transition: 0.5s ease;
background: #FCC42F;
border: 0;
max-width: max-content;
padding: 10px 15px;
font-size: inherit;
border-radius: 4px;
display: block;
line-height: 1;
font-weight: 500;
color: inherit !important;
}
.button:hover{
background: #ffd461;
}
.cabin-details{
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 15px;
row-gap: 15px;
margin-top: 20px;
}
#navbar{
display: flex;
width: 100vw;
justify-content: space-between;
padding: 5px 5vw;
position: fixed;
z-index: 99999;
background-color: #FFFCF8;
transition: 0.25s ease;
}
#navbar ul, #navbar li{
list-style: none;
}
.home #navbar:not(.scrolled), .page-template-about-template #navbar:not(.scrolled),
.single-pdfs #navbar:not(.scrolled){
background-color: transparent;
}
.home #navbar:not(.scrolled) + .hamburger span, .page-template-about-template #navbar:not(.scrolled) + .hamburger span, .single-pdfs #navbar:not(.scrolled) + .hamburger span{
border-color: #FFFCF8;
}
.open-burger  .hamburger span{
border-color: #282725 !important;
}
.reg-logo{
position: relative;
opacity: .9
}
.white-logo{
position: absolute;
opacity: 0;
pointer-events: none;
left: 0;
top: 0;
}
.home #navbar:not(.scrolled) .reg-logo, .page-template-about-template #navbar:not(.scrolled) .reg-logo
, .single-pdfs #navbar:not(.scrolled) .reg-logo{
opacity: 0;
pointer-events: none;
}
.home #navbar:not(.scrolled) .white-logo, .page-template-about-template #navbar:not(.scrolled) .white-logo
, .single-pdfs #navbar:not(.scrolled) .white-logo{
opacity: 1;
pointer-events: all;
}
.home #navbar:not(.scrolled) li ,.page-template-about-template #navbar:not(.scrolled) li
,.single-pdfs #navbar:not(.scrolled) li{
color: #FFFCF8;
}
.home #navbar.scrolled, .page-template-about-template #navbar.scrolled
, .single-pdfs #navbar.scrolled{
background-color: #FFFCF8;
}
.accordion-toggle {
display: block;
border-top: 1px solid rgb(0,0,0,0.25);
padding: 30px 0px;
color: #484745;
margin-bottom: 10px;
transition: 0.5s ease;
position: relative;
font-size: 24px;
}
.accordion-content span{
pointer-events: none;
}
.accordion-toggle svg{
position: absolute; 
right: 25px;
top: 40px;
transition: 0.5s ease
}
.accordion-content {
height: clamp(82px, 8vw, 95px);
overflow: hidden;
transition: 0.5s ease;
}
.accordion-content span h3{
pointer-events: none;
}
.accordion-content.active {
height: max-content;
overflow: hidden;
transition: 0.5s ease;
padding-bottom: 40px;
}
.accordion-content.active svg{
transform: rotate(45deg)
}
.accordion-content a + h3{
opacity: 0;
transition: 0.5s ease;
}
.accordion-content.active a + h3{
opacity: 1;
}
.emjoi{
width: 60px;
display: inline-block;
}
@media only screen and (min-width: 1800px){
body{
max-width: 1800px;
margin: auto;
border-left: 2px solid #e6dbcb;
border-right: 2px solid #e6dbcb;
}
#navbar{
max-width: 1800px;
}
}
@media only screen and (min-width: 768px){
.about-block:not(.img-1) .col-6:first-child:not(.definition){
padding-right: clamp(10px, 10vw, 190px);
padding-left: clamp(10px, 3vw, 110px);
}
.about-block.img-1 .col-6:first-child:not(.definition){
padding-left: clamp(10px, 10vw, 190px);
padding-right: clamp(10px, 3vw, 110px);
}
.img-1 .row .col-6:first-child{
order: 2;
--ms-flex-order: 2;
}
.img-1 .row .col-6:last-child{
order: 1;
--ms-flex-order: 1;
}
.privacy-links{
display: flex;
margin-top: 70px;
}
.privacy-links li{
margin-right: 15px;
}
}
@media only screen and (max-width: 768px){
.cabin-type-category{
right: 15px;
top: 15px;
font-size: 12px;
padding: 7px 13px;
}
.journal-header h2{
margin-top: 18vh;
}
.journal-header p{
margin-top: 33vh;
}
.features-block h3{
font-size: 24px;
margin-bottom: 5px;
}
.home-feature{
display: grid;
grid-template-columns: 80px 1fr;
margin-bottom: 20px
}
.features-outer{
position: relative;
}
.features-outer:before, .features-outer:after{
position: absolute;
top: 0;
content: '';
width: 80px;
height: 100%;
z-index: 2;
pointer-events: none;
}
.features-outer:before {
content: "";
left: -20px;
background: linear-gradient(to left, rgba(255, 252, 248, 0), rgb(255, 252, 248));
}
.features-outer:after {
content: "";
right: 0;
background: linear-gradient(to right, rgba(255, 252, 248, 0), rgb(255, 252, 248));
}	
.features-row{
position: relative;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
overflow: auto;
max-width: 100vw;
padding-right: 30px;
padding-left: 20px;
max-width: 100vw;
margin-left: -20px;
}
span.single-feature{
min-width: 85px;
background-size: 45px;
padding-top: 54px;
}
.features-row::-webkit-scrollbar {
display: none;
}
.reviews-outer{
max-width: 100%;
overflow-x: auto;
}
.reviews-inner{
min-width: max-content;
flex-wrap: no-wrap;
}
.reviews-outer .review{
max-width: 320px;
}
.reviews-outer{
display: flex;
flex-direction: row;
flex-wrap: no-wrap;
}
.swirl{
padding: 0px;
}
.faq-button{
margin-left: 0px;
margin-bottom: 30px;
}
#Booking-outer{
width: 90vw;
left: 5vw;
}
.amenities-outer span{
margin-bottom: 25px;
}
.home-header video{
width: 100%;
min-height: 100%;
object-fit: cover;
position: absolute;
max-height: 100vh;
}
.home-header{
min-height: clamp(120vw, 75vh, 200vw);
overflow: hidden;
position: relative;
}
.top-about .col-4{
max-width: 80%;
}
.bottom-banner{
padding-top: 35px !important;
}
.about-block img{
margin-top: 30px;
}
.top-spacing{
margin-top: 80px;
margin-bottom: 30px;
}
.product-actions {
width: calc(100% - 40px);
left: 20px;
padding: 10px 10px;
border-radius: 8px;
bottom: 20px;
}
.product-actions .button{
padding: 10px 10px;
font-size: 14px;
}
.home-text{
margin-top: 70px;
margin-bottom: 25px;
}
footer ul{
margin-bottom: 30px;
}
footer .privacy-links{
margin-bottom: 50px;
}
section{
padding-top: 35px;
padding-bottom: 35px;
}
.single-amenities{
padding-bottom: 20px;
}
.unplug-block .row .unplug-1, .unplug-block .row .unplug-3{
padding-right: 110px !important;
margin-bottom: 20px;
}
.unplug-block .row .unplug-2{
padding-left: 110px !important;
margin-bottom: 20px;
}
.cabin-top{
padding-top: 80px;
}
#navbar img {
max-width: 120px;
}
#Body .show-when-small{
display: block;
}
#Body .show-when-small-flex{
display: flex;
}
.hide-when-small{
display: none;
}
.explore-block {
flex-direction: column;
display: flex;
margin-top: 0px;
}
.explore-block div:nth-child(1) {
max-width: 79%;
padding-right: 95px;
height: auto;
background-repeat: no-repeat;
background-position: bottom left;
padding-top: 40px;
padding-bottom: 110px;
}
.explore-block div:nth-child(2) {
max-width: 64%;
padding-left: 10px;
margin-left: auto;
height: auto;
object-fit: cover;
padding-top: 0px;
margin-top: -80px;
}
.explore-block div:nth-child(3) {
max-width: 100%;
background:url('data:image/svg+xml,<svg width="157" height="110" viewBox="0 0 157 110" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0.46875C6.11537 2.95731 10.5617 7.26381 15.1356 10.5917C23.1962 16.4563 31.3911 22.2117 40.3972 26.5512C56.2948 34.2113 75.0652 38.481 92.6989 38.9996C106.334 39.4007 119.872 38.6181 132.871 34.1206C137.663 32.4626 143.19 29.3409 146.642 25.4568C148.692 23.1505 152.636 17.499 148.74 15.9495C147.68 15.5281 146.226 15.616 145.136 15.9495C142.585 16.7295 141.211 17.9286 140.122 20.1674C137.869 24.7971 137.2 29.5574 137.705 34.7361C138.617 44.0876 145.758 52.2695 150.153 60.1802C155.045 68.9849 158.298 79.6975 154.075 89.2949C151.549 95.0347 147.442 102.474 141.923 105.87C138.464 107.998 132.63 109.543 128.631 108.401" stroke="%23282725" stroke-opacity="0.8" stroke-width="0.5" stroke-linecap="round"/></svg>');
background-repeat: no-repeat;
background-position: 100% 30px;
padding-left: 30px;
padding-bottom: 105px;
margin-left: -20px;
padding-top: 120px;
padding-right: 14%;
}
}
@media screen and (max-width: 500px) {
.popup-content{
max-width: 100%;
height: max-content;
border-radius: 10px 10px 0px 0px;
padding-bottom: 50px;
}
.popup{
justify-content: flex-end;
align-items: end;
}
.home-header {
min-height: 90vh;
}
.home-header .row{
height: 100%;
top: 0px;
}
.home-text h1:last-child{
bottom: 60px;
}
.logos .img-fluid{
width: auto;
height: 100%;
max-width: 100%;
padding-left: 5px;
padding-right: 5px;
margin: auto !important;
max-height: 41px;
}
.featured-title{
margin-top: 5px !important;
margin-bottom: 15px !important;
text-align: center;
width: 100%;
}
.logos a {
margin-right: 0px;
margin-bottom: 20px
}
footer img{
margin-top: 0px;
}
.banner-outer h2{    
max-width: 200px;
}
.banner-outer{
min-height: 60vh;
}
.accordion-toggle {
padding: 25px 0px;
font-size: 18px;
}
.accordion-content .d-flex h3 {
pointer-events: none;
max-width: 270px;
}
.accordion-toggle svg {
right: 15px;
top: 30px;
}
.home-header{
max-height: 100vh;
}
}