.elementor-3324 .elementor-element.elementor-element-7f3a026{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:100px;--padding-right:100px;}.elementor-3324 .elementor-element.elementor-element-7f3a026:not(.elementor-motion-effects-element-type-background), .elementor-3324 .elementor-element.elementor-element-7f3a026 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://learning-city.trang.psu.ac.th/wp-content/uploads/2025/05/ศาลเจ้าฮกเกี้ยนกงก้วนกันตัง-อำเภอกันตัง-จังหวัดตรัง-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3324 .elementor-element.elementor-element-7f3a026::before, .elementor-3324 .elementor-element.elementor-element-7f3a026 > .elementor-background-video-container::before, .elementor-3324 .elementor-element.elementor-element-7f3a026 > .e-con-inner > .elementor-background-video-container::before, .elementor-3324 .elementor-element.elementor-element-7f3a026 > .elementor-background-slideshow::before, .elementor-3324 .elementor-element.elementor-element-7f3a026 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3324 .elementor-element.elementor-element-7f3a026 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3324 .elementor-element.elementor-element-e464603{text-align:center;}.elementor-3324 .elementor-element.elementor-element-e464603 .elementor-heading-title{font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-3324 .elementor-element.elementor-element-8727c1e{text-align:center;}.elementor-3324 .elementor-element.elementor-element-8727c1e .elementor-heading-title{font-size:30px;font-weight:300;color:#E0E0E0;}.elementor-3324 .elementor-element.elementor-element-f08e5cd{text-align:center;}.elementor-3324 .elementor-element.elementor-element-f08e5cd .elementor-heading-title{font-size:30px;font-weight:300;color:#E0E0E0;}.elementor-3324 .elementor-element.elementor-element-ab3d918{--display:flex;--padding-top:60px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-3324 .elementor-element.elementor-element-ab3d918:not(.elementor-motion-effects-element-type-background), .elementor-3324 .elementor-element.elementor-element-ab3d918 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F5EF;}.elementor-3324 .elementor-element.elementor-element-66c30b5{text-align:center;}.elementor-3324 .elementor-element.elementor-element-66c30b5 .elementor-heading-title{font-size:28px;color:var( --e-global-color-5619bf3 );}.elementor-3324 .elementor-element.elementor-element-f002552 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-5b10ce0{--display:flex;--padding-top:60px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-3324 .elementor-element.elementor-element-5b10ce0:not(.elementor-motion-effects-element-type-background), .elementor-3324 .elementor-element.elementor-element-5b10ce0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F5EF;}.elementor-3324 .elementor-element.elementor-element-69437db{text-align:center;}.elementor-3324 .elementor-element.elementor-element-69437db .elementor-heading-title{font-size:28px;color:var( --e-global-color-5619bf3 );}.elementor-msie .elementor-3324 .elementor-element.elementor-element-770c608 .elementor-portfolio-item{width:calc( 100% / 2 );}.elementor-3324 .elementor-element.elementor-element-770c608 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-3324 .elementor-element.elementor-element-770c608 .post-grid-inner{text-align:center;}.elementor-3324 .elementor-element.elementor-element-770c608 .wpcap-grid-container{grid-column-gap:15px;grid-row-gap:30px;}.elementor-3324 .elementor-element.elementor-element-770c608 .wpcap-grid-container .wpcap-post{border-radius:30px;padding:0px 0px 0px 0px;}.elementor-3324 .elementor-element.elementor-element-770c608 .post-grid-inner .post-grid-thumbnail img{border-radius:30px 30px 30px 30px;}.elementor-3324 .elementor-element.elementor-element-770c608 .wpcap-grid-container .wpcap-post .title, .elementor-3324 .elementor-element.elementor-element-770c608 .wpcap-grid-container .wpcap-post .title > a{font-size:18px;}.elementor-3324 .elementor-element.elementor-element-5f30773{--display:flex;--padding-top:60px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-3324 .elementor-element.elementor-element-5f30773:not(.elementor-motion-effects-element-type-background), .elementor-3324 .elementor-element.elementor-element-5f30773 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F5EF;}.elementor-3324 .elementor-element.elementor-element-6d86e61{text-align:center;}.elementor-3324 .elementor-element.elementor-element-6d86e61 .elementor-heading-title{font-size:28px;color:var( --e-global-color-5619bf3 );}.elementor-3324 .elementor-element.elementor-element-0c33e47{--grid-template-columns:repeat(0, auto);--icon-size:50px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-3324 .elementor-element.elementor-element-0c33e47 .elementor-widget-container{text-align:center;}@media(max-width:1024px){.elementor-msie .elementor-3324 .elementor-element.elementor-element-770c608 .elementor-portfolio-item{width:calc( 100% / 2 );}}@media(max-width:767px){.elementor-3324 .elementor-element.elementor-element-7f3a026{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-3324 .elementor-element.elementor-element-e464603 .elementor-heading-title{font-size:25px;}.elementor-3324 .elementor-element.elementor-element-8727c1e .elementor-heading-title{font-size:20px;}.elementor-3324 .elementor-element.elementor-element-f08e5cd .elementor-heading-title{font-size:18px;}.elementor-3324 .elementor-element.elementor-element-ab3d918{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3324 .elementor-element.elementor-element-66c30b5 .elementor-heading-title{font-size:20px;}.elementor-3324 .elementor-element.elementor-element-5b10ce0{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3324 .elementor-element.elementor-element-69437db .elementor-heading-title{font-size:20px;}.elementor-msie .elementor-3324 .elementor-element.elementor-element-770c608 .elementor-portfolio-item{width:calc( 100% / 1 );}.elementor-3324 .elementor-element.elementor-element-770c608 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-3324 .elementor-element.elementor-element-5f30773{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3324 .elementor-element.elementor-element-6d86e61 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for elementor-blog-posts, class: .elementor-element-770c608 *//* พื้นหลัง block แต่ละข่าว */
.wpcap-post .post-grid-inner {
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  overflow: hidden;
}

/* สีพื้นหลังสลับแบบชัดเจนขึ้น */
.wpcap-post:nth-child(3n+1) .post-grid-inner {
  background-color: #FFF4E6;  /* ส้มอ่อน */
}
.wpcap-post:nth-child(3n+2) .post-grid-inner {
  background-color: #E8F8F5;  /* เขียวมิ้นต์ */
}
.wpcap-post:nth-child(3n+3) .post-grid-inner {
  background-color: #EAF2F8;  /* ฟ้าอ่อน */
}

/* ภาพ */
.wpcap-post .post-grid-thumbnail img {
  border-radius: 12px;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.wpcap-post:hover .post-grid-thumbnail img {
  transform: scale(1.04);
}

/* หัวเรื่อง */
.wpcap-post .title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #145A32; /* เขียวเข้ม PSU */
  margin-top: 14px;
  line-height: 1.4em;
  transition: color 0.3s ease;
}

.wpcap-post .title a:hover {
  color: #E74C3C; /* แดงส้ม */
  text-decoration: underline;
}

/* fade-in animation */
.wpcap-post {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp 0.5s ease forwards;
}
.wpcap-post:nth-child(1) { animation-delay: 0.1s; }
.wpcap-post:nth-child(2) { animation-delay: 0.2s; }
.wpcap-post:nth-child(3) { animation-delay: 0.3s; }
.wpcap-post:nth-child(4) { animation-delay: 0.4s; }
.wpcap-post:nth-child(5) { animation-delay: 0.5s; }
.wpcap-post:nth-child(6) { animation-delay: 0.6s; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */