/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 15 2026 | 17:51:30 */
/* Work NW Alberta badge — the extra square inside the Careers "Current Opportunities"
   loop grid. Paired with the "Work NW Alberta Badge - Move Into Grid" JS entry.
   Both selectors are listed: .elementor-element-wnwabdg1 is the container's own ID class,
   .wnwa-badge-cell is the CSS class set on it in Elementor (Advanced > CSS Classes). */
.elementor-element-wnwabdg1,
.wnwa-badge-cell {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.elementor-element-wnwabdg1 .elementor-widget-image,
.elementor-element-wnwabdg1 .elementor-widget-image a,
.wnwa-badge-cell .elementor-widget-image,
.wnwa-badge-cell .elementor-widget-image a {
	display: block;
	width: 100%;
	margin: 0;
}

/* The badge fills the width of its grid square. At the grid's column width the artwork
   is shorter than a job card, so it centres in the square without making the row taller.
   The last two selectors beat Elementor's own `.elementor-widget-image a img[src$=".svg"]`
   rule in widget-image.css, which otherwise pins a linked SVG to 48px wide. */
.elementor-element-wnwabdg1 .elementor-widget-image img,
.elementor-element-wnwabdg1 .elementor-widget-image a img[src$=".svg"],
.wnwa-badge-cell .elementor-widget-image img,
.wnwa-badge-cell .elementor-widget-image a img[src$=".svg"] {
	display: block;
	width: 100%;
	height: auto;
}

/* Fallback placement: if the JS has not moved the badge into the grid it stays directly
   below the job listings at card width, which is still an approved spot in the guide. */
.elementor-element-d8b4e46 > .e-con-inner > .elementor-element-wnwabdg1 {
	max-width: 380px;
}