*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;width:100%}body{font-family:Playfair Display,serif;font-size:12px}ul{margin-top:40px}nav{align-items:center;background-color:#ffbb5c;box-shadow:0 0 .8em #000;color:#fff;display:grid;grid-template-columns:auto auto;min-height:44px;min-width:44px;padding:10px;position:fixed;top:0;width:100%;z-index:1000}.logo{height:100%;margin-left:20px;width:100px}.logo-txt{color:#c63d2f;font-size:30px;font-weight:700}.logo-container{align-items:center;display:flex}.logo-container .logo-txt{line-height:75px;padding-left:10px}.nav-list{background-color:#ffbb5c;grid-column:span 2;height:0;position:fixed;right:20px;text-align:center;top:75px;transition:all .5s;width:100%}.nav-list li{line-height:30px;margin:50px 0;opacity:0;padding:10px;transition:all .5s}.nav-list li a{color:#c63d2f;font-size:20px;font-weight:700;min-height:44px;min-width:44px;text-transform:uppercase}.nav-list li a.active,.nav-list li a:hover{color:#ff5722;transition:.5s}.bellybites-btn{align-items:center;border:none;color:#c63d2f;display:flex;font-size:30px;justify-content:center;line-height:75px;min-height:64px;min-width:64px}.active[type=checkbox],.bellybites-btn{background-color:transparent;cursor:pointer;padding:10px}.active[type=checkbox]{appearance:none;border:2px solid #ff5722;border-radius:5px;height:45px;margin:0;width:45px}.active[type=checkbox]:checked{background-color:#ff5722}#check{display:none;padding:10px}#check:checked~.nav-list{height:100vh;padding:10px;width:100%}#check:checked~.nav-list li{opacity:1}.bellybites-btn:focus #check:checked~.nav-list{height:0}.bellybites-btn:focus #check:checked~.nav-list li{opacity:0}.hero{align-items:center;background-color:#ffbb5c;background-image:url(../8e438958ab0a4ec5a228.jpg);background-position:50%;display:grid;grid-template-columns:1fr;min-height:400px;text-align:center;width:100%}@media only screen and (max-width:600px){.hero{background-image:url(../aa6581159e60eae64e59.jpg)}}.hero__inner{margin:20px auto 0;max-width:800px}.hero__title{background-color:#ffbb5c;border:2px solid #ff5722;border-radius:10px;color:#c63d2f;font-size:36px;font-weight:500;margin:20px}.hero__tagline{color:#fff;font-size:18px;font-weight:300;margin-top:16px}main{margin:0 auto;width:100%}.card{background-color:transparent;border-radius:5px;box-shadow:0 2px 8px 2px rgba(0,0,0,.2);display:flex;flex-direction:column;padding:20px}.section-title{color:#c63d2f;font-size:20px;margin:20px;text-align:center}.restaurant-img-desc{box-shadow:0 2px 8px 2px rgba(0,0,0,.2);display:grid;gap:20px;grid-template-columns:1fr;padding:10px}.restaurant-img-desc p{color:#000;font-size:15px;padding:10px}.restaurant-img-desc h4{font-size:18px;padding:10px}.content{align-items:center;display:grid;gap:20px;grid-template-columns:1fr;padding:20px}.restaurant-image img{border-radius:10px;width:100%}.headline__figure figcaption{color:#c63d2f;font-size:13px;font-weight:400;margin-top:8px;text-align:center}.headline__content{grid-column:2/3}.headline__title,.restaurant-info h2{color:#c63d2f;margin:0;padding:10px}.headline__description,.restaurant-info{margin-top:10px}.restaurant-info h3,.restaurant-menu h3,.restaurant-reviews h3{font-size:25px;padding:20px;text-align:center}.restaurant-name{color:#c63d2f;font-size:30px;margin:20px;text-align:center}.restaurant-detail-name{color:#ff5722;min-height:44px;min-width:44px;padding:10px}.restaurant-detail-name:hover{color:#c63d2f}.restaurant-info h4{font-size:18px;padding:10px}.headline__button{background-color:#c63d2f;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:24px;padding:8px 16px;text-transform:uppercase;transition:opacity .3s}.headline__button:hover{opacity:.8}.content-restourant{align-items:center;box-shadow:0 2px 8px 2px rgba(0,0,0,.2);display:grid;gap:20px;grid-template-columns:1fr;padding:20px}.restaurant-image{position:relative}.restaurant-details{background-color:#c63d2f;border-radius:5px;color:#fff;display:flex;flex-direction:column;left:10px;padding:5px;position:absolute;top:10px;z-index:1}.rating{margin-top:5px}.input-group{grid-template-columns:3fr 1fr}.input-group,.list-restoran{display:grid;gap:20px;padding:20px}.list-restoran{align-items:flex-start;border-radius:5px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.content-detail{align-items:center;display:grid;gap:20px;grid-template-columns:1fr;padding:20px}.content__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.back-button{background-color:#c63d2f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;text-transform:uppercase;transition:opacity .3s}.back-button:hover{opacity:.8}.content__heading{color:#c63d2f;font-size:35px}.restaurant-card{border-radius:5px;box-shadow:0 2px 8px 2px rgba(0,0,0,.2);display:inline-block;padding:20px;position:relative}.resto-img{border-radius:10px;height:fit-content;width:100%}.restaurant-detail{display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:20px}.restaurant-detail,.restaurant-image{border-radius:5px;box-shadow:0 2px 8px 2px rgba(0,0,0,.2)}.restaurant-image{width:100%}.restaurant-categories,.restaurant-info{border-radius:5px;box-shadow:0 2px 8px 2px rgba(0,0,0,.2);display:grid;gap:10px;grid-template-columns:1fr;padding:10px}.restaurant-categories ul{display:grid;font-size:18px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));list-style:none;margin:0;padding:0}.restaurant-categories ul li{border:1px solid #ddd;border-radius:5px;padding:5px}.restaurant-menu{border-radius:5px;box-shadow:0 2px 8px 2px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:20px;padding:20px}.restaurant-menu-container{border-radius:5px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.restaurant-menu-foods{grid-template-columns:1fr}.restaurant-menu-drinks,.restaurant-menu-foods{border-radius:5px;box-shadow:0 2px 8px 2px rgba(0,0,0,.2);display:grid;gap:10px}.restaurant-menu-drinks ul,.restaurant-menu-foods ul{font-size:18px;list-style:none;margin:0;padding:10px}.restaurant-menu-drinks h4,.restaurant-menu-foods h4{font-size:20px;line-height:25px;text-align:center}.restaurant-reviews{border-radius:5px;box-shadow:0 2px 8px 2px rgba(0,0,0,.2);display:grid;gap:20px;grid-template-columns:1fr;padding:20px}.restaurant-reviews ul{font-size:18px;list-style:none;margin-top:0}.restaurant-reviews li{box-shadow:0 2px 8px 2px rgba(0,0,0,.2);margin:10px;padding:10px}.form-control,.form-textarea{border:1px solid #bf1722;border-radius:5px;font-size:20px;padding:10px}.label-form{color:#bf1722;font-size:20px;font-weight:700!important}.button-click{background-color:#c63d2f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:#000 .3s ease}.button-click:hover{background-color:#ffbb5c}.content-search{display:grid;grid-template-columns:1fr}.content_search_header{display:flex;flex-direction:column}.search-header-container{display:flex;justify-content:space-between;padding:20px}.list-menu{border-radius:5px;box-shadow:0 2px 8px 2px rgba(0,0,0,.2);gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;margin-top:20px;padding:20px}.card-menu,.list-menu{align-items:center;display:grid}.card-menu{gap:10px;grid-template-rows:1fr auto auto auto;position:relative;text-align:center;width:200px}.menu-img{border-radius:50%;display:block;height:auto;overflow:hidden;position:relative;width:100%}.menu-title{background-color:#ff9b50;border-radius:5px;padding:5px;position:absolute;right:10px;top:10px;z-index:1}.card-menu p{color:#333;font-size:14px;margin-top:10px;text-align:center}.menu-button{background-color:#c63d2f;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:5px 10px}.menu-button:hover{background-color:#ff9b50}.like{align-items:center;background-color:#c63d2f;border:0;border-radius:50%;bottom:16px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:55px;justify-content:center;right:16px;width:55px}.no-data,i.fa.fa-heart-o{padding:20px}.no-data{background-color:#ffbb5c;border-radius:5px;box-shadow:0 2px 8px 2px rgba(255,219,186,.2);color:#fff;font-size:16px;margin:20px}.review-header-item{display:grid;grid-template-columns:2fr 1fr;padding:10px}.buttons-container{display:grid;grid-template-columns:1fr 1fr}.review-form{display:grid;gap:20px;grid-template-columns:1fr}.form-submit{background-color:#c63d2f;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:5px 10px}.form-container{display:grid;gap:20px;grid-template-columns:1fr;padding:30px}.form-container,.message{box-shadow:0 2px 8px 2px rgba(0,0,0,.2)}.message{color:#c63d2f;font-size:25px;padding:10px}.loading-indicator{align-items:center;display:flex;height:100vh;justify-content:center}.loading{background-color:#ffbb5c;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);color:#bf1722;display:inline-block;font-size:24px;padding:10px 20px;text-align:center}.review-form-item{align-content:center;display:grid;gap:20px;grid-template-columns:1fr 2fr}.footer{background-color:#ffbb5c;color:#c63d2f;padding:30px 0;text-align:center}.footer-content{align-items:center;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;margin:0 auto;max-width:1200px}.footer-logo img{border-radius:50%;height:100px;object-fit:cover;width:100px}.footer-links,.footer-links ul{min-height:44px;min-width:44px}.footer-links ul{display:grid;grid-auto-flow:column;grid-template-rows:auto;list-style:none;margin:0;padding:0}.footer-links ul li{margin-right:10px}.footer-links a{color:#c63d2f;font-size:20px;font-weight:700;min-height:44px;min-width:44px;padding:15px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#ff5722}.footer-social,.footer-social i{min-height:44px;min-width:44px}.footer-social .social-icon{color:#fff;font-size:24px;margin-right:10px;text-decoration:none;transition:color .3s ease}.footer-social .social-icon:hover{color:#ff5722}.footer-disclaimer{font-size:20px;font-weight:700;margin-top:20px;text-align:center}.pesan{color:#c63d2f;font-size:20px;padding:10px}.bellybites-btn,.button-click,.form-control,.headline__button,.menu-button,.nav-list a,.social-icon,b{min-height:44px;min-width:44px;padding:15px}.list-menu .card-menu,.nav-list li{margin-bottom:10px}.skip-link{background-color:#bf1722;color:#fff;left:0;min-height:44px;min-width:44px;padding:8px;position:absolute;top:-40px;z-index:100}.skip-link:focus{top:0}button{box-sizing:border-box;min-height:44px;min-width:44px}@media only screen and (max-width:440px){nav{height:100px;min-height:44px;min-width:44px}.logo-txt{display:none}.nav-list{right:40px;top:60px}.nav-list li{margin:30px 0}.bellybites-btn{font-size:24px}.hero{min-height:300px}.hero__title{font-size:20px}.hero__tagline{font-size:12px}.content__header{align-items:flex-end;flex-direction:column-reverse}main{padding:0}.card,.content{margin:0;padding:0}.hero{background-size:100% auto}.explore{grid-template-columns:1fr}.headline{width:100%}.input-group{align-items:center;gap:10px;grid-template-rows:1fr;padding:5px}.form-control{font-size:14px;padding:5px;width:80%}.button-click{font-size:14px;padding:5px 10px;width:80px}.list-restoran{grid-template-columns:1fr;padding:10px}.restaurant-details{font-size:10px;padding:3px}.list-menu{gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card-menu{width:50%}.footer{padding:20px}.search-header-container{flex-direction:column;gap:20px}}@media(max-width:768px){.content__header{flex-direction:column}.restaurant-detail{grid-template-columns:1fr}.restaurant-categories ul{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.restaurant-menu-container,.restaurant-menu-drinks,.restaurant-menu-foods,.review-header-item{grid-template-columns:1fr}.header-review{flex-direction:column}.review-form-item{grid-template-columns:1fr}}@media only screen and (min-width:900px){nav{background-color:#ffbb5c;grid-template-columns:auto 1fr 1fr;height:100px;min-height:44px;min-width:44px;padding-bottom:10px}.logo-container{align-items:center;display:flex;grid-column:1/3;margin-left:25px;padding-bottom:20px}.bellybites-btn{display:none}.nav-list{background:none;grid-column:auto;height:100px;margin-top:25px;position:relative;top:0}.nav-list,.nav-list li{min-height:44px;min-width:44px;transition:none}.nav-list li{display:inline-block;line-height:100px;line-height:44px;margin:0 20px;opacity:1}.nav-list li a.active,.nav-list li a:hover{color:#fff}}@media only screen and (min-width:1200px){.hero{background-size:100% auto}}@media only screen and (max-width:1200px){.hero{background-size:100% auto}}
/*# sourceMappingURL=style.css.map*/