/*
Theme Name: Growtheme
Theme URI: http://growtheme.com
Author: Jascha Brinkmann
Author URI: http://www.growtheme.com
Description: A theme that helps you grow your audience
Version: 2.4.3
Text Domain: growtheme
Tags: listbuilding, email list, mailchimp, signup forms, optin, featurebox

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Growtheme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

/** General Styles **/
body, html {
    font-size: 16px;
}

.screen-reader-text {
    display: none;
}

/** Site Header & Branding **/
#site-header {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    #site-branding {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }

    #site-branding.text-right {
        order: 2;
        margin-left: auto;
    }

    #site-title {
        font-size: 2rem;
        line-height: 1;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: bold;
        margin: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-grow: 1;
    }

        #site-title a {
            margin:auto 0;
            flex-grow: 1;
        }

        #site-title a:before {
          content: "";
          display: inline-block;
          height: 108%;
          vertical-align: middle;
        }

    #site-description {
        opacity:.6;
        margin: 0;
        font-size: .875rem;
        line-height: 1;
    }

    /** Positioning Styles **/
    #site-branding.text-right {
        align-items: flex-end;
    }  

    #site-branding.text-center #site-title {
        margin: 0 auto .5rem auto;
    }

/** Site Navigation **/

#site-navigation,
#footer-navigation {
    padding: 0;
}

    .top-bar, .top-bar ul {
        background: none
    }

    #site-navigation ul,
    #footer-navigation ul {
        margin: 0;
        padding: 0 1rem;
        list-style: none;
    }

        #site-navigation {
            padding: 1rem 0;
        }

        #site-header #site-navigation {
            margin: 1rem 0;
            border-radius:5px;
        }

        #site-header #site-navigation.float-right {
            margin-left: auto;
        }

        #site-navigation ul li,
        #footer-navigation ul li {
            display: inline-block;
        }

        #site-navigation ul.menu > li {
            margin:0 .5rem;
        }

        #site-navigation ul li a {
            display: block;
            height: 2.75rem;
            line-height: 2.75rem;
            box-sizing: border-box;
            font-weight: 700;
            text-transform: uppercase;
            padding: 0 1rem;
            transition: ease all .3s;
            -moz-transition: ease all .3s;
            -webkit-transition: ease all .3s;
        }

        #site-navigation > div > ul > li.is-dropdown-submenu-parent > a {
            padding: 0 2rem 0 1rem;
        }

            #site-navigation > div > ul > li.is-dropdown-submenu-parent.menu-item-split-wrapper > a {
                padding: 0 1rem;
            }

        #footer-navigation ul li a {
            padding: 0 1rem;
            text-transform: uppercase;
            font-weight: 700;
        }

        #footer-navigation > ul > li.is-dropdown-submenu-parent > a,
        #footer-navigation div.fallback > ul > li.is-dropdown-submenu-parent > a {
            padding: 0 2rem 0 1rem;
        }

            #site-navigation ul li a:hover {
                background: rgba(0,0,0,.05);
                border-radius: 3px;
            }

        #site-navigation ul li.button,
        #footer-navigation ul li.button {
            padding: 0;
            border: none;
            background: none;
        }

            #site-navigation ul li.button a,
            #footer-navigation ul li.button a {
                border-width: 2px;
                border-style: solid;
                background: #FFF;
                border-radius: 5px;
                line-height: 2.5rem;
                font-size: 1rem;
            }

                #site-navigation ul li.button a:hover,
                #footer-navigation ul li.button a:hover {
                    color: #FFF;
                }

        #site-navigation .menu-toggle {
            display: none;
        }

    /** Positioning Styles **/

    #site-navigation.text-center ul li ul,
    #site-navigation.text-right ul li ul,
    #footer-navigation.text-center ul li ul,
    #footer-navigation.text-right ul li ul {
        text-align: left
    }

    /** Dropdown Navigation Styles **/

    #site-navigation ul li ul,
    #footer-navigation ul li ul {
        width: 200px;
        background: #FFF;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.20), 0 0 25px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.75);
        border-radius: 5px;
        border:none;
        transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        padding: 0;
        top: 4rem;
    }

        #site-navigation ul li ul li ul,
        #footer-navigation ul li ul li ul {
            margin:0 1rem;
            top: 0;
        }

    #site-navigation ul li ul li,
    #footer-navigation ul li ul li {
        float: none;
    }

    #site-navigation ul li ul li a,
    #footer-navigation ul li ul li a {
        border-bottom: 1px solid rgba(0,0,0,.05);
        font-size: .875rem;
        height: auto;
        line-height: 1.5;
        text-transform: none;
        padding: .5rem 1rem;
        display: block;
    }   

        #site-navigation ul li ul li:last-child a,
        #footer-navigation ul li ul li:last-child a {
            border-bottom: none;
        }

    .dropdown.menu.medium-horizontal > li.menu-item-split-wrapper > a:after {
        content: none;
        display: none;
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
        right: 1rem;
    }

    #footer-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a:after {
        border-top-width: 0!important;
        border-bottom-width: 5px!important;
    }

    .no-js .top-bar {
        display: none;
    }

    @media screen and (min-width: 40em) {
        .no-js .top-bar {
            display: block;
        }

        .no-js .title-bar {
            display: none;
        }
    }

    #footer-navigation li.button {
        margin: -1rem 0;
    }

    #footer-navigation ul li.button a {
        font-size: .875rem;
    }

    #footer-navigation .is-dropdown-submenu {
        top: initial;
        bottom: 200%;
    }

        #footer-navigation .is-dropdown-submenu .submenu {
            bottom: 0;
        }

/** Featurebox **/
    #featurebox h2 {
        margin-top: 0;
    }

    #featurebox h3 {
        margin-top: 0;
    }

    #featurebox ul {
        padding: 0 2rem 1rem 2rem;
        font-size: 1.25rem
    }

    #featurebox .text-center ul {
        list-style-position: inside;
    }

    #featurebox form,
    #featurebox .button.cta {
        margin: 0 0 2rem 0;
    }

    #featurebox.center form input,
    #featurebox.center form input[type=text],
    #featurebox.center form input[type=email],
    #featurebox.center form input[type=button],
    #featurebox.center form button,
    #featurebox.center form button[type=submit] {
        display: inline-block;
        float: none;
    }

    #featurebox .featurebox-image {
        display: flex; 
        flex-direction: row; 
        align-items: flex-end;
        padding: 0;
    }

        #featurebox .featurebox-image.no-spacing {
            margin-bottom: -3rem;
        }

        #featurebox .featurebox-image.no-spacing.medium-offset-4 {
            margin-top: 3rem;
            margin-bottom: -3rem;
        }

        #featurebox .featurebox-image.medium-offset-4 {
            margin-top: 3rem;
        }

    #featurebox form input,
    #featurebox .button,
    #featurebox form button[type=submit] {
        width: 40%;
        margin-right: 1rem;
        height: 3.5rem;
        line-height: 3.25rem;
        font-size: 1.25rem
    }

    #featurebox form label input {
        width: initial;
        height:  initial;
        line-height: 1;
    }

    #featurebox form label {
        width: 100%;
        float: left;
        line-height: 1;
    }

    #featurebox .button.cta:before,
    #featurebox form button[type=submit]:before,
    .button.download:after {
        font-family: "FontAwesome";
        content: "\f1d8";
        display: inline-block;
        margin-right: 1rem;
        height: 3.5rem;
    }

    #featurebox form:after {
        content: '';
        display: block;
        clear: both;
    }

    #featurebox p {
        margin: 0;
    }

    #featurebox small,
    .between-posts-optin small,
    .postoptin small {
        font-size: .875rem;
        opacity: .5;
        font-style: italic;
    }

/** Notificationbar **/

#notificationbar {
    position: fixed;
    top: -1rem;
    left: 0;
    padding: 2rem 0 1rem 0;
    -webkit-animation: ease fadeIn 3.5s;
    animation: ease fadeIn 3.5s;
    z-index: 800;
}

    #notificationbar .icon {
        display: none;
        background: #ffffff;
        border-radius: 100%;
        position: absolute;
        right: 2rem;
        top: 1.75rem;
        width: 2rem;
        height: 2rem;
        text-align: center;
        line-height: 1.8rem;
        font-size: 1.25rem;
        font-weight: 400;
        color:#1d1d1d;
    }

        #notificationbar .icon:before {
            content: '1';
            color: #FFF;
            font-weight: 900;
            font-size: .625rem;
            line-height: 1.125rem;
            width: 1.125rem;
            height: 1.125rem;
            text-align: center;
            border-radius: 100%;
            display: block;
            position: absolute;
            right: -.25rem;
            top: -.25rem;
        }

        #notificationbar .icon.hidden:before {
            display: none;
        }

        #notificationbar .icon {
            -webkit-transition: transform 500ms;
            -moz-transition: transform 500ms;
            -ms-transition: transform 500ms;
            -o-transition: transform 500ms;
            transition: transform 500ms;
            -webkit-animation-name: pulse;
            -moz-animation-name: pulse;
            -o-animation-name: pulse;
            animation-name: pulse;
            -webkit-animation-duration: 3s;
            -moz-animation-duration: 3s;
            -ms-animation-duration: 3s;
            -o-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            -ms-animation-iteration-count: infinite;
            -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -ms-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -ms-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
        }

        #notificationbar .icon.hidden {
          -webkit-transition: none !important;
          -moz-transition: none !important;
          -ms-animation: none !important;
          -o-transition: none !important;
          transition: none !important;
          animation: none !important;
        }


    #notificationbar p {
        margin: 0;
        line-height: 1;
        font-weight: 700;
        color: #FFF;
        display: inline-block;
        font-size: 1rem;
    }

    #notificationbar .button {
        display: inline-block;
        font-size: 1rem;
        line-height: 1;
        margin: -.7rem .5rem -.5rem .5rem;
        padding: .5rem 1rem;
        height: auto;
    }

        #notificationbar .button:hover {
            border-color: #FFF;
        }

    body.notificationbar {
        -webkit-animation: ease paddingIn 3.5s;
        animation: ease paddingIn 3.5s;
        padding-top: 3.5rem;
    }

    body.seperated.notificationbar {
        padding-top: 3.75rem;
    }

/** Socialproof Section **/

.socialproof {
    padding: 2rem 0
}

    .socialproof ul {
        list-style: none;
        padding: 1.5rem 0;
        margin:0;
    }

    .socialproof ul li {
        display: inline-block;
        margin:0 1rem;
        font-weight: 700;
        text-transform: uppercase;
        font-size: .875rem;
    }

    .socialproof blockquote {
        position: relative;
        padding: 1.5rem 0 1rem 0;
        border: none;
    }

    .socialproof blockquote p {
        font-style: italic;
        font-size: 1.125rem;
        line-height: 1.5;
    }

    .socialproof blockquote img {
        width:7.5rem;
        height:7.5rem;
        margin:-1.5rem 2rem 0 0;
        border-radius:100%;
        float: left
    }

    .socialproof blockquote strong {
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
        opacity: .7;
    }

/** General Content Styles **/

#content {
    background: #FFF;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

    .fl-builder #content,
    .fl-builder .entry-content,
    .fl-builder article {
        padding: 0;
    }

    #content.small-collapse .row {
        margin: 0 auto;
    }

    .blog #primary article.sticky {
        -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
        -moz-box-shadow: 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
        box-shadow: 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
        padding: 4rem;
        margin: 0 -2rem 8rem -2rem;
        border-radius: 5px;
        box-sizing: content-box;
    }

        .blog #primary article.sticky .feature-image.above {
            margin: -4rem -4rem 1.6875rem -4rem;
            width: 100%;
            padding: 0 4rem;
            border-radius: 5px 5px 0 0;
        }

            .blog #primary article.sticky .feature-image.above a {
                margin: 0 -4rem;
            }

    .blog #primary article,
    .archive #primary article {
        margin: 0 0 8rem 0;
    }

    #primary .page-header {
        margin-bottom: 4rem;
    }

    #primary .page-title {
        margin: 1rem 0 3.250rem 0;
    }

    #primary article .feature-image {
        padding: 0;
    }

    #primary article .feature-image.small-12 {
        float: none;
    }

    #primary.image-frames article .entry-content .feature-image img,
    #primary article .entry-content .feature-image img {
        border: none;
        box-shadow: none;
        padding: 0;
        margin: 0;
        border-radius: 5px;
    }

    #primary .feature-image.above,
    .single .feature-image.above,
    .page .feature-image.above {
        background-size: cover;
        background-position: center center;
        border-radius: 5px;
        margin: 0 0 1.6875rem 0;
        position: relative;
        overflow: hidden;
    }

    .single .feature-image.above,
    .page .feature-image.above {
        padding: 0;
        border-radius: 0;
        margin: 0 0 1rem 0;
    }

    .page .feature-image.above {
        margin: 0 0 3rem 0;
    }

    .single .feature-image.above.row,
    .page .feature-image.above.row {
        margin: 0 auto -3rem auto;
    }

    #primary .feature-image.above h2 {
        margin: 0;
    }

    #primary .feature-image.above a,
    .single .feature-image.above h2,
    .page .feature-image.above h2 {
        height: 20rem;
        padding: 2rem;
        display: block;
        background: -moz-linear-gradient(top,  rgba(0,0,0,.1) 0%, rgba(0,0,0,.8) 100%);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#2e000000',GradientType=0 );
    }

    #primary .feature-image.above a:before,
    .single .feature-image.above h2:before,
    .page .feature-image.above h2:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -.25em;
    }

    #primary .feature-image.above a h2,
    .single .feature-image.above h2,
    .page .feature-image.above h2 {
        color: #FFF;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        width: 100%;
    }

        .single .feature-image.above h2,
        .page .feature-image.above h2 {
            height: 100%;
            padding: 10% 25%;
            margin: 0;
            background: rgba(0,0,0,0.5);
        }

        #primary .feature-image.above a:hover h2,
        .single .feature-image.above h,
        .page .feature-image.above h2,
        .related-posts #related-post h3 a {
            text-shadow: 0 0 30px rgba(0,0,0,.85);
        }

        #primary.image-frames article .entry-content .feature-image.float-left,
        #primary article .entry-content .feature-image.float-left {
            margin: 0 2rem 1rem 0;
        }

        #primary.image-frames article .entry-content .feature-image.small-12,
        #primary article .entry-content .feature-image.small-12 {
            margin: 0 0 1.6875rem 0;
        }

        #primary.image-frames article .entry-content .feature-image.float-right,
        #primary article .entry-content .feature-image.float-right {
            margin: 0 0 1rem 2rem;
        }

    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        height: auto;
        margin:0 0 1.6875rem 0;
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #primary article header h2,
    #primary article header h1 {
        margin:0 0 1rem 0;
    }

        #primary article header a h2 {
            color: #000;
        }

        #primary article .entry-header h2,
        #primary article .entry-header a {
            display: inline;
        }

        #primary article .entry-header .entry-meta {
            margin: 0 -1rem 1rem -1rem;
            font-size: .875rem;
            font-weight: 500;
            padding: 1rem;
            border-radius: 5px;
        }

            #primary article .entry-header .entry-meta img {
                width: 50px;
                height: 50px;
                border-radius: 100%;
                display: inline-block;
                margin:0 1rem 0 0;
            }

            #primary article .entry-header .entry-meta .byline {
                color: #b3b3b1;
            }

            #primary article .entry-header .author.vcard a {
                color: #b3b3b1;
                font-style: italic;
            }

            #primary article .entry-header .space {
                padding: 0 .5rem;
            }

        #primary article .more-link {
            padding: 4rem 0 1rem 0;
            margin: -4rem 0 0 0;
            text-align: center;
            z-index: 100;
            position: relative;
            background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
            background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
            background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        }

        #primary article .more-link a {
            display: inline-block;
            border-radius: 3px;
            border-width: 2px;
            border-style: solid;
            box-sizing: border-box;
            padding: .25rem 2rem;
            font-weight: 700;
            transition: ease all .3s;
            -moz-transition: ease all .3s;
            -webkit-transition: ease all .3s;
        }

            #primary article .more-link a:hover {
                color: #FFF;
            }

        #primary article .column:last-child:not(:first-child),
        #primary article .columns:last-child:not(:first-child) {
            float: none;
        }

        .blog #primary article .entry-footer,
        .archive #primary article .entry-footer {
            margin: 0;
        }

        #primary article .entry-footer {
            margin: 4rem 0 0 0;
        }

        #primary article .entry-footer .comments-link {
            width: 100%;
            clear: both;
            font-size: 1.125rem;
            display: block;
            text-align: center;
            margin: 0 0 2rem 0;
        }

            #primary article .entry-footer .comments-link a {
                text-transform: none;
                padding-right: 1rem;
            }

            #primary article .entry-footer .comments-link a:before,
            #primary article .entry-header .comments-link a:before {
                content: '\f086';
                font-family: "FontAwesome";
                margin-right: .5rem;
                color: #d2d2d2;
            }

        #primary article .entry-footer .cat-links,
        #primary article .entry-footer .tags-links {
            float: left;
            width: 50%;
            color: #b3b3b1;
            font-size: .875rem;
            font-weight: 700;
            text-transform: uppercase;
            margin: 2rem 0 1rem 0;
        }

            #primary article .entry-footer a {
                text-transform: capitalize;
                color: #b3b3b1;
                font-style: italic;
                font-weight: 400;
            }

            #primary article .entry-footer .cat-links:before,
            #primary article .entry-footer .tags-links:before {
                content: '\f07b';
                font-family: "FontAwesome";
                margin-right: .5rem;
                color: #d2d2d2;
            }

        #primary article .entry-footer .tags-links {
            float: right;
            text-align: right;
        }

            #primary article .entry-footer .tags-links:before {
                content: '\f02c';
            }

        #primary article .entry-footer .edit-link {
            display: block;
            background: #f7f7f7;
            text-align: left;
            border-radius: 3px;
            padding:.5rem 1rem;
            clear: both;
        }

            #primary article .entry-footer .edit-link:before {
                content: 'Wordpress Admin';
                color: rgba(0,0,0,.15);
                font-weight: 900;
                text-align: left;
                text-transform: uppercase;
            }

            #primary article .entry-footer .edit-link:after {
                float: left;
                content: '\f120';
                font-family: Dashicons;
                color: rgba(0,0,0,.15);
                margin-right: .5rem;
                font-size: 1.25rem;
                line-height: 1.5rem;
            }

            #primary article .entry-footer .edit-link a {
                display: block;
                float: right;
                text-align: right;
                color: rgba(0,0,0,.15);
                font-style: normal;
                text-transform: none;
            }

            #primary article .entry-footer .edit-link a:before {
                content: '\f15c';
                font-family: "FontAwesome";
                margin-right: .5rem;
            }

    h1, h2, h3, h4, h5, h6 {
        margin:3.250rem 0 1rem 0;
    }

    /* Default Bottom Margin */
    #primary article p,
    #primary article pre,
    #primary article ul,
    #primary article ol,
    #primary article dl,
    #primary article address,
    #primary article cite,
    #primary article img,
    #primary article table {
        margin:0 0 1.6875rem 0;
    }

    #primary article ul,
    #primary article ol {
        padding:0 0 0 2.5rem;
        list-style: none;
    }

        #primary article ul.flip {
            padding: 0;
            margin: 5px;
        }

    #primary article ol {
        counter-reset: list;
    }

        #primary article ul ul,
        #primary article ul ol,
        #primary article ol ul,
        #primary article ol ol {
            margin: 1.125rem 0 0 0;
        }

        #primary article ul li,
        #primary article ol li {
            margin:0 0 1.125rem 0;
            text-indent: -.75rem;
        }

            #primary article ul.flip li {
                margin: 0;
                text-indent: 0;
                line-height: 87px;
                font-weight: 900;
            }

        #primary article ul > li:before,
        #primary article ol li ul > li:before {
            counter-reset: list;
            content: '\2022';
            display: inline-block;
            width: .75rem;
            color: #bbb;
        }

            #primary article ul.flip li:before {
                content: '';
                display: none;
            }

        #primary article ol li:before,
        #primary article ol li ul li ol li:before {
            counter-increment: list;
            content: counter(list) ".";
            width:  .75rem;
            display: inline-block;
            color:  #bbb;
        }

    #primary article dl dt {
        font-size: 1.25rem;
        color: #bbb;
    }

    #primary article dl dd {
        margin: 0 0 1.125rem 2rem;
    }

    #primary article abbr {
        position: relative;
    }

    #primary article abbr:hover:after {
        content: attr(title);
        position: absolute;
        left: 110%;
        background: #f7f7f7;
        border-radius: 3px;
        border: 1px solid #cacaca;
        padding: .125rem .5rem;
        font-size: .875rem;
    }

    #primary article hr {
        height: 4px;
        background:  #f7f7f7;
        border-radius: 2px;
        border: none;
    }

    #primary article table th {
        text-align: left;
        font-size: 1.25rem
    }

    #primary article blockquote,
    #primary article .about-the-author {
        background: #fff;
        border-left-width: 4px;
        border-left-style: solid;
        margin: 0 -2rem 2rem -2rem;
        padding: 2rem 4rem;
        line-height: 2rem;
        quotes: "“" "”" "‘" "’";
        position: relative;
        font-weight: 300;
        -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05), 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
        -moz-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05), 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
        box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05), 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
    }

        #primary article blockquote p {
            position: relative;
            font-style: italic;
            z-index: 10;
            font-size: 1.25rem;
            margin: 0;
        }

        #primary article blockquote:after {
            content: '\201D';
            position: absolute;
            color: rgba(0,0,0,.05);
            font-size: 12rem;
            font-family: 'Arial';
            right: 1rem;
            top: 0;
            line-height: 1;
            z-index: 1;
        }

        #primary.image-frames .entry-content blockquote img,
        #primary .entry-content blockquote img,
        #primary.image-frames article .about-the-author img,
        #primary article .about-the-author img {
            border-radius: 100%;
            box-shadow: none;
            padding: 0;
            margin: 0 2rem 2rem -2rem;
            float: left;
        }

        #primary article cite {
            text-align: right;
            font-size: 1.25rem
        }

    #primary article .about-the-author {
        margin-top: 4rem;
        border:none;
        padding-left: 12rem;
    }   

        #primary article .about-the-author .image {
            left: 0;
            top: 0;
            bottom: 0;
            width: 12rem;
            position: absolute;
        }

            #primary.image-frames article .about-the-author .image img,
            #primary article .about-the-author .image img {
                margin: 2.5rem;
                border: none;
            }

        #primary article .about-the-author h3 {
            text-align: left;
            margin: 0;
        }

        #primary article .about-the-author p {
            font-size: 1rem;
            line-height: 1.5;
            margin: 0 0 1rem 0;
        }

        #primary article .about-the-author footer a {
            display: inline-block;
            width: 2.25rem;
            height: 2.25rem;
            border-radius: 100%;
            text-align: center;
            line-height: 2.25rem;
            font-size: 1.25rem;
            margin: 0 .25rem 0 0;
            transition: all .25s ease-out;
            opacity: 0.5
        }

        #primary article .about-the-author footer a:before {
            font-family: "FontAwesome";
            color: #FFF;
            display: inline;
        }

        #primary article .about-the-author footer a:hover {
            opacity: 1;
        }

            #primary article .about-the-author footer a.website:before {
                content: '\f0ac';
            }

            #primary article .about-the-author footer a.facebook {
                background: #3b5998;
            }

            #primary article .about-the-author footer a.facebook:before {
                content: '\f09a';
            }

            #primary article .about-the-author footer a.twitter {
                background: #1da1f2;
            }

            #primary article .about-the-author footer a.twitter:before {
                content: '\f099';
            }

    #primary article .bonus-image {
        position: relative;
        margin:2rem 0 1.6875em 0;
        border-radius: 5px;
        overflow: hidden;
    }

    #primary article .bonus-image a {
        display: inline-block;
        position: relative;
        text-align: center;
        width: 100%;
    }

    #primary.image-frames .entry-content .bonus-image a img {
        border:0;
        padding: 0;
        margin: 0;
        box-shadow: none;
        box-sizing: border-box;
    }

    #primary article .bonus-image:after {
        font-family: FontAwesome;
        content: '\f0ed';
        color:rgba(255,255,255,1);
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 8rem;
        width: 8rem;
        height: 8rem;
        display: block;
        margin: -8rem 0 0 -4rem;
        text-shadow: 0 0 30px rgba(0,0,0,0.5);
    }

    #primary article .bonus-image a:before {
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        opacity:0.7;
        background: rgba(0,0,0,1);
        border-radius: 5px;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
    }

    #primary article .bonus-image a:after {
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        border-radius: 3px;
        border: 2px solid;
        color: #fff;
        content: 'Free Download';
        display: inline-block;
        font-weight: 400;
        width: 12rem;
        top: 50%;
        left: 50%;
        position: absolute;
        text-align: center;
        text-decoration: none;
        padding: 0.5rem 2rem;
        margin:3rem 0 0 -6rem;
        font-weight: 700;
    }

    #primary article blockquote.tweet {
        border-left: 4px solid #1b95e0;
        padding: 2rem 4rem 3rem 4rem;
    }

        #primary article blockquote.tweet.full {
            background: #20bcfd;
            border: 4px solid #1b95e0;
        }

        #primary article blockquote.tweet.full p {
            color: #FFF;
            font-weight: 400;
            text-align: center;
        }

        #primary article blockquote.tweet.full:after {
            color: #1b95e0;
        }

        #primary article blockquote.tweet .button {
            position: absolute;
            bottom: -1rem;
            left: 50%;
            width: 10rem;
            margin: 0 0 0 -5rem;
            background: #1b95e0;
            border: 2px solid #1b95e0;
            font-size: 1rem;
            font-weight: 700;
            padding: .5rem 1rem;
        }

        #primary article blockquote.tweet .button:hover {
            border: 2px solid #1b95e0;
            background: #FFF;
            color: #1b95e0;
        }

        #primary article blockquote.tweet .button:before {
            font-family: "FontAwesome";
            content: '\f099';
            margin: 0 .5rem 0 0;
        }

    #primary article code,
    #primary article kbd {
        background: #f7f7f7;
        color: #6a6a6a;
        font-size: .875rem;
        padding: .25rem .5rem;
        border: 1px solid #cacaca;
        line-height: 1.5;
        display: inline-block;
    }

    #primary article pre,
    #primary article pre[class*="language-"] {
        font-size: .875rem;
        line-height: 1.5rem;
        background: url('img/pre.png') top left repeat #333333;
        border-radius: 3px;
        padding: 1.5rem 1rem;
        color: #FFF;
    }

        #primary article pre.line-numbers {
            padding: 1.5rem 1rem 1.5rem 4rem;
        }

        #primary article pre.line-numbers .line-numbers-rows {
            background: rgba(0,0,0,.8);
            width: 3rem;
            left: -4rem;
            margin: -1.5rem 0;
            border-right: 1px solid #333;
            padding: 1.5rem 0;
        }

        #primary article pre.line-numbers .line-numbers-rows > span:before {
            color: #666;
        }

        #primary article pre code {
            font-size: .875rem;
            line-height: 1.5rem;
            background: none;
            color: #FFF;
            padding: 0;
            border-radius: 0;
            border: none;
        }

    #primary .entry-content img,
    #primary .entry-content figure {
        max-width: 100%;
        margin: 0 0 2rem 0;
    }

    #primary.image-frames .entry-content img.aligncenter {
        margin: 0 auto;
        display: block;
        position: relative;
        box-sizing: border-box;
    }

    #primary.image-frames .entry-content img,
    #primary.image-frames .entry-content figure {
        max-width: 100%;
        -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.10), 0 0 25px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15), inset 0 0 25px rgba(0,0,0,.08);
        -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.10), 0 0 25px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15), inset 0 0 25px rgba(0,0,0,.08);
        box-shadow: 0 1px 5px 0 rgba(0,0,0,.10), 0 0 25px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15), inset 0 0 25px rgba(0,0,0,.08);
        border: .5rem solid #fff;
        padding: 2rem 2rem;
        margin:0 -2.5rem 1.6875rem -2.5rem;
        box-sizing: content-box;
    }

    #primary.image-frames img.no-border,
    #primary.image-frames figure.no-border,
    #primary.image-frames img.no-frame,
    #primary.image-frames figure.no-frame {
        box-shadow: none;
        border: none;
        padding: 0;
        margin: 0;
    }

    #primary .entry-content p img,
    #primary.image-frames .entry-content p img {
        margin-bottom: 0;
    }

    #primary .entry-content figure.aligncenter {
        margin: 0 auto 1.6875rem auto;
        text-align: center;
    }

        #primary .entry-content figure.aligncenter img {
            display: inline;
        }

    #primary .entry-content img.alignleft,
    #primary .entry-content figure.alignleft,
    #primary .entry-content img.no-border.alignleft,
    #primary .entry-content figure.no-border.alignleft {
        margin: 0 2rem 1.6875rem 0;
        float: left;
    }

    #primary .entry-content img.alignright,
    #primary .entry-content figure.alignright,
    #primary .entry-content img.no-border.alignright,
    #primary .entry-content figure.no-border.alignright {
        margin: 0 0 1.6875rem 2rem;
        float: right;
    }

    #primary.image-frames .entry-content img.alignleft,
    #primary.image-frames .entry-content figure.alignleft {
        margin: 0 2rem 1.6875rem -2.5rem;
    }

    #primary.image-frames .entry-content img.alignright,
    #primary.image-frames .entry-content figure.alignright {
        margin: 0 -2.5rem 1.6875rem 2rem;
    }

    #primary.image-frames .entry-content figure > img {
        padding: 0;
        margin: 0;
        box-shadow: none;
        border: none;
    }

    #primary .entry-content figure > img {
        margin: 0;
    }

        #primary .entry-content figcaption {
            text-align: center;
            padding: 1rem 0 0 0;
            margin: 0 0 -1rem 0;
            font-size: 1rem!important;
            font-style: italic!important;
            opacity: .7;
        }

    #primary .entry-content img.wp-post-image {
        max-width: 100%;
    }

    #primary .entry-content .bonus,
    #primary .entry-content .note {
        border-radius: 5px;
        padding: 1.5rem 1.5rem 1.5rem 6rem;
        font-size: 1.125rem;
        color: #FFF;
        margin: 0 -1rem 2rem -1rem;
        border-radius: 5px;
        position: relative;
        font-weight:700;
        z-index: 200;
    }

        #primary .entry-content .note {
            padding: 1.5rem;
        }

        #primary .entry-content .bonus strong,
        #primary .entry-content .note strong {
            font-weight: 900;
        }

        #primary .entry-content .bonus a:hover,
        #primary .entry-content .note a:hover {
            color: #000;
        }

        #primary .entry-content .bonus .fa {
            position: absolute;
            left: 1.5rem;
            top: 50%;
            margin: -1.5rem 0 0 0;
            font-size: 3rem;
        }

    #primary .entry-content .content-box {
        border-radius: 5px;
        border: 1px solid;
        padding: 2rem 2rem 1rem 2rem;
        margin: 0 0 2rem 0;
        font-weight: normal;
    }

        #primary .entry-content .content-box .title {
            margin: -2rem -2rem 1rem -2rem;
            padding: 0.5rem 2rem 0.5rem 1rem;
            display: block;
            font-weight: bold;
            color: #FFF;
            font-size: 1.125rem;
        }

            #primary .entry-content .content-box .title:before {
                font-family: FontAwesome;
                margin-right: 0.5rem;
            }

            #primary .entry-content .content-box.tip .title:before {
                content: '\f0eb';
            }

            #primary .entry-content .content-box.note .title:before {
                content: '\f05a';
            }

            #primary .entry-content .content-box.warning .title:before {
                content: '\f071';
            }

            #primary .entry-content .content-box div,
            #primary .entry-content .content-box div p {
                color: #000;
            }

            #primary .entry-content .content-box div p {
                margin: 0 0 1rem 0;
                font-size: 1rem;
            }

            #primary .entry-content .content-box div p:last-child {
                margin: 0;
            }

        #primary .entry-content .content-box.note {
            background: rgba(50,55,60,0.2);
            border-color: #32373c;
        }

            #primary .entry-content .content-box.note .title {
                background: #32373c;
            }

    .between-posts-optin,
    .postoptin {
        -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
        -moz-box-shadow: 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
        box-shadow: 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
        border-radius: 5px;
        border-top: 8px solid;
        margin: 6rem -2rem;
        padding: 2rem 2rem 1rem 2rem;
        border-left: 1px solid rgba(0,0,0,.1)!important;
        border-bottom: 1px solid rgba(0,0,0,.1)!important;
        border-right: 1px solid rgba(0,0,0,.1)!important;
        clear: both;
    }

        .postoptin {
            margin: 3rem -2rem;
        }

        .between-posts-optin h3,
        .postoptin h3 {
            margin: 0 0 1rem 0;
        }

        .between-posts-optin .button.cta,
        .postoptin .button.cta {
            padding: 0 2rem;
            margin: 0 0 1rem 0;
        }

        .between-posts-optin small,
        .postoptin small {
            display: inline-block
        }

        .postoptin form {
            margin: 0 0 1rem 0;
        }

        .postoptin form input[type=email] {
            width: 47.5%;
            margin-right: 2.5%;
        }

        .postoptin form label {
            display: block;
            width: 100%;
            float: left;
            text-align: left;
            line-height: 1;
            margin-bottom: 0.5rem;
        }

        .postoptin form label input {
            width: initial;
            height: initial;
            margin-right: 1rem;
        }

        .postoptin button {
            width: 50%;
        }

        .gdpr .postoptin form input[type=email],
        .gdpr .postoptin form button {
            width: 100%;
        }

    /** Comments Style **/

    .comments-title,
    .comment-reply-title {
        margin-bottom: 3rem;
    }

        .comments-title:after,
        .comment-reply-title:after {
            display: block;
            content: '';
            height: 4px;
            border-radius: 2px;
            background: #f7f7f7;
            margin: 1rem -1rem 0 -1rem;
        }

    .comment-reply-title {
        margin-bottom: 1.6875rem;
    }

    article.comment {
        position: relative;
        padding-left: 6.0625rem;
        margin-bottom: 3rem;
    }

    #primary article.comment p {
        font-size: 1rem;
        line-height: 1.5;
        margin: 0 0 1rem 0;
    }

    ol.comment-list {
        list-style: none;
        margin: 0;
    }

        ol.comment-list ol.children {
            list-style: none;
            margin: 0 0 0 3.875rem;
        }

        div.comment-image {
            top: 0;
            bottom: 0;
            left: 0;
            width: 4.375rem;
            position: absolute
        }

            div.comment-image img {
                border-radius: 100%;
                width: 4.375rem;
                height: 4.375rem;
            }

        .comment-meta {
            font-weight: 700;
            text-transform: capitalize;
            margin-bottom: .5rem;
        }

            .comment-meta span {
                color: #ccc;
                margin: 0 .5rem;
            }

            .comment-meta time {
                font-size: .875rem;
                font-style: italic;
                opacity: .7;
                text-transform: none;
                font-weight: 400;
            }

        #primary article.comment .comment-body p:last-child {
            margin: 0;
        }

        .comment-respond {
            margin-bottom: 3rem;
            margin-left: 6.0625rem;
        }

        .comment-reply {
            margin-top: .5rem;
            font-size: .875rem;
        }

            #reply-title small a {
                font-size: 1rem;
                margin-left: 1rem;
            }

        .comment-form-comment label {
            margin: 0 0 .5rem 0;
        }

        .comment-form-cookies-consent input {
            float: left;
            width: 1rem;
        }

        .comment-form-cookies-consent label {
            width: 90%;
            text-align: left;
            float: left;
            margin-bottom: 1rem;
        }

        .comment-form p {
            clear: both;
        }

        .comment-form input[type=checkbox] {
            width: auto;
            height: 1.9rem;
        }

        textarea#comment {
            font-size: .875rem
        }

    /** Post and WP Pagenavigation **/

    .posts-navigation {
        text-align: center;
    }

        .posts-navigation div {
            display: inline-block;
        }

            .posts-navigation a {
                border: 2px solid #f7f7f7;
                display: inline-block;
                margin-right: 1rem;
                padding: .5rem 1rem;
                font-size: 1rem;
                font-weight: 700;
                color: #b3b3b1;
                border-radius: 3px;
            }

            .post-navigation a,
            .wp-pagenavi a {
                color: #b3b3b1;
            }

            .posts-navigation a:hover {
                color: #FFF;
            }

    .wp-pagenavi {
        text-align: center;
    }

    .wp-pagenavi span,
    .wp-pagenavi a {
        border:2px solid #e8e8e8;
        display: inline-block;
        margin-right: 1rem;
        padding: .5rem 1rem;
        font-size: 1rem;
        font-weight: 700;
        border-radius: 3px;
    }

        .wp-pagenavi span {
            color:#999999;
        }

        .wp-pagenavi a:hover {
            background: #b53441;
            color:#FFF;
            border-color:#b53441;
        }

        .wp-pagenavi span.current {
            background: #f7f7f7;
            border-color: #f7f7f7;
            color: #999999;
        }

    /** Related Posts **/
    .related-posts {
        width: 100%;
        position: relative;
        background: #000;
    }

        .related-posts.row {
            padding: 0;
        }

        .related-posts #related-post,
        .related-posts #previous-post,
        .related-posts #next-post {
            background-position: center center;
            background-size: cover;
        }

        .related-posts #previous-post,
        .related-posts #next-post {
            display: none;
        }

        .related-posts {
            display: block;
        }

        .related-posts h3 a {
            display: inline-block;
            vertical-align: middle;
            color: #FFF;
        }

        .related-posts h3 {
            background: rgba(0,0,0,.7);
            text-align: center;
            margin: 0;
            height: 26.25rem;
            transition: all .25s ease-out;
            padding: 4rem 20% 0 20%;
        }

        .related-posts h3:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -.25em;
        }

        .related-posts h3 a:hover {
            text-decoration: none;
            border: none;
        }

        .related-posts nav {
            z-index: 100;
            position: absolute;
            top: 0;
            left: 0;
            padding: 2rem 0 0 0;
            width: 100%;
            max-width: 100%;
        }

            .related-posts nav ul {
                padding: 0;
                border-bottom:2px solid rgba(255,255,255,.4);
                list-style: none;
            }

            .related-posts nav ul li {
                margin-bottom: -3px;
                display: inline-block;
            }

            .related-posts nav ul li a {
                display: inline-block;
                border-bottom:4px solid transparent;
                box-sizing: border-box;
                color:#FFF;
                font-weight: 700;
                font-size: .875rem
                margin:0 1rem;
                padding: 1rem;
                opacity: .6;
                transition: all .25s ease-out;
            }

                .related-posts nav ul li#related a:before {
                    content:'\f004';
                    font-family: FontAwesome;
                    margin-right: .5rem;
                }

                .related-posts nav ul li#previous a:before {
                    content:'\f137';
                    font-family: FontAwesome;
                    margin-right: .5rem;
                }

                .related-posts nav ul li#next a:after {
                    content:'\f138';
                    font-family: FontAwesome;
                    margin-left: .5rem;
                }

                .related-posts nav ul li a:hover {
                    cursor: pointer;
                    border-bottom:4px solid #FFF;
                    opacity: .8
                }

                .related-posts nav ul li a.active {
                    border-bottom:4px solid;
                    opacity: 1;
                }


/** Sidebar Styles **/
aside.widget {
    margin-bottom: 4rem;
}

    aside.widget h2 {
        margin: 0 0 2rem 0;
    }

    aside.widget h2:after {
        background: rgba(58,205,163,1);
        height: 4px;
        width: 40%;
        content: '';
        display: block;
        margin: 1rem 0 0 0;
        border-radius: 2px;
    }

.widget_growtheme-bio-widget img {
    border-radius: 100%;
    float: left;
    margin: 0 1.5rem .75rem 0;
}

    .widget_growtheme-bio-widget p {
        font-size: 1rem;
    }

.sticky {
    position: relative;
}

.widget_growtheme-sticky-widget .widget {
    padding: 2rem;
    border-radius: 5px;
    text-align: center;
}

    .widget_growtheme-sticky-widget .widget h2 {
        margin: 0;
        color: #FFF;
        margin: 0 0 1rem 0;
    }

    .widget_growtheme-sticky-widget .widget h2:after {
        display: none;
    }

    .widget_growtheme-sticky-widget .widget p {
        font-size: 1.25rem;
        font-style: italic;
        color: #FFF;
    }

        .widget_growtheme-sticky-widget .widget p.small {
            margin: 0;
            font-size: 1rem;
            opacity: .5;
        }

        .widget_growtheme-sticky-widget .widget p.small small {
            font-size: .875rem;
        }

    .widget_growtheme-sticky-widget img {
        max-width: 60%;
        height: auto;
        margin: 0 0 -3rem 0;
    }

    .widget_growtheme-sticky-widget input,
    .widget_growtheme-sticky-widget button[type="submit"],
    .widget_growtheme-sticky-widget .button.primary {
        margin: 0 0 1rem 0;
        width: 100%;
    }

    .widget_growtheme-sticky-widget input {
        border-color: #FFF;
    }

    .widget_growtheme-sticky-widget button[type="submit"]:hover,
    .widget_growtheme-sticky-widget .button.primary:hover {
        border-color: #FFF;
    }

    .widget_growtheme-sticky-widget .attachment button[type="submit"]:after,
    .widget_growtheme-sticky-widget .attachment .button.primary:after {
        content: '\f0ed';
        font-family: FontAwesome;
        margin-left: .5rem;
    }

/** Footer Styles **/

footer.site-footer.row {
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: .875rem;
    color: #b3b3b1;
    font-weight: 400;
}

    footer.site-footer .site-info {
        white-space: nowrap;
    }

    footer.site-footer .growtheme {
        text-transform: uppercase;
        font-size: .625rem;
        letter-spacing: .1rem;
        white-space: nowrap;
        vertical-align: center;
        font-weight: 700;
        line-height: 1.5rem;
        color: #bbb;
    }

    footer.site-footer .growtheme.small-12 {
        margin-top: 1rem;
    }

    footer.site-footer .growtheme .logo {
        display: inline-block;
        width: 7.5rem;
        height: 1.375rem;
        background: url("img/growtheme.png") top left no-repeat;
        background-size: cover;
        text-indent: -10000px;
        opacity: .3;
        transition: ease all .3s;
        -moz-transition: ease all .3s;
        -webkit-transition: ease all .3s;
    }

    footer.site-footer .growtheme .
    :hover {
        opacity: 1;
    }

/** Internal Pages **/

.confirm .clock {
    margin: 2rem auto 1rem auto;
    width: 300px;
}

#primary article p.gmail {
    background:rgba(0,0,0,.05);
    display:block;
    border-left:4px solid;
    line-height:80px;
    background: #fff;
    margin: 0 -2rem 2rem -2rem;
    padding: 2rem 4rem;
    line-height: 2rem;
    position: relative;
    font-weight: 400;
    -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
    box-shadow: 0 0 35px 0 rgba(0,0,0,.05), 0 30px 100px -40px rgba(0,0,0,.15);
}

    #primary article p.gmail:before {
        background:url("img/gmail.png") 0 0 no-repeat;
        width:70px;
        height:50px;
        vertical-align:-20px;
        margin:0 20px;
        display:inline-block;
        content:"";
    }

/** Forms and Inputs **/

form:after {
    display: block;
    content: '';
    clear: both;
}

    form div {
        display: block;
        clear: both;
    }

    label {
        font-weight: 700;
        font-size: 1rem;
    }

    form input,
    form input[type=text],
    form input[type=url],
    form input[type=email],
    form input[type=search],
    form input[type=button],
    form button,
    form button[type=submit] {
        float: left;
    }

    form input,
    form input[type=text],
    form input[type=search],
    form input[type=url],
    form input[type=email],
    .button.cta,
    .button.primary,
    input[type=button],
    form button,
    form button[type=submit],
    textarea {
        background: #f7f7f7;
        color: #666;
        border: .125rem solid #ddd;
        height: 3rem;
        line-height: 2.75rem;
        padding: 0 1rem;
        margin: 0;
        box-sizing: border-box;
        box-shadow: none;
        border-radius:3px;
        font-size: 1.125rem;
        transition: all .3s ease-out;
        margin-bottom: 1rem;
    }

    form input:focus,
    form input[type=text]:focus,
    form input[type=url]:focus,
    form input[type=email]:focus,
    textarea:focus {
        border-width: 2px;
        border-style: solid;
        box-shadow: none;
    }

    .growtheme .button.cta,
    .growtheme .button.primary,
    .growtheme form input[type=button],
    .growtheme form button,
    .growtheme form button[type=submit] {
        color: #FFF;
        font-weight: 700;
        padding: 0 3rem 0 2rem;
    }

    .growtheme .button.cta:focus,
    .growtheme .button.primary:focus,
    .growtheme form input[type=button]:focus,
    .growtheme form button:focus,
    .growtheme form button[type=submit]:focus {
        outline: none;
    }

    .growtheme .button.cta:hover,
    .growtheme .button.primary:hover,
    .growtheme form input[type=button]:hover,
    .growtheme form button:hover,
    .growtheme form button[type=submit]:hover {
        background: #FFF;
    }

    .button.download {
        padding: 0 2rem;
    }

    .button.download:after {
        content: '\f0ed';
        margin: 0 0 0 1rem;
    }

/** Reveal **/
.reveal-overlay {
    z-index: 1000;
}

.reveal {
    z-index: 1001;
    outline: none;
    border: none;
    -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.25), 0 80px 100px -60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 35px 0 rgba(0,0,0,.25), 0 80px 100px -60px rgba(0,0,0,.3);
    box-shadow: 0 0 35px 0 rgba(0,0,0,.25), 0 80px 100px -60px rgba(0,0,0,.3);
    text-align: center;
    border-radius: 5px;
    width: 60%;
    max-width: 45rem;
    padding: 3rem 4rem;
    overflow: visible;
}

    .reveal .progress {
        width: 100%;
        height: 1.5rem;
        background: #ddd;
        display: block;
        margin: -1rem -2rem 2rem -2rem;
        padding: 0 2rem;
        box-sizing: content-box;
        border-radius: 1rem;
        font-size: .75rem;
        font-weight: 700;
        color: #FFF;
        line-height: 1.5rem;
    }

        .reveal .progress:before {
            content: '';
            display: block;
            background: url("img/animation.gif") left top repeat-x;
            height: 1.25rem;
            margin: .125rem 0 .125rem -1.875rem;
            width: 50%;
            background-size: auto 100%;
            box-sizing: content-box;
            padding: 0 0 0 2rem;
            border-radius: .625rem;
            float: left;
        }

    .reveal .close-button {
        position: absolute;
        right: -.75rem;
        top: -.75rem;
        width: 2rem;
        height: 2rem;
        border-radius: 100%;
        color: #FFF;
        background: #090909;
        font-weight: 800;
        outline: none;
        border: 2px solid #FFF;
        box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
    }

        .reveal .close-button span {
            display: block;
            margin-top: -.25rem;
            font-size: 1.75rem;
        }

    .reveal h2 {
        margin: 0 0 1rem 0;
    }

    .reveal h3 {
        margin: 0 0 2rem 0;
    }

    .reveal form {
        position: relative;
        z-index: 1002;
    }

        .reveal form:after {
            content: '';
            clear: both;
            display: block;
        }

    .reveal form input,
    .reveal form button {
        width: 100%;
        margin: 0 0 1rem 0;
    }

    .reveal form label input {
        width: initial;
        height: initial;
        float: left;
        margin: 0 1rem 0 0;
    }

    .reveal form label {
        line-height: 1;
        display: block;
        margin: 0 0 1rem 0;
        font-weight: normal;
        text-align: left;
    }

    .reveal form button {
        font-size: 1.25rem;
    }

    .reveal p {
        margin: 0;
        position: relative;
    }

    .reveal p small {
        opacity: .5;
        font-size: .875rem;
        z-index: 1002;
        position: relative;
    }

        .reveal p small:before {
            font-family: FontAwesome;
            content: '\f023';
            margin-right: .5rem;
        }

    .reveal-background {
        width: 100%;
        display: block;
        background: rgba(0,0,0,.03);
        position: absolute;
    }

        .reveal p > .reveal-background {
            top: -2.5rem;
            height: 100%;
            left: -4rem;
            z-index: 1001;
            padding: 2.5rem 4rem 3rem 4rem;
            box-sizing: content-box;
        }

        .reveal > .reveal-background {
            left: 0;
            height: 5.5rem;
            bottom: 0;
        }

/** Media Quieres **/

/* Retina Displays */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { 
    .gmail:before {
        background: url("img/gmail@2x.png") 0 0 no-repeat;
        background-size: 70px 50px;
    }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    body, html {
        font-size: 14px;
    }

    #site-header {
        padding: 0!important;
        flex-direction: column;
    }

    #site-branding {
        float: none!important;
        text-align: center;
        width: 100%;
    }

        #site-branding #site-title {
            align-self: center;
        }

        #site-branding #site-title a,
        #site-branding.text-right #site-title a {
            background-position: center center!important;
        }

        #site-branding.text-right #site-title {
            float: none!important;
        }

    .title-bar {
        background: #1d1d1d;
        padding: 0;
    }

    .title-bar button.menu-icon {
        width: 100%;
        padding: 1rem;
        font-weight: 700;
        font-size: 1.125rem;
        height: auto;
        outline: none;
        margin: 0;
    }

        button.menu-icon:before {
            content: '\f0c9';
            font-family: "FontAwesome";
            box-shadow: none;
            background: none;
            display: inline-block;
            font-weight: 400;
        }

        button.menu-icon:after {
            content: none;
        }

    #site-navigation ul li,
    #footer-navigation ul li {
        display: block;
        text-align: left
    }

    #site-header #site-navigation {
        margin: 0;
        border-radius: 0;
        background: none;
    }

        #site-navigation li {
            border-bottom: 1px solid rgba(0,0,0,.05);
        }

        #site-navigation ul li ul li a,
        #footer-navigation ul li ul li a {
            border-bottom: none;
        }

        #site-navigation ul li a:hover {
            border-radius: 0;
        }

        #site-navigation ul li.menu-item-split-wrapper > a,
        #footer-navigation ul li.menu-item-split-wrapper > a {
            display: none;
        }

        #site-navigation ul.tooltip-menu {
            border-top: none;
        }

        #site-navigation ul.tooltip-menu > li a {
            display: block;
            height: 2.75rem;
            line-height: 2.75rem;
            box-sizing: border-box;
            font-weight: 700;
            text-transform: uppercase;
            padding: 0 1rem;
            font-size: 1rem;
        }

        #site-navigation ul li ul,
        #footer-navigation ul li ul {
            width: 100%;
            box-shadow: none;
            border-radius: 0;
            border-top: 1px solid rgba(0,0,0,.05);
        }

            #site-navigation ul li ul li ul,
            #footer-navigation ul li ul li ul {
                margin: 0;
            }

        #site-navigation ul.sub-menu {
            padding: 0 0 0 1rem;
        }

            #site-navigation ul.sub-menu li:last-child,
            #footer-navigation ul.sub-menu li:last-child {
                border-bottom: none;
            }

        #footer-navigation ul {
            line-height: 3;
        }

        #footer-navigation ul li,
        #footer-navigation ul li ul,
        #footer-navigation ul li ul li ul,
        #footer-navigation ul li a,
        #footer-navigation ul li ul li a,
        #footer-navigation ul li ul li ul li a {
            display: inline;
            border-top: none;
            width: auto;
            margin: 0;
            padding: 0;
            text-transform: uppercase;
        }

            #footer-navigation ul li {
                margin: 0 1rem;
            }

        footer.site-footer .growtheme {
            text-align: center;
            margin: 2rem 0 0 0;
        }

    #featurebox form input,
    #featurebox .button,
    #featurebox form button[type=submit] {
        width: 100%;
    }

    #featurebox form label input {
        width: initial;
    }

    .featurebox-image img {
        max-width: 60%;
        height: auto;
        margin: 0 auto;
    }

    .socialproof ul li:first-child {
        display: block;
    }

        .socialproof ul li {
            margin-bottom: 1rem;
        }

    #content {
        padding: 2rem 1rem;
        overflow: hidden;
    }

    .single .feature-image.above {
        margin: 0 0 -1rem 0;
    }

    .single .feature-image.above h2 {
        padding: 10% 2rem;
    }

    .related-posts h3 {
        font-size: 2rem;
        padding: 8rem 10% 2rem 10%;
        height: auto;
        min-height: 26.25rem;
    }

    .related-posts nav
     ul {
        margin: 0;
    }

    .related-posts nav
     ul li a {
        font-size: 0.875rem;
        text-indent: -10000px;
    }

    .related-posts nav ul li a:before {
        float:left;
        text-indent:0;
    }

    .related-posts nav ul li#previous a:after,
    .related-posts nav ul li#related a:after {
        float:left;
        content:'Previous';
        display:block;
        text-indent:0;
        font-family:Arial!important;
        margin:0!important;
    }

    .related-posts nav ul li#previous a:after {
        content:'Previous';
    }

    .related-posts nav ul li#related a:after {
        content:'Popular';
    }

    .related-posts nav ul li#next a:before {
        content:'Next';
    }

    .related-posts nav ul li#next a:after {
        float:right;
        display:block;
        text-indent:0;
    }

    #primary.image-frames article .about-the-author .image img,
    #primary article .about-the-author .image img {
        margin: 0 auto 2.5rem auto;
        float: none;
    }

    #primary article .about-the-author .image {
        width: 100%;
        right: 0;
        /* width: initial; */
        position: relative;
        /* position: relative; */
        text-align: center;
    }

    #primary article .about-the-author {
        padding: 2rem;
    }

    #primary {
        padding: 0;
    }

    #primary article .entry-header .entry-meta img {
        display: none;
    }

        #primary article .entry-header .entry-meta .space {
            padding: 0;
        }

    #primary.image-frames article .entry-content .feature-image img,
    #primary article .entry-content .feature-image img {
        width: 130%;
        max-width: 130%;
        margin: 0 -15% 0 -15%;
        border-radius: 0;
    }

    #primary.image-frames .entry-content img,
    #primary.image-frames .entry-content figure {
        border: none;
        box-shadow: none;
        padding: 0;
        margin: 0 0 1.6875rem 0;
    }

        #primary.image-frames .entry-content img.alignleft,
        #primary.image-frames .entry-content figure.alignleft {
            margin-left: -1rem;
            max-width: 50%;
        }

        #primary.image-frames .entry-content img.alignright,
        #primary.image-frames .entry-content figure.alignright {
            margin-right: -1rem;
            max-width: 50%;
        }

    .blog #primary article,
    .archive #primary article {
        margin: 0 0 4rem 0;
    }

    .reveal {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        padding: 2rem;
        border-radius: 0;
    }

        .reveal .progress {
            padding: 0 1rem;
            margin: -1rem -1rem 2rem -1rem;
        }

        .reveal .progress:before {
            margin: .125rem 0 .125rem -.875rem
        }

        .reveal .close-button {
            top: 1.5rem;
            right: 1.5rem;
            vertical-align: middle;
        }

        .reveal .close-button span {
            margin-top: 0;
        }

        .reveal p > .reveal-background {
            height: 1500%;
        }

    #primary article blockquote {
        border-left:none;
        padding: 2rem;
    }

    .site-info {
        text-align: center;
        margin-bottom: 1rem;
    }

    article.comment {
        padding-left: 4.0625rem;
    }

    div.comment-image {
        width: 3.375rem;
    }

        div.comment-image img {
            width: 3.375rem;
            height: 3.375rem;
        }

    ol.comment-list ol.children {
        list-style: none;
        margin: 0 0 0 1rem;
    }

}

/* Medium and up */
@media screen and (min-width: 40em) {

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

    #featurebox .button {
        width: 100%;
    }

    #site-navigation ul, #footer-navigation ul {
        padding: 0;
    }

    .reveal {
        width: 80%;
    }

    .socialproof {
        padding: 1rem 0;
    }

    .socialproof ul li {
        margin-bottom: 1rem;
    }

}

/* Large and up */
@media screen and (min-width: 64em) {
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/** Animation Keyframes **/
@-webkit-keyframes fadeIn {
    0% {
    -ms-transform: translate(0,-5rem);
    -webkit-transform: translate(0,-5rem);
    transform: translate(0,-5rem);
    opacity: 0;
    } 80% {
        -ms-transofrm: translate(0,-5rem);
        -webkit-transform: translate(0,-5rem);
        transform: translate(0,-5rem);
        opacity: 0;
    } 95% {
        -ms-transofrm: translate(0,.625rem);
        -webkit-transform: translate(0,.625rem);
        transform: translate(0,.625rem);
        opacity: 0;
    } 100% { 
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        -ms-transform: translate(0,-5rem);
        -webkit-transform: translate(0,-5rem);
        transform: translate(0,-5rem);
        opacity: 0;
    } 80% {
        -ms-transofrm: translate(0,-5rem);
        -webkit-transform: translate(0,-5rem);
        transform: translate(0,-5rem);
        opacity: 0;
    } 95% {
        -ms-transofrm: translate(0,.625rem);
        -webkit-transform: translate(0,.625rem);
        transform: translate(0,.625rem);
        opacity: 1;
    } 100% {
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        opacity: 1;
    }
}

@-webkit-keyframes paddingIn {
    0% {
        padding-top: 0;
    } 80% {
        padding-top: 0;
    } 95% {
        padding-top: 4.375rem;
    } 100% { 
        padding-top: 3.75rem;
    }
}
@keyframes paddingIn {
    0% {
        padding-top: 0;
    } 80% {
        padding-top: 0;
    } 95% {
        padding-top: 4.375rem;
    } 100% {
        padding-top: 3.75rem;
    }
}

@-webkit-keyframes pulse {
  from {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  10% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(5deg);
  }
  20% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
  }
  30% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  to {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}
@-moz-keyframes pulse {
  from {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  10% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(5deg);
  }
  20% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
  }
  30% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  to {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}
@-o-keyframes pulse {
  from {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  10% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(5deg);
  }
  20% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
  }
  30% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  to {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}

@keyframes pulse {
  from {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  10% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(5deg);
  }
  20% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(-5deg);
  }
  30% {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  to {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
}