.elementor-1765 .elementor-element.elementor-element-a468c71{--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-1765 .elementor-element.elementor-element-a468c71:not(.elementor-motion-effects-element-type-background), .elementor-1765 .elementor-element.elementor-element-a468c71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://learning-city.trang.psu.ac.th/wp-content/uploads/2025/05/ศาลเจ้ากิวอ่องเอี่ย-อำเภอเมือง-จังหวัดตรัง-3.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1765 .elementor-element.elementor-element-a468c71::before, .elementor-1765 .elementor-element.elementor-element-a468c71 > .elementor-background-video-container::before, .elementor-1765 .elementor-element.elementor-element-a468c71 > .e-con-inner > .elementor-background-video-container::before, .elementor-1765 .elementor-element.elementor-element-a468c71 > .elementor-background-slideshow::before, .elementor-1765 .elementor-element.elementor-element-a468c71 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1765 .elementor-element.elementor-element-a468c71 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1765 .elementor-element.elementor-element-9cc8dca{text-align:center;}.elementor-1765 .elementor-element.elementor-element-9cc8dca .elementor-heading-title{font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-1765 .elementor-element.elementor-element-e51003b{text-align:center;}.elementor-1765 .elementor-element.elementor-element-e51003b .elementor-heading-title{font-size:30px;font-weight:300;color:#E0E0E0;}.elementor-1765 .elementor-element.elementor-element-9f9469c{text-align:center;}.elementor-1765 .elementor-element.elementor-element-9f9469c .elementor-heading-title{font-size:30px;font-weight:300;color:#E0E0E0;}.elementor-1765 .elementor-element.elementor-element-3f42bbc{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-1765 .elementor-element.elementor-element-0f1783f{text-align:center;}.elementor-1765 .elementor-element.elementor-element-0f1783f .elementor-heading-title{font-size:28px;color:var( --e-global-color-5619bf3 );}.elementor-1765 .elementor-element.elementor-element-b21ad10 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-1765 .elementor-element.elementor-element-b21ad10 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1765 .elementor-element.elementor-element-b936009{--display:flex;--padding-top:60px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-1765 .elementor-element.elementor-element-b936009:not(.elementor-motion-effects-element-type-background), .elementor-1765 .elementor-element.elementor-element-b936009 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F5EF;}.elementor-1765 .elementor-element.elementor-element-c73da07{text-align:center;}.elementor-1765 .elementor-element.elementor-element-c73da07 .elementor-heading-title{font-size:28px;color:var( --e-global-color-5619bf3 );}.elementor-1765 .elementor-element.elementor-element-311ee89 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-1765 .elementor-element.elementor-element-91ffd4e{--display:flex;--padding-top:60px;--padding-bottom:20px;--padding-left:60px;--padding-right:60px;}.elementor-1765 .elementor-element.elementor-element-91ffd4e:not(.elementor-motion-effects-element-type-background), .elementor-1765 .elementor-element.elementor-element-91ffd4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F5EF;}.elementor-1765 .elementor-element.elementor-element-f1359fc{text-align:center;}.elementor-1765 .elementor-element.elementor-element-f1359fc .elementor-heading-title{font-size:28px;color:var( --e-global-color-5619bf3 );}.elementor-msie .elementor-1765 .elementor-element.elementor-element-3aa556b .elementor-portfolio-item{width:calc( 100% / 2 );}.elementor-1765 .elementor-element.elementor-element-3aa556b > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-1765 .elementor-element.elementor-element-3aa556b .post-grid-inner{text-align:center;}.elementor-1765 .elementor-element.elementor-element-3aa556b .wpcap-grid-container{grid-column-gap:15px;grid-row-gap:30px;}.elementor-1765 .elementor-element.elementor-element-3aa556b .wpcap-grid-container .wpcap-post{border-radius:30px;padding:0px 0px 0px 0px;}.elementor-1765 .elementor-element.elementor-element-3aa556b .post-grid-inner .post-grid-thumbnail img{border-radius:30px 30px 30px 30px;}.elementor-1765 .elementor-element.elementor-element-3aa556b .wpcap-grid-container .wpcap-post .title, .elementor-1765 .elementor-element.elementor-element-3aa556b .wpcap-grid-container .wpcap-post .title > a{font-size:18px;}@media(max-width:1024px){.elementor-msie .elementor-1765 .elementor-element.elementor-element-3aa556b .elementor-portfolio-item{width:calc( 100% / 2 );}}@media(max-width:767px){.elementor-1765 .elementor-element.elementor-element-a468c71{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1765 .elementor-element.elementor-element-9cc8dca .elementor-heading-title{font-size:25px;}.elementor-1765 .elementor-element.elementor-element-e51003b .elementor-heading-title{font-size:20px;}.elementor-1765 .elementor-element.elementor-element-9f9469c .elementor-heading-title{font-size:18px;}.elementor-1765 .elementor-element.elementor-element-3f42bbc{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1765 .elementor-element.elementor-element-0f1783f .elementor-heading-title{font-size:20px;}.elementor-1765 .elementor-element.elementor-element-b936009{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1765 .elementor-element.elementor-element-c73da07 .elementor-heading-title{font-size:20px;}.elementor-1765 .elementor-element.elementor-element-91ffd4e{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1765 .elementor-element.elementor-element-f1359fc .elementor-heading-title{font-size:20px;}.elementor-msie .elementor-1765 .elementor-element.elementor-element-3aa556b .elementor-portfolio-item{width:calc( 100% / 1 );}.elementor-1765 .elementor-element.elementor-element-3aa556b > .elementor-widget-container{padding:20px 20px 20px 20px;}}/* Start custom CSS for elementor-blog-posts, class: .elementor-element-3aa556b *//* พื้นหลัง 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 */