.park-icon {
    display: inline-block;
    height: 1.6em;
    width: 1.6em;
    /*float: left;*/
    margin: 1px;
}
.park-icon-2x {
    height: 2em;
    width: 2em;
}
.icon-1 {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: 0px;
}
.icon-dayuse {
    background-image: url("/images/svg/icons/sun-solid.svg");
    background-repeat: no-repeat;
}
.icon-camping {
    background-image: url("/images/svg/icons/campground-solid.svg");
    background-repeat: no-repeat;
}
.icon-roofedaccom {
    background-image: url("/images/svg/icons/roofed_accommodation_reverse.svg");
    background-repeat: no-repeat;
}
.icon-backcountry {
    background-image: url("/images/svg/icons/tree-solid.svg");
    background-repeat: no-repeat;
}
.icon-winter {
    background-image: url("/images/svg/icons/snowflake-solid.svg");
    background-repeat: no-repeat;
}
.icon-ban {
    background-image: url("/images/svg/icons/ban-solid.svg");
    background-repeat: no-repeat;
}
.icon-shopping-cart {
    background-image: url("/images/svg/icons/shopping-cart-solid.svg");
    background-repeat: no-repeat;
}
.icon-plus-circle {
    background-image: url("/images/svg/icons/plus-circle-solid.svg");
    background-repeat: no-repeat;
}
.sopar-good {
    background-image: url("/images/svg/icons/sopar-good.svg");
    background-repeat: no-repeat;
}
.sopar-fair {
    background-image: url("/images/svg/icons/sopar-fair.svg");
    background-repeat: no-repeat;
}
.sopar-poor {
    background-image: url("/images/svg/icons/sopar-poor.svg");
    background-repeat: no-repeat;
}
.sopar-needs-improvement {
    background-image: url("/images/svg/icons/sopar-needs-improvement.svg");
    background-repeat: no-repeat;
}
.icon-user {
    background-image: url("/images/svg/icons/user-circle-solid.svg");
    background-repeat: no-repeat;
}
.icon-check-square {
    background-image: url("/images/svg/icons/check-square-solid.svg");
    background-repeat: no-repeat;
}
.stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em;
}
.stack-1 {
    left: 0;
    position: absolute;
    text-align: center;
    background-position: center;
    background-size: 1em;
    width: inherit;
    height: inherit;
}
.stack-1-4 {
    left: 0;
    position: absolute;
    text-align: center;
    background-position: center;
    background-size: 1.4em;
    width: inherit;
    height: inherit;
}
.stack-1-3 {
    left: 0;
    position: absolute;
    text-align: center;
    background-position: center;
    background-size: 1.3em;
    width: inherit;
    height: inherit;
}
.stack-1-2 {
    left: 0;
    position: absolute;
    text-align: center;
    background-position: center;
    background-size: 1.2em;
    width: inherit;
    height: inherit;
}
.stack-2 {
    line-height: inherit;
    left: 0;
    position: absolute;
    text-align: center;
    width: inherit;
    height: inherit;
}

/*colours for icons */
.icon-purple {
    filter: invert(.5) sepia(1) saturate(7) hue-rotate(230deg) brightness(60%);
}
.icon-yellow {
    filter: invert(.5) sepia(1) saturate(8) hue-rotate(350deg) brightness(98%);
}
.icon-light-green {
    filter: invert(.5) sepia(1) saturate(7) hue-rotate(100deg) brightness(95%);
}
.icon-green {
    filter: invert(.5) sepia(1) saturate(10) hue-rotate(90deg) brightness(69%);
}
.icon-dark-green {
    filter: invert(.5) sepia(1) saturate(7) hue-rotate(100deg) brightness(60%);
}
.icon-lime-green {
    filter: invert(69%) sepia(47%) saturate(5763%) hue-rotate(42deg) brightness(94%) contrast(91%);
}
.icon-op-brand-turqoise {
    filter: invert(54%) sepia(48%) saturate(626%) hue-rotate(122deg) brightness(84%) contrast(82%);
}
.icon-op-brand-green {
    filter: invert(23%) sepia(88%) saturate(6795%) hue-rotate(160deg) brightness(100%) contrast(103%);
}
.icon-op-brand-blue {
    filter: invert(25%) sepia(86%) saturate(4944%) hue-rotate(189deg) brightness(98%) contrast(97%);
}
.icon-op-brand-pink {
    filter: invert(26%) sepia(27%) saturate(3744%) hue-rotate(273deg) brightness(93%) contrast(91%);
}
.icon-op-brand-purple {
    filter: invert(16%) sepia(39%) saturate(4452%) hue-rotate(262deg) brightness(89%) contrast(91%);
}
.icon-light-blue {
    filter: invert(.5) sepia(1) saturate(7) hue-rotate(150deg) brightness(98%);
}
.icon-dark-red {
    filter: invert(.3) sepia(1) saturate(70) hue-rotate(350deg) brightness(61%);
}
.icon-sopar-good {
    filter: invert(.5) sepia(1) saturate(7) hue-rotate(130deg) brightness(75%);
}
.icon-white {
    filter: invert(1) sepia(0) saturate(100) hue-rotate(360deg) brightness(100%);
}
.facebook-color {
    filter: invert(.7) sepia(1) saturate(100) hue-rotate(190deg) brightness(80%);
}
.instagram-color {
    filter: invert(.7) sepia(1) saturate(100) hue-rotate(320deg) brightness(90%);
}