/* This file is used as dependency in:
   ../../templates/blog-listing.html 
   ../../modules/sec-blog-post-preview.module/module.html 
   ../../modules/blog-post.module/module.html 
   ../../modules/blog-post-header.module/module.html */

.pwr-post-item-simple {
    margin: 0 10px .83em;
    text-transform: var(--tt-title);
}

.pwr-post-item {
    color: var(--clr-text-lt);
    display: inline-block;
    height: 445px!important;
    float: left;
    margin: 10px;
    position: relative;
    width: calc( 33.33% - 20px );
    z-index: 1;
    --mod-bpp-clr-hover-box-txt: var(--clr-hover-box-txt);
    --mod-bpp-clr-hover-box-background: var(--clr-hover-box-background);
}

.pwr-post-item--1col {
    border-bottom: 1px solid rgba(var(--clr-base-dk),.1);
    height: auto;
    float: none;
    margin: 10px 0 45px;
    width: 100%;
    max-width: 815px;
}

.pwr-post-item--1col-centered {
    display: block;
    margin: 0 auto 55px;
}

.pwr-post-item--2col {
    width: calc( 50% - 20px );
}

.pwr-post-item__img {
    background-size: cover;
    background-position: top;
    border-top-left-radius: var(--br-box);
    border-top-right-radius: var(--br-box);
    height: 238px!important;
    width: 100%;
}

.pwr-post-item--1col .pwr-post-item__img {
    background-position: center;
    border-radius: var(--br-img);
}

.pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__img:not(.pwr-post-item__img--disabled-zoom) {
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important;
    height: 238px!important;
}

.pwr-post-item__overlay {
    background-color: var(--mod-bpp-clr-hover-box-background);
    border-radius: var(--br-box);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform-style: preserve-3d;
    width: 100%;
}

.pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__overlay {
    opacity: .85;
}

.pwr-post-item__info-box {
    left: 0;
    padding: 35px 40px 45px;
    position: absolute;
    top: 238px;
    background-color: #fff!important;
    padding: 35px 40px 45px!important;
    BORDER-RADIUS: 0 0 15px 15px!important;
}
}

.pwr-post-item--1col .pwr-post-item__info-box {
    padding-left: 0;
    position: relative;
    top: 0;
}

.pwr-post-item__content.pwr--dark .pwr-post-item__name {
    color: var(--clr-text-dk);
}

.pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__name {
    color: var(--clr-text-dk);
}

.pwr-post-item__content.pwr--dark .pwr-post-item__title {
    color: var(--clr-text-dk);
}

.pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__title {
    color: var(--clr-text-dk);
}

.pwr-post-item__content.pwr--dark .pwr-post-item__desc {
    color: var(--clr-text-dk);
}

.pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__desc {
    color: var(--clr-text-dk);
}

.pwr-post-item__content.pwr--dark .pwr-post-item__more-link {
    color: var(--clr-text-dk);
}

.pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__more-link {
    color: var(--clr-text-dk);
}

.pwr-post-item__content.pwr--dark .pwr-post-item__n-min-read {
    color: var(--clr-text-dk);
}

.pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__n-min-read {
    color: var(--clr-text-dk);
}

.pwr-post-item__content.pwr--dark .pwr-post-item__date {
    color: var(--clr-text-dk);
}

.pwr--dark .pwr-post-item__content:not(.pwr--light) .pwr-post-item__date {
    color: var(--clr-text-dk);
}

.pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__name {
    color: var(--mod-bpp-clr-hover-box-txt);
}

.pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__title {
    color: var(--mod-bpp-clr-hover-box-txt);
}

.pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__desc {
    color: var(--mod-bpp-clr-hover-box-txt);
}

.pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__more-link {
    color: var(--mod-bpp-clr-hover-box-txt);
}

.pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__n-min-read {
    color: var(--mod-bpp-clr-hover-box-txt);
}

.pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__date {
    color: var(--mod-bpp-clr-hover-box-txt);
}

.pwr-post-item__name {
    color: var(--clr-text-lt);
    display: inline-block;
    font-family: var(--ff-accent);
    font-size: 13px;
    font-weight: 700;
    text-transform: var(--tt-other);
    padding-bottom: 5px;
}

.pwr-post-item__date {
    color: var(--clr-text-lt);
    display: inline-block;
    font-family: var(--ff-accent);
    font-size: 13px;
    font-weight: 700;
    text-transform: var(--tt-other);
    padding-bottom: 5px;
}

.pwr-post-item__name + .pwr-post-item__date:before {
    content: "|";
    padding: 0 10px 0 8px;
}

.pwr-post-item__date + .pwr-post-item__n-min-read:before {
    content: "|";
    padding: 0 10px 0 8px;
}

.pwr-post-item__name + .pwr-post-item__n-min-read:before {
    content: "|";
    padding: 0 10px 0 8px;
}

.pwr-post-item__n-min-read {
    color: var(--clr-text-lt);
    display: inline-block;
    font-family: var(--ff-accent);
    font-size: 13px;
    font-weight: 500;
    text-transform: var(--tt-other);
    padding-bottom: 5px;
}

.pwr-post-item__title {
    color: var(--clr-text-lt);
    text-transform: var(--tt-title);
    letter-spacing: -.33 !important;
}

.pwr-post-item__author + .pwr-post-item__title {
    margin-top: 5px;
}

.pwr-post-item--1col .pwr-post-item__title {
    color: var(--clr-title-lt);
    margin-top: 10px;
}

.pwr-post-item:not(.pwr-post-item--1col) .pwr-post-item__title {
    font-size: 20px;
}

.pwr-post-item__desc {
    color: var(--clr-text-lt);
    font-size: 14px;
}

.pwr-post-item--1col .pwr-post-item__desc {
    font-size: 16px; /* fallback */
    font-size: var(--fs-base);
    line-height: 1.88em;
}

.pwr-post-item__desc > p {
    margin: 0;
}

.pwr-post-item__title + .pwr-post-item__desc {
    margin-top: 15px;
}

.pwr-post-item__more-link {
    color: var(--clr-primary);
    display: block;
    font-family: var(--ff-btn);
    font-size: 13px;
    font-weight: 700;
    position: relative;
    text-transform: var(--tt-link);
}

.pwr-post-item__more-link:hover .pwr-link-icon {
    transform: translateX(4px);
}

.pwr-post-item__title + .pwr-post-item__more-link {
    margin-top: 25px;
}

.pwr-post-item__desc + .pwr-post-item__more-link {
    margin-top: 25px;
}

.pwr-post-body {
    background-color: var(--clr-blog-post-background);
    font-family: var(--ff-post-body);
    overflow: hidden;
    padding-top: 60px;
}

.pwr-post-social {
    margin: 0 auto;
    max-width: var(--lo-content-width-blog-post);
    padding: 10px 0 25px;
}
.pwr-post-social:not(:has(.hs-blog-social-share-item)) {
    display: none;
}

.pwr-post-content {
    margin: 0 auto;
    max-width: var(--lo-content-width-blog-post);
    padding-bottom: 140px;
}

.pwr-post-content {
    font-size: 18px; /* fallback */
    font-size: var(--fs-post-body);
    font-weight: var(--fw-post-body);
    line-height: var(--lh-post-body);
    letter-spacing: var(--ls-post-body);
}

.pwr-post-content p {
    font-size: 18px; /* fallback */
    font-size: var(--fs-post-body);
    font-weight: var(--fw-post-body);
    line-height: var(--lh-post-body);
    letter-spacing: var(--ls-post-body);
}

.pwr-post-content > .hs_cos_wrapper > *:first-child {
    margin-top: 0;
}

.pwr-post-content img {
    border-radius: var(--br-img);
}

.pwr-post-comments .hs_submit .hs-button {
    margin-top: 0;
    padding: 15px 31px;
}

.pwr-post-item.swiper-slide {
    margin: 0;
}


.pwr-blog-narration--wrapper {
    background-color: var(--clr-blog-post-background);
}

.pwr-blog-narration--container {
    color: var(--clr-blog-narra-text);
    font-family: var(--ff-post-body);
    font-size: var(--fs-post-body);
    font-weight: var(--fw-post-body);
    letter-spacing: var(--ls-post-body);
    line-height: var(--lh-post-body);
    margin: 0 auto;
    max-width:var(--lo-content-width-blog-post);
}

.pwr-blog-narration--container .hs-audio-player {
    background-color: var(--clr-blog-narra-background);
    cursor: pointer;
    --secondary: var(--clr-blog-narra-text) !important;
    transition: box-shadow 0.25s;
}

.pwr-blog-narration--container .hs-audio-player:hover {
    background-color: var(--clr-blog-narra-background) !important;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.1), 
                0 0 3px 0 rgba(0,0,0,.05), 
                0 0 8px 0 rgba(0,0,0,.05);
}

.pwr-blog-narration--container:has(.hs-audio-player)  {
    padding-top: 20px;
}

.pwr-blog-narration--container .hs-ipe-widget-placeholder {
    margin: 0px !important;
}

.pwr-blog-narration--container .hs-audio-player:hover [class^="_control-button"] {
    background-color: var(--clr-blog-narra-background) !important;
}

.pwr-blog-narration--container [class^="_control-button"] {
    background-color: var(--clr-blog-narra-background);
    border: 2px solid var(--clr-blog-narra-background);
    transition: border 0.25s;
}

.pwr-blog-narration--container .hs-audio-player:hover [class^="_control-button"]:hover {
    background-color: var(--primary) !important;
    border: 1px solid rgba(var(--clr-base-dk-rgb), 10%) !important;
    transition: border .25s;
}

.pwr-blog-narration--container [class^="_slider-played"] {
    background-color: var(--clr-blog-narra-highlight);
}

.pwr-blog-narration--container [class^="_slider-control"] {
    background-color: var(--clr-blog-narra-highlight);
    box-shadow: 0 0 0 3px var(--clr-blog-narra-background) !important;
    transition: border 0.25s;
}

.pwr-blog-narration--container [class^="_slider-container"] {
    background-color: var(--primary);
}

@media (min-width: 992px) {
    .pwr-post-content,
    .pwr-post-social,
    .pwr-blog-narration--container {
        max-width: calc(var(--lo-content-width-blog-post) + 2 * var(--sp-p-hor-desktop));
        padding-left: var(--sp-p-hor-desktop);
        padding-right: var(--sp-p-hor-desktop);
    }
}
@media (max-width: 991px ) {
    .pwr-post-item:not(.pwr-post-item--1col) {
        width: calc( 50% - 20px );
    }

    .pwr-post-content {
        margin: 0 var(--sp-p-hor-mobile);
    }

    .pwr-post-social {
        margin: 0 var(--sp-p-hor-mobile);
    }

    .pwr-blog-narration--container {
        margin: 0 var(--sp-p-hor-mobile);
    }
}

@media (min-width: 990px ) {
    .pwr-post-social.pwr-post-social--is-float {
        height: 0;
        padding: 0;
    }

    .pwr-post-social.pwr-post-social--is-float .at-share-btn-elements {
        left: -95px;
        position: absolute;
        width: 80px;
        top: 10px;
    }

    .pwr-post-social.pwr-post-social--is-float .at-share-btn-elements .at-share-btn {
        margin-bottom: 10px;
    }

    .pwr-post-social.pwr-post-social--is-float .at-share-btn-elements .at-share-btn:hover {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
}

@media (max-width: 767px ) {
    .pwr-post-item--1col .pwr-post-item__desc {
        font-size: var(--fs-base-tablet);
        letter-spacing: var(--ls-base-tablet);
        line-height: var(--lh-base-tablet);
    }

    .pwr-post-item:not(.pwr-post-item--1col) {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .pwr-post-content {
        font-size: var(--fs-post-body-tablet);
        line-height: var(--lh-post-body-tablet);
        letter-spacing: var(--ls-post-body-tablet);
    }

    .pwr-post-content p {
        font-size: var(--fs-post-body-tablet);
        line-height: var(--lh-post-body-tablet);
        letter-spacing: var(--ls-post-body-tablet);
    }

    .pwr-post-row--margin-b {
        margin: 0;
    }

    .pwr-post-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .pwr-post-item--1col .pwr-post-item__desc {
        font-size: var(--fs-base-mobile);
        letter-spacing: var(--ls-base-mobile);
        line-height: var(--lh-base-mobile);
    }

    .pwr-post-content {
        font-size: var(--fs-post-body-mobile);
        line-height: var(--lh-post-body-mobile);
        letter-spacing: var(--ls-post-body-mobile);
    }

    .pwr-post-content p {
        font-size: var(--fs-post-body-mobile);
        line-height: var(--lh-post-body-mobile);
        letter-spacing: var(--ls-post-body-mobile);
    }
}

.pwr-post-social:has(.addthis_inline_share_toolbox:empty) {
    padding: 0px;
}