/* Theme Name: Tripgo Child Theme
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Description: This is child theme of tripgo
Author: Ovatheme
Author URI: https://themeforest.net/user/ovatheme
Template: tripgo
Version: 1.0.0
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain:  tripgo-child
*/


  .font-size, .payment_box .payment_method_ppcp, .wc-deposits-options-form, .awcdp-deposits-wrapper, .ova-is-featured {
    display: none !important;
  }

.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Space between images */
}

.gallery-item {
    flex: 1 1 calc(33.33% - 10px); /* Adjust width for three items per row */
    box-sizing: border-box;
}

.gallery-item img {
    width: 100%; /* Make images responsive */
    height: auto; /* Maintain aspect ratio */
}

.content-product-item h2 {
  font-weight: 700;
  font-size: 38px;
}

.content-product-item h3 {
  font-weight: 500;
}

.ova-video-gallery .btn-video-gallery:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: #FFFFFF;
}

.content-product-item hr{
  background-color:#0000001A !important;  
}

.heading-tour-included-excluded::after {
    content: '';
    position: absolute;
    width: 50vw;
    height: 1px;
    left: 0;
    display: block;
    clear: both;
    background-color: #0000001A;
    margin-top: 10px;
}

.content-product-item ul li::marker {
  color: var(--primary);
}

.tour-included-excluded-content ul .item-tour-excluded::before {
  color: #FF0000;
}


.product-feature-container{
    border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.07);
}

.ova-features-product{
    padding: 0 !important;
    max-width: calc(100%)!important;
}

.owl-nav{
 width: 100%;
  height: 0;
  position: absolute;
  top: 45%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  visibility: hidden;
  opacity: 0;
  transition: all 0.7s ease; 
}

.owl-nav button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: var(--secondary);
  font-size: 20px;
  box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08);
  transition: all 0.3s ease;
}

.owl-nav button:hover {
  background-color: var(--secondary);
  color: #FFFFFF;
}

/*
.variations_form{
    background: #FFFFFF;
  box-shadow: 0px 4px 40px rgba(43, 89, 255, 0.08);
  border-radius: 10px;
  padding: 30px;
  width: 100%;
  position: relative;
  margin-top: -120px;
  z-index: 1;
}
*/

.ova-forms-product .forms-wrapper {

  margin-top: 0px;

}

.book-line:before,.book-line:after{
          width: 7px;
    height: 7px;
    content: '';
    background-color: var( --e-global-color-primary );
    position: absolute;
    border-radius: 50%;
    margin-top:21px;
    
}

.book-line:after{
    margin-top:-29px;
    margin-left:305px;

}

.woocommerce div.product form.cart table, tour-tble {
  border-width:0 !important;
  margin-bottom:4px!important;
}


div.product form.cart .variations th{
    float:left!important;
    padding: 0!important;
}

#wtminus_ticket, #wtadd_ticket{
  align-items: center;
  justify-content: center;
  width: 25px;
  min-width: 25px;
  height: 15px;
  text-align: center;
  border: none;
  border-radius: 4px;
  background-color: var(--first-background);
  cursor: pointer;
  color: var(--heading);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
    box-shadow: none!important;
    padding: 16px 0px 16px 0px!important;
}

#wtminus_ticket:hover, #wtadd_ticket:hover{
   background-color: var( --e-global-color-primary ); 
   color: #FFFFFF;
}

.wt-qf {
  text-align: center!important;
  width: 40px!important;
  font-size: 16px!important;
  height: 36px!important;
  padding: 0!important;
  background: none!important;
  box-shadow: none!important;
  border-width: 0!important;
} 

.woocommerce div.product form.cart .variations select, .woocommerce div.product form.cart table td{
  width:100% important;
}

.variations tr{
    display:grid
}

.variations select{
    width: 100%;
  height: 48px;
  padding: 11px 16px!important;
  border-radius: 5px !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--text)!important;
}

.ui-timepicker-container {
    z-index:1 !important;
}

.woocommerce-variation-add-to-cart, .tour-tble.date-sl > tbody > tr > td {
    border-top: none !important;
    padding-top: 0px !important;
}

.wcpa_form_outer {
  margin: .5em 0 1em 0 !important;
}

.wcpa_wrap .wcpa_section_body {
  padding: 0 !important;
}


/* Dropdown arrows for pickup_date and pickup_time */
#pickup_date, #pickup_time, .picker__input {
    background: url("./assets/img/select-arrow.svg");
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: calc(100% - 12px) center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  
}


/* Full-width styling */
#pickup_date, #pickup_time, .picker__input {
    max-width: 100%;
  min-width: 97%;
  display: inline-block;
  margin-right: 1em;
  height: 36px;
  padding: 11px 16px !important;
  border-radius: 5px !important;
  font-weight: 400!important;
  font-size: 16px!important;
  line-height: 26px!important;
  color: var(--text) !important;
}

#pickup_date:hover, #pickup_time:hover, #pa_pickup-locations:hover{
border-color: #0089ec;
}

.pickup-time-wrapper {
    margin-bottom: 10px;
}

.pickup-time-wrapper label {
    display: block;
    margin-bottom: 5px;
}

.timepicker-input {
    width: 100%;
    cursor: pointer;
   /* text-align: center;*/
}


.ui-timepicker-wrapper {
    width: 10% !important; /* Make the dropdown full width */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.ui-timepicker-list {
    text-align: center; /* Center the content inside the dropdown */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
}

.ui-timepicker-list li {
    width: 100%; /* Ensure each list item takes full width */
}


.pickup-time-wrapper label, .tour-tble label{

  font-weight: 600;
}

.lov-look{
    display:none !important;
}


.wt-departure i{
    font-size: 20px;
    padding: 0 22px 6px 11px;
}

label, .label {

  margin-bottom: 0 !important;
  margin-top: 5px;
}


.picker__day {
  padding: .3em 0;
  font-weight: 400;
  font-size: 13px;
}

.wt-departure .picker table thead tr th{
    
padding: 5px 5px !important;
    
}

.picker--opened .picker__holder{
  box-shadow: 0px 5px 26px rgba(22,38,91,.17)!important;
  border-radius: 4px!important;
}

.picker__header select {
    background-image:none!important;
}


/*BORDER*/
        .book-form-header {
            position: relative;
            padding-bottom: 4px; /* Space for the line */
        }

        .book-form-header::after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0; /* Position the line at the bottom of the header */
            left: 0;
            width: 100%;
            height: 2px; /* Height of the line */
            background: var(--border); /* Color of the default line */
            bottom:-5px;
            background-color: var(--border);
        }

        .book-form-header::before {
        content: '';
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 50%;
          height: 6%;
          background: var( --e-global-color-primary );
          transform: translateX(-50%);
          bottom:-5px;
        }
    
/*Booking Form*/

#dameki-live-total{
   color: var( --e-global-color-primary );
   font-weight:700;
   
}

.tour-entry-fees, .tour-entry-fees pre, .exclude-tour-entry-fees pre{
    
    font-family:var( --e-global-typography-text-font-family ), Sans-serif
}

.tour-entry-fees h3, pre dt{
    
    font-weight:800;
}

.tour-entry-fees h3, pre dt{
    
    font-weight:700;
}


pre dt{
    font-size: 18px;

}

.tour-entry-fees h3{
    font-size:20px;
}
        
.tour-entry-fees span{
    font-style:italic;
    font-size: 14px;
  
}

.tour-entry-fees pre, .exclude-tour-entry-fees pre{
    padding: .75em;
    margin:0;
    width:95%;
    margin-top:5px;
    line-height: 2;
    border:none;
}


.ova-video-gallery{
    position:inherit !important;
}


.tour-entry-fees {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

.tour-fees-agreement {
    margin-top: 15px;
}

.tour-fees-agreement input[type="checkbox"] {
    margin-right: 10px;
}

.tour-fees-agreement label {
    font-weight: bold;
}

dt{
    font-weight: 600;
  font-size: 1.2em;
}

.gt_selector{
    padding:1px 15px !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: none!important;
    background-position: calc(100% - 45px) center!important;
}

.gt_switcher-popup{
    color: #ffffff !important;
}

.ova-product-wishlist .yith-wcwl-add-to-wishlist a{
    color:var( --e-global-color-accent );
}

.ova-product-wishlist .yith-wcwl-add-to-wishlist .feedback {
  color: white;
}

.elementor-button, .button
{
    transition-delay: .5s !important;
}

.rank-math-breadcrumb p{
   margin: 0 0 0 !important;
   font-size: .85em !important;
}

span .woocommerce-Price-amount, .bdi{
    display:none!important;
}

.woocommerce button.button{
    background-color: var( --e-global-color-accent );
    color: #fff;
}

.woocommerce button.button:hover{
    background-color:#fff;
    border:1px solid var( --e-global-color-accent );
    color:var( --e-global-color-accent );
}


.tour-fees-agreement {
    display: flex;
    align-items: center; /* Vertically centers the content */
    min-height: 40px; /* Adjust this value as needed */
}

.tour-fees-agreement input[type="checkbox"] {
    margin-right: 10px;
}


/* Activated (Enabled) state */
button#place_order:not(.disabled) {
    background-color: var(--e-global-color-accent);
    color: #fff;
    border: 1px solid var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}

/* Activated and hovered state */
button#place_order:not(.disabled):hover {
    background-color: #fff;
    border: 2px solid var(--e-global-color-accent);
    color: var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}

/* Disabled state (already in your code) */
button#place_order.disabled {
    background-color: #e0e0e0; /* Grey background when disabled */
    color: #aaa; /* Grey text when disabled */
    cursor: not-allowed;
}

  .font-size {
    display: none !important;
  }


#agree_tour_fees {
    outline: none; /* Removes default outline */
    border: none;  /* Removes any border around the checkbox */
    appearance: none; /* Removes the default browser styling */
    -webkit-appearance: none; /* For WebKit browsers (Chrome, Safari) */
    -moz-appearance: none; /* For Firefox */
}

#agree_tour_fees {
    width: 40px;
    height: 20px;
    border: 2px solid red; /* Red border when unchecked */
    background-color: transparent; /* Transparent background */
    cursor: pointer;
    border-radius: 3px; /* Optional: Rounded corners */
    transition: border-color 0.3s ease-in-out; /* Smooth transition */
    appearance: none; /* Remove default browser styling */
    -webkit-appearance: none; /* For WebKit browsers */
    -moz-appearance: none; /* For Firefox */
    position: relative;
}

#agree_tour_fees:checked {
    border-color: green; /* Green border when checked */
}

#agree_tour_fees:checked::after {
    content: '✓'; /* Checkmark symbol */
    font-size: 16px; /* Size of the checkmark */
    color: green; /* Color of the checkmark */
    position: absolute;
    top: -2px;
    left: 3px;
}




@media (min-width: 1024px) {
  .main-navigation ul.menu ul.sub-menu li.menu-item:hover{
      font-weight:600;
  } 
}


@media (max-width: 600px){
.picker__holder{
    margin-left:40px;
    }
    
    .ui-timepicker-wrapper {
    width: 50% !important;
    }
    
    .menu-canvas .dropdown-toggle {
    
padding: .5em;
    
}

}