.ninja-forms-field {
    border: 1px solid #e3e0d8
}

.nf-field-element input[type=email],
.nf-field-element input[type=text] {
    height: 60px
}

.nf-field-element input[type=button] {
    background: #00ca4c;
    margin: 30px 0 0;
    padding: 19px 40px;
    border: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .18s ease-in-out;
    -moz-transition: all .18s ease-in-out;
    -o-transition: all .18s ease-in-out;
    transition: all .18s ease-in-out
}

#si_captcha_code input[type=text] {
    height: 60px;
    border: 1px solid #e3e0d8
}

a {
    text-decoration: none
}

#content .entry-details ul li.entry-postformat a,
#site-title h1 a:hover {
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#footer #site-info a.top:hover,
ul.sociallinks li a:hover {
    opacity: .75;
    -moz-opacity: .75;
    filter: 0
}

a:hover {
    color: #059129
}

#content .post.portfolio-element h2.entry-title a:hover,
#footer #site-info a:hover,
#footerwidget-wrap .widget a:hover,
#site-nav li a:hover,
#site-nav li li a:hover,
#site-title h1 a:hover,
#smart-archives-fancy ul.archive-list li a:hover,
#smart-archives-list ul li a:hover,
.author-info .author-details h3 a:hover,
.entry-header h2.entry-title a:hover,
.slider-wrap .responsive-slider.flexslider .slide-title a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_links a:hover,
.widget_meta a:hover,
.widget_nav_menu a:hover,
.widget_pages a:hover,
.widget_recent_entries a:hover {
    color: #00ca4c
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    text-rendering: optimizeLegibility
}

h1 {
    font-size: 28px;
    font-size: 1.75rem
}

h2 {
    margin: 1.4em 0 .6em;
    font-size: 20px;
    font-size: 1.5rem
}

h3 {
    font-size: 21px;
    font-size: 1.3125rem
}

h4 {
    margin: 1em 0 .4em;
    font-size: 21x;
    font-size: 1.3125rem
}

h5 {
    margin: .8em 0 4;
    font-size: 18px;
    font-size: 1.125rem
}

h6 {
    margin: .7em 0 .4em;
    font-size: 16x;
    font-size: 1rem
}

#nav-image,
#nav-single {
    padding: 20px 0 20px
}

body {
    color: #262626
}

h1 {
    color: #00ca4c
}

h3 {
    color: #9c1f1b
}

.format-link .entry-content a.link,
.jetpack_subscription_widget form#subscribe-blog input[type=submit],
input#submit,
input.wpcf7-submit {
    background: #00ca4c
}

.format-link .entry-content a.link:hover,
.jetpack_subscription_widget form#subscribe-blog input[type=submit]:hover,
input#submit:hover,
input.wpcf7-submit:hover {
    background: #059129
}

.author-info .author-details h3 a,
.entry-header h2.entry-title a {
    color: #423f37
}

#comments #respond p.logged-in-as a,
#comments .comment-content ul li.comment-edit a,
#comments .comment-content ul li.comment-time a,
.entry-details a,
.entry-meta a,
.pingback a.comment-edit-link,
.widget_twitter ul li a.timesince {
    color: #c2c2c2
}

#comments #respond p.logged-in-as a:hover,
#comments .comment-content ul li.comment-edit a:hover,
#comments .comment-content ul li.comment-time a:hover,
.entry-details a:hover,
.entry-meta a:hover,
.pingback a.comment-edit-link:hover,
.widget_archive a,
.widget_categories a,
.widget_links a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.widget_recent_entries a,
.widget_twitter ul li a.timesince:hover {
    color: #57534a
}

#content a {
    color: #5f5c52;
    text-decoration: underline
}

#content a:hover {
    color: #00ca4c
}

#content h1 a {
    color: #00ca4c;
    text-decoration: none
}

#content h2 a {
    color: #00ca4c;
    text-decoration: none
}

#footerwidget-wrap .widget a {
    color: #fff
}

#footer {
    background: #2d3138
}

.hilite {
    background: #f4f3e8;
    padding-left: 2px;
    padding-right: 2px
}

pre {
    background: #f4f3e8
}

@media screen and (min-width:480px) {
    .alignleft {
        display: inline;
        float: left;
        margin-right: 20px
    }
    .alignright {
        display: inline;
        float: right;
        margin-left: 20px
    }
    img.wp-post-image {
        float: left;
        margin: 10px 15px 10px 0;
        padding: 0
    }
    #searchform {
        width: 300px
    }
    #s {
        width: 283px
    }
}

@media screen and (min-width:768px) {
    #main-wrap {
        margin: 0 30px;
        padding: 50px 0 110px;
        overflow: hidden
    }
    #header {
        padding: 30px 0 0 0
    }
    #site-title {
        padding: 0 30px 30px
    }
    .entry-content dl,
    .entry-content ol,
    .entry-content p,
    .entry-content ul,
    .entry-summary p,
    .page-link,
    address {
        font-size: 20px;
        font-size: 1.25rem
    }
    .entry-content p,
    .entry-summary p {
        margin: 0 0 25px
    }
    .entry-content p.intro {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.6
    }
    #comments blockquote p,
    .entry-content blockquote p {
        font-size: 26px;
        font-size: 1.625rem
    }
    #comments blockquote p {
        font-size: 24px;
        font-size: 1.5rem
    }
    #comments blockquote p cite,
    .entry-content blockquote p cite {
        font-size: 18px;
        font-size: 1.125rem
    }
    #comments blockquote p cite,
    .entry-content blockquote p cite {
        margin: 20px 0 0 0
    }
    .single-post blockquote p cite:before,
    blockquote p cite:before {
        content: "\2212 \0020"
    }
    #comments .comment-content .comment-text {
        font-size: 18px;
        font-size: 1.125rem
    }
    #comments .comment-content ul li.comment-author {
        font-size: 18px;
        font-size: 1.125rem
    }
    #comments .comment-avatar img.avatar {
        width: 60px;
        height: 60px
    }
    #comments .comment-content ul.comment-meta {
        padding: 10px 0 0
    }
    #comments .comment-content ul li.comment-author {
        padding: 0
    }
    #comments .comment-content ul li.comment-edit,
    #comments .comment-content ul li.comment-time {
        display: inline
    }
    #commentform input#author,
    #commentform input#email,
    #commentform input#url,
    #content .wpcf7 input.wpcf7-text {
        width: 50%
    }
    #commentform input#author,
    #commentform input#email,
    #commentform input#url,
    #commentform textarea#comment,
    #content .wpcf7 input.wpcf7-text,
    #content .wpcf7 textarea,
    #s,
    .jetpack_subscription_widget form#subscribe-blog input#subscribe-field {
        border: 1px solid #e3e0d8
    }
    #comments ol.commentlist li.depth-2 .comment {
        margin-left: 60px
    }
    #comments ol.commentlist li.depth-3 .comment {
        margin-left: 0
    }
    .entry-meta ul li.share ul li.fb,
    .entry-meta ul li.share ul li.gplus,
    .entry-meta ul li.share ul li.pinit,
    .entry-meta ul li.share ul li.twitter {
        height: 25px
    }
    .single-post .author-info img {
        width: 100px
    }
    .author-info .author-details {
        padding: 17px 0 0 20px
    }
    .author-info .author-details h3 {
        padding: 0 0 3px;
        font-size: 24px;
        font-size: 1.5rem
    }
    .author-info .author-details a.author-url {
        font-size: 20px;
        font-size: 1.25rem
    }
    .single-post .author-info p.author-description {
        padding: 20px 0 0;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.6
    }
    .format-quote .entry-content blockquote p {
        font-size: 35px;
        font-size: 2.1875rem
    }
    .format-status .entry-content p,
    .single-post .format-status .entry-content p {
        font-size: 24px;
        font-size: 1.5rem
    }
    .format-chat .entry-content ul.chat li {
        padding: 30px;
        line-height: 1.6
    }
    .format-link .entry-content a.link {
        display: inline-block;
        font-size: 36px;
        font-size: 2.25rem
    }
    #content .page .entry-header h1.entry-title {
        text-align: center;
        padding-bottom: 45px
    }
    #content.fullwidth .page .entry-header h1.entry-title,
    #content.nosidebar .page .entry-header h1.entry-title {
        padding-bottom: 45px
    }
    #content .intro .entry-content p {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 0 0 60px !important
    }
    #content .post.portfolio-element,
    .sidebar-content #content .post.portfolio-element {
        max-width: 26.8%;
        padding: 60px 4.7%;
        border-right: 1px solid #e3e0d8;
        background-image: none
    }
    #content .post.portfolio-element:nth-of-type(3n+4) {
        border-right: none;
        padding-right: 0
    }
    #content .post.portfolio-element:nth-of-type(3n+2) {
        padding-left: 0
    }
    #content .post.portfolio-element:nth-of-type(-n+4) {
        padding-top: 0
    }
    #nav-below,
    #nav-image,
    #nav-single {
        font-size: 20px;
        font-size: 1.25rem
    }
    .blue-box,
    .dark-box,
    .green-box,
    .grey-box,
    .lightgrey-box,
    .red-box,
    .white-box,
    .yellow-box {
        padding: 30px;
        font-size: 18px;
        font-size: 1.125rem
    }
    .two-columns-one {
        width: 48.5%
    }
    .three-columns-one {
        width: 31.333%
    }
    .three-columns-two {
        width: 65.33%
    }
    .four-columns-one {
        width: 22.75%
    }
    .four-columns-two {
        width: 45.5%
    }
    .four-columns-three {
        width: 100%
    }
    .four-columns-one,
    .four-columns-two,
    .three-columns-one,
    .three-columns-two,
    .two-columns-one {
        position: relative;
        float: left;
        margin-right: 3%;
        margin-bottom: 0
    }
    .page-header .taxonomy-description p {
        display: block
    }
    #footer #site-info ul {
        padding-right: 60px
    }
    #footer #site-info ul li {
        display: inline
    }
    .wp-pagenavi span.pages {
        display: inline-block
    }
    #footer #site-info .footer-nav,
    #footer #site-info ul.credit li {
        font-size: 16px;
        font-size: 1rem
    }
    .slider-wrap .responsive-slider.flexslider .flex-direction-nav li .next {
        background-position: 0 -55px !important;
        right: 10px !important
    }
    .slider-wrap .flex-direction-nav li .prev {
        left: 10px !important
    }
    .slider-wrap .responsive-slider.flexslider .slide-title a {
        position: absolute;
        top: 30px;
        left: 30px;
        max-width: 400px;
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media screen and (min-width:1024px) {
    #main-wrap {
        margin: 0 60px;
        padding: 60px 0 110px
    }
    #header {
        padding: 60px 0 0 0
    }
    #site-title {
        padding: 0 60px 60px
    }
    #site-nav-container a#mobile-menu-btn {
        right: 0;
        margin: 0 60px 0
    }
}

@media screen and (min-width:1180px) {
    html {
        -ms-text-size-adjust: auto;
        -webkit-text-size-adjust: auto
    }
    #header {
        max-width: 1160px;
        padding: 0
    }
    .header-image {
        height: 550px !important
    }
    #main-wrap {
        max-width: 1160px;
        margin: 0 auto;
        padding: 80px 0 110px;
        overflow: hidden
    }
    #content {
        float: left;
        width: 66%
    }
    #content.nosidebar {
        float: none !important;
        width: 960px;
        margin: 0 auto
    }
    #content.fullwidth {
        float: none !important;
        width: 100%;
        margin: 0 auto
    }
    #content .post {
        padding: 25px 7.142857142857143% 25px 0
    }
    .search-results #content .page {
        padding: 25px 7.142857142857143% 25px 0
    }
    #content .page,
    #content .type-attachment,
    .single-post #content .post {
        padding: 0 7.142857142857143% 25px 0
    }
    #comments,
    #nav-below,
    #nav-image,
    #nav-single {
        padding-right: 7.142857142857143%
    }
    #sidebar {
        padding-top: 0;
        float: left;
        width: 33.33333333333333%;
        border-left: 1px solid #e3e0d8
    }
    #sidebar .widget {
        padding: 0 0 25px 14.28571428571429%
    }
    #sidebar .widget:last-of-type {
        padding: 0 0 25px 14.28571428571429%
    }
    .one-column #sidebar .widget:last-of-type {
        padding: 0
    }
    #footer #site-info {
        max-width: 1160px;
        margin: 0 auto
    }
    #footer #footerwidget-wrap {
        max-width: 1160px;
        margin: 0 auto 30px
    }
    .sidebar-content #content {
        float: right
    }
    .sidebar-content #content .post {
        padding: 25px 0 25px 7.142857142857143%;
        background-image: url(images/post-border.png);
        background-position: 7.142857142857143% top;
        background-repeat: no-repeat
    }
    .sidebar-content #content .post:first-of-type {
        padding-top: 0;
        background: 0 0
    }
    .sidebar-content #content .page,
    .sidebar-content #content .type-attachment {
        padding: 0 0 25px 7.142857142857143%
    }
    .sidebar-content #comments,
    .sidebar-content #nav-below,
    .sidebar-content #nav-image,
    .sidebar-content #nav-single {
        padding-right: 0;
        padding-left: 7.142857142857143%
    }
    .sidebar-content .wp-pagenavi {
        padding-left: 7.142857142857143%
    }
    .one-column #comments,
    .one-column #nav-below,
    .one-column #nav-image,
    .one-column #nav-single {
        padding-right: 0;
        padding-left: 0
    }
    #content.fullwidth .page,
    #content.nosidebar .page {
        padding-right: 0
    }
    .one-column #content.fullwidth {
        max-width: 1160px
    }
    .sidebar-content #content.fullwidth .page,
    .sidebar-content #content.nosidebar .page {
        padding-left: 0
    }
    .one-column #content.fullwidth #comments,
    .sidebar-content #content.fullwidth #comments,
    .sidebar-content #content.nosidebar #comments {
        padding: 0
    }
    .sidebar-content #sidebar {
        float: left;
        border-left: none;
        border-right: 1px solid #e3e0d8
    }
    .sidebar-content #sidebar .widget {
        padding: 0 14.28571428571429% 25px 0
    }
    .one-column .entry-details,
    .one-column .entry-header,
    .one-column .entry-meta,
    .one-column .format-audio .entry-content,
    .one-column .format-image .entry-content,
    .one-column .format-link .entry-content,
    .one-column .format-quote .entry-content,
    .one-column .format-status .entry-content,
    .one-column .format-video .entry-content,
    .one-column .wp-pagenavi {
        text-align: center
    }
    .one-column .entry-meta ul li {
        padding: 0 10px
    }
    .one-column #content .post {
        padding: 5px
    }
    .one-column #content .post:first-of-type {
        background: 0 0
    }
    #site-title {
        padding: 58px 25px 0 0;
        float: left
    }
    #site-title img {
        max-width: 100%;
        padding: 0 0 60px
    }
    #site-nav-container a#mobile-menu-btn {
        display: none
    }
    #site-nav {
        position: relative;
        padding: 55px 0 42px;
        display: block !important;
        overflow: visible;
        background: 0 0;
        float: right;
        clear: right
    }
    #site-nav ul {
        padding: 0
    }
    #site-nav ul li {
        position: relative;
        display: inline-block;
        padding: 0 25px 0 0;
        background: 0 0;
        border-bottom: none
    }
    #site-nav ul li:last-child {
        padding: 0
    }
    #site-nav ul.children,
    #site-nav ul.sub-menu {
        width: auto;
        display: none;
        position: absolute;
        top: 38px;
        left: -20px;
        width: 220px;
        padding: 15px 0;
        background: #fff;
        border: 1px solid #e3e0d8;
        z-index: 99999;
        opacity: .9;
        -moz-opacity: .9;
        filter: 0;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }
    #site-nav ul.children ul,
    #site-nav ul.sub-menu ul {
        display: none;
        top: -5px;
        left: 210px;
        z-index: 99999
    }
    #site-nav li li {
        position: relative;
        display: block;
        float: none;
        color: #423f37
    }
    #site-nav li li li {
        display: block
    }
    #site-nav li a {
        display: inline-block;
        padding: 0 0 18px;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #423f37;
        text-transform: none;
        letter-spacing: 0;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    #site-nav li li a {
        height: auto;
        display: block;
        float: none;
        margin: 0;
        padding: 10px 15px;
        font-size: 16px;
        font-size: 1rem;
        color: #423f37;
        line-height: 1.3;
        word-break: break-word;
        text-align: left
    }
    #site-nav li li li a {
        font-size: 16px;
        font-size: 1rem
    }
    #site-nav li a:hover,
    #site-nav li li a:hover {
        color: #00ca4c !important
    }
    #site-nav ul li:hover > ul {
        display: block;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }
    #site-nav li:hover > a {
        color: #00ca4c
    }
    #site-nav li li:hover > a {
        color: #00ca4c !important
    }
    .entry-meta {
        font-size: 16px;
        font-size: 1rem
    }
    .widget_categories ul.children,
    .widget_nav_menu ul.sub-menu,
    .widget_pages ul.children {
        margin-left: 20px
    }
    #footer {
        padding-left: 0;
        padding-right: 0
    }
    #footerwidget-wrap #footer-sidebar-1,
    #footerwidget-wrap #footer-sidebar-2,
    #footerwidget-wrap #footer-sidebar-3,
    #footerwidget-wrap #footer-sidebar-4 {
        width: 21.42857142857143%;
        float: left
    }
    #footerwidget-wrap #footer-sidebar-1,
    #footerwidget-wrap #footer-sidebar-2,
    #footerwidget-wrap #footer-sidebar-3 {
        margin-right: 4.761904761904762%
    }
    .four-columns-three {
        width: 68.75%;
        position: relative;
        float: left;
        margin-right: 3%;
        margin-bottom: 0
    }
    .slider-wrap {
        width: 100%;
        height: 550px !important;
        overflow: hidden
    }
    .slider-wrap .responsive-slider.flexslider .flex-direction-nav li a {
        top: 247px !important
    }
    .slider-wrap .responsive-slider.flexslider .flex-direction-nav li .next {
        background-position: 0 -55px !important;
        right: 35px !important
    }
    .slider-wrap .flex-direction-nav li .prev {
        left: 35px !important
    }
    .slider-wrap .responsive-slider.flexslider .slide-title a {
        position: absolute;
        top: 45px;
        left: 45px;
        max-width: 450px;
        font-size: 36px;
        font-size: 2.25rem
    }
    .slider-wrap .flex-control-nav {
        top: 480px !important
    }
}

@media screen and (min-width:1300px) {
    #footer #footerwidget-wrap,
    #footer #site-info,
    #header,
    #main-wrap,
    .one-column #content.fullwidth {
        max-width: 1260px
    }
    .flickr_badge_wrapper a:nth-of-type(3n+3) {
        margin: 0 0 20px 0 !important
    }
}
