/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

.material-symbols-outlined {

  font-variation-settings:
  'FILL' var(--fill, 0),
  'wght' var(--wght, 200),
  'GRAD' var(--grad, 0),
  'opsz' var(--opsz, 24);

}


a.dk-lightbox-btn .material-symbols-outlined{
	background:red;
	width:40px;
	height:40px;
	border-radius:5px;
    transition: 0.5s;
	position:absolute;
	right:10px;
	bottom:10px;
	display:flex;
	transition:0.5s;
	align-items: center;
    justify-content: center;
	color:white;
	font-size:30px;
}


.dk-lightbox-btn:hover .material-symbols-outlined{
	width:50px;
	height:50px;
	transition:0.5s;
}

.woocommerce-Price-currencySymbol{
	display:none !important;
}


input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none;
  border: none; /* nếu muốn bỏ luôn border */
  box-shadow: none; /* nếu có hiệu ứng shadow */
}

.phd_logo{
  top: 50%;
  transform: translateY(-50%);
}

.btn-grad {
  background-image: linear-gradient(to right, #F03B28 10%, #F5B425 60%, #F03B28 100%);
}

.btn-grad {
  text-align: center;
  transition: 0.5s;
  background-size: 260% auto;
  color: white;
  outline: none;
  border: none;
}

.btn-grad:hover {
  background-position: right center;
  color: #fff;
  text-decoration: none;
}


/* HOMEPAGE */

#brxe-eswldh {
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: hidden;
  width: 100%;
}

#brxe-eswldh .marquee-group {
  display: flex;
  gap: 20px;
  width: max-content; /* cần cho animation */
}

#brxe-eswldh .marquee-group > div {
  flex: 0 0 15vw !important;
}



@media all and (max-width: 767px) {
  #brxe-eswldh .marquee-group > div {
    flex: 0 0 50vw !important;
  }
	
	#home-cate:first-child{
		grid-column: 1 / span 2;
	}	
}

#brxe-eswldh img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}


.line-left {
  animation: scroll-left 20s linear infinite;
}

.line-right {
  animation: scroll-right 20s linear infinite;
}

@keyframes scroll-left {
  0% { transform: translateX(-0%); }
  100% { transform: translateX(-50%); }
}

@keyframes scroll-right {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}


.marquee-group:hover {
  /* animation-play-state: paused; */
}













/* .btn-gradient {
	background-image: linear-gradient(90deg, #F03B28 30%, #F6897E 50%, #F03B28 90%);
    background-size: 400% auto;
    transition: 0.5s;
    animation: gradientMove 5s linear infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 200% center;
    }

    50% {
        background-position: 0% center;
    }
	
	100% {
        background-position: 200% center;
    }
} */

.btn-gradient {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    z-index: 1;
}

.btn-gradient::before {
    content: "";
    position: absolute;
    inset: -200%;
    
	background: conic-gradient(
		from 0deg,
		#F03B28 0deg,
		#F36253 90deg,
		#F6897E 180deg,
		#F36253 270deg,
		#F03B28 360deg
	);

    animation: rotateGradient 2s linear infinite;
    z-index: -1;
}

@keyframes rotateGradient {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}





/* #ft-gallery{
	display:flex !important;
	flex-wrap: nowrap !important;
}

#ft-gallery .bricks-layout-item img{
	width:100%;
}
 */

#ft-gallery {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 20px;
}

#ft-gallery .bricks-layout-item {
  flex: 0 0 15%; /* mỗi ảnh = 1/5 */
  max-width: 15%;
}

/* container chạy */
#ft-gallery {
  animation: ft-marquee 20s linear infinite;
}

/* ảnh */
#ft-gallery img {
  width: 100%;   /* chỉnh size */
  object-fit: cover;
  border-radius: 12px; /* optional cho đẹp */
  aspect-ratio: 4/3;
}

/* .marquee-group .brxe-div:hover .brxe-text-basic{
	visibility: visible;
} */

.marquee-group .brxe-div .brxe-text-basic{
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.3s ease;
	visibility: hidden;
}

.marquee-group .brxe-div:hover .brxe-text-basic{
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

/* animation */
@keyframes ft-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* ===== TOUR DETAIL ==== */

.dk-product-gallery{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}

.dk-product-gallery img{
	border-radius:15px;	
}

@media all and (max-width: 767px) {
	.dk-product-gallery{
		gap: 1rem;
	}
	
	.dk-product-gallery img{
		border-radius:10px;	
	}
	
	#tour_tab_menu{

	}
	#tour_tab_menu div:first-child {
		grid-column: 1 / -1;
	}
}



#tour-content ul{
	margin:0;
	padding:0;
	display:grid;
	gap:1rem;
	width:100%;
}

#tour-content ul li
{
	list-style: none;
	display: flex;
	align-items: flex-start;
    gap: 10px;
}

.ctbaogom{
	width:100%;
}

.hoatdongnoibat ul, .ctbaogom ul
{
	grid-template-columns:1fr 1fr;

}

@media all and (max-width: 766px){
	
	.hoatdongnoibat ul, .ctbaogom ul
	{
		grid-template-columns:1fr;

	}
	
	.mb{
		display:none;
	}
}

.ctbaogom ul li::before
{
    content: '\e86c';
    font-size: 25px;
    font-family: 'Material Symbols Outlined';
    line-height: 1.4;
    color: green;
}

.hoatdongnoibat ul li::before{
	content: '\f7fd';
    font-size: 25px;
    font-family: 'Material Symbols Outlined';
    line-height: 1.4;
    color: #ff3100;
}

.hoatdongnoibat_loop ul li::before{
	content: '\e5df';
    font-size: 22px;
    font-family: 'Material Symbols Outlined';
    line-height: 1.4;
    color: #ff3100;
}

.ctghichu ul li::before{
	content: '\e6b1';
    font-size: 25px;
    font-family: 'Material Symbols Outlined';
    line-height: 1.4;
    color: #df6fff;
}

.ctghichu h3{
	font-size: 20px;
    margin: 10px 0;
}

/* TOUR - LỊCH TRÌNH */
.lichtrinh-content{
	display: flex;
    flex-direction: column;
}


.lichtrinh-content p{
	display:flex;
	gap:10px;
	width: 100%;
}

.lichtrinh-content p::before{
	content: '\ea0a';
    font-family: 'Material Symbols Outlined';
}
.lichtrinh-content ul{
	width:100%
}

.lichtrinh-content ul li::before{
	content:'-';

}


/* ======= TOUR CALENDAR =======  */
#tour-calendar{
	
}

.jet-calendar-caption__select-wrapper {
	padding: 5px 20px;
    border: 1px solid red;
    color: red;
    border-radius: 5px;
    line-height: 1.5;
	margin-left: 10px;
}

.jet-calendar-caption__select-wrapper select{
	min-width:150px;
	padding:5px 20px;
	border: 1px solid red;
 
}

.jet-calendar-header__week-day{
    background: #ff3100;	
	color:white;
	border-radius:5px;
}
#tour-calendar table {
	border-spacing:10px;
}

#tour-calendar table tr td{
    border: 1px solid #e3e3e363;
    border-radius: 5px;
}
/* #tour-calendar table tr td .jet-calendar-week__day-date{
	background:#dfdfdf;
	color:white;
	padding:5px 15px;
} */


#tour-calendar table tr td .jet-calendar-week__day-date{
	background: #f4f4f48a;
    padding: 2px 15px;
	text-align:left;
	border-radius:3px;
	line-height:1.3;
}

#tour-calendar table tr td.day-pad .jet-calendar-week__day-date{
	color: #cdcdcd;
	background:white;
}



#tour-calendar table tr td.has-events .jet-calendar-week__day-date{
	width:100%;
	background:red;
	color:white;
}


#tour-calendar .jet-calendar-week__day-wrap{
	border-radius:5px;
	overflow:hidden;
}

.jet-calendar-week__day-content{
    min-height: 50px !important;	
	display: flex;
    flex-direction: column;
    gap: 10px;
}

@media all and (max-width: 767px) {
	#tour-calendar table {
		border-spacing:5px;
	}

	.jet-calendar-week__day-mobile-trigger{
		display:none;
	}
	
	.jet-calendar-week__day-content{
		display: none;
	}
	
	.jet-calendar-week__day-header{
		font-size:13px;
	}
}
/* ======= TOUR CALENDAR =======  */
/* Tìm thẻ <a> nào đang nằm trong vòng lặp và có aria-current="page" */
.brxe-rdtoak[aria-current="page"] img{
    border: 1px solid red;
    margin-bottom: 10px;
}

/* Hoặc đổi màu chữ của text bên trong thẻ <a> đang active đó */
.brxe-rdtoak[aria-current="page"] .brxe-text-basic{
    color: red;
}





#tour_sidebar input[type="search"]{
	width:90% !important;	
}

#tour_sidebar .jet-checkboxes-list__decorator{
	width:22px !important;
	height:22px !important;
	border-radius:2px !important;
}

.jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__input:checked+.jet-checkboxes-list__button .jet-checkboxes-list__decorator{
	background:red !important;
	border-color:red;
}

#tour_sidebar .jet-active-filters__list{
	display:flex;
    gap: 10px;
    flex-direction: column;
    padding: 10px;
}

#tour_sidebar .apply-filters__button{
	width: 100%;
    text-align: center;
    background: red;
    color: white;
    border-radius: 5px;
}

#tour_cate_menu nav{
	width:100%;
}

#menu-tour_cate{
	gap:2rem;
}

#menu-tour_cate li{
	border-radius: 3px;
    overflow: hidden;
}

#menu-tour_cate li a{
	padding: 0 2rem;
}
    



/* ======= ABOUT US =======  */
.tab-title.brx-open{
	background-image: linear-gradient(to bottom, #FF512F 0%, #fff3ed 80%);
    border-radius: 20px 20px 0 0 ;
}

#brxe-encgoy .tab-content{
	background-image: linear-gradient(to bottom, #fff3ed 30%, white 100%);
}

/* ======= POST =======  */

.post-content h2{
	font-size:25px;
	margin-bottom:10px;
	padding-top:10px;
}

.post-content h3{
	font-size:20px;
	padding-left:5px;
	padding-top:10px;
}

.post-content h4{
	font-size:18px;
	padding-left:10px;
	padding-top:10px;
}

.post-content p{
	padding-left:15px;
	margin-bottom:5px;
}

.post-content ul{
	margin: 5px 0;
}
.post-content ul li{
	display:flex;
	align-items: flex-start;
}

.post-content ul li::before {
	font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
	content:"\e5df";
	padding-right:10px;
}