#tbt-news-list-page {
  background: #fff;
}

#tbt-news-list-title-en .elementor-heading-title {
  font-family: "Exo 2", "Noto Sans TC", Arial, sans-serif;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1;
}

#tbt-news-list-title-zh .elementor-heading-title {
  letter-spacing: 4px;
  line-height: 1;
}

#tbt-news-list-breadcrumb-inner .elementor-widget-heading + .elementor-widget-heading::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1px;
  background: #1a1a1a;
  margin: 0 10px 0 -8px;
  vertical-align: middle;
}

#tbt-news-list-nav-desktop {
  display: flex;
}

#tbt-news-list-nav-mobile {
  display: none;
  border-bottom: 2px solid #292929;
  min-height: 50px;
  align-items: center;
  position: relative;
}

#tbt-news-list-nav-mobile::after {
  content: "";
  width: 14px;
  height: 14px;
  border-right: 2px solid #292929;
  border-bottom: 2px solid #292929;
  transform: rotate(45deg);
  position: absolute;
  right: 3px;
  top: 14px;
}

#tbt-news-list-nav-desktop > .elementor-element {
  flex: 1 1 0;
  min-height: 72px;
  border-left: 2px solid #525252;
  border-bottom: 2px solid #525252;
  padding: 1.4vw 0 0 1.145vw;
  transition: all .35s cubic-bezier(.165, .84, .44, 1);
}

#tbt-news-list-nav-desktop > .elementor-element:first-child {
  border-left: 0;
  background: #ef7e00;
  border-color: #ef7e00;
}

#tbt-news-list-nav-desktop > .elementor-element:hover {
  background: #ef7e00;
  border-color: #ef7e00;
}

#tbt-news-list-nav-desktop > .elementor-element:hover .elementor-heading-title {
  color: #fff;
}

#tbt-news-list-search-simple,
#tbt-news-list-search-advanced-keyword-row {
  border-bottom: 2px solid #474747;
  min-height: 56px;
}

#tbt-news-list-search-advanced-keyword-row {
  border-bottom-width: 1px;
}

#tbt-news-list-search-date-field-1,
#tbt-news-list-search-date-field-2 {
  flex: 1 1 0;
  border-bottom: 1px solid #474747;
  min-height: 50px;
}

#tbt-news-list-search-simple-button .elementor-button,
#tbt-news-list-search-advanced-icon .elementor-button {
  background: transparent;
  color: #292929;
  border: 0;
  padding: 0;
  min-width: 50px;
}

#tbt-news-list-search-submit .elementor-button {
  min-width: 8em;
  min-height: 40px;
  border-radius: 25px;
  background: #4d4d4d;
  border: 2px solid #4d4d4d;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 700;
}

#tbt-news-list-grid {
  display: flex;
  flex-wrap: wrap;
}

#tbt-news-list-archive-posts {
  width: 100%;
}

#tbt-news-list-archive-posts .elementor-posts-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

#tbt-news-list-archive-posts .elementor-post {
  position: relative;
  border: 1px solid #eaeaea;
  background: #fff;
  transition: transform .35s cubic-bezier(.165, .84, .44, 1);
}

#tbt-news-list-archive-posts .elementor-post::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 3px solid transparent;
  pointer-events: none;
  transition: border .5s cubic-bezier(.165, .84, .44, 1);
  z-index: 3;
}

#tbt-news-list-archive-posts .elementor-post:hover::before {
  border-color: #ef7e00;
}

#tbt-news-list-archive-posts .elementor-post__thumbnail__link {
  order: 2;
  overflow: hidden;
}

#tbt-news-list-archive-posts .elementor-post__thumbnail img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

#tbt-news-list-archive-posts .elementor-post__text {
  order: 1;
  padding: 42px 36px 38px;
}

#tbt-news-list-archive-posts .elementor-post__title {
  min-height: 4.5em;
  margin: 14px 0 16px;
}

#tbt-news-list-archive-posts .elementor-post__title a {
  color: #292929;
  font-size: 20px;
  line-height: 1.5;
  text-decoration: none;
}

#tbt-news-list-archive-posts .elementor-post__meta-data {
  color: #ef7e00;
  font-weight: 700;
}

#tbt-news-list-archive-posts .elementor-post__excerpt p {
  color: #666;
  line-height: 1.75;
}

#tbt-news-list-archive-posts .elementor-post__read-more {
  color: #ef7e00;
  font-weight: 700;
  text-decoration: none;
}

#tbt-news-list-grid > .elementor-element {
  width: 33.3333%;
  position: relative;
}

#tbt-news-list-grid > .elementor-element::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  transition: border .5s cubic-bezier(.165, .84, .44, 1);
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 3;
}

#tbt-news-list-grid > .elementor-element:hover::before {
  border-color: #ef7e00;
}

[id^="tbt-news-list-image-holder-"] {
  position: relative;
  order: 2;
  overflow: hidden;
}

[id^="tbt-news-list-image-holder-"]::before,
[id^="tbt-news-list-image-holder-"]::after {
  content: "";
  display: block;
  width: 4.27vw;
  height: 4.27vw;
  background: #ef7e00;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  transform: rotate(45deg) scale(.95);
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

[id^="tbt-news-list-image-holder-"]::after {
  background: transparent;
  border-left: 12px solid #ef7e00;
  border-top: 12px solid transparent;
  transform: rotate(45deg) scale(.2);
}

#tbt-news-list-grid > .elementor-element:hover [id^="tbt-news-list-image-holder-"]::before,
#tbt-news-list-grid > .elementor-element:hover [id^="tbt-news-list-image-holder-"]::after {
  opacity: 1;
  transform: none;
}

[id^="tbt-news-list-image-"] img {
  width: 100%;
  aspect-ratio: 100 / 41;
  object-fit: cover;
  display: block;
}

[id^="tbt-news-list-card-body-"] {
  order: 1;
}

#tbt-news-list-grid > .elementor-element:nth-child(3n+2) [id^="tbt-news-list-card-body-"],
#tbt-news-list-grid > .elementor-element:nth-child(3n+3) [id^="tbt-news-list-card-body-"] {
  border-left: 1px solid #eaeaea;
}

[id^="tbt-news-list-featured-"] .elementor-heading-title {
  display: inline-block;
  padding: 3px .75em;
  background: #ef7e00;
  border-radius: 3px;
  line-height: 1.25em;
  white-space: nowrap;
}

#tbt-news-list-grid [id^="tbt-news-list-title-"] .elementor-heading-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 4.5em;
  line-height: 1.5em;
  margin-bottom: 1em;
}

[id^="tbt-news-list-excerpt-"] p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 5.25em;
  margin: 0 0 2.5em;
}

[id^="tbt-news-list-tag-"] {
  position: absolute;
  right: 42px;
  top: 27px;
  border-bottom: 1px solid #eaeaea;
}

#tbt-news-list-pagination .elementor-widget-heading {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border: 2px solid #eaeaea;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color .35s ease;
}

#tbt-news-list-page-prev,
#tbt-news-list-page-next {
  border-color: transparent !important;
}

#tbt-news-list-page-1 {
  border-color: #ef7e00 !important;
}

#tbt-news-list-pagination .elementor-widget-heading:hover {
  border-color: #ef7e00;
}

@media (max-width: 979px) {
  #tbt-news-list-archive-posts .elementor-posts-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tbt-news-list-nav-desktop {
    display: none;
  }

  #tbt-news-list-nav-mobile {
    display: flex;
  }

  #tbt-news-list-grid > .elementor-element {
    width: 50%;
  }

  #tbt-news-list-grid > .elementor-element:nth-child(3n+2) [id^="tbt-news-list-card-body-"],
  #tbt-news-list-grid > .elementor-element:nth-child(3n+3) [id^="tbt-news-list-card-body-"] {
    border-left: 0;
  }

  #tbt-news-list-grid > .elementor-element:nth-child(2n+2) [id^="tbt-news-list-card-body-"] {
    border-left: 1px solid #eaeaea;
  }
}

@media (max-width: 739px) {
  #tbt-news-list-archive-posts .elementor-posts-container {
    grid-template-columns: 1fr;
  }

  #tbt-news-list-archive-posts .elementor-post__text {
    padding: 30px 24px 28px;
  }

  #tbt-news-list-banner {
    padding-top: 28vw;
  }

  #tbt-news-list-grid > .elementor-element {
    width: 100%;
    margin-bottom: 40px;
  }

  #tbt-news-list-grid > .elementor-element:nth-child(2n+2) [id^="tbt-news-list-card-body-"] {
    border-left: 0;
  }

  [id^="tbt-news-list-card-body-"] {
    border: 1px solid #eaeaea;
    padding: 24px !important;
  }

  [id^="tbt-news-list-image-holder-"]::before,
  [id^="tbt-news-list-image-holder-"]::after {
    width: 60px;
    height: 60px;
    opacity: 1;
    transform: none;
  }

  [id^="tbt-news-list-tag-"] {
    right: 24px;
    top: 22px;
  }

  #tbt-news-list-search-advanced {
    padding: 24px 18px !important;
  }

  #tbt-news-list-search-date-row {
    flex-direction: column;
  }

  #tbt-news-list-pagination .elementor-widget-heading {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
  }
}