/* ================= Table of Contents ==================

	1. Home Page
		1.0 Overview
		1.1 Welcome
	N. End of Style

==================================================== */

/* ====================================================

	1. Home Page

==================================================== */

	/* ================================================
		1.0 Overview
	================================================ */

    #single ul.info li:before,
    #userComments h4 span:after{
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;	
    }

/* ================================================
    1.1 Home
================================================ */

    #home{
        padding: 40px 0;
    }
    .post-collection{
        max-width: 1550px;
        padding: 40px 30px;
    }
    .post-collection .post{
        -webkit-box-shadow: 0px 20px 30px rgba(0,0,0,.16);
        -moz-box-shadow: 0px 20px 30px rgba(0,0,0,.16);
        -o-box-shadow: 0px 20px 30px rgba(0,0,0,.16);
        -ms-box-shadow: 0px 20px 30px rgba(0,0,0,.16);
        box-shadow: 0px 20px 30px rgba(0,0,0,.16);
        background: #FFFFFF;
        width: -webkit-calc(25% - 39px);
        width: -moz-calc(25% - 39px);
        width: -o-calc(25% - 39px);
        width: -ms-calc(25% - 39px);
        width: calc(25% - 39px);
        margin-right: 52px;
        margin-bottom: 40px;
    }
    .post-collection .post:hover .title h4{
        color: #236EA1;
    }
    .post-collection .post:hover{
        -webkit-box-shadow: 0px 20px 30px rgba(0,0,0,.28);
        -moz-box-shadow: 0px 20px 30px rgba(0,0,0,.28);
        -o-box-shadow: 0px 20px 30px rgba(0,0,0,.28);
        -ms-box-shadow: 0px 20px 30px rgba(0,0,0,.28);
        box-shadow: 0px 20px 30px rgba(0,0,0,.28);
    }
    .post-collection .post:nth-child(4n){
        margin-right: 0;
    }
    .post-collection .post .icon{
        height: 220px;
    }
    .post-collection .post .title{
        height: 172px;
        border-bottom: solid 1px #E6E6E6;
    }
    .post-collection .post .title h4{
        color: #ADB3B9;
        font-size: 26px;
        line-height: 32px;
        padding: 0 30px;
    }
    .post-collection .post .info{
        height: 84px;
    }
    .post-collection .post .info .inner{
        max-width: 254px;
    }
    .post-collection .post .info p.date{
        font-size: 14px;
        line-height: 19px;
        color: #4D4D4D;
    }
    .post-collection .post .info span.likes,
    .post-collection .post .info span.comments{
        padding-left: 16px;
    }
    .post-collection .post .info span.likes{
        margin-right: 12px;
    }
    .post-collection .post .info span.likes:after,
    .post-collection .post .info span.comments:after{
        position: absolute;
        height: 10px;
        width: auto;
        top: 0px;
        left: 0px;
    }
    .post-collection .post .info span.likes:after{
        content: url(../images/icons/common/like.svg);
    }
    .post-collection .post .info span.comments:after{
        content: url(../images/icons/common/comment.svg);
    }
    .breadcrumb ul{
        max-width: 1550px;
        padding: 40px 30px 0px 30px;
    }
    .single-page-breadcrumb{
        max-width: 1140px;
    }
    .breadcrumb ul li{
        color: #C6CDD3;
        font-size: 18px;
        line-height: 20px;
    }
    .breadcrumb ul li a.link{
        margin-right: 25px;
    }
    .breadcrumb ul li a.link:after{
        position: absolute;
        content: "/";
        height: 20px;
        width: 15px;
        line-height: 20px;
        text-align: center;
        top: 4px;
        right: -20px;
    }
    .breadcrumb ul li a.link:hover{
        color: #236EA1;
    }
    #goToTop{
        position: fixed;
        bottom: 74px;
        right: 74px;
        height: 40px;
        width: 40px;
        background: #FFFFFF;
        border: solid 1px #E6E6E6;
        -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.16);
        -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.16);
        -o-box-shadow: 0px 0px 12px rgba(0,0,0,.16);
        -ms-box-shadow: 0px 0px 12px rgba(0,0,0,.16);
        box-shadow: 0px 0px 12px rgba(0,0,0,.16);
        padding-top: 14px;
        z-index: 99;
        display: none;
    }
    #goToTop img{
        height: 10px;
    }
    #loader{
        background: #f0f0f0;
        width: 100%;
        display: none;
    }
    #loader,
    #loaderProgress{
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
        height: 4px;		    
    }
    #loaderProgress{
        z-index: 100;
        width: 0;
        background: #236EA1;
        -webkit-transition: all 4s;
        -moz-transition: all 4s;
        -o-transition: all 4s;
        -ms-transition: all 4s;
        transition: all 4s;
    }
    .load-more-holder button{
        margin-bottom: 80px;
    }
    #single{
        padding: 40px 0 120px 0;
    }
    #single h1{
        font-size: 48px;
        line-height: 60px;
        max-width: 960px;
        color: #C6CDD3;
    }
    #single ul.info{
        margin: 40px 0;
    }
    #single ul.info li{
        font-size: 16px;
        line-height: 20px;
        color: #C6CDD3;
        padding: 0 40px;
    }
    #single ul.info li:before{
        position: absolute;
        content: '';
        height: 8px;
        width: 8px;
        top: 6px;
        left: 10px;
        background: #C6CDD3;
    }
    #contentHolder .inner{
        max-width: 1080px;
    }
    #contentHolder .inner .content-area{
        padding: 80px 20px 80px 20px;
        border-bottom: solid #DCE1E5;
        border-width: 2px;
    }
    #content p,
    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6{
        font-family: 'lato-regular';
        margin-bottom: 40px;
    }
    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6{
        line-height: 1.25;
        color: #939AA0;
    }
    #content p{
        font-size: 20px;
        line-height: 30px;
        font-family: 'lato-regular';
        color: #C6CDD3;
    }
    #content p a{
        color: #236EA1;
    }
    #content p a:hover{
        text-decoration: underline;
    }
    #content p strong{
        font-family: 'lato-bold', sans-serif;
    }
    ul.action{
        margin-top: 20px;
    }
    ul.action li{
        width: 32px;
        height: 32px;
        margin-right: 20px;
    }
    ul.action li img{
        height: 32px;
        width: auto;
    }
    .simplefavorite-button{
        display: inline-block;
        height: 32px;
        width: 36px;
        position: relative;
        cursor: pointer;
        background: #FFFFFF;
    }
    .simplefavorite-button:after{
        position: absolute;
        content: url(../images/icons/post/like.svg);
        height: 32px;
        width: 36px;
        background: #FFFFFF;
        top: 0;
        left: 0;
    }
    .likeUnlike .active:after{
        content: url(../images/icons/post/liked.svg);
    }
    #prevNext .one:first-child{
        margin-top: 60px;
    }
    #prevNext .one:nth-child(2){
        margin-top: 40px;
        padding-top: 20px;
        border-top: solid 1px #DCE1E5;
    }
    #prevNext h3{
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 20px;
        color: #939AA0;
    }
    #prevNext .icon{
        width: 333px;
        height: 220px;
    }
    #prevNext .desc{
        width: -webkit-calc(100% - 333px);
        width: -moz-calc(100% - 333px);
        width: -o-calc(100% - 333px);
        width: -ms-calc(100% - 333px);
        width: calc(100% - 333px);
        padding: 5px 0 0 40px;
    }
    #prevNext h4{
         color: #ADB3B9;
         font-size: 26px;
         line-height: 32px;
         max-width: 468px;
    }
    #prevNext p.date{
        padding: 15px 0 5px 0;
    }
    #prevNext p.date{
        font-size: 16px;
    }
    #prevNext p.like-share span{
        font-size: 10px;
        line-height: 18px;
    }
    #prevNext p.like-share span.likes,
    #prevNext p.like-share span.comments{
        padding-left: 16px;
    }
    #prevNext p.like-share span.likes:after,
    #prevNext p.like-share span.comments:after{
        position: absolute;
        height: 10px;
        width: auto;
        top: 0px;
        left: 0px;
    }
    #prevNext p.like-share span.likes:after{
        content: url(../images/icons/common/like.svg);
    }
    #prevNext p.like-share span.comments:after{
        content: url(../images/icons/common/comment.svg);
    }
    #prevNext .post:hover h4{
        color: #236EA1;
    }
    #userCommentForm{
        padding: 80px 0;
    }
    #userCommentForm input,
    #userCommentForm textarea{
        width: 100%;
    }
    #userCommentForm input[type="submit"]{
        width: auto;
    }
    form#commentform{
        display: block;
        overflow: hidden;
    }
    p.comment-notes,
    p.form-submit{
        width: 100%;
    }
    p.comment-form-author,
    p.comment-form-email{
        width: 50%;
        float: left;
        padding: 20px 0;
    }
    p.comment-form-author{
        padding-right: 10px;
    }
    p.comment-form-email{
        padding-left: 10px;
    }
    p.form-submit{
        overflow: hidden;
    }
    p.form-submit input[type="submit"]{
        float: right;
    }
    form#commentform p.comment-notes {
        display: none;
    }
    #userComments{
        padding: 0 0 80px 0;
    }
    #userComments h4,
    #userComments p{
        font-size: 18px;
        line-height: 26px;		
    }
    #userComments h4{
        color: #939AA0;
        margin-bottom: 10px;
    }
    #userComments h4 span{
        font-size: 12px;
        color: #C6CDD3;
        padding-left: 40px;
    }
    #userComments h4 span:after{
        position: absolute;
        content: '';
        height: 7px;
        width: 7px;
        top: 8px;
        left: 20px;
        background: #C6CDD3;
    }
    #userComments p{
        color: #C6CDD3;
    }
    #userComments .one:first-child{
        border-top: solid;
        border-color: #DCE1E5;
        border-width: 2px;
        padding-top: 80px;
    }
    #userComments .one{
        padding-bottom: 60px;
        margin-bottom: 60px;
        border-bottom: solid 1px #DCE1E5;
    }
    #userComments .one:last-child{
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
    #error404{
        padding: 120px 0;
    }
    #error404 hr{
        outline: none;
        border: none;
        height: 120px;
        width: 2px;
        margin: 40px auto;
        background: #C6CDD3;
    }

/* ================================================
    N. End of Style
================================================ */