/*
Theme Name: Golden Hikes Website
Author: Best Impressions
Author URI: http://www.bestimpressions.org
Version: 1.0
*/


/* >>> GLOBAL OVERRIDES */

* {
    outline: none !important;
}

ul.menu,
ul.menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

table th,
table td{
    padding: 2px 5px;
}

body.search-results table th,
body.search-results table td{
    padding: 2px 15px;
}

body table tr > th:first-child,
body table tr > td:first-child{
    padding-left: 0;
}

input[type="text"], textarea{
    border: 2px solid #587175;
    color: #587175;
    padding: 0.3em 0.4em;
    margin: 0;
    background-color: #e2e3e5;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

input[type="text"]{
    height: 36px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

input.searchsubmit{
    text-indent: -9999px;
    background: url('http://goldenhikes.ca/wp-content/themes/goldenhikes/assets/images/icons/search.png');
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: none;
    padding: 0;
    margin: 0 0 0 15px;
}

input[type="button"],
button,
a.button{
    background: #72938a;
    color: #fff;
    padding: 0.3em 0.6em;
    margin: 0;
    display: inline-block;
    border: none;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

input[type="button"]:hover,
button:hover,
a.button:hover{
    background: #587175;
}

/* <<< GLOBAL OVERRIDES */

    
/* >>> FONTS */

    body, input, textarea{
        font-family: 'Lato', sans-serif;
    }

/* <<< FONTS */

/* >>> FONT SIZES */

    body, h4, h5, h6{
        font-size: 14px;
    }
    
    h1, h2, h3, body.page-template-default #main-content p{
        font-size: 16px;
    }

/* <<< FONT SIZES */

/* >>> FONT STYLES */
    
    a:link,
    a:visited,
    a:active,
    a:hover {
        text-decoration: none;
    }

    h1{
        font-weight: 400;
        text-transform: uppercase;
    }
    
    h2{
        font-weight: 700;
        text-transform: uppercase;
    }
    
    h3{
        font-weight: 700;
    }
    
    h4, h5, h6{
        font-weight: 700;
    }

/* <<< FONT STYLES */

/* >>> COLOR SCHEME */
    
    /* >>> LINKS */
    a:link,
    a:visited,
    a:active, 
    #header ul#menu > li.current-menu-item > a,
    #header ul#menu > li.current-menu-ancestor > a,
    #header ul#menu > li > a:hover,
    #footer .footer-menu-container ul#footer-menu > li > a:hover,
    ul.category-list li a:hover {
        color: #72938a;
    }

    a:hover,
    h1, h2, h3,
    #header ul#menu > li > a, /* MENU LINKS */
    #header-top ul#menu .submenu-content > .container > ul.sub-menu > li > a,
    #header-top ul#menu .submenu-content .list_trails-container .trail-item.trail-category a,
    #header-top ul#menu .submenu-content .list_trails-container .trail-item.trail-subcategory a,
    #footer .footer-menu-container ul#footer-menu > li > a,
    ul.category-list li a,
    ul.category-list li.heading,
    table tr th,
    table thead td{
        color: #587175;
    }

    body,
    #header-top,
    #header-top ul#menu > li > .submenu-container .submenu-content,
    #footer{
        background-color: #e2e3e5;
    }
    
    #page-title,
    .submenu-title-wrapper,
    .submenu-title{
        background-color: #587175;
    }

    body, h4, h5, h6{
        color: #000;
    }
    
    .dark-bg,
    .dark-bg h1,
    .dark-bg h2,
    .dark-bg h3,
    .dark-bg h4,
    .dark-bg h5,
    .dark-bg h6{
        color: #fff;
    }
    
    /* REVOLUTION SLIDER's BULLET */
    #page-title .right a.slider-item{
        background-color: #72938a;
        border: 2px solid #fff;
        -webkit-box-shadow: 0 0 0 2px #72938a;
           -moz-box-shadow: 0 0 0 2px #72938a;
                box-shadow: 0 0 0 2px #72938a;
    }

    /* REVOLUTION SLIDER's ACTIVE BULLET */
    #page-title .right a.slider-item-active{
        background-color: #9eb7b0;
        border-color: #587175;
        -webkit-box-shadow: 0 0 0 2px #9eb7b0;
           -moz-box-shadow: 0 0 0 2px #9eb7b0;
                box-shadow: 0 0 0 2px #9eb7b0;
    }
    
    /* REVOLUTION SLIDER's PLAY/PAUSE BULLETS */
    #page-title .right a.slider-action{
        background-color: #9eb7b0;
        color: #587175;
    }
    

/* <<< COLOR SCHEME */


/* >>> WordPress Core CSS */

    .alignnone {
        margin: 5px 20px 20px 0;
    }

    .aligncenter,
    div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    .alignright {
        float:right;
        margin: 5px 0 20px 20px;
    }

    .alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    a img.alignnone {
        margin: 5px 20px 20px 0;
    }

    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wp-caption {
        background: #fff;
        border: 1px solid #f0f0f0;
        max-width: 96%; /* Image does not overflow the content area */
        padding: 5px 3px 10px;
        text-align: center;
    }

    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto;
    }

    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px;
    }

    /* Text meant only for screen readers. */
    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000; /* Above WP toolbar. */
    }
    
/* <<< WordPress Core CSS */

/* >>> READ MORE */

.read-more button.button-read-less,
.read-more .read-more-content{
    display: none;
}

.read-more button{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

p ~ .read-more{
    position: relative;
    top: -.5em;
}

/* <<< READ MORE */


/* >>> LIGHTBOX FINAL */

    .fancybox-overlay{
        z-index:100000 !important;
    }

    .fancybox-overlay-transparent{
    }

        #fancybox-wrap{
            z-index:100002 !important;
        }

        .fancybox-opened{
            z-index:100003 !important;
            max-width: 90%;
        }

        .fancybox-close,
        .fancybox-nav,
        .fancybox-nav span,
        .fancybox-title,
        .fancybox-title-float-wrap{
            z-index:100004 !important;
        }
        
        #fancybox-loading{
            z-index:100006 !important;
        }
        
        
    
        .fancybox-skin{
            background-color: #5C7176;
        }

            .fancybox-inner {
                max-width: 100%;
            }

            .fancybox-nav span {
                visibility: visible;
                top: 50%;
            }

            .fancybox-title {
                color: #e2e3e5;
                font-size: 14px;
                text-align: left;
            }

            .fancybox-title.fancybox-title-inside-wrap {
                padding-top: 0;
            }

                .fancybox-title iframe,
                .fancybox-title a.pin-it-button,
                .fancybox-title a.tumblr-share-button,
                .fancybox-title div[id^="___plusone_"] {
                    min-height: 30px !important;
                    vertical-align: middle !important;
                    display: inline-block !important;
                    margin: 0 5px 0 0 !important;
                    padding: 0 !important;
                    line-height: 1 !important;
                }

/* <<< LIGHTBOX FINAL */


/* >>> HELPER CLASSES */

.group:after {
    content: "";
    display: table;
    clear: both;
}

.column{
    float: left;
}

.column-1{
    width: 100%;
}

.column-2{
    width: 50%;
}

.column-3{
    width: 33.333%;
}

.column-4{
    width: 25%;
}

.column-5{
    width: 20%;
}

.text-transform-none{
    text-transform: none !important;
}

.text-transform-uppercase{
    text-transform: uppercase !important;
}

.border-none{
    border: none !important;
}

/* <<< HELPER CLASSES */


/* >>> BOOTSTRAP OVERRIDES */

@media (min-width: 1200px){

    .container {
        width: 1110px;
    }

}

/* <<< BOOTSTRAP OVERRIDES */


/* >>> BODY */

/* <<< BODY */


/* >>> HEADER */


#header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}

body.admin-bar #header{
    top: 32px;
}

body.home #header{
    position: static;
}

    #header #header-top{
        padding-top: 17px;
        padding-bottom: 17px;
    }

        #header-top .logo-container{
            margin-top: 10px;
            float: left;
            width: 26%;
        }

            #header-top .logo-container a#logo{
                display: block;
            }

                #header-top .logo-container a#logo img{
                    display: block;
                    width: 100%;
                    height: auto;
                }

        #header-top .main-menu-container{
            margin: 0;
            float: left;
            width: 61%;
            text-align: center;
        }

        #header-top .buttons-container{
            margin: 0;
            float: right;
            text-align: right;
            width: 13%;
        }

            #header-top .buttons-container a{
                min-height: 64px;
                line-height: 64px;
                display: inline-block;
                margin-left: 9px;
            }

            #header-top .buttons-container span.menu-trigger-container{
                display: none;
                vertical-align: top;
            }

                #header-top .buttons-container a img{
                    vertical-align: middle;
                }

        /* >>> HEADER MENU */

        #header-top ul#menu{
            display: inline-block;
        }

            #header-top ul#menu > li{
                display: inline-block;
                padding: 0 22px;
                min-height: 64px;
                line-height: 64px;
                cursor: pointer;
                /*position: relative;*/
            }

                #header-top ul#menu > li > a{
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 1.3;
                    font-size: 16px;
                    font-weight: 700;
                    text-transform: uppercase;
                }

                    #header-top ul#menu > li > a span.space{
                        display: none;
                    }

                /* HIDE SUBMENUS */
                #header-top ul#menu > li ul{
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

                #header-top ul#menu > li > .submenu-container{
                    position: absolute;
                    left:0;
                    width: 100%;
                    cursor: default;
                    display: none;
                    z-index: 10000;
                    text-align: left;
                    line-height: 1;
                    -webkit-box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.23);
                       -moz-box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.23);
                            box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.23);
                }

                    #header-top ul#menu > li > .submenu-container > .container-wrapper{
                        padding-top: 17px;
                        background: #e2e3e5;
                    }

                    #header-top ul#menu > li > .submenu-container .submenu-title h2{
                        font-weight: normal;
                    }

                        #header-top ul#menu > li > .submenu-container .submenu-title h2 br{
                            display: none;
                        }
                        
                        #header-top ul#menu > li > .submenu-container .submenu-title h2 span.space{
                            display: inline;
                        }

                    #header-top ul#menu > li > .submenu-container .submenu-title a.filter-links{
                        color: #e2e3e5;
                        font-size: 16px;
                        display: inline-block;
                        margin-left: 50px;
                        line-height: 1;
                    }

                        #header-top ul#menu > li > .submenu-container .submenu-title a.filter-links img{
                            margin-right: 7px;
                        }

                    #header-top ul#menu > li > .submenu-container .submenu-content{
                        overflow: auto;
                        padding: 15px 0;
                        min-height: 100px;
                    }

                        #header-top ul#menu .submenu-content > .container > ul.sub-menu{
                            
                        }

                            #header-top ul#menu .submenu-content > .container > ul.sub-menu > li{
                                float: left;
                            }

                                #header-top ul#menu .submenu-content .list_trails-container .trail-item.trail-category-same-column,
                                #header-top ul#menu .submenu-content .list_trails-container .trail-item.trail-subcategory{
                                    margin-top: 1em;
                                }

                                #header-top ul#menu .submenu-content .list_trails-container .trail-item.trail-category + .trail-item.trail-subcategory{
                                    margin-top: 0;
                                }

                                    #header-top ul#menu .submenu-content > .container > ul.sub-menu > li > a,
                                    #header-top ul#menu .submenu-content .list_trails-container .trail-item.trail-category a{
                                        text-transform: uppercase;
                                        font-weight: 700;
                                    }

                                    #header-top ul#menu .submenu-content .list_trails-container .trail-item.trail-category a{
                                        /*font-size: 15px;*/
                                    }

                                    #header-top ul#menu .submenu-content .list_trails-container .trail-item.trail-subcategory a{
                                        text-transform: none;
                                    }

                                #header-top ul#menu .submenu-content > .container > ul.sub-menu > li li,
                                #header-top ul#menu .submenu-content .list_trails-container .trail-item{
                                    display: block;
                                    margin: 0.5em 0;
                                }

                            #header-top ul#menu > li.submenu-columns-1 .submenu-content > .container > ul.sub-menu > li{
                                width: 100%;
                            }

                            #header-top ul#menu > li.submenu-columns-2 .submenu-content > .container > ul.sub-menu > li{
                                width: 50%;
                            }

                            #header-top ul#menu > li.submenu-columns-3 .submenu-content > .container > ul.sub-menu > li{
                                width: 33.333%;
                            }

                            #header-top ul#menu > li.submenu-columns-4 .submenu-content > .container > ul.sub-menu > li{
                                width: 25%;
                            }

                            #header-top ul#menu > li.submenu-columns-5 .submenu-content > .container > ul.sub-menu > li{
                                width: 20%;
                            }

        /* <<< HEADER MENU */
        
        
        /* MAIN TITLE / SUBMENU TITLE */
        #page-title,
        .submenu-title{
            position: relative;
        }
            
            #page-title h1,
            .submenu-title h2{
                line-height: 1;
                margin: 0;
                padding: 15px 0;
            }
            
            #page-title .right,
            .submenu-title .right{
                float: right;
                line-height: 46px;
            }
                
                /* REVOLUTION SLIDER's BULLETS */
                #page-title .right a.slider-item,
                #page-title .right a.slider-action{
                    display: inline-block;
                    line-height: 1;
                    vertical-align: middle;
                    text-align: center;
                    -webkit-box-sizing: content-box;
                       -moz-box-sizing: content-box;
                            box-sizing: content-box;
                    -webkit-border-radius: 50%;
                       -moz-border-radius: 50%;
                            border-radius: 50%;
                }
                
                /* REVOLUTION SLIDER's BULLET */
                #page-title .right a.slider-item{
                    width: 10px;
                    height: 10px;
                    margin-left: 8px;
                }
    
                /* REVOLUTION SLIDER's PLAY/PAUSE BULLETS */
                #page-title .right a.slider-action{
                    width: 18px;
                    height: 18px;
                    margin: 0 22px 0 8px;
                    font-size: 10px;
                    line-height: 18px;
                }
    
                    /* REVOLUTION SLIDER's PLAY ICON */
                    #page-title .right a.slider-action i.fa-play{
                        position: relative;
                        top: 0;
                        left: 1px;
                    }
    
                    /* REVOLUTION SLIDER's PAUSE ICON */
                    #page-title .right a.slider-action i.fa-pause{
                        position: relative;
                        top: -1px;
                    }
            
            #page-title h1{
                text-transform: none;
            }
            
                #page-title h1 .silver{
                    color: #e2e3e5;
                }
                
                #page-title h1 .title-arrow{
                    display: inline-block;
                    margin: 0 10px;
                }
                
                #page-title h1 .title-name{
                    text-transform: uppercase;
                }
        
        
        /* >>> HEADER FOR TABLET/MOBILE */
        
        @media ( max-width: 1199px ) {
    
            #header #header-top{
                padding-top: 10px;
                padding-bottom: 10px;
            }
            
                #header ul#menu > li{
                    padding: 0 12px;
                }

                #header .logo-container{
                    width: 23%;
                }

                #header .main-menu-container{
                    width: 61%;
                }

                #header .buttons-container{
                    width: 16%;
                }
                
                #header-top ul#menu > li > .submenu-container > .container-wrapper{
                    padding-top: 10px;
                }
            
        }

        @media ( max-width: 991px ) {
            
            #header .logo-container{
                width: auto;
            }

                #header .logo-container a#logo img{
                    max-width: 220px !important;
                }
            
            #header .main-menu-container{
                width: 100%;
                float: none;
                clear: both;
                display: none;
            }

            #header .buttons-container{
                width: auto;
            }

                #header .buttons-container a{
                    min-height: 0;
                    line-height: 1;
                    margin-top: 10px;
                }

                #header .buttons-container span.menu-trigger-container{
                    display: inline-block;
                }

                    #header .buttons-container a.menu-trigger{
                        display: inline-block;
                        height: 36px;
                        background-color: #72938a;
                        color: #fff;
                        padding: 0 4px;
                        vertical-align: top;
                        min-height: 0;
                        line-height: 36px;
                        -webkit-border-radius: 4px;
                           -moz-border-radius: 4px;
                                border-radius: 4px;
                    }

                    #header .buttons-container a.menu-trigger-close{
                        display: none;
                    }
                    
            #header-top ul#menu > li > .submenu-container .submenu-title a.filter-links{
                color: #e2e3e5;
                font-size: 14px;
                display: inline-block;
                margin-left: 20px;
                line-height: 1;
            }

                #header-top ul#menu > li > .submenu-container .submenu-title a.filter-links img{
                    margin-right: 7px;
                    width: 25px;
                }
            
            #page-title h1, .submenu-title h2{
                font-size: 14px;
            }
            
        }

        @media ( max-width: 782px ) {
            
            #header{
                position: static;
            }
            
            #main-content{
                margin-top: 0 !important;
            }
            
        }

        @media ( max-width: 630px ) {
            
            /* >>> HEADER MENU */
            
            #page-title .right.has-bullets{
                position: absolute;
                bottom: -40px;
                right: 10px;
                left: 10px;
                text-align: center;
                z-index: 999;
            }
            
                #page-title .right.has-bullets a.slider-action{
                    margin-left: 0;
                }
            
            #page-title h1,
            .submenu-title h2{
                text-align: center;
            }

            /* #header-top .logo-container,
            #header-top .buttons-container{
                text-align: center;
                float: none;
                display: block;
            }
            
                #header-top .logo-container a#logo{
                    display: inline-block;
                }
            
                #header-top .buttons-container a.menu-trigger{
                    margin-left: 0;
                } */

            #header-top ul#menu{
                display: block;
                text-align: left;
                padding: 10px 0;
            }

                #header-top ul#menu > li{
                    display: block;
                    padding: 10px 0;
                    min-height: 0;
                    line-height: 1;
                }

                    #header-top ul#menu > li > .submenu-container{
                        position: static;
                        -webkit-box-shadow: none;
                           -moz-box-shadow: none;
                                box-shadow: none;
                    }

                        #header-top ul#menu > li .submenu-title{
                            display: none;
                        }

                            #header-top ul#menu > li > .submenu-container > .container-wrapper,
                            #header-top ul#menu > li > .submenu-container .submenu-content{
                                padding: 0;
                            }

                            /* #header-top ul#menu > li > .submenu-container > .container-wrapper{
                                padding-left: 15px;
                            } */

                                #header-top ul#menu > li.submenu-columns-4 .submenu-content > .container > ul.sub-menu{
                                    margin-top: 10px;
                                }

                                #header-top ul#menu > li .submenu-content .column,
                                #header-top ul#menu > li.submenu-columns-4 .submenu-content > .container > ul.sub-menu > li{
                                    float: none;
                                    margin: 0;
                                    padding: 0;
                                    width: 100%;
                                    display: block;
                                }

                                    #header-top ul#menu > li .submenu-content .column .duplicated-category{
                                        display: none;
                                    }

                        #header-top ul#menu > li > a{
                            display: block;
                        }

                            #header-top ul#menu > li > a br{
                                display: none;
                            }

                            #header-top ul#menu > li > a span.space{
                                display: inline;
                            }
                        
            /* <<< HEADER MENU */
            
        }
        
        @media ( max-width: 480px ) {

            #header-top .logo-container a#logo{
                display: inline-block;
            }

            #header-top .buttons-container a.menu-trigger{
                margin-left: 0;
            }
        }
        
        @media ( max-width: 470px ) {
            #header-top .logo-container{
                max-width: 60%;
            }

                #header-top .logo-container a#logo{
                    display: inline-block;
                }

            #header-top .buttons-container > a{
                display: none;
            }

                #header-top .buttons-container a.menu-trigger{
                    margin: 5px 0 0;
                }
        }
        
        @media ( max-height: 400px ) {
            /* body.home #page-title{
                display: none;
            } */
        }
        
        /* <<< HEADER FOR TABLET/MOBILE */
    
    
/* <<< HEADER */


/* >>> PAGE STYLING */

    #main-content{
        padding: 30px 0;
    }
    
    #main-content h2 + .g,
    #main-content .g + .g{
        max-width: 100% !important;
        min-width: 0 !important;
    }
    
        #main-content h2 + .g > .g-col,
        #main-content .g + .g > .g-col{
            margin-top: 0 !important;
            margin-right: 0 !important;
        }
    
            #main-content h2 + .g > .g-col > a,
            #main-content .g + .g > .g-col > a{
                /*border: 2px solid #587175;*/
                display: inline-block;
                
                -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                        box-sizing: border-box;
            }
            
    #main-content .banners-container > div{
        margin-bottom: 30px;
    }
            
        #main-content .banners-container > div > a{
            display: inline-block;
        }
                
            #main-content .banners-container > div > a > img{
                max-width: 100%;
                height: auto;
            }
            
    @media ( min-width: 600px ) and ( min-height: 600px ) {
        
        body.page-template-template-search-by-map #main-content{
            padding: 0;
        }
            body.page-template-template-search-by-map #main-content > .container{
                max-width: 100%;
                width: 100%;
                padding: 0;
                margin: 0;
            }
                body.page-template-template-search-by-map #main-content > .container > #mapbox{
                    border: none;
                    width: 100%;
                    padding: 0;
                }
        body.page-template-template-search-by-map #footer{
            -webkit-box-shadow: none;
               -moz-box-shadow: none;
                    box-shadow: none;
        }
        
    }

/* <<< PAGE STYLING */


/* >>> FOOTER */

    #footer-sidebar{
        float: right;
        list-style: none;
        padding-right: 20px;
        margin-top: 5px;
    }
    
    h2.banner-label{
        text-transform: none;
        font-weight: normal;
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 0;
        line-height: 50px;
        vertical-align: middle;
    }
    
    h2.banner-label ~ *{
        display: inline-block;
        vertical-align: middle;
    }
    
    #footer .g a > img{
        max-height: 30px !important;
        width: auto;
    }

/* <<< FOOTER */


/* >>> SEACH PAGE */

    .search-results-container{
        padding-top: 30px;
    }

/* <<< SEACH PAGE */


/* >>> ADVANCED FILTER PAGE */

    #active-filters{
        border-bottom: 2px solid #587175;
        margin: 0 0 20px;
        color: #587175;
        display: none;
    }

        #active-filters .by-taxonomy{
            margin: 0 0 20px;
            display: none;
        }

        /* #active-filters .by-taxonomy.by-trail_distance,
        #active-filters .by-taxonomy.by-trail_elevation{
            display: block;
        } */

            #active-filters h2.filter-by-title{
                font-size: 14px;
                font-weight: 700;
                display: inline-block;
                margin: 0 10px 0 0;
                padding: 0;
                line-height: 22px;
                text-transform: uppercase;
            }

            #active-filters .range-tags-container{
                display: inline-block;
                white-space: nowrap;
            }

            #active-filters .tags{
                display: inline-block;
            }

                #active-filters .tag{
                    display: inline-block;
                    cursor: pointer;
                    font-size: 14px;
                    font-weight: 400;
                    margin: 5px;
                    padding: 4px 7px;
                    line-height: 1;
                    white-space: nowrap;
                    background-color: #eff0f1;
                    -webkit-border-radius: 3px;
                       -moz-border-radius: 3px;
                            border-radius: 3px;
                }

                #active-filters .tag.initial-value{
                    cursor: default;
                }

                    #active-filters .fa-times{
                        display: inline-block;
                        /*font-size: 14px;*/
                        margin-left: 17px;
                        line-height: 14px;
                    }

                    #active-filters .tag.initial-value .fa-times{
                        display: none;
                    }
    
    h2.filter-title{
        margin: 0;
        padding: 0 0 1.5em;
    }

    .trail-results-area #table-trails{
        /*cursor: pointer;*/
        /*margin: 20px 0;*/
    }

    .trail-results-area .error{
        display: none;
        background: #CBD2D3;
        color: #587175;
        border: 1px solid #587175;
        font-weight: bold;
        padding: 0.5em 1em;
        margin-top: 55px;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
    }

    .trail-results-area .ajax-loading{
        display: none;
        margin-top: 55px;
    }

    .trail-results-area table{
        width: 100%;
    }

        .trail-results-area table th{
            padding-bottom: 1.8em;
        }

    ul.category-list{
        list-style: none;
        display: block;
        background-color: #eff0f1;
        margin: 0 0 12px 0;
        padding: 5px 10px;
    }

        ul.category-list li{
            margin: 0.5em 0;
            display: block;
        }

        ul.category-list li.heading{
            margin: 0.5em 0;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 14px;
        }

            ul.category-list li input[type="checkbox"]{
                /* display: inline-block;
                vertical-align: middle;
                margin: 0; */
                margin: 0;
                padding: 0;
                float: left;
            }

            ul.category-list li a{
                /* margin: 0.5em 0 0.5em 0.2em;
                display: inline-block;
                font-size: 12px; */
                display: block;
                padding-left: 0.3em;
                font-size: 12px;
                line-height: 1.2;
                overflow: hidden;
            }

            ul.category-list li input:checked + a{
                color: #000;
                font-weight: bold;
            }

                ul.category-list li input:checked + a span.tax-count{
                    display: none;
                }

            ul.category-list li ul.children{
                padding-left: 15px;
            }

        ul.category-list li.slider-bar{
            border-top: 2px solid #72938a;
            margin: 20px 0;
            position: relative;
        }

            ul.category-list li.slider-bar i.arrow{
                position: absolute;
                left: 0;
                top: -11px;
                width: 20px;
                height: 20px;
                background-color: #587175;
                color: #fff;
                vertical-align: middle;
                text-align: center;
                line-height: 20px;
                -webkit-border-radius: 3px;
                   -moz-border-radius: 3px;
                        border-radius: 3px;
            }

        ul.category-list li.steps{
            white-space: nowrap;
        }
        
            ul.category-list li.steps span.step {
                display: inline-block;
                font-size: 10px;
                min-width: 20px;
                text-align: center;
                font-weight: 700;
                color: #587175;
            }
        
            ul.category-list li.steps span.step.last {
                text-align: right;
            }
            
    @media ( max-width: 991px ) {
        
        .filters-container{
            background-color: #eff0f1;
        }
        
            .filters-container ul.category-list{
                background: none;
            }
        
            .area-filters-container{
                float: left;
                width: 50%;
                padding-right: 6px;
                -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                        box-sizing: border-box;
            }
            
            .difficulty-filters-container{
                float: right;
                width: 50%;
                padding-left: 6px;
                -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                        box-sizing: border-box;
            }
            
            .distance-filter-container{
                float: left;
                clear: left;
                width: 50%;
                padding-right: 6px;
                -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                        box-sizing: border-box;
            }
            
            .elevation-filter-container{
                float: right;
                width: 50%;
                padding-left: 6px;
                -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                        box-sizing: border-box;
            }
            
        .trail-results-area #table-trails{
            /*cursor: pointer;*/
            margin: 20px 0;
        }
        
    }
            
    @media ( max-width: 480px ) {
        
        .trail-results-area #table-trails tbody td{
            border-top: 1px solid #EFF0F1;
        }
        
        .trail-results-area #table-trails tbody tr:first-child td{
            border-top: none;
        }
        
    }

/* <<< ADVANCED FILTER PAGE */

/* >>> TRAIL SINGLE PAGE */

.single-trail .read-more-tag{
    white-space: nowrap;
}

.single-trail .section-container{
    margin: 0 0 2em;
}

    /* ELEVATION PROFILE */
    .single-trail .section-container a.elevation-profile{
        display: inline-block;
    }
        .single-trail .section-container a.elevation-profile img{
            width: 100%;
            height: auto;
        }

    /* ADD ROTATE PRO */
    .single-trail .section-container .g-single{
        text-align: center;
    }
        .single-trail .section-container .g-single a{
            display: inline-block;
            /*border: 2px solid #587175;*/
        }
            .single-trail .section-container .g-single a img{
                max-width: 100%;
                height: auto;
            }

    .single-trail .section-title{
        text-transform: none;
        padding: 0.5em 0;
        margin: 0 0 1em;
        border-bottom: 2px solid #587175;
    }

    .single-trail .section-title.border-none{
        margin-bottom: 0;
    }

        .single-trail .section-title .section-title-icons{
            float: right;
        }

            .single-trail .section-title .section-title-icons a.title-icon{
                display: inline-block;
                margin: 0 20px 0 5px;
                font-size: 13px;
                line-height: 16px;
                vertical-align: top;
                white-space: nowrap;
            }

                .single-trail .section-title .section-title-icons a.title-icon i.fa{
                    line-height: 16px;
                    vertical-align: top;
                }

                .single-trail .section-title .section-title-icons a.title-icon i.fa-caret-down,
                .single-trail .section-title .section-title-icons a.title-icon i.fa-caret-up{
                    font-size: 24px;
                }

                .single-trail .section-title .section-title-icons a.title-icon i.fa-print{
                    font-size: 20px;
                }

                .single-trail .section-title .section-title-icons a.title-icon i.fa-search-plus{
                    font-size: 20px;
                }

    .single-trail .section-content .trail-gallery a.trail-gallery-item{
        display: inline-block;
        margin: 0 8px 8px 0;
        vertical-align: top;
    }

        .single-trail .section-content .trail-gallery a.trail-gallery-item > img{
            display: inline-block;
            border-radius: 3px;
            margin: 0;
            padding: 0;
            vertical-align: top;
        }

    /* .single-trail .section-content a.print-full-page,
    .single-trail .section-content a.download-kmz{
        color: #000;
    } */

        .single-trail .section-content a.print-full-page i.fa,
        .single-trail .section-content a.download-kmz i.fa{
            /* color: #72938a; */
            font-size: 20px;
            margin: 0 15px 0 5px;
            vertical-align: middle;
        }

    .single-trail .section-meta-row{
        margin: 0.7em 0;
        line-height: 1.1;
    }

        .single-trail .section-meta{
            float: left;
        }

        .single-trail .section-meta-small{
            width: 18%;
        }

        .single-trail .section-meta-medium{
            width: 20%;
        }

        .single-trail .section-meta-large{
            width: 80%;
        }

            .single-trail .section-meta .small-title{
                color: #72938a;
                margin: 0;
                padding: 0;
            }
    
    @media ( max-width: 991px ) {
        
        .single-trail .section-meta-row{
            margin: 0;
        }
        
            .single-trail .section-meta{
                float: none;
            }
            
                .single-trail .section-meta > *{
                    display: inline-block;
                }

            .single-trail .section-meta-small,
            .single-trail .section-meta-medium,
            .single-trail .section-meta-large{
                width: auto;
            }
        
    }

/* <<< TRAIL SINGLE PAGE */


/* <<< SEARCH BY MAP PAGE */

#mapbox{
    border: 6px solid #587175;
    padding: 2px;
    height: 500px;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

#mapbox-debug{
    padding: 0.3em 0.5em;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: red;
    color: white;
    font-size: 20px;
    display: none;
    z-index: 100000000;
}

body.single-trail #mapbox{
    border: 2px solid #587175;
    height: 500px;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

#mapbox.leaflet-fullscreen-on{
    border: none;
}

    #mapbox button#toggle-nearby-trails {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 1000;
        display: inline-block;
        padding: 2px 5px;
        margin: 0;
    }

        #mapbox button#toggle-nearby-trails > span {
            display: none;
        }

        #mapbox button#toggle-nearby-trails.toggle-nearby-trails-show > span.show-text,
        #mapbox button#toggle-nearby-trails.toggle-nearby-trails-hide > span.hide-text {
            display: inline;
        }

    #mapbox ul#mapbox-trail_area {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 1000;
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
    }

        #mapbox ul#mapbox-trail_area li {
            display: block;
            padding: 0;
            margin: 0 0 2px 0;
            background-color: rgba(88, 113, 117, 0.8);
        }

            #mapbox ul#mapbox-trail_area li a {
                color: #fff;
                padding: 5px 10px;
                display: block;
                /*background-color: red;*/
            }

            #mapbox ul#mapbox-trail_area li a:hover {
                color: #e2e3e5;
            }

            #mapbox ul#mapbox-trail_area li ul {
                display: block;
                padding: 0 0 5px 0;
                margin: 0;
            }

                #mapbox ul#mapbox-trail_area li li {
                    margin: 0;
                    background: none;
                    padding-left: 5px;
                }

                    #mapbox ul#mapbox-trail_area li li a {
                        display: block;
                        padding: 2px 10px 2px 15px;
                    }

    #mapbox .mapbox-popup .leaflet-popup-content-wrapper {
        border-radius: 5px; 
        border: 1px solid #44585B;
        background: #587175;
        color: #fff;
    }

    #mapbox .mapbox-popup a.leaflet-popup-close-button {
        right: -7px;
        top: -7px;
        background: #587175;
        opacity: 1;
        color: #fff;
        width: 15px;
        height: 15px;
        line-height: 15px;
        vertical-align: middle;
        text-align: center;
        padding: 0;
        content: 'a';
        text-indent: 0;
        font-size: 15px;
        border: 1px solid #44585B;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
    }

        #mapbox .mapbox-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
            font-size: 12px;
            line-height: 14px;
            padding: 4px 12px;
        }

    #mapbox .mapbox-popup .leaflet-popup-tip {
        border-top-color: #44585B;
    }

    #mapbox .mapbox-popup .leaflet-popup-tip:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 9px solid transparent;
        border-top: 10px solid #587175;
        box-shadow: none;
        position: relative;
        top: -11px;
        left: -10px;
    }
    
    #mapbox .gh-cluster-icon{
        background: transparent url('http://goldenhikes.ca/wp-content/themes/goldenhikes/assets/images/icons/marker-cluster.png') no-repeat center center;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        padding-top: 5px;
        line-height: 1;
    }
    
    @media ( max-width: 480px ) {
        
        #mapbox ul#mapbox-trail_area{
            display: none;
        }/* 
        
        #mapbox.leaflet-fullscreen-on ul#mapbox-trail_area{
            display: block;
        } */
        
    }

/* <<< SEARCH BY MAP PAGE */

/* >>> FOOTER */

    #footer{
        -webkit-box-shadow: 0 -5px 5px 1px #ccc;
           -moz-box-shadow: 0 -5px 5px 1px #ccc;
                box-shadow: 0 -5px 5px 1px #ccc;
    }

        #footer .footer-calculate-slider{
            position: relative;
        }

            #footer .footer-calculate-slider > #footer-area{
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: -1;
            }

        #footer .footer-menu-container{
            float: left;
            margin: 12px 0 17px;
        }

            #footer .footer-menu-container ul#footer-menu{
                
            }

                #footer .footer-menu-container ul#footer-menu > li{
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 29px;
                }

                #footer .footer-menu-container ul#footer-menu > li.menu-item-icon{
                    margin-left: 30px;
                    margin-right: 30px;
                }

                #footer .footer-menu-container ul#footer-menu > li.menu-item-no-icon ~ li.menu-item-no-icon:before{
                    content: '\2022';
                    display: inline-block;
                    margin: 0 8px;
                    font-size: 18px;
                    vertical-align: middle;
                    line-height: 29px;
                    color: #587175;
                }

                    #footer .footer-menu-container ul#footer-menu > li > a{
                        line-height: 29px;
                        vertical-align: middle;
                        font-size: 18px;
                    }
    
    @media ( max-width: 991px ) {
        
        #footer .footer-menu-container ul#footer-menu > li{
            line-height: 29px;
        }

        #footer .footer-menu-container ul#footer-menu > li.menu-item-icon{
            margin-left: 12px;
            margin-right: 12px;
        }

        #footer .footer-menu-container ul#footer-menu > li.menu-item-no-icon ~ li.menu-item-no-icon:before{
            margin: 0 5px;
        }

            #footer .footer-menu-container ul#footer-menu > li > a{
                line-height: 29px;
                font-size: 14px;
            }

                #footer .footer-menu-container ul#footer-menu > li > a > img{
                    height: 20px;
                    line-height: 29px;
                    vertical-align: middle;
                }
        
    }
    
    @media ( max-width: 840px ) {
        
        #footer .footer-menu-container{
            text-align: center;
            display: block;
            float: none;
            margin: 0;
            padding: 15px 0 0;
        }
        
            #footer .footer-menu-container ul#footer-menu > li.menu-item-icon{
                margin-left: 6px;
                margin-right: 6px;
            }
        
        #footer #footer-sidebar{
            text-align: center;
            display: block;
            float: none;
            margin: 15px 0;
            padding: 0;
        }
        
                #footer #footer-sidebar h2.banner-label{
                    margin: 0;
                    display: block;
                    line-height: 1;
                }
        
    }
    
    @media ( max-height: 479px ) {
        
        #footer .footer-calculate-slider > #footer-area{
            height: 0px !important;
        }
        
    }

/* <<< FOOTER */

body.single-user_guide #back-to-top{
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    background-color: #587175;
    color: #fff;
    font-size: 16px;
    display: block;
    cursor: pointer;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}

body.single-user_guide #main-content{
    /* padding: 150px 0 0 !important; */
}