/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
@font-face {
    font-family: 'FontAwesome';
    src: url("src/fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("src/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("src/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("src/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("src/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("src/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal; }

h1, h2 {
    font-family: 'Playfair Display', serif !important; }

h3, h4, h5 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important; }

.poppins {
    font-family: Poppins, sans-serif; }

html,
body {
    height: 100%;
    overflow-x: hidden;
    font-family: Roboto, sans-serif; }

.dnnEditState {
    position: relative; }

.dnnEditState .actionMenu {
    display: block !important; }

.error-404 {
    font-size: 100px; }

p {
    font-size: 1rem;
    line-height: 1.5; }

a:link, a:visited {
    font-family: Poppins;
    color: #D9991D;
    font-weight: 700; }

a:hover, a:target {
    text-decoration: none;
    color: #0E5B0E; }

ul {
    list-style-type: disc; }
    ul li {
        color: #3C7548;
        font-size: 1rem; }
        ul li p {
            color: #000;
            margin-bottom: 0.5rem; }

.green {
    color: #3C7548 !important; }

.black {
    color: #000 !important; }

.yellow {
    color: #D9991D !important; }

.font-size-1 {
    font-size: 1rem; }

.font-size-1-5 {
    font-size: 1.5rem;
    line-height: 1.5; }

.banner {
    position: relative; }
    .banner .container {
        position: absolute;
        bottom: 60px; }

.green-bg {
    background: #001A00; }
    .green-bg .row {
        /*padding-top: 6.25rem;
        padding-bottom: 6.25rem;*/ }
        @media (min-width: 1200px) {
            .green-bg .row .col-md-7 {
                /*padding-left: 5rem;*/ } }
    .green-bg h2 {
        font-size: 3.75rem; }
    .green-bg p {
        color: #CDDBD0;
        text-align: center; }
    .green-bg .lg-text-sans {
        font-size: 2rem;
        font-weight: 700;
        font-family: Poppins, sans-serif; }
    .green-bg .lg-text-serif {
        font-size: 3.25rem;
        font-family: 'Playfair Display', serif; }
        @media (max-width: 767px) {
            .green-bg .lg-text-serif {
                font-size: 2.25rem; } }
        .green-bg .lg-text-serif a:link, .green-bg .lg-text-serif a:visited {
            font-family: 'Playfair Display', serif; }
        .green-bg .lg-text-serif a:hover, .green-bg .lg-text-serif a:target {
            color: #D9991D; }
    .green-bg figcaption {
        color: #3C7548;
        font-family: Roboto, sans-serif;
        font-size: 1rem; }

.map-background {
    background: url("/portals/_default/skins/MissouriParksAssociation/images/mo-parks-bg-3.jpg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover; }
    .map-background h2 {
        font-size: 3.75rem; }
    @media (min-width: 1200px) {
        .map-background .row .col-md-7 {
            padding-right: 5rem; }
            .map-background .row .col-md-7 .theme-container {
                padding-top: 6.25rem;
                padding-bottom: 6.25rem; } }

.substaining .forest-bg {
    margin-top: 5rem; }

.forest-bg {
    background: url("/portals/_default/skins/MissouriParksAssociation/images/mo-parks-bg-1.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover; }
    .forest-bg .feature-call-out {
        margin-bottom: 3.75rem; }

.align-items-center {
    align-items: center; }

.pb-o {
    padding-bottom: 7.5rem; }

.missouri-state-image {
    width: 100%; }
    @media (max-width: 767px) {
        .missouri-state-image {
            padding-bottom: 1rem; } }

.missouri-parks-book {
    width: 100%; }
    @media (max-width: 767px) {
        .missouri-parks-book {
            padding-top: 3rem; } }

.featured-park-photos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 360px 277px;
    grid-gap: 0.9375rem;
    position: relative;
    justify-content: center;
    align-content: bottom; }
    .featured-park-photos img {
        width: fit-content;
        height: 100%; }
    .featured-park-photos-main {
        grid-column: 1 / 5;
        grid-row: 1 / 2;
        box-shadow: 0px 5px 30px #231F20;
        border-radius: 15px;
        overflow: hidden;
        justify-content: center; }
    .featured-park-photos-left {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        box-shadow: 0px 5px 30px #231F20;
        border-radius: 15px;
        overflow: hidden;
        justify-content: center;
        display: flex; }
        .featured-park-photos-left img {
            align-self: center; }
        @media (max-width: 767px) {
            .featured-park-photos-left {
                grid-column: 1 / 3; } }
    .featured-park-photos-right {
        grid-column: 2 / 5;
        grid-row: 2 / 3;
        box-shadow: 0px 5px 30px #231F20;
        border-radius: 15px;
        overflow: hidden;
        justify-content: center; }
        @media (max-width: 767px) {
            .featured-park-photos-right {
                grid-column: 3 / 5; } }

.featured-title {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 3.2px;
    color: #fd7e14;
    text-transform: uppercase; }

.tags-title {
    font-size: 1rem;
    font-weight: 700; }

@media (min-width: 1200px) {
    .home .container-fluid {
        padding-left: 5.625rem;
        padding-right: 5.625rem; } }

@media (max-width: 767px) {
    .featured-park {
        margin-top: 2.75rem; } }

@media (min-width: 1200px) {
    .featured-park {
        padding-left: 1.5rem; } }

.featured-park h2 {
    font-size: 3.75rem;
    color: #3C7548; }

.featured-park p {
    font-size: 1.5rem;
    line-height: 1.5;
    padding-bottom: 2rem; }
    .featured-park p .btn {
        margin-bottom: 1rem; }

.featured-park .park-tags {
    padding-top: 1.5rem; }

*,
*::before,
*::after {
    box-sizing: border-box; }

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block; }

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #414042;
    text-align: left;
    background-color: #fff; }

[tabindex="-1"]:focus {
    outline: 0 !important; }

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible; }

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem; }

p {
    margin-top: 0;
    margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none; }

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit; }

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0; }

dt {
    font-weight: 700; }

dd {
    margin-bottom: .5rem;
    margin-left: 0; }

blockquote {
    margin: 0 0 1rem; }

b,
strong {
    font-weight: bolder; }

small {
    font-size: 80%; }

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline; }

sub {
    bottom: -.25em; }

sup {
    top: -.5em; }

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent; }
    a:hover {
        color: #0056b3;
        text-decoration: underline; }

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none; }
    a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
        color: inherit;
        text-decoration: none; }
    a:not([href]):not([tabindex]):focus {
        outline: 0; }

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em; }

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto; }

figure {
    margin: 0 0 1rem; }

img {
    vertical-align: middle;
    border-style: none; }

svg {
    overflow: hidden;
    vertical-align: middle; }

table {
    border-collapse: collapse; }

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #808285;
    text-align: left;
    caption-side: bottom; }

th {
    text-align: inherit; }

label {
    display: inline-block;
    margin-bottom: 0.5rem; }

button {
    border-radius: 0; }

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }

button,
input {
    overflow: visible; }

button,
select {
    text-transform: none; }

select {
    word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none; }

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox; }

textarea {
    overflow: auto;
    resize: vertical; }

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0; }

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal; }

progress {
    vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto; }

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button; }

output {
    display: inline-block; }

summary {
    display: list-item;
    cursor: pointer; }

template {
    display: none; }

[hidden] {
    display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit; }

h1, .h1 {
    font-size: 2.5rem; }

h2, .h2 {
    font-size: 2rem; }

h3, .h3 {
    font-size: 1.75rem; }

h4, .h4 {
    font-size: 1.5rem; }

h5, .h5 {
    font-size: 1.25rem; }

h6, .h6 {
    font-size: 1rem; }

.lead {
    font-size: 1.25rem;
    font-weight: 300; }

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2; }

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2; }

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2; }

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2; }

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
    font-size: 80%;
    font-weight: 400; }

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3; }

.list-unstyled {
    padding-left: 0;
    list-style: none; }

.list-inline {
    padding-left: 0;
    list-style: none; }

.list-inline-item {
    display: inline-block; }
    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem; }

.initialism {
    font-size: 90%;
    text-transform: uppercase; }

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem; }

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #808285; }
    .blockquote-footer::before {
        content: "\2014\00A0"; }

.dnnEditState .sr-main-heder {
    background: #000;
    position: relative !important; }

.sr-main-heder {
    padding-top: 1rem;
    position: absolute;
    z-index: 9999;
    width: 100%; }
    .sr-main-heder .logo {
        width: 260px; }
        @media (min-width: 768px) {
            .sr-main-heder .logo {
                margin-right: 3rem; } }
    .sr-main-heder .container .row {
        align-items: center; }
        .sr-main-heder .container .row .logo {
            padding-right: 1rem; }
    @media (min-width: 992px) {
        .sr-main-heder .navbar-nav {
            flex-direction: row; } }
    .sr-main-heder .navbar-nav .dropdown-menu {
        position: absolute !important; }
    .sr-main-heder .navbar-nav .dropdown-menu {
        top: 38px !important; }
    .sr-main-heder .nav-link {
        font-family: Poppins;
        font-weight: 700;
        color: #fff;
        display: table;
        text-align: left; }
        @media (min-width: 992px) {
            .sr-main-heder .nav-link {
                padding-left: 0.9375rem;
                padding-right: 0.9375rem; } }
        .sr-main-heder .nav-link:hover, .sr-main-heder .nav-link:target {
            background: #fff;
            color: #3C7548; }
    .sr-main-heder .nav-item .dropdown .nav-link, .sr-main-heder .dropdown-item, .sr-main-heder .dropdown-item:focus, .sr-main-heder .dropdown-item:hover, .sr-main-heder .dropdown-item:visited {
        font-family: Poppins;
        font-weight: 500;
        color: #000; }
    .sr-main-heder .dropdown-toggle::after {
        display: none; }
    .sr-main-heder .subLevel {
        margin-left: 0 !important;
        list-style: none !important; }
    @media (min-width: 768px) {
        .sr-main-heder .hidden-md-up {
            display: none; } }
    @media (max-width: 1200px) {
        .sr-main-heder .top-bar-buttons {
            display: none; } }
    .sr-main-heder .btn-search-condensed {
        margin-right: 2rem; }
    .sr-main-heder .btn {
        margin-right: 0.9375rem; }
    @media (min-width: 992px) {
        .sr-main-heder .mobile-only {
            display: none; } }
    .sr-main-heder .navbar-toggler {
        margin-left: auto; }
        .sr-main-heder .navbar-toggler .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            margin: 4px 0 4px 0;
            transition: all 0.2s;
            background: #fff; }
    .sr-main-heder .navbar-collapse {
        background: #fff; }
        .sr-main-heder .navbar-collapse .nav-item {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            align-items: center; }
            .sr-main-heder .navbar-collapse .nav-item .icn {
                margin-left: auto;
                padding-right: 1rem; }
        .sr-main-heder .navbar-collapse .nav-link {
            color: #3C7548; }

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent; }

@media (max-width: 767px) {
    .dropdown-menu {
        position: relative !important;
        top: -50px !important;
        width: 100%;
        border: 0; } }

.bg-primary {
    background-color: #007bff !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important; }

.bg-secondary {
    background-color: #808285 !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #67696b !important; }

.bg-success {
    background-color: #3C7548 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #2b5333 !important; }

.bg-info {
    background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important; }

.bg-warning {
    background-color: #D9991D !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #ac7917 !important; }

.bg-danger {
    background-color: #dc3545 !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important; }

.bg-light {
    background-color: #E6E7E8 !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #cbced0 !important; }

.bg-dark {
    background-color: #001A00 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: black !important; }

.bg-white {
    background-color: #fff !important; }

.bg-transparent {
    background-color: transparent !important; }

footer {
    border-top: 5px solid #3C7548;
    padding-top: 2rem; }
    footer .footer-pane {
        position: relative;
        padding-bottom: 1rem; }
        @media (min-width: 992px) {
            footer .footer-pane {
                display: flex;
                flex-wrap: wrap; } }
    footer .footer-logo {
        width: 225px;
        margin-bottom: 1.875rem; }
    footer .footer-nav {
        width: 100%; }
        footer .footer-nav li {
            list-style: none;
            border-bottom: 1px solid #D1D3D4;
            padding-top: .75rem;
            padding-bottom: .75rem;
            width: 100%; }
            footer .footer-nav li a:link, footer .footer-nav li a:visited {
                color: #3C7548;
                font-weight: 600; }
                 footer .social-media-footer svg {
    display: inline-block;
    max-width: 100%;
    height: 20px;
}
    @media (max-width: 991px) {
        footer .social-media-footer {
            padding-top: 1rem; }
            footer .social-media-footer a:link {
                line-height: 2; } }
    @media (min-width: 992px) {
        footer .social-media-footer {
            position: absolute;
            bottom: 0;
            right: 0; }
            
            }
    footer .bottom-footer {
        background: #001A00;
        color: #fff;
        margin-top: 2.75rem;
        padding-top: .5rem;
        padding-bottom: .5rem; }
        footer .bottom-footer a:link, footer .bottom-footer a:visited {
            color: #fff; }
        footer .bottom-footer ul {
            margin-bottom: 0; }

.btn, a.btn {
    border-radius: 30px;
    padding: .5rem 1rem;
    font-family: Poppins, sans-serif; }
    .btn.btn-large, a.btn.btn-large {
        font-size: 1.5rem; }
    .btn-yellow, a.btn-yellow {
        background: #D9991D;
        color: #fff; }
        .btn-yellow:hover, .btn-yellow:target, a.btn-yellow:hover, a.btn-yellow:target {
            background: #C25E23;
            color: #fff; }
    .btn-green, a.btn-green {
        background: #3C7548;
        color: #fff; }
        .btn-green:hover, a.btn-green:hover {
            background: #0E5B0E;
            color: #fff; }
    .btn-green-tint, a.btn-green-tint {
        background: #CDDBD0;
        color: #3C7548; }
        .btn-green-tint:hover, .btn-green-tint:target, a.btn-green-tint:hover, a.btn-green-tint:target {
            background: #3C7548;
            color: #CDDBD0; }
    .btn-white, a.btn-white {
        background: #fff;
        color: #3C7548; }
        .btn-white:hover, .btn-white:target, a.btn-white:hover, a.btn-white:target {
            background: #3C7548;
            color: #fff; }
    .btn-white-yellow-text, a.btn-white-yellow-text {
        background: #fff;
        color: #D9991D; }
        .btn-white-yellow-text:hover, .btn-white-yellow-text:target, a.btn-white-yellow-text:hover, a.btn-white-yellow-text:target {
            background: #D9991D;
            color: #fff; }

.btn-outline-white {
    border: 1px solid #fff; }

.btn-outline-yellow {
    border: 1px solid #D9991D;
    color: #D9991D !important;
    background: #fff; }
    .btn-outline-yellow:hover, .btn-outline-yellow:target {
        color: #fff !important;
        background: #D9991D; }

.btn-outline-green {
    border: 1px solid #3C7548;
    color: #3C7548 !important;
    background: #fff; }
    .btn-outline-green:hover, .btn-outline-green:target {
        color: #fff !important;
        background: #3C7548; }

.btn-search-condensed {
    width: 45px;
    height: 45px;
    border: 2px solid #fff;
    border-radius: 50px;
    background: transparent;
    color: #fff; }