/*
 Theme Name:   EFFI
 Description:  EEFI Theme by WAY
 Author:       WAY 
 Author URI: https://waymagazine.org
 Template:     plant
 Version:      1.0.0
 Text Domain: eef
*/

:root {
	--s-title-size:1.7rem;
} 


h1, h2, h3, h4, h5, h6, nav, .nav, .menu, button, .button, .btn, .price, ._heading, .wp-block-pullquote blockquote, blockquote, label, legend {
	font-family: "Helvetica-Bold", sans-serif;
}
body {
	/* font-family: "Thongterm", sans-serif; */
	font-family: 'sukhumvit', sans-serif;
	font-weight: 100;
	font-size: 16px;
	line-height: 1.6;
}

/*MENU*/
.site-header .s-container {	
	max-width: initial;
	padding: 0;
	justify-content: flex-end;
}
.site-branding {
    background:var(--s-accent-hover);
    padding: 0 20px;
}
.site-title {
    font-size: 36px;
    height: 50px;
}
.site-title a {
	color: #fff !important;
}
#primary-menu {
	font-family: "Helvetica", sans-serif;
	font-size: 14px !important;
	text-transform: uppercase;
}
a.disabled {
	pointer-events: none;
	cursor: default;
	color: #ccc!important;
}
/********login******/
.s-modal.-visible[data-s-modal='site-login'] {
	background-color: #f7f7f7;
	padding: 40px 100px;
}
.s-modal-close:hover {
	background-color: #2d3d87;
}
.s-modal-login p.status {display: none;padding: 0 20px;margin-bottom: 12px;color: red;text-align: center;}
.wrap-login-default {position: relative;padding-bottom: 15px;}
#loginform div[id^='nsl-custom-login-form'] {	padding: 15px 0 0 0 !important;}
div[id^='nsl-custom-login-form'] {	position: relative;	padding: 15px 26px;}

#loginform .input, .input-text{
	border: 1px solid #dce0e4;
	border-radius: 0;
	padding: 4px 6px;
	display: block;
	width: 100%;
	background: #fbfbfb;
	-webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 7%);
	box-shadow: inset 0 1px 2px rgb(0 0 0 / 7%);
	-webkit-transition: .1s border-color ease-in-out;
	-o-transition: .1s border-color ease-in-out;
	transition: .1s border-color ease-in-out;
	font-size: 16px;
}
input[type="submit"] {
	background-color:#465FD7;
	border-radius: 0;
	min-width: 150px;
	justify-content: center;
	box-shadow: 1px 1px 20px 0px hsl(230deg 64% 56% / 47%);
}

.site .s-button a:hover , a.s-button:hover , .button-primary:hover , input[type="submit"]:hover {
	background-color:#2d3d87;
}

.text-forget-password{color: #0080F6;}
.text-forget-password:hover{color: #2d3d87;}

.d-block {	display: block;
}

.main-header.-banner {	
	background: #fff;
	color:#000;	
}
/*Home*/
.section-title {
	font-family: "Helvetica-Bold", sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	margin: 60px 0 20px 0;
}
.cat-above-card {
	font-size: 14px;
}
.cat-above-card a {
	font-family: "Helvetica", sans-serif;
    color: var(--s-accent-hover);
}
.entry-meta, .entry-meta a {
	font-family: "Helvetica", sans-serif;
}

.site-header .site-member a.s-modal-trigger{
	color:var(--s-accent-hover);
	font-size: 1.2rem;
}


/***********btn-member***********/
.site-member img {
	width: 43px;
}

.site-header .site-action .site-search,.site-header .site-action  .btn-member-login{
	color:var(--s-accent-hover);
}
.site-header .site-action  .btn-member-login{
	font-size: 1.2rem;
}



.site-navigation-member li a {	padding: 0px;}
.site-navigation-member li a:hover {
	transform: translateX(2px);
}
.site-member{
	position: relative;
}
.site-member:hover .site-navigation-member {
  opacity: 1;
  max-height: 100vh;
  top: calc(100% + 23px);
  height: auto;
  z-index: 91;
	overflow: visible;
	padding: 10px 0;
}

.site-member .site-navigation-member::before {
	content: "";
	position: absolute;
	top: -20px;
	left: calc(50% - 12px);
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 20px solid var(--s-accent);
	z-index: 1;
}
.site-member .site-navigation-member {
  opacity: 0;
  background: #ffffff;
  background-color: #ffffff;
  background-repeat: repeat;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.site-member .site-navigation-member {
  display: block;
	text-align: left;
	left: calc(-50% - 31px);
  overflow: hidden;
  opacity: 0;
  height: auto;
  max-height: 0;
  position: absolute;
  z-index: 90;
  top: calc(100% + 5px);
  -webkit-filter: drop-shadow(var(--s-shadow));
  filter: drop-shadow(var(--s-shadow));
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: var(--s-accent);
  min-width: 186px;
}

.site-header .site-navigation-member ul{
  padding: 0;
  margin: 0;
}
.site-header .site-navigation-member li {
  list-style: none;
  margin: 0 8px;
}
.site-header .site-navigation-member li:first-child {
	text-align: center;
}
.site-header .site-navigation-member li:first-child span {
	font-size: 1.15rem;
}

.site-navigation-member li:first-child::after {
	border-bottom: 1px solid #ffffffab;
	text-align: center;
	content: "";
	display: inline-block;
	height: 1px;
	width: 100%;
}
.site-navigation-member  li{
  padding: 6px 15px;
  display: block;
  color: #fff;
  text-align: left;  
}
.site-navigation-member  li:last-child>a {
  border-bottom: none;
}
.site-header .site-navigation-member  li a,.site-header .site-navigation-member  li span{
	font-family: 'Helvetica';
	color: #fff;
	font-size: 1rem;
	font-weight: 300;
}
.site-header .site-navigation-member  li a:hover{
	color: yellow;
}



/********donate ***********/

.site-header a.btn-donate {
	display: inline-block;
	padding: 15px 30px;
	font-size: 1rem;
	line-height: 1;
	border-radius: .3rem;
	background-color: var(--s-accent-hover);	
	color: #fff;
	margin:0 15px 0 0;	
}
.site-header a.btn-donate:hover {
	color: #C4C4C4;
}

/*********lang *********/
.switch-lang{
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0;
	background-color:var(--s-accent-hover);
}
.site-header .switch-lang a{
	color: #fff;
	font-size: 14px;
}
.site-header .switch-lang .-lang ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	gap: 5px;
	line-height: 1.2rem;
}

.site-header .switch-lang a:hover,.site-header .switch-lang a.active,.site-header .switch-lang  .current-lang a{
	color: #C4C4C4;
}
.switch-lang >div {
	padding: 5px 20px;
	display: flex;	
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	
	height: 100%;
	gap: 5px;
}
.switch-lang .-lang {
	margin:0;
	border-bottom: 1px solid #fff;
}
.switch-lang .-size p{
	margin:0;
}

.switch-lang  .-size[data-lang="th"] a[class^="zeno_font_resizer_"]{	
  visibility: hidden;
  position: relative;
}
.switch-lang  .-size[data-lang="th"] a[class^="zeno_font_resizer_"]:after{	
	visibility: visible;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "ก";
	line-height: 2.2;
}

.main-header.-banner.-research{min-height: 450px;}
.main-header.-banner.-research .s-container{width: 100%;}
.main-header.-banner.-research .main-title{
	display: grid;
	grid-gap: 30px;
	grid-template-columns:1fr;	
	/* 	
	max-width: calc(992px - 30px);
	width: calc(100% - 30px);; */
}


.main-header.-banner.-research .main-title .title {
	text-align: left;
	font-size: 2rem;
	line-height: 2.5rem;
}
.main-header.-banner.-research .main-title  .excerpt{
	text-align: left;
	font-size: 0.9375rem;
	line-height: 1.5rem;
	color: #fff;font-weight: 100;font-family: 'Helvetica';
}
.main-header.-banner.-research .main-title .-left,
.main-header.-banner.-research .main-title .-right{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}


body.single-research{
	background-color: #fafafa;
}
.single-research .wrapp-right .title{
	color: var(--s-accent-hover);
}
.single-research .wrapp-right .d-box:not(:first-child) {
	margin-top: 15px;
}

.wrapp-right  ul.list-users {
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0;
	margin: 0;
}
.wrapp-right ul.list-users li a{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;	
	padding-bottom:20px;
	color: #000;
}
.wrapp-right ul.list-users li a:hover{
	color: var(--s-accent-hover);
}
.wrapp-right ul.list-users li img.avatar {
	border-radius: 5px;
}
.wrapp-right ul.list-files {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.list-files a{color: #000;}
ul.list-files a:hover{color:  var(--s-accent-hover);}
ul.list-files a .ico{display: inline-block;}
ul.list-files a:hover .ico .feather-download {border-color:  var(--s-accent-hover);color:var(--s-accent-hover);}


.ico .feather-download {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 4px 6px 4px 0;
	border-radius: 4px;
	color: #000;
	width: 30px;
	height: auto;
}

ul.list-tag {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
ul.list-tag li {
	border: 1px solid #ccc;
	border-radius: 50px;
	padding: 4px 10px;
	display: block;
}

ul.list-tag li a {color: #000;}
ul.list-tag a:hover{color:  var(--s-accent-hover);}


/******************** PIE*************/
.pie-wrapper {
  height: 1em;
  width: 1em;
  float: left;
  margin: 15px;
	position: relative;
	font-size: 16em;
}
.pie-wrapper:nth-child(3n+1) {
  clear: both;
}
.pie-wrapper .pie {
  height: 100%;
  width: 100%;
  clip: rect(0, 1em, 1em, 0.5em);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .pie .half-circle {
  height: 100%;
  width: 100%;
  border: 0.1em solid #3498db;
  border-radius: 50%;
  clip: rect(0, 0.5em, 1em, 0);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .label {
  background: #34495e;
  border-radius: 50%;
  bottom: 0.4em;
  color: #ecf0f1;
  cursor: default;
  display: block;
  font-size: 0.25em;
  left: 0.4em;
  line-height: 2.8em;
  position: absolute;
  right: 0.4em;
  text-align: center;
  top: 0.4em;
}
.pie-wrapper .label .sub-label{
	line-height: 1;
	padding: 0;
	font-size: 1rem;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 2.8em;
	left: 0;
}
.pie-wrapper .label .smaller {
  color: #bdc3c7;
  font-size: 0.45em;
  padding-bottom: 20px;
  vertical-align: super;
}
.pie-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 0.1em solid #33bb94;
  border-radius: 50%;
}
.pie-wrapper.style-2 .label {
  background: none;
  color: #fff;
}
.pie-wrapper.style-2 .label .smaller {
  color: #fff;
}

/* 
.pie-wrapper .pie {
  clip: rect(auto, auto, auto, auto);
} */
.pie-wrapper .pie .half-circle{
  border-color: #ffcc00;
}
.pie-wrapper .pie .left-side {
  transform: rotate(var(--left-degree));
}
.pie-wrapper .pie .right-side {
  transform: rotate(var(--right-degree));
}

.pie-wrapper .pie.half-over {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-52 .pie .half-circle {
  border-color: #ffcc00;
}
.pie-wrapper.progress-52 .pie .left-side {
  transform: rotate(342deg);
}
.pie-wrapper.progress-52 .pie .right-side {
  transform: rotate(180deg);
}

.s-modal .site-login p.status{display: none;padding: 0 20px;margin-bottom: 12px;color: red;text-align: center}
div.nsl-container-block .nsl-container-buttons {
	align-items: center;
}

.mb-3 {	margin-bottom: 1rem!important;}

.wrapp-register input[type="submit"] {
	background-color: #007EF3;
	border-radius: 0;
	min-width: 150px;
	justify-content: center;
	box-shadow: 1px 1px 20px 0px hsl(209deg 100% 48% / 42%);
}
.wrapp-register input[type="submit"]:hover {
	background-color: #045199;	
}


.register-info p.policy{
	background-color: #F7F7F7;
	padding: 30px;
}
.register-info p.policy i{
	font-size: 1.5rem;
	color: #009469;
}
.register-info p.info{
	background-color: #D5FDF1;
	padding: 30px;
}
.register-info p.info i{
	font-size: 1.5rem;
	display: block;
	padding: 0 0 15px 0;
}
/* 
.wrapp-menu-filter{
  margin: 45px 5px;
  padding: 0 0 5px;
  border-bottom: 1px solid #d3d3d3;
}
 */
ul.wrapp-menu-filter {
	list-style: none;
	display: block;	
	align-items: center;
	text-align: center;
	padding: 15px;
}
ul.wrapp-menu-filter li {
	display: inline-block;
	padding: 15px 5px;
}
ul.wrapp-menu-filter li.active {
	border-bottom: 2px solid #000;
}
ul.wrapp-menu-filter li a.all{ color:#465FD7;}
ul.wrapp-menu-filter li a.completed{ color:#00AA79;}
ul.wrapp-menu-filter li a.inprogress{ color:#FDA92A;}
ul.wrapp-menu-filter li a.started{ color:#E13535;}

.content-item.-research {
	padding: 24px;
	border: 1px solid #CFCFCF;
	display: flex;
	min-height: 366px;
	border-radius: 2px;
	-webkit-transition: .3s;
  transition: .3s;
}
.content-item.-research:hover{	border:	1px solid transparent;    box-shadow: 0px 0px 0 2px #007ef3;}
.content-item.-research .entry-title {	margin-bottom: 15px;}
.content-item.-research .entry-title a:hover {	color: #4ca6f9;}
.content-item.-research .info {
	display: flex;	
	flex-direction: column;
	width: 100%;
}

.content-item.-research .info .footer{	margin-top: auto;}
.content-item.-research .info .footer a{	color: #4ca6f9;}

.seed-social {     text-align: center;  }
.seed-social a {min-height: 40px;  min-width: 40px;border-radius: 25px;}

ul.list-download {	list-style: none;flex-direction: column;    padding: 0 15px;}

ul.list-download li:not(.header):hover {	background-color: #eff7ff;}
ul.list-download li:not(:first-child) {	border-bottom: 1px solid #dedede;padding: 15px 0;}
ul.list-download li { display: grid;gap: 15px;flex-direction: column;}
ul.list-download li.header{display: none;}
ul.list-download li.header> div{margin: auto 0;}

ul.list-download li .-thumb{display: none;}
ul.list-download li .-title{order: 2;}
ul.list-download li .-title a{display: block; color:#202020; line-height: 1.2;}
ul.list-download li .-title .date{ color:#a1a2a3;    font-size: 0.95rem;}
ul.list-download li .-department{  display: none;}
ul.list-download li .-permission{	order: 1;}
ul.list-download li .-permission span{		
	display: inline-block;
	border-radius: 5px;
	line-height: 1;
	padding: 10px 20px;
	text-transform: capitalize;
	background-color: #dff0ff;
	color: #0067c7;
	font-size: 0.9rem;
}
ul.list-download li .-permission.public span{background-color: #dff0ff;color:#0067c7;}
ul.list-download li .-permission.contributor  span{order: 1;background-color: #d5f8ff;color:#00abd1;}
ul.list-download li .-permission.editor  span{background-color: #ffdbe0;color:#cc112b ;}
ul.list-download li .-download{	display: none;	}
a.disabled .feather-download {
	border: 1px solid #dedede;	
	color: #dedede;
}


.content-single  .entry-content p{
	font-family:"Thongterm", sans-serif;
}