.arrow-button {
	--size: 3rem;
	position: relative;
	border: 0;
	color: inherit;
	font: inherit;
	background-color: rgba(0, 0, 0, 0);
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	min-height: var(--size);
	padding: 0;
	padding-left: 1rem;
	text-align: left
}

.arrow-button[disabled] {
	pointer-events: none;
	visibility: hidden
}

.arrow-button:hover .circle {
	width: 100%
}

.arrow-button .button-text {
	position: relative
}

.arrow-button .circle {
	width: var(--size);
	height: var(--size);
	position: absolute;
	right: 0;
	top: 0;
	background-color: var(--yellow);
	border-radius: var(--size);
	overflow: hidden;
	transition: width .3s
}

.arrow-button .icon {
	flex-shrink: 0;
	position: relative;
	width: var(--size);
	height: var(--size);
	display: flex;
	align-items: center;
	justify-content: center
}

.scorecard-tasks {
	display: grid;
	grid-gap: 1em
}

.task-card {
	border: 2px solid #dcdcdc;
	box-sizing: border-box;
	border-radius: 10px;
	max-width: 450px;
	background-color: var(--white);
	overflow: hidden
}

.task-card:hover {
	border-color: #fdb71a;
	background-color: #fff;
	transition: all .7s ease
}

.task-card:hover .card-title {
	color: #fdb71a;
	margin-left: 1em
}

.task-card:hover svg.task-card-icon {
	color: #fdb71a;
	transition: all .7s ease
}

.task-card .card-body {
	--pad: clamp(10px, 4vw, 24px)
}

.task-card .card-top {
	padding: var(--pad);
	display: flex;
	align-items: center;
	gap: .5em
}

.task-card .card-top img {
	margin-left: auto
}

.task-card .card-title {
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: -0.02em;
	padding-left: 13px
}

.task-card .task-card-bullets {
	padding: var(--pad);
	padding-left: calc(1em + var(--pad));
	font-style: normal;
	list-style-type: disc;
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 17px;
	display: none;
	border-top: 1px solid var(--gray)
}

@media (min-width: 800px) {
	.task-card .task-card-bullets {
		display: block
	}
}

.task-card:hover + .task-title {
	transition: all .7s ease
}

.task-card:hover svg.task-card-icon {
	color: #fdb71a;
	transition: all .7s ease
}

svg.task-card-icon {
	vertical-align: baseline;
	font-size: 27px;
	color: #4a3144
}

.task-card-link {
	color: #000 !important;
	text-decoration: none !important;
	font-family: "DM Sans", sans-serif;
	transition: opacity .3s
}

.task-card-link[disabled] {
	pointer-events: none;
	opacity: .5
}

.animated-btn {
	display: inline-block;
	padding: .75rem 1.25rem;
	border-radius: 10rem;
	color: #000;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	transition: all .3s;
	overflow: hidden;
	z-index: 1
}

.animated-btn:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 3px;
	width: 23%;
	height: 100%;
	background-color: #fdb71a;
	border-radius: 10rem;
	z-index: -2
}

.animated-btn:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #fdb71a;
	transition: all .3s;
	border-radius: 10rem;
	z-index: -1
}

.animated-btn:hover {
	color: #fff
}

.animated-btn:hover:before {
	width: 100%
}

.animated-btn .fill-in-btn {
	position: absolute;
	right: -245px
}

.animated-btn.left-arrow img {
	transform: rotate(180deg);
	margin-right: 20px
}

.animated-btn.review-report {
	bottom: 0
}

div#date-email-section > div {
	text-align: end
}

button#user-scorecard-result-nav-button {
	width: 10em
}

button#user-scorecard-result-nav-button > span.button-text {
	text-align: initial
}

h3#project-title {
	font-weight: bold;
	margin-bottom: 40px
}

button#save-button {
	color: #214ff3;
	font-weight: 700;
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
	margin-bottom: 2px
}

button#save-button span {
	margin-right: 5px
}

button#save-button > div.row {
	display: flex;
	flex-direction: row;
	width: 15em
}

button#save-button > div.row > div.col {
	position: relative;
	margin: 0;
	padding-right: 0
}

svg.bi.bi-save2-fill {
	width: 39px;
	margin-left: 6px;
	padding: 2px 11px;
	margin-top: -3px;
	border: solid 1px #0d6efd;
	height: 24px;
	border-radius: 4px
}

div#save-button-region {
	position: relative;
	display: block;
	height: 100%
}

.welcome-row.row {
	padding: 6%
}

.welcome-name-row.row {
	padding: 0;
	margin-bottom: 10px
}

.welcome-title {
	font-style: normal;
	font-weight: 400;
	font-size: 48px;
	line-height: 58px;
	color: #000
}

.welcome-name {
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 58px;
	text-transform: capitalize;
	color: #000
}

.task-column.col-md-8 {
	padding-top: 2%;
	padding-right: 20%
}

.announcements-column {
	padding-top: 2%;
	max-width: 300px !important
}

.announcements-column .inner-announcement-column {
	height: 400px;
	overflow-y: auto
}

.announcements-column .inner-announcement-column .announcement .read-more-link a {
	color: #000;
	text-decoration: none
}

.announcements-column .inner-announcement-column .announcement .read-more-link a svg.read-more-icon {
	margin-left: 3px
}

.announcements-column .inner-announcement-column .announcement .read-more-link a:hover {
	text-decoration: underline
}

.task-title {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase
}

h3.announcements-header {
	font-family: "DM Sans", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	padding: 2px;
	border-bottom: 5px solid #000
}

.announcements-column:hover h3.announcements-header {
	color: #fdb71a;
	border-bottom: 5px solid #fdb71a;
	transition: all .7s ease
}

.announcement {
	padding-bottom: 30px
}

p.announcements-text {
	font-size: 13px;
	padding-right: 10%
}

.read-more-link a {
	color: var(--purple) !important;
	text-decoration: none;
	font-family: tomato Grotesk;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	display: flex;
	gap: 1rem
}

.read-more-link a:hover {
	text-decoration: underline
}

svg.read-more-icon {
	vertical-align: baseline;
	color: #4a3144;
	stroke-width: 1px
}

p.read-more-link:hover {
	text-decoration-line: underline
}

.scorecard-wrap {
	padding: 1vw 1em;
	position: relative
}

.insights-wrap, .scorecard-report-container {
	padding: 1vw 1em
}

.data-insights-center-wrap {
	padding: 4vw 1em;
	position: relative
}

.home-content {
	padding: 8vw 1em;
	display: flex;
	flex-direction: column;
	gap: 1em
}

@media (min-width: 800px) {
	.home-content {
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto
	}

	.home-content .home-content-announcements {
		margin-left: auto;
		width: 320px
	}
}

.home-content-header {
	width: 100%
}

.home-content-announcements .home-section-heading {
	padding-bottom: 4px;
	border-bottom: 5px solid
}

.home-content-announcements ul {
	padding: 0;
	margin: 0
}

.home-content-announcements.reports-page .highlights {
	margin-bottom: 0
}

.home-section {
	display: grid;
	grid-gap: 1em;
	align-items: flex-start;
	grid-template-rows:auto 1fr;
	flex: 1;
	max-width: 450px
}

.home-section.highlights {
	grid-gap: 0;
	margin-bottom: 30px
}

.home-section.highlights h3 {
	margin-bottom: 0
}

.home-section.highlights .description {
	margin: 15px 0;
	font-weight: 600;
	color: #000;
	font-size: 12px
}

.home-section.highlights .highlights-data > * {
	font-size: 14px;
	margin-bottom: 8px
}

.home-section.home-content-announcements {
	flex: initial
}

.home-section-heading {
	font-family: tomato Grotesk;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-transform: uppercase
}

.scorecard-logo img {
	max-width: 500px;
	height: auto;
	width: 100%
}

input.add-project-input::placeholder {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 27px;
	color: #000
}

.last-input-row {
	padding-bottom: 30px
}

.input-pair {
	display: grid;
	grid-gap: 1rem
}

#project-details-page .add-project-input {
	background: #fff;
	border: 2px solid #eee;
	box-sizing: border-box;
	border-radius: 60px;
	padding: 17px;
	font-size: 16px;
	max-width: 100%
}

#project-details-page #project-use-field {
	max-width: 100%;
	border: 2px solid #eee;
	height: 100px
}

#project-details-page .form-floating label {
	left: 10px;
	top: -5px
}

#account-profile-call-out-text {
	max-width: 556px;
	margin-left: auto;
	margin-right: auto
}

.profile-page-inner {
	display: grid;
	gap: 1em;
	position: relative
}

.profile-page-inner .layout-main {
	display: grid;
	gap: 1em
}

@media (min-width: 1200px) {
	.profile-page-inner .layout-main {
		padding: 2em 4em 2em;
		background-color: var(--white);
		width: 556px
	}
}

.loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: hsla(0, 0%, 100%, .9);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1
}

.loading:after {
	content: "Loading..."
}

.profile-page-header {
	background-color: var(--purple);
	color: var(--white);
	padding: 2em 1em
}

.profile-page-header p {
	font-family: tomato Grotesk;
	font-size: 21px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0em;
	text-align: center;
	margin: 0
}

#account-profile-call-out-text {
	display: grid;
	grid-gap: 1em
}

#desktop-profile-form-header-text {
	color: inherit
}

#mobile-form-header {
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase
}

#scorecard-user-profile-form-container {
	margin-bottom: 241px
}

#scorecard-user-profile-form-container #scorecard-user-profile-form-flex {
	display: flex;
	justify-content: center
}

#scorecard-user-profile-form-container #profile-submit-button {
	position: absolute;
	right: -245px
}

@media (max-width: 991.98px) {
	#scorecard-user-profile-form-container #profile-submit-button {
		bottom: 0;
		left: 0;
		right: 0
	}
}

#profile-organization-name.round-dropdown {
	background: #fff;
	border: 2px solid #eee;
	box-sizing: border-box;
	border-radius: 60px;
	padding: 17px;
	font-size: 16px;
	max-width: 100%
}

#mobile-profile-form-header {
	background-color: #4a3144;
	padding-bottom: 27px;
	padding-top: 27px;
	display: none !important
}

@media (max-width: 991.98px) {
	#mobile-profile-form-header {
		display: block
	}
}

#mobile-profile-form-header h3 {
	color: #fff;
	font-size: 21px;
	font-weight: 400;
	line-height: 25px;
	padding-bottom: 16px
}

.profile-field-row {
	display: flex;
	flex-direction: column;
	gap: 1em
}

@media (min-width: 600px) {
	.profile-field-row {
		flex-direction: row
	}
}

.scorecard-tabs-container {
	background: #fff;
	box-shadow: 0px 7px 18px rgba(74, 49, 68, .25);
	padding: 4px;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column
}

.scorecard-tabs-container .tab-content {
	height: 100%
}

.scorecard-tabs-container .tab-content > .tab-pane {
	height: 100%;
	flex-direction: column
}

.scorecard-tabs-container .tab-content > .tab-pane > * {
	width: 100%;
	min-height: 500px
}

.scorecard-tabs-container .tab-content > .active {
	display: flex
}

.scorecard-tabs-inner {
	display: flex;
	flex-direction: column
}

#desktop-survey-display {
	display: none
}

#desktop-survey-display .form-survey-body {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: auto
}

@media (min-width: 992px) {
	#desktop-survey-display {
		display: block
	}

	.mobile-survey-display {
		display: none
	}
}

#desktop-survey-display .tab-header {
	border-bottom: 0px !important;
	flex-wrap: nowrap
}

#desktop-survey-display .tab-header .nav-item {
	width: 20%;
	margin-right: 3px
}

#desktop-survey-display .tab-header .nav-item .nav-link {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	display: grid;
	text-align: left;
	min-height: 85px;
	width: 100%;
	padding: 6px;
	position: relative;
	color: #000 !important;
	border-radius: 0px !important;
	border: 0;
	margin: 1px;
	background-color: rgba(176, 169, 174, .21) !important
}

#desktop-survey-display .tab-header .nav-item .nav-link.active {
	background-color: #fff !important;
	border: none;
	transition: all .7s ease
}

#desktop-survey-display .tab-header .nav-item .nav-link span {
	margin-top: auto;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px
}

.add-project-card .row select {
	font-size: 1rem;
	font-weight: 400
}

.add-project-card #project-state-field {
	padding: 1rem .75rem;
	height: calc(3.5rem + 2px);
	line-height: 1.25
}

.scorecard-report-container.row {
	display: flex;
	justify-content: center;
	align-items: center
}

.scorecards-report {
	display: grid;
	grid-template-columns:auto 320px;
	width: 100%;
	gap: 40px
}

@media (max-width: 1200px) {
	.scorecards-report {
		grid-template-columns:1fr
	}
}

.scorecard-report {
	background: #fff;
	box-shadow: 0px 7px 18px rgba(74, 49, 68, .25);
	padding: 45px 30px;
	width: 100%
}

.scorecard-report h2 {
	font-family: tomato Grotesk;
	font-size: 20px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em
}

.scorecard-report .project-name-header {
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: -0.02em;
	color: #000;
	padding-bottom: 50px
}

.scorecard-report .total-score-header {
	font-weight: 400;
	font-size: 48px;
	line-height: 65px;
	color: #000
}

.scorecard-report .h4-eyebrow-tag {
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: var(--purple)
}

.scorecard-report .h4-eyebrow-tag span {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	color: #214ff3;
	text-transform: initial
}

.scorecard-report .date-col {
	text-align: right
}

.scorecard-report .date-col p {
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #000
}

.scorecard-report .category-breakdown-row {
	justify-content: center
}

.scorecard-report-downloads {
	display: flex;
	gap: 2rem;
	justify-content: flex-end;
	margin-bottom: 1rem
}

.scorecard-report-downloads a {
	text-decoration: none;
	display: flex;
	gap: .5rem;
	align-items: center
}

.question-details-label {
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000
}

.question-detail-row {
	border: 1px solid #e8e8e8;
	padding-left: 10px
}

.question-details-li {
	font-weight: 400;
	font-size: 12px;
	line-height: 122.2%;
	letter-spacing: -0.02em;
	color: rgba(0, 0, 0, .92)
}

#score-email-date {
	display: grid
}

@media (min-width: 600px) {
	#score-email-date {
		grid-template-columns:1fr 1fr
	}

	#score-email-date > *:last-child {
		grid-column: 1/-1
	}
}

@media (min-width: 1200px) {
	#score-email-date {
		grid-template-columns:1fr 1fr 1fr
	}

	#score-email-date > *:last-child {
		grid-column: 3
	}
}

.scorecard-report-details {
	display: flex;
	margin-left: -30px;
	width: auto
}

.scorecard-report-details-column {
	padding-left: 30px;
	background-clip: padding-box
}

.scorecard-report-details-column > * {
	margin-bottom: 30px
}

#relational-score {
	position: relative;
	height: 0;
	padding-bottom: 100%
}

#relational-score canvas {
	position: absolute
}

.scorecard-report {
	display: grid;
	gap: 2rem
}

.insight-other-filters {
	margin-top: 15px
}

.insight-other-filters .insight-filters-container {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap
}

.insight-filters {
	display: flex;
	gap: 1rem
}

.category-breakdown-cards {
	display: flex;
	flex-direction: column;
	gap: 1rem
}

.insight-card {
	display: flex;
	justify-content: space-between;
	gap: 1rem
}

.insight-card-figure {
	font-weight: 700;
	font-size: 20px;
	line-height: 112%;
	letter-spacing: -0.02em;
	color: #000
}

.insight-card-label {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	color: rgba(0, 0, 0, .92)
}

select.filter-select {
	height: 36px;
	background: var(--purple);
	border-radius: 2px;
	border: none;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: var(--white);
	background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10.2311 1.75L6.11556 6.38L2 1.75%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-linecap=%27square%27/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: 91% center
}

select.filter-select:hover, select.filter-select:focus {
	color: var(--white)
}

.header-response {
	font-family: tomato Grotesk;
	font-size: 48px;
	font-weight: 400;
	line-height: 65px;
	letter-spacing: 0em
}

.insights-main {
	display: grid;
	grid-template-columns:1fr 1fr;
	grid-column-gap: 1rem
}

.scorecard-report-breakdown {
	display: grid;
	grid-gap: 1rem
}

@media (min-width: 500px) {
	.scorecard-report-breakdown {
		grid-template-columns:repeat(2, 1fr)
	}
}

@media (min-width: 750px) {
	.scorecard-report-breakdown {
		grid-template-columns:repeat(3, 1fr)
	}
}

@media (min-width: 1200px) {
	.scorecard-report-breakdown {
		grid-template-columns:repeat(5, 1fr)
	}
}

.category-breakdown-card {
	box-sizing: border-box;
	border-radius: 10px;
	padding: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1.5px solid #000;
	box-shadow: 0px 4px 0px #000;
	background-color: var(--white)
}

@media (min-width: 992px) {
	.category-breakdown-card {
		box-shadow: none;
		background-color: rgba(0, 0, 0, 0);
		border: 1.5px solid #f3f2f3
	}
}

.category-breakdown-card-figure {
	font-family: tomato Grotesk;
	font-size: 32px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: -0.02em;
	margin-bottom: 1em
}

.category-breakdown-card-label {
	font-family: tomato Grotesk;
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 0em
}

.score-table {
	display: grid;
	gap: .5rem
}

.h4-eyebrow-tag {
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: var(--purple)
}

.find-reports-grid {
	display: grid;
	grid-gap: 1em
}

@media (min-width: 800px) {
	.find-reports-grid {
		grid-template-columns:repeat(2, 1fr)
	}
}

@media (min-width: 1200px) {
	.find-reports-grid {
		grid-template-columns:repeat(3, 1fr)
	}
}

.filter-row select {
	width: 172px;
	height: 36px;
	background: #f4f4f4;
	border-radius: 2px;
	border: none;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000
}

.filter-row .sort-respones-col {
	margin-right: 60px
}

.filter-row .search-col {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0
}

.filter-row .search-col .search-btn {
	height: 36px;
	background: #f4f4f4;
	border-radius: 2px;
	border: none
}

.find-reports-body {
	margin-top: 1em
}

.reports-card {
	position: relative;
	background-color: rgba(0, 0, 0, .01);
	border: 1.5px solid #dcdcdc;
	box-sizing: border-box;
	border-radius: 10px
}

.reports-card .card-body {
	padding: 1rem 1rem !important;
	height: 100%
}

.reports-card .card-body a {
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%
}

.reports-card .card-body a img {
	margin-top: auto
}

.reports-card .card-body a img.disabled-user-icon {
	position: absolute;
	right: 10px;
	bottom: 10px;
	max-width: 25px;
	height: auto;
	opacity: .8
}

.reports-card .card-title {
	font-weight: 700;
	font-size: 32px;
	line-height: 112%;
	letter-spacing: -0.02em;
	color: #000
}

.reports-card .card-text-sub-header {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	color: #000
}

.reports-card .card-text-date {
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: rgba(0, 0, 0, .66)
}

.reports-card:hover {
	transition: all .7s ease;
	border-color: #fdb71a
}

.reports-card:hover .yellow-arrow-icon {
	transition: all .7s ease;
	padding-left: 15px
}

.report-container {
	box-shadow: 0px 7px 18px rgba(74, 49, 68, .25);
	padding: 1em;
	position: relative;
	background: #fff
}

#sort-responses-region {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1rem;
	align-items: flex-start
}

#sort-responses-region .admin-filters {
	width: 100%;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1rem;
	align-items: flex-start
}

#sort-responses-region .admin-filters option.is_disabled {
	color: #ff4500
}

.download-csv-reports {
	margin-top: 1em
}

.download-csv-reports a {
	color: var(--purple)
}

@media (max-width: 992px) {
	.mobile-hide {
		display: none !important
	}

	div#sort-responses-region > div:last-child {
		display: none
	}

	.mobile-show {
		display: flex
	}

	.filter-row.row {
		margin: 0;
		padding: 32px
	}

	.filter-row.mobile-show.row {
		background-color: #4a3144;
		color: #fff;
		margin-top: -1px
	}

	.filter-row.mobile-show.row > .col > .row > .col > .h4-eyebrow-tag {
		color: #fff
	}

	.filter-row.mobile-show.row > .col {
		padding: 0px
	}

	.sort-respones-col {
		padding: 0px !important
	}

	.sort-respones-col {
		width: fit-content !important;
		color: #fff
	}

	.filter-row .sort-respones-col {
		margin-right: 0
	}

	.filter-row select {
		width: fit-content;
		height: 36px;
		background: #5d4554;
		border-radius: 2px;
		border: none;
		font-weight: 500;
		font-size: 12px;
		line-height: 17px;
		color: #fff;
		margin: 0px;
		padding: 4px 8px
	}

	.filter-row select:focus, .filter-row select:hover {
		color: #fff
	}

	.report-container {
		padding: 0;
		background-color: rgba(0, 0, 0, 0);
		box-shadow: none
	}

	.filter-row .search-col .search-btn {
		height: 38px;
		background: #5d4554 !important;
		border-radius: 2px;
		border: none;
		color: #fff
	}

	img.search-icon {
		width: 70% !important
	}
}

.accordion-header button {
	font-weight: bold
}

.admin-reports h1 {
	margin-bottom: 20px
}

.admin-reports .arrow-button {
	margin-top: 20px;
	margin-bottom: 10px
}

.admin-reports .arrow-button .circle {
	right: unset
}

.admin-reports .arrow-button .button-text {
	order: 2
}

.admin-reports .arrow-button .icon {
	transform: rotate(180deg)
}

.admin-reports .report-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 25px
}

.admin-reports .report-main {
	display: grid;
	grid-template-columns:1fr 1fr;
	justify-content: space-between
}

.admin-reports .report-main .report-col.center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.admin-reports .high-low-row {
	display: grid;
	grid-template-columns:repeat(2, 1fr)
}

.admin-reports .report-col.right {
	text-align: right
}

.admin-reports .report-col.center {
	text-align: center
}

.admin-reports #score-chart {
	display: grid;
	width: 100%;
	height: 500px
}

.admin-reports #score-chart .recharts-legend-wrapper {
	display: flex;
	justify-content: center;
	align-items: end
}

.data-insights-center-wrap .tab-header {
	border-bottom: 0px !important;
	flex-wrap: nowrap
}

.data-insights-center-wrap .tab-header .nav-item {
	width: 20%;
	margin-right: 3px;
	margin-bottom: 0
}

.data-insights-center-wrap .tab-header .nav-item .nav-link {
	width: 100%;
	padding: 6px;
	border: none;
	color: #000 !important;
	border-radius: 0px !important;
	margin: 1px 1px 0 1px;
	background-color: rgba(176, 169, 174, .21) !important;
	height: 100%;
	transition: all .7s ease
}

.data-insights-center-wrap .tab-header .nav-item .nav-link.active {
	background-color: #fff !important
}

.data-insights-center-wrap .tab-header .nav-item .nav-link span {
	margin-top: auto;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px
}

.data-insights-center-wrap .tab-content {
	border: 5px solid #fff;
	padding: 4px;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column
}

.mobile-survey-display .mobile-tabs {
	flex-wrap: nowrap;
	overflow-x: scroll;
	overflow-y: hidden
}

.mobile-survey-display .mobile-tabs .nav-item .nav-link {
	max-width: 100%;
	width: 300px
}

.mobile-save-continue {
	background-color: var(--dark-purple);
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem;
	align-items: center
}

.mobile-save-continue .arrow-button {
	color: var(--white)
}

@media (max-width: 991px) {
	.survey-row.row > .col-sm-1.col {
		max-width: 19%
	}

	.survey-row.row > .col-md-6.col {
		max-width: 48%;
		min-width: 48%;
		margin-left: 10px;
		padding: 0px
	}

	.form-check.radio-buttons.col-md-5.col {
		padding-left: 0px;
		padding-right: 42px;
		max-width: 100px
	}

	.mobile-survey-display {
		padding: 0 !important
	}

	.mobile-survey-display form {
		position: relative
	}

	.mobile-survey-display form #save-button-region {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--dark-purple);
		padding: 1rem
	}

	.mobile-survey-display form #save-button-region #save-button {
		top: 0;
		color: #fff;
		bottom: unset;
		display: flex;
		align-items: center;
		border: 1px solid;
		border-radius: 20px;
		padding: .75rem 1.25rem
	}

	.mobile-survey-display form #save-button-region #save-button span {
		font-size: 12px
	}

	.mobile-survey-display form #save-button-region #save-button .save-icon {
		-webkit-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1)
	}

	.mobile-survey-display .mobile-tabs .nav-item {
		margin: 0
	}

	.mobile-survey-display .mobile-tabs .nav-item .nav-link {
		background-color: #5d4554 !important;
		color: #fff !important;
		margin: 0px !important;
		border-right: 1px solid #000 !important;
		border-radius: 0;
		border-top: 0;
		height: 100%
	}

	.mobile-survey-display .mobile-tabs .nav-item .nav-link.active {
		background-color: #5d4554 !important;
		border-bottom: 5px solid #fdb71a
	}

	.mobile-survey-display .form-check-label:has(input:checked) {
		color: #fff
	}

	.form-survey-body {
		max-height: 100% !important;
		overflow-y: auto;
		overflow-x: hidden
	}

	.form-survey-body-required {
		text-align: center;
		padding: 1rem;
		margin: 0
	}

	.survey-row.row {
		background: #fff;
		box-shadow: 0px 3px 2px rgba(198, 195, 193, .35), 0px 1px 1px rgba(198, 195, 193, .75);
		margin-bottom: 10px;
		padding-top: 16px;
		padding-bottom: 16px
	}

	.radio-btn-background {
		display: flex;
		flex-direction: column;
		justify-content: space-around !important;
		align-items: center;
		height: 90px;
		width: 46px;
		border-radius: 13.5px;
		background-color: #f4f4f4
	}

	.survey-row .custom-radio-btn input[type=radio]::before {
		width: 42px !important;
		height: 42px !important;
		box-shadow: 0px 3px 8px rgba(0, 0, 0, .15), 0px 1px 1px rgba(0, 0, 0, .06) !important;
		border-radius: 12px;
		color: #fff
	}

	.scorecard-footer.mobile-footer {
		height: 23vh;
		background-size: cover;
		padding-top: 10vw;
		bottom: 0%;
		width: 100% !important;
		height: 23vh;
		display: inline-block;
		position: relative;
		background-color: #4a3144
	}

	.scorecard-footer.mobile-footer > svg {
		width: 100vw !important;
		float: left;
		position: absolute;
		top: -39px
	}

	.scorecard-footer.mobile-footer .survey-footer {
		display: flex;
		justify-content: center;
		padding-top: 47px
	}

	.scorecard-footer.mobile-footer .survey-footer p {
		font-weight: 400;
		font-size: 14px;
		line-height: 17px;
		text-align: center;
		color: #fff !important;
		mix-blend-mode: initial
	}

	.form-survey-body.row > .col {
		padding-bottom: 3vh
	}

	div#nav-button-left-region {
		padding-left: 23%;
		padding-right: 23%
	}

	button#nav-button-right, button#nav-button-left {
		width: 11.5em
	}
}

@media (max-width: 415px) {
	.survey-row.row > .col-sm-1.col {
		max-width: 19%
	}

	.survey-row.row > .col-md-6.col {
		max-width: 48%;
		min-width: 48%;
		margin-left: 10px;
		padding: 0px
	}

	.form-check.radio-buttons.col-md-5.col {
		padding-left: 0px;
		padding-right: 42px;
		max-width: 100px
	}
}

.mobile-nav {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #fff
}

.mobile-top-nav {
	background-color: #3a2134;
	height: 50px;
	align-items: center;
	display: flex
}

.mobile-top-nav .nav-header-one {
	margin: 0
}

.desktop-dashboard-display {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	padding: 1rem;
	background-color: var(--dark-purple);
	color: var(--white)
}

.desktop-dashboard-display-homelink img {
	width: 100%;
	max-width: 200px;
	display: block
}

.desktop-dashboard-display-links {
	display: flex;
	align-items: center;
	gap: 1em
}

.desktop-dashboard-display-links a {
	color: inherit
}

.desktop-dashboard-display-links svg * {
	fill: currentColor
}

.mobile-bottom-nav {
	background: #4a3144;
	height: 80px
}

.second-mobile-nav {
	display: none !important
}

@media (max-width: 991.98px) {
	.second-mobile-nav {
		display: flex !important;
		color: #fff;
		background-color: #4a3144
	}

	.mobile-top-nav.row {
		padding-top: 5vh;
		padding-bottom: 5vh;
		padding-left: 3vh
	}

	div#mobile-top-nav-header-img > a > img {
		margin-top: 1.75vh
	}
}

.mobile-dashboard-display {
	display: flex
}

.mobile-side-nav {
	width: 100%;
	height: 100vh;
	position: sticky;
	top: 0;
	max-width: 82px;
	background-color: #5d4554
}

.mobile-side-nav > * {
	position: relative
}

.scorecard-task-row {
	display: flex;
	flex-direction: column;
	padding: 1em 0;
	gap: 1em
}

.scorecard-task-row .icon-nav {
	display: block;
	padding: 0
}

.scorecard-task-row .icon-nav svg.task-card-icon {
	color: #fff
}

.scorecard-task-row .icon-nav.btn-active svg.task-card-icon {
	color: #fdb71a
}

button.icon-nav {
	border: none;
	background: rgba(0, 0, 0, 0)
}

.mobile-row.row {
	height: 100%
}

.slick-slide.slick-active.slick-current {
	height: 350px !important;
	display: flex;
	width: 270px !important
}

.mobile-side-nav.col-sm-10.col-md-9.col {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.task-title {
	font-size: 25px !important
}

.project-details {
	position: relative
}

.project-details .layout-main {
	max-width: 556px;
	margin: 0 auto
}

@media (max-width: 991px) {
	.container, .scorecard-report-container, .scorecard-report-container.row {
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important
	}

	.scorecard-report {
		background: rgba(0, 0, 0, 0) !important;
		box-shadow: none !important;
		padding: 0 !important;
		width: 100% !important;
		border: none !important
	}

	.date-col {
		text-align: end
	}

	.scorecard-report .h4-eyebrow-tag {
		font-weight: 500 !important;
		color: #000 !important;
		margin-top: 20px
	}

	.mobile-card {
		background: #fff;
		border: 1.5px solid #000;
		box-shadow: 0px 4px 0px #000;
		border-radius: 12px
	}

	.scorecard-report .category-breakdown-row {
		display: flex;
		flex-direction: column
	}

	.scorecard-report .category-breakdown-card.card, #relational-score {
		margin-bottom: 20px !important;
		background: #fff;
		border: 1.5px solid #000 !important;
		box-shadow: 0px 4px 0px #000 !important;
		border-radius: 12px !important;
		width: 100% !important
	}

	.see-insights-date {
		text-align: left !important
	}

	.mobile-view-summary-header {
		display: flex;
		flex-direction: column;
		padding-left: 20px
	}

	.mobile-hide {
		display: none !important
	}

	.mobile-show {
		display: block
	}

	.category-breakdown-row.row {
		padding-right: 0px
	}

	.category-breakdown-col.col {
		padding-right: 0px
	}

	div#mobile-email-column {
		width: 50% !important;
		padding-top: 7%
	}

	div#mobile-email-column > p {
		line-height: .5;
		font-size: 14px;
		text-align: right
	}

	div#total-score-col {
		width: 50% !important
	}

	div#total-score-col > * {
		line-height: 1
	}

	.mobile-top-nav.row {
		padding-top: 5vh;
		padding-bottom: 5vh;
		padding-left: 3vh
	}
}

@media (max-width: 991px) {
	.container, .fill-in-card-container {
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important
	}

	.fill-in-card {
		background: rgba(0, 0, 0, 0) !important;
		box-shadow: none !important;
		width: 100% !important
	}

	.find-reports-body.row {
		overflow-y: initial !important
	}

	.reports-card {
		width: 100% !important;
		background: #fff !important;
		border: 1.5px solid #000 !important;
		box-shadow: 0px 4px 0px #000 !important;
		border-radius: 12px !important
	}
}

@media (max-width: 576px) {
	.col-sm-12 {
		flex: 0 0 auto !important;
		width: 100% !important
	}
}

.layout {
	display: flex;
	flex-direction: column;
	gap: 1em;
	padding: 3.5rem 0 0;
	position: relative
}

@media (min-width: 1200px) {
	.layout {
		display: grid;
		grid-template-columns:minmax(200px, 1fr) auto minmax(200px, 1fr);
		align-items: flex-end;
		padding: 3.5rem 1rem
	}

	.layout .layout-left {
		padding-left: 0;
		padding-bottom: 0
	}

	.layout .layout-right {
		justify-self: flex-start;
		padding: 0
	}

	.layout .layout-right:before {
		content: unset;
		display: none
	}

	.layout .layout-right > svg {
		display: none
	}

	.layout .layout-right .arrow-button {
		justify-self: flex-start
	}

	.layout .layout-right .arrow-button .circle {
		order: 1
	}

	.layout .layout-right .button-text {
		color: inherit
	}
}

.layout-main {
	padding: 0 1rem
}

.layout-left {
	justify-self: flex-end;
	padding-left: 1rem;
	padding-bottom: 1rem
}

.layout-left .arrow-button {
	padding-left: unset;
	padding-right: 1rem
}

.layout-left .arrow-button .circle {
	right: unset;
	left: 0
}

.layout-left .arrow-button .icon {
	transform: rotate(180deg)
}

.layout-left .arrow-button .button-text {
	order: 2
}

.layout-right {
	margin-top: 1rem;
	padding: 1rem;
	padding-top: calc(1rem + 36px);
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden
}

.layout-right:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: calc(100% - 1rem - 36px);
	background-color: var(--purple);
	width: 100%
}

.layout-right > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.layout-right .arrow-button {
	display: inline-flex;
	align-self: center
}

.layout-right .arrow-button .circle {
	order: 2
}

.layout-right .button-text {
	color: var(--white)
}

@font-face {
	font-family: "Tomato Grotesk";
	src: url(https://aaacdfi.org/wp-content/plugins/scorecard-submissions/admin/dist/assets/fonts/a4ee25ae7641192a1f2b.woff2) format("woff2"), url(https://aaacdfi.org/wp-content/plugins/scorecard-submissions/admin/dist/assets/fonts/ea7475e34c9518a10b00.woff) format("woff"), url(https://aaacdfi.org/wp-content/plugins/scorecard-submissions/admin/dist/assets/fonts/71098d424a5803343ecd.otf) format("opentype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: "Tomato Grotesk";
	src: url(https://aaacdfi.org/wp-content/plugins/scorecard-submissions/admin/dist/assets/fonts/4bd510a50739fa7ab7c4.woff2) format("woff2"), url(https://aaacdfi.org/wp-content/plugins/scorecard-submissions/admin/dist/assets/fonts/be2c84f783f68805db33.woff) format("woff"), url(https://aaacdfi.org/wp-content/plugins/scorecard-submissions/admin/dist/assets/fonts/61a15d8623d7247e7f6a.otf) format("opentype");
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-family: "Tomato Grotesk";
	src: url(https://aaacdfi.org/wp-content/plugins/scorecard-submissions/admin/dist/assets/fonts/ad587cdb89a488670e5c.woff2) format("woff2"), url(https://aaacdfi.org/wp-content/plugins/scorecard-submissions/admin/dist/assets/fonts/af245fff9ca55bd28525.woff) format("woff"), url(https://aaacdfi.org/wp-content/plugins/scorecard-submissions/admin/dist/assets/fonts/b33e9bc640bb3fefe480.otf) format("opentype");
	font-weight: 600;
	font-style: normal
}

:root {
	--gray: #C6C3C1;
	--dark-purple: #3A2134;
	--white: #fff;
	--purple: #4A3144;
	--yellow: #fdb71a
}

#scorecard-content {
	background-color: #fdf8f2
}

a {
	color: inherit
}

#scorecard-content * {
	font-family: "Tomato Grotesk", serif
}

div#root {
	position: relative;
	min-height: 100vh
}

.container {
	padding-bottom: 2.5rem
}

.scorecard-header {
	background-color: #efedea !important;
	padding-left: 18px
}

.scorecard-header .header-right {
	margin-right: 20px
}

.menu-link {
	color: inherit;
	text-decoration: none;
	font-weight: 600
}

.menu-link:hover {
	color: inherit;
	text-decoration: underline
}

#scorecard-footer {
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	background-color: #4a3144;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.5em 2em
}

#scorecard-footer p {
	margin: 0
}

.add-project-container.row {
	display: flex;
	justify-content: center;
	align-items: center
}

.add-project-card {
	display: grid;
	grid-gap: 1rem
}

@media (min-width: 1200px) {
	.add-project-card {
		padding: 30px;
		background: #fff;
		box-shadow: 0px 7px 18px rgba(74, 49, 68, .25)
	}
}

input.add-project-input, select.add-project-input {
	background: #fff;
	border: 2px solid #eee;
	box-sizing: border-box;
	border-radius: 60px;
	padding: 17px;
	width: 100%;
	max-width: 100%
}

input.add-project-input::placeholder {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 27px;
	color: #000
}

.last-input-row {
	padding-bottom: 30px
}

.h1-tag-medium {
	font-style: normal;
	font-weight: 400;
	font-size: 48px;
	line-height: 58px;
	color: #000
}

.eyebrow-tag {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #000
}

.eyebrow-tag span {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	color: #fdb71a
}

.fill-in-card-container.row {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 965px;
	margin: 5% auto
}

.fill-in-row.row {
	position: relative
}

.fill-in-card {
	background: #fff;
	box-shadow: 0px 7px 18px rgba(74, 49, 68, .25);
	padding: 4px;
	width: 965px;
	position: relative
}

a.animated-btn.review-report-btn {
	position: absolute;
	right: -250px;
	bottom: 0
}

a.animated-btn.project-details-btn {
	position: absolute;
	left: -275px;
	bottom: 0
}

button.btn.animated-btn.fill-in-button {
	position: absolute;
	right: -245px
}

button.btn.save-btn, button.btn.download-btn, button.btn.download-icon-btn {
	background: none;
	color: #214ff3;
	border: none;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px
}

button.btn.save-btn {
	position: absolute;
	top: -40px;
	right: 0
}

#download-btn-region {
	display: block;
	position: relative
}

button.btn.download-btn {
	position: absolute;
	top: -40px;
	left: 800px
}

button.btn.download-icon-btn {
	position: absolute;
	top: 10px;
	right: 0
}

.save-progress-icon, .download-icon {
	padding-left: 10px
}

button.btn.show-details-dropdown-btn {
	background: none;
	color: #214ff3;
	border: none;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px
}

.show-details-dropdown-icon {
	padding-left: 10px
}

.animated-btn {
	display: inline-block;
	padding: .75rem 1.25rem;
	border-radius: 10rem;
	color: #000;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	transition: all .3s;
	overflow: hidden;
	z-index: 1
}

.animated-btn:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 3px;
	width: 23%;
	height: 100%;
	background-color: #fdb71a;
	border-radius: 10rem;
	z-index: -2
}

.animated-btn:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #fdb71a;
	transition: all .3s;
	border-radius: 10rem;
	z-index: -1
}

.animated-btn:hover {
	color: #fff
}

.animated-btn:hover:before {
	width: 100%
}

.animated-btn:disabled {
	opacity: .2
}

.animated-btn .btn-arrow {
	padding-right: inherit
}

.survey-row {
	border-bottom: 1px solid #eee;
	display: flex;
	gap: 1rem;
	border-left: 7px solid rgba(0, 0, 0, 0);
	padding: .5rem 0
}

.survey-row .form-check {
	margin-left: auto
}

.survey-row.last-row {
	border-bottom: none
}

.survey-row:hover {
	border-left-color: #fdb71a;
	transition: all .5s ease
}

.survey-row:hover .survey-question-number {
	color: #fdb71a
}

.survey-row .survey-question-number {
	color: #434343;
	margin-left: 20px
}

.survey-row .survey-question-header {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px
}

.survey-row .question-guidance {
	font-weight: 400;
	font-size: 12px;
	line-height: 15px
}

.survey-row .radio-buttons {
	display: flex;
	justify-content: center
}

.survey-row .custom-radio-btn {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	display: inline-flex;
	align-items: center;
	margin: 0
}

.survey-row .custom-radio-btn :checked ~ .survey-radio-btn {
	background-color: #2196f3
}

.survey-row .custom-radio-btn .validation-error {
	color: darkred
}

.survey-row .custom-radio-btn input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: var(--form-background);
	font: inherit;
	color: currentColor;
	width: 0;
	height: 0;
	border-radius: 20%;
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
	border: 0;
	position: absolute;
	opacity: 0
}

.survey-row .custom-radio-btn input[type=radio]:before {
	content: none !important
}

#wpfooter {
	display: none
}

#wpcontent {
	padding-left: 0
}

@media (max-width: 768px) {
	.auto-fold #wpwrap #wpcontent {
		padding-left: 0 !important
	}
}

#wpbody-content {
	padding-bottom: 0 !important
}

.scorecard-button-col {
	display: flex;
	flex-direction: column;
	justify-content: end
}

.dropdown-round {
	background: #fff;
	border: 2px solid #eee;
	box-sizing: border-box;
	border-radius: 60px;
	padding: 17px;
	font-size: 16px;
	max-width: 100%
}

.checkbox-input {
	display: flex;
	align-items: center;
	gap: .5rem
}

.checkbox-input input[type=checkbox] {
	display: block;
	margin: 0;
	flex-shrink: 0
}

.checkbox-input label {
	line-height: 1.2
}

.checkbox-set {
	margin-top: 1rem;
	display: grid;
	grid-gap: 1rem 1rem
}

@media (min-width: 375px) {
	.checkbox-set {
		grid-template-columns:repeat(2, 1fr)
	}
}

.form-check {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .5rem;
	padding-right: 1rem
}

.form-check label {
	margin: 0 !important;
	display: flex;
	position: relative
}

.form-check input[type=radio] {
	margin: 0 !important;
	display: block
}

.form-check input[type=radio]:checked + .form-check-label-box {
	background-color: var(--dark-purple)
}

.form-check input[type=radio]:checked ~ .form-check-label-text {
	color: var(--white)
}

.form-check-label-box {
	width: 2.6em;
	height: 2.3em;
	border: 1.5px solid #adadad;
	border-radius: 20%;
	box-shadow: inset 1em 1em var(--form-control-color)
}

.form-check-label-text {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}