﻿#block-officialsite-3 {
    left: 6%;
}

    #block-officialsite-3 p {
        font-size: 0.9em;
        color: #D3D3D3;
        padding: 5px 5px 0;
        font-family: Trebuchet MS;
    }

        #block-officialsite-3 p img {
            padding-bottom: 5px;
        }

.header_official_site {
    background: #000;
    float: left;
    width: 100%;
    padding: 3px;
}

#block-stateorganizations-3 {
    text-align: right;
    padding-top: 4px;
    right: 8%;
}

    #block-stateorganizations-3 .field--name-body p {
        float: right;
    }

        #block-stateorganizations-3 .field--name-body p a {
            color: #fff;
            font-size: 0.9em;
            font-family: Trebuchet MS;
            text-decoration: underline;
            margin-left: 10px;
        }

            #block-stateorganizations-3 .field--name-body p a:hover, #block-stateorganizations .field--name-body p:hover {
                color: #e3c475;
            }

        #block-stateorganizations-3 .field--name-body p svg {
            float: left;
            padding-top: 6px;
        }

.top_header_fixed_section {
    clear: both;
    background-color: #fff;
}

.region-navigation a.logo img {
    width: 220px;
}

.navbar-default {
    background: white;
    border: none;
}

#block-mainmenuparks-2 ul:not(.tbm-subnav) li.tbm-item.level-1:last-child {
    display: none;
}

#block-mainmenuparks-2 button.tbm-button {
    float: right;
    background: url(/parks/drupal/themes/parks/mobile-menu-btn.png);
    padding: 14px 30px;
    background-repeat: no-repeat;
    border: none;
}

#block-mainmenuparks-2 .tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
    top: 30px;
    width: 100%;
}

#block-mainmenuparks-2 .tbm-menu-main-menu-parks {
    background: transparent;
}

    #block-mainmenuparks-2 .tbm-menu-main-menu-parks ul.tbm-nav {
        margin-top: 5%;
    }

#block-mainmenuparks-2 ul li .tbm-link.level-1, #block-mainmenuparks-2 ul li .tbm-item.level-2, #block-dnrbuttonmenu-2 ul li a {
    font-size: 15px;
    color: #484848 !important;
    text-transform: uppercase;
    padding: 15px 14px !important;
    font-family: Trebuchet MS;
}

#block-mainmenuparks-2 ul .tbm-item.level-1, #block-mainmenuparks-2 li .tbm-item.level-2.active.active-trail {
    border-right: none;
}

    #block-mainmenuparks-2 .tbm-link.level-1:hover, .tbm-link.level-1:focus, #block-mainmenuparks-2 li .tbm-item.level-2.active.active-trail:focus {
        background: none !important;
        text-decoration: none;
    }

#block-mainmenuparks-2 .tbm.tbm--mobile .tbm-submenu .tbm-link {
    background: none;
    padding: 0;
}

#block-mainmenuparks-2 .tbm-submenu {
    border-bottom: 3px solid #f99c24;
    width: 20%;
    left: 75%;
}

.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:hover, .tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link:focus {
    color: #484848 !important;
}

body {
    margin-top: 0;
}

header#navbar {
    margin-bottom: 0;
}

    header#navbar .navbar-header {
        width: 100%;
    }

#block-accordiondnrbuttonmenu {
    float: right;
    margin-top: 7px;
}

    #block-accordiondnrbuttonmenu div#header-ui-id-2 {
        display: none;
    }

    #block-accordiondnrbuttonmenu .ui-accordion-header-active div#header-ui-id-2 {
        display: block;
    }

    #block-accordiondnrbuttonmenu .ui-state-active div#header-ui-id-2 {
        display: block;
    }

    #block-accordiondnrbuttonmenu h2 {
        background-image: url("/parks/drupal/themes/parks/dnrButton-60x60.png");
        background-repeat: no-repeat;
        font-size: 0;
        height: 60px;
        width: 60px;
    }

    #block-accordiondnrbuttonmenu .ui-helper-reset {
        float: right;
    }

    #block-accordiondnrbuttonmenu .ui-icon-triangle-1-e {
        display: none;
    }

    #block-accordiondnrbuttonmenu .accordion_menus-block-content ul li {
        background: white none repeat scroll 0 0;
        border-bottom: 1px solid black;
        list-style: none;
        padding: 3px 0px 3px 0px;
    }

    #block-accordiondnrbuttonmenu .accordion_menus-block-content ul {
        padding: 4px 5px;
        margin: 0;
    }

        #block-accordiondnrbuttonmenu .accordion_menus-block-content ul li a {
            padding: 0;
            font-size: 15px;
        }

    #block-accordiondnrbuttonmenu .ui-accordion .ui-accordion-header {
        margin-top: 10px;
    }

    #block-accordiondnrbuttonmenu div#header-ui-id-2 {
        padding: 1em 2.2em;
        position: absolute;
        right: 16px;
        z-index: 99999;
        padding: 0;
        border: medium none;
        width: 165px;
        border: 1px solid gray;
        height: auto !important;
        margin-bottom: 5px;
    }

    #block-accordiondnrbuttonmenu .accordion_menus-block-content {
        padding: 1em 2.2em;
        border-top: 0;
        position: absolute;
        right: 20px;
        overflow: visible;
        z-index: 99999;
    }

    #block-accordiondnrbuttonmenu .ui-accordion .ui-accordion-header {
        margin-top: 10px;
    }

@media(max-width: 1199px) {
    #block-mainmenuparks-2 {
        padding: 10px;
    }
        #block-mainmenuparks-2 .tbm-menu-main-menu-parks ul.tbm-nav {
            margin-top: 0;
        }

        #block-mainmenuparks-2 .tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
            top: 60px;
            width: 100%;
            padding: 0;
        }

        #block-mainmenuparks-2 .tbm-menu-main-menu-parks .tbm-button-container span {
            background: none;
            border: none;
        }

        #block-mainmenuparks-2 .tbm-menu-main-menu-parks span.tbm-button-container span {
            border: none;
        }

        #block-mainmenuparks-2 ul:not(.tbm-subnav) li.tbm-item.level-1:last-child {
            display: block;
        }

        #block-mainmenuparks-2 .tbm-subnav li {
            background: #fff !important;
        }

    #block-accordiondnrbuttonmenu {
        padding: 0;
        width: auto;
        display:none;
    }

        #block-accordiondnrbuttonmenu .ui-accordion .ui-accordion-header {
        }

    #block-officialsite-3 {
        left: 0;
    }

    #block-stateorganizations-3 {
        right: 0;
    }
}

@media(max-width: 991px) {
    #block-mainmenuparks-2 .tbm-menu-main-menu-parks .tbm-button-container span {
        background: none;
        border: none;
    }

    #block-mainmenuparks-2 .tbm-menu-main-menu-parks span.tbm-button-container span {
        border: none;
    }

    #block-mainmenuparks-2 .tbm-menu-main-menu-parks ul.tbm-nav {
        margin-top: 0;
    }

    #block-mainmenuparks-2 .tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
        top: 60px;
        width: 100%;
        padding: 0;
    }

    #block-mainmenuparks-2 .tbm-menu-main-menu-parks ul.tbm-nav {
        margin-top: 0;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background: none;
    }

    #block-accordiondnrbuttonmenu {
        margin-top: 4px;
    }
}

@media(max-width: 767px) {
    #block-mainmenuparks-2 {
        padding: 0;
    }
        #block-mainmenuparks-2 .tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
            top: 60px;
            width: 100%;
            padding: 0;
        }

        #block-mainmenuparks-2 .tbm-menu-main-menu-parks .tbm-button-container span {
            background: none;
            border: none;
        }

        #block-mainmenuparks-2 .tbm-menu-main-menu-parks span.tbm-button-container span {
            border: none;
        }

        #block-mainmenuparks-2 .tbm-menu-main-menu-parks ul.tbm-nav {
            margin-top: 0;
        }

    .pull-left {
        display: flex;
        flex-wrap: wrap;
        flex-basis: 100%;
        flex-direction: column;
    }

    #navbar.logo.navbar-btn.pull-left {
        margin-top: 0;
    }

    .navbar a.logo img {
        float: left;
        width: 160px;
    }

    .header#navbar .navbar-header {
        margin-bottom: 10px;
    }

        .header#navbar .navbar-header.col-xs-6.col-sm-3.col-lg-3 {
            padding: 0;
        }

    header#navbar .navbar-header {
        padding: 0;
    }

    header#navbar {
        padding: 5px 0px 0px 0px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: none;
    }

    #navbar a.logo {
        margin: 0;
        padding: 0;
        width: 200px;
    }

    #block-accordiondnrbuttonmenu {
        float: right;
        padding: 0px 10px 0px 0px;
        margin: 0;
        width: 10%;
    }

        #block-accordiondnrbuttonmenu .ui-accordion .ui-accordion-header {
            margin-top: 0;
        }

    #block-officialsite-3 p {
        text-align: center;
    }

    #block-stateorganizations-3 {
        right: 0;
        padding-top: 0;
    }

        #block-stateorganizations-3 .field--name-body p {
            text-align: center;
            float: none;
        }

            #block-stateorganizations-3 .field--name-body p svg {
                float: none;
            }
}

@media(max-width: 639px) {
    #block-mainmenuparks-2 {
        padding: 0;
        float: right;
        padding-right: 10px;
    }
        #block-mainmenuparks-2 .tbm.tbm--mobile.tbm--mobile-show .tbm-collapse {
            top: 60px;
            width: 100%;
            padding: 0;
        }

        #block-mainmenuparks-2 .tbm-menu-main-menu-parks .tbm-button-container span {
            background: none;
            border: none;
        }

        #block-mainmenuparks-2 .tbm-menu-main-menu-parks span.tbm-button-container span {
            border: none;
        }

        #block-mainmenuparks-2 .tbm-menu-main-menu-parks ul.tbm-nav {
            margin-top: 0;
        }

    .pull-left {
        display: flex;
        flex-wrap: wrap;
        flex-basis: 100%;
        flex-direction: column;
    }

    #navbar.logo.navbar-btn.pull-left {
        margin-top: 0;
    }

    .header#navbar .navbar-header {
        margin-bottom: 10px;
    }

        .header#navbar .navbar-header.col-xs-6.col-sm-3.col-lg-3 {
            padding: 0;
        }

    header#navbar .navbar-header {
        padding: 0;
    }

    header#navbar {
        padding: 5px 0px 0px 0px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: none;
    }

    .navbar a.logo img {
        float: left;
        width: 134px;
    }

    #navbar a.logo {
        margin: 0;
        padding: 0;
        width: 134px;
        padding-top: 10px;
    }

    #block-accordiondnrbuttonmenu {
        float: right;
        padding: 0px 10px 0px 0px;
        margin: 0;
        width: 10%;
    }

        #block-accordiondnrbuttonmenu .ui-accordion .ui-accordion-header {
            margin-top: 0;
        }
}

@media(max-width: 479px) {
    #block-mainmenuparks-2 .tbm-menu-main-menu-parks .tbm-button-container span {
        background: none;
        border: none;
    }

    #block-mainmenuparks-2 .tbm-menu-main-menu-parks span.tbm-button-container span {
        border: none;
    }

    .pull-left {
        display: flex;
        flex-wrap: wrap;
        flex-basis: 100%;
        flex-direction: column;
    }

    #navbar.logo.navbar-btn.pull-left {
        margin-top: 0;
    }

    .navbar a.logo img {
        float: left;
        width: 130px;
        padding-top: 10px;
    }

    .header#navbar .navbar-header {
        margin-bottom: 10px;
    }

        .header#navbar .navbar-header.col--xs6.col-sm-3.col-lg-3 {
            padding: 0;
        }

    header#navbar .navbar-header {
        padding: 0;
    }

    header#navbar {
        padding: 5px 0px 0px 0px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: none;
    }

    #navbar a.logo {
        margin: 0;
        padding: 0;
        width: 140px;
    }

    #block-accordiondnrbuttonmenu {
        float: right;
        padding: 0px 10px 0px 0px;
        margin: 0;
        width: 10%;
    }

        #block-accordiondnrbuttonmenu .ui-accordion .ui-accordion-header {
            margin-top: 0;
        }
}

@media(max-width: 320px) {
    #block-accordiondnrbuttonmenu {
        width: 10%;
    }
    .navbar a.logo img {
        width: 100px;
    }
}
