*{margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:62.5%;--font-size-xs: 1.2rem;--font-size-sm: 1.4rem;--font-size-md: 1.6rem;--font-size-lg: 1.8rem;--font-size-xl: 2rem;--font-size-2xl: 2.4rem;--font-size-3xl: 3rem;--font-size-4xl: 3.6rem;--font-size-5xl: 4.8rem;--font-size-6xl: 6rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--color-primary-one: #495E57;--color-primary-two: #F4CE14;--color-primary-two-shade: #cbab0a;--color-secondary-one: #EE9972;--color-secondary-two: #FBDABB;--color-highlight-one: #EDEFEE;--color-highlight-two: #333333;--color-background: #FFFFFF;--color-error-message: #ff0000}body{font-family:Karla,sans-serif;font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);background-color:var(--color-background)}a{text-decoration:none;color:inherit}ul{list-style-type:none}button{cursor:pointer}p{font-family:Karla,sans-serif;font-weight:var(--font-weight-regular)}h1,h2,h3,h4,h5,h6{font-family:MarkaziText,sans-serif;font-weight:var(--font-weight-medium)}h1{font-size:var(--font-size-6xl)}h2{font-size:var(--font-size-5xl)}h3{font-size:var(--font-size-4xl)}h4{font-size:var(--font-size-3xl)}h5{font-size:var(--font-size-2xl)}h6{font-size:var(--font-size-xl)}img,ul{-webkit-user-select:none;user-select:none}.nav ul{display:flex;gap:1rem}.nav ul li .nav-item{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-one);padding:1rem 2rem}.nav ul li .nav-item:hover,.nav ul li .nav-item:active{color:var(--color-background);background-color:var(--color-primary-one);border-radius:2.5rem}.nav ul li .nav-item:focus{outline:none}.nav-mobile{background-color:var(--color-highlight-one);display:flex;justify-content:space-between}.nav-mobile ul{display:flex;flex-direction:column;gap:3.5rem}.nav-mobile ul li .nav-item{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-one);padding:1rem 2rem;margin:0 .5rem}.nav-mobile ul li .nav-item:hover,.nav-mobile ul li .nav-item:active{color:var(--color-highlight-one);background-color:var(--color-primary-one);border-radius:2.5rem}@media (max-width: 1024px){.nav-mobile{padding:4rem 0}}.hamburger-button{cursor:pointer}.hamburger-button:hover,.hamburger-button:active{color:var(--color-primary-two)}.header{height:clamp(6rem,10vh,7.5rem);position:fixed;z-index:999;width:100%}.header .header-container{background-color:var(--color-background);display:flex;align-items:center;padding:1.5rem 3rem}@media (min-width: 1025px){.header .header-container{justify-content:center;gap:2.5rem}}@media (max-width: 1024px){.header .header-container{justify-content:space-between}}.hidden{display:none}@media (min-width: 1025px){.desktop{display:block}}@media (max-width: 1024px){.mobile{display:block}}.hamburger-icon{color:var(--color-primary-one);font-size:var(--font-size-4xl)}.main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-secondary-three);min-height:100vh;width:100%}.homepage{display:flex;flex-direction:column;width:100%}.call-to-action{width:100%;background-color:var(--color-primary-one)}.call-to-action .cta-content{display:flex;align-items:center;justify-content:center;gap:10rem;padding:3rem 0}@media (max-width: 580px){.call-to-action .cta-content{gap:4rem;flex-direction:column}}.call-to-action .cta-content .cta-main{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;min-height:25rem}@media (min-width: 900px){.call-to-action .cta-content .cta-main{max-width:30rem}}@media (max-width: 899px){.call-to-action .cta-content .cta-main{max-width:21rem}}@media (max-width: 899px){.call-to-action .cta-content .cta-main{align-items:center}}.call-to-action .cta-content .cta-main .description-container{display:flex;flex-direction:column;color:var(--color-highlight-one)}.call-to-action .cta-content .cta-main .description-container .cta-title{color:var(--color-primary-two)}.call-to-action .cta-content .cta-main .description-container .cta-subtitle{margin-top:-1rem;color:var(--color-secondary-three)}.call-to-action .cta-content .cta-main .description-container .cta-description{padding-top:1rem;font-size:2rem;color:var(--color-secondary-three)}.call-to-action .cta-content .cta-image-container{display:flex;align-items:center;overflow:hidden;border-radius:4rem;max-height:30rem}.call-to-action .cta-content .cta-image-container .cta-image{max-height:30rem;object-fit:cover}.button{background-color:var(--color-primary-two);color:var(--color-highlight-two);border:none;font-weight:var(--font-weight-bold);border-radius:1.5rem;width:fit-content}.button:hover,.button:active{background-color:var(--color-primary-two-shade)}.specials{--content-width: 95rem;display:flex;flex-direction:column;align-items:center;padding:5rem 0;width:100%}.specials .specials-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--content-width)}@media (max-width: 1024px){.specials .specials-header{flex-direction:column;align-items:center;margin-bottom:1rem}}@media (max-width: 450px){.specials .specials-header .specials-title{font-size:var(--font-size-5xl)}}.specials .specials-content{display:flex;justify-content:space-between;width:100%;max-width:var(--content-width)}@media (max-width: 1024px){.specials .specials-content{flex-direction:column;align-items:center;gap:2rem}}.specials-card{--card-width: 28rem;--image-height: 25rem;--content-paddingX: 1.5rem;width:var(--card-width);display:flex;flex-direction:column;background-color:#f8f8f8;margin-top:1rem;border-radius:2rem 2rem 0 0;overflow:hidden;padding-bottom:2.5rem;background-color:var(--color-highlight-one)}.specials-card .card-image-container{height:var(--image-height)}.specials-card .card-image-container .card-image{width:100%;height:100%;object-fit:cover}.specials-card .card-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:0 var(--content-paddingX);margin-top:1.5rem}.specials-card .card-content .card-information .card-header{display:flex;justify-content:space-between;align-items:center;font-weight:700}.specials-card .card-content .card-information .card-header .special-price{color:var(--color-secondary-one)}.specials-card .card-content .card-information .special-description{color:var(--color-highlight-two)}.specials-card .card-content .card-order{margin-top:2rem;display:flex;gap:1rem}.specials-card .card-content .card-order .delivery-icon{font-size:2.5rem}.specials-card .card-content .card-order:hover,.specials-card .card-content .card-order:active{cursor:pointer;text-decoration:underline;color:var(--color-highlight-two)}.customers-say{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:3rem;gap:2rem}@media (max-width: 450px){.customers-say .customers-say-title{font-size:var(--font-size-4xl)}}.customers-say .customer-testimonials{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;padding:0 2rem}.customer-card{--card-width: 30rem;display:flex;flex-direction:column;background-color:var(--color-highlight-one);padding:2rem;width:var(--card-width);gap:1rem}.customer-card .customer-rating .star{color:var(--color-primary-two);font-size:var(--font-size-2xl)}.customer-card .customer-card-header{display:flex;align-items:center;gap:2rem}.customer-card .customer-card-header .customer-image-container{width:10rem;height:10rem;border-radius:50%;overflow:hidden}.customer-card .customer-card-header .customer-image-container .customer-image{width:100%;height:100%;object-fit:cover}.customer-card .customer-text{color:var(--color-highlight-two)}.chicago{display:flex;justify-content:center;margin:6rem 0;width:100%}.chicago .chicago-content{display:flex;justify-content:center;align-items:center;gap:5rem;background-color:var(--color-secondary-two);padding:3rem 5rem 4rem;margin:0 5rem}@media (max-width: 899px){.chicago .chicago-content{flex-direction:column;gap:10rem}}.chicago .chicago-content .chicago-text{width:100%;max-width:40rem}.chicago .chicago-content .chicago-text .chicago-subtitle{margin-top:-1rem;margin-bottom:2rem}.chicago .chicago-content .chicago-text .chicago-description{color:var(--color-highlight-two)}.chicago .chicago-content .chicago-image-container{display:flex;justify-content:center;align-items:center}@media (max-width: 899px){.chicago .chicago-content .chicago-image-container{padding-bottom:7rem}}.chicago .chicago-content .chicago-image-container .crop-container-a,.chicago .chicago-content .chicago-image-container .crop-container-b{height:25rem;width:20rem}@media (max-width: 899px){.chicago .chicago-content .chicago-image-container .crop-container-a,.chicago .chicago-content .chicago-image-container .crop-container-b{height:20rem;width:15rem}}.chicago .chicago-content .chicago-image-container .crop-container-a .chicago-image-a,.chicago .chicago-content .chicago-image-container .crop-container-a .chicago-image-b,.chicago .chicago-content .chicago-image-container .crop-container-b .chicago-image-a,.chicago .chicago-content .chicago-image-container .crop-container-b .chicago-image-b{width:100%;height:100%;object-fit:cover;object-position:right}.chicago .chicago-content .chicago-image-container .crop-container-a{margin-bottom:-7rem}.chicago .chicago-content .chicago-image-container .crop-container-b{margin-top:-7rem;margin-left:-7rem}.booking-page{width:100%;display:flex;flex-direction:column}.booking-page .booking-page-header .booking-page-title{background-color:var(--color-primary-one);color:var(--color-primary-two);padding:2rem 0;width:100%;text-align:center;line-height:1}.booking-page .booking-page-header .booking-page-image-container{width:100%;height:50vh;overflow:hidden}.booking-page .booking-page-header .booking-page-image-container .booking-page-image{width:100%;height:100%;object-fit:cover;object-position:center}.reservation-form{--field-column-gap: 6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;color:var(--color-highlight-two);margin:6rem auto;gap:var(--field-column-gap)}.reservation-form .reservation-date-time{display:flex;gap:3rem}.reservation-form .reservation-field-component{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.reservation-form .reservation-field-component .reservation-field-container{display:flex;align-items:center;gap:.8rem;font-size:var(--font-size-xl)}.reservation-form .reservation-field-component .reservation-field-container .reservation-field{font-size:var(--font-size-md);padding:.2rem;width:15rem;text-align:center;border:.1rem solid;border-radius:.3rem}.reservation-form .reservation-field-component .error-message-container{display:flex;justify-content:flex-end;min-width:22rem;min-height:4rem;color:var(--color-error-message)}.reservation-form .reservation-container{display:flex;flex-direction:column;align-items:flex-end;gap:var(--field-column-gap);min-width:27rem;margin-left:-5rem}@media (max-width: 899px){.reservation-form .hidden-mobile{display:none}}@media (min-width: 900px){.reservation-form .hidden-desktop{display:none}}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-background)}.not-implemented-page{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-background);gap:1rem}.not-implemented-page .page-information{display:flex;flex-direction:column;font-size:var(--font-size-xl)}.confirmed-booking-page{--reservation-details-row-gap: 1rem;display:flex;flex-direction:column;align-items:center;margin-top:6rem}.confirmed-booking-page .confirmation-text{margin-bottom:5rem}.confirmed-booking-page .reservation-details-header{margin-bottom:2rem}.confirmed-booking-page .reservation-details{display:flex;gap:.5rem}.confirmed-booking-page .reservation-details .reservation-labels{display:flex;flex-direction:column;align-items:flex-end;gap:var(--reservation-details-row-gap)}.confirmed-booking-page .reservation-details .reservation-labels .reservation-label{font-weight:var(--font-weight-bold)}.confirmed-booking-page .reservation-details .reservation-data{display:flex;flex-direction:column;gap:var(--reservation-details-row-gap)}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-primary-one);padding:2rem 0;color:var(--color-highlight-one)}.footer .footer-content{display:flex;justify-content:space-evenly;align-items:flex-start;width:100%}@media (max-width: 899px){.footer .footer-content{flex-direction:column;align-items:center;gap:5rem}}.footer .footer-content .navigation-container{display:flex;gap:5rem}@media (max-width: 450px){.footer .footer-content .navigation-container{flex-direction:column;align-items:center;padding-top:1rem}}.footer .footer-content .navigation-container .logo-container .footer-image{width:14rem;height:auto}.footer .footer-content .navigation-container .doormat-navigation ul{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 899px){.footer .footer-content .navigation-container .doormat-navigation ul{gap:.9rem}}.footer .footer-content .footer-contact .contact-information{display:flex;gap:.3rem;align-items:center}.footer .footer-content .footer-social-media{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer .footer-content .footer-social-media ul{display:flex;flex-direction:column;gap:.5rem}.footer .footer-content .footer-social-media ul li a{font-size:var(--font-size-2xl)}.footer .footer-copyright{font-size:var(--font-size-md);text-align:center;margin-top:1rem}.footer-title{font-weight:var(--font-weight-bold);margin-bottom:1rem;text-align:center}a:hover,a:active{color:var(--color-highlight-two)}@font-face{font-family:Karla;src:url(/little-lemon-reserve-a-table/assets/Karla-Regular-72GnZkvk.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Karla;src:url(/little-lemon-reserve-a-table/assets/Karla-Medium-2aqLUTxL.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Karla;src:url(/little-lemon-reserve-a-table/assets/Karla-Bold-DubzfTrE.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Karla;src:url(/little-lemon-reserve-a-table/assets/Karla-ExtraBold-CdsUIk31.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:MarkaziText;src:url(/little-lemon-reserve-a-table/assets/MarkaziText-Regular-9FKV4y_0.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MarkaziText;src:url(/little-lemon-reserve-a-table/assets/MarkaziText-Medium-CRAemElY.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:MarkaziText;src:url(/little-lemon-reserve-a-table/assets/MarkaziText-SemiBold-CrMsLQLd.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:MarkaziText;src:url(/little-lemon-reserve-a-table/assets/MarkaziText-Bold-fUhcnznE.ttf) format("truetype");font-weight:700;font-style:normal}
