/*
Theme Name: Umrah
Theme URI: https://wptravelkit.com/wordpress-travel-themes/umrah-wordpress-theme/
Author: WP Travel Kit
Author URI:	https://wptravelkit.com/
Description: Umrah is a modern, lightweight, and responsive WordPress theme designed specifically for Islamic tour operators, Umrah and Hajj travel agencies, Ziyarat tour providers, and halal tourism businesses. Built to work seamlessly with the WP Travel Engine plugin, it enables you to create a professional travel booking website where you can showcase Umrah packages, Hajj tours, Islamic pilgrimage journeys, travel itineraries, accommodations, visa assistance, and other travel services with ease. The theme is built entirely with the native WordPress Block Editor (Gutenberg) and Kadence Blocks, giving you a fast, flexible, and intuitive editing experience without relying on a page builder. Easily customize layouts, create beautiful landing pages, and design engaging content using reusable blocks and full-site editing capabilities. Umrah features a clean and mobile-friendly design, fast loading performance, SEO-optimized structure, accessibility-ready markup, and standards-compliant code to deliver an excellent user experience across all devices. Whether you are promoting Ramadan Umrah packages, family pilgrimage tours, Islamic heritage trips, or customized travel experiences, the theme provides professionally designed layouts and conversion-focused sections to help build trust and generate more inquiries. It is WP Travel Engine compatible, translation ready, cross-browser compatible, and regularly updated to ensure compatibility with the latest version of WordPress. Umrah is the perfect foundation for creating a beautiful, reliable, and high-performing website for any Islamic travel agency or pilgrimage business powered by WP Travel Engine. View theme demo here: https://preview.wptravelkit.com/umrah/
Template: travelscape
Version: 1.0.3
Tested up to: 7.0
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, block-styles, custom-colors, editor-style, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, full-width-template, translation-ready
Text Domain:  umrah
*/
/* Prevent long unbroken titles/words from overflowing the layout */
body {
	overflow-wrap: break-word;
	word-wrap: break-word; /* legacy alias */
}
.travelscape-header .travelscape-header-top {
	border-bottom: none;
	background-color: var(--primary-color);
	border-bottom: 1px solid var(--primary-color-inverse);
	padding: 10px 0;	
}
.travelscape-header-top .row {
    align-items: center !important; 
}
.travelscape-header-top-left {
    margin-right: 15px;
}
.travelscape-header-top-center {	
	display: flex;
	gap: 15px;
	color: var(--primary-color-inverse);
}
.umrah-offcanvas .offcanvas-sidebar {
	visibility: hidden;
	opacity: 0;
	position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
	height: 100vh;
	left: 0;
	top: 0;	
	width: 320px;
	border-right: 1px solid var(--subtle-color);
	background-color: var(--base-color);
	box-shadow: 3px 0px 20px -9px rgba(0,0,0,0.1);
	transition: left 0.7s; /** <- removed position **/
}
.umrah-offcanvas .offcanvas-sidebar.active {
	visibility: visible;
	opacity: 1;
	z-index: 1000000000;	
}
.umrah-offcanvas .offcanvas-sidebar .widget-area {
	position: relative;
	padding: 25px 25px;
}
.umrah-offcanvas .offcanvas-sidebar .close-btn  {	
	float: right;
	clear: both;
	margin: 25px 25px 0 0;
	position: relative;
	z-index: 10000;
}

.umrah-offcanvas .offcanvas-sidebar h2 {
	font-size: 1.3em;
}
.travelscape-header-top-center a, visited {
	color: var(--primary-color-inverse);
	font-weight: 500;
	font-size: 0.9em;
}
.travelscape-header-top-center a:hover {
	color: var(--primary-color-inverse);
	text-decoration: underline;
}
.travelscape-social-media-wrap .social-icons a {
    background-color: var(--primary-color-inverse);
}
.travelscape-social-media-wrap .social-icons a svg {
    color: var(--primary-color);	
    fill: var(--primary-color);
}
.travelscape-social-media-wrap .social-icons a:hover svg {
    color: var(--primary-color-inverse);
    fill: var(--primary-color-inverse);
}
.umrah-offcanvas .offcanvas-icon svg {
    width: 24px;    
	height: 24px;
	color: var(--primary-color-inverse);
	fill: var(--primary-color-inverse);
    vertical-align: top;	
}
.travelscape-header-bottom {
    padding: 0;
}
.site-header {	
	border-bottom: 1px solid var(--primary-border-color);
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-color: var(--base-color);
}
.site-header .header-desktop {
	word-wrap: break-word;
	background-color: var(--base-color);	
	border-radius: 22px;
	padding: 0px 0;	
	align-items: center !important;
}
.site-header .header-desktop .site-branding {
	margin-bottom: -10px;
}
.header-desktop .travelscape-header-button {
    margin-left: auto;
}
.header-desktop .travelscape-header-button a {
	background-color: var(--primary-color);
	color: var(--primary-color-inverse);
    font-size: 0.8em;	
	font-weight: 400;
	border-radius: 150px;
	border: 1px solid var(--primary-color-inverse);
	padding: 15px 30px;
}
.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: 0px 0px 0px 5px;
}
.header-desktop .main-navigation ul li {	
	margin: 0;
	padding: 25px 15px;	
}
.header-desktop .main-navigation ul li a {
    font-size: 18px;
	font-weight: 500;
    font-family: var(--font-family);
    color: var(--heading-color);
	display: inline-block;
}
.header-desktop .main-navigation ul li.menu-item-has-children ul.sub-menu a {
    font-size: 90%;
	border-left: 0px solid var(--primary-border-color);
	border-right: 0px solid var(--primary-border-color);
	padding: 5px;
	display: inline-block;
}
.header-desktop .main-navigation ul li.menu-item-header-cta {
	display: none;
}
.site-header .header-mobile {
	background-color: var(--base-color);	
	word-wrap: break-word;
	border-radius: 22px;
	padding: 10px 0;
    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 {
    border-bottom: 1px solid var(--primary-border-color);
}
.header-mobile .main-navigation ul li > a {
    font-size: 1em;
    padding: 10px 15px;
    background: var(--base-color);  
    font-size: 18px;
	font-weight: 600;
    font-family: var(--font-family);
    color: var(--heading-color);	
}
.header-mobile .main-navigation ul li .children, .header-mobile .main-navigation ul li .sub-menu {
    background: var(--base-color);
}
.header-mobile .main-navigation ul li .children li a, .header-mobile .main-navigation ul li .sub-menu li a {
    font-size: 1em;    
}
.header-mobile .main-navigation ul li.menu-item-header-cta {
	border-bottom: 0;
	padding: 15px;
}
.header-mobile .main-navigation ul li.menu-item-header-cta > a {
	display: block;
	text-align: center;
	background-color: var(--primary-color);
	color: var(--primary-color-inverse);
	font-size: 0.9em;
	font-weight: 400;
	border-radius: 150px;
	border: 1px solid var(--primary-color-inverse);
	padding: 12px 24px;
}
.header-mobile .main-navigation ul li.menu-item-header-cta > a:hover,
.header-mobile .main-navigation ul li.menu-item-header-cta > a:active {
	background-color: var(--secondary-color);
	color: var(--secondary-color-inverse);
}
.header-mobile .menu-toggle {
    margin-left: auto;
}
body.travelscape-right-sidebar #secondary {
    border-left: 0;
    background-color: var(--base-color);
    border-radius: 0;
	border: 1px solid var(--primary-border-color);
}
body.travelscape-left-sidebar #secondary {
    border-left: 0;
    background-color: #fafafa;
    border-radius: 22px;
}
.site-main {
	padding: 25px 0;
}
article.has-post-thumbnail .entry-excerpt {
    background-color: var(--base-color);
    padding: 40px;
    border-radius: 0;
    box-shadow: 0 3px 40px rgba(55, 55, 55, 0.05);
	border: 0px solid var(--primary-border-color);
}
.site-footer {
	border-top: 0.5px solid var(--primary-border-color);
	background-color: #fff;
	margin-top: 0px;
	padding: 0px;
}
.site-footer .travelscape-footer-top {	
	background-color: #fff;
	padding: 0;
}
.site-footer .travelscape-footer-top .grid {
	margin-left: -15px;
	margin-right: -15px;
}
.site-footer .travelscape-footer-top .travelscape-foot-main-col {
	border-left: 1px solid var(--primary-border-color);
	padding: 25px 35px;
}
.site-footer .travelscape-footer-top .travelscape-foot-main-col:last-child {
	border-right: 1px solid var(--primary-border-color);
}
.site-footer .travelscape-footer-top .widget {
	padding: 0;
}

/* WPTE Styles */
.category-trips-single .category-trips-single-inner-wrap {
	box-shadow: none !important;
}
.wptravelengine_css_v2 .thank-you-container,
.wptravelengine_css_v2 .wpte-bf-checkout .wpte-bf-book-summary,
.wpte-bf-checkout .wte-coupon-whole-wrap, .wpte-bf-checkout .wpte-bf-checkout-form form, .wpte-bf-checkout .wpte-bf-book-summary,
.wrapper--style, .wptravelengine_css_v2 #tabs-container, .wte_enquiry_contact_form, .wte-trip-facts,
.category-trips-single .category-trips-single-inner-wrap,
.wptravelengine_css_v2 .advanced-search-wrapper .sidebar {
	box-shadow: none;
	border: 1px solid var(--primary-border-color);
	padding: 2rem;
}
.fixed-header .nav-tab-wrapper .tab-anchor-wrapper {
	border-left: 1px solid var(--primary-border-color);
}
.fixed-header .nav-tab-wrapper .tab-anchor-wrapper .nav-tab {
	padding: 25px 35px;
}
.nav-tab-wrapper .tab-anchor-wrapper .nav-tab {
	color: var(--secondary-color);
	font-family: var(--font-family);
}
.offcanvas-sidebar .widget_wte_featured_trips_widget .category-trips-widget-inner-wrap {
	flex-direction: column;
}
.offcanvas-sidebar .widget_wte_featured_trips_widget .category-trip-fig {
	width: 100%;
	margin-bottom: 10px;
}
.offcanvas-sidebar .widget_wte_featured_trips_widget .category-trip-detail-wrap {
	width: 100%;
	padding: 0;	
}
.widget_wte_featured_trips_widget .category-trips-widget {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--primary-border-color);
}
.offcanvas-sidebar .widget_wte_featured_trips_widget .category-trip-budget .striked-price {
	font-size: 0.9em;
}
.offcanvas-sidebar .widget_wte_featured_trips_widget .category-trip-budget .actual-price {
	font-size: 1em;
}
.offcanvas-sidebar .widget_wte_featured_trips_widget .category-trip-title {
	font-size: 1em;
}
.offcanvas-sidebar .widget_wte_featured_trips_widget .category-trip-desti .category-trip-dur,
.offcanvas-sidebar .widget_wte_featured_trips_widget .category-trip-desti .category-trip-loc {
	font-size: 0.9em;
}
.offcanvas-sidebar .widget_wte_featured_trips_widget .category-trip-desti>span {
	margin-bottom: 0;
}
.offcanvas-sidebar .widget_wte_featured_trips_widget .category-trip-desti span svg {
    height: 10px;
}

/* Long Title / Word Overflow
--------------------------------------------- */
.page-title,
.entry-title,
.entry-content,
.page-header h1 {
	overflow-wrap: anywhere;
}

/* Flex children default to min-width:auto, letting long words blow out the row */
.site-main.row > #primary,
.site-main.row > #secondary {
	min-width: 0;
}

@media (max-width: 1024px) {
	.header-desktop .main-navigation ul li {
		padding: 15px;
	}	
	.site-header .travelscape-header-bottom .top-wrap {	
		align-items: center !important;
	}	
}
@media (max-width: 768px) { 
	.site-header {
		padding: 0;
	}
	.site-header .header-mobile .site-branding {
		width: auto;
	}
	.site-footer .travelscape-footer-top .travelscape-foot-main-col {		
		border: 0.5px solid var(--primary-border-color);
		padding: 5px 15px;
	}
	.site-footer .travelscape-footer-top .travelscape-foot-main-col:last-child {
		border-right: 0.5px solid var(--primary-border-color);
	}	
	.site-header .travelscape-header-bottom .top-wrap {	
		align-items: center !important;
	}	
}
@media (max-width: 480px) { 
	.umrah-offcanvas .offcanvas-sidebar {		
		width: 100%;
	}	
	.site-header .travelscape-header-top-left {
		order: 0;
	}
	.site-header .travelscape-header-top-center {
		order: 1;
	}	
	.site-header .travelscape-header-top-right {
		order: 2;
	}	
	.site-header .header-mobile .site-branding {
		width: auto;
	}	
	.site-header .travelscape-header-bottom .top-wrap {
		margin: 0;
		align-items: center !important;
	}	
	.header-mobile .main-navigation ul li a {
		padding: 10px 25px;
	}	
	.site-main {
		padding: 0;
	}	
	article.has-post-thumbnail .entry-excerpt {
		padding: 30px;
	}	
	article.article .read-more-link {
		padding: 8px 30px;
		font-weight: 400;
		font-size: 0.9em;
	}	
	.travelscape-pagination {
		margin-top: 20px;
	}	
	.site-footer .travelscape-footer-top .travelscape-foot-main-col {
		border-left: none;
		border-bottom: 1px solid var(--primary-border-color);
		padding: 5px 15px;
	}	
	.site-footer .travelscape-footer-bottom .travelscape-payment-logo {
		margin-left: 0;
	}
}