/*
* Template Block Styles
*/
.park-info-block {
    background:var(--subtle-shade);
    margin:100px 0;
    padding:100px 15px;
}
.site .park-info-block__title {
        text-align:center;
    font-size:40px;
    font-weight:600;
    color:var(--primary-alt);
    margin:0 0 39px
}
.park-info-block__grid__item__icon {
    font-family:var(--font-awesome);
}
.park-info-block__grid {
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    max-width:var(--max-width);
    margin:auto;
    grid-gap:24px;
}

.park-info-block__grid__item {
    background:white;
    padding:24px;
    filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
    border-radius:8px;
    display: flex;
    flex-direction: column;
}
.park-info-block__grid__item:before {
    content:'';
    height:7px;
    width:calc(100% + 48px);
    background:var(--secondary);
    display:block;
    margin:-24px -24px 24px;
    border-radius:8px 8px 0 0;
}
.park-info-block__grid__item__icon:before {
    color:var(--primary-light);
    font-size: 30px;
    margin-bottom:20px;
    display:block;
    font-weight: 600;
}
.park-info-block__grid__item__title {
    font-weight:600;
    font-size:28px;
}
.park-info-block__grid__item__description {
    font-weight:300;
    line-height:26px;
    margin:8px 0 24px;
    flex-grow: 1;
}

@media(max-width:1100px) {
    .park-info-block__grid {
        grid-template-columns:1fr 1fr 1fr;
    }
}
@media(max-width:850px) {
    .park-info-block__grid {
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:650px) {
    .park-info-block__grid {
        grid-template-columns:1fr;
    }
    /*.park-info-block__grid__item__description {*/
    /*    display:none;*/
    /*}*/
    .park-info-block__grid__item__title {
        margin-bottom:30px
    }
    .park-info-block {
        margin:50px 0;
    }
}