@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;500;700;800&family=Markazi+Text:wght@500&display=swap);:root{--color-primary-green:#495e57;--color-primary-yellow:#f4ce14;--color-secondary-dark:#ee9972;--color-secondary-light:#fbdabb;--color-highlight-dark:#333;--color-highlight-light:#edefee;--header-height:100px;--border-button:50%;--border-size:16px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Karla,sans-serif}button{background-color:initial;border:initial;color:inherit;cursor:pointer;font:inherit;outline:none}a{text-decoration:none}ul{list-style:none;padding:initial}h1{color:#f4ce14;color:var(--color-primary-yellow);font-family:Markazi Text,serif;font-size:64px;letter-spacing:2px}h2{font-size:40px}p{line-height:1.5}.lead-text{font-size:18px;font-weight:700}#root{min-height:100vh}.header{align-items:center;display:flex;height:100px;height:var(--header-height);justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem}.logo{width:150px}.nav__desktop{display:none}.nav__mobile{position:relative}.nav__mobile button img{height:25px;width:25px}.nav ul{text-align:center}.nav li{display:inline-block;margin-left:.2rem}.nav__link{border-radius:10px;color:#333;color:var(--color-highlight-dark);font-weight:700;padding:5px 10px}.nav__link--active,.nav__link:focus,.nav__link:hover{background-color:#495e57;background-color:var(--color-primary-green);border-bottom:2px solid #f4ce14;border-bottom:2px solid var(--color-primary-yellow);color:#f4ce14;color:var(--color-primary-yellow);font-weight:700}.sidebar{background-color:#fff;height:calc(100vh - 100px);height:calc(100vh - var(--header-height));overflow:hidden;position:fixed;right:0;top:100px;top:var(--header-height);transform:translateX(100%);transition:all 1s;width:300px;z-index:100}.sidebar--open{transform:translateX(0)}.sidebar .nav__list li{display:block;margin:0 auto;padding:1rem;width:80%}.footer{text-align:center}#error-page{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.hero{background-color:#495e57;background-color:var(--color-primary-green)}.hero__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:2rem;position:relative}.hero__details{color:#edefee;color:var(--color-highlight-light)}.hero__link{background-color:#f4ce14;background-color:var(--color-primary-yellow);border:2px solid #f4ce14;border:2px solid var(--color-primary-yellow);border-radius:16px;border-radius:var(--border-size);color:#495e57;color:var(--color-primary-green);display:inline-block;font-weight:800;margin-top:3rem;padding:1rem 2rem;transition:all .5s}.hero__link:focus,.hero__link:hover{background-color:#495e57;border:2px solid #f4ce14;border:2px solid var(--color-primary-yellow);color:#f4ce14;color:var(--color-primary-yellow)}.hero__image>img{display:none}.specials{margin-top:5rem}.specials__container{margin:0 auto;max-width:1200px;padding:0 2rem}.specials__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.specials__header>h3{font-size:xx-large}.specials__link{background-color:#f4ce14;background-color:var(--color-primary-yellow);border:2px solid #f4ce14;border:2px solid var(--color-primary-yellow);border-radius:16px;border-radius:var(--border-size);color:#495e57;color:var(--color-primary-green);display:inline-block;font-weight:800;padding:1rem 2rem;transition:all .5s}.specials__link:focus,.specials__link:hover{background-color:initial;border:2px solid #495e57;border:2px solid var(--color-primary-green);color:#495e57;color:var(--color-primary-green)}.specials__card-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.card{border:1px solid #000;box-shadow:2px 2px 2px 0 #333;box-shadow:2px 2px 2px 0 var(--color-highlight-dark);display:flex;flex-direction:column;max-width:350px}.card,.card__img{border-top-left-radius:16px;border-top-right-radius:16px;width:100%}.card__img{height:250px;min-height:250px;object-fit:cover}.card__content{display:flex;flex-basis:100%;flex-direction:column;gap:2rem;padding:1rem}.card__header{align-items:center;display:flex;font-size:x-large;justify-content:space-between}.card__price{background-color:#333;background-color:var(--color-highlight-dark);border-radius:5px;color:#ee9972;color:var(--color-secondary-dark);padding:2px 4px}.card__desc{-webkit-box-orient:vertical;-webkit-line-clamp:5;display:-webkit-box;overflow:hidden;text-align:justify;text-overflow:ellipsis}.card__action{align-items:center;border-bottom:2px solid #0000;color:#495e57;color:var(--color-primary-green);display:flex;font-weight:700;gap:.7rem;margin-top:auto;transition:all .5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card__action:hover{border-bottom:2px solid #495e57;border-bottom:2px solid var(--color-primary-green)}.testimonials__container{display:flex;flex-direction:column;margin:5rem auto;max-width:1200px;padding:0 2rem}.testimonials__container>h2{color:#495e57;color:var(--color-primary-green);margin-bottom:3rem;text-align:center}.testimonials__cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly}.customer-card{align-items:center;background-color:#495e57;background-color:var(--color-primary-green);border-radius:16px;border-radius:var(--border-size);display:flex;padding:1rem;width:100%}.customer-card__details{color:#edefee;color:var(--color-highlight-light);margin-left:1rem;width:70%}.customer-card__image{border-radius:50%;height:75px;margin:0 auto;object-fit:cover;width:75px}.customer-card__name{color:#f4ce14;color:var(--color-primary-yellow);font-size:large;font-weight:700}.customer-card__rating{color:#fbdabb;color:var(--color-secondary-light);font-style:italic}.customer-card__text{font-style:italic;margin-top:10px;position:relative}.customer-card__text:after,.customer-card__text:before{color:#ee9972;color:var(--color-secondary-dark);content:'"';font-size:2rem;font-style:italic;line-height:0;position:relative;top:5px}.customer-card__text:before{margin-right:5px}.chicago__container{display:flex;flex-direction:column;margin:3rem auto;max-width:1200px;padding:0 2rem}.chicago__title{color:#495e57;color:var(--color-primary-green)}.chicago__details p{font-size:larger;font-weight:600;margin-top:2rem}.chicago__images{margin:2rem auto;position:relative}.chicago__image{border-radius:16px;border-radius:var(--border-size);height:200px;margin-right:1.5rem;object-fit:cover;object-position:75%;width:150px}.footer{font-size:small}.footer h3{font-size:medium;margin-bottom:.5rem}.footer__container{display:flex;flex-direction:column;margin:5rem auto;max-width:1200px;padding:0 2rem}.footer__logo{order:2}.footer__details{align-items:start;display:flex;flex-direction:column;gap:1.5rem;order:1;text-align:start}.footer__details li{padding:5px 0}.booking-form{background-color:#fff;border:1px solid #0000;border-radius:16px;border-radius:var(--border-size);display:grid;margin:4rem auto;opacity:98%;padding:1rem;width:100%}.booking-form__error{color:red;height:1.5rem}.booking-form h2{color:#495e57;color:var(--color-primary-green);text-align:center}.booking-form>label{margin-bottom:.3rem;margin-top:.5rem}.booking-form__guests{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem}.booking-form__number{display:inline-block;font-size:x-large;font-weight:700;margin:0 1rem;min-width:2rem;text-align:center}.booking-form__guests button{border:1px solid #495e57;border:1px solid var(--color-primary-green);border-radius:8px;height:30px;width:30px}.booking-form__guests button:focus,.booking-form__guests button:hover{background-color:#edefee;background-color:var(--color-highlight-light);border:1px solid #495e57;border:1px solid var(--color-primary-green)}.booking-form button[type=submit]{background-color:#f4ce14;background-color:var(--color-primary-yellow);border:2px solid #0000;border-radius:16px;border-radius:var(--border-size);color:#495e57;color:var(--color-primary-green);cursor:pointer;margin:2rem auto 0;padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.booking-form button[type=submit]:focus,.booking-form button[type=submit]:hover{background-color:#495e57;background-color:var(--color-primary-green);border-color:#495e57;border-color:var(--color-primary-green);color:#f4ce14;color:var(--color-primary-yellow)}.booking-form button[type=submit]:disabled{border-color:#ee9972;border-color:var(--color-secondary-dark);color:#ee9972;color:var(--color-secondary-dark);cursor:not-allowed;opacity:.5}.confirmation{grid-gap:3rem;background-color:#fff;border:1px solid #0000;border-radius:16px;border-radius:var(--border-size);display:grid;gap:3rem;margin:4rem auto;opacity:98%;padding:1rem;width:100%}.confirmation__title{text-align:center}.confirmation__message{text-align:justify}.confirmation__link{background-color:#f4ce14;background-color:var(--color-primary-yellow);border:2px solid #f4ce14;border:2px solid var(--color-primary-yellow);border-radius:16px;border-radius:var(--border-size);color:#495e57;color:var(--color-primary-green);font-weight:800;justify-self:center;padding:1rem 2rem;transition:all .5s}.confirmation__link:focus,.confirmation__link:hover{background-color:#495e57;border:2px solid #f4ce14;border:2px solid var(--color-primary-yellow);color:#f4ce14;color:var(--color-primary-yellow)}.placeholder{align-items:center;background-image:url(/little-lemon-capstone-project/static/media/restaurant.fa3786ced4bb43e1523a.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:65vh}.placeholder__title{background-color:#495e57;background-color:var(--color-primary-green);border-radius:16px;border-radius:var(--border-size);color:#ee9972;color:var(--color-secondary-dark);font-size:2rem;padding:1rem 3rem}.placeholder__title:hover{background-color:#edefee;background-color:var(--color-highlight-light);color:#f4ce14;color:var(--color-primary-yellow)}.placeholder__text{border-radius:16px;border-radius:var(--border-size);font-size:1rem;padding:1rem 3rem}@media screen and (min-width:510px){.hero__details p{max-width:80%}.hero__image>img{border-radius:16px;display:inline;display:initial;height:120px;object-fit:cover;width:120px}.card{width:350px}}@media screen and (min-width:720px){.hamburger-icon,.sidebar{display:none}.nav__desktop{display:block}.nav__mobile{display:none}.logo{width:250px}.hero__details{max-width:70%}.hero__image>img{border-radius:16px;bottom:-40px;height:260px;position:absolute;right:30px;width:260px}.customer-card{flex-direction:column;padding:1rem;width:350px}.customer-card__details{margin-top:1rem;text-align:center;width:100%}.specials__card-container{justify-content:space-evenly}.footer__details{flex-direction:row;justify-content:space-between}.booking-form,.confirmation{border:1px solid #333;border:1px solid var(--color-highlight-dark);box-shadow:0 0 10px 10px #333;box-shadow:0 0 10px 10px var(--color-highlight-dark);max-width:600px;width:80%}}@media screen and (min-width:1000px){.card{max-width:350px}.chicago__details{max-width:50%}.chicago__container{flex-direction:row}.chicago__image{height:300px;position:absolute;width:200px}.chicago__image--fg{right:1rem}.chicago__image--bg{right:-9rem;top:5rem}.footer__container{flex-direction:row;gap:5rem}.footer__logo{order:1}.footer__details{flex:1 1}}
/*# sourceMappingURL=main.825a16c0.css.map*/