/* ==========================================================================
   REUSABLE COMPONENTS (apply by adding the CSS class to an Enfold element)
   ========================================================================== */

/* ---- .ula-page-intro : angled blue band + grey page title -------------------
   Enfold: Color Section class = ula-page-intro, Special Heading tag H2 (Matthew:
   page title is H2; content lead is the page's sole H1). Band via clip-path
   (comp: 1440x213, mobile 393x76). Title 55/60 Catamaran 500 #9EACAA. */
#top .avia-section.ula-page-intro,
#top .ula-page-intro {
	position: relative;
	background: transparent !important;
	border: 0 !important;
	overflow: visible;
}
#top .ula-page-intro::before {
	content: "";
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 14.75vw;
	max-height: 213px;
	background: var(--ula-blue);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 13%);
	pointer-events: none;
}
#top .ula-page-intro .container {
	padding-top: clamp(100px, 8.125vw, 117px);
	padding-bottom: 20px;
	min-height: 225px;
	box-sizing: border-box;
}
#top .ula-page-intro .av-special-heading { margin: 0; padding: 0; }
#top .ula-page-intro h2,
#top .ula-page-intro h2.av-special-heading-tag,
#top .ula-page-intro .av-special-heading-tag,
#top .ula-page-intro h2 a {
	margin-top: 40px;
	margin-bottom: 0;
	padding: 0;
	font-family: Catamaran, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 500 !important;
	font-style: normal !important;
	font-size: 55px !important;
	line-height: 60px !important;
	color: var(--ula-gray);
}
#top .ula-page-intro .flex_column, #top .ula-page-intro .av_one_full { margin: 0; }
#top .ula-page-intro .av-section-color-overlay-wrap, #top .ula-page-intro .av-section-color-overlay { background: transparent !important; }
@media (max-width: 989px) {
	#top .ula-page-intro::before {
		height: 19.3vw;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 43.6%);
	}
	#top .ula-page-intro .container { padding-top: 107px; padding-bottom: 23px; min-height: 0; height: 157px; }   /* Figma mobile: band 199-357 (overlaps the 200px header by 1px), title text at y307 */
	#top .avia-section.ula-page-intro { height: 157px; min-height: 0; }
	#top .ula-page-intro h2, #top .ula-page-intro h2.av-special-heading-tag, #top .ula-page-intro .av-special-heading-tag, #top .ula-page-intro h2 a { margin-top: 0; font-size: 44px !important; line-height: 48px !important; }
}
/* Enfold's Special Heading draws a rule beside the title; the comp has none. */
#top .ula-page-intro .special-heading-border { display: none; }