/**
 * description: Styling sheet for the wb_post_list shortcode ent-v2 skin
 * author: WorkerBee.TV
 * date created: September 14, 2021
 * @package Enterprise
 */

.wb-ent-title-video-channel.wb-post-list-heading-ent-v2 {
    color: #065F5D;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 12pt;
}

.wb-float-right{
    float:right;
}

.wb-post-note,
.wb-post-price {
    border-radius: 4px;
    color: #fff;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 10.5pt;
}
.wb-post-note {
    background: #4B5660;
    padding: 4px 8px;
}
.wb-post-price {
    background: #198838;
    padding: 4px 10px;
}
.wb-post-price i {
    color: #fff;
}

.wb-ent-post-list-widget-wrapper{
    margin-right: 0px;
    width: 100%;
}

.wb-post-list-article-ent-v2 {
    padding-right: 0 !important;
}

.wb-post-list-article-ent-v2 .wb-ent-post-list-thumbnail.wb-ent-img-thumbnail-group img {
    margin-bottom: 2px !important;
    position:absolute;
}

.wb-post-list-post-type-ent-v2 {
    border-radius: 4px;
    color: #FFFFFF;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 10.5pt;
    padding: 4px 8px;
    width:auto !important;
}
.wb-post-list-post-type-ent-v2.wb_mm_pdf {
    text-transform: uppercase;
    background-color: #315f43;
}
.wb-post-list-media-duration-ent-v2,
.wb-post-list-webinar-status-ent-v2 {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    padding: 4px 8px;
    color: #fff;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 10.5pt;
}

.wb-post-list-article-ent-v2 .wb-ent-post-list-item-buttons-container .wb-ent-watch-video-btn {
    display: none !important;
}
/** sidebar */
aside .wb-ent-post-list-widget-header {
  display: block;
  font-size: 22px;
  font-family: 'Roboto';
  font-weight: 300;
  text-align: center;
}

/* Pagination */
.wb-pl-skin-ent-v2 .wb-ent-pagination-wrapper{
    padding-left: 0 !important;
}

.wb-pl-skin-ent-v2 ul.post-order-pagination.justify-content-center{
    justify-content: flex-start !important;
}

.pagination .page-item {
    padding: 0 8px;
}

.post-order-pagination .page-item .page-link {
    border: none !important;
    color: #065F5D !important;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 19px;
}

.post-order-pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #4B5660 !important;
    border-color: #4B5660 !important;
    border-radius: 4px;
    padding: 3px 8px
}

/* Carousel  */
.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234B5660'%2F%3E%3C%2Fsvg%3E") !important;
}

.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234B5660'%2F%3E%3C%2Fsvg%3E") !important;
}

.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next:before,
.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev:before,
.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev,
.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-container-rtl .swiper-button-next {
    content: "" !important;
}

.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button {
    right: 4px;
    height: 32px;
    width: 20px;
    background-size: 20px 32px;
    top: 46%;
}

.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button {
    left: 4px;
    height: 32px;
    width: 20px;
    background-size: 20px 32px;
    top: 46%;
}

.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button.wb-post-list-2-frame,
.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button.wb-post-list-2-frame {
    top: 40%;
}

.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button.wb-post-list-3-frame,
.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button.wb-post-list-3-frame {
    top: 37%;
}

.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button.wb-post-list-4-frame,
.wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button.wb-post-list-4-frame {
    top: 34%;
}

.wb-pl-skin-ent-v2 .swiper-pagination.swiper-pagination-bullets {
    display: none;
}

.wb-pl-skin-ent-v2 .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #4B5660 !important;
}

/* Updated Content Thumbnail  */
.wb-ent-v2-post-list-item-thumbnail-info {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-bottom: 56%;
}

.wb-ent-v2-post-list-item-thumbnail-info img.w-100{
    max-height: 100% !important;
}

.wb-ent-v2-post-list-item-thumbnail-info .top-left {
    position: absolute;
    top: 8px;
    left: 8px;
    width: auto;
    word-wrap: normal;
    word-break: keep-all;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wb-post-note,
.wb-post-price,
.wb-post-list-post-type-ent-v2 {
    display: inline-block;
    vertical-align: middle;
    word-wrap: normal;
    white-space: nowrap;
    width: auto;
    margin: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    position:relative;
}
.wb-post-note.wb-restricted-fa {
    width: 34px;
    text-indent: -9999px;
}
.wb-post-note.wb-restricted-fa::before {
    content: "\f023";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 3px;
    left: 10px;
    text-indent: initial;
}

.wb-ent-v2-post-list-item-thumbnail-info .bottom-right {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.wb-ent-v2-content-published-date {
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 10.5pt;
}

#wb-frontend-home-contents .wb-ent-page-content-related-box-widget,
#wb-frontend-home-contents .wb-ent-page-content-related-box-widget .wb-related-ent-v2-skin-wrapper{
    margin-bottom: 0 !important;
}

#wb_hidden_horizontal_post_list {
    display: none !important;
}

.wb-ent-title-sponsor-badge-wrapper {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.wb-ent-v2-post-list-sponsored-badge {
    background-color: #F8F8F8;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    color: #000000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    padding: 3px 8px;
}

.wb-pl-skin-ent-v2 .wb-ent-page-link-background-transparent .page-item.active .page-link {
    background-color: #4B5660 !important;
    border-color: #4B5660 !important;
    color: #fff !important;
}

/* Webinar  */
.wb-post-list-webinar-status-ent-v2.wb-webinar {
    background: #CD1900;
}

/*** MOBILE PORTRAIT ***/
@media (max-width: 575.98px) {
    .wb-post-list-article-ent-v2 .wb-ent-post-list-thumbnail.wb-ent-img-thumbnail-group img {
        width: 100% !important;
        max-height: 100% !important;
    }

    .wb-post-list-article-ent-v2 {
        padding-left: 0 !important;
    }

    .wb-ent-title-sponsor-badge-wrapper {
        flex-flow: column !important;
        align-items: flex-start !important;
    }
}

/* Tablet portrait to Mobile Portrait  */
@media (max-width: 767.98px) {
    .wb-pl-skin-ent-v2 .swiper-container {
        width: 100% !important;
    }

    .wb-pl-skin-ent-v2 .swiper-pagination.swiper-pagination-bullets {
        display: block !important;
    }

    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button,
    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button {
        display: none !important;
    }

    .wb-home-page .wb-post-list-post-type-ent-v2 {
        display: none;
    }
}

/* Tablet to Mobile*/
@media (min-width: 767.99px) and (max-width: 768px){
    .wb-pl-skin-ent-v2 .swiper-container {
        width: 84% !important;
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px){
    .wb-pl-skin-ent-v2 .swiper-container {
        width: 90% !important;
    }

    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button.wb-post-list-2-frame,
    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button.wb-post-list-2-frame {
        top: 37% !important;
    }

    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button.wb-post-list-3-frame,
    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button.wb-post-list-3-frame {
        top: 34% !important;
    }

    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button.wb-post-list-4-frame,
    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button.wb-post-list-4-frame {
        top: 31% !important;
    }
}

/*** MEDIUM DESKTOP ***/
@media (min-width: 1025px) and (max-width: 1600px) {
    .wb-post-list-article-ent-v2 .wb-ent-post-list-thumbnail.wb-ent-img-thumbnail-group img {
        width: 100% !important;
        max-height: 100% !important;
    }

    .wb-pl-skin-ent-v2 .swiper-container {
        width: 90% !important;
    }

    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button.wb-post-list-2-frame,
    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button.wb-post-list-2-frame {
        top: 37% !important;
    }

    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button.wb-post-list-3-frame,
    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button.wb-post-list-3-frame {
        top: 34% !important;
    }

    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-next.wb-ent-swiper-control-button.wb-post-list-4-frame,
    .wb-related-ent-v2-skin-wrapper .wb-ent-post-list-widget .swiper-button-prev.wb-ent-swiper-control-button.wb-post-list-4-frame {
        top: 31% !important;
    }
}

/*** Wide Screen ***/
@media (min-width: 1601px)  {
    .wb-post-list-article-ent-v2 .wb-ent-post-list-thumbnail.wb-ent-img-thumbnail-group img {
        width: 100% !important;
        max-height: 100% !important;
    }

    .wb-pl-skin-ent-v2 .swiper-container {
        width: 92% !important;
    }
}

/* Pricing Tooltip */
.wb-pricing-tooltip-trigger {
    margin-left: 1.3rem;
    cursor: default;
}

.wb-pricing-tooltip-trigger i {
    font-weight: 600;
    font-size: 11px;
}

.wb-pricing-tooltip.tooltip.show {
    margin-left: 10px;
    opacity: 1;
}

.wb-pricing-tooltip.bs-tooltip-right .arrow {
    left: -2px;
    background-color: #fff;
    transform: rotate(45deg);
    border-left: 1px solid rgba(180, 180, 180, 1);
    border-bottom: 1px solid rgba(180, 180, 180, 1);
    width: 1rem;
    height: 1rem;
}

.wb-pricing-tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #fff;
    border-width: 0;
}

.wb-pricing-tooltip.bs-tooltip-left .arrow {
    right: -2px;
    background-color: #fff;
    transform: rotate(45deg);
    border-right: 1px solid rgba(180, 180, 180, 1);
    border-top: 1px solid rgba(180, 180, 180, 1);
    width: 1rem;
    height: 1rem;
}

.wb-pricing-tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #fff;
    border-width: 0;
}

.wb-pricing-tooltip .tooltip-inner {
    border: 1px solid rgba(180, 180, 180, 1);
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    background-color: #fff;
    color: #000;
    padding: 1rem 1.5rem;
    max-width: 300px;
}

.wb-pricing-tooltip .price-text {
    font-size: 14px;
    font-weight: 400;
}

.wb-lazy-placeholder {
    width: 100%;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
}

@-webkit-keyframes spin {
    from { -webkit-transform:rotate(0deg); }
    to { -webkit-transform:rotate(360deg); }
}

@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

.wb-lazy-placeholder::after {
    content: '';
    display: block;
    width: 55px;
    height: 55px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}