/* 隱藏首頁中每個Node的Title文字 */
.view-frontpage>.view-content>.views-row>.node>.node__header>.node__title {
     /*display:none;*/
}

.field-content>a {
  color: blue !important;
}

/* 語系選擇 */
a.nav-link.active,a.language-link.is-active {
    color: #4b5cc4 !important;
    font-weight: bold !important;
    font-size:1rem;
}
ul.links.solo-ul > li.solo-small {
    display: inline-block;
    font-size: 1rem;
}

/* Tabs Tab 的樣式設定 */
.pb__button.pb__tab-button {
    text-decoration: none !important;
    background-color: #c2ccd0 !important;    /* Background color (blue in this case) */
    border-radius: 0.5rem;          /*   Adds rounded corners */
    margin: 0.05rem;
}

/* Tabs Active Tab 的樣式設定 */
.pb__button.pb__tab-button.pb__active {
    text-decoration: none !important;
    background-color: #0070ac !important;      /* Background color (blue in this case) */
    /*  border-radius: 0.5rem;         Adds rounded corners */
    color: white !important;
    /* font-size: var(--solo-px20); */
    font-weight: bold;
}

.views-view-responsive-grid__item {
  border: 2px solid #f0f0f2;              /* Solid border, 2px thick, dark gray */
  border-radius: 8px;                  /* Optional: rounded corners */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);  /* X offset, Y offset, blur, color */
  padding: 16px;                       /* Optional: space inside the box */
  background-color: #fff;              /* Optional: background color */
}

a[href$=".pdf"],a[href$=".mp4"] {
  color: blue !important;
  text-decoration: none;
}

a[href$=".pdf"]::before, a[href$=".mp4"]::before {
  content: '📥'; /* or try '📥' or '⤓' */
  font-size: 1rem;
  color: blue; /* optional, to match link color */
}

#block-solo-content > div > div > div.view-content > div > span > h4 > a::before {
  content: '📰'; /* Changed to a newsletter emoji */
  margin-right: 8px; /* Adds space to the right of the icon */
}

#block-solo-content > div > div > div.view-content > div > ul > li > span > h4 > a::before,#block-solo-content > div > div > div.view-content > div > ul > li > article > header > h3::before {
  content: '📖' ; /* '📢'; Changed to a newsletter emoji */
  margin-right: 8px; /* Adds space to the right of the icon */
}

div#page-title-inner {
   padding-top: 0px;
   padding-bottom: 0px;
}

.footer-menu-header {
    font-size: 1rem;
    font-weight: bold;
}

div.ept-cta > div.ept-container > h2 {
    font-size:1.2rem;
}

#block-solo-content > div > div > div.view-content > div > article > header > h3 > a > span
{
    color: #0070AC !important;
    font-size: 2rem !important;
}

/* 縮小Page Title的高度 */
h1.page-title-text {
padding-block:0 !important;
}

/* View裡面每個Row在滑鼠移過的時候改變背景顏色 */
.node--view-mode-content-in-views:hover,.node--view-mode-content-in-views-summary:hover{
     background-color: #f0f0f2;
}

.node--view-mode-content-in-views::before, .node--view-mode-content-in-views-summary::before{
  content: ""; /* Must be present for the pseudo-element to render */
  display: block; /* Makes it act like a block-level element, spanning the width */
  width: 100%;
  height: 1px; /* Sets the thickness of the line */
  background-color: #ccc; /* Sets the line color */
  margin: 10px 10px; /* Adds space above and below the line */
}

/* 補上 table 最後一行會缺底線的問題 */
table > tbody > tr:last-child > td {
        border-bottom: var(--solo-px1) solid var(--r-br, var(--r-br-b)) !important;
}

span.views-field.views-field-view-node > span > a::before {
  content: '➦' ; /* '📢'; Changed to a newsletter emoji */
  margin-right: 8px; /* Adds space to the right of the icon */
}

div.field.field--name-pb-content-link.field--type-link.field--label-hidden.field__item > a, .views-field-title h4 a {
    color: #0070ac !important; /* Example: Blue color */
    font-weight: bold;
    text-decoration: none;
    position: relative;
    display: inline-block;
}
div.field.field--name-pb-content-link.field--type-link.field--label-hidden.field__item > a::after,
div.field.field--name-pb-content-link.field--type-link.field--label-hidden.field__item > a::before,
.views-field-title h4 a::after,
.views-field-title h4 a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #ff0000, #00ffff);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

div.field.field--name-pb-content-link.field--type-link.field--label-hidden.field__item > a::before,
.views-field-title h4 a::before {
  top: -5px;
  transform-origin: left;
}

div.field.field--name-pb-content-link.field--type-link.field--label-hidden.field__item > a:hover::after,
div.field.field--name-pb-content-link.field--type-link.field--label-hidden.field__item > a:hover::before,
.views-field-title h4 a:hover::after,
.views-field-title h4 a:hover::before {
  transform: scaleX(1);
}

th {
  background-color: lightgray !important; /* A distinct green background for headers */
}
.page-wrapper table td li {
       list-style: square !important;
}

/* #block-solo-content > div > div > div.view-content > div:nth-child(1) > article > header > h3 */
#block-solo-content > div > div > div.view-content > div > article > header > h3
{
        display:none;
}

.external-link-popup {
    background:#0070ac !important;
    color:white !important;
    padding:1rem !important;
    border-radius: 1rem !important;
}
.external-link-popup .ui-dialog-titlebar {
    text-align:center;
    border-radius: 1rem !important;
}

.external-link-popup .ui-dialog-buttonpane .ui-button {
     padding-left: 1rem !important;
     padding-right: 1rem !important;
     margin-left: 1rem !important;
     margin-right: 1rem !important;
}