/**
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
*/



/*Global*/
/*BR*/
br.mb{display:none;}
@media(max-width:768px){
	br.mb{display:block;}
}



/*Header*/
/*Breakpoint Bug*/
@media(max-width:936px){
	.site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container{
		display:none;
	}
	}
/*Logo*/
.ast-site-identity{padding:6px 0 6px 0;}
/*Menu Text*/
body.ast-theme-transparent-header[data-elementor-device-mode="desktop"] .main-header-menu > li > a{text-shadow: 1px 1px 3px rgba(0,0,0,0.8);}
a.menu-link{padding-bottom:6px!important;}
/*Menu Item Hover*/
.ast-desktop .ast-menu-hover-style-underline > .menu-item:hover > .menu-link:before{
	background-color:var(--ast-global-color-2);
	height:2px;
}
body[data-elementor-device-mode="desktop"] header.ast-sticky-active .main-header-menu > li > a{text-shadow:none;}

/*Submenu*/
ul.sub-menu{padding:10px 0;}
/*Remove Underline*/
.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu{border:0;}



/*Overlay Menu*/
button#menu-toggle-close{z-index:10;}
/*Toggle Button*/
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
	filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}






/*UAE Post Widget*/
/*Meta*/
.uael-post__meta-data svg{width:12px!important;height:12px!important;}
a.uael-listing__terms-link{
	background:var( --e-global-color-astglobalcolor4 );
	padding:2px 14px;
	border-radius:50px;
	margin:0 5px 5px 0px;
}
.uael-post__terms {
  display: flex;
  flex-wrap: wrap;
}
.uael-listing__terms-link {
  white-space: nowrap;
}
/*CTA*/
.uael-post__read-more:hover svg{fill:var(--e-global-color-primary);}
/*Button Icon*/
.elementor-button-icon svg {
  width: 0.8em!important;
  height: 0.8em!important;
}

/*UE Post Widget*/
.uc_more_btn::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 8px;
  background: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>') no-repeat center;
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg>') no-repeat center;
}
/*Mobile version*/
/*Hide Description*/
@media(max-width:768px){
	.uc_post_content{display:none;}
}
/*Text Article*/
.uc_post_list_content{justify-content:flex-start!important;}



/*Single Post Page*/
.ast-article-single figure{box-shadow:none;}
.single-post .site .site-content #primary .ast-article-single{margin-bottom:40px;}
/*.single-post .wp-block-columns, .single-post .wp-block-group{padding:0;}*/
/*Category Badge*/
a.ast-button.ast-badge-tax{
	font-size:15px;
	border-radius:50px;
	background:var(--ast-global-color-4);
	border-color:var(--ast-global-color-4);
	color:var(--ast-global-color-0)!important;
}
.single-post .entry-meta,.single-post .entry-meta *{color:#65677A;}
/*Banner*/
.ast-single-entry-banner[data-post-type="post"]{
	padding:240px 20px 30px 20px;
}
/*Acknowledge Section*/
.post-ack {
  position: relative;
  z-index: 0;
}

.post-ack::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background: inherit; /* 繼承你原本背景 */
  z-index: -1;
}

.ast-breadcrumbs span:hover{color:var(--ast-global-color-4)!important;}






/*Timeline*/
/* 當前 */
.uael-timeline-marker.out-view-timeline-icon.is-active .uael-events-inner-new{
    background-color: var(--e-global-color-a68e647)!important;
}










/*Old Post using WP Builder*/
/*Padding*/
.single-post .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex, 
.single-post .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-6c531013.wp-block-group-is-layout-flex{
	padding:0px;
}
.single-post .entry-content .wp-block-columns{
	margin-bottom:1.5em;
}







/*Team Builder*/
.team-item{max-width:350px!important;}
.team-info{padding:0!important;}
.wpsm_tm_wrapper_2811 .team-item, .wpsm_tm_wrapper_2831 .team-item {width:350px;}
.overlay-showing, .team-info{width:90%!important;}

/*Grid Setting*/
#wpsm_testi_box_grid_2843, #wpsm_testi_box_grid_2870, #wpsm_testi_box_grid_4208{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
}

#wpsm_testi_box_grid_2843 > .col-md-4{
    float:none !important;
    width:33.33333333% !important;g
}

#wpsm_testi_box_grid_2870 > .col-md-3{
    float:none !important;
    width:25% !important;
}

#wpsm_testi_box_grid_2843 > div[style*="clear:both"], #wpsm_testi_box_grid_2870 > div[style*="clear:both"]{
    display:none !important;
}


@media(max-width:768px){
	#wpsm_testi_box_grid_2870 > .col-md-3, #wpsm_testi_box_grid_2843 > .col-md-4, #wpsm_testi_box_grid_2831 > .col-md-6{width:50%!important;}
	.wpsm_tm_wrapper_2831 .team-item{width:100%;}
	.wpsm_tm_wrapper_2811 .tegm-item{width:253.5px;}
	.team-item .team-name{font-size:14px!important;}
	.team-item .team-position{font-size:11px!important;}
	.team-info .team-name{font-size:14px!important;}
	.team-description p{font-size:11px!important;}
}



/*Text*/
.team-item .team-name{margin-bottom:0!important;text-align:left;}
.team-info .team-name{margin-bottom:5px!important;text-align:center!important;}
.team-info .team-position{font-size:14px;}
.team-description{margin:5px 0 10px!important;}
.team-description p{line-height:20px!important;}


.overlay-showing h4, .overlay-showing h3{text-align:left;}

/*Color*/
.overlay-showing{
	padding:16px 12px 16px 12px!important;
	background-color:var(--ast-global-color-2)!important;
}
.overlay-showing{
	height:auto;
    display:flex;
    align-items:center;   /* 垂直置中 */
}



/*Gallery*/