/* [ BLOG ]
----------------------------- */

/* Blog home */

.cta-text {
  margin-top:10px;
}

.cta-text li {
  display: inline-block;
  font-size: 12px;
  margin-right: 25px;
  color: #354F52;
}

.blog-hero {
  padding-top: 12em;
  text-align: center;
}

.blog-hero h1 {
  font-family: ubuntu, helvetica;
  line-height:2;
  font-size: 3em;
  font-weight: 700;
  color: #588157;
}

.blog-hero ul {
  margin: 0;
}

.blog-hero .cta-text li {
  font-size: 16px;
  margin-right: 25px;
}

.blog-hero .cta-text li:last-child {
  margin-right: 0;
}

.content-area.primary.ast-grid-3 .site-main  .ast-post-format-.blog-layout-1.ast-no-date-box {
  box-shadow: 0 2px 14px 0 rgba(53,79,82,0.1);
  border-radius: 10px;
  padding: 0 20px 20px 20px;
  overflow:  hidden;
}

.content-area.primary.ast-grid-3 .site-main .attachment-large.size-large.wp-post-image {
  max-width: calc(100% + 40px);
  transform: translateX(-20px);
  transition: all 0.4s;
}

.content-area.primary.ast-grid-3 .site-main .attachment-large.size-large.wp-post-image:hover {
  opacity: 0.7;
  transition: all 0.4s;
}

.content-area.primary.ast-grid-3 .site-main .entry-meta {
  margin-top: 18px;
}

.entry-title a {
  transition: all 0.4s;
  color: #354F52;
}

.entry-title a:hover {
  color: #B40905;
}

.ast-blog-featured-section.post-thumb.ast-col-md-12:hover ~ .entry-header .entry-title a {
  color: #B40905;
}

.navigation.pagination {
  margin-bottom: 2em;
}

/* Blog archive */

.archive {
  background-color: #fff;
}

.archive .ast-archive-description {
  text-align: center;
  padding-top: 12em;
  border-bottom: none;
}

.ast-archive-description {
  margin-bottom: 0;
}

.archive-cta {
  text-align: center;
  margin-bottom: 8em;
}

.archive-cta .cta-text {
  margin: 0;
}

.archive-cta .cta-text ul {
  margin: 0;
}

.archive-cta .cta-text li {
  font-size:16px;
}

.archive .ast-archive-description h1 {
  font-family: ubuntu, helvetica;
  font-size: 3em;
  font-weight: 700;
  color: #588157;
}

.ast-archive-description {
  background-color: #fff!important;
}

.ast-archive-description .ast-breadcrumbs-wrapper {
  display: none;
}

/* Blog post */

.wp-block-image figcaption {
  font-size: 12px;
}

.single-post {
  background-color: #fff;
}

.single-post .content-area.primary {
  margin-bottom: 0!important;
}

.ast-post-format-.single-layout-1.ast-no-date-box {
  margin-top: 10em;
  margin-bottom: 10em;
}

.ast-post-format-.single-layout-1.ast-no-date-box h1 {
  font-family: Ubuntu, Helvetica;
  font-size: 3em!important;
  font-weight: 700;
  margin-bottom: 20px;
  color: #354F52;
}

.ast-post-format-.single-layout-1.ast-no-date-box h2 {
  display: inline-block;
  font-size: 2.3em;
  font-weight: 700;
  color: #354F52!important;
  margin-top: 20px;
}

.ast-post-format-.single-layout-1.ast-no-date-box h3 {
  font-family: NotoSans, Helvetica;
  font-size: 1.4em!important;
  color: #354F52;
  margin-top: 10px;
}

.blog-post-footer {
  text-align: center;
  margin-bottom: 8em;
}

.crp_related {
  text-align: left;
  margin: auto;
  display: flex;
}

.crp_related ul {
  margin: 20px auto;
}

.crp_related li {
  width: 300px;
  display: inline-grid;
  background-color: #ffffff;
  margin: 10px;
  box-shadow: 0 2px 14px 0 rgba(53,79,82,0.1);
  border-radius: 6px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.crp_related li:hover {
  transform: translateY(-10px);
}

.crp_related a{
  display: inline-grid;
}

.crp_related .crp_title {
  font-size: 18px;
  font-weight: 700;
  margin: 20px;
  line-height: 1.5; 
  color: #354F52;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.crp_related .crp_title:hover {
  color: #588157;
}

.crp_related .crp_excerpt {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  display: inline-grid;
}

.crp_thumb {
  object-fit:cover;
  width:300px;
  height:250px;
  border-radius: 6px 6px 0 0;
}

.posted-by.author a {
     pointer-events: none;
}

.blog-layout-1 .post-content {
  text-align: left;
}


/* .entry-content {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5em;
  height: 4.5em;
} */

.content-area.primary.ast-grid-3 .site-main .entry-meta {
  margin-top: 6px;
}

/* search in place 掛件不必要的小元素 */
.search-in-place-type {
  display: none;
}

/* [ Article CTA button ]
----------------------------- */
a.fasc-button,
.wp-block-button__link {
  font-size: 1.125em;
  padding: 16px 24px;
  border-radius: 4px;
  text-transform: uppercase;
  color: #fff;
  background-color: #354F52;
  margin: 30px auto;
}


/* [ Search bar ]
----------------------------- */
.blog-search-bar {
  width: 100%;
  margin: 30px 0;
}

input[type=search] {
  width: 500px;
}

input[type="submit"] {
  width: 200px;
  margin-top: 10px;
}


/* [ Post card ]
----------------------------- */
.ast-row {
  display: flex;
  flex-wrap: wrap;
}

/* [ Tablet ]
----------------------------- */

@media only screen and (max-width: 1024px) {

  /* Blog home */

  .entry-title {
    font-size: 1.5em!important;
  }

  .ast-post-format-.single-layout-1.ast-no-date-box {
    margin-top: 140px;
    margin-bottom: 100px;
  }

  .ast-post-format-.single-layout-1.ast-no-date-box h2 {
    font-size: 2em!important;
  }
  
  .blog-post-footer {
    display: none;
  }

}

/* [ Mobile ]
----------------------------- */

@media only screen and (max-width: 719px) {

  /* Blog */

  .ast-post-format-.single-layout-1.ast-no-date-box {
    margin-top: 80px;
  }
  
  .ast-post-format-.single-layout-1.ast-no-date-box h1 {
    font-size: 2em!important;
    margin-top: 90px;
  }
  
  .ast-separate-container .ast-archive-description {
    padding: 10em 0 0 0;
    text-align: center;
  }
  
  .ast-separate-container .ast-archive-description h1 {
    font-weight: 700;
    font-size: 1.8em!important;
  }
  
  .blog-hero {
    padding-top: 10em;
    padding-bottom: 8em;
  }

  .blog-hero h1 {
    font-size: 2.2em!important;
  }

  .blog-hero ul {
    margin: 0px 20px;
  }

  .blog-hero .cta-text li {
    font-size: 14px;  
  }
  
  .blog-post-footer {
    margin-top:60px;
    display: block;
    margin-bottom: 30px;
  }
  
  .crp_related li {
    width:90%;
    display: block;
    margin: auto;
    margin-bottom: 30px;
  }

  .crp_thumb {
      width:100%;
  }

}

@media only screen and (max-width: 766px) {
  .entry-content>:last-child {
    margin-bottom: 0px; 
  }
  input[type=search] {
    width: 90%;
  }
  input[type="submit"] {
    width: 90%;
  }
}