/* ======= Single page style - Common rules ======= */

.yit-portfolio.single #wrapper{
    overflow-x: visible;
}

.yit_portfolio_extra_info h3,
.yit_post_content h3.portfolio_content_title{
    font-size: 17px;/**/
    font-weight: 700;/**/
    border-bottom: 1px solid;
    padding: 6px 0;
    margin: 16px 0;
}

.yit_post_content p{
    line-height: 22px;/**/
}

.yit_portfolio_extra_info .portfolio_meta{
    border-bottom: 2px solid;
    padding-bottom: 7px;
}

.yit_portfolio_extra_info .portfolio_meta span.meta_title{
    font-size: 17px;/**/
    color: #000000;/**/
    line-height: 22px;
}

.yit_portfolio_extra_info .portfolio_meta span.meta_content{
    font-size: 17px!important;/**/
}

.yit_portfolio_extra_info .portfolio_share .socials a{
    margin-right: 7px;
}

.yit_portfolio_extra_info .portfolio_button{
    margin-top: 25px;
}

/* ======= Single page style - Layout1 ======= */

/* ======= Slide tab rules */

.current-post .big-image .swiper-container,
.next-post .big-image .swiper-container{
    position: relative;
}

.current-post .big-image  .swiper-navigation {
    position: absolute;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.boxed-layout .current-post .big-image  .swiper-navigation{
    left: 15px;
}

.current-post .big-image .swiper-container .swiper-direction,
.next-post .big-image .swiper-container .swiper-direction{
    position: relative;
}

.current-post .big-image .swiper-container .swiper-direction.left,
.next-post .big-image .swiper-container .swiper-direction.left{
    left: 0;
    float: left;
}

.current-post .big-image .swiper-container .swiper-direction.right,
.next-post .big-image .swiper-container .swiper-direction.right{
    right: 0;
    float: right;
}

.next-post .big-image .placeholder.no-featured .placeholder-container{
    position: static;
}

/* ======= Post rules */

.portfolio_big_image h2.post-title.portfolio-title{
    text-align: center;
    padding: 8px 0 5px 0;
    margin: 26px 0;
    border-top: 1px solid;
    border-bottom: 2px solid;
}

.portfolio_big_image h2.post-title.portfolio-title a{
    text-transform: uppercase!important;/**/
}

/* ======= Single page style - Layout2 ======= */

/* ======= Post rules */
.portfolio_small_image .yit_portfolio_thumbnail .thumbnail{
    border: 9px solid #fafafa;
    border-radius: 10px;
    max-width: 100%;
    display: inline-block;
}

.portfolio_small_image .yit_portfolio_thumbnail .thumbnail .swiper-container .swiper-direction.left{
    right: 48px;
    left: auto;
    top: 13px;
}

.portfolio_small_image .yit_portfolio_thumbnail .thumbnail .swiper-container .swiper-direction.right{
    right: 20px;
    top: 13px;
}

.portfolio_small_image .yit_portfolio_thumbnail .thumbnail .swiper-container .swiper-direction i{
    font-size: 12px;
    padding: 4px 6px;
    color: #d8d8d8/**/;
    opacity: 1;
}

.portfolio_small_image .yit_portfolio_thumbnail .thumbnail .swiper-container .swiper-slide > img{
    width: 100%;
}

.portfolio_small_image.portfolio-title-bar{
    margin-bottom: 27px;
}

.boxed-layout .portfolio_small_image.portfolio-title-bar{
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}

.portfolio_small_image.portfolio-title-bar .container{
    position: relative;
}

.portfolio_small_image.portfolio-title-bar a.btn{
    position: absolute;
    right: 15px;
    top: 30%;

}

.portfolio_small_image h2.post-title.portfolio-title{
    display: inline-block;
    margin: 30px 0;
}

.portfolio_small_image h2.post-title.portfolio-title a{
    font-weight: 700!important;
    text-transform: uppercase!important;
}

.portfolio_small_image .yit_portfolio_extra_info h3.portfolio_extra_title,
.portfolio_small_image .yit_post_content h3.portfolio_content_title{
    margin-top: 0;
    padding-top: 8px;
}

.portfolio_small_image .yit_post_content .portfolio_content{
    margin-bottom: 45px;
}

.portfolio_small_image .yit_post_content .yit_portfolio_extra_info{
    border-top: 2px solid;/**/
    padding-top: 17px;
    vertical-align: top;
}

.portfolio_small_image .yit_post_content .yit_portfolio_extra_info .portfolio_meta{
    border-bottom: none;
    padding: 0;
    display: inline-block;
}

.portfolio_small_image .yit_post_content .yit_portfolio_extra_info .portfolio_share{
    display: inline-block;
    float: right;
}

.portfolio_small_image .yit_post_content .yit_portfolio_extra_info .portfolio_share .socials h2{
    margin-top: 0;
}

.portfolio_small_image .yit_post_content .yit_portfolio_extra_info .portfolio_share .socials .icon-wrapper{
    float: right;
}

.portfolio_small_image .yit_post_content .yit_portfolio_extra_info .portfolio_share .socials .icon-wrapper div:last-child a{
    margin-right: 0;
}

.portfolio_small_image .portfolio_other_project .title-bar{
    position: relative;
    text-align: center;
    line-height: 0.8;
    margin-top: 50px;
    overflow: hidden;
}

.portfolio_small_image .portfolio_other_project .title-bar:after,
.portfolio_small_image .portfolio_other_project .title-bar:before{
    content: '';
    width: 100%;
    border-top: 1px solid;
    position: absolute;
    top: 48%;
}

.portfolio_small_image .portfolio_other_project .title-bar:after{
    margin-right: -100%;
}

.portfolio_small_image .portfolio_other_project .title-bar:before{
    margin-left: -100%;
}

.portfolio_small_image .portfolio_other_project .title-bar h5{
    position: relative;
    z-index: 3;
    padding: 0 4%;
    margin: 0;
    display: inline-block;
    font-size: 24px;/**/
    font-weight: 700;/**/
}

.portfolio_small_image .portfolio_other_project .portfolio-slider-outer{
    margin-top: 38px;
}

.portfolio_share .social-icon{
    display: inline-block;
    font-size: 17px;
    margin-left: 5px;
}

.portfolio_share .social-icon a:hover{
    color: #000000;
}