.park-card[data-v-65506e84]{box-shadow:1px 1px 15px rgba(0,0,0,.125);transition:.3s ease;max-width:480px;width:100%;background-color:#e2e4e3}.park-card[data-v-65506e84]:hover{box-shadow:1px 1px 30px rgba(0,0,0,.75);cursor:pointer}.park-card__header[data-v-65506e84]{width:100%;height:0;padding-bottom:33.333%;position:relative;background-color:#373d39}.park-card__name[data-v-65506e84]{z-index:2;color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,.75);font-size:1.5em;line-height:1.25;margin:15px;position:absolute;top:0;left:0;width:calc(100% - 30px);height:calc(100% - 30px);display:flex;align-items:center;justify-content:center}.park-card__image[data-v-65506e84]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1;filter:brightness(.5)}.park-card__info[data-v-65506e84]{padding:15px}.slideDown[data-v-0760f07a]{animation-name:slideDown-data-v-0760f07a;-webkit-animation-name:slideDown-data-v-0760f07a;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes slideDown-data-v-0760f07a{0%{transform:translateY(-100%)}65%{transform:translateY(0)}80%{transform:translateY(1%)}to{transform:translateY(0)}}@-webkit-keyframes slideDown-data-v-0760f07a{0%{-webkit-transform:translateY(-100%)}65%{-webkit-transform:translateY(0)}80%{-webkit-transform:translateY(1%)}to{-webkit-transform:translateY(0)}}.modal[data-v-0760f07a]{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content[data-v-0760f07a]{background-color:#fefefe;margin:15px auto;border:1px solid #888;width:80%;position:relative}.close[data-v-0760f07a]{color:#e1e1e1;position:absolute;top:15px;right:15px;font-size:28px;font-weight:700;z-index:12}.close[data-v-0760f07a]:focus,.close[data-v-0760f07a]:hover{color:#aaa;text-decoration:none;cursor:pointer}p[data-v-0760f07a]{text-align:left;margin:15px 0}p strong[data-v-0760f07a]{display:block}.park-modal__header[data-v-0760f07a]{width:100%;height:0;padding-bottom:max(10%,60px);position:relative;z-index:11;background-color:#373d39}.park-modal__name[data-v-0760f07a]{z-index:12;color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,.75);font-size:1.5em;line-height:1.25;margin:15px;position:absolute;top:0;left:0;width:calc(100% - 30px);height:calc(100% - 30px);display:flex;align-items:center;justify-content:center;font-weight:700}.park-modal__background[data-v-0760f07a]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1;filter:brightness(.5) blur(5px)}.park-modal__content[data-v-0760f07a]{padding:15px;display:flex;flex-flow:column}.park-modal__image[data-v-0760f07a]{padding:15px}.park-modal__image-caption[data-v-0760f07a]{font-size:smaller;text-align:center}.park-modal__image img[data-v-0760f07a]{max-width:100%}.park-modal__info[data-v-0760f07a]{padding:15px}.park-modal__info-address[data-v-0760f07a]{display:block}.park-modal__info-button[data-v-0760f07a]{text-decoration:none;display:inline-block;background:#42b970;color:#fff;padding:.5rem 1.5rem;transition:.25s ease}.park-modal__info-button[data-v-0760f07a]:hover{opacity:.75}@media(min-width:768px){.park-modal__content[data-v-0760f07a]{flex-flow:row}.park-modal__image[data-v-0760f07a],.park-modal__info[data-v-0760f07a]{flex-basis:50%}}body,html{margin:0;padding:0;font-size:16px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#373d39;padding:1rem;background:#9eb5a8;min-height:100vh}h1,h2{font-weight:400}p{margin:7.5px 0}ul{list-style-type:none;padding:0}li{display:inline-block}a{color:#42b970}.search-wrapper{position:relative;display:flex;min-width:100px;max-width:480px;margin:auto}.search{border:1px solid #999;border-radius:5px;height:25px;width:100%;padding:2px 23px 2px 30px;outline:0;background-color:#f5f5f5}.search-icon{position:absolute;top:8px;left:8px;width:14px}.search:focus,.search:hover{border:1px solid #373d39;background-color:#fff}.parks-container{display:grid;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:30px;margin:30px}