/*
Theme Name: Travel Journey
Theme URI: https://wptravelkit.com/wordpress-travel-themes/travel-journey-wordpress-theme/
Author: WP Travel Kit
Author URI:	https://wptravelkit.com/
Description: Travel Journey is a free tour and travel booking WordPress theme designed for tour and travel agencies. It utilizes the WP Travel Engine, the most popular travel booking plugin. Travel Journey offers a sleek design with easy-to-use features. The theme is mobile-friendly and responsive, providing a captivating experience on any device. The one-click demo import feature speeds up the setup process, bringing in default content and layouts with just a click. By showcasing top packages, featured trips, and adventure activities on the homepage, Travel Journey captivates visitors and promotes effortless bookings. Moreover, it is compatible with Elementor and Gutenberg, offering more flexibility to customize your website. View theme demo here: https://preview.wptravelkit.com/travel-journey/ 
Template: travelscape
Version: 1.0.2
Tested up to: 6.4
Requires PHP: 5.6
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, food-and-drink, entertainment 
Text Domain:  travel-journey
*/
.travelscape-header .travelscape-header-top {
	border-bottom: none;
	padding: 10px 0 0 0;
}
.travelscape-social-media-wrap .social-icons a {
    background-color: var(--subtle-color);
}
.travelscape-header-bottom {
    padding: 10px 0;
}
.site-header {	
	border-bottom: none;
	padding-bottom: 10px;
}
.site-header .header-desktop {
	word-wrap: break-word;
	background-color: var(--subtle-color);	
	border-radius: 22px;
	padding: 20px 35px;	
}
.site-header .header-desktop .site-branding {	
}
.header-desktop .travelscape-header-button {
    margin-left: auto;
}
.header-desktop .travelscape-header-button a {
	color: var(--secondary-color);
    font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 100px;
	border: 1px solid var(--secondary-color);
	padding: 10px 20px;
}
.header-desktop .travelscape-header-button a:active,
.header-desktop .travelscape-header-button a:hover {
	background-color: var(--secondary-color);
	color: var(--secondary-color-inverse)
}
.header-desktop .main-navigation {
	background-color: #ffffff;
	border-radius: 22px;
	padding: 10px 30px 0px 5px;
}
.header-desktop .main-navigation ul li a {
    font-size: 16px;
	font-weight: 500;
    font-family: var(--font-family);
    color: var(--heading-color);
}

.site-header .header-mobile {
	background-color: var(--subtle-color);	
	word-wrap: break-word;
	border-radius: 22px;
	padding: 15px 35px;
    margin-left: -15px;
    margin-right: -15px;	
}
.header-mobile .main-navigation ul li a {
    font-size: 14px;
	font-weight: 500;
    font-family: var(--font-family);
    color: var(--heading-color);
}
.header-mobile .main-navigation ul li {
    margin-right: 18px;
}
.header-mobile .travelscape-header-button {
    margin-left: auto;
}
.header-mobile .travelscape-header-button a {
	color: var(--secondary-color);
    font-size: 0.7em;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 100px;
	border: 1px solid var(--secondary-color);
	padding: 8px 10px;
}
body.travelscape-right-sidebar #secondary {
    border-left: 0;
    background-color: #fafafa;
    border-radius: 22px;
}
body.travelscape-left-sidebar #secondary {
    border-left: 0;
    background-color: #fafafa;
    border-radius: 22px;
}
.site-footer {
	border-top: 1px solid #F2E5DC;
	background-color: #fff;
	margin-top: 0;
}
.site-footer .travelscape-footer-top {	
	background-color: #fff;
}
@media (max-width: 768px) { 
	.site-header .header-mobile .site-branding {
	width: 75%;
}
}
@media (max-width: 480px) { 
	.site-header .header-mobile .site-branding {
	width: auto;
	}
	.travelscape-pagination {
		margin-top: 20px;
	}	
	.site-footer .travelscape-footer-bottom .travelscape-payment-logo {
		margin-left: 0;
	}
}