hr {
border-top: 1px solid #ddd;
margin-top: 15px;
margin-bottom: 15px;
}
.park-icon > h4 {
margin: 0;
font-size: 16px;
font-family: "Helvetica";
font-weight: normal;
letter-spacing: 1px;
padding-bottom: 15px;
}
.park-icon > h4 > span {
text-transform: uppercase;
display: inline-block;
padding: 10px;
border: 1px solid #ddd;
}
.park-icon ul.ul-icon-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.park-icon ul.ul-icon-list > li {
flex: 0 0 10%;
max-width: 10%;
text-align: center;
padding: 5px;
height: 110px;
}
.park-icon ul.ul-icon-list > li span {
height: 100%;
width: 100%;
border: 1px solid #ddd;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
.park-icon ul.ul-icon-list > li span > i {
font-size: 30px;
}
.park-icon ul.ul-icon-list > li span > label {
display: block;
margin: 0;
font-weight: normal;
font-family: helvetica;
font-size: 15px;
line-height: 1.2;
width: 100%;
}
.park-icon ul.ul-icon-list > li span:hover {
background: #f5f5f5;
}
.streamline-park > h4 > span {
background: #3194f5;
color: #FFf;
border-color: #3194f5;
}
.streamline-park ul.ul-icon-list > li span {
border-color: #3194f5;
}
.streamline-park ul.ul-icon-list > li span > i {
color: #3194f5;
}
.streamline-park ul.ul-icon-list > li span > label {
color: #666;
}
.linecons-park > h4 > span {
color: #FFF;
background: #751a1a;
border-color: #751a1a;
}
.linecons-park ul.ul-icon-list > li span {
border-color: #751a1a;
}
.linecons-park ul.ul-icon-list > li span > i {
color: #751a1a;
}
.linecons-park ul.ul-icon-list > li span > label {
color: #751a1a;
}
.themify-park > h4 > span {
color: black;
background: yellow;
border-color: yellow;
}
.themify-park ul.ul-icon-list > li span {
border-color: #f0a015;
}
.themify-park ul.ul-icon-list > li span > i {
color: #f0a015;
}
.themify-park ul.ul-icon-list > li span > label {
color: #666;
}
.rivolicon-park > h4 > span {
color: white;
background: green;
border-color: green;
}
.rivolicon-park ul.ul-icon-list > li span {
border-color: #7d7d7d;
}
.rivolicon-park ul.ul-icon-list > li span > i {
color: #7d7d7d;
}
.rivolicon-park ul.ul-icon-list > li span > label {
color: #999999;
}
.iconimg-park ul.ul-icon-list > li span {
border-color: #7d7d7d;
}
.iconimg-park ul.ul-icon-list > li span > i {
background: #4f9727;
padding: 5px;
box-shadow: 0px 0px 3px 0px #eee;
border-radius: 4px;
}
.iconimg-park ul.ul-icon-list > li span > i::before {
height: 30px;
width: 30px;
}
.iconimg-park ul.ul-icon-list > li span > label {
color: #999999;
}