footer {
    color: hsla(var(--text-white),1);
    position: relative;
    max-width: 1366px;
    margin: 0 auto;
    padding-top: 1.1em;
    margin-top: var(--space-md);
}
    
    
    
    @media (min-width: 1025px) {footer {
        margin-top: var(--space-xl);
        padding-top: var(--space-xl)
}

    }
    
    
    
    footer:before {
        -webkit-mask-image: url('./../../images/clipping-masks/FooterMask.svg');
                mask-image: url('./../../images/clipping-masks/FooterMask.svg');
        
        background-color: var(--color-purple);
        background-repeat: no-repeat;
        top: 0;
        content: '';
        width: 100%;
        height: 20px;
        display: block;
        position: absolute;
    }
    
    
    
    @media (min-width: 600px) {
    
    
    
    footer:before {
            height: 35px
    }
        }
    
    
    
    @media (min-width: 1025px) {
    
    
    
    footer:before {
            top: 2em;
            height: 70px
    }

        }
    
    
    
    footer .region:not(.region-footer-five) {
            margin-bottom: var(--space-md);
        }
    
    
    
    footer h3 {
        font-size: var(--step-4);
        font-weight: var(--bold-weight);
        color: #FFF;
    }
    
    
    
    @media (min-width: 600px) {
    
    
    
    footer h3 {
            font-size: var(--step-2)
    }
        }
    
    
    
    @media (min-width: 1025px) {
    
    
    
    footer h3 {
            font-size: var(--step-0)
    }

        }
    
    
    
    footer a:not(.link--button) {
        font-family: var(--sans-serif);
        text-decoration: none;
        color: hsla(var(--text-white));
        font-weight: var(--regular-weight);
        font-size: var(--step-2);
        border-bottom: 1px solid #FFF;
    }
    
    
    
    footer a:not(.link--button):hover {
            border-bottom: 1px solid transparent;
        }
    
    
    
    @media (min-width: 600px) {
    
    
    
    footer a:not(.link--button) {
            font-size: var(--step-1)
    }

        }
    
    
    
    @media (min-width: 1025px) {
    
    
    
    footer a:not(.link--button) {
            font-size: var(--step-0)
    }

        }
    
    
    
    footer a:not(.link--button).link--button {
            font-size: var(--step-2);
        }
    
    
    
    @media (min-width: 600px) {
    
    
    
    footer a:not(.link--button).link--button {
                font-size: var(--step-1)
        }
    
            }
    
    
    
    @media (min-width: 1025px) {
    
    
    
    footer a:not(.link--button).link--button {
                font-size: var(--step-0)
        }

            }
    
    
    
    footer a:not(.link--button).link--text-icon {
            text-decoration: none;           
        }
    
    
    
    footer a:not(.link--button) svg.ext {
            fill: #FFFFFF;
            padding-left: .25rem;
        }
    
    
    
    footer a:not(.link--button) svg.ext path {

                stroke: #FFFFFF;
            }
    
    
    
    footer p {
        color: var(--text-white);
        font-size: var(--step-2);

    }
    
    
    
    @media (min-width: 600px) {
    
    
    
    footer p {
            font-size: var(--step-1)

    }

        }
    
    
    
    @media (min-width: 1025px) {
    
    
    
    footer p {
            font-size: var(--step-0)

    }

        }
    
    
    
    footer ul {
        list-style: none;
        margin: var(--space-zero);
        padding-left: var(--space-zero);
    }
    
    
    
    footer ul li {
            line-height: 1.8;
            display: block;
            font-family: var(--sans-serif);
            
            font-size: var(--step-2);
        }
    
    
    
    @media (min-width: 600px) {
    
    
    
    footer ul li {
                font-size: var(--step-1)
        }
    
            }
    
    
    
    @media (min-width: 1025px) {
    
    
    
    footer ul li {
                font-size: var(--step-0)
        }

            }
    
    
    
    footer .main-footer {
        display: flex;
        flex-direction: column;
        background-color: var(--color-purple);
        padding: 2em 2.5%;
    }
    
    
    
    @media (min-width: 600px) {
    
    
    
    footer .main-footer {
            flex-direction: row;
            flex-wrap: wrap
    }
        }
    
    
    
    @media (min-width: 1025px) {
    
    
    
    footer .main-footer {
            flex-wrap: unset
    }
        }
    
    
    
    @media (min-width: 600px) {
    
    
    
    footer .main-footer > * {

                flex: 0 1 33%
            
        }

                footer .main-footer > *:first-of-type {
                    flex: 1 0 100%;
                }
            }
    
    
    
    @media (min-width: 1025px) {
    
    
    
    footer .main-footer > * {

                flex: 0 1 20%; 
                box-sizing: border-box
            
        }
    
                footer .main-footer > *:first-of-type {
                    flex: 1 0 30%;
                    padding-left: 5%;
                }
    
                footer .main-footer > *:last-of-type {
                    flex: 1 0 30%;
                    padding-right: 5%;
                }
            }
    
    
    
    footer .main-footer input[type="search"] {
            width: 100%;
        }
    
    
    
    footer .footer--subfooter {
            display: block;
        }
    
    
    
    footer .footer--subfooter p {
                
                font-size: var(--step-0);
                margin-bottom: var(--space-zero);
                padding: var(--space-l) var(--space-zero);

            }
    
    
    
    @media (min-width: 1025px) {
    
    
    
    footer .footer--subfooter p {
                    font-size: var(--step--2)

            }

                }

#block-rainier-washingtonfooter {
    background-color: var(--color-purple);
    padding: var(--space-sm) 2.5%;
}

@media (min-width: 1025px) {

#block-rainier-washingtonfooter {

        padding: 1em 0
}
    }

#block-rainier-washingtonfooter p {
        margin: 0 auto;
        text-align: center;
        color: var(--text-white);
    }

#block-rainier-washingtonfooter ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

@media (min-width: 600px) {

#block-rainier-washingtonfooter ul {
            flex-direction: row
    }

        }

@media (min-width: 1025px) {

#block-rainier-washingtonfooter ul {
            margin: 0
    }
        }

#block-rainier-washingtonfooter ul li {
            display: inline;
            padding: 0 .5em;
        }

#block-rainier-washingtonfooter ul li:first-of-type {
                padding-left: 0;
            }

#block-rainier-washingtonfooter ul li:last-of-type {
                padding-right: 0;
            }

#block-footermenu h3 {
        font-size: var(--step-4);
        font-weight: var(--bold-weight);
        color: #FFF;
    }

@media (min-width: 600px) {

#block-footermenu h3 {
            font-size: var(--step-2)
    }
        }

@media (min-width: 1025px) {

#block-footermenu h3 {
            font-size: var(--step-0)
    }

        }