/* Please use Foundation's visibility classes
[ .show-for-sr, .hide (not .hidden) etc], rather than making your own */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

/*_______________ Low Contrast ____________*/
html[data-access-contrast=low] body{
	opacity: 0.6 !important;
}
/*_______________ High Contrast ____________*/
html[data-access-contrast=high] .off-canvas-content,
html[data-access-contrast=high] body,
html[data-access-contrast=high] .scrollView,
html[data-access-contrast=high] .app-trail-page,
html[data-access-contrast=high] .leaflet-popup-content,
html[data-access-contrast=high] #off-canvas,
html[data-access-contrast=high] .app-trail-header h2, 
html[data-access-contrast=high] .app-page-header h2,
html[data-access-contrast=high] .app-map-trail-link span,
html[data-access-contrast=high] .reveal{
	background-color: #000 !important;
}
html[data-access-contrast=high] .off-canvas-content,
html[data-access-contrast=high] .off-canvas-content h1:not(.group-page-title *),
html[data-access-contrast=high] .off-canvas-content h2:not(.want-more-heading *):not(.trail-listing h2),
html[data-access-contrast=high] .off-canvas-content h3:not(.dmj-heading *),
html[data-access-contrast=high] .off-canvas-content h4,
html[data-access-contrast=high] .off-canvas-content h5,
html[data-access-contrast=high] .off-canvas-content h6,
html[data-access-contrast=high] .off-canvas-content p,
html[data-access-contrast=high] .off-canvas-content a:not(.button):not(.wp-block-file__button):not(.wp-block-button__link):not([rel="tag"]):not(.trail-listing),
html[data-access-contrast=high] .off-canvas-content li,
html[data-access-contrast=high] .reveal h1,
html[data-access-contrast=high] .reveal h2,
html[data-access-contrast=high] .reveal h3,
html[data-access-contrast=high] .reveal h4,
html[data-access-contrast=high] .reveal h5,
html[data-access-contrast=high] .reveal h6,
html[data-access-contrast=high] .reveal p,
html[data-access-contrast=high] .reveal a:not(.button):not(.wp-block-file__button):not(.wp-block-button__link):not([rel="tag"]):not(.trail-listing),
html[data-access-contrast=high] .reveal li,
html[data-access-contrast=high] .popup-label,
html[data-access-contrast=high] #off-canvas,
html[data-access-contrast=high] .app-map-trail-link{
	color: #fcb900!important;
}
html[data-access-contrast=high]p a,
html[data-access-contrast=high].off-canvas-content li a{
	text-decoration: underline !important;
}
html[data-access-contrast=high] .group-page-title{
	background-color: #fcb900 !important;
}
html[data-access-contrast=high] .group-page-title *,
html[data-access-contrast=high] .dmj-heading *,
html[data-access-contrast=high] .trail-listing h2,
html[data-access-contrast=high] ul#access-tabs *,
html[data-access-contrast=high] .tabs-content p{
	color: #000 !important;
}

[data-access-contrast=high] .trail-listing h2{
	color: #000 !important;
	background-color: #fcb900 !important;
	display: inline-block !important;
}

html[data-access-contrast=high] .listing-label{
	background-color: #fcb900 !important;
	color: #000 !important;
}

html[data-access-contrast=high] .wp-block-post .wp-block-post-featured-image{
	border-color: #fcb900 !important;
}

html[data-access-contrast=high] .want-more-heading,
html[data-access-contrast=high] .post-categories > .wp-block-post-terms a,
html[data-access-contrast=high] .dmj-heading,
html[data-access-contrast=high] .dmj-categories button,
html[data-access-contrast=high] #goBtn{
	background-color: #fcb900 !important;
	color: #000 !important;
}

html[data-access-contrast=high] .event-date{
	background-color: #fcb900 !important;
}

html[data-access-contrast=high] .app-trail-page .grid-container,
html[data-access-contrast=high] .trail-content,
html[data-access-contrast=high] .qe-toggle-title{
	background-color: #000 !important;
}

html[data-access-contrast=high] .popup-label span::before{
	-webkit-filter:unset;
}

html[data-access-contrast=high] .mob-nav-btn-trails-close,
html[data-access-contrast=high] .circle-text span{
	color:#fff;
}


/*_______________ Medium Text ____________*/
html[data-access-type-size=medium] {
	font-size: 110% !important;
}
html[data-access-type-size=medium] .app-map-trail-link{
	 bottom: 15%;
}
/*_______________ Large Text ____________*/
html[data-access-type-size=large]{
	font-size: 125% !important;
}
html[data-access-type-size=large] .app-map-trail-link{
	 bottom: 20%;
}

* {
    font-family: 'PT Sans', sans-serif;
}
body{
	color: #222;
	font-family: 'PT Sans', sans-serif;
	font-size: 13px;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
}
p{
	line-height: inherit;
}
a{
	transition: opacity 0.2s ease;
	color: inherit;
}
a:hover, a:focus,
button:hover, button:focus,
.wp-block-button__link:hover, .wp-block-button__link:focus{
	color: inherit;
	outline: inherit;
}
a:focus,
button:not(.mob-nav-btn):focus,
.wp-block-button__link:focus,
a:hover,
button:not(.mob-nav-btn):hover,
.wp-block-button__link:hover{
	box-shadow: 0 0 0 0.15em black;
	opacity: 0.999;
}
p a,
main li a{
	color: inherit;
	text-decoration: underline;
}
p a:hover,
main li a:hover{
	opacity: 1;
	text-decoration: none;
}
button,
.button,
.wp-block-button__link{
	cursor: pointer;
	transition: opacity 0.2s ease;
}
.button,
.wp-block-button__link{
	background-color: #222;
	color: #fff;
}
.button:hover, .button:focus,
.wp-block-button__link:hover, .wp-block-button__link:focus{
	color: inherit;
	outline: none;
	background-color: #222;
	color: #fff;
}
.close-button{
	color: inherit;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-weight: bold;
	font-family: inherit;
	line-height: 1.2;
}
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{
	color: inherit;
}
.grid-container{
	max-width: 75rem; /* <-- The main site width, adjust as needed */
}
main{
	padding-top: 1em;
}
.clear{
	clear: both;
}
.clearfix::after {
	content: '';
	clear: both;
	display: table;
}
[data-toggle]{
	cursor: pointer;
}

main{
	font-size:1.6rem; /* 25px */
}

h1, .h1{
	font-size: 3.84rem;
	color:#125BAB;
}
h2, .h2{
	font-size: 2.88rem;
}
h3, .h3{
	font-size: 2.56rem;
}
h4, .h4{
	font-size: 2.24rem;
}
h5, .h5{
	font-size: 1.92rem;
}
h6, .h6, p, li{
	font-size: 1.6rem;
}

/* Base settings for content area, edit as needed */
main p,
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main pre,
main hr{
	margin-top: 1em;
	margin-bottom: 1em;
}
main figure{
	margin-top: 1em;
	margin-bottom: 1em;
}
main li{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
main ul, main ol, main dl{
	margin: 1em 0 1em 2em;
	list-style-position: outside;
}
.has-small-font-size{
	font-size: 0.8rem;
}
.has-normal-font-size{
	font-size: 1rem;
}
.has-medium-font-size{
	font-size: 1.2rem;
}
.has-large-font-size{
	font-size: 1.4rem;
}
.has-huge-font-size{
	font-size: 1.6rem;
}
blockquote, blockquote p{
	color: #666;
}
blockquote{
	margin: 1em 0;
	padding: 1em 1.5em 0em 1.5em;
	border-left: 0.2em solid rgba(0,0,0,0.1);
	overflow: auto;
}
::placeholder{
	color: #666;
}
pre > code{
	padding: 0;
	border: none;
	background-color: transparent;
	font-family: inherit;
	font-weight: inherit;
	color: inherit;
	max-height: 40em;
	display: block;
	font-size: 0.8rem;
}
.wp-block-image{
	clear: both;
}
.entry-content .alignright, .entry-content img.alignright,
.entry-content .alignleft, .entry-content img.alignleft{
	display: table;
	margin-top: 1em;
}
.wp-block-image img,
.wp-block-image a,
.blocks-gallery-grid .blocks-gallery-item img,
.blocks-gallery-item a{
	width: 100%;
}
.wp-block-column > .wp-block-image > figure{
	display: table;
}
.wp-block-image figure.size-large img{
	width: auto;
	max-width: 100%;
}
.entry-content .wp-block-image figure{
	display: table;
}

/* Layout settings, edit and expand as needed */
.copyright{
	margin: 1rem 0;
}
#utility-nav ul{
	margin-top: 1rem;
	margin-bottom: 0;
	font-size: 0.666rem;
	margin: 1.6em 0;
	justify-content: flex-end;
}
#utility-nav li:not(:last-child){
	margin: 0 1.5rem 0 0;
}
#utility-nav li:last-child{
	margin-right: -0.625em;
}
#comments{
	padding-top: 6em;
}
#utility-nav button{
	display: inline-block;
	line-height: 1;
	padding: 0.5em 0.8em;
	border: 1px solid rgba(0,0,0,0.1);
	font-weight: 600;
	color: inherit;
}
#main-branding,
#mobile-branding{
	list-style-type: none;
	margin: 0;
}
#mobile-branding a{
	color: inherit;
	display: block;
}
#main-branding{
	background-color: transparent;
}
#main-branding a{
	font-size: 2.5rem;
	font-weight: bold;
	padding: 0;
	margin: 1em 0;
}
#top-bar-menu{
	padding-bottom: 1em;
	margin-bottom: 1em;
}
#top-bar-menu nav > div{
	background-color: #414041;
}
.top-bar{
	background-color: transparent;
}
.title-bar{
	justify-content: space-between;
	padding: 1rem 1.22rem;
	background-color: inherit;
	color: inherit;
	font-weight: 700;
}
.title-bar .menu-icon::after{
	background-color: #222;
}
.table-scroll{
	font-size: 80%;
}
.table-scroll table{
	table-layout: fixed;
}
.table-scroll table td{
	word-wrap: break-word;
}
span.deleteicon{
	position: relative;
	display: block;
	flex-grow: 1;
}
#mainnav .active > a,
#mainnav .current-menu-item > a,
#mainnav .current-menu-ancestor > a,
#mainnav .current-page-ancestor > a,
#footer-links .active > a{
	text-decoration: none;
}
span.deleteicon button{
	position: absolute;
	display: block;
	top: calc(50% - .6em);
	right: 0.5em;
	width: 1.2em;
	height: 1.2em;
	background-size: contain;
	cursor: pointer;
}
.align-items-center{
	display: flex;
	align-self: center;
	flex-direction: column;
}
.wp-block-gallery figcaption{
	pointer-events: none;
}
#modal-accessibility .close-button span{
	vertical-align: middle;
}
#modal-accessibility .close-button small{
	vertical-align: middle;
	margin: 0;
	display: block;
}
#modal-accessibility a{
	color: #222;
}
#modal-accessibility .tabs-title > a{
	font-size: 1rem;
}
.lightbox-link{
	transition: opacity 0.2s ease;
	cursor: zoom-in;
}
.lightbox-link:hover, .lightbox-link:focus{
	opacity: 0.85;
}
#gallery-modal{
	background-color: rgba(0,0,0,0.85);
}
#gallery-modal .close-button:hover{
	color: #fff;
}
#gallery-modal figure{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-direction: column;
}
#gallery-modal figure img{
	height: auto;
	max-height: 80%;
	width: auto;
	box-shadow: 0 0 7vw rgba(0,0,0,0.5);
}
#gallery-modal figcaption{
	margin-top: 1em;
	color: #fff;
	max-width: 80%;
}
#gallery-modal .arrows{
	color: #fff;
	position: absolute;
	font-size: 2rem;
	bottom: 50%;
}
.arrows.prev{
	left: 1em;
}
.arrows.next{
	right: 1em;
}
.reveal .close-button:hover{
	color: inherit;
}
body.admin-bar .reveal.full{
	top: 2em;
}
.entry-content .show-more-wrap{
	text-align: center;
	display: block;
}
.entry-content .show-more{
	display: inline-block;
}
h1.page-title,
h1.entry-title{
	font-weight: 600;
	margin: 1em 0;
	margin-top:0;
}
.listing-item p.title{
	margin: 0;
}
.listing-item figure{
	margin: 0;
}
.listing-item{
	margin-bottom: 1.8rem;
}
.listing-item .entry-content p{
	margin: 1em 0;
}
.listing-item .button{
	margin-top: 1em;
}
.listing-item .button:hover{
	background-color: #222;
}
.listing-item a{
	padding: 1em 0.7em;
	background-color: #eee;
}
.grid-item  a{
	display: block;
	padding: 1em;
}
.woocommerce ul#shipping_method li input{
	vertical-align: unset;
}
.single-product .product_meta a{
	padding: 0.5em 0.8em;
	background-color: rgba(0,0,0,0.1);
	margin: 0 1em 1em 0;
}
.skip-link:focus{
	top: 3em;
	left: 1em;
	width: auto;
	height: auto;
	clip: unset;
	font-size: 1.5rem;
	padding: 0.8em 1.2em;
	background-color: #fff;
	box-shadow: inset 0 0 0 0.1em rgba(0,0,0,0.2);
	color: #111;
	z-index: 6;
}

.menu .button, .menu a{
	padding:0.15em 0.7em 0.25em 0.7em;
    border-radius: 500px;
}

#top-bar-menu nav > div a{
	color:#fff;
}

.menu .active>a{
	background-color:#000;
}

#top-bar-menu li{
	margin:0 0.625em;
}

.menu li{
	font-size:2rem;
}

.mainnav-container{
	position: relative;
	padding:0.625em;
	z-index: 99999;
}

#mainnav li:first-child a{
	width: 220px;
    background-color: transparent;
    margin-top: -52px;
    margin-left: -58px;
    position: absolute;
}

#mainnav li:first-child a:hover{
	outline: none;
	box-shadow: none;
}

#mainnav li:first-child{
	margin-right: 150px;
}

.top-nav-fix{
	position: absolute;
    width: 100px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
}

#footer{
	background-color: #414041;
	color:#fff;
	margin-top:2.5em;
}

#footer-links{
	display: inline-block;
    column-count: 3;
    column-gap: 0;
    width: 100%;
	font-size: 0.6rem;
	margin: 2rem 0;
}
#footer-links li{
	margin: 0 0.5em 0.75em 0;
}

#footer-links a{
	display: inline-block;
	line-height: 1.2;
	padding: 0.5em 1em;
}

.footer-logos{
	text-align: right;
}

.footer-logos img{
	text-align: right;
}

h1 span,
.h1 span{
	display: block;
	font-size:0.428rem;
}

.circle-img{
	border-radius:100%;
	height:0;
	padding-bottom:100%;
	position: relative;
	overflow: hidden;
}

.circle-img img{
	object-fit: cover;
	height:100%;
	width:100%;
	position: absolute;
}

.circle-img-2{
	width: 85%;
    margin-left: 15%;
    padding-bottom: 85%;
    margin-top:15%;
    z-index:2;
}

.circle-img-3{
	width: 95%;
    padding-bottom: 95%;
    margin-top:-15%;
}

.circle-img-0{
	width: 60%;
    padding-bottom: 60%;
    margin-top:-22.5%;
}
.home .circle-img-0{
	margin-top: 0;
}

.circle-img-1{
	width: 50%;
    margin-left: 50%;
    padding-bottom: 50%;
    margin-top:-40%;
}

.map-img{
	border-radius:50px;
	border:4px solid #414041;
}

.map-img svg{
	width:100%;
}

.site-title{
	margin-top:0 !important;
	margin-bottom: 0.5em !important;
}

.map-container{
	margin-top: -92px;
}

#map{
	margin:0;
	width:100%;
	height:85vh;
}

.page-id-34 #footer{
	margin-top:0;
}

.trail-listing{
	background-color:#1A8724;
	color:#fff;
	position: relative;
	padding-right: 2em !important;
}

.trail-listing i,
.app-map-trail-link i{
	float: right;
    position: absolute;
    right: 0.25em;
    line-height: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    font-size: 2rem;
}

.trail-listings{
	padding-top: 9em;
}
.trail-listing h2{
	margin: 0;
}
.trail-content{
	display: none;
	border: solid 6px #1A8724;
	padding:1.25em;
	position: relative;
	z-index: 3;
	background-color:#fff;
}
.trail-content.first-trail-content:before{
	content: '\f0d9';
   font-family: 'Font Awesome 5 Pro';
   font-weight: 900;
   font-size: 3rem;
   position: absolute;
   left: -1.25rem;
   top: 50%;
   transform: translateY(-50%);
}
.leaflet-div-icon:focus{
	opacity: 0.5;
}
.leaflet-popup-tip-container{
	display:none;
}
.featured-circle-img{
	width: 60%;
    padding-bottom: 60%;
    float: right;
    margin-right: -22.5%;
    margin-top: -3.5rem;
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

li i{
	vertical-align: middle;
}

.utility-nav li{
	font-weight:bold;
}



.trail-listing:focus{
	box-shadow:none;
	color:#fff;
}

.circle-text-circle span{
	font-size:2.66rem;
	text-transform: uppercase;
	color:#fff;
	font-weight: bold;
	display: block;
	width: 100%;
    text-align: center;
}

.circle-text-circle span:nth-child(2){
	font-size:1.66rem;
	margin-top: -0.75rem;
}

.circle-text-circle{
	background-color:#414041;
	padding-top: 0.6rem;
    background-color: #414041;
    height: 7.5rem;
    width: 7.5rem;
    border-radius: 100%;
    display: inline-block;
    margin-right:1rem;
    vertical-align: middle;
    float: left;
}

.circle-text{
	display:table;
}

.circle-text > span{
	font-size:2.66rem;
	color:#414041;
	display: table-cell;
	vertical-align: middle;
	width: calc(100% - 8.5rem);
	line-height:1.1;
}

.leaflet-popup-content{
	margin:0 !important;
}

.leaflet-popup-content-wrapper{
	border-radius: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.webapp .trail-popup{
	font-size: 150%;
}
.leaflet-container{
	font-size:inherit !important;
}

.trail-pu-body{
	font-size:80%;
}

.trail-pu-body .cell p{
  font-size:1.35rem;
}

h4.report-problem{
	
	font-size:1.5rem !important;
}


.excerpt-read-more{
	display: block;
}

.leaflet-popup-close-button{
	opacity:0;
}

.trail-popup-img{
	width:100%;
	height:0;
	padding-bottom:66.66%;
	background-size:cover;
	background-position: center;
}

.trail-popup-link:hover{
	outline:none;
	border:none;
	box-shadow: none;
}

.trail-popup-link:hover h2{
	text-decoration: underline;
}

.leaflet-marker-icon{
	background-color: transparent !important;
    border: none !important;
}

.map-marker-icon{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    background-image:url('../images/star.png');
   background-size: 80%;
    background-position: center 25%;
    background-repeat: no-repeat;
}

.map-marker-icon.marker-type-parking{
	background-image:url('../images/parking.png');
	background-position: center;
}

.map-marker-icon.marker-type-fix{
	background-image:url('../images/fix.png');
	background-position: center;
}

.map-marker-icon.marker-type-shop{
	background-image:url('../images/shop.png');
	background-position: center;
	background-position: center 25%;
}

.popup-label span::before{
	content: '';
	background-position: center;
	height: 1em;
	width: 1em;
	margin-right: 0.5em;
	display: inline-block;
	vertical-align: middle;
	filter: invert(100%);
	-webkit-filter: invert(100%);
	background-size: contain;
}

.popup-label-marker-type-parking::before{
	background-image: url(../images/parking.png);
}

.popup-label-marker-type-fix::before{
	background-image: url(../images/fix.png);
}

.popup-label-marker-type-shop::before{
	background-image: url(../images/shop.png);
}

.popup-label b{
	display: inline-block;
	vertical-align: middle;
}

/**
 * Web app
 */

.webapp body{
	overflow-y: hidden;
}

#off-canvas{
	width:100vw;
	background-color: #414041;
	color:#fff;
	box-shadow:none !important;
	overflow-x: hidden;
}

.mob-nav-btn{
	border-radius:100%;
	background-color: #414041;
	color:#fff;
	text-align: center;
	padding:0;
	font-size:35px;
	position: relative;
	z-index: 8;
}

.mob-nav-btn-open{
	position:absolute;
	top:1.25rem;
	left:1.25rem;
	height:65px;
	width:65px;
	line-height:65px;
	z-index: 99999;
}

.mob-nav-btn-close{
	float:right;
	margin-right:1.25rem;
	margin-top:1.25rem;
	height:3.5rem;
	width:3.5rem;
	line-height:3.5rem;
	font-size:3.5rem;
}

.mob-nav-btn-trails{
	height:3.5rem;
	width:3.5rem;
	line-height:3.5rem;
	font-size:3.5rem;
	transition:all 0.25s ease;
	/*transition-delay: 1s;*/
	opacity:1;
}

.mob-nav-btn-transition{
	transition: opacity 0.5s ease;
   transition-delay: 0.5s;
}

.mob-nav-btn-hide{
   opacity: 0;
   pointer-events: none;
}

.close-page-btn{
	position:absolute;
	top:1.25rem;
	right:1.25rem;
	height:65px;
	width:65px;
	font-size:35px;
	line-height:65px;
	display: none;
}

.mob-nav-btn-trails-close{
	position:absolute;
	top:1.25rem;
	right:1.25rem;
	height:65px;
	width:65px;
	font-size:35px;
	line-height:65px;
	background-color:transparent;
	color: #414041;
	transition:opacity 0.3s ease;
	transition-delay: 0.3s;
	pointer-events: none;
	opacity: 0;
	z-index: 999999;
}

button.button.mob-nav-btn.mob-nav-btn-trails-close.show-btn:after {
    content: ' ';
    background-color: #FFF;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1;
}

.mob-nav-btn-trails-close i{
    font-size: 65px;
}

.mob-nav-btn-trails-close:hover{
	background-color:transparent;
	color: #414041;
}

.mob-nav-btn-trails-close.show-btn{
	opacity:1;
	pointer-events: all;
}

.off-canvas nav{
	clear:both;
	margin-top:1.25rem;
	font-weight:bold;
}

.off-canvas nav a{
	padding: 0.6em 0.7em 1em 0.7em;
}

.mpo-logo-container{
	width:100%;
	text-align: center;
}

.mpo-logo-container img{
	display: inline-block;
}

.explore-trails-menu{
	background-color: #414041;
	color:#fff;
	position: absolute;
	z-index: 9;
	bottom:0;
	left:0;
	right:0;
}

.explore-trails-menu.is-open{
	max-height: 80%;
	overflow-y: scroll;
}

.explore-trails-menu-inner .cell{
	text-align:center;
}

.explore-trails-menu-inner h2{
	color:#fff;
}

.explore-trails-menu .trail-listing{
	font-size: 1.5rem;
	height:2rem;
	text-align: left;
}

.explore-trails-menu .trail-listing:nth-last-child(2){
	margin-bottom:2.5rem;
}

.explore-trails-menu-list{
	margin-top: -5rem !important;
	pointer-events: none;
}

.explore-trails-menu.is-open .explore-trails-menu-list{
	animation-name: open;
  	animation-duration: 1s;
  	animation-fill-mode: forwards;
  	animation-timing-function: ease;
  	pointer-events: all;
}

.explore-trails-menu:not(.is-open) .explore-trails-menu-list{
	animation-name: close;
  	animation-duration: 1s;
  	animation-fill-mode: forwards;
  	animation-timing-function: ease;
}

.explore-trails-menu.is-open .mob-nav-btn-trails{
	opacity: 0;
	pointer-events: none;
}

@keyframes open {
   0%   {max-height: 0px; opacity: 0;}
  50% {max-height: 600px; opacity: 0;}
  100% {opacity: 1; max-height: 600px;}
}

@keyframes close {
	0% {opacity: 1; max-height: 600px;}
	50%   {opacity:0; max-height: 600px;}
   100%   {max-height: 0px; opacity:0;}
}

.app-map{
	margin-top: 50vh;
    transform: translateY(-50%);
}

.app-logo{
	position: absolute;
	width:160px;
	top:0.5rem;
	right:1.25rem;
	pointer-events: none;
	opacity:1;
	transition:opacity 0.25s ease;
	transition-delay: 0.25s;
}


.app-logo.hide-logo{
	opacity:0;
}

.webapp .off-canvas-content{
	position: relative;
    height: 100vh;
}

.app-map-trail-link{
	position: absolute;
	bottom:0;
	transform:translateY(-50%);
	left:5%;
	right:5%;
	padding:1rem;
	font-size:1.5rem;
	color:#fff;
	font-weight:bold;
}

.app-trail-page{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    bottom: 0;
    font-size: 1rem;
    z-index: 9;
    overflow-y: scroll;
}

.app-trail-img{
	width:100%;
	height:0;
	padding-bottom:50%;
	background-size: cover;
	background-position: center;
}

.app-trail-header,
.app-page-header{
	min-height:7.5rem;
}

.app-trail-header h2,
.app-page-header h2{
	color:#fff;
	min-height:5rem;
	display: table-cell;
   vertical-align: middle;
}

.app-page-header{
	background-color:#414041;
}

.app-page-header h2{
	color:#fff;
}

.app-page-title-container{
	min-height: 5rem;
   display: table;
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
}

.app-trail-img{
	margin-bottom:1.25rem;
}

.app-trail-btns{
	float:right;
	padding-left:2rem;
	padding-top:1rem;
}

.app-trail-btns a{
	padding:0.75rem;
	padding-right:0;
	margin-right:-0.75rem;
	text-align: center;
	display: block;
    max-width: 8rem;
    font-size:1.15rem;
    line-height: 1em;
    font-weight:bold;
}

.app-trail-btns a:nth-child(2){
	margin-top:2rem;
}

.app-trail-btns i{
	font-size:2.25rem;
	display: block;
	margin-bottom:0.2em;
}

.webapp #map{
	height:100%;
}

#map-window{
	padding:0;
}

.off-canvas.is-transition-push {
    z-index: 99999;
}

.map-continue-btn{
	font-size: 2rem;
    position: absolute;
    top: 7rem;
    right: 1.25rem;
    display: block;
    z-index: 99999;
}

#problem-location-btn{
	margin-bottom:0;
}

#marker-latlng{
	margin-left: 0.5em;
    opacity: 0.66;
}

#report-problem-btn-container{
	position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: 99999;
    padding:0.75rem;
    background-color:#414141;
    color:#fff;
    text-align:center;
    display: block;
    max-width:9rem;
}

#report-problem-btn-container i{
    font-size: 3rem;
    margin-bottom: 1rem;
}

.reveal-overlay{
	z-index: 999999;
}
.selected-trail i{
	visibility: hidden;
}
.leaflet-popup:not(.dragpop){
	bottom: -7em !important;
	left: -130px !important;
}
.qe-toggle-title{
	width: 100%;
	text-align: left;
}
.qe-faqs-filters-container li a{
	text-decoration: none;
}
.qe-faqs-filters-container li a:hover{
	border: none;
}

.surfacesKey{
	font-size: 120%;
	position: absolute;
	bottom: 2rem;
	right: 1rem;
	background-color: #ffffffcc;
	padding: 1rem;
	z-index: 699;
	text-align: right;
}

.surfacesKey h4{
	font-size:1.4rem;
}

.surfacesKey *{
	color: #414141;
}

.surfacesKey ul{
	list-style-type: none;
	margin: 0;
}

.surfacesKey li *{
	display: inline-block;
	vertical-align: middle;
	font-size:1.2rem;
}

.surfaceKeyColour{
	height: 1em;
	width: 1em;
	margin-left: 0.5em;
}

span[data-type='HMA']:after {
    content: ' (Asphalt)';
    font-size: 80%;
}

span[data-type='PCC']:after {
    content: ' (Cement)';
    font-size: 80%;
}

#report-problem-form label,#report-problem-form select,#report-problem-form button,#report-problem-form input[type='submit']{
	font-size:1.2rem;
}
/*
To generate new titles use: http://patorjk.com/software/taag/#p=display&f=ANSI%20Shadow

██████╗ ██╗  ██╗ ██████╗ ███╗   ██╗███████╗     ██████╗ ███╗   ██╗██╗  ██╗   ██╗
██╔══██╗██║  ██║██╔═══██╗████╗  ██║██╔════╝    ██╔═══██╗████╗  ██║██║  ╚██╗ ██╔╝
██████╔╝███████║██║   ██║██╔██╗ ██║█████╗      ██║   ██║██╔██╗ ██║██║   ╚████╔╝
██╔═══╝ ██╔══██║██║   ██║██║╚██╗██║██╔══╝      ██║   ██║██║╚██╗██║██║    ╚██╔╝
██║     ██║  ██║╚██████╔╝██║ ╚████║███████╗    ╚██████╔╝██║ ╚████║███████╗██║
╚═╝     ╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═══╝╚══════╝     ╚═════╝ ╚═╝  ╚═══╝╚══════╝╚═╝
*/
@media screen and (max-width: 40em){

	.entry-content .alignright, .entry-content img.alignright{
		margin-left: 0;
	}
	.entry-content .alignleft, .entry-content img.alignleft{
		margin-right: 0;
	}
	html.is-reveal-open {
		position: initial;
	}
	html.is-reveal-open.zf-has-scroll{
		overflow-y: hidden;
	}
	body:not(.admin-bar) .reveal-overlay{
		overflow: hidden;
	}
	body.admin-bar .reveal{
		top: 46px !important;
	}
	/* .lightbox-link{
		pointer-events: none;
		cursor: default;
	} */
	.wp-block-image figure{
		width: 100%;
	}
	.circle-img-0{
		margin-top: -7rem;
	}
	header#header{
		position: relative;
	    z-index: 999999;
	    background-color: #414041;
	    color: #fff;
	}

	.wp-block-lazyblock-circle-text{
		margin-bottom:1em;
	}

	html{
		font-size:0.8rem;
	}

	body{
		font-size:0.75rem;
	}

	.title-bar{
		font-size: 1.2rem;
		padding: 2.2rem 1.22rem;
	}

	#mobile-branding img{
		width: 12rem;
	    position: absolute;
	    top: -7px;
	    left: -7px;
	}

	#menu-item-125{
		display: none;
	}

	.top-nav-fix{
		display: none;
	}

	#mainnav{
		display: flex;
	    justify-content: space-between;
	}

	#top-bar-menu li{
		margin:0;
	}

	.map-container {
	    margin-top: -50px;
	}

	main{
		padding-top:5rem;
	}

	.page-id-34 main{
		padding-top:0;
	}

	.trail-listings{
		padding-top:0;
		padding-bottom:2.5rem;
	}

	.grid-container{
		padding-left:2.5rem;
		padding-right:2.5rem;
	}
	#footer-links{
    column-count: 2;
	}
}

/*
████████╗ █████╗ ██████╗ ██╗     ███████╗████████╗    ██╗   ██╗██████╗
╚══██╔══╝██╔══██╗██╔══██╗██║     ██╔════╝╚══██╔══╝    ██║   ██║██╔══██╗
   ██║   ███████║██████╔╝██║     █████╗     ██║       ██║   ██║██████╔╝
   ██║   ██╔══██║██╔══██╗██║     ██╔══╝     ██║       ██║   ██║██╔═══╝
   ██║   ██║  ██║██████╔╝███████╗███████╗   ██║       ╚██████╔╝██║
   ╚═╝   ╚═╝  ╚═╝╚═════╝ ╚══════╝╚══════╝   ╚═╝        ╚═════╝ ╚═╝
*/
@media screen and (min-width: 40em){

	main .alignright,
	main .alignleft{
		max-width: 40%;
	}
	main figure{
		margin-top: 4em;
		margin-bottom: 4em;
	}
	#gallery-modal figure img{
		max-width: 80%;
	}
	.menu-toggle{
		cursor: pointer;
		display: inline-block;
		vertical-align: middle;
		margin-left: 0.4em;
		transition: transform 0.2s ease;
	}
	.menu-toggle.show{
		transform: rotate(-180deg);
	}
	body.admin-bar .reveal.full{
		top: 46px !important;
	}
	#grid[data-columns]::before {
		content: '3 .column.size-1of3';
	}

	.wp-block-lazyblock-circle-text{
		width: 49.5%;
		display: inline-block;
	}
	.selected-trail{
		width: calc(100% + 5rem) !important;
	}
}

/*
████████╗ █████╗ ██████╗ ██╗     ███████╗████████╗     ██████╗ ███╗   ██╗██╗  ██╗   ██╗
╚══██╔══╝██╔══██╗██╔══██╗██║     ██╔════╝╚══██╔══╝    ██╔═══██╗████╗  ██║██║  ╚██╗ ██╔╝
   ██║   ███████║██████╔╝██║     █████╗     ██║       ██║   ██║██╔██╗ ██║██║   ╚████╔╝
   ██║   ██╔══██║██╔══██╗██║     ██╔══╝     ██║       ██║   ██║██║╚██╗██║██║    ╚██╔╝
   ██║   ██║  ██║██████╔╝███████╗███████╗   ██║       ╚██████╔╝██║ ╚████║███████╗██║
   ╚═╝   ╚═╝  ╚═╝╚═════╝ ╚══════╝╚══════╝   ╚═╝        ╚═════╝ ╚═╝  ╚═══╝╚══════╝╚═╝
*/
@media screen and (min-width: 40em) and (max-width: 64em){

}

/*
██████╗ ███████╗███████╗██╗  ██╗████████╗ ██████╗ ██████╗
██╔══██╗██╔════╝██╔════╝██║ ██╔╝╚══██╔══╝██╔═══██╗██╔══██╗
██║  ██║█████╗  ███████╗█████╔╝    ██║   ██║   ██║██████╔╝
██║  ██║██╔══╝  ╚════██║██╔═██╗    ██║   ██║   ██║██╔═══╝
██████╔╝███████╗███████║██║  ██╗   ██║   ╚██████╔╝██║
╚═════╝ ╚══════╝╚══════╝╚═╝  ╚═╝   ╚═╝    ╚═════╝ ╚═╝
*/
@media screen and (min-width: 64em){

	body.admin-bar .reveal.full{
		top: 32px !important;
	}
	.arrows.prev{
		left: 2em;
	}
	.arrows.next{
		right: 2em;
	}

	.featured-circle-img {
	    width: 66.66%;
	    padding-bottom: 66.66%;
	    margin-right: -25%;
	}

	.webapp body{
		font-size:12rem;
		max-width: calc(0.6 * 100vh);
		margin:auto;
		-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
	}

	.webapp .reveal.full{
		max-width: calc(0.6 * 100vh);
		margin:auto;
	}

	.webapp{
		font-size:0.8rem;
	}

	.webapp .grid-container {
	    padding-left: 2.5rem;
	    padding-right: 2.5rem;
	}

	.webapp .off-canvas{
		position: absolute;
	}

	.webapp .position-left:not(.is-open){
		transform: translateX( calc(0px - (0.6 * 100vh) ) );
	}

	.webapp #off-canvas{
		max-width: calc(0.6 * 100vh);
	}
}

/*
██╗  ██╗██╗
╚██╗██╔╝██║
 ╚███╔╝ ██║
 ██╔██╗ ██║
██╔╝ ██╗███████╗
╚═╝  ╚═╝╚══════╝
*/
@media screen and (min-width: 80em){

}

/*
 █████╗  ██████╗ ██████╗███████╗███████╗███████╗     ██████╗ ██████╗  ██████╗ ██╗  ██╗██╗███████╗███████╗
██╔══██╗██╔════╝██╔════╝██╔════╝██╔════╝██╔════╝    ██╔════╝██╔═══██╗██╔═══██╗██║ ██╔╝██║██╔════╝██╔════╝
███████║██║     ██║     █████╗  ███████╗███████╗    ██║     ██║   ██║██║   ██║█████╔╝ ██║█████╗  ███████╗
██╔══██║██║     ██║     ██╔══╝  ╚════██║╚════██║    ██║     ██║   ██║██║   ██║██╔═██╗ ██║██╔══╝  ╚════██║
██║  ██║╚██████╗╚██████╗███████╗███████║███████║    ╚██████╗╚██████╔╝╚██████╔╝██║  ██╗██║███████╗███████║
╚═╝  ╚═╝ ╚═════╝ ╚═════╝╚══════╝╚══════╝╚══════╝     ╚═════╝ ╚═════╝  ╚═════╝ ╚═╝  ╚═╝╚═╝╚══════╝╚══════╝
*/

/*_______________ Low Contrast ____________*/
body[data-cookie-contrast=low] main{
	opacity: 0.6;
}
/*_______________ High Contrast ____________*/
body[data-cookie-contrast=high],
body[data-cookie-contrast=high] .trail-content,
body[data-cookie-contrast=high] .qe-faq-toggle .qe-toggle-title,
body[data-cookie-contrast=high] .leaflet-popup-content-wrapper,
body[data-cookie-contrast=high] .trail-popup-link{
	background-color: #000;
	color:#fff;
}
body[data-cookie-contrast=high] main,
body[data-cookie-contrast=high] main h1,
body[data-cookie-contrast=high] main h2,
body[data-cookie-contrast=high] main h3,
body[data-cookie-contrast=high] main h4,
body[data-cookie-contrast=high] main h5,
body[data-cookie-contrast=high] main h6,
body[data-cookie-contrast=high] main p,
body[data-cookie-contrast=high] main a:not(.button):not(.wp-block-file__button),
body[data-cookie-contrast=high] main li{
	color: #fff;
}
body[data-cookie-contrast=high] p a,
body[data-cookie-contrast=high] main li a{
	text-decoration: underline;
	color:yellow !important;
}
/*_______________ Large Text ____________*/
body[data-cookie-text=large] main.main{
	font-size: 180%;
}
/*_______________ XL Text ____________*/
body[data-cookie-text=xl] main.main{
	font-size: 200%;
}


/*
██████╗  █████╗ ███████╗███████╗    ██╗███╗   ███╗ ██████╗
██╔══██╗██╔══██╗██╔════╝██╔════╝    ██║████╗ ████║██╔════╝
██████╔╝███████║███████╗█████╗      ██║██╔████╔██║██║  ███╗
██╔══██╗██╔══██║╚════██║██╔══╝      ██║██║╚██╔╝██║██║   ██║
██████╔╝██║  ██║███████║███████╗    ██║██║ ╚═╝ ██║╚██████╔╝
╚═════╝ ╚═╝  ╚═╝╚══════╝╚══════╝    ╚═╝╚═╝     ╚═╝ ╚═════╝
*/
span.deleteicon button{
	background-image: url(data:image/png;base64,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);
}