/*
 * Commissioner variable font, served from this plugin so a theme update
 * cannot remove it. Weights 100-900 are available from the single file.
 */
@font-face {
	font-family: 'Commissioner';
	src: url('Commissioner-Variable.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

/*
 * The Events Calendar paints its views from its own font variables. They sit
 * on :root, so this stylesheet, loaded later, can hand the whole plugin the
 * same family without patching plugin files.
 */
:root {
	--tec-font-family-sans-serif: 'Commissioner', 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
	--tec-font-family-base: 'Commissioner', 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
}

/*
 * The slide-out and mobile menus are the only text the theme styles outside
 * its Kirki typography fields, so they need the family set here.
 */
.mobile_main_nav li a,
#sub_menu li a {
	font-family: 'Commissioner', 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
}

/*
 * Commissioner sets a little wider than the theme's original face, so a long
 * card title can reach into the lighter part of the photo overlay. Start the
 * darkening sooner and add a shadow, so every line stays readable.
 */
.grid.gallery .element:not(.center) .grid:after,
.Grandtour_Tour_Posts .one.portfolio_type:after {
	background-image: linear-gradient(
		transparent 0%,
		rgba(0, 0, 0, 0.05) 35%,
		rgba(0, 0, 0, 0.28) 55%,
		rgba(0, 0, 0, 0.62) 80%,
		rgba(0, 0, 0, 0.68) 100%
	);
}

.grid.gallery .element .grid .portfolio_info_wrapper h3,
.grid.gallery .element .grid .portfolio_info_wrapper h4,
.grid.gallery .element .grid .portfolio_info_wrapper h5,
.Grandtour_Tour_Posts .one.portfolio_type .portfolio_info_wrapper h5 {
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55), 0 0 2px rgba(0, 0, 0, 0.4);
}