/*
 Theme Name: Astra Child
 Template: astra
*/
@media (max-width: 1350px) {
  #ast-desktop-header {
    display: none;
  }
  #ast-mobile-header {
    display: block;
  }
}

.doplus-logo-carousel {
  display: none;
}
@media (min-width: 400px) {
  .doplus-logo-wall {
    display: none;
  }
  .doplus-logo-carousel {
    display: block;
  }
}

/* news page current event hover effect */
.doplus-event-box:hover {
  box-shadow: 3px -3px 15px gray;
}
.doplus-event-box:hover .doplus-event-title {
  background-color: var(--e-global-color-primary);
}

/* event卡片的類型標籤樣式 */
.elementor-widget-heading.doplus-category-badge {
  width: fit-content;
  padding: 5px;
  border: 1px solid var(--ast-global-color-1);
  border-radius: 10px;
}
.elementor-widget-heading.doplus-category-badge h6 {
  color: var(--ast-global-color-1);
}
.doplus-event-box:hover .doplus-category-badge {
  background-color: #fff;
}

/* 確保event卡片height一樣高 */
.doplus-event-box .doplus-event-title {
  flex-grow: 1;
}

/* 商城入口產品卡片圖＆hover效果 */
.doplus-product-card img {
  height: 250px;
  width: 100%;
  object-fit: cover;
}

.doplus-product-card:hover img {
  scale: 1.05;
  transition: all 0.2s linear;
}
.doplus-product-card-img {
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}

/* header */
.doplus-menu-news .menu-link,
.doplus-menu-doplus .menu-link,
.doplus-menu-ttac .menu-link,
.doplus-menu-sdgs .menu-link,
.doplus-menu-shop .menu-link,
.doplus-menu-contact .menu-link {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
}
.doplus-menu-news .menu-link::after {
  content: "NEWS";
}
.doplus-menu-doplus .menu-link::after {
  content: "DO+T";
}
.doplus-menu-ttac .menu-link::after {
  content: "TTAC";
}
.doplus-menu-sdgs .menu-link::after {
  content: "SDGs & ESG";
}
.doplus-menu-shop .menu-link::after {
  content: "SHOP";
}
.doplus-menu-contact .menu-link::after {
  content: "CONTACT";
}

/* home page*/
.doplus-home-hero-title {
  width: fit-content;
}
@media (min-width: 1400px) {
  .doplus-home-card-text {
    height: 30%;
  }
}

.doplus-home-card-container :first-child.doplus-home-card-item {
  background-position: 65% 0%;
}

.doplus-home-card-container :nth-child(2).doplus-home-card-item {
  background-position: 40% 65%;
}

.doplus-home-card-container :nth-child(3).doplus-home-card-item {
  background-position: 40% 65%;
}

.doplus-home-card-container :last-child.doplus-home-card-item {
  background-position: 65% 0%;
}

/* doplusthink page */
.doplus-doplusthink-hero {
  height: 100vdh;
}
.doplus-doplusthink-product .product {
  height: 100%;
}
/* @media (min-width: 576px) {
  .doplus-doplusthink-product .product {
    height: 380px;
  }
} */

.doplus-doplusthink-product .product .eael-product-carousel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.doplus-doplusthink-product
  .product
  .eael-product-carousel
  .product-details-wrap {
  margin-top: auto;
}
.doplus-doplusthink-product
  .product
  .eael-product-carousel
  .product-details-wrap
  * {
  font-size: 14px;
}
@media (min-width: 576px) {
  .doplus-doplusthink-product
    .product
    .eael-product-carousel
    .product-details-wrap
    * {
    font-size: 18px;
  }
}
.doplus-doplusthink-product
  .product
  .eael-product-carousel
  .product-image-wrap {
  height: 70%;
}
.doplus-doplusthink-product
  .product
  .eael-product-carousel
  .product-image-wrap
  .image-wrap {
  height: 100%;
}
.doplus-doplusthink-product
  .product
  .eael-product-carousel
  .product-image-wrap
  img {
  height: 100%;
  object-fit: cover;
}

/* 推薦人對話框 */
.doplus-testimonial-bubble {
  background: #bbbbbb;
  padding: 12px 16px;
  border-radius: 12px;

  max-width: 400px;
  position: relative;
}
.doplus-testimonial-bubble::after {
  content: "";
  position: absolute;
  background-color: #bbbbbb;
  bottom: -6px;
  left: 50px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
}
.doplus-testimonial-person {
  margin: 20px 30px;
  width: 100px;
  height: 100px;
}

.doplus-testimonial-person img {
  width: 100%;
  clip-path: circle(50px);
}

/* 推薦人瀑布流layout */
/* @media (min-width: 576px) {
  .doplus-testimonial-masonry-odd .doplus-testimonial-masonry-item:first-child {
    
    transform: translateY(0px);
  }
  .doplus-testimonial-masonry-odd
    .doplus-testimonial-masonry-item:nth-child(2n) {
    
    transform: translateY(-30px);
  }

  .doplus-testimonial-masonry-even
    .doplus-testimonial-masonry-item:first-child {
    
    transform: translateY(-30px);
  }
  .doplus-testimonial-masonry-even
    .doplus-testimonial-masonry-item:nth-child(2n) {
    
    transform: translateY(30px);
  }
  .doplus-testimonial-masonry-even
    .doplus-testimonial-masonry-item:nth-child(3n) {
    
    transform: translateY(0px);
  }
} */

/* ttac page */
.doplus-ttac-story-text p {
  margin-bottom: 0;
}

.doplus-ttac-store-text p {
  margin-bottom: 10px;
}

.doplus-ttac-story-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doplus-ttac-story-gallery .elementor-widget-image:first-child {
  grid-column: 1/1;
}
.doplus-ttac-story-gallery .elementor-widget-image:nth-child(2) {
  grid-column: 2/5;
}
.doplus-ttac-story-gallery .elementor-widget-image:nth-child(3) {
  grid-column: 1/3;
}
.doplus-ttac-story-gallery .elementor-widget-image:nth-child(4) {
  grid-column: 3/5;
}
.doplus-ttac-story-gallery .elementor-widget-image:nth-child(5) {
  grid-column: 1/4;
}
.doplus-ttac-story-gallery .elementor-widget-image:nth-child(6) {
  grid-column: 4/5;
}

.doplus-ttac-story-gallery .elementor-widget-image:nth-child(2) img {
  object-position: 50% 90%;
}

/* sdgs page */
.doplus-sdgs-hero {
  height: 100dvh;
}
.doplus-sdgs-hero-text p {
  margin-bottom: 10px;
}

.doplus-sdgs-action-gallery {
  height: 320px;
}
@media (min-width: 576px) {
  .doplus-sdgs-action-gallery {
    height: 560px;
  }
}
.doplus-sdgs-action-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.doplus-sdgs-action-gallery .elementor-widget-image:first-child {
  grid-row: 1/4;
}
.doplus-sdgs-action-gallery .elementor-widget-image:nth-child(2) {
  grid-row: 1/2;
}
.doplus-sdgs-action-gallery .elementor-widget-image:nth-child(3) {
  grid-row: 1/3;
}
.doplus-sdgs-action-gallery .elementor-widget-image:nth-child(4) {
  grid-row: 1/4;
}
.doplus-sdgs-action-gallery .elementor-widget-image:nth-child(5) {
  grid-row: 4/5;
}
.doplus-sdgs-action-gallery .elementor-widget-image:nth-child(6) {
  grid-row: 2/5;
}
.doplus-sdgs-action-gallery .elementor-widget-image:nth-child(7) {
  grid-row: 3/5;
}
.doplus-sdgs-action-gallery .elementor-widget-image:nth-child(8) {
  grid-row: 4/5;
}

/* contact us */
.doplus-contact-name label,
.doplus-contact-phone label,
.doplus-contact-email label,
.doplus-contact-type label,
.doplus-contact-msg label {
  color: #fff;
}
.doplus-contact-name .wpforms-field-large.wpforms-field-required,
.doplus-contact-phone .wpforms-field-large.wpforms-field-required,
.doplus-contact-email .wpforms-field-large.wpforms-field-required,
.doplus-contact-type .wpforms-field-large.wpforms-field-required,
.doplus-contact-msg .wpforms-field-small {
  background-color: #314858;
  color: #fff;
}
.doplus-contact-name .wpforms-field-large.wpforms-field-required::placeholder,
.doplus-contact-phone .wpforms-field-large.wpforms-field-required::placeholder,
.doplus-contact-email .wpforms-field-large.wpforms-field-required::placeholder,
.doplus-contact-type .wpforms-field-large.wpforms-field-required::placeholder,
.doplus-contact-msg .wpforms-field-small::placeholder {
  color: #fff;
  border-color: #314858;
}

.wpforms-submit {
  background-color: #fff;
  color: #314858;
}

/* blog page & workshop page*/
.doplus-categories-btn {
  padding: 120px 0 60px 0;
}

.doplus-card-grid .post-tags-links {
  order: 3;
}
.doplus-card-grid .post-tags-links .rt-separator,
.doplus-card-grid .post-tags-links i {
  display: none;
}
.doplus-card-grid .post-tags-links {
  gap: 3px;
}
.doplus-card-grid .post-tags-links a {
  font-weight: 700;
  padding: 3px 5px;
  border: 1px solid #314858;
  border-radius: 5px;
}
.doplus-card-grid .post-tags-links a:hover {
  background-color: #ebe1a9;
  border: 1px solid #314858;
}

.doplus-card-grid .rt-img-holder {
  height: 260px;
}
/* gird-post plugin斷點992 */
@media (min-width: 992px) {
  .doplus-card-grid .rt-img-holder {
    height: 200px;
  }
}

.doplus-card-grid .rt-pagination-wrap {
  margin-bottom: 80px;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button.active a {
  background-color: #ebe1a9;
  color: #314858;
  border: 1px solid #ebe1a9;
}

.doplus-workshop-posts .rt-detail.rt-el-content-wrapper {
  height: 100%;
}
.doplus-workshop-posts .post-footer {
  margin-top: auto;
  margin-left: auto;
}
.doplus-workshop-posts
  .rt-tpg-container
  .rt-holder
  .rt-detail
  .read-more
  a:hover {
  color: #ca3a28;
}
/* news page */

.doplus-news-highlight {
  height: 100dvh;
}
.doplus-news-highlight .elementor-widget-container {
  line-height: 1.2;
}
.doplus-news-posts .rt-img-holder,
.doplus-news-workshop .rt-img-holder {
  height: 260px;
}
/* gird-post plugin斷點992 */
@media (min-width: 992px) {
  .doplus-news-posts .rt-img-holder,
  .doplus-news-workshop .rt-img-holder {
    height: 200px;
  }
}

.doplus-news-posts .post-tags-links .rt-separator,
.doplus-news-posts .post-tags-links i,
.doplus-news-workshop .post-tags-links .rt-separator,
.doplus-news-workshop .post-tags-links i {
  display: none;
}
.doplus-news-posts .post-tags-links,
.doplus-news-workshop .post-tags-links {
  gap: 3px;
}
.doplus-news-posts .post-tags-links a,
.doplus-news-workshop .post-tags-links a {
  font-weight: 700;
  padding: 3px 5px;
  border: 1px solid #314858;
  border-radius: 5px;
}
.doplus-news-posts .post-tags-links a:hover,
.doplus-news-workshop .post-tags-links a:hover {
  background-color: #ebe1a9;
  border: 1px solid #314858;
}

.doplus-news-workshop .rt-detail.rt-el-content-wrapper {
  height: 100%;
}
.doplus-news-workshop .post-footer {
  margin-top: auto;
}
/* wooCommerce */
.woocommerce {
  padding: 0px;
}
@media (min-width: 576px) {
  .woocommerce {
    padding: 50px;
  }
}
.doplus-account-hero {
  width: 100%;
  height: 200px;
}
@media (min-width: 576px) {
  .doplus-account-hero {
    height: 350px;
  }
}
.doplus-account-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ast-page-builder-template
  .entry-content[data-ast-blocks-layout]
  > *:not(.wp-block-group):where(
    :not(.uagb-is-root-container):not(.spectra-is-root-container)
  )
  > * {
  max-width: none;
}

/* tag page */
.tag.archive .ast-archive-description {
  background-color: transparent;
}
.tag.archive .ast-row {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 576px) {
  .tag.archive .ast-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .tag.archive .ast-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.tag.archive .ast-row article {
  border: 1px #dbdbdb solid;
  padding: 0px;
}

.tag.archive .ast-row article .post-content > * {
  padding-right: 20px;
  padding-left: 20px;
}
.tag.archive .ast-row article .post-content .post-thumb {
  padding: 0;
  height: 200px;
}
.tag.archive .ast-row article .post-content .post-thumb img {
  height: 100%;
  object-fit: cover;
}
.tag.archive .ast-row article .post-content h2 {
  font-size: 22px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tag.archive .ast-article-inner {
  height: 100%;
}
.tag.archive .ast-article-inner .post-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tag.archive .ast-article-inner .post-content .read-more {
  margin-top: auto;
  text-align: right;
}

.tag.archive .entry-meta .tags-links {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.tag.archive .entry-meta a {
  display: inline-block;
  font-weight: 700;
  padding: 3px 5px;
  border: 1px solid #314858;
  border-radius: 5px;
}
.tag.archive .entry-meta a:hover {
  background-color: #ebe1a9;
  color: #314858;
}
/* .tag.archive .ast-separate-container .ast-article-post {
  padding: 30px;
} */

/* about-ttac page*/
.doplus-aboutttac-stories .post-tags-links .rt-separator,
.doplus-aboutttac-stories .post-tags-links i {
  display: none;
}
.doplus-aboutttac-stories .post-tags-links {
  gap: 3px;
}
.doplus-aboutttac-stories .post-tags-links a {
  font-weight: 700;
  padding: 3px 5px;
  border: 1px solid #314858;
  border-radius: 5px;
}
.doplus-aboutttac-stories .post-tags-links a:hover {
  background-color: #ebe1a9;
  border: 1px solid #314858;
}
/* centralized overrides */
/* blog page */
.doplus-categories-btn .wp-block-button {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.doplus-categories-btn,
.doplus-card-grid {
  max-width: 1140px !important;
}
/* wooCommerce */
.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last {
  display: none !important;
}