#tss-content-single-block .content-block {color: #001459; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;}
#tss-content-single-block .content-block .entry-title,
#tss-content-single-block .content-block .entry-title h4,
#tss-content-single-block .content-block .entry-title h2,
#tss-content-single-block .content-block .entry-title h2 span,
#tss-content-single-block .content-block .entry-title h5 {font-family: 'Kanit', sans-serif!important;}


#tss-content-single-block .content-block .entry-title h4 {color: #001459; font-weight: 300; text-transform: uppercase; font-size: 18px;}
#tss-content-single-block .content-block .entry-title h2 {font-weight: 500; line-height: 1.2; color: #001459; font-size: 28px; text-transform: uppercase;}
#tss-content-single-block .content-block .entry-title h2 span {font-weight: 400; font-size: 24rem;}
#tss-content-single-block .content-block .entry-title h3 {font-size: 24px; margin-bottom: 15px;}
#tss-content-single-block .content-block .entry-title h5 {color: #001459; font-weight: 300; font-size: 16px;}
#tss-content-single-block .content-block .entry-title h4 a {color: #001459;}
#tss-content-single-block .content-block .entry-title h4 a:hover {color: #d4145a;}

.index-content {padding: 0 6em 3em; width: 100%;}

.date-block {font-family: 'Kanit', sans-serif; background-color: #f2f2f2; font-size: 1.5em; border-bottom: 2px solid #000; color: #000; font-weight: 500; padding: 0 12px; line-height: 1.25; margin-top: 1.5em;}
.date-block span {font-size: 1.7em; color: #ed1b24; font-weight: 700;}



.index-block {display: grid; grid-template-columns: 30% auto; padding: 0;}
.index-block .entry-title {font-family: 'Kanit', sans-serif;}
.index-block .entry-title h2,
.index-block .entry-title h4,
.index-block .entry-title h5 {margin-bottom: 0.25rem;}
.index-block .entry-title h4 a {color: #a4a2a2!important;}
.index-block .entry-title h4 a:hover {color: #333333!important;}

.index-block .entry-title h4 {color: #a4a2a2; font-weight: 400; line-height: 1; font-size: 13px; }
.index-block .entry-title h2 {color: #001459; font-weight: 500; line-height: 1.15; font-size: 20px; }
.index-block .entry-title h3 {color: #001459; font-weight: 400; font-size: 20px; font-size: 18px;}

.index-block .entry-title h2 span {font-weight: 400; font-size: 1.25rem;}
.index-block .entry-title h5 {color: #808285; font-weight: 300; font-size: 14px; }
.index-block .entry-title h2:hover {color: #d4145a;}
.index-block .entry-title h5:hover {color: #333333;}

.index-block-info {background-color: #FFF; padding: 0 1em 0;}

.part-container {background-color: rgba(255, 255, 255, 0.75); border-radius: 15px; box-shadow: 0 0 3px rgba(0,0,0,0.2); padding: 25px; margin-bottom: 2em;}
.part-block {background-color: rgba(255, 255, 255, 1); border-radius: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 10px;}
.part-block:not(:last-child) {margin-bottom: 15px;}

.part-headline {display: flex; gap: 15px;}
.part-number {background-color: #d4145a; border-radius: 8px; color: #fffbbd; font-weight: 600; font-size: 22px; height: fit-content; padding: 0 15px;}

.part-title,
.part-title a {color: #d4145a!important;}
.part-title a:hover,
.part-title a:focus {color: #001459!important;}

.part-title {margin-bottom: 1em;}
.part-title .part-title-en {font-size: 24px; font-weight: 500; line-height: 1;}
.part-title .part-title-th {font-size: 22px; font-weight: 400;}

.entry-author {display: flex;}
.entry-author .moderator-block:not(:last-child) {
  border-right: 1px solid #787878;
  padding-right: 10px;
  margin-right: 10px;
}

.entry-date,
.entry-time,
.entry-author,
.moderator-th,
.moderator-en {font-size: 12px; font-weight: 300; color: #888888; margin-bottom: 5px; line-height: 1;}

.entry-date:before,
.entry-time:before,
.entry-author:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  vertical-align: middle;
}
.entry-date:before {background-image: url("../../images/icon/icon-date.webp");}
.entry-time:before {background-image: url("../../images/icon/icon-time.webp");}
.entry-author:before {background-image: url("../../images/icon/icon-author.webp");}

header .text-headline {
	font-family: 'Kanit', sans-serif!important;
	color: #FFF; font-size: 30px; font-weight: 700; cursor: pointer;
	text-align: center; padding: 5px 0; background-color: #231f20; width: 100%;
    content: "";
    display: block;
    background-image: url('../../images/line-gradient.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}
.line-subject {border: 0.5px solid #b2b2b2; margin: 2em 0;}

footer,
footer .text-back-to-top,
footer .text-credit {color: #FFF; font-family: 'Kanit', sans-serif!important;}
footer .text-back-to-top {font-size: 1.5em; font-weight: 700; cursor: pointer;}
footer .text-back-to-top:hover {color: #ccc;}
footer .text-credit {font-size: 12px; color: #ccc; margin-top: 5px;}
footer .fa.fa-chevron-up {font-size: 20px;}


.text-back-to-top {font-family: 'Kanit', sans-serif!important; font-size: 1.25em; color: #f13101; font-weight: 500; line-height: 1; text-align: center; cursor: pointer; margin: 2em 0;}
.text-back-to-top:hover {color: #ff9494;}
.text-back-to-top .fa-arrow-up:before {content: "\f062"; font-size: 14px; color: #002771;}

h3.text-top-header {font-size: 24px; font-weight: 300; color: #FFF; font-family: 'Kanit', sans-serif;}

.entry-content p,
.entry-content p span{
    font-size: 16px !important;
    line-height: 1.75em !important;
    font-weight: 300 !important;
    word-wrap: break-word;
    width: 100%;
}

@media only screen and (max-width: 768px) {
	.line-subject {margin: 1.5em 0;}

	.entry-content p {font-size: 16px!important;}

	#tss-content-single-block .content-block {padding-left: 5px; padding-right: 5px;}

	#tss-content-single-block .content-block .entry-title {font-family: 'Kanit', sans-serif!important;}
	#tss-content-single-block .content-block .entry-title h4 {font-size: 14px;}
	#tss-content-single-block .content-block .entry-title h2 {font-size: 18px;}
	#tss-content-single-block .content-block .entry-title h3 {font-size: 16px;}
	#tss-content-single-block .content-block .entry-title h2 span {font-size: 20px;}
	#tss-content-single-block .content-block .entry-title h5 {font-size: 14px;}

	.date-block {font-size: 1.25em;}

	.index-content {padding: 0; margin-right: 15px; margin-left: 15px; width: unset;}

	#tss-content-block .index-content {margin-bottom: 1.5em;}

    .index-block {grid-template-columns: 30% auto;}
    .index-block .entry-title h4 {font-size: 10px; max-height: 48px; overflow-y: clip;}
    .index-block .entry-title h2 {font-size: 13px;}
    .index-block .entry-title h2 span {font-size: 1rem;}
    .index-block .entry-title h5 {color:#000; font-size: 10px;}
    .index-block .entry-title h2, .index-block .entry-title h4 {}

    .index-block figure.thumb {background-color: #000;}

    h3.text-top-header {text-align: center; font-size: 20px;}
    .index-block-info {padding: 0.5em 0.5em 0 0.85em;}

	header .text-headline {
		font-size: 1.15em;
	    background-image: url('../../images/line-gradient-mobile.png');
	}

	footer .margin-t-lg {margin-top: 10px;}
	footer .text-credit {font-size: 11px;}
	footer .line-gradient {margin: 0 auto -8px; width: 90%;}
	footer .fa.fa-chevron-up {font-size: 12px;}

	.text-back-to-top {font-size: 0.85em;}
}