.home-posts article{
	transition: box-shadow 0.2s ease-in-out;
	border-radius: 3px;
	overflow: hidden;
}

.home-posts .entry-wrapper{
	padding: 0px 10px 10px;
}

.home-posts article:hover{
	box-shadow: 0px 4px 28px 0px rgba(0,0,0,0.25);
}

.home-process ul{
	padding-left: 15px;
}

.home-posts button{
	margin: 40px auto;
	border-radius: 3px;
}

footer + .wp-block-group{
	display: none;
}

.home-slider .swiper{
	border-radius: 3px;
}

.home-cta-btn,
.home-posts button{
	transition: .5s;
}

.home-cta-btn:hover,
.home-posts button:hover{
	transform: scale(1.1);
}

/* Post */
.singlePost-category a{
	border: 1px solid #fff;
	padding: 2px 10px;
	margin: 0 2px;
	border-radius: 20px;
}

.singlePost-category a:hover{
	color: #212121;
	background-color: #fff;
}

/* 聯絡表單設定 */
.is-style-outlined{
	gap: 20px;
}
@media (max-width: 768px){
		.is-style-outlined .grunion-field-width-50-wrap{
		flex: 100%;
		max-width: 100%;
	}
}


.is-style-outlined input,
.is-style-outlined textarea{
	padding: 20px;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.is-style-outlined button{
	min-height: auto !important;
}

/* Our Services */
@media (max-width: 782px){
	.is-style-wide-vertical{
		border-style: none;
	}
}


/* 1. 設定容器：隱藏溢出並確保相對定位 */
.wp-block-navigation-item a {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

/* 2. 針對原本的中文 span 設定過渡效果 */
.wp-block-navigation-item a span {
    display: block;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 3. 製作英文虛擬元素，放在中文下方（預備推上來） */
.wp-block-navigation-item a::after {
    position: absolute;
    top: 100%; /* 初始位置在下方 */
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; /* 讓英文置中 */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.85rem; /* 英文稍微縮小一點較美觀 */
    letter-spacing: 1px;
}

/* 4. 分別定義每一項要顯示的英文內容 */
.menu_work a::after { content: "Project"; }
.menu_work span{
	padding: 0 10px;
}
.menu_services a::after { content: "Services"; }
.menu_about a::after { content: "About"; }
.menu_contact a::after { content: "Contact"; }

/* 5. 當 Hover 發生時的動畫：中文上推，英文上推 */
.wp-block-navigation-item:hover a span {
    transform: translateY(-100%);
}

.wp-block-navigation-item:hover a::after {
    transform: translateY(-100%);
}