/*
Theme Name: FWP
Author: FWP
Description: for FWP
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fwp
Tags: featured-images, custom-menu
*/

/*
===========================================

This theme use SCSS, please check

1. /seed/css/scss/_variables.scss - for some colors / styles.
2. /seed/css/scss/mobile.scss - will be compiled to /seed/css/mobile.css and included in header.php
2. /seed/css/scss/desktop.scss - will be compiled to /seed/css/desktop.css and used for desktop version.
3. After all, you can add CSS to this style.css file to override all CSS.
    
=========================================== 
*/
.hide {
	display: none !important;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.title-sec h3.widget-title { 
	margin: 0 0 10px; 
	color: #003057; 
	font-size: 1.4em; 
}
body.page .main-header {
	margin: 20px 0 0;
}
body.page .page-banner{ 
	height: 320px; 
}

body.page .dt-buttons,
body.page #table_1_filter{
	display: none;
}

/*********** Lang Menu ***********/
.site-nav-d li.lang-menu a{
	margin: 10px 0 0;
	padding: 0 6px;
	font-size: 14px;
	height: 26px;
	border: 2px solid #fff;
}
body.logged-in .site-nav-d li.lang-menu.-th {
	margin-right: -5px;
}
.site-nav-d li.lang-menu.-th a{
	margin-left: 15px;
	border-radius: 3px 0 0 3px;
}
.site-nav-d li.lang-menu.-en a{
	border-left: none;
	margin-right: 18px;
	border-radius: 0 3px 3px 0;
	font-size: 12px;
	padding-top: 2px;
	padding-left: 10px;
}

body:lang(th) .site-nav-d li.lang-menu.-th a{
	color: #333;
	background-color: #fff;
}
body:lang(en) .site-nav-d li.lang-menu.-en a{
	color: #333;
	background-color: #fff;
}

/*********** Policy Page *************/

.policy-sec{
	padding: 220px 0;
	text-align: center;
	color: #fff;
	height: 525px;
}
.policy-sec a{
	color: #fff;
}
.policy-sec h2{
	font-size: 32px;
	color: #fff;
}


/*********** Support Page ***********/
.support-sec{
	padding: 120px 0 40px;
	text-align: center;
	color: #fff;
}
.support-sec a{
	color: #fff;
}
.support-sec h2{
	font-size: 32px;
	color: #fff;
}
.support-sec a.button{
	margin: 20px 0 0;
	display: inline-block;
	font-size: 16px;
	padding: 5px 20px;
	background-color: #ff8a4b;
}
.support-sec a.button:hover{
	opacity: 0.8;
}
body.page-id-1332 .page-banner,
body.page-id-1332 .main-header,
body.parent-pageid-1027 .page-banner,
body.parent-pageid-1027 .main-header {
	display: none;
}
body.page-id-1332 .content-area
{
	margin-bottom: 0;
}

/*********** Joinus Page ***********/
body.page-id-1334 .caldera-grid {
	padding: 50px 50px 40px;
	color: #777777;
	border: 1px solid #DDDDDD;
}
body.page-id-1334 .caldera-grid h2{
	color: #003057;
}
body.page-id-1334 .caldera-grid .form-group {
	margin-bottom: 15px;
	font-size: 0.9em;
}
body.page-id-1334 .btn.btn-send-data {
	padding: 8px 40px;
	height: 42px;
	font-size: 18px;
	display: block;
	width: 100%;
}


/*********** Template About & News & Events ***********/
body.page.page-template-page-about .main-header,
body.page.page-template-page-news .main-header,
body.page.page-template-page-events .main-header{ 
	margin: -110px 0 40px; 
}

body.page-template-page-about .page-banner,
body.page-template-page-news .page-banner,
body.page-template-page-events .page-banner{ 
	height: 320px; 
}

body.page-template-page-about .main-title,
body.page-template-page-news .main-title,
body.page-template-page-events .main-title{ 
	color: #fff; 
}

body.page-template-page-about .main-title span,
body.page-template-page-news .main-title span,
body.page-template-page-events .main-title span{ 
	display: block; 
	font-size: 0.7em; 
}

body.page-template-page-about .main-title a,
body.page-template-page-news .main-title a,
body.page-template-page-events .main-title a{ 
	color: #fff; 
}

/*********** Template Events ***********/
body.page-template-page-about .seed-grid-4{
	margin-left: 1px;
	margin-right: 1px;
}
body.page-template-page-about .seed-grid-4 > .seed-col{
	padding-right: 1px;
	padding-left: 1px;
}

/*********** Menu About & News & Events ***********/
.about-menu ul.menu{
	margin: 30px 0 0;
	padding: 0;
}
.about-menu ul.menu li{
	display: inline-block;
	list-style: none;
}
.about-menu ul.menu li a{
	display: block;
	color: #ff8a4b;
	padding: 10px 0px 8px;
	margin: 0 15px;
}

.about-menu ul.menu li.current-menu-item a,
body.single-person .about-menu ul.menu li#menu-item-1225 a{
	border-bottom: solid 3px #ff8a4b;
}

@media (min-width: 992px) { 
	about-menu ul.menu li a{
		margin: 0 15px;
	}
	.about-menu ul.menu{
		margin: 30px 0;
		text-align: center;
	}
}

/*********** Template News ***********/
.filter-sec {

}
.filter-sec .search-sec {
	margin-bottom: 20px;
}
.table-sec .table{
	width: 100%;
	border: none;
}
.table-sec .table tr{
	border-bottom: 1px solid #e9ecef;
}
.table-sec .content-table-date {
	padding-left: 0;
	font-size: 0.9em;
}

@media (min-width: 992px) {
	.filter-sec .search-sec {
		float: left;
		width: 20%;
	}
	.filter-sec .table-sec {
		float: right;
		width: 80%;
		padding-left: 30px;
	}
}

/*********** content-item have writer ***********/

.-have-writer .content-item .info{ 
	position: relative; 
	padding-top: 30px; 
	height: 104px; 
}

.-have-writer .content-item .writer { 
	position: absolute; 
	top: -15px; 
}

.-have-writer .content-item .writer .writer-pic{ 
	float: left; 
	max-width: 54px; 
}

.-have-writer .content-item .writer .writer-pic img{ 
	border-radius: 100px; 
}

.-have-writer .content-item .writer .writer-name { 
	padding: 20px 0 0 70px; 
	font-size: 15px; 
	color: #848282;; 
}

.-have-writer .content-item .entry-title{ 
	padding: 0 0 0 70px; 
	font-size: 15px; 
}


/*********** Post Blog ***********/
body.single .page-banner{ 
	height: 320px; 
}

body.single h2.main-title a{
	color: #F47932;
}
body.single .content-area .byline,
body.single .content-area .cat-links{
	display: none;
}

body.single .content-single ul {
	list-style: none; 
	padding: 0;
	margin: 0;
}

body.single .content-single ul li { 
	padding-left: 16px; 
}
body.single .content-single ul li:not(.blocks-gallery-item):before {
	content: "•"; 
	padding-right: 8px;
	font-size: 25px;
	color: #ff8a4b;
}
.seed-social {
	text-align: center;
}

@media (min-width: 992px) { 

	body.single .main-title {
		max-width: 750px;
		margin: 0 auto;
		line-height: 1.6;
	}

}




/*********** Author in Post ***********/
body.single .entry-author{
	margin: 30px 0;
	border-top: 1px solid #70707029;
	padding: 20px 0 0;
}
body.single .entry-author .pic {
	float: left;
}
body.single .entry-author .pic img {
	max-width: 64px;
	border-radius: 100px;
}
body.single .entry-author .info {
	padding-left: 84px;
}
body.single .entry-author .info .name {
	padding-top: 6px;
	margin-bottom: -3px;
}

/*********** Search Box ***********/
.search-sec{
	padding: 15px 20px;
	background-color: #F4F4F4;
}
.search-form {
	border-radius: 0;
	border: 1px solid #DDDDDD;
	box-shadow: none;
	height: auto;
	background-color: #fff;
}
.search-form .widget-title {
	font-size: 18px;
	margin-bottom: 10px;
}
.search-form > label:after{
	display: none;
}
.search-form .search-field {
	width: 100%;
	height: auto;
	padding: 5px 15px;
	font-size: 16px;
}
.search-form > label {
	font-family: Pracharath, sans-serif;
}
.search-sec .search-submit{
	display: none;
}

/*********** Download Report ***********/
.download-sec{

}
.download-sec .content-item.-list .pic {
	width: 25%;
}
.download-sec .content-item.-list .info {
	width: 75%;
}
.download-sec .content-item.-list .entry-title{
	font-size: 20px;
	padding: 10px 0 0;
}
.download-sec .content-item.-list .entry-meta {
	display: none;
}
.download-sec .content-item.-list .entry-summary {
	font-size: 17px;
}


/*********** People Page ***********/
.content-item.-card.-people{ 
	position: relative; 
	max-height: 220px; 
	overflow: hidden; 
	margin-bottom: 2px;
}

.content-item.-card.-people:hover .info { 
	max-height: 150px;
	height: auto;
	background-color: #f47932;
}
.content-item.-card.-people .info:hover { 
	cursor: pointer;
}
.content-item.-card.-people .info { 
	position: absolute;
	max-height: 44px;
	height: 44px;
	overflow: hidden;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0; 
	background-color: #f47932e8;
	height: auto; 
	color:#fff;
	transition: 0.7s ease; 
}
.content-item.-card.-people .info .entry-title { 
	padding: 0; 
	margin: 0; 
	font-size: 17px;
	color: #fff;
}
.content-item.-card.-people .info a{ 
	padding: 12px 30px 10px; 
	color: #fff;
	display: block;
}
.content-item.-card.-people .info .position{ 
	font-size: 0.9em; 
	margin-top: 10px;
	padding-top: 2px;
	line-height: 1.4;
}

body.single-person .entry-social{
	display: none;
}


/*********** People Post ***********/
body.single-person .main-header { 
	margin: -110px 0 0; 
	text-align: left; 
}
body.single-person .page-banner{ 
	height: 320px; 
}
body.single-person .main-title{ 
	color: #fff; 
}
body.single-person .main-title span{ 
	display: block; 
	font-size: 0.7em; 
}
body.single-person .main-title a{ 
	color: #fff; 
}
body.single-person .entry-author,
body.single-person .content-single ul li:before{ 
	display: none; 
}
body.single-person .about-menu ul.menu {
	margin: 30px 0;
}
body.single-person h2.main-title a {
	color: #fff;
}


/*********** Hero Items @Events ***********/
.hero-items {

}
.hero-items .seed-col{
	background-image: url(img/bg-event-hero.png);
	background-color: #F8F8F8;
	background-repeat: no-repeat;
	background-position: right;
}

.content-item.-list.-hero .pic {
	float: none;
	width: 100%;
}
.content-item.-list.-hero .info {
	width: 100%;
	padding: 15px 30px;
}


.content-item.-list.-hero .entry-title{
	line-height: 1.5;
}
.content-item.-list.-hero .info .entry-meta{
	display: none;
}
.content-item.-list.-hero .info .entry-summary{
	margin: 15px 0 0;
	font-size: 19px;
	color: #444c;
	line-height: 1.4;
}

@media (min-width: 992px) { 
	.content-item.-list.-hero .pic {
		float: left;
		width: 60%;
	}
	.content-item.-list.-hero .info {
		padding: 50px 40px 20px 20px;
		width: 40%;
	}
}

/*********** Events Items ***********/
.event-items .content-item .entry-summary{
	display: none;
}
.event-items .widget .content-item {
	margin-bottom: 30px;
}
.event-items .content-item .info {
	padding: 20px 30px 15px;
	min-height: 78px;
	overflow: hidden;
	background-image: url(img/bg-event-item-2.png);
	background-color: #F8F8F8;
	background-repeat: no-repeat;
	background-position: right;

}
.event-items .content-item .entry-title {
	line-height: 1.5;
	font-size: 15px;
}

/*********** Movement Items ***********/
.movement-items .content-item {
	margin-bottom: 30px;
}
.movement-items .content-item.-card .info {
	padding: 20px 30px 18px;
	background-color: #EF7724;
}
.movement-items .content-item .entry-title {
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
	height: 48px;
	overflow: hidden;
}
.movement-items .content-item .entry-title a{
	color: #fff;
}
.movement-items .writer{
	display: none;
}

.movement-items.-caption .content-item {
	position: relative;
}
.movement-items.-caption .content-item.-card .info {
	position: absolute;
	left: 30px;
	bottom: 30px;
	max-width: 65%;
	padding: 15px 20px 12px;
	background-color: #ef7724d4;
}

/*********** Blog Items ***********/
.blog-items .content-item {
	margin-bottom: 30px;
}
.hero-items.-have-writer .seed-col {
	margin-bottom: 30px;
	background-image: none;
	background-color: #fff;
	border: 1px solid #70707029;
}
.hero-items.-have-writer .content-item {
	margin-bottom: 0;
}
.hero-items.-have-writer .content-item.-list.-hero .info {
	padding: 30px 40px 20px 20px;
}
.hero-items.-have-writer .content-item .writer{
	position: initial;
}
.hero-items.-have-writer .content-item .writer .writer-name {
	font-size: 17px;
}
.hero-items.-have-writer .content-item.-list.-hero .entry-title {
	clear: left;
	padding: 15px 0 0;
}
.hero-items.-have-writer .content-item.-list.-hero .info .entry-summary {
	margin-top: 10px;
}
.blog-items.-have-writer .content-item.-card .info {
	background-color: #fff;
	border: 1px solid #70707029;
}

/*********** Gallery Items ***********/
.gallery-items .content-item.-caption {
	margin-bottom: 30px;
}
.gallery-items .content-item.-caption .entry-meta {
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.gallery-items .content-item.-caption .entry-title {
	font-size: 21px;
}
.gallery-items .content-item.-caption .cat-links{
	display: none;
}
.gallery-items .content-item.-caption .info {
	padding: 40px 30px 20px;
}


/*********** Template Policy ***********/
body.page.page-template-page-policy .main-header{ 
	margin: -110px 0 40px; 
	text-align: center;
}
body.page-template-page-policy .main-title a{ 
	color: #fff; 
}
body.page-template-page-policy .about-menu {
	padding: 20px 0;
}
body.page-template-page-policy .about-menu ul.menu li.current-page-ancestor a{
	border-bottom: solid 3px #ff8a4b;
}

.policy-menu .widget-title{
	padding: 12px 30px 10px;
	margin: 0;
	color: #fff;
	background-color: #F47932;
}
.policy-menu ul.menu{
	padding: 0;
}
.policy-menu ul.menu li{
	font-family: Pracharath, sans-serif;
	list-style: none;
}
.policy-menu ul.menu li a{
	padding: 12px 30px 10px;
	display: block;
	line-height: 1.4;
	border-left: 1px solid #70707030;
	border-right: 1px solid #70707030;
	border-bottom: 1px solid #70707030;
}
.policy-menu ul.menu li.current_page_item a{
	color: #F47932;
}

@media (min-width: 992px) { 

	body.page-template-page-policy .about-menu {
		padding: 0;
	}

}


/*********** search page ***********/
body.search .page-banner{ 
	height: 320px; 
}
body.search .main-header {
	margin: 30px 0 15px;
}
body.search .main-title {
	color: #ff8a4b;
}
body.search .content-item .entry-title {
	padding: 10px 0 0;
	font-size: 19px;
}

/*********** Footer ***********/
.site-footbar {
	background-image: linear-gradient(#003057, #0F5186);
}
.site-footbar .widget .widget-title {
	margin-bottom: 10px;
}
.site-footbar i{
	margin-right: 8px;
	font-size: 1.4em;
	vertical-align: -3px;
}

/*********** mobile ***********/
@media (max-width: 991px){
	#pg-w5ba1272d792a5-0 .panel-grid-cell {
		margin-bottom: 0;
	}
	.about-menu ul.menu {
		text-align: center;
		padding: 15px 0;
		border: 2px solid #ef8848;
	}
	body.page-id-1027 #pl-1027 .panel-grid-cell {
		margin-bottom: 15px;
	}
	body.page-id-1027 #pg-1027-1, body.page-id-1027 #pg-1027-2, body.page-id-1027 #pg-1027-3, body.page-id-1027 #pg-1027-4, body.page-id-1027 #pg-1027-5, body.page-id-1027 #pl-1027 .so-panel {
		margin-bottom: 0px;
	}
	body.page-id-1108 #pgc-1108-1-0, body.page-id-1108 #pgc-1108-1-1, body.page-id-1108 #pgc-1108-2-0, body.page-id-1108 #pgc-1108-2-1, body.page-id-1108 #pgc-1108-3-0, body.page-id-1108 #pgc-1108-3-1 {
		margin-bottom: 0 ;
	}
	body.page-id-1108 #pg-1108-1, body.page-id-1108 #pg-1108-2, body.page-id-1108 #pl-1108 .so-panel {
		margin-bottom: 0;
	}
	.hero-items.-have-writer .content-item .writer {
		position: absolute;
		top: -15px;
	}
	.hero-items.-have-writer .content-item.-list.-hero .info {
		padding: 30px 20px 20px 30px;
	}
	.hero-items.-have-writer .content-item.-list.-hero .info .entry-summary {
		display: none;
	}
	.hero-items.-have-writer  .content-item .entry-title {
		padding: 0 0 0 70px;
		font-size: 15px;
	}
	body.page-id-1334 .caldera-grid {
		padding: 0 15px;
	}
}