@import url('https://fonts.googleapis.com/css2?family=Mitr&family=Sarabun:wght@400;700&display=swap');
body { font-family: 'Sarabun', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'Mitr', sans-serif; font-weight:400; }
.menu-wrap { font-family: 'Mitr', sans-serif; font-weight:400; }

.header-cicle {
	display:none;
}

#widget_pager_bottom_homepage_slideshow-block_1 {
  text-align:center;
}
.views_slideshow_pager_field_item {
	display: inline-block;
	width: 10px;
	height: 10px;
	text-indent: -5000px;
	border-radius: 50%;
	background:#ccc;
	margin:0 5px;
}
.views_slideshow_pager_field_item.active {
	background:#000;
}


/* ---- main menu ---- */

ul.main-menu > li a::after {
	display:none;
}
.menu-wrap ul li {
	padding:5px 0;
	margin-left:10px;
}


/* ---- language swither ---- */

#block-vanipro-advancedlanguageselectorblock {
	width:100%;
	overflow:hidden;
}
#block-vanipro-advancedlanguageselectorblock .block-content {
	float:right;
}

.nav.nav-pills {
	list-style:none;
}
.nav.nav-pills .nav-item {
	display:inline-block;
}
.nav.nav-pills .nav-item a {
	color:#fff;
}
.nav.nav-pills .nav-item a img {
	width:36px;
	height:auto;
}




#block-vanipro-languageswitcher {
  float: right;
}
#block-vanipro-languageswitcher ul {
  list-style: none;
  overflow: hidden;
  padding: 13px 0 0 0;
  float: right;
}
#block-vanipro-languageswitcher ul li {
  float: left;
  padding: 0;
  margin: 0 5px;
  border: 2px solid #000;
}
#block-vanipro-languageswitcher ul li.th a {
  display: block;
  width: 40px;
  min-width: 40px;
  height: 20px;
  text-indent: -5000px;
  background: url(/sites/default/files/webicons/flag-thai.png) no-repeat;
  padding: 0;
  margin: 0;
}
#block-vanipro-languageswitcher ul li.en a {
  display: block;
  width: 40px;
  min-width: 40px;
  height: 20px;
  text-indent: -5000px;
  background: url(/sites/default/files/webicons/flag-english.png) no-repeat;
  padding: 0;
  margin: 0;
}
#block-vanipro-languageswitcher ul li.is-active {
  border: 2px solid #fff;
}
#block-vanipro-languageswitcher ul li:hover {
  border: 2px solid #999;
}

#block-vanipro-languageswitcher .content ul {
  margin-bottom: 0;
}

.node-unpublished {
	background: #fba4b359;
}



.page-one2four .view-content {
	grid-template-columns: repeat(1,minmax(0,1fr));
	display: grid;
}
.page-one2four .views-row {
	padding:10px 10px 30px 10px;
}
.page-one2four .views-row .views-field-field-image img {
	border:1px solid;
	margin:0 0 0.5em 0;
	padding:0;
}
.page-one2four .views-row .views-field-title h3 {
	font-size:1.2em;
	line-height:1.2em;
}
.page-one2four .views-row .views-field-created {
	font-size: 0.8em;
	color: #999;
}



article .node-content {
	width:95%;
	margin:0 auto;
}

nav .js-pager__items li {
	display:inline-block;
}

.feed-icon {
	display:none;
}


.page-news .view-content > h3 {
	grid-column:span 1;
	padding:10px 20px;
	border-top:2px solid #666;
	margin:20px 0 0 0;
}


.page-event-calendar .views-row {
	border:1px solid #999;
	border-radius:10px;
	padding:10px 15px;
	margin:0 0 20px 0;
}
.page-event-calendar .views-row .views-field-body {
	font-size:0.9em;
	color:#666;
}

.page-homepage .view-header {
	text-align:center;
}

@media screen and (min-width:740px) {
	
	/* ---- page-homepage ---- */
	
	.page-one2four .view-content {
		grid-template-columns: repeat(2,minmax(0,1fr));
		display: grid;
	}
	
	article .node-content {
		width:85%;
		margin:0 auto;
	}

	.page-news .view-content > h3 {
		grid-column:span 2;
	}

}

@media screen and (min-width:900px) {
	
	
	/* ---- page-homepage ---- */
	
	.page-one2four .view-content {
		grid-template-columns: repeat(4,minmax(0,1fr));
		display: grid;
	}

	article .node-content {
		width:75%;
		margin:0 auto;
	}

	.page-news .view-content > h3 {
		grid-column:span 4;
	}

}

@media screen and (min-width:990px) {
	
/*	.menu-wrap ul li { display: inline-block; } */
	
	article .node-content {
		width:65%;
		margin:0 auto;
	}
	
}