/*
Theme Name: Whimsical
Author: Rewritten Design Co
Author URI: https://rewrittendesign.co/
Description: Bespoke theme for Whimsical Wonderland Weddings
Version: 0.0.10
*/
html {
	scroll-behavior: smooth
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: var(--background);
	color: var(--dark);
	margin: 0;
	overflow-x: hidden
}

::selection {
	background-color: var(--blue-lt);
	color: var(--blue-dk)
}

.overlay {
	background-color: var(--dark);
	height: 100%;
	left: 0;
	opacity: .5;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000
}

:root {
	--dark: #333;
	--background: #FCF3F2;
	--light: #fff;
	--pink-lt: rgb(219, 48, 110, 0.8);
	--blue-lt: #bacbe1;
	--green-lt: #CCDCD9;
	--yellow-lt: #F4D6D4;
	--pink-md: #c32a61;
	--blue-md: #9eb5cc;
	--green-md: #b8c6c3;
	--yellow-md: #dcbfbd;
	--pink-dk: #a32351;
	--blue-dk: #6d8aa5;
	--green-dk: #9aaaa7;
	--yellow-dk: #c0a5a3
}

.text--pink {
	color: var(--pink-md)
}

.text--blue {
	color: var(--blue-md)
}

.text--green {
	color: var(--green-md)
}

.text--yellow {
	color: var(--yellow-md)
}

.text--light {
	color: var(--background)
}

.h1, h1 {
	font-family: Brandon Grotesque;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.1rem;
	margin: 0 0 5px;
	text-transform: uppercase
}

.display, .h1 span, h1 span, h1 > em {
	font-family: Classical;
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 400;
	margin: 0 3px 10px;
	text-transform: none
}

.h1 span, h1 span, h1 > em {
	color: var(--dark);
	line-height: inherit
}

.display {
	line-height: 3rem
}

.h2, h2 {
	font-family: Brandon Grotesque;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.9rem;
	margin: 0 0 10px;
	text-transform: uppercase
}

.h2 span, h2 span, h2 > em {
	font-family: Classical;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: inherit;
	margin: 0 3px 10px;
	text-transform: none
}

.h3, h3 {
	font-size: 1.3rem;
	line-height: 1.9rem
}

.h3, .h4, h3, h4 {
	font-family: Brandon Grotesque;
	font-style: normal;
	font-weight: 700;
	margin: 0 0 5px
}

.h4, h4 {
	font-size: 1.15rem;
	line-height: 1.7rem
}

.h4 span, h4 span {
	display: inline-block;
	position: relative
}

.h4 span:after, h4 span:after {
	animation: highlighter .6s ease-in-out forwards;
	border-radius: .1rem;
	bottom: 4px;
	content: "";
	display: block;
	height: 8px;
	left: -1%;
	position: absolute;
	z-index: -1
}

.h4 span.blue:after, h4 span.blue:after {
	background-color: var(--blue-lt)
}

.h4 span.pink:after, h4 span.pink:after {
	background-color: var(--pink-lt)
}

.h4 span.green:after, h4 span.green:after {
	background-color: var(--green-lt)
}

.h4 span:first-child:after, h4 span:first-child:after {
	animation-delay: 1.5s
}

.h4 span:nth-child(2):after, h4 span:nth-child(2):after {
	animation-delay: 2s
}

.h4 span:nth-child(3):after, h4 span:nth-child(3):after {
	animation-delay: 2.5s
}

@keyframes highlighter {
	0% {
		opacity: 0;
		width: 0
	}
	to {
		opacity: 1;
		width: 102%
	}
}

body {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6rem;
}

.bold, blockquote, body, strong {
	font-family: Brandon Grotesque;
	font-style: normal
}

.bold, blockquote, strong {
	font-weight: 700;
	margin: 0 0 5px
}

blockquote {
	border-bottom-color: var(--yellow-lt);
	border-left: 5px solid;
	border-left-color: var(--yellow-lt);
	border-radius: .1rem;
	border-right-color: var(--yellow-lt);
	border-top-color: var(--yellow-lt);
	padding-left: 8px
}

blockquote p:first-child:before {
	content: "\201C"
}

blockquote p:last-child:after {
	content: "\201D"
}

h1 a, h1 a:active, h1 a:link, h1 a:visited, h2 a, h2 a:active, h2 a:link, h2 a:visited, h3 a, h3 a:active, h3 a:link, h3 a:visited, h4 a, h4 a:active, h4 a:link, h4 a:visited, h5 a, h5 a:active, h5 a:link, h5 a:visited, p a, p a:active, p a:link, p a:visited, ul li a, ul li a:active, ul li a:link, ul li a:visited {
	border-bottom: 2px solid var(--blue-md);
	border-radius: .1rem;
	color: var(--blue-dk);
	font-family: Brandon Grotesque;
	font-style: normal;
	font-weight: 700;
	text-decoration: none;
	transition: all .3s ease-in-out
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, p a:hover, ul li a:hover {
	border-color: var(--green-lt);
	color: var(--green-dk)
}

.h5, .taxonomy, h5 {
	font-family: Cartograph CF;
	font-size: .75rem;
	font-weight: 500;
	letter-spacing: .02rem;
	line-height: 1.1rem;
	text-transform: uppercase
}

.h5, .smallText, .taxonomy, h5 {
	font-style: normal;
	margin: 0 0 5px
}

.smallText {
	font-family: Brandon Grotesque;
	font-size: .85rem;
	font-weight: 400;
	line-height: 1.4rem
}

ul {
	display: block
}

li {
	list-style: none;
	margin-bottom: 10px;
	position: relative
}

li:before {
	background: var(--pink-lt);
	border-radius: 50%;
	content: "";
	height: .5rem;
	left: -1rem;
	position: absolute;
	top: .5rem;
	width: .5rem
}

li:nth-child(3n+2):before {
	background: var(--blue-lt)
}

li:nth-child(3n+3):before {
	background: var(--green-lt)
}

@media only screen and (min-width: 1024px) {
	.h1, h1 {
		font-size: 2.2rem;
		line-height: 2.7rem
	}

	.display, .h1 span, h1 span, h1 > em {
		font-size: 3.7rem
	}

	.display {
		line-height: 4rem
	}

	.h2, h2 {
		font-size: 1.6rem;
		line-height: 2rem
	}

	.h2 span, h2 span, h2 > em {
		font-size: 3.1rem
	}

	.h3, h3 {
		font-size: 1.45rem;
		line-height: 1.9rem
	}

	.h4, h4 {
		font-size: 1.15rem;
		line-height: 1.7rem
	}

	body, p {
		font-size: 1.1rem;
		line-height: 1.6rem
	}
}

.grid {
	align-items: center;
	column-gap: 20px;
	display: grid;
	grid-template-columns:repeat(12, 1fr);
	margin: 60px auto;
	max-width: 1440px;
	padding: 0 20px;
	position: relative;
	row-gap: 20px
}

.grid.grid--compact {
	margin: 0 auto
}

.grid--center > .grid__col, .grid--full > .grid__col, .grid--half > .grid__col, .grid--halfCenter > .grid__col, .grid--quarter > .grid__col, .grid--third > .grid__col {
	grid-column: 1/span 12
}

.grid--half > .grid__col, .grid--quarter > .grid__col, .grid--third > .grid__col {
	margin-bottom: 20px
}

.grid--center > .grid__col .h1, .grid--center > .grid__col .h4, .grid--halfCenter > .grid__col .h1, .grid--halfCenter > .grid__col .h4, .text-center {
	text-align: center
}

.text-left {
	text-align: left
}

@media (min-width: 768px) {
	.grid {
		padding: 0 40px
	}

	.grid--quarter > .grid__col {
		grid-column: span 3;
		margin: 0
	}

	.grid--third > .grid__col {
		grid-column: span 4;
		margin: 0
	}
}

@media (min-width: 1024px) {
	.grid {
		margin: 100px auto;
		padding: 0 80px
	}

	.grid--center > .grid__col {
		grid-column: 2/span 10
	}

	.grid--half > .grid__col {
		grid-column: span 6;
		margin: 0
	}

	.grid--halfCenter > .grid__col {
		grid-column: 4/span 6
	}
}

.contentPage__header {
	margin-top: -15%
}

.contentPage__header p.h2 {
	color: var(--pink-md)
}

.contentPage.grid .grid {
	margin: 0;
	padding: 0
}

.contentPage img {
	height: auto;
	max-width: 100%
}

.contentPage__section {
	background-color: var(--blue-lt);
	overflow: hidden;
	padding: 40px;
	position: relative;
	width: 100%
}

.contentPage__section .grid {
	align-items: normal
}

.contentPage__section:before {
	top: -16px
}

.contentPage__section:after, .contentPage__section:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	transform: rotate(-1deg);
	width: 100%
}

.contentPage__section:after {
	bottom: -16px
}

.contentPage__list {
	align-items: flex-start;
	display: flex;
	margin: 20px auto;
	text-align: left
}

.contentPage__list img {
	margin-right: 10px
}

.contentPage__icontiles {
	margin: 50px auto 100px;
	text-align: center
}

.contentPage__icons {
	margin: 30px 0
}

.contentPage__pricing, .contentPage__questions {
	margin: 150px auto;
	text-align: center
}

.contentPage__pricing .grid--center .grid__col p.h1, .contentPage__pricing .grid--center .grid__col p.h4, .contentPage__questions p.h1 {
	margin-bottom: 30px
}

@media (min-width: 768px) {
	.contentPage__header {
		margin-top: -8%
	}
}

@media (min-width: 1024px) {
	.contentPage__header {
		margin-top: -4%
	}
}

.about__img {
	overflow: hidden;
	padding-top: 50px;
	position: relative;
	width: 100%
}

.about__img img {
	width: 90%
}

.about__img:before {
	top: 5px
}

.about__img:after, .about__img:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 50px;
	left: -1%;
	position: absolute;
	transform: rotate(-1deg);
	width: 102%
}

.about__img:after {
	bottom: -35px
}

@media (min-width: 768px) {
	.about__img.grid--half .grid__col {
		grid-column: span 6
	}
}

.cta {
	padding: 100px auto;
	position: relative;
	text-align: center;
	transition: background-color .5s ease-in-out
}

.cta .grid {
	margin: 0
}

.cta__heading {
	display: inline-block;
	margin-bottom: 10px;
	position: relative
}

.cta p {
	margin-bottom: 30px
}

.cta__form {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.cta__stars--left {
	left: -5%;
	top: -35%
}

.cta__stars--left, .cta__stars--right {
	display: inline-block;
	position: absolute;
	width: 30px
}

.cta__stars--right {
	bottom: -35%;
	right: -5%
}

@media only screen and (min-width: 1024px) {
	.cta__form {
		flex-direction: row
	}

	.cta__form input[type=email], .cta__form input[type=text] {
		margin-bottom: 0;
		margin-right: 10px;
		width: 200px
	}
}

.button {
	border: 0;
	display: inline-block;
	line-height: 1;
	position: relative;
	text-decoration: none;
	width: fit-content
}

.button__star1 {
	fill: transparent;
	left: -10px;
	position: absolute;
	top: 0;
	transform: scale(0);
	transition: all .3s ease-in-out;
	width: 14px
}

.button:hover .button__star1 {
	transform: scale(1) translate(-10px, -5px) skew(5deg)
}

.button__star2 {
	fill: transparent;
	left: 0;
	position: absolute;
	top: -10px;
	transform: scale(0);
	transition: all .3s ease-in-out .05s;
	width: 10px
}

.button:hover .button__star2 {
	transform: scale(1) translate(5px, -5px) skew(5deg)
}

.button__star3 {
	fill: transparent;
	bottom: -10px;
	position: absolute;
	right: -10px;
	transform: scale(0);
	transition: all .3s ease-in-out .1s;
	width: 10px
}

.button:hover .button__star3 {
	transform: scale(1) translate(5px, 5px) skew(5deg)
}

.button__primary {
	border-radius: .2em;
	font-size: .75rem;
	letter-spacing: .05em;
	padding: 12px 16px;
	text-transform: uppercase;
	transform: skew(-5deg);
	transition: background-color .3s ease-in-out
}

.button__primary, .button__primary:after {
	font-family: Cartograph CF;
	font-weight: 300
}

.button__primary:after {
	content: "→";
	display: inline-block;
	font-size: 16px;
	margin-left: 10px;
	transform: skew(5deg);
	transition: margin-left .3s ease-in-out
}

.button__primary:hover:after {
	margin-left: 25px
}

.button__primary--disable-arrow:after {
	display: none
}

.button__primary span {
	display: inline-block;
	transform: skew(5deg)
}

.button__secondary {
	background-color: transparent;
	color: var(--dark);
	font-family: Brandon Grotesque;
	font-size: 18px;
	font-weight: 600;
	padding: 5px 0;
	text-transform: uppercase;
	transition: color .3s ease-in-out
}

.button__secondary:before {
	content: "→";
	float: right;
	font-family: Cartograph CF;
	font-size: 16px;
	margin-left: 10px;
	transform: skew(5deg);
	transition: margin-left .3s ease-in-out
}

.button__secondary:hover:before {
	margin-left: 25px
}

.button__secondary:after {
	border-radius: .05em;
	content: "";
	float: left;
	height: 4px;
	margin-top: 6px;
	transition: background-color .3s ease-in-out;
	width: 100%
}

.theme--blue.button__primary:hover .button__star1, .theme--dark.button__primary:hover .button__star1, .theme--green.button__primary:hover .button__star1, .theme--pink.button__primary:hover .button__star1, .theme--yellow.button__primary:hover .button__star1 {
	fill: var(--blue-lt)
}

.theme--blue.button__primary:hover .button__star2, .theme--dark.button__primary:hover .button__star2, .theme--green.button__primary:hover .button__star2, .theme--pink.button__primary:hover .button__star2, .theme--yellow.button__primary:hover .button__star2 {
	fill: var(--yellow-lt)
}

.theme--blue.button__primary:hover .button__star3, .theme--dark.button__primary:hover .button__star3, .theme--green.button__primary:hover .button__star3, .theme--pink.button__primary:hover .button__star3, .theme--yellow.button__primary:hover .button__star3 {
	fill: var(--pink-lt)
}

.theme--dark.button__primary {
	background-color: var(--dark);
	color: var(--background)
}

.theme--dark.button__primary:after {
	color: var(--blue-lt)
}

.theme--dark.button__primary:hover {
	background-color: #000
}

.theme--pink.button__primary {
	background-color: var(--pink-lt);
	color: var(--dark)
}

.theme--pink.button__primary:after {
	color: var(--pink-dk)
}

.theme--pink.button__primary:hover {
	background-color: var(--pink-md)
}

.theme--blue.button__primary {
	background-color: var(--blue-lt);
	color: var(--dark)
}

.theme--blue.button__primary:after {
	color: var(--blue-dk)
}

.theme--blue.button__primary:hover {
	background-color: var(--blue-md)
}

.theme--green.button__primary {
	background-color: var(--green-lt);
	color: var(--dark)
}

.theme--green.button__primary:after {
	color: var(--green-dk)
}

.theme--green.button__primary:hover {
	background-color: var(--green-md)
}

.theme--yellow.button__primary {
	background-color: var(--yellow-lt);
	color: var(--dark)
}

.theme--yellow.button__primary:after {
	color: var(--yellow-dk)
}

.theme--yellow.button__primary:hover {
	background-color: var(--yellow-md)
}

.theme--pink.button__secondary:after {
	background-color: var(--pink-md)
}

.theme--pink.button__secondary:before {
	color: var(--pink-dk)
}

.theme--pink.button__secondary:hover:after {
	background-color: var(--pink-dk)
}

.theme--pink.button__secondary:hover .button__star1, .theme--pink.button__secondary:hover .button__star3 {
	fill: var(--pink-dk)
}

.theme--pink.button__secondary:hover .button__star2 {
	fill: var(--background)
}

.theme--blue.button__secondary:after {
	background-color: var(--blue-md)
}

.theme--blue.button__secondary:before {
	color: var(--blue-dk)
}

.theme--blue.button__secondary:hover:after {
	background-color: var(--blue-dk)
}

.theme--blue.button__secondary:hover .button__star1, .theme--blue.button__secondary:hover .button__star3 {
	fill: var(--blue-dk)
}

.theme--blue.button__secondary:hover .button__star2 {
	fill: var(--background)
}

.theme--green.button__secondary:after {
	background-color: var(--green-md)
}

.theme--green.button__secondary:before {
	color: var(--green-dk)
}

.theme--green.button__secondary:hover:after {
	background-color: var(--green-dk)
}

.theme--green.button__secondary:hover .button__star1, .theme--green.button__secondary:hover .button__star3 {
	fill: var(--green-dk)
}

.theme--green.button__secondary:hover .button__star2 {
	fill: var(--background)
}

.theme--yellow.button__secondary:after {
	background-color: var(--yellow-md)
}

.theme--yellow.button__secondary:before {
	color: var(--yellow-dk)
}

.theme--yellow.button__secondary:hover:after {
	background-color: var(--yellow-dk)
}

.theme--yellow.button__secondary:hover .button__star1, .theme--yellow.button__secondary:hover .button__star3 {
	fill: var(--yellow-dk)
}

.theme--yellow.button__secondary:hover .button__star2 {
	fill: var(--background)
}

label.hidden {
	height: 0;
	visibility: hidden;
	width: 0
}

input:not([type=submit]):not([type=file]):not([type=checkbox]), textarea {
	background-color: var(--light);
	border: .15rem solid var(--blue-lt);
	border-radius: .15rem;
	box-sizing: border-box;
	color: var(--dark);
	font-family: Brandon Grotesque;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	height: 42px;
	padding: 10px;
	transition: all .3s ease-in-out
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):hover, textarea:hover {
	border-color: var(--blue-md);
	outline: none
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):focus, textarea:focus {
	border-color: var(--blue-dk);
	outline: none
}

input:not([type=submit]):not([type=file]):not([type=checkbox])::placeholder, textarea::placeholder {
	color: var(--blue-dk)
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):focus::placeholder, textarea:focus::placeholder {
	color: transparent
}

input:not([type=submit]):not([type=file]):not([type=checkbox]).form--valid {
	border-color: var(--green-md)
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):focus.form--valid {
	border-color: var(--green-dk)
}

input:not([type=submit]):not([type=file]):not([type=checkbox]).form--invalid {
	border-color: var(--pink-md)
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):focus.form--invalid {
	border-color: var(--pink-dk)
}

.form__error {
	color: var(--pink-dk)
}

.search {
	align-items: center;
	display: flex;
	overflow: hidden
}

.search, .search input {
	width: 100%
}

.search img {
	margin-left: 15px;
	transition: all .3s ease-in-out;
	width: 35px
}

.search button {
	background-color: transparent;
	border: none;
	outline: none
}

.search button:hover > img {
	cursor: pointer;
	transform: scale(1.2)
}

.stars {
	display: block;
	overflow: visible;
	width: 100%
}

.stars__left {
	animation: sparkle-lg .6s steps(2) infinite alternate;
	transform-origin: center
}

.stars__right {
	animation: sparkle-sm .6s steps(2) infinite alternate;
	transform-origin: center
}

.stars__left.theme--primary {
	fill: var(--pink-lt)
}

.stars__right.theme--primary {
	fill: var(--green-lt)
}

.stars__left.theme--secondary {
	fill: var(--blue-lt)
}

.stars__right.theme--secondary {
	fill: var(--yellow-lt)
}

@keyframes sparkle-sm {
	0% {
		transform: scale(1.2) rotate(0deg)
	}
	to {
		transform: scale(.8) rotate(-20deg)
	}
}

@keyframes sparkle-lg {
	0% {
		transform: scale(.8) rotate(-10deg)
	}
	to {
		transform: scale(1.2) rotate(0deg)
	}
}

.button__top {
	text-align: center
}

.button__top .button__primary {
	color: var(--blue-dk);
	padding-right: 40px
}

.button__top .button__primary:before {
	content: "↑";
	display: inline-block;
	font-family: Cartograph CF;
	font-weight: 300;
	margin-right: 5px;
	transform: skew(5deg)
}

.footer {
	background-color: var(--blue-lt);
	margin-top: 100px;
	padding: 80px 0 10px;
	position: relative;
	width: 100%;
}

.footer .grid {
	align-items: normal;
	margin: 30px auto
}

.footer p a, .footer p a:active, .footer p a:link, .footer p a:visited {
	border-color: transparent;
	color: var(--dark);
	text-decoration: none
}

.footer p a:hover {
	border-color: var(--blue-md)
}

.footer .taxonomy,
.footer .smallText,
.footer .button__secondary,
.footer p a,
.footer p a:link,
.footer__info .taxonomy {
	font-family: "Poppins", sans-serif;
}

.footer .grid--quarter .taxonomy {
	font-size: 0.9em;
	margin: 0 0 16px;
}

.footer p a,
.footer p a:link {
	font-weight: 500;
	font-size: 0.85em;
}

.footer__button .button__secondary {
	font-weight: 500;
	font-size: 0.7em;
	margin-top: 5px
}

.footer__button .button__secondary:after {
	height: 3px;
	margin-top: 3px
}

.footer:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	top: -16px;
	transform: rotate(-1deg);
	width: 100%
}

.footer__info {
	background-color: var(--blue-lt);
	border-top: 1px solid var(--blue-md);
	color: var(--blue-dk);
	overflow: hidden;
	/*padding: 15px 0 70px; */
	padding: 15px 0;
	position: relative
}

.footer__info a, .footer__info a:active, .footer__info a:link, .footer__info a:visited {
	border-bottom: 2px solid transparent;
	color: var(--blue-dk);
	text-decoration: none;
	transition: all .3s ease-in-out
}

.footer__info a:hover {
	border-bottom: 2px solid var(--blue-md)
}

.footer__logo {
	left: 50%;
	position: absolute;
	top: -3%;
	transform: translateX(-50%);
	width: 120px
}

@media only screen and (min-width: 768px) {
	.button__top {
		bottom: 15px;
		position: fixed;
		right: -22px;
		transition: right .3s ease-in-out;
		z-index: 2000
	}

	.button__top:hover {
		right: -12px
	}

	.footer .grid--quarter .grid__col:first-child {
		grid-column: 1/span 12;
		margin: 0 0 30px
	}

	.footer .grid--quarter .grid__col {
		grid-column: span 4
	}

	.footer__info .grid--quarter .grid__col {
		grid-column: span 6;
		text-align: center;
	}

	.footer__info .grid--quarter .grid__col p {
		margin: 0;
	}

	.footer__info .grid--quarter .grid__col:first-child, .footer__info .grid--quarter .grid__col:nth-child(2) {
		grid-column: 1/span 12;
		text-align: center;
		margin: 0 auto;
	}

	.footer__info {
		padding: 15px 0
	}

	.footer__logo {
		top: -5%
	}
}

@media only screen and (min-width: 1024px) {
	.footer .grid--quarter .grid__col:first-child, .footer__info .grid--quarter .grid__col:first-child {
		grid-column: 1/span 6;
		margin: 0
	}

	.footer .grid--quarter .grid__col, .footer__info .grid--quarter .grid__col {
		grid-column: span 2
	}

	.footer__info .grid--quarter .grid__col:first-child {
		grid-column: 1/span 4;
	}

	.footer__info .grid--quarter .grid__col:nth-child(2) {
		grid-column: span 4;
		text-align: left;
	}

	.footer__logo {
		top: -10%
	}
}

.footer__info .grid {
	margin: 40px 0;
}

@media only screen and (max-width: 767px) {
	.footer__info .grid {
		margin: 40px 0 20px 0;
	}
}

.logo--primary {
	position: relative;
	width: 100%
}

.logo--primary__box1 {
	fill: var(--pink-lt)
}

.logo--primary__box2 {
	fill: var(--green-lt)
}

.logo--primary__box3 {
	fill: var(--blue-lt)
}

.logo--primary__word1 {
	fill: var(--pink-dk)
}

.logo--primary__word2 {
	fill: var(--dark)
}

.logo--primary__word3 {
	fill: var(--blue-dk)
}

.logo__stars--top {
	left: 12%;
	position: absolute;
	top: 3%;
	width: 10%
}

.logo__stars--bottom {
	bottom: 5%;
	position: absolute;
	right: 12%;
	width: 10%
}

.logo--compact .logo__stars--bottom, .logo--compact .logo__stars--top {
	display: none
}

.logo--secondary__w {
	fill: var(--green-lt)
}

.logo--secondary__shadow1 {
	fill: var(--green-md)
}

.logo--secondary__shadow2 {
	fill: var(--green-dk)
}

.logo--secondary__circles {
	fill: var(--yellow-lt)
}

.logo--secondary__text {
	fill: var(--pink-md);
	animation: rotate 20s linear infinite;
	transform-origin: center
}

@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

.icon {
	display: inline-block;
	height: 35px;
	position: relative;
	width: 35px
}

.icon__vimeo {
	transform: scale(.8)
}

.icon__youtube {
	transform: scale(.9)
}

.icon__facebook.theme--default, .icon__vimeo.theme--default {
	fill: var(--blue-md);
	transition: all .3s ease-in-out
}

.icon__instagram.theme--default, .icon__youtube.theme--default {
	fill: var(--pink-md);
	transition: all .3s ease-in-out
}

.icon__pinterest.theme--default {
	fill: var(--yellow-md);
	transition: all .3s ease-in-out
}

.icon__twitter.theme--default {
	fill: var(--green-md);
	transition: all .3s ease-in-out
}

.icon .theme--dark {
	fill: var(--dark);
	transition: all .3s ease-in-out
}

.icon:hover .icon__facebook.theme--default {
	fill: var(--blue-dk);
	transform: translateY(-5px)
}

.icon:hover .icon__instagram.theme--default {
	fill: var(--pink-dk);
	transform: translateY(-5px)
}

.icon:hover .icon__pinterest.theme--default {
	fill: var(--yellow-dk);
	transform: translateY(-5px)
}

.icon:hover .icon__twitter.theme--default {
	fill: var(--green-dk);
	transform: translateY(-5px)
}

.icon:hover .icon__vimeo.theme--default {
	fill: var(--blue-dk);
	transform: scale(.8) translateY(-5px)
}

.icon:hover .icon__youtube.theme--default {
	fill: var(--pink-dk);
	transform: scale(.9) translateY(-5px)
}

.icon:hover .theme--dark {
	mix-blend-mode: multiply;
	opacity: .7;
	transform: translateY(-5px)
}

.icon:hover .icon__vimeo.theme--dark {
	mix-blend-mode: multiply;
	opacity: .7;
	transform: scale(.8) translateY(-5px)
}

.icon:hover .icon__youtube.theme--dark {
	mix-blend-mode: multiply;
	opacity: .7;
	transform: scale(.9) translateY(-5px)
}

.media {
	position: relative;
	text-align: right
}

.media img, .media video {
	border: 6px solid;
	border-radius: .2rem;
	width: 80%
}

.media__badge {
	align-items: center;
	border-radius: 100%;
	display: flex;
	height: 90px;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(.8);
	width: 90px
}

.media__badge p {
	margin: 0;
	text-align: center
}

.media__stars {
	left: -8%;
	position: absolute;
	top: -8%;
	width: 30px
}

.media.theme--primary img, .media.theme--primary video {
	border-color: var(--green-lt)
}

.media.theme--primary .media__badge {
	background-color: var(--blue-lt);
	color: var(--blue-dk)
}

.media.theme--secondary img, .media.theme--secondary video {
	border-color: var(--blue-lt)
}

.media.theme--secondary .media__badge {
	background-color: var(--green-lt);
	color: var(--green-dk)
}

@media (min-width: 768px) {
	.media {
		text-align: center
	}

	.media img, .media video {
		width: 70%
	}

	.media__badge {
		left: 8%;
		transform: translateY(-50%) scale(1)
	}
}

@media (min-width: 1024px) {
	.media img, .media video {
		width: 85%
	}

	.media__badge {
		left: 0;
		transform: translateY(-50%) scale(1)
	}
}

.nav__primary {
	padding-bottom: 20px;
	padding-top: 20px;
	z-index: 1000
}

.nav__primary .nav__center {
	align-items: center;
	display: flex;
	flex-direction: column
}

.nav__primary .nav__logo--primary {
	width: 200px
}

.nav__primary .nav__logo--compact {
	width: 140px
}

.nav__primary .nav__center > .nav__logo_wrap {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%
}

.nav__mobile ul li, .nav__primary ul li {
	margin: 0;
	position: relative
}

.nav__mobile ul li a, .nav__primary ul li a {
	border: none;
	color: var(--dark);
	font-size: .73rem;
	letter-spacing: .03rem;
	text-transform: uppercase;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}

.nav__mobile li:before, .nav__primary .grid__col:first-child, .nav__primary .grid__col:last-child, .nav__primary li:before {
	display: none
}

.nav__mobile {
	background-color: var(--background);
	border-bottom: 1px solid var(--blue-lt);
	box-sizing: border-box;
	display: block;
	left: 0;
	max-height: 0;
	overflow: hidden;
	padding: 8px 20px;
	position: fixed;
	top: -50px;
	transition: all .3s;
	width: 100vw;
	z-index: 1000
}

.nav__mobile.active {
	max-height: 9999px;
	top: 0
}

.nav__mobile ul {
	align-items: center;
	display: flex;
	font-size: .6rem;
	justify-content: space-between;
	letter-spacing: .02rem;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}

.nav__mobile ul li a, .nav__mobile ul li a:active, .nav__mobile ul li a:link, .nav__mobile ul li a:visited {
	align-items: center;
	display: flex;
	flex-direction: column
}

.nav__mobile ul li .menu {
	margin: 4px 0 3px;
}

@media (min-width: 768px) {
	.nav__mobile {
		display: none
	}

	.nav__primary {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.nav__primary .nav__center > .nav__logo_wrap {
		display: block
	}

	.nav__primary .nav__center > .nav__logo_wrap > .menu__toggle {
		display: none
	}

	.nav__primary .grid__col:first-child, .nav__primary .grid__col:last-child {
		display: flex;
		align-items: baseline;
		gap: 10px;
	}

	.nav__primary .grid__col:last-child {
		justify-content: flex-end;
	}

	.nav__primary .grid__col.nav__center .nav__logo_wrap {
		display: none;
	}

	.nav__primary ul {
		align-items: center;
		display: flex;
		justify-content: flex-end;
		margin: 0;
		padding-inline: 0;
		flex-wrap: wrap;
		gap: 0 20px;
	}

	.nav__primary ul li {
		display: inline-block
	}

	.nav__primary .nav__logo--primary {
		width: 240px
	}

	.nav__primary .nav__logo--compact {
		width: 160px
	}

	.nav__primary .nav__cta {
		align-items: center;
		display: flex;
		justify-content: flex-end
	}

	.nav__primary .nav__heart {
		margin-left: 5px;
		width: 40px
	}

	.nav__primary .nav__cta:hover .nav__heart .heart__fill {
		fill: var(--pink-lt)
	}

	#nav > .grid {
		grid-template-columns:repeat(24, 1fr)
	}

	#nav > .grid .grid__col {
		grid-column: span 8
	}

	#nav > .grid .grid__col.nav__center {
		display: none;
	}

	#nav > .grid .grid__col:last-child {
		grid-column: span 16
	}
}

@media (min-width: 1024px) {
	#nav > .grid .grid__col {
		grid-column: span 6
	}

	#nav > .grid .grid__col:last-child {
		grid-column: span 18
	}

	.nav__primary ul li:after {
		border-radius: .12em;
		content: "";
		height: 18px;
		left: -10%;
		position: absolute;
		top: 50%;
		transform: scaleX(0) skew(0deg, 0deg) translateY(-50%);
		transform-origin: left;
		transition: all .3s ease-in-out;
		width: 120%;
		z-index: -1
	}

	.nav__primary ul li:hover:after {
		transform: scaleX(1) skew(-5deg, 0deg) translateY(-50%)
	}

	.nav__primary ul li:nth-child(3n + 1):hover:after {
		background-color: var(--pink-lt);
	}

	.nav__primary ul li:nth-child(3n + 2):hover:after {
		background-color: var(--green-lt);
	}

	.nav__primary ul li:nth-child(3n + 3):hover:after {
		background-color: var(--blue-lt);
	}
}

.menu {
	width: 30px;
	cursor: pointer;
}

.menu:hover .menu__blue, .menu:hover .menu__pink {
	transform: scaleX(1)
}

.menu:hover .menu__pink {
	background-color: var(--pink-md)
}

.menu:hover .menu__green {
	background-color: var(--green-md)
}

.menu:hover .menu__blue {
	background-color: var(--blue-md)
}

.menu__lines {
	border: 0;
	border-radius: .2em;
	height: 3px;
	margin: 5px 0
}

.menu__pink {
	background-color: var(--pink-lt)
}

.menu__green, .menu__pink {
	transition: all .3s ease-in-out
}

.menu__green {
	background-color: var(--green-lt)
}

.menu__blue {
	background-color: var(--blue-lt);
	transition: all .3s ease-in-out
}

.heart {
	display: inline-block;
	position: relative;
	width: 100%
}

.heart__stroke {
	fill: none;
	stroke: var(--dark);
	stroke-width: 1.5
}

.heart__fill {
	fill: var(--green-lt);
	stroke: none;
	animation: bounce .6s steps(2) infinite alternate;
	left: -12%;
	position: absolute;
	top: 12%;
	transition: all .3s ease-in-out;
	width: 85%;
	z-index: -1
}

@keyframes bounce {
	0% {
		transform: rotate(-12deg)
	}
	to {
		transform: rotate(24deg)
	}
}

.navOverlay__container {
	background-color: var(--background);
	border-radius: 0 .15rem .15rem 0;
	height: 100vh;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	transform: translateX(-100%);
	transition: transform .5s ease-in-out;
	width: 100%;
	z-index: 1100
}

.navOverlay--open .navOverlay__container {
	transform: translateX(0)
}

.navOverlay__overlay {
	opacity: 0;
	position: fixed;
	transition: opacity .5s ease-in-out
}

.navOverlay--open .navOverlay__overlay {
	opacity: .5;
	pointer-events: visible
}

.navOverlay__container:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 20px;
	left: -1%;
	position: absolute;
	top: 175px;
	transform: rotate(-1.2deg);
	width: 102%
}

.navOverlay__primary, .navOverlay__secondary {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	height: 140px;
	justify-content: space-between;
	padding: 20px;
	z-index: 2
}

.navOverlay__primary .navOverlay__close, .navOverlay__secondary .navOverlay__close {
	background: none;
	border: none;
	position: absolute;
	right: 30px;
	top: 30px
}

.navOverlay__primary {
	background-position: 50%;
	background-size: cover;
	color: var(--background)
}

.navOverlay__primary a, .navOverlay__primary a:link
.navOverlay__primary a:active, .navOverlay__primary a:visited, .navOverlay__secondary a, .navOverlay__secondary a:link
.navOverlay__secondary a:active, .navOverlay__secondary a:visited {
	color: inherit;
	text-decoration: none;
	transition: all .3s ease-in-out
}

.navOverlay__primary a:hover {
	color: var(--yellow-lt)
}

.navOverlay__primary a:hover, .navOverlay__secondary a:hover {
	margin-left: -5px
}

.navOverlay__secondary.theme--pink {
	background-color: var(--pink-lt)
}

.navOverlay__secondary.theme--pink a:hover {
	color: var(--pink-dk)
}

.navOverlay__secondary.theme--blue {
	background-color: var(--blue-lt)
}

.navOverlay__secondary.theme--blue a:hover {
	color: var(--blue-dk)
}

.navOverlay__secondary.theme--green {
	background-color: var(--green-lt)
}

.navOverlay__secondary.theme--green a:hover {
	color: var(--green-dk)
}

.navOverlay__secondary.theme--yellow {
	background-color: var(--yellow-lt)
}

.navOverlay__secondary.theme--yellow a:hover {
	color: var(--yellow-dk)
}

.navOverlay__main {
	height: calc(100vh - 190px);
	overflow-y: scroll;
	padding: 20px
}

.navOverlay__navCols {
	display: block
}

.navOverlay__navBlock, .navOverlay__search {
	margin-bottom: 30px
}

.navOverlay__navBlock img {
	margin-right: 5px;
	position: relative;
	transition: all .3s ease-in-out
}

.navOverlay__navBlock ul, .navOverlay__navBlock ul > li {
	list-style: none;
	margin: 0 auto;
	padding: 0
}

.navOverlay__navBlock ul > li > a, .navOverlay__navBlock ul > li > h4 {
	border: 0;
	color: var(--dark);
	display: block;
	line-height: 1.8rem;
	margin: 6px auto;
	position: relative;
	text-decoration: none;
	transition: all .3s ease-in-out;
	width: 100%
}

.navOverlay__navBlock.navOverlay__featured ul > li > a {
	align-items: center;
	display: flex
}

.navOverlay__navBlock ul > li .arrow {
	position: absolute;
	right: 0;
	top: 50%;
	transition: all .3s ease-in-out
}

.navOverlay__navBlock li:before {
	display: none
}

.navOverlay__navBlock ul > li:hover img {
	transform: scale(1.2)
}

.navOverlay__navBlock ul > li > a:hover .arrow {
	right: 10px
}

.navOverlay__navBlock ul > li:nth-child(4n-3) a:hover {
	color: var(--pink-md)
}

.navOverlay__navBlock ul > li:nth-child(4n-2) a:hover {
	color: var(--green-md)
}

.navOverlay__navBlock ul > li:nth-child(4n-1) a:hover {
	color: var(--blue-md)
}

.navOverlay__navBlock ul > li:nth-child(4n) a:hover {
	color: var(--yellow-md)
}

@media only screen and (min-width: 768px) {
	.navOverlay__container {
		width: 480px
	}

	.navOverlay__container:before {
		height: 30px;
		top: 232px
	}

	.navOverlay__primary, .navOverlay__secondary {
		height: 200px
	}

	.navOverlay__main {
		height: calc(100vh - 260px);
		padding: 30px
	}

	.navOverlay__navCols {
		display: flex;
		justify-content: space-between
	}
}

.arrow {
	height: 14px;
	width: 20px
}

.theme--dark.arrow {
	fill: var(--dark)
}

.theme--light.arrow {
	fill: var(--light)
}

.theme--pink.arrow {
	fill: var(--pink-md)
}

.theme--green.arrow {
	fill: var(--green-md)
}

.theme--blue.arrow {
	fill: var(--blue-md)
}

.theme--yellow.arrow {
	fill: var(--yellow-md)
}

.close__container {
	display: block;
	height: 20px;
	position: relative;
	width: 20px
}

.close__container .close__leftRight {
	transform: rotate(45deg)
}

.close__container .close__leftRight, .close__container .close__rightLeft {
	border-radius: .02rem;
	height: .1rem;
	position: absolute;
	transition: all .3s ease-in;
	width: 20px
}

.close__container .close__rightLeft, .close__container:hover .close__leftRight {
	transform: rotate(-45deg)
}

.close__container:hover .close__rightLeft {
	transform: rotate(45deg)
}

.theme--dark.close__container .close__leftRight, .theme--dark.close__container .close__rightLeft {
	background-color: var(--dark)
}

.theme--dark.close__container:hover .close__leftRight, .theme--dark.close__container:hover .close__rightLeft {
	opacity: .7
}

.theme--light.close__container .close__leftRight, .theme--light.close__container .close__rightLeft {
	background-color: var(--background)
}

.theme--light.close__container:hover .close__leftRight, .theme--light.close__container:hover .close__rightLeft {
	opacity: .7
}

.pageHeader {
	overflow: hidden;
	width: 100%
}

.pageHeader, .pageHeader__container {
	position: relative
}

.pageHeader .grid, .pageHeader__container + .grid--compact {
	margin: 30px auto
}

.pageHeader p.h1 {
	margin: 5px 0
}

.pageHeader:before {
	top: -21px;
	z-index: 1
}

.pageHeader:after, .pageHeader:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 55px;
	left: -1%;
	position: absolute;
	transform: rotate(-1deg);
	width: 102%
}

.pageHeader:after {
	bottom: -21px
}

.pageHeader--compact, .pageHeader--full {
	margin-top: -55px
}

.pageHeader--full .pageHeader__title {
	min-height: 300px;
	text-align: center
}

.pageHeader--compact .pageHeader__title {
	min-height: 220px;
	text-align: center
}

.page-template-default .pageHeader__title, .page-template-page-home .pageHeader__title {
	min-height: 240px
}

.pageHeader__breadcrumbs a, .pageHeader__breadcrumbs a:active, .pageHeader__breadcrumbs a:link, .pageHeader__breadcrumbs a:visited {
	text-decoration: underline
}

.pageHeader__breadcrumbs a:hover {
	text-decoration: none
}

.pageHeader__breadcrumbs a:after {
	color: inherit;
	content: "/";
	display: inline-block;
	margin: 0 8px;
	opacity: .5;
	text-decoration: none
}

.pageHeader__breadcrumbs a:active:last-child:after, .pageHeader__breadcrumbs a:last-child:after, .pageHeader__breadcrumbs a:link:last-child:after, .pageHeader__breadcrumbs a:visited:last-child:after {
	display: none
}

.pageHeader.theme--pink {
	background-color: var(--pink-lt)
}

.pageHeader.theme--pink .pageHeader__breadcrumbs a, .pageHeader.theme--pink .pageHeader__breadcrumbs a:active, .pageHeader.theme--pink .pageHeader__breadcrumbs a:link, .pageHeader.theme--pink .pageHeader__breadcrumbs a:visited {
	color: var(--pink-dk)
}

.pageHeader.theme--blue {
	background-color: var(--blue-lt)
}

.pageHeader.theme--blue .pageHeader__breadcrumbs a, .pageHeader.theme--blue .pageHeader__breadcrumbs a:active, .pageHeader.theme--blue .pageHeader__breadcrumbs a:link, .pageHeader.theme--blue .pageHeader__breadcrumbs a:visited {
	color: var(--blue-dk)
}

.pageHeader.theme--green {
	background-color: var(--green-lt)
}

.pageHeader.theme--green .pageHeader__breadcrumbs a, .pageHeader.theme--green .pageHeader__breadcrumbs a:active, .pageHeader.theme--green .pageHeader__breadcrumbs a:link, .pageHeader.theme--green .pageHeader__breadcrumbs a:visited {
	color: var(--green-dk)
}

.pageHeader.theme--yellow {
	background-color: var(--yellow-lt)
}

.pageHeader.theme--yellow .pageHeader__breadcrumbs a, .pageHeader.theme--yellow .pageHeader__breadcrumbs a:active, .pageHeader.theme--yellow .pageHeader__breadcrumbs a:link, .pageHeader.theme--yellow .pageHeader__breadcrumbs a:visited {
	color: var(--yellow-dk)
}

.pageHeader.pageHeader--image {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.pageHeader.pageHeader--image .pageHeader__overlay {
	background-color: var(--dark);
	height: 100%;
	left: 0;
	opacity: .4;
	padding: 20px;
	position: absolute;
	top: 0;
	width: 100%
}

.pageHeader.pageHeader--image .pageHeader__breadcrumbs a, .pageHeader.pageHeader--image .pageHeader__breadcrumbs a:active, .pageHeader.pageHeader--image .pageHeader__breadcrumbs a:link, .pageHeader.pageHeader--image .pageHeader__breadcrumbs a:visited, .pageHeader.pageHeader--image .pageHeader__title .h1, .pageHeader.pageHeader--image .pageHeader__title .h1 > span {
	color: var(--background)
}

.pageHeader__credit {
	align-items: center;
	bottom: 0;
	color: var(--blue-md);
	display: inline-flex;
	position: absolute;
	right: 30px;
	transform: rotate(-1deg);
	z-index: 2
}

.pageHeader__credit a, .pageHeader__credit a:active, .pageHeader__credit a:link, .pageHeader__credit a:visited {
	border-bottom: none;
	color: inherit;
	font-weight: 700;
	text-decoration: none;
	transition: all .3s ease-in-out
}

.pageHeader__credit a:hover {
	color: var(--green-md)
}

.pageHeader__credit p:after {
	color: var(--blue-lt);
	content: "/";
	margin: 0 8px
}

.pageHeader__credit p:last-child:after {
	display: none
}

@media only screen and (min-width: 768px) {
	.pageHeader__container + .grid--compact {
		margin: 60px auto
	}

	.pageHeader--compact, .pageHeader--full {
		margin-top: -50px
	}

	.pageHeader--full .pageHeader__title {
		min-height: 320px
	}

	.page-template-default .pageHeader__title, .page-template-page-home .pageHeader__title, .pageHeader--compact .pageHeader__title {
		min-height: 240px
	}
}

@media only screen and (min-width: 1024px) {
	.pageHeader--full .pageHeader__title {
		min-height: 420px
	}

	.pageHeader--compact .pageHeader__title {
		min-height: 340px
	}

	.pageHeader p.h1 {
		margin: 10px 0
	}

	.page-template-default .pageHeader__title, .page-template-page-home .pageHeader__title {
		min-height: 240px
	}

	.home .pageHeader__title .grid__col {
		grid-column: 1/span 12
	}
}

.dropdown {
	display: inline-block;
	position: relative;
	text-align: left;
	transition: all .3s ease-in-out;
	width: 100%
}

.dropdown .taxonomy {
	margin-bottom: 0
}

.dropdown__header {
	align-items: center;
	display: flex;
	height: 40px
}

.dropdown__title {
	background-color: var(--light);
	border: 2px solid var(--blue-lt);
	border-radius: .15rem 0 0 .15rem;
	box-sizing: border-box;
	cursor: pointer;
	height: 100%;
	padding: 10px 20px;
	transition: all .3s ease-in-out;
	width: calc(100% - 60px)
}

.dropdown__header:hover .dropdown__title {
	border-color: var(--yellow-lt)
}

.dropdown__title.taxonomy {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

a.dropdown__title, a:active.dropdown__title, a:link.dropdown__title, a:visited.dropdown__title {
	color: var(--dark);
	text-decoration: none;
	transition: all .3s ease-in-out
}

.dropdown__button {
	align-items: center;
	background-color: var(--blue-lt);
	border-radius: 0 .15rem .15rem 0;
	box-sizing: border-box;
	color: var(--blue-dk);
	display: flex;
	height: 100%;
	justify-content: center;
	text-decoration: none;
	transition: all .3s ease-in-out;
	width: 60px
}

.dropdown__header:hover .dropdown__button {
	background-color: var(--yellow-lt);
	color: var(--yellow-dk)
}

.dropdown .dropdown__button:after {
	content: "↓"
}

.dropdown__content {
	background-color: var(--light);
	border-bottom-width: 2px;
	border-bottom: 0 solid var(--blue-lt);
	border-left: 2px solid var(--blue-lt);
	border-radius: 0 0 .15rem .15rem;
	border-right: 2px solid var(--blue-lt);
	border-top-width: 2px;
	border-top: 0 solid var(--blue-lt);
	box-sizing: border-box;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	transition: all .4s ease-in-out;
	width: 100%;
	z-index: 1000
}

.dropdown__content a {
	color: var(--dark);
	display: block;
	padding: 12px 16px;
	text-decoration: none;
	transition: all .3s ease-in-out
}

.dropdown__content a:hover {
	background-color: var(--blue-lt)
}

.dropdown.dropdown--open .dropdown__content {
	border-bottom-width: 2px;
	max-height: 88px;
	overflow-y: scroll
}

.dropdown.dropdown--open .dropdown__button:after {
	content: "↑"
}

@media only screen and (min-width: 1024px) {
	.dropdown.dropdown--open .dropdown__content {
		max-height: 130px
	}
}

.blog__related {
	overflow: hidden;
	position: relative;
	width: 100%
}

.blog__related .grid.grid--halfCenter {
	margin-bottom: 30px
}

.blog__related .grid.grid--third {
	margin-top: 30px
}

.blog__related .cardGroup .grid__col .postCard {
	margin-bottom: 0
}

.blog__related:before {
	top: -16px
}

.blog__related:after, .blog__related:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	transform: rotate(-1deg);
	width: 100%
}

.blog__related:after {
	bottom: -16px
}

.blog__related.theme--pink {
	background-color: var(--pink-lt)
}

.blog__related.theme--green {
	background-color: var(--green-lt)
}

.cardGroup {
	align-items: flex-start;
	position: relative;
	row-gap: 60px
}

.cardGroup .postCard.variant--left, .cardGroup .postCard.variant--right {
	margin-bottom: 60px
}

.cardGroup > .postCard:last-child {
	margin-bottom: 0
}

.cardGroup--supplier {
	row-gap: 20px
}

.cardGroup--supplier .grid__col {
	margin-bottom: 20px
}

.cardGroup__md {
	display: none
}

.cardGroup__sm.cardGroup--supplier {
	display: block;
	padding: 0
}

.cardGroup--slider {
	display: flex;
	overflow-x: auto;
	padding: 0 10px;
	scroll-behavior: smooth;
	scroll-padding: 0 20px;
	scroll-snap-type: x mandatory
}

.cardGroup--slider > * {
	flex: 0 0 80%;
	padding: 0 10px;
	position: relative;
	scroll-snap-align: start
}

@media only screen and (min-width: 1024px) {
	.cardGroup__sm.cardGroup--supplier {
		display: none
	}

	.cardGroup__md {
		display: grid
	}
}

.postCard.variant--compact, .postCard.variant--left, .postCard.variant--primary, .postCard.variant--right {
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%
}

.postCard a.postCard__title {
	color: var(--dark);
	text-decoration: none;
	transition: all .3s ease-in-out
}

.postCard a:hover.postCard__title {
	color: var(--blue-dk)
}

.postCard.variant--compact span {
	margin-left: 5px;
	transition: all .3s ease-in-out
}

.postCard.variant--compact:hover span {
	margin-left: 10px
}

.postCard__content {
	background-color: var(--light);
	border-radius: .15rem;
	padding: 20px;
	text-decoration: none;
	width: 75%
}

.postCard a.h3, .postCard a.h4, .postCard p.h3, .postCard p.h4 {
	color: var(--dark);
	text-transform: capitalize;
	transition: all .3s ease-in-out
}

.postCard__summary {
	margin: 0 0 20px;
	overflow: hidden
}

.postCard__img {
	border-radius: .15rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: all .5s ease-in-out
}

.postCard__img img {
	display: block;
	width: 100%
}

.postCard.variant--compact:hover .postCard__img, .postCard.variant--left:hover .postCard__img, .postCard.variant--primary:hover .postCard__img, .postCard.variant--right:hover .postCard__img {
	transform: scale(1.03)
}

.postCard__categories {
	margin-bottom: 8px;
	text-decoration: none
}

.postCard__categories a, .postCard__categories a:active, .postCard__categories a:link, .postCard__categories a:visited {
	text-decoration: none
}

.postCard__categories a:after {
	color: var(--dark);
	content: "/";
	margin: 0 8px
}

.postCard__categories a:active:last-child:after, .postCard__categories a:last-child:after, .postCard__categories a:link:last-child:after, .postCard__categories a:visited:last-child:after {
	display: none
}

.postCard__categories a, .postCard__categories a:active, .postCard__categories a:link, .postCard__categories a:visited {
	color: var(--pink-md);
	transition: all .3s ease-in-out
}

.postCard__categories a:active:nth-child(3n+2), .postCard__categories a:link:nth-child(3n+2), .postCard__categories a:nth-child(3n+2), .postCard__categories a:visited:nth-child(3n+2) {
	color: var(--blue-md);
	transition: all .3s ease-in-out
}

.postCard__categories a:active:nth-child(3n+3), .postCard__categories a:link:nth-child(3n+3), .postCard__categories a:nth-child(3n+3), .postCard__categories a:visited:nth-child(3n+3) {
	color: var(--green-md);
	transition: all .3s ease-in-out
}

.postCard__categories a:active:nth-child(3n+4), .postCard__categories a:link:nth-child(3n+4), .postCard__categories a:nth-child(3n+4), .postCard__categories a:visited:nth-child(3n+4) {
	color: var(--yellow-md);
	transition: all .3s ease-in-out
}

.postCard__categories a:active:hover, .postCard__categories a:hover, .postCard__categories a:link:hover, .postCard__categories a:visited:hover {
	color: var(--pink-dk)
}

.postCard__categories a:active:nth-child(3n+2):hover, .postCard__categories a:link:nth-child(3n+2):hover, .postCard__categories a:nth-child(3n+2):hover, .postCard__categories a:visited:nth-child(3n+2):hover {
	color: var(--blue-dk)
}

.postCard__categories a:active:nth-child(3n+3):hover, .postCard__categories a:link:nth-child(3n+3):hover, .postCard__categories a:nth-child(3n+3):hover, .postCard__categories a:visited:nth-child(3n+3):hover {
	color: var(--green-dk)
}

.postCard__categories a:active:nth-child(3n+4):hover, .postCard__categories a:link:nth-child(3n+4):hover, .postCard__categories a:nth-child(3n+4):hover, .postCard__categories a:visited:nth-child(3n+4):hover {
	color: var(--yellow-dk)
}

.postCard__highlighted {
	margin-bottom: 10px
}

@media only screen and (min-width: 768px) {
	.postCard {
		max-width: 1280px
	}

	.postCard.variant--left {
		flex-direction: row;
		height: 420px
	}

	.postCard.variant--right {
		flex-direction: row-reverse;
		height: 420px
	}

	.postCard__content {
		padding: 40px
	}

	.postCard.variant--primary .postCard__content {
		height: 30%;
		width: 80%
	}

	.postCard.variant--compact .postCard__content {
		box-sizing: border-box;
		padding: 20px;
		width: 90%
	}

	.postCard.variant--left .postCard__content, .postCard.variant--right .postCard__content {
		display: flex;
		flex-direction: column;
		height: 70%;
		justify-content: center;
		width: 45%
	}

	.postCard.variant--left .postCard__img, .postCard.variant--right .postCard__img {
		height: 100%;
		width: 60%
	}
}

.tag {
	border-radius: .2em;
	color: var(--dark);
	display: inline-block;
	padding: 4px 8px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out;
	width: fit-content;
	word-spacing: -.4rem
}

.tag p {
	margin-bottom: 0;
	white-space: nowrap
}

.tag p:before {
	content: "#"
}

.tag a, .tag a:active, .tag a:link, .tag a:visited {
	color: var(--dark);
	text-decoration: none
}

.tag.theme--pink {
	background-color: var(--pink-lt);
	border: 1px solid var(--pink-md)
}

a.tag.theme--pink:hover {
	background-color: var(--pink-md)
}

.tag.theme--blue {
	background-color: var(--blue-lt);
	border: 1px solid var(--blue-md)
}

a.tag.theme--blue:hover {
	background-color: var(--blue-md)
}

.tag.theme--green {
	background-color: var(--green-lt);
	border: 1px solid var(--green-md)
}

a.tag.theme--green:hover {
	background-color: var(--green-md)
}

.tag.theme--yellow {
	background-color: var(--yellow-lt);
	border: 1px solid var(--yellow-md)
}

a.tag.theme--yellow:hover {
	background-color: var(--yellow-md)
}

.tag--highlighted {
	word-spacing: normal
}

.tag--highlighted p:before {
	display: none
}

.tag__stars {
	left: -15%;
	position: absolute;
	top: -45%;
	width: 25px
}

.supplierCard {
	border-radius: .15rem;
	overflow: hidden;
	position: relative;
	transition: all .5s ease-in-out;
	width: 100%
}

.supplierCard img {
	display: block;
	width: 100%
}

.supplierCard__link {
	text-decoration: none
}

.supplierCard:after {
	bottom: -2%;
	content: "";
	display: block;
	height: 80%;
	left: -1%;
	position: absolute;
	transform: rotate(-1.5deg) translateY(92%);
	transition: transform .5s ease-in-out;
	width: 102%
}

.supplierCard.theme--pink:after {
	background-color: var(--pink-md)
}

.supplierCard.theme--blue:after {
	background-color: var(--blue-md)
}

.supplierCard.theme--green:after {
	background-color: var(--green-md)
}

.supplierCard.theme--yellow:after {
	background-color: var(--yellow-md)
}

.supplierCard__heading {
	background-color: var(--background);
	border-radius: .1rem;
	bottom: 10px;
	color: var(--dark);
	display: inline-block;
	left: 50%;
	max-width: 80%;
	padding: 6px 12px;
	position: absolute;
	text-align: center;
	transform: translateX(-50%);
	transition: bottom .5s ease-in-out;
	width: fit-content;
	z-index: 2
}

a:hover .supplierCard__heading {
	bottom: 40%;
	color: var(--dark)
}

a:hover .supplierCard.theme--blue:after, a:hover .supplierCard.theme--green:after, a:hover .supplierCard.theme--pink:after, a:hover .supplierCard.theme--yellow:after {
	transform: rotate(-1.5deg) translateY(0)
}

.sig {
	margin: 50px 0;
	position: relative
}

.sig .display {
	color: var(--blue-md);
	margin: 0;
	position: relative;
	text-align: center;
	transform: rotate(-2deg);
	transform-origin: left center
}

.sig .taxonomy {
	color: var(--blue-dk);
	text-align: center
}

.sig__stars {
	display: inline-block;
	position: absolute;
	top: 50%;
	width: 30px
}

@media (min-width: 768px) {
	.sig .taxonomy {
		margin: -20px 0 0
	}
}

.blog__header .pageHeader__title {
	padding-bottom: 80px
}

.blog__headerImg.grid {
	margin-bottom: 30px;
	margin-top: -120px
}

.blog__headerImg img {
	display: block;
	margin: 0 auto;
	width: 100%
}

.blog__header .pageHeader__breadcrumbs {
	margin-bottom: 1rem
}

.blog--legacy.blog__header .pageHeader__title {
	padding-bottom: 0
}

.blog--legacy.blog__headerImg {
	display: none
}

.blog__details.grid {
	margin-bottom: 30px;
	margin-top: 30px
}

.blog__details .grid__col:first-child {
	align-items: center;
	display: flex
}

.blog__details .grid__col:first-child p {
	margin-left: 10px
}

.blog__details .grid__col:last-child, .blog__details .grid__col:nth-child(2) {
	text-align: center
}

.blog__details p a {
	border-bottom: 2px solid;
	color: inherit;
	font-family: inherit
}

.blog__details p a:hover {
	border-color: var(--yellow-lt)
}

.blog__content.grid {
	align-items: flex-start;
	margin-top: 30px;
	overflow: visible
}

.blog__content img {
	display: block;
	height: auto;
	margin: 20px auto;
	max-width: 100%
}

.blog__content img + img {
	margin-top: -10px
}

.blog__content iframe {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

.blog__content h1, .blog__content h2, .blog__content h3, .blog__content h4, .blog__content h5, .blog__content h6, .blog__content p, .blog__content ul {
	text-align: left
}

.blog__content .grid {
	margin: 0;
	row-gap: 0
}

.blog__content .grid > .grid__col {
	margin-bottom: -1rem
}

.blog__content.theme--pink .h1, .blog__content.theme--pink .h2, .blog__content.theme--pink h1, .blog__content.theme--pink h2 {
	color: var(--pink-dk)
}

.blog__content.theme--pink .h3, .blog__content.theme--pink .h4, .blog__content.theme--pink .h5, .blog__content.theme--pink h3, .blog__content.theme--pink h4, .blog__content.theme--pink h5, .blog__details.theme--pink {
	color: var(--pink-md)
}

.blog__content.theme--pink blockquote {
	border-color: var(--pink-lt)
}

.blog__content.theme--green .h1, .blog__content.theme--green .h2, .blog__content.theme--green h1, .blog__content.theme--green h2 {
	color: var(--green-dk)
}

.blog__content.theme--green .h3, .blog__content.theme--green .h4, .blog__content.theme--green .h5, .blog__content.theme--green h3, .blog__content.theme--green h4, .blog__content.theme--green h5, .blog__details.theme--green {
	color: var(--green-md)
}

.blog__content.theme--green blockquote {
	border-color: var(--green-lt)
}

.blog__content.theme--blue .h1, .blog__content.theme--blue .h2, .blog__content.theme--blue h1, .blog__content.theme--blue h2 {
	color: var(--blue-dk)
}

.blog__content.theme--blue .h3, .blog__content.theme--blue .h4, .blog__content.theme--blue .h5, .blog__content.theme--blue h3, .blog__content.theme--blue h4, .blog__content.theme--blue h5, .blog__details.theme--blue {
	color: var(--blue-md)
}

.blog__content.theme--blue blockquote {
	border-color: var(--blue-lt)
}

.blog__content.theme--yellow .h1, .blog__content.theme--yellow .h2, .blog__content.theme--yellow h1, .blog__content.theme--yellow h2 {
	color: var(--yellow-dk)
}

.blog__content.theme--yellow .h3, .blog__content.theme--yellow .h4, .blog__content.theme--yellow .h5, .blog__content.theme--yellow h3, .blog__content.theme--yellow h4, .blog__content.theme--yellow h5, .blog__details.theme--yellow {
	color: var(--yellow-md)
}

.blog__content.theme--yellow blockquote {
	border-color: var(--yellow-lt)
}

.blog__content .wp-caption {
	max-width: 100%
}

.blog__tags {
	margin: 100px auto
}

.blog__tags .grid__col p.h1 {
	margin-bottom: 10px
}

.blog__tags .grid__col p.taxonomy {
	color: var(--pink-md);
	margin-bottom: 30px
}

.blog__credits, .blog__pagination .grid__col:first-child, .blog__pagination .grid__col:nth-child(2), .blog__pagination .grid__col:nth-child(3) {
	text-align: center
}

.blog__credits {
	background-color: var(--blue-lt);
	overflow: hidden;
	position: relative;
	width: 100%
}

.blog__credits:before {
	top: -16px
}

.blog__credits:after, .blog__credits:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	transform: rotate(-1deg);
	width: 100%
}

.blog__credits:after {
	bottom: -16px
}

.blog__credits .grid.grid--halfCenter {
	margin: 100px auto 30px
}

.blog__credits .grid.grid--half {
	margin: 30px auto 100px;
	row-gap: 0
}

.blog__credits .grid.grid--half > .grid__col {
	margin-bottom: 0
}

.blog__credits a, .blog__credits a:active, .blog__credits a:link, .blog__credits a:visited, .blog__credits p.taxonomy {
	border-bottom: 2px solid transparent;
	margin-bottom: 20px;
	text-align: center;
	text-decoration: none;
	transition: all .3s ease-in-out
}

.blog__credits a:hover {
	border-bottom: 2px solid var(--blue-md);
	color: var(--blue-dk)
}

.blog__credits p.taxonomy.credit--highlighted {
	background-color: var(--green-lt);
	border-radius: .1rem;
	padding: 10px;
	position: relative;
	transition: all .3s ease-in-out
}

.blog__credits p.taxonomy.credit--highlighted:after, .blog__credits p.taxonomy.credit--highlighted a, .blog__credits p.taxonomy.credit--highlighted a:active, .blog__credits p.taxonomy.credit--highlighted a:link, .blog__credits p.taxonomy.credit--highlighted a:visited {
	color: var(--green-dk);
	transition: all .3s ease-in-out
}

.blog__credits p.taxonomy.credit--highlighted:after {
	content: "WWW Supplier Directory Member";
	display: block;
	margin-top: 8px
}

.blog__credits p.taxonomy.credit--highlighted:hover {
	background-color: var(--yellow-lt)
}

.blog__credits p.taxonomy.credit--highlighted:hover:after, .blog__credits p.taxonomy.credit--highlighted:hover a, .blog__credits p.taxonomy.credit--highlighted:hover a:active, .blog__credits p.taxonomy.credit--highlighted:hover a:link, .blog__credits p.taxonomy.credit--highlighted:hover a:visited {
	color: var(--yellow-dk)
}

.blog__credits p.taxonomy.credit--highlighted:hover a:hover {
	border-bottom: 2px solid var(--yellow-md)
}

.blog__suppliers {
	position: relative
}

.blog__heart {
	left: 80px;
	position: absolute;
	top: 20px;
	width: 40px;
	z-index: 2
}

@media (min-width: 1024px) {
	.blog__headerImg.grid {
		margin-top: -160px
	}

	.blog__headerImg img {
		max-width: 1000px
	}

	.blog__details .grid__col:nth-child(2) {
		text-align: center
	}

	.blog__details .grid__col:last-child {
		text-align: right
	}

	.blog__pagination .grid__col:first-child {
		text-align: left
	}

	.blog__pagination .grid__col:nth-child(3) {
		text-align: right
	}

	.blog__tags .grid__col p.taxonomy {
		display: none
	}

	.blog__content p + .adverts {
		margin: 70px 0
	}
}

.blog__content li, .blog__content p {
	font-size: 1.25em;
	line-height: 1.6em
}

.blog__content > .grid__col.sidebar, .blog__content br.responsive {
	display: none
}

@media (min-width: 1024px) {
	.blog__content br.responsive {
		display: inline
	}

	.blog__content > .grid__col:first-child {
		grid-column: 1/span 9
	}

	.blog__content > .grid__col.sidebar {
		display: block;
		grid-column: 10/span 3;
		height: 100%;
		margin-left: 20px
	}

	.blog__content > .grid__col.sidebar > * {
		text-align: center
	}

	.blog__content > .grid__col.sidebar > h4 em {
		font-family: Classical;
		font-size: 2.8rem;
		font-style: normal;
		font-weight: 400;
		line-height: inherit;
		margin: 0 3px 10px;
		text-transform: none
	}

	.blog__content > .grid__col.sidebar .adverts .adverts-title, .blog__content > .grid__col.sidebar .adverts:first-child, .blog__content > .grid__col:first-child img {
		margin-top: 0
	}

	.blog__content > .grid__col.sidebar .adverts .adverts-title p {
		padding-left: 0;
		padding-right: 0
	}

	.blog__content > .grid__col.sidebar .adverts .g .g-col {
		grid-column: span 12
	}
}

.single-post .adverts.sticky {
	position: sticky;
	top: 2rem
}

.adverts {
	border: 1px solid var(--blue-dk);
	color: var(--blue-md);
	margin: 40px auto 30px;
	padding: 15px
}

.adverts, .adverts p.taxonomy {
	text-align: center
}

.adverts > .adverts-title {
	margin-top: -32px
}

.adverts > .adverts-title p {
	background-color: var(--background);
	color: var(--blue-dk) !important;
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 0 20px;
	text-align: center
}

.adverts .adverts-title > p span {
	font-size: 220%
}

.adverts img {
	display: inline-block !important;
	margin: 0 !important;
	width: 100%
}

.adverts .g {
	column-gap: 15px;
	display: grid;
	grid-template-columns:repeat(12, 1fr);
	margin-top: 15px;
	row-gap: 15px
}

.adverts .g .g-col {
	grid-column: 1/span 12;
	overflow: hidden
}

.adverts a, .adverts a:active, .adverts a:link, .adverts a:visited {
	opacity: 1;
	text-decoration: none;
	transition: all .3s ease-in-out
}

.adverts a:hover {
	opacity: .8
}

.adverts p {
	margin-bottom: 15px
}

.adverts.adverts__sm img {
	max-width: 300px
}

.adverts.adverts__sm .g .g-col {
	grid-column: span 6
}

.adverts.adverts__md img {
	max-width: 770px
}

.adverts.adverts__lg img {
	max-width: 570px
}

.adverts__sm .g {
	display: none
}

.adverts__sm .adverts--show {
	display: grid
}

.adverts__sm .adverts__spacer {
	max-width: 300px;
	position: relative
}

.adverts__sm .adverts__spacer:before {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 38.33%
}

.adverts__js .g {
	display: none
}

.adverts__js .g .g-col {
	width: 100%
}

.adverts__js > .adverts-wrap {
	column-gap: 15px;
	display: grid;
	grid-template-columns:repeat(12, 1fr);
	margin-top: 15px;
	row-gap: 15px
}

.adverts__js .g.adverts--show {
	display: inline-block
}

.adverts.adverts__js .g.adverts--show {
	grid-column: span 12
}

@media (min-width: 768px) {
	.adverts .g .g-col {
		grid-column: span 6
	}

	.adverts.adverts__sm .g .g-col {
		grid-column: span 4
	}

	.adverts.adverts__md .g .g-col {
		grid-column: span 12
	}

	.adverts.adverts__lg .g .g-col {
		grid-column: span 6
	}

	.adverts__lg .g .g-col:only-child {
		grid-column: 1/span 12
	}

	.adverts.adverts__post .g .g-col {
		grid-column: span 12
	}

	.adverts > .adverts-title p {
		font-size: 18px;
		padding: 0 40px
	}

	.adverts > .adverts-title {
		margin-top: -35px
	}

	.adverts.adverts__js .g.adverts--show, .adverts.adverts__post .g .g-col {
		grid-column: span 4
	}
}

.avatar {
	position: relative
}

.avatar img {
	border-radius: 100%
}

.avatar--sm img {
	border: 3px solid var(--yellow-lt);
	height: 60px;
	width: 60px
}

.avatar--lg img {
	border: 5px solid var(--yellow-lt);
	height: 120px;
	width: 120px
}

.avatar__stars {
	position: absolute;
	width: 30px
}

.avatar--sm .avatar__stars {
	left: -.7rem;
	top: -.6rem;
	transform: scale(.6)
}

.avatar--lg .avatar__stars {
	left: -.3rem;
	top: -.1rem
}

.tagGroup {
	-ms-overflow-style: none;
	display: flex;
	max-width: 100vw;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-padding-left: 20px;
	scroll-snap-type: x mandatory;
	scrollbar-width: none
}

.tagGroup::-webkit-scrollbar {
	display: none
}

.tagGroup .tag {
	margin: 0 10px;
	scroll-snap-align: start
}

@media only screen and (min-width: 1024px) {
	.tagGroup {
		display: block;
		text-align: center
	}

	.tagGroup .tag {
		margin-bottom: 10px
	}
}

.accordionGroup .accordion {
	margin-bottom: 20px
}

.accordion {
	display: inline-block;
	position: relative;
	transition: all .3s ease-in-out;
	width: 100%
}

.accordion .taxonomy {
	margin-bottom: 0
}

.accordion__header {
	display: flex;
	min-height: 40px
}

.accordion__title {
	background-color: var(--light);
	border: .15rem solid;
	border-radius: .15rem 0 0 .15rem;
	cursor: pointer;
	height: 100%;
	padding: 10px 20px;
	width: calc(100% - 60px)
}

.accordion__button, .accordion__title {
	box-sizing: border-box;
	transition: all .3s ease-in-out
}

.accordion__button {
	align-items: center;
	border-radius: 0 .15rem .15rem 0;
	display: flex;
	justify-content: center;
	text-decoration: none;
	width: 60px
}

.accordion__body {
	max-height: 0;
	overflow: hidden;
	padding: 0 20px;
	transition: all .4s ease-in-out
}

.accordion__header.theme--pink .accordion__title {
	border-color: var(--pink-lt)
}

.accordion__header.theme--pink .accordion__button {
	background-color: var(--pink-lt);
	color: var(--pink-dk)
}

.accordion__header:hover.theme--pink .accordion__title {
	border-color: var(--pink-md)
}

.accordion__header:hover.theme--pink .accordion__button {
	background-color: var(--pink-md);
	color: var(--dark)
}

.accordion__header.theme--blue .accordion__title {
	border-color: var(--blue-lt)
}

.accordion__header.theme--blue .accordion__button {
	background-color: var(--blue-lt);
	color: var(--blue-dk)
}

.accordion__header:hover.theme--blue .accordion__title {
	border-color: var(--blue-md)
}

.accordion__header:hover.theme--blue .accordion__button {
	background-color: var(--blue-md);
	color: var(--dark)
}

.accordion__header.theme--green .accordion__title {
	border-color: var(--green-lt)
}

.accordion__header.theme--green .accordion__button {
	background-color: var(--green-lt);
	color: var(--green-dk)
}

.accordion__header:hover.theme--green .accordion__title {
	border-color: var(--green-md)
}

.accordion__header:hover.theme--green .accordion__button {
	background-color: var(--green-md);
	color: var(--dark)
}

.accordion__header.theme--yellow .accordion__title {
	border-color: var(--yellow-lt)
}

.accordion__header.theme--yellow .accordion__button {
	background-color: var(--yellow-lt);
	color: var(--yellow-dk)
}

.accordion__header:hover.theme--yellow .accordion__title {
	border-color: var(--yellow-md)
}

.accordion__header:hover.theme--yellow .accordion__button {
	background-color: var(--yellow-md);
	color: var(--dark)
}

.accordion .accordion__button:after {
	content: "↓"
}

.accordion.accordion--open .accordion__body {
	max-height: 100vh;
	padding: 10px 20px
}

.accordion.accordion--open .accordion__button:after {
	content: "↑"
}

.iconTiles {
	margin: 30px auto;
	text-align: center
}

.iconTiles.grid--quarter .grid__col {
	grid-column: span 6
}

.iconTiles p {
	color: var(--dark);
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	transition: all .5s ease-in-out
}

.iconTiles a, .iconTiles a:active, .iconTiles a:link, .iconTiles a:visited {
	color: var(--dark);
	text-decoration: none;
	transition: all .5s ease-in-out
}

.iconTiles img {
	transition: all .5s ease-in-out;
	width: 50px
}

.iconTiles .grid__col p:after {
	animation: grow 2s forwards;
	border-radius: .1rem;
	bottom: -20px;
	content: "";
	display: block;
	height: 8px;
	left: 50%;
	position: absolute;
	transform: translate(-50%) skew(-5deg);
	transition: all .5s ease-in-out
}

.iconTiles .grid__col:first-child p:after {
	animation-delay: 1.5s;
	background-color: var(--yellow-lt);
	opacity: 1
}

.iconTiles .grid__col:nth-child(2) p:after {
	animation-delay: 1.8s;
	background-color: var(--green-lt);
	opacity: 1
}

.iconTiles .grid__col:nth-child(3) p:after {
	animation-delay: 2.1s;
	background-color: var(--blue-lt);
	opacity: 1
}

.iconTiles .grid__col:nth-child(4) p:after {
	animation-delay: 2.5s;
	background-color: var(--pink-lt);
	opacity: 1
}

.iconTiles .grid__col:hover img {
	transform: scale(1.1)
}

.iconTiles .grid__col:first-child:hover p {
	color: var(--yellow-dk)
}

.iconTiles .grid__col:nth-child(2):hover p {
	color: var(--green-dk)
}

.iconTiles .grid__col:nth-child(3):hover p {
	color: var(--blue-dk)
}

.iconTiles .grid__col:nth-child(4):hover p {
	color: var(--pink-dk)
}

.iconTiles .grid__col:first-child:hover p:after {
	background-color: var(--yellow-md)
}

.iconTiles .grid__col:nth-child(2):hover p:after {
	background-color: var(--green-md)
}

.iconTiles .grid__col:nth-child(3):hover p:after {
	background-color: var(--blue-md)
}

.iconTiles .grid__col:nth-child(4):hover p:after {
	background-color: var(--pink-md)
}

@keyframes grow {
	0% {
		opacity: 0;
		width: 100%
	}
	to {
		opacity: 1;
		width: 120px
	}
}

@media (min-width: 768px) {
	.iconTiles.grid--quarter .grid__col {
		grid-column: span 3
	}

	.iconTiles img {
		width: 60px
	}
}

.infoBox {
	overflow: hidden;
	padding: 50px 25px;
	position: relative;
	text-align: center
}

.infoBox:before {
	top: -35px
}

.infoBox:after, .infoBox:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 50px;
	left: -2%;
	position: absolute;
	transform: rotate(-1deg);
	width: 104%
}

.infoBox:after {
	bottom: -35px
}

.infoBox.theme--green {
	background-color: var(--green-lt)
}

.infoBox.theme--blue {
	background-color: var(--blue-lt)
}

.infoBox.theme--pink {
	background-color: var(--pink-lt)
}

.infoBox.theme--yellow {
	background-color: var(--yellow-lt)
}

.infoBox ul {
	display: inline-block;
	padding: 0
}

.infoBox ul li {
	margin: 20px 0;
	padding-left: 35px;
	position: relative;
	text-align: left
}

.infoBox ul li:before {
	background: none;
	left: 0;
	position: absolute;
	top: 1px
}

.infoBox.theme--green.infoBox--tick ul li:before {
	content: url(static/assets/www-icon-tick-green.svg)
}

.infoBox.theme--blue.infoBox--tick ul li:before {
	content: url(static/assets/www-icon-tick-blue.svg)
}

.infoBox.theme--pink.infoBox--tick ul li:before {
	content: url(static/assets/www-icon-tick-pink.svg)
}

.infoBox.theme--yellow.infoBox--tick ul li:before {
	content: url(static/assets/www-icon-tick-yellow.svg)
}

.infoBox.theme--green.infoBox--cross ul li:before {
	content: url(static/assets/www-icon-cross-green.svg)
}

.infoBox.theme--blue.infoBox--cross ul li:before {
	content: url(static/assets/www-icon-cross-blue.svg)
}

.infoBox.theme--pink.infoBox--cross ul li:before {
	content: url(static/assets/www-icon-cross-pink.svg)
}

.infoBox.theme--yellow.infoBox--cross ul li:before {
	content: url(static/assets/www-icon-cross-yellow.svg)
}

@media only screen and (min-width: 1024px) {
	.infoBox {
		padding: 60px 40px
	}
}

@font-face {
	font-family: swiper-icons;
	font-style: normal;
	font-weight: 400;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	box-sizing: content-box;
	display: flex;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%;
	z-index: 1
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
	flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
	flex-direction: column;
	flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out
}

.swiper-container-pointer-events {
	touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: 100%
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode > .swiper-wrapper {
	-ms-overflow-style: none;
	overflow: auto;
	scrollbar-width: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
	scroll-snap-type: y mandatory
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
	align-items: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	cursor: pointer;
	display: flex;
	height: var(--swiper-navigation-size);
	justify-content: center;
	margin-top: calc(0px - var(--swiper-navigation-size) / 2);
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	z-index: 10
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	cursor: auto;
	opacity: .35;
	pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	font-variant: normal;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none !important;
	text-transform: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content: "prev"
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	left: auto;
	right: 10px
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content: "next"
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
	--swiper-navigation-color: #000
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transform: translateZ(0);
	transition: opacity .3s;
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	font-size: 0;
	overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	position: relative;
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	background: #000;
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	opacity: .2;
	width: 8px
}

button.swiper-pagination-bullet {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	opacity: 1
}

.swiper-container-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: 6px 0
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: transform .2s, top .2s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: scale(0);
	transform-origin: left top;
	width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	height: 4px;
	left: 0;
	top: 0;
	width: 100%
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
	height: 100%;
	left: 0;
	top: 0;
	width: 4px
}

.swiper-pagination-white {
	--swiper-pagination-color: #fff
}

.swiper-pagination-black {
	--swiper-pagination-color: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	background: rgba(0, 0, 0, .1);
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none
}

.swiper-container-horizontal > .swiper-scrollbar {
	bottom: 3px;
	height: 5px;
	left: 1%;
	position: absolute;
	width: 98%;
	z-index: 50
}

.swiper-container-vertical > .swiper-scrollbar {
	height: 98%;
	position: absolute;
	right: 3px;
	top: 1%;
	width: 5px;
	z-index: 50
}

.swiper-scrollbar-drag {
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	height: 100%;
	left: 0;
	position: relative;
	top: 0;
	width: 100%
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s linear infinite;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top: 4px solid transparent;
	box-sizing: border-box;
	height: 42px;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	transform-origin: 50%;
	width: 42px;
	z-index: 10
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	to {
		transform: rotate(1turn)
	}
}

.swiper-container .swiper-notification {
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 100%;
	pointer-events: none;
	transform-origin: 0 0;
	visibility: hidden;
	width: 100%;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	width: 100%;
	z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
	background: #000;
	bottom: 0;
	content: "";
	filter: blur(50px);
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	pointer-events: none;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 0
}

.slider {
	background-color: var(--pink-lt);
	overflow: hidden;
	padding: 30px 0;
	position: relative;
	width: 100%
}

.slider:before {
	top: -16px;
	z-index: 1
}

.slider:after, .slider:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	transform: rotate(-1deg);
	width: 100%
}

.slider:after {
	bottom: -16px
}

.slider p.h1, .slider p.h4 {
	margin-bottom: 30px
}

.slider a, .slider a:active, .slider a:link, .slider a:visited {
	border-bottom: 1px solid var(--pink-dk);
	color: var(--dark);
	text-decoration: none;
	transition: all .3s ease-in-out
}

.slider a:hover {
	color: var(--pink-dk)
}

.slider__avatar {
	left: 50%;
	margin-top: 20px;
	position: absolute;
	transform: translate(-50%)
}

.slider .slider__arrow--left, .slider .slider__arrow--right {
	background: none;
	border: none;
	cursor: pointer;
	position: absolute;
	top: 100px;
	z-index: 2
}

.slider .slider__arrow--left {
	left: 20px;
	transform: rotate(180deg)
}

.slider .slider__arrow--right {
	right: 20px
}

@media only screen and (min-width: 1024px) {
	.slider {
		padding: 50px 0
	}

	.slider .slider__arrow--left {
		left: 80px;
		top: 50%
	}

	.slider .slider__arrow--right {
		right: 80px;
		top: 50%
	}
}

.directory__header .pageHeader--full {
	margin-top: -50px
}

.directory__cta {
	position: relative
}

.directory__cta p.h1 {
	margin-bottom: 10px
}

.directory__cta p.h4 {
	margin-bottom: 20px
}

.directory__heart {
	left: 50%;
	position: absolute;
	top: -50px;
	transform: translate(-50%);
	width: 50px
}

.supplier__anchorLinks {
	-ms-overflow-style: none;
	align-items: center;
	display: flex;
	height: 65px;
	margin: 0 -20px 50px;
	overflow-x: scroll;
	overflow-y: hidden;
	padding-left: 20px;
	padding-right: 20px;
	scrollbar-width: none;
	text-align: center;
	width: calc(100vw - 40px)
}

.supplier__anchorLinks::-webkit-scrollbar {
	display: none
}

.supplier__anchorLinks > * {
	margin: 0 8px;
	white-space: nowrap
}

.supplier__anchorLinks a:last-child {
	padding-right: 20px
}

.supplier__anchorLinks .button__secondary:before {
	display: none
}

.supplier__about.grid__col {
	margin-bottom: 50px
}

.supplier__about {
	background-color: var(--blue-lt);
	padding: 60px 30px;
	position: relative
}

.supplier__about p {
	margin-bottom: 0
}

.supplier__about p.h2, .supplier__services p.h2 {
	color: var(--blue-dk);
	margin-bottom: 10px
}

.supplier__about:before {
	top: -45px
}

.supplier__about:after, .supplier__about:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 50px;
	left: -2%;
	position: absolute;
	transform: rotate(-1deg);
	width: 104%
}

.supplier__about:after {
	bottom: -45px
}

.supplier__avatar {
	left: 50%;
	position: absolute;
	top: -10%;
	transform: translate(-50%)
}

.supplier__details {
	color: var(--blue-dk);
	margin-bottom: 30px
}

.supplier__details p {
	align-items: center;
	display: inline-flex
}

.supplier__details img {
	margin-right: 10px
}

.supplier__services p.h4 {
	margin: 20px 0;
	padding-left: 35px;
	position: relative
}

.supplier__services p.h4:before {
	content: url(static/assets/www-icon-tick-pink.svg);
	left: 0;
	position: absolute;
	top: 2px
}

.supplier__services p.h4:nth-child(4n+3):before {
	content: url(static/assets/www-icon-tick-blue.svg)
}

.supplier__services p.h4:nth-child(4n+4):before {
	content: url(static/assets/www-icon-tick-green.svg)
}

.supplier__services p.h4:nth-child(4n+5):before {
	content: url(static/assets/www-icon-tick-yellow.svg)
}

.supplier__contactDetails .grid__col {
	text-align: center
}

.supplier__contactDetails p {
	margin-bottom: 0
}

.supplier__gallery p.h1 {
	margin-bottom: 20px
}

.supplier__gallery img {
	width: 100%
}

.supplier__contact, .supplier__reviews {
	background-color: var(--blue-lt);
	padding: 50px 0;
	position: relative
}

.supplier__contact:before, .supplier__reviews:before {
	top: -16px
}

.supplier__contact:after, .supplier__contact:before, .supplier__reviews:after, .supplier__reviews:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	transform: rotate(-1deg);
	width: 100%
}

.supplier__contact:after, .supplier__reviews:after {
	bottom: -16px
}

.supplier__questions {
	margin: 100px auto
}

.supplier__questions p.h1 {
	margin-bottom: 30px
}

.supplier__questions .grid--half {
	align-items: flex-start
}

@media (min-width: 768px) {
	.supplier__anchorLinks {
		justify-content: space-evenly;
		margin: 25px auto 50px;
		width: 100%
	}
}

@media (min-width: 1024px) {
	.supplier__about {
		padding: 100px 50px
	}

	.supplier__details {
		align-items: center;
		display: flex;
		justify-content: space-between;
		width: 100%
	}

	.supplier__services {
		padding: 0 25px
	}
}

.home__header {
	margin-top: -15%
}

.home__header p.h4 {
	margin: 20px auto
}

.home__anchorLink {
	text-align: center
}

.home__section {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 100px 0;
	padding: 100px 0;
	position: relative;
	transition: background-color 1s ease-in-out;
	width: 100%;
	overflow: hidden;
}

.home__section .grid {
	margin-top: 0
}

.home__section.isInViewport.theme--pink {
	background-color: var(--pink-lt)
}

.home__section.theme--pink .read-more {
	color: var(--pink-dk)
}

.home__section.isInViewport.theme--blue {
	background-color: var(--blue-lt)
}

.home__section.theme--blue .read-more {
	color: var(--blue-dk)
}

.home__section.isInViewport.theme--green {
	background-color: var(--green-lt)
}

.home__section.theme--green .read-more {
	color: var(--green-dk)
}

.home__section.isInViewport.theme--yellow {
	background-color: var(--yellow-lt)
}

.home__section:before {
	top: -32px
}

.home__section:after, .home__section:before {
	background-color: var(--background);
	content: "";
	display: block;
	height: 55px;
	left: -1%;
	position: absolute;
	transform: rotate(-1deg);
	width: 102%
}

.home__section:after {
	bottom: -21px
}

.home__trending {
	margin: 100px auto
}

.home__trending .grid__col p.h1 {
	margin-bottom: 10px
}

.home__trending .grid__col p.taxonomy {
	color: var(--pink-md);
	margin-bottom: 30px
}

.home__directory {
	margin: 100px 0
}

.home__directory .grid.grid--third.cardGroup.cardGroup--supplier {
	margin: 30px auto
}

@media (min-width: 768px) {
	.home__header {
		margin-top: -8%
	}

	.home__anchorLink:first-of-type {
		text-align: right
	}

	.home__anchorLink:last-of-type {
		text-align: left
	}
}

@media (min-width: 1024px) {
	.home__header {
		margin-top: -4%
	}

	.home__trending .grid__col p.taxonomy {
		display: none
	}
}

.hwc__header {
	margin-top: -15%
}

.hwc__cta .grid__col img, .hwc__header .grid__col:last-child img {
	width: 100%
}

.hwc__header .grid__col:last-child {
	text-align: center
}

.hwc__cta p.h4, .hwc__header p.h4 {
	margin: 30px 0;
	text-align: center
}

.hwc__icontiles {
	margin: 50px auto 100px;
	text-align: center
}

.hwc__icons {
	margin: 30px 0
}

.hwc__badge {
	margin: 180px auto;
	position: relative;
	top: -60px
}

.hwc__badge > img {
	left: 50%;
	position: absolute;
	top: -50%;
	transform: scale(.8) translate(-50%);
	transform-origin: left center;
	width: 180px;
	z-index: 2
}

.hwc__about {
	margin: 100px auto
}

.hwc__about p.h1 {
	margin-bottom: 30px
}

.hwc__pricing, .hwc__questions {
	margin: 150px auto;
	text-align: center
}

.hwc__pricing .grid--center .grid__col p.h1, .hwc__pricing .grid--center .grid__col p.h4, .hwc__questions p.h1 {
	margin-bottom: 30px
}

@media (min-width: 768px) {
	.hwc__header {
		margin-top: -4%
	}

	.hwc__cta .grid__col img, .hwc__header .grid__col:last-child img {
		margin-top: 30px;
		width: 65%
	}

	.hwc__icons {
		margin: 80px 0
	}

	.hwc__badge > img {
		transform: scale(1) translate(-50%)
	}
}

.postList__filters {
	margin: 30px auto
}

.postList__more.grid--halfCenter {
	margin-bottom: 160px
}

@media (min-width: 1024px) {
	.postList__filters {
		margin: 50px auto
	}
}

.button__secondary.join-wedissimo {
    text-transform: none;
}