/*============================BLOG TYPE S===================*/
.blogTypeSItem {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.6fr 1.56rem 1fr;
    grid-template-columns: 1.6fr 1fr;
    gap: 1.56rem;
    padding: 4.37rem 0rem;
    min-height: calc((100vw - var(--spaceX) * 2) / 3 * 2 * .5);
    margin: .5rem auto;
}
.sorting-blog-container {
    /*min-height: calc(100vh - var(--headerHeight));*/
}
.blogTypeSItem.skeleton.skeleton-add .blogTypeSItem_media:after ,
.blogTypeSItem.skeleton.skeleton-add .blogTypeSItem_info:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    /*background: linear-gradient(100deg, #fff0 40%, rgb(237,237,237) 50%, #fff0 60%) #fff;*/
    /*background: linear-gradient(100deg, #fff0 20%, rgb(237, 237, 237) 50%, #fff0 70%) #d7d7d7;*/
    background: -o-linear-gradient(350deg, #fff0 20%, rgb(237, 237, 237) 50%, #fff0 70%) #e7e7e7;
    background: linear-gradient(100deg, #fff0 20%, rgb(237, 237, 237) 50%, #fff0 70%) #e7e7e7;
    background-size: 200% 100%;
    background-position-x: 180%;
    -webkit-animation: 1.35s loading ease-in-out infinite;
    animation: 1.35s loading ease-in-out infinite;
    pointer-events: none;
    opacity: 0;
    border-radius: .5rem;
    -webkit-filter: none;
    filter: none;
}
.blogTypeSItem.skeleton.skeleton-add .blogTypeSItem_media ,
.blogTypeSItem.skeleton.skeleton-add .blogTypeSItem_info {
    position: relative;
    overflow: hidden;
}
.blogTypeSItem.skeleton.skeleton-add .blogTypeSItem_media  *,
.blogTypeSItem.skeleton.skeleton-add .blogTypeSItem_info  *{
    opacity: 0;
}
.blogTypeSItem.skeleton.skeleton-add .blogTypeSItem_media:after ,
.blogTypeSItem.skeleton.skeleton-add .blogTypeSItem_info:after {
    opacity: 1
}
@-webkit-keyframes loading {
    to {
        background-position-x: -20%
    }
}

@keyframes loading {
    to {
        background-position-x: -20%
    }
}
/*.blogTypeSItem.skeleton.skeleton-add .blogTypeSItem_media:before ,*/
/*.blogTypeSItem.skeleton.skeleton-add .blogTypeSItem_media:after {*/
/*    opacity: 0;*/
/*}*/
.blogTypeSItems {
    position: relative;
}
.blogTypeSItems:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(left, rgba(255, 197, 60, 0.00) 0%, var(--BrandYellow500) 50%, rgba(255, 197, 60, 0.00) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 197, 60, 0.00)), color-stop(50%, var(--BrandYellow500)), to(rgba(255, 197, 60, 0.00)));
    background: linear-gradient(90deg, rgba(255, 197, 60, 0.00) 0%, var(--BrandYellow500) 50%, rgba(255, 197, 60, 0.00) 100%);
}
.blogTypeSItem:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: -o-linear-gradient(left, rgba(255, 197, 60, 0.00) 0%, var(--BrandYellow500) 50%, rgba(255, 197, 60, 0.00) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 197, 60, 0.00)), color-stop(50%, var(--BrandYellow500)), to(rgba(255, 197, 60, 0.00)));
    background: linear-gradient(90deg, rgba(255, 197, 60, 0.00) 0%, var(--BrandYellow500) 50%, rgba(255, 197, 60, 0.00) 100%);
}
.blogTypeSItem_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2rem;
}

.blogTypeSItem_info .title {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 .75rem;
}

.blogTypeSItem_info .author_timeToRead ,
.blogTypeSItem_info .author_timeToRead > *{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .5rem;
}
.blogTypeSItem_info .author_timeToRead .author img {
    width: 2.875rem;
    aspect-ratio: 1;
    border-radius: 50%;
}
.blogTypeSItem_info .author_timeToRead .author{
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.blogTypeSItem_info .author_timeToRead .timeToRead {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.blogTypeSItem_info .author_timeToRead .timeToRead [class^="icon-"]{
    font-size: 0.97rem;
}

.blogTypeSItem_info .tag_excerpt .tags {
    margin-bottom: 0.5rem;
}

.blogTypeSItem_info .tag_excerpt .tags span {
    display: inline-block;
    font-size: 0.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: var(--BrandGreen500);
    color: var(--white);
    border-radius: .75rem;
    padding: .25rem .75rem;
    margin-left: .25rem;
}
html[dir=ltr] .blogTypeSItem_info .tag_excerpt .tags span {
    margin-left: 0;
    margin-right: .25rem;
}
.blogTypeSItem_info .tag_excerpt .excerpt {
    font-size: 0.85rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}
.blogTypeSItem_media {
    /* position: relative; */
    /*no relative !!!*/
}

.blogTypeSItem_media:before{
    /*background-size: 15rem 12rem;*/
    /*background-size: 15rem 9rem;*/
    /*top: -.9rem;*/
    /*top: calc(16rem - 15rem - 3px);*/
    /*left: -1.8rem;*/
    /*left: calc(7rem - 9rem - 5px);*/
    /*width: 60%;*/
    /*height: 40%;*/
    content: '';
    position: absolute;
    background-image: url("../img/four-handed-pattern.svg");
    background-repeat: no-repeat;
    background-size: 15rem 9rem;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    top: calc(9rem * .15 * -.5);
    left: calc(15rem * .15 * -1);
    display: none;
}
html[dir=ltr] body[data-pagetype*="archive"] .blogTypeSItem_media:before {
    left: auto;
    right: calc(15rem * .15 * -1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.share_view_date{
    color: var(--BrandGreen400);
}
.blogTypeSItem_media svg .rect-detail-item-box {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.blogTypeSItem_media svg {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 1.5;
}
.blogTypeSItem_media .media-box {
    width: 100%;
    height: 100%;
}
.blogTypeSItem_media .main-media {
    display: block;
    border-radius: var(--radius-btn);
    border: 3px solid transparent;
    background: -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */ -o-repeating-linear-gradient(left, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
    background: -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */ -o-repeating-linear-gradient(left, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--BrandGreen500)), to(var(--BrandGreen500))) padding-box, /* inner background */ repeating-linear-gradient(90deg, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
    background: -o-linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */ -o-repeating-linear-gradient(left, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
    background: linear-gradient(var(--BrandGreen500), var(--BrandGreen500)) padding-box, /* inner background */ repeating-linear-gradient(90deg, #495D59 0, #495D59 45%, #FFC53C 70%, #495D59 100%, #495D59 25%, #FFC53C 25%, #FFC53C 100%) border-box;
    overflow: hidden;
    aspect-ratio: 2 / 1.5;
}
.share_view_date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    /*position: relative;*/
    /*width: calc(100% + 2rem);*/
    /* bottom: 0; */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    width: 31.5vw;
    top: calc(4.37rem - 2rem * 1 + -2.5px);
    height: 1.8rem;
}
html[dir=ltr] .share_view_date {

}
.blogTypeSItem_media:after {
    content: '';
    position: absolute;
    top: 3rem;
    left: -1rem;
    width: 7rem;
    height: 7rem;
    background-color: var(--BrandGreen-400);
    -webkit-filter: blur(37px);
    filter: blur(37px);
    z-index: -1;
    border-radius: 50%;
}
html[dir=ltr] body[data-pagetype*="archive"] .blogTypeSItem_media:after {
    left: auto;
    right: calc(35% - 7rem / 2 + 37px);
}
.blogTypeSItem .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .25rem;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 50%;
}
.share.mobile {
    display: none;
}
html[dir=ltr] .blogTypeSItem .share {

}

.blogTypeSItem .share .socialMedia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.1rem;
    margin-right: 0.25rem;
}
html[dir=ltr] .blogTypeSItem .share .socialMedia {
    margin-right: 0;
    margin-left: .25rem;
}
.blogTypeSItem .share .socialMedia a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.blogTypeSItem .share .socialMedia [class^="icon-"] {
    font-size: 1.2rem;
}
.share_view_date .view_date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0.25rem .5rem .25rem 0;
    padding: 0 .25rem;
    color: var(--BrandGreen400);
    position: relative;
    width: 9.25vw;
}

.share_view_date .view_date .view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
    position: relative;
}

.share_view_date .view_date .view:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 0.0625rem;
    height: 100%;
    background: -o-linear-gradient(top, rgba(73, 93, 89, 0.00) 0%, #333 50%, rgba(73, 93, 89, 0.00) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(73, 93, 89, 0.00)), color-stop(50%, #333), to(rgba(73, 93, 89, 0.00)));
    background: linear-gradient(180deg, rgba(73, 93, 89, 0.00) 0%, #333 50%, rgba(73, 93, 89, 0.00) 100%);
}
html[dir=ltr] .share_view_date .view_date .view:before {
    left: auto;
    right: -50%;
}
.share_view_date .view_date .view [class^="icon-"] {
    font-size: 1rem;
}
/*============================BLOG TYPE S===================*/
#noPostMessage , #loadingText {
    text-align: center;
    padding: 2rem 1rem;
    font-size: .9rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
}
#loadMoreContainer #loadMoreBo {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
}

#loadMoreContainer {
    padding: 1rem 0;
}
/*===================================================RESPONSIVE*/
@media only screen and (max-width: 768px){
    .blogTypeSItem {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 2.5rem 0 1rem 0;
        min-height: calc((100vw - var(--spaceX) * 2) / 1 * 1 * 1);
    }
    .blogTypeSItem_info {
        gap: 1rem;
    }

    .blogTypeSItem_info .title {
        margin: 0;
    }
    .blogTypeSItem_media {
        -ms-grid-row: 1;
        grid-row: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .blogTypeSItem_media svg {
        width: 100%;
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1);
    }
    .blogTypeSItem_media svg .rect-detail-item-box {
        -webkit-transform: translateY(-50%) scaleY(-1);
        -ms-transform: translateY(-50%) scaleY(-1);
        transform: translateY(-50%) scaleY(-1);
    }
    .blogTypeSItem_media .media-box {
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1);
    }
    .share_view_date:before {
        top: auto;
        bottom: 2rem;
    }
    .blogTypeSItem .share {
        width: 100%;
        gap: .75rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: .5rem;
    }
    html[dir=ltr] .blogTypeSItem .share {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .blogTypeSItem .share {
        display: none;
    }
    .share.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .blogTypeSItem .share .socialMedia [class^="icon-"] {
        font-size:1rem
    }
    .blogTypeSItem .share .socialMedia {
        gap:1rem
    }
    .share_view_date .view_date {
        font-size:.625rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background-color: var(--BrandYellow500);
        border-radius: .5rem;
        gap: .5rem;
        height: 1.5rem;
        bottom: 2.25rem;
        padding: .25rem .5rem;
    }
    .share_view_date {
        width: 100%;
        bottom: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    aside .share_view_date {
        width: 100%;
    }
    .blogTypeSItem_media:before {
        content: none;
    }
    .share_view_date .view_date:before {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) scaleX(-1);
        -ms-transform: translateY(-50%) scaleX(-1);
        transform: translateY(-50%) scaleX(-1);
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.22 14.01'><path d='m0-.14C0,3.09,2.62,5.71,5.85,5.71h50.6c.55,0,1,.45,1,1s-.45,1-1,1H6.15C2.75,7.71,0,10.47,0,13.86s-2.75,6.15-6.15,6.15h-260.7c-3.4,0-6.15-2.75-6.15-6.15s-2.75-6.15-6.15-6.15h-110.4c-.55,0-1-.45-1-1s.45-1,1-1h110.69c3.23,0,5.85-2.62,5.85-5.85s2.62-5.85,5.85-5.85H-5.85C-2.62-5.99,0-3.37,0-.14Z' fill='%23FFC53C'/></svg>") center/100% 100% no-repeat;
        height: 100%;
        width: .5rem;
        left: -.4rem;
    }
    .share_view_date .view_date:after{
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 2px;
        width: var(--spaceX);
        left:calc(var(--spaceX)*-1);
        background-color: var(--BrandYellow500);
    }
    .share_view_date .view_date .view {
        margin-left: .5rem;
    }

    .share_view_date .view_date .view:before {
        left: -25%;
    }
    .categoryItems::-webkit-scrollbar {
        height: 0px;
    }
    .categoryItems::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px var(--white);
        box-shadow: inset 0 0 0px var(--white);
    }
    .categoryItems::-webkit-scrollbar-thumb {
        background-color: var(--BrandGreen500);
        outline: 0px solid var(--BrandGreen500);
        border-radius: 10px;
    }
    html[dir=ltr] .share_view_date {
        left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    html[dir=ltr] .share_view_date .view_date .view:before {
        right: -25%;
    }

    html[dir=ltr] .share_view_date .view_date .view {
        margin-left: 0;
        margin-right: .5rem;
    }
}

@media only screen and (min-width: 640px) and (max-width: 768px){
    .blogTypeSItem {
        min-height: calc((100vw - var(--spaceX) * 2) / 1 * 1 * .5);
    }
    .share_view_date .view_date {
        font-size:.5rem;
    }
    .blogTypeSItem_media svg {
        aspect-ratio: 2 / 1.25;
    }
    .blogTypeSItem .share {
        bottom: 7.125rem;
    }
    /*.share_view_date {*/
    /*    padding-top: 1rem;*/
    /*}*/

    .blogTypeSItem_media .main-media {
        aspect-ratio: 2 / 1;
    }

}
@media only screen and (min-width: 769px) and (max-width: 1199px){
    .blogTypeSItem .share {
        top: 1.25rem;
        width: 60%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .blogTypeSItem_info .title {
        font-size: 1.125rem;
    }

    .blogTypeSItem_info .author_timeToRead .author img {
        width: 2rem;
    }
    .blogTypeSItem_media:before {
        /*background-size: 10rem 9rem;*/
        /*top: calc(16rem - 15rem + 4px);*/
        /*left: calc(9rem - 9rem - 7px);*/
    }
    html[dir=ltr] body[data-pagetype*="archive"] .blogTypeSItem_media:before {
        left: auto;
    }
    .share_view_date .view_date {
        top: 4px;
        width: 20vw;
        /* padding-left: 1rem; */
    }
    .share_view_date {
        /*bottom: .25rem;*/
        top: calc(4.37rem - 3rem * 1 + 11.5px);
        height: 2.2rem;
        width: 28.5vw;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .blogTypeSItem .share {
        top: 1.25rem;
        width: 60%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        /* flex-direction: column; */
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .blogTypeSItem_info .title {
        font-size: 1.25rem;
    }
    .blogTypeSItem_media:before {
        /* background-size: 12rem 10rem; */
        /*top: calc(16rem - 15rem + 5px);*/
        /* left: -1.1rem; */
    }
    html[dir=ltr] body[data-pagetype*="archive"] .blogTypeSItem_media:before {
        left: auto;
    }
    .share_view_date .view_date {
        width: 11.75vw;
        /* top: .35rem; */
        position: relative;
        top: 4px;
    }
    .share_view_date {
        /* bottom: .25rem; */
        top: calc(4.37rem - 3rem * 1 + 11.5px);
        /* height: 2.2rem; */
        width: 36.5vw;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
    .blogTypeSItem .share {
        top: 3.1255rem;
    }
    .blogTypeSItem_info .title {
        font-size: 1.25rem;
    }
    .blogTypeSItem_media:before {
        /* background-size: 13rem 10rem; */
        /* top: 0.2rem; */
        /* left: -1.4rem; */
    }
    html[dir=ltr] body[data-pagetype*="archive"] .blogTypeSItem_media:before {
        left: auto;
    }
    .share_view_date .view_date {
        width: 9.3rem;
    }
    .share_view_date {
        /*bottom: .35rem;*/
    }
}