@font-face {
  font-family: 'sofia_prolight';
  src: url('/wp-content/themes/postpitch/fonts/SofiaProLight-webfont.eot');
  src: url('/wp-content/themes/postpitch/fonts/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/postpitch/fonts/SofiaProLight-webfont.woff2') format('woff2'), url('/wp-content/themes/postpitch/fonts/SofiaProLight-webfont.woff') format('woff'), url('/wp-content/themes/postpitch/fonts/SofiaProLight-webfont.ttf') format('truetype'), url('/wp-content/themes/postpitch/fonts/SofiaProLight-webfont.svg#sofia_prolight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "theserif_semibold";
  src: url("/wp-content/themes/postpitch/fonts/TheSerif_600_.eot");
  src: url("/wp-content/themes/postpitch/fonts/TheSerif_600_.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/postpitch/fonts/TheSerif_600_.woff") format("woff"), url("/wp-content/themes/postpitch/fonts/TheSerif_600_.svg#TheSerif_600_") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "theserif";
  src: url("/wp-content/themes/postpitch/fonts/TheSerif_500_.eot");
  src: url("/wp-content/themes/postpitch/fonts/TheSerif_500_.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/postpitch/fonts/TheSerif_500_.woff") format("woff"), url("/wp-content/themes/postpitch/fonts/TheSerif_500_.svg#TheSerif_500_") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "theserif_semilight";
  src: url("/wp-content/themes/postpitch/fonts/TheSerif_400_.eot");
  src: url("/wp-content/themes/postpitch/fonts/TheSerif_400_.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/postpitch/fonts/TheSerif_400_.woff") format("woff"), url("/wp-content/themes/postpitch/fonts/TheSerif_400_.svg#TheSerif_400_") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "theserif_light";
  src: url("/wp-content/themes/postpitch/fonts/TheSerif_300_.eot");
  src: url("/wp-content/themes/postpitch/fonts/TheSerif_300_.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/postpitch/fonts/TheSerif_300_.woff") format("woff"), url("/wp-content/themes/postpitch/fonts/TheSerif_300_.svg#TheSerif_300_") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontello';
  src: url('/wp-content/themes/postpitch/fonts/fontello.eot?54049033');
  src: url('/wp-content/themes/postpitch/fonts/fontello.eot?54049033#iefix') format('embedded-opentype'), url('/wp-content/themes/postpitch/fonts/fontello.woff?54049033') format('woff'), url('/wp-content/themes/postpitch/fonts/fontello.ttf?54049033') format('truetype'), url('/wp-content/themes/postpitch/fonts/fontello.svg?54049033#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

:root{
	font-size: 100px;
	--accent: #ee004a;
}
body{
	font-family: "sofia_prolight", Verdana, sans-serif;
	text-rendering: optimizeLegibility;
	margin: .2rem;
	background: #dbe8e2;
	font-size: .2rem;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'theserif', sans-serif;
  font-weight: normal;
  font-style: normal;
  color: var(--accent);
  margin: 0 0 .5rem 0;
}

h1{
	font-size: 1.75em;
}

p{
	margin: 0 0 .35rem 0;
}

main{
	display: block;
	max-width: 10rem;
	margin: auto;
	text-align: center;
}

input,textarea{
	font-family:inherit !important;
}

.nf-form-content {
	padding: 2.5rem 0 0 !important;
	margin: 0 ;
}

.nf-multi-cell .nf-cell:first-child{
	padding-left:0 !important;
}

.nf-multi-cell .nf-cell:last-child{
	padding-right:0 !important;
}

.nf-before-form-content{
	display: none;
}
#ninja_forms_required_items, .nf-field-container,.nf-field-element{
	position: static !important;
}

.nf-next-previous, .nf-breadcrumbs{
	display: flex;
    justify-content: center;
    gap: 0.2rem;
}
.nf-form-content input[type=button]{
	text-transform: uppercase;
	font-size: .7em;
	aspect-ratio: 1/1;
	width: 1rem;
	border-radius: 50%;	
}
.nf-next-previous::after, .nf-breadcrumbs::after{
	content: none !important;
}

svg{
	--array: 2000;
	--from: 1500;
	--to: 9000;
	--duration: 10s;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100vw;
	height: 2.5rem;
	object-fit: contain;
	object-position: center;
	background-size:contain;
}
path{
	stroke: #fff;
}
svg:first-of-type>path{
	stroke-dasharray: var(--parts);
}
svg+svg>path{
	stroke: var(--accent);
	stroke-dashoffset: var(--from);
	stroke-dasharray: var(--array);
	animation: dash var(--duration) linear forwards;
}

.field-wrap{
	display: block !important;
}
.nf-field-label .nf-label-span, .nf-field-label label{
	font-weight: 400 !important;
}
nf-field .nf-field-element ul li{
	list-style: none;
	display: inline-block;
}
nf-field .nf-field-element ul li input,
nf-field .nf-field-element ul li label:before,
nf-field .nf-field-element ul li label:after{
	display: none !important;
}
nf-field .list-wrap .nf-field-element ul li label{
	display:block;
	background: #fff;
	padding: .1rem .15rem;
	border-radius: .1rem;
	margin: 0 .05rem !important;
	cursor: pointer;
}
nf-field .list-wrap .nf-field-element ul li :checked+label{
	background: var(--accent);
	color: #fff;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field{
	font-family: inherit;
	font-size: 1em;
	max-width: 5rem;
	min-width: 5rem;
	border-radius: .1rem;
	border: none;
}

@keyframes dash {
	to {
		stroke-dashoffset: var(--to);
	}
}

.stars{
	width: 5rem;
	height: .52rem;
	display: flex;
	background: #fff;
	/* gradient left to right */
	background: linear-gradient(to right, #fff 0, #fff .25rem, var(--accent) calc(100% - .25rem), #fff calc(100% - .25rem), #fff 100%);
	margin: auto;
	padding: 0 .25rem;
	box-sizing: border-box;
	border-radius: .15rem;
}
.stars>.star{
	flex: 1;
	height: .05rem;
	box-sizing: content-box;
	border: .25rem solid #fff;
	border-bottom: .25rem solid #fff !important;
	border-right-width: 1px;
	border-left-width: 1px;
	background: #eee;
	position: relative;
	transition: background .25s ease;
}
.stars>.star.tmp_fs,
.stars>.star.fullStar{
	background:transparent;
}
.stars>.star:before,
.stars>.star:after{
	content: "";
	position: absolute;
	left: -.15rem;
	height: .3rem;
	width: .3rem;
	top: -.125rem;
	border-radius: 50%;
	box-shadow: 0 0 .1rem rgb(0 0 0 / 0.2);
	background: var(--accent) url(img/ico_heart.svg) center center no-repeat;
	background-size: .15rem;
	opacity: 0;
	transition: opacity .5s ease;
}
.stars>.star.fullStar:last-child:after{
	left: auto;
	right: -.15rem;
}

.stars>.star.fullStar+:not(.fullStar):before,
.stars>.star.fullStar:last-child:after{
	opacity: 1;
}

#ninja_forms_required_items, .nf-field-container{
	margin-bottom: .3rem !important;
}
.nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label{
	margin-bottom: .2rem !important;
}