/* 僅在指定頁面的手機版將所有文字區塊左對齊 */
@media only screen and (max-width: 767px) {
  #你的頁面ID .sqs-block-html * {
    text-align: left !important;
  }
}

/* 修改全站系統預設背景 */
.site-wrapper {
  background-color: #ffffff !important; /* 請替換成您的顏色色碼 */
}

/* 取消頂部導覽列選中狀態的下劃線 */
.header-nav-item--active a {
  background-image: none !important;
}

/* 單獨修改 H4 超連結底線顏色 */
h4 a {
  text-decoration: none !important;
  border-bottom: 0px solid #000000 !important;
  padding-bottom: 1px;
}

header#header nav {
	flex-wrap: nowrap;
}

/* 僅在電腦版（螢幕大於 768px）生效 */
@media screen and (min-width: 768px) {
  
  /* Portfolio Grid: Simple 電腦版上下、左右邊距 */
  .portfolio-grid-basic {
    padding: 5% 10% 10% 10% !important;
    box-sizing: border-box !important;
  }

  /* Gallery Grid: Simple 電腦版上下 10%、左右 10% 邊距 */
  .gallery-grid.gallery-grid--layout-grid {
    padding: 5% 10% 10% 10% !important;
    box-sizing: border-box !important;
  }
}

/* Menu Text Mobile */
.header-menu-nav-item a {

    font-size: 18px; 
    line-height: 1.5;
}

/* Portfolio Mobile */
@media screen and (max-width: 767px) {
  div#gridThumbs {
    padding: 5% 5% 15% 5% !important;
  }
}

/* 行動裝置：作品集簡單網格顯示 2 列 */
@media only screen and (max-width: 767px) {
  #gridThumbs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 30px !important; /* 手機上圖片的左右間距 */
    row-gap: 30px !important;    /* 手機上圖片的上下間距 */
  }
}

/* 只在手機版將 Grid Simple 作品集文字置中 */
@media screen and (max-width: 767px) {
  /* 鎖定 Grid Simple 佈局下的文字容器 */
  .portfolio-grid-basic .portfolio-text {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* 確保作品集標題與類別文字皆置中 */
  .portfolio-grid-basic .portfolio-title,
  .portfolio-grid-basic .portfolio-category {
    text-align: center !important;
    font-size: 12px !important;
  } 
}

/* Round corners portfolio items */
a.grid-item, .grid-image {
    border-radius: 0px;
}

@media only screen and (max-width:767px) {
.gallery-grid--layout-grid .gallery-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
  padding-bottom: 15% !important;
    }
}

/* Gallery Caption */
.gallery-grid-item .gallery-caption {
  display: none !important;
}

/* Lightbox Desktop */
@media screen and (min-width: 768px) {
.gallery-lightbox-item img {
    height: 95% !important;
    position: absolute !important;
    left: 50%;
	top: 50%;
    transform: translate(-50%,-50%);
    }
}

.gallery-lightbox-item[data-active='true'] {
    visibility: hidden;
    opacity: 0; 
}

.gallery-lightbox-item[data-in='true'] {
    visibility: visible; 
    opacity: 1; 
}

.gallery-lightbox-background {
    background-color: #FFFFFF;
    opacity: 1;
}

/* Lightbox Mobile */
@media only screen and (max-width:767px) {
.gallery-lightbox-item img {
    height: 70% !important;
    position: absolute !important;
    left: 50%;
	top: 50%;
    transform: translate(-50%,-50%);
    } 
} 

@media only screen and (max-width:767px) {
.light-caption {
    max-width: 75%;
    font-size: 14px;
    text-align: center;
    } 
}  

/* remove portfolio pagination */
.item-pagination[data-collection-type^="portfolio"], .item-pagination[data-collection-type^="portfolio"] {
    display: none;
}

button.gallery-lightbox-close-btn {
    border: none !important;
    outline: none !important;
}

/* begin header shrink override */
.tweak-fixed-header:not( .sqs-edit-mode-active ):not( .sqs-site-styles-active) .header.shrink .header-announcement-bar-wrapper {
    --twc-shrink-padding: 2vw;
    padding-bottom: var( --twc-shrink-padding );
    padding-top: var( --twc-shrink-padding );  
}
    
@media only screen and ( pointer : coarse ) and ( max-width: 1024px ),
    screen and ( max-width: 799px )    
{      
.tweak-fixed-header:not( .sqs-edit-mode-active ):not( .sqs-site-styles-active ) .header.shrink .header-announcement-bar-wrapper {       
    padding-bottom: 6vw;
    padding-top: 6vw;          
    }
}
        
/* 覆蓋並禁止內建的 Header 下滑縮小效果 */
.tweak-fixed-header:not(.sqs-edit-mode-active):not(.sqs-site-styles-active) #header.shrink .header-announcement-bar-wrapper {
    padding-top: 2vw !important;    /* 保持與未滾動前相同的上方內距 */
    padding-bottom: 2vw !important; /* 保持與未滾動前相同的下方內距 */
}

/* Contact Form */
.sqs-block-form .field-list .description
{
    color: #949494;
}

p.form-field-error {
    background-color: #949494 !important;
}

/* Hide required on field titles 
Tip by sf.digital */
.form-wrapper .react-form-contents .field-list .title .required, .form-wrapper .react-form-contents .field-list .fields .description.required {
  visibility: hidden;  
}
.form-wrapper .react-form-contents .field-list .title .required:before, .form-wrapper .react-form-contents .field-list .fields .description.required:before {
    visibility: visible;  
    content: "*"; 
    font-size: 1.5em;
    line-height: 1em;
}
.form-wrapper .react-form-contents--submitted .required:before {
  visibility: hidden!important;
}

.header-menu .header-menu-controls-control.header-menu-controls-control--active {
    font-size: 14px;  
    font-weight: normal;
}

/* language - dropdown */
html[lang*="en"] {
    .current-language {
    color: #000000;
    display: none;
    font-weight: normal;
    }
    div.language-item:nth-child(2) {
        display: none;
    }
    .language-picker-content {
    opacity: 1 !important;
    pointer-events: initial !important;
    color: #000000;
    font-weight: normal;
    background-color: transparent !important;
    }
}

html[lang*="zh"] {
    .current-language {
    color: #000000;
    font-weight: normal;
    }
    div.language-item:nth-child(1) {
        display: none;
    }
    .language-picker-content {
    opacity: 1 !important;
    pointer-events: initial !important;
    color: #000000;
    font-weight: normal; 
    background-color: transparent !important;
    }
}

.header-actions .language-picker-desktop .language-picker-content .language-item {
    line-height: 0.5;
    Padding-left: 0px;
  
}

.header-menu-actions.language-picker.language-picker-mobile * {
    font-size: 18px;  
    color: #000000;
    font-family: ;
    padding-bottom: 2vw;
    left: 10%;
}

/* 行動裝置：選單展開後 "Back" 返回按鈕的字體大小 */
@media screen and (max-width: 767px) {
  /* 變更返回按鈕的文字大小與行高 */
  .header-menu-controls .header-menu-controls-control {
    font-size: 18px !important;
     color: #000000;
    letter-spacing: 0px !important;
  }
}