html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
}

.error_404 {
	text-align: center;
	padding: 200px 0;
}

.wp_content > :first-child {
	margin-top: 0;
}

.page-template-default .wp_content > :not(:last-child):not(:first-child) {
	margin-bottom: 40px;
}

.wp_content > :last-child {
	margin-bottom: 0;
}

.padding_full {
	padding-left: var(--width-full);
	padding-right: var(--width-full);
}

.padding_xl {
	padding-left: var(--width-xl);
	padding-right: var(--width-xl);
}

.padding_l {
	padding-left: var(--width-l);
	padding-right: var(--width-l);
}

.padding_m {
	padding-left: var(--width-m);
	padding-right: var(--width-m);
}

.padding_s {
	padding-left: var(--width-s);
	padding-right: var(--width-s);
}

.padding_top_l {
	padding-top: var(--padding-l);
}

.padding_top_m {
	padding-top: var(--padding-m);
}

.padding_top_s {
	padding-top: var(--padding-s);
}

.padding_top_none {
	padding-top: 0;
}

.padding_bottom_l {
	padding-bottom: var(--padding-l);
}

.padding_bottom_m {
	padding-bottom: var(--padding-m);
}

.padding_bottom_s {
	padding-bottom: var(--padding-s);
}

.padding_bottom_none {
	padding-bottom: 0;
}

.main_container {
	&.header_transparent {
		> div:first-of-type {
			padding-top: 150px;
		}
	}
}

/* social media */
.social_links_container {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.social_icon {
	min-width: 22px;
	min-height: 22px;
	background-position: center;
	background-size: contain;
	margin-right: 10px;
}

.social_icon:hover {
	opacity: 0.7;
}

.social_icon:last-child {
	margin-right: 0;
}

.social_icon.facebook {
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25.5H2.75A2.25 2.25 0 0 0 .5 2.75v16.5a2.25 2.25 0 0 0 2.25 2.25h6.43v-7.14H6.23V11h2.95V8.44c0-2.91 1.74-4.52 4.4-4.52 1.27 0 2.6.22 2.6.22V7H14.7c-1.44 0-1.9.9-1.9 1.82V11h3.23l-.52 3.36h-2.7v7.14h6.43a2.25 2.25 0 0 0 2.25-2.25V2.75A2.25 2.25 0 0 0 19.25.5Z' fill='%23FF0000'/%3E%3C/svg%3E");
}

.social_icon.instagram {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5.5a4.48 4.48 0 1 0 0 8.97 4.48 4.48 0 0 0 0-8.96Zm0 7.41a2.92 2.92 0 1 1 .02-5.84A2.92 2.92 0 0 1 10 12.9Zm5.72-7.59a1.04 1.04 0 1 1-2.09 0 1.05 1.05 0 0 1 2.1 0ZM18.7 6.4a5.18 5.18 0 0 0-1.42-3.67 5.21 5.21 0 0 0-3.67-1.42c-1.44-.08-5.77-.08-7.22 0a5.2 5.2 0 0 0-3.67 1.41C1.7 3.74 1.38 4.98 1.31 6.38c-.08 1.45-.08 5.78 0 7.23.07 1.4.39 2.64 1.41 3.66A5.22 5.22 0 0 0 6.4 18.7c1.45.08 5.78.08 7.22 0a5.18 5.18 0 0 0 3.67-1.42 5.21 5.21 0 0 0 1.42-3.66c.08-1.45.08-5.78 0-7.22Zm-1.87 8.77c-.3.76-.9 1.35-1.66 1.66-1.16.46-3.9.35-5.17.35s-4 .1-5.16-.35c-.76-.3-1.35-.9-1.66-1.66-.46-1.16-.35-3.89-.35-5.16 0-1.28-.1-4.02.35-5.16.3-.77.9-1.36 1.66-1.67C6 2.71 8.74 2.82 10 2.82c1.28 0 4.02-.1 5.16.35.77.3 1.36.9 1.67 1.67.46 1.15.35 3.88.35 5.16 0 1.27.1 4-.35 5.16Z' fill='%23FF0000'/%3E%3C/svg%3E");
}

.social_icon.twitter {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 1.5H3.75c-1.24 0-2.25 1-2.25 2.25v16.5c0 1.24 1 2.25 2.25 2.25h16.5c1.24 0 2.25-1 2.25-2.25V3.75c0-1.24-1-2.25-2.25-2.25Zm-2.3 7.44c.02.13.02.27.02.4 0 4.07-3.1 8.75-8.75 8.75A8.7 8.7 0 0 1 4.5 16.7a6.16 6.16 0 0 0 4.56-1.27 3.08 3.08 0 0 1-2.88-2.14c.48.07.9.07 1.39-.05a3.07 3.07 0 0 1-2.46-3.02v-.04c.4.23.89.37 1.39.39a3.07 3.07 0 0 1-.95-4.11 8.73 8.73 0 0 0 6.33 3.21 3.08 3.08 0 0 1 5.25-2.8c.7-.13 1.36-.4 1.95-.74a3.07 3.07 0 0 1-1.35 1.69 6.12 6.12 0 0 0 1.77-.48 6.47 6.47 0 0 1-1.54 1.6Z' fill='%23FF0000'/%3E%3C/svg%3E");
}

.social_icon.youtube {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.08 5.42a2.38 2.38 0 0 0-1.67-1.69c-1.48-.4-7.41-.4-7.41-.4s-5.93 0-7.41.4c-.82.22-1.46.87-1.68 1.69-.4 1.49-.4 4.6-.4 4.6s0 3.1.4 4.59c.22.82.86 1.44 1.68 1.66 1.48.4 7.4.4 7.4.4s5.94 0 7.42-.4a2.35 2.35 0 0 0 1.67-1.66c.4-1.5.4-4.6.4-4.6s0-3.1-.4-4.6ZM8.06 12.83V7.2l4.96 2.82-4.96 2.82Z' fill='%23FF0000'/%3E%3C/svg%3E");
}

/* backgrounds */
.bg_white {
	background: var(--white);
}

.bg_deep-grey {
	background: var(--deep-grey);
}

.bg_medium-grey {
	background: var(--medium-grey);
}

.bg_synoptics-dark-pink {
	background: var(--synoptics-dark-pink);
}

.bg_synoptics-light-pink {
	background: var(--synoptics-light-pink);
}

.bg_synoptics-extra-light-pink {
	background: var(--synoptics-extra-light-pink);
}

.bg_syngene-pink {
	background: var(--syngene-pink);
}

.bg_syngene-light-pink {
	background: var(--syngene-light-pink);
}

.bg_synbiosis-pink {
	background: var(--synbiosis-pink);
}

.bg_synbiosis-light-pink {
	background: var(--synbiosis-light-pink);
}

.bg_fistreem-blue {
	background: var(--fistreem-blue);
}

.bg_fistreem-light-blue {
	background: var(--fistreem-light-blue);
}

.bg_gallenkamp-purple {
	background: var(--gallenkamp-purple);
}

.bg_gallenkamp-light-purple {
	background: var(--gallenkamp-light-purple);
}

.bg_gradient {
	background: linear-gradient(180deg, var(--deep-grey) 0%, var(--primary) 100%);
}

.bg_gradient ,
.bg_medium-grey ,
.bg_deep-grey ,
.bg_syngene-pink ,
.bg_gallenkamp-purple {

	& ul li {
		color: #fff;
	}

	& .gfield label {
		color: #fff;
	}

	.gfield label.gfield_label,
	.gfield .gfield_label {

		.gfield_required_text {
			color: #fff;
			opacity: 0.5;
		}
	}

}


.bg_white-smoke {
	background: var(--woo-white-smoke);
}

.graphic_bg {
	position: relative;
	isolation: isolate;
	&:after {
		z-index: -1;
		content: "";
		position: absolute;
		top: 10%;
		left: 5vw;
		width: 90vw;
		height: 90%;
		background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 736 156'%3E%3Cpath fill='url(%23a)' d='M627 71.6c0 9.3-.7 17.7-2.1 25.2a95.6 95.6 0 0 1-7.5 21c-3.4 6.5-7.7 12.8-12.6 19-5 6.3-10.7 12.7-17.1 19.2l-27.5-13.1c2-2 3.8-4.4 5.6-7.2a102 102 0 0 0 9.7-20.3 44 44 0 0 1-26-15.3A43 43 0 0 1 539 71.6c0-6.2 1.2-12.1 3.7-17.6a44 44 0 0 1 40.5-27c6 0 11.7 1.1 17.1 3.4A49.2 49.2 0 0 1 623.7 54a46.5 46.5 0 0 1 3.4 17.6Zm109 3.8a110 110 0 0 1-3 23.2 89.4 89.4 0 0 1-19.7 38.7c-5 6-10.5 12.2-16.7 18.7l-27.5-13.1c2-2 3.8-4.4 5.6-7.2a102.4 102.4 0 0 0 9.7-20.3 44 44 0 0 1-26-15.3 43 43 0 0 1-10.5-28.5c0-6.2 1.2-12.1 3.7-17.6a43.9 43.9 0 0 1 40.5-27c6 0 11.7 1.1 17.1 3.4 5.2 2.5 9.8 5.9 13.8 10.1 4 4.3 7.2 9.3 9.7 15 2.2 6 3.3 12.6 3.3 19.9Z' opacity='.1'/%3E%3Cpath fill='url(%23b)' d='M109 84.4c0-9.3.7-17.7 2.1-25.2a95.6 95.6 0 0 1 7.5-21c3.4-6.5 7.7-12.8 12.6-19 5-6.3 10.7-12.7 17.1-19.2l27.5 13.1c-2 2-3.8 4.4-5.6 7.2a102 102 0 0 0-9.7 20.3 44 44 0 0 1 26 15.3A43 43 0 0 1 197 84.4c0 6.2-1.2 12.1-3.7 17.6a44 44 0 0 1-40.5 27c-6 0-11.7-1.1-17.1-3.4a49.2 49.2 0 0 1-23.4-23.6 46.5 46.5 0 0 1-3.4-17.6ZM0 80.6c.2-8.5 1.2-16.2 3-23.2a89.4 89.4 0 0 1 19.7-38.6c5-6 10.5-12.3 16.7-18.8l27.5 13.1c-2 2-3.8 4.4-5.6 7.2a102.2 102.2 0 0 0-9.7 20.3 44 44 0 0 1 26 15.3 43 43 0 0 1 10.5 28.5c0 6.2-1.2 12.1-3.7 17.6a43.9 43.9 0 0 1-40.5 27c-6 0-11.7-1.1-17.1-3.4A45.8 45.8 0 0 1 13 115.5c-4-4.3-7.2-9.3-9.7-15C1.1 94.5 0 87.9 0 80.6Z' opacity='.1'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='539' x2='736' y1='91.5' y2='91.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FB0867' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23FB0867'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='197' x2='0' y1='64.5' y2='64.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FB0867' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23FB0867'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	}
	.wp_content {
		max-width: 900px;
		margin: 0 auto;
	}
}

.image-switch {
	background: no-repeat center / cover
}

.the_usps {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: clamp(10px, 2vw, 20px);
	> div {
		padding: 0 20px;
		height: 50px;
		display: flex;
		align-items: center;
		&:nth-child(2) {
			border-left: 3px solid var(--white-15);
			border-right: 3px solid var(--white-15);
		}
	}
	& p {
		margin: 0;
		font-size: clamp(22px, 2.4vw, 25px);
		font-weight: 200;
		line-height: 120%;
		text-align: center;
		color: var(--white);
	}
	& strong {
		font-weight: 700;
	}
}

.usp {
	&:nth-of-type(1) {
		& strong {
			color: var(--tertiary);
		}
	}
	&:nth-of-type(2) {
		& strong {
			color: var(--secondary);
		}
	}
	&:nth-of-type(3) {
		& strong {
			color: var(--primary);
		}
	}
}

/*.page-template-default .the_usps,
.single .the_usps {
	background: var(--medium-grey);
}*/
.header_solid .the_usps,
.page-template-default .the_usps {
	background: var(--medium-grey);
}

@media (max-width: 1024px) {
	.the_usps {
		display: grid;
		grid-template-columns: 1fr;
		> div {
			display: grid;
			grid-template-columns: 1fr;
			grid-area: 1 / 1;
			opacity: 0;
			transition: .3s;
			height: auto;
			&:nth-child(2) {
				border: none;
			}
			&.active {
				opacity: 1;
			}
		}
		* {
			text-align: center;
		}
	}
}

@media (max-width: 640px) {
	.header-right {
		display: flex;
		justify-content: space-between;
	}
}

/* Post Tags */
.post_tags {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 10px;
	& span {
		font-weight: 400;
		padding: 8px 15px;
		color: var(--deep-grey);
		background: var(--white);
		border-radius: var(--border-radius-l);
	}
}

/* Forms */

/* Pagination */
#pagination {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
	text-transform: lowercase;
	& a,
	> span {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px;
		color: var(--deep-grey);
		text-decoration: none;
		font-weight: 700;
		border-radius: 5px;
		border: 2px solid transparent;
		min-width: 50px;

		&:not(.prev):not(.next) {
			aspect-ratio: 1/1;
			font-weight: 400;
			&.current {
				border-color: var(--primary);
				font-weight: 700;
			}
		}
	}
}

/* Unity Cookie Overlay */
#unity_cookie_overlay, #unity_cookie_view_settings {
	width: 380px;
	background: #fff;
	border: 1px solid #bfbfbf;
	border-left: 4px solid #666;
	padding: 25px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 2147483646;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	opacity: 1;
	transition: .3s;
}

#unity_cookie_view_settings {
	width: 500px;
}

.unity_cookie_setting_link {
	color: #999;
	display: inline-block;
	padding: 10px;
	cursor: pointer;
}

.unity_cookie_setting_link:hover {
	color: #777;
}

#unity_cookie_view_settings > .wp_content::-webkit-scrollbar {
	width: 16px;
}

#unity_cookie_view_settings > .wp_content::-webkit-scrollbar-thumb {
	border-left: 12px solid rgba(0, 0, 0, 0);
	background-clip: padding-box;
	background-color: #AAAAAA;
}

#unity_cookie_overlay.unity_cookie_hide, #unity_cookie_view_settings.unity_cookie_hide {
	opacity: 0;
	right: -555px;
}

#unity_cookie_view_settings > .wp_content {
	margin-bottom: 20px;
	max-height: 400px;
	overflow-y: auto;
}

.unity_cookie_info {
	border: 1px solid #c2c2c2;
	border-radius: 3px;
	margin: 20px 0;
}

.unity_cookie_info > div:first-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	cursor: pointer;
}

.unity_cookie_info > div:first-child strong:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 9px;
	background: center / 15px 9px url("data:image/svg+xml,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5.7 1.5 0 0 1.4l7 7 7.1-7L12.7 0 7.1 5.7Z' fill='%23C4C4C4'/%3E%3C/svg%3E") no-repeat;
	margin: 0 10px 2px 0;
}

.unity_cookie_info > div:first-child span {
	color: #999;
}

.unity_cookie_info .wp_content {
	border-top: 1px solid #e3e3e3;
	padding: 15px 5px 15px 30px;
	display: none;
}

.unity_cookie_info.unity_cookie_info_view .wp_content {
	display: block;
}

.unity_cookie_text_small {
	font-size: 0.8em;
}

body.menu_open #unity_cookie_overlay, body.menu_open #unity_cookie_view_settings {
	right: min(90vw, 480px);
}

body.menu_open.show_menu_close #unity_cookie_overlay, body.menu_open.show_menu_close #unity_cookie_view_settings {
	right: 50px;
}

.image, .image-switch {
	background: no-repeat center / cover
}

@media (max-width: 600px) {
	body.menu_open #unity_cookie_overlay, body.menu_open #unity_cookie_view_settings {
		right: min(90vw, 480px);
	}
	body.menu_open.show_menu_close #unity_cookie_overlay, body.menu_open.show_menu_close #unity_cookie_view_settings {
		right: 0px;
	}
	#unity_cookie_overlay, #unity_cookie_view_settings {
		width: 100%;
		box-sizing: border-box;
		right: 0;
		border-right: none;
		border-left: none;
	}
	#unity_cookie_overlay .button {
		display: block;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	.unity_cookie_setting_link {
		display: block;
		text-align: center;
	}

}

@media (max-width: 450px) {
	#unity_cookie_overlay, #unity_cookie_view_settings {
		padding: 20px;
	}
	#unity_cookie_overlay .button, #unity_cookie_view_settings .button {
		margin: 0;
	}

}

.cookie_overlay_strong #unity_cookie_overlay {
	inset: 30% auto auto 50%;
	transform: translate(-195px, 0);
	padding: 35px;
	border: none;
}

.cookie_overlay_strong #unity_cookie_no_click {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	transition: .3s;
	z-index: 2147483646;
}

.cookie_overlay_strong #unity_cookie_no_click.unity_cookie_hide {
	opacity: 0;
}

@media (max-width: 600px) {
	.cookie_overlay_strong #unity_cookie_overlay {
		inset: auto 0 0 0;
		transform: translate(0, 0);
		width: auto;
	}
}