/*
* Theme Name: WP Starter ThanhLD Theme
* Text Domain: thanhld
* Version: 1.0.1
* Description: Đây là giao diện mẫu cho các dự án web xây dựng bằng WordPress
* Tags: starter theme, framework theme, bootstrap theme, two-columns, customize
* Author: Luc Duc Thanh
* Author URI: http://thanhld.com
* Theme URI: http://thanhld.com
* Domain Path: /languages
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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.
*/

/*#78bc00; color 2 backup for thanhld-child*/

/* -------------------------------------------------------------------------- */
/*	1. Document Setup
/* -------------------------------------------------------------------------- */
html {
	scroll-behavior: smooth;
}
body {
 	overflow-x: hidden;
 	line-height: 1.5;
}


/* -------------------------------------------------------------------------- */
/*	2. Element Base
/* ---------------------------------------------*---------------------------- */
a {
	color: #231F20;
}
a:focus, a:hover {
	color: #1376bc;
	text-decoration: none;
}

 /* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Media ------------------------------------- */

figure {
	display: block;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
}

figcaption,
.wp-caption-text {
	margin: .25rem 0;
	font-style: italic;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}
.aligncenter figcaption {
	text-align: center;
}

blockquote.instagram-media,
iframe.instagram-media {
	margin: auto !important;
}

ul {
	list-style-type: none;
	list-style-position: inside;
	padding: 0px;
	margin: 0;
}
ul.bullet, article ul {
	list-style-type: square;
	margin-left: 2rem;
	margin-bottom: 1rem;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-size: 1rem;
}

h1, .heading-size-1 {
	/*color: #236079;*/
	border-left: solid 5px #1376bc;
    padding: .25rem 0 .25rem 1rem;
    margin-top: 1rem; margin-bottom: 1rem;
}

h2, .heading-size-2 {
}

h3, .heading-size-3 {
}

h4, .heading-size-4 {
}

h5, .heading-size-5 {
}

h6, .heading-size-6 {
}

p {
	line-height: 1.5;
	margin: 0 0 1em 0;
}

/*SIDEBAR (WIDGET SETTING)*/
.widget-title {
	background-color: rgba(19, 118, 188, .75);;
	border-left: solid 5px #1376bc;
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	padding: .5rem;
	margin-top: 0;
}

ul#sidebar ul li {
	position: relative;
	margin-left: 15px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
ul#sidebar ul li:before {
	position: absolute;
	content: '\f0da';
	left: 0px; top: 8px;
	color: #1376bc;
}
ul#sidebar>li {
	margin-bottom: 30px;
}

/*FONT AWESOME 5 ELEMENTS*/
ul#sidebar ul li:before, .slick-prev:before, .slick-next:before {
	font-family: 'Font Awesome 5 Free';
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
}

.mobile-break [class*='col'] {
	margin-bottom: 1rem;
}

/*HEADER*/
header {
	background: rgba(29, 33, 39, 1);
	border-bottom: solid 5px #1376bc;
	position: sticky; top: 0px; z-index: 1000;
}
.navbar {
	padding: 0;
}
.navbar-brand img {
	/*width: 150px;*/
	/*height: auto;*/
}
.navbar-light .navbar-nav .nav-link {
	text-transform: uppercase;
	color: #fff;
}
li.nav-item a br {
	display: none;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	background-color: #1376bc;
	color: #fff;
}
.navbar-nav .nav-link {
	padding-left: 1rem;
	padding-right: 1rem;
}
.navbar-nav > li {
	position: relative;
}
.navbar-nav > li > ul {
	position: absolute;
	min-width: 100%;
	display: none;
	z-index: 1000;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #262b31;
	/*border: solid 2px #1376bc;*/
	border: none;
	box-shadow: 5px 5px 5px #4b5056;
    left: 0px; 
}
.navbar-nav > li:hover > ul {
	display: block;
}
.dropdown-menu {
	border-radius: 0;
}
.navbar-nav > li > ul li a {
	color: #1376bc;
	font-weight: bold;
	padding-top: .5rem; padding-bottom: .5rem;
}

.navbar-form {
	position: relative;
}
.navbar-form input[type='text'] {
	background-color: transparent;
	border-radius: 0;
    border: none;
    outline: none;
    box-shadow: none;
    border-bottom: solid 1px #fde4cd;
    padding-left: 0; padding-right: 1.75rem;
    width: 100%;
}
.navbar-form button[type='submit'] {
	position: absolute;
	right: 0; top: 50%; transform: translateY(-50%);
	background-color: transparent;
	border: none;
	box-shadow: none;
	margin-top: 0 !important;
	color: #1376bc;
}

/*BREADCRUMB*/
nav[aria-label="breadcrumb"] {
	background-color: #e9ecef;
	/*margin-bottom: 1rem;*/
}
nav[aria-label="breadcrumb"] .breadcrumb {
	padding-left: 0; padding-right: 0;
	margin-bottom: 0;
}
nav[aria-label="breadcrumb"] .breadcrumb li.active a {
	background-color: initial;
	color: inherit !important;
}
nav[aria-label="breadcrumb"] .breadcrumb li.active a:hover {
	color: #1376bc !important;
}

/*FOOTER*/
footer {
	border-top: solid 1px #91b0bb;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
}
#footer-menu {
	margin-left: -1rem; margin-right: -1rem;
}
#footer-menu ul li {
	float: left;
}
#footer-menu ul li a {
	padding-left: 1rem; padding-right: 1rem;
}
#footer-menu ul li a:hover {
	text-decoration: underline;
}

.slider img, .post-thumbnail img {
	width: 100%;
	height: auto;
}

/*STYLE CHO TRANG SINGLE*/
article .main-body {
	/*border: solid 1px #c8d7dd;*/
	/*padding: 1rem;*/
	margin-bottom: 1rem;
}
article .main-body p:last-child {
	margin-bottom: 0;
}

img.aligncenter, .wp-caption {
	margin: 0 auto;
	background: #f7f8f9;
    border: solid 1px #ccc;
    margin-bottom: 1rem !important;
    padding: 5px;
}
.main-content {
	overflow: hidden;
}

.post-thumbnail {
	position: relative;
	padding-top: 75%;  /*4:3 Aspect Ratio (divide 3 by 4 = 0.75)*/ 
}
.post-thumbnail img {
	position: absolute; width: 100%; height: 100%; left: 0; top: 0;
}

/*Related Post*/
.related_posts h2 {
	text-transform: initial; font-size: 1.5rem;
}
.related_posts ul {
	margin-bottom: 1rem;
}
.related_posts ul li a {
	/*text-transform: uppercase;*/
}

/*ARCHIVE TEMPLATE*/
.post-row {
	margin-bottom: 1.5rem;
}
.post-row h2 {
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.post-row p {
	margin-bottom: .5rem;
}

.entry-meta, .entry-tag {
	opacity: .6; font-size: 1rem; margin-bottom: 1rem;
}
.entry-tag a[rel='tag']{
	padding: .125rem .5rem;
    display: inline-block;
    border-radius: 25px;
    margin-right: .25rem;
    margin-bottom: .25rem;
    background-color: #f1f1f1;
}


/*PAGE NAVIGATION*/
.page-navi {
	margin-bottom: 1rem;
}
.page-navi .prev, .page-navi .next {
	/*display: none;*/
}
.page-navi a, .page-navi span, .page-navi span.extend {
	background-color: rgba(19, 118, 188, .75);
	border: none;
	padding: 3px 8px;
	text-decoration: none;
}
.page-navi span.current {
	color: #fff;
	background-color: #1376bc;
	font-weight: bold;
}
.page-navi a:hover {
	color: #fff;
}

/*All Button Style: Style cho các nút Back và Next bài viết, Nút Submit,...*/
.thanhld-button, .nav-previous a, .nav-next a, .comment-respond input[type='submit'], .wpcf7-submit {
	border: none;
	border-radius: 0;
	background-color: #1376bc;
	color: #fff;
	padding: 6px 10px;
	transition-duration: .2s;
	display: inline-block;
	text-align: center;
	font-weight: bold;
}
.thanhld-button:hover, .nav-previous a:hover, .nav-next a:hover, .comment-respond input[type='submit']:hover, .wpcf7-submit:hover {
	background-color: #edf7ec;
	color: #1376bc;
	text-decoration: none;
 }

/*Post Navigation*/
.screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	position: absolute!important; 
	left: -9999px; 
}
.post-navigation {
	margin-top: 30px;
	margin-bottom: 30px;
}
.post-navigation .nav-previous {
	padding-right: 1px;
}
.post-navigation .nav-next {
	padding-left: 1px;
}
.post-navigation a {
	width: 100%;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/*Comment Form*/
.comment-respond label {
	display: block;
}
.comment-respond textarea, .comment-respond input {
	width: 100%;
}
.comment-respond #comment {
	height: 5rem;
}
.comment-respond input[type='submit'] {
	width: initial;
	float: right;
}

.comment-respond .comment-form-cookies-consent input[type='checkbox'] {
    width: initial;
}

.comment-respond .comment-form-cookies-consent label {
    display: initial;
}

.youtube {
	margin-bottom: 1rem;
}

/* Contact Form 7 */
.wpcf7 {
	margin-top: 30px;
}

/*BACK TO TOP*/
#back-to-top {
	position: fixed; right: 30px; bottom: 15px;	margin: 0; z-index: 9999;
}
#back-to-top a {
	width: 40px; height: 40px;
	text-align: center;	text-decoration: none; font-size: 1.5rem;
	color: #fff; background: #1376bc;
	border-radius: 500px;
	padding-top: 0px;
	display: block;
	transition: all 1s ease-in-out;
}

/*SLICK SLIDER*/
.slick-prev:before, .slick-next:before {
    color: #222;
}
.slick-prev:before {
	content: '\f053';
}
.slick-next:before {
	content: '\f054';
}

.product-box {
	text-align: center;
	border: solid 1px #ccc;
	margin-bottom: 1rem;
}
.product-box:hover {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
}
.product-box h2, .product-box h3 {
	text-transform: initial;
	padding-left: 1rem; padding-right: 1rem;
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.post-row h2 {
		margin-top: 0;
	}
	.home .news article h3 {
		margin-top: 0;
	}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	li.nav-item a br {
		display: initial;
	}
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}