/*
 * |---:[Đoạn này sẽ chứa các đoạn giới thiệu và thông tin về theme, như tên theme (Theme Name), tên tác giả (Theme Author), địa chỉ của tác giả (Author URI),...]:---|
 
 * Theme Name: ducanh Theme
 * Description: Đây là một theme đơn giản để thực hành Lập trình theme WordPress
 * Theme URI: duhoctoancau.com.vn/
 * Version: 1.0
 * Theme Author: ducanh
 * Author URI: http://duhoctoancau.com.vn/
 * Tags: starter theme, framework theme, two-columns, customize
 * Textdomain: ducanh
 */
@media screen and (max-width : 768px) {
	.head-left {
		display:none!important;
	}
	.entry-content img {
		width: 100%!important;
		height:auto;
		display:block;
	}	
	body {
		font-size:16px!important;
	}
	.show-more-post img {
		width:100%;
		height:auto;
	}
	img.img-head, .copyright {
		display:none;
	}
	.logo img {
		height:66px;
		width:auto;
	}	
	footer {
		position:fixed;
		bottom:0;	
	}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	aside {
		margin:0 0 40px -15px;
	}	
	body {
		font-size:15px!important;	
	}	
	.show-more-post img {
		width:100%;
		height:120px;
	}	
	.logo img {
		height:60px;
		width:auto;
	}	
}
@media screen and (min-width: 1200px) {
	.entry-content img {
		display:block;
		margin: 0 auto!important;
		margin-top: 15px!important;
		margin-bottom:15px!important;		
	}
	aside {
		margin:0 0 0 -15px;
	}
	body {
		font-size:15px!important;	
	}
	.show-more-post img {
		width:100%;
		height:120px;
	}	
	.logo img {
		height:60px;
		width:auto;
	}	
}	
body {
    font-family: Roboto, Arimo, arial,sans-serif!important;
	background-color:#fff!important;
	color:#000;
	line-height:1.5em!important;
}	
p {
	margin-bottom:10px!important;
}
label {
	width:100%!important;
	display:block!important;
	height:30px;
}
.clear {
	float:both!important;
}
.container-fluid {
	max-width:1200px;
}
.entry-content img {
	display:block;
	margin: 0 auto!important;
	margin-top: 5px!important;
	margin-bottom:15px!important;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
}
a:link, a:visited {
	text-decoration: none!important;
	color:#b3975e;
}
ul {
	margin:0;
	padding:0;
}
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
table, table tr, table td {
        border: 1px solid #e7e7e7;
        padding: 8px;
}
.glyphicon-triangle-right {
	font-size:10px;
	color:#777;
}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {
    width: 100% !important;
}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style], .fb_iframe_widget, .fb-page span, .fb-page iframe, .fb-page iframe[style] {
    width: 100% !important;
}
/* footer */
footer {
    background:#b3975e;
    color: #fff;
    height: auto;
	padding:10px 0 10px 0;
	min-width:1200px;
	width:100%;
	margin:0 auto!important;
}
.hotline-footer {
	margin:0!important;
	font-size:16px;
}
h3.widget-title {
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
#text-6 h3 {
	border-bottom:1px solid transparent!important;
}
#wpp-4 ul li {
	margin-top:10px;
}
#wpp-4 ul li  a {
	color:#fff;
}
#wpp-4 ul li  a:hover {
	color:#00b0f0;
	text-decoration:none!important;
}
.copyright {
	margin-bottom:0!important;
}
img.arpw-thumbnail {
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    border: none;
	height:60px;
}
.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    border: none;
	height:60px;
	width:72px;
}
a.arpw-title {
	color:#fff;
}
a.arpw-title:hover {
	color:#00b0f0;
}
.content {
	min-height:250px;
}
#wpcf7-f79-p15-o1 {
	margin:50px 0 0 0!important;
}
.commitment {
	padding:15px 0 5px 0!important;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	
}
img.imgmax {
	width:100%;
	height:auto;
}
img.img-head {
	width:auto;
	height:90px;
	border:1px solid orange;
}
/* header */
header {
	background:#fff;		
}
.wrap-logo {
	height:130px;
}
.logo {
	padding-top:30px;
}
.hotline1,
.hotline {
	color:red;
	font-weight:bold;
	font-size:18px;
}
.hotline1 {
	text-align:center;
	font-size:20px!important;
}
.mid-head {
	float:right;
	padding-top:20px;
}
.mid-head p {
	color:#333;
	line-height:2.0em;
}
.head-left {
    padding-top: 15px;
    display: block;
    height: 40px;
	float:right;
	padding-right:0;
}
.head-left span {
    float: left;
    height: 26px;
    width: 26px;
    margin: 0 4px;
}
.wrap-menu {
	background: #b3975e;
	box-shadow:0 2px 4px rgba(0,0,0,0.16);
	height:60px;
}
.navbar {
	border-radius:0!important;
	margin:0!important;
}
.navbar-collapse {
    border-color: transparent!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.0)!important;
}	
.navbar-default {
    background-color:#b3975e!important;
	border:none!important;
	z-index:100;
}
.navbar-default li a {
	color:#fff!important;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 25px!important;
	font-size:15px;
	line-height:60px!important;
}
.current-menu-item  a {
	background:#a28854!important;
}
.primary-menu > ul li {
	border-right:1px solid rgba(146, 122, 73, 0.6);
}
.primary-menu ul li a:hover {
	background-color:#a28854!important;
}
#menu-menu-1 > li > ul.sub-menu {
	display:none;
	position:absolute;
	left:0;
	top:100%;
	width:250px;
}
ul.sub-menu {
	background-color:#00b0f0;
	margin:0;
	padding:0;
	list-style:none;
}
ul.sub-menu li a {
	color:#fff;
	padding:6px 5px 6px 5px;
	display:block;
	font-size:13px;
	font-weight:normal;
}
ul.sub-menu li a:hover {
	color:red;
}
#menu-main-menu > li:hover >ul.sub-menu {
	display:block;
}
span.nut {
	font-size:9px;
	padding-left:8px;
	opacity:0.8;
}
span.glyphicon-home {
    font-size: 13px;
    padding-right: 8px;
	color:#777;
}
.end {
	border-bottom:none!important;
	border-right:none!important;
}
.content {
	padding:0 0 10px 0;
	z-index:0;
}
#topback {
    position:fixed;
    width:40px;
    height:40px;
    right:20px;
    cursor:pointer;
    z-index:0;
    bottom:40px;
    border-radius:5px;
}
#topback span {
	display:inline-block;
	font-size:40px;
	color:#b3975e;
}
.slide {
	margin:20px 0 20px 0;
}
/* index */
h2.title-category {
	font-size:16px;
	text-align:left;
	padding:8px 10px;
	margin:10px 0;
	border-bottom:1px solid transparent;
	display:block;
	background-color:#a6c312;
}
h2.title-category a {
	color:#fff;
}
.img-main  img {
	width:100%;
	height:100px;
	border:1px solid #ddd;
	padding:2px;
}
h3.title1 {
	margin:10px 0!important;
}
h3.title1 a {
	color:#00b0f0;
	font-size:18px!important;
}
h3.title1 a:hover {
	text-decoration:underline!important;
}
h3.title2 {
	margin:5px 0!important;
	line-height:0.6em;
}
h3.title2 a {
	color:blue;
	font-size:13px!important;
	font-weight:bold;
}
h3.title2 a:hover {
	text-decoration:underline!important;
}
.col-right {
	padding:0!important;
}
.col-left {
	padding:0 15px 0 0!important;
}
.col-left img {
	height:85px;
}
.col-right h3 {
	font-size:15px;
	margin:0 0 6px 0!important;
	font-weight:normal;
}
.col-right h3 a {
	color:#00b0f0;
}
.col-right h3 a:hover {
	text-decoration:underline!important;
}
.glyphicon-asterisk {
	font-size:8px;
	color:red;
	padding-right:5px;
}
.sb {
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:10px;
}
/* category */
article.row-category {
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
	margin:0 0 10px 0;
}
h1.cate {
	font-size:30px;
	color:#444;
	margin:20px 0 20px 0!important;
}
h2.entry-title {
	font-size:18px;
	margin:0 0 10px 0!important;
	font-weight:bold;
}
h2.entry-title a:link, h2.entry-title a:visited {
	color:#444;
}
h2.entry-title a:hover {
	text-decoration:underline!important;
}
.post-thumbnail img {
	height:140px;
}
.show-more-post a:hover {
	color:#00b0f0;
}
/* single */
h1.title-article {
	line-height:0.8em;
	color:#444;
	text-transform:uppercase;
	font-size:25px;
	font-weight:bold;
}
h1.title-article {
	margin:20px 0 20px 0!important;	
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
	line-height:1.5em;
}
.share {
	text-align:center;
}
.social {
	display:inline-block;
	width:120px;
	line-height:8px;
	height: 50px;
	text-align:center;
	margin-right:20px;
}
/* lienhe */
.content-lienhe {
	margin:20px 0 0 0;
}
#map {
	width:100%;
	height:400px;
	margin:20px 0;
}
/* widget */
aside {
	margin-bottom:40px;
}
.popular-posts a:link, .popular-posts a:visited, .widget_recent_entries a:link, .widget_recent_entries a:visited {
	color:#00b0f0;
}
.popular-posts a:hover, .widget_recent_entries a:hover {
	color:#00b0f0;
	text-decoration:underline!important;
}	
.widget_recent_entries, #wpp-3 {
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.widget_recent_entries ul, #wpp-3 ul, #text-5 .textwidget {
	padding:0 10px 0 10px;
}
.widget_recent_entries li {
	margin-bottom:6px;
}
#text-5 .textwidget {
	margin-bottom:10px;
}
.textwidget ul {
	list-style-type:square!important;
	padding:0 0 0 20px;
}
.textwidget ul li {
	margin:0 0 0 0;
}
.textwidget ul li a{
	font-size:15px;
	padding:5px 0 5px 0px;	
	display:inline-block;
}
h3.widgettitle {
	padding:0 10px;
	background: #b3975e;
	color:#fff;
	font-size:20px;
	margin:30px 0 20px 0!important;
	border-radius:10px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
}
.news img {
	border:1px solid #f2f2f2;
	width:100%;
	height:80px;
}
.title-news a {
	font-size:18px;
	color:#444;
}
.pad {
	padding:0 0 0 15px!important;
}
.sky {
	font-size:20px;
	text-align:center;
	margin:0px!important;
}
.sky img{
	margin:0!important;
}
.sky p {
	font-size:0!important;
}
/* binhluan */
h3#reply-title {
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
p.comment-notes {
	color:red;
	margin:10px 0 20px 0!important;
}
p.comment-form-comment label {
	display:block!important;
}
p.comment-form-email, p.comment-form-url, p.form-submit, p.comment-form-author {
	margin:15px 0 15px 0!important;
}
p.comment-form-email label, p.comment-form-url label, p.form-submit, p.comment-form-author label {
	width:100px!important;
}
div.comment-meta + p{
	margin:10px 0 20px 0!important;
	padding:10px 0 10px 10px;
	border:1px solid #ddd;
	border-radius:5px 5px 5px 5px;
}
/* phân trang */
#navigation {margin-bottom:10px;padding: 0 20px; line-height: 46px; text-align: center; }
#navigation a {padding:5px 20px; margin: 0 3px ; font-weight: bold; background-color:#fff; color:#333; border:1px solid #d1d1d1;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#navigation a:hover {background:#00b0f0; color:#fff; border:1px solid #aaa;}
#navigation span.current {padding:5px 20px; margin: 0 5px ; font-weight: bold; background:#00b0f0; color:#fff; border:1px solid #d1d1d1;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* breadcrumb */
#crumbs {
	margin:20px 0 20px 0;
	padding:10px 0 10px 0;
}
/* wpform7 */
.wpcf7 {
	background-color:#eee;
	padding:0 15px 10px 15px!important;
	margin:20px 0 0px 0!important;
}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"] {
	width:100%!important;
	border:1px solid #ddd;
	color:#444;
	font-weight:normal;
	padding:5px 0 5px 10px;
	
}
.wpcf7 form input[type="text"]:focus, .wpcf7 form input[type="email"]:focus {
	outline:none;
}
.wpcf7 form input[type="submit"] {
	background:#ff370f;
	border:1px solid #ff370f;
	border-radius:2px;
	color:#fff;
	padding:5px 15px;
	margin-top:35px;
}
.btn-register {
	text-align:center;
}
.btn-register a {
	background:#ff370f;
	border:1px solid #ff370f;
	border-radius:5px;
	color:#fff;
	padding:8px 8px;
	margin:0 auto;
	display:inline-block;
	width:auto;
	text-transform:uppercase;	
}
.btn-register a:hover {
	color:#fff;
}