/*
Theme Name: Flatsome Child
Description: Thietkewebchuyen.com
Author: UX Themes
Template: flatsome
Version: 3.2.3
*/



/* --- CSS PHẦN 1: HERO BANNER PT SHOP 68 --- */

/* Chỉnh khoảng cách và thiết kế tiêu đề chính */
.pt-hero-h1 {
    font-size: 2.8em;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 20px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
}

/* Chỉnh đoạn mô tả */
.pt-hero-desc {
    font-size: 1.2em;
    line-height: 1.6;
    margin-bottom: 30px;
    color: #f1f1f1;
}

/* Thiết kế Nút Gọi và tạo hiệu ứng nhấp nháy/tỏa nhiệt (Pulse) */
.pt-btn-hero {
    font-weight: bold;
    font-size: 1.1em !important;
}

.pt-btn-pulse {
    animation: pt-pulse-red 1.5s infinite;
}

@keyframes pt-pulse-red {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(221, 30, 37, 0.8); }
    50% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(221, 30, 37, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(221, 30, 37, 0); }
}

/* Bo tròn ảnh bên phải nếu có */
.pt-hero-image-right {
    border-radius: 10px;
    border: 3px solid #dd1e25;
}

/* Tùy chỉnh riêng cho màn hình điện thoại (Mobile) */
@media (max-width: 767px) {
    .pt-hero-h1 {
        font-size: 1.8em; /* Giảm cỡ chữ trên mobile */
    }
    .pt-hero-desc {
        font-size: 1em;
    }
}




/* --- CSS PHẦN 2: KHỐI DỊCH VỤ PT SHOP 68 --- */

/* Thiết kế Tiêu đề Section chung */
.pt-section-title {
    font-size: 2.2em;
    font-weight: 800;
    color: #222;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/* Đường gạch dưới tiêu đề */
.pt-divider {
    width: 80px;
    height: 4px;
    background-color: #dd1e25; /* Màu đỏ thương hiệu PT SHOP */
    margin: 0 auto 15px auto;
    border-radius: 2px;
}

.pt-section-sub {
    font-size: 1.1em;
    color: #555;
    margin-bottom: 35px;
}

/* Thiết kế Khối dịch vụ (Box) */
.pt-service-box {
    background-color: #ffffff;
    padding: 30px 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Bóng đổ nhẹ */
    transition: all 0.3s ease; /* Hiệu ứng chuyển động mượt */
    height: 100%;
    border-bottom: 4px solid transparent;
}

/* Hiệu ứng khi di chuột (Hover) vào khối dịch vụ */
.pt-service-box:hover {
    transform: translateY(-8px); /* Nhấc khối lồi lên */
    box-shadow: 0 12px 25px rgba(0,0,0,0.12); /* Bóng đổ đậm hơn */
    border-bottom: 4px solid #dd1e25; /* Thêm gạch đáy màu đỏ */
}

/* Tiêu đề trong từng box */
.pt-box-title {
    font-size: 1.3em;
    font-weight: 700;
    color: #dd1e25;
    margin-top: 15px;
    margin-bottom: 12px;
}

/* Chữ mô tả trong từng box */
.pt-box-desc {
    font-size: 0.95em;
    color: #444;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Căn chỉnh Mobile */
@media (max-width: 767px) {
    .pt-section-title { 
        font-size: 1.8em; 
    }
    .pt-service-box { 
        margin-bottom: 10px; 
    }
}






/* --- CSS PHẦN 3: NỘI DUNG CHI TIẾT CÁC DÒNG XE --- */

/* Thiết kế Khối Nội Dung (Message Box) */
.pt-ext-box {
    border-radius: 10px;
    border: 1px solid #eaeaea;
    transition: all 0.3s ease;
    height: 100%; /* Giúp 3 cột cao bằng nhau */
}

.pt-ext-box:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border-color: #dd1e25;
}

/* Tiêu đề trong hộp */
.pt-ext-title {
    font-size: 1.25em;
    font-weight: 800;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Đoạn văn mô tả */
.pt-ext-desc {
    font-size: 0.95em;
    color: #555;
    margin-bottom: 15px;
}

/* Định dạng danh sách có dấu check */
.pt-ext-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.pt-ext-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    font-size: 0.95em;
    color: #333;
    line-height: 1.5;
}

/* Tạo dấu Check đỏ thay cho dấu chấm tròn mặc định */
.pt-ext-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: #dd1e25; /* Màu đỏ PT SHOP */
    font-weight: bold;
    font-size: 1.1em;
}

/* Tiêu đề phần Logo Hãng Xe */
.pt-brand-title {
    font-size: 1.1em;
    color: #666;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

/* --- Hiệu ứng Hover cho Logo (Giữ nguyên như trước) --- */
.pt-brand-row { margin-top: 10px; }
.pt-brand-img img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.4s ease-in-out;
    max-height: 55px;
    width: auto;
    object-fit: contain;
}

.pt-brand-img:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.1);
}

@media (max-width: 767px) {
    .pt-ext-box { margin-bottom: 20px; }
    .pt-brand-img img {
        max-height: 40px;
        opacity: 0.8;
    }
}

.section-thuong-hieu .gallery-col .box-text {
	display: none;
}
.section-thuong-hieu .gallery-col,.section-thuong-hieu .col {
	padding-bottom: 0px;
}
.lien-he-price{
	font-weight: bold;
	color: red;
}
.div-tieu-de{
	padding-bottom: 0px;
}
.row-thong-tin p{
	background-image: url(images/list-style1.png);
	background-position: left top 9px;
	background-repeat: no-repeat;
	padding-left: 15px;
}
.box-text .from_the_blog_excerpt {
	min-height: 69px;
}


.entry-content{
	padding-top: 0px;
}
.nut-dat{
	text-align: center;
	margin: 27px;
}
.nut-dat a{
	cursor: pointer;
	padding: 10px 29px;
	text-align: center;
	color: #FFC;
	font-weight: 700;
	line-height: 22px;
	text-decoration: none;
	background: rgb(0,113,188);
	margin: 5px 0;
	text-transform: uppercase;
	font-size: 19px;
}
.nut-dat a:hover{
	color: #FFC !important;
	cursor: pointer;
	text-decoration: none;
	background: rgb(255,147,30) !important;
}
.row-dat-xe .large-4{
	padding: 5px;
}
.product-page-title{
	background-color: #f7f6fc;
	margin-top: 10px;
}
.row-dat-xe .wpcf7-submit{
	margin-bottom: 0px;
	margin-top: 18px;
	width: 100%;
}
.related .product-small .product-small {
	box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.product-page-title .page-title-inner{
	padding-top: 0px;
	min-height: 45px;
}
#top-bar .flex-row {
	padding: 5px;
}

.row-thong-tin p{
	border-bottom: 1px dashed #ececec;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.product-info{
	border: solid 1px #e9e9e9;
}
.product-info .star-rating{
	margin: auto;
	margin-bottom: 10px;
}
.product-info .is-divider{
	display: none;
}
.product-info .product-title {
	background-color: #fbfbfb;
	font-size: 16px !important;
	text-align: center;
	padding: 10px;
}
.product-info .product-page-price{
	display: none;
}
.in-stock{
	display: none;
}
form.cart{
	display: none;
}
#product-sidebar,.post-sidebar,#shop-sidebar {
	border: solid 1px #e9e9e9;
	padding: 0px !important;
}
#product-sidebar ul li:hover a ,#shop-sidebar  ul li:hover a,.post-sidebar ul li:hover a{
	color: red;
}
#product-sidebar ul li:hover,#shop-sidebar  ul li:hover,.post-sidebar ul li:hover{
	background-color: #f7f6fc;
}
#product-sidebar ul li a, #shop-sidebar  ul li a,.post-sidebar ul li a{

	padding: 7px 20px;
}
#product-sidebar ul li a,#shop-sidebar  ul li a,.post-sidebar ul li a{
	width: calc(100% - 40px);
	padding: 8px 10px 5px 30px;

	background-image: url(images/dot.png);
	background-repeat: no-repeat;
	background-position: center left 15px;
}

#product-sidebar .widget-title,#shop-sidebar  .widget-title,.post-sidebar .widget-title{
	background-color: #f7f6fc;
	padding: 10px;
	border-bottom: solid 1px #e9e9e9;
	display: block;
	color: #00a3de;
}
.row-divided.row-reverse>.col+.col:not(.large-12){
	border-right: none;
}
#product-sidebar .is-divider,#shop-sidebar .is-divider,.post-sidebar .is-divider{
	display: none;
}
.row-divided>.col+.col:not(.large-12){
	border-left: none;
}
.section-title-normal span{
	border-bottom: 2px solid rgb(0, 113, 188);
}
.box-normal{
	border: 1px solid transparent;
}
.box-normal:hover{
	border: 1px solid #ff931e;
}
.div-tieu-de .is-divider{
	margin-top: 0px;
}
.star-rating span:before {

	color: #FFC61D;
}
.dat-cho .a-dat-cho:hover,.box-text .button:hover{
	color: #FFC;
	cursor: pointer;
	text-decoration: none;
	background: rgb(255,147,30) !important;
}
.box-text .post-title {
	min-height: 57px;
}
.dat-cho .a-dat-cho ,.box-text .button {
	font-size: 14px;
	padding: 5px 25px !important;
	/* width: 80px !important; */
	text-align: center;
	color: #FFC;
	font-weight: 700;
	line-height: 22px;
	text-decoration: none;
	background: rgb(0,113,188) !important;
	margin: 10px !important;
	text-transform: uppercase;
}
.box-text .product-title{
	font-weight: bold;
	min-height: 41px;
}
.boxPicon {

	width: 100%;
	border-top: solid 1px #e9e9e9;
	padding: 5px 0;
	margin: 0;
}
.boxPicon > span:nth-child(1) {
	width: calc(62% - 39px);
	background-image: url(images/icon-hang-xe-2.jpg);
}
.boxPicon > span {
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0 5px;
	border-right: solid 1px #e9e9e9;
	overflow: hidden;
	float: left;
	height: 18px;
	text-align: justify;
	padding-left: 28px;
}
.boxPicon > span:nth-child(2) {
	width: calc(30% - 39px);
	background-image: url(images/icon-nam-sx-2.jpg);
}
.boxPicon > span:nth-child(3) {
	width: calc(32% - 24px);
	background-image: url(images/icon-so-cho-2.jpg);
	border-right: none;
}
.section-icon h4{
	color: #A52A2A;
	font-size: 15px
}
.section-icon .icon-box-text{
	text-align: justify;
}
.section-icon .icon-box-text p{
	font-size: 15px;
}


/*Màu sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
	background-color: currentColor !important;
	border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
	color: #fff;
	background-color: #446084;
	border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white !important;
	background : #2478ba !important;
	border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
	color: #fff;
	background-color: black !important;
	border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
	color: #fff !important;
	background-color: #cb2320  !important;
	border-color: #cb2320  !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
	color: #fff !important;
	background-color: #dd4e31 !important;
	border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
	color: #fff !important;
	background-color: #0072b7 !important;
	border-color: #0072b7     !important;
}

.single-date{
	border-bottom: 1px dashed #ededed;
}
h1.entry-title{
	font-size: 24px !important;
}
/*Kết thúc màu sắc*/



footer.entry-meta {

	border-top: none !important;
	border-bottom: 1px dashed #ececec !important;

}

.entry-content img{
	width: auto !important
}
.duong-line {
	background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
	height: 12px;
	margin-top: 5px;
	overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	font-size: 18px;
	float: left;
	margin: -8px 20px 0 0;
}


@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

}

@media(min-width: 1023px) and (max-width: 1025px){
	ul.header-nav-main li{
		padding: 30px 7px;
	}
}
@media(max-width: 769px){
	.spu-box {
		padding: 7px !important;
	}
	.row-dat-xe input, .row-dat-xe select{
		margin-bottom: 0px ;
	}
	.row-footer img{
		text-align: center;
		width: 50%;
		display: flex;
		margin: auto;

	}
	.boxPicon > span:nth-child(1) {
		width: calc(50% - 39px);
		background-image: url(images/icon-hang-xe-2.jpg);
	}
}