/*
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;
}

@font-face{
font-family: abc;
src:url('../fonts/Continuum Bold.ttf');
}

h1{
font-family: "abc";
color:green;
}

.row-footer-info {
	padding: 15px 0;
}

/* ----------------------  $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;
}

.wp-contact-form {
    //background: #f8f8f8 none repeat scroll 0 0;
    padding: 15px;
    overflow: hidden;
}

.wp-contact-form label {
    float: left;
    font-size: 12px;
    width: 23%;
}

.wp-contact-form p {
	margin-bottom: 10px;
	overflow: hidden;
}

.wp-contact-form span.wpcf7-form-control-wrap {
    float: right;
    width: 77%;
}

.wp-contact-form span.wpcf7-form-control-wrap .wpcf7-form-control {
	width: 100%;
	border-radius: 5px;
	max-width: 100%;
}

.wp-contact-form span.wpcf7-form-control-wrap .wpcf7-textarea {
	border-radius: 5px;	
	height: 120px;
	max-height: 150px;
}

.wp-contact-form .wpcf7-submit {
	width: 100px;
	border-radius: 5px;	
	background-color: #e0e1e1;
	font-weight: bold;
	color: #f37020;
}

#cfacebook {
	right: 10px!important;
}
.col-box-pro {
	float: right;
}

.cateogyr_nav a {
	display: block;
	padding: 5px 15px;
}

/* ----------------------  $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{

}
.container-full{
	width: 992px;
	box-shadow: 0px 0px 5px #555;
	margin: auto;
}
#site-inner{

	min-width: 990px;
}

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

.site-main-wrapper{
	margin: 10px 0;
	background: white;
}


#left-sidebar .imgskype{
	margin: 0 10px;

}
#left-sidebar .hotline-sd{
	color: #f37020;
    font-size: 16px;
    font-weight: bold;
    margin: auto;
    text-align: center;
    padding: 10px;
}
#left-sidebar  .hotline{
	font-weight: bold;
	margin: 5px;
}
#left-sidebar  .hotline img{
	padding-right: 0 10px;
}
#right-sidebar li{
	background-color: #e0e1e1;
	padding-right: 10px 10px;
	color: #f37020;
	font-weight: normal;
	margin-bottom: 7px;
}
#right-sidebar ul{


}


.has-left-sidebar .site-main{
	border: 1px solid #6a6969;
    padding: 0px 15px;

}
.has-right-sidebar .site-main{

}
.has-both-sidebar .site-main{

}
.site-main{	
	min-height:400px;
}

.tmp-title-bar{
	margin: 5px;
    
    font-size: 20px;
    padding-bottom: 5px;
    text-align: left;
}
.tmp-title-bar .title{
	color: #f37020 !important;
}
.single-related-posts .title,
.tmp-title-bar .title{
	    font-family: arial !important;
}
#single-tmp .tmp-title-bar{
	background-color: inherit;
	text-align: left;

}
.single-related-posts{
	background-color: #fafafa;
}
.single-related-posts .title,
#single-tmp .tmp-title-bar .title{
	color: #f37020 !important;
    font-size: 20px;
}
.tmp-title-bar .title{
	padding: 0;
	font-weight: bold;
    font-size: 18px;
}


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

.site-header, .site-main-wrapper, .site-footer {
	width: 100%;
	max-width: 100%;
	clear: both;
}

/* ----------------------  $header ------------------------------------------------------------------------------------------------------------*/
.site-header {

}
.site-header .logo {

}

.title-logo {
	margin: 0 20px;
	font-size: 0;
}

.site-header  .banner{

}


.button-menu {
	padding: 5px 8px;
	font-weight: bold;
	cursor: pointer;
	font-size: 22px;
	display: none;
	text-transform: uppercase;
	overflow: hidden;
	margin-top: 30px;
	background: #e0e1e1;
	color: #f37020;
}

.title-menu {
	float: left;
}

.icon-menu{
	float: right;
	padding:0 10px;
	border-radius: 2px;
	border:1px solid #ddd;
}


#primary-menu {
	width: 70%;
    float: right;
    background-color: #e0e1e1;
}
#primary-menu a:hover{
	text-decoration: none;
	color: inherit;
}

#primary-menu .menu-container {
	
}
#primary-menu .menu-ul li:hover{
	color: #f37020;
}
#primary-menu li {}
#primary-menu .menu-ul >li{
	padding: 15px 10px;
	//text-transform: uppercase;
	font-weight: bold;
	border-right: 2px solid #fff;
	
}
#primary-menu .menu-ul >li:last-child{
	border-right: none;
}
#primary-menu .menu-ul >li >a{}
#primary-menu .menu-ul >li:first-child >a{}


#primary-menu .menu-ul .current-menu-item{
	color: #f37020;
}
#primary-menu .sub-menu{	
	background: #e0e1e1;
	width: 280px;
	z-index: 99;
	position: absolute;
	box-shadow: 0 10px 20px #000000;
}

#primary-menu .sub-menu li{
	color: #000;
	display: list-item;
	list-style: url(images/arrow.png);
	list-style-position: inside;
	padding: 10px 10px;

}
#primary-menu .sub-menu li:hover{
	background: #686868;
    color: #fff;
}
#primary-menu .sub-menu li a:hover{
	text-decoration: none;
	color: inherit;
}
.site-header .col-box-logan{
	padding-top:10px;
	min-height: 60px;
}
.site-header .col-box-menu{    
	width: 100%;
}
.site-header .box-logo{
	width: 30%;
    position: absolute;
	float: left;
}
.site-header .box-logao{
	width: 70%;
	float: right;
}

.site-header .border-logo{
	background: url('images/bg-menu.png') no-repeat scroll -34px 0;
	height: 50px;
	width: 30%;
	float: left;
}
.box-logao .hotline-header{
	text-align: center;
    color: #f58b48;
    font-weight: bold;
    font-size: 13px;
    padding-right: 30px;
    text-transform: uppercase;
}
.slogan-header{
	text-align: center;
	color: #d6d6d5;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 3.1px;
    position: relative;
    bottom: -8px;


}
/* ----------------------  $footer ----------------------------------------------------------------------------------------------------------*/
.site-footer{

	color: white;
}
.block-menu-footer{
	text-align: left;
	background: #f2f2f2;
	color: #0c97d5;
}
.block-menu-footer .title-tk{
	background: #f2f2f2;
	text-align: left;
}
.block-menu-footer .widget_nav_menu {
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 7px;
}
.block-menu-footer .menu{
	list-style: inherit;
}
.border-menu-ft{
	border: 1px dotted #fff;
	margin-right: auto;
	width: 30%;
}
.site-footer .company-info{
	padding-bottom: 20px 0;
	text-align: center;
	background-color:#003943;
}
.company-info  .footer-infor-l h4 {
	text-align: left;
}
.company-info .box-mxh li{
	float: left;
	padding-left: 10px;
}
.site-footer .fanpage{

}

.copyright {
    font-size: 10px;   
    padding: 5px;
    font-family: arial;
    text-align: center;
    color: #888	;
    background-color:#555555;
    border-top: 1px solid #fff;
}

.copyright a{

}

.btn-top {
    background: url("images/btn_top1.png") no-repeat 0 0 / 45px 45px;
    border: medium none;
    bottom: 70px;
    cursor: pointer;
    display: none;
    height: 50px;
    outline: medium none;
    padding: 0;
    position: fixed;
    right: 20px;
    width: 50px;
    z-index: 9999;
}

/* ----------------------  $sidebar -----------------------------------------------------------------------------------------------------------*/
.sidebar {

}

.box-sidebar {
	margin-bottom: 20px;
	border: 1px solid #000;
	padding: 5px;
}

.box-sd-title {
	font-size: 16px;
	font-weight: bold;
	background-color: #d4d3d3;
	margin-top: 0;
	text-align: center;
	padding: 5px 0;
}
.sidebar .archive-da-item-thumb{
	box-shadow: 3px 5px 3px #999;
}
.sidebar .archive-da-item-meta{
	text-align: center;
}

.box-sd-content {

}


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

}

#e404-content {

}

.message-danger .title-404 a {
	color: green;
}

.message-danger {
	color: red;
	text-align: center;
	background-color: #f2f2f2;
}

.message-danger img {
	margin-top: 20px;
	max-width: 400px;
}

/* ----------------------  $category ----------------------------------------------------------------------------------------------------------*/
#category-tmp .section-main{

}

.cate-list-posts{
	
}
.category-tmp-posts .cate-post-item{
	margin-bottom: 30px;
}
.cate-post-thumb{		
	float: left;
	margin-right: 20px;
}
.category-tmp-posts .cate-post-thumb {

}
.cate-post-item-meta{

}
.category-tmp-posts .cate-post-item-meta {

}
.cate-post-title{

}
.cate-post-date{
	color: #777;
	font-size: 12px;
}
.cate-post-excerpt{
	font-size: 12px;
}
.cate-post-item .read-more{
	color: blue;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;

}
.archive-da-item .read-more{
	float: right;
	font-size: 15px;
	margin-top: 5px;
    text-decoration: underline;
}
.box-category{
	border: 1px solid #F0F0F0;
    display: block;
    margin-top: 20px;
    padding: 10px 20px;
}
/* ----------------------  $single ----------------------------------------------------------------------------------------------------------*/
#single-tmp{}

.section .singular-content{
	
}

.singular-content .section-main{

}
.single-related-posts{
	margin-top: 30px;
}

.related-title-bar{
	margin-bottom: 20px;
}

.related-title-bar span{
	display: inline-block;
    padding: 10px;
    font-weight: bold;
   // background: #9933ff;
   // color: white;

}

.single-related-posts ul{}
.single-related-posts li{
	list-style: url('images/new-post.png') inside;
	margin: 10px 0;
    font-weight: bold;
    font-size: 13px;
    font-style: italic;
}

#archive-tmp section,
#single-tmp section,
#single-da-tmp .section-du{
	border:1px solid #000;
	padding: 0 10px 0 10px;
	margin-bottom: 10px;
}
.block-single-sidebar{
	float: left;
}
.block-single-content{
	float: right;
}
/* ----------------------  $page  ----------------------------------------------------------------------------------------------------------*/

/* ----------------------  $search ----------------------------------------------------------------------------------------------------------*/
#search-tmp{}
.search-tmp-title{
	font-size: 16px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
    margin-bottom: 20px;
    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;
}

.box-img-search img {
	width: 150px;
}

.section-header-search {
	background-color: #f8f8f8;
}


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

.archive-list-sp {
	overflow: hidden;
}
.archive-list-sp-container {
	margin-right: -40px;
}
.archive-da-item{
	vertical-align: top;
	//width: 220px;
}
.home-box-left .archive-da-item{
	width: auto;
}
.home-block-right{

}

.archive-da-item-meta {
	padding: 5px 0;
}
.archive-da-item .title-da {
	font-weight: bold;
	margin-top: 0;
	height: 30px;
	font-size: 16px;
	margin-bottom: 0;
}


.category .archive-da-item .title-da {
	height: auto;
	margin-bottom: 10px;
}

.home-box-left .archive-da-item-thumb {
	border: 1px solid #000;
	padding: 2px;
}
#single-da-tmp .archive-da-item,
#archive-tmp .archive-da-item,
.home-box-right .archive-da-item{
	border: 1px solid #ddd;
	padding: 2px;
	margin-bottom: 5px;
}
#single-da-tmp .archive-da-item-meta,
.archive-tmp-posts .archive-da-item-meta,
.home-box-left .archive-da-item-meta,
.home-box-right .archive-da-item-meta{
	background-color: rgba(233, 233, 233, 0.89);
	text-align: center;
}
.home-box-left .archive-da-item-meta{
	font-size: 18px;
	padding: 10px 0 20px 0;
}
.archive-da-item-meta .gia-da{
	height: 23px;
	 color: #f1670e;
	 font-weight: bold;
}
.archive-da-item-meta .ma-da{
	height: 30px;
	 color: #000;
	 font-weight: bold;
}
.home-box-left .archive-da-item-meta .title-da{
 font-size: 20px;
}

/* ----------------------  $single sp ----------------------------------------------------------------------------------------------------------*/
#single-da-tmp {

}
.single-da-info {
	margin-top: 10px;
	margin-bottom: 30px;
}
#single-da-tmp .single-da-thumb{
	background: #f8f8f8 none repeat scroll 0 0;
	margin-bottom: 15px;
	text-align: center;
}

.single-da-fields {

}
.single-da-fields .title-da {
    margin-top: 0;
    font-weight: bold;
    font-size: 22px;
    color: #f37020;
    font-family: arial
}
.single-da-fields .field-row{
    //padding: 10px 20px;
    font-weight: bold;
    font-size: 18px;
}
.single-da-fields .field-row span{
	color: #f37020;
}
.single-da-fields  .name{
	
}
.single-da-fields  .value{
	
}

.single-da-content {

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

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

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

}
.home-block .block-title{
    background: url(images/bg-title.png)no-repeat scroll 249px 0px #e9e9e9;
    color: #f1670e;
    font-weight: bold;
    height: 33px;
    width: 300px;
    padding-top: 8px;
    margin-bottom: -2px;
    font-size: 18px;
    padding-left: 12px;
}
.home-block .title-home{
	border-bottom: 5px solid #e9e9e9;
    
}
.home-block .block-content{

}
#home-tmp #home-slide{
	background: #e0e1e1;
	padding: 5px 15px;
}
.home-block-1{
	margin-top: 20px;
}
.home-block-1 .block-content{
	background-color:#e9e9e9;
	padding: 10px;
	margin-top: 5px;
}
.home-block-1 .archive-da-item{
	margin: 0 5px;
	text-align: center;
}
.home-block-2 .block-content{
	padding: 10px; 
	}
/* ----------------------  $custom template -----------------------------------------------------------------------------------------------------------*/

.mota{
	color: red;
}
.mota h2{ 
	margin-top: 0px;
}
#at4m-mobile-container {
	display: none !important;
}
.float-fb-msg{
        position: fixed;
    bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    right: 5px;
    width: 280px;
    border: 1px solid #3B5998;
}
.float-fb-msg .box-title {
    background: #3B5998;
    color: white;
    padding: 5px 10px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.float-fb-msg .box-main {
    background: white;
    display: none;
    height: 320px;
}