/* DB edits */
/*
.grand-child-link {
    padding-left: 35px !important;
}
*/
/*
.nav-bar {
    background: none !important;
    border: none !important;
}
*/
body .header a.home-link:focus {
    border: none !important;
}

/*==================DNR Parks=====================*/

body {
    color: #666666;
}

p a, .formattedLink a{
    text-decoration:underline;
}

.formattedLink.breakAfter a::after {
    content: "";
    display: block;
}

.main {
    padding-bottom: 50px !important;
}


#main {
    padding: 0px;
}

/*decrease default margin below address*/
address {
    margin-bottom: 10px;
}
/*decrease margins and add bottom border*/
.aside h2 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}
/*add margin to dl within panel*/
.aside dl dd {
    margin-bottom: 10px;
}
/*underline backlink on desktop*/
.back-link {
    text-decoration:underline;
}
/*class for adding light grey bottom border*/
.border-bottom {
    padding-bottom:10px;
    border-bottom: 1px solid #dddddd;
}
/*class for adding margin below buttons*/
.btn-bottom {
    margin-bottom: 10px;
}
/*change search button on search bar to light grey*/
.btn-category {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    color: #555555;
}

.btn-white, .btn-white:focus {
    color: #7c8959;
    background-color: white;
}

/*aside buttons span 100% on desktop*/
/* Removing this, due to it not following traditional bootstrap classes.    -clint | 2014-12-23
.btn-donate {
    width: 100%;
}
*/
/* Removing this, due to it not following traditional bootstrap classes.    -clint | 2014-12-23
.btn-reserve {
    width: 100%;
}
*/


/*change search button on search bar to 505060*/
.btn-search {
    background-color: #505060;
    border: 1px solid #505060;
    color: #fff;
}
.btn-search:hover{
   background-color: #626274;
   border: 1px solid #505060;
}
.btn-search:focus{
    background-color: #505060;
    border: 1px solid #505060;
}

.btn-primary{
    background-color: #7c8959;
    border-color: #7c8959;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
    background-color: #96a372 !important;
    border-color: #7c8959 !important;
}
.navbar {
    z-index: 99;
}
.som-brandbar .navbar-nav > .active > a, .som-brandbar .navbar-nav > .active > a:hover, .som-brandbar .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #96a372;
}

/*add margin bottom to carousel*/
/*
.carousel {
    margin-bottom: 10px;
}
*/

.carousel-inner > .item > img {
    margin-left: auto;
    margin-right: auto;
}

.caret {
    border-top: 4px solid white;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
}

.caret.closed {
    border-top: 4px solid transparent;
    border-right: 0 dotted;
    border-bottom: 4px solid transparent;
    border-left: 4px solid white;
}


.caret.open {
    border-top: 0 dotted;
    border-right: 4px solid transparent;
    border-bottom: 4px solid white;
    border-left: 4px solid transparent;
}

.caretDark {
    border-top: 4px solid #7c8959;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
}

.caretDark.closed {
    border-top: 4px solid transparent;
    border-right: 0 dotted;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #7c8959;
}


/*match background color of body at desktop*/
.footer {
    background-color: #D3D3D3;
}
.glyphicon-arrow-left:before {
    content: url(../../images/arrow-left.png);
}
.glyphicon-arrow-right:before {
    content: url(../../images/arrow-right.png);
}
/*add DNR artwork on banner header*/
.header {
    height: auto !important;
}
.header a.home-link:focus {
    text-decoration: none !important;
}
.header .header-background {
    background-image: url(../../images/dnr_header.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 130px;
}

/*adjust site title placement and padding*/
.header h1.siteTitle {
    font-weight: normal;
    margin-top: 33px !important;
    margin-left: 50px;
    padding-bottom: 5px;
}
/*adjust site tagline placement to match title*/
.header .tagline {
    margin-left: 50px;
}

.header .logo {
    margin-top: 8px !important;
    height: 100px;
}

.home-link {
    padding-top: 5px !important;
}

.header-background .searchBar {
    margin-top: 28px;
    padding-right: 0
}

.header-background > div {
    padding-right: 0px;
}

.list-group-item .btn {
    min-width: 94px;
}

/*Main wrap at 906 standard*/
.mainWrap {
    width: 960px;
    margin: 0 auto;
    padding: 0px;
    background-color: #fff;
}
/*horizontal nav background color*/
.mainnav-horizontal {
    background-color: #4b5132;
}

.mainnav-horizontal .container {padding-left: 0;}
    /*horizontal nav link color to white, increase font size*/
    .mainnav-horizontal .navbar-nav > li > a {
        color: #fff;
        font-size: 1.3em;
        min-width: 80px;
        text-align: center;
    }

/*Placeholder map styles*/
.mapDiv {
    width:100%;
    min-height:200px;
    background-color: rgba(102, 112, 75, 0.90);
}

.mapButtonOverlay {
    position: absolute;
    z-index: 95;
    left: 0;
    right: 0;
    top: 20px;
}

.col-sm-6.mapWrap {
    border-right: 1px solid #dddddd;
}



/*horizontal nav right border to dark green*/
@media only screen and (max-width: 767px) {

    .som-brandbar .navbar-collapse {
        background-color: #7c8959;
    }

    .som-brandbar .navbar-collapse li a, .som-brandbar .navbar-collapse li a span {
        font-size: 1.286em;
        line-height: 44px;
        padding-top: 0;
    }


}
.som-brandbar .navbar-header .navbar-toggle, .som-brandbar .navbar-header .navbar-toggle:focus {
     background-color:#7c8959;

}
.navbar-default .navbar-nav > li > a {
    border-right: 1px solid #40452B;
}
.som-brandbar .global-links .navbar-nav > li > a.active{
    background:#66704b!important;
    color:white!important;
}

    /*horizontal nav hover to light green*/
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,  .nav > li > a.active {
        background-color: #66704b;
    }

    .som-brandbar .global-links .navbar-nav > li > a.active {
        background-color: white;
        color: #699630;
    }
    
/*add padding and increase font size to img nav on overview.html*/
.nav-home label {
    padding: 5px;
    font-size: 1.2em;
    color: #666666;
}

.parkName {
    margin-top: 10px;
    margin-bottom: 10px;
}


.strongArmHide {
    display: none !important;
}
.ui-autocomplete {
    z-index: 111 !important;
}

a.ui-state-hover {
    margin: -1px;
    box-sizing: border-box !important;
    }

li.ui-menu-item {
    
}

.ui-menu li.ui-menu-item:hover, .ui-menu li.ui-menu-item.ui-state-hover, .ui-menu li.ui-menu-item a.ui-state-hover {
    padding-right: 0px !important;
}

.ui-menu .ui-menu-item {
    padding-right: 5px !important;
}
li.ui-menu-item a {
    display: inline-block;
    width: 100%;
}

/*===========Make nav-pills appear as button bar while still function with tab content in Details page=============*/


.nav-pills {
    margin-bottom: 10px;
    display: table;
    width: 100%;
    text-align:center;
}

.nav-pills > li {
        border-right: 1px solid #7C8959;
        display: table-cell !important;
        float:none;
        background: white;
        *display:inline; /* ie7 fix */
        zoom:1; /* hasLayout ie7 trigger */
       border: 1px solid #7C8959;
        border-right: none;  
    }

.nav-pills > li.strongArmHide {
    display: none !important;
}

    .nav-pills > li:first-child {
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .nav-pills > li:last-child {
    border: 1px solid #7C8959;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    }

.nav-pills > li > a {
            position: relative;
            display: inline-block;
            padding: 8px 12px;
            width:100%;
            margin-bottom: 0;
            font-size: 1.000em;
            font-weight: bold;
            line-height: 1.428571429;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            border-radius: 0px;
            color: #444444;
        }


        .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
            color: #ffffff;
            background-color: #7C8959;
        }

.nav-pills > .col-xs-1, .nav-pills > .col-xs-2, .nav-pills > .col-xs-3, .nav-pills > .col-xs-4, .nav-pills > .col-xs-5 {
    padding:0;
}
    

        .nav-pills > li + li {
            margin-left: -1px;
        }

        .nav-pills > li:not(:first-child):not(:last-child):not(.dropdown-toggle) {
            border-radius: 0;
        }

        .nav-pills > li:first-child:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .nav-pills > li:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
        }

        
/*===========end nav-pills=============*/

/*add margin to nab-tabs*/
.nav-tabs {
    margin-bottom: 10px;
}
.js-mainButtons {
    margin-top: 20px;
}

.js-typeWrap {
    margin-top: 20px;
}

/*remove margin, remove mostly from top h tags*/
.no-marginTop {
    margin-top:0;
}
/*===========Pagination==============*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #7C8959;
    border-color: #7C8959;
}
/*===========Panels==============*/
.panel-default > .panel-heading {
    background-color: #ffffff;
}
.panel-group {
    margin-bottom: 10px;
}
    .panel-group .panel {
        border-radius:0px;
    }

@media (min-width: 768px) {
    .panel-group .panel + .panel {
        margin-left: -1px;
    }
}

    .panel-group .panel .panel-heading .panel-title img {
        margin-right: 10px;
    }
        .panel-group .panel .panel-body {
            color: #333333;
            background-color: #f5f5f5;
            border-color: #dddddd;
        }
    .panel-group .panel .list-group {
        margin-bottom: 0;
    }

        .panel-group .panel .list-group img {
            max-width: 30px;
            margin-right: 5px;
        }

    .panel-group .panel .list-group-item {
            color: #333333;
            background-color: #f5f5f5;
            border-color: #dddddd;
        padding: 5px 10px;
        font-size: 1.15em;
        margin-left: -1px;
    }
    .panel-group .panel .list-group-item:first-child {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }
    .panel-group .panel .list-group-item:last-child {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .panel-group .panel + .panel {
        margin-top: -1px;
    }


/*===========end Panels==============*/
.parkInfo {
    margin-bottom: 10px;
}

/*styling for a park closing*/
.parkClosing {
    background-color: rgba(242,186,93,0.5);
    border: 1px solid rgba(242,186,93,1);
    padding: 10px;
    margin-bottom: 10px;
    clear: both;
    display: block;
}
/*remove p default margin from park closing*/
    .parkClosing p {
        margin: 0;
    }
/*add margin top to overall parkHeader/facebook*/
.parkHeader {
    margin-top: 10px;
}
    /*align h1 with facebook img*/
    .parkHeader .parkName h1 {
        margin-top: 0;
    }
    /*add margin tat is visible on mobile*/
    .parkHeader .facebook {
        margin-bottom:10px;
    }

/*add top & bottom padding to search input*/
.searchBar {
    padding: 20px 0px;
}

/*clear after each park entry*/
.searchResults .parkEntry:after {
    content: '';
    clear: both;
    display: block;
    float: none;
}
/*add padding and border searchResults*/
.searchResults .parkEntry {
    padding: 10px 0px;
    border-bottom: 1px solid #dddddd;
}
/*remove h3 default margin/padding for searchResults*/
.searchResults .parkName h3 {
    margin: 0;
    padding: 0;
}
/*remove p default margin for searchResults*/
.searchResults .parkCounty p {
    margin: 0;
    font-size: 1.15em;
}
/*remove ul default margin/padding for searchResults parkActivities*/
.searchResults .parkActivities ul {
    list-style: none;
    margin: 0;
    padding: 0px;
}
/*remove h3 default margin/padding for searchResults*/
    .searchResults .parkActivities ul li {
        margin: 5px;
        float: left;
    }
/*add margin between label and campground img*/
.searchResults .parkDistance label {
    margin-right: 5px;
}
/*add margin to match pagination*/
.searchResults .resultNumbers label {
    margin-top: 20px;
    font-size: 1.15em;
    font-weight: normal;
}


/* BEGIN --- DNR Parks and Recreation right bar selectors */
body div.selectors.aside {
	display: none !important;
}


body.displaySelectors div.selectors.aside {
	display: block !important;
    /*float: right;*/
}
    

body #main .tab-pane {
    float: left;
}

.js-filterBar {
    border: 1px solid #dddddd;
    background-color: #f5f5f5;

}

div.selector li.list-group-item {
    height: 50px;
}
div.selector li.list-group-item label {
    height: 50px;
}

div.selector {
    padding-left: 7px;
    padding-right: 7px;
}

div.selector span.name {
    width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    /*white-space: nowrap;*/
    vertical-align: middle;
    font-weight: normal;
    max-height: 40px;
}

div.selector ul li.accessible  {
    /*background-color: #E8E8FF !important;*/
}

div.selector a h4  {
    color: initial;
}

div.selector li.list-group-item img {
    width: 32px;
    height: 32px;
}

div.selector li.list-group-item {
    padding: 5px 5px 5px 10px !important;
}

div.selector li.list-group-item label {
    width: 100%;
    cursor: pointer;
    max-height: 40px;
}
/* END --- DNR Parks and Recreation right bar selectors */

@media screen and (min-width: 767px){
    div.selector li.list-group-item {
        width: 50%;
        float: left;
    }
}

@media only screen and (max-width : 960px) /*(max-width : 767px)*/ {
    /*main wrap spans screen width*/
    .mainWrap {
        width: 100%;
    }
}

.listItem .js-Description > div {
    padding-left: 10px;
    padding-top: 10px;
}

.listItem .leftContent {
    padding-left: 10px;
}

.listItem .leftContent img {
    width: 25px;
    margin-right: 5px;
}


.listItem .hideDescription, .listItem .hideActivitiesAndFacilities {
    display: none;
}

.listItem .leftContent h4 {
    display: inline;
    padding-top: 4px;
}


.listItem .activity.row {
    padding-bottom: 10px;
}

.listItem .activity.row > div {
    height: 100%;
}


.listItem .activitiesAsList {
    display: block;
}


.listItem .activitiesAsIcons {
    display: none;
}

.listItem.displayActivitiesAsList .activitiesAsList {
    display: block;
}


.listItem.displayActivitiesAsList .activitiesAsIcons {
    display: none;
}

.accessibleToggleLabel {
    
}
.filterTypeToggles label {
    padding-right: 20px;
}

@media (max-width: 480px) {
    .filterTypeToggles label {
        display: block;
    }

    .accessibleToggleLabel {
        position: relative;
        padding-left: 52px !important;
    }

    .accessibleToggleLabel input {
        position: absolute; left: 0;
    }

    .accessibleToggleLabel img {
        position: absolute; left: 20px; top: -4px;
    }
}

#mapDiv_zoom_slider {
    z-index: 1000 !important;
}


@media only screen and (max-width: 767px) {
    div.js-mainButtons > div {
        display: block;
        float: left;
        width: 50%;
        text-align: center;
        margin-bottom: 10px;
    }

    div.js-mainButtons > div img {
        width: 60%;
    }
    div.js-mainButtons > div label {
        margin-left: 20px;
        margin-right: 20px;
        display: block;
    }

    div.js-mainButtons > div.eventsButton {
        margin-left: 25%;
        margin-top: 10px;
    }

    #mapDiv_zoom_slider {
        display: none;
    }

    .noBoxShadow {
        margin-top: -1px;
    }

    body.showFilters .js-filterBar {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
     .currentFilters {
         padding: 3px 0;
         margin-top: 5px;
    }
    .col-sm-6.mapWrap {
        border-right: none;
    }

    .accessibleToggleLabel {
        padding-left: 0px;
    }

    .header .header-background {
        background-image: none;
        height: 60px;
    }

    .logo {
        max-height: 100% !important;
        max-width: 100% !important;
        height: 50px !important;
    }


    .listItem .rightContent {
        padding-top: 10px;
    }

    .pull-right-sm {
        float: right !important;
    }

    .pull-left-sm {
        float: left !important;
    }

    /*add border/padding to backlink on mobile*/
    .back-link {
        padding: 10px;
        border: 1px solid #7C8959;
        border-radius: 4px;
        text-decoration:none;
    }
        /*add caret to backlink on mobile*/
        .back-link:before {
            content: url(../../images/arrow-left.png)" ";
        }
    
    /*btn span half of main-wrap on mobile*/
    /* Removing this, due to it not following traditional bootstrap classes.    -clint | 2014-12-23
    .btn-donate {
        float: left;
        width: 48%;
        margin: 1%;
        font-size: 1.2em;
    }
    */

    /*btn span half of main-wrap on mobile*/
    /* Removing this, due to it not following traditional bootstrap classes.    -clint | 2014-12-23 *
    .btn-reserve {
        float: left;
        width: 48%;
        margin: 1%;
        font-size: 1.2em;
    }
    */
    /*footer bg match mainwrap on mobile*/
    .footer {
        background-color: transparent;
    }
    /*adjust site title placement and padding on mobile*/
    .header h1.siteTitle {
        /*
        margin-top: 20px !important;
        margin-left: 70px;
            */
        margin-top: 2px !important;
        font-size: 1.8em;
    }
    /*adjust site tagline placement to match title on mobile*/
    .header .tagline {
        /*margin-left: 70px;*/
    }
    /*adjust logo placement to match title on mobile*/
    .header .logo {
        margin-top:0 !important;
    }
    /*add margin and border to parkInfo on mobile*/
    .parkInfo {
        border-bottom: 1px solid #dddddd;
    }
    /*decrease parkName font-size on mobile*/
    .parkName h1 {
        font-size: 2em;
        margin: 0;
    }
    /*add grey bg/padding on searchBar on mobile*/
    .searchBar {
        background: #dedede;
        padding: 10px;
    }
    /*decrease margin on mobile*/
    .searchResults .parkActivities ul li {
        margin: 2px;
    }
    /*decrease width on mobile*/
    .searchResults .parkActivities img {
        width: 25px;
    }
    /*decrease font-size/padding on mobile*/
    .searchResults .parkName h2 {
        font-size: 1.7em;
        padding-bottom: 3px;
    }

    /* SELECTORS! */
    div.selector span.name {
        width: 70%;
    }

    body.displaySelectors div.selectors.aside {
        float: none;
    }

    body #main .tab-pane {
        float: none;
    }

    .noPadding-xs {
        padding: 0px !important;
    }


    .noPull-xs {
        float: none !important;
    }
}


@media only screen and (max-width : 400px) {
    
}



/* Dave */

/* calendar widget styles */
.calendarHeader {
    background: #eee;
    padding: 10px;
}
.calendarCurrentMonth {
    text-align: center;
    font-size: 24px;
}
.calendarPrevious, .calendarNext {
    font-size: 16px;
    padding-top: 5px;
}
.calendarNext {
    text-align: right;
}
.calendarEvent {
    margin-top: 10px;
    border-bottom: 1px #ccc solid;
}
.calendarEventDay {
    background: white;
    padding: 10px 0px;
    color: #7c8959;
    font-size: 18px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.calendarEvents {
    padding: 10px 15px;
}

div.datePickerWrap {
    margin: 10px;
    margin-top: 4px;
}

div.datePickerWrap input {
    width: 120px;
}

.panel-title {
    position: relative;
}


/* Right align accordian arrows on filters */
.panel-title .icon {
    margin-top: 0;
    position: absolute;
    right: 10px;
    top: -2px;
}


/* Larger stylized checkboxes */
.filters input[type='checkbox'], .tocCheck, .filters input[type="checkbox"].tocCheck {
    border: 1px solid #abacac;
    background-color: white;
    margin: 0px 0px 0px !important;
    /*right: 0px;
    top: 4px;
    position: relative;*/
    width: 18px !important;
    height: 18px  !important;
    cursor: pointer;
    vertical-align: middle;
}
.filters input[type='checkbox']:checked, .tocCheck:checked {
    border: 1px solid #abacac;
    margin: 0px 0px 0px;
    background: none;
    background-image: url("../Agencies/DNR/images/spriteIcons.png");
    background-position: 0 -240px;
    background-color: white;
    position: relative;
}

.btn-primary.active {
    background-color: #96a372 !important;
}


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

.tocFilterLabel{
    width:85%;
    margin-top:7px;
}
.panelImg {
    height: 24px;
}

.panel-heading {
    padding: 10px !important;
}





/* BEGIN --- DNR Parks and Recreation loading and error screens */
    #error {
        display: none;
        padding: 20px;
        font-size: 2em;
    }

    .loaderWrap {
        display: none;
    }

    body.errorLoadingDetails #loader {
        display: none;
    }
    .loading #loader .loaderWrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        opacity: 0.98;
        display: block;
        z-index: 1000;
    }

    body.errorLoadingDetails #error {
        display: block;
    }

    body.errorLoadingDetails div.main {
        display: none;
    }

    .loading .loaderWrap {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
    }

    .loading #loader .loaderWrap {
	    background-color: #d3d3d3;
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    opacity: 1;
	    display: block;
	    z-index: 1000;
    }

    .loading .loaderWrap {
        margin-top: 40px;
    }

    .loading #loader .loaderWrap {
        margin-top: auto;
    }
    .loaderWrap .contentWrap {
	    position: relative;
	    text-align: center;
	    top: 50%;
	    left: 50%;
	    -moz-transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
    }

	.loaderWrap .contentWrap .logo {
		margin: 20px;
	}

	.loaderWrap .contentWrap .progress {
		width: 75%;
        max-width: 900px;
		margin: 0 auto;
	}

    .fake.progress, .real.progress {
	    position: absolute;
	    left: 0;
	    right: 0;
    }

    .progress-striped .progress-bar-mainColor {
	    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    }

    .progress-bar-mainColor {
    	background-color: #7c8959;
    }

    body.errorLoadingDetails #error {
	    display: block;
    }

    body.errorLoadingDetails div.main {
	    display: none;
    }
/* END ----- DNR Parks and Recreation loading and error screens */

/* BEGIN --- DNR Parks and Recreation list item formatting */
    .lists div.inline {
        display: inline-block;
    }

    .lists div.js-activities img, div.js-facilities img, div.js-siteType img {
        width: 25px;
        margin: 2px;
    }

    .lists div.js-Title {
        font-size: 1.5em;
    }


    div.descriptionGroup .icon-group .icon {
        margin: 5px 10px 10px 5px;
        cursor: pointer;
        position: relative;
    }

    div.js-iconInformation {
        margin-top: 20px;
        background-color: #efefef;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    div.js-iconInformation .js-description {
        padding-bottom: 10px;
    }

    div.js-iconInformation h5.js-name {
        font-weight: bold;
        font-size: 1.1em;
    }
/* END ----- DNR Parks and Recreation list item formatting */

/* BEGIN --- DNR Parks and Recreation activity list */
.activityList li {
	display: inline-block;
	padding: 10px;
}

.activityList li span {
	display: none;
}

ul.list-group.activityList {
	margin-left: 10px;
}
/* END ----- DNR Parks and Recreation activity list */

/* BEGIN --- DNR Parks and Recreation fullscreen slider controls */
.carousel-indicators .active {
    background-color: #96a372;
}

.carousel-indicators li {
    border-color: #7c8959;
}

/* //@TODOafter fix this; */
body .carousel-inner {
    height: 500px;
}

body.js-fullscreenSlideshow .carousel-inner {
    height: auto;
}

body #carousel-example-generic {
    background-color: black;
}


body #carouselButtons {
    text-align: left;
    padding: 5px;
}


body.js-fullscreenSlideshow #carouselButtons {
    position: absolute;
    left: 0;
    z-index: 100;
    bottom: 0;
    /*
    margin-left: 12.5%;
    bottom: 4px;
    */
}

    #carouselButtons > button {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

body.js-fullscreenSlideshow .slideShowHolder {
    position: fixed;
    /* width: 100%; */
    /* height: 100%; */
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
}

body.js-fullscreenSlideshow #slideshow {
    margin: 0px auto;
    width: 95%;
    max-width: 960px;
    position: relative;
}


body.js-fullscreenSlideshow .carousel-inner {
}

body .slideShowHolder .closeFullscreen {
    display: none;
}

body.js-fullscreenSlideshow .slideShowHolder .closeFullscreen {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
}
/* END ----- DNR Parks and Recreation activity list */



body.hideMap .hideWithNoMap {
    display: none !important;
}

.marginLeft5 {
    margin-left: 5px !important;
}
.marginRight5 {
    margin-right: 5px !important;
}
.marginBottom5 {
    margin-bottom: 5px !important;
}
.marginTop5 {
    margin-top: 5px !important;
}

.marginLeft10 {
    margin-left: 10px !important;
}
.marginRight10 {
    margin-right: 10px !important;
}
.marginBottom10 {
    margin-bottom: 10px !important;
}
.marginTop10 {
    margin-top: 10px !important;
}

.paddingTop4 {
    padding-top: 4px !important;
}


.paddingTop10 {
    padding-top: 10px !important;
}

.paddingBottom10 {
    padding-bottom: 10px !important;
}

.paddingRight10 {
    padding-right: 10px !important;
}

.paddingRight15 {
    padding-right: 15px !important;
}

.paddingLeft10 {
    padding-left: 10px !important;
}



.noBoxShadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-top: 0 !important;
}

#map-tab .filterTypeToggles {
	display: none;
}

.noPadding {
    padding: 0px !important;
}

.noPaddingLeft {
    padding-left: 0px !important;
}


.noPaddingRight {
    padding-right: 0px !important;
}

.noPaddingTop {
    padding-top: 0px !important;
}

.noPaddingBottom {
    padding-left: 0px !important;
}

.noMarginTop {
    margin-top: 0px !important;
}

.noMarginBottom {
    margin-bottom: 0px !important;
}

.noMarginRight {
    margin-right: 0px !important;
}

.noMarginLeft {
    margin-left: 0px !important;
}

.marginTopnegativeone {
    margin-top: -1px !important;
}


.width25 {
    width: 25px !important;
}

.width32 {
    width: 32px !important;
}

.hidden-xs-inline {
    display: inline-block !important;
}

@media (max-width: 767px) {
    .hidden-xs-inline {
        display: none!important;
    }
}



.listWrap.loading ul {
    display: none;
}

body.noSiteImages div.js-viewPhotosButtonWrap, body.noSiteImages .slideShowHolder {
    display: none;
}


/*
body.loadingLists .searchBar {
	display: none !important;
}
*/

 .cursor-pointer {
     cursor: pointer;
 }

 .currentFilters, .currentLayers, .currentCount {
     font-weight: bold;
     
 }
.currentLayers {
    margin-top: 5px;
}


 .currentFilters {
     font-weight: bold;
   
 }

 .currentFilters .filterInformation, .currentFilters .layerInformation, .currentLayers .layerInformation, .currentCount .js-listCount {
     font-weight: normal;
 }



 /**
    MAPPING STYLES
    */

 .esriOptionsUnitsContainer:before, .esriOptionsImpedanceContainer:before {
     font-weight: bold;
     font-size: 1em;
     width: 100px;
     display: inline-block;
}

.esriOptionsUnitsContainer:before {
    content: "Units: ";
}

.esriOptionsImpedanceContainer:before {
    content: "Route Options: ";
}

 .esriOptionsUnitsContainer,  .esriOptionsImpedanceContainer{
     padding-bottom: 10px;
 }

 .esriOptionsImpedanceContainer {
     padding-bottom: 20px;
 }

 .directionsHeaderWrap .panelTitleWithInfo h3 {
    margin-top: 5px;
    display: inline-block;
    padding-right: 5px;
 }

.simpleDirections .btn.btn-primary, .simpleDirections .esriResultsPrint, .simpleDirections .esriStopsGetDirections.btn.btn-primary {
    background: #7c8959 !important;
    background-color: #7c8959 !important;
    border-color: #7c8959 !important;
    color: #444;
    font-family: Verdana,Helvetica,sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #8b8b8b;

    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

    color: white !important;
    width: auto !important;
    height: auto !important;
}

.simpleDirections .btn.btn-primary.btn-lg {
    font-size: 1.286em;
    font-weight: bold;
    padding: 10px 16px;
    line-height: 1.33;
    border-radius: 6px;
}


#map-tab .directionsWrap, #map-tab .directionsHeaderWrap {
    display: none !important;
}

#map-tab.displayingDirections .directionsWrap, #map-tab.displayingDirections .directionsHeaderWrap {
    display: block !important;
}


#map-tab iframe, #map-tab object {
    display: none !important;
}

#map-tab.active iframe, #map-tab.active object {
    display: block !important;
}

#map-tab.displayingDirections .unitMapWrap, #map-tab.displayingDirections .unitMapWrap iframe, .unitMapWrap object {
    display: none !important;
}




@media (max-width: 767px) {
    #map-tab.displayingDirections .directionsWrap.hidden-xs, #map-tab.displayingDirections .directionsHeaderWrap.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 767px) {
    #map-tab.displayingDirections .directionsWrap.visible-xs,  #map-tab.displayingDirections .directionsHeaderWrap.visible-xs{
        display: none !important;
    }
}

 /**
    MAPPING STYLES
    */


/* CALENDAR CHANGES */

body.noCalendar #calendar, body.noCalendar li.calendarTab {
    display: none;
}







.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
    overflow: hidden;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}



li.item.highlight {
    background-color: #CBD1B9;
}




body .selectedItems {
    display: none;
}

body.showIdentify #mapResults .listItemsWrap {
    display: none !important;
}

body.showIdentify #mapResults .selectedItems {
    display: block !important;
}

#mapResults .selectedItems .js-clearMapIdentify {
    margin-top: 10px;
}

h2 {
    margin-top: 10px;
}




body .js-toggleActivitiesDisplay {
    font-size: 12px;
    vertical-align: bottom;
    /* line-height: 1.0; */
    padding-top: 12px;
    color: #999999;
    cursor: pointer;
    text-decoration: underline;
}
.featureInformation span.name {
    font-weight: bold;
}

.featureInformation span.name, body .featureInformation span.description {
    display: none;
}

body .displayActivitiesAsList .featureInformation span.name {
    display: inline-block;
}


body.page-default .featureInformation div.icon{
    margin: 4px 10px 4px 0px;
    position: relative;
}

.icon .accessible {
    display: none;
}

.icon.accessible .accessible, .accessibleIndicator .accessible {
    border: 1px solid white;
    display: block;
    height: 14px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 14px;
}

.accessibleIndicator {
    position: relative; 
    padding-left: 18px;
    margin-bottom: 10px;
}

.accessibleIndicator .accessible {
    top: 3px;
    left: 0px;
}

 
.displayActivitiesAsList .icon.accessible .accessible {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: static;

}


/*

.displayActivitiesAsList .featureInformation div.icon img, .displayActivitiesAsList .featureInformation span.name, .displayActivitiesAsList .featureInformation span.description, .displayActivitiesAsList .featureInformation div.icon {
    display: inline;
}

div.featureInformation div.icon img.accessible, div.icon img.accessible {
    display: none;
}

.displayActivitiesAsList .featureInformation div.icon.accessible img.accessible, .displayActivitiesAsList div.icon.accessible img.accessible, body.page-details .displayActivitiesAsList div.icon.accessible img.accessible {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: static;

}

body.page-details .featureInformation div.icon.accessible div:before, body.page-default .featureInformation div.icon.accessible div:before {
	width:10px;
	height:10px;
	content:'';
	border-radius:50%;
	background: #005aab;
	position:absolute;
	display: block !important;
	top: 0;
	left: 0;
	z-index:999;
}

div.descriptionGroup .icon-group .icon.accessible div:before {
    top: -2px !important;
	left: -2px !important;
}

body.page-details .displayActivitiesAsList .featureInformation div.icon.accessible div:before {
    top: 0 !important;
	left: 0 !important;
}

body.page-default .displayActivitiesAsList .featureInformation div.icon.accessible div:before {
    top: 2px !important;
    left: 2px !important;
}


body.page-details .displayActivitiesAsList .featureInformation div.icon.accessible img.accessible {
    display: inline-block;
    width: 32px;
}

body.page-default .displayActivitiesAsList .featureInformation div.icon.accessible img.accessible {
    display: inline-block;
    width: 25px;
}
 */

.displayActivitiesAsList .featureInformation div.icon {
    background-image: none;
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 5px;
    border: 1px solid #dddddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: default;
    position: relative;
}

.displayActivitiesAsList .featureInformation div.icon > div {
    border-bottom: 1px solid #dddddd;
    padding: 3px;
    background-color: #efefef;
}

.displayActivitiesAsList .featureInformation div.icon span.description {
    display: inline-block;
    padding: 7px;
}

.displayActivitiesAsList .js-iconInformation {
    display: none !important;
}

@media (max-width: 767px) {
    .displayActivitiesAsList .featureInformation {
        margin-top: 10px;
        width: 100%;
        padding-right: 0;

    }
}




.js-accessible {
    margin-right: -7px;
}

.js-accessible img {
    width: 32px;
}


/* events fix; */
iframe.twitter-timeline {
    width: 100% !important;
}






.parkCampgrounds dl.children dd, .parkTrails dl.children dd {
	margin-bottom: 20px;
}




img[src="https://www.michigan.gov/images/dnr/red_envelope_376854_7.gif"] {
    margin-right: 15px;
    margin-left: 10px;
}

.addtocalendar {
    /*margin-top: 15px;*/
    /*padding: 6px 12px !important;*/
}

span.addtocalendar.active .atcb-list {
    visibility: visible;
}


span.addtocalendar.active .atcb-item:focus {
    background: #7c8959;
    color: #fff;
}

span.addtocalendar.active .atcb-item:focus a {
    color: #fff;
}

span.addtocalendar.active .atcb-item a:focus {
    background: #7c8959;
    color: #fff;
}






/* FILTERS */
body .filters {
    display: none;
}

body .js-filterBar {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

body.showFilters .filters {
    display: block;
}

.js-filterAccordionButton {
    margin-top: 11px;
    width: auto;
}

.js-filterAccordionButton span.caret {
    margin-left: 5px;
}



@media screen and (max-width: 767px){
    .js-filterAccordionButton {
        margin-top: 11px;
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        margin-top: 5px;
        padding-top: 5px;
    }

    input.accessibleToggle:checked {
        position: absolute !important;
    }
}



#map-tab .filters .content.noBorderRadiusTop {
	margin-top: 0px !important;
}



.borderRadius3 {
    border-radius: 3px !important;
}

.borderRadius4 {
    border-radius: 4px !important;
}

.mapButtonOverlay .btn.active {
	color: white;
	background-color: #96a372;
	border: 2px solid white;
}





/* ADA Changes */
.footer {
    background-color: transparent !important;
    height: auto !important;
    padding-bottom: 20px;
}

/* SEARCH STYLES */
li.ui-autocomplete-category {
    font-weight: bold;
    background-color: #66704b;
    color: #fff;
    padding-left: 2px;
}
li.ui-menu-item {
    background-color: white;
}

li.ui-menu-item img {
    margin-right: 5px;
}

li.ui-menu-item img, li.ui-menu-item span.glyphicon  {
    width: 25px;
}



body .featureInformation div.icon.accessible div img[data-accessible|= accessible]:before {
	width:5px;
	height:5px;
	content:'';
	border-radius:50%;
	background: #005aab;
	position:absolute;
	display: block !important;
	top:0;
	left:0;
	z-index:999999;
}


.placeSearchLabel {
    width: 40px !important;
    border-right: none;
    background-color: #7C8959;
    color: white;
    cursor: pointer;
}

.displayBackToTopLink {
    display: block !important;
    margin-top: 20px;
    padding-left: 10px;
}


#map-tab a.mapDisplay,  #list a.listDisplay {
    display: inline-block;
}


#map-tab a.listDisplay, #list a.mapDisplay {
    display: none;
}






.floatingIcons {
    left: 20px;
    position: absolute;
    width: 40px;
    border-radius: 4px;
    height: 40px;
    z-index: 12;
}

.floatingIcons.floatingLocateMe {
    margin-right: 20px;
    bottom: 50px;
    left: 35px;
    background-position: -212px -969px;
}





body .stickyFilterButtons {
    position: relative;
}

body.stickyTheFilterButtons .stickyFilterButtons {
    position: fixed;
}



/* FILTERS IN A MODAL! */
            
body.modal-open {
    padding-right: 17px;
}

#filterModal.modal {
    background-color: rgba(0,0,0, .7);
}

#filterModal .modal-dialog {
    width: 80%;
    max-width: 960px;
}

#filterModal .modal-body {
    padding-top: 10px;
}

#filterModal .filters .selector {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0px;
}

#filterModal .panel-group.filters {
    margin-bottom: 5px !important;
}

#filterModal .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
            
#filterModal .panel-group .panel-heading.border-bottom {
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}

#filterModal .panel-collapse.in, #filterModal .panel-collapse.collapsing {
    margin-top: -1px;
}

#filterModal .panel-group .panel .list-group-item {
    margin-left: 0px !important;
}

body.stickyTheFilterButtons #filterModal .stickyFilterButtons {
    position: absolute;
    right: 15px;
    border: 2px solid #7c8959;
    padding: 15px;
    background-color: white;
}

@media screen and (max-width: 1050px){
    #filterModal .modal-dialog li.list-group-item{
        width: 100%;
    }
}

@media screen and (max-width: 767px){
    #filterModal .modal-dialog {
        width: 100%;
        margin: 0px auto;
    }
}

/* END FILTERS IN A MODAL */


/* ADD TO CALENDAR CHANGES */

.addtocalendar select option:focus, .addtocalendar select:focus {
    outline: 1px solid blue;
}
.addtocalendar label.atcb-link {
    padding: 6px 0px !important;
    display: inline-block !important;
}

.addtocalendar select {
    margin-left: 5px;
}


.addtocalendar button {
    margin-left: 5px;
}


.js-addtocalendarwrap .addtocalendar {
    float: right;
}

@media screen and (max-width: 767px){
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .js-eventLinkWrap {
        margin-bottom: 10px;
    }
}


@media screen and (max-width: 600px){
    .js-addtocalendarwrap .addtocalendar {
        float: none;
    }
}



@media screen and (max-width: 500px){
    .js-eventLink, .js-eventLinkWrap, .js-addtocalendarwrap {
        width: 100%;
    }
}




@media screen and (min-width: 767px) and (max-width: 963px) {
    .aside .btn {
        font-size: .9em;
    }
}




@media screen and (max-width: 767px){
	.mapLayerToggles .toggle {
		display: block !important;
		width: 100%;
		border-bottom-left-radius: 4px !important;
		border-bottom-right-radius: 4px !important;
		border-top-left-radius: 4px !important;
		border-top-right-radius: 4px !important;
		margin-bottom: 5px;
	}

	.floatingIcons.floatingLocateMe {
	  bottom: 140px;
	}
}


.calendarEvent .calendarEventDay sup {
    display: none;
}


.calendarEvent .calendarEventDay.hideYears .year {
    display: none;
}

.calendarEvent .calendarEventDay.displayYears sup {
    display: none;
}

.calendarEvent .calendarEventDay .startDate, .calendarEvent .calendarEventDay .endDate {
    display: inline-block;
}


.calendarEvent .calendarEventDay.hideEndDate .endDate, .calendarEvent .calendarEventDay .hideEndDate {
    display: none;
}




/*.calendarEvent .calendarEventDay.displayEndDate.displayYears {
    font-size: 12px;
}

.calendarEvent .calendarEventDay.displayEndDate {
    font-size: 14px;
}

    @media screen and (max-width: 767px){
    .calendarEvent .calendarEventDay.displayEndDate {
        font-size: 20px;
    }

    .calendarEvent .calendarEventDay.displayEndDate.displayYears {
        font-size: 14px;
    }
}

*/