/* Theme Name: VTGS Theme Theme URI: https://elementor.com/hello-theme/ Description: VTGS Theme Author: Diem Bui Author URI: Diem Bui Version: 1.0.0 Stable tag: 2.3.1 Requires at least: 4.7 Tested up to: 5.6 Requires PHP: 5.6 License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: hello-elementor Template: hello-elementor Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1. Document Setup 2. Site Header 3. Site Footer 4. Page Templates Template: Home ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ /* 2. Site Header */ .menu-main .menu-item { border-right: 1px solid #FBB040; } .menu-main .menu-item:last-child { border: none; } /* Template: Home */ .site-footer{ padding: 0 !important; } .button_home .elementor-button{ position: absolute; right: 20px; bottom: 20px; font-size: 35px !important; line-height: 0; width: 123px; } .button_home svg{ width: 1.4em; } .button_home .elementor-button:hover svg .cls-1{ fill: #00924d !important; } /* Đảm bảo header, nội dung và footer chiếm toàn màn hình */ body, html { height: 100%; margin: 0; } body:not(.home) .e-con.e-flex > .e-con-inner { /* CSS áp dụng cho mọi trang trừ trang có class .home trên */ /* Ví dụ: */ max-width: 90%; } body:not(.home) .elementor-location-header .e-con.e-flex > .e-con-inner, body:not(.home) .elementor-location-footer .e-con.e-flex > .e-con-inner{ max-width: 94%; } .elementor-location-header, .elementor-location-footer { width: 100%; position: relative; } .full-screen-content { display: flex !important; flex-direction: column !important; min-height: calc(100vh - var(--header-height) - var(--footer-height)) !important; justify-content: space-between !important; /* Giữ cho phần nội dung chính luôn giãn đều */ } .full-screen-content > .elementor-widget-wrap { flex-grow: 1 !important; /* Cho phép nội dung chiếm phần còn lại */ } .elementor-nav-menu--layout-horizontal >.elementor-nav-menu>li.current-menu-item >a{ background: #00924d; border-radius: 26px; } .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li a:hover{ background: #00924d; } .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li a{ border-radius: 26px; } /*.slider_home .swiper-slide:nth-child(1){ background: linear-gradient(180deg, rgba(88, 35, 141, 0) 0%, #58238D 100%); } .slider_home .swiper-slide .pp-info-box-content{ min-height: 250px; background: rgba(96, 31, 147, 0.61); border-radius: 18px; padding: 20px; }*/ .slider_home .swiper-slide:before{ content: ""; background: linear-gradient(180deg, rgba(88, 35, 141, 0) 0%, rgba(88, 35, 141, 0.7) 100%); height: 200px; width: 100%; position: absolute; display: block; bottom: 0; } .slider_home .swiper-slide:nth-child(1) .lakit-carousel__content{ min-height: 250px; background: rgba(0, 146, 77, 0.59); border-radius: 18px; padding: 20px; } /*.slider_home .swiper-slide:nth-child(2):before{ content: ""; background: linear-gradient(180deg, rgba(0, 146, 77, 0) 0%, rgba(0, 146, 77, 0.7) 100%); height: 200px; width: 100%; position: absolute; display: block; bottom: 0; }*/ /*.slider_home .swiper-slide:nth-child(2) .lakit-carousel__content{ min-height: 250px; background: #00924D96; border-radius: 18px; padding: 20px; }*/ /*.slider_home .swiper-slide:nth-child(3):before{ background: linear-gradient(180deg, rgba(120, 209, 74, 0) 0%, rgba(120, 209, 74, 0.7) 100%); height: 200px; width: 100%; position: absolute; display: block; bottom: 0; content: ""; } .slider_home .swiper-slide:nth-child(3) .lakit-carousel__content{ min-height: 250px; background: #78D14A9C; border-radius: 18px; padding: 20px; }*/ .slider_home .swiper-slide:not(:first-child) .lakit-carousel__item-inner{ background-color: #58238DBF; } .slider_home .swiper-slide:nth-child(4):before{ background: linear-gradient(180deg, rgba(16, 147, 10, 0) 0%, rgba(16, 147, 10, 0.7) 100%); height: 200px; width: 100%; position: absolute; display: block; bottom: 0; content: ""; } .slider_home .swiper-slide:nth-child(4) .lakit-carousel__content{ min-height: 250px; background: #10930AC4; border-radius: 18px; padding: 20px; } .slider_home .lakit-carousel__item-inner{ margin: 0 40px !important; } .swiper-backface-hidden .swiper-slide{ margin-right: 0 !important; } .day_post{ position: absolute; right: 0; top: 3px; color: #58238D; font-weight: 300; } .page_new .pp-post-title{ margin-bottom: 0 !important; width: 95% !important; } .page_new .pp-post-content{ position: relative; } .side_news .menu-item a { text-transform: none !important; } .side_news .menu-item.current-menu-item a,.side_news .menu-item a:hover { border-radius: 10px; transition: background 0.3s ease, border-left 0.3s ease; background: #00924D; } .side_news ul li{ border-bottom: 1px solid #ddd; padding-bottom:10px; } .side_news ul li:last-child{ border-bottom: 0; } .custom-posts-main{ padding: 0 !important; } .side_news ul li a{ border-radius: 10px; transition: background 0.3s ease, border-left 0.3s ease; border:1px solid transparent; } .menu_news .menu-item .pp-menu-item{ font-weight: bold; font-size: 20px; text-transform: uppercase; } a{ color: #00924d; } .menu_news .menu-item a:hover, .menu_news .menu-item .sub-menu .menu-item a:hover { border: 1px solid #00924D !important; border-radius: 60px; transition: background 0.3s ease, border-left 0.3s ease; } .menu_news .menu-item.current-menu-parent .has-submenu, .menu_news .menu-item.current-menu-item a { border: 1px solid #00924D !important; border-radius: 60px; transition: background 0.3s ease, border-left 0.3s ease; background: #d9d9d9; } .menu_news .menu-item .sub-menu .menu-item a { font-weight: bold; font-size: 15px; text-transform: uppercase; border: none !important; background: none; } .menu_news .menu-item .sub-menu .menu-item .pp-menu-item-active { font-size: 16px; color: #58238D !important; } /*.side_news .menu-item:hover, .side_news .current-menu-item{ background: #D9D9D9; border-left: 2px solid #00924D; }*/ .pp-post-filters-dropdown{ margin: 0 0 20px !important; } .sub-arrow svg{ width: 14px !important; height: auto !important; } .elementor-nav-menu--main .elementor-nav-menu ul{ padding: 14px 0; padding-right: 16px !important; padding-left: 16px !important; } .highlighted.has-submenu{ background: #00924d !important; } .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown.sub-menu{ background: rgba(142, 86, 170, 0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown.sub-menu li a{ border-radius: 0 !important; padding-left: 0; border-bottom: 1px solid transparent; } .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown.sub-menu li a:hover{ border-bottom: 1px solid currentColor; } .pp-post-filters-dropdown .pp-post-filters-dropdown-button:after{ font-weight: 900; margin-left: 6px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #00A651; display: inline-block; content: ""; border-radius: 1px; } #container { margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; } .a-title { position: absolute; color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: conic-gradient(#ed0101, blue); pointer-events: none; mix-blend-mode: difference; filter: drop-shadow(2px 4px 6px black); } .a-second-title { position: absolute; margin-top: 25vh; pointer-events: none; -webkit-text-stroke: 1.3px white; letter-spacing: 1.125px; font-size: -webkit-xxx-large; font-weight: 900; mix-blend-mode: color-dodge; } canvas { width: 100%; height: 100%; } .section_shadow{ box-shadow: 7px 7px 5px 0px #E5E5E5; background: #fff; } .elementor-nav-menu ul .sub-menu.elementor-nav-menu--dropdown{ position: relative; display: block !important; margin-left: 0 !important; margin-top: 0 !important; background-color: transparent !important; padding: 0 !important; width: auto; border-left: 1px solid #fff !important; border-radius: 0 !important; left: 24px; } .elementor-nav-menu ul .sub-menu.elementor-nav-menu--dropdown a{ padding: 4px 0 !important; } .elementor-nav-menu >li:nth-child(2) > ul> li{ padding-bottom: 12px; } .elementor-nav-menu >li > ul> li:last-child{ padding-bottom: 0; } .sub-menu.elementor-nav-menu--dropdown .sub-arrow{ display: none; } .elementor-nav-menu ul .sub-menu.elementor-nav-menu--dropdown a{ font-weight: 300 !important; text-transform: none !important; } .number_about svg{ height: auto; } .number_about{ min-height: 180px; } .number_about .premium-counter.premium-counter-area{ vertical-align: middle; height: 100%; justify-content: center !important; } .custom-posts-filters { display: flex; align-items: center; gap: 12px; flex-wrap: nowrap; margin: 20px 0; justify-content: right; } .e-con>.e-con-inner>.elementor-widget>.elementor-widget-container, .e-con>.elementor-widget>.elementor-widget-container{ height: auto; } .search-container { display: flex; align-items: center; border: 1px solid #00924D; border-radius: 30px; overflow: hidden; height: 40px; flex: 0 0 260px; /* chỉnh độ rộng cụ thể */ max-width: 100%; } .search-container input[type="text"] { border: none; padding: 10px 15px; outline: none; font-size: 14px; width: 100%; background: transparent; } .search-container button { background: none; border: none; padding: 0 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .singlecat-posts-filters select { background-color: transparent; border: 1px solid #00924D; border-radius: 18px; height: 40px; color: #00924D; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2300924D'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 10px 6px; padding-right: 32px; width: auto; min-width: 90px; padding: 0 18px !important; font-size: 14px; } .custom-post-item a{ color: #000; font-size: 18px; font-weight: 400; } .custom-post-item a:hover{ color: #58238d; } .search-container button:hover{ background-color:transparent; } .custom-post-item h3{ margin-bottom: 4px; width: 80%; line-height: 1.2rem; } .e-search-submit svg{ width: 20px; } select:focus-visible { outline: 0; /* xanh lá như bạn đang dùng */ border-color: #00924D; box-shadow: 0 0 0 2px rgba(0, 146, 77, 0.3); /* hiệu ứng nhẹ */ } .custom-post-item{ position: relative; border-bottom: 1px solid #58238D; margin-bottom: 20px !important; padding-bottom: 20px !important; } /* .custom-post-item div{ overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 1; height: 25px; display: -webkit-box; -webkit-box-orient: vertical; } */ .icon_right_app .cls-1{ color: #58238d !important; fill: #58238d !important; } .icon_right_app:hover .cls-1{ fill: #fff !important; } option { padding: 10px; color: #333; background-color: white; } .icon_shadow_vtg img{ box-shadow: rgb(0 0 0 / 21%) 0px 22px 20px -20px !important; border-radius: 20px; } .rank-math-breadcrumb a{ pointer-events: none; } .lakit-carousel__item-inner{ margin-left: 0 !important; } .header select{ margin-top: 20px !important; border: 1px solid #00924D !important; border-radius: 18px !important; } /* Firefox hỗ trợ nhiều nhất việc style option */ select option:checked { background-color: #00924D; color: white; } .custom-post-item p{ color: #686868; } .custom-pagination-btn{ border-radius: 50%; width: 30px; height: 30px; color:#00924D; border: 1px solid transparent; margin-left: 10px; line-height: 0; text-align: center; justify-content: center; padding: 0; } .custom-pagination-btn:hover,.custom-pagination-btn:focus{ background: #00924D; border: 1px solid #00924D; color: #fff; } .custom-pagination-btn.active{ background: #00924D; border: 1px solid #00924D; color: #fff; } #custom-pagination, .custom-pagination{ text-align: right; } .form_contact .elementor-button-icon{ font-size: 30px; } .language_header .wpml-ls-statics-shortcode_actions{ border: 1px solid #5DD224; border-radius: 30px; } .home .language_header a{ color: #fff !important; } .language_header li a{ background: transparent; padding: 0; height: 32px; width: 32px; border-radius: 50%; text-align: center; align-items: center; vertical-align: middle; line-height: 28px; } .language_header li a:hover{ background: #77C173; color: #fff !important; height: 32px; width: 32px; border-radius: 50%; } .language_header .wpml-ls-current-language a { background: #77C173; padding: 0; height: 32px; width: 32px; border-radius: 50%; text-align: center; align-items: center; vertical-align: middle; line-height: 28px; color: #fff !important; } .lakit-nav-menuwrap{ display: inline-block; width: auto; } .lakit-nav{ background: #DDDDDDB8; border-radius: 100px; width: auto; } .lakit-nav-item-sub a:hover{ text-decoration: underline; } .current-menu-item.lakit-nav-item-sub .lakit-nav-item-sub a{ text-decoration: underline; } .lakit-nav__sub{ background: rgba(142, 86, 170, 0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .lastudio-kit .lakit-carousel .swiper-slide{ display: flex; flex-direction: column; height: auto; /* hoặc 100% nếu wrapper có chiều cao */ } .swiper-wrapper { align-items: stretch !important; /* hoặc center nếu bạn muốn căn giữa theo chiều cao */ } .slider_home_img .elementor-button:before{ content: url(https://website.vtgs.com.vn/wp-content/uploads/2025/05/Asset-1muiten.svg); width: 49px; height: auto; position: relative; display: inline-block; } .slider_home_img .elementor-button{ width: 123px; position: absolute !important; bottom: 20px !important; right: 20px !important; } .slider_home_img .swiper-slide,.slider_home_img .swiper-slide-bg{ border-radius: 26px !important; } .slider_home_img .elementor-background-overlay{ border-radius: 26px !important; } .search{ min-height: 60vh; } .button_home2 .elementor-button{ position: absolute; right: 20px; bottom: -8px; } .button_home2 .elementor-button:hover .cls-1{ fill: #6a00a7; } .button_home2 .lakit-carousel__content{ position: relative; } .button_home2 .swiper-pagination-bullet{ width: 5px; height: 5px; } .button_home2 .btn-icon svg{ height: 0.8em; } .button_home2 .lakit-carousel__item-inner{ min-height: 230px; } .button_home .pp-info-box-container{ height: 100%; } .button_home .elementor-widget-container{ height: 100% !important; } .vtgs-menu a { position: relative; z-index: 1; padding: 10px 25px; text-decoration: none; color: #fff; font-weight: 600; border-radius: 999px; transition: color 0.3s ease; } .vtgs-menu a.active { color: #fff !important; } .vtgs-menu .indicator { position: absolute; top: 0; left: 0; height: 100%; background-color:#00924d; border-radius: 999px; transition: all 0.3s ease; z-index: 0; width: 0; /* sẽ cập nhật bằng JS */ transform: translateX(0); /* sẽ cập nhật bằng JS */ } .vtgs-menu { position: relative; z-index: 1; } .shadow_sidebar{ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .post_lienquan .lakit-carousel-inner{ width: 86%; margin: auto; } .post_lienquan .lakit-posts__inner-box{ box-shadow: rgb(0 0 0 / 21%) 0px 22px 20px -20px !important; } .post_lienquan .lakit-posts__title{ overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 2; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; } .post_lienquan .lakit-posts__inner-box:hover{ background: #fff; } .post_lienquan .lakit-posts__outer-box a{ color: #58238d; } .rank-math-breadcrumb p a:last-child{ color: #58238d !important; } .service_content .elementor-widget-container ol:nth-child(4){ padding-top: 20px; } .service_content .elementor-widget-container ol:nth-child(3){ padding-top: 20px; } .service_content .elementor-widget-container p{ margin-bottom: 0; } .text_decorate a:hover{ text-decoration: underline; } /*.lakit-carousel .swiper-container{ overflow:visible; }*/ #myDataTable tbody td{ font-weight: 300; } .page_new .elementor-widget-n-tabs .e-n-tab-title-text{ font-weight: normal; } .page_new .elementor-widget-n-tabs button{ border: 0!important; } .page_new .elementor-widget-n-tabs .e-n-tabs-heading button:before{ background-color: #58238d; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; -webkit-transition: all .3s ease; transition: all .3s ease; width: 0; } .page_new .elementor-widget-n-tabs button:hover:before{ width: 100%; } .page_new .elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]::before { content: ""; position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; background-color: #58238d; transition: all 0.3s ease; } .page_new .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { font-weight: bold; } .stt_service strong{ font-weight: 400; } .stt_service ::marker{ font-weight: 400; } .pp-table-cell-6872665 .pp-table-cell-text b, .pp-table-cell-b49c9cc .pp-table-cell-text b, .pp-table-cell-3983a59 .pp-table-cell-text b{ color: #00924d; font-weight: 500; } #myDataTable thead th{ color: #00924d !important; } .lakit-carousel .swiper-container { padding-bottom: 20px; /* hoặc 30px nếu shadow dài */ padding-left: 2px; padding-right: 2px; } .button_home2 .lakit-carousel .swiper-container{ padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .side_news ul.pp-advanced-menu a{ justify-content: space-between !important; } .side_news .sub-arrow svg{ width: 20px !important; } .side_news .pp-advanced-menu .sub-arrow{ line-height: 0; } /*.side_news .sub-menu .menu-item a:hover{ border-radius: }*/ .side_news .sub-menu{ width: 94% !important; float: right; border-left:1px solid #a39d9d !important; border-radius: 0 !important; } .side_news .sub-menu li{ padding-left: 7px !important; } .side_news .sub-menu li a:hover{ font-weight: 600 !important; border-color: transparent !important; } .side_news .sub-menu .current-menu-item a{ font-weight: 600 !important; } .side_news .current-menu-parent >a{ background: #00924D; } .charter-grid{ display: block !important; } .charter-card{ text-align: left !important; background: transparent !important; box-shadow: none !important; border-bottom:1px solid #ddd; border-radius: 0 !important; padding:20px 0 !important; display: flex; position: relative; align-items: center; } .company-charter-container{ padding: 20px 0 !important; } .charter-date{ position: absolute; top: 0; right: 0; color:#58238d !important; font-family: "Inter", Sans-serif !important; font-weight: 300 !important; font-size: 16px !important; } .charter-button{ padding: 0 !important; background: transparent !important; color:#58238d !important; font-family: "Inter", Sans-serif; font-weight: 400; } .charter-button:hover{ text-decoration: underline !important; } .charter-card h3{ margin: 0 !important; font-family: "Inter", Sans-serif; color: #000 !important; font-size: 18px !important; font-weight: 400; } .charter-card .elementor-icon{ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; text-align: center; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 10px; margin-right: 15px; } .charter-card i{ font-size: 30px; padding-right: 10px; } .charter-card .elementor-icon:hover i{ color: #00924d; } .service_content .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{ font-weight: 600 !important; } .charter-card:hover{ transform: none !important; } @media (max-width: 768px){ .custom-posts-layout{ margin-top: 20px; } } @media (max-width: 568px){ .menu_mobile_page .highlighted.has-submenu{ background:transparent !important; } /* .slider_home .lakit-carousel__item-title{ width: 60%; }*/ .market-wrapper{ min-height: 230px; } .button-container{ position: absolute; bottom: 20px; } .e-con.e-flex > .e-con-inner{ max-width: 100% !important; } .slider_home .lakit-carousel .swiper-slide{ min-height: 400px; } li.menu-item.menu-item-type-post_type.menu-item-object-page.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor{ margin-bottom: 0 !important; } .sub-menu.elementor-nav-menu--dropdown.sm-nowrap{ background-color: transparent !important; position: relative; display: block; left: 0 !important; padding: 0 !important; margin: 0 !important; } .day_post{ position: relative; right: 0; top: 0; color: #686868; padding-bottom: 20px; } .custom-posts-filters{ justify-content: left; flex-wrap: wrap; margin-top: 0; } }