/*
    Theme Name: Trevaron Child Theme
    Theme URI: http://www.webcircle.co.ke
    Author: Web Circle
    Author URI: http://www.webcircle.co.ke
    Version: 2.9.0
    Description: Trevaron – Travelling WP Theme.
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: one-column, two-columns, three-columns, four-columns, right-sidebar, custom-menu, featured-images, full-width-template, theme-options
    Template: trevaron
*/

@import url("../trevaron/style.css");
@font-face {
    font-family: 'ITC Berkeley Oldstyle Std';
    src: url('fonts/BerkeleyStd-Book.woff2') format('woff2'),
        url('fonts/BerkeleyStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vera Humana';
    src: url('fonts/Verah.woff2') format('woff2'),
        url('fonts/Verah.woff') format('woff');
    font-weight: light;
    font-style: light;
    font-display: swap;
}

@font-face {
    font-family: 'Sigvar Serial';
    src: url('fonts/SigvarSerial-Light.woff2') format('woff2'),
        url('fonts/SigvarSerial-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body p, body ol li, ul li, .form-intro{font-size: 1.8rem!important; line-height: 28px!important; font-family: 'Vera Humana', 'Playfair Display', 'Georgia', 'Times New Roman', serif!important;color:#363636!important}

h1, h2, h3{font-family: 'Sigvar Serial', 'Playfair Display', 'Georgia', 'Times New Roman', serif!important; color:#987A41!important}
html body#bd{line-height: 0!important}
body a{line-height: 22px!important; font-size: 1.4rem!important}

.header-type-11 .pull-left, .header-type-11 .pull-right {float: none !important;}

.header-type-11 .tz-menu-header .container {display: flex;flex-direction: column; align-items: center; padding:0}
.header-type-11 .tz_logo {display: flex;text-align: center;margin: 20px 0 10px;}
.tz-header .tz_logo{padding:0}

.header-type-11 .tz_logo img {max-height: 110px;height: auto;  transition: all 0.85s ease;}

.header-type-11 .nav-collapse {width: 100%;text-align: center;padding: 8px 0;background: rgba(217,217,217,0.18); backdrop-filter: blur(6px);}

.header-type-11 .tz-nav {display: flex !important;justify-content: center;align-items: center;gap: 50px;width: 100%;}

.start-planning a {background: #987A41;color:#fff!important; padding: 12px 24px!important;border-radius: 30px;margin-left: 20px!important; transition: all 0.3s ease!important;}
.start-planning a:hover {transform: translateY(-2px);box-shadow: 0 6px 15px rgba(0,0,0,0.15); background: #2f2f2f}
.tz-header ul.tz-nav li.start-planning a, .tz-header ul.tz-nav li.start-planning:hover a, .tz-header ul.tz-nav li.start-planning.current_page_item a, .tz-header ul.tz-nav li.start-planning.current-menu-item a, .tz-header ul.tz-nav li.start-planning.current-menu-ancestor a {color: #fff !important;}

.header-type-11 .container {width: 100%;max-width: 100%;}
.tz-header.header-type-11 {background: linear-gradient(180deg, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 100%) !important; height: 300px !important; }

@media (max-width: 768px) {
.header-type-11 .tz-nav {flex-direction: column;gap: 20px;}
.header-type-11 .nav-collapse {padding: 15px 0;background:#f9f9f9; backdrop-filter: blur(6px);}
.header-type-11 .tz_logo img {max-height: 60px;}
.header-type-11 .nav-collapse {padding:0px}
.mobile-hide{display: none}
}

.tz-header nav ul.tz-nav > li > a {margin: 0}
.tz-header nav ul.tz-nav > li > a:before, .tz-header nav ul.tz-nav > li > a:after {display:none}
.tz-header nav ul.tz-nav > li > a {font-size: 1.3rem!important; font-weight: 600}

/* Submenu */
.tz-header nav ul.tz-nav > li > ul.sub-menu li {float:left}
.tz-header nav ul.tz-nav > li > ul.sub-menu li a {font-size: 1.2rem!important; font-weight: 600!important}

/* Sticky state: switch to horizontal layout */
.header-type-11 .tz-menu-header.tz-headereff .container {flex-direction: row; justify-content: space-between;align-items: center;}
.header-type-11 .tz-menu-header.tz-headereff .tz_logo {margin: 0;text-align: left;}
.header-type-11 .tz-menu-header.tz-headereff .tz_logo img {max-height: 55px;}
.header-type-11 .tz-menu-header.tz-headereff .nav-collapse {width: auto;background: transparent;padding: 0;}
.header-type-11 .tz-menu-header.tz-headereff .tz-nav {justify-content: flex-end;gap: 30px;}
.header-type-11 .tz-menu-header.tz-headereff .tz-nav li:last-child a {padding: 8px 18px;}
.header-type-11 .tz-menu-header.tz-headereff {padding: 10px 0;}
.header-type-11 .tz-menu-header.tz-headereff .container {max-width: 1200px;margin: 0 auto;padding: 0 20px;justify-content: space-between;}

/* Prevent nav from hugging right edge */
.header-type-11 .tz-menu-header.tz-headereff .nav-collapse {margin-left: auto;}

/* Optional: pull slightly inward for luxury feel */
.header-type-11 .tz-menu-header.tz-headereff .tz-nav {gap: 25px;}

.header-type-11 .tz-menu-header.tz-headereff {padding: 10px 0;}
/* Bring back clean content width */

/* Smooth transitions across header elements */
.header-type-11 .tz-menu-header, .header-type-11 .tz_logo img, .header-type-11 .nav-collapse, .header-type-11 .tz-nav li a {transition: all 0.95s ease;}
.header-type-11 .tz-menu-header .container {transition: all 0.95s ease;}


/*Slider */
.sr7-btn{padding: 10px 30px !important;}

/* Homepage */
.tzElement-heading-title h2 {margin-bottom: 0; padding-bottom: 30px; font-weight: 300}
.tzElement-heading-title h2::before{display: none}
.intro p{font-size: 1.9rem !important; line-height: 28px !important;}

.counter {}

.counter .stats-number{font-family: 'Sigvar Serial', 'Playfair Display', 'Georgia', 'Times New Roman', serif; font-size: 48px !important;color: #987A41;padding:0!important; margin-right: 5px}
div.stats-desc>div.counter_prefix, div.stats-desc>div.counter_suffix {font-family: 'Sigvar Serial', 'Playfair Display', 'Georgia', 'Times New Roman', serif; font-size: 48px !important;color: #987A41;padding:0!important}
.counter .stats-text {font-family: 'Vera Humana', 'Playfair Display', 'Georgia', 'Times New Roman', serif; font-size: 16px!important; line-height: 22px; color:#363636;     padding-top: 5px;}
.stats-desc {display: flex !important;flex-flow: row wrap !important;justify-content: center !important;align-items: baseline !important;text-align: center !important;}
.stats-number, .counter_suffix {display: inline-block !important; width: auto !important; margin: 0 !important; line-height: 1 !important;}
.stats-top .aio-icon-top {margin-bottom: 0 !important;}
.stats-number {margin-right: 5px !important;}

.destinations h2{}
.ult-new-ib {position: relative;overflow: hidden;background: transparent; border-radius: 10px}

h2.ult-new-ib-title.ult-responsive {font-size: 48px!important;color:#fff!important; position: relative!important; font-size: 32px;padding:0!important;position: absolute !important;bottom: 10% !important; left: 0;right: 0;height: auto !important;width: 100% !important;margin: 0 auto !important;padding: 0 15px !important; line-height: 1.2em !important;text-align: center;vertical-align: bottom; z-index: 2 !important;
text-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.ult-new-ib::before {content: ""; position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;background: linear-gradient(to top,rgba(0, 0, 0, 0.6) 0%,rgba(0, 0, 0, 0.3) 40%,rgba(0, 0, 0, 0) 100%); z-index: 1; pointer-events: none; }

.tzElement-heading-title {display: grid; flex-direction: column; align-items: flex-start;}
.tzElement-heading-title .Tz_box {order: 1;}
.tzElement-heading-title .tzTitle {order: 2; }
.tzElement-heading-title .Tz_content p {font-family: 'Poppins', sans-serif !important; text-transform: uppercase; font-size: 13px!important;letter-spacing: 1px;font-weight: 600;color: #363636!important; margin-bottom: 5px;}
.tzElement-heading-title .tzTitle::after {content: "";display: block;width: 150px;height: 1px;background-color: #987A41;margin-top: 20px;}
.TzElement_btn_type3{display:inline-block;; margin-top:30px}
.TzElement_btn_type3 a {font-size: .9em;font-weight: 400;border: 1px solid #363636;padding: 18px 30px;}
.TzElement_btn_type3 a:hover{background-color: #987A41; color:#fff!important;transition: all 0.85s ease;border:none}

.tzElement-heading-title .Tz_box.Tz_center p {padding: 0;}
.Tz_align_center::after{display: none!important}

.tzElement_Destination.type-6 .destination-slider .owl-stage-outer .distination-item a {
    display: block !important;
    width: 100% !important;
    height: 400px!important; /* Matches your current height requirement */
    position: relative;
    overflow: hidden;
}
.tzElement_Destination.type-6 .destination-slider .owl-stage-outer .distination-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 270px; /* Changed from 260px to 100% to fill the box */
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%);
    z-index: 1;
    pointer-events: none;
}
.tzElement_Destination.type-6 .destination-slider .owl-stage-outer .distination-item {
    padding-right: 20px; /* Adjust this value to match your mockup's gap width */
    box-sizing: border-box;
}
.tzElement_Destination.type-6 .destination-slider .owl-stage-outer .distination-item a img { width: 270px;}
.tzElement_Destination.type-6 .destination-slider .owl-stage-outer .distination-item h3 {
    /* Reset dimensions to stop the vertical overflow */
    height: auto !important;
    width: auto !important;

    /* Better positioning: pin it to the bottom instead of using negative margins */
    position: absolute !important;
    bottom: 20px !important; /* Adjust this to match your mockup verticality */
    left: 30px !important;   /* Cleaner than margin-left for absolute elements */
    margin: 0 !important;    /* Clears that -70px margin causing the height shift */

    z-index: 999;
}

/* 2. Ensure the link inside doesn't add extra padding/height */
.tzElement_Destination.type-6 .destination-slider .owl-stage-outer .distination-item h3 a {height: auto!important; width:auto!important;
    color: #fff !important;     font-weight: 600;
    font-size: .9em;
    text-decoration: none;
    display: block;
    line-height: 1.2em; /* Keeps the text tight */
}
.tzElement_Destination.type-6 .destination-slider .owl-stage-outer .distination-item {
    position: relative !important;
    display: block !important;
}

.tzElement_Destination.type-6 .destination-slider .owl-item .distination-item h3.title {
    position: absolute !important;
    bottom: 30px !important; /* Pulls it to the bottom */
    top: 85% !important;    /* This is the key fix to stop it jumping to the top */

    left: 20px !important;   /* Matches the visual gutter we created */
    right: 20px !important;
    height: auto !important;
    margin: 0 !important;
    z-index: 10;             /* Keeps it above our legibility gradient */

    text-align: left;
}

.tzElement_Destination.type-6 .destination-slider .owl-nav  {}

/* Handpicked Safaris */

.single-destination .tzElement-heading-title h2 {font-size: 4.6rem}
.tzElement_FeaturedTour.type-7 h3 a, .tzElement_FeaturedTour.type-8 h3 a {font-family: 'Sigvar Serial', 'Playfair Display', 'Georgia', 'Times New Roman', serif !important;
font-size: 2rem!important}
.tzElement_FeaturedTour.type-8 .tzTour-item{margin-right:10px }

.tzElement_FeaturedTour.type-7 h4, .tzElement_FeaturedTour.type-8 h4 {font-size: 1.3rem; color: #987A41; font-weight: 400; padding-bottom: 5px;}



  /* FAQ */
  .vc_toggle_title>h4 {font-family: 'Sigvar Serial', 'Playfair Display', 'Georgia', 'Times New Roman', serif !important; font-size: 20px; font-size: 1.9rem}
  .faq p{font-size: 1.7rem}
  .faq .vc_do_toggle {border-bottom: 1px solid #C0BEBE; padding:10px 0 30px}
  .faq .vc_toggle_content {margin-bottom: 0}
  .faq .vc_toggle_default .vc_toggle_icon {background: #987A41;border:none}
  .faq .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon { height:1.5px}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon:before, .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon:after {width: 1.5px;}
  .vc_toggle_default .vc_toggle_icon:after, .vc_toggle_default .vc_toggle_icon:before { background: #987A41;border:none}

  /*----- Single Safari Page -----*/
  .single-tour .tz-tour-title h1{color:#fff!important}
  .tz-tour-single .tz-tour-tab-title, .tour-info{display: none}
  .glance p {font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; padding: 0px!important; margin: 0px!important; font-size: 1.3rem!important; line-height: 1.2em; letter-spacing: 3px; color: #A95D40 !important; text-transform: uppercase; }
  .single-tour .tzElement-heading-title .Tz_box.Tz_center p, .tzElement-heading-title p{font-weight: 400 !important;}
  .itinerary .vc_row {border-bottom: 1px solid rgba(222, 225, 224, 0.75);margin-top: 20px;padding-bottom: 20px;}
  .tz-tour-single .tz-tour-content .tab-content .tab-pane .content p {padding: 0!important}

  .inclusions ul, .exclusions ul {padding-left: 10px;}
  ol, ul {margin-top: 0;}
  .inclusions li, .exclusions li {list-style-type: none;font-family: 'ITC Berkeley Oldstyle Std','EB Garamond' !important;font-size: 17px !important;line-height: 27px !important;}
  .inclusions li::before, .exclusions li::before {font: normal normal normal 14px/1 FontAwesome; padding-right: 10px;}
  .inclusions li::before {content: "\f00c"; color: #4d726d;}
  .exclusions li::before {content: "\f00d"; color: #ca353a;}

  .customize h2 {font-size: 3.8rem; color: #fff !important;}
  .customize, .customize h2, .customize p {color: #fff;}
  .customize p{color:#fefefe!important}

  .safari-price {text-align: center;font-family: 'Playfair Display', sans-serif;font-size: 80px;color: #B57E2C;line-height: 28px;}
  .safari-price::before, .safari-price::after {font-family: 'Poppins', sans-serif;font-size: 14px;}
  .safari-price::before {content: "From USD";font-weight: 600;font-size: 18px !important;}
  .safari-price::after {content: "Per person sharing";}

  .inquire-btn {display: flex;justify-content: center;margin-top: 0px !important;}
  .inquire-btn a {background: #A95D40;color: #fff;padding: 15px 40px;font-size: 15px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;font-family: 'Poppins', sans-serif;transition: .3s;}
  .inquire-btn a:hover{background-color:#987A41}

  .safari-cta p, .inquire-btn {font-family: 'Poppins', sans-serif;font-size: 18px;color: #fff;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;margin-top: -15px !important;}

    /*----- Related Tours -----*/
    .tz-tour-other .tz-button{display: none!important}
    .tzElement_FeaturedTour.type-5 .tzTour .tzTour-item .tzTour-item-box .tzTour-info .tz-button {display: none}
    .tzElement_FeaturedTour.type-5 .tzTour .tzTour-item .tzTour-item-box .tzTour-info .tzTour-info-left .tz-reviews .reviews-count{display: none}
    .tzElement_FeaturedTour.type-5 .tzTour .tzTour-item .tzTour-item-box .tzTour-info .tzTour-info-right span.price{color:#fff!important; padding-top: 5px}
    .tzElement_FeaturedTour.type-5 .tzTour .tzTour-item .tzTour-item-box .tzTour-info .tzTour-info-right label {font-weight: 400; margin-top:-1vh}
    .tzElement_FeaturedTour.type-5 .tzTour .tzTour-item .tzTour-item-box {position: relative;}

    .tzElement_FeaturedTour.type-5 .tzTour .tzTour-item .tzTour-item-box .tzTour-info .tzTour-info-right {margin-top: -21vh;}
.tzElement_FeaturedTour.type-5 .tzTour .tzTour-item .tzTour-item-box .tzTour-info .tz-title h3 a { font-family: 'Vera Humana', 'Playfair Display', 'Georgia', 'Times New Roman', serif !important;
    font-size: 1.8rem !important;}
    .tzElement_FeaturedTour.type-5 .tzTour .tzTour-item .tzTour-item-box .tzTour-info .tz-title h3 { margin: 0}

    /* Move the destination & duration above the title */
    .tzElement_FeaturedTour.type-5 .tzTour .tzTour-item
    .tzTour-item-box .tzTour-info .tzTour-info-left {position: absolute;left: 20px;bottom: 60px; /* Adjust to sit above title */z-index: 3;width: auto;text-transform: uppercase;letter-spacing: 1px;}

    /* Position the tour title */
.tzElement_FeaturedTour.type-5 .tzTour .tzTour-item
.tzTour-item-box .tz-title {position: absolute;left: 20px;bottom: 20px;right: 20px;z-index: 3;}
.tzElement_FeaturedTour.type-5 .tzTour .tzTour-item .tzTour-item-box .tzTour-info.tz-info {padding: 60px}


  /* Destination */
.tz-destination-single .tz-blog-thumbnail .content .tz-blog-meta {display:none}
.tz-destination-single .tz-blog-thumbnail .content h1.tz-blog-title {text-align: center; color: #fff !important; font-size: 5rem;}
.tz-Breadcrumb .tzOverlayBreadcrumb h1 {text-align: center;font-size: 4rem; color: #fff!important}
.tz-Breadcrumb .tzOverlayBreadcrumb .tz-breadcrumb-custom { display: none}

  /* Footer */
  .tz-footer{background: #987A41}
.tz-footer h3{color: #ededed !important; font-size: 1.5rem !important;}
.tz-footer .tz-footer-top .footerattr .widget ul li a {color:#ededed}

.tz-footer .tz-footer-top .footerattr .widget {color:#ededed}
.tz-footer a{color:#ededed}
.tz-footer li{line-height: 1.4rem; line-height: 2.4rem; list-style-type: none}
.tz-footer .phone-no a {font-size: 2rem; font-weight: 600}
.tz-footer.tz-footer-type-1.tz_bgft .tz-footer-top .widget_media_image {margin-bottom: 5px!important}
.tz-footer img{margin-top:-2rem}

.tz-footer .tz-footer-bottom .tz-copyright{line-height: 1rem!important}

.tz-footer.tz-footer-type-1.tz_bgft .tz-footer-bottom .tz-footer-link, .tz-footer.tz-footer-type-1.tz_bgft .tz-footer-bottom .tz-copyright {padding: 25px;}
.tz-copyright a{color:#987A41}

/* ============================================================
	 *Added. SAFARI RESERVATION FORM
/* ============================================================ */
		#reseration-form {
		position:relative; padding: 40px; padding-bottom: 0px;
		}
		.contact-box #reseration-form {padding:10px}
		.page-contact-form .contact-box{padding-bottom: 0px!important;}

		#reseration-form header{
		display: block;
		padding: 10px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		background-color: #f8f2be;
		font-size: 25px;
		font-weight: 300;
		color: #fff;
		}
		#form-header{background-color: #f5f5f5; padding: 20px 30px;}
    .form-header{text-align: center;}
		#form-header .form-title .wpcf7dtx-dynamictext{}
		#form-header .form-title{padding: 20px;}
		#reseration-form fieldset{
		margin-bottom:0px;
		padding:0px;
		margin:0px;
		}

		.booking-form{}
		.MoreInfo textarea{width: 100%; height: 10em;border: 2px solid #e6e6e6; padding: 15px 20px; }
		.contact-us textarea{width: 32.5em;}
    .form-intro{padding-bottom: 20px; display: inline-block;}

		select::after {
			font-family: fontAwesome;
	content: "\f0dd";
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -13px;
	pointer-events: none;
		}
		#reseration-form h5{padding-left: 20px}
		#reseration-form p{margin: 0px}

		#reseration-form .full-col{
		float:left;
		width:100%;
		min-height: 1px;
		box-sizing: border-box;
		margin-bottom: 25px;
		}
		.contact-box #reseration-form .full-col, .contact-box #reseration-form .form-col{margin-bottom: 0px}
		#reseration-form .input-style-1 {border:2px solid #e6e6e6;}
		.contact-box #reseration-form .input-style-1{border:0px}

		#reseration-form .form-col, #reseration-form .form-subsc{
		float:left;
		min-height: 1px;
		box-sizing: border-box;
		width:49%;
		margin-bottom: 20px;
		margin-right: 1%;
		}
		@media only screen and (max-width: 768px) {

		#reseration-form .form-col{width:100%;}
		}
		.subscribe-form{border: 1px solid #693c10!important; margin-top: -3%; z-index: 99; position: relative !important; margin-left: 1.5%;
width: 95%;}
		#subsc-header {text-align:center;}
		#subsc-header .form-title{color: #693c10; background: #fff; z-index: 9999; position: relative;padding: 0 10px;}
	#reseration-form .form-subsc{width:33%; border-color: #693c10}
	#reseration-form .subsc-btn{width:23%; border:0px}
	#reseration-form .subsc-email{width:40%; }

		#reseration-form .captcha{border: 0px}
		#reseration-form input, #reseration-form select{
		padding: 12px 12px 12px 60px; border-color: #ccc; border: 0px;
		/*box-shadow: 0 1px 2px rgba(0,0,0,.16);*/
		line-height: 18px;
		}
		#reseration-form .wpcf7-select{-webkit-appearance: none;
    -moz-appearance: none; background: none;
    text-indent: 1px;
    text-overflow: '';
		color: #8c8c8c;
	}

		#reseration-form .tourmaster-combobox-wrap::after ::after{
			font-family: fontAwesome;
content: "\f0dd";
font-size: 14px;
line-height: 20px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -13px;
pointer-events: none;}

#reseration-form .wpcf7-textarea {padding-top:20px}
.wpcf7 textarea, .wpcf7-form-control.wpcf7-textarea { line-height: 1.5 !important;min-height: 180px;}
.country-select .country-list {z-index: 9999}

#reseration-form input, .wpcf7-form textarea{/*width:100%*/ font-size: 14px; color: #595959}
		#reseration-form select {width:100%;}
		#reseration-form .icon-prepend{
		width: 40px;
		height: 43px;
		font-size: 18px;
		line-height: 39px;
		text-align: center;
		position: absolute;
		padding-right: 3px;
		border-right:2px solid #e6e6e6;
		z-index:1000;
		color:#9a9a9a
		}
		.fa {
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		font-size: 16px;
		}
#reseration-form .submit-btn{color:#f2f2f2}
		.fa:hover{ color: #fff}
		.contact-box #reseration-form .icon-prepend{border-right:0px; margin-top: 6px;color:#6d3f1b}
.subscribe-form .icon-prepend{border-color: #693c10!important;color: #b07f4a !important;}
.terms{float: left;}
.terms a{float: none;}
.terms input{margin-left: 20px}