.guten-H2lXN7.layout-boxed > .guten-container { max-width: 1260px; } .guten-element.guten-H2lXN7 { padding-top: 90px; padding-bottom: 90px; } @media only screen and (max-width: 1024px) { .guten-element.guten-H2lXN7 { padding-top: 80px; padding-right: 20px; padding-bottom: 80px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-element.guten-H2lXN7 { padding-top: 60px; padding-bottom: 57px; } }.guten-oieK4j { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-oieK4j { width: 100%; } }.guten-hbVSFP .guten-postblock .guten-posts { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap:10px; } .guten-hbVSFP .guten-postblock .guten-post { background: rgba(255, 255, 255, 1); background-attachment: scroll; margin-top: 0px; margin-right: 0px; margin-bottom: 32px; margin-left: 0px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; border-top-left-radius: 15px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px; box-shadow:  0px 0px 10px  rgba(0, 0, 0, 0.3); } .guten-hbVSFP .guten-postblock .guten-thumb { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } .guten-hbVSFP .guten-postblock .guten-thumb .thumbnail-container { height: 255px; padding-bottom: 0; } .guten-hbVSFP .guten-postblock .guten-post-category a { color: rgba(234, 97, 1, 1); font-family: "Plus Jakarta Sans"; font-size: 14px; font-weight: 600; text-transform: normal; font-style: normal; text-decoration: none; line-height: 20px; } .guten-hbVSFP .guten-postblock .guten-post-category { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-post-title { margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-post-title a { color: rgba(1, 22, 39, 1); font-family: "Noto Sans Thai"; font-size: 20px; font-weight: 700; line-height: 30px; } .guten-hbVSFP .guten-postblock .guten-post:hover .guten-postblock-content .guten-post-title a { color: rgba(234, 97, 1, 1); font-family: "Noto Sans Thai"; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt p { color: rgba(64, 80, 93, 1); font-family: "Noto Sans Thai"; font-size: 16px; font-weight: 400; line-height: 24px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-readmore { font-family: "Noto Sans Thai"; font-size: 16px; font-weight: 500; line-height: 1.5em; padding-top: 11px; padding-right: 50px; padding-bottom: 12px; padding-left: 50px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore.icon-position-before .guten-readmore i { margin-right: 0px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore.icon-position-after .guten-readmore i { margin-left: 0px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore .guten-readmore i { font-size: 0px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore a { color: rgba(255, 255, 255, 1); background: rgba(246, 109, 12, 1); border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore:hover a { color: rgba(255, 255, 255, 1); background: rgba(1, 0, 50, 1); } .guten-hbVSFP .guten-postblock .guten-block-pagination .guten-block-loadmore span, .guten-hbVSFP .guten-postblock .guten_block_nav .btn-pagination { font-family: "Plus Jakarta Sans"; font-size: 16px; font-weight: 500; line-height: 1.5em; } .guten-hbVSFP .guten-postblock .guten-block-pagination .guten-block-loadmore, .guten-hbVSFP .guten-postblock .guten_block_nav .btn-pagination { margin-top: 18px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 15px; padding-right: 40px; padding-bottom: 17px; padding-left: 40px; color: rgba(1, 22, 39, 1); background: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px; border-color: rgba(217, 220, 222, 1); border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; box-shadow:  0px 0px 0px  rgba(0, 0, 0, 0); } .guten-hbVSFP .guten-postblock .guten-block-pagination, .guten-hbVSFP .guten-postblock .guten_block_nav { text-align: center; } .guten-hbVSFP .guten-postblock .guten-block-pagination .guten-block-loadmore:hover, .guten-hbVSFP .guten-postblock .guten_block_nav .btn-pagination:not(.disabled):not(.current):hover { color: rgba(255, 255, 255, 1); background: rgba(43, 67, 222, 1); } .guten-hbVSFP .guten-postblock .guten-block-pagination .guten-block-loadmore:hover, .guten-hbVSFP .guten-postblock .guten_block_nav .btn-pagination:hover { border-style: solid; border-width: 1px; border-color: rgba(43, 67, 222, 1); } .guten-hbVSFP.guten-element {   } @media only screen and (max-width: 1024px) { .guten-hbVSFP .guten-postblock .guten-posts { grid-template-columns: repeat(1, minmax(0, 1fr)); } .guten-hbVSFP .guten-postblock .guten-post { background-attachment: scroll; margin-bottom: 25px; } .guten-hbVSFP .guten-postblock .guten-thumb .thumbnail-container { height: 425px; padding-bottom: 0; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-readmore { padding-right: 52px; padding-left: 52px; } } @media only screen and (max-width: 767px) { .guten-hbVSFP .guten-postblock .guten-post { background-attachment: scroll; padding-top: 20px; padding-right: 20px; padding-bottom: 22px; padding-left: 20px; } .guten-hbVSFP .guten-postblock .guten-thumb .thumbnail-container { height: 199px; padding-bottom: 0; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-post-title a { font-size: 22px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt p { font-size: 14px; } .guten-hbVSFP .guten-postblock .guten-post .guten-postblock-content .guten-readmore { font-size: 16px; padding-right: 52px; padding-left: 52px; } .guten-hbVSFP .guten-postblock .guten-block-pagination .guten-block-loadmore span, .guten-hbVSFP .guten-postblock .guten_block_nav .btn-pagination { font-size: 16px; } }