.penci-single-featured-img{background-color: #303f9f;}
span.attachment-penci-full-thumb.size-penci-full-thumb.penci-single-featured-img.wp-post-image {
    
    background-position: center 20%;
}

.penci-sticky-toc {
    max-width: 220px;

}
.penci-toc-wrapper {
    padding: 5px 16px 5px;
    margin-bottom: 20px;    max-width: 320px;
}
.penci-toc-wrapper .penci-toc-head{min-height: 20px;}
.penci-toc-wrapper .penci-toc-title-toggle {
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.penci-toc-wrapper .penci-toc-title-toggle:before {
    font-family: penciicon !important;
    font-size: 11px;;
}
.penci-single-style-20 .post-format-entry-header{align-items: flex-start;}
.post-entry pre{
    background-color: var(--e-a-bg-loading);
}
pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    border-radius: .3em;
    max-height: 540px;
}
.post-entry:before {
    all:unset;
}

.post-entry code {
    background: unset;
}

.post-entry h2, .wpb_text_column h2, .elementor-text-editor h2, .woocommerce .page-description h2 {
    font-size: 24px;
}
.post-entry figure.image{
    clear: both;
    display: table;
    margin: .9em auto;
    min-width: 50px;
    text-align: center;
}

.post-entry.blockquote-style-2 blockquote ul {
    margin: 0;
}
.elementor-widget-text-editor ul, .post-entry ul, .woocommerce .page-description ul{padding-left: 1.4rem;}
@media only screen and (max-width: 480px) { .elementor-widget-text-editor ul, .post-entry ul, .woocommerce .page-description ul { padding: 0; } }
.elementor-widget-text-editor ul li, .post-entry ul li, .woocommerce .page-description ul li{list-style: none;padding-left: 1rem;}
.elementor-widget-text-editor ul li:before, .post-entry ul li:before, .woocommerce .page-description ul li:before{font-size: 20px; margin: 0 10px 0 0; content: '\2022'; font-weight: bold; color: #2c8f00; position: absolute; left: 0; line-height: 1.4;}   
.elementor-widget-text-editor ul .penci-feed, .post-entry ul .penci-feed, .woocommerce .page-description ul .penci-feed{padding-left:0}
.elementor-widget-text-editor ul .penci-feed:before, .post-entry ul .penci-feed:before, .woocommerce .page-description ul .penci-feed:before{all:unset}

@media only screen and (max-width: 479px) {
    #footer-section>.container, #widget-area>.container, .penci-page-header-wrap .penci-page-header-inner.container, .penci-post-image-wrapper>.container, .penci-single-smore .container, .penci-two-sidebar .container.penci-breadcrumb, .wrapper-boxed>.container, .wrapper-boxed>.penci-single-wrapper>.penci-single-block>.container, ​.penci-page-header-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.penci-ilrelated-posts.pcilrt-list ul.pcilrp-content {
    padding-left: 0;
}
li.penci-toc-page-1.penci-toc-heading-level-2:before {
    display: none;
}
li.penci-toc-heading-level-3:before,li.penci-toc-heading-level-4:before {
    display: none;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container, .container.two-sidebar.two-sidebar, .featured-area.magazine-slider, .featured-area.style-1, .featured-area.style-4, .featured-carousel.style-2 .item img {
         width: unset; 
    }
}
.separator {
    margin-bottom: 1.5rem;
}
.separator a {
    text-decoration: none !important;
    clear: none !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}
.post .responsive-video-wrap { position: relative; width: 100%; padding: 0; padding-top: 56%; }
.post .responsive-video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 Nút cơ bản */ .btn-post { display: inline-block; padding: 10px 20px; font-size: 16px; border: none; border-radius: 5px; cursor: pointer; text-align: center; white-space: nowrap; transition: 0.3s; } /* Nút chính */ .btn-primary { background-color: #007bff; color: white; } .btn-primary:hover { background-color: #0056b3; } /* Nút phụ */ .btn-secondary { background-color: #6c757d; color: white; } .btn-secondary:hover { background-color: #5a6268; } /* Nút thành công */ .btn-success { background-color: #28a745; color: white; } .btn-success:hover { background-color: #218838; } /* Nút cảnh báo */ .btn-warning { background-color: #ffc107; color: black; } .btn-warning:hover { background-color: #e0a800; } /* Nút nguy hiểm */ .btn-danger { background-color: #dc3545; color: white; } .btn-danger:hover { background-color: #c82333; }

/*.pcsl-inner .pcsl-item {*/
/*    height: -webkit-fill-available;*/
/*}*/
/*.pcsl-inner, .swiper.pcsl-inner{*/
/*      height: -webkit-fill-available;  */
/*}*/

.elementor-widget-text-editor ol, .elementor-widget-text-editor ul, .post-entry ol, .post-entry ul, .woocommerce .page-description ol, .woocommerce .page-description ul{margin: 20px 0;}
.elementor-widget-text-editor h1, .elementor-widget-text-editor h2, .elementor-widget-text-editor h3, .elementor-widget-text-editor h4, .elementor-widget-text-editor h5, .elementor-widget-text-editor h6, .elementor-widget-text-editor hr, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr, .woocommerce .page-description h1, .woocommerce .page-description h2, .woocommerce .page-description h3, .woocommerce .page-description h4, .woocommerce .page-description h5, .woocommerce .page-description h6, .woocommerce .page-description hr, .wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5, .wpb_text_column h6, .wpb_text_column hr {
    margin: 17px 0;
}
.post-entry p, .woocommerce .page-description p, .wpb_text_column p {
    margin: 17px 0;
}

.post-entry table{margin: 22px 0;}
.tablescroll {
    overflow-x: auto;
    scrollbar-width: none;
    margin-top: clamp(1.375rem, 1.2rem + .89vw, 2rem);
    background: var(--tablescroll-bg);
    background-repeat: no-repeat;
    background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
    background-position: 0 0, 100%, 0 0, 100%;
    background-attachment: local, local, scroll, scroll;
}
.tabler.connections {
    min-width: 480px;
    position: relative;
}
span.wire {
    min-width: 140px;
	max-width: 255px;
    display: block;
    position: relative;
    margin: 0 auto;
}
span.wire:before {
    left: 0;
}
span.wire:after, span.wire:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 46 7.3'%3E%3Cpath fill='%23535657' d='M13.7 0H46v7.3H13.7z'/%3E%3Cpath fill='%23C3C4C6' d='M0 2.7h13.7v1.8H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    display: block;
    height: 8px;
    top: 0;
    position: absolute;
    width: 50px;
    z-index: 1;
}
span.wire:after {
    right: 0;
    transform: rotate(180deg);
}

span.wire span {
    display: block;
    height: 4px;
    margin: auto 15px;
    position: relative;
    top: 2px;
}

span.wire-red {
    background: #cb2b2b;
}
span.wire-black {
    background: #333739;
}
span.wire-green {
    background: #2ecc71;
}
span.wire-blue {
    background: #3498db;
}
span.wire-purple {
    background: #8d4ba3;
}
span.wire-orange {
    background: #e67e22;
}
span.wire-yellow {
    background: #f1c40f;
}

.pinout.pinout-red { background-color: #cb2b2b; }
.pinout.pinout-gray { background-color: #808080; }
.pinout.pinout-purple { background-color: #800080; }
.pinout.pinout-brown { background-color: #a52a2a; }
.pinout.pinout-dark-blue { background-color: #00008b; }
.pinout.pinout-black { background-color: #333739; }
.pinout.pinout-green { background-color: #2ecc71; }
.pinout.pinout-blue { background-color: #3498db; }
.pinout.pinout-yellow { background-color: #f1c40f; }
.pinout.pinout-orange { background-color: #e67e22; }
span.pinout { padding: 0 7px; border-radius: 3px; margin: 0; color: #fff; font-size: 15px; margin-right: 3px; display: inline-block; -webkit-transform: skew(-10deg); -ms-transform: skew(-10deg); transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg); }

::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #838383;
}
::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 15px;
}

.elementor-lightbox .elementor-lightbox-image{    background: #fff;
    padding: 1rem;}