/*
Theme Name: Minh Dương ADS Theme
Theme URI: https://minhduongads.com/
Author: Minh Dương
Author URI: https://minhduongads.com/
Description: Giao diện được nghiện cứu, chọn lọc phù hợp với từng ngành nghề kinh doanh. Tương thích trên mọi thiết bị hiển thị như: PC, Laptop, mobile, tablet. Áp dụng công nghệ Reponsive Web Design, web mobile được thiết kế phải có khả năng tự động điều chỉnh để hiện thị trên những thiết bị có kích thước màn hình khách nhau.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shtheme
Tags: html5, css3 , bootstrap 4, jquery, responsive, cslick-carousel, ...

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
## Sidebar - Widgets
# Content
	## Posts and pages
	## Comments
# Media
	## Captions
	## Galleries
## Layout construct
## Shortcode
## Footer
## Menu Mobile
## Custom css
## Responsive
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html,
body {
	 font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #211e1f;
    line-height: 20px;
    background-color: #fff
}

a {
    text-decoration: none;
    transition: all .15s ease-in-out;
    -webkit-perspective: 1000
}

strong {
    text-decoration: none;
    transition: all .15s ease-in-out;
    -webkit-perspective: 1000
}

a:hover {
    text-decoration: none
}
img {
	max-width: 100%;
    height: auto;
}
.color-w {
    color: #fff
}

.item-news {
    margin-bottom: 30px;
    background-color: #fff
}

.item-news .img-hvr {
    overflow: hidden;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.content-item-news-page {
    padding: 15px 0
}

.content-item-news {
    padding: 15px 0;
    background-color: #fff
}

.item-news .name-item-news {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
}

.item-news .name-item-news a {
    color: #424242;
    font-size: 18px;
    line-height: 26px;
}

.item-news .name-item-news a:hover {
    color: #902428
}

.intro-item-news {
    margin-top: 10px;
    line-height: 24px
}

.more-news {
    background-color: #f1f2f2;
    padding-top: 40px;
    padding-bottom: 30px
}

.item-news-home {
    margin-bottom: 0px;
    overflow: hidden
}

.name-item-news-home {
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    padding-bottom: 10px
}

.name-item-news-home a {
    color: #000
}

.name-item-news-home a:hover {
    color: #f9a05d
}

.item-news-top1 .name-item-news {
    margin: 0;
    font-size: 18px;
    font-weight: 700
}

.item-news-top1 .name-item-news a {
    color: #414042
}

.item-news-top1 .name-item-news a:hover {
    color: #f9a05d
}

.createdate-home {
    color: #686868;
    font-size: 13px;
    text-transform: uppercase
}

.img-news-home {
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.img-news-home img {
    display: block;
}
#newshome-330 .img-news-home img {
    display: block;
    width: 80%;
}
.createdate-home {
    margin-bottom: 3px
}

.createdate-home a {
    color: #686868;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px
}

.createdate-home a:hover {
    color: #902428
}

.intro-item-news-home {
	line-height: 21px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.btn-sl-next-news {
    top: 50% !important
}

.btn-sl-prev-news {
    top: 50% !important
}
.page-one {
    padding-top: 30px !important
}
h1.page-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    padding: 15px;
    font-weight: 450;
	padding-top: 0px;
    margin-top: 30px;
}
span.date-time i {
    margin-right: 3px;
}
.crumb {
    background-color: #e4e4e4;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #999
}

.crumb a {
    color: #58595b;
    font-size: 13px
}

.crumb i.fa {
    padding-left: 5px;
    padding-right: 5px
}

.crumb a:hover {
    color: #f9a05d
}

.crumb a:first-child {}

.page-name {
    font-size: 28px;
    font-weight: 700;
    color: #484848;
    text-transform: uppercase
}

.page-name span {
    font-size: 48px;
    font-weight: 600;
    color: #484848;
    display: block;
    text-transform: uppercase;
    margin-bottom: 4px
}

.page-name strong {
    font-size: 32px;
    font-weight: 800;
    color: #125ca8
}

.page-name a {
    color: #125ca8
}

.page-name a:hover {
    color: #d4aa53
}
.sh-blog-shortcode article .entry-content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sh-blog-shortcode article .entry-meta {
    margin-top: 5px;
	font-size: 14px;
}
.main-content .entry-content {
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
}
.detail-single {
	font-size:16px;
}
.detail-single .embed-responsive {
    text-align: center;
}
.detail-single .embed-responsive iframe {
	width:800px;
	height:600px
}
.related-posts ul {
    padding-left: 17px;
}
.createdate {
    color: #666
}

.content-detail blockquote {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-left: solid 2px #F00;
    padding: 20px;
    -webkit-box-shadow: 0 0 14px 3px rgba(227, 223, 223, 1);
    -moz-box-shadow: 0 0 14px 3px rgba(227, 223, 223, 1);
    box-shadow: 0 0 14px 3px rgba(227, 223, 223, 1);
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    background-color: #f2f2f2
}
.entry-meta span i, .entry-meta span {
    margin-right: 5px;
    display: inline-block;
	    color: #666;
}
.entry-description {
    color: #444;
}
.content-detail img {
    display: block;
    margin: auto;
    max-width: 100% !important;
    height: auto !important
}

.content-detail iframe {
    width: 100%
}

.content-detail h2 {
    font-size: 18px !important;
    font-weight: 700 !important
}

.content-detail h3 {
    font-size: 16px !important;
    font-weight: 700 !important
}
figcaption {
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}
.main-content img {
    max-width: 100%;
}

.page_nav {
    text-align: center;
    margin-bottom: 20px;
}

.page_nav * {
    display: inline-block;
    padding: 3px 10px;
    background: #FFF;
    border: 1px solid #0e733b;
    margin: 0;
	color:#0e733b
}

.page_nav .current,
.page_nav .page-numbers:hover {
    background: #0e733b;
    color: #FFF;
}
.entry-content.detail-single blockquote p:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 550;
    text-decoration: inherit;
    color: #023f7d;
    font-size: 18px;
    padding-right: 10px
}

.entry-content.detail-single blockquote p:after {
    content: "\f10e";
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 550;
    text-decoration: inherit;
    color: #023f7d;
    font-size: 18px;
    padding-left: 10px
}

.entry-content.detail-single blockquote {
	background: rgb(181 215 251 / 19%);
    border-left: 5px solid #023f7c;
    border-bottom: 0;
    border-top: 0;
    border-right: 0;
    padding: 20px;
    text-align: left;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 20px
}
.pulse-button a {
    animation: pulse 1s infinite;
    background: #66ab1e;
    border-radius: 1em;
    line-height: 40px;
    color: #fff !important;
}

@media (max-width:768px) {
	.detail-single .embed-responsive iframe {
		max-width: 100%;
		height:400px;
	}
}
@media (max-width:564px) {
    .menu li {
            line-height: 43px;
            list-style: none;
    }
    .menu li a {
        padding: 0 6px;
    }
	.d-sm-none {
		display:none !important
	}
	body.project-template-default aside.sidebar {display:none}
	.main-content .entry-content img, .content-new img {
    max-width: 100%;
    height: auto;
}
		.footer-widgets-area.col-12.col-md-3 {
		width:100% !important;
	}
}
/*.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}*/