/*
Theme Name: Introduce
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

#top-bar .nav>li>a>i+span {
    margin-left: 5px;
    font-size: 17px;
    text-transform: none;
    color: #3e3e3e;
}
#top-bar .nav>li>a>i{color: #e00000;}.html .social-icons {
    font-size: 17px;
    color: #3e3e3e;
}
.nav-small.nav>li.html, .nav-small.nav>li.html a{font-size:17px; font-family:"roboto condensed", sans-serif; padding:0; color:#3e3e3e}
.nav-small.nav>li.html a:hover{color:#e00000}
.dich-vu .dong-ngang, .ly-do .dong-ngang, .cam-nhan .dong-ngang, .doi-ngu .dong-ngang {
        max-width: 141px;
    height: 3px;
    background: #ffa700;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.dich-vu .icon-box {    background: #fbfbfb; padding-bottom:20px}
.dich-vu .icon-box p{margin-bottom:0; color:black; font-weight:500}
.dich-vu .col{padding-bottom:0}
.dich-vu .row2{margin-top:15px}
.nhan-tin .col{padding-bottom:0}
.nhan-tin .col p{margin-bottom:0}
.nhan-tin .form-flat input:not([type="submit"]){background:white}
.tin-tuc .post-item .box-text .post-title{font-size:18px}
.box-push .box-text {
    padding: 15px;
   
    max-width: 90%;
    margin: -10% auto 0;
}.tin-tuc .post-item .box-text .post-title:hover{color:rgb(188, 4, 4)}
.footer-section ul li a:hover{color:red}
.footer-section .section-title-normal span{border-bottom: 2px solid rgb(255, 167, 0);}
.single-post .page-title-inner {min-height:220px !important}
.recent-blog-posts a{font-size:15px; color:black}
span.widget-title {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 600;
    color: #9f0303;
}
.ho-tro-giai-dap{    background: url(/wp-content/uploads/2018/11/thiết-kế-website-chuẩn-seo.jpg);
    background-size: contain;
    padding: 20px;
    border-radius: 10px;
    color: white;}
.ho-tro-giai-dap h3{font-size:27px; color:white; margin-bottom:15px; text-transform:uppercase}
.ho-tro-giai-dap input[type='text'], .ho-tro-giai-dap input[type='tel'], .ho-tro-giai-dap textarea{border-radius:4px; background:rgba(255, 255, 255, 0.57)}
.widget .is-divider {
    height: 3px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    margin: 7px 0 15px;
    width: 100%;
	max-width: 100%;}
.widget .dich-vu-widget{    background: #fbfbfb;
    padding: 15px;}
.widget .dich-vu-widget ul li{margin-left:15px; list-style:square; color:red}
.blog-featured-title+#main .post-sidebar {
    padding-top: 10px;
    padding-left: 15px;
}.widget .dich-vu-widget ul li a{color:black}.widget .dich-vu-widget ul li a:hover{color:#bc0404}
.ho-tro-giai-dap input[type='submit']:not(.is-form){border-radius:4px}.blog-archive .post-sidebar{padding-left:0}
.dich-vu .icon-box-img img:hover{width:95%}
.gioi-thieu .section-title-container{margin-bottom:10px}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.row-feedback{
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		overflow-y:hidden;
	}
	.row-feedback .col{
		min-width:40%;
	}
	.medium-flex-wrap .flex-col{
		text-align:center;
	}

}
@media(max-width:425px){
	.row-feedback .col{
		min-width:60%;
	}
	.dich-vu .col{padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;}
.dich-vu .icon-box p{font-size:10px}
.dich-vu .icon-box h3{font-size:15px; line-height:22px}
.gap-element{display:none !important}
.nhan-tin .col p {text-align:center; font-size:11px}
.nhan-tin .col h3{text-align:center}
.dich-vu .row2 .cot1{display:none}
.nhan-tin .ml-half{margin-left:0}
.cam-nhan .medium-3, .doi-ngu .medium-3, .tin-tuc .post-item, .blog-archive .post-item{flex-basis:50%; max-width:50%}
.blog-archive .post-item .post-title{font-size:18px}.blog-archive .post-sidebar{padding-left:15px}
.testimonial-text p span{font-size:12px !important}
.testimonial-meta {font-size:14px}
.box-push .box-text{padding: 0;
    max-width: 100%;
    margin: 0;text-align:left}
.footer-section ul li span{word-break: break-all;}
.li-do .icon-box .icon-box-text p {font-size:12px}
}

.entry-content {
  color: #212529;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
  color: var(--primary-color);
}

.entry-content figure {
  background: #fff;
  border: 1px solid #f0f0f0;
  padding: 5px 3px 10px;
  text-align: center;
}

.entry-content h6 {
  font-size: 15px;
}

.entry-content h5 {
  font-size: 17px;
}

.entry-content h4 {
  font-size: 17px;
}

.entry-content h3 {
  font-size: 18px;
}

.entry-content h2 {
  font-size: 20px;
  line-height: 1.5;
}

.entry-content h1 {
  font-size: 25px;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
}

.entry-content p {
  color: #333;
  margin-bottom: 15px;
  font-size: 16.5px;
  line-height: 1.6;
}

#content ul,
.entry-content ul {
  list-style: disc;
  padding-left: 20px;
  padding-bottom: 5px;
}

.entry-content ul li {
  color: #333;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

.entry-content ul li a {
  color: #007bff;
}

#content ol,
.entry-content ol {
  list-style: decimal;
  padding-left: 18px;
  padding-bottom: 5px;
  font-size: 16.5px;
}

.entry-content ol li {
  color: #333;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

.entry-content ol li a {
  color: #ff5912;
}

.entry-content a {
  font-weight: 700;
}

.entry-content blockquote {
  background: #f3f3f3;
  color: #868686;
  display: block;
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 20px;
  padding: 15px 20px 15px 45px;
  position: relative;
  text-align: justify;
}

.entry-content blockquote p {
  margin-bottom: 0;
}

.entry-content blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background: var(--primary-color);
  content: "";
}

.entry-content code {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  font-size: 0.85rem;
  color: #e83e8c;
  font-size: 15px;
}
.entry-content > div{
  overflow: auto;
}
.entry-content table {
  width: 100%;
  height: auto;
  overflow: auto;
}

.entry-content table > tbody > tr > td,
.entry-content table > tbody > tr > th,
.entry-content table > tfoot > tr > td,
.entry-content table > tfoot > tr > th,
.entry-content table > thead > tr > td,
.entry-content table > thead > tr > th,
.term-description table > tbody > tr > td,
.term-description table > tbody > tr > th,
.term-description table > tfoot > tr > td,
.term-description table > tfoot > tr > th,
.term-description table > thead > tr > td,
.term-description table > thead > tr > th {
  border: 1px solid #ddd;
  padding: 7px 10px !important;
  font-size: 16.5px !important;
  width: auto !important;
}

.entry-content iframe {
  margin: auto;
}

.entry-content .syntaxhighlighter {
  padding: 10px 0;
}