/* Blog Theme Css */
#jx-yt-channel-subscription-button {
    border-radius: 5px;
    border: 1px solid #FF0000;
    background-color: #FF0000;
    color: #f1f1f1;
    padding: 2px 10px 4px 10px;
    text-decoration: none;
    font-size: 13px;
}
#jx-yt-channel-subscription-button:hover {
    border: 1px solid #bf0c0c;
    background-color: #bf0c0c;
}
.yt-channel-subscriber-button {
    margin-top: 3px;
}
#jx-yt-video-player-container {
    display: none;
    margin-bottom: 10px;
}
.jx-item-title a {
    font-weight: 300;
    text-decoration: none;
    color: black;
}
.jx-youtube-video-modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.85);
}
.embed-responsive-16by9 {
    height: 100%;
}
.embed-responsive-16by9 iframe {
    width: 100%;
    height: 100%;
}
.yt-feed-loadmore {
    display: none;
}
.loadmore-button-container {
    text-align: center;
    margin-top: 20px;
}
.loader-container {
    text-align: center;
    margin: 24px;
}
#feedloader {
    display: none;
    margin: auto;
}
.close-btn-inline {
    text-align: center;
    display: none;
}
.close-inline-icon {
    cursor: pointer;
}
.jxyt-channel-header-1 .channel-header-info-grid-row {
    display: grid;
    grid-template-columns: 60px auto 1fr;
    gap: 10px;
}
.jxyt-channel-header-1 .channel-thumb {
    width: 60px;
    height: 60px;
}
.jxyt-channel-header-1 .jxyt-action-area {
    justify-content: end;
    display: flex;
}
.jxyt-channel-header-2 .channel-header-info-grid-row {
    display: grid;
    grid-template-columns: 50px auto auto 1fr;;
    gap: 10px;
}
.jxyt-channel-header-2 .channel-thumb {
    width: 50px;
    height: 50px;
}
.jxyt-channel-header-2 .chi-grid-items {
    display: flex;
    vertical-align: middle;
}
.jxyt-channel-header-2 .chi-grid-items .yt-channel-title, .jxyt-channel-header-2 .chi-grid-items .yt-channel-subscriber-button {
    margin: auto;
}
.jxyt-channel-header-3 .channel-header-info-grid-row {
    display: grid;
    grid-template-columns: 160px auto;
    gap: 10px;
}
.jxyt-channel-header-3 .channel-thumb {
    width: 160px;
    height: 160px;
}
.jx-blog-image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.jxyt-img-wrapper:hover .jx-blog-image {
    opacity: 0.3;
}
.jxyt-img-wrapper:hover .middle {
    opacity: 1;
}
p.jb-title {
    margin-bottom: 0.6rem;
}
.jxyt-blog-title-wrap {
    margin-top: 15px;
}
.jxyt-action-area {
    justify-content: end;
}
.jxyt-channel-header-1 .cs-close-btn {
    top: 11px;
    left: -11px;
}
.jxyt-channel-header-3 .cs-close-btn {
    top: 0;
    left: 0;
}
.header-close-btn-holder, .header-close-btn-holder-extended {
    display: flex;
    justify-content: end;
    margin-right: 14px;
}
.header-close-btn-holder .close-btn-inline {
    margin-bottom: 0;
    margin-top: 10px;
}
.header-close-btn-holder .cs-close-btn {
    left: -6px;
}