:root {
--pct-theme-color: #e96024;
--pct-theme-color-2: #ffe2c9;
--text-color: #333;
--text-selection: #ccc;
--text-caption: #c93e3e;
--link-color-white: #fff;
--link-color-darkblue: #3498db; /* #29254b; */
--link-color-skyblue: #60a5fa;
--link-color-black: #000;
--header-color: #4287f5;
--bg-color: #efefef;
--color-white:#fff;
--color-grey-eee:#eee;
--color-grey-ddd:#ddd;
--color-grey-ccc:#ccc;
--color-grey-999:#999;
--color-grey-666:#666;
--color-grey-333:#333;
--color-black:#000;
--font-heading: "Anuphan", sans-serif;
}

body { font-family: "Sarabun", sans-serif; font-weight: 400; font-size: 1.1em; line-height:1.8em; color: var(--text-color); background: var(--color-white); }
strong, b { font-weight: 700; color: var(--text-color); }
em, i { font-style: italic; color: var(--text-color); }
h1,h2,h3,h4,h5,h6 { font-family: "Anuphan", sans-serif; font-weight: 600; font-style: normal; color: var(--header-color); line-height:1.4em; }
h2 strong,h3 strong,h4 strong,h5 strong,h6 strong { color: var(--header-color); }

.ats-slider-wrapper,
.ats-overlay-bottom-wrapper-rendered {
	display:none;
}

a, a:visited, a:hover {
	color:var(--link-color-darkblue);
}

::selection { color: var(--text-color); background: var(--text-selection); }
::-moz-selection { color: var(--text-color); background: var(--text-selection); }

#dark-mode-toggle {
	background: url(/sites/default/files/webicons/toggle-dark-light-mode.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -5000px;
  width: 50px;
  height: 25px;
  position: fixed;
  top: 100px;
  right: 25px;
  z-index: 1000;
}

.user-logged-in #dark-mode-toggle {
	top:100px;
}

.mobile-menu {
	margin:0 15px 0 0;
	border:2px solid var(--color-white);
	border:revert;
}
.mobile-menu .icon-menu {
	color:var(--color-white);
	color:revert;
}

.highlighted {
	margin:0;
}
.highlighted a,
.highlighted a:visited,
.highlighted a:hover {
	color:var(--color-black);
}

.banner-pct-leaderboard {
	max-width:970px;
	margin:0 auto;
}

.banner-pct-leaderboard .views-row {
	margin:0 auto;
	text-align:center;
}

.banner-pct-leaderboard .views-field-field-picture-banner-responsive {
	display:block;
}
.banner-pct-leaderboard .views-field-field-picture-banner {
	display:none;
}

.banner-pct-leaderboard img {
	margin:0;
}

.banner-pct-leaderboard .views-field-field-picture-banner,
.banner-pct-leaderboard .views-field-field-picture-banner-responsive {
	line-height:0;
}

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

.header-top.header {
	background:var(--pct-theme-color);
	background:#fff;
}

.header-main {
	display:block;
	position:relative;
	height:70px;
	transition: 0.5s;
}
.header-main.nav-active {
	border-bottom:1px solid #eee;
	height:70px;
	transition: 0.5s;
}

.site-brand {
	display: block;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}
.header-main-right {
	display:block;
	position:absolute;
	top:20px;
	right:0;
}
/* .site-branding img, */
.site-logo img {
	max-height:30px;
	transition: 0.5s;
}
.header-main.nav-active .site-branding img {
	max-height:30px;
	transition: 0.5s;
}

.block-region .block {
	padding-right:20px;
	padding-left:20px;
}
#block-vanipro-branding {
	padding: 0 0 0 10px;
}

#block-vanipro-prachatainetworkmenu {
	padding:0 20px 10px 20px;
}
#block-vanipro-prachatainetworkmenu ul.topmenu-network {
	max-width: 1240px;
	margin: 0 auto;
	padding:0;
}
#block-vanipro-prachatainetworkmenu ul.topmenu-network li {
	list-style:none;
	display:inline-block;
	margin:0 2.5px;
	padding:0;
}
.topmenu-icon {
	display:block;
	width:28px;
	height:28px;
	text-indent:-5000px;
}
.topmenu-front {
	background:url(/sites/default/files/webicons/topmenu-network2.png) no-repeat 0 0;
	background-size: auto 100%;
}
.topmenu-english {
	background:url(/sites/default/files/webicons/topmenu-network2.png) no-repeat -28px 0;
	background-size: auto 100%;
}
.topmenu-thisable {
	background:url(/sites/default/files/webicons/topmenu-network2.png) no-repeat -56px 0;
	background-size: auto 100%;
}
.topmenu-blogazine {
	background:url(/sites/default/files/webicons/topmenu-network2.png) no-repeat -84px 0;
	background-size: auto 100%;
}
.topmenu-store {
	background:url(/sites/default/files/webicons/topmenu-network2.png) no-repeat -112px 0;
	background-size: auto 100%;
}
.topmenu-ads {
	background:url(/sites/default/files/webicons/topmenu-network2.png) no-repeat -140px 0;
	background-size: auto 100%;
}
.topmenu-member {
	background:url(/sites/default/files/webicons/topmenu-network2.png) no-repeat -168px 0;
	background-size: auto 100%;
}
.topmenu-support {
	background:url(/sites/default/files/webicons/topmenu-network2.png) no-repeat -196px 0;
	background-size: auto 100%;
}
.topmenu-activity {
	background:url(/sites/default/files/webicons/topmenu-network2.png) no-repeat -224px 0;
	background-size: auto 100%;
}
.topmenu-classifieds {
	background:url(/sites/default/files/webicons/topmenu-network2.png) no-repeat -252px ;
	background-size: auto 100%;
}


#block-vanipro-prachataicategorymenu {
	display:none;
}

#block-vanipro-views-block-overall-update-block-1 {
	padding:0 0 5px 20px;
}
#block-vanipro-views-block-overall-update-block-1 .block-content {
	max-width:1240px;
	height:40px;
	margin:0 auto;
	font-size:0.8em;
}
#block-vanipro-prachataigooglesearch {
	padding:0 20px 5px 0;
	margin-top:-45px;
}
#block-vanipro-prachataigooglesearch .block-content {
	max-width:1240px;
	height:40px;
	margin:0 auto;
}
#block-vanipro-prachataigooglesearch .block-content form {
	float:right;
	margin:0;
}
#block-vanipro-prachataigooglesearch .block-content form input[name="q"] {
	width:120px;
}
#block-vanipro-prachataigooglesearch .block-content form input[type="submit"] {
	padding:4px 8px;
	font-size:0.9em;
}




.page-title {
	text-align: center;
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  font-size:2em;
  color:var(--link-color-darkblue);
}


.show-calendar,
.home-grid-4 {
	max-width:1240px;
	margin:0 auto;
	padding:40px 0;
}
.show-calendar .view-header .home-block-title,
.home-grid-4 .view-header .home-block-title {
	font-size:2em;
	font-weight:600;
	font-family: "Anuphan", sans-sarif;
	padding:0 0 20px 0;
}
.show-calendar .view-header .home-block-title a,
.home-grid-4 .view-header .home-block-title a {
	color:var(--link-color-drakblue);
}
.home-grid-4 .view-content {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 30px 20px;
}
.home-grid-4 .view-content .views-row {
	border-top:1px solid #000;
	padding-top:10px;
}
.home-grid-4 .view-content .views-row .views-field-field-cover-picture img {
	width:100%;
	height:auto;
	margin:0;
}
.home-grid-4 .view-content .views-row .views-field-title h3 {
	font-size:0.9em;
	font-family: "Anuphan", sans-sarif;
	padding:5px 0 0 0;
	line-height:1.2em;
}
.home-grid-4 .view-content .views-row .views-field-title h3 a {
	color:var(--color-black);
}
.home-grid-4 .view-content .views-row .views-field-created {
	font-size:0.8em;
	color:var(--color-grey-999);
}
.home-grid-4 .view-footer .home-block-link {
	padding:20px 0 40px 0;
	text-align:center;
}
.home-grid-4 .view-footer .home-block-link a {
	border:1px solid var(--color-grey-ccc);
	border-radius:5px;
	padding:10px 20px;
	color:var(--color-grey-ccc);
	background:var(--color-white);
}

#block-vanipro-views-block-classifieds-cover-block-1 {
	padding:0;
}
.classifieds-cover picture img {
	width:100%;
	height:auto;
}

#block-vanipro-sharethisinlinetools .block-content {
	padding:0 0 20px 0;
}
.sharethis-area {
	text-indent:-5000px;
}

/* support-pay fixed */

.support-pay { /* position:fixed; bottom:0; left:0; width:100%; z-index:94035; */ background:#fede00; border-top:10px solid #cbab00; color:#000; padding:25px 3% 120px 3%; clear:both; }
/* .support-pay button { float: right; font-size:2em; border-radius: 50%; width:80px; height: 80px; margin:-70px 15px 0 0; border: 10px solid #cbab00; padding:0; } */
.support-pay.move { position: relative; z-index:94033; bottom: 0; padding:25px 3%; overflow:hidden; margin:1em 0; }
.support-pay.move button { display: none; }
.support-pay > p { margin:0; }
.support-pay-img { float:left; margin-right:0.5em; height:130px;}
.support-pay-text { font-size:0.9em; }
.support-pay-text p { padding: 0; margin: 0 0 15px 0; }
.support-pay-text p .pay-first { font-size: 1.2em; font-weight: bold; }
.support-pay-text p a { color: #000; text-decoration: underline; }


.page-default-1240 .view-content,
.page-year-ym .view-content,
.page-journal-ym .view-content {
	max-width:1240px;
	margin:0 auto;
}



/* block donate fcem prachatai */

.block-donate-fcem {
	background: #ffca49;
    border-top: 10px solid #a37912;
    color: #000;
    padding: 30px;
    text-align: center;
    margin:20px 0;
}
.block-donate-fcem a {
	color: #000;
	font-weight:700;
	text-decoration-line: underline;
  text-decoration-style: dotted;
}
.block-donate-fcem a:hover {
	color:#b45a00;
}
.block-donate-fcem-info {
	margin: 0 0 50px 0;
}
.block-donate-fcem-title {
	font-size: 1.5em;
    font-weight: 700;
    padding: 20px 0;
}
.block-socialmedia-title {
	font-size: 1.25em;
    font-weight: 700;
}
.block-socialmedia-list {
	display:flex;
	gap:20px;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
}
.block-socialmedia-list a {
	display: block;
    width: 64px;
    height: 64px;
    text-indent: -5000px;
}
.block-socialmedia-fb {
    background: url(/sites/default/files/webicons/icon-social-facebook.png) no-repeat;
    background-size: 100%;
}
.block-socialmedia-x {
    background: url(/sites/default/files/webicons/icon-social-xtwitter.png) no-repeat;
    background-size: 100%;
}
.block-socialmedia-ig {
    background: url(/sites/default/files/webicons/icon-social-instagram.png) no-repeat;
    background-size: 100%;
}
.block-socialmedia-yt {
    background: url(/sites/default/files/webicons/icon-social-youtube.png) no-repeat;
    background-size: 100%;
}
.block-socialmedia-tt {
    background: url(/sites/default/files/webicons/icon-social-tiktok.png) no-repeat;
    background-size: 100%;
}
.block-socialmedia-footer-top {
	padding: 30px 0 0 0;
    font-size: 1.25em;
    font-weight: 700;
}
.block-socialmedia-footer-bottom {
	font-size: 1.15em;
    padding: 10px 0;
}


.feed-icon {
	display: block;
  width: 1px;
  height: 1px;
  text-indent:-5000px;
  background-size: 100%;
}


.footer {
	background:var(--color-black);
}
.pct-footer-wrap {
	max-width:1240px;
	margin:0 auto;
	padding:25px 0 100px 0;
	font-size:0.9em;
}
.pct-footer-col {
	border-left:1px solid var(--color-white);
	padding:0 30px 0 15px;
	margin:0 0 40px 0;
}
.pct-footer-col ul {
	list-style:disc;
	color:var(--color-white);
	padding:0 0 0 15px;
	margin:0;
}
.pct-footer-col ul li {
	list-style:disc;
	padding:0;
	margin:0;
	border:none;
}
.pct-footer-col li a {
	padding:0;
}
.pct-footer-col,
.pct-footer-col a {
	color:var(--color-white);
}

.cookiealert {
	z-index:9999;
}
.cookiealert.show {
	background:var(--pct-theme-color-2);
	color:var(--color-black);
}



.page-special-summary {
	text-align:center;
	padding:0 0 50px 0;
}


body.toolbar-horizontal #access-widget {
	top:100px !important;
}

body.dark-mode,
body.dark-mode .highlighted,
body.dark-mode .header-top {
	background:var(--color-grey-333);
	color:var(--color-grey-eee);
}

.dark-mode a, .dark-mode a:visited, .dark-mode a:hover {
	color:var(--link-color-skyblue);
}

.dark-mode strong, .dark-mode b, .dark-mode em, .dark-mode i {
    color: var(--color-white);
}

.dark-mode .highlighted a,
.dark-mode .highlighted a:visited,
.dark-mode .highlighted a:hover,
.dark-mode .home-recent-8 .views-field-title h3 a,
.dark-mode .home-grid-4 .view-content .views-row .views-field-title h3 a,
.dark-mode .home-slideshow-block .views-field-title h3 a {
	color:var(--color-white);
}

.dark-mode #block-vanipro-views-block-home-article-block-1,
.dark-mode #block-vanipro-views-block-home-classifieds-block-1,
.dark-mode #block-vanipro-views-block-home-special-report-block-1,
.dark-mode #block-vanipro-views-block-home-multimedia-block-1,
.dark-mode #block-vanipro-views-block-home-constitution-reform-block-1 {
	background:var(--color-grey-666);
}

.dark-mode .home-grid-4 .view-footer .home-block-link a {
	color:var(--color-black);
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
	color:var(--color-white);
}

.dark-mode .content-header,
.dark-mode .fieldset,
.dark-mode .claro-details,
.dark-mode .vertical-tabs__items,
.dark-mode .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
	background:var(--color-grey-333);
}
.dark-mode .messages {
	background-color:var(--color-grey-333);
}

.dark-mode .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
	color:var(--color-white);
}

.dark-mode .breadcrumb__item, .dark-mode .breadcrumb__link,
.dark-mode .fieldset__legend,
.dark-mode .fieldset,
.dark-mode .claro-details {
	color:var(--color-white);
}
.dark-mode .form-item__description,
.dark-mode .vertical-tabs__menu-link-summary {
	color:var(--color-grey-ccc);
}

.dark-mode .form-boolean--type-checkbox:checked {
	border-color:var(--color-grey-333);
	background-color:var(--color-black);
}


.dark-mode .ck.ck-editor__main>.ck-editor__editable {
	background:var(--color-grey-333);
}
.dark-mode .form-element {
	background:var(--color-grey-333);
	color:var(--color-white);
}

.dark-mode .entity-meta__header,
.dark-mode .claro-details__summary--accordion,
.dark-mode .claro-details__summary--accordion-item,
.dark-mode .claro-details__summary--vertical-tabs-item {
	background:var(--color-grey-999);
}



/* tablet portrait */
@media screen and (min-width:740px) {
	
	body { font-size:1em; line-height:1.7em; }

	.banner-pct-leaderboard .views-field-field-picture-banner-responsive {
		display:none;
	}
	.banner-pct-leaderboard .views-field-field-picture-banner {
		display:block;
	}

	#block-vanipro-prachataitopcategory {
		display:none;
	}

  .social-media-top li {
  	list-style:none;
  	display:inline-block;
  	margin: 0 5px;
  }
	.social-top {
		display:block;
		width:24px;
		height:24px;
		text-indent:-5000px;
	}
	.social-media-fb {
		background:url(/sites/default/files/webicons/icon-social-fb.png) no-repeat;
		background-size:100%;
	}
	.social-media-x {
		background:url(/sites/default/files/webicons/icon-social-x.png) no-repeat;
		background-size:100%;
	}
	.social-media-yt {
		background:url(/sites/default/files/webicons/icon-social-yt.png) no-repeat;
		background-size:100%;
	}
	.social-media-tt {
		background:url(/sites/default/files/webicons/icon-social-tt.png) no-repeat;
		background-size:100%;
	}
	.social-media-pc {
		background:url(/sites/default/files/webicons/icon-social-pc.png) no-repeat;
		background-size:100%;
	}
	.social-media-ig {
		background:url(/sites/default/files/webicons/icon-social-ig.png) no-repeat;
		background-size:100%;
	}
	.social-media-tds {
		background:url(/sites/default/files/webicons/icon-social-tds.png) no-repeat;
		background-size:100%;
	}
	.social-media-bsky {
		background:url(/sites/default/files/webicons/icon-social-bsky.png) no-repeat;
		background-size:100%;
	}
	.social-media-line {
		background:url(/sites/default/files/webicons/icon-social-line.png) no-repeat;
		background-size:100%;
	}
	.social-media-feed {
		background:url(/sites/default/files/webicons/icon-social-feed.png) no-repeat;
		background-size:100%;
	}


	#block-vanipro-prachatainetworkmenu ul.topmenu-network li {
		margin:0;
	}
	.topmenu-icon {
		display:block;
		width:auto;
		height:auto;
		text-indent:0;
		background:none;
		padding:5px 8px 5px 0;
		color:var(--link-color-black);
		font-family: "Anuphan", sans-serif;
		font-size:0.8em;
	}
	.topmenu-icon:hover {
		background:var(--pct-theme-color);
		border-right:1px solid #ccc;
		color:var(--link-color-white);
	}

	#block-vanipro-prachataicategorymenu {
		display:block;
		background:#000;
		padding:5px 0;
	}
	#block-vanipro-prachataicategorymenu ul.menu {
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 20px;
		font-family: "Anuphan", sans-serif;
	}
	#block-vanipro-prachataicategorymenu ul.menu li {
		list-style:none;
		display:inline-block;
		margin:0 10px 0 0;
	}
	#block-vanipro-prachataicategorymenu ul.menu li a {
		color:var(--link-color-white);
		font-size:0.9em;
	}

  .support-pay { position:fixed; padding: 25px 3% 140px 3%; bottom:0; }
  .support-pay-img { float:left; margin-right:0.5em; height:100px;}
  .support-pay-text { font-size: 1em; line-height: 1.4em; }
  
}


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

	#dark-mode-toggle {
	  top: 160px;
	}

	.header-main {
		height:80px;
	}
/*
	.site-brand {
		top:30px;
	}
*/
	.header-main-right {
		top:20px;
	}
	/* .site-branding img, */
	.site-logo img {
		max-height:50px;
		transition: 0.5s;
	}
	
	.header-main.nav-active {
		height:80px;
		border-bottom:1px solid #eee;
	}
	.header-main.nav-active .site-brand {
		top:15px;
	}
	.header-main.nav-active .header-main-right {
		top:15px;
	}
	/* .header-main.nav-active .site-branding img, */
	.header-main.nav-active .site-logo img {
		max-height:50px;
	}
	
}


/* tablet landscape */
@media screen and (min-width:1000px) {

	.topmenu-icon {
		padding:5px 20px 5px 0;
		font-size:1em;
	}
	
	.container {
		padding:0;
	}
	.header-top.header .container {
		padding:0 20px;
	}

	.home-grid-4 .view-header .home-block-title {
		font-size:3em;
	}
	.home-grid-4 .view-content {
	  display: grid;
	  grid-template-columns: repeat(4,minmax(0,1fr));
	  gap: 40px 30px;
	}
	.home-grid-4 .view-content .views-row {
		padding-top:20px;
	}


  .support-pay { position:fixed; bottom:0; padding:25px 3% 200px 3%; height:30px; }
	.support-pay.move { height:auto; }

	.pct-footer-wrap {
		overflow:hidden;
	}
	.pct-footer-col {
		float:left;
	}
	.pct-footer-col-1,
	.pct-footer-col-2 {
		width:24.5%;
	}
	.pct-footer-col-3 {
		width:29.5%;
	}
	.pct-footer-col-4 {
		width:19.5%;
	}
}

/* desktop default screen */
@media screen and (min-width:1200px) {

	#block-vanipro-prachataicategorymenu ul.menu {
		padding: 0;
	}
	#block-vanipro-prachataicategorymenu ul.menu li {
		margin:0 20px 0 0;
	}

	#block-vanipro-views-block-overall-update-block-1 {
		padding:0 0 5px 0;
	}
	#block-vanipro-prachataigooglesearch {
		padding:0 0 5px 0;
	}

	.block-region .block {
		padding-right:0;
		padding-left:0;
	}
	#block-vanipro-branding {
		padding: 0;
	}
	
	#block-vanipro-prachatainetworkmenu {
		padding:0;
	}

}

/* desktop full hd */
@media screen and (min-width:1400px) {

	
}


/* --------------------------------------------------------------------------
   Responsive


@media (max-width: 600px) {

	#block-vanipro-prachataigooglesearch,
	#block-vanipro-views-block-overall-update-block-1 {
		display:none;
	}
	
}

   -------------------------------------------------------------------------- */