/*
Theme Name:     Traveler Childtheme
Description:    Traveler Child Theme
Theme URI:      https://travelerwp.com/
Author:         the ShineTheme
Author URI:     http://shinetheme.com
Version:        1.0
Template:       traveler
*/
.header__left .logo img {
    max-width: 160px;
}
/*font*/
*{
	font-family:'Noto Serif Dogra';
}
/* tour gallery desktop */
@media screen and (min-width: 992px) {
    .stt-menu-transparent:not(.tour_solo) header.header {
    
        background: linear-gradient(210deg, rgba(48, 73, 69, 0.55) 10%, rgba(217, 184, 136, 0.75) 100%);
    }
	/* 1. Set the proper height for the slider container */
#st-content-wrapper .st-gallery.style-slider .owl-stage-outer {
padding-top: 20px;
    height: 500px; /* A cinematic height suitable for travel photos */
    transition: all 0.3s ease;
	
}

/* 2. Ensure images fill the new height perfectly */
#st-content-wrapper .st-gallery.style-slider .owl-stage-outer .owl-item img {
    height:  450px;
    width: 100%;
    object-fit: cover; /* Crucial: crops image to fill box without distortion */
    display: block;
	    /* Creative Styling */
    border-radius: 20px; /* Softer, modern corners */
    border: none;
    transition: all 0.2s ease;
    /* Deep lift effect */
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.3);
	border: 3px solid #d9b888;
	
	
	/* The Sand/Gold from your header */
    
    /* A deep shadow tinted with your logo's Green color */
   box-shadow: 0 10px 30px -12px rgba(53, 74, 66, 0.4);
}


/* Add a subtle brand-colored border only on hover */
#st-content-wrapper .st-gallery.style-slider .owl-stage-outer .owl-item img:hover {
    box-shadow: 0 25px 60px -12px rgba(53, 74, 66, 0.4); /* Green tint glow */
    transform: translateY(-15px);
	
}
}
/* tour gallery mobile */
@media screen and (max-width: 992px) {
	/* 1. Set the proper height for the slider container */
#st-content-wrapper .st-gallery.style-slider .owl-stage-outer {
	padding-top: 12px;
    height:250px; /* A cinematic height suitable for travel photos */
   
	
}

/* 2. Ensure images fill the new height perfectly */
#st-content-wrapper .st-gallery.style-slider .owl-stage-outer .owl-item img {
    height:  220px;
    width: 100%;
    object-fit: cover; /* Crucial: crops image to fill box without distortion */
    display: block;
	    /* Creative Styling */
    border-radius: 20px; /* Softer, modern corners */
    border: none;
    
    /* Deep lift effect */
    box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.3);
	border: 3px solid #d9b888; /* The Sand/Gold from your header */
    
    /* A deep shadow tinted with your logo's Green color */
    box-shadow: 0 5px 10px rgba(48, 73, 69, 1); 
}

#st-content-wrapper .st-gallery.style-slider .count {
    display: none;
	}

}


/* hide author in tour single page */
.owner-info.d-none.d-sm-block.widget-box.st-border-radius {
    display: none !important;
}
a.service-avatar {
    display: none !important;
}

/* tours widget equal height */
.service-list-wrapper .item h3.title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 52px;
}

/* Base State: Clean & Expensive */
.services-item.item-elementor .item {
    background: #ffffff;
    
    /* 1. The Structure: Soft roundness */
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 0;

    /* 2. The Border: Instead of a line, we use a shadow trick */
    /* This creates a faint, 1px sand-colored ring + a soft grey shadow */
    box-shadow: 0 0 0 1px rgba(217, 184, 136, 0.3), 
                0 10px 30px rgba(0, 0, 0, 0.05);

    /* 3. Smooth, slow transition (Liquid feel) */
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hover State: The "Glow" Effect */
.services-item.item-elementor .item:hover {
    /* Lift slightly */
    transform: translateY(-8px);

    /* 4. The Magic: Shadow turns into a Green/Gold ambient glow */
    /* Ring becomes solid Gold + Shadow becomes deep Green */
    box-shadow: 0 0 0 2px rgba(217, 184, 136, 1), 
                0 25px 50px -10px rgba(53, 74, 66, 0.25); 
}


/* contact form button */
.single #st-content-wrapper.st-style-4 .inquiry-v2 .st-sent-mail-customer .form-wrapper .btn-primary {
    padding: 10px 42px;
}