:root{scroll-behavior:smooth}:root .imperial-script-regular{font-family:Imperial Script,cursive;font-weight:400;font-style:normal;font-size:180px;color:var(--mui-palette-creole-main)}:root .imperial-script-330{font-family:Imperial Script,cursive;font-weight:400;font-style:normal;font-size:40px;color:var(--mui-palette-creole-main)}:root .imperial-script-432{font-family:Imperial Script,cursive;font-weight:400;font-style:normal;font-size:50px;color:var(--mui-palette-creole-main)}:root .imperial-script-768{font-family:Imperial Script,cursive;font-weight:400;font-style:normal;font-size:90px;color:var(--mui-palette-creole-main)}:root .imperial-script-1083{font-family:Imperial Script,cursive;font-weight:400;font-style:normal;font-size:110px;color:var(--mui-palette-creole-main)}:root .imperial-script-1102{font-family:Imperial Script,cursive;font-weight:400;font-style:normal;font-size:112px;color:var(--mui-palette-creole-main)}:root .section-header{font-family:Montserrat,sans-serif;font-size:14px;font-weight:800;color:var(--mui-palette-creole-yellow)}:root .section-header-thingstodo{font-family:Montserrat,sans-serif;font-size:14px;font-weight:800;color:var(--mui-palette-creole-blue)}:root .section-subheader{font-family:Montserrat,sans-serif;font-size:11px;font-weight:200}:root .see-more{font-family:Montserrat,sans-serif;font-size:14px;font-weight:800;color:var(--mui-palette-creole-blue);right:2rem;text-decoration:none}:root body{margin:0}@layer base{:root{--background-overlay: rgba(70, 75, 117, .5)}}@layer components{.button{display:inline flex;cursor:pointer;font-family:var(--ff-heading);font-weight:700;font-size:var(--font-size-md);text-decoration:none;background-color:var(--background-accent-main);padding:.5rem 1rem;border-radius:var(--border-radius-1)}section{padding:20px}}.navbar{position:fixed;top:0;width:100%;background:#333;z-index:1000}.nav-link{color:#fff;padding:10px 15px;text-decoration:none}.nav-link.active{background:#4caf50;color:#fff}.toolbar{display:flex;column-gap:1.5rem;justify-content:center}.toolbar a{color:var(--mui-palette-creole-main);font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal;padding-inline:8px;padding-block:6px;text-decoration:none}.toolbar a:hover,.toolbar a.active{background-color:var(--mui-palette-creole-red);border-radius:.5rem}.mobile a{font-size:1rem}#btnBookStay{background-color:var(--mui-palette-creole-blue);color:var(--mui-palette-creole-white);font-weight:700;border-radius:.25rem}#btnBookStayMobile{background-color:var(--mui-palette-creole-blue);color:var(--mui-palette-creole-white);font-size:small;font-weight:700;border-radius:.25rem}#btnBookStay:hover{background-color:var(--mui-palette-creole-red)}#photos{position:relative;background-color:var(--mui-palette-creole-red);padding:1rem}img{border-radius:.75rem}img~div{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}#video-frame{display:flex;flex-flow:column;justify-content:center;margin:0;width:100%;aspect-ratio:16 / 9;min-height:0px;background-color:var(--mui-palette-creole-blue);padding:20px 0}#video{display:flex;flex-flow:column;justify-content:center;background-color:var(--mui-palette-creole-blue)}#floor-plan{background-color:var(--mui-palette-creole-green)}img{object-fit:scale-down;height:100%;width:100%;border-radius:1rem}#things-to-do{background-color:var(--mui-palette-creole-yellow)}p{font-family:Montserrat,sans-serif;color:var(--mui-palette-creole-main);font-optical-sizing:auto;font-weight:100;font-style:normal}*{box-sizing:border-box}.panel-overlay{width:100%;height:100%;border-radius:50px;opacity:0;background:linear-gradient(#0000,#0000);transition:opacity .7s ease .7s}.panel-overlay.active{opacity:1;background:linear-gradient(var(--mui-palette-creole-gradient-black),var(--mui-palette-creole-gradient-black))}.panel-overlay.active.mobile{color:var(--mui-palette-creole-main)}.panel{background-size:auto 100%;background-position:center;background-repeat:no-repeat;height:80vh;border-radius:50px;color:var(--mui-palette-creole-white);cursor:default;flex:.4;margin:10px;position:relative;transition:flex .7s ease;display:flex}.panel.active{flex:5}.panel.active a{text-decoration:none;color:var(--mui-palette-creole-white)}.panel.active a:hover{color:var(--mui-palette-creole-yellow)}.panel h1{font-size:3rem;opacity:0;display:none;padding:1.25rem}.panel.active h1{display:block;opacity:1}.panel h3{font-size:1.5rem;position:absolute;bottom:20px;left:20px;margin:0;opacity:0;transition:opacity .3s ease-in .5s}.panel.active h3{opacity:0;display:inline-block;transition:opacity .5s ease}.panel.active.display h3{opacity:1}.clickable{cursor:pointer}
