@charset "UTF-8";
/* CSS Document */

@import url("https://use.typekit.net/ola0tiw.css");
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap');

:root {
    --theme-color-primary: #de5c8e;
	--theme-color-primary-dark: #BB2660;
	--theme-color-primary-light: #eb9cc3;
	--theme-color-secondary: #5576D1;
	--theme-color-secondary-dark: #293F76;
	--theme-color-secondary-light: #5576D1;
	--theme-color-dark: #000;
	--theme-color-dark-dark: #000;
	--theme-color-dark-light: #000;
	--theme-color-light: #f1f3f5;
	--theme-color-light-dark: #e1e3e5;
	--theme-color-light-light: #fff;
	--theme-color-link: #de5c8e;
	--theme-color-link-hover: #BB2660;
	--theme-color-link-visited: #9F5088;
	--theme-font-heading: 'Lora',"ibm-plex-thai",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	--theme-font-body: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

body {
	font-family: var(--theme-font-body);
	word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
strong {
	font-weight: 700;
}
a,
a:link {
	color: var(--theme-color-link);
}
a:visited {
	color: var(--theme-color-link-visited);
}
a:hover {
	color: var(--theme-color-link-hover);
}
/*
.entry-content a {
	color: var(--theme-color-link);
}
.entry-content a:visited {
	color: var(--theme-color-link-visited);
}
.entry-content a:hover {
	color: var(--theme-color-link-hover);
	text-decoration: underline;
}
*/
.text-light a,
.text-light a:link,
.text-light a:visited {
	color: #fff;
}
.text-light a:hover {
	color: #fff;
}
ul {
	list-style: inside;
}
ol {
	list-style: decimal inside;
}

.mw-552 {
	max-width: 552px !important;
}
.mw-600 {
	max-width: 600px !important;
}
.bi {
	position: relative;
	margin-top: -2px;
}
.font-heading {
	font-family: 'Lora', "ibm-plex-thai", sans-serif;
}

.text-websitetitle {
	font-family: 'Lora', "ibm-plex-thai", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	color: #000;
}
.text-websitetitle a {
	color: #000;
	text-decoration: none !important;
}
.text-websitetitle a:hover {
	color: var(--theme-color-link-hover);
}
.text-primary,
.text-primary a {
	color: var(--theme-color-primary) !important;
}
.text-primary a:hover {
	color: var(--theme-color-link-hover) !important;
}
.text-black,
.text-black a {
	color: #000 !important;
}
.text-pink {
	color: #de5c8e !important;
}
.text-link a {
	color: var(--theme-color-link) !important;
}
.text-link a:hover {
	color: var(--theme-color-link-hover) !important;
}
.text-link-dot a {
	border-bottom: 1px dotted rgba(0,0,0,0.25);
}
.text-light .text-link-dot a {
	border-color: rgba(255,255,255,0.25);
}
.text-link-dot a:hover {
	border-color: currentColor
}

.text-hover-underline span,
.title-hover-underline span {
	position: relative;
	display: inline;
    background-image: -webkit-linear-gradient(currentColor, currentColor);
    background-image: -o-linear-gradient(currentColor, currentColor);
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    transition: background-size .3s;
}
.text-hover-underline span:hover,
.title-hover-underline span:hover {
    background-size: 100% 2px;
}

/* 
	Text Styling
----------------------------------------------*/
.text-line-right {
	position: relative;
	white-space: nowrap;
    overflow: hidden;
}
.text-line-right::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 84px;
	height: 1px;
	background-color: #000;
	margin-left: 16px;
    box-sizing: border-box;
}
.text-line-left {
	position: relative;
	padding-left: 96px;
}
.text-line-left::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 84px;
	height: 1px;
	background-color: #000;
}
.text-light .text-line-left::after,
.text-light .text-line-right::after,
.text-line-left.text-light::after,
.text-line-right.text-light::after{
	background-color: #fff;
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Lora', "ibm-plex-thai", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #000;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.h1 a:visited, .h2 a:visited, .h3 a:visited, .h4 a:visited, .h5 a:visited, .h6 a:visited {
	color: #000;
}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6,
.text-light .h1, .text-light .h2, .text-light .h3, .text-light .h4, .text-light .h5, .text-light .h6,
.text-light h1 a, .text-light h2 a, .text-light h3 a, .text-light h4 a, .text-light h5 a, .text-light h6 a,
.text-light .h1 a, .text-light .h2 a, .text-light .h3 a, .text-light .h4 a, .text-light .h5 a, .text-light .h6 a { 
	color: #fff;
}
h1, .h1 { margin-bottom: 2rem; }
h2, .h2 { margin-bottom: 1.5rem; }
h3, .h3 { margin-bottom: 1rem; }
h4, .h4 { margin-bottom: 0.75rem; }
h5, .h5 { margin-bottom: 0.5rem; }
h6, .h6 { margin-bottom: 0.25rem; }
.h1 { font-size: 36px; line-height: 1.375; }
.h2 { font-size: 28px; line-height: 1.375; }
.h3 { font-size: 24px; line-height: 1.5; }
.h4 { font-size: 20px; line-height: 1.5; }
.h5 { font-size: 18px; line-height: 1.5; }
.h6 { font-size: 16px; line-height: 1.5; }
@media (min-width: 768px) {
	.h1 { font-size: 40px; }
	.h2 { font-size: 32px; }
	.h3 { font-size: 26px; }
	.h4 { font-size: 22px; }
	.h5 { font-size: 19px; }
	.h6 { font-size: 17px; }
}
@media (min-width: 1025px) {
	.h1 { font-size: 48px; }
	.h2 { font-size: 36px; }
	.h3 { font-size: 28px; }
	.h4 { font-size: 24px; }
	.h5 { font-size: 20px; }
	.h6 { font-size: 18px; }
}

.bg-light { background-color: var(--theme-color-light) !important; }
.bg-light-dark { background-color: var(--theme-color-light-dark) !important; }

.menu-tags {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0 !important;
}
.menu-tags li {
	margin: 0 0.5rem 0.5rem 0;
}
.menu-tags li a {
	display: block;
	padding: 0.375rem 1rem;
	border-radius: 50rem;
	border: 1px solid #b6b8b8;
	background-color: #b6b8b8;
	font-family: 'Lora', "ibm-plex-thai", sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	color: #000;
}
.menu-tags li a:hover {
	border-color: #000;
	background-color: #fff;
	color: #000;
}

.btn-secondary { 
	display: inline-block;
	padding: 1.25rem 2rem;
	border-radius: 0;
	border: none;
	background-color: var(--theme-color-secondary);
	font-family: var(--theme-font-heading);
	font-weight: 700;
	font-size: 1.125rem;
	color: #fff !important;	
	text-align: center;
}
.btn-secondary:hover {
	background-color: var(--theme-color-secondary-dark);
	color: #fff !important; 	
}

.btn-width-200 { width: auto; min-width: 200px; }
.btn-width-220 { width: auto; min-width: 220px; }
.btn-width-240 { width: auto; min-width: 240px; }
.btn-width-260 { width: auto; min-width: 260px; }
.btn-width-280 { width: auto; min-width: 280px; }

.border-black { border-color: #000 !important; }
.border-transparent { border-color: transparent !important; }

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

	# Template & Design
		## Related Pages

*************************************************************/
.container-related-pages { border-top: 1px solid #000; background-color: var(--theme-color-light); }
.menu-related { margin: 0; padding: 0 !important; font-size: 1rem; line-height: 1.5; }
.menu-related a { 
	display: inline-block; 
	padding-top: 0.25rem; 
	padding-bottom: 0.25rem; 
	font-weight: normal; 
	color: #000; 
	background-image: -webkit-linear-gradient(currentColor, currentColor);
	background-image: -o-linear-gradient(currentColor, currentColor);
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    transition: background-size .3s;
}
.menu-related a:hover { 
	color: #000; 
	background-size: 100% 2px;
}
.menu-related li { list-style: none; margin: 0; }
.menu-related li + li { margin-top:  0.375rem; }
.menu-related li.current-menu-item a,
.menu-related li.current-menu-item a:hover { 
	color: #000;
	background-size: 100% 2px;
}
.text-light .menu-related li a,
.text-light .menu-related li.current-menu-item a {
	color: #fff;
}

@media (min-width: 992px) {
	.container-related-pages { border-top: none; background-color: transparent; }
	.menu-related { display: flex; white-space: nowrap; overflow-x: scroll; padding: 0; }
	.menu-related li { margin-right: 1.5rem; margin-bottom: 1rem; }
	.menu-related li + li { margin-top: 0; }
}

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

	# Toggler
		## Related Pages

*************************************************************/
.related-pages-toggler {
	position: relative;
	width: 100%;
	height: 64px;
	margin: 0;
	padding: 0 1rem;
	border: none;
	background-color: transparent !important;
	font-family: 'Lora', "ibm-plex-thai", sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	color: #000 !important;
	text-align: left;
	box-shadow: none !important;
}
.related-pages-toggler-select-icon {
	width: 60px;
	color: #000;
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}
.related-pages-toggler-select-icon .svg-icon {
	width: 2rem;
	height: 2rem;
}
.collapsed .related-pages-toggler-select-icon {
	-webkit-transform: rotate(0);
	   -moz-transform: rotate(0);
		 -o-transform: rotate(0);
			transform: rotate(0);
}
.text-light .related-pages-toggler,
.text-light .related-pages-toggler-select-icon {
	color: #fff !important;
}
@media (min-width: 768px) {
	.related-pages-toggler {
		padding-right: 2rem;
		padding-left: 2rem;
	}
}
@media (max-width: 359px) {
	.related-pages-toggler {
		padding-right: 0;
	}
}

.menu-series-home {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #000;
	font-family: 'Lora', "ibm-plex-thai", sans-serif;
	font-weight: 700;
}
.menu-series-home li {
	display: block;
	padding: 0.875rem 1rem;
	border-top: 1px solid #000;
	background-color: var(--theme-color-secondary-dark);
}
.menu-series-home li a {
	padding: 0.25rem 0;
	display: inline;
	background-image: -webkit-linear-gradient(currentColor, currentColor);
	background-image: -o-linear-gradient(currentColor, currentColor);
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
	color: #fff;
    transition: background-size .3s;
}
.menu-series-home li a:hover {
    background-size: 100% 2px;
}
@media (min-width: 768px) {
	.menu-series-home {
		font-size: 1.125rem;
	}
	.menu-series-home li {
		padding: 1rem 2rem;
	}
}
@media (min-width: 1400px) {
	.menu-series-home li {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}


.post-meta-datetime {
	position: relative;
    width: 64px;
	height: 72px;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
.post-meta-datetime .month {
	font-size: 0.625rem;
	font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #c2292e;
}
.post-meta-datetime .day {
    font-size: 28px;
	font-weight: bold;
    line-height: 47px;
	color: #000;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
    border: 1px solid #e1e3e5;
	background-color: #fff;
	border-top: none;
}
.post-meta-datetime + .post-meta-datetime {
	width: calc(1.5rem + 64px);
	margin-left: 0.5rem;
	padding-left: 1.5rem;
}
.post-meta-datetime + .post-meta-datetime::before {
	content: '';
	position: absolute;
	top: 48px;
	left: 0;
	width: 1rem;
	height: 2px;
	margin-top: -1px;
	background-color: #000;
}
.text-light .post-meta-datetime + .post-meta-datetime::before {
	background-color: #fff;
}

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

	# Theme, Template
		## Post Styling

*************************************************************/
/* Post Meta */
.post-meta {
	font-size: 0.875em;
	color: #65676b;
}
.post-meta .bi { color: #000; }
.post-meta a { border-bottom: 1px dotted currentColor; color: #65676b; }
.post-meta a:hover { border-bottom: 1px solid; }
.post-meta span + span::before {
	content: ' , ';
	position: relative;
	margin-right: 0.25rem;
}
.post-meta span.meta-title {
	font-weight: 700;
}
.post-meta span.meta-title + span::before {
	content: '';
	margin-right: 0.5rem;
}
.post-meta-calendar,
.post-meta-calendar a { color: #c2292e; }
.text-light .post-meta,
.text-light .post-meta a,
.text-light .post-meta a:hover { color: #b6b8b8; }
.text-light .post-meta .bi { color: #fff; }
.text-light .post-meta-calendar,
.text-light .post-meta-calendar a,
.text-light .post-meta-calendar a:hover { color: #faec12; }


.post-meta-goal {
	display: flex;
	flex-flow: row wrap;
	height: auto;
	min-height: 44px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
	background: url(../images/icon-the-global-goals.svg) no-repeat 0 0;
	background-size: 44px 44px;
}
.post-meta-goal-item {
	margin: 5px 10px 5px 0;
}
.post-meta-goal-item img {
	width: 24px;
	height: auto;
}

/* Post Excerpt */
.post-excerpt {
	font-size: 0.875em;
}
.post-excerpt p:last-child {
	margin-bottom: 0;
}

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

	# Theme, Template
		## Single Post

*************************************************************/
.appendix-theglobalgoals .sdg-brand {
	max-width: 240px;
	margin-bottom: 1.5em;
}
.list-related-sdg {
	margin: 0;
	padding: 0;
	font-size: 0.875rem;
}
.list-related-sdg li {
	list-style: none;
	display: flex;
  	flex-wrap: wrap;
	align-items: center;
}
.list-related-sdg li + li {
	margin-top: 1em;
}
.list-related-sdg li .sdg-icon {
	width: 50px;
	margin-right: 1rem;
}
.list-related-sdg li .sdg-icon.sdg-icon-no {
	width: 36px;
	margin-left: 7px;
	margin-right: calc(1rem + 7px);
}
.list-related-sdg li .sdg-title {
	width: calc(100% - 50px - 1rem);
	font-weight: 700;
	-ms-flex-item-align: center!important;
			 align-self: center!important;
}
.list-related-sdg li .sdg-title a {
	color: #000;
	text-decoration: none;
}
.list-related-sdg li .sdg-title a:hover {
	color: #de5c8e;
}
.list-related-sdg li .sdg-title .text-title {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0;
}


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

	# Tooltip

------------------------------*/
.tooltip {
    word-wrap: break-word;
    display: block;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.6;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1080;
}
.tooltip.show {
    opacity: 1;
}
.tooltip .tooltip-arrow {
    display: block;
    height: 0.4rem;
    position: absolute;
    width: 0.8rem;
}
.tooltip .tooltip-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute;
}
.bs-tooltip-auto[data-popper-placement^="top"],
.bs-tooltip-top {
    padding: 0.4rem 0;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: 0;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #000;
    border-width: 0.4rem 0.4rem 0;
    top: -1px;
}
.bs-tooltip-auto[data-popper-placement^="right"],
.bs-tooltip-end {
    padding: 0 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    height: 0.8rem;
    left: 0;
    width: 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #000;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    right: -1px;
}
.bs-tooltip-auto[data-popper-placement^="bottom"],
.bs-tooltip-bottom {
    padding: 0.4rem 0;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: 0;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #000;
    border-width: 0 0.4rem 0.4rem;
    bottom: -1px;
}
.bs-tooltip-auto[data-popper-placement^="left"],
.bs-tooltip-start {
    padding: 0 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    height: 0.8rem;
    right: 0;
    width: 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #000;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    left: -1px;
}
.tooltip-inner {
    background-color: #000;
    border-radius: 0.375rem;
    color: #fff;
    max-width: 300px;
    padding: 0.5rem 1rem;
    text-align: center;
}

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

	# Plugin
		## Breadcrumb

------------------------------*/
.breadcrumb-entry {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 28px;
	background: url(../images/icon-breadcrumb-dark.svg) 0 7px no-repeat;
	background-size: 24px 16px;
    font-size: 0.75rem;
    font-weight: normal;
	line-height: 24px;
	color: #000;
}
.breadcrumb-entry a {
    font-weight: normal;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
	color: #000;
}
.breadcrumb-entry a:hover {
	color: #BB2660;
}
.breadcrumb-entry.text-light,
.text-light .breadcrumb-entry {
	background: url(../images/icon-breadcrumb-light.svg) 0 7px no-repeat;
	background-size: 24px 16px;
}
.breadcrumb-entry.text-light,
.breadcrumb-entry.text-light a,
.breadcrumb-entry.text-light a:hover,
.text-light .breadcrumb-entry,
.text-light .breadcrumb-entry a,
.text-light .breadcrumb-entry a:hover {
	color: #fff;
}
.breadcrumb-entry.text-light a:hover,
.text-light .breadcrumb-entry a:hover {
	color: #000;
}

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

	# Card
		## Team

*************************************************************/
.card-team {
    --card-team-transition-duration: .4s;
    position: relative;
    z-index: 1;
    text-decoration: none;
    color: inherit;
    display: block;
    will-change: transform;
    transition: box-shadow,-webkit-transform;
    transition: box-shadow,transform;
    transition: box-shadow,transform,-webkit-transform;
    transition-duration: var(--card-team-transition-duration);
	height: 100%;
	padding-top: 1.125em;
}
.card-team .stretched-link:after {
	z-index: 10;
}
.card-team::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: var(--inner-glow);
}
.card-team .card-media {
	position: relative;
}
.card-team .card-team-figure {
	--space-sm : 1.125em;
	--radius-md : 0.25em;
    position: relative;
    z-index: 2;
    -webkit-clip-path: inset(0 var(--space-sm) 0 0 round 0 var(--radius-md) var(--radius-md) 0);
    clip-path: inset(0 var(--space-sm) 0 0 round 0 var(--radius-md) var(--radius-md) 0);
    will-change: clip-path;
    transition: -webkit-clip-path var(--card-team-transition-duration);
    transition: clip-path var(--card-team-transition-duration);
    transition: clip-path var(--card-team-transition-duration),-webkit-clip-path var(--card-team-transition-duration);
}
.card-team.has-link .card-media:hover .card-team-figure {
    -webkit-clip-path: inset(0 calc(var(--space-sm) + 80px) 0 0 round 0 var(--radius-md) var(--radius-md) 0);
    		clip-path: inset(0 calc(var(--space-sm) + 80px) 0 0 round 0 var(--radius-md) var(--radius-md) 0);
}
.card-team .card-team-figure img {
    will-change: transform;
    transition: -webkit-transform var(--card-team-transition-duration);
    transition: transform var(--card-team-transition-duration);
    transition: transform var(--card-team-transition-duration),-webkit-transform var(--card-team-transition-duration);
}
.card-team.has-link .card-media:hover .card-team-figure img {
    -webkit-transform: translateX(-40px);
    		transform: translateX(-40px);
}
.card-team .card-team-icon {
    --size: 60px;
	--space-sm: 1.125rem;
	display: inline-block;
    color: inherit;
    fill: currentColor;
    line-height: 1;
    flex-shrink: 0;
    max-width: initial;
	z-index: 1;
    position: absolute;
   	top: calc(50% - var(--size)/2);
    right: var(--space-sm);
    height: var(--size);
    width: var(--size);
    opacity: 0;
    -webkit-transform: translateX(-20px);
    		transform: translateX(-20px);
    will-change: transform;
    transition: opacity,-webkit-transform;
    transition: transform,opacity;
    transition: transform,opacity,-webkit-transform;
    transition-duration: var(--card-team-transition-duration);
}
.card-team.has-link .card-media:hover .card-team-icon {
    opacity: 1;
    -webkit-transform: translateX(0);
    		transform: translateX(0);
}

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

	# Plugin
		## FacetWP

*************************************************************/

.accordion-filter .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after, 
.accordion-filter .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before, 
.accordion-filter .kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger:after, 
.accordion-filter .kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger:before {
    content: "";
    height: 2px;
    position: absolute;
    transition: all ease-in-out 0.1333333333s;
    width: 16px;
    left: 8px;
    top: 12px;
}
#primary .facetwp-facet {
    margin-bottom: 0;
}
#primary .facetwp-facet.facetwp-facet-grants_pager_total {
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: bold;
	color: #b43b6b;
}
#primary .facetwp-sort select,
#primary .facetwp-type-sort select {
	width: auto;
	min-width: 180px;
	padding: 0.75rem 2rem 0.75rem 1rem;
	border: 1px solid #e1e3e5;
	border-radius: 0;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat right 0.5rem center;
	font-size: 1rem;
	line-height: 1.5rem;
}
#primary .facetwp-selections ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1.5rem 0;
	padding: 0;
	font-size: 0.75rem;
}
#primary .facetwp-selections ul li[data-facet="nih_funding_sort"] {
	display: none !important;
}
#primary .facetwp-selections .facetwp-selection-label {
	display: none;
}
#primary .facetwp-selections .facetwp-selection-value {
	list-style: none;
	margin: 0.25rem 0.25rem 0 0;
	padding: 0.25rem 1.5rem 0.25rem 0.75rem;
	border: 1px solid #b43b6b;
	border-radius: 50rem;
	background-color: #fff;
	line-height: 1.25rem;
	background-size: 8px 8px;
	background-position: right 0.5rem center;
}
#primary .facetwp-selections .facetwp-selection-value:hover {
	color: var(--theme-color-link-dark);
}
#primary .text-light .facetwp-selections .facetwp-selection-value:hover {
	color: var(--theme-color-primary-light);
}
#primary .facetwp-input-wrap {
    display: block;
    position: relative;
}
#primary .facetwp-input-wrap .facetwp-icon {
	width: 48px;
	text-align: center;
}
#primary .facetwp-facet input.facetwp-search, 
#primary .facetwp-facet input.facetwp-location,
#primary .facetwp-facet input.facetwp-date {
	width: 100%;
	min-width: unset;
    margin: 0;
    padding: 0.5rem 3rem 0.5rem 1rem;
	line-height: 2rem;
	border: 1px solid #e1e3e5;
	border-radius: 0;
}
#primary .text-light .facetwp-facet input.facetwp-search, 
#primary .text-light .facetwp-facet input.facetwp-location,
#primary .text-light .facetwp-facet input.facetwp-date {
	border-color: #000;
}
#primary .facetwp-facet input.facetwp-date + input.facetwp-date {
	margin-top: 0.25rem;
}
#primary .facetwp-facet input.facetwp-search:focus, 
#primary .facetwp-facet input.facetwp-location {
	border-color: var(--global-palette5, #4A5568);
}
#primary .facetwp-checkbox {
	margin-top: 4px;
	margin-bottom: 4px;
    padding-left: 28px;
    background: url(../images/facetWP/checkbox.png) top 6px left no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
	font-size: 1rem;
}
#primary .facetwp-checkbox:hover {
	color: var(--theme-color-primary-dark);
}
#primary .text-light .facetwp-checkbox:hover {
	color: var(--theme-color-primary-light);
}
#primary .facetwp-checkbox.checked {
    background-image: url(../images/facetWP/checkbox-on.png);
}
#primary .facetwp-type-pager div.facetwp-pager {
	width: 100%;
    margin: 0;
    padding: 48px 0;
    text-align: left;
    font-size: 1.125rem;
    clear: both;
}
#primary .facetwp-type-pager a.facetwp-page {
	display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0 6px 6px 0;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: var(--theme-color-light-dark);
    color: #000 !important;
    text-decoration: none;
    text-align: center;
}
#primary .facetwp-type-pager a.facetwp-page:hover {
	background-color: var(--theme-color-primary-dark);
    color: #fff !important;
}
#primary .facetwp-type-pager a.facetwp-page.next,
#primary .facetwp-type-pager a.facetwp-page.prev {
	width: auto !important;
    border-radius: 22px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}
#primary .facetwp-type-pager a.facetwp-page.active {
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0 6px 6px 0;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: var(--theme-color-primary);
	font-weight: normal;
    color: #fff !important;
    text-align: center;
}
#primary .facetwp-checkbox.disabled, 
#primary .facetwp-radio.disabled {
    opacity: 0.25;
    cursor: default;
}
@media (min-width: 768px) {
    #primary .facetwp-type-pager div.facetwp-pager {
        padding: 80px 0;
    }
}

.btn-reset-filter {
	padding: 0.125rem 0;
	border: none;
	border-bottom: 1px dotted rgba(0,0,0,0.25);
	background-color: transparent !important;
	border-radius: 0;
	font-size: 0.875rem;
	color: #000;
}
.btn-reset-filter:hover {
	background-color: transparent !important;
	border-color: #000;
}
.text-light .btn-reset-filter {
	border-color: rgba(255,255,255,0.25);
	color: #fff;
}
.text-light .btn-reset-filter:hover {
	border-color: var(--theme-color-primary-light);
	color: var(--theme-color-primary-light);
}


.menu-footer-vertical {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}
.menu-footer-vertical li + li {
	margin-top: 0.5rem;
}
.menu-footer-vertical li a {
	padding: 0.125rem 0;
	border-bottom: 1px dotted rgba(255,255,255,0.25);
}
.menu-footer-vertical li a:hover {
	border-color: var(--theme-color-primary-light);
	text-decoration: none !important;
}



.menu-related-appendix {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex !important;
	-ms-flex-pack: distribute;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	   -ms-flex-align: stretch;
		  align-items: stretch;
	-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	list-style: none;
	width: calc(100% + 1rem) !important;
	margin: 0 auto !important;
	padding-left: 0 !important;
	font-size: 0.875rem;
}
.menu-related-appendix ul {
	display: none !important;
}
.menu-related-appendix li {
	width: calc(50% - 1rem) !important;
	margin-right: 1rem !important;
	border-bottom: 1px dotted rgba(0,0,0,0.25);
}
.menu-related-appendix li a {
	display: block;
	padding-top: 0.375rem !important;
	padding-bottom: 0.375rem !important;	
}
.menu-related-appendix li a:hover,
.menu-related-appendix li.current-menu-item a {
	color: var(--theme-color-link-hover);
}
.menu-related-appendix li:hover {
	border-color: #000;
}
.text-light .menu-related-appendix li {
	border-color: rgba(255,255,255,0.25);
}
.text-light .menu-related-appendix li a:hover,
.text-light .menu-related-appendix li.current-menu-item a {
	color: var(--theme-color-primary-light);
}
.text-light .menu-related-appendix li:hover {
	border-color: #fff;
}
@media (min-width: 768px) {
	.menu-related-appendix {
		width: calc(100% + 2rem) !important;
	}
	.menu-related-appendix li {
		width: calc(50% - 2rem) !important;
		margin-right: 2rem !important;
	}
}

.menu-related-appendix-vertical {
	list-style: none;
	margin: 0 !important;
	padding-left: 0 !important;
	font-size: 0.875rem;
}
.menu-related-appendix-vertical li {
	border-bottom: 1px dotted rgba(0,0,0,0.25);
}
.menu-related-appendix-vertical li:hover {
	border-color: #000;
}
.menu-related-appendix-vertical li a {
	display: block;
	padding-top: 0.375rem !important;
	padding-bottom: 0.375rem !important;	
}
.text-light .menu-related-appendix-vertical li {
	border-color: rgba(255,255,255,0.25);
}
.text-light .menu-related-appendix-vertical li:hover {
	border-color: #fff;
}


.flexbox-people {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	-webkit-box-align: stretch;
	   -ms-flex-align: stretch;
		  align-items: stretch;
	-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	margin: 0;
}
.flexbox-people::after {
	content: '';
	z-index: 1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: transparent;
}
.flexbox-people.section-bg-white::after {
	background-color: #fff;
}
.flexbox-people.section-bg-light::after {
	background-color: #f1f3f5;
}
.flexbox-people.section-bg-light-dark::after {
	background-color: #e1e3e5;
}
.flexbox-people .box-cell {
	position: relative;
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px dashed #b6b8b8;
}
.flexbox-people .box-cell .post-media {
	width: 100px;
    margin-right: 20px;
}
.flexbox-people .box-cell .post-media img {
	width: 100%;
	border-radius: 100%;
}
.flexbox-people .box-cell .post-entry {
	flex: 1;
	overflow: hidden;
}
@media (min-width: 576px) {
	.flexbox-people.size-bigger .box-cell .post-media {
		width: 160px;
	}
	.flexbox-people.size-bigger .box-cell .post-media img.border {
		border-width: 6px !important;
	}
}
@media (min-width: 768px) {
	.flexbox-people.size-bigger .box-cell {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.flexbox-people.size-bigger .box-cell .post-media img.border {
		border-width: 8px !important;
	}
	.flexbox-people.column-2 .box-cell,
	.flexbox-people.column-3 .box-cell {
		width: 50%;
		padding: 32px;
	}
	.flexbox-people.column-2 .box-cell:nth-child(odd),
	.flexbox-people.column-3 .box-cell:nth-child(odd) {
		border-right: 1px dashed #b6b8b8;
	}
	.flexbox-people.column-2 .box-cell:nth-child(odd) {
		padding-left: 0;
	}
	.flexbox-people.column-2 .box-cell:nth-child(even) {
		padding-right: 0;
	}
}
@media (min-width: 1200px) {
	.flexbox-people.size-bigger .box-cell .post-media {
		width: 200px;
		margin-right: 24px;
	}
	.flexbox-people.column-2.p-flexbox-people .box-cell:nth-child(odd),
	.flexbox-people.column-2.p-flexbox-people .box-cell:nth-child(even) {
		padding-left: 32px;
		padding-right: 32px;
	}
	.flexbox-people.column-3 .box-cell {
		width: 33.3333333%;
	}
	.flexbox-people.column-3 .box-cell:nth-child(odd) {
		border-right: none;
	}
	.flexbox-people.column-3 .box-cell:nth-child(3n+1),
	.flexbox-people.column-3 .box-cell:nth-child(3n+2) {
		border-right: 1px dashed #b6b8b8;
	}
}


.kt-blocks-accordion-header {
	font-family: var(--theme-font-heading);
}

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

	# Library
		## Big picture

*************************************************************/
#bp_container {
    background: rgba(0,0,0,.9)!important;
	cursor: url(../images/cursor-close-x.png),auto;
}

/*--------------------------------------------------------------
# Page: ร้อยเรื่องราวจากรั้วจามจุรี (Story)
--------------------------------------------------------------*/

.greenishCover{position:absolute;height:100%;width:100%;overflow:hidden}.height.greenishCover div{position:relative;height:100%;width:10100%;left:-5000%;text-align:center}.height.greenishCover img{display:inline;height:100%;margin-top:0!important}.height.left.greenishCover div{position:absolute;left:0;text-align:left}.height.right.greenishCover div{position:absolute;right:0;left:auto;text-align:right}.width.greenishCover div{position:relative;width:100%;top:50%}.width.greenishCover img{display:block;width:100%}.width.top.greenishCover div{position:absolute;top:0}.width.top.greenishCover img{margin-top:0!important}.width.bottom.greenishCover div{position:absolute;bottom:0}.width.bottom.greenishCover img{margin-top:0!important;position:absolute;bottom:0}

.story { 
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	-webkit-box-align: stretch;
	   -ms-flex-align: stretch;
		  align-items: stretch;
	-ms-flex-flow: row wrap;
		flex-flow: row wrap; 
}
.story .story-item { display: block; position: relative; width: 100%; height: 420px; color: #fff; }
@media (min-width: 576px) {
    .story .story-item { width: 50%; }
}
@media (min-width: 992px) {
    .story .story-item { width: 33.33333%; }
}
@media (min-width: 1440px) {
    .story .story-item { width: 25%; }
}
@media (min-width: 1921px) {
    .story .story-item { width: 20%; }
}
.story.story-featured .story-item { width: 100% !important; max-width: 512px !important; float: none; border: 10px solid #fff; box-shadow: 0 0.9375rem 2.5rem rgba(50,50,50,.15); }
.story .story-item .post-entry,
.story .story-item .post-no { position: absolute; -webkit-transform: translateZ(0); transform: translateZ(0); }
.story .story-item .post-entry { left: 5%; bottom: 5%; width: 90%; max-height: 312px; }
.story .story-item .post-entry.no-bg { top: 5%; }
.story .story-item .post-entry .post-title { margin-bottom: 10px; font-size: 30px; line-height: 1.4em; color: #fff; text-shadow: 0 1px 0 #000; -webkit-transform: translateZ(0); transform: translateZ(0); }
.story .story-item.text-dark .post-entry .post-title { color: #000; text-shadow: 0 1px 0 #ccc; }
.story .story-item .post-entry .post-intro { font-size: 16px; line-height: 1.7em; color: #fff; text-shadow: 0 1px 0 #000; -webkit-transform: translateZ(0); transform: translateZ(0); }
.story .story-item.text-dark .post-entry .post-intro { color: #000; text-shadow: none; }
.story .story-item .post-no { top: 5%; left: 5%; font-size: 72px; line-height: 1em; color: #fff; text-shadow: 0 2px 0 #000; text-transform: uppercase; }
.story .story-item.text-dark .post-no { color: #000; text-shadow: 0 1px 0 #ccc; }
.story .story-item .story-item-bg-container { position: relative; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.story .story-item .story-item-bg { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; -webkit-box-shadow: inset 0 0 10px -10px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 10px -10px rgba(0,0,0,0.2); box-shadow: inset 0 0 10px -10px rgba(0,0,0,0.2), 0 0 10px rgba(0,0,0,0.2); }
.story .story-item .story-item-bg img { opacity: 0.3; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; position: static; object-fit: cover; }
.story .story-item .story-item-bg-color-1 { opacity: 1 }
.story .story-item .story-item-bg-color-2 { opacity: 0.3; -webkit-transition: -webkit-transform 150ms ease-in-out; transition: -webkit-transform 150ms ease-in-out; transition: transform 150ms ease-in-out; transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out; }
.story .story-item .story-item-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; border: none; padding: 0; margin: 0; opacity: .2; background: url(../images/overlay-pattern.png) center center; }
.story .story-item .story-item-content { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.story .story-item:hover { z-index: 3 }
.story .story-item:hover .story-item-bg-container { -webkit-transform: scale(1.08, 1.08); -ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }
.story .story-item:hover .story-item-bg-container .story-item-bg img { opacity: 0.1; }
.story .story-item:hover .story-item-bg-color-2 { opacity: 0.3; -webkit-transform: scale(1.08, 1.08); ms-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); }

.section-story-single { position: relative; background-color: #f6f2f0; overflow: hidden; }
.section-story-single::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background-color: #fff;
}
.section-story-single .text-title-primary { margin-bottom: 30px; color: #293F76; } 
.section-story-single img { max-width: 100%; height: auto; }
.section-story-single .maxcollection { position: absolute; left: 0; width: 40px; margin: 0 0 0 -26px !important; }
.section-story-single .gallery-item { cursor: pointer; }
@media (max-width: 991px) {
	.section-story-single .maxcollection { margin: 0 !important; left: auto; right: 30px !important; }
}
.story-img { position: relative;  z-index: 1; }
.story-text { margin-top: -100px; padding: 150px 2rem 160px 2rem; background-color: #fff; overflow: hidden; }
.story-text.no-img { margin-top: 0 !important; padding-top: 50px !important; }
.story-text blockquote {
	margin-bottom: 1.5em;
	padding-left: 16px;
	border-left: 4px solid #5576D1;
}
.story-text blockquote cite {
	font-size: 0.875em; line-height: 1.5;
}
.story-no { font-family: 'Lora', "ibm-plex-thai", sans-serif; font-weight: bold; font-size: 200px; line-height: 0.75em; color: #DB598A; display: block; margin: -36px 0 24px 0; letter-spacing: -5px; }

.story-share { position: absolute; width: 40px; margin-left: -41px; padding: 0; list-style: none; }
.story-share li { width: 40px; height: 40px; font-size: 20px; line-height: 36px; margin: 0; padding: 0; border-radius: 0%; border: 3px solid #fff; background-color: #fff; text-align: center;  -webkit-box-shadow: inset 0px 0px 5px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 0px 5px 0 rgba(0,0,0,0.1); box-shadow: inset 0px 3px 5px 0 rgba(0,0,0,0.1), 0 3px 5px rgba(0,0,0,0.2); }
.story-share li a { display: block; width: 40px; height: 40px;  color: #878686; }
.story-share li a:hover { color: #c2292e; }


.story-link { position: relative; z-index: 1; width: 100%; height: 100px; margin-top: -130px; }
.story-link a,
.story-link a:visited { color: #000; }
.story-link a:hover { color: #c2292e; }
.story-link .story-prev,
.story-link .story-next { position: relative; width: 100px; height: 100px; }
.story-link .story-prev a,
.story-link .story-next a{ display: block; width: 100px; height: 100px; }
.story-link .story-prev { float: left; background: url(../images/arrow-prev.png) no-repeat 50% 0; margin-left: -50px; }
.story-link .story-next { float: right; background: url(../images/arrow-next.png) no-repeat 50% 0; margin-right: -50px; }
.story-link .story-prev:hover { background: url(../images/arrow-prev.png) no-repeat 50% 100%; }
.story-link .story-next:hover { background: url(../images/arrow-next.png) no-repeat 50% 100%; }
.story-link .story-main { margin: 0 auto; text-align: center; width: 100%; position: absolute; line-height: 100px; font-family: 'Lora', "ibm-plex-thai", sans-serif; font-weight: bold; }

@media (max-width: 767px) { 
    .section-content-story { padding-bottom: 0; }
    .story-text { padding-left: 1rem; padding-right: 1rem; }
	.story-no { font-size: 180px; }
}

@media (max-width: 991px) {
    .story-text { padding-bottom: 200px; }
    .story-share { margin: 0; right: 26px; }
    .story-link { margin: -160px 0 0 0; }
    .story-link .story-prev { margin-left: 25px; }
    .story-link .story-next { margin-right: 25px; }
}

.story-related-list .story { margin-top: 100px; }
.story-related-list .story .story-item { width: 100%; }
@media (max-width: 991px) {
	.story-related-list .story .story-item:nth-child(3) { display: none; }
}
@media (max-width: 575px) {
    .story-related-list .story { margin-top: 0; }
}
@media (min-width: 576px) {
    .story-related-list .story .story-item { width: 50%; }
}
@media (min-width: 768px) {
    .story-related-list .story .story-item { width: 50%; }
}
@media (min-width: 992px) {
    .story-related-list .story .story-item { width: 33.33333%; }
}
@media (min-width: 1200px) {
    .story-related-list .story .story-item { width: 100%; }
}



.nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.nav-link {
    color: #6658ea;
    display: block;
    padding: 0.5rem 1rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}
.nav-link:focus,
.nav-link:hover {
    color: #5546e8;
}
.nav-link.disabled {
    color: #575a7b;
    cursor: default;
    pointer-events: none;
}
.nav-tabs {
    border-bottom: 3px solid transparent;
}
.nav-tabs .nav-link {
    background: none;
    border: 3px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: -3px;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #eaf2fe #eaf2fe transparent;
    isolation: isolate;
}
.nav-tabs .nav-link.disabled {
    background-color: transparent;
    border-color: transparent;
    color: #575a7b;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent transparent #f5c070;
    color: #495057;
}
.nav-tabs .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -3px;
}
.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0.5rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #6658ea;
    color: #fff;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.nav.nav-pills {
	margin: 0;
	padding: 0;
}
.nav.nav-pills li {
	display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin: 0;
}
.nav.nav-pills li button {
	text-align: center;
	flex-grow: 1;
	font-family: var(--theme-font-heading);
	font-size: 1.25rem;
	font-weight: 700;
}
.nav.nav-pills .nav-link {
	height: 65px;
	line-height: 64px;
	padding: 0;
    border-radius: 0;
	border: none;
	border-top: 1px solid #e1e3e5;
	color: #888;
}
.nav.nav-pills .nav-link.active {
	border-color: #000;
}
.nav.nav-pills .nav-link.active, 
.nav.nav-pills .show > .nav-link {
    background-color: transparent;
	color: var(--theme-color-primary);
}


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

	# Privacy Policy

*************************************************************/
.page-id-11254 .content-area ul ul {
	padding: 0.25rem 0 0.5rem 3rem;
}

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

	# Plugin
		## PDPA

------------------------------*/
.dpdpa--popup {
	background-color: #000 !important;
}
.dpdpa--popup-sidebar, 
.dpdpa--popup-sidebar-header {
    background-color: #fff !important;
}
.dpdpa--popup-logo {
	border-color: #333 !important;
}
.dpdpa--popup-section.intro {
    border-color: transparent !important;
}
.dpdpa--popup-bg {
	background-color: rgba(0,0,0,0.75)!important;
}
.dpdpa--popup {
	padding: 32px 16px !important;
}
.dpdpa--popup-text p {
    color: #fff;
}
.dpdpa--popup-text a, 
.dpdpa--popup-text a:hover, 
.dpdpa--popup-text a:visited {
    color: #faec12;
}
.dpdpa--popup-button-group a {
    margin-right: 12px !important;
}
a.dpdpa--popup-button {
	padding: 8px 24px !important;
	border-radius: 50rem !important;
	font-family: 'Lora', "ibm-plex-thai", sans-serif;
	font-weight: 700 !important;
	background-color: #de5c8e;
	color: #fff;
}
a.dpdpa--popup-button:hover {
	background-color: #BB2660;
	color: #fff;
}
#dpdpa--popup-button-settings {
	background-color: #888888;
	color: #fff;
}
#dpdpa--popup-button-settings:hover {
	background-color: #666666;
}
#dpdpa--popup-accept-all {
	background-color: #de5c8e;
	color: #fff;
}
#dpdpa--popup-accept-all:hover {
	background-color: #BB2660;
}
.dpdpa--popup-section em {
	font-family: 'Lora', "ibm-plex-thai", sans-serif;
	font-weight: 700;
    font-size: 20px;
    color: #5576d1;
}
.dpdpa--popup-switch input:checked + .dpdpa--popup-slider {
    background-color: #de5c8e;
    border-color: #BB2660;
}
.dpdpa--popup-cookie-link {
	display: none;
	color: #de5c8e;
}
.dpdpa--popup-cookie-link:hover {
	color: #BB2660;
}

.dpdpa--popup-close:before, 
.dpdpa--popup-settings-close:before {
    background: url(https://www.solvefortomorrow.in.th/wp-content/plugins/designil-pdpa/public/assets/images/close-w.svg) no-repeat 0 0 !important;
    background-size: cover !important;
}
@media only screen and (min-width: 861px) {
	.dpdpa--popup {
		left: 1rem;
		right: 1rem;
		bottom: 1rem;
		border-radius: 6px;
	}
}