/*

Theme Name: Stranger
Theme URI: http://prthemes.net/stranger
Author: Prthemes
Author URI: http://prthemes.net
Description: Stranger is a simple and fully responsive blog theme
Version: 1.2.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, fixed-layout, custom-header, featured-images, post-formats, sticky-post, translation-ready
Text Domain: stranger

*/

/* COLORS 
    main color: #444
    second color: #3f8994
    third color: #eee
*/

/* ========== GENERAL ========== */
html, body{
    height: 100%;
    -webkit-font-smoothing: antialiased;
}

body{
    color: #444444;
    background: #fff;
    font-size: 16px;
    font-family: 'Vollkorn', serif;
    padding-top: 51px;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.container{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.hidden-text{
    display: none !important;
}

input[type="text"],
input[type="email"],
select{
    font-family: 'Vollkorn', serif;
}

input[type="submit"]{
    font-family: 'Raleway', sans-serif;
}

.no-select{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    clip: auto !important;
    display: block;
    height: auto;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

@media (max-width: 1200px){
    .container{
        max-width: 940px;
    }
}

/* ========== HEADER ========== */
#header{
    background: #fff;
    border-bottom: 1px solid #eee;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transform: translateZ(0);
}

#customize-preview #header{
    top: 0 !important;
}

.logged-in #header{
    top: 32px;
}

#main-nav{
    float: left;
    height: 50px;
}

#main-menu li{
    float: left;
}

#main-menu li a,
#mobile-menu a{
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: #444;
    text-transform: uppercase;
    display: block;
    padding: 0 12px;
    position: relative;
    font-weight: 500;
    line-height: 50px;
    transition: color .3s;
}

#main-menu > li > a:before{
    content: '';
    background: #3f8894;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
    transition: opacity .3s;
}

#main-menu > li > a:hover:before,
#main-menu li.current-menu-item a:before{
    opacity: 1;
}

#main-menu li a:hover,
#main-menu li.current-menu-item a,
#mobile-menu a:hover,
#mobile-menu li.current-menu-item a{
    color: #3f8894;
}

#main-menu .menu-item-has-children{
    position: relative;
}

#main-menu .menu-item-has-children > a:after{
    content: '\f107';
    font-family: 'FontAwesome';
    margin-left: 5px;
}

#main-menu .menu-item-has-children .sub-menu{
    position: absolute;
    top: 51px;
    left: 0;
    width: 250px;
    background: #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;
}

#main-menu .menu-item-has-children:hover .sub-menu{
    display: block;
}

#main-menu .menu-item-has-children .sub-menu li{
    display: block;
    float: none;
    border-bottom: 1px solid #eee;
}

#main-menu .menu-item-has-children .sub-menu > li:last-child{
    border: 0;
}

#main-menu .menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{
    position: absolute;
    left: 250px;
    top: 0;
    display: none;
}

#main-menu .menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu{
    display: block;
}

#main-menu .menu-item-has-children .sub-menu a{
    font-size: 12px;
    line-height: 18px;
    padding: 10px 12px;
}

#mobile-menu-trigger{
    display: none;
    width: 50px;
    height: 50px;
    padding: 17px 10px 0;
}

#mobile-menu-trigger .bar{
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #444;
    margin: 0 0 5px; 
    transition: background .3s;
}

#mobile-menu-trigger:hover .bar{
    background: #3f8894;
}

#mobile-menu-shadow{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.8;
    z-index: 9998;
    display: none;
}

#mobile-menu-wrap{
    width: 250px;
    height: 100%;
    background: #fff;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
    left: -250px;
    z-index: 9999;
    overflow: auto;
    transition: left .3s;
}

#mobile-menu-wrap.opened{
    left: 0;
}

#mobile-menu-wrap .inner{
    position: relative;
}

.logged-in #mobile-menu-wrap .inner{
    padding-top: 32px;
}

#mobile-menu a{
    line-height: 20px;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 12px;
    transition: color .3s;
}

#mobile-menu a:hover{
    color: #3f8894;
}

#mobile-menu li{
    border-bottom: 1px solid #eee;
}

#mobile-menu li:last-child{
    border: 0;
}

#mobile-menu > .menu-item-has-children > .sub-menu a{
    padding-left: 24px;
    text-transform: none;
}

#mobile-menu > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu a{
    padding-left: 36px;
}

#close-mobile-menu{
    display: block;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 36px;
    color: #444;
    background: #fff;
    border: 1px solid #eee;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

#close-mobile-menu:hover{
    color: #3f8894;
}

.logged-in #close-mobile-menu{
    top: 32px;
}

#header-share,
#header-search{
    float: right;
    position: relative;
}

#header-share-toggle,
#header-search-toggle{
    color: #444;
    display: block;
    line-height: 50px;
    font-size: 14px;
    width: 30px;
    text-align: center;
    transition: color .3s;
}

#header-share-toggle:hover,
#header-search-toggle:hover{
    color: #3f8894;
}

#header-search-form-wrap,
#header-share-wrap{
    position: absolute;
    right: 30px;
    top: 0;
    width: 300px;
    height: 50px;
    overflow: hidden;
}

#header-search-form-wrap .searchform,
#header-share-wrap .icons{
    position: absolute;
    right: -100%;
    top: 10px;
    width: 100%;
    background: #fff;
    transition: right .5s;
}

#header-share-wrap .icons{
    text-align: right;
    top: 10px;
    z-index: 10;
}

#header-search-form-wrap .searchform.opened,
#header-share-wrap .icons.opened{
    right: 0;
}

#header-search-form-wrap .searchform input[type="submit"]{
    display: none;
}

#header-search-form-wrap .searchform input[type="text"]{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #444;
    background: transparent;
    border: 0;
    outline: 0;
    border-left: 1px solid #eee;
    padding: 5px 10px;
}

#header-share-wrap .icons a{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #444;
    transition: .3s;
}

#header-share-wrap .icons a:hover{
    color: #3f8894;
}

@media (max-width: 991px){
    #main-menu{
        display: none;
    }
    #mobile-menu-trigger{
        display: block;
    }
}

@media (max-width: 782px){
    .logged-in #header{
        top: 46px;
    }
    .logged-in #mobile-menu-wrap .inner{
        padding-top: 46px;
    }
    .logged-in #close-mobile-menu{
        top: 46px;
    }
}

@media (max-width: 480px){
    #header-search-form-wrap{
        width: 150px;
    }
    #header-share-wrap{
        width: 200px;
    }
    #header-share-wrap .icons a{
        width: 22px;
    }
}

/* ========== LOGO SECTION ========== */
#logo-section{
    padding: 78px 0 77px;
    background: #fff;
    text-align: center;
}

#logo-section h1{
    text-align: center;
    font-size: 60px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

#logo-section h1 a{
    color: #444;
    display: block;
}

#logo-section a img{
    transition: opacity .3s;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

#logo-section a:hover img{
    opacity: 0.8;
}

#logo-section p{
    text-align: center;
    padding: 5px 0 0; 
    color: #aaaaaa;
    font-style: italic;
}

@media (max-width: 768px){
    #logo-section h1{
        font-size: 50px;
    }
}

@media (max-width: 600px){
    #logo-section .box{
        padding: 40px;
    }
}

@media (max-width: 480px){
    #logo-section h1{
        font-size: 40px;
    }
}

/* ========== FEATURED POSTS ========== */
#featured-posts-slider-wrap .container{
    position: relative;
}

#featured-posts,
#featured-posts-slider{
    border: 1px solid #eee;
    margin-bottom: 30px;
    padding: 10px;
}

#featured-posts li{
    position: relative;
    padding: 10px;
    float: left;
    width: 50%;
    text-transform: uppercase;
}

#featured-posts-slider li{
    text-transform: uppercase;
}

#featured-posts li img,
#featured-posts-slider li img{
    max-width: 100%;
    height: auto;
    display: block;
}

#featured-posts li img.attachment-featured-full{
    display: none;
}

#featured-posts li .text,
#featured-posts-slider li .text{
    text-align: center;
    position: absolute;
    height: 80%;
    width: 90%;
    top: 10%;
    left: 5%;
    background: rgba(255,255,255,0);
    transition: background .3s;
    transform: translateZ(0);
}

#featured-posts li .text:hover,
#featured-posts-slider li .text:hover{
    background: rgba(255,255,255,0.9);
}

#featured-posts li .table-box,
.table-box{
    display: table;
    width: 100%;
    height: 100%;
}

#featured-posts li .cell-box,
.cell-box{
    display: table-cell;
    vertical-align: middle;
}

#featured-posts li .categories a,
#featured-posts-slider li .categories a{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background: #3f8894;
    display: inline-block;
    padding: 10px;
    transition: background .3s;
}

#featured-posts-slider li .categories a{
    margin: 0 4px 4px 0;
}

#featured-posts li .categories a:hover,
#featured-posts-slider li .categories a:hover{
    background: #444;
}

#featured-posts li h2,
#featured-posts-slider li h2{
    font-size: 20px;
    margin: 20px 0 0;  
    font-weight: 500; 
    font-family: 'Raleway', sans-serif;
}

#featured-posts li h2 a,
#featured-posts-slider li h2 a{
    color: #fff;
    transition: color .3s;
}

#featured-posts li .text:hover h2 a,
#featured-posts-slider li .text:hover h2 a{
    color: #444;
}

#featured-posts li .text:hover h2 a:hover,
#featured-posts-slider li .text:hover h2 a:hover{
    color: #3f8894;
}

#owl-featured-prev,
#owl-featured-next{
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: color .3s, background .3s !important;
}

#owl-featured-prev:hover,
#owl-featured-next:hover{
    color: #3f8894;
    background: #fff;
}

#owl-featured-prev{
    left: 30px;
}

#owl-featured-next{
    right: 30px;
}

@media (max-width: 1220px){
    #featured-posts li h2,
    #featured-posts-slider li h2{
        font-size: 16px;
    }
}

@media (max-width: 768px){
    #featured-posts li{
        width: 100%;
    }
    #featured-posts li img.attachment-featured,
    #featured-posts li img.attachment-featured-small{
        display: none;
    }
    #featured-posts li img.attachment-featured-full{
        display: block;
    }
    #owl-featured-prev,
    #owl-featured-next{
        display: none;
    }
}

@media (max-width: 480px){
    #featured-posts li h2,
    #featured-posts-slider li h2{
        margin-top: 10px;
        font-size: 14px;
        padding: 0 5px;
    }
    #featured-posts li .categories a,
    #featured-posts-slider li .categories a{
        padding: 8px;
        font-size: 11px;
    }
}

/* ========== MAIN CONTENT ========== */
#main-content{
    float: left;
    width: 870px;
}

#main-content.page-no-sidebar{
    float: none;
    margin: 0 auto;
}

.post,
#main-content .page{
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #eee;
}

.post .sticky{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 100;
    font-size: 20px;
}

.list-template-posts .post{
    background: none;
}

.post-info{
    padding: 30px;
}

.list-template-posts .post .post-info{
    float: left;
    width: 599px;
    background: #fff;
    padding: 25px 30px 24px;
}

.list-template-posts .post .post-info.post-info-full{
    width: 100%;
}

.list-template-posts .post.post-big .post-info{
    width: 100%;
    padding: 30px;
}

.grid-template-posts .post{
    float: left;
    width: 420px;
}

.grid-template-posts .post.post-big{
    width: 100%;
}

.grid-template-posts .post:nth-child(2n+2){
    margin-right: 30px;
}

.list-template-posts .post .post-media{
    float: left;
    width: 269px;
}

.list-template-posts .post.post-big .post-media{
    width: 100%;
}

.list-template-posts .post .post-media img.attachment-post-full-width{
    display: none;
}

.list-template-posts .post.post-big .post-media img.attachment-post-full-width{
    display: block;
}

.grid-template-posts .post.format-video .post-media,
.grid-template-posts .post.format-video .post-media iframe{
    min-height: 315px;
}

.grid-template-posts .post.format-audio .post-media iframe{
    max-width: 100%;
    max-height: 315px;
    display: block;
}

.classic-template-posts .post.format-audio .post-media iframe{
    width: 100%;
    height: auto;
    min-height: 315px;
    display: block;
}

.post.format-audio .post-media iframe{
    display: block;
    width: 100%;
}

.list-template-posts .post.format-video .post-media,
.list-template-posts .post.format-video .post-media iframe{
    min-height: 283px;
}

.list-template-posts .post.format-audio .post-media iframe{
    max-width: 100%;
    max-height: 283px;
    display: block;
}

.post.format-quote .post-media{
    background-size: cover;
    padding: 30px;
    width: 100%;
}

.post.format-quote .post-media .quote-box{
    background: rgba(255,255,255,0.6);
    padding: 60px 30px 15px;
    position: relative;
}

.post.format-quote .post-info{
    padding: 60px 30px 30px;
    position: relative;
    width: 100%;
}

.post.format-quote .post-media .quote-box:before,
.post.format-quote .post-info:before{
    content: '\f10d';
    font-family: 'FontAwesome';
    color: #444;
    font-size: 20px;
    display: block;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -9px;
}

.post.format-quote .post-media p,
.post.format-quote .post-info p{
    font-size: 20px;
    line-height: 1.4;
    color: #444;
    font-style: italic;
    text-align: center;
}

.post.format-quote .post-media p.quote-author,
.post.format-quote .post-info p.quote-author{
    font-style: normal;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding-top: 10px;
    color: #3f8894;
    text-transform: uppercase;
}

.post .post-media a{
    display: block;
    transition: opacity .3s;
}

.post .post-media a:hover{
    opacity: 0.9;
}

.post-media img{
    max-width: 100%;
    display: block;
    height: auto;
}

.post .categories{
    padding-bottom: 10px;
}

.post .categories a{
    color: #444;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 5px;
    transition: color .3s;
}

.post .categories a:hover{
    color: #3f8894;
}

.post .categories a:after{
    content: ' - ';
}

.post .categories a:first-child:before{
    content: ' - ';
}

h2.post-title{
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 15px;
}

h2.post-title a{
    color: #444;
    transition: color .3s;
}

h2.post-title a:hover{
    color: #3f8894;
}

.post-meta p{
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 20px;
}

.post-meta p a,
.post-meta p{
    color: #444;
}

.post-meta p .date{
    text-transform: uppercase;
}

.post-meta a{
    text-transform: uppercase;
}

.post-meta p a:hover{
    color: #3f8894;
}

.post .post-excerpt p{
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

.post a.read-more-btn,
.page a.read-more-btn{
    display: inline-block;
    line-height: 38px;
    border: 1px solid #3f8894;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #3f8894;
    padding: 0 26px;
    transition: .3s color, .3s background;
}

.page a.read-more-btn{
    margin-top: 20px;
}

.post a.read-more-btn:hover,
.page a.read-more-btn:hover{
    color: #fff;
    background: #3f8894;
}

.owl-gallery-wrap{
    position: relative;
}

.owl-gallery-wrap .gallery-prev,
.owl-gallery-wrap .gallery-next{
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    transition: color .3s, background .3s !important;
}

.owl-gallery-wrap .gallery-prev:hover,
.owl-gallery-wrap .gallery-next:hover{
    color: #3f8894;
    background: #fff;
}

.owl-gallery-wrap .gallery-prev{
    left: 10px;
}

.owl-gallery-wrap .gallery-next{
    right: 10px;
}

.owl-gallery-wrap-list-smaller-screens{
    display: none;
}

@media (max-width: 1200px){
    #main-content{
        width: 610px;
    }
    .grid-template-posts .post{
        width: 290px;
    }
    .list-template-posts .post .post-info{
        width: 469px;
    }
    .list-template-posts .post .post-media{
        width: 139px;
    }
    .grid-template-posts .post.format-video .post-media,
    .grid-template-posts .post.format-video .post-media iframe{
        min-height: 1px;
    }
    .list-template-posts .post.format-video .post-media,
    .list-template-posts .post.format-video .post-media iframe{
        min-height: 147px;
    }
    .grid-template-posts .post.format-audio .post-media iframe{
        max-height: 217px;
    }
    .classic-template-posts .post.format-audio .post-media iframe{
        min-height: 305px;
    }
    .list-template-posts .post.format-audio .post-media iframe{
        max-height: 147px;
    }
}

@media (max-width: 991px){
    #main-content{
        max-width: 870px;
        width: 100%;
        float: none;
        margin: 0 auto 50px;
    }
    .grid-template-posts .post{
        width: 48%;
    }
    .grid-template-posts .post:nth-child(2n+2){
        margin-right: 4%;
    }
    #main-content.list-template-posts{
        max-width: 600px;
    }
    .list-template-posts .post .post-info{
        width: 100%;
    }
    .list-template-posts .post .post-media{
        width: 100%;
    }
    .list-template-posts .post .post-media img.attachment-post-list{
        display: none;
    }
    .list-template-posts .post .post-media img.attachment-post-full-width{
        display: block;
    }
    .grid-template-posts .post.format-audio .post-media iframe{
        max-height: 315px;
    }
    .owl-gallery-wrap-list-smaller-screens{
        display: block;
    }
    .owl-gallery-wrap-normal-screens{
        display: none;
    }
}

@media (max-width: 920px){
    .grid-template-posts .post.format-audio .post-media iframe{
        height: auto;
    }
    .classic-template-posts .post.format-audio .post-media iframe{
        min-height: 1px;
        height: auto;
    }
}

@media (max-width: 480px){
    .grid-template-posts .post{
        width: 100%;
    }
    .grid-template-posts .post:nth-child(2n+2){
        margin-right: 0%;
    }
    .grid-template-posts .post .post-mediam img{
        width: 100%;
    }
}


/* ========== SINGLE POST CONTENT ========== */
.single .post-media iframe{
    width: 100%;
    display: block;
}

.post-content{
    padding-top: 20px;
}

.post-content p{
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

.post-content p strong{
    font-weight: 700;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    margin: 0 0 30px;
    text-transform: uppercase;
}

.post-content h1{
    font-size: 20px;
}

.post-content h2{
    font-size: 18px;
}

.post-content h3{
    font-size: 17px;
}

.post-content h4{
    font-size: 16px;
}

.post-content h5{
    font-size: 15px;
}

.post-content h6{
    font-size: 14px;
}

.post-content ul,
.post-content ol{
    list-style: disc;
    margin: 0 0 30px 20px;;
}

.post-content ol{
    list-style: decimal;
}

.post-content ul li,
.post-content ol li{
    line-height: 24px;
    font-size: 16px;
}

.post-content ul li ul,
.post-content ol li ol{
    margin-bottom: 0;
}

.post-content dl{
    margin-bottom: 30px;
}

.post-content dl dt,
.post-content dl dd{
    font-size: 16px;
    line-height: 24px;
}

.post-content dl dd{
    margin-left: 20px;
}

.post-content .alignright{
    float: right;
    margin-left: 30px;
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
    display: block;
}

.post-content .alignleft{
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
    display: block;
}

.post-content .aligncenter{
    margin: 0 auto 30px;
    max-width: 100%;
    height: auto;
    display: block;
}

.post-content .alignnone{
    max-width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 0 30px;
}

.post-content .wp-caption img{
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
}

.post-content .wp-caption-text,
.post-content .gallery-caption{
    font-size: 14px;
    line-height: 16px;
    padding: 10px;
    display: block;
    text-align: center;
    margin: 0;
}

.post-content .wp-caption-text{
    background: none;
    color: #444;
}

.post-content .gallery-caption{
    background: rgba(0,0,0,0.4) !important;
    color: #fff !important;
}

.post-content blockquote{
    margin: 0 0 30px;
    font-style: italic;
    position: relative;
}

.post-content blockquote:before{
    content: '\f10d';
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 36px;
    color: #eee;
    position: absolute;
    top: -10px;
    left: -10px;
}

.post-content blockquote p{
    font-style: italic;
    margin: 0;
    position: relative;
    z-index: 1;
}

.post-content blockquote p cite{
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #3f8894;
    display: block;
}

.post-content address{
    padding: 20px;
    font-size: 16px;
    line-height: 22px;
    background: #eee;
    margin-bottom: 30px;
}

.post-content a{
    color: #3f8894;
}

.post-content a:hover{
    text-decoration: underline;
}

.post-content pre{
    background: #eee;
    overflow-x: scroll;
    width: 100%;
    padding: 10px;
    line-height: 20px;
    margin-bottom: 30px;
}

.post-content table{
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #eee;
}

.post-content table th,
.post-content table td{
    padding: 10px 5px;
    border: 1px solid #eee;
}

.post-content .gallery{
    margin-bottom: 20px !important;
}

.post-content .gallery img{
    width: 100%;
}

.post-content .gallery-item{
    padding: 0 1px 1px 0;
    margin: 0 0 1px !important;
    display: block !important;
    position: relative;
}

.post-content .gallery-icon a{
    display: block;
    padding: 0;
    margin: 0;
    transition: opacity .3s;
}

.post-content .gallery-icon a:hover{
    opacity: 0.8;
}

.post-content .gallery-icon img{
    border: 0 !important;
    display: block;
    height: auto;
}

.post-content .gallery-item .gallery-caption{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.post-content .gallery-columns-5 .gallery-item .gallery-caption,
.post-content .gallery-columns-6 .gallery-item .gallery-caption,
.post-content .gallery-columns-7 .gallery-item .gallery-caption,
.post-content .gallery-columns-8 .gallery-item .gallery-caption,
.post-content .gallery-columns-9 .gallery-item .gallery-caption{
    position: static;
    background: #444;
}

.post-password-form input[type="password"]{
    border: 1px solid #eee;
    padding: 8px 10px;
    color: #444;
}

.post-password-form input[type="submit"]{
    border: 1px solid #3f8894;
    width: 150px;
    height: 33px;
    background: none;
    color: #3f8894;
    cursor: pointer;
    transition: color .3s, background .3s;
}

.post-password-form input[type="submit"]:hover{
    background: #3f8894;
    color: #fff;
}

.page-links{
    font-size: 16px;
    padding: 10px 0 20px;
}

.page-links > span.page-links-link,
.page-links > a{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 2px;
}

.page-links > a{
    background: #3f8894;
    color: #fff !important;
}

/* ========== TAGS AND SHARE ========== */
.tags-and-share{
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.tags-and-share .tags{
    float: left;
    width: 50%;
}

.tags-and-share .tags a{
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    line-height: 30px;
    color: #3f8894;
    background: #eee;
    padding: 0 20px;
    margin: 0 4px 4px 0;
    display: inline-block;
    transition: background .3s, color .3s;
}

.tags-and-share .tags a:hover{
    color: #fff;
    background: #3f8894;
}

.tags-and-share .share{
    float: right;
    width: 50%;
    text-align: right;
}

#main-content .page .tags-and-share .share{
    width: 100%;
    text-align: center;
}

.tags-and-share .share a{
    display: inline-block;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    border-radius: 2px;
    transition: color .3s, background .3s;
}

.tags-and-share .share a span{
    vertical-align: middle;
}

.tags-and-share .share a.facebook{
    color: #3b5998;
}
.tags-and-share .share a.facebook:hover{
    background: #3b5998;
}
.tags-and-share .share a.twitter{
    color: #00aced;
}
.tags-and-share .share a.twitter:hover{
    background: #00aced;
}
.tags-and-share .share a.pinterest{
    color: #cb2027;
}
.tags-and-share .share a.pinterest:hover{
    background: #cb2027;
}
.tags-and-share .share a.gplus{
    color: #dd4b39;
}
.tags-and-share .share a.gplus:hover{
    background: #dd4b39;
}

.tags-and-share .share a:hover{
    color: #fff;
}

@media (max-width: 600px){
    .tags-and-share .tags{
        width: 100%;
        margin-bottom: 10px;
    }
    .tags-and-share .share{
        text-align: left;
        float: left;
        width: 100%;
    }
}

/* ========== SINGLE POST NAV ========= */
#post-navigation{
    margin-bottom: 30px;
}

#post-navigation .left,
#post-navigation .right{
    float: left;
    width: 50%;
}

#post-navigation .right{
    text-align: right;
}

#post-navigation .left a,
#post-navigation .right a{
    color: #444;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 0 5px 30px;
    display: inline-block;
    position: relative;
    transition: color .3s;
}

#post-navigation .right a{
    padding: 5px 30px 5px 0;
}

#post-navigation .left a:hover,
#post-navigation .right a:hover{
    color: #3f8894;
}

#post-navigation .left a:after,
#post-navigation .right a:after{
    font-family: 'FontAwesome';
    font-size: 18px;
    position: absolute;
    top: 5px;
}

#post-navigation .left a:after{
    content: '\f177';
    left: 0;
}

#post-navigation .right a:after{
    content: '\f178';
    right: 0;
}

/* ========== WRITTEN BY ========== */
#written-by{
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #eee;
}

.written-by{
    padding-left: 180px;
    position: relative;
    min-height: 150px;
}

.written-by .image-box{
    position: absolute;
    top: 0;
    left: 0;
}

.written-by .image-box img{
    border-radius: 150px;
}

.written-by .info p.author-name{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.written-by .info p{
    line-height: 20px;
    margin-bottom: 15px;
}

.written-by .info .follow{
    border-top: 1px solid #eee;
    padding: 10px 0 0;
}

.written-by .info .follow a{
    display: inline-block;
    font-size: 18px;
    padding: 5px;
    color: #444;
    transition: color .3s;
}

.written-by .info .follow a:hover{
    color: #3f8894;
}

@media (max-width: 480px){
    .written-by{
        padding-left: 0;
    }
    .written-by .image-box{
        position: static;
        text-align: center;
        margin-bottom: 15px;
    }
}

/* ========== RELATED POSTS ========== */
#related-posts{
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #eee;
}

#related-posts h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.owl-carousel-related-wrap{
    position: relative;
}

.owl-item img{
    transform: translateZ(0);
}

#owl-related-prev,
#owl-related-next{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    position: absolute;
    top: 130px;
    z-index: 1000;
    transition: color .3s, background .3s;
}

#owl-related-prev{
    left: 10px;
}

#owl-related-next{
    right: 10px;
}

#owl-related-prev:hover,
#owl-related-next:hover{
    background: #fff;
    color: #3f8894;
}

#related-posts .image-box{
    margin-bottom: 10px;
}

#related-posts .image-box img{
    max-width: 100%;
    height: auto;
}

#related-posts .image-box a{
    display: block;
    transition: opacity .3s;
}

#related-posts .image-box a:hover{
    opacity: 0.95;
}

#related-posts .text{
    text-align: center;
}

#related-posts .text p{
    margin-bottom: 10px;
}

#related-posts .text p.date{
    font-size: 14px;
}

#related-posts .text p.title{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#related-posts .text a{
    display: inline-block;
    padding: 10px 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #3f8894;
    font-size: 14px;;
    color: #3f8894;
    transition: .3s color, .3s background;
}

#related-posts .text a:hover{
    color: #fff;
    background: #3f8894;
}

#only-one-related-post .item{
    max-width: 264px;
}

@media (max-width: 991px){
    #only-one-related-post .item{
        max-width: 50%;
    }
}

@media (max-width: 600px){
    #owl-related-prev,
    #owl-related-next{
        display: none;
    }
    #only-one-related-post .item{
        max-width: 100%;
    }
}

/* ========== CONTACT FORM 7 ========== */
.wpcf7-form p{
    font-size: 14px;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea{
    border: 1px solid #eee;
    outline: 0;
    padding: 8px 10px;
    color: #444;
    min-width: 400px;
}

.wpcf7-form-control-wrap textarea{
    width: 100%;
}

.wpcf7-form input[type="submit"]{
    border: 1px solid #3f8894;
    color: #3f8894;
    background: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    width: 150px;
    height: 40px;
    cursor: pointer;
    transition: background .3s, color .3s;
}

.wpcf7-form input[type="submit"]:hover{
    color: #fff;
    background: #3f8894;
}

@media (max-width: 600px){
    .wpcf7-form-control-wrap input,
    .wpcf7-form-control-wrap textarea{
        width: 100%;
        min-width: 1px;
    }
}

/* ========== COMMENTS ========= */
#comments .comments-wrap{
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #eee;
}

#comments .comments-wrap h2.comments-title{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.comment-body{
    position: relative;
    padding-left: 120px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    min-height: 110px;
}

.comment-list > .comment:last-child > .comment-body{
    border-bottom: 0;
}

.comment-body .comment-author .says{
    display: none;
}

.comment-body .comment-author cite.fn{
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 10px;
    padding-right: 80px;
    display: block;
}

.bypostauthor > .comment-body .comment-author cite.fn{
    color: #3f8894;
}

.comment-body .comment-author img{
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 90px;
}

.comment-body .comment-meta{
    margin-bottom: 20px;
    font-size: 14px;
}

.comment-body .comment-meta a{
    color: #444;
}

.comment-body .comment-meta a.comment-edit-link{
    color: #3f8894;
}

.comment-body > p{
    line-height: 20px;
}

.comment-body > p a{
    color: #3f8894;
}

.comment-body > blockquote{
    font-style: italic;
    padding: 5px 20px;
    position: relative;
}

.comment-body > blockquote:before{
    content: '\f10d';
    font-family: 'FontAwesome';
    font-size: 14px;
    position: absolute;
    top: 3px;
    left: 0;
}

.comment-body .reply{
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.comment-body .reply a{
    color: #444;
    transition: color .3s;
}

.comment-body .reply a:hover{
    color: #3f8894;
}

.comment-body .reply a:before{
    content: '\f064';
    font-family: 'FontAwesome';
    margin-right: 5px;
}

.comment-body .comment-awaiting-moderation{
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
}

.comment .children{
    margin-left: 30px;
}

.comment-navigation{
    padding: 0 0 20px;
}

#comment-nav-above{
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

#comment-nav-below{
    border-top: 1px solid #eee;
    padding: 20px 0 0;
}

.comment-navigation h1{
    margin-bottom: 10px; 
}

.comment-navigation .nav-previous{
    float: left;
}

.comment-navigation .nav-next{
    float: right;
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a{
    color: #3f8894;
    transition: color .3s;
}

.comment-navigation .nav-previous a:hover,
.comment-navigation .nav-next a:hover{
    color: #444;
}

@media (max-width: 600px){
    .comment-body{
        padding-left: 80px;
        min-height: 80px;
    }
    .comment-body .comment-author img{
        width: 60px;
        height: 60px;
    }
    .comment .children{
        margin-left: 15px;
    }
}

@media (max-width: 480px){
    .comment-body{
        padding-left: 60px;
        min-height: 60px;
    }
    .comment-body .comment-author img{
        width: 40px;
        height: 40px;
    }
    .comment-body .reply{
        position: static;
        padding-top: 20px;
    }
    .comment .children{
        margin-left: 5px;
    }
}

/* ========== COMMENTS RESPOND ========== */
#respond{
    background: #fff;
    padding: 30px;
    border: 1px solid #eee;
}

#respond h3.comment-reply-title{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#respond .comment-notes,
#respond .logged-in-as{
    margin-bottom: 20px;
    font-size: 14px;
}

#respond .logged-in-as{
    margin-bottom: 10px;
}

#respond .logged-in-as a{
    color: #3f8894;
}

#respond .comment-form-field-wrap,
#respond .comment-form-textarea-wrap{
    margin-bottom: 20px;
}

#respond .comment-form-field-wrap label,
#respond .comment-form-field-wrap .required,
#respond .comment-form-textarea-wrap label{
    display: none;
}

#respond .comment-form-field-wrap input,
#respond .comment-form-textarea-wrap textarea{
    max-width: 400px;
    width: 100%;
    display: block;
    border: 1px solid #eee;
    color: #444;
    outline: 0;
    padding: 10px 15px;
    font-size: 14px;
}

#respond .comment-form-textarea-wrap textarea{
    max-width: 100%;
}

#respond .form-allowed-tags{
    background: #eee;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}

#respond .form-submit input[type="submit"]{
    border: 1px solid #3f8894;
    outline: 0;
    background: #fff;
    color: #3f8894;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    padding: 0 20px;
    height: 40px;
    cursor: pointer;
    transition: color .3s, background .3s;
    margin-bottom: 10px;
}

#respond .form-submit input[type="submit"]:hover{
    color: #fff;
    background: #3f8894;
}

/* ========== ARCHIVE PAGES ========== */
#main-top-box{
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #eee;
}

#main-top-box p span{
    color: #3f8894;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 0 0 5px;
}

/* ========== ERROR PAGE ========== */
#main-top-box.error{
    padding: 100px 30px;
    text-align: center;
}

#main-top-box.error p{
    margin: 0 0 20px;
}

#main-top-box.error p.error-404-main{
    font-size: 72px;
    color: #3f8894;
}

#main-top-box.error p.error-404-sub{
    text-transform: uppercase;
}

#main-top-box.error a.error-btn{
    border: 1px solid #3f8894;
    color: #3f8894;
    text-transform: uppercase;
    font-size: 12px;
    transition: color .3s, background .3s;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 0 20px;
}

#main-top-box.error a.error-btn:hover{
    color: #fff;
    background: #3f8894;
}

#main-top-box.error .searchform input[type="submit"]{
    display: none;
}

#main-top-box.error .searchform input[type="text"]{
    border: 1px solid #eee;
    outline: 0;
    padding: 8px 10px;
    text-align: center;
    width: 100%;
    max-width: 400px;
}

/* ========== SIDEBAR / WIDGETS ========== */
#sidebar{
    float: right;
    width: 270px;
    color: #444;
}

.widget{
    background: #fff;
    border: 1px solid #eee;
    padding: 20px;
    margin: 0 0 20px;
}

.widget-title{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.widget-title a{
    color: #444;
    transition: color .3s;
}

.widget-title a:hover{
    color: #3f8894;
}

.widget_categories ul li,
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_recent_comments li{
    padding: 10px 0;
    font-size: 15px;
    color: #3f8894;
    border-bottom: 1px solid #eee;
}

.widget_categories ul li:last-child,
.widget_archive ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_pages ul li:last-child,
.widget_meta ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_rss ul li:last-child,
.widget_recent_comments li:last-child{
    border: 0;
}

.widget_nav_menu ul li.menu-item-has-children .sub-menu{
    padding: 10px 0 0 15px;
}

.widget_categories ul li a,
.widget_archive ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_recent_entries ul li a,
.widget_rss ul li a,
.widget_recent_comments li a{
    color: #444;
    margin-right: 5px;
    transition: color .3s;
}

.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_recent_entries ul li a:hover, 
.widget_rss ul li a:hover,
.widget_recent_comments li a:hover{
    color: #3f8894;
}

.widget_recent_entries ul li .post-date,
.widget_rss ul li .rss-date{
    display: block;
    font-family: 'Vollkorn', serif;
    padding: 5px 0 0;
}

.widget_rss ul li .rssSummary{
    color: #444;
    font-family: 'Vollkorn', serif;
    padding: 5px 0 0;
}

.widget_rss ul li cite{
    font-style: normal;
    display: inline-block;
    padding: 5px 0 0;
}

.widget_categories label,
.widget_archive label{
    display: none;
}

.widget_categories select,
.widget_archive select{
    border: 1px solid #eee;
    font-size: 14px;
    padding: 10px;
    outline: 0;
    width: 100%;
}

.widget_about_with_image .widget-about-image{
    background-size: cover;
    text-align: center;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 0;
    margin: 0 0 10px;
}

.widget_about_with_image > p,
.widget_about_with_image .widget-content > p{
    font-size: 14px;
    line-height: 20px;
}

.widget_about_with_image > p a,
.widget_about_with_image .widget-content > p a{
    text-transform: uppercase;
    color: #444;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.widget_about_with_image > p a:hover,
.widget_about_with_image .widget-content > p a:hover{
    color: #3f8894;
}

.widget_recent_posts_with_thumb li{
    position: relative;
    padding-left: 80px;
    min-height: 70px;
    margin: 0 0 20px;
}

.widget_recent_posts_with_thumb li:last-child{
    margin-bottom: 0;
}

.widget_recent_posts_with_thumb li .thumb{
    position: absolute;
    top: 0;
    left: 0;
}

.widget_recent_posts_with_thumb li .thumb a{
    display: block;
    transition: opacity .3s;
}

.widget_recent_posts_with_thumb li .thumb a:hover{
    opacity: 0.8;
}

.widget_recent_posts_with_thumb li p.title{
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.widget_recent_posts_with_thumb li p.title a{
    color: #444;
    transition: color .3s;
}

.widget_recent_posts_with_thumb li p.title a:hover{
    color: #3f8894;
}

.widget_recent_posts_with_thumb li p{
    font-size: 14px;
    line-height: 20px;
}

.mc4wp-form{
    margin: 0;
}

.mc4wp-form label{
    display: none !important;
}

.mc4wp-form input[type="text"],
.mc4wp-form input[type="email"]{
    border: 1px solid #eee;
    background: transparent;
    outline: 0;
    padding: 10px;
    color: #444;
    font-size: 14px;
    margin-bottom: 20px;
}

.mc4wp-form input[type="submit"]{
    border: 1px solid #3f8894;
    color: #3f8894;
    text-transform: uppercase;
    background: transparent;
    height: 40px;
    width: 100%;
    display: block;
    font-weight: 500;
    transition: color .3s, background .3s;
}

.mc4wp-form input[type="submit"]:hover{
    background: #3f8894;
    color: #fff;
}

.widget_social .social-icons a{
    display: inline-block;
    margin: 0 6px 10px 0;
    color: #3f8894;
    border: 1px solid #eee;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: background .3s, color .3s;
}

.widget_social .social-icons a:hover{
    background: #3f8894;
    color: #fff;
    border: 1px solid transparent;
}

.widget_tag_cloud .tagcloud a{
    font-size: 12px !important;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    color: #3f8894;
    border: 1px solid #eee;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px;
    margin: 0 0 4px;
    transition: background .3s, color .3s;
}

.widget_tag_cloud .tagcloud a:hover{
    color: #fff;
    background: #3f8894;
    border: 1px solid transparent;
}

.widget_search input[type="text"]{
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #eee;
    outline: 0;
    color: #444;
    margin-bottom: 10px;
}

.widget_search input[type="submit"]{
    display: block;
    width: 100%;
    height: 40px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #3f8894;
    color: #3f8894;
    background: #fff;
    cursor: pointer;
    transition: background .3s, color .3s;
}

.widget_search input[type="submit"]:hover{
    background: #3f8894;
    color: #fff;
}

.widget_text .textwidget{
    font-size: 14px;
    line-height: 20px;
}

.widget_calendar #wp-calendar{
    width: 100%;
}

.widget_calendar #wp-calendar caption{
    padding: 0 0 10px;
}

.widget_calendar #wp-calendar thead tr th{
    padding: 10px 0;
    text-align: left;
    padding: 5px;
}

.widget_calendar #wp-calendar td{
    padding: 5px;
}

.widget_calendar #wp-calendar tbody td a{
    color: #3f8894;
    font-weight: 500;
}

.widget_calendar #wp-calendar tbody td#today{
    background: #3f8894;
    color: #fff;
}

.widget_calendar #wp-calendar tbody td#today a{
    color: #fff;
}

.widget_calendar #wp-calendar tfoot td#prev a,
.widget_calendar #wp-calendar tfoot td#next a{
    font-weight: 500;
    color: #444;
    transition: color .3s;
}

.widget_calendar #wp-calendar tfoot td#prev a:hover,
.widget_calendar #wp-calendar tfoot td#next a:hover{
    color: #3f8894;
}

.widget_calendar #wp-calendar tfoot td#next{
    text-align: right;
}

.null-instagram-feed ul li{
    float: left;
    width: 48%;
}

.null-instagram-feed ul li:before, .null-instagram-feed ul li:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.null-instagram-feed ul li:after { clear: both; }  
.null-instagram-feed ul li { zoom: 1; }

.null-instagram-feed ul li:nth-child(2n+1){
    margin-right: 2%;
}

.null-instagram-feed ul li img{
    max-width: 100%;
}

.null-instagram-feed ul li a{
    display: block;
    transition: opacity .3s;
}

.null-instagram-feed ul li a:hover{
    opacity: 0.8;
}

.null-instagram-feed p.clear{
    padding: 10px 0 0;
    clear: both;
}

.null-instagram-feed p.clear a{
    font-family: 'Raleway', sans-serif;
    color: #444;
    transition: color .3s;
}

.null-instagram-feed p.clear a:hover{
    color: #3f8894;
}

@media (max-width: 991px){
    #sidebar{
        max-width: 480px;
        width: 100%;
        float: none;
        margin: 0 auto 50px;
    }
}

/* ========== PAGINATION ========== */
.paging-navigation{
    clear: both;
}

.paging-navigation .pagination{
    text-align: center;
}

.paging-navigation .pagination a,
.paging-navigation .pagination span.current{
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    color: #444;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 14px;
    vertical-align: text-top;
    transition: background .3s, color.3s;
    margin: 0 0 4px;
}

.paging-navigation .pagination a.next,
.paging-navigation .pagination a.prev{
    font-size: 24px;
}

.paging-navigation .pagination a:hover,
.paging-navigation .pagination span.current{
    background: #3f8894;
    color: #fff;
}


/* ========== FOOTER ========== */
#footer{
    margin-top: 50px;
}

#footer-widgets-area{
    padding: 30px 0 10px;
}

#footer-widgets-area .widget{
    background: none;
    position: relative;
}

.footer-widget{
    float: left;
    width: 270px;
    margin-right: 30px; 
}

.footer-widget .widget{
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.footer-widget:last-child{
    margin-right: 0;
}

#footer-widgets-area .widget .footer-widget-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 0;
}

#footer-widgets-area .widget .widget-content{
    position: relative;
}

#footer-icons{
    padding: 40px 0 26px;
    text-align: center;
    border-top: 1px solid #eee;
    background: #fff;
}

#footer-icons a{
    display: inline-block;
    border: 1px solid #eee;
    color: #3f8894;
    background: #fff;
    font-size: 16px;
    margin: 0 10px 14px 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 60px;
    transition: background .3s, color .3s;
}

#footer-icons a:hover{
    background: #3f8894;
    color: #fff;
    border: 1px solid transparent;
}

#footer-icons a:last-child{
    margin-right: 0;
}

#footer-bottom{
    background: #444;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 0;
    text-align: center;
    position: relative;
}

#footer-bottom a{
    color: #3f8894;
}

#back-to-top{
    display: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    font-size: 20px;
    background: #fff;
    border: 1px solid #eee;
    color: #3f8894;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 100;
    transition: color .3s, background .3s;
    transform: translateZ(0);
}

#back-to-top:hover{
    background: #444;
    color: #fff;
    border: 1px solid transparent;
}

@media (max-width: 1220px){
    .footer-widget{
        width: 205px;
    }
}

@media (max-width: 991px){
    .footer-widget{
        width: 48%;
        margin-right: 0;
    }
    .footer-widget:nth-child(2n+1){
        margin-right: 2%;
    }
    .footer-widget:nth-child(2n+3){
        clear: left;
    }
}

@media (max-width: 480px){
    .footer-widget{
        width: 100%;
        margin-right: 0;
        float: none;
    }
    .footer-widget:nth-child(2n+1){
        margin-right: 0;
    }
}