:root{--main-font:'Alice',serif;--heading-font:'Calistoga',serif;--font-s:0.875rem;--font-m:1rem;--font-l:1.25rem;--font-xl:2rem;--red1:#590713;--red2:#661414;--red3:#a1051c;--black:#121212;--gold1:#5a4201;--gold2:#af8e40;--white1:#EAEAEA}*{margin:0;padding:0;font-family:var(--main-font)}html{scroll-behavior:smooth}body{background-color:#000}.navbar{position:fixed;top:0;width:100%;z-index:12000;background-color:#fff;box-shadow:0 8px 4px rgba(0,0,0,.1)}.burger-btn,.scroll-burger-btn{background:0 0;border:none;cursor:pointer}.navbar .container{margin:auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.footer-nav-links,.logo-container{flex-direction:row;text-align:center}.logo-container{display:flex;align-items:center;justify-content:center;gap:1rem}.logo{width:50px}.logo-name{font-size:2rem;font-weight:700;color:var(--gold2);text-shadow:1px 1px 1px var(--gold1)}.navbar .nav-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.navbar .nav-links a{text-decoration:none;color:var(--black);font-size:var(--font-l);transition:.1s;font-weight:700;opacity:.75}.navbar .nav-links a:hover{color:var(--gold2);opacity:1}.scroll-burger-btn{position:fixed;top:20px;left:20px;z-index:12001;display:none}.scroll-burger-btn img{width:28px;height:28px;display:none}.scroll-burger-btn .show{display:inline}.burger-btn{display:none;padding:10px;z-index:1000}.burger-btn img{width:24px;height:24px}.close-icon{display:none}.footer-nav-links li a,.footer-section p{opacity:.5;font-size:clamp(.5rem, 1.3vw, 2.5rem)}.blog-detail-section{margin:10rem 0 7rem;width:100%;display:flex;align-items:center;justify-content:center}.blog-container{background-color:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;height:auto;padding:2%;border-radius:20px}#blog-image{border-radius:15px;width:100%;max-height:50rem;object-fit:cover;object-position:center;margin-bottom:2.5%}#blog-title{align-self:flex-start;font-size:clamp(2rem, 2vw, 5.5rem);font-family:var(--heading-font);color:var(--gold2)}#blog-description{align-self:flex-start;font-size:var(--font-l);color:#fff}.footer-section{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--black);padding:5% 0}.footer-logo{max-width:7rem;border-radius:15px;transition:.3s}.footer-logo:hover{transform:translateY(-15px)}.footer-nav-links{display:flex;align-items:center;justify-content:center}.footer-nav-links li{list-style:none;margin:5%}.footer-nav-links li a{text-decoration:none;color:#fff;white-space:nowrap;cursor:pointer;transition:.3s}.footer-nav-links li a:hover,.footer-socials-icon:hover{opacity:1}.footer-section-socials-container{display:flex;flex-direction:row;align-items:center;justify-content:center}.footer-socials-icon{flex:1;width:3rem;height:3rem;opacity:.5;transform:.3s}.hr-footer{width:50%;height:2px;border:none;background-color:#fff;opacity:.5;margin:1% 0}.footer-section p{color:#fff;margin-top:.5%}@media (max-width:768px){.nav,.overlay{position:fixed;top:0}.burger-btn,.overlay.active{display:block}.nav{right:-100%;width:70%;max-width:300px;height:100vh;background:#000;transition:right .3s;z-index:999;box-shadow:-2px 0 10px rgba(0,0,0,.1);padding-top:60px}.nav.active{right:0}.nav-links{flex-direction:column;align-items:center;justify-content:center;height:100%}.nav-links li{margin:15px 0}.nav-links li a{color:#fff!important;opacity:1!important;font-weight:400!important;font-size:var(--font-m)!important}.overlay{left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;display:none}.footer-logo{max-width:3rem;border-radius:15px;transition:.3s}.footer-socials-icon{width:1.5rem;height:1.5rem}.reservation-form{grid-template-columns:1fr}.modal{margin-top:5%}.date-input-group{flex-direction:column;align-items:flex-start;gap:5px}.date-input-group input[type=date]{width:100%}.date-input-group input{max-width:96.5%}}@media (max-width:525px){.modal{margin-top:15%}#openFormBtn{border-radius:10px;padding:.5rem 2rem;font-size:1.5rem}.date-input-group input{max-width:94%}}@media (max-width:375px){.date-input-group input{max-width:93%}}@media (max-width:320px){.date-input-group input{max-width:92%}}