/*
Theme Name: HKTop-Link
Text Domain: toplink 2026.08.05
Version: 1.01
Requires at least: 4.7
Requires PHP: 5.2.4
Description: toplink official website, Started on 2025-03-05, support
Author: glenliu
Author URI: https://www.glenlau.cn
Theme URI: https://glenlau.cn/themes/hktoplink/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
---------------------------------------------------------------*/
@charset "utf-8";
/*
@import url(assets/css/global.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
*/
:root {
    /*--dark: #2D2D2D;*/
    --primary: #024eae /*#2250fc*/;
    --font-color: #444444;
    --text-color: #636363;
    --hover-color: #055dc8 /*#0333e8*/;
    --dark-hover-color: #4b9eff /*#e2e2e2*/;
    --hover-bg-color: #F5F5F5;
    --padding-size: 10px;
}
body {}
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0);white-space: nowrap; border: 0;}
.break-word { overflow-wrap: break-word; word-break: normal; word-break: normal; max-width: 100%;}
/** home page **/
/* products for home page */
.products-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px}
.product-main{grid-column:1;grid-row:1/3}
.product-top{grid-column:2;grid-row:1}
.products-bottom{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.product-main,.product-top,.product-small{min-width:0}
.product-main .thumb-info,.product-top .thumb-info,.product-small .thumb-info{width:100%;height:100%}
.product-main .thumb-info-wrapper,.product-top .thumb-info-wrapper,.product-small .thumb-info-wrapper{width:100%;height:100%}
.product-main .thumb-info-wrapper img,.product-top .thumb-info-wrapper img,.product-small .thumb-info-wrapper img{width:100%;height:100%;object-fit:cover}
@media (max-width:991px){
    .products-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:15px}
    .product-main{grid-column:1/3;grid-row:1;min-height:450px}
    .product-top{grid-column:1/3;grid-row:2;min-height:300px}
    .products-bottom{grid-column:1/3;grid-row:3;min-height:300px}
}
@media (max-width:575px){
    .products-grid{display:block}
    .product-main,.product-top,.products-bottom{margin-bottom:15px}
    .product-main{min-height:380px}.product-top{min-height:280px}
    .products-bottom{display:grid;grid-template-columns:1fr;gap:15px}
    .product-small{min-height:260px}
}
.home .thumb-info.thumb-info-bottom-info-show-more .thumb-info-title{ opacity:0.65;}
.home .thumb-info.thumb-info-bottom-info-show-more .thumb-info-type { transition: ease max-height 800ms; overflow: hidden; max-height: 0; display: block;}
.home .thumb-info.thumb-info-bottom-info-show-more:hover .thumb-info-type {  max-height: 100px;}
.home .overlay.overlay-op-8.overlay-show::before{opacity:0;}
.home .thumb-info.thumb-info-bottom-info-show-more .thumb-info-title{ opacity:0.9;}
.home .thumb-info .thumb-info-show-more-content p{color:#ddd;}
/* index page */
/* news category */
.post .post-content {}
.post .post-content img{max-width:100%; height:auto;}
.post .sidebar .post-list .post-image { float: left; margin-right: 12px;}
.post .sidebar .post-list .post-info a{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:break-word; word-break:normal; }
/* product single */
.single-product .thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item.selected {border-color:var(--dark-hover-color);}
/* DataTables */
.dataTables_paginate{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:30px;padding-top:20px;border-top:1px solid #e9e9e9;text-align:center}
.dataTables_paginate>span{display:flex;align-items:center;gap:5px}
.dataTables_paginate .paginate_button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;margin:0;border:1px solid #e6e6e6;background:#fff;color:var(--primary);font-size:13px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;transition:all .2s ease}
.dataTables_paginate span .paginate_button{min-width:36px}
.dataTables_paginate .paginate_button:hover{border-color:var(--hover-color);background-color:var(--hover-color);color:#fff}
.dataTables_paginate .paginate_button.current{border-color:var(--primary);background-color:var(--primary);color:#fff !important}
.dataTables_paginate .paginate_button.previous,.dataTables_paginate .paginate_button.next{padding-left:14px;padding-right:14px;text-transform:uppercase;font-size:11px;letter-spacing:.3px}
.dataTables_paginate .paginate_button.disabled,.dataTables_paginate .paginate_button.disabled:hover{border-color:#eee;background-color:#fff;color:#b5b5b5 !important;cursor:default}
@media (max-width:575px){.dataTables_paginate{gap:3px;margin-top:20px;padding-top:15px}}
@media (max-width:575px){.dataTables_paginate>span{gap:3px}}
@media (max-width:575px){.dataTables_paginate .paginate_button{min-width:32px;height:32px;padding:0 8px;font-size:12px}}
@media (max-width:575px){.dataTables_paginate .paginate_button.previous,.dataTables_paginate .paginate_button.next{padding-left:9px;padding-right:9px;font-size:10px}}