/*
Theme Name: Workflow
Theme URI: http://wpworkflow.org/
Author: wpworkflow
Author URI: https://wordpress.org/support/profile/wpworkflow
Text Domain: workflow
Domain Path: /library/translation
Description: Workflow is a clean and fully responsive blogging theme with an optional home page slider to feature your best posts. It has a range of out of the box customizer options for the logo and header layout, favicons, colors, author bios and social media icons. Author pics are powered by Gravatar so you'll want to make sure all authors set up a Gravatar account associated with their site email address.
Version: 1.0.2
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, sticky-post, microformats, translation-ready, full-width-template

*/
/*******************************************************************************************/
/*globals*/

a {
    color: #46B349;
    text-decoration: underline;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
a:hover {
    text-decoration: underline;
    color: #454545;
}
iframe {
    width: 100%;
}
dl dt {
    margin: 0!important;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-weight: 700;
}
body {
    color: #54616f;
    overflow-x: hidden;
    font-family: 'Roboto',sans-serif,arial;
    font-weight: 300;
}
img{
    max-width: 100%;
    height: auto;
}
.comment_content ul li:before,
.entry-content ul li:before {
    content: "\203A \020 \020";
    font-weight: 500;
    font-size: 20px;
}
.comment_content ol,
.entry-content ol {
    counter-reset: my-counter;
}
.comment_content ol > li:before,
.entry-content ol > li:before {
    content: counter(my-counter) ". \020";
    counter-increment: my-counter;
    font-weight: 500;
    font-size: 20px;
}
.comment_content ul,
.comment_content ol,
.entry-content ul,
.entry-content ol {
    margin: 0 30px;
}
.widget li:before,
nav[role="navigation"] li:before {
    content: "";
}
.clear {
    clear: both;
    display: block;
}
.front-wrapper #content {
    margin-top: 0;
}
.table {
    display: table;
    height: 100%;
    margin: 0 auto;
    width: 100%;
}
.table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.tagcloud a {
    border: 1px solid #454545;
    font-size: 14px !important;
    padding: 10px;
    display: inline-block;
    margin-bottom: 5px;
}
.full.d-5of7 {
    width: 100%;
}
.short-divider {
    background: none repeat scroll 0 0 #62ABDB;
    height: 0.25em;
    margin: 0 auto 2rem;
    width: 6.25em;
    position: relative;
    z-index: 200;
}
.pattern-overlay{
    background: rgba(0, 0, 0, 0.56) url("images/banner-pattern.png") repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
.rpwwt-post-title{
    font-weight: 700;
}
/*required css*/

.sticky {} .gallery-caption {} .bypostauthor {}

/*banner*/
.slick-list{
    margin: 0;
    padding: 0!important;
}
.slick-prev:before{
    content: '\f104';
}
.slick-prev, .slick-next {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0!important;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 0;
    margin-top: -10px;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 40px;
}
.slick-next {
    right: -32px;
}
.slick-prev {
    left: -32px;
}
.slick-next:before{
    content: '\f105';
}
.carousel-area{
    background-size: cover;
    background-position: center;
    padding: 40px 0;
    position: relative;
}
.carousel-area-wrap{
    text-align: center;
    position: relative;
    margin: 0;
    z-index: 2;
}
.carousel-item{
    margin: 10px;
    display: inline-block;
    position: relative;
    height: auto;
    width: 30%;

}
.carousel-item a{
    display: block;
    text-indent: -99999px;
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 100;
}
.carousel-item img{
    vertical-align: top;
    max-width: 100%;
    margin: 0 auto;
     min-height: 242px;
}
.carousel-item div{
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    margin: 0 auto;
    max-width: 400px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 100%;
}
.carousel-item div h1{
    color: #fff;
    font-size: 20px;
    margin: 0;
}
.carousel-item div p{
    color: #fff;
    margin: 0;
}


/*header*/

#inner-header {
    position: relative;
}
.head-left {
    float: left;
    margin-right: 150px;
    padding: 5px 0;
}
.head-left.centered{
    float: none;
    margin-right: 0;
    text-align: center;
}
.head-right {
    float: right;
    padding: 0;
}
.head-right.centered {
    float: none;
    text-align: center;
}
.social-icons {
    width: auto;
    max-width: 100%;
    padding: 27px 0 0;
    font-weight: 300;
    font-size: 20px;
    display: inline-block;
}
.social-icons a {
    margin-right: 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    width: auto;
    -moz-transition: color 0.14s ease-in-out;
    -webkit-transition: color 0.14s ease-in-out;
    transition: color 0.14s ease-in-out;
}
.social-icons a:hover,
.social-icons a:focus {
    color: #fff;
}
.full-top-area {
    position: relative;
    background: #454545;
}
#logo {
    margin: 0 auto;
    display: inline-block;
    width: auto;
    vertical-align: top;
}
#logo img {
    display: block;
    text-align: center;
    margin-top: 15px;
}
#logo a {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin: 0!important;
    font-size: 36px;
}
#logo a:hover,
#logo a:focus {
    color: #eee;
    text-decoration: none;
}
#logo a span{
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1em;
    text-transform: none;
    margin-top: -4px;
}
.mobile-menu {
    display: none;
}
#main-navigation {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin-right: 50px;
}
.nav li a {
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    -moz-transition: color 0.14s ease-in-out;
    -webkit-transition: color 0.14s ease-in-out;
    transition: color 0.14s ease-in-out;
}
.nav > li > a{
    padding: 30px 15px;
}
.nav li.current-menu-item a {
    color: #fff;
    font-weight: 500;
}
.nav li a:hover,
.nav li a:focus {
    color: #eee;
    text-decoration: none;
}
.nav li ul.sub-menu,
.nav li ul.children {
    margin: 0;
}
/*scroll to top*/

.scrollToTop {
    width: auto;
    height: auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 0;
    right: 20px;
    display: none;
    font-size: 12px;
}
.scrollToTop:focus {
    outline: none;
}
.scrollToTop span {
    color: #46B349;
    font-size: 50px;
    display: block;
}
.scrollToTop:hover {
    text-decoration: none;
}

.page-title{
    font-size: 24px;
    text-transform: uppercase;
}

/*blog list*/
#main {
    padding-right: 0;
}
.header[role="banner"] {
    box-shadow: none;
    padding: 0;
    background: #46b349;
}
.bg-overlay-2 {
    visibility: visible;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
    top: 0;
}
.blog-list {
    margin: 0;
}
.blog-list .item,
.page-item{
    width: 100%;
    list-style: none;
    box-sizing: border-box;
    position: relative;
    margin-top: 30px;
    background: #fff;
}
.blog-list article.item:last-of-type{
    margin-bottom: 30px;
}
.blog-list .item .thumb-wrap {
    position: relative;
    overflow: hidden;
}
.blog-list .item .thumb-wrap .image-bg {
    height: 280px;
    background-size: cover;
    background-position: center;
}
.blog-list .item .thumb-wrap .no-bg {
    background: #54616f;
    height: 280px;
}
.blog-list .item .thumb-wrap .meta-tags{
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.blog-list .item .thumb-wrap .meta-tags div {
    margin-left: 100px;
    padding-top: 0;
}
.blog-list .item .thumb-wrap .meta-tags img{
    float: left;
}
.blog-list .item .thumb-wrap .meta-tags h1{
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding-top: 12px;
}
.blog-list .item .thumb-wrap .meta-tags h1 a{
    color: #fff;
}
.blog-list .item .thumb-wrap .meta-tags h1 a:hover,
.blog-list .item .thumb-wrap .meta-tags h1 a:focus{
    color: #46B349;
}
.blog-list .item .thumb-wrap .meta-tags p{
    font-size: 12px;
    margin: 0;
    padding-bottom: 12px;
}
.blog-list .item .the-post-content,
.page-item .the-post-content{
    background-color: #f7f7f7;
    padding: 20px;
}
.blog-list .item .status-content {
    color: #fff;
    font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
    font-size: 24px;
    position: relative;
    z-index: 101;
    padding: 20px;
}
.blog-list .item .quote-content,
.blog-list .item .quote-source {
    color: #fff;
    position: relative;
    z-index: 101;
    font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
    font-size: 24px;
}
.blog-list .item .quote-source {
    font-family: 'open_sanslight', sans-serif, arial;
    font-size: 18px;
}
.blog-list .item .mejs-container {
    width: 100%;
}
.blog-list .item .wrap {
    position: relative;
    z-index: 200;
    padding: 60px 0;
}
.blog-list .item .hover-ovelay {
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.blog-list .item .hover-ovelay:hover {
    background: #454545!important;
}
.blog-list .item .hover-ovelay:hover p,
.blog-list .item .hover-ovelay:hover time,
.blog-list .item .hover-ovelay:hover .date {
    color: #bbb;
}
.blog-list .item .meta-tags-bottom{
    background-color: #ededed;
    padding: 10px 20px;
}
.blog-list .item .meta-tags-bottom .post-link{
    float: left;
}
.blog-list .item .meta-tags-bottom .cat-tag{
    margin-left: 180px;
    padding: 4px 0;
    text-align: right;
}
.single .blog-list .item .meta-tags-bottom .cat-tag{
    margin-left: 0;
    text-align: left;
}
.blog-list .item .meta-tags-bottom .cat-tag p{
    display: inline-block;
    margin: 0 0 0 20px;
}
.blog-list .item .meta-tags-bottom .cat-tag p:before{
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}
.blog-list .item .meta-tags-bottom .cat-tag p.cat-links:before{
    content: '\f07c';
}
.blog-list .item .meta-tags-bottom .cat-tag p.tag-links:before{
    content: '\f02b';
}
.blog-list .item .meta-tags-bottom .cat-tag a{
    color: inherit;
    font-size: 13px;
    text-decoration: none;
}
.blog-list .item .meta-tags-bottom .cat-tag a:hover,
.blog-list .item .meta-tags-bottom .cat-tag a:focus{
    color: #46B349;
}
.blog-list .item .meta-tags-bottom .post-link a{
    background-color: #46b349;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    font-weight: 500;
    text-decoration: none;
}
.next-post-pagination{
    background-color: #ededed;
    margin: 0 0 30px;
    padding: 20px;
}
.next-post-pagination a{
    color: inherit;
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    width: 50%;
}
.next-post-pagination a:first-child{
    text-align: right;
}
.next-post-pagination a:hover,
.next-post-pagination a:focus{
    color: #46B349;
}
/*formats*/

.pagination {
    margin: 0;
}
.pagination ul {
    background: none;
    border-radius: 0;
    width: 100%;
    margin: 30px 0 0;
}
.pagination li:before {
    content: "";
}
.pagination li {
    font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
    font-size: 18px;
    background: none;
    border: 2px solid #ddd;
    color: #454545;
}
.pagination li a {
    font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
    font-size: 18px;
    background: none;
    color: #454545;
}
.pagination li a .fa {
    font-size: 16px;
}
.pagination li a:hover,
.pagination li a:focus {
    color: #454545;
    background: none;
}
.pagination .current {
    font-size: 18px;
    color: #62ABDB;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #444;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #ddd;
}
.video-container {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.video-container iframe {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

/*single-post*/

body.page-template-full-width-php .byline {
    display: none;
}
.hentry footer {
    padding: 30px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.next-prev-post {
    padding: 30px;
    margin-top: 30px;
    background: #F7F7F7;
}
.next-prev-post span {
    display: block;
}
.next-prev-post a {
    text-decoration: none;
    color: inherit;
}
.next-prev-post a:hover {
    text-decoration: underline;
}
.next-prev-post .prev {
    float: left;
    width: 50%;
    text-align: left;
}
.next-prev-post .next {
    float: right;
    width: 50%;
    text-align: right;
}
.article-footer {
    background: #F7F7F7;
    padding: 30px;
    margin-top: 30px;
}
.article-footer h3,
.related h3,
#comments-title,
.comment-reply-title {
    margin-top: 0;
    font-weight: 500;
    color:#46B349;
}
.article-footer .avatar {
    float: left;
    margin-bottom: 0;
    margin-right: 20px;
}
.article-footer .avatar img {
    border: 1px solid #ddd;
    margin: 0;
    padding: 5px;
    width: 100%;
}
.info {
    width: auto;
    margin-left: 130px;
}
.info p.author {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}
.info p.author span{
    font-weight: 300;
}
.info p.author-desc {
    font-size: 15px;
    color: #454545;
}
.info p.author-desc a {
    color: #62ABDB;
}
.comment-respond {
    padding: 30px;
    background: #F7F7F7;
    margin: 30px 0;
}
/*comments*/

.commentlist {
    padding: 30px;
    background: #F7F7F7;
    margin-top: 30px;
}
.comment .comment-author {
    margin: 0;
    float: left;
    width: auto;
    padding: 0;
}
.comment time a {
    text-decoration: none;
    color: #454545;
    font-size: 14px;
}
.comment p {
    color: #454545;
}
.comment_content {
    box-sizing: border-box;
    margin: 0 0 1.5em 7em;
    border: 1px solid #ddd;
    background: #F9F9F9;
    padding: 1em;
}
.comment:not(.depth-1) {
    padding: 0;
}
.comment_content p {
    margin-bottom: 0;
}
.comment .vcard {
    margin-left: 0;
    margin-right: 0;
}
.comment .vcard .avatar {
    left: 0;
}
cite.fn {
    font-style: normal;
    font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
    font-size: 20px;
}
.comment-reply-link {
    border-radius: 0;
    margin: 10px 0;
    background: none;
    float: none;
    color: #62ABDB;
    font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
    padding: 0;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
    background: none;
    color: #454545;
}
.comment-inner {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
#comments-title {
    padding: 0 0 20px;
    border: none;
}
.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
    width: 31%;
    float: left;
    margin-right: 25px;
}
.comment-respond .comment-form-url {
    margin-right: 0;
}
.comment-respond .comment-form-comment {
    clear: both;
}
nav.comment-navigation[role="navigation"] {
    float: none;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
}
.comment-navigation > div{
    display: inline-block;
    width: 49%;
}
.comment-navigation > div.comment-nav-next{
    text-align: right;
}

/*widgets*/

.sidebar {
    margin: 30px 0;
}
.sidebar a {
    text-decoration: none;
    color: #454545;
}
.sidebar a:hover {
    text-decoration: underline;
}
.sidebar img {
    height: auto;
}
.sidebar a.rsswidget img {
    width: auto;
}
.sidebar .widget {
    background-color: #f7f7f7;
    margin: 0 auto 30px;
    padding: 20px;
}
.widgettitle {
    font-size: 22px;
    font-weight: 500;
    margin-top: 0;
    text-transform: uppercase;
}
.widget:first-child {
    margin-top: 0;
}
.widget:first-child h4 {
    margin-top: 0;
}
.widget ul li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.sidebar .widget ul li {
    color: #454545;
}
.widget ul li.menu-item-has-children ul,
.widget ul li.page_item_has_children ul {
    margin-bottom: 0;
}
.widget ul li.menu-item-has-children li,
.widget ul li.page_item_has_children li {
    border-bottom: none;
    margin-bottom: 0;
}
.searchform .screen-reader-text {
    display: none;
}
.searchform {
    position: relative;
    height: 40px;
}
.searchform input[type="text"] {
    background: none;
    border: 2px solid #454545;
    width: 100%;
    position: absolute;
    max-width: 100%;
}
.searchform input[type="submit"] {
    height: 40px;
    position: absolute;
    right: 0;
}
.widget #wp-calendar {
    width: 100%;
}
#main-navigation .widget #wp-calendar td {
    color: #fff;
}
.widget #wp-calendar td {
    text-align: center;
    color: inherit;
}
.widget #wp-calendar td#today {
    font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
}
.widget #wp-calendar caption {
    color: #fff;
    background: #454545;
    text-transform: uppercase;
    padding: 8px 0;
    font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
}
.widget #wp-calendar thead {
    border: 1px solid #454545;
}
/*archive*/
.archive-title{
    background-color: #F7F7F7;
    font-size: 24px;
    text-transform: uppercase;
    padding: 20px;
    margin-top: 30px;
}
#wp-calendar th,
#wp-calendar td{
    max-width: 30px;
    word-wrap: break-word;
}

/*404*/

.error404 .search form {
    width: 75%;
    margin: 0 auto;
}
.error404 #post-not-found {
    padding: 80px 0;
    margin: 0;
}
/*footer*/

footer.footer[role="contentinfo"] {
    background: #e0e4e8;
    margin-top: 30px;
    font-size: 14px;
    color: inherit;
}
.attachment footer.footer[role="contentinfo"] {
    margin-top: 0;
}
.attachment .byline.blog{
    padding: 10px;
    text-align: center;
    color: #fff;
}
footer.footer[role="contentinfo"] p,
footer.footer[role="contentinfo"] a {
    color: inherit;
}
footer .footer-social {
    float: right;
    margin-top: 15px;
}
footer .footer-social a:last-child {
    margin-right: 0;
}
body.paged footer .copyright span {
    display: none;
}
.footer-widgets {
    padding: 40px 0;
}
.footer-widgets .no-menu-widgets p {
    margin: 0;
    border: none;
    padding: 80px;
}
.footer-widgets ul {
    margin-top: 0;
}
.footer-widgets li {
    border: none!important;
}
.footer-widgets a {
    text-decoration: none;
}
footer.footer[role="contentinfo"] a:hover {
    color: inherit;
}
footer.footer[role="contentinfo"] .searchform input[type="text"] {
    border: 2px solid #ddd;
}
footer.footer[role="contentinfo"] button:hover,
footer.footer[role="contentinfo"] html input[type="button"]:hover,
footer.footer[role="contentinfo"] input[type="reset"]:hover,
footer.footer[role="contentinfo"] input[type="submit"]:hover,
footer.footer[role="contentinfo"] button:focus,
footer.footer[role="contentinfo"] html input[type="button"]:focus,
footer.footer[role="contentinfo"] input[type="reset"]:focus,
footer.footer[role="contentinfo"] input[type="submit"]:focus {
    background-color: #ddd;
}
.footer-widgets h4 {
    margin-top: 0;
    font-size: 24px;
    font-weight: 500;
    color: inherit;
}
.footer-widgets .footer-item {
    float: left;
    width: 25%;
}
.footer-widgets .widget img {
    height: auto;
    max-width: 100%;
    width: auto;
}
footer.footer[role="contentinfo"] .copyright {
    text-align: center;
}
footer.footer[role="contentinfo"] .copyright a {
    text-decoration: none;
}
/*gallery*/

.gallery {
    clear: both;
    margin-bottom: 20px;
    overflow: auto;
    text-align: center;
}
.gallery img {
    margin-bottom: 0;
    display: block;
}
.gallery .gallery-caption {
    background: #ddd;
    padding: 10px;
    color: #000;
    line-height: 1.5em;
    margin-bottom: 0;
}
.gallery-item,
.gallery-icon {
    margin: 0 0 42px;
}
.gallery-item img {
    margin: 0 auto;
    width: auto;
}
.gallery-columns-1 {
    max-width: 520px;
    margin: 0 auto;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-2 .gallery-icon.portrait,
.gallery-columns-2 .gallery-icon.landscape {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
}
.gallery-columns-2 .gallery-item .gallery-icon.portrait,
.gallery-columns-2 .gallery-item .gallery-icon.landscape {
    width: 100%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+2) {
    margin-right: 0;
}
.gallery-columns-3 .gallery-item,
.gallery-columns-3 .gallery-icon.portrait,
.gallery-columns-3 .gallery-icon.landscape {
    width: 29%;
    display: inline-block;
    vertical-align: top;
    margin-right: 42px;
}
.gallery-columns-3 .gallery-item .gallery-icon.portrait,
.gallery-columns-3 .gallery-item .gallery-icon.landscape {
    width: 100%;
}
.gallery-columns-3 .gallery-item:nth-child(3n+3) {
    margin-right: 0;
}
.gallery-columns-4 .gallery-item,
.gallery-columns-4 .gallery-icon.portrait,
.gallery-columns-4 .gallery-icon.landscape {
    width: 22%;
    display: inline-block;
    vertical-align: top;
    margin-right: 22px;
}
.gallery-columns-4 .gallery-item .gallery-icon.portrait,
.gallery-columns-4 .gallery-item .gallery-icon.landscape {
    width: 100%;
}
.gallery-columns-4 .gallery-item:nth-child(4n+4) {
    margin-right: 0;
}

/*media queries*/

@media screen and (max-width: 1359px) {
    .wrap {
        max-width: 980px;
    }
    .related .related-wrap .related-item {
        width: 30%;
    }
    .related .related-wrap .related-item .related-info h3 {
        font-size: 18px;
    }
}
@media screen and (max-width: 1279px) {
    .article-header h1 {
        font-size: 60px;
    }
    .gallery-columns-2 .gallery-item,
    .gallery-columns-2 .gallery-icon.portrait,
    .gallery-columns-2 .gallery-icon.landscape {
        width: 46%;
        margin-right: 42px;
    }
    .gallery-columns-3 .gallery-item,
    .gallery-columns-3 .gallery-icon.portrait,
    .gallery-columns-3 .gallery-icon.landscape {
        width: 28%;
        margin-right: 45px;
    }
    .gallery-columns-4 .gallery-item,
    .gallery-columns-4 .gallery-icon.portrait,
    .gallery-columns-4 .gallery-icon.landscape {
        width: 21%;
        margin-right: 28px;
    }
    .info,
    .related .related-wrap .related-item .related-info {
        width: 74%;
    }
    .comment-respond .comment-form-author,
    .comment-respond .comment-form-email,
    .comment-respond .comment-form-url {
        width: 30%;
    }
}
@media screen and (max-width: 1039px) {
    #logo {
        font-size: 30px;
        margin: 0 auto;
        width: 100%;
    }
    .no-display {
        display: block;
    }
    .head-left{
        padding: 15px 0;
    }
    nav[role="navigation"] {
        margin: 0 0 60px;
    }
    nav[role="navigation"] .nav li {
        padding: 0;
    }
    nav[role="navigation"] .nav li a {
        padding: 8px;
    }
    nav[role="navigation"] .nav li ul {
        height: auto;
    }
    #push {
        display: none;
    }
    #main-navigation {
        margin-right: -320px;
        right: 0;
        width: 320px;
        background-color: #54616F;
        position: fixed;
        height: 100%;
        overflow-y: auto;
        z-index: 1000;
        color: #fff;
        padding: 20px;
        font-weight: 100;
        font-size: 16px;
        top: 0
    }
    #main-navigation div#close {
        background: none repeat scroll 0 0 #46B349;
        cursor: pointer;
        font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
        color: #fff;
    }
    #main-navigation ul li#close {
        display: block;
    }
    #push {
        display: block;
    }
    #push span {
        color: #fff;
        font-size: 30px;
        cursor: pointer;
        padding-top: 25px;
    }
    #main-navigation .widget {
        padding: 0;
    }
    #main-navigation .widgettitle {
        text-transform: uppercase;
        border: none;
        letter-spacing: 2px;
        font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
        color: #46B349;
    }
    #main-navigation a {
        color: #fff;
        text-decoration: none;
    }
    #main-navigation a:hover {
        color: #46B349;
    }
    #main-navigation .widget ul li {
        border: none;
    }
    #main-navigation .widget #wp-calendar caption,
    .footer-widgets .widget #wp-calendar caption,
    #main-navigation .wp-caption,
    #main-navigation button,
    html #main-navigation input[type="button"],
    #main-navigation input[type="reset"],
    #main-navigation input[type="submit"] {
        background: #46B349;
        color: #656565;
    }
    #main-navigation .widget #wp-calendar thead {
        border: 1px solid #fff;
    }
    #main-navigation .searchform input[type="text"] {
        width: 100%;
    }
    #main-navigation img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    #main-navigation .menu li {
        font-family: 'SourceSerifPro-Semibold', sans-serif, arial;
    }
    #main-navigation .menu li ul {
        border-bottom: 1px solid #656565;
        border-left: 1px solid #656565;
    }
    .social-icons a .fa:hover,
    .social-icons a .fa:focus {
        color: #46B349;
    }
    nav[role="navigation"] .nav li {
        float: none;
        margin-bottom: 20px;
    }
    nav[role="navigation"] .nav li a {
        padding: 0;
    }
    .social-icons {
        display: none;
    }
    #main-navigation .social-icons,
    .mobile-menu {
        display: block;
    }
    #main-navigation .social-icons {
        margin-bottom: 30px;
        text-align: center;
        padding-top: 0;
    }
    .blog-list li .excerpt p {
        padding: 20px 0;
    }
    .blog-list li:nth-child(2n+2) .the-post-content,
    .blog-list li .the-post-content {
        font-size: 14px;
    }
    .gallery-columns-2 .gallery-item,
    .gallery-columns-2 .gallery-icon.portrait,
    .gallery-columns-2 .gallery-icon.landscape {
        width: 46%;
        margin-right: 31px;
        margin-bottom: 31px;
    }
    .gallery-columns-3 .gallery-item,
    .gallery-columns-3 .gallery-icon.portrait,
    .gallery-columns-3 .gallery-icon.landscape {
        width: 27%;
        margin-right: 33px;
        margin-bottom: 33px;
    }
    .gallery-columns-4 .gallery-item,
    .gallery-columns-4 .gallery-icon.portrait,
    .gallery-columns-4 .gallery-icon.landscape {
        width: 21%;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .info,
    .related .related-wrap .related-item .related-info {
        width: 65%;
    }
    .related .related-wrap .related-item {
        width: 28%;
    }
    .nav li ul.sub-menu,
    .nav li ul.children {
        position: static;
        visibility: visible;
        width: 100%;
        padding-left: 20px;
        background: none;
        margin-top: 10px;
    }
    .nav li ul.sub-menu li,
    .nav li ul.children li {
        margin: 0;
    }
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
        background: none!important;
        padding: 10px 0;
    }
    .nav li ul.sub-menu li a:hover,
    .nav li ul.children li a:hover {
        background: none!important;
    }
    #main-navigation a {
        color: #fff;
        font-size: inherit;
        text-align: left;
        text-decoration: none;
    }
}
@media screen and (max-width: 839px) {
    .m-all {
        width: 100%;
    }
    .slide-copy p {
        font-size: 14px;
    }
    .slide-copy-wrap h2 a,
    .article-header h1 {
        font-size: 50px;
    }
    .captions p {
        display: none;
    }
    .captions h1 {
        margin: 0;
    }
    .blog-list .item {
        width: 100%;
    }
    .blog-list li:nth-child(2n+2) .the-post-content,
    .blog-list li .the-post-content,
    .blog-list li:nth-child(2n+2) .excerpt,
    .blog-list li .excerpt {
        float: none;
        width: 100%;
    }
    footer .footer-social {
        float: none;
    }
    .footer-widgets .widget {
        float: left;
        margin-bottom: 40px;
        width: 100%;
    }
    .gallery-columns-1 {
        width: 100%;
    }
    .gallery-columns-1 img {
        width: 100%;
    }
    .gallery-columns-2 .gallery-item,
    .gallery-columns-2 .gallery-icon.portrait,
    .gallery-columns-2 .gallery-icon.landscape {
        width: 47%;
        margin-right: 22px;
        margin-bottom: 22px;
    }
    .gallery-columns-3 .gallery-item,
    .gallery-columns-3 .gallery-icon.portrait,
    .gallery-columns-3 .gallery-icon.landscape {
        width: 28%;
        margin-right: 25px;
        margin-bottom: 25px;
    }
    .gallery-columns-4 .gallery-item,
    .gallery-columns-4 .gallery-icon.portrait,
    .gallery-columns-4 .gallery-icon.landscape {
        width: 22%;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .article-footer .avatar {
        float: none;
        margin: 0 auto;
        width: 100px;
    }
    .info,
    .related .related-wrap .related-item .related-info {
        margin-top: 10px;
        width: 100%;
    }
    .info {
        margin-left: 0;
    }
    .info p.author {
        text-align: center;
    }
    .blog-list .item .the-post-content,
    .blog-list .item .thumb-wrap {
        float: none;
        width: 100%;
    }
    .blog-list .item .the-post-content {
        position: static;
    }
    .footer-widgets .footer-item {
        width: 100%;
    }
    .sidebar {
        background: none repeat scroll 0 0 #fff;
        margin: 0 0 30px;
        padding: 30px !important;
    }
}
@media screen and (max-width: 768px) {
    .widget ul li ul {
        margin-top: 0.75em;
        padding-left: 1em;
    }
}
@media screen and (max-width: 639px) {
    #logo {
        width: 100%;
        margin: 8px auto;
    }
    .side-nav {
        margin: 10px 0;
    }
    .search-bar input.search-field[type="search"] {
        background: url("images/search-3.png") no-repeat scroll 5px center / 20px auto rgba(0, 0, 0, 0);
    }
    .search-bar {
        padding: 0;
    }
    .blog-list .item {
        width: 100%;
    }
    .gallery-columns-2 .gallery-item,
    .gallery-columns-2 .gallery-icon.portrait,
    .gallery-columns-2 .gallery-icon.landscape,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-3 .gallery-icon.portrait,
    .gallery-columns-3 .gallery-icon.landscape,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-4 .gallery-icon.portrait,
    .gallery-columns-4 .gallery-icon.landscape {
        width: 46%;
        margin-right: 29px;
    }
    .gallery-columns-3 .gallery-item:nth-child(3n+3) {
        margin-right: 29px;
    }
    .gallery-columns-3 .gallery-item:nth-child(4n+4) {
        margin-right: 29px;
    }
    .gallery-columns-3 .gallery-item:nth-child(2n+2),
    .gallery-columns-3 .gallery-icon.portrait,
    .gallery-columns-3 .gallery-icon:nth-child(2n+2) {
        margin-right: 0;
    }
    .gallery-columns-4 .gallery-item:nth-child(2n+2),
    .gallery-columns-4 .gallery-icon.portrait,
    .gallery-columns-4 .gallery-icon.landscape {
        margin-right: 0;
    }
    .comment .vcard {
        display: none;
    }
    .comment_content {
        margin-left: 0;
    }
}
@media screen and (max-width: 539px) {
    .blog-list .item {
        width: 100%;
    }
    .gallery-columns-2 .gallery-item,
    .gallery-columns-2 .gallery-icon.portrait,
    .gallery-columns-2 .gallery-icon.landscape,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-3 .gallery-icon.portrait,
    .gallery-columns-3 .gallery-icon.landscape,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-4 .gallery-icon.portrait,
    .gallery-columns-4 .gallery-icon.landscape {
        width: 100%;
        float: left;
        margin-right: 0;
    }
    .head-left {
        margin-right: 0;
        float: none;
        text-align: center;
    }
    .head-right {
        float: none;
    }
    #push {
        width: 30px;
        margin: 0 auto;
    }
    #push span{
        padding-top: 0;
        padding-bottom: 30px;
    }
    .blog-list .item .thumb-wrap .image-bg,
    .blog-list .item .thumb-wrap .no-bg {
        height: 250px;
    }
}
@media screen and (max-width: 499px) {
    .article-header h1 {
        font-size: 30px;
    }
    #main-navigation {
        padding-top: 10px;
    }
    #main-navigation div#close {
        display: block;
    }
    #main-navigation .social-icons {
        margin-top: 40px;
    }
    #logo img {
        width: 150px;
    }
    .blog-list .item {
        width: 100%;
    }
    .blog-list .item h2 {
        font-size: 34px;
    }
    .captions h1 {
        text-align: center;
    }
    .comment-navigation > div{
        text-align: center;
        width: 100%;
    }
    .comment-navigation > div.comment-nav-next{
        text-align: center;
    }
}