@charset "UTF-8";
/* CSS Document */

.trail_name  a{color: #ffffff; }
.trail_name  a:hover{color:#ffffff;}
.trail_overlay {color: rgb(255, 255, 255);
    position: absolute;
    bottom: 0px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0px;
        background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,0.6));
    background-image: linear-gradient(transparent,rgba(0,0,0,0.6));
    text-align: left;
    text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px, rgba(0, 0, 0, 0.9) 0px 0px 1px;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    font-size: 12px;}
.trail_img  {position: relative;
    padding-right: 0px;
    padding-left: 0px;
    width: 12.5%;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    overflow: hidden;}
.trail_directions {margin-top:5px; font-size: 16px;}
.trail_directions a {color: #ffffff; text-decoration: underline;}

.trail_iframe {padding-right:40px; padding-left:40px; margin-top:50px;}
 .trail_iframe h3{padding-bottom:20px;}
iframe {width: 100%; height: 900px; border: 0px;}


@media (min-width: 992px) {
.section-md-bottom-110 {
    padding-bottom: 50px;
}
    
.trails_vert_spacing {padding-bottom:50px;}
.trails_vert_spacing_up {padding-top:40px;}    

}

@media (max-width: 750px) {
    .page h5 {font-size: 24px;}  
    .trail_name a {
    color: #ffffff;
}
    .trail_directions {
        position: absolute;
    margin-top: 5px;
    font-size: 16px;
        top:0px; right:10px;
}
}