/*
Theme Name: Hike
Theme URI: https://wptravelkit.com/wordpress-travel-themes/hike-wordpress-theme/
Author: WP Travel Kit
Author URI:	https://wptravelkit.com/
Description: Hike is a modern, responsive, and SEO-optimized WordPress theme crafted specifically for travel agencies, tour operators, trekking companies, and adventure retreat organizers. Built with a sleek grid-based layout and a high-converting visual hierarchy, Hike provides the perfect platform to showcase outdoor expeditions, eco-tours, and mindfulness journeys. The clean homepage features an intuitive hero search bar that allows visitors to seamlessly filter tours by location, destination, travel style, and price range. You can easily highlight featured deals and upcoming itineraries using dynamic tour grids complete with star ratings, trip duration badges, pricing details, and custom promotional tags. Thoughtfully designed content blocks enable you to highlight company values, verified guide trust badges, expert travel stories, and collapsible customer FAQs. Visual destination grid cards let travelers explore top global regions at a glance, while high-impact hero sections and call-to-action banners capture leads and drive direct trip bookings. Engineered with fast-loading performance, mobile-first responsiveness, and clean code, Hike ensures your website ranks well on search engines and looks flawless across all devices. Whether you manage high-altitude mountain treks, boutique travel agencies, or wellness retreats, Hike delivers the precise balance of elegant storytelling and practical functionality required to scale your travel business.
Template: travelscape
Version: 1.0.2
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, translation-ready, entertainment
Text Domain: hike
*/
:root {
	--border-radius: 12px;
}
/* Top bar */
.travelscape-header .travelscape-header-top {
	border-bottom: none;
	background-color: var(--primary-color);
	padding: 10px 0;
	border-bottom: 1px solid var(--primary-border-color);
}
.travelscape-header-top .row {
	align-items: center !important;
	justify-content: space-between;
}
.travelscape-header-top-left {
	display: flex;
	align-items: center;
}
.travelscape-header-top-left .travelscape-social-media-wrap .social-icons li:first-child {
	margin-left: 0;
}
.travelscape-header-top-right {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px 18px;
	color: var(--primary-color);
	font-size: 90%;
}
.travelscape-header .travelscape-header-top .travelscape-header-top-right .hike-header-contact {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	line-height: 1.2;
	max-width: 100%;
}
.travelscape-header .travelscape-header-top .travelscape-header-top-right .hike-header-contact-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	color: inherit;
}
.travelscape-header .travelscape-header-top .travelscape-header-top-right .hike-header-contact-icon svg {
	display: block;
	width: 14px;
	height: 14px;
	color: inherit;
	stroke: currentColor;
}
.travelscape-header .travelscape-header-top .travelscape-header-top-right a,
.travelscape-header .travelscape-header-top .travelscape-header-top-right a:visited,
.travelscape-header .travelscape-header-top .travelscape-header-top-right a:hover,
.travelscape-header .travelscape-header-top .travelscape-header-top-right a:focus,
.travelscape-header .travelscape-header-top .travelscape-header-top-right a:active,
.travelscape-header .travelscape-header-top .travelscape-header-top-right .travelscape-header-email,
.travelscape-header .travelscape-header-top .travelscape-header-top-right .hike-header-address,
.travelscape-header .travelscape-header-top .travelscape-header-top-right .hike-header-address-text {
	color: var(--primary-color-inverse);
	text-decoration: none;
	font-weight: 600;
}
.travelscape-header .travelscape-header-top .travelscape-header-top-right a:hover,
.travelscape-header .travelscape-header-top .travelscape-header-top-right a:hover .travelscape-header-email,
.travelscape-header .travelscape-header-top .travelscape-header-top-right a:hover .hike-header-contact-icon {
	color: var(--primary-color-inverse);
}

/* Topbar social icons — palette styling (matches Travel Compass pattern) */
.travelscape-header-top .travelscape-social-media-wrap .social-icons a {
	background-color: var(--primary-color-inverse);
	box-shadow: none;
	border: 1px solid var(--primary-color);
}
.travelscape-header-top .travelscape-social-media-wrap .social-icons a svg {
	/* X/Twitter path uses fill="currentColor" — keep color + fill in sync */
	color: var(--primary-color);
	fill: var(--primary-color);
}
.travelscape-header-top .travelscape-social-media-wrap .social-icons a:hover {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.travelscape-header-top .travelscape-social-media-wrap .social-icons a:hover svg {
	color: var(--primary-color-inverse);
	fill: var(--primary-color-inverse);
}

/* Main header */
.travelscape-header-bottom {
	padding: 0;
}
.site-header {
	border-bottom: 1px solid var(--primary-border-color, var(--border-color));
	padding-bottom: 0;
	margin-bottom: 0;
	background-color: var(--primary-color);
}
.site-header .header-desktop {
	word-wrap: break-word;
	background-color: var(--primary-color);
	padding: 0.45rem 0;
	align-items: center;
}
.site-header .header-desktop  .site-branding .custom-logo {
    width: 120px;
	height: auto;
}
.site-header .site-branding .site-title,
.site-header .site-branding .site-title a,
.site-header .site-branding .site-description,
.site-header .site-branding p a,
.site-header .site-branding h1 a {
	color: var(--primary-color-inverse);
}
.header-desktop .travelscape-header-button {
	margin-left: auto;
}
.header-desktop .travelscape-header-button a,
.header-mobile .travelscape-header-button a {
	background-color: var(--primary-color-inverse);
	color: var(--primary-color);
	border-radius: var(--border-radius);
	padding: 12px 38px;
	font-weight: 600;
	display: inline-block;
	text-decoration: none;
	border-color: var(--primary-color);
	border-style: solid;
	border-width: 1px;	
}
.header-desktop .travelscape-header-button a:hover,
.header-desktop .travelscape-header-button a:active,
.header-mobile .travelscape-header-button a:hover {
	background-color: var(--primary-color);
	color: var(--primary-color-inverse);
	border-color: var(--primary-color-inverse);
	border-style: solid;
	border-width: 1px;
}
.header-desktop .main-navigation ul li {
	margin: 0;
	padding: 20px 18px;
}
.header-desktop .main-navigation ul li a {
	font-family: var(--font-family);
	color: var(--primary-color-inverse);
	display: inline-block;
	font-weight: 500;
	font-size: 1rem;
}
.header-desktop .main-navigation ul li a:hover,
.header-desktop .main-navigation ul li:hover > a {
	color: var(--primary-color-inverse);
}

.header-desktop .main-navigation ul li.page_item_has_children:after,
.header-desktop .main-navigation ul li.menu-item-has-children:after {
	background-color: var(--primary-color-inverse);
}

.header-desktop .main-navigation ul li.page_item_has_children:hover:after,
.header-desktop .main-navigation ul li.menu-item-has-children:hover:after {
	background-color: var(--primary-color-inverse);
}

.header-desktop .main-navigation ul li .children,
.header-desktop .main-navigation ul li .sub-menu {
	background: var(--primary-color);
	border-radius: var(--border-radius);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.header-desktop .main-navigation ul li .children li,
.header-desktop .main-navigation ul li .sub-menu li {
	border-bottom-color: color-mix(in srgb, var(--primary-color-inverse) 16%, transparent);
}

.header-desktop .main-navigation ul li .children li a,
.header-desktop .main-navigation ul li .sub-menu li a,
.header-desktop .main-navigation ul li .children li a:visited,
.header-desktop .main-navigation ul li .sub-menu li a:visited,
.header-desktop .main-navigation ul li:hover > ul.children > li > a,
.header-desktop .main-navigation ul li:hover > ul.sub-menu > li > a {
	color: var(--primary-color-inverse);
}

.header-desktop .main-navigation ul li .children li a:hover,
.header-desktop .main-navigation ul li .sub-menu li a:hover,
.header-desktop .main-navigation ul li .children li:hover > a,
.header-desktop .main-navigation ul li .sub-menu li:hover > a {
	color: var(--primary-color-inverse);
}

.header-desktop .main-navigation ul li > ul.children li.page_item_has_children:after,
.header-desktop .main-navigation ul li > ul.sub-menu li.menu-item-has-children:after {
	background-color: var(--primary-color-inverse);
}

.site-header .header-mobile {
	background-color: var(--primary-color);
	word-wrap: break-word;
	padding: 10px 0;
	margin-left: -15px;
	margin-right: -15px;
}
.header-mobile .top-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	margin: 0;
}
.header-mobile .site-branding {
	flex: 1 1 auto;
	min-width: 0;
	margin-right: 12px;
}
.header-mobile .site-branding .custom-logo {
    width: 100px;
	height: auto;
}
.header-mobile-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-left: auto;
	flex-shrink: 0;
}
.header-mobile .travelscape-header-button {
	margin: 0;
}
.header-mobile .header-button-inline a {
	padding: 10px 22px;
	font-size: 0.9em;
	white-space: nowrap;
}
.header-mobile .menu-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	color: var(--primary-color-inverse);
}
.site-header .menu-toggle svg,
.site-header .menu-toggle svg path {
	color: var(--primary-color-inverse);
	fill: var(--primary-color-inverse);
}
.header-mobile .site-branding .site-title a,
.header-mobile .site-branding p a,
.header-mobile .site-branding h1 a {
	color: var(--primary-color-inverse);
}
.header-mobile .travelscape-menu-wrap .header-button-drawer {
	padding: 16px 15px 8px;
	text-align: center;
}
.header-mobile .travelscape-menu-wrap .header-button-drawer a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
.header-mobile .main-navigation ul > li {
	border-bottom: 1px solid var(--primary-border-color);
}
.header-mobile .main-navigation ul li > a {
	padding: 10px 15px;
	background: var(--primary-color);
	font-size: 18px;
	font-weight: 400;
	font-family: var(--font-family);
	color: var(--primary-color-inverse);
}
.header-mobile .main-navigation ul li > a:hover {
	background: var(--primary-color-inverse);
	color: var(--primary-color);
}

/* Long unbroken strings must not overflow the layout (WP.org requirement). */
body.hike .site-title,
body.hike .site-title a,
body.hike .site-description,
body.hike .entry-title,
body.hike .entry-title a,
body.hike .page-title,
body.hike .page-header .page-title,
body.hike .wp-block-post-title,
body.hike .entry-content,
body.hike .entry-summary,
body.hike .comment-content,
body.hike .widget,
body.hike .site-content {
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
}

/* Footer — mockup layout */
body.hike .site-footer {
	border-top: none;
	background-color: var(--primary-color);
	color: var(--primary-color-inverse);
	margin-top: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
body.hike .site-footer .travelscape-footer-top {
	background-color: transparent;
	padding: 60px 0 40px;
	position: relative;
	z-index: 1;
}

.hike-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 40px;
	align-items: start;
}
body.hike .site-footer .hike-footer-grid .travelscape-foot-main-col {
	padding-right: 0;
}
body.hike .site-footer .hike-footer-grid .travelscape-foot-main-col:not(:first-child) {
	border-left: 1px solid var(--primary-border-color);
	padding-left: 40px;
}
body.hike .site-footer .hike-footer-grid .widget {
	padding-right: 0;
	margin: 0;
	color: var(--primary-color-inverse);
	font-size: 0.95rem;
	line-height: 1.7;
}
body.hike .site-footer .hike-footer-grid .widget :not(.widget-title) {
	font-size: inherit;
	line-height: inherit;
}
body.hike .site-footer .hike-footer-grid .widget,
body.hike .site-footer .hike-footer-grid .widget p,
body.hike .site-footer .hike-footer-grid .widget .textwidget,
body.hike .site-footer .hike-footer-grid .widget .textwidget p,
body.hike .site-footer .hike-footer-grid .widget li,
body.hike .site-footer .hike-footer-grid .widget span,
body.hike .site-footer .hike-footer-grid .widget div,
body.hike .site-footer .hike-footer-grid .widget h1,
body.hike .site-footer .hike-footer-grid .widget h2,
body.hike .site-footer .hike-footer-grid .widget h3,
body.hike .site-footer .hike-footer-grid .widget h4,
body.hike .site-footer .hike-footer-grid .widget h5,
body.hike .site-footer .hike-footer-grid .widget h6 {
	color: var(--primary-color-inverse);
}
body.hike .site-footer .hike-footer-grid .widget-title,
body.hike .site-footer .hike-footer-grid h3.widget-title {
	color: var(--primary-color-inverse);
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 18px;
}
body.hike .site-footer .hike-footer-grid .widget a {
	color: var(--primary-color-inverse);
	text-decoration: none;
}
body.hike .site-footer .hike-footer-grid .widget a:hover {
	color: var(--primary-color-inverse);
	opacity: 0.85;
}
body.hike .site-footer .hike-footer-grid .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
body.hike .site-footer .hike-footer-grid .widget ul li {
	margin: 0 0 10px;
	padding: 0;
	border: none;
}
body.hike .site-footer .hike-footer-grid .travelscape-social-media-wrap .social-icons a {
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-shadow: none;
}
body.hike .site-footer .hike-footer-grid .travelscape-social-media-wrap .social-icons a svg {
	color: #ffffff;
	fill: #ffffff;
}
body.hike .site-footer .travelscape-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	background-color: transparent;
	color: rgba(255, 255, 255, 0.75);
	padding: 20px 0;
	position: relative;
	z-index: 1;
}
body.hike .site-footer .travelscape-footer-bottom .row {
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
body.hike .site-footer .travelscape-footer-bottom .site-info {
	text-align: left;
}
body.hike .site-footer .travelscape-footer-bottom .travelscape-payment-logo {
	margin-left: auto;
	line-height: 0;
}
body.hike .site-footer .travelscape-footer-bottom .travelscape-payment-logo img,
body.hike .site-footer .travelscape-footer-bottom .payment-logo {
	display: block;
	max-height: 32px;
	width: auto;
	height: auto;
}
body.hike .site-footer .travelscape-footer-bottom a {
	color: rgba(255, 255, 255, 0.85);
}
body.hike .site-footer .site-info .copyright {
	margin: 0;
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.75);
}

.site-main {
	padding: 0;
}

@media (max-width: 1024px) {
	.header-desktop .main-navigation ul li {
		padding: 15px 12px;
	}
	.travelscape-header-bottom .header-desktop {
		display: none;
	}
	.travelscape-header-bottom .header-mobile {
		display: block;
	}
	.travelscape-header-top .row {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center !important;
		justify-content: space-between;
		gap: 12px;
	}
	.travelscape-header-top-left,
	.travelscape-header-top-right {
		width: auto;
		margin-left: 0;
	}
	.travelscape-header-top-left {
		order: 0;
		justify-content: flex-start;
	}
	.travelscape-header-top-right {
		order: 0;
		margin-left: auto;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 8px 14px;
	}
	.header-mobile .header-button-drawer {
		display: none;
	}
	.header-mobile .header-button-inline {
		display: block;
	}
}

/* iPad / iPad Pro — keep header content off the viewport edges */
@media (min-width: 768px) and (max-width: 1024px) {
	.hike-footer-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}
	body.hike .site-footer .hike-footer-grid .travelscape-foot-main-col:not(:first-child) {
		border-left: none;
		padding-left: 0;
	}
	body.hike .site-footer .hike-footer-grid .travelscape-footer-one,
	body.hike .site-footer .hike-footer-grid .travelscape-foot-main-col:first-child {
		grid-column: 1 / -1;
	}
	body.hike .site-footer .hike-footer-grid .travelscape-footer-three,
	body.hike .site-footer .hike-footer-grid .travelscape-footer-four {
		border-left: 1px solid var(--primary-border-color);
		padding-left: 30px;
	}
	.site-header .travelscape-header-top > .container,
	.site-header .travelscape-header-bottom > .container {
		padding-left: 24px;
		padding-right: 24px;
	}
	.site-header .travelscape-header-top .row,
	.site-header .travelscape-header-bottom .row {
		margin-left: 0;
		margin-right: 0;
	}
	.site-header .header-mobile {
		margin-left: 0;
		margin-right: 0;
	}
	body.hike .site-footer .travelscape-footer-top {
		padding: 20px 10px;
	}	
	body.hike .site-footer .travelscape-footer-bottom {
		padding: 15px;
	}	
}

@media (max-width: 767px) {
	.site-header {
		padding: 0;
	}
	.site-header .travelscape-header-top .row {
		flex-direction: column;
		align-items: center !important;
		justify-content: center;
		gap: 10px;
	}
	.site-header .travelscape-header-top-left,
	.site-header .travelscape-header-top-right {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
		justify-content: center;
		text-align: center;
	}
	.site-header .travelscape-header-top-right {
		order: -1;
		flex-wrap: wrap;
		gap: 8px 14px;
	}
	.site-header .travelscape-header-top-left {
		order: 1;
	}
	.site-header .travelscape-header-top-left .travelscape-social-media-wrap,
	.site-header .travelscape-header-top-left .social-icons {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
	}
	.travelscape-header .travelscape-header-top .travelscape-header-top-right .hike-header-contact {
		font-size: 0.95em;
	}
	.header-mobile .header-button-inline {
		display: none;
	}
	.header-mobile .header-button-drawer {
		display: block;
	}
	.hike-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 28px;
	}
	body.hike .site-footer .hike-footer-grid .travelscape-foot-main-col:not(:first-child) {
		border-left: none;
		padding-left: 0;
	}
	body.hike .site-footer .hike-footer-grid .travelscape-footer-one,
	body.hike .site-footer .hike-footer-grid .travelscape-footer-four,
	body.hike .site-footer .hike-footer-grid .travelscape-foot-main-col:first-child {
		grid-column: 1 / -1;
	}
	body.hike .site-footer .hike-footer-grid .travelscape-footer-three {
		border-left: 1px solid var(--primary-border-color);
		padding-left: 20px;
	}
	body.hike .site-footer .travelscape-footer-top {
		padding: 20px 10px;
	}
	body.hike .site-footer .travelscape-footer-bottom {
		padding: 0 15px;
	}
	body.hike .site-footer .travelscape-footer-bottom .row {
		justify-content: center;
		text-align: center;
	}
	body.hike .site-footer .travelscape-footer-bottom .site-info {
		text-align: center;
		width: 100%;
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 1.4;
	}
	body.hike .site-footer .travelscape-footer-bottom .copyright {
		text-align: center;
		width: 100%;
		font-size: 0.75rem;
		font-weight: 400;
		line-height: 1.4;
	}	
	body.hike .site-footer .travelscape-footer-bottom .travelscape-payment-logo {
		margin-left: 0;
	}
}