@charset "utf-8";body,p,td,th{font:10pt/1.5 Arial,Helvetica,sans-serif;color:#333}body{background-color:#fdfdfd;margin:0;padding:0;position:relative}*{box-sizing:border-box}li,ul{font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:#333}a{color:orange;text-decoration:none}a:focus,a:hover{color:#3397db;text-decoration:none}a img{border:0 #fff}img{opacity:1;transition:opacity .3s}img[data-src]{opacity:0}h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;margin:0 0 20px}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}#maincontent{background-color:#f3f3f3;min-height:100vh;height:100%}#footer,nav h1 a{text-transform:uppercase}#footer,nav{text-align:center}#footer{padding:25px;color:#aaa;font-size:8pt;letter-spacing:1px;background-color:#3f3f3f}.filter-options,nav{width:100%;display:flex;align-items:center}nav{height:80px;background-color:#252831}nav h1{margin:auto}nav h1 a{color:#fff;font-size:14pt;font-weight:200;letter-spacing:10px}#breadcrumb{padding:10px 40px 16px;list-style:none;background-color:#eee;font-size:17px;margin:0;width:50%}#breadcrumb li{display:inline}#breadcrumb li+li:before{padding:8px;color:#000;content:"/\00a0"}#breadcrumb li a{color:#0275d8;text-decoration:none}#breadcrumb li a:hover{color:#01447e;text-decoration:underline}#map{height:400px;width:100%;background-color:#ccc}.filter-options{height:50px;background-color:#177bbf;justify-content:center}.filter-options h2{color:#fff;font-size:1rem;font-weight:400;line-height:1;margin:0 20px}.filter-options select{background-color:#fff;border:1px solid #fff;font-family:Arial,sans-serif;font-size:11pt;height:35px;letter-spacing:0;margin:10px;padding:0 10px;width:200px}.filter-options select:focus{outline:0!important;box-shadow:0 0 10px 3px orange}#restaurants-list{background-color:#f3f3f3;list-style:outside none none;margin:0;padding:30px 15px 60px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}#restaurants-list li{background-color:#fff;border:1px solid #ccc;font-family:Arial,sans-serif;margin:15px;min-height:380px;text-align:left;width:270px}#restaurants-list .restaurant-img{background-color:#ccc;display:block;margin:0;max-width:100%;min-height:248px;min-width:100%}#restaurants-list li h1{color:#b46100;font-family:Arial,sans-serif;font-size:14pt;font-weight:200;letter-spacing:0;line-height:1.3;margin:20px 0 10px;text-transform:uppercase}#restaurants-list p{margin:0;font-size:11pt}#restaurants-list li a{background-color:#a46a00;transition:box-shadow .5s;color:#fff;display:inline-block;font-size:10pt;margin:15px 0 0;padding:8px 30px 10px;text-align:center;text-decoration:none;text-transform:uppercase}#restaurants-list li a:focus,#restaurants-list li a:hover{box-shadow:0 0 12px 0 rgba(0,0,0,.5);outline:0}#restaurants-list .list-info{padding:0 1.2em 1em}.inside header{position:fixed;top:0;width:100%;z-index:1000}.inside #map-container{background:#00f 0 0;height:87%;position:fixed;right:0;top:80px;width:50%}.inside #map{background-color:#ccc;height:100%;width:100%}.inside #footer{bottom:0;position:absolute;width:100%}.restaurant-header{display:flex;justify-content:space-between}#restaurant-name{color:#f18200;font-family:Arial,sans-serif;font-size:20pt;font-weight:200;letter-spacing:0;margin:15px 0 30px;text-transform:uppercase;line-height:1.1;position:relative}.restaurant-fav-toggle{display:block;width:24px;height:24px;align-self:center;background:url(../images/unfavorite-24px.svg) no-repeat}.restaurant-fav-toggle.fav{background-image:url(../images/favorite-24px.svg);-webkit-filter:opacity(.5) drop-shadow(0 0 0 red);filter:opacity(.5) drop-shadow(0 0 0 red)}#restaurant-img{width:100%}#restaurant-address{font-size:12pt;margin:10px 0}#restaurant-cuisine{background-color:#333;color:#ddd;font-size:12pt;font-weight:300;letter-spacing:10px;margin:0 0 20px;padding:2px 0;text-align:center;text-transform:uppercase;width:100%}#restaurant-container{border-bottom:1px solid #d9d9d9;padding:140px 40px 30px}#restaurant-container,#reviews-container{border-top:1px solid #fff;width:50%}#reviews-form{padding:0 40px 20px;width:50%;margin-bottom:100px}#reviews-container h2,#reviews-form h2{color:#f58500;font-size:22pt;font-weight:300;letter-spacing:-1px;padding-bottom:1pt}#reviews-form form{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px}#reviews-form form .col-1{grid-column:1/3}#reviews-form form .button{grid-column:1}#reviews-form form .button button{grid-column:2}#reviews-form form .success{grid-column:1/3;display:flex;align-items:center;color:green;font-weight:700;visibility:hidden}#reviews-form form .row{display:grid;grid-template-columns:80px 1fr}form input,form select,form textarea{padding:5px;border:2px solid #e3e3e3;border-radius:5px;font-size:1.1em}form button{background-color:#a46a00;transition:box-shadow .5s;color:#fff;display:inline-block;font-size:10pt;padding:8px 30px 10px;text-align:center;text-decoration:none;text-transform:uppercase}#reviews-container{padding:30px 40px 0;border-bottom:none}#reviews-container h2{font-size:24pt}#reviews-list{margin:0;padding:0}#reviews-list li{background-color:#fff;border:2px solid #e3e3e3;display:block;list-style-type:none;margin:0 0 30px;overflow:hidden;padding:20px;position:relative;width:100%}#reviews-list li p{margin:0 0 10px}#reviews-list li p:first-child{font-size:1.2em;font-weight:600;margin-bottom:0}#reviews-list li p:nth-child(2){color:#767676}#restaurant-hours td{color:#666}@media screen and (max-width:550px){#restaurants-list li{width:100%;margin:0 0 15px}.filter-options{flex-direction:column;height:auto;padding:10px 0 20px}.filter-options h2{line-height:normal;margin:10px}.inside header{position:relative}#breadcrumb{width:100%;padding:10px 35px}.inside #map-container{height:400px;width:100%;top:0;position:relative}#restaurant-container,#reviews-container,#reviews-form{width:100%;padding:20px}#reviews-form form{grid-template-columns:1fr}#reviews-form form .col-1{grid-column:1}#restaurant-cuisine{width:100%}#restaurant-img{width:100%;border-radius:30px 0 0 0}#reviews-list li{box-shadow:0 0 8px 0 rgba(0,0,0,.2);border-radius:20px 0 0 0;border:0;padding:0;width:100%}#reviews-list li p:first-child{background:#000;color:#fff;margin-bottom:.5em}#reviews-list li p:nth-child(2){position:absolute;right:0;top:0;color:#e2e2e2}#reviews-list li p:nth-child(3){background:orange;color:#fff;width:auto;display:inline-block;margin-left:25px;margin-top:8px;padding:8px;border-radius:5px}#reviews-list li p{padding:7px 20px 7px 25px}.inside #footer{position:relative}}@media screen and (min-width:768px) and (max-width:1024px){#reviews-list li{box-shadow:0 0 8px 0 rgba(0,0,0,.2);border-radius:20px 0 0 0;border:0;padding:0;width:100%}#reviews-list li p:first-child{background:#000;color:#fff;margin-bottom:.5em}#reviews-list li p:nth-child(2){position:absolute;right:0;top:0;color:#e2e2e2}#reviews-list li p:nth-child(3){background:orange;color:#fff;width:auto;display:inline-block;margin-left:25px;margin-top:8px;padding:8px;border-radius:5px}#reviews-list li p{padding:7px 20px 7px 25px}#reviews-form form{grid-template-columns:1fr}#reviews-form form .col-1{grid-column:1}}