/*
	Theme Name: Modernhiker 2013
	Description: Custom theme based on HTML5 Blank WordPress Theme originally authored by Todd Motto (@toddmotto)
	Version: 1.0
	Author: Laura Birek
	Author URI: http://laurabirek.com

*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries

	font-family: 'Cabin', sans-serif;
    font-family: 'Oswald', sans-serif;


/*******************************************************************
********************************************************************
                    #Site Styles
********************************************************************
*******************************************************************/

/* HEADER */
 .mini-nav li, .nav li {
    display: inline-block;
}
.mini-nav li {
    float:right;
}
.logo {
    position: absolute;
    z-index: 100;
    top:40px;
    /*top:140px;*/
}
.mini-nav {
    background: #3f3f3f;
    padding:5px 0;
}
.mini-nav li a {
    color:#d6d6d6;
    text-decoration: none;
    font-family:'Cabin', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}
.mini-nav li {
    border-right: 1px solid #d6d6d6;
    padding: 0 20px;
}
.mini-nav li:nth-child(1) {
    border-right: none;
}
.mainnav {
    background: #d6d6d6;
}
.nav li a {
    color: #fff;
    font-family:'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 28px;
    text-shadow: rgba(63, 63, 63, 0.0980392) 1px 1px 0px, rgba(63, 63, 63, 0.0980392) -1px -1px 0px, rgba(63, 63, 63, 0.0980392) 1px -1px 0px, rgba(63, 63, 63, 0.0980392) -1px 1px 0px, rgba(63, 63, 63, 0.0980392) 0px 1px 0px, rgba(63, 63, 63, 0.0980392) 1px 0px 0px, rgba(63, 63, 63, 0.0980392) 0px -1px 0px, rgba(63, 63, 63, 0.0980392) -1px 0px 0px;
}
.nav li a:hover {
    color: #3f3f3f;
    text-shadow: none;
}
.nav li {
    padding: 16px 13px 8px;
    line-height: 28px;
}
/* dropdowns */
 header nav ul li ul {
    margin-top: 3px;
    display:none;
    position:absolute;
    background: #d6d6d6;
    padding:0;
    z-index:100;
    padding-top: 7px;
    margin-left:-12px;
    width: 300px;
}
header .nav ul li ul li {
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
}
header .nav ul li ul li a {
    display:block;
    padding:4px 12px;
    width: 97%;
    margin:0 auto;
    font-size: 16px;
    color: #3c3b3b;
    text-shadow:none;
    ;
}
header .nav ul li ul li a:hover {
    color: #fff;
}
header nav li li ul {
    display: none;
    visibility: visible;
    left: 300px;
    margin-left: 0;
    margin-top: -34px;
    visibility:hidden;
}
nav li li:hover ul {
    visibility:visible;
}
nav li a .fa {
    color: #999;
}
nav .sub-sub-menu a .fa {
    display: none;
}
@media only screen and (max-width: 767px) {
    header nav ul li ul {
        left: 0;
    }
    header nav ul.sub-sub-menu {
        margin-left: 15px;
        width: 285px;
    }
    header nav li li ul {
        display: none;
        visibility: visible;
        left: 0;
        margin-left: 0;
        margin-top: 0px;
        visibility:hidden;
        position: relative;
    }
}
/* 3-rd level dropdown for mobile */

/* end dropdowns */
 .search-submit, .mainnav form.search input[type="submit"]:hover, .mainnav form.search button:hover {
    background: url(/wp-content/i/search.gif) center center no-repeat;
    text-indent:-9999em;
    border:none;
    border-radius:0;
}
.mainnav form.search {
    background: #e9e9e9;
    margin:13px 0 0;
}
.mainnav form.search .search-input {
    width: 76%;
    float: left;
    padding: 4% 4% 0;
    font-size: 20px;
}
.mainnav form.search .search-input:focus, #mc-embedded-subscribe-form input.email:focus {
    outline:none;
    box-shadow:none;
}
.mainnav form.search input[type="search"] {
    background: #e9e9e9;
    border:none;
}
.mainnav .three.search:hover {
    background: none;
}
body .row.marquee {
    height:157px;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(/wp-content/i/default-header.jpg);
}
/****************** FOOTER **********************/
 .row.footer {
    background: #3f3f3f;
    padding:50px 0;
    margin-top: 20px;
}
.row.footer .social {
    width: 175px;
}
.row.footer .social li {
    width:87px;
    height:87px;
    padding:0;
    margin:0;
    display:block;
    float: left;
    text-indent: -999em;
}
.row.footer .social li a {
    display:block;
    width:87px;
    height:87px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    text-indent: -999em;
    padding:0;
    margin:0;
}
#mc-embedded-subscribe-form {
    width: 100%;
    background: #d6d6d6;
    height:30px;
    padding:5px 0;
}
#mc-embedded-subscribe-form input.email {
    width:67%;
    background: none;
    border:none;
    border-radius:0;
    display:inline-block;
    margin:0;
    margin-left: 3%;
}
#mc-embedded-subscribe-form input.button {
    background: url(/wp-content/i/go.gif) center center no-repeat #d6d6d6;
    display:inline-block;
    width: 60px;
    text-indent: -999em;
    border:none;
}
#mc_embed_signup .advertise {
    background: #a3d0f1;
    color:#fff;
    font-size: 36px;
    display:block;
    width:100%;
    padding:10px 0;
    text-align: center;
    line-height: 140%;
    margin:14px 0 0;
}
.sitemap a.link, .sitemap ul li a.link, .sitemap ul li a {
    display:block;
    color:#fff;
    text-transform: uppercase;
    margin:10px 0 0 0;
}
.sitemap a.link:hover, .sitemap ul li a.link:hover, .sitemap ul li a:hover {
    color: #a3d0f1;
}
.sitemap a.link.sub, .sitemap ul li ul li a {
    text-transform: none;
}
.sitemap a.link.sub:before {
    content:"- ";
}
.sitemap ul li ul li {
    list-style: square outside url('data:image/gif;base64,R0lGODlhBQAKAJECAP///wAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU0OTExLCAyMDEzLzEwLzI5LTExOjQ3OjE2ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTNCRkIxMDc4RDQwMTFFM0E5QkI5NzEzMzI3N0RBMjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTNCRkIxMDg4RDQwMTFFM0E5QkI5NzEzMzI3N0RBMjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxM0JGQjEwNThENDAxMUUzQTlCQjk3MTMzMjc3REEyNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxM0JGQjEwNjhENDAxMUUzQTlCQjk3MTMzMjc3REEyNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAIALAAAAAAFAAoAAAIIlI+ZwKwPUQEAOw==');
}
/*******************************************************************
********************************************************************
                    #Page Styles
********************************************************************
*******************************************************************/

/*****************  HOME  ******************/
 .container.slideshow,
  .container.teaser,
   .video.teaser {
    margin-top: 10px;
}
.teaser-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.teaser-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Prevent the slideshow from flashing on load */
 #js-slides {
    display: none
}
#slide-tabs li {
    height:97px;
    overflow:hidden;
    display: block;
    background: #a3d0f1;
    border-bottom: 1px solid #fff;
}
#slide-tabs li a {
    margin:3%;
    color: #000;
    display: block;
    width: 94%;
    cursor:pointer;
}
#slide-tabs li a span {
    color: #fff;
    font-family:'Oswald', sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 138%;
}
#slide-tabs li.active {
    background: #d6d6d6;
    ;
}
#slide-tabs li.active a span, #slide-tabs li a:hover span {
    color:#3b3b3b;
}
/*************** SLIDE JS ********************/
 .slidesjs-pagination-item {
    display: block;
    float: left;
    margin:0 3px;
}
.slidesjs-pagination-item a {
    width: 13px;
    height:13px;
    border-radius:10px;
    background: #fff;
    text-indent: -999em;
    font-size: 1px;
    text-align: left;
    display: block;
}
.slidesjs-pagination-item a:hover, .slidesjs-pagination-item a.active {
    background: #a3d0f1;
}
.slidesjs-pagination {
    position: absolute;
    bottom: 10px;
    z-index: 99;
    left: 610px;
    width: 100px;
}
.slidetext {
    bottom: 0;
    position: absolute;
    height: 14%;
    background: rgba(0, 0, 0, .6);
    padding:3%;
    width:94%;
}
.slidetext p.mob-title {
    display: none;
}
.slidetext p {
    font-size: 14px;
    color: #fff;
    margin:0;
    padding:0;
    display: block;
    width: 86%;
}
.slidetext a {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 20px;
    background: #a3d0f1;
    padding: 10px;
    font-weight: bold;
    color: #fff;
}
.slidetext a:hover {
    background: #d6d6d6;
    color: #3b3b3b;
}
/* Recent Posts homepage */
 .home .posts h1, h2.rec-head, .recent-posts h1, .page h1 {
    color: #3c3b3b;
    font-size: 44px;
    text-transform: uppercase;
    font-weight: bold;
}
.home .posts h2.allposts {
    font-size: 44px;
    text-align:right;
}
.home .posts h2.allposts a, .pagination a, .pagination {
    font-size: 34px;
    font-family:'Cabin', sans-serif;
}
.recent-posts article {
    clear:both;
}
.recent-posts article h2 {
    margin:0 0 0 0;
    line-height: 24px;
    font-size: 24px;
}
.recent-posts article h2 a {
    font-family:'Cabin', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}
.recent-posts article .mh-post-thumb {
    float: left;
    margin:0 20px 0 0;
}
.recent-posts p {
    display:block;
}
.recent-posts article {
    margin-bottom: 25px;
    /* min-height:240px;*/
}
.recent-posts .view-article {
    font-size: 34px;
    color:#fff;
    display:block;
    float:left;
    background: #a3d0f1;
    padding: 10px;
    font-weight: bold;
}
.recent-posts .view-article:hover {
    background: #d6d6d6;
}
.recent-posts span.date {
    font-size: 31px;
    color:#d6d6d6;
    display:block;
    float:right;
    padding:10px;
}
.mainslides {
    height:391px;
    width:695px;
    -webkit-background-size: cover;
    background-size: cover;
}
.globalsidebar {
    margin-top: 20px;
}
header .bannerad {
    float: right;
    height: 90px;
    width: 728px;
    margin:10px 0;
}
.bannerad {
    height: 90px;
    width: 728px;
    margin:10px 0;
}
/* Comments */
 .comment-list, .comment-list .children {
    list-style: none;
}
.comment-list {
    margin-left: 10px;
}
.comment {
    margin-bottom: 30px;
    margin-top: 20px;
}
.comment-list .children {
    margin-top: 40px;
}
.comment-meta {
    margin-bottom: 10px;
}
.commenter {
    font-size: 16px;
}
.avatar {
    float: right;
    margin: 0px 0px 10px 20px;
    border: 1px #ddd solid;
    padding: 1px;
}
/* Comment Reply */
 #comment-form .form-section input {
    margin-right: 10px;
}
.form-section {
    margin-bottom: 10px;
}
.form-section label {
    cursor: pointer;
}
#commenter-details input {
    margin-right: 10px;
}
#allowed-tags {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 5px 10px;
    background: #fff;
    border: 1px #ddd dotted;
    border-top: none;
    width: 573px;
}
.comment cite, .comment cite a {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    font-family:'Oswald', sans-serif;
    color: #686868;
}
.authormetadesc {
    padding-bottom: 10px;
    margin-bottom: 50px;
    border-bottom: 1px solid #cacaca;
}
/*******************************************************************
********************************************************************
                    #Posts
********************************************************************
*******************************************************************/
 .single-post .container.post {
    margin-top: 20px;
    ;
}
.container.post .title h1 {
    font-size: 50px;
    text-transform: uppercase;
    color: #3c3b3b;
    line-height: 130%;
    margin:0;
}
.container.post .title span, .container.post .title span a {
    display: block;
    font-size: 40px;
    color:#d6d6d6;
    line-height: 130%;
    ;
}
.container.post .title span.comments {
    font-size: 16px;
}
.metadata p.large {
    font-size: 22px;
}
.metadata span.ind {
    font-size: 22px;
    font-weight: bold;
    font-family:'Oswald', sans-serif;
    color:#3f3f3f;
    text-transform: uppercase;
}
h3.notables {
    font-size: 38px;
    font-weight: bold;
    font-family:'Oswald', sans-serif;
    color:#3f3f3f;
    text-transform: uppercase;
    margin: .5em 0;
}
.notables li {
    background: url(/wp-content/i/dot.jpg) 10px 10px no-repeat;
    padding:0px 0 0 30px;
    margin-top: 10px;
    display: block;
    color:#3f3f3f;
    line-height: 130%;
    font-style:italic;
    font-size: 24px;
}
ul.buttons {
    margin-top: 20px;
}
.buttons li a {
    background: #a3d0f1;
    color: #fff;
    font-size: 56px;
    font-weight: bold;
    display: block;
    width: 44%;
    font-family:'Oswald', sans-serif;
    text-align: center;
    line-height: 100%;
    margin: 3%;
    text-transform: uppercase;
    float:left;
    padding:14% 0;
}
.buttons li.trailhead a {
    font-size: 45px;
    padding:5% 0;
}
.buttons li.flickr a {
    font-size: 32px;
    padding: 19% 0;
}
.buttons li.directions a, .buttons li.camp a {
    width: 94%;
    font-size: 42px;
}
.buttons li.camp a {
    font-size: 68px;
    padding: 5% 0;
}
.camp.hipcamp span.with, .camp.hipcamp span.with strong, .camp.hipcamp span.with em {
    font-size: 20px;
    color: #fff;
}
.camp.hipcamp span.with strong {
    display:none;
}
.camp.hipcamp span.hclogo {
    background: url(/wp-content/themes/modernhiker-2013/img/hipcamp-logo.png) center center no-repeat;
    display: block;
    line-height: 63px;
    -webkit-background-size: 80%;
    background-size: 80%;
    text-indent: -999em;
    margin-top: -20px;
}
@media only screen and (max-width: 959px) {
    .buttons li.camp a {
        font-size: 50px;
    }
    .camp.hipcamp span.hclogo {
        background-size: 86%;
    }
}
@media only screen and (max-width: 767px) {
    .buttons li.camp a {
        font-size: 20px;
        padding: 2% 2% 0%;
        width: 90%;
    }
    .camp.hipcamp span.hclogo {
        display: inline-block;
        -webkit-background-size: 100%;
        background-size: 95%;
        width: 122px;
        line-height: 36px;
        margin-left: .2em;
        overflow: visible;
        height: 37px;
    }
    .camp.hipcamp span.with {
        text-transform: lowercase;
    }
    .camp.hipcamp span.with em {
        display:none;
    }
    .camp.hipcamp span.with strong {
        display:inline;
    }
}
.buttons li a:hover {
    background: #d6d6d6;
}
.smalldate {
    display:none;
}
.writeup .title span.date {
    display: none;
}
.cat-70 .smalldate {
    display:inline;
}
/*******************************************************************
                    #Generic Pages
*******************************************************************/
 .container h1, .container.post .title h1 {
    margin: 50px 0 10px;
}
.container.post.cat-70 .title h1 {
    margin: 0;
}
.pagination {
    text-align: right;
    margin-bottom: 20px;
}
.container.post .fullw span {
    display: inline-block;
    padding:0 10px 0 10px;
    border-left: 1px solid #d6d6d6;
}
.container.post .fullw span.date {
    border-left:none;
    padding-left: 0;
}
p img {
    margin: 10px;
}
body.single article img {
    margin: 0 auto;
    text-align:center;
}
body.single article img.alignleft {
    margin: 15px 15px 15px 0;
}
body.single article img.alignright {
    margin: 15px 0px 15px 15px;
}
body.single article img, body.page article img, .wp-caption {
    max-width: 100%;
    height: inherit;
}
h3.giant-pull {
    font-size: 73px;
    text-align: center;
    font-family:'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 74px;
    color: #3c3b3b;
    margin: .5em 0;
    line-height: 100%;
}
/*******************************************************************
                    #Area Map Pages
*******************************************************************/
 #hikedata th, .hikedata th {
    cursor: pointer;
}
h2.areatitle {
    margin: 50px 0 0;
    text-transform: uppercase;
    font-size: 2.3em;
    color: #3b3b3b;
}
#previewbox {
    position:absolute;
    border:2px solid #3f3f3f;
    background: #fff;
    margin: 0;
    padding: 0;
    display:none;
    color:#fff;
    width: 240px;
    height: 240px;
    overflow: hidden;
}
#previewbox img {
    margin: 0;
    padding: 0;
}
.area-map h1 {
    font-size: 60px;
    text-transform: uppercase;
    color: #3c3b3b;
    line-height: 130%;
    text-align: right;
}
.area-map p {
    color: #3f3f3f;
    font-size: 24px;
    font-style:italic;
    line-height: 1.5em;
    padding: 0;
    margin:0;
}
.area-map #map-canvas {
    height: 400px;
    width:100%;
    margin: 20px 0 20px 0;
    padding: 0px
}
.area-map .map-marker h2.hike {
    text-transform: uppercase;
    color: #3c3b3b;
    line-height: 1em;
    margin:10px 5px 0;
}
.area-map .map-marker p, .area-map .map-marker img {
    float: left;
}
.area-map .map-marker p {
    font-size: 13px;
    margin: 5px;
}
.area-map .map-marker p.desc {
    font-style:normal;
}
.area-map .map-marker img {
    margin: 0 10px 10px 0;
}
.area-map .map-marker a.view-article {
    color: #fff;
    display: inline-block;
    background: #a3d0f1;
    padding: 5px;
    font-weight: bold;
}
.area-map .map-marker a.view-article:hover {
    background: #d6d6d6;
}
.key {
    float: left;
    width: 100%;
}
.key .marker {
    display: block;
    float: left;
    width: 45px;
    min-height: 74px;
    background: url(/wp-content/i/google-dots-sprite.gif) left top no-repeat;
    text-indent: -999em;
    margin: 20px 20px 0 20px;
}
.key.blue .marker {
    background-position: center top;
}
.key.red .marker {
    background-position: right top;
}
.key p {
    float: left;
    width: 260px;
    color: #37342f;
    font-size: 16px;
}
.key p span {
    font-family:'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}
.key.red p {
    float: left;
    width: 215px;
}
#hikedata tr, .hikedata tr {
    padding: 10px 0;
}
#hikedata a, .hikedata a {
    color: #686868;
}
#hikedata a:hover, .hikedata a:hover {
    text-decoration: underline;
}
#hikedata tr.list:hover, .hikedata tr.list:hover {
    background-color: #a3d0f1;
}
#hikedata td, #hikedata th, .hikedata td, .hikedata th {
    padding: 10px;
    vertical-align:bottom;
    text-align: center;
}
#hikedata tr.list td, .hikedata tr.list td {
    vertical-align:middle;
}
#hikedata td.trailname, #hikedata th.trailname, .hikedata td.trailname, .hikedata th.trailname {
    text-align: left;
}
#hikedata th, .hikedata th {
    font-family:'Oswald', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    color: #37342f;
    line-height: 1.1em;
}
#hikedata th:hover, .hikedata th:hover {
    color: #a3d0f1;
}
#hikedata .sort-direction-container, .hikedata .sort-direction-container {
    display: inline;
    padding-left: 10px;
}
#hikedata .sort-direction-container img, .hikedata .sort-direction-container img {
    background-image: url(/wp-content/themes/modernhiker-2013/js/jquery.sortableTable-master/img/default/both.gif);
}
/*******************************************************************
                    #Find a Trail Page
*******************************************************************/
 .sixteen.intro p {
    font-size: 16px;
    font-style: normal;
    margin-bottom: .8em;
}
.additional ul li {
    list-style:disc;
    margin-left: 2em;
}
/* popup map */
 body.google-map-plain header, body.google-map-plain footer, body.google-map-plain #ssi-absolute {
    display: none;
}
body.google-map-plain .area-map #map-canvas {
    margin: 0;
    min-height: 400px;
}
h1.ie9 {
    display: none;
}
.lt-ie9 h1.ie9, .win h1.ie9 {
    display: block;
}
.amazonstore a.outlink {
    display:none;
}
iframe {
    max-width:100%;
}
iframe.mh-map {
    width: 100%;
    height: 400px;
}
body.page-template-find-a-trail-php .footer {
    margin-top: 250px;
}
/*******************************************************************
********************************************************************
                    #Media Queries
********************************************************************
*******************************************************************/

/* Smaller than 1040px */
 @media only screen and (max-width: 1039px) {
    #slide-tabs li {
        height: 89px;
    }
    .slidesjs-pagination {
        left: 559px;
    }
    #mc-embedded-subscribe-form input.button {
        width: 46px;
        background-size: 47%;
    }
    .row.footer .social {
        width: 160px;
    }
    .row.footer .social li {
        width: 80px;
        height: 80px;
        background-position: center center;
    }
    #mc_embed_signup .advertise {
        font-size: 31px;
    }
    .slidetext p {
        font-size: 15px;
        line-height: 140%;
    }
    .slidetext {
        height: 23%;
        padding: 2% 3%;
    }
    .slidetext a {
        right: 16px;
        padding: 9px;
    }
    .container.post .eleven.post-thumbnail img {
        width: 640px;
        margin: 0;
    }
    .key .marker {
        width: 37px;
        margin: 13px;
    }
    .key.green .marker {
        background-position: 0px -126px;
    }
    .key.blue .marker {
        background-position: -36px -126px;
    }
    .key.red .marker {
        background-position: -72px -126px;
    }
    .recent-posts p {
        font-size: 14px;
    }
    .recent-posts article h2 a {
        font-size: 22px;
    }
    .recent-posts article h2 {
        line-height: 22px;
        font-size: 22px;
    }
    #slide-tabs li a span {
        font-size: 25px;
        line-height: 146%;
    }
    .contact-side li {
        width: 167px !important;
        height: 23px !important;
        font-size: 16px !important;
        line-height: 23px !important;
    }
    .contact-side li img {
        width: 21px !important;
        height: 21px !important;
    }
    .buttons li a {
        font-size: 53px;
    }
    .buttons li.directions a {
        font-size: 40px;
    }
    .buttons li.flickr a {
        font-size: 32px;
    }
    .nav li a {
        font-size: 24px;
    }
}
/* end  (max-width: 1039px)  Smaller than 1040px */

/* Smaller than standard 960 (devices and browsers) */
 @media only screen and (max-width: 959px) {
    .nav li {
        padding: 13px 9px 8px;
    }
    .nav li a {
        font-size: 20px;
    }
    .logo img {
        width:200px;
    }
    .mainnav form.search .search-input {
        width: 68%;
        padding: 4% 4% 0% 7%;
        font-size: 18px;
    }
    #slide-tabs li {
        height: 71px;
    }
    #slide-tabs li a span {
        font-size: 21px;
    }
    .slidesjs-pagination {
        left: 449px;
    }
    .mainslides {
        height: 287px;
    }
    .slidetext p {
        font-size: 14px;
        line-height: 130%;
    }
    .slidetext a {
        right: 10px;
        padding: 9px;
        font-size: 15px;
    }
    .slidesjs-pagination-item a {
        width: 9px;
        height: 9px;
    }
    .home .posts h2.allposts a, .pagination a, .pagination {
        font-size: 25px;
    }
    .row.footer .social {
        width: 124px;
    }
    #mc-embedded-subscribe-form input.email {
        width: 70%;
    }
    #mc-embedded-subscribe-form input.button {
        width: 35px;
    }
    #mc_embed_signup .advertise {
        font-size: 26px;
    }
    .container.post .eleven.post-thumbnail img {
        width: 508px;
    }
    .area-map p {
        font-size: 17px;
    }
    #hikedata th, .hikedata th {
        font-size: 15px;
    }
    #hikedata .sort-direction-container, .hikedata .sort-direction-container {
        margin-right: -16px !important;
    }
    .recent-posts .view-article {
        font-size: 23px;
    }
    .recent-posts span.date {
        font-size: 24px;
    }
    .recent-posts article {
        margin-bottom: 36px;
    }
    .area-map h1 {
        font-size: 44px;
    }
    body .row.marquee {
        height: 118px;
    }
    .container.post .title h1 {
        font-size: 36px;
    }
    .container.post .title span, .container.post .title span a {
        font-size: 27px;
    }
    .bannerad {
        width: 556px;
    }
    body.single .globalsidebar {
        margin-top: 125px;
    }
    .metadata img {
        width: 316px;
    }
    .notables li {
        font-size: 18px;
    }
    h3.notables {
        font-size: 22px;
    }
    .buttons li a {
        font-size: 35px;
    }
    .buttons li.flickr a {
        font-size: 21px;
        padding: 18% 0;
    }
    .buttons li.trailhead a {
        font-size: 32px;
    }
    .buttons li.directions a {
        font-size: 29px;
    }
    #ssi-absolute {
        bottom: 10px !important;
        top:auto !important;
    }
    .contact-side li {
        width: 156px !important;
        height: 18px !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .contact-side li img {
        width: 12px !important;
        height: 12px !important;
    }
    .key p {
        width: 200px;
    }
    .key.red p {
        width: 150px;
    }
}
/* END  (max-width: 959px)  Smaller than standard 960 (devices and browsers) */

/* Tablet Portrait size to standard 960 (devices and browsers) */
 @media only screen and (min-width: 768px) and (max-width: 959px) {
}
/* END (min-width: 768px) and (max-width: 959px) Tablet Portrait size to standard 960 (devices and browsers) */

/* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 767px) {
    .logo {
        top: 0;
    }
    .logo img {
        width: 122px;
    }
    .mini-nav li a {
        font-size: 13px;
    }
    .mini-nav li:nth-child(1) {
        border-right: 1px solid #d6d6d6;
    }
    .mainnav form.search .search-input {
        width: 80%;
        padding: 2% 5%;
        font-size: 13px;
        line-height: 10px;
        height: inherit;
        margin: 0 0 20px;
    }
    .mainslides {
        height: 235px;
    }
    .slidetext p {
        display: none;
    }
    .slidetext p.mob-title {
        display: block;
    }
    .slidetext {
        height: 17%;
    }
    .slidetext a {
        top: 8px;
        right: 6px;
        padding: 2px 9px;
    }
    .slidesjs-pagination {
        top: 219px;
        left:355px;
    }
    #slide-tabs li {
        height: 47px;
    }
    #slide-tabs {
        display: none;
    }
    #slide-tabs li a span {
        font-size: 18px;
        line-height: 163%;
    }
    .container.slideshow {
        margin-bottom: 20px;
    }
    #mc_embed_signup {
        margin-top: 10px;
    }
    .row.footer .social {
        width: 420px;
        margin: 10px 0;
    }
    .row.footer .social li {
        margin: 9px;
    }
    .container.post .eleven.post-thumbnail img {
        width: 420px;
    }
    .container.post .title span {
        float:left;
        display:inline-block;
        margin: 10px 0;
    }
    .container.post .title span, .container.post .title span a {
        font-size: 17px;
        padding:0 6px;
    }
    .container.post .title span.author {
        border-left:1px solid #ccc;
        border-right:1px solid #ccc;
    }
    .buttons li a, .buttons li.flickr a, .buttons li.trailhead a, .buttons li.directions a {
        padding: 2%;
        font-size: 20px;
        width: 40%;
    }
    .buttons li.directions a {
        width: 90%;
    }
    .recent-posts img.wp-post-image {
        width: 150px;
        height: 150px;
    }
    h3.giant-pull {
        font-size: 57px;
    }
    .area-map #map-canvas {
        height: 250px;
    }
    .mini-nav li {
        padding: 0 6px;
    }
    .wrapper {
        overflow:hidden;
    }
    .amazonstore a.outlink {
        display:block;
    }
    .amazonstore iframe {
        display:none;
    }
    .abh_tab_content .abh_text .fn {
        font-size: 28px !important;
        line-height: 1.1 !important;
    }
    iframe.mh-map {
        height: 250px;
    }
}
/* END   (max-width: 767px)  All Mobile Sizes (devices and browser) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
    .key.red p, .key p {
        width: 355px;
    }
}
/* END  (min-width: 480px) and (max-width: 767px)  Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {
    .nav li a {
        font-size: 16px;
    }
    .nav li {
        padding: 13px 4px 4px;
    }
    .logo {
        top: 32px;
    }
    .mainslides {
        height: 169px;
    }
    .slidetext {
        height: 20%;
    }
    .slidetext a {
        top: 3px;
        right: 11px;
        padding: 0px 9px;
        font-size: 12px;
    }
    .slidesjs-pagination {
        top: 153px;
        left: 234px;
    }
    .home .posts h1 {
        color: #3c3b3b;
        font-size: 36px;
    }
    .home .posts h2.allposts {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .row.footer .social {
        width: 300px;
    }
    .row.footer .social li {
        width: 75px;
        height: 75px;
        margin: 0;
    }
    .container.post .eleven.post-thumbnail img {
        width: 300px;
    }
    #hikedata tr.list td, .hikedata tr.list td {
        font-size: 10px;
        line-height: 110%;
    }
    #hikedata td, #hikedata th, .hikedata td, .hikedata th {
        padding: 10px 2px;
    }
    #hikedata th, .hikedata th {
        font-size: 12px;
    }
    #hikedata .sort-direction-container, .hikedata .sort-direction-container {
        margin-right: 15px !important;
    }
    .recent-posts img.wp-post-image {
        width: 100px;
        height: 100px;
    }
    .recent-posts article h2 a {
        font-size: 22px;
    }
    .recent-posts span.date {
        font-size: 15px;
    }
    .recent-posts .view-article {
        font-size: 18px;
        padding: 5px;
    }
    .key .marker {
        width: 24px;
        margin: 8px;
    }
    .key.green .marker {
        background-position: 0px -217px;
    }
    .key.blue .marker {
        background-position: -24px -215px;
    }
    .key.red .marker {
        background-position: -48px -217px;
    }
    #ssi-absolute {
        display: none !important;
    }
    .key.red p, .key p {
        width: 250px;
    }
}
/* END (max-width: 479px)   Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 article.post ul li, article.page ul li {
    list-style: disc outside;
    margin: 1em 1em 1em 3em;
}
body.single article .wpgpxmaps img {
max-width: 99999%;
}

.videowrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videowrapper object,
.videowrapper embed,  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
video {
   width: 100%;
   max-width: 960px;
   height: auto;
}
.gogo-banner a {
    display: block;
}
.gogo-banner img {
    width: 100%;
    z-index: 9999;
}
.gogo-banner.stuck {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
@media (min-width: 768px) {
    .gogo-banner.fixed {
        position: static;
        width: 100%;
    }
}