.red-text{color:#f36548}.red-background{background-color:#f36548}.dark-red-background{background-color:#bf543e}address,article,aside,div,figure,footer,header,img,main,nav,p,section{box-sizing:border-box}body,figure,h1,h2,h3,h4,p,ul{margin:0;padding:0}body{width:100vw;height:100vh}.map-container,main{width:100%;height:100%}.rounded-border{border-radius:4px}body{font-family:"Open Sans",sans-serif}main{position:relative}.ui-layout{position:absolute;top:0;left:0;z-index:2}.sidemenu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;will-change:transform;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:19em;height:100%}.sidemenu.hidden{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}.sidemenu .list-toggler{left:100%;font-size:1.5em;width:2em;height:2em;outline:0;border:none;border-radius:0 0 25% 0;color:#2c2c2c;cursor:pointer}.sidemenu .list-toggler.favorite-tab,.sidemenu .list-toggler.spot-tab{transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;z-index:-1}.sidemenu .list-toggler.favorite-tab{-webkit-transform:translate(-2.5em,0);transform:translate(-2.5em,0)}.sidemenu .list-toggler.favorite-tab.unselected,.sidemenu .list-toggler.spot-tab.unselected{background-color:#f36548;-webkit-transform:translate(-.6em,0);transform:translate(-.6em,0)}.sidemenu .list-toggler.favorite-tab.selected,.sidemenu .list-toggler.spot-tab.selected{-webkit-transform:translate(0,0);transform:translate(0,0)}.sidemenu .list-toggler.spot-tab{top:0}.sidemenu .list-toggler.favorite-tab{top:2.2em;border-radius:0 25% 25% 0}.sidemenu .list-toggler:active::before{font-size:.9em;color:#fff}.sidemenu .header{font-family:"Luckiest Guy",cursive;font-weight:lighter;color:#fff;text-shadow:.1em .18em #2c2c2c;line-height:2.4em;text-align:center;padding:0 0 .4em}.sidemenu .filter-container{position:relative;padding:1em}.sidemenu .filter-container .filter-field{padding:.5em 0;background-color:#f5f5f5;color:#565656}.sidemenu .filter-container .filter-field .fa-filter{margin:0 .8em}.sidemenu .filter-container .filter-list{padding:.8em 1.5em;width:80%;position:absolute;background-color:#fff;border-radius:0 0 5px 5px}.sidemenu .filter-container .filter-list.hidden{visibility:hidden}.sidemenu .filter-container .filter-list .filter-item{color:#f36548}.sidemenu .filter-container .filter-list .filter-item .icon-type{margin:0 .5em 0 0}.sidemenu .filter-container .filter-list .filter-item input{display:none}.sidemenu .filter-container .filter-list .filter-item label{margin:1em 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sidemenu .filter-container .filter-list .filter-item input+label::before{margin:0 .8em 0 0;box-sizing:border-box;display:inline-block;content:"";border:1px solid #f36548;border-radius:50%;color:#f36548;width:1.1em;height:1.1em;text-align:end}.sidemenu .filter-container .filter-list .filter-item input:checked+label::before{content:"🗸"}.sidemenu .favorite-tab-container,.sidemenu .spot-tab-container{-webkit-box-flex:1;-ms-flex:1;flex:1;list-style:none;overflow:auto}.sidemenu .places-container .place-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.7em .4em .7em .7em;margin:0 0 .35em;color:#fff;border:0 solid #bf543e;border-left-width:1em}.sidemenu .places-container .place-item.disabled{color:#ffac9b}.sidemenu .places-container .place-item:last-child{margin:0}.sidemenu .places-container .place-item:not(.disabled):hover{background-color:#fff;color:#f36548}.sidemenu .search-label{color:#fff;line-height:1.2em;padding:0 1em}.sidemenu .search-label.extra-space{padding:0 1em 3.13em}.sidemenu .search-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:.4em .7em 1em 1em}.sidemenu .places-container .remove-favorite-button,.sidemenu .search-field .add-favorite-button,.sidemenu .search-field .search{outline:0;border:none}.sidemenu .search-field .add-favorite-button,.sidemenu .search-field .search{padding:0 .6em;line-height:2.5em}.sidemenu .places-container .remove-favorite-button{padding:.3em .6em;line-height:2em}.sidemenu .places-container .remove-favorite-button,.sidemenu .search-field .add-favorite-button{border-radius:8px}.sidemenu .search-field .search{width:14.6em;color:#f36548}.sidemenu .search-field .add-favorite-button{color:#fff}.sidemenu .search-field .add-favorite-button:active{background-color:#fff;color:#f36548}.sidemenu .places-container .remove-favorite-button{color:#f36548;border:1px solid #f36548;background-color:#fff}.sidemenu .places-container .remove-favorite-button:active{background-color:#f36548;color:#fff}.spot-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Open Sans",sans-serif;font-size:1.1em}.spot-info header{margin:.5em 0;color:#f36548;font-size:1.2em}.spot-info .spot-description,.spot-info .spot-image{max-width:38em}.spot-info .spot-image{width:100%}.spot-info p{width:100%;margin:.4em 0 .8em}.spot-info .spot-description{text-align:justify;font-size:1em;margin:0 0 1.4em}.spot-info .label{color:#f36548;font-weight:700}.spot-info .spot-current-people{float:left}.spot-info .spot-rating{float:right}.spot-info .spot-footer{-ms-flex-item-align:end;align-self:flex-end}@media screen and (max-width:1200px){.sidemenu{font-size:.9em}.spot-info{font-size:.9em}}@media screen and (max-width:700px){.sidemenu{font-size:.8em}.spot-info{font-size:.85em}.spot-info .spot-description,.spot-info .spot-image{max-width:25em}}@media screen and (max-width:400px){.spot-info{font-size:.8em}.spot-info .spot-description,.spot-info .spot-image{max-width:24em}}