/* ================= Popuplink ================== */
.mfp-container {
    /*height: unset;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    */
}
.popup-newsletter-content-bg {
    background-color: #333 !important;
}
/* ================= Detail Content Video================== */
.embed-holder .p-format-overlay.format-style-top .p-format:after {
    margin-left: 5px;
    border-top-left-radius: var(--round-5);
}
.embed-holder .p-format-overlay.format-style-center .p-format i {
    font-size: 100px;
    color: #ff000e;
}
/* ================= Detail Content ================== */
.breadcrumb-wrap:not(.breadcrumb-rewrap) .breadcrumb-inner {
    white-space: unset;
}
.entry-content ul, .entry-content ol {
    padding-left: 2em !important;
}

/* Credits:
    https://www.niemvuilaptrinh.com/article/Nhung-Code-Snippet-Blockquotes-Cho-Trang-Web-Nam-2020 */
.entry-content img {
    border-radius: var(--wrap-border, var(--round-3));
}
.entry-content blockquote {
        quotes: unset;
        /*margin: 0 auto;
        padding: 1em;*/
        border-left: 5px solid var(--g-color);
        background-color: rgb(250 250 250 / 40%);
    }
    .entry-content blockquote:before {
        display: none;
    }
    .entry-content blockquote:not(:first-of-type) {
        margin-top: .5em;
    }
    .entry-content blockquote p {
        color: #727070;
        /*padding: 10px;
        font-size: 12pt;
        line-height: 1.4;
        font-family: 'PT Serif', Cambria, 'Hoefler Text', Utopia, 'Liberation Serif', 'Nimbus Roman No9 L Regular', Times, 'Times New Roman', serif;*/
    }
    .entry-content blockquote cite {
        margin-top: .5em;
        padding: 0;
        color: #777;
        text-align: left;
        /*font-size: 14pt;
        font-style: italic;*/
    }
    .entry-content blockquote cite:before {
        content: '— ';
    }
    .entry-content blockquote:nth-of-type(even) {
        /*text-align: right;*/
        border-left: none;
        border-right: 5px solid #999;
    }
    .entry-content blockquote:nth-of-type(even) cite {
        text-align: right;
    }
    .entry-content blockquote:nth-of-type(even) cite:before {
        content: '';
    }
    .entry-content blockquote:nth-of-type(even) cite:after {
        content: ' —';
    }
    @element 'blockquote' and (min-width: 300px) {
        .entry-content blockquote {
        padding: 1em 20% 1em 1em;
        }
        .entry-content blockquote p {
        font-size: 16pt;
        }
        .entry-content blockquote:nth-of-type(even) {
        padding: 1em 1em 1em 20%;
        }
    }
    @media (max-width: 460px) {
        .review-intro .inner {
            display: block;
        }
    }
    @media (max-width: 767px) {
        .rbbsl {
            flex-shrink: inherit;
        }
        .rbbsl>* {
            margin-bottom: 10px;
        }
    }
/* ================= COPYlink ================== */
.detail-content{padding:0px 10px;border:none;cursor:pointer;position:fixed;bottom:35px;left:50px;z-index:99999}
.link-source{font-style:italic;margin-top:2%;display:block;text-align:right!important}
.link-source-wrapper{width:auto;display:block;box-sizing:border-box;float:right;position:relative;padding-top:5px;padding-bottom:5px;z-index:1}
.link-source-wrapper a.link-source-name{font:600 12px/14px Arial;color:#f5f5f5!important;box-sizing:border-box;background:var(--g-color);border-radius:5px;padding:9px 11px;display:block}
.link-source-wrapper .link-source-name span{color:#e8f5e8}
.link-source-wrapper .link-source-name svg{position:relative;top:2px}
.link-source-wrapper .link-source-detail{display:none;background:var(--g-color);border-radius:6px;width:100%;max-width:300px;position:absolute;right:0;bottom:55px;padding:10px 12px;word-break:break-all}
.link-source-wrapper .link-source-detail .arrow-down{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgb(245 245 245);position:absolute;bottom:-10px;right:16px}
.link-source-wrapper .link-source-detail .sourcelinktop{display:flex;justify-content:space-between}
.link-source-wrapper .link-source-wrapper:hover .link-source-detail{display:none}
.link-source-wrapper span.link-source-detail-title{color:#f5f5f5;font:normal 12px/12px Arial}
.link-source-wrapper .link-source-full, .link-source-wrapper a.link-source-full{font:normal 14px/15px Arial;color:#f5f5f5!important;display:block;margin-top:5px;padding:5px;border:1px solid #fff;border-radius:4px}
.link-source-wrapper span.btn-copy-link-source{float:right;font:normal 12px/12px Arial;color:#a00101;background: #e6e9ec;cursor:pointer;border:1px solid #fff;border-radius:4px;padding:2px 5px;line-height:14px}
.link-source-wrapper span.btn-copy-link-source svg{position:relative;top:1px}
.link-source-wrapper .link-source-name .btn-copy-link-source2{display:block;color:#f5f5f5;margin-left:20px;float:right;cursor:pointer;font:normal 14px/13px Arial}
.link-source-wrapper .link-source-name .btn-copy-link-source{display:none}
.link-source-wrapper .btn-copy-link-source{display:block;color:rgba(255,255,255,0.8);margin-left:20px;font:normal 10px/11px Arial;cursor:pointer;float:right;border:1px solid rgba(255,255,255,0.8);border-radius:4px;padding:1px 6px;top:-2px;position:relative}
.link-source-wrapper .btn-copy-link-source.disable{opacity:0}
.link-source-wrapper .btn-copy-link-source.disable i,.btn-copy-link-source2.disable i{color:#333}
.link-source-wrapper a.link-source-full.active{background:#ffeb3b;color:#000 !important}

/* ================= COMMENTform ================== */
#commentform .error  { font-size: 13px; color:#FF0000; }
#commentform input.error, #commentform textarea.error { background: #FFD2D2; color:#000000; }

/* ================= Reponsive ================== */
@media screen and (max-width: 460px) {
    .floating-activated .float-holder {
        right: 0px;
    }
}
@media screen and (max-width: 600px) {
    .entry-content .table-is-responsive {
        clear: both;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 0;
        overflow: hidden;
        /*overflow-x: auto;*/
        overflow-x: scroll;
        display: block;
        white-space: nowrap;
    }
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media screen and (min-width: 768px) {
    .rbtoc.table-fw .inner a {
        padding: 0px 15px 10px !important;
    }
}

@media screen and (max-width: 1200px) {
    .detail-content {
        left: 10px;
    }
}

/** Rank Math SEO FAQ **/
#rank-math-faq {
	margin-top: 40px;
	border: 1px solid #e0e0e0;
	border-top: 4px solid #22a8e2;
	padding: 20px;
	position: relative
}

#rank-math-faq .ruby-toc-toggle {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    text-decoration: none !important;
}

#rank-math-faq .rank-math-question {
	/*font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;*/
	padding: 10px 0 10px;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	cursor: pointer
}

#rank-math-faq .rank-math-question:after {
	content: "";
	background: url(../images/chevron-down-black.svg) no-repeat right center;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 1;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: all .3s
}

#rank-math-faq .rank-math-question.faq-active:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

#rank-math-faq .rank-math-list-item:not(first-child) .rank-math-answer {
	display: none
}

#rank-math-faq .rank-math-list-item:not(:last-child) {
	border-bottom: 1px solid #f0f0f0
}

#rank-math-faq .rank-math-answer {
	padding: 0 10px
}

#rank-math-faq .rank-math-answer p,
#rank-math-faq .rank-math-answer {
	/*color: #666;
	background-color: #fff;
	font-size: 18px*/
}