/**********CONTENTS                                  **********/
/**********RESET CSS Line 6                          **********/
/**********MONTANA.GOV TEMPLATE CSS Line 39          **********/
/**********MONTANA.GOV TEMPLATE IE7 CSS FIX Line 111 **********/

/**********RESET CSS BEGIN**********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}
/* ol, ul {list-style:none;} Commented out from original to preserve existing diversity of lists */
blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        /*content:'';*/
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*NOW SOME MT.GOV SPECIFIC RULES BASED ON WEBKIT DEFAULTS  -- remove for next template, should be in mt.gov css */
html, body {
    height: 100%
}

p, blockquote, dl, ol, ul, fieldset, form, table {
    margin: 1em 0;
}

h1 {
    margin: 0.67em 0;
}

h2 {
    margin: 0.83em 0;
}

h3 {
    margin: 1em 0;
}

h4 {
    margin: 1.33em 0;
}

h5 {
    margin: 1.67em 0;
}

h6 {
    margin: 2.33em 0;
}

b, strong {
    font-weight: bolder;
}

i, em {
    font-style: italic;
}

blockquote {
    padding-left: 2.5em;
}

ol, ul {
    list-style-position: outside;
    padding-left: 2.5em;
}
/*MT.GOV SPECIFIC END  -- remove for next template, should be in mt.gov css */

/**********RESET CSS END**********/


/**********MONTANA.GOV TEMPLATE CSS BEGIN**********/
body {
    min-height: 100%;
    background-size: cover !important;
    background-position: center top;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

    body.bgTop {
        background-position: center top !important;
    }

    body.bgBottom {
        background-position: center bottom !important;
    }

    body.bgCenter {
        background-position: center center !important;
    }
/*html, body, #template-header, #template-footer {height:100%;margin:0;padding:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}*/
#template-header, #template-footer {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/*TEMPLATE HEADER*/
#template-header {
    display:flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    height: 4em !important;
    background-color: #ffffff;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    border-bottom: 1px solid #dbdcde;
    padding: 0 .5em !important;
}

#template-header-logo {
    width: 248px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#template-header-nav, #template-header-nav li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#template-header-nav {
    float: right;
    margin: 0;
    padding: 0;
}

    #template-header-nav li {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        position: relative;
    }

        #template-header-nav li a {
            font-size: .8em !important;
            color: #3E5B5D;
            text-decoration: none;
            padding: 1.7em 1.5em;
            display: inline-block;
            letter-spacing: 1px;
            text-transform: uppercase;
            line-height: 1.5 !important;
        }

*:first-child + html header#template-header ul#template-header-nav li a {
    text-decoration: none;
    padding: 0.625em;
    display: inline-block;
    text-transform: uppercase; /* for IE 6, 7 */
}

#template-header-nav li a:hover {
    background-color: #eeeeee;
    text-decoration: underline;
}

#template-search-button {
    height: 100%;
    min-height: 32px;
    width: 44px;
    position: absolute;
    top: 0;
    right: 0;
    border:none;
    border-radius:0;
    font-size: 18px;
    color:#fff;
    background:#3e5c5e;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #template-search-button:hover, #template-search-button:focus {
        cursor: pointer;
        background:#272f3b;
    }

    #template-search-button.advancedsearch {
        right: 18px;
    }

#template-search-item {
    width: 100%;
    font-size: .9rem;
    border:2px solid #7b7b7b;
    border-radius:9999rem;
    padding:.25rem .5rem;
    height:32px;
    margin:0;
}

    #template-search-item.advancedsearch {
        padding-right: 3.5em;
    }

#template-search-wrap {
    background: #fff;
    width: clamp(207px, 20vw, 280px);
    border-radius: 9999rem;
    overflow: hidden;
    position: relative;
}

#template-search-advanced {
    padding-bottom: 1em;
    top: 36px;
    right: 0;
    z-index: 1000;
    height: auto;
    width: 200px;
    position: absolute;
    background-color: rgb(239,239,239);
    border-top: 1px solid #897A67;
    display: none;
}

    #template-search-advanced h1 {
        margin: 0;
        font-size: .75em;
        color: #555555;
        padding: 1em;
        font-weight: bold;
    }

    #template-search-advanced span {
        padding: .5em 1em;
        display: list-item;
        color: rgb(46, 119, 124);
        display: block;
        padding-left: 1.5em;
        text-transform: uppercase;
    }

#template-search-advancedbtn {
    font-size: 1em;
    z-index: 1006;
    position: absolute;
    top: 11px;
    right: 4px;
}

    #template-search-advancedbtn:hover, #template-search-advanced span {
        cursor: pointer;
    }

a[name], .template-header-offset {
    position: absolute;
    margin-top: -110px;
}

@media only screen and (max-width:50em) {
    #template-header-nav li a {
        padding: 1.7em 1em !important;
    }
}

@media screen and (max-width:48em) {
    #template-header .tagline {
        display: none;
    }

    #template-header {
        height: auto !important;
        position: relative !important;
        border-bottom: none;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        width: 100%;
        padding:0!important;
    }

    #template-header-logo {
        padding: .25rem 0 .25rem .25rem !important;
        border: none !important;
        width: 100% !important;
        height: auto !important;
    }

    #template-header-nav {
        display: none;
    }

    #template-search-wrap {
        width: 100%;
        border: .5em solid rgba(51,51,51, .7);
        border-radius: 0;
    }

    #template-search-item {
        width: 100%;
        background: none repeat scroll 0 0 #efefef;
        border:none;
        border-radius: 0;
    }

        #template-search-item.advancedsearch {
            margin: 0 !important;
            padding: 0 !important;
        }

        #template-search-button.advancedsearch {
            right: 35px;
        }

    #template-header-wrapper {
        height: auto !important;
        position: relative !important;
    }

    #template-search-advancedbtn {
        height: 18px;
        font-size: 1.5em;
        right: 0;
        top: 0;
        padding: .2em;
        color: #6E9699;
        background-color: #DDDDDD;
    }

    #template-search-advanced {
        font-size: 100%;
        top: 26px;
        right: 0;
    }

        #template-search-advanced span {
            padding: 1em;
            right: 8px;
        }
}

@media print {
    #template-header {
        position: relative;
    }

    #template-search-button {
        display: none;
    }

    #template-search-wrap {
        display: none;
    }

    #template-header-nav {
        display: none;
    }
}

/*TEMPLATE PAGE WRAPPER*/
#template-page-wrapper {
    min-height: 100%;
}

img.bg { /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px; /* Set up proportionate scaling */
    width: 100%;
    height: auto; /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

@media screen and (max-width:1024px) { /* Specific to this particular image */
    img.bg {
        left: 50%;
        margin-left: -512px; /* 50% */
    }
}

#template-layout-push {
    height: 128px;
}

/*STICKY FOOTER CSS*/
#template-layout-wrapper {
    margin: auto 0 -64px auto;
    min-height: 100%;
    height: auto !important;
}

/*TEMPLATE FOOTER*/
#template-footer {
    width: 100%;
    height: auto;
    min-height: 64px;
    padding: .25rem 1rem;
    box-sizing: border-box;
    border-top: 1px solid #897A67;
    position: relative;
    background-color: #ffffff;
    display:flex;
    flex-flow:row wrap;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#template-footer-logo {
    float: right;
    margin: 0;
    padding: 0;
    border: none;
}

#template-footer-nav {
    text-align: center;
    list-style: none outside none;
    padding: 0 .5em;
    z-index: 10;
    margin-bottom: 0;
    bottom: 0;
    line-height: 1.6;
    display: flex;
    flex:1 1 auto;
    flex-flow:row wrap;
    justify-content: center;
}

    #template-footer-nav li {
        list-style-type: none;
        float: none;
        color: #FFF;
        display: inline;
        padding: 0;
        margin: 0;
    }

        #template-footer-nav li a {
            font-size: .8em;
            color: #3E5B5D;
            text-decoration: none;
            padding: 1.45em 1.5em;
            display: inline-block;
            letter-spacing: 1px;
            margin: 0px;
            float: left;
            width: auto;
            text-transform: uppercase;
        }

        *:first-child + html #template-footer-nav li a {
            text-decoration: none;
            padding: 1.8em 1em;
            display: inline-block;
            text-transform: uppercase; /* for IE 6, 7 */
        }

@media screen and (max-width:48em) {
    #template-footer {
        width: 100%;
        padding: 1rem;
        text-align: center;
        position: relative;
        justify-content: center;
        gap:1rem;
        background-color: #ffffff;
    }

    #template-footer-nav {
        width: 100%;
        display: grid;
        justify-content: center;
        align-items: center;
        align-content: center;
        gap:1rem;
    }

        #template-footer-nav li {
            float: none;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            #template-footer-nav li a {
                padding: 1em;
                display: block;
                width: 100%;
                color: #ffffff;
                background-color: #3E5B5D;
            }

    #template-footer-logo {
        padding:0;
    }
}

@media print {
    #template-footer-logo {
        display: none;
    }

    #template-footer > a {
        display: none;
    }

    #template-footer-nav {
        width: 50em;
    }

        #template-footer-nav li {
            display: none;
        }
}

#template-footer-nav li a:hover {
    background-color: #eeeeee;
    text-decoration: underline;
    position: relative;
    color: #4D6A6D;
}

/**********MONTANA.GOV TEMPLATE CSS END**********/

#template-header #template-header-nav.search, #template-header #template-header-nav.search li, #template-header #template-header-nav.search li a {
    height: 100%;
}

@media print {
    #bgImg {
        display: none;
    }
}

/**********MONTANA.GOV TEMPLATE IE7 CSS FIX BEGIN**********/
html.lt-ie8 #template-header-nav {
    right: 0px;
    width: auto;
    position: absolute;
    height: 100%;
}

    html.lt-ie8 #template-header-nav li {
        display: inline;
        zoom: 1;
        vertical-align: middle;
        height: 100%;
        overflow: hidden;
    }

        html.lt-ie8 #template-header-nav li a {
            height: 100%;
            padding-top: 1.8em !important;
        }

html.lt-ie8 #template-search {
    padding-right: 1em;
}

html.lt-ie8 #template-search-button {
    margin-left: 175px;
}

html.lt-ie8 #template-search-advancedbtn {
    margin-top: 1.5em;
    margin-left: 205px;
}

html.lt-ie8 #template-search-advanced {
    right: 8px;
    width: 220px;
}
/**********MONTANA.GOV TEMPLATE IE7 CSS FIX END**********/


/**********MONTANA.GOV Amber Alert Header Start**********/
#template-AmberAlertHead {
    z-index: 99;
    top: 0;
    position: fixed;
    width: 100%;
    display: block;
    color: #fff;
    background: #8b0000 url("//template.mt.gov/resources/template/images/MK_amberAlert.png") center right no-repeat;
    text-align: center;
    background-size: auto 70%;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

    #template-AmberAlertHead .template-amberAlertGroup {
        margin: 0 auto;
        display: block;
        width: 100%;
        overflow: hidden;
        height: auto;
        padding: 0;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

        #template-AmberAlertHead .template-amberAlertGroup .template-amberAlertItem {
            display: inline-block;
            padding: 8px 0 8px 0 !important;
            margin: 0 15px;
            overflow: hidden !important;
            -webkit-box-sizing: border-box !important;
            -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
        }

            #template-AmberAlertHead .template-amberAlertGroup .template-amberAlertItem label {
                color: #fff;
                display: inline-block !important;
                height: 32px !important;
                padding: 8px 0 !important;
                text-align: center;
                margin: 0;
                font-size: 16px !important;
                line-height: 16px !important;
                font-weight: 400 !important;
                -webkit-box-sizing: border-box !important;
                -moz-box-sizing: border-box !important;
                box-sizing: border-box !important;
                font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
            }

            #template-AmberAlertHead .template-amberAlertGroup .template-amberAlertItem a {
                background: #8b0000;
                color: #fff;
                border: 1px solid #fff;
                text-decoration: none;
                width: 49%;
                height: 32px !important;
                padding: 8px !important;
                max-width: 250px;
                font-size: 16px !important;
                line-height: 16px !important;
                font-weight: 400 !important;
                -webkit-box-sizing: border-box !important;
                -moz-box-sizing: border-box !important;
                box-sizing: border-box !important;
                font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
            }

                #template-AmberAlertHead .template-amberAlertGroup .template-amberAlertItem a:hover {
                    background: #660000;
                }

@media screen and (max-width:600px) {
    #template-AmberAlertHead .template-amberAlertGroup {
        height: 48px;
    }

        #template-AmberAlertHead .template-amberAlertGroup .template-amberAlertItem {
            padding: 0 !important;
            overflow: visible !important;
        }

            #template-AmberAlertHead .template-amberAlertGroup .template-amberAlertItem label {
                display: block !important;
                height: unset !important;
                padding: 4px 0 !important;
                font-size: 12px !important;
                line-height: 12px !important;
            }

            #template-AmberAlertHead .template-amberAlertGroup .template-amberAlertItem a {
                width: auto;
                height: unset !important;
                padding: 4px !important;
                font-size: 12px !important;
                line-height: 12px !important;
                padding: 4px !important;
            }
}
/**********MONTANA.GOV Amber Alert Header End**********/
/**********MONTANA.GOV Alert box Header Start**********/
#template-BOXAmberAlertHead {
    z-index: 99;
    top: 0;
    position: fixed;
    float: left;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    background-size: auto 70%;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

    #template-BOXAmberAlertHead .template-amberAlertGroup {
        margin: 0 auto;
        display: block;
        width: 100%;
        overflow: hidden;
        height: auto;
        padding: 0;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

#templateBOX-AmberAlertHead .template-BOXamberAlertGroup .template-BOXamberAlertItem {
    clear: both;
    display: block;
    width: 100%;
    height: 64px;
    padding: 8px 0 8px 0 !important;
    overflow: hidden !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

#template-BOXAmberAlertHead .template-BOXamberAlertGroup .template-BOXamberAlertItem label {
    color: #fff;
    display: inline-block !important;
    height: 32px !important;
    padding: 8px 0 !important;
    border: 1px solid #8b0000;
    text-align: center;
    margin: 0;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

#template-BOXAmberAlertHead .template-BOXamberAlertGroup .template-BOXamberAlertItem a {
    display: inline-block !important;
    background: #8b0000;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    width: 49%;
    height: 32px !important;
    padding: 8px 8px !important;
    max-width: 250px;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

    #template-BOXAmberAlertHead .template-BOXamberAlertGroup .template-BOXamberAlertItem a:hover {
        background: #660000;
    }

@media screen and (min-width:700px) {
    .template-BOXamberAlertItem {
        padding-top: 10px !important;
    }
}

@media screen and (min-width:1400px) {
    .template-BOXamberAlertItem {
        padding-top: 15px !important;
    }
}
/**********MONTANA.GOV  Alert box Header End**********/
