/*
 * Theme Name: T2TTech
 * Description: Công nghệ thông tin ngày càng phát triển, nó giúp con người mua thực hiện công việc mua bán, tìm kiếm thông tin sản phẩm ngày càng hiệu quả hơn. Thay vì phải chạy đến tận nơi bán sản phẩm để tìm hiểu thông tin hay mua một sản phẩm nào đó, bạn chỉ việc ngồi ở nhà và với một thiết bị được kết nối internet là bạn có thể có tất cả. Có thể nói website là một công cụ hữu hiệu nhất trong hoạt động quảng bá thương hiệu, sản phẩm, dịch vụ một cách hiệu quả. Bạn là một người kinh doanh thì việc thiết kế một website là điều vô cùng cần thiết và cấp bách trong thời buổi công nghệ này, đó là sợi dây liên kết giữa doanh nghiệp và khách hàng, giúp cho doanh nghiệp quảng bá thương hiệu, sản phẩm và dịch vụ của mình đến với mọi người một cách nhanh chóng, hiệu quả, dễ dàng và trực quan nhất.
 * Theme URI: 
 * Version: 15.2
 * Theme Author: 
 * Author: Cristian Dev
 * Author URI: toanpham9412@gmail.com
 * Textdomain: t2ttech
 */

 body {
   -webkit-user-select: none; 
   -moz-user-select: none;    
   -ms-user-select: none;     
   user-select: none;    
 }

 .elementor-icon img {
   width: 1em;
   height: 1em;
   position: relative;
   display: block;
}

.elementor-widget-video .elementor-widget-container {
   overflow: hidden;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
}

.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: 50%
}

.elementor-widget-video .elementor-custom-embed-image-overlay {
   cursor: pointer;
   text-align: center
}

.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i {
   opacity: 1
}

.elementor-widget-video .elementor-custom-embed-image-overlay img {
   display: block;
   width: 100%
}

.elementor-widget-video .e-hosted-video .elementor-video {
   -o-object-fit: cover;
   object-fit: cover
}

.e-container>.elementor-widget-video {
   width: var(--container-widget-width, 100%)
}

#tour-yeu-thich .tour-list .wrapper article .info .tourinfo .item .icon {
   background: #22324c ;
   color: #fff;
   font-size: 10px;
   border-radius: 100%;
   height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.jet-listing-grid__slider ul li.active button:hover,
.jet-listing-grid__slider ul li button:hover,
.jet-listing-grid__slider ul li button:focus {
   background-color: inherit;
}

.jet-listing-grid__slider ul li button,
.jet-listing-grid__slider ul li button:focus {
   border: none !important
}

.bct {
   position: relative;
   top: -3px;
}

.iframe-container {
   position: relative;
   width: 100%;
   height: 100%;
   padding-top: 40%;
   /* Tỷ lệ 16:9 */
}

.iframe-container iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: none;
}

.iframe-container--sm {
   padding-top: 175.44%;
}

.schedule__content p {
   font-family: 'Averta';
   font-weight: 400;
}

main#content .entry-content .post-content {
   font-weight: 400;
}

#footer .first .logo {
   margin-left: 0;
   margin-bottom: 25px;
}
#footer .col .title{
   line-height: 20px;
}

.about-slider .swiper-pagination {
   display: none !important;
}


.skeleton {
   background-color: #eee;
   height: 600px;
   margin-bottom: 10px;
   border-radius: 8px;
   animation: shimmer 1.5s infinite linear;
   width: 100%;
}

@keyframes shimmer {
   0% {
      background-position: -1000px 0;
   }

   100% {
      background-position: 1000px 0;
   }
}

.skeleton-wrapper {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

#leo_images .gallery-item {
   border: 2px solid #fff;
}
body.page main#content .entry-content,
body.error404 main#content .entry-content{
    width: 100%;
}
.swal2-popup .swal2-styled.swal2-confirm{
   background-color: #22324c !important;
}
#footer .col{
   flex: unset !important
}

.main-page__info h4 {
   font-weight: 700;
   font-size: 25px;
   margin-bottom: 10px;
}
#contact_form button {
   background-color: #22324c;
   border-color: #22324c;
   color: #fff;
}
label.error{
   font-size: 16px !important;
   color: #c49730 !important;
}
.elementor-widget-image a.partner-item{
   display: flex;
   height: 150px;
   align-items: center;
   justify-content: center;
}
.elementor-widget-image a.partner-item img{
   height: 130px;
   object-fit: contain;
}
.faq-question h2 i.arrow{
   border: solid #c49730;
   transform: rotate(45deg);
   border-width: 0 3px 3px 0;
}
#faq h2,
.action-book a{
   font-size: 20px;
}
.related-tours .tours-list .tour-card .price{
   font-size: 25px;
}
.box-border .sale-price span.price_regular,
#tour-yeu-thich .tour-list .wrapper article .info .price_regular, .price .price_regular{
    color: #718096;
    text-decoration-line: line-through;
    font-size: 18px;
    margin-left: 5px;
   color: #718096;
    text-decoration-line: line-through;
    font-size: 18px;
    margin-left: 5px;
}
.prev-page svg path, .next-page svg path{
   fill: #c49730
}

.page-hotel .item{
   margin-bottom: 15px;
   padding: 20px;
   display: flex;
   height: auto; 
   position: relative;
}
.page-hotel .item .tour-img{
   width: 30%;
   border-radius: 8px;;
}
.page-hotel .item .tour-caption{
   width: 70%;
}
.page-hotel .view-detail{
   position: absolute;
   right: 20px;
   bottom: 15px;
}
.page-hotel .view-detail a{
   background-color: #22324c;
   color: #fff;
   padding: 10px 20px;
   border-radius: 5px;
   font-size: 16px;
   text-decoration: none;
   border: none;
}
.page-hotel .view-detail a:hover{
   background-color: #c49730;
   color: #fff;
}
.sidebar{
   background: white;
   border-radius: 8px;
   padding: 16px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   border: 1px solid #00000012
}
.sidebar h3{
   font-size: 14px;
   line-height: 17px;
}
.sidebar__box input{
    width: 20px;
    height: 20px;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, .2), inset 0 -1px 0 rgba(16, 22, 26, .1);
    border-radius: 6px;
    background-color: #f5f8fa;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, 0));
}
.sidebar__box i{
   color: #ffbc39;
}
.sub-info-tour span i{
   color: #c49730;
}
.sub-info-tour a{
   color: #22324c;
}
body.single-hotel .button-box{
  text-align: center;
  margin: 15px 0;
}
body.single-hotel .button-box a{
   padding: 8px 16px;
   font-size: 12px;
   font-weight: 700;
   transition: all .5s ease-in-out;
   text-transform: uppercase;
   border-radius: 10px;
   color: #fff;
   background-color: #c49730;
}
body.single-hotel .button-box a:first-child{
   display: none;
}
body.page-template-page-book .sub-info-tour li{
   padding: 7px 0
}  
#dat-tour .wrapper .left .tour-info .tour-info-card .tour-info-detail .price{
   margin-top: 5px;
}
.des-active{
   background-color: #22324c;
   color: #fff;
   padding: 10px 20px;
   font-size: 16px;
   height: 100%;
}
#catalogue-main-content{
	display: block !important;
}
#header-nav .sub-menu a{
   margin-left: 0;
   padding-left: 5px;
   color: #fff !important;
}
.elementor-33 .elementor-element.elementor-element-56b1c8b .elementor-nav-menu--dropdown a:hover, .elementor-33 .elementor-element.elementor-element-56b1c8b .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-33 .elementor-element.elementor-element-56b1c8b .elementor-nav-menu--dropdown a.highlighted{
   background-color: #22324c !important;
}
.elementor-33 .elementor-element.elementor-element-56b1c8b .elementor-nav-menu--dropdown li:not(:last-child){
   border-color: #22324c;
}
.sub-info-tour li{
   text-transform: capitalize;
}
.faq-answer{
   padding: 20px 15px
}
#tour-yeu-thich .tour-list .wrapper article .info .tourinfo .item .content{
   width: calc(100% - 25px);
}
#tour-yeu-thich .tour-list .wrapper article .info .tourinfo .item{
   flex: wrap;
}

.box-border .sale-price span,
.related-tours .tours-list .tour-card .price,
.block-section .price-tour,
.posts-list article .price,
#tour-yeu-thich .tour-list .wrapper article .info .price{
	color: #bf0000;
   font-weight: bold;
}
body.archive.category .sidebar,
body.single-post .sidebar{
	box-shadow: unset;
	border: none;
}

.elementor-nav-menu--main .elementor-nav-menu ul ul{
   left: 100%;
}
.elementor-headline-dynamic-text{
   color: #bf0000;
}
.grid img{
   width: 100%;
}

.grid .img > a:after, .gal-opy > a:after {
   content: '';
   background: rgba(19, 34, 77, 0.5) url(resources/images/view.png) center no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   -webkit-transform: scale(0, 0);
   -moz-transform: scale(0, 0);
   -ms-transform: scale(0, 0);
   -o-transform: scale(0, 0);
   transform: scale(0, 0);
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}

.grid .img > a:hover:after, .grid .img > a:focus:after, .gal-opy > a:hover:after, .gal-opy > a:focus:after {
   -webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   transform: scale(1, 1);
}
img.emoji{
	width: 11px;
	height: 11px;
}
.elementor-12866 .elementor-element.elementor-element-6ec2e78:not(.elementor-motion-effects-element-type-background){
   background-color: #e4c972;
}
#tour-yeu-thich .tour-list .wrapper article .info .tourinfo{
   margin: 20px 20px 0px;
   height: 145px;
   overflow: hidden;
}
#tour-yeu-thich .tour-list .wrapper article .info .tourinfo .item + .item .content{
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   height: 45px;
}
.posts-list__title img {
   height: 44px;
   margin-bottom: 10px;
}
.visa-preview{
   padding: 0 15px;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   display: -webkit-box;
   height: 100px;
}
.tour-hot{
   position: absolute;
   left: -22px;
   top: -27px;
   width: 70px;
   height: 70px;
   z-index: 99;
}
.tour-hot img{
   width: 100%;
   height: auto;
}
.schedule-tour a{
   height: 100%;
}

@media (max-width: 767px) {
   .partner-col {
      width: 50%;
   }
}