.sd-posts:not([style*="sd-gap"]) {
    --sd-gap-lg: 50px;
    --sd-gap-md: 40px
}

.sd-post .sd-entry-content > div[class*="wpb_"] {
    display: none
}

.sd-post .sd-entry-content twitterwidget {
    margin: 10px auto
}

.sd-post .sd-entry-content p:not(:last-child) {
    margin-bottom: 15px
}

.sd-post .entry-thumbnail img {
    width: 100%;
    border-radius: var(--sd-brd-radius)
}

.sd-post .entry-header {
    position: relative;
    text-align: center
}

.sd-post .article-inner {
    border-radius: var(--sd-brd-radius)
}

.sd-post .article-body-container {
    position: relative;
    z-index: 1;
    text-align: center
}

.sd-post .post-title {
    margin-bottom: 10px
}

.sd-post .post-title:last-child {
    margin-bottom: 0
}

.sd-post:hover .post-image-mask:after, .sd-post:hover .post-image-mask:before, .sd-post:hover .post-image-mask span {
    opacity: 1;
    animation: sd-fadeInRight .3s ease
}

.sd-post:hover .post-image-mask:before {
    transition-delay: .2s;
    animation-delay: .2s
}

.sd-post:hover .post-image-mask span {
    transition-delay: .1s;
    animation-delay: .1s
}

.sd-post:hover .post-img-wrapp a {
    transform: scale(1.03)
}

.sd-post:hover .post-img-wrapp a:after {
    opacity: 1
}

.sd-post.blog-style-bg .article-body-container {
    padding: 25px;
    border-radius: var(--sd-brd-radius);
    background-color: var(--bgcolor-white)
}

.sd-add-shadow .article-body-container {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
    transition: box-shadow .6s ease
}

.sd-add-shadow:hover .article-body-container {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2)
}

.post-img-wrapp {
    overflow: hidden;
    border-radius: var(--sd-brd-radius);
    vertical-align: middle;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.browser-Safari .post-img-wrapp {
    transform: translate3d(0, 0, 0)
}

.post-img-wrapp a {
    display: block;
    margin: -2px;
    transition: transform .7s ease, opacity .7s ease;
    transform: scale(1)
}

.post-img-wrapp a:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity .7s ease
}

.post-image-mask {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -5px;
    margin-right: -22px;
    text-align: center;
    font-size: 0
}

.post-image-mask:after, .post-image-mask:before {
    content: ""
}

.post-image-mask:after, .post-image-mask:before, .post-image-mask span {
    display: inline-block;
    margin-left: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    opacity: 0;
    transition: opacity .2s ease;
    animation: sd-fadeOutLeft .3s ease
}

.post-image-mask:after {
    margin-left: 0
}

.post-image-mask span {
    transition-delay: .1s;
    animation-delay: .1s
}

.post-image-mask:before {
    transition-delay: .15s;
    animation-delay: .15s
}

@keyframes sd-fadeOutLeft {
    from {
        transform: none
    }
    to {
        transform: translate3d(-50px, 0, 0)
    }
}

.hovered-social-icons {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    color: var(--color-gray-300);
    vertical-align: middle;
    font-size: 0;
    transition: all .25s ease
}

.hovered-social-icons div.sd-tooltip-label {
    display: block !important;
    padding: 5px !important;
    height: auto;
    line-height: 1;
    pointer-events: auto;
    max-width: fit-content
}

.hovered-social-icons div.sd-tooltip-label:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    inset: auto 0 -8px 0
}

.hovered-social-icons + .read-more-section {
    margin-top: 5px
}

.hovered-social-icons:after {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    content: "\f117";
    font-family: "sandbox-font"
}

.hovered-social-icons:hover {
    color: var(--color-gray-500)
}

.meta-categories-wrapp {
    position: absolute;
    top: -13px;
    inset-inline: 15px;
    overflow: hidden;
    height: 25px;
    line-height: 25px
}

.format-link .entry-content a {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--bgcolor-gray-100);
    font-size: 22px
}

.format-link .entry-content a:hover {
    background-color: var(--bgcolor-gray-300)
}

@keyframes sd-fadeInRight {
    from {
        transform: translate3d(50px, 0, 0)
    }
    to {
        transform: none
    }
}

.sd-carousel-item .sd-post:not(.has-post-thumbnail) .post-date {
    display: none
}

.sd-carousel-item .sd-post:not(.has-post-thumbnail) .meta-categories-wrapp {
    position: static;
    margin-bottom: 15px
}

[style*="col-lg:4"] .sd-carousel-item .sd-entry-meta .meta-author {
    font-size: 0
}

[style*="col-lg:4"] .sd-carousel-item .sd-entry-meta .meta-author a {
    font-size: 14px
}

.read-more-section {
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 1
}

.read-more-section a {
    position: relative;
    display: inline-block;
    border-bottom: none;
    color: var(--sd-primary-color);
    text-transform: var(--btn-transform);
    font-weight: 800;
    font-size: 13px
}

.read-more-section a:after {
    position: absolute;
    bottom: 0;
    right: 100%;
    display: inline-block;
    margin-right: 5px;
    height: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 5px;
    opacity: 0;
    transition: opacity .35s ease;
    content: "\f109";
    font-family: "sandbox-font"
}

.read-more-section a:hover {
    color: var(--sd-primary-color)
}

.read-more-section a:hover:after {
    opacity: 1;
    animation: sd-ShakePrev 1s ease infinite
}

.read-more-section:first-child {
    margin-top: 0
}

@media (min-width: 1025px) {
    [style*="col-lg:4"] .sd-carousel-item .post-title {
        font-size: 20px
    }
}

@media (max-width: 1024px) {
    .sd-post .meta-author > span {
        display: none
    }

    .sd-post:hover .post-img-wrapp a {
        transform: none
    }

    .post-img-wrapp a:after, .post-image-mask {
        display: none
    }

    .sd-blog-holder :is([class*="blog-design-default"],.blog-design-small-images:not(.has-post-thumbnail)) .post-title {
        font-size: 28px
    }
}

@media (max-width: 768.98px) {
    .sd-blog-holder [class*="blog-design-default"] .sd-entry-content {
        font-size: inherit
    }

    .sd-blog-holder :is([class*="blog-design-default"],.blog-design-small-images:not(.has-post-thumbnail)) .post-title {
        font-size: 24px;
        line-height: 1.4
    }

    .sd-blog-holder :is(.blog-design-default,.blog-design-small-images).format-quote .article-body-container {
        padding-inline: 35px
    }
}

@media (max-width: 576px) {
    .sd-post.blog-style-bg .article-body-container {
        padding-inline: 15px
    }

    .hovered-social-icons {
        display: none
    }

    .sd-blog-holder :is([class*="blog-design-default"],.blog-design-small-images:not(.has-post-thumbnail)) .post-title {
        font-size: 20px
    }
}