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

/*************** ADD CUSTOM CSS HERE.   ***************/
.header-main .nav > li > a{font-size:24px;color: #fff}
.tours-hot-deals-item-title{font-size: 24px;margin: 10px 0;text-transform: uppercase;color: #b20000 !important}
.tours-hot-deals-item-title a:hover{color: #b20000 !important}
.tours-hot-deals-item-location{text-transform: uppercase;font-weight: 600}
.tours-hot-deals-item-excerpt,.tours-hot-deals-item-duration{padding: 10px 0}
.tours-hot-deals-item {
/*    background: url('images/bg-blog.svg'),#fff;*/
    background: #fff;
    background-position: bottom left;
    background-repeat: no-repeat;
    color: #1d1d1d;
    border-radius: 10px;
}
.box{border-radius: 20px}
.tours-hot-deals-item-image{border-radius: 10px 10px 0 0}
.tours-hot-deals-item-content{padding: 0 15px 15px 15px}

.relatedcat{background: #2b2b2b;padding:20px}
.relatedcat h3 {font-size: 30px}
.text_duration{font-size: 20px;font-weight: 600}
.tours-hot-deals-item-feature{
	top: 20px;
    left: 20px;
    position: absolute;
    z-index: 1;
    padding: 6px 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    border-radius: 5px;
    background: #b20000;
}
.image-cover{padding-top: 75% !important}
.tours-hot-deals-item-price{
		top: 20px;
    right: 20px;
    position: absolute;
    z-index: 1;
    padding: 6px 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    border-radius: 5px;
    background: #b20000;
}
.price_text{font-size: 25px}
.breadcrumbs{margin-top:20px;padding: 15px}
.absolute-footer{display: none;}


/*SIngle Tours*/
.ytp-cued-thumbnail-overlay-image{background-size:contain;}
.tours_videos iframe{width: 100% !important; height: 600px !important;}
.single_tour_title{margin:0}
.head-post_single ul {list-style: none;}
/*#slider_gallery img{height: 600px;object-fit: cover;}*/
.Departure{float: right;}
#slider_gallery{padding:0 15px}
article.post-content ul{margin: 10px;padding: 0 10px}
article.post-content a{color: #b20000}
article.post-content a:hover{color: #1e1e1e !important;}
.gallery_tour img{
    border-radius: 20px;
    height: 600px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 20px;
}
.owl-next {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #FFFFFF !important;
    border-radius: 50% !important;
    top: 40%;
}
.owl-prev {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #FFFFFF !important;
    border-radius: 50% !important;
    top: 40%;
}
.owl-next span{color: #000 !important;font-size: 25px}
.owl-prev span{color: #000 !important;font-size: 25px}
.owl-prev {
    left: 30px;
    right: auto;
}
.owl-next {
    left: auto;
    right: 30px;
}
.owl-stage-outer{border-radius:20px}
.owl-dots{display: none;}
.st-heading-section{font-size: 25px;margin: 0; padding: 10px 0;color: #000 !important}
.single_tours_content h2{font-size: 32px;margin: 0; padding: 10px 0}
.tours_content {background: #fff;line-height: 2;color: #1d1d1d;border-radius:20px}
.tours_content p{color: #1d1d1d}
.tours_content h2 , h3 ,h4 ,h5, h6{color: #000}
.sidebar_widget{
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 15px;
    overflow: hidden;
    margin: 20px 0;

}

.accordion-item p{margin: 0}
.accordion-title{padding-bottom: 0}
#comments{margin: 0 auto !important}
.ux-menu-title{font-size: 20PX}
span.tags_item{
    padding: 10px 15px;
    overflow: hidden;
    margin: 8px;
    float: left;
    text-transform: capitalize;
    background: #f2f2f2;
    border-radius: 20px;
}
span.tags_item a:hover{color: #b20000}
.sidebar_widget form{margin:0 !important}
/*Blog*/
.blog-wrapper{background: inherit;}
.single-page {
    padding: 15px;
    }
.single-page h2{font-size: 30px}
.single-page h3{font-size: 24px}
.recent-blog-posts .badge{
display: table;
    height: 5.8em;
    pointer-events: none;
    width: 6.8em;

}
.single-page .row{
   vertical-align: middle !important;
    align-items: center;
}
.price_single{font-size: 30px;font-weight: 700}
.recent-tours-li{
    overflow: hidden;
    padding: 10px 0;
}
.recent-tours-li img{
    width: 110px;
    height: 100px;
    float: left;
    margin-right: 10px;
}
.title_tours_widget{text-transform: uppercase;}
.category-description a{color: #b20000}
.category-description p{line-height: 2}
.youtube-video img{width: 100%;height: 215px;object-fit: cover;}
.youtube-video h3{margin: 10px 0}
#CDSWIDFRR{margin: 0 auto !important;}
.post-tags{overflow: hidden;}
.post-tags a{
    border-radius: 20px;
    border: 1px solid;
    padding: 10px;
    margin: 10px;
    text-transform: capitalize;
    float: left;

}
.archive-page-header h1{font-size: 52px}
.wpd-comment-text p{color: #1d1d1d}
.post-tags a:hover{color: #b20000}

.footer-fixed .col1 {
    background: #b20000;
}
.footer-fixed a {width: 50%}
.footer-fixed div {
    text-align: center;
    padding: 10px 0;
}
.footer-fixed .col2 {
    background: #52cb5a;
}
.footer-fixed div span {
    margin-left: 10px;
    color: #fff;
    font-weight: 600;
}
.list_tours li a{text-transform: uppercase;
color: #fff400;
}
#content-blog a{color: #fff400;}
.bt_list_tours{text-transform: uppercase;color: #b20000}
.bt_list_tours h3{color: #000}
#content-blog img{width: 100%}
#tripLREC_INIT{display: none !important}
strong{font-weight: normal !important;}
.single_tours_content table{
   width: 100%;
}
.single_tours_content table td{
   padding: 10px 5px;
   color: #000 !important;
   text-align: center;
   }
.tour-schedule-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.tour-schedule-table th, .tour-schedule-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

.tour-schedule-table th {
    background-color: #f2f2f2;
    text-align: center !important;
}

.tour-schedule-table button {
    padding: 8px 16px;
    background-color: #0073aa;
    color: white;
    border: none;
    cursor: pointer;
}

.tour-schedule-table button:hover {
    background-color: #005177;
}
.booking-page-content{padding: 30px 10px}

.booking-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Khoảng cách giữa các nhóm 
}

/*.form-group {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(50% - 20px); /* Chiều rộng mỗi nhóm là 50% trừ đi khoảng cách */
}

/*.form-group label {
    margin-bottom: 5px;
    font-weight: bold;
}

.form-group input,
.form-group select,
.form-group textarea {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
}

.booking-page-content textarea {
    min-height: 100px;
}

.booking-form input[type="submit"] {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    flex: 0 0 100%; /* Nút submit chiếm toàn bộ chiều rộng */
/*}

.booking-form input[type="submit"]:hover {
    background-color: #005b88;
}
*/


@media screen and (min-width: 1024px) {
    .footer-fixed{display: none;}
    .fab-wrapper {bottom: 45px;}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.footer-fixed {
    display: flex;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 10;
    text-transform: uppercase;
}
.off-canvas .nav-vertical>li>a{font-size: 18px}
/*.button_book_tours{
    left: 5% !important;
    bottom: 0;
    position: fixed;
    z-index: 1;
}*/
._bc_cbb{display: none;}
.sidebar_form{display: none;}
.single_tour_title{font-size: 40px !important;}
.single_tours_content h2{font-size: 26px}
.youtube_single iframe {height: 300px !important}
#slider_gallery{display: none;}
.title_slide{display: none;}
.gallery_tour {display: none;}
.tours_videos iframe{width: 100% !important; height: 315 !important;}
}


.fab-wrapper {
      position: fixed;
      bottom: 20px;
      right: 0;
      z-index: 9999999;
   }
   .fab-checkbox {
      display: none !important;
   }
   .fab-checkbox:checked~ .devvn_bg {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.8);
      z-index: 1;
   }
   .fab_hotline {
      width: 60px;
      max-width: unset;
      height: 60px;
      display: flex !important;
      justify-content: center;
      align-items: center;
      margin: 0;
      border-radius: 50%;
      background: #b20000;
      box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
      position: absolute;
      right: 10px;
      bottom: 10px;
      z-index: 1000;
      overflow: hidden;
      transform: rotate(
            0deg
      );
      -webkit-transition: all .15s cubic-bezier(.15,.87,.45,1.23);
      transition: all .15s cubic-bezier(.15,.87,.45,1.23);
   }
   .fab-checkbox:checked~.fab_hotline {
      transform: rotate(
            90deg
      );
      -webkit-transition: all .15s cubic-bezier(.15,.87,.45,1.23);
      transition: all .15s cubic-bezier(.15,.87,.45,1.23);
   }
   [class*=icon-cps-] {
      display: inline-block;
      vertical-align: middle;
      background-repeat: no-repeat;
      background-size: 453px;
      background-image:url('../flatsome/assets/img/social_button.png') ;
   }
   .icon-cps-fab-menu {
      width: 50px;
      height: 50px;
      margin: 0 !important;
      background-size: 694px;
      background-position: -649px 0;
   }
   .fab-checkbox:checked~.fab_hotline .icon-cps-fab-menu {
      width: 30px;
      height: 30px;
      margin: 0;
      background-size: 615px;
      background-position: -291px -70px;
   }
   .fab-wheel {
      width: 300px;
      height: 220px;
      position: absolute;
      bottom: 15px;
      right: 15px;
      transform: scale(0);
      transform-origin: bottom right;
      transition: all .3s ease;
      z-index: 12;
   }
   .fab-checkbox:checked~.fab-wheel {
      transform: scale(1);
   }
   .fab-wheel .fab-action {
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      position: absolute;
      text-decoration: none;
   }
   .fab-wheel .fab-action-1 {
      top: 0;
      right: 0;
   }
   .fab-title {
      float: left;
      margin: 0 5px 0 0;
      opacity: 0;
   }
   .fab-checkbox:checked~.fab-wheel .fab-title {
      opacity: 1;
   }
   .fab-button {
      width: 45px;
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
      float: left;
      padding: 4px;
      border-radius: 50%;
      background: #0f1941;
      box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
      font-size: 24px;
      color: White;
      transition: all 1s ease;
      overflow: hidden;
   }
   .icon-cps-local {
      width: 28px;
      height: 28px;
      background-position: 0px -49px;
   }
   .fab-wheel .fab-button-1 {
      background: #dd5145;
   }
   .fab-wheel .fab-action-2 {
      top: 40px;
      left: 120px;
   }
 
   .fab-wheel .fab-button-2 {
      background: #fb0;
   }
   .icon-cps-phone {
      width: 28px;
      height: 28px;
      background-position: -51px -49px;
   }
   .fab-wheel .fab-action-3 {
      left: 65px;
      bottom: 70px;
   }
   .fab-wheel .fab-button-3 {
      background: #0f9d58;
   }
   .icon-cps-chat {
      width: 30px;
      height: 30px;
      background-position: -369px 0px;
   }
   .fab-wheel .fab-action-4 {
      left: 0;
      bottom: 0;
   }
   .fab-wheel .fab-button-4 {
      background: #2f82fc;
   }
   .icon-cps-chat-zalo {
      width: 30px;
      height: 30px;
      background-position: -362px -1px;
      background-size: 515px;
   }
   .suggestions-chat-box {
      min-width: 140px;
      min-height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #1d72e0;
      border-radius: 10px;
      background: #277cea;
      box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      position: fixed;
      right: 80px;
      bottom: 7%;
      z-index: 11;
   }
   .hidden {
      display: none!important;
   }
   .align-items-center {
      -ms-flex-align: center!important;
      align-items: center!important;
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important;
      display: -ms-flexbox!important;
      display: flex!important;
      -webkit-box-align: center!important;
      -ms-flex-align: center!important;
      align-items: center!important;
   }
   .suggestions-chat-box #btnClose {
      position: absolute;
      top: 2px;
      left: 2px;
   }
   i.icon-cps-face {
      width: 28px;
      height: 28px;
      background-position: -177px 0px;
   }
   .fab-checkbox:not(:checked)~.fab_hotline {
      animation-name: zoom;
      -webkit-animation-name: zoom;
      animation-delay: 0s;
      -webkit-animation-delay: 0s;
      animation-duration: 1.5s;
      -webkit-animation-duration: 1.5s;
      animation-iteration-count: infinite;
      -webkit-animation-iteration-count: infinite;
      cursor: pointer;
      box-shadow: 0 0 0 0 #c31d1d;
   }
   @-webkit-keyframes tada {
      0% {
         -webkit-transform: scale(1);
         transform: scale(1)
      }
 
      10%,20% {
         -webkit-transform: scale(.9) rotate(-3deg);
         transform: scale(.9) rotate(-3deg)
      }
 
      30%,50%,70%,90% {
         -webkit-transform: scale(1.1) rotate(3deg);
         transform: scale(1.1) rotate(3deg)
      }
 
      40%,60%,80% {
         -webkit-transform: scale(1.1) rotate(-3deg);
         transform: scale(1.1) rotate(-3deg)
      }
 
      100% {
         -webkit-transform: scale(1) rotate(0);
         transform: scale(1) rotate(0)
      }
   }
 
   @keyframes tada {
      0% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1)
      }
 
      10%,20% {
         -webkit-transform: scale(.9) rotate(-3deg);
         -ms-transform: scale(.9) rotate(-3deg);
         transform: scale(.9) rotate(-3deg)
      }
 
      30%,50%,70%,90% {
         -webkit-transform: scale(1.1) rotate(3deg);
         -ms-transform: scale(1.1) rotate(3deg);
         transform: scale(1.1) rotate(3deg)
      }
 
      40%,60%,80% {
         -webkit-transform: scale(1.1) rotate(-3deg);
         -ms-transform: scale(1.1) rotate(-3deg);
         transform: scale(1.1) rotate(-3deg)
      }
 
      100% {
         -webkit-transform: scale(1) rotate(0);
         -ms-transform: scale(1) rotate(0);
         transform: scale(1) rotate(0)
      }
   }
 
   @-webkit-keyframes zoom {
      0% {
         transform: scale(.9)
      }
 
      70% {
         transform: scale(1);
         box-shadow: 0 0 0 15px transparent
      }
 
      100% {
         transform: scale(.9);
         box-shadow: 0 0 0 0 transparent
      }
   }
 
   @keyframes zoom {
      0% {
         transform: scale(.9)
      }
 
      70% {
         transform: scale(1);
         box-shadow: 0 0 0 15px transparent
      }
 
      100% {
         transform: scale(.9);
         box-shadow: 0 0 0 0 transparent
      }
   }