/**
 *   Copyright Ne.W.S. - New Web Solutions S.r.l. - All rights reserved.
**/

/* ============================================ *
 * Blog
 * ============================================ */
/**Blog Page Home**/
.block-title-line {
    border-bottom:1px solid #e5e5e5;
    padding-top:5px;
    padding-bottom:5px;
}
.container.blog {
    padding-left:0px;
    padding-right:0px;
}
.post-list-wrapper.blog-widget-recent h3,
.post-list-wrapper .post-holder .post-header .post-info .item,
.blog-widget-recent-masonry .post-description .post-text-hld,
.blog-widget-recent .post-description .post-text-hld,
.post-list .post-content .post-read-more,
.post-holder .post-header .post-info {
    display:none;
}
.container.blog .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder,
.container.blog .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {
    clear:none;
    display:flex;
    flex-direction:column;
    max-width:100%;
}
.container.blog .post-holder .post-header {
    -ms-flex-order:2;
    -webkit-order:2;
    order:2;

    background: #333333;
    padding:1rem 10px;

    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
.container.blog .post-holder .post-content {
    -ms-flex-order:1;
    -webkit-order:1;
    order:1;
}
.container.blog .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {
    width:25%;
}
.container.blog .blog-widget-recent .post-holder {
    padding-left:10px;
    padding-right:10px;
    margin-left:0px;
    margin-right:0px;
}
.container.blog .post-content .post-description .post-ftimg-hld {
    margin-bottom:0px;
}
.container.blog .post-ftimg-hld img {
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
 }
.container.blog .post-list .post-header .post-title,
.container.blog .post-list .post-header .post-title a {
    vertical-align:middle;
    min-height:50px;
    height:50px;
    display:table-cell;
    font-size:0.90em;
    line-height:1.3em;
    font-weight:500;
    text-transform:uppercase;
    margin:0px;
    float:none;
    color:#fff;
}
.container.blog .post-list .post-header .post-title a {
    background-image:url("../images/arrow-blog.svg") !important;
    background-position:right 0rem center !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
    padding:0px 30px 0px 0px;
}

/**Blog Page Global**/
.post-list .post-container .post-image {
    -ms-flex:0 0 50%;
    flex:0 0 50%;
}
.post-container .post-title-wrap {
    width:100%;
}
.blog-page-list .post-list .post-holder {
    padding-bottom:2rem !important;
    margin-bottom:5rem !important;
}
.post-container .post-title-wrap.post-title,
.post-list .post-container .post-info .post-title-wrap h3 a,
.post-list .post-container .post-info .post-title-wrap h3 a:hover {
    padding-bottom:2rem;
    font-weight:700;
    font-size:30px;
    color:#333;
    line-height:1.1;
    text-decoration:none;
}
.post-container .post-info .post-data-wrap,
.post-container .post-description,
.post-container .post-read-more {
    display:none;
}
.blog-page.blog-page-list .pages a.page:hover {
    color:#fff;
    text-decoration:none;
    background-color:#006bb4;
}
.blog-page.blog-page-list .pages a.page {
    background-color:#f5f5f5;
    color:#333333;
}

/**Single Post Page**/
.blog-post-view.page-layout-2columns-right .sidebar-additional,
.blog-page-list.page-layout-2columns-right .sidebar-additional,
.blog-post-view .post-content .post-description .post-ftimg-hld img {
    display:none;
}
.blog-post-view .post-view {
    font-weight:400 !important;
}
.container.blog-post h2 {
    font-size:30px;
    font-weight:700;
    color:#333333;
}
.container.blog-post h3 {
    line-height:1.1;
    font-size:2.4rem;
    margin-top:0rem;
    margin-bottom:1rem;
    color:#333;
}
.blog-post-view .post-description .container.blog-post p,
.blog-post-view .post-content .post-description .container.blog-post ul {
    font-size:16px;
    line-height:1.42857143;
    color:#333333;
}
.blog-post-view .post-description .container.blog-post a {
    color:#333333 !important;
}
.blog-post-view .post-description .container.blog-post a:hover {
    color:#0082ca !important;
    text-decoration:none;
}
.blog-page.blog-post-view .post-content {
    padding-bottom:2rem;
    margin-bottom:5rem;
    border-bottom:1px solid #e5e5e5;
}
.container.blog-post .product-image-container {
    width:100% !important;
}



/******NEW Layout Product Name Bottom******/

/*.block-blog-bottom .item .product-name-bottom:hover {
    cursor:pointer;
    background:#0082ca;
    background-image: url("images/arrow-blog.svg");
    background-position: right 1rem bottom 1rem;
    background-repeat: no-repeat;
    background-size:30px 30px;
}*/

/* ============================================ *
 * RESPONSIVE
 * ============================================ */

/* Tablet Medium screens 1024px*/
@media only screen and (max-width: 64em) { 
    /**Blog Page Home**/
    .container.blog .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {
        clear:both;
    }
    .container.blog .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {
        width:48%;
    }  
    /**Blog Page Global**/
    .blog-page .columns .column.main {
        width:75%;
    }
    .blog-page .post-list .post-container .post-image {
        float:left;
        width:50%;
    }
    .blog-page .post-list .post-container {
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
    }
    .blog-page .post-list .post-info .post-title-wrap h3 {
        line-height:1.1;
        font-size:30px;
    }
}

/* Mobile Small screen 768px */
@media only screen and (max-width: 48em) {  
    /**Blog Page Home**/
    .container.blog .post-list .post-description {
        display:inline-block;
    }
    .container.blog .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {
        clear:both;
    }
    .container.blog .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {
        width:48%;
    }
    /**Blog Page Global**/
    .blog-page .page-main {
        padding-left:20px;
        padding-right:0px;
    }
    .blog-page .post-list .post-container .post-image,
    .blog-page .post-container .post-title-wrap {
        float:inherit;
        width:98%;
        padding-right:2%;
        margin-bottom:20px;
    }
    .blog-page .post-list .post-item.post-holder,
    .blog-page .post-list .post-info {
        padding:0px;
    }
    .blog-page .post-list .post-container .post-image {
        -ms-flex:0 0 50%;
        flex:0 0 50%;
    }
}

/* Mobile Small screen 480px */
@media only screen and (max-width: 30em) {
    /**Blog Page Home**/
    .container.blog .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {
        clear:both;
    }
    .container.blog .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {
        width:auto;
    }
    /**Blog Page Global**/
    .blog-page .post-list .post-container {
        display:flex;
        flex-direction:column !important;
        flex-wrap:wrap !important;
    }
    .blog-page .post-list .post-info .post-title-wrap h3,
    .blog-page .post-list .post-container .post-info .post-title-wrap h3 a,
    .container.blog-post h2 {
        line-height:1.3;
        font-size:1.8rem;
    }
}