/* 1. Remove the default background/overlay color */
.elementor-widget-antra-project .project-style-1 .project-block .project-image a:before {
    /* Set the background to fully transparent */
    background-color: transparent !important; 
    /* Or, if it's an overlay color (like a semi-transparent black): */
    background: none !important;
}

/* 2. Remove the hover background/overlay color */
.elementor-widget-antra-project .project-style-1 .project-block .project-image a:hover:before {
    /* Set the background to fully transparent when hovering */
    background-color: transparent !important;
    /* Or, if it's an overlay color: */
    background: none !important;
    /* This next line is crucial if the element changes size/opacity on hover */
    opacity: 0 !important; 
}

/* 1. Apply Global Primary Color to Tags */
.project-caption .project-tags-above-title {
    /* Set the text color to the global primary CSS variable */
    color: var(--e-global-color-primary); 
    
    font-size: 0.8em; 
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.project-caption .project-tags-above-title a {
    /* Ensure the links inherit the color */
    color: inherit;
    text-decoration: none;
    margin-right: 5px;
}

/* 2. Add "#" Prefix to Each Tag Link */
.project-caption .project-tags-above-title a::before {
    content: "#"; /* This is the prefix you want to display */
    padding-right: 2px; /* Small space between the hash and the tag text */
    font-weight: 700; /* Make the hash stand out a bit more */
}

.col-full{
	max-width:none !important;
}


#jp-relatedposts {
    display: none !important;
}

#scrollup {
	display: none !important;
}

.scrollup.activate{
	display: none !important;
}

.elementor-widget-antra-project .project-loop-title a{
    font-size:1.2rem;
}

.elementor-widget-antra-project .project-block .project-date {
    font-size:0.9rem;
}


.e-n-tabs-heading .e-n-tab-title:hover {
    background-color: var(--e-global-color-secondary) !important;
}

.e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
    background-color: var(--e-global-color-secondary) !important;
}




@media (min-width: 1200px) {
  .layout-post-style-3 .post-style-3 .post-inner {
    height: 350px;  /* Even smaller for tablets */
  }
}

@media (min-width: 1440px) {
  .layout-post-style-3 .post-style-3 .post-inner {
    height: 450px;  /* Even smaller for tablets */
  }
}

@media (max-width: 1024px) {
    [data-elementor-type=footer] {
        margin-bottom: 0px !important;
    }
}



/* 隱藏 Chrome, Safari 和 Opera 的滾動條 */
html::-webkit-scrollbar {
  display: none !important;
}

/* 隱藏 IE, Edge 和 Firefox 的滾動條 */
html {
  -ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;  /* Firefox */
}



@media (max-width: 1024px) {
    .elementor-element-3c964b5 {
        position: absolute !important;
        width: 100%;
        z-index: 999;
        top: 0;
        left: 0;
    }
}

.elementor-element-0f88af4 {
        position: absolute !important;
        width: 100%;
        z-index: 999;
        top: 0;
        left: 0;
    }
    
.elementor-element-1c7ad3c {
           position: absolute !important;
        width: 100%;
        z-index: 999;
        top: 0;
        left: 0;
}

@media (max-width: 1024px) {
.elementor-element-67f1cac{
        position: absolute !important;
        width: 100%;
        z-index: 999;
        top: 0;
        left: 0;
    }
}

 
.elementor-element-fd0ae34{
        position: absolute !important;
        width: 100%;
        z-index: 999;
        top: 0;
        left: 0;
    }

.entry-meta-top .posted-on:before, .entry-meta-bottom .posted-on:before{
    background-color: transparent !important;
    font-size:0.5rem !important;
}

.layout-post-style-3 .post-style-3 .entry-title{
    font-size:24px !important;
    font-weight: bold !important;
}

.layout-post-style-3 .post-style-3 .categories-link a{
    visibility: hidden;
}

.entry-meta-top .posted-on a, .entry-meta-bottom .posted-on a{
    font-size:14px !important;
    color:black !important;
}


.wpcf7-form label{
font-weight: 400 !important;
		font-size: 16px !important;}


.elementor-widget-antra-banner-process .elementor-banner-process-item .banner-process-caption.active .number{
    color: rgba(255,255,255,0.6) !important;
    font-size:var(--e-global-typography-bab409e-font-size) !important;
}

.elementor-widget-antra-banner-process .elementor-banner-process-item .banner-process-caption .number{
    color: rgba(255,255,255,0.6) !important;
    opacity:1 !important;
    -webkit-opacity:1 !important;
    font-size: var(--e-global-typography-bab409e-font-size) !important;
}

.elementor-widget-antra-banner-process .elementor-banner-process-item:hover .banner-process-caption .number{
    color: rgba(255,255,255,0.6) !important;
    font-size:var(--e-global-typography-bab409e-font-size);
}

.elementor-widget-antra-banner-process .elementor-banner-process-item .banner-process-caption .banner-process-content{
    width:100% !important;
}


.elementor-widget-antra-banner-process .elementor-banner-process-item .banner-process-caption .banner-process-title{
	    line-height: 1.25 !important ;
    width:100% !important;
}



/* 2K 解析度 (2560px) - 僅微調小字，大字保持克制 */
@media (min-width: 2560px) {
.elementor-kit-8 {
        /* 小字體：適度放大提高辨識度 */
        --e-global-typography-ef9d81d-font-size: 16px; /* 12px -> 16px */
        --e-global-typography-3d7c277-font-size: 18px; /* 14px -> 18px */
        --e-global-typography-8417a93-font-size: 18px; /* 14px -> 18px */
        --e-global-typography-70ff4d4-font-size: 20px; /* 16px -> 20px */

        /* 中型字體：微調 */
        --e-global-typography-159423c-font-size: 22px; /* 18px -> 22px */
        --e-global-typography-5095f00-font-size: 22px; /* 18px -> 22px */
        --e-global-typography-431d47d-font-size: 24px; /* 20px -> 24px */
        --e-global-typography-f609164-font-size: 28px; /* 24px -> 28px */
        --e-global-typography-00338ba-font-size: 28px; /* 24px -> 28px */
        --e-global-typography-bab409e-font-size: 32px; /* 28px -> 32px */

        /* 大字體：克制放大，保持版面空間感 */
        --e-global-typography-a8e10a1-font-size: 52px; /* 48px -> 52px */
        --e-global-typography-fda4cdf-font-size: 68px; /* 64px -> 68px */
    }
}

/* 4K 解析度 (3840px) - 確保小字易讀，防止大字失控 */
@media (min-width: 3840px) {
.elementor-kit-8 {
        /* 小字體：4K 下 20px 才是舒適的閱讀底線 */
        --e-global-typography-ef9d81d-font-size: 20px; /* 12px -> 20px */
        --e-global-typography-3d7c277-font-size: 24px; /* 14px -> 24px */
        --e-global-typography-8417a93-font-size: 24px; /* 14px -> 24px */
        --e-global-typography-70ff4d4-font-size: 26px; /* 16px -> 26px */

        /* 中型字體 */
        --e-global-typography-159423c-font-size: 28px; /* 18px -> 28px */
        --e-global-typography-5095f00-font-size: 28px; /* 18px -> 28px */
        --e-global-typography-431d47d-font-size: 32px; /* 20px -> 32px */
        --e-global-typography-f609164-font-size: 36px; /* 24px -> 36px */
        --e-global-typography-00338ba-font-size: 36px; /* 24px -> 36px */
        --e-global-typography-bab409e-font-size: 40px; /* 28px -> 40px */

        /* 大字體：在 4K 螢幕上維持標題應有的層次，但不暴力翻倍 */
        --e-global-typography-a8e10a1-font-size: 60px; /* 48px -> 60px */
        --e-global-typography-fda4cdf-font-size: 80px; /* 64px -> 80px */
    }
}