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

/*************** ADD CUSTOM CSS HERE.   ***************/
html {
    scroll-behavior: smooth;
}
/*-- chia cột Form --*/
#info-left {
    width: 49%;
    float: left;
    margin-right:2%;
}
#info-right {
    width: 49%;
    float: right;
}
.form-contact-twocol:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
.form-contact-twocol {
    display:block;
}
/*-- Chèn icons lên Form --*/
.wpcf7 p{ position: relative; }
#icon-form{
  position: absolute;
  color: #666666;
  z-index: 100;
  font-size: 18px;
  top: 8px;
  right: 10px;
}


.tour-archive-container{
max-width:1200px;
	padding-top: 30px;
	padding-bottom: 30px;
margin:auto;
display:grid;
grid-template-columns:260px 1fr;
gap:30px;
}

.tour-archive-title {
	font-size: 20px;
	color: #00367b;
}

.sidebar-title{
background:#00367b;
color:#fff;
padding:10px 10px 10px 15px;
font-size:16px;
	font-weight: bold;
	margin-bottom: 0px;
}

.tour-category-list{
list-style:none;
padding:0;
border:1px solid #eee;
}

.tour-category-list li{
border-bottom:1px solid #eee;
	margin-bottom: 0px;
}

.tour-category-list a{
display:block;
padding:10px 15px;
text-decoration:none;
color:#333;
}

.tour-category-list a:hover{
background:#f5f5f5;
}

.tour-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:10px;
}

.tour-card{
border:1px solid #eee;
background:#fff;
transition:.2s;
	box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

.tour-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

.tour-card-image img{
width:100%;
height:220px;
object-fit:cover;
}

.tour-card-content{
padding:10px 10px 10px 15px;
}

.tour-card-content h3{
font-size:15px;
margin-bottom:0px;
}

.tour-card-price{
color: #00367b;
}

@media (max-width: 768px){

/* ===== Layout ===== */
.tour-archive-container{
    grid-template-columns: 1fr !important;
    gap:20px;
    padding:15px;
}

/* ===== Ẩn sidebar ===== */
.tour-archive-container .tour-sidebar{
    display:none !important;
}

/* ===== Grid tour ===== */
.tour-grid{
    display:grid;
    grid-template-columns:1fr !important;
    gap:20px;
}

/* ===== Card ===== */
.tour-card{
    width:100%;
    overflow:hidden;
}

/* ===== Image ===== */
.tour-card-image img{
    width:100%;
    height:200px;
    object-fit:cover;
}

/* ===== Content ===== */
.tour-card-content{
    padding:15px;
}

.tour-card-content h3{
    font-size:16px;
    line-height:1.4;
}

/* ===== Price ===== */
.tour-card-price{
    font-size:15px;
}

/* ===== Title page ===== */
.tour-archive-title{
    font-size:20px;
}

/* ===== Description ===== */
.tour-archive-description{
    font-size:14px;
    line-height:1.6;
}

	.tour-info-box {
		margin-bottom: 0px !important;
	}
	.tour-container {
		    grid-template-columns: 1fr !important;
		padding-top: 0px !important;
	}
	
	
}