/*
Theme Name: Hunchfree Foundation
Author: Tony Jennings @ Hunchfree
Author URI: https://hunchfree.com/
Description: A basic parent theme using the foundation framework
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: hf_found
*/


/* V I S I B L E . T O P . N A V */
#site-visible-header {}

#mobile-nav-pad {
    /* used to place spacing for sticky navigation */
    height: 52px;
    display: none;
}
.theme-sticky-nav #mobile-nav-pad,
.theme-sticky-mobile-nav #mobile-nav-pad {
    display: block;
}
#mobile-nav-block {
    width: 100%;
    background: #000;
    color: #FFF;
    padding: 0.5rem;
    height: 52px;
}

.theme-sticky-nav #mobile-nav-block,
.theme-sticky-mobile-nav #mobile-nav-block {
    height: 52px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.admin-bar .theme-sticky-nav #mobile-nav-block,
.admin-bar .theme-sticky-mobile-nav #mobile-nav-block {
    top: 46px;
}

#hideable-nav-block {
    display: none;
    width: 100%;
    background-color: #FFF;
}

.theme-sticky-nav #hideable-nav-block,
.theme-sticky-mobile-nav #hideable-nav-block {
    position: fixed;
    top: 52px;
    left: 0;
    z-index: 1000;
}
.admin-bar .theme-sticky-nav #hideable-nav-block,
.admin-bar .theme-sticky-mobile-nav #hideable-nav-block {
    top: 98px;
}

#site-visible-header .header-text-data {
    font-size: 1.25em;
    font-weight: bold;
}
#site-visible-header .header-text-data a {
    color: #000;
}
#site-visible-header .header-text-data.has-logo {
    padding-left: 0.5em;
}
#site-visible-header .site-description {
    font-size: 0.9em;
    color: #000;
}
#site-visible-header .site-description p {
    margin-bottom: 0;
}

.post-list article {
    background-color: #FFF;
    opacity: 0.8;
    border-radius:1em;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
}
/* M A I N . T H E M E . A R E A */
#outer-content-wrap {}

/* V I S I B L E . F O O T E R */
#alt-top-nav {
    display: none;
}
.no-js #alt-top-nav {
    display: block;
}

/* Privateer Drop Down Menu coloring and styling */
ul.pvtdd {}
ul.pvtdd ul {
    margin-left: 1.25em;
}
ul.pvtdd li a {
    color: #333333;
}
ul.pvtdd li a:hover {
    color: #000000;
}
ul.pvtdd ul a {}
ul.pvtdd ul a:hover {}

/* Wordpress Image Alignment Styles and Captions */

.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.maybe-alignright {
    margin-left: auto;
    margin-right: auto;
}
.maybe-alignleft {
    margin-left: auto;
    margin-right: auto;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}
img.alignleft,
.wp_caption.alignleft {
    margin-right: 1em;
    margin-bottom: 0.5em;
}
img.alignright,
.wp_caption.alignright {
    margin-left: 1em;
    margin-bottom: 0.5em;
}
img.maybe-alignright,
img.maybe-alignleft,
.wp_caption.maybe-alignright,
.wp_caption.maybe-alignleft {
    margin-bottom: 0.5em;
}.navi {
     border: 1rem solid #525252;
 }

/* override sticky class in posts */
article.sticky {
    position: relative;
    -webkit-transform:none;
    transform:none;
    border-radius: 0.5em;
    box-shadow: 0 1px 3px #333;
    margin-bottom: 1em;
}

a.more {
    display: block;
}

/* Special Comment Styles */

/* Special Widget Styles */
.widget_nav_menu .menu > li {
    display: block;
}
.widget_nav_menu .sub-menu {
    background-color: transparent;
    padding-bottom: 0.75em;
}
.widget_nav_menu .menu > li > a {
    padding: 0 0 0.75em 0;
}
/* Navigation Styles */
.theme-navi.next-previous,
.theme-navi.next-previous a {
    font-size: 0.9em;
}
.theme-navi.next-previous a span {
    display: block;
    font-size: 0.9em;
}

/* Comments */
ul.commentlist {
    list-style-type: none;
    margin-left: 0;
}
ul.commentlist ul {
    list-style-type: none;
}
#comment-wrap article {
    padding: 0.25em 0.5em;
}
#comment-wrap article footer {
    position: relative;
}
/* byuser indicates currently logged in user */
#comment-wrap .comment.byuser > article {
    box-shadow: 0 1px 4px #000;
    border: 1px solid #000;
}
#comment-wrap .comment.comment-author-pwsadmin > article {
    box-shadow: 0 1px 4px #900;
    border-color: #900;
}

li.thread-even > article {
    background-color: #EEE;
}
li.thread-odd > article {
    background-color: #FFF;
}
li.thread-even .even > article,
li.thread-odd .even > article {
    background-color: #EEE;
}
li.thread-even .odd > article,
li.thread-odd .odd > article {
    background-color: #FFF;
}

li.depth-1 {
    box-shadow: 0 1px 4px #AAA;
    margin-bottom: 1em;
}
.comment-metadata {
    font-size: 0.8em;
}

/* Video Responsive Styles */
.video-wrap{
    width: 98%;
    margin: 0 auto 1em auto;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    box-shadow: 0 0 4px #333;
}
.video-wrap iframe,
.video-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Post Format Styles */
.post_format-post-format-chat .page-content > p:nth-of-type(2n + 1) {
    background-color: #CCC;
}

/* The wordpress admin menu changes height here */
@media only all and (min-width: 783px) {
    .admin-bar .theme-sticky-mobile-nav #mobile-nav-block,
    .admin-bar .theme-sticky-nav #mobile-nav-block {
        top: 32px;
    }
    .admin-bar .theme-sticky-nav #hideable-nav-block,
    .admin-bar .theme-sticky-mobile-nav #hideable-nav-block {
        top: 85px;
    }
}

/* Special styles for medium and larger screens */
@media only all and (min-width: 40em) {
    .post-title h1 {
        font-size: 2rem;
    }
    .post-content a.featured-image {
        float: left;
        margin-right: 1em;
        max-width: 25%;
    }
    .comment article footer .comment-metadata {
        position: absolute;
        top: 0.25em;
        right: 0.25em;
    }

}

/* Special Styles for Large Screens */

@media only all and (min-width: 64em) {

    /* hide the mobile navigation block at this size */
    #mobile-nav-block {
        display: none;
    }
    #mobile-nav-pad,
    .theme-sticky-mobile-nav #mobile-nav-pad {
        display: none;
    }
    .theme-sticky-nav #mobile-nav-pad,
    .admin-bar .theme-sticky-nav #mobile-nav-pad {
        /* the height of the pad should be the height of the sticky nav */
        display: block;
        height: 78px;
    }

    /* show the hideable nav block at this size */
    #hideable-nav-block {
        display: block;
        background-color: transparent;
    }
    /* unstick the hideable nav if only the mobile nav is sticky */
    .theme-sticky-mobile-nav #hideable-nav-block,
    .admin-bar .theme-sticky-mobile-nav #hideable-nav-block {
        position: relative;
        top: 0;
    }
    .theme-sticky-nav #hideable-nav-block {
        top: 0;
    }
    .admin-bar .theme-sticky-nav #hideable-nav-block {
        top: 32px;
    }
    /* add a box shadow and opacity if the user has scrolled down to
        ensure that the header is distinct from the other content
    */
    .scrolled .theme-sticky-nav #hideable-nav-block {
        opacity: 0.9;
        box-shadow: 0 1px 3px #333;
        background-color: #FFF;
    }

    /* Privateer Drop Down Menus */
    ul.pvtdd,
    ul.pvtdd ul,
    ul.pvtdd li {
        list-style: none;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
    }
    ul.pvtdd {
        position: relative;
        z-index: 500;
        padding-top: 5px;
        display: inline-block;
    }

    ul.pvtdd ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }

    ul.pvtdd li {
        vertical-align: middle;
        float: left;
        zoom: 1;
    }

    ul.pvtdd li.hover,
    ul.pvtdd li:hover {
        position: relative;
    }

    ul.pvtdd li a,
    ul.pvtdd ul li a {
        margin: 0;
        display: block;
    }

    ul.pvtdd ul li {
        float: none;
        /* padding-left: 0.5em; */
    }

    ul.pvtdd ul ul {
        top: 0;
        left: 100%;
    }

    ul.pvtdd li:hover > ul {
        visibility: visible;
    }

    /* horizontal downward tweaks - Values for margins should be 2 times border thickness */

    ul.pvtdd-h-down ul ul {
        margin-top: 0;
    }

    ul.pvtdd li {
        display: inline;
        /* width: 25%; */
        /* float: left; */
        text-align: left;
        margin-top: 0.5em;
    }

    ul.pvtdd > li:first-of-type a {
        padding-left: 0;
    }
    ul.pvtdd > li:last-of-type a {
        padding-right: 0;
    }
    ul.pvtdd li a:hover {
        background-color: transparent;
    }
    ul.pvtdd ul li {
        margin: 0;
    }
    ul.pvtdd li.no_mobile {
        display: block;
    }
    ul.pvtdd ul.sub-menu a {
        padding-left: 0.5em;
        background-image: none;
        color: #FFF;
    }

    /* Add any special styling for large displays of the drop down menus here */
}