@import url('https://fonts.googleapis.com/css2?family=Athiti:wght@400;600&family=Pridi:wght@400;600&family=Sarabun:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body { font-family: 'Sarabun', sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'Athiti', sans-serif; font-weight: 600; color: var(--header-block-bg); margin: 0.5em 0 0.25em 0; }
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { color: var(--header-block-bg); }
.main-menu { font-family: 'Athiti', sans-serif; font-weight: 400; }
.main-menu a { color: #fff; }
article header.node-header { display: none; }
article { font-size:1.15em; }
article h2 { font-size:1.5em; }
article h3 { font-size:1.4em; }
article h4 { font-size:1.3em; }
article h5 { font-size:1.2em; }
article h6 { font-size:1.15em; }

article .farmvid-embed-video {
	max-width:100%;
}

@counter-style thai-num {
  system: numeric;
  symbols: "๐" "๑" "๒" "๓" "๔" "๕" "๖" "๗" "๘" "๙";
  suffix: ". ";
}

.list-thai { list-style-type: thai-num; }

.site-branding .site-name-slogan .site-name a {
 display: block;
 width: 160px;
 height: 40px;
 background: url("/sites/default/files/webicons/logo-pridi-480x120.png");
 background-size: 160px 40px;
 text-indent: -5000px;
}

body.homepage .highlighted { display: none; }
.highlighted { background: none; }
ul.main-menu > li a::after { background: none; }
ul.main-menu ul.submenu li { border-bottom: none; }
li.main-menu-item.expanded ul.submenu li.main-menu-item { background: #0f4c81; }
.mobile-menu, .search-icon { border: none; }
.mobile-menu .icon-menu, .search-icon .icon-search { color: var(--body-bg); }

.block-section .block-title::before,
.block-section .block-title::after {
 display: none;
}

b, strong { font-weight:bold; color:#000; }
i, em { font-style:italic; color:#000; }

.view-about-breadcrumb {
  padding: 0 10px 0 20px;
}
.view-about-breadcrumb .views-field-nothing,
.view-about-breadcrumb .views-field-title {
 display: inline-block; padding: 0 5px 0 0; 
}

article table tr th { background: #efefef; color: var(--content-bg); }

form {
  padding:0 20px;
}
form input[type=text],form input[type=email] {
  max-width:90%;
}
form input#edit-contact-email {
  width:300px;
}
form .webform-contact--wrapper.fieldgroup.js-webform-type-webform-contact {
  max-width:70%;
}

#search-form {
	width:100%;
	margin:0 auto;
	text-align:center;
}
#search-form .container-inline div {
	display:inherit;
}
#search-form input[type="search"] {
	border:1px solid #666;
	margin:15px 0 10px 0;
}

.gsc-results-wrapper-overlay {
	width:90% !important;
	left:5% !important;
	top:10% !important;
}

.pridi-audio-title {
	text-align:center;
	font-size:0.8em;
}
article iframe.pridi-audio {
	height:125px;
}


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

 .view-about-breadcrumb {
   padding: 0;
 }

 ul.main-menu > li {
  margin-left: 10px;
 }

 .site-branding .site-name-slogan .site-name a {
  width: 320px;
  height: 80px;
  background-size: 320px 80px;
 }

}

.baguetteBox-button#next-button,
.baguetteBox-button#close-button {
  position:absolute;
}

.cookiealert.show { z-index: 1000000; }

/* fix position search and mobile-menu */

.mobile-menu {
  position:absolute;
  right:10px;
}
.full-page-search {
  position:absolute;
  right:50px;
}

i.icon-menu {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -5000px;
  line-height: 0;
  margin: 10px;
  background: url(/sites/default/files/webicons/slim-mobile-menu-h11.png) no-repeat;
}
i.icon-search {
  display: block;
  text-indent: -5000px;
  background: url(/sites/default/files/webicons/icon-search-slim-2px.png) no-repeat;
  margin: 20px 10px 10px 10px;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}

.pridi-focus-block {
  border: 4px solid #0F4C81;
  border-radius: 15px;
  padding: 10px 0;
  position: relative;
  margin: 2em 20px 1em 20px;
}
h2.pridi-focus-header {
  width: 110px;
  margin: -35px auto 0 auto;
  background: #fff;
  padding: 0 10px;
  display: block;
  text-align: center;
}
.pridi-focus-list li {
  padding:10px 0;
}

.round-box-gray {
	background:#efefef;
	padding:20px;
}

.media-block-w-caption {
	margin-left:0;
	margin-right:0;
	padding:0 0 15px 0;
	line-height:1.4em;
	font-size:0.8em;
	margin-bottom:1.5em;
}
.media-block-w-caption img {
	margin:0 0 10px 0;
}

.pridi-x-botnoi-title {
	text-align:center;
	font-size:0.7em;
	color:var(--content-bg);
}
.pridi-x-botnoi-audio {
	margin:0 20px;
}
.pridi-botnoi-audio {
	width: 100%;
	border-radius: 50px;
	border: 5px solid var(--content-bg);
	padding: 10px;
	background: #fafbf6;
	margin: 0 0 2em 0;
}

.feed-icon {
	display:block;
	width:24px;
	height:24px;
	text-indent:-5000px;
	background:url(/sites/default/files/webicons/icon-feed.jpg) no-repeat;
	background-size:100%;
}

.search-box.open {
	top:54px;
}

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

  .pridi-focus-block {
    border: 4px solid #0F4C81;
    border-radius: 15px;
    padding: 10px 0;
    position: relative;
    margin: 2em 0 1em 0;
  }
  h2.pridi-focus-header {
    width: 150px;
    margin: -35px auto 0 auto;
    background: #fff;
    padding: 0 10px;
    display: block;
    text-align: center;
  }

	.pridi-x-botnoi-audio {
		margin:0;
	}

	.search-box.open {
		top:112px;
	}

}

@media screen and (min-width:990px) {
	
	#search-form {
		width:60%;
	}
	
	.main-container {
		max-width:95%;
	}
	
  .full-page-search {
    position:relative;
    right:auto;
  }
}

@media screen and (min-width:1200px) {
	
	.main-container {
		max-width:1170px;
	}
	
}