/* ----------------------------------------------------------------
	Travel Demo Styles
	Scoped styles for the Travel demo (theme colour, Arca Majora
	display font, organiser tabs, overlay grid, footer contacts,
	hotel price card). RTL section is inert on LTR sites.
-----------------------------------------------------------------*/

@font-face {
	font-family: 'Arca Majora';
	src: url('travel/arca/arca-heavy-webfont.woff2') format('woff2'),
		 url('travel/arca/arca-heavy-webfont.woff') format('woff'),
		 url('travel/arca/arca-heavy-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

:root {
	--cnvs-themecolor: #AC4147;
	--cnvs-themecolor-rgb: 172, 65, 71;

	--cnvs-primary-font: 'Poppins', sans-serif;
	--cnvs-body-font: 'Lato', sans-serif;
	--cnvs-secondary-font: 'pt serif',serif;
}

#header {
	--cnvs-primary-menu-font-size: 0.8125rem;
	--cnvs-primary-menu-ls: 1px;
	--cnvs-primary-menu-tt: uppercase;
	--cnvs-primary-menu-font-weight: 700;
}

#header.dark {
	--cnvs-primary-menu-hover-color: #FFF;
}

h1, h2, h3, h4 {
	font-family: 'Arca Majora', sans-serif;
}

@media (min-width: 992px) {

	#header + .include-header.include-topbar {
		margin-top: calc( -100px - 2px - 45px );
	}

	#top-bar {
		z-index: 399;
		border-bottom-color: rgba(0, 0, 0, 0.05);
	}

	#top-bar.dark {
		border-bottom-color: rgba(255,255,255, 0.05);
	}

	.top-links-item,
	#top-social li {
		border-left-color: rgba(0, 0, 0, 0.05);
	}

	.dark .top-links-item,
	.dark #top-social li {
		border-left-color: rgba(255,255,255, 0.05);
	}

	#top-bar.transparent-topbar { background: transparent !important; }

}

.dark .top-links-item > a { color: #EEE; }

.dark .top-links-item:hover { background-color: rgba(255,255,255,0.15); }

.dark #top-social li { border-left: 0; }

.dark #top-social li a { color: #EEE; }

.dark #header-wrap:not(.not-dark) .primary-menu.style-4 > ul > li:hover > a,
.dark #header-wrap:not(.not-dark) .primary-menu.style-4 > ul > li.current > a { border-color: rgba(255,255,255,0.5); }


.travel-organiser-tabs.tabs,
.travel-organiser-tabs .canvas-tabs {
	--bs-nav-tabs-border-width: 0;
	--bs-nav-link-padding-x: 20px;
	--cnvs-tabs-bg-color: rgba(0, 0, 0, 0.5);
	--bs-nav-link-color: #FFF;
	--bs-nav-tabs-link-active-color: var(--bs-nav-link-color);
	--bs-nav-link-font-size: 15px;
	--bs-nav-link-font-weight: 600;
	--cnvs-tabs-active-color: #FFF;
	--cnvs-tabs-active-bg-color: var(--cnvs-themecolor);
}

.travel-organiser-tabs .nav-tabs .nav-item .nav-link:hover,
.travel-organiser-tabs .nav-tabs .nav-item .nav-link:focus {
	color: var(--bs-nav-link-color);
}

.travel-organiser-tabs .nav-tabs .nav-item.ui-tabs-active .nav-link {
	top: 0;
	background-color: var(--bs-nav-tabs-link-active-bg);
}


.tabs.travel-organiser-tabs { width: 60% !important; }

.travel-organiser-tabs .canvas-tabs { border-bottom: 4px solid var(--cnvs-themecolor); }

.travel-organiser-tabs .nav-tabs .nav-item {
	margin-left: 1px;
	border: 0 !important;
}

.travel-organiser-tabs .nav-tabs .nav-item .nav-link {
	font-size: 15px;
	font-weight: 400;
}

.travel-organiser-tabs .tab-content {
	padding: 40px;
	background-color: rgba(255,255,255,0.9);
}

#travel-slider-overlay {
	position: relative;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay-open .portfolio-item .portfolio-image img {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
	-webkit-transition: all 1.5s ease;
	transition: all 1.5s ease;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay-open .portfolio-item:hover .portfolio-image img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.portfolio-desc h3 {
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 18px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}


.footer-big-contacts {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
}

.footer-big-contacts span {
	display: block;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 2px;
}

.dark .footer-big-contacts { color: rgba(255,255,255,0.8); }


.device-md .tabs.travel-organiser-tabs { width: 100% !important; }


@media (max-width: 767px) {

	.tabs.travel-organiser-tabs {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		margin-top: 0 !important;
		width: 100% !important;
	}

}


@media (max-width: 767px) {

	.tabs.travel-organiser-tabs .heading-block h4 { margin-bottom: 20px; }

	.tabs.travel-organiser-tabs .heading-block .fleft,
	.tabs.travel-organiser-tabs .heading-block .fright { float: none !important; }

}


.device-xs .tabs.travel-organiser-tabs .more-link.fright { float: none !important; }

.device-sm .tabs.travel-organiser-tabs .tab-nav i,
.device-xs .tabs.travel-organiser-tabs .tab-nav i { margin-right: 0 !important; }


.toggle .toggle-title i {
	top: 7px;
	left: 6px;
}

.more-link i {
	position: relative;
	top: 2px;
}

.checkbox-style:checked + .checkbox-style-2-label::before { background: var(--cnvs-themecolor); }

.hotel-price {
	display: block;
	font-size: 30px;
	color: var(--cnvs-themecolor);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 1px;
}


/* ----------------------------------------------------------------
	Canvas: Travel Demo - RTL Support
-----------------------------------------------------------------*/

@media (min-width: 992px) {

	.rtl .top-links-item,
	.rtl #top-social li {
		border-right-color: rgba(0, 0, 0, 0.05);
		border-left-color: 0;
	}
}

.rtl .dark #top-social li { border-right: 0; }

.rtl .travel-organiser-tabs .nav-tabs li {
	margin-left: 1px;
	margin-right: 1px;
	border-right: 0 !important;
}

.rtl .travel-organiser-tabs .nav-tabs li:first-child { margin-right: 0; }

@media (max-width: 767px) {

	.rtl .toggle .toggle-title i {
		right: 6px;
		left: auto;
	}

}

.before-heading {
    font-style: italic;
	font-family: var(--cnvs-secondary-font);
    color: var(--cnvs-contrast-500);
}
/* ----------------------------------------------------------------
	ADDITIVE: designed views (record singles, blog sidebar)
	Styles for surfaces the demo designs beyond its landing pages:
	the package/hotel fact strips, booking CTAs and the blog
	sidebar. Demo tokens only; scoped so nothing leaks.
-----------------------------------------------------------------*/

.travel .single-hotel-meta,
.travel .single-package-meta {
	margin-bottom: 1.25rem;
}

.travel .hotel-location,
.travel .package-destination {
	font-style: italic;
	font-family: var(--cnvs-secondary-font);
	color: var(--cnvs-themecolor);
}

.travel .hotel-attributes,
.travel .package-attributes {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.travel .hotel-attributes li,
.travel .package-attributes li {
	display: flex;
	justify-content: space-between;
	padding: 0.6rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.travel .hotel-attributes .attr-label,
.travel .package-attributes .attr-label {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.75rem;
	color: var(--cnvs-contrast-600);
}

.travel .hotel-attributes .attr-value,
.travel .package-attributes .attr-value {
	color: var(--cnvs-themecolor);
}

.travel .single-hotel-cta,
.travel .single-package-cta {
	margin-top: 1.5rem;
}

.travel .single-hotel-cta .button,
.travel .single-package-cta .button {
	margin-left: 0;
}

.travel-post .sidebar .widget > h4,
.travel-post .sidebar .wp-block-heading {
	font-size: 1rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 1.25rem;
}

.travel-post .sidebar .wp-block-latest-posts__list li,
.travel-post .sidebar .wp-block-categories li {
	padding: 0.4rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.travel-post .sidebar .wp-block-latest-posts__list li a,
.travel-post .sidebar .wp-block-categories li a {
	color: inherit;
}

.travel-post .sidebar .wp-block-latest-posts__list li a:hover,
.travel-post .sidebar .wp-block-categories li a:hover {
	color: var(--cnvs-themecolor);
}

.travel-post .sidebar .wp-block-tag-cloud a {
	display: inline-block;
	margin: 0 6px 6px 0;
	padding: 4px 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	font-size: 0.8125rem !important;
	color: inherit;
}

.travel-post .sidebar .wp-block-tag-cloud a:hover {
	background-color: var(--cnvs-themecolor);
	border-color: var(--cnvs-themecolor);
	color: #fff;
}

/* The organiser-tab and landing search forms space their rows with the grid
   gap alone; the form engine's .form-group wrapper must not add its own
   bottom margin inside those two shells. */
.travel-organiser-tabs .cnvs-form-field.form-group,
.landing-wide-form .cnvs-form-field.form-group {
	margin-bottom: 0;
}