Components
35
Accordion Buttons Image Callout Centered Content Collaboration Carousel Community Partners Carousel Community Partners Map Contact Callout Bar Contact Form Conversation Grid Donate Featured Image Content Featured Products Hero Home Hero Image Content Large Callout Bar Latest News Logo Carousel Meet The Team Cta Products Intro Related Articles Say Hey Sectors Intro Shop Hero Shop Listing Simple Product Calculator Single Testimonial Stats Highlight Tabbed Content Team Listing Thin Buttons Callout Thin Newsletter Callout Timeline Carousel Trio Testimonials Vertical Content Carousel Video Popup Wholesale Signup Form

Stats Highlight

good for people and the planet...

Sustainable change starts with quality materials, whether your Hey Girls product is purchased or donated, we only provide quality, sustainable items for our customers.

Hey Girls period products offer the functionality of plastic, without the pollution!

We use natural materials without any hidden nasties like chemicals, bleach and toxins and our plant-based ingredients are responsibly sourced and renewable.

We work closely with manufacturers to ensure all our products are sustainable, and from the data collected below – you can see why!

200,000

tonnes of waste made up of disposable period products per year (that's as heavy as 7.5 Statues of Liberty!)

11,000

disposable products are used on average per lifetime

4.8

disposable period products are found for every 100m of beach

Download our 2024 Impact Report

Field
Field Type
Field Name
Instructions
Title
text
title
Content
wysiwyg
content
Stats
repeater
stats
-- Stat
text
stat
-- Content
text
content
Buttons
repeater
buttons
-- Button
link
button
-- Button Style
select
button_style
-- Show Download Icon
true_false
download
Add Background Colour
true_false
bg

				
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/mixins/breakpoints";

.stats-highlight {
	margin-top: 5rem;
	margin-bottom: 3rem;
	position: relative;

	@include media-breakpoint-down(md) {
		margin-top: 3rem;
		margin-bottom: 1rem;
	}
	.stats-content {
		max-width: 64rem;
		margin: 0 auto;
	}
	h2 {
		margin-bottom: 1.75rem;
	}
	.buttons {
		margin-top: 1rem;
	}
    &.has-bg {
		padding-top: 5rem;
		padding-bottom: 3rem;

        &:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			background: var(--lighter-colour);
			z-index: -1;
			min-height: 0;
			transition: min-height 0.7s cubic-bezier(0.62, 0.38, 0.17, 0.85);
			transition-delay: 0.6s;
        }
        &.aos-animate {
            &:after {
				transition-delay: 0s;
				min-height: 100%;
            }
        }
    }
}

.stats {
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 1rem;

	.stat {
		padding: 1rem 2rem;
		width: 25%;
		flex-grow: 1;

		@include media-breakpoint-down(lg) {
			width: 50%;
		}
	}
	.stat-title {
		font-size: 3.25rem;
		font-family: $font-stack-headings;
		color: $greyishbrown;
		font-weight: bold;
		margin: 0;

		@include media-breakpoint-down(lg) {
			font-size: 2.5rem;
		}
		@include media-breakpoint-down(sm) {
			font-size: 2rem;
		}
	}
	.stat-content {
		font-weight: 500;
		font-size: 1rem;
		line-height: 1.5;
	}
}
There are is no JavaScript file with this component.
There are is no readme file with this component.
The owner of this website has made a commitment to accessibility and inclusion, please report any problems that you encounter using the contact form on this website. This site uses the WP ADA Compliance Check plugin to enhance accessibility.