@charset "UTF-8";
/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/* line 32, sass/style.scss */
a, a:focus, a:hover, a:visited {
  text-decoration: none !important;
}

/* line 35, sass/style.scss */
.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}

/* line 42, sass/style.scss */
.cover-img, .news ul.list .item .cont .img {
  position: relative;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
/* line 15, sass/style.scss */
.cover-img:before, .news ul.list .item .cont .img:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
/* line 21, sass/style.scss */
.cover-img > .content, .news ul.list .item .cont .img > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*== About us ==*/
/* line 53, sass/style.scss */
.about-point {
  width: 250px;
  height: 250px;
  padding: 30px;
  margin-left: -25px;
  position: relative;
}
/* line 59, sass/style.scss */
.about-point:before {
  content: "";
  position: absolute;
  width: 210px;
  height: 210px;
  border: 1px solid #A78A6F;
  top: 20px;
  left: 20px;
}

/*== News List ==*/
/* line 72, sass/style.scss */
.news ul.list {
  list-style: none;
  padding: 0;
  margin: 50px 0;
}
/* line 76, sass/style.scss */
.news ul.list .item {
  margin: 50px 0;
  border-bottom: 1px solid #DBDBDB;
}
/* line 79, sass/style.scss */
.news ul.list .item .cont {
  display: flex;
  flex-wrap: wrap;
}
/* line 85, sass/style.scss */
.news ul.list .item .cont .info {
  width: 100%;
  padding: 24px 0;
}
/* line 88, sass/style.scss */
.news ul.list .item .cont .info .meta {
  color: #707070;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.8px;
}
/* line 94, sass/style.scss */
.news ul.list .item .cont .info .meta .date {
  display: inline-block;
  color: #484A44;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 1.4px;
}
/* line 104, sass/style.scss */
.news ul.list .item .cont .info .meta .categories {
  display: inline-block;
  list-style: none;
  margin: 0;
}
/* line 108, sass/style.scss */
.news ul.list .item .cont .info .meta .categories li {
  display: inline-block;
}
/* line 110, sass/style.scss */
.news ul.list .item .cont .info .meta .categories li a {
  color: #484A44;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 1.4px;
}
/* line 124, sass/style.scss */
.news ul.list .item .cont .title {
  color: #1A1A1A;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
  /* 175% */
  letter-spacing: 2.4px;
  margin-bottom: 10px;
}
/* line 136, sass/style.scss */
.news ul.list .item .cont .desc {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 3.5px;
  margin-bottom: 20px;
}
/* line 146, sass/style.scss */
.news ul.list .item .cont .read-btn {
  color: #7D4B32;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 200% */
  letter-spacing: 1.6px;
  transition-duration: 0.3;
}
/* line 154, sass/style.scss */
.news ul.list .item .cont .read-btn:hover {
  opacity: 0.8;
  transition-duration: 0.5;
}

/* line 168, sass/style.scss */
.page-number-warp .page-number {
  margin: 0 0 50px -15px;
  list-style: none;
}

/* line 173, sass/style.scss */
.page-number-warp .page-number .page-item {
  color: #000;
  display: inline-block;
  margin: 0 15px;
}

/* line 179, sass/style.scss */
.page-number-warp .page-number .page-item a {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #7D4B32;
}

/* line 186, sass/style.scss */
.page-number-warp .page-number .page-item.active a {
  background-color: #7D4B32;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

/*== 側邊欄 ==*/
/* line 195, sass/style.scss */
.page-sider {
  padding-left: 30px;
}
@media screen and (max-width: 1024px) {
  /* line 195, sass/style.scss */
  .page-sider {
    padding-left: 0px;
  }
}
/* line 202, sass/style.scss */
.page-sider.blog {
  padding-top: 70px;
}
@media screen and (max-width: 1024px) {
  /* line 202, sass/style.scss */
  .page-sider.blog {
    padding-top: 0px;
  }
}
/* line 209, sass/style.scss */
.page-sider .warp {
  margin-bottom: 30px;
}
/* line 213, sass/style.scss */
.page-sider .search {
  margin-bottom: 50px;
  border: 1px solid #DBDBDB;
}
/* line 218, sass/style.scss */
.page-sider .search .search-query-box .search-query {
  background-color: #ffffff;
  width: calc(100% - 64px);
  border: none;
  font-size: 14px;
  padding: 15px 20px;
}
/* line 224, sass/style.scss */
.page-sider .search .search-query-box .search-query:focus-visible {
  border: none;
}
/* line 228, sass/style.scss */
.page-sider .search .search-query-box .search-btn {
  color: #434343;
  background: transparent;
  padding: 15px 20px;
  font-size: 12px;
  font-weight: 700;
  border: none;
}
/* line 239, sass/style.scss */
.page-sider .sider-title {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  /* 175% */
  letter-spacing: 2px;
  margin-bottom: 40px;
}
/* line 249, sass/style.scss */
.page-sider .sider-list {
  color: #434343;
  font-family: Noto Sans TC;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 200% */
  letter-spacing: 1.6px;
  margin-left: 0;
  list-style: none;
}
/* line 258, sass/style.scss */
.page-sider .sider-list li {
  margin-bottom: 10px;
}
/* line 260, sass/style.scss */
.page-sider .sider-list li a {
  color: #484A44;
}

/* line 269, sass/style.scss */
.single .page-header {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 560px;
}
/* line 274, sass/style.scss */
.single .page-header:before {
  content: "";
  background-color: #7D4B32;
  opacity: 0.75;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
/* line 284, sass/style.scss */
.single .main-content {
  max-width: 1200px;
  padding: 100px 50px;
  margin: -300px auto 80px;
  background: #ffffff;
  position: relative;
  box-shadow: 0px 0px 20px #00000014;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 1.8px;
}
/* line 296, sass/style.scss */
.single .main-content .title {
  padding: 0;
  font-size: 32px;
  line-height: 56px;
  letter-spacing: 3.2px;
  font-weight: 500;
}
/* line 303, sass/style.scss */
.single .main-content .date {
  color: #707070;
}
/* line 307, sass/style.scss */
.single .main-content .terms a {
  color: #000000;
}
/* line 312, sass/style.scss */
.single .main-content .content {
  margin: 40px 0;
}
/* line 316, sass/style.scss */
.single .navagation {
  margin-bottom: 80px;
}
/* line 318, sass/style.scss */
.single .navagation .btn-group {
  display: flex;
  max-width: 1200px;
  margin: 30px auto;
  width: 100%;
}
/* line 323, sass/style.scss */
.single .navagation .btn-group .btn-warp {
  width: 100%;
  text-align: center;
}
/* line 326, sass/style.scss */
.single .navagation .btn-group .btn-warp a {
  color: #5D6167;
}

/* line 334, sass/style.scss */
.recent-posts {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
  padding: 50px 0 100px;
}
/* line 337, sass/style.scss */
.recent-posts h5 {
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 3.2px;
  color: #7D4B32;
  text-align: center;
  margin-bottom: 50px;
}
/* line 345, sass/style.scss */
.recent-posts .recent-posts-list {
  display: flex;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 30px;
}
@media screen and (max-width: 600px) {
  /* line 345, sass/style.scss */
  .recent-posts .recent-posts-list {
    flex-direction: column;
  }
}
/* line 355, sass/style.scss */
.recent-posts .recent-posts-list li {
  width: 100%;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 922px) {
  /* line 361, sass/style.scss */
  .recent-posts .recent-posts-list li:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  /* line 361, sass/style.scss */
  .recent-posts .recent-posts-list li:nth-child(3) {
    display: block;
  }
}
/* line 372, sass/style.scss */
.recent-posts .recent-posts-list li .img {
  background-color: #fafafa;
  margin-bottom: 10px;
}
/* line 376, sass/style.scss */
.recent-posts .recent-posts-list li .date {
  color: #707070;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.7px;
  margin-bottom: 0px;
}
/* line 384, sass/style.scss */
.recent-posts .recent-posts-list li .title {
  font-size: 20px;
  line-height: 40px;
  letter-spacing: 2;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (max-width: 922px) {
  /* line 384, sass/style.scss */
  .recent-posts .recent-posts-list li .title {
    font-size: 18px;
  }
}
/* line 395, sass/style.scss */
.recent-posts .recent-posts-list li .cat a {
  color: #707070;
  margin-bottom: 10px;
}
/* line 400, sass/style.scss */
.recent-posts .recent-posts-list li .desc {
  margin-bottom: 10px;
}

/**= Product =*/
/* line 410, sass/style.scss */
.product-category-container {
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 1.8px;
  max-width: 900px;
  margin: 0 auto;
}
/* line 417, sass/style.scss */
.product-category-container h6 {
  font-size: 24px;
  line-height: 42px;
  letter-spacing: 2.4px;
}
/* line 422, sass/style.scss */
.product-category-container hr {
  margin-bottom: 15px;
}
/* line 428, sass/style.scss */
.product-category-container .category-image img {
  width: 100%;
  margin-bottom: 40px;
}
/* line 435, sass/style.scss */
.product-category-container .category-info {
  display: flex;
  gap: 50px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  /* line 435, sass/style.scss */
  .product-category-container .category-info {
    flex-direction: column;
  }
}
/* line 452, sass/style.scss */
.product-category-container .category-product-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 456, sass/style.scss */
.product-category-container .category-product-list .product-item {
  display: flex;
  gap: 50px;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  /* line 456, sass/style.scss */
  .product-category-container .category-product-list .product-item {
    flex-direction: column;
    gap: 0px;
  }
}
/* line 466, sass/style.scss */
.product-category-container .category-product-list .product-item .image {
  width: 40%;
}
@media screen and (max-width: 480px) {
  /* line 466, sass/style.scss */
  .product-category-container .category-product-list .product-item .image {
    width: 100%;
  }
}
/* line 472, sass/style.scss */
.product-category-container .category-product-list .product-item .info {
  padding: 20px 0;
  width: 60%;
}
@media screen and (max-width: 480px) {
  /* line 472, sass/style.scss */
  .product-category-container .category-product-list .product-item .info {
    width: 100%;
  }
}

/* line 494, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper {
  text-align: center;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
}
/* line 498, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
  display: inline-block;
  border-color: transparent;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 2px;
  color: #A1A1A1;
  padding: 30px;
  margin: 0 50px;
}
/* line 508, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
  position: relative;
  color: #A78A6F;
}
/* line 512, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active:before {
  content: "";
  display: block;
  width: calc(100% + 20px);
  height: 4px;
  background: #A78A6F;
  position: absolute;
  left: -10px;
  bottom: 0px;
  border: none;
}
/* line 526, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:before, #product-list .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:after {
  display: none;
}
/* line 532, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper {
  border: none;
}
/* line 535, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title {
  position: relative;
  padding: 30px;
  border: none;
  border-top: 1px solid #eee;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 2px;
}
/* line 545, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title:before, #product-list .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title:after {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  right: 50px;
  top: 40px;
}
/* line 556, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title:after {
  transform: rotate(90deg);
}
/* line 560, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title.elementor-active {
  color: #A78A6F;
}
/* line 564, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title.elementor-active:before, #product-list .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title.elementor-active:after {
  transform: rotate(0deg);
}
/* line 571, sass/style.scss */
#product-list .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
  padding-top: 100px;
  border: none;
}
@media screen and (max-width: 768px) {
  /* line 571, sass/style.scss */
  #product-list .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
    border-bottom: 1px solid #eee;
  }
}

/*== Contact Us ==*/
/* line 593, sass/style.scss */
.contact-form .wpforms-form .wpforms-field-container .wpforms-field-label {
  font-weight: 400;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 1.8px;
  color: #000000;
  margin-bottom: 20px;
}
/* line 601, sass/style.scss */
.contact-form .wpforms-form .wpforms-field-container input, .contact-form .wpforms-form .wpforms-field-container textarea {
  background-color: #EEEEEE;
  border: 1px solid #EAEAEA;
  border-radius: 2px;
}
/* line 608, sass/style.scss */
.contact-form .wpforms-form .wpforms-submit {
  border-color: #A78A6F;
  color: #A78A6F;
}