/**
 * Blog Section
 */
.ws-blog-section {background:#ECECEF; position:relative;}
.ws-blog-section:before {
    content:''; position:absolute; top:0; bottom:0; left:50%;
    transform:translateX(-50%); width:100vw; background: #ffffff;
}
.cc-blog-section:before{
    content:''; position:absolute; top:0; bottom:0; left:50%;
    transform:translateX(-50%); width:100vw;
    background:#ECECEF;

    background-image: url(./images/bg.png);
}
.cc-blog-bg-index:before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    z-index: -1;
    transform:translateX(-50%);
    width:100vw;
    background-image: url(./images/bg-1.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.cc-blog-bg:before{
    content:''; position:absolute; top:-50%; bottom:0; left:50%;
    transform:translateX(-50%); width:100vw;
    z-index: -1;
    background-image: url(./images/product-bg.png);
    background-size: cover;
}
.cc-blog-bg-milestone:before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    transform:translateX(-50%); width:100vw;
    background-image: url(./images/milestong-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.ws-blog-section > div {position:relative; z-index:3;}

.ws-blog-section__col.categories {width:66.66%; margin:0 -8px;}
.ws-blog-section__col.breaking-news {width:33.33%; padding-left:45px;}

.ws-blog-section__item.category {width:50%;}

/* layout: full */
.layout-full {padding:60px 0 110px;}
.layout-full .ws-blog-section__item.category .ws-blog-section__item-inner {padding:30px 45px;}
.layout-full .ws-blog-section__heading {margin-bottom:30px;}
.layout-full .ws-blog-section__item.breaking-news {padding-right:30px;}

/* layout: compact */
.layout-compact {padding:50px 0 80px;}
.layout-compact .ws-blog-section__item.category .ws-blog-section__item-inner {padding:25px 45px;}
.layout-compact .ws-blog-section__heading {margin-bottom:30px;}
.layout-compact .ws-blog-section__item-title {margin-bottom:4px;}

/* item */
.ws-blog-section__item {padding:0 8px;}
.ws-blog-section__item-inner {display:block; height:100%; position:relative;}
.ws-blog-section__item-excerpt {opacity:.8; padding-top:13px;}
.ws-blog-section__item-view {position:absolute; bottom:25px; right:20px;}
.ws-blog-section__item:hover {z-index:2;}
.ws-blog-section__item-read-more {padding-top:5px;}

/* item news */
.ws-blog-section__item.category .ws-blog-section__item-inner {
    background:#fff; border-radius:5px;
    box-shadow:0 3px 20px 0 rgb(20 31 63 / .15);
}
.ws-blog-section__item.category .ws-blog-section__item-subtitle {margin-bottom:9px;}
.ws-blog-section__item.category .ws-blog-section__item-inner:hover {box-shadow:0 3px 90px 0 rgb(20 31 63 / .15);}

/* item breaking news */
.ws-blog-section__item.breaking-news .ws-blog-section__item-subtitle {margin-bottom:8px;}

/* svg */
.ws-blog-section__svg {
    position:absolute!important; z-index:2!important;
    bottom:3%; right:6%; width:140px; max-width:15vw; pointer-events:none;
}

.ws-body-pattern.blog {position:absolute; top:0; bottom:0; right:-50vw; height:100%; z-index:1;}

/* responsive */
@media only screen and (max-width:1500px){
    .ws-blog-section__col.breaking-news {padding-left:30px;}

    /* layout: full */
    .layout-full {padding:40px 0 60px;}
    .layout-full .ws-blog-section__item.category .ws-blog-section__item-inner {padding:25px 30px;}

    /* layout: compact */
    .layout-compact {padding:40px 0 60px;}
    .layout-compact .ws-blog-section__item.category .ws-blog-section__item-inner {padding:20px 45px 20px 30px;}
    .layout-compact .ws-blog-section__heading {margin-bottom:30px;}

    /* svg */
    .ws-blog-section__svg {width:120px;}
}
@media only screen and (max-width:1024px){
    .ws-blog-section__col.breaking-news {padding-left:20px;}
    .ws-blog-section__item-view {bottom:15px; right:10px;}
    .layout-compact .ws-blog-section__item-title {margin-bottom:15px;}

    /* layout: full & compact */
    .layout-full, .layout-compact {padding:30px 0 40px;}
    .layout-full .ws-blog-section__item.category .ws-blog-section__item-inner,
    .layout-compact .ws-blog-section__item.category .ws-blog-section__item-inner {padding:20px;}
    .layout-full .ws-blog-section__heading,
    .layout-compact .ws-blog-section__heading {margin-bottom:20px;}

    /* svg */
    .ws-blog-section__svg {width:100px;}
}
@media only screen and (max-width:768px){
    .ws-blog-section__col.categories {width:100%; margin:0 -8px;}
    .ws-blog-section__col.breaking-news {width:100%; padding-left:0; padding-top:30px;}

    /* layout: full & compact */
    .layout-full, .layout-compact {padding:30px 0;}
}
@media only screen and (max-width:560px){
    .ws-blog-section__col.categories {margin:0;}
    .ws-blog-section__item.category {width:100%;}
    .ws-blog-section__item.category:not(:last-child) {margin-bottom:20px;}
    .ws-blog-section__item {padding:0;}
    .ws-blog-section__item-excerpt {padding-top:5px;}

    /* svg */
    .ws-blog-section__svg {right:-10px; bottom:20px;}
}