/**
Theme Name: HKS
Author: Hundred Kit Studio
Author URI: https://www.hundredkitstudio.com
Description: Hundred Kit Studio is a creative design solution company based in Hong Kong founded in 2007. Working with different sized companies from a wide range of business sectors providing creative, cost-effective design & IT solutions.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hks
Template: astra
*/


/*Header*/
/*Responsive bug when breakpoint has changed*/
@media (max-width:1234px){
	.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container{display:none;}
}
/*Logo*/
/*padding*/
.ast-site-identity{padding:20px 0;}
@media (max-width:768px){
	.ast-site-identity{padding:10px 0;}
}
/*Menu Bar*/
.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before{bottom:20%;}
.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before, .ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link:before{height:2px;}
/*Anchor Menu Item*/
#menu-item-1301 .menu-item > a{color:var(--ast-global-color-0)!important;}
#menu-item-1301 .menu-item.active-anchor > a{color:var(--ast-global-color-1)!important;}



/*Mobile Menu*/
/*header-Hamburger Menu*/
svg.ast-mobile-svg.ast-menu-svg, span.ast-svg-iconset{display: none;}
.mobile-menu-toggle-icon {
    background: url('/wp-content/uploads/2025/10/hmbg_bk.svg') no-repeat center center;
    background-size: contain;
    width: 25px; /* 根據需求調整 */
    height: 25px;
}
button#menu-toggle-close{
    background: url('/wp-content/uploads/2025/10/close_bk.svg') no-repeat center center;
    background-size: contain;
    width: 25px; /* 調整圖標大小 */
    height: 25px;
	margin:20px 20px 0 0;
}
/*Layout*/
.ast-mobile-popup-content {
  display: flex!important;
  flex-direction: column!important;
  height: 100%!important;
}
.ast-mobile-popup-content aside {
  margin: auto 20px 10px 20px;
}
/*Arrow*/
/* 只隱藏第二層 (Level 2) menu 的箭咀 */
.ast-header-break-point .main-navigation ul.sub-menu > li.menu-item > a .icon-arrow:first-of-type {
  display: none;
}







/*Footer*/
/*Menu*/
.ft-menu ul{margin:0;}
.ft-menu li{list-style:none;}
.ft-menu li a{color:#000;font-size:13px;}
.ft-menu li a:hover{text-decoration:underline;}





/*Home*/
/*Video Section*/
.fix-sticky{
  will-change: transform; 
  transform: translateZ(0);
}
.sticky-sc,
.sticky-sc-off {
  will-change: transform;
  transform: translateZ(0);
}
.sticky-sc{
	position: sticky;
    top: 0;
    height: 100vh;
}
.sticky-sc-off{
	position: sticky;
    top: 0;
    height: 100vh;
}
@media(max-width:768px){
	.sticky-sc-off{position:relative;top:auto;height:auto;}
}
/*Image Box*/
.img-box .elementor-image-box-wrapper{background:#fff;border-radius:0 0 5px 5px;box-shadow: 0px 10px 10px rgba(0,0,0,0.05);}
.img-box h5{font-family:"Abhaya Libre", Sans-serif;font-weight:600;font-size:20px;color:var(--ast-global-color-1);}
.img-box .elementor-image-box-content{padding:0 40px 40px 40px;}




/*Blog*/
.ast-post-format-.blog-layout-4.ast-article-inner.ast-no-date-box{border:1px solid #000;}
.blog .ast-page-builder-template .site .site-content #primary{margin-bottom:100px;}
/*Badge*/
.cat-links.badge a, .tags-links.badge a, a.ast-button.ast-badge-tax, .ast-related-cat-style--badge .cat-links > a, .ast-related-tag-style--badge .tags-links > a{background:#000;color:#fff;}
.cat-links.badge a:hover, .tags-links.badge a:hover, a.ast-button.ast-badge-tax:hover, .ast-related-cat-style--badge .cat-links > a:hover, .ast-related-tag-style--badge .tags-links > a:hover{background:var(--ast-global-color-1);border-color:var(--ast-global-color-1);}
/*Filter*/
a.ast-post-filter-single{
	background:#eeeeee;
	color:#000;
	border-radius:2px;
	font-size:14px;
	padding:8px 20px;
}
a.ast-post-filter-single.active, a.ast-post-filter-single:hover{background:#000;color:#fff;}
/*Disable Archive Page Title*/
section.ast-archive-description{display:none;}

/*Single Post*/
/*Related Post*/
.site .ast-single-related-posts-container {
    max-width: 1140px;
    margin: 0 auto;
}



/*Product Portfolio*/
/*Overlay Animation*/


.elementor-2970 .elementor-element.elementor-element-89241e3::before, .elementor-2970 .elementor-element.elementor-element-d2ca7c0::before, .elementor-2970  .elementor-element.elementor-element-b314fc9::before{
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.6s ease-out;
  pointer-events: none;
}
.elementor-2970 .elementor-element.elementor-element-89241e3.fade-in::before, .elementor-2970 .elementor-element.elementor-element-d2ca7c0.fade-in::before,  .elementor-2970  .elementor-element.elementor-element-b314fc9.fade-in::before{
  opacity: 1;
}