/*
Theme Name: Thaipublica 2016
Theme URI: http://th.seedthemes.com/seed-kit/
Author: SeedThemes
Author URI: http://SeedThemes.com
Description: Starter Theme
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seed
Tags: featured-images, custom-menu
*/

/* 
Please see these files:
========================
THEME-NAME/css/begin.css
THEME-NAME/css/head.css
THEME-NAME/css/body.css
THEME-NAME/css/side.css
THEME-NAME/css/etc.css
THEME-NAME/css/foot.css
========================
*/

h1, h2, h3, h4, h5, p {
    margin: 0 0 15px;
}


/* 
========================
Head
========================
*/
body.home .site-banner {
    margin-bottom: 0;
}
.site-desktop-navigation li a:hover{
	background-color: #f8891c;
}

.site-desktop-navigation .menu-main-menu-container {
	float: left;	
}

.site-desktop-navigation .form-search {
	z-index: 2;
	width: 180px;
	float: right;
	padding-top: 12px;
}

/* 
========================
Frontpage
========================
*/
.home-section{
	padding: 40px 0;
}
	hr.sec{
		margin: 0;
		border-bottom: 1px solid #a87c51;
	}
	.home-section h2.title{
		margin: 0 0 20px;
		font-size: 26px;
		color: #884f18;
		font-weight: bold;
	}	
	
	.home-section .pic img{
		width: 100%;
	}
	.home-section .entry-meta{
		display: none;
	}	
	.home-section h2.entry-title{
		padding: 0 0 15px;
		margin: 0 0 15px;
		line-height: 1.6em;
	}
	.home-section h2.entry-title a{
		display: block;
		color: #151515;
	}
	.home-section h2.entry-title a:hover{
		color: #f8891c;
	}

.content-section{
	float: left;
	width: 100%;
	padding: 0 15px;
}
.ads-section{
	float: right;	
	width: 100%;
	padding: 0 15px;
}
	@media (min-width:768px) {
		.content-section{
			width: 50%;
		}
		.ads-section{
			width: 50%;
		}		
	}
	@media (min-width:992px){
		.content-section{
			width: 72.5%;
		}
		.ads-section{
			width: 27.5%;
		}	
	}
		
.content-section{
	position: relative;
}	
	.head-items h2.entry-title{
		margin: 0 0 20px;
		font-size: 18px;
		border-bottom: 1px solid #a87c51;
	}	
		.head-items h2.entry-title a{
			color: #884f18;
		}
	.list-items h2.entry-title{
		font-family: sans-serif;
		font-size: 14px;
		border-bottom: 1px solid #dddddd;		
	}
		.list-items h2.entry-title a{
			color: #000;
		}
	.content-section .button.-all {
		position: absolute;
		top: 0;
		right: 15px;
	}
	.button.-all {		
	    font-size: 15px;
	    padding: 2px 13px 4px;
	    color: #fff;
	    background-color: #f8891c;
	    border-radius: 30px;
	}
		.button.-all:hover{
		    opacity: 0.8;
		}
		.button.-all i{
		    font-size: 0.8em;
		}		
	.content-section.-con2 .button.-all{
		top: 4px;
	}

.ads-section{

}		
	.ads-section .bg-section{
		min-height: 360px;
		position: relative;
		padding: 20px;
		background-color: #f8891c;
	}
	.ads-section .bg-section h2.title{
		color: #fff;
	}	
	.ads-section .content-item{
	    margin-bottom: 10px;
	}
	.ads-section .info h2.entry-title {
	    padding: 0;
	    margin: 0;
	    font-size: 16px;
	    line-height: 1.3;
	}
	.ads-section .info h2.entry-title a{
	    /*height: 31px;overflow: hidden;*/
	    color: #fff;
	    
	}
	
	.ads-section.-advertorial .bg-section, .ads-section.-prnews .bg-section {
		background-color: #151515;
	}
	.ads-section.-advertorial .bg-section .button.-all, .ads-section.-prnews .bg-section .button.-all {
		background-color: #444;
	}
	.ads-section.-advertorial .info h2.entry-title, .ads-section.-prnews .info h2.entry-title {
		font-family: sans-serif;	
		font-size: 14px;
	}
	.ads-section.-advertorial .info h2.entry-title a, .ads-section.-prnews .info h2.entry-title a {
	    /*height: 42px;*/
	 }

.ads-section .bg-section .button.-all {
	position: absolute;
	top: 24px;
	right: 20px;
    background-color: #f9a149;
}
	
.home-section.-sec7, .home-section.-sec8 {
	background-color: #f9f9f9;	
}
	.ads-section.-infog{
		position: relative;
	}
	.ads-section.-infog .button.-all {
		top: 4px;
	}
	
	.home-section.-sec7 .content-item.-card .info, .home-section.-sec8 .content-item.-card .info {
		padding: 20px 20px 25px;
		background-color: #151515;
	}

	.home-section.-sec7 h2.entry-title, .home-section.-sec8 h2.entry-title {	
		padding: 0;
		margin: 0;	
	}

	.home-section.-sec7 h2.entry-title a, .home-section.-sec8 h2.entry-title a {	
		/*height: 62px;*/
		color: #fff;
		overflow: hidden;    
	}

	.home-section.-sec7 .ads-section.-infog .content-item.-card .info, .home-section.-sec8 .ads-section.-infog .content-item.-card .info {
	    background-color: rgba(21, 21, 21, 0.7);
	}



/* 
========================
Archive
========================
*/

.main-header {
    background-color: transparent;
}
.main-title{
	margin: 10px 0;
	color: #884f18;
	font-weight: bold;
	font-size: 26px;
	border-bottom: 1px solid #884f18;
    line-height: 1.2;
    letter-spacing: 0px;
}

body.archive .content-item .entry-title {
    font-size: 20px;
 	font-weight: bold;
 	line-height: 1.4;
}
body.archive .tags-links{
	display: none;
}
.content-item .pic{
	min-height: 1px;
}
.content-pagination a, .content-pagination span {
	color: #884f18;
	background-color: #f2f2f2;
    border: 1px solid #884f18;
}
.content-pagination span {
    font-weight: normal;
    color: #fff;
    background-color: #884f18;
}


#HL-1 article.post{
	background-color: #f9f9f9;
}
#HL-1 .content-item.-list .pic {
   	width: 50%;
   	max-width: 100%;
}
#HL-1 .content-item.-list .info{
	width: 50%;
	padding: 20px 30px 20px 5px;
}


#HL-2{
    padding: 15px;
    margin-bottom: 30px;
    background-color: #f9f9f9;
}
#HL-2 .content-item {
    margin-bottom: 0px;
}

/* 
========================
Single
========================
*/
body.single{
	
}
body.single .main-header{
	
}
body.single .main-title {
	padding-bottom: 0;
  	border-bottom: none; 	
}
body.single span.posted-on,
body.single span.byline,
body.single span.vcard,
body.single span.cat-links{
	display: none;
}
.entry-author{
	margin: 0 0 20px;
    background-color: #f1f1f1;
}
.entry-author h4{
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}
.entry-author .author-on,
.entry-author .more{
	padding: 10px 30px ;
}
.entry-author .author-on{
	border-right: 1px solid #fff;
}
.entry-author .date a {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: #959595;
}
.entry-author .more h4{
	margin-top: 10px;
	font-size: 16px;
	text-align: center;
}
.entry-author .more h4 a{
	color: #f8891c;	
}
.entry-author .more h4 a:hover{
	opacity: 0.7;	
}
..entry-author more h4 a:hover{
	color: #884f18;	
}
body.single .site-main .hentry{
	margin-bottom: 15px;
	border-bottom: 1px solid#884f18;
}
body.single-post .entry-meta span{
	margin: 0;
}
body.single-post .entry-meta a {
    display: inline-block;
    margin:0 0 5px;
    padding: 2px 10px;
    color: #555;
    background-color: #eaeaea;
}
h2.relate-title{
	margin: 40px 0 20px;
	padding: 8px 20px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background-color: #f8891c;
}

.author-on h4 { display:none; }
.more h4 { display:none; }

/* 
========================
Columnist List
========================
*/
.content-item.-columnist{
	
}
.content-item.-columnist h2.entry-title{
	font-size: 22px;
	font-weight: bold;
}
.content-item.-columnist h2.entry-title a{
	color: #884f18;
}
.content-item.-columnist .entry-meta{
	color: #151515;
	opacity: 0.6;
}
.content-item.-columnist .latest-title{
	margin: 15px 0 8px;
	font-size: 16px;
	color: #151515;
}
ul.latest-post{
	padding-left: 0;
}
ul.latest-post li{
	list-style: none;
}
ul.latest-post li a{
	color: #884f18;
}
ul.latest-post li a:before{
	content: '- ';
}

.col-sm-6.columnists:nth-of-type(2n+1) {
    clear: left;
}

/* 
========================
Single Columnist 
========================
*/
body.single-columnists .site-content{
	padding: 30px 0 0;
}


body.single-columnists .content-area {
    padding-right: 30px;
}
body.single-columnists .content-area .entry-header{
    margin: 0 auto;
    max-width: 180px;
    text-align: center;
}
body.single-columnists .content-area h1.entry-title {
    margin: 15px 0 5px;
    font-size: 24px;
    color: #884f18;
}

body.single-columnists .post-area {
    padding-left: 30px;
    padding-bottom: 30px;
    border-left: 1px solid #884f18;
}
body.single-columnists h2.title{
	margin: 0 0 30px;
	font-size: 28px;
	font-weight: bold;
	color: #884f18;
}
body.single-columnists span.posted-on{
    display: block;
}
body.single-columnists .tags-links{
	display: none;
}



/* 
========================
Investigation List
========================
*/
body.page-template-page-invest .widget-area{
	margin-top: 65px;
}

body.page-template-page-invest .main-title {
    padding: 0 0 20px;
    margin: 0 0 20px;
}

.content-item.-invest{
	padding-bottom: 40px;
    margin-bottom: 30px;
    border-bottom: 1px solid #884f18;
}
.content-item.-invest h2.entry-title{
	margin: 0 0 12px;
	font-size: 26px;
	font-weight: bold;
}
.content-item.-invest ul.latest-post{
	margin: 15px 0 20px;
}
.content-item.-invest ul.latest-post li{
	margin: 0 0 5px;
}


/* 
========================
Sidebar
========================
*/
.widget-area.-rightbar{
	
}
.widget-area .widget_siteorigin-panels-postloop .widget-title {
    margin-bottom: 18px;
    padding: 8px 20px 10px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    background-color: #f8891c;
}
.widget-area.-rightbar .content-item.-list .entry-title {
    font-family: sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.6;
    height: 46px;
    overflow: hidden;
}
.widget-area.-rightbar .content-item .entry-meta {
    display: none;
}


div.more{
    display: none;
    
}





/* 
========================
Footer
========================
*/
.site-footbar p {
    margin: 0 0 10px;
}