/*
Theme Name: WebSeo Child
Theme URI:  https://webseo.comm.vn
Author: Huy Tập - nguyenhuytap@gmail.com
Author URI: https://webseo.comm.vn
Description: This theme is an engaging WordPress theme that is designed to help boost social shares and get you more viral traffic from the web's top social media websites.
Version: 2.1 (Updated: 24/11/2023 17:00)
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hkt
Template: hkt-simple
*/
:root { --nhat: #08a6d9; --dam: #144d85; --xam: #f6f6f6 }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { font-family: var(--title-font); color: var(--title-color); text-transform: none; font-weight: 700; line-height: 1.4; margin: 0 0 15px 0; }
.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1350px; }
.font-size-33 { font-size: 33px; }
.e-con>.e-con-inner { max-width: 1350px !important; }
input.wpcf7-submit { background: var(--nhat); font-weight: 700; transition: background-color 0.3s; }
input.wpcf7-submit:hover { background: var(--dam); }
a { color: var(--dam); text-decoration: none; outline: 0; transition: all ease 0.4s; }
a:hover { color: var(--nhat); }

/* DEFAULT CSS */
header#site-header { border-top: 1px solid #ddd; }
.tl-logo { width: 280px; }
#logo img { height: 55px; width: auto; transition: transform 0.3s; }
#logo img:hover { transform: scale(1.1); }
.tl-menu-wrapper-center { width: calc(100% - 540px); }
.tl-header-right { width: 260px; }
.ford-search input { padding: 7px 7px; font-size: 90%; border: 1px solid var(--nhat); transition: border-color 0.3s; }
.ford-search input[type="text"] { border-radius: 40px 0 0 40px; padding: 10px 15px; height: 46px; max-width: 205px; }
.ford-search button { background: var(--nhat); border-radius: 0 24px 21px 0; margin-left: -5px; color: #fff; padding: 10px 13px; height: 46px; margin-top: -4px; border: 1px solid var(--nhat); transition: background-color 0.3s, border-color 0.3s; }
.ford-search button:hover { background: var(--dam); border-color: var(--dam); }
.navigation a { line-height: 1.6; position: relative; font-weight: 600; font-size: 16px; color: var(--title-color); font-family: var(--title-font); transition: border-color 0.3s, color 0.3s; }
.navigation a:hover { border-bottom: 2px solid var(--nhat); color: var(--nhat); }
.ten-title.hero-title { color: #fff; }
.ten-sub-title.hero-title { color: var(--nhat); }
.hero-style2 .hero-title { font-size: 68px; }
.hero-subtitle:before, .hero-subtitle:after { display: none }
.hero-style2 .xemchitiet a { position: relative; z-index: 2; overflow: hidden; vertical-align: middle; display: inline-block; border: none; text-transform: uppercase; text-align: center; background-color: var(--theme-color); color: #222; font-family: var(--body-font); font-size: 14px; font-weight: 700; line-height: 1; padding: 21px 30px; border-radius: 0; min-width: 160px; cursor: pointer; transition: background-color 0.3s, color 0.3s; }
.hero-style2 .xemchitiet a:hover { background-color: var(--nhat); color: #000; }
.tape-support-item .icon:hover { background: var(--dam); }
.home .ws-breadcrumbs { border: none !important; }
.ape-mo-home-product { font-size: 36px; font-weight: 700; }
.home .ws-page-default .container { max-width: 100%; padding: 0; }
.ape-title-sev { color: var(--nhat); font-size: 16px; font-family: var(--body-font); }
.page-template-page-application .ape-applicateion-info ul { display: flex; flex-wrap: wrap; padding: 20px 0; }
.ape-applicateion-info ul li { width: 50%; padding: 10px 10px 10px 35px; background: url(/wp-content/uploads/2024/05/icon5.png) no-repeat left center; }
.ape-applicateion-info ul li a { color: #222; transition: color 0.3s; }
.ape-applicateion-info ul li:hover a { color: var(--nhat); }
.tape-mo-industry .elementor-heading-title { color: #fff; }
.tape-mo-industry, .tape-mo-applitation { padding: 100px 0 !important; }
figure.swiper-slide-inner { border-radius: 20px; background: #fff; width: 115px; height: 115px; text-align: center; margin: auto; display: flex; flex-direction: column; align-content: center; transition: background-color 0.3s; }
figure.swiper-slide-inner:hover { background-color: var(--nhat); }
.elementor-widget-image-carousel .swiper-slide img { border-radius: 29%; background: #fff; width: 90px; height: 90px; padding: 15px; margin-top: 15px; transition: filter 0.3s; }
.elementor-widget-image-carousel .swiper-slide img:hover { filter: brightness(0.8); }
.elementor-widget-image-carousel .swiper-slide a { text-align: center; display: flex; margin: 0 auto; justify-content: center; border: 2px dashed #FF9800; border-radius: 20px; height: 138px; width: 138px; padding-top: 9px; transition: border-color 0.3s; }
.elementor-widget-image-carousel .swiper-slide a:hover { border-color: var(--dam); }
.elementor-widget-image-carousel figcaption { padding: 8px; margin-top: 23px; display: table; color: #fff; font-weight: 700; font-size: 90%; }
.tape-support .elementor-icon-box-icon span { display: flex; flex-direction: column; justify-content: center; align-content: center; background: var(--nhat); margin: auto; border-radius: 50%; height: 80px; width: 80px; text-align: center; flex-wrap: nowrap; align-items: center; transition: background-color 0.3s; }
.tape-support .elementor-icon-box-icon span:hover { background: var(--dam); }
.tape-support .elementor-icon-box-icon svg { fill: #fff; font-size: 35px; }
.s-news-home  .owl-dots.disabled, .s-news-home  .owl-nav.disabled { display: block !important; }
.s-news-home .cat-box-title.clearfix { display: none !important; }
.blog-card .blog-content { padding: 35px 30px 30px; }
.post-item.grid .post-thumbnail img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; transition: transform 0.3s; }
.post-item.grid .post-thumbnail img:hover { transform: scale(1.05); }
.post-item.grid .post-meta-tape i { color: var(--nhat); }
.post-item.grid .post-meta-tape { font-weight: 500; }
.post-item.grid .post-box-title a, .post-title a { font-size: 18px; text-transform: none; font-weight: 700; overflow: hidden; padding: 20px 0; color: #222; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; white-space: normal; -webkit-line-clamp: 4; transition: color 0.3s; }
.post-item.grid .post-box-title a:hover, .post-title a:hover { color: var(--nhat); }
.post-item.grid .post-meta-tape { font-weight: 500; }
.post-item.grid .post-meta-tape i { color: var(--nhat); }
.post-item.grid  .owl-nav .owl-prev, .post-item.grid  .owl-nav .owl-prev:hover { width: 30px; top: -185px; bottom: 0; height: 100%; margin: 0 !important; }
.form-tape h2 { font-size: 33px; }
.tape-form form { max-width: 800px; }
.tape-form { background: var(--dam); padding: 50px 30px; margin-top: 50px; color: #fff; }
.tape-form input, .tape-form form textarea { background: #fff; max-height: 70px; transition: border-color 0.3s; }
.tape-form input:hover, .tape-form form textarea:hover { border-color: var(--nhat); }
.tape-form input.wpcf7-submit { max-width: 200px; background: var(--nhat); font-weight: 700; transition: background-color 0.3s; }
.tape-form input.wpcf7-submit:hover { background: var(--dam); }
.footer-layout2 { background: #1B2024 url(/wp-content/themes/hkt-simple-child/assets/img/bg/footer_bg_1.png) no-repeat; padding: 80px 0; background-size: cover; }
.footer-layout2  h3.widget_title { position: relative; border: none; font-family: var(--title-font); font-size: 24px; font-weight: 700; text-transform: uppercase; color: var(--white-color); line-height: 1; border-bottom: 0; padding: 0 0 18px 0; margin: 6px 0 15px 0; max-width: 275px; }
.footer-layout2 .menu-all-pages-container li a:hover { color: var(--nhat); }
.footer-layout2 .menu-all-pages-container  a { font-size: 16px; font-weight: 400; padding: 0; margin-bottom: 20px; font-family: var(--body-font); color: var(--smoke-color4); display: block; max-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-right: 0; background-color: transparent; border: none; position: relative; transition: color 0.3s; }
.footer-layout2 .menu-all-pages-container  a:hover { color: var(--nhat); }
ul.tape-contact-footer li { padding: 6px 0; color: #fff; }
ul.tape-contact-footer li i { color: var(--nhat); font-size: 18px; }
#copyrights p { padding: 0; margin: 0; }
div#copyrights { background: #1c2327; padding: 15px; }
#ws-single-images { position: relative; }
.bg-breadcrumb-tape { position: relative; margin-bottom: 40px; }
.bg-breadcrumb-tape .hinhmo { position: absolute; background: rgb(0 0 0 / 58%); left: 0; right: 0; top: 0; bottom: 0; }
.tape-breadcrumb-info { position: absolute; right: 0; left: 0; top: 0; display: flex; margin: auto; bottom: 0; align-items: center; background: url(/wp-content/themes/hkt-simple-child/assets/img/bg/hero_thumb_2_5.png) no-repeat right center; justify-content: center; background-size: 580px; }
.tape-breadcrumb-info .title.entry-title a { color: #fff; font-size: 60px; }
.tape-breadcrumb-info .ws-breadcrumbs { text-transform: uppercase; color: #fff; }
.tape-breadcrumb-info .ws-breadcrumbs a { text-transform: uppercase; color: var(--nhat); }
.gia-niem-yet { margin: 20px 0; }
.gia-niem-yet span.gia { font-size: 190%; font-weight: 700; color: #cb0700; }
.ct-km .product_box { position: relative; padding: 10px 14px; border-radius: 8px; margin-bottom: 30px; background: #FBFBFD; border: 1px solid #e9e9e9; width: 100%; transition: border-color 0.3s; }
.ct-km .product_box:hover { border-color: var(--nhat); }
.ct-km .product_box .box__icon { width: 16px; flex-shrink: 0; margin-right: 10px; margin-top: -2px; }
.ct-km .product_box .box__icon img { max-width: 100%; height: auto; }
.ct-km .product_box .box__content p { margin-bottom: 4px; }
.ct-km .product_box .box__content p:last-of-type { margin-bottom: 0; }
.ct-km .product_box .box__label { position: absolute; top: 15px; right: 15px; font-size: 11px; background: var(--nhat); display: inline-block; padding: 3px 5px; border-radius: 4px; color: #fff; }
.ct-km .product_box-2 { display: block; background: #FAFBFC; }
.ct-km .product_box-2 table { font-size: 14px; color: #232323; }
.ct-km .product_box-2 table tr td { padding-top: 10px; padding-bottom: 10px; width: 20%; }
@media screen and (max-width:991px) {
    .ct-km .product_box-2 table tr td { width: 50%; }
}
.ct-km .product_box-2 table tr + tr { border-top: 1px solid #e9e9e9; }
.ct-km .product_box ul li { padding: 3px 0px; }
.ct-km .product_box ul { margin-top: 0; list-style: square; }
.product__buttons a { background: #d3d3d3; color: var(--dam); transition: background-color 0.3s, color 0.3s; }
.product__buttons a i { padding-left: 6px; }
.product__buttons .tape-button-contact { text-transform: uppercase; font-weight: 700; background: var(--dam); color: #fff; }
.product__buttons a:hover { background: var(--nhat); color: #fff; }
.thumb-single-tape img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; transition: transform 0.3s; }
.thumb-single-tape img:hover { transform: scale(1.05); }
.tape-modun-eatures-1 .elementor-widget-image-box figure.elementor-image-box-img, .tape-m-app-3 .elementor-image-box-img { width: 100% !important; }
.tape-modun-eatures-1 .elementor-widget-image-box figure.elementor-image-box-img img { height: 100px; width: auto; transition: transform 0.3s; }
.tape-modun-eatures-1 .elementor-widget-image-box figure.elementor-image-box-img img:hover { transform: scale(1.05); }
.tape-modun-eatures-2 .elementor-widget-image-box figure.elementor-image-box-img img { height: 180px; transition: transform 0.3s; }
.tape-modun-eatures-2 .elementor-widget-image-box figure.elementor-image-box-img img:hover { transform: scale(1.05); }
h2.elementor-heading-title { font-size: 33px; }
.tape-all-product-category .products-category-list .col-custom img { height: auto; transition: transform 0.3s; }
.tape-all-product-category .products-category-list .col-custom img:hover { transform: scale(1.05); }
.tape-all-product-category .products-category-list .col-custom { margin-top: 30px; transition: color 0.3s; }
.tape-all-product-category .products-category-list .col-custom:hover a { color: var(--nhat) !important; }
.grid .recent-item { margin-bottom: 50px; }
.tape-application-modun .elementor-image-box-img { width: 100% !important; }
.tape-application-modun .elementor-image-box-img img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; transition: transform 0.3s; }
.tape-application-modun .elementor-image-box-img img:hover { transform: scale(1.05); }
.elementor-image-box-wrapper { padding: 20px; }
.tape-application-modun-2 figure.elementor-image-box-img { height: 100px; }
.tape-application-modun-2 figure.elementor-image-box-img img { width: auto; height: auto; transition: transform 0.3s; }
.tape-application-modun-2 figure.elementor-image-box-img img:hover { transform: scale(1.05); }
.tape-news-app .cat-box-title { display: none !important; }
.elementor-widget-container li { list-style-type: square; margin-left: 30px; transition: background-color 0.3s, color 0.3s; }
.elementor-widget-container li:hover { background-color: var(--nhat); color: #fff; }
.elementor-tab-content ul { display: flex; flex-wrap: wrap; }
.elementor-tab-content li { border: 1px solid #ddd; padding: 10px 25px; margin: 20px; list-style: none; transition: background-color 0.3s, color 0.3s; }
.elementor-tab-content li:hover { background-color: var(--nhat); color: #fff; }
.page-template-templatespage-industries-php .col-custom .thumb img { height: auto; transition: transform 0.3s; }
.page-template-templatespage-industries-php .col-custom .thumb img:hover { transform: scale(1.05); }
.service-product-item { border-radius: 10px; transition: box-shadow 0.3s; }
.service-product-item:hover { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); }
.tape-form { background: var(--dam); padding: 50px 30px; margin-top: 50px; color: #fff; }
.tape-form .row { display: flex; align-items: center; }
.tape-form .info-form { font-size: 190%; font-weight: 700; }
.ford-search { margin: auto; display: table; min-width: 300px; }
.single .motachitiet table tr:nth-child(odd) { background: #f2f2f2; }
.single .motachitiet table th { background: #ccc; }
.single .motachitiet table td { padding: 8px 10px; }
.motachitiet h2:before, .motachitiet h3:before, .motachitiet h4:before, .related-products h2:before { content: ""; background: var(--dam); position: absolute; top: 0; z-index: 999; left: 0; height: 5px; width: 98px; }
.motachitiet h2, .motachitiet h3, .motachitiet h4, .related-products h2 { margin-top: 40px; position: relative; text-transform: uppercase; padding-top: 9px; }
.related-products h2 { padding-left: 15px; }
.related-products h2:before { left: 15px; }
.tape-support-item { background: var(--white-color); box-shadow: 0px 6px 40px rgba(1, 19, 60, 0.07); padding: 51px 46px 34px; position: relative; z-index: 1; text-align: center; margin: 20px; transition: box-shadow 0.3s; }
.tape-support-item:hover { box-shadow: 0px 6px 40px rgba(1, 19, 60, 0.2); }
.tape-support-item .icon { display: flex; flex-direction: column; justify-content: center; align-content: center; background: var(--nhat); margin: auto; border-radius: 50%; height: 80px; width: 80px; text-align: center; flex-wrap: nowrap; align-items: center; transition: background-color 0.3s; }
.tape-support-item .icon:hover { background: var(--dam); }
.tape-support-item svg { fill: #fff; font-size: 35px; width: 1em; height: 1em; position: relative; display: block; }
.tape-support-item .text { font-family: var(--title-font); color: var(--title-color); text-transform: none; font-weight: 700; line-height: 1.4; margin: 19px 0 15px 0; font-size: 18px; }
.category-thumbnail img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; transition: transform 0.3s; }
.category-thumbnail img:hover { transform: scale(1.05); }
.category-list { background: #eee; }
.slick-initialized .slick-slide { display: flex; text-align: center; flex-direction: column; }
nav.navigation:not(.mobile-only) ul ul { background-color: rgb(20 77 133 / 84%); }
nav.navigation:not(.mobile-only) ul.menu>li>ul.sub-menu:before { border-bottom: 10px solid var(--dam); }
.menu-item-has-children > a:after { display: none; }
.tape-support-row { width: 33.33%; }
.service-product-item .elementor-image-box-img { width: 100%; }
.service-product-item .elementor-image-box-img img { border: 1px solid #ccc; width: 140px; padding: 10px; border-radius: 6px; }
.tape-mo-applitation ul li { list-style: none; }
.col-custom { padding: 40px 0 !important; margin: 20px 0 !important; transition: box-shadow 0.3s; }
.col-custom:hover { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); border-radius: 10px; }
.button-request-sample:hover { background: var(--nhat); }
.xemchitiet { border-radius: 4px; }
.button-request-sample { background: var(--dam); color: #fff !important; }
.xemchitiet:hover {
    background: var(--nhat);
}
.xemchitiet:hover a { color: #fff !important; }
.products-category-list .thumb {
    width: 45%;
}
.home .col-custom.grip-tapes {
    display: none;
}
/* RESPONSIVE */
@media screen and (min-width:1601px) { }
@media screen and (max-width:1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1250px; }
}
@media screen and (max-width:1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1200px; }
}
@media screen and (max-width:1200px) { }
@media screen and (min-width:992px) {
    .navigation ul { margin: 0 auto; display: flex; justify-content: center; }
    article.item.post-item.grid.col-lg-2 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
    .navigation ul a { background: transparent; color: var(--dam); padding: 0 !important; margin: 10px 15px !important; border-bottom: 5px solid transparent; }
    .navigation > ul > .current a, .navigation > ul > .current-menu-item a, .navigation ul li:hover > a { border-bottom: 5px solid var(--dam) !important; }
    .navigation ul ul a, .navigation > ul ul > .current a, .navigation > ul ul > .current-menu-item a, .navigation ul ul li:hover > a { border-bottom: 0 solid transparent; background: transparent; color: var(--dam); padding: 10px 15px !important; margin: 0 !important; }
    #hkt-navigation nav.navigation:not(.mobile-only) ul ul li { border: none; }
    #hkt-navigation nav.navigation:not(.mobile-only) ul ul li a { border-bottom: 1px solid #155ba1; }
    nav.navigation:not(.mobile-only) ul.menu>li>ul.sub-menu:before { display: none; }
    .navigation ul ul .current a, .navigation ul ul .current-menu-item a, .navigation ul ul li:hover > a { border-bottom: 0px solid var(--dam) !important; }
    nav.navigation:not(.mobile-only) ul ul { margin: 18px 0 0; }
}
@media screen and (max-width:991px) {
    #mobile-nav-toggle { color: var(--dam); padding: 5px; position: relative; right: auto; left: 0; width: 40px; height: 40px; top: 0; }
    .tl-header-wrapper { justify-content: space-between; }
    .hero-style2 .hero-title { font-size: 180%; }
}
@media screen and (min-width:768px) {
    footer.footer-wrapper .col-md-2 { -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; }
}
@media screen and (max-width:768px) { }
@media screen and (max-width:575px) {
    #logo img { height: 40px; width: auto; }
    .tl-logo { width: 140px; }
    .tl-header-right { display: none; }
    .hero-style2 { padding: 50px; }
    .ape-mo-home-product { font-size: 20px; font-weight: 700; }
    h2.elementor-heading-title { font-size: 27px; }
    .tape-breadcrumb-info { background-size: 240px; }
    .bg-breadcrumb-tape img { height: 220px !important; }
    .tape-breadcrumb-info .title.entry-title a { color: #fff; font-size: 33px; }
    .products-category-list .thumb {
    width: 60%;
}
.tape-support-row {
    width: 100%;
}
}
@media screen and (max-width:480px) { }