/*
Theme Name: JF3
Theme URI: http://www.jonathanfields.com/
Author: Glen Stansberry
Author URI: http://glenstansberry.com/
Version: 3.0
*/

/* GENERIC */ 
html, body { min-height: 100%; }
body, .pure-g [class *= "pure-u"], .pure-g-r [class *= "pure-u"] { font-family: "ff-meta-serif-web-pro"; font-weight: 300; margin: 0; padding: 0; }
body { background: #fff; color: #444; }
.container { max-width: 1000px; margin: 0 auto; }
a, a:visited   { text-decoration: none; color: #62aec9; }
a:hover { text-decoration: underline; }
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
h1, h2, h3, h4 { font-family: "jaf-bernina-sans-comp"; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.ease { -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.center { text-align: center; margin: 0 auto; }
.white { background: #fff; }
.center_xy { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.jaf { font-family: "jaf-bernino-sans",sans-serif; }


.hidden { display: none; }
.show { display: block; visibility: visible; }
.stuck { position: fixed; opacity: 1; }

input, textarea { padding: 7px 15px; border-radius: 4px; border: 1px solid #ddd; color: rgba(0, 0, 0, 0.6); }
blockquote { background: url(images/quote.png) no-repeat; padding: 1px 0 0 66px; margin: 25px 0 25px 35px; min-height: 48px; font-style: italic; }

/* ELEMENTS */

.masthead { position: relative; display: block; overflow: hidden; background: #fff; }
.masthead_img_wrapper { position: relative; display: block; float: right; max-height: 663px; overflow: hidden; }
.masthead_img_wrapper:before { display: block; content: ''; position: absolute; width: 100%; height: 100%; }
img.full { height: auto; min-height: 100%; min-width: 100%; max-width: 100%; position: relative; display: block; }

/* Forms */
.text, .btn { padding: 8px 10px; border-radius: 4px; border: none; }
.btn, button, input[type="submit"] { background: #fabb32; display: inline-block; font-weight: bold; cursor: pointer; }
.btn:hover { text-decoration: none; background: #068f1a; }

.inline { margin: 45px 0; text-align: center; }
.inline .btn { background: rgb(10, 166, 2); color: #fff; padding: 8px 25px; }

/* Comments */
.comments_wrapper { margin: 50px 0; }
.comments_wrapper h2 { font-size: 2.2em; padding-bottom: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
h3#comments { display: none; }
.vcard { clear: both; height: 32px; }
.vcard cite { line-height: 16px; }
.comment_deets { }
.avatar { margin-right: 5px; display: inline-block; }
.meta_wrapper { display: inline-block; }
.author_name { margin: 0; }
.fn { display: inline-block; font-style: normal; }
.says { display: none; }
.comments_wrapper ol { padding-left: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.comments_wrapper li { list-style: none; padding: 15px 0; margin: 10px 0; }
.entry .comment-meta a { font-weight: normal; color: #444; }
.commentmetadata { font-style: italic; }
.comments_wrapper li .bypostauthor { background: rgba(98, 174, 201, 0.1); padding: 20px; }

.post_wrapper .list_wrapper .comment_text p { margin-bottom: 10px; line-height: 1.45;  }
.entry a.comment-reply-link { font-weight: 300; }
.post_wrapper .comment-body p { }
#commentform input[type="submit"] { color: #fff; border: none; background: #62aec9; }
#respond h3 { font-family: "ff-meta-serif-web-pro", serif; font-size: 1.3em; }

/* CTA */
.cta_wrapper { background: #ba4200; color: #fff; text-align: center; }
.cta_wrapper h2 { font-weight: 500; font-size: 2.4em; color: #f7d028; text-transform: uppercase; margin: 25px 0 10px 0; }
.cta_wrapper p { font-size: 1.3em; line-height: 1.55; }
.cta_wrapper form { margin: 0 0 25px 0; }/
.cta_wrapper input { padding: 13px; font-size: 1.3em; border: none; }
.cta_wrapper .btn { color: #fff; background: #c42b14 url(images/join-btn.png) no-repeat 50% 50%; width: 101px; height: 51px; text-indent: -9999px; margin-left: 3px; border: none; }

/* Popup */
.white_popup { position: relative; background: url(images/popup-bg-fade.jpg) no-repeat; border-radius: 8px; /*border: 13px solid rgba(98, 174, 201, 0.6);*/ background-size: cover; width: auto; max-width: 700px; margin: 20px auto; }
.mfp-close { background: rgba(0, 0, 0, 0.8) !important; border-top-right-radius: 8px; border-bottom-left-radius: 8px; font-family: "jaf-bernina-sans-comp"; opacity: 0.6; font-size: 35px; font-weight: 200; width: 44px; color: #fff !important; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; }
.popup_text { color: #000; /*background: rgba(255, 255, 255, 0.3);*/ border-radius: 8px; margin-left: 225px; padding: 25px 25px 25px 40px; }
.popup_text h3 { font-size: 1.75em; }
.popup_text p { font-size: 1.15em; }
.popup_text form { margin-top: 25px; }
.popup_text .btn, .popup_text .email_field { padding: 14px 7px; }
.popup_text .email_field { border: 1px solid rgba(0, 0, 0, 0.25); }
.popup_text .btn { padding: 14px; background: #0aa602; color: #fff; }
.popup_text .btn:hover { background: #0a8f03; }

/* REGIONS */

header { height: 60px; width: 100%; position: absolute; top: 27px; z-index: 2; line-height: 30px; }
header { background: rgba(0, 0, 0, 0.3); padding: 2px 0; }

.nav_container { width: 85%; margin: 0 auto; }
.nav_toggle {
        display: none; /* show this only on small screens */
        top: 30px;
        font-size: 10px; /* change this value to increase/decrease button size */
        z-index: 10;
        width: 2em;
        height: auto;
        padding: 2.1em 0 2.1em 1.6em;
        float: right;
  }
 
  .nav_toggle span {
            position: relative;
            display: block;
        }

        .nav_toggle span,
        .nav_toggle span:before,
        .nav_toggle span:after {
            background-color: #fff;
            width: 100%;
            height: .2em;
            -webkit-transition: all 0.8s;
               -moz-transition: all 0.8s;
                -ms-transition: all 0.8s;
                 -o-transition: all 0.8s;
                    transition: all 0.8s;
        }

            .nav_toggle span:before,
            .nav_toggle span:after {
                position: absolute;
                margin-top: -.6em;
                content: " ";
            }

            .nav_toggle span:after {
                margin-top: .6em;
            }

        .pure-menu-link.active span {
            background: transparent;
        }
.logo_wrapper { margin: 0 0 0; float: left;  } 
.logo { text-indent: -9999px; display: block; background: url(images/logo.png) no-repeat; width: 81px; height: 34px; margin: 0; }
.toggle_wrapper { float: left; display: inline-block; margin-left: 15px; }
.menu_toggle, .menu_toggle:visited { line-height: 46px; font-size: 1.5em; color: rgba(255, 255, 255, 0.4); padding-top: 0; margin-top: 0; }
.menu_toggle:hover { color: rgba(255, 255, 255, 1); text-decoration: none; }

/*.menu_toggle:hover > span { display: block; }*/

.menu_toggle span { display: none; font-size: 0.75em; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; }
.menu { text-align: right; }
.menu_wrapper {  }
.menu ul { padding-left: 0; font-family: "jaf-bernino-sans", sans-serif; }
.menu li { display: inline-block; line-height: 24px; margin-right: 17px; }
.menu li:last-child { margin-right: 0; }
.menu a { color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75em; }
.menu a:hover { text-decoration: underline; }

h1 { margin: -4px 0 0 0; float: left; }
h1 a.tagline { background: url(images/logo.png) no-repeat; text-indent: -9999px; width: 212px; height: 46px; margin: 0; display: inline-block; }
h1 a.tagline.bw { background: url(images/logo-bw.png) no-repeat; height: 40px; width: 215px; }
h1 a:visited  { color: #fff; float: left; }
h1 a:hover { text-decoration: none; }

.masthead_cta { color: #333; background: rgba(0, 0, 0, 0.05); position: absolute; top: 18%; left: 9%; width: 300px; height: 350px; padding: 20px 0; }

.masthead_cta h3 { color: #444; font-size: 1.55em; font-weight: 300; line-height: 1.35; text-align: center; /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/ font-weight: 600; position: relative; padding-bottom: 0; margin: 0; } 
/*.masthead_cta h3:before { background: rgba(0, 0, 0, 0.3); height: 1px; width: 100%; bottom: -6px; display: block; position: absolute; content: ""; left: 0; }*/
.masthead_cta .emphasis { font-weight: 700; letter-spacing: 3px; font-size: 1.2em; }
.masthead_cta h4 { margin: 0; padding: 10px 0; font-size: 1.4em; }
.masthead_cta .form_wrapper { display: block; opacity: 0; -webkit-transition: opacity 0.6s ease-in; -moz-transition: opacity 0.6s ease-in; -o-transition: opacity 0.6s ease-in; transition: opacity 0.6s ease-in; }
.masthead_cta .form_wrapper.show { opacity: 1; }
.masthead_cta .text, .cta_wrapper .text { height: 51px; padding: 0 15px 0 25px; border: 0; color: rgba(0, 0, 0, 0.5); font-style: italic; font-size: 1.1em; }
.masthead_cta .text { width: 83%; padding: 0; text-align: center; }
.masthead_cta .form_wrapper p { text-align: center; }
.masthead_cta .optin { text-align: center; }
.masthead_cta form .btn { background: rgb(10, 166, 2); color: #fff; width: 83%; height: 51px; text-transform: uppercase; font-size: 1.1em; letter-spacing: 1px; margin-left: 3px; }

.yes_no { padding: 15px; border-radius: 7px; margin: 0 auto; }
.question { font-size: 1.05em; line-height: 1.5; margin: 0; padding: 15px 25px; text-align: center; }
.yes_no .btn_wrapper { text-align: center; }
.yes_no .btn { text-align: center; font-size: 1.05em; background: #0aa602; color: #fff; margin: 0 auto; font-weight: normal; width: 80%; padding: 11px 0; }
.yes_no .btn:hover { background: #0bbf02; }
.btn.yes span { background: url(images/yes.png) 0 50% no-repeat; height: 20px; width: 20px; display: inline-block;}
.btn.no span { background: url(images/no.png) 0 50% no-repeat; }

.h2_banner { background: rgba(255, 255, 255, 0.2); font-size: 1.8em; color: #fff; text-transform: uppercase; letter-spacing: 1px; padding: 10px 0 5px 0; text-align: center; margin: 0; }
.masthead_text_wrapper { margin-top: 0; width: 100%; background: #ba4200; }
.masthead_text { color: #fff; position: relative; text-align: center; padding: 10px 0; }
.masthead_text h2, .post_wrapper .masthead_text .left_box h2 { color: #fcd94c; font-size: 1.8em; text-align: left; float: left; text-transform: uppercase; margin: 10px 0 8px 0; letter-spacing: normal; }
.masthead_text h2 span { font-weight: 700; font-size: 1.4em; }
.masthead_text .quote {  }
.masthead_text p { float: left; text-align: left; margin-top: 0; } 
.masthead_text form { float: right; margin-top: -40px; }
.masthead_text input[type="text"] {  font-size: 1.2em; padding: 14px; border: none; font-weight: 300; border-radius: 4px; margin-right: 2px; }

/* Home */

body.home { background: #000; }
body.home.page header { background: none; }
body.home .main { background: #fff: }

body.home .scroll_plz { font-size: 2em; color: #fff; margin: 0; text-align: center; position: absolute; opacity: 0.85; padding-top: 0; bottom: 20px; width: 100%; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
body.home .masthead:hover > .scroll_plz { opacity: .85; left: 0; width: 100%; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;  }

.quote { margin-top: 15px; font-size: 1.3em; color: rgba(255, 255, 255, 0.85); line-height: 1.55; }
.quote:after { content: ''; clear: both; visibility: hidden; }
.quote p { overflow: hidden; float: none; }
.quote_text { padding-top: 20px; margin-bottom: 8px; }
.quotee { font-style: italic; padding-top: 5px; }
.quote .avatar { float: left; margin-right: 20px; }
.quote .avatar img { max-width: 150px; }

.rating_wrapper { margin-top: 5px; }
.truthiness_rating { background: #ba1c04; border-radius: 10px; padding: 1px 15px; font-size: 0.9em; }
.truthiness_rating h3 { font-weight: 700; margin-bottom: 12px; }
.truthiness_rating ul { padding-left: 0; padding-top: 0; margin-top: 0; }
.truthiness_rating li { list-style: none; display: inline-block; margin-bottom: 8px; text-align: center; }
.truthiness_rating .btn { background: #fabb32; width: 70px; font-weight: 700; padding: 10px; display: inline-block; text-align: center; }
.truthiness_rating .btn:hover { background: #f5B11d; }
.btn.yes:hover, .btn.no:hover { background: #0bbf02; }

.more { background: #fff; }
.more .box { text-align: center; position: relative; overflow: hidden; }
/*.more .box_wrapper .full_wrapper { float: none; max-height: none; overflow: hidden; }*/
.more .box img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.more .box img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -moz-transition: -moz-transform .95s ease-in-out; -webkit-transition: -webkit-transform .95s ease-in-out; transition: transform .95s ease-in-out; }
/*.more .box a:hover > h3 { opacity: 0.7; }*/
.more .short { height: 270px; width: 100%; min-width: 100%; }
.more .short.join { height: 320px; }
.more #speak h3 { margin-top: 65px; }
.more #join h3 { margin-top: 92px; }
.more .med  { height: 550px; width: 100%; min-width: 100%; }
.more .med.ignite { height: 600px; }
.more #watch h3 { margin-top: 220px; }
.more #watch h3 span { margin: 0 15px; }
.more #ignite h3 { margin-top: 234px; }
.more .tall { height: 670px; width: 100%; min-width: 100%; }
.more .tall.read { height: 570px; }
.more #about h3 { margin-top: 245px; }
.more #read h3 { margin-top: 225px; }

.more .box_wrapper { display: block; position: relative; overflow: hidden; transition: opacity .45s ease-in-out; -moz-transition: opacity .45s ease-in-out; -webkit-transition: opacity .45s ease-in-out; }
.more .box_link { position: relative; }
.more .box_h3 { font-weight: 900; display: block; visibility: visible; opacity: 1; transition: visibility 0 linear .25s, opacity 0.5s linear; -moz-transition: visibility 0 linear .25s, opacity 0.5s linear; -webkit-transition: visibility 0 linear .25s, opacity 0.5s linear; background: none; }
.more .box_h3 { padding: 0; text-transform: uppercase; line-height: 1; text-align: center; color: #fff; position: absolute; font-size: 11em; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

.more .box_link:hover > .box_h3 { visibility: visible; opacity: 1; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; z-index: 100; }
.more .box_link:hover > .box .full { opacity: 0.8; } 
/*.more .about_box { background: url(images/jf-water3.jpg); background-size: cover; }*/
.more .about_box .box_h3 { font-size: 9em; }
.more .speak .box_h3 { }
.more .read .box_h3 { font-size: 12em; }
.more #watch .box_h3 { font-size: 7.2em; background: none; }
.more .join .box_h3 { font-size: 10em; }
.more .listen .box_h3 { }
.more .ignite .box_h3 { font-size: 9em; }


.more .box img { opacity: 1; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;  width: 100%; -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); -moz-transition: -moz-transform .95s ease-in-out; -webkit-transition: -webkit-transform .95s ease-in-out; transition: transform .95s ease-in-out; }

.contact { background: #62aec9; text-align: center; margin: 0; }
.contact a { font-family: "jaf-bernino-sans",sans-serif; text-transform: uppercase; font-weight: 900; color: #fff; text-decoration: none; display: block; float: none; font-size: 4em; padding: 0 35px; }
.contact a:hover { background: rgba(255, 255, 255, 0.25); }

/*.about { }
.about_img, .about_box { height: auto; }
.about_img {  }
.about_box { color: #fff; background: #111; }
.about_text { padding: 0 105px; margin: 100px 0 80px 0; }
.about h2 { font-size: 3em; letter-spacing: 1px; text-transform: uppercase; }
.about h2 span { font-weight: 600; }
.about_box p { font-size: 1.4em; line-height: 1.8; }*/
.socialize { margin: 35px 0; padding-left: 0; }
.about li { list-style: none; display: inline-block; margin-right: 50px; line-height: 50px; }
.twitter { background: url(images/twitter-logo-sm.png) 50% 50% no-repeat; width: 25px; height: 22px; }
.facebook { background: url(images/facebook-logo-sm.png) 50% 50% no-repeat; width: 22px; height: 22px; }
.g_plus { background: url(images/g-plus-logo-sm.png) 50% 50% no-repeat; width: 21px; height: 21px; }
.email { background: url(images/email-logo.png) 50% 50% no-repeat; width: 32px; height: 21px; }
.about a:hover { text-decoration: none; }
/*.about a.btn { color: #fff; text-indent: 0; width: 40%; text-align: center; background: rgba(255, 255, 255, 0.1); }
.about a.btn:hover { background: rgba(255, 255, 255, 0.4); }*/

.as_seen_wrapper { background: #62aec9; margin: 0 auto; }
.seen { border-bottom: 1px solid #eee; }
.as_seen { padding: 10px 0 2px 0; margin: 0 auto; text-align: center; }
.as_seen img { width: 96%; max-width: 1400px; }

/* Blog Index */
/*body.blog header { background: rgba(98, 174, 201, 0.85); }*/
body.blog .masthead { background: url(images/bg/read.jpg) no-repeat center center !important; background-size: cover !important; }
/*body.blog .post_wrapper, body.page .post_wrapper { margin-top: 170px; }*/
.post_categories { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-left: 0; margin-bottom: 30px; }
.post_categories li { display: inline-block; margin-right: 30px; }
.post_categories li:last-child { margin-right: 0; }
.post_categories a { text-transform: uppercase; color: rgba(0, 0, 0, 0.5); padding-bottom: 2px; font-size: 1.45em; font-weight: 600; font-family: "jaf-bernina-sans-comp", sans-serif; }
.post_categories a.current { color: rgba(98, 174, 201, 1); }
.list_wrapper .item { margin-bottom: 25px; }
.list_wrapper .lead_image { float: left; margin-right: 25px; }
.excerpt_wrapper { display: inline-block; }
.excerpt_wrapper.full { max-width: none; }
.list_wrapper h3 { font-size: 2.3em; margin: 0 0 15px 0; } 
.list_wrapper h3 a { color: rgba(0, 0, 0, 0.8); }
.list_wrapper h3 a:hover { color: rgba(0, 0, 0, 0.55); text-decoration: none; }
.post_wrapper .list_wrapper p { font-size: 1.2em; line-height: 1.55; }
p.read_more { margin: 0 0 10px 0; }
.read_more a { color: rgba(98, 174, 201, 1); }
.read_more a:hover { }

/* Archive */
.archive_list { font-size: 1.2em; }
.archive_list a { color: #444; }

/* Page */
.page h2 { font-size: 2.5em; margin-bottom: 25px; }
.entry ul li { line-height: 1.2; } 
/* Post */

.post_masthead { height: 650px; width: 100%; position: relative; background: url(images/bg/glp-cover.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
.post_wrapper { margin-top: 45px; }
.post_masthead .masthead_cta { margin-top: 70px; }
.post_masthead .masthead_cta h3 { }
.post_masthead:hover > .post_title, .post_masthead:hover > .scroll_plz, .masthead_img_wrapper:hover > .scroll_plz { display: block; opacity: 1; }
.post_masthead:hover > .post_title { opacity: 1; }
.post_masthead:hover > .post h2 { display: none; }
.post_masthead .post_title, .post_masthead .scroll_plz { opacity: 0; line-height: 1; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; text-transform: uppercase; font-size: 7.5em; position: absolute; left: 0; right: 0; top: 40%; text-align: center; color: #fff; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7); letter-spacing: 1px; }
.post_masthead .post_title { width: 98%; margin: 0 auto; display: block; font-size: 13.5em; letter-spacing: 6px; }
body.single .post_masthead .post_title { font-size: 7.5em; letter-spacing: 0; }
.post_masthead .post_title.stuck { position: fixed; opacity: 1; width: 100%; text-align: center; background: #fff; border-bottom: 1px solid #ddd; }
.post_masthead .scroll_plz { padding-top: 300px; font-size: 2.3em; font-weight: 300 }
.post_masthead .masthead_cta .form_wrapper { background: rgba(0, 0, 0, 0.0); }

.post_wrapper { margin-bottom: 80px; }
.post_wrapper .container { max-width: 860px; }
.post_wrapper h2.title { font-size: 2em; color: #6f6661; margin: 0 0 0 ; display: inline-block; vertical-align: middle; margin-right: 20px; padding: 0; }
.post_wrapper h4 { font-family: "jaf-bernino-sans",sans-serif; font-weight: normal; font-size: 2.3em; }
.post_wrapper p { font-size: 1.35em; line-height: 1.6; font-weight: 300; }

.post_wrapper .sticky-wrapper { text-align: center; background: rgba(255, 255, 255, 0.85); display: inline; }
.post_wrapper .stickable { display: none; text-align: center; background: #fff; }
.post_wrapper .stickable.stuck { display: block; height: 60px; line-height: 30px; border-bottom: 1px solid #dedede; -webkit-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.04); box-shadow: 0 8px 17px -10px rgba(0, 0, 0, 0.035); position: fixed; margin: 0 auto; top: 0; text-align: center; padding: 0; width: 100%; background: #fff; opacity: 1; z-index: 1; }

.entry { position: relative; }
.entry a { color: #62aec9; /*color: #567eaa;*/ font-weight: bold; }
.entry ul { font-size: 1.15em; margin: ; }
.entry ul.children { font-size: inherit; }
.entry li { margin: 10px 0; }
.entry object, .entry iframe { text-align: center; margin: 0 auto; }
.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; }
.alignright { float: right; margin-left: 20px; margin-bottom: 20px; }

.share_list { list-style: none; padding-left: 0; display: inline-block; vertical-align: middle; margin: 0; padding-top: 13px; }
.share_list li { margin: 0 0 0 15px; display: inline-block; }
.share_list div { float: left; display: inline-block; width: auto; height: auto; }
.share_list li div:hover { }
.share_list .count { display: inline-block; margin-left: 10px; line-height: 37px; }
.share_list .count a { padding: 0; color: rgba(242, 102, 26, 1); }
.share_list .count a:hover { text-decoration: none; }
.share_list a { padding: 10px; margin: 0; display: inline-block; opacity: 1; }
.share_list .share { float: left; background-color: rgba(242, 102, 26, 1); padding: 7px; border-radius: 50%; text-indent: -9999px; display: inline-block; }
.share_list .share:hover { background-color: #509eba; }

.share_list.post_footer { margin-bottom: 15px; padding-top: 0; }
.share_list.post_footer a { font-weight: normal; }

.share_btn { display: none; }

.post_cta { background: rgba(98, 174, 201, 0.15); padding: 25px 35px; text-align: center; }
.post_cta h3 { font-size: 2.5em; margin-bottom: 0; text-align: center; }
.post_cta p { margin-top: 10px; }
.post_cta ul { padding-left: 25px; margin-bottom: 25px; }
.post_cta li { margin-bottom: 10px; font-size: 1.1em; }
.post_cta input { padding: 10px 15px; color: #999; border: 1px solid rgba(98, 174, 201, 0.45); }
.post_cta .btn { background: #0aa602; color: #fff; }


footer { text-align: center; padding-top: 20px; color: #222; }
body.home footer, body.home footer a { color: #fff; }
footer .menu { text-align: center; }
footer .menu li { margin-right: 25px; }
footer .menu a { font-size: 0.8em; color: rgba(0, 0, 0, 0.5); }

body.home .disclosure { background: rgba(255, 255, 255, 0.19); }
.disclosure { font-weight: normal; text-align: left; background: rgba(0, 0, 0, 0.15); padding: 20px; margin-top: 35px; line-height: 1.5; }

object, embed, iframe, img { max-width: 100%; }
img {  height: auto; }
  
  /* Tablet */  
  @media only screen and (device-width: 768px), (device-width: 800px) {
    .container { padding: 0 20px; }

    body.home .masthead { background: url(images/mobile/jf-head-tablet.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
    body.home .masthead { height: auto; }
    body.home .masthead.post_masthead { background: none !important; }
    .masthead_img_wrapper { display: block; height: 470px; }
    .masthead_img_wrapper img { display: none; }
    body.home .scroll_plz { display: none; }

    .more .tall, .more .med, .more .short, .more .short.join, .more .tall.read, .more .med.ignite { height: 175px; }
    .more .box_h3, .more .box_link > .box_h3 { opacity: 1; visibility: visible; transition: opacity 1; z-index: 1; }
    .more .box_link .box_h3 { visibility: visible; display: block; }
    .more #watch .box_h3, .more #about h3, .more #speak h3, .more #ignite h3, .more #join h3, .more #read h3 { font-size: 4.2em; margin-top: 57px; opacity: 1; }
    .contact a { font-size: 3em; padding: 7px 0px; }

    .post_masthead { display: block; }
    .post_masthead .post_title, .post_masthead .scroll_plz { opacity: 1; }
    .post_masthead .post_title { font-size: 2em; display: block; line-height: 1; }
  }

  /* Mobile */
  @media only screen and (max-width: 767px) {
    object, embed, iframe, img { width: 100%; height: auto; }
    .avatar { width: auto; }
    body { font-size: 0.9em; }
    .container { padding: 0 20px; }

    .disclosure { padding: 15px; margin: 0; }

    textarea, input[type="text"], input[type="button"], .btn { width: 90%; }

    blockquote { margin-left: 3px; }
    body.home header { position: absolute; }
    header { position: relative; top: 0; max-height: }
    body.home header { top: 30px; }
    body.blog header, body.single header, body.page header { background: rgba(98, 174, 201, 0.85); }
    .nav_toggle { display: inline-block; padding-top: 27px; }
    body.home .nav_toggle { display: none; }
    header nav { background: #333; }
    .header_menu { background: rgba(98, 174, 201, 1); width: 100%; position: absolute; left: 0;}
    .menu { text-align: center; }
    .menu ul {  }
    .logo_wrapper { margin: 15px 0 0 0; }

    body.home .masthead { background: url(images/mobile/jf-head.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; }
    body.home .masthead { height: auto; }
    .masthead.post_masthead { background: none !important; }
    .masthead_img_wrapper { display: block; height: 450px; }
    .masthead_img_wrapper img { display: none; }
    body.home .scroll_plz { display: none; }

    .yes_no .btn { background: #0CB504; }

    .masthead_cta { width: 270px; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; }
    .masthead_cta h3, .masthead_cta p { color: #fff; }
    .masthead_cta h3 { font-size: 1.3em; }
    .masthead_cta .yes_no { padding: 7px 0; }

    .inline .btn { padding: 8px 0; margin-top: 7px; width: 290px; }

    .main { margin-top: 35px; }
    body.home .main { margin-top: 0; }
    .post_wrapper { margin-bottom: 20px; }

    .white_popup { background: none; }
    .popup_text { margin-left: 0; font-size: 1em; padding: 15px; background: #fff; }
    .popup_text form { text-align: center; }
    .popup_text .btn, .popup_text .email_field { width: 290px; text-align: center; }
    .popup_text .email_field { padding-right: 0; padding-left: 0; margin-bottom: 10px; }

    .as_seen { background: url(images/mobile/seen-on.png) no-repeat 10px 50%; height: 41px; padding-top: 7px; }
    .as_seen img { display: none; }

    .more .tall, .more .med, .more .short, .more .short.join, .more .tall.read, .more .med.ignite { height: 175px; }
    .more .box_h3, .more .box_link > .box_h3 { opacity: 1; visibility: visible; transition: opacity 1; z-index: 1; }
    .more .box_link .box_h3 { visibility: visible; display: block; }
    .more #watch .box_h3, .more #about h3, .more #speak h3, .more #ignite h3, .more #join h3, .more #read h3 { font-size: 4.2em; margin-top: 57px; opacity: 1; }
    .contact a { font-size: 3em; padding: 7px 0px; }

    /* Post detail */
    .masthead { height: auto; }
    body.single .masthead { height: auto; margin-top: 35px; }
    .post_masthead .post_title { position: relative; max-width: 90%; text-align: left; padding-left: 20px; padding-right: 20px; font-size: 3em !important; visibility: visible; z-index: 1; opacity: 1; color: #444; text-shadow: none; } 
    .post_masthead .scroll_plz {}
    .post_wrapper { margin-top: 15px; }
    .post_wrapper h2.title { font-size: 1.4em; line-height: 60px; float: left; margin-left: 20px; }
    header nav { display: none; }

    .alignleft, .alignright { float: none; margin: 0; }

    .post_cta { padding: 15px; }
    .post_cta input, .post_cta .btn { width: 100%; }
    .post_cta input { padding: 15px 0; text-align: center; margin-bottom: 7px; }

    h3#comments { display: none; }
    .comment-body p { overflow: hidden; }
    
    .stuck h2.title { display: none; }
    .share_btn { display: inline-block; ;line-height: 60px; }
    .avatar img { width: 40px; height: 40px; }

    .hc_template_frontend_wrapper { left: 5px !important; right: 5px !important; }
    .connectorWrapper { width: 100% !important; height: auto !important; background-size: cover !important; }
    .connectorWrapper:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

  }