/* World Cup 2022 */
.wc-tab table {
    padding:10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-collapse: collapse;
    margin: 25px 0;
}

.wc-tab table thead tr {
    background-color: #eb5600ff;
    color: #ffffff;
    text-align: left;
}

.wc-tab table th,
.wc-tab table td {
    padding: 12px 15px;
    text-align: center;
}

.wc-tab table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.wc-tab table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.wc-tab table tbody tr:last-of-type {
    border-bottom: 2px solid #eb5600ff;
}

.wc-tab table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}


/* Post type News css */
.main-article .entry-header-wrap .entry-header .entry-feature-image {
width: 100%;
margin: auto;
}
.main-article .entry-header-wrap {
margin-bottom: 0 auto 7px auto;
overflow: hidden;
}
.main-article .entry-header-wrap .entry-header {
padding: 48px 0 20px;
}
.main-article .entry-header-wrap .entry-header .post-thumbnail {
margin-bottom: 40px;
}
.post-thumbnail {
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
}
.post-thumbnail img {
width: 100%;
height: auto;
}
.post-thumbnail .relate img {
    width: 100%;
    height: 100% !important;
}
.main-article .entry-header-wrap .entry-header .entry-header-meta {
padding-left: 15px;
padding-right: 15px;
}
.entry-title {
font-family: Noto Sans Thai,Noto Sans,Helvetica Neue,Helvetica,Roboto,Arial,Thonburi,Tahoma,sans-serif;
}
.main-article .h1, .main-article h1 {
font-size: 40px;
}
.main-article h1, .main-article h2, .main-article h3, .main-article h4, .main-article h5, .main-article h6 {
margin-bottom: 8px;
font-weight: 500;
line-height: 1.2;
margin-top: 0;
margin-bottom: 8px;
}
.main-article .entry-header-wrap .entry-header .entry-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-family: Noto Serif Thai,Noto Serif,Helvetica Neue,Helvetica,Roboto,Arial,Thonburi,Tahoma,sans-serif;
font-size: 16px;
font-weight: 400;
}
.entry-meta, .entry-meta .posted-on a {
color: #6c757d;
text-decoration: none;
}
.entry-meta {
font-size: 12.8px;
}
.main-article .entry-header-wrap .entry-header .entry-meta .posted-on {
width: 60%;
}
.main-article .entry-header-wrap .entry-header .entry-meta .viewed {
margin-left: auto;
width: 40%;
text-align: right;
}
.main-article .entry-header-wrap .entry-header .entry-meta .cat-links a, .main-article .entry-header-wrap .entry-header .entry-meta .tags-links a {
color: #6c757d;
text-decoration: none;
}
.main-article .entry-content {
font-family: Noto Serif Thai,Noto Serif,Helvetica Neue,Helvetica,Roboto,Arial,Thonburi,Tahoma,sans-serif;
font-size: 16px;
margin-bottom: 48px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.entry-content img {
height: auto;
max-width: 100%;
}
.entry-content .entry-meta-tag a,
.entry-content .entry-meta-tag a:hover,
.entry-content .entry-meta-tag a:visited {
    color: #6c757d;
    text-decoration: none;
}
.entry-content a,
.entry-content a:hover,
.entry-content a:visited {
color: #eb622c;
text-decoration: underline solid 2px;
}
.main-article .creater-wrap header {
text-align: center;
font-size: 32px;
margin-bottom: 56px;
letter-spacing: 5px;
}
.main-article .creater-wrap .author-bio .author-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-article .creater-wrap .author-bio .author-meta .author-image {
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    margin-right: 15px;
}
.main-article .creater-wrap .author-bio .author-meta .author-image a {
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.author-bio a {
color: #212529;
text-decoration: none;
}
.avatar {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    height: auto;
}
.main-article .creater-wrap .author-bio .author-meta .author-description {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.author-title {
    font-size: 28px;
}
.author-bio {
    margin-bottom: 48px;
}

/*News Section*/
.trend-posts-container h1, .trend-posts-container h2, .trend-posts-container h3, .trend-posts-container h4, .trend-posts-container h5, .trend-posts-container h6 {
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
}
.trend-posts-container {
    font-size: 16px;
    padding-top: 48px;
    margin-bottom: 80px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.post-headline-primary, .trend-posts-container .post-headline-primary, .category-news-posts-container .post-headline-primary{
    font-size: 38.4px;
}
.post-headline-primary {
    font-family: Noto Sans Thai,Noto Sans,Helvetica Neue,Helvetica,Roboto,Arial,Thonburi,Tahoma,sans-serif;
    text-align: center;
    letter-spacing: 7px;
    margin-bottom: 52px !important;
    font-size: 32px;
}
.trend-posts {
    display: grid;
    grid-template-columns: repeat(1,minmax(100px,1fr));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px;
}
.category-news-posts {
    display: grid;
    grid-template-columns: repeat(1,minmax(100px,1fr));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 10px;
}
.trend-posts-l .post-thumbnail, .category-news-posts-l .post-thumbnail {
    margin-bottom: 8px;
}
.post-thumbnail a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.compact .update-body {
    margin-bottom: 19.2px;
}
.compact .update-body .entry-header {
    margin: 17px 0 10px;
}
.trend-posts-l .entry-description, .trend-posts-l .entry-meta,
.category-news-posts-l .entry-description, .category-news-posts-l .entry-meta {
    padding: 0 20px;
}
.entry-description {
    margin-bottom: 10px;
}
.trend-posts .update-body .entry-header h2 {
    border-left: 8px solid #eb622c;
    padding-left: 12px;
}
.compact .update-body .entry-title {
    padding-right: 24px;
    font-size: 24px;
}
.entry-title {
    font-family: Noto Sans Thai,Noto Sans,Helvetica Neue,Helvetica,Roboto,Arial,Thonburi,Tahoma,sans-serif;
}
.entry-title a {
color: #212529;
text-decoration: none;
}
.svg-inline--fa{
    width: 1em;
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.entry-meta, .entry-meta .posted-on a {
    color: #6c757d;
}
a.badge-news:focus, a.badge-news:hover {
    color: #333;
    background-color: #ccc;
    text-decoration: none;
}
.entry-meta {
    font-size: 12.8px;
}
.news-pill .entry-title {
    font-size: 20px;
    margin-bottom: 10px;
}
.square {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #eb622c;
    vertical-align: middle;
}
.badge-news {
    font-family: Noto Sans Thai,Noto Sans,Helvetica Neue,Helvetica,Roboto,Arial,Thonburi,Tahoma,sans-serif;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
}
.badge {
    display: inline-block;
    margin: 2px 0;
    padding: .5em .8em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 16px;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.post-update2 {
    display: grid;
    grid-template-columns: repeat(1,minmax(100px,1fr));
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
    margin-bottom: 30px;
}
.sub-trend-posts, .latest-posts-box {
    display: grid;
    grid-template-columns: repeat(1,minmax(100px,1fr));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 20px;
}
.compact .compact-body .entry-title {
    font-size: 20px;
}
.post-update2 .entry-description, .sub-trend-posts .entry-description {
    font-size: 13.6px;
}
.post-update3 {
    display: grid;
    grid-template-columns: repeat(1,minmax(100px,1fr));
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px;
}
.category-news-posts-lists {
    display: grid;
    grid-template-columns: repeat(1,minmax(100px,1fr));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px;  
}
.category-news-posts-container h1, .category-news-posts-container h2, .category-news-posts-container h3, .category-news-posts-container h4, .category-news-posts-container h5, .category-news-posts-container h6 {
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
}
.category-news-posts-container {
    font-size: 16px;
    margin-bottom: 80px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.category-news-posts .update-body .entry-header h2 {
    border-left: 8px solid #eb622c;
    padding-left: 12px;
}
.header-news-posts {
    display: flow-root;
}
.header-news-posts .post-headline-primary {
    display: block;
    float: left;
    text-align: center;
}
.header-news-posts .news-posts-more {
    padding-top: 16px;
    float: right;
    color: #eb622c;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
}
.header-news-posts .news-posts-more:hover {
    color: #eb622c;
}
.latest-posts-container h1, .latest-posts-container h2, .latest-posts-container h3, .latest-posts-container h4, .latest-posts-container h5, .latest-posts-container h6 {
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
}
.latest-posts-container {
    font-size: 16px;
    margin-bottom: 30px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.masonry-item {
    margin-bottom: 20px;
}
.category-news-posts-f {
    display: grid;
    grid-template-columns: repeat(1,minmax(100px,1fr));
    row-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}
.single-share img {
    width: 30px;
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 50%;
}
.single-share a,
.single-share a:hover {
  text-decoration: none;
}

.main-article blockquote {
    font-size: 1.8em;
    margin: 50px auto!important;
    font-style: italic;
    color: #555;
    padding: 1.2em 30px 1.2em 75px!important;
    border-left: 8px solid #e65a00;
    line-height: 1.6;
    position: relative;
}
.main-article blockquote p {
    font-size: 28.8px;
    line-height: 25.6px;
}
.main-article blockquote:before {
    content: "\201C";
    color: #e65a00;
    font-size: 6em;
    position: absolute;
    left: 10px;
    top: -80px;
}
.main-article figcaption {
    font-size: 12.8px;
    color: #666666;
}

/* Copy Gutenberg CSS */
.main-article p {
    margin-top: 28px;
    margin-bottom: 28px;
    line-height: 28.8px;
    font-size: 16px;
}
.main-article .wp-block-image {
    margin-top: 28px;
    margin-bottom: 28px;   
}
.main-article h1 {
    font-size: 39.04px;
    margin-top: 26.1568px;
    margin-bottom: 26.1568px;
}
.main-article h2 {
    font-size: 31.2px;
    margin-top: 25.896px;
    margin-bottom: 25.896px;
}
.main-article h3 {
    font-size: 24.96px;
    margin-top: 24.96px;
    margin-bottom: 24.96px;
}
.main-article h4 {
    font-size: 20px;
    margin-top: 26.6px;
    margin-bottom: 26.6px;    
}
.main-article h5 {
    font-size: 16px;
    margin-top: 26.72px;
    margin-bottom: 26.72px;  
}
.main-article hr {
    margin-top: 28px;
    margin-bottom: 28px;  
}

/* video hilight */
.main-article .entry-header-wrap .entry-header .post-embed-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.main-article .entry-header-wrap .entry-header .post-embed-video {
    margin-bottom: 1.5rem;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
/* */

.episode-relate-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px;

}

.episode-relate-box {
    display: grid;
    grid-template-columns: repeat(1,minmax(100px,1fr));
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 20px;
}

.episode-relate {
    position: relative;
}

@media (min-width: 576px) {
.main-article .entry-header-wrap {
background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#dee2e6),color-stop(0,#fff));
background: -webkit-linear-gradient(top,#dee2e6 50%,#fff 0);
background: -o-linear-gradient(top,#dee2e6 50%,#fff 0);
background: linear-gradient(180deg,#dee2e6 50%,#fff 0);
}
.main-article .creater-wrap, .main-article .entry-content, .main-article .entry-header {
width: 700px;
max-width: 540px;
margin-right: auto;
margin-left: auto;
}
.main-article .creater-wrap header {
text-align: left;
margin-left: 90px;
}
.trend-posts, .category-news-posts {
    grid-template-columns: 3fr 4fr;
}
.post-update2, .sub-trend-posts {
    grid-template-columns: repeat(2,minmax(100px,1fr));
}
.post-update3 {
    grid-template-columns: 3fr 4fr;
    height: 78px;
}
.category-news-posts-f {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-template-columns: repeat(3,minmax(100px,1fr));
}
.compact .post-update3 .entry-title {
    font-size: 13.6px;
}
.category-news-posts {
    grid-template-columns: 3fr 4fr;
}
.latest-posts-box {
    grid-template-columns: 3fr 4fr;
}
.category-news-posts-lists {
    grid-template-columns: 5fr 3fr;
}
.latest-posts-container {
    width: 800px;
}
.episode-relate-box {
    grid-template-columns: 1fr 1fr 1fr;
}
}

@media (min-width: 992px) {
.main-article .entry-header-wrap .entry-header .entry-feature-image {
width: 110%;
margin-left: -5%;
max-width: unset;
}
.main-article .creater-wrap, .main-article .entry-content, .main-article .entry-header, .trend-posts-container, .category-news-posts-container {
max-width: 960x;
}    
}

@media (min-width: 1200px) {
.main-article .creater-wrap, .main-article .entry-content, .main-article .entry-header, .trend-posts-container, .category-news-posts-container {
max-width: 1140px;
}     
}

@font-face {
font-family: "Noto Sans";
src:
url("../fonts/noto/NotoSans-Regular.woff2") format("woff2"),
url("../fonts/noto/NotoSans-Regular.woff") format("woff"),
url("../fonts/noto/NotoSans-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Noto Sans";
src:
url("../fonts/noto/NotoSans-Bold.woff2") format("woff2"),
url("../fonts/noto/NotoSans-Bold.woff") format("woff"),
url("../fonts/noto/NotoSans-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: "Noto Serif";
src:
url("../fonts/noto/NotoSerif-Regular.woff2") format("woff2"),
url("../fonts/noto/NotoSerif-Regular.woff") format("woff"),
url("../fonts/noto/NotoSerif-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Noto Serif";
src:
url("../fonts/noto/NotoSerif-Bold.woff2") format("woff2"),
url("../fonts/noto/NotoSerif-Bold.woff") format("woff"),
url("../fonts/noto/NotoSerif-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: "Noto Sans Thai";
src:
url("../fonts/noto/NotoSansThai-Regular.woff2") format("woff2"),
url("../fonts/noto/NotoSansThai-Regular.woff") format("woff"),
url("../fonts/noto/NotoSansThai-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Noto Sans Thai";
src:
url("../fonts/noto/NotoSansThai-Bold.woff2") format("woff2"),
url("../fonts/noto/NotoSansThai-Bold.woff") format("woff"),
url("../fonts/noto/NotoSansThai-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: "Noto Serif Thai";
src:
url("../fonts/noto/NotoSerifThai-Regular.woff2") format("woff2"),
url("../fonts/noto/NotoSerifThai-Regular.woff") format("woff"),
url("../fonts/noto/NotoSerifThai-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Noto Serif Thai";
src:
url("../fonts/noto/NotoSerifThai-Bold.woff2") format("woff2"),
url("../fonts/noto/NotoSerifThai-Bold.woff") format("woff"),
url("../fonts/noto/NotoSerifThai-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}