/*
 * App landing page: map demo-app-landing helpers to Nostalgic Avenue default skin
 * and tame demo-only typography. Scoped to body.na-app-landing.
 */

/* demo-app-landing sets h1 to ~5.6em — restore a homepage-like scale */
body.na-app-landing .main h1 {
	font-size: 2.5rem !important;
	line-height: 1.15 !important;
	font-weight: 800 !important;
	letter-spacing: -0.5px !important;
	margin-left: 0 !important;
}

@media (min-width: 992px) {
	body.na-app-landing .main h1 {
		font-size: 3.25rem !important;
	}
}

body.na-app-landing .home-intro.m-0 {
	margin-bottom: 0 !important;
}

body.na-app-landing .custom-bg-color-1 {
	background-color: #0088CC !important;
}

body.na-app-landing .custom-background-style-1:after {
	background: none !important;
	opacity: 0;
}

body.na-app-landing h2.custom-bar:after {
	border-bottom-color: #0088CC !important;
}

body.na-app-landing .custom-btn-style-1,
body.na-app-landing .custom-btn-style-1:active {
	background: #0088CC;
	background: linear-gradient(to right, #0088CC 0%, #0099e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088CC', endColorstr='#0099e6', GradientType=1);
}

body.na-app-landing .custom-btn-style-1._borders {
	background: transparent;
	border: 1px solid rgba(0, 136, 204, 0.55);
}

body.na-app-landing .custom-btn-style-1._borders:hover,
body.na-app-landing .custom-btn-style-1._borders:active,
body.na-app-landing .custom-btn-style-1._borders:focus {
	border-color: #0099e6;
	background: linear-gradient(to right, #0088CC 0%, #0099e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088CC', endColorstr='#0099e6', GradientType=1);
}

body.na-app-landing .custom-btn-style-2 {
	border-color: rgba(0, 136, 204, 0.45) !important;
}

body.na-app-landing .custom-btn-style-2:hover,
body.na-app-landing .custom-btn-style-2:hover:active,
body.na-app-landing .custom-btn-style-2.active,
body.na-app-landing .custom-btn-style-2:focus {
	border-color: #0088CC !important;
}

body.na-app-landing .custom-accordion-style-1 .card-header .card-title a:not(.collapsed) {
	color: #0088CC !important;
	border-left-color: #0088CC;
	background: #e6f4fc;
}

body.na-app-landing .custom-accordion-style-1 .card-header .card-title a:not(.collapsed):after {
	border-top-color: #0088CC;
}

body.na-app-landing #footer {
	margin-top: 50px !important;
	border-top: 4px solid #212529 !important;
	padding: 0 !important;
	background: #212529 !important;
}

body.na-app-landing #footer .footer-copyright {
	padding: 0 !important;
	border: 0 !important;
}

body.na-app-landing #footer .footer-copyright:before {
	content: none !important;
	display: none !important;
}

body.na-app-landing #footer .footer-copyright nav ul li:hover a {
	color: #0088CC !important;
}

body.na-app-landing .owl-carousel.custom-background-1:before {
	background: none !important;
}

/* Full mockup PNGs are taller than the demo’s inset screenshot frame (max-height: 365px). */
body.na-app-landing .owl-carousel.custom-background-1 {
	bottom: 0;
	padding: 0;
}

body.na-app-landing .owl-carousel.custom-background-1 .owl-stage {
	max-height: none !important;
	overflow: visible;
}

/* Demo pulls the carousel left (custom-left-pos-1) and places arrows outside (-60px), which overlaps hero copy. */
body.na-app-landing .owl-carousel.custom-left-pos-1 {
	left: 0 !important;
}

body.na-app-landing .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev {
	left: 10px;
	right: auto;
}

body.na-app-landing .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next {
	right: 10px;
	left: auto;
}

/* Keep expanded tap targets from sticking out past the carousel edge into adjacent layout. */
body.na-app-landing .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev:after {
	left: 0;
	width: 44px;
}

body.na-app-landing .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next:after {
	left: auto;
	right: 0;
	width: 44px;
}