@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-size:100%;list-style:none;text-decoration:none;font-family:Roboto,Arial,sans-serif;scroll-behavior:smooth}img{width:100%}p{line-height:1.3}a{color:inherit}button{border:none;cursor:pointer}input:focus,textarea:focus{outline:none}a,button,h2,h5,input,label,p{font-size:1rem}.btn-primary{background-color:#e59e5d;color:#fff;padding:.6rem 1.5rem}.btn-primary:hover{background-color:#dd8431}.btn-primary:active{color:#383838}.btn-secondary{margin-top:3em;padding:5px 16px;font-size:1.5rem;background-color:inherit;border:2px solid #fff;color:#fff}.btn-secondary:hover{color:#e59e5d;border-color:#e59e5d}.btn-secondary:active{color:#383838}.menu-panel{z-index:10000;width:200px;height:100vh;display:none;position:fixed;padding:5rem 1rem;top:0;right:100%;background-color:#111;transition:transform .2s;-webkit-transition:transform .2s;-moz-transition:transform .2s;-ms-transition:transform .2s;-o-transition:transform .2s}.menu-panel li{padding:1rem 2rem}.menu-panel li a{font-size:16px}.open-menu{transform:translate(200px);-webkit-transform:translate(200px);-moz-transform:translate(200px);-ms-transform:translate(200px);-o-transform:translate(200px)}header,section{display:grid;grid-template-columns:minmax(50px,1fr) repeat(8,minmax(20px,115px)) minmax(50px,1fr)}.welcome{grid-column:1/span 3}.landing-page{grid-column:4/-1}.light-gray{grid-column:1/4}.facilities{grid-column:4/-2}.introduction{grid-column:2/6}.gray{grid-column:1/6}.white{grid-column:6/-1}.top-left{grid-column:2/6}.bottom-right,.top-right{grid-column:6/-2}.bottom-left{grid-column:2/6}footer{padding:3rem;background-color:#232323;display:flex;justify-content:space-around}footer .contacts{width:50%}footer h2{margin-bottom:.8rem}footer p{color:#f0f0f0}footer h5{margin-top:1rem;color:grey;font-weight:100}footer .follow-us{width:50%}footer .social-accounts{display:flex;justify-content:space-between}footer ul{display:flex;color:#fff}footer li{font-size:2rem;margin-left:1rem}footer li:hover{color:#e59e5d}footer .email{display:flex}footer input{flex-grow:1}header{background-color:#232323}.welcome{padding:2rem;height:80vh}.welcome nav{display:flex;justify-content:space-between;color:#fff;margin-bottom:5em;cursor:pointer}.hero{justify-self:flex-end}h2{font-size:1.6rem;font-weight:lighter}h1,h2{color:#e59e5d}h1{padding:10px 0;margin-left:-4px;font-size:4rem;font-weight:600}.welcome p{color:#fff;font-size:1.5rem}.menu{font-size:2rem;color:#fff;display:none}.landing-page{background-image:url(/DOMICILE.d538765d.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}.landing-page .navigation-panel{background-color:rgba(0,0,0,.5);padding:1rem;margin-top:1.25rem;width:100%;display:flex}.landing-page li{margin-left:2rem;font-size:1.2rem!important;color:#fff;cursor:pointer}.landing-page .high-light,.landing-page li:hover{color:#e59e5d}.light-gray{background-color:#383838;position:relative}.controls{position:absolute;top:-50px;right:60px;background-color:#e59e5d;box-shadow:10px 10px 30px #000;width:170px;padding:1rem 1.5rem;display:flex;justify-content:space-between;font-size:1.5rem;color:#383838}.controls ion-icon{font-size:50px}.controls ion-icon:hover{color:#fff}.controls ion-icon:active{color:#383838}.facility{grid-column:4/-2;display:flex;justify-content:space-between;align-items:baseline}.facility h1{font-size:3rem;padding-left:2rem;font-weight:400;color:#383838}.details span{font-size:1.2rem;color:#fff;margin-left:1rem}.introduction{padding:5rem 0}.introduction .logo{width:120px}.introduction h2{font-size:1.7rem;color:#232323;margin:1rem 0}.introduction p{font-size:1.2rem;color:#383838;padding-right:4rem}.contact{grid-column:6/-2;padding:5rem 0 5rem 2rem}.contact h2{color:#000}form{background-color:#232323;padding:2rem;margin-top:.7rem;box-shadow:10px 10px 15px #383838}.row{display:flex;flex-direction:column;margin:.5rem 0}label{color:#f0f0f0}input{padding:5px 0;font-size:1.2rem;background-color:inherit;color:#fff;border:none;border-bottom:2px solid #383838}input:focus{border-color:grey}.gray{background-color:#232323;box-shadow:10px 10px 15px #232323}.gray,.white{height:40px}.section-two{padding:5rem 0;background-color:#232323;grid-row-gap:1rem}.card,.room-trivia{max-width:350px}.card{position:relative;height:260px;background-position:50%;background-size:cover;background-repeat:no-repeat;padding:5px}.card .information{opacity:0;height:100%;background-color:rgba(56,56,56,.8);padding:1rem}.card .information:hover{opacity:1}.card .information h2{text-align:center;margin-bottom:1rem}.card .information ul{display:flex;justify-content:space-between;padding:1rem 0}.card .information li{color:#fff;font-size:1.2rem}.card .information span{color:#f0f0f0;font-size:1rem}.card .information p{color:#f0f0f0}.card .information p:first-of-type{font-size:1.1rem;color:#fff}.card .over-lay{position:absolute;width:100%;bottom:-28px}.card .over-lay a{display:inline-block}.card .over-lay h2{background-color:#f0f0f0;color:#000;width:70%;padding:5px 0 5px 22px}.top-left{padding:1rem;justify-self:right}.top-left .card{background-image:url(/DeluxeRoom.aed79bb8.jpg)}.top-left .next-room-left{background-image:url(/Double.04603cb2.jpg)!important}.top-right{padding:1rem}.top-right h2{color:#fff;font-size:2rem;margin-bottom:1rem}.top-right p{color:#f0f0f0}.bottom-left{padding:1rem;justify-self:right;position:relative}.bottom-left h2{color:#fff;text-align:right;font-size:2rem;margin-bottom:1rem}.bottom-left p{color:#f0f0f0}.bottom-left button{position:absolute;bottom:0;right:1rem;padding:7px 15px;background-color:#383838;color:#f0f0f0;box-shadow:5px 5px 10px #181818}.bottom-left button:hover{background-color:#232323}.bottom-right{padding:1rem}.bottom-right .card{background-image:url(/SuperiorRoom.f77f7519.jpg)}.bottom-right .next-room-right{background-image:url(/TripleRoom.63c3886c.jpg)!important}.section-three{padding:5rem 0;gap:2rem}.heading{grid-column:2/-2;text-align:center;font-size:2rem;color:#000;margin-bottom:1rem}.heading span{color:#e59e5d}.venue-one,.venue-two{height:300px;background-position:50%;background-size:cover;background-repeat:no-repeat}.venue-one{grid-column:3/6;background-image:url(/venue1.20268b23.jpg)}.venue-two{grid-column:6/-3;background-image:url(/venue2.ffdf5b56.jpg)}.section-three p{grid-column:3/-3;font-size:1.2rem;text-align:center}@media (max-width:1222px){h1{font-size:3rem}.hero button{padding:5px 14px}.facility h1{font-size:2.5rem}.venue-one,.venue-two{height:240px}}@media (max-width:1070px){h1{font-size:2.7rem}.hero button{font-size:1rem;padding:5px 14px}.facility h1{font-size:2.5rem}.controls{padding:8px;right:2rem}.venue-one,.venue-two{height:230px}}@media (min-width:800px) and (max-width:900px){*{font-size:.95em}h1{font-size:2.2rem}.navigation-panel li{font-size:1rem}.controls{width:140px;padding:8px;right:2rem}.controls ion-icon{width:40px;height:40px}.venue-one,.venue-two{height:220px}}@media (max-width:800px){*{font-size:.9em}h1{font-size:2rem;margin-left:-1px}.navigation-panel li{margin-left:.8rem}.controls{width:120px;padding:8px;right:2rem}.controls ion-icon{width:30px;height:30px}.section-three{gap:1rem}.venue-one,.venue-two{height:200px}.introduction p{font-size:1.1rem;padding-right:1rem}.section-three p{font-size:1rem}footer *{font-size:12px}}@media (max-width:768px){*{font-size:.7em}.card{height:200px}.controls{display:none}.introduction .logo{width:77px}.venue-one,.venue-two{height:150px}section{grid-template-columns:minmax(20px,1fr) repeat(8,minmax(20px,115px)) minmax(20px,1fr)}}@media (max-width:530px){.facility,.landing-page,.light-gray{display:none}h1{font-size:3rem}.welcome{grid-column:1/-1}.welcome h2,.welcome p{width:200px}.btn-secondary{width:100px}.section-three{gap:0}.venue-one,.venue-two{height:140px;margin:1rem 0}.bottom-left,.bottom-right,.contact,.introduction,.top-left,.top-right,.venue-one,.venue-two{grid-column:3/-3}.bottom-right{grid-row:3/4}.bottom-left{height:200px}.bottom-left h2{text-align:left}.contact{padding-left:0;padding-top:0}footer{flex-direction:column}footer .contacts,footer .follow-us{width:100%}.menu{display:block}.menu-panel{display:block!important}}@media (max-width:370px){.bottom-left,.bottom-right,.contact,.introduction,.section-three p,.top-left,.top-right,.venue-one,.venue-two{grid-column:2/-2}.bottom-left,.bottom-right,.top-left,.top-right{padding:1rem 0}}
/*# sourceMappingURL=/main.4be8b20d.css.map */