@import url('//fonts.googleapis.com/css2?family=Anuphan:wght@100..700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
body {
  font-family: "Sarabun", serif;
  font-weight: 400;
  font-style: normal;
  font-size:1.1em;
  line-height:1.7em;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "Anuphan", sans-serif;
  font-weight: 600;
  font-style: normal;
}
a,a:visited {
	color:#005ba1;
}
a:hover {
	color:#4299db;
}

b,strong {
	font-weight:700;
}
i,em {
	font-style:italic;
}

.views-row img {
	margin:0;
}

.container {
  padding: 0 25px;
}

.header {
	background:#0078d3;
	padding:1em 0;
	position:sticky;
	top:0;
	z-index:10;
}
.site-branding img {
	max-height:50px;
}

.mobile-menu {
	width: 26px;
  height: 22px;
}

.mobile-menu span,
.mobile-menu span:nth-child(2) {
	background:#fff;
}

#block-thex-main-menu .menu {
	gap:30px;
}
#block-thex-main-menu .menu .menu-item a,
.search-thex a {
  font-family: "Anuphan", sans-serif;
  font-weight: 400;
  font-style: normal;
  color:#fff;
  font-size:0.8em;
}

.search-thex a {
	display:flex;
	gap:5px;
}


.page-community,
.hfocus-infographic,
.term-page {
	display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px;
}
.page-community header,
.page-community .pager,
.page-community .contextual,
.hfocus-infographic header,
.hfocus-infographic .pager,
.hfocus-infographic .contextual,
.term-page header,
.term-page .pager,
.term-page .contextual {
	grid-column:span 2;
}
.page-community .views-field-title h3,
.hfocus-infographic .views-field-title h3,
.term-page .views-field-title h3 {
	font-size:0.8em;
	line-height:1.4em;
	padding:10px 0;
	font-weight:600;
}



.views-cover-img-cat {
	position:relative;
}
.views-cover-img-cat .content-cat {
	position:absolute;
	bottom:0;
	left:0;
	background-color: rgba(255, 255, 255, 0.8);
}
.views-cover-img-cat .content-cat a {
	padding:10px;
	color:#4299db !important;
	font-size: 0.7em;
  line-height: 0;
  font-weight:600;
}



footer.footer {
	background:#232733 !important;
}
footer .block-content,
footer .block-content a {
	color:#999;
	font-size:0.8em;
	line-height:1.6em;
	
}

.feed-icon,
.website-copyright {
	display:none;
}
.scrolltop {
	bottom:60px;
}

.contact-email-wrap {
	display:flex;
}



.footer-social {
	display:flex;
	gap:20px;
	margin:0 0 20px 0;
}
.footer-social-icon a {
	display: block;
  width: 48px;
  height: 48px;
  text-indent: -5000px;
}
.footer-social-yt {
	background:url(../../../../../../sites/default/files/webicons/icon-youtube.png) no-repeat;
	background-size:100%;
}
.footer-social-tt {
	background:url(../../../../../../sites/default/files/webicons/icon-tiktok.png) no-repeat;
	background-size:100%;
}
.footer-social-xt {
	background:url(../../../../../../sites/default/files/webicons/icon-x-twitter.png) no-repeat;
	background-size:100%;
}
.footer-social-fb {
	background:url(../../../../../../sites/default/files/webicons/icon-facebook.png) no-repeat;
	background-size:100%;
}



@media screen and (min-width:768px) {

	.page-community,
	.hfocus-infographic,
	.term-page {
		display: grid;
	  grid-template-columns: repeat(4,minmax(0,1fr));
	  gap: 20px;
	}
	.page-community header,
	.page-community .pager,
	.page-community .contextual,
	.hfocus-infographic header,
	.hfocus-infographic .pager,
	.hfocus-infographic .contextual,
	.term-page header,
	.term-page .pager,
	.term-page .contextual {
		grid-column:span 4;
	}


}




@media screen and (min-width:992px) {
	
	.region-primary-menu {
		display:flex;
		gap:30px;
	}
	.search-thex-text {
		display:none;
	}


}