#tss-content-single-block .content-block{}
#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: #808080; font-weight: 500; text-transform: uppercase; font-size: 16px;}
#tss-content-single-block .content-block .entry-title h2 {width: 80%; font-weight: 500;  line-height: 1.2; color: #000;}
#tss-content-single-block .content-block .entry-title h2 span {font-weight: 400; font-size: 1.75rem;}
#tss-content-single-block .content-block .entry-title h5 {color: #808080; font-weight: 300; font-size: 16px;}
#tss-content-single-block .content-block .entry-title h4 a {color: #808080;}
#tss-content-single-block .content-block .entry-title h4 a:hover {color: #a1a1a1;}

.index-content {padding: 0 9em 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: 62% 1fr; padding: 0 0 10px;}
.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: #000; font-weight: 500; line-height: 1.15; 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: #f13101;}
.index-block .entry-title h5:hover {color: #333333;}

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







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: 18px !important;
    line-height: 1.5em !important;
    font-weight: 300 !important;
    word-wrap: break-word;
    width: 99%;
}

@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: 1em 1.5em;}*/
	#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: 22px;}
	#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;}
	/*#tss-content-single-block .content-block .entry-content p {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-gap: unset; grid-template-columns: 1fr 1fr;}
    .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;}
}