/*
Theme Name: Thiết kế web Hoàng Long media
Theme URI: http://underscores.me/
Author: Webgiadinh
Author URI: http://wordpress.org
Description: Giao diện website được thiết kế bởi công ty TNHH Hoàng Long media
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: tkw
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Thiết kế web Hoàng Long media is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/* ----------------------  $custom css ------------------------------------------------------------------------------------------------*/
body{
	font-size: 14px;
	font-family: Arial, helvetica ,  sans-serif;
	color:#333;
}

.hidden {
	display: none;
}

/* ----------------------  $plugin -----------------------------------------------------------------------------------------------------------*/
.wp-pagenavi{
	text-align: center;
	padding: 20px 0;
}
.wp-pagenavi a,
.wp-pagenavi span{
	padding: 5px 10px;
}
.wp-pagenavi span.current {
    font-weight: bold;
    border-color: royalblue;
    background: royalblue;
    color: white;
}
.breadcrumbs {
	padding:20px 0;
	text-align: left;
}
.breadcrumbs span {
	margin : 0 3px;
}
.breadcrumbs span a{
	color : royalblue;
}
.breadcrumbs > span:last-child{
	display: none;
}


/* ----------------------  $menu --------------------------------------------------------------------------------------------------------------*/
.menu-ul{
	margin: 0;
	padding: 0;
}
.nav-menu ul ul{
	display: none;
}
.nav-menu li{
	list-style: none;	
}
.nav-menu-standard-type li{
	position: relative;	
}
.nav-menu .menu-ul  > li{
	float: left;	
}

.nav-menu-standard-type .menu-ul > li:hover >ul{
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 999;
}
.nav-menu-standard-type .menu-ul > li:last-child:hover >ul {
	left: auto;
	right: 0;
}
.nav-menu-standard-type  .menu-ul ul > li:hover >ul{
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 999;	
}

.nav-menu ul ul ul ul{
	display: none !important;
}
/* ----------------------  $global ----------------------------------------------------------------------------------------------------------*/
#site-wrapper{

}
#site-inner{
	
	background: #eee;
	margin-left: auto;
	margin-right: auto;
}

.container{
	width: 1190px;
	margin-left: auto;
	margin-right: auto;	
}

.site-main-wrapper{
	
	padding-top: 10px;
	
}


#left-sidebar{
	float: left;
	width: 250px;
	margin-right: 10px;
	margin-left: 10px;

}

#right-sidebar{
	float: right;
	width: 230px;
	margin-left: 10px;
}


.has-left-sidebar .site-main{
	float: right;
	width: 910px;	
	border-radius: 10px;
}
.has-right-sidebar .site-main{
	float: left;
	width: 910px;
}
.has-both-sidebar .site-main{
	float: left;
	width: 910px;
}
.site-main{	
	min-height:400px;
	background: #fff;
	padding: 10px;
	margin-right: 10px;
}

.tmp-title-bar{
       padding-bottom: 15px;
}
.tmp-title-bar .title{
	font-weight: bold;
    color: #028CE7;
     background: url('images/logo_a.png') no-repeat left;
    padding-left: 30px;
    font-size: 16px;
    text-transform: uppercase;
}


.message{
	padding: 15px;
	margin: 15px;
	border: 1px solid;
	font-weight: bold;
}
.message-success{
	color: green;
}
.message-danger{
	color: red;
}
.message-warning {
	color: brown;
}
.thumb{
	text-align: center;
}
.thumb img{
	display: block;
}

/* ----------------------  $header ------------------------------------------------------------------------------------------------------------*/
.site-header {
	background: url('images/bg_header.png');
    position: absolute;
    z-index: 99999999;
    height: 130px;
        width: 100%;
}
.site-header .logo {
	float: left;
	width: 170px;

	
}
.site-header .logo img {
	display: block;
	
}
.site-header  .banner{
	//background: url('images/banner.png');
	height: 60px;
}

#primary-menu {
	width: 1000px;
	float:right;
	
	
}
#primary-menu .menu-container {
	
	margin-top:30px;
}
#primary-menu .menu-ul {
	

}
#primary-menu li {}
#primary-menu .menu-ul > li {
	color: #fff;
	padding: 10px 15px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	font-size: 12px;
}
#primary-menu .menu-ul > li > a{}
#primary-menu .menu-ul > li:first-child > a{
}

#primary-menu .menu-ul > li :hover{

}
#primary-menu .menu-ul > li:hover {
	color: #f4f4f4;
    border-bottom: solid 2px #1783c6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #414142;    
}
#primary-menu .sub-menu{	
	background-color: #fff;
	width: 250px;
	z-index: 99;
	margin-top:2px;
}

#primary-menu .sub-menu li{
	border-bottom: solid 1px #dcdcdc;
	padding: 5px 10px;
    color: #333;
    font-size: 12px;
    text-transform: initial;
    font-family: Arial, Helvetica, sans-serif;
}
#primary-menu .sub-menu li:hover {
        color: #fff;
    background: #1783c6;
}
.slider {
	border-bottom: 1px #999999 solid;
    border-top: 2px #999999 solid;
}


/* ----------------------  $footer ----------------------------------------------------------------------------------------------------------*/
.site-footer {
	background: #000;

}
.site-footer .widget {
    margin: 0px; 
    background: none; 
    border-radius: 0px; 
    color: #000; 
}
.site-footer .footer-info{
	background: #000;
    padding: 10px;
    color: #fff;
}
.footer-menu {
	border-bottom: 1px solid #999;
	background: #028CE7;
	padding: 10px 0px;
}
.footer-menu .menu-container {
	
}
.footer-menu .menu-ul {
	  text-align: center;

}
.footer-menu li {

}
.footer-menu .menu-ul > li{
	color: #fff;
	padding: 2px 15px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	display: inline-block;
	font-size: 12px;
	background: url('images/menu_line.png') right no-repeat;
	
}
.footer-menu .menu-ul > li > a{}


.footer-menu .menu-ul > li > a:hover{
	color:blue;
}
.footer-menu .menu-ul li.current-menu-item{
	//background: #49B81D;

}
.footer-menu .sub-menu{	
	display: block;
}


.site-footer  .company-info{
	padding:0px 0px 20px 0;
	width: 700px; float: left;
  //  border-top: 1px solid #ccc;
}
.box-child {
	width: 400px;
	float: right;
}
.list-cocals {
	margin-top: 15px; 
}
.list-cocals > li {
	padding: 5px 10px;
	float: left;
}
.site-footer  .fanpage{

}
 .copyright{
 	clear: both;
	// font-weight: bold;
    font-size: 10px;   
   // font-style: italic;
  //  margin-top: 10px;
  //  border-top: 1px solid #ccc;
    font-family: arial;
    text-align: center;
    color: #888	;
        padding: 10px 0px;
}
 .copyright a{
	// color: royalblue;
}

.copyright span {
	font-size: 0;
}


/* ----------------------  $sidebar -----------------------------------------------------------------------------------------------------------*/
.sidebar .textwidget{
	padding: 5px;
}
.widget{
	margin-bottom: 20px;
	background: #fff;
    border-radius: 10px;
    color: #000;
}
.widget-title{
	background: url('images/new_left_top.gif') repeat-x;
    padding: 8px;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.widget-content{
	
	border-top: 0;
	padding: 5px;
}
.widget-images p{
	margin: 0;
	text-align: center;
}
.widget-images img{
	display:block; 
}
.widget-menu ul{

}
.widget-menu ul li{
	list-style-type: none;
	list-style-position: inside;
	padding: 5px 10px;
	// border-top: 1px solid #ccc;
}
.sidebar .cate-post-item{
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 220px;
    border-bottom: 1px dashed #736e6e;
}
.sidebar .cate-post-thumb img {
	display: block;
	width: 100%;
	height: 100%;
}
.sidebar .cate-post-thumb{		
	float: left;
	
}
.sidebar .cate-post-thumb {
	width: 22%;
    border: 1px solid #ccc;
    padding: 1px;
}
.sidebar .cate-post-item-meta{
	float: right;	
}
.sidebar .cate-post-item-meta {
	width: 76%;
}
.sidebar .cate-post-title{
	font-weight: bold;
	color: #000;
	padding: 5px 0px;
	font-size: 13px;
}
.sidebar .cate-post-title a:hover {
	text-decoration:underline;
}
.sidebar .cate-post-excerpt{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    color: #000;
}



.sidebar .archive-sp-item{
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 220px;
    border-bottom: 1px dashed #736e6e;
}
.sidebar .archive-sp-item-thum img {
	display: block;
	width: 100%;
	height: 100%;
}
.sidebar .archive-sp-item-thumb {		
	float: left;
	width: 22%;
    border: 1px solid #ccc;
    padding: 1px;
	
}
.sidebar .archive-sp-item-meta{
	float: right;	
	width: 76%;
}
.sidebar .ten-sp{
	font-weight: bold;
	color: #000;
	padding: 5px 0px;
	font-size: 13px;
}
.sidebar .ten-sp a:hover {
	text-decoration:underline;
}
.sidebar .archive-post-excerpt{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

.cpd {    
	padding: 20px;
    line-height: 18px;
}


/* ----------------------  $404 ----------------------------------------------------------------------------------------------------------*/
#e404-tmp {}
#e404-content{}

/* ----------------------  $category ----------------------------------------------------------------------------------------------------------*/
#category-tmp .section-main{
	padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.cate-list-posts{
	
}
.cate-posts-container {
	margin-right: -40px;
}
.cate-post-item{
	margin-bottom: 15px;
	width: 431px;
	vertical-align: top;
    margin-right: 9px;
    display: inline-block;
}
.cate-post-thumb img {
	display: block;
	width: 100%;
	height: 100%;
}
.cate-post-thumb{		
	float: left;
	
}
.cate-post-thumb {
	width: 22%;
    border: 1px solid #ccc;
    padding: 2px;
}
.cate-post-item-meta{
	float: right;	
}
.cate-post-item-meta {
	width: 77%;
}
.cate-post-title{
	color:#028CE7;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 0px;
}
.cate-post-title a:hover {
	text-decoration:underline;
}
.cate-post-date{
	color: #444;
	font-size: 12px;
	margin-bottom: 5px;
}
.cate-post-excerpt{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
    color: #000;
}
.category-tmp-posts .cate-post-item .read-more{
	color: blue;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
   // text-align: right;
}

/* ----------------------  $single ----------------------------------------------------------------------------------------------------------*/
#single-tmp{} 
section.singular-content{

}
.singular-content .section-main{
//	padding: 15px;
}
.single-related-posts{
	margin-top: 30px;
}
.related-title-bar{
	margin-bottom: 20px;
	padding-bottom: 5px;
    border-bottom: 2px solid #ccc
}
.related-title-bar .title{
	font-weight: bold;
    color: #028CE7;
     background: url('images/logo_a.png') no-repeat left;
    padding-left: 30px;
    font-size: 16px;

}
#single-tmp .section-main{
	padding: 3px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
#single-tmp .section-main ul{
	margin-right: -40px;
}
.single-related-posts li{
	list-style: url('images/new-post.png') inside;
	margin: 10px 0;
    color: royalblue;
    font-weight: bold;
    font-size: 13px;
    font-style: italic;
}


/* ----------------------  $page  ----------------------------------------------------------------------------------------------------------*/

/* ----------------------  $search ----------------------------------------------------------------------------------------------------------*/
#search-tmp{}
.search-tmp-title{
	font-size: 16px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
    margin-bottom: 20px;
	font-size: 16px;
    font-weight: bold;
    font-style: italic;
}
.search-tmp-title .search-keywords{
	font-weight:bold;
	font-size:18px;
	color: royalblue;
}
.search-result-items{

}
.search-result-items li {
	list-style: none;;
	margin: 10px 0;
	color: royalblue;
	font-weight: bold;
	font-size: 14px;
}
.search-field {
	width: 375px;
    height: 26px;
    border: #e8e8e8 3px solid;
    color: #a1a1a1;
}
.search-submit {
	position: absolute;
    height: 26px;
    padding: 0px 15px;
    margin-top: 3px;
    margin-left: -82px;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font-size: 11px;
}

/* ----------------------  $archive ----------------------------------------------------------------------------------------------------------*/
#archive-tmp {}

.archive-list-sp {
	overflow: hidden;
}
.archive-list-sp {
	background: #EFEFEF;
    border: 1px solid #CECFCE;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    float: left;
    width: 97%;
    margin-left: 1%;
}
.archive-list-sp-container {
	margin-right: -40px;
}
.archive-sp-item {
	width: 46%;
	display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 20px;
}
.ten-sp{
	color: #028CE7;
	padding: 10px 0px 5px 0px;
	font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
       min-height: 55px;
}
.ten-sp a:hover {
	text-decoration:underline;
}
.archive-sp-item-thumb {
	float: left;
    width: 33%;
    border: 1px #CCC solid;
    padding: 1px;
}
.archive-sp-item-meta {
	width: 65%;
    float: right;
}
.archive-sp-item-thumb img {
	display: block;
	width: 100%;
	height: 100%;
}
/* ----------------------  $single sp ----------------------------------------------------------------------------------------------------------*/
#single-sp-tmp {

}
.single-sp-info {
	margin-bottom: 30px;
}
.single-sp-thumb{
	margin-bottom: 20px;
	
}
.single-sp-thumb .img {

}
.single-sp-fields {
	float: left;
	width: 100%;
}
.single-sp-fields .ten-sp {
	margin-top: 20px;
	font-size: 26px;
}
.single-sp-fields .field-row{
	padding: 10px 0;
	color: #000;
	font-weight: bold;
}
.single-sp-fields .field-row span{
	color: red;
	font-weight: normal;
}

.single-sp-content {}
.single-sp-related-posts .related-title-bar {
	margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
}
.related-title-bar .title{
	font-weight: bold;
   	color: blue;
    background: url('images/logo_a.png') no-repeat left;
    padding-left: 30px;
    font-size: 16px;
    text-transform: uppercase
}

.single-sp-content .header-tab-group{
	margin-bottom: 20px;
    border-bottom: 1px solid;
}

.single-sp-content .header-tab{
	 display: inline-block;
    padding: 5px 10px;
    font-weight: bold;
   // background: #9933ff;
   // color: white;

}
.single-sp-content .content-tab-group{
	padding-bottom: 15px;
}
.single-sp-content .content-tab {
	
}
/* ----------------------  $home  ----------------------------------------------------------------------------------------------------------*/
.home-block {

}
.home-block .block-title{
	background: url('images/right_top_2.png') no-repeat;
   
}
.home-block .block-title .title {
    padding: 7px 10px 8px 50px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
.home-block .block-content {
	background: #c4c4c4;
    border: 1px solid #CECFCE;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    float: left;
    width: 97%;
    margin-left: 1%;
}
.home-block .block-inner-content {
	margin-right: -40px;
}
.home-block .archive-sp-item {
    width: 46%;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}
.home-block .ten-sp{
    color: #028CE7;
    padding: 10px 0px 5px 0px;
    font-size: 16px;
    font-weight: bold;
}
.home-block .ten-sp a:hover {
	text-decoration:underline;
}
.home-block .archive-sp-item-thumb {
	float: left;
    width: 33%;
    border: 1px #CCC solid;
    padding: 1px;
}
.home-block .archive-sp-item-meta {
	width: 65%;
    float: right;
}
.home-block .archive-post-excerpt {

}
.home-block .archive-sp-item-1 {
	display: inline-block;
	vertical-align: top;
    width: 271px;
    background: #3D3C3C;
    border-radius: 5px;
    padding: 10px;
    padding-bottom: 30px;
    margin-right: 10px;
    //margin-bottom: 20px;
}

.archive-sp-item-1 {
	position: relative;
	height: 400px;
}

.archive-sp-item-1 .chi-tiet {
    bottom: 10px;
    position: absolute;
    right: 12px;
}

.chi-tiet {
    color: red!important;
}

.home-block .ten-sp-1{
	   padding: 10px 0px;
	   color: #028CE7;
	      min-height: 55px;
    text-transform: uppercase;
	   font-weight: bold;
	   font-size: 14px;
}
.home-block .ten-sp-1 a:hover {
	text-decoration:underline;
}
.home-block .archive-sp-item-thumb-1 {
	width: 250px;
    height: 240px;
	border: 1px solid #ccc;
	padding: 1px;
}
.archive-sp-item-thumb-1 img {
	display: block;
	width: 100%;
	height: 100%;
}
.home-block .archive-sp-item-meta-1 {
   width: 250px;	
}

.home-block .archive-post-excerpt-1 {
	color: #fff;
}
.archive-post-excerpt-1 .chi-tiet {
	color:  red;
}
.archive-post-excerpt-1 .chi-tiet:hover {
	text-decoration:underline;
}
/* ----------------------  $custom template -----------------------------------------------------------------------------------------------------------*/