@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped:wght@400;700&family=Noto+Sans+Thai:wght@400;700&family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body { font-family: 'Sarabun', sans-serif; font-size:1.1em; line-height:1.6em; }
h1,h2,h3,h4,h5,h6 { font-family: 'Noto Sans Thai Looped', sans-serif; }
.main-menu { font-family: 'Noto Sans Thai', sans-serif; font-weight:400; letter-spacing:0.5px; }
ul.main-menu > li a::after,
.node-title a::after,
.taxonomy-term a::before { display:none; }


.container {
	max-width:100%;
	padding:0;
}

#page-header .container {
	max-width:100%;
	padding:0;
}

b, strong {
	color:var(--text-color);
	font-weight:bold;
}
i, em {
	color:var(--text-color);
	font-style:italic;
}

.scrolltop {
	background:#000;
}

.header-main {
	padding:0;
}

.main-container {
	padding:0;
}

.content-bottom {
	height:0;
	overflow:hidden;
}


a {
	color:#111111;
  background-color: transparent;
  text-decoration: none;
  transition: color 0.4s ease;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}


.header {
	background:none;
}
.highlighted {
	background:none;
	margin:0;
}



.page-title {
	font-family: 'Black bison';
  font-style: normal;
  font-weight: normal;
	font-size:2em;
	letter-spacing:2px;
}

.page-title:lang(en) {
	font-size:3em;
	line-height:0.8em;
}

/* editor add content */

#block-vanipro-editoraddcontents {
	position: fixed;
  left: 0;
  bottom: 70px;
  z-index: 100;
  background: var(--theme-color);
  margin: 0;
  padding: 10px;
}
#block-vanipro-editoraddcontents .block-content p {
	margin:0;
}
#block-vanipro-editoraddcontents .block-content p a {
	color:#fff;
}


/* edit link */

#block-vanipro-local-tasks {
	position:fixed;
	left:0;
	bottom:0;
	z-index:100;
}



.feed-icon {
	display:none;
}


.cookiealert,
.cookiealert.show {
	bottom:150px;
	width: 200px;
  left: 50%;
  transform: translate(-50%);
  padding: 10px;
  border-radius: 10px;
  font-size: 0.7em;
  line-height: 1.6em;
}
.cookiealert {
	left:-100%;
}


#footer-bottom {
	margin:50px 0 0 0;
	padding:0;
}
#footer-bottom .container {
	max-width:100%;
}
.footer-logo {
	display:block;
	width:100%;
	height:200px;
	background:url(/sites/default/files/webicons/logo-objects-2475-footer-eng.png) no-repeat center center #000;
	text-indent:-5000px;
}


@media screen and (min-width:768px) {
	
	.container {
		max-width:740px;
		padding:0
	}
	

	
	.page-title {
		font-size:1.8em;
		font-size:2.5em;
		letter-spacing:2px;
	}

}