/*
Theme Name: ledtllighting
Description: This is a child theme for Led TL Lighting
Author: SONQB Solutions
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-wrapper:not(.stuck) .header-main .header-nav {
    margin-top: 0 !important;
}

#related_posts .col {
    float: left;
    margin-left: 0;
    list-style: none;
}

.relatedcontent h3 {
    font-size: 14px;
    margin-top: 7px;
    text-align: center;
}

.relatedthumb img {
    max-height: 150px;
}

#related_posts {
    border-top: 4px double #e8e8e8;
    padding-top: 10px;
    margin-top: 10px;
}

#related_posts li:nth-child(1) {
    padding-left: 0 !important;
}

#related_posts li:nth-child(2) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#related_posts li:nth-child(3) {
    padding-right: 0 !important;
}

.relatedthumb img {
    min-height: 125px;
}


.article-inner .entry-meta {
    font-style: italic !important;
}

.article-inner p {
    text-align: justify;
}

.article-inner .entry-header-text {
    padding: 0px !important;
}

.box-blog-post .is-divider {
    display: none;
}

.block-lien-he {
    font-size: 13px;
}

.rpwwt-widget ul li {
    margin: 0 0 5px !important;
}

.entry-meta #breadcrumbs {
    text-align: center;
}

.entry-header-text {
    padding-bottom: 0;
}

.entry-header-text .entry-meta {
    font-style: italic;
}


/*************** Title Sidebar Right   ***************/
.post-sidebar .widget ul,
#secondary .widget ul,
#product-sidebar .widget ul,
#shop-sidebar .widget ul {
    padding: 0 10px 0 15px !important;
    font-size: 15px !important;
}

.post-sidebar,
.page-right-sidebar .large-3 {
    padding: 0 15px !important;
}

.sidebar-wrapper .widget-title,
#secondary .widget-title,
#product-sidebar .widget-title,
#shop-sidebar .widget-title {
    display: block;
    text-align: center;
    background-color: #0054a5;
    padding: 8px 5px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
}

.post-sidebar .widget,
#secondary .widget,
#product-sidebar .widget,
#shop-sidebar .widget {
    background-color: #f7f7f7;
    margin-bottom: 10px;
}

.post-sidebar .widget .is-divider,
#secondary .widget .is-divider,
#product-sidebar .widget .is-divider,
#shop-sidebar .widget .is-divider {
    display: none;
}

.product .content-row .large-9 {
    border: none !important;
    padding: 0 10px 0 15px;
}

.srpw-ul li {
    margin-left: 0 !important;
}

.price_slider_wrapper {
    padding: 5px 15px 0px 15px;
}

#product-sidebar {
    padding: 20px 0 0 10px;
}

/*************** End. Title Sidebar Right   ***************/

.zoom-button {
    border: none !important;
}

.zoom-button:hover {
    background-color: transparent !important;
    color: #333;
}

.product-tabs {
    background-color: #f1f1f1;
    text-align: center;
}

.woocommerce-tabs .nav>li.active>a {
    background-color: #e6e6e6;
}

.woocommerce-tabs .nav a {
    padding: 10px 30px 5px;
    background-color: #f1f1f1;
}

.woocommerce-tabs .nav li {
    margin: 0;
}

.product-info .social-icons a,
.blog-single .social-icons a {
    padding: 10px;
}

.product-info .product-short-description ul {
    font-style: italic;
}

.product-info .product_title {
    font-size: 23px;
}

.button-home a {
    background-color: transparent !important;
}

.button-home i {
    font-size: 26px !important;
    color: #fff;
    margin-top: 0px !important;
}

.button-home i:hover {
    color: yellow;
}

.block-du-an-da-trien-khai .is-divider {
    display: none;
}

a#top-link {
    color: #a2a2a2;
}

.footer-widgets .name-cty {
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 12px;
    font-size: 17px;
}

.footer-widgets ul li {
    text-align: center;
    padding: 1px 0px;
    font-size: 14px;
}

.footer-widgets .info-cty i {
    text-align: center;
    width: 25px;
}

.footer-widgets .cam-ket-footer {
    font-size: 15px;
    display: block;
    text-align: center;
    font-style: italic;
    color: #fff;
}

.footer-widgets .widget-title {
    font-weight: bold !important;
    color: #fff;
    text-align: center;
    display: block;
}

.widget .is-divider {
    margin: 10px auto !important;
}

.col {
    padding-bottom: 5px !important;
}

.block-gioi-thieu p {
    text-align: justify;
}

.title span {
    display: inline-block;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #333;
}

.title {
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 3px;
}

.title span::before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    background: black;
    width: 75%;
    height: 1px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.title span::after {
    display: block;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: white;
    border: 1px solid #005186;
    -webkit-box-shadow: 0 0 0 5px white;
    box-shadow: 0 0 0 5px white;
    left: 50%;
    margin-left: -5px;
    bottom: -7px;
}

.hotline {
    color: #333;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
}

.hotline a {
    font-size: 17px;
    color: #0054a5;
}

.html_topbar_right {
    width: 96%;
    text-align: center;
}

.salogan {
    font-size: 17px;
    color: #595a5c;
    font-weight: bold;
}

.ten_cong_ty_dt span {
    color: #0054a5;
    font-size: 26px;
    font-weight: 700;
    display: block;
    animation: colorchange 2s infinite;
    -webkit-animation: colorchange 2s infinite;
    -moz-animation: colorchange 2s infinite;
    -o-animation: colorchange 2s infinite;
}

@keyframes colorchange {
    0% {
        color: #0054a5;
    }

    50% {
        color: #0182ff;
    }

    100% {
        color: #0054a5;
    }
}

@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    div#block_widget-6 {
        display: none;
    }

    div#block_widget-5 {
        display: none;
    }

    .block-gioi-thieu,
    .block-gioi-thieu p {
        text-align: center !important;
    }

    .col-hide-mobile {
        display: none;
    }

    .block-why-us .text-right,
    .block-why-us .text-left {
        text-align: center !important;
    }

    .product-title-container .product-title {
        text-align: center;
    }

    .product-title-container .is-divider {
        margin: 10px auto;
    }

    .social-icons {
        display: block;
        text-align: center;
    }

    .woocommerce-tabs .small-nav-collapse>li {
        width: 50%;
    }

    .article-inner .entry-header-text {
        text-align: center;
    }

    .article-inner .entry-header .is-divider {
        margin: 10px auto !important;
    }

}

li.menu-item .sub-menu.nav-dropdown {
    padding: 10px;
}

li.menu-item .sub-menu.nav-dropdown span.ux-menu-link__text {
    color: #333;
}

li.menu-item .sub-menu.nav-dropdown i.ux-menu-link__icon {
    color: #f3813a;
    font-weight: 700 !important;
}

li.menu-item .sub-menu.nav-dropdown .ux-menu-link.flex.menu-item:hover span.ux-menu-link__text {
    color: #f3823c;
    font-weight: 700;
}

.form-flat input:not([type=submit]),
.form-flat textarea,
.form-flat select {
    border-color: rgb(39 79 162);
    background-color: #fff;
}

.form-flat .button.icon {
    color: #274fa2 !important;
}

.social-icons.follow-icons i.icon-facebook {
    color: #274fa2;
}

.social-icons.follow-icons i.icon-instagram {
    background: linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7);
    color: #fff;
    border-radius: 4px;
    padding: 0px 1.6px;
}

.social-icons.follow-icons i.icon-tiktok {
    background: linear-gradient(53deg, #69C9D0, #EE1D52, #010101);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.social-icons.follow-icons i.icon-youtube {
    color: red;
}

.category-home .product-category .box-text {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #002d6b;
    padding: 15px;
    background-size: cover;
    background-image: url(/wp-content/uploads/2025/03/netgroup-edu-vn-127.webp);
    background-position-x: center;
}

.box-overlay.dark .box-text,
.box-shade.dark .box-text {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

.product-category h5 {
    letter-spacing: 0;
    font-size: 15px;
    font-family: 'Roboto';
    color: #0054a5;
}

.product-category .box-image {
    border-radius: 5px;
}

.product-category.col.product {
    margin-bottom: 20px;
}

.has-equal-box-heights .box-image {
    aspect-ratio: 16/16;
}

li#tab-title-new-tab {
    display: none;
}

.product-tabs {
    background-color: #ffffff;
    text-align: center;
    border-top: 1px solid #d9d9d9;
}

.woocommerce-tabs .nav>li.active>a {
    background-color: transparent;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 15px;
}

.tab-panels .panel.active>p {
    text-align: justify;
}

.product-short-description>p {
    text-align: justify;
    font-size: 16px;
}

.mega-menu .ux-menu-link__text {
    text-transform: uppercase;
    font-size: 13px;
}

.nav-dropdown>li:hover>a {
    font-weight: 700;
    color: #f2813b;
}

.nav-dropdown>li>a {
    color: #333;
    border-bottom: 1px solid #33333389;
    font-size: 13px;
    text-transform: uppercase;
}

.cat-item:has(> ul.children)>a {
    /*     pointer-events: none; */
}

h3.accordion_title {
    font-size: 16px;
    color: #0054a5;
    text-transform: uppercase;
}

.post-sidebar #secondary .widget.block_widget {
    background-color: #fff;
}

.accordion-inner {
    padding: 15px;
}

.post-sidebar #secondary .widget.block_widget .ux-menu-link:hover {
    background: #f7f7f7;
}

header.archive-page-header {
    background: url(https://maxcom.edu.vn/wp-content/uploads/2018/07/bckgrnd_L.png);
    position: relative;
    padding: 54px 0 27px;
    background-color: #fde428;
    margin: -30px 0 73px;
    background-position: 50% 0;
    color: #222222;
    background-size: cover;
}

header.archive-page-header h1.page-title.is-large.uppercase {
    color: #fff;
    font-size: xx-large;
    text-shadow: 2px 2px 4px #696969;
    text-align: left;
}

header.archive-page-header h1.page-title.is-large.uppercase:after {
    background: #fff;
    margin: 9px 0 0;
    content: '';
    display: block;
    width: 35px;
    height: 6px;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #696969;
}

select.postform {
    width: 100%;
    padding: 5px;
    font-size: 16px;
}

select.postform option {
    padding-left: 10px;
    /* Mặc định */
    font-weight: bold;
    /* Cấp 0 sẽ đậm */
}

.nav-dropdown>li>a {
    border-bottom: none;
    padding: 10px 10px;
    font-weight: 600;
    color: #266ebf;
    /*     font-size: 15px; */
}

.nav-dropdown>li>a:hover {
    color: #f59543;
    padding-left: 20px;
}

.nav-dropdown>li>a:before {
    color: #0054a5;
    font-weight: bold;
    margin-right: 5px;
    content: "-> ";
}

.nav-dropdown>li>a:hover:before {
    color: #f59543;
}

.has-equal-box-heights .box-image {
    padding-top: 80%;
}

.product-small.box {
    border-radius: 5px;
    box-shadow: 2px 2px 20px #0000000f;
}

.product-small .box-image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: white;
}

.product-small.box a {
    color: #1f62b8;
}

.product-small .box-image img {
    padding: 10px;
}

.has-equal-box-heights .box-image {
    position: relative;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 80%;
    border-bottom: 1px solid #d9d9d9;
}

.product-small .box-text {
    border-top: 1px solid #e1e1e1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: white;
}

.product-small .product-title a {
    color: #2e63a0;
    font-size: 15px;
    /* font-weight: 600; */
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
}

.product-small .add-to-cart-button a {
    border: none;
    border-radius: 0;
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
    color: #03a9f4;
    font-weight: bold;
}

.menu-item i._mi {
    line-height: 40px;
    font-size: 22px !important;
}

#mega-menu-wrap-primary {
    background: none;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 14.4px;
    font-weight: 600;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
    background: rgba(0, 0, 0, 0);
    color: #ffe900;
    font-weight: 600;
    text-decoration: none;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
    min-width: 265px;
    width: auto;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.27);
}

.category-home h5.uppercase.header-title,
.category-home p.is-xsmall.uppercase.count {
    color: #fff;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
    background: rgba(0, 0, 0, 0);
    color: #ffe900;
    font-weight: 600;
    text-decoration: none;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #ffffff;
    color: #0054a5;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 12px;
    border-bottom: 1px solid #f1f1f1;
    line-height: 20px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #0054a5;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background: #33333300;
    color: #fddb25;
    font-weight: 600;
    text-decoration: none;
    border-color: #fff;
}

.nav-vertical li,
.mobile-sidebar-levels-1 .nav-slide>li>ul.children>li,
.mobile-sidebar-levels-1 .nav-slide>li>.sub-menu>li {
    flex-wrap: nowrap;
}

.bg-color .bg,
.bg-grayscale:hover .bg,
.has-hover .image-color img,
.has-hover:hover .image-grayscale img {
    -webkit-filter: none;
    filter: none;
}

.product-small .product-title a {
    /* text-transform: uppercase; */
}

.has-equal-box-heights .box-image img {
    transition: transform 0.3s ease-in-out;
}

.has-equal-box-heights .box-image:hover img {
    transform: scale(1.1);
}

.product-type-grouped div#product-sidebar {
    display: none;
}

.product-info .product_title {
    font-size: 23px;
    /* text-transform: uppercase; */
    color: #0054a5;
    font-family: 'Roboto';
}

.box-text.text-center {
    padding: 10px 10px;
}

.row-box-shadow-1 .col-inner,
.row-box-shadow-1-hover .col-inner:hover,
.box-shadow-1,
.box-shadow-1-hover:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.shop-page-title.featured-title .title-overlay {
    background-color: rgba(255, 255, 255, .95);
}

.box-push .box-text {
    background-color: rgba(255, 255, 255, .88);
}

ul.product-categories a {
    font-weight: 600;
    text-transform: uppercase;
}

.product-small {
    margin-bottom: 15px;
}

.product-category.col.product {
    margin-bottom: 40px;
}

ul.product-categories>li.cat-item>a {
    text-wrap-mode: nowrap;
}

.row.category-page-row>.col.large-3.hide-for-medium {
    padding: 5px;
}

.product-category p.is-xsmall.uppercase.count {
    font-weight: 700;
    color: #000;
    opacity: 0.6;
    font-size: 10.5px;
}

body.home .product-category p.is-xsmall.uppercase.count {
    color: #fff;
    opacity: 1;
    font-size: 10px;
    font-weight: 300;
}

p.woocommerce-result-count.hide-for-medium {
    display: none;
}

form.woocommerce-ordering>select.orderby {
    border-radius: 10px;
    border-color: #0054a5;
}

ul.product-categories>li>ul.children>li.cat-item {
    /* list-style-type: disc; */
}

.widget ul.product-categories ul {
    border: none;
}

ul.product-categories>li>ul.children>li.cat-item>ul.children>li.cat-item {
    list-style-type: square;
}

ul.product-categories>li>ul.children>li.cat-item>ul.children>li.cat-item>ul.children>li.cat-item {
    list-style-type: circle;
}

ul.product-categories>li>ul.children>li.cat-item:before {
    content: "◇";
    margin-left: -20px;
    font-size: 12px;
    margin-right: 5px;
    font-weight: 700;
}

ul.product-categories>li>ul.children>li.cat-item>ul.children>li.cat-item>ul.children>li.cat-item>a {
    font-style: italic;
}

@media (max-width: 768px) {
    .off-canvas-left .mfp-content {
        width: 90%;
    }
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    font-size: small;
    font-family: 'Roboto';
    margin-bottom: 25px;
    line-height: 20px;
}
h1.product-title.product_title.entry-title {
    color: #0054a5;
}
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
    color: #2f598f;
}
.woocommerce-tabs .nav>li.active>a {
    color: #2f598f;
    font-size: large;
    font-family: 'Montserrat';
}
.product-small .product-title a {
    text-transform: uppercase;
}