/**
 * 1.2 Support Safety Week
 */

.page-template-support-safety-week div.banner_c a.button {
	padding: 6px 13px;
}

.page-template-support-safety-week #types_of_supporters_c {

}

.page-template-support-safety-week #types_of_supporters_c h3 {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 2.5rem;
	margin: 0 0 20px 0;
	text-align: center;
	text-transform: uppercase;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c {

}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter {
	margin: 0 0 20px 0;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.image {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	position: relative;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.info {
	background-color: #102d34;
	padding: 20px;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.info div.header {
	color: #ccdb29;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 2.7rem;
	margin: 0 0 6px 0;
	text-align: center;
	text-transform: uppercase;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.info div.subhead {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.7rem;
	text-align: center;
	text-transform: uppercase;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.info div.content {
	color: #fff;
	font-size: 1.5rem;
	line-height: 2.0rem;
	padding: 20px 0 0 0;
	text-align: center;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.bottom {
	height: 48px;
	overflow: hidden;
	position: relative;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.bottom.open {
	height: auto;
	padding: 0 0 80px 0;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.bottom div.toggle {
	background-color: #ccdb29;
	color: #102d34;
	cursor: pointer;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 48px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.bottom div.toggle::after {
	color: #102d34;
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	font-size: 2.4rem;
	font-weight: 300;
	position: absolute;
	right: 10px;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.bottom.open div.toggle {
	bottom: 0;
	position: absolute;
	width: 100%;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.bottom.open div.toggle::after {
	content: "\f00d";
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.bottom div.header_c {
	background-color: #f1f1f1;
	padding: 35px;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.bottom div.header_c div.header {
	color: #102d34;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 2.7rem;
	margin: 0 0 6px 0;
	text-align: center;
	text-transform: uppercase;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.bottom div.header_c div.copy {
	color: #58595B;
	font-size: 1.5rem;
	line-height: 2.0rem;
	padding: 20px 0;
	text-align: center;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.member div.bottom div.supporters,
.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.sponsor div.bottom div.supporters:not(.signature) {
	column-gap: 35px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 35px;
	row-gap: 25px;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.sponsor div.bottom div.supporters.signature {
	display: flex;
	height: auto;
	justify-content: center;
	padding: 35px 0 0 0;
	width: 100%;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.member div.bottom div.supporters .supporter,
.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.sponsor div.bottom div.supporters:not(.signature) .supporter {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	align-items: center;
	display: flex;
	height: 16vw;
	text-indent: -9999px;
	transition: opacity 0.05s ease, transform 0.15s ease;
	width: 100%;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.sponsor div.bottom div.supporters.signature .supporter {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	align-items: center;
	display: flex;
	height: 32vw;
	text-indent: -9999px;
	transition: opacity 0.05s ease, transform 0.15s ease;
	width: 100%;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter:not(.advocate) div.bottom div.supporters:hover .supporter {
	filter: grayscale(1);
	opacity: 0.35;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter:not(.advocate) div.bottom div.supporters:hover .supporter:hover {
	filter: grayscale(0);
	opacity: 1.0;
	transform: scale(1.2);
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.advocate div.bottom div.supporters {
	padding: 0 35px;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.advocate div.bottom div.supporters ul {
	columns: 1;
	list-style: none;
	margin: 35px 0 0 0;
	padding: 0;
}

.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.advocate div.bottom div.supporters ul li a {
	color: #102d34;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
}

.page-template-support-safety-week #benefits_for_our_supporters_c h3 {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 2.5rem;
	margin: 0 0 20px 0;
	text-align: center;
	text-transform: uppercase;
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c {
	padding: 10px;
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.header {
	display: grid;
	grid-template-columns: 31% 23% 23% 23%;
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.header div:first-child {
	border-bottom: 2px solid #ccdb29;
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.header div:not(:first-child) {
	background-color: #ccdb29;
	color: #102d34;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	margin: 0 2px 0 0;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.header div:last-child {
	margin: 0;
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.benefit {
	display: grid;
	grid-template-columns: 31% 23% 23% 23%;
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.benefit:nth-child(even) {
	background-color: rgba(181, 181, 181, 0.25);
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.benefit div {
	align-items: center;
	display: flex;
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.benefit div:first-child {
	color: #58595b;
	font-size: 1.0rem;
	line-height: 1.2;
	padding: 15px 10px;
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.benefit div:not(:first-child) {
	background-color: rgba(181, 181, 181, 0.25);
	color: #102d34;
	font-size: 2.0rem;
	justify-content: center;
	margin: 0 2px 0 0 ;
}

.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.benefit div:last-child {
	font-size: 1.0rem;
	font-weight: 700;
	margin: 0;
}

.page-template-support-safety-week #application_c {
	background-color: #f1f1f1;
}

.page-template-support-safety-week #application_c div.desktop_w {
	padding: 35px 10px;
}

.page-template-support-safety-week #application_c div.desktop_w > h3 {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 2.5rem;
	margin: 0 0 20px 0;
	text-align: center;
	text-transform: uppercase;
}

.page-template-support-safety-week #application_c div.desktop_w > p {
	font-size: 1.5rem;
	line-height: 2.2rem;
	text-align: center;
}

.page-template-support-safety-week #application_c div.application_c {
	background-color: #fff;
	padding: 25px;
}

.page-template-support-safety-week #application_c div.application_c div.headline {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 10px 0;
	text-align: center;
	text-transform: uppercase;
}

.page-template-support-safety-week #application_c div.application_c div.selector_c {
	background-color: #f1f1f1;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 0 0 30px 0;
}

.page-template-support-safety-week #application_c div.application_c div.selector_c div.supporter {
	background-color: #ccdb29;
	color: #fff;
	cursor: pointer;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	padding: 5px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.page-template-support-safety-week #application_c div.application_c div.selector_c div.supporter.current {
	color: #102d34;
}

.page-template-support-safety-week #application_c div.application_c div.selector_c div.supporter.current::after {
	content: '';
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #ccdb29;
	height: 0;
	left: calc(50% - 15px);
	position: absolute;
	top: calc(100% - 1px);
	width: 0;
	z-index: 1;
}

.page-template-support-safety-week #application_c div.application_c > div.description {
	background-color: #f1f1f1;
	color: #58595b;
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: center;
}

.page-template-support-safety-week #application_c div.application_c > div.annual_dues {
	background-color: #f1f1f1;
	color: #b5b5b5;
	font-size: 2.4rem;
	line-height: 1;
	padding: 10px 0 5px 0;
	text-align: center;
}

.page-template-support-safety-week #application_c div.application_c > div.annual_dues_disclaimer {
	background-color: #f1f1f1;
	color: #b5b5b5;
	font-size: 1.4rem;
	font-style: italic;
	line-height: 1.2;
	padding: 0 0 20px 0;
	text-align: center;
}

.page-template-support-safety-week #application_c div.application_c > div.disclaimer {
	background-color: #f1f1f1;
	color: #b5b5b5;
	font-size: 1.4rem;
	font-style: italic;
	line-height: 1.2;
	padding: 0 20px 30px 20px;
	text-align: center;
}

.page-template-support-safety-week #application_c .gform_wrapper.gravity-theme #field_12_3,
.page-template-support-safety-week #application_c .gform_wrapper.gravity-theme #field_12_4 {
	background-color: #f1f1f1;
	padding: 0 20px 20px 20px;
}

.page-template-support-safety-week #application_c .gform_wrapper.gravity-theme .gsection {
	margin: 20px 0 0 0;
}

.page-template-support-safety-week #application_c .gform_wrapper.gravity-theme .gsection h3.gsection_title {
	color: #6eb444;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.page-template-support-safety-week #application_c .gform_wrapper.gravity-theme .gfield_description {
	padding-top: 5px;
}

.page-template-support-safety-week #application_c .gform_wrapper.gravity-theme .button.gform_button {
	margin: 0 auto;
}

.page-template-support-safety-week #application_c div.form_disclaimer {
	color: #102d34;
	font-size: 1.2rem;
	line-height: 1.2;
	margin: 15px 0 0 0;
	text-align: center;
}

.page-template-support-safety-week #application_c div.form_disclaimer > a {
	color: #102d34;
	text-decoration: underline;
}

.page-template-support-safety-week #application_c div.form_disclaimer em {
	color: #7d7c7c;
}

@media screen and (min-width: 768px) {
	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.member div.bottom div.supporters,
	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.sponsor div.bottom div.supporters:not(.signature) {
		column-gap: 50px;
		grid-template-columns: repeat(3, 1fr);
		margin: 50px 10px;
		row-gap: 50px;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.member div.bottom div.supporters .supporter,
	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.sponsor div.bottom div.supporters:not(.signature) .supporter {
		height: 120px;
	}
}

@media screen and (min-width: 1024px) {
	.page-template-support-safety-week div.banner_c a.button {
		font-size: 1.8rem;
		padding: 8px 15px;
	}

	.page-template-support-safety-week #types_of_supporters_c {
		margin: 75px auto;
		padding: 0 47px;
	}

	.page-template-support-safety-week #types_of_supporters_c h3 {
		font-size: 3.0rem;
		line-height: 1;
		margin: 0 0 35px 0;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top {
		display: flex;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.image {
		flex: 0 0 320px;
		height: auto;
		min-height: 250px;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.info {
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: center;
		padding: 60px;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.info div.header {
		margin: 0 0 10px 0;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.info div.header,
	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.info div.subhead,
	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.top div.info div.content {
		text-align: left;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter div.bottom div.header_c {
		padding: 35px 160px;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.member div.bottom div.supporters,
	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.sponsor div.bottom div.supporters:not(.signature) {
		grid-template-columns: repeat(5, 1fr);
		margin: 55px;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.sponsor div.bottom div.supporters.signature + div.supporters {
		margin: 0 55px 55px 55px;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.sponsor div.bottom div.supporters.signature .supporter {
		width: 30%;
		margin: 0 50px;
		height: 250px;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.advocate div.bottom div.supporters ul {
		column-fill: balance;
		columns: 2;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.advocate div.bottom div.supporters ul li {
		padding: 0 20px 0 0;
	}

	.page-template-support-safety-week #types_of_supporters_c div.types_of_supporters_c div.type_of_supporter.advocate div.bottom div.supporters ul li a {
		font-size: 1.8rem;
	}

	.page-template-support-safety-week #benefits_for_our_supporters_c {
		margin: 75px auto;
		padding: 0 47px;
	}

	.page-template-support-safety-week #benefits_for_our_supporters_c h3 {
		font-size: 3.0rem;
		line-height: 1;
		margin: 0 0 35px 0;
	}

	.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
		padding: 50px;
	}

	.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.header {
		grid-template-columns: 55% 15% 15% 15%;
	}

	.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.header div:not(:first-child) {
		font-size: 1.8rem;
		margin: 0 3px 0 0;
		padding: 8px;
	}

	.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.header div:last-child {
		margin: 0;
	}

	.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.benefit {
		grid-template-columns: 55% 15% 15% 15%;
	}

	.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.benefit div:first-child {
		color: #58595b;
		font-size: 1.5rem;
		line-height: 1.2;
		padding: 15px 10px;
	}

	.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.benefit div:not(:first-child) {
		font-size: 2.0rem;
		margin: 0 3px 0 0;
	}

	.page-template-support-safety-week #benefits_for_our_supporters_c div.benefits_c div.benefit div:last-child {
		font-size: 1.1rem;
		margin: 0;
	}

	.page-template-support-safety-week #application_c div.desktop_w {
		padding: 75px 47px;
	}

	.page-template-support-safety-week #application_c div.application_c {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
		padding: 35px 150px;
	}

	.page-template-support-safety-week #application_c div.application_c div.selector_c div.supporter {
		font-size: 2.4rem;
		padding: 10px;
	}

	.page-template-support-safety-week #application_c div.application_c > div.description {
		font-size: 1.8rem;
	}

	.page-template-support-safety-week #application_c div.application_c > div.annual_dues {
		font-size: 2.4rem;
		padding: 10px 0 5px 0;
	}

	.page-template-support-safety-week #application_c div.application_c > div.annual_dues_disclaimer,
	.page-template-support-safety-week #application_c div.application_c > div.disclaimer {
		font-size: 1.4rem;
	}
}
