/* 隱藏首頁中每個Node的Title文字 */
.view-frontpage>.view-content>.views-row>.node>.node__header>.node__title {
     display:none;
}
/* 首頁中 read more button的樣式 
ul.links.inline.solo-ul li.solo-small a {
     /*display: inline-block;          Makes it behave like a block-level element */
     /*text-decoration: none;         Removes underline */
    padding: 10px;            /* Adds padding for size */
    font-size: 0.8rem;               /* Adjusts text size */
    color: white;                  /* Text color */
    background-color: #73A4CE;     /* Background color (blue in this case) */
    border: none;                  /* Removes border */
    border-radius: 5px;            /* Adds rounded corners */
    /* cursor: pointer;               Changes cursor to pointer */
    text-align: center;            /* Centers text */
    transition: background-color 0.3s ease; /* Adds a smooth hover effect */
}
*/

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

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

div > div > div > article > header > h3 {
    display:none;
}

/* 縮小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;
}

th {
  background-color: #0070AC !important; /* A distinct green background for headers */
  color: white !important;             /* White text for high contrast */
  font-weight: bold !important;    /* Th elements are bold by default, but good to confirm */
  text-align: center !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 */
}

.views-field-title h4 a {
    color: blue !important; /* Example: Blue color */
    font-weight: bold;
    text-decoration: none;
}