@charset "utf-8";

html {
    font-size: 10px;
}

.main-container .row {
    display: block;
}

/* mobile nav */
@media all {
    @media (max-width:991px) {
        body.toggled .btn-close {
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1;
            visibility: visible;
            display: block;
        }

        body.toggled .overlay {
            display: block;
            cursor: pointer;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 999;
            background-color: rgba(0, 0, 0, 0.3);
            width: 100%;
            height: 100%;
        }

        .btn-close {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            visibility: hidden;
            display: none;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -moz-box-shadow: 0 12px 27px rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 0 12px 27px rgba(0, 0, 0, 0.15);
            box-shadow: 0 12px 27px rgba(0, 0, 0, 0.15);
            cursor: pointer;
            position: fixed;
            width: 48px;
            height: 48px;
            z-index: 1000;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            animation-fill-mode: both;
            animation-duration: 0.2s;
            animation-timing-function: ease-in-out;
            animation-name: fadeInFromNone;
            animation-delay: .5s;
        }

            .btn-close:before, .btn-close:after {
                content: '';
                width: 22px;
                height: 2px;
                border-radius: 1px;
                background-color: #1d252d;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -11px;
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -webkit-transform: rotate(0);
                transform: rotate(0);
                -moz-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

            .btn-close:before {
                margin-top: -1px;
                transform: rotate(45deg);
            }

            .btn-close:after {
                margin-top: -1px;
                transform: rotate(-45deg);
            }

        html body .btn-close {
            right: 10px !important;
            top: 82px !important;
            background: #97d700;
        }

        .main.navbar.active {
            left: 0;
            overflow-y: scroll;
            overflow-x: hidden;
            width: auto;
            height: fit-content;
            background-color: #fff !important;
            margin-top: 155px;
        }

        html body .search-block-form .btn {
            padding: 2px 12px !important;
            border-top-left-radius: 4px !important;
            border-bottom-left-radius: 4px !important;
        }
    }
}

@media (min-width:992px) {
    html body .search-block-form .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

/* headings */
@media all {
    html body h2 {
        font-size: 3.906rem;
        line-height: 4.883rem;
        font-weight: 300;
        color: #005151;
    }

    html body h3 {
        font-size: 2.5rem;
        line-height: 3.125rem;
    }

    html body h4 {
        font-size: 2rem;
        line-height: 2.5rem;
        color: #FFFFFF;
    }
}

/* lists */
ol, ul {
    padding-left: 1.5em;
}

.region-content li {
    font-size: 1.8rem;
}

/*! fontfaces */
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-brands-400.eot);
    src: url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-brands-400.eot#iefix) format("embedded-opentype"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-light-300.eot);
    src: url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-light-300.eot#iefix) format("embedded-opentype"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-light-300.woff2) format("woff2"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-light-300.woff) format("woff"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-light-300.ttf) format("truetype"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-light-300.svg#fontawesome) format("svg");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-regular-400.eot);
    src: url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-regular-400.eot#iefix) format("embedded-opentype"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg");
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-solid-900.eot);
    src: url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-solid-900.eot#iefix) format("embedded-opentype"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://wsdot.wa.gov/libraries/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg");
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6u8w4BMUTPHh30AUi-qNiXg7eU0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6u8w4BMUTPHh30AXC-qNiXg7Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh50XSwaPGQ3q5d0N7w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh50XSwiPGQ3q5d0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* components */
table thead tr th {
    background-color: #fff;
    color: #000;
    font-weight: 700;
}

table tbody tr {
    border-bottom: 1pt solid #ccc;
}

table tbody :nth-child(odd) td {
    background: #fff;
}

table tbody :nth-child(even) td {
    background-color: #F4F4F5;
}

table tbody tr td {
    vertical-align: top;
}


/* buttons */
button.btn {
    color: #fff;
}

    button.btn::hover {
        background-color: #0b354d;
        color: #f9f9a5;
    }

button.btn-primary {
    background-color: #005151;
}

button.btn-info {
    background-color: #005151 !important;
    transition: background .5s ease;
    border-color: #005b7f;
    margin-top: 25px;
}

    button.btn-info::hover {
        background-color: #0b354d !important;
        color: #f9f9a5;
    }

button.btn-danger {
    background-color: #005151;
    transition: background .5s ease;
    border-color: #005b7f;
    margin-top: 3px;
}

    button.btn-danger::hover {
        background-color: #0b354d;
        color: #f9f9a5;
    }

.wsdot-logo-footer path, polygon {
    fill: #ffffff;
}