/*
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
--------------------------------------------------------------*/
.content-sidebar-wrap:before,
.content-sidebar-wrap:after {
    clear: both;
    display: table;
    content: " "
}
.site-boxed {
    max-width: 1140px;
    margin: 0 auto;
}
.home.site-boxed {
	max-width: none;
}
.site-boxed .container {
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 991.98px) {
    .site-boxed .site-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
.widget_social ul {
    margin: 0;
    padding: 0
}

.widget_social ul li {
    display: inline-block;
    margin-right: 5px
}

.widget_social ul li a {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    color: #fff;
    background: #fff;
    border-radius: 5px;
    font-size: 15px;
    text-align: center;
    transition: all .3s ease-out
}

.widget_social .icon_facebook a {
    background: #3b5999
}

.widget_social .icon_twitter a {
    background: #55acee
}

.widget_social .icon_google a {
    background: #dd4b39
}

.widget_social .icon_youtube a {
    background: #cd201f
}

.widget_social .icon_linkedin a {
    background: #0077b5
}

.widget_social .icon_pinterest a {
    background: #bd081c
}

.widget_social .icon_instagram a {
    background: #e4405f
}

.widget_social ul li a:hover {
    transform: translateY(-5px)
}
ul.list-products li.product .wrap-product a.button.yith-wcqv-button {
    position: absolute;
    top: 31%;
    left: 27%;
    display:none;
}
section.related ul.list-products li.product .wrap-product a.button.yith-wcqv-button {
    top: 28%;
    left: 31%;
}
ul.list-products li.product:hover .wrap-product a.button.yith-wcqv-button {
    display: block;
}
.list-products li .wrap-product .button.product_type_simple {
    display: none;
}
.wtb-breadcrumb {
    background-color: #e9ecef;
}
.wtb-breadcrumb .breadcrumb {
    background: none;
	padding-right: 0px;
    padding-left: 0px;
}
@media (min-width: 992px) {
    .sidebar-content .site-main,
    .content-sidebar .site-main {
        float: right;
        width: 74.5%;
    }
    .single-product.sidebar-content .site-main,
    .single-product.content-sidebar .site-main {
        float: left;
        width: calc(70% - 20px);
        margin-right: 20px;
    }
    .sidebar-content .sidebar,
    .content-sidebar .sidebar {
        float: left;
        width: 23.5%;
    }
    .single-product.sidebar-content .sidebar,
    .single-product.content-sidebar .sidebar {
        float: right;
        width: 30%;
    }
    .content-sidebar .site-main {
        float: left;
    }
    .content-sidebar .sidebar {
        float: right;
    }
    .sidebar-sidebar-content .content-sidebar-wrap,
    .content-sidebar-sidebar .content-sidebar-wrap {
        float: left;
        width: 75.5%;
    }
    .sidebar-content-sidebar .site-main,
    .sidebar-sidebar-content .site-main,
    .content-sidebar-sidebar .site-main {
        float: right;
        width: 67.5496689%;
    }
    .sidebar-content-sidebar .sidebar-primary,
    .sidebar-sidebar-content .sidebar-primary,
    .content-sidebar-sidebar .sidebar-primary {
        float: left;
        width: 31.1258278%;
    }
    .sidebar-content-sidebar .sidebar-secondary,
    .sidebar-sidebar-content .sidebar-secondary {
        float: right;
        width: 23.5%;
    }
    .sidebar-sidebar-content .sidebar {
        float: left;
    }
    .sidebar-sidebar-content .content-sidebar-wrap {
        float: right;
    }
    .content-sidebar-sidebar .sidebar-primary {
        float: right;
    }
    .content-sidebar-sidebar .sidebar-secondary {
        float: right;
        width: 23.5%;
    }
    .content-sidebar-sidebar .site-main {
        float: left;
    }
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.layout-blog {
    padding-bottom: 30px
}

.title-page {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    color: #073b1a
}

.list-blogs .item-blog {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.list-blogs .item-blog .block-thumb {
    width: 375px;
    margin-right: 30px;
	text-align: center;
}

.list-blogs .item-blog .block-thumb .thumb {
    padding-bottom: 66%;
    display: block;
    height: 0;
    position: relative
}

.list-blogs .item-blog .block-thumb .thumb img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    position: absolute
}
.list-blogs .item-blog .block-thumb img {
    width: 250px;
    margin: 0 auto;
}
.list-blogs .item-blog .block-content {
    width: calc(100% - 405px)
}

.list-blogs .item-blog .block-content h3 {
    padding: 0px;
    margin: 0px 0 15px;
    line-height: 24px;
    font-size: 18px;
    color: #333
}

.list-blogs .item-blog .block-content .time-post {
    font-size: 14px;
    font-weight: 400;
    color: #acacac;
    display: inline-block;
    margin-right: 10px
}

.list-blogs .item-blog .block-content .time-post svg {
    width: 15px;
    height: 15px;
    margin-top: -5px;
    margin-right: 2px
}

.list-blogs .item-blog .block-content p.justify {
    font-size: 14px;
    color: #333;
    margin: 15px 0;
    font-weight: 400
}

.list-blogs .item-blog .block-content .viewmore {
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #073b1a;
    color: #fff;
    font-size: 14px;
    padding: 0 30px
}

.list-blogs .item-blog .block-content .viewmore:hover {
    background: #81ae59
}

.aside-content-blog .title-head {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    color: #073b1a
}

.aside-content-blog .nav-category ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.aside-content-blog .nav-category ul .nav-item .nav-link {
    display: block;
    padding: 8px 0;
    font-size: 14px;
    color: #000
}

.aside-content-blog .nav-category ul .nav-item .nav-link.pr-5 {
    padding-right: 30px
}

.aside-content-blog .nav-category ul .nav-item.active>.nav-link {
    color: #204c35
}

.aside-content-blog .nav-category ul .menu_down {
    padding-left: 10px !important
}

.aside-content-blog .nav-category ul .down_icon {
    width: 30px;
    height: 30px;
    top: 5px;
    right: 0;
    transition: 0.5s all;
    cursor: pointer;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

.aside-content-blog .nav-category ul .down_icon:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #59646a transparent transparent transparent;
    transition: border-color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

.aside-content-blog .nav-category ul .down_icon.cls_mn {
    transform: rotate(180deg)
}

.blog_noibat {
    margin-top: 30px
}

.blog_noibat h2 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px
}

.blog_noibat .blog_content .item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px
}

.blog_noibat .blog_content .item .post-thumb {
    width: 90px;
    margin-right: 10px
}

.blog_noibat .blog_content .item .contentright {
    width: calc(100% - 100px)
}

.blog_noibat .blog_content .item .contentright h3 {
    font-size: 14px;
    margin: 0
}

.blog_noibat .blog_content .item:last-child {
    border: initial;
    margin: 0;
    padding: 0
}

.layout-article {
    padding-bottom: 30px
}

.article-main .time-post {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    margin-right: 10px
}

.article-main .time-post svg {
    width: 15px;
    height: 15px;
    margin-top: -5px;
    margin-right: 2px
}

.article-main .article-image {
    margin-bottom: 20px
}

.article-main .article-title {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 700;
    color: #333;
    line-height: 34px
}

.article-main .posts {
    font-size: 12px;
    margin-bottom: 10px
}

.article-main .rte {
    font-size: 14px
}

@media (max-width: 767px) {
    .article-main .rte iframe {
        width:100%
    }
}

.article-main form {
    display: block;
    padding-top: 0px;
    margin-top: 10px;
    padding-bottom: 30px
}

.article-main form label {
    display: block;
    margin-bottom: 4px;
    font-weight: 700
}

.article-main form label .required {
    color: #ff0000
}

.article-main .form-group input {
    height: 40px;
    border: solid 1px #e4e4e4;
    padding: 0 15px;
    outline: none;
    width: 100%;
    margin-bottom: 15px
}

.article-main .form-group input::placeholder {
    color: #7c7c7c
}

.article-main .form-group input:-ms-input-placeholder {
    color: #7c7c7c
}

.article-main .form-group input::-ms-input-placeholder {
    color: #7c7c7c
}

.article-main .form-group textarea {
    border: solid 1px #e4e4e4;
    padding: 10px;
    outline: none;
    width: 100%
}

.article-main .form-group textarea::placeholder {
    color: #7c7c7c;
    opacity: 1
}

.article-main .form-group textarea:-ms-input-placeholder {
    color: #7c7c7c
}

.article-main .form-group textarea::-ms-input-placeholder {
    color: #7c7c7c
}

.article-main .button_45 {
    height: 40px;
    line-height: 38px;
    padding: 0 25px;
    background: #363636;
    font-size: 14px;
    color: #fff;
    border: solid 1px #363636;
    font-weight: 400;
    margin-top: 10px
}

.article-main .button_45:hover {
    background: #fff;
    border-color: #81ae59;
    color: #81ae59
}

.article-main .title-form-coment {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px;
    padding-bottom: 15px;
    color: #333;
    font-weight: 500
}

#article-comments .article-comment {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #c9c8c5
}

#article-comments .article-comment:last-child {
    padding-bottom: 30px
}

#article-comments .article-comment-user-image {
    margin: 0;
    float: left;
    width: 80px;
    margin-right: 12px;
    height: 80px;
    border-radius: 0;
    display: block
}

#article-comments .article-comment-user-comment {
    display: block;
    float: left;
    width: calc(100% - 95px);
    -webkit-width: calc(100% - 95px);
    -moz-width: calc(100% - 95px);
    -o-width: calc(100% - 95px);
    -os-width: calc(100% - 95px);
    padding-left: 10px;
    word-break: break-word;
    font-size: em(14px)
}

#article-comments .user-name-comment {
    margin: 0;
    font-size: 14px;
    line-height: 1;
    font-weight: 700
}

#article-comments .user-name-comment strong {
    font-weight: 700
}

#article-comments .article-comment-date-bull {
    padding: 5px 0;
    display: block;
    color: #b0b0b0;
    font-size: 12px
}

#article-comments .cm {
    font-size: 14px;
    color: #707070
}

.social-sharing {
    border-top: solid 1px #e4e4e4;
    padding: 20px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
    align-items: center
}

.social-sharing span {
    margin-right: 10px
}

.social-sharing .addthis_inline_share_toolbox {
    margin-top: 3px
}

.blog_lienquan h2 {
    font-size: 28px;
    margin-bottom: 15px;
    font-size: 18px;
    text-transform: uppercase;
    color: #231f20
}

.blog_lienquan .item-blog {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.blog_lienquan .item-blog .block-thumb {
    width: 375px;
    margin-right: 30px
}

.blog_lienquan .item-blog .block-thumb .thumb {
    padding-bottom: 66%;
    display: block;
    height: 0;
    position: relative
}

.blog_lienquan .item-blog .block-thumb .thumb img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
    position: absolute
}

.blog_lienquan .item-blog .block-content {
    width: calc(100% - 405px)
}

.blog_lienquan .item-blog .block-content h3 {
    padding: 0px;
    margin: 0px 0 15px;
    line-height: 24px;
    font-size: 20px;
    color: #333
}

.blog_lienquan .item-blog .block-content .time-post {
    font-size: 14px;
    font-weight: 400;
    color: #acacac;
    display: inline-block;
    margin-right: 10px
}

.blog_lienquan .item-blog .block-content .time-post svg {
    width: 15px;
    height: 15px;
    margin-top: -5px;
    margin-right: 2px
}

.blog_lienquan .item-blog .block-content p.justify {
    font-size: 14px;
    color: #333;
    margin: 15px 0;
    font-weight: 400
}

.blog_lienquan .item-blog .block-content .viewmore {
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #363636;
    color: #fff;
    font-size: 14px;
    padding: 0 30px
}

.blog_lienquan .item-blog .block-content .viewmore:hover {
    background: #81ae59
}
li.lang-item a {
    margin: 0px;
    padding: 0px 1px !important;
}
.widget_nav_menu ul {
    padding: 0px;
    list-style: none;
}
.widget_nav_menu ul ul {
    padding-left: 10px;
	display:none
}
.widget_list_posts ul {
	padding-left: 20px;
}
.widget_nav_menu li.lang-item {
    display: none;
}
.widget_nav_menu ul li {
    margin-bottom: 2px;
    margin-top: 7px;
}
.widget_nav_menu ul li a {
    font-weight: 500;
    color: #333;
    margin-bottom: 7px;
    font-size: 16px;
}
p.price a {
	color:#ff0000;
}
p.price a {
	color:#ff0000;
}
p.price a:hover {
	color:#0049c8;
}
.textwidget img.alignnone {
    margin-bottom: 5px;
    display: block;
}
.widget_social {
    margin-top: 10px;
}
.textwidget i {
    width: 15px;
    height: 15px;
}
.textwidget ul {
    list-style: none;
    padding: 0px;
}
/* .widget_nav_menu ul li.menu-item-has-children:hover > ul {
	display:block;
} */
.widget_nav_menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children {
    position: relative;
}
.widget_nav_menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-208:after {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    content: '\f150';
    right: 0px;
	    top: 0px;
	display:none
}
@media (max-width: 991px) {
    .aside-content-blog {
        margin-top:30px
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .list-blogs .item-blog .block-thumb {
        width:315px
    }

    .list-blogs .item-blog .block-content {
        width: calc(100% - 345px)
    }
}

@media (max-width: 767px) {
    .list-blogs .item-blog {
        margin-bottom:15px
    }

    .list-blogs .item-blog .block-thumb {
        width: 100%;
        margin-right: 0
    }

    .list-blogs .item-blog .block-content {
        margin-top: 10px;
        width: 100%
    }

    .blog_lienquan .item-blog {
        margin-bottom: 15px
    }

    .blog_lienquan .item-blog .block-thumb {
        width: 100%;
        margin-right: 0
    }

    .blog_lienquan .item-blog .block-content {
        margin-top: 10px;
        width: 100%
    }
}

.rte h4 {
    font-size: 18px
}

.h2_sidebar_blog {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px
}

.list-blogs .item-blog .block-content h2 {
    font-size: 20px
}

p.chuky {
    float: right;
    font-weight: 400;
    color: #000
}

.h2_sidebar_blog a,.block-content a {
    color: #073b1a
}

.rte p {
    line-height: 2.4
}
.layout-contact {
    margin-bottom: 30px
}

.layout-contact .contact {
    margin-bottom: 20px
}

.layout-contact .contact h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    color: #1a6444
}

.layout-contact .contact .time_work .item {
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    margin-bottom: 5px
}

.layout-contact .contact .time_work .item svg {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 3px;
    left: 0
}

.layout-contact .form-contact h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    color: #073b1a
}

.layout-contact .form-contact .group_contact input,.layout-contact .form-contact .group_contact textarea {
    border: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 15px;
    outline: none;
    font-size: 14px
}

.layout-contact .form-contact .group_contact input {
    padding: 5px 20px
}

.layout-contact .form-contact .group_contact textarea {
    padding: 10px 20px
}

.layout-contact .form-contact .group_contact .btn-lienhe {
    background: #073b1a;
    color: #fff;
    border: initial;
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    font-size: 14px
}

.layout-contact .form-contact .group_contact .btn-lienhe:hover {
    background: #53b147
}

@media (max-width: 991px) {
    .form-contact {
        margin-bottom:30px
    }
}

#contact_map iframe {
    width: 100%;
    height: 450px
}