/**handles:niftic-roadmap-single**/
.bg-cross-cutting {
	background: #6a947d;
}

.bg-road-map {
	background: #0e2e5a;
}

.color-type-dark {
	color: #121e2b;
}

.roadmap-content-container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.roadmap-content-header {
	display: flex;
	justify-content: space-between;
}
.roadmap-content-header .roadmap-actions {
	display: flex;
	align-items: center;
}
#roadmap-content {
	display: flex;
	flex-wrap: nowrap;
}

.breadcrumb {
	display: inline-block;
	line-height: 40px;
	margin-right: 8px;
	text-decoration: none;
}

.breadcrumb.pill {
	position: relative;
	border: 2px solid;
	border-color: #5d6772;
	box-sizing: border-box;
	border-radius: 100px;
	padding-left: 16px;
	padding-right: 32px;
}

.breadcrumb.pill:hover {
	background: #f2f2f2;
}

.breadcrumb.pill.color-neutral-brighter {
	border-color: #fff;
}

.breadcrumb.pill.color-action-blue {
	border-color: #2673cd;
}

.breadcrumb.pill.color-neutral-brighter:hover {
	background: rgba(255, 255, 255, 0.1);
}

.breadcrumb.pill::after {
	/* content: ""; */
	content: none;
	width: 8px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00009 0L0.590088 1.41L5.17009 6L0.590088 10.59L2.00009 12L8.00009 6L2.00009 0Z' fill='%235D6772'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-position: center;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}

.breadcrumb.pill.color-neutral-brighter::after {
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00009 0L0.590088 1.41L5.17009 6L0.590088 10.59L2.00009 12L8.00009 6L2.00009 0Z' fill='%23FFF'/%3E%3C/svg%3E%0A");
}

.roadmap-actions a {
	line-height: 42px;
}

.roadmap-actions .version-history {
	position: relative;
	display: inline-block;
	padding-right: 20px;
}

.roadmap-actions .version-history::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59 0.590027L6 5.17003L1.41 0.590027L0 2.00003L6 8.00003L12 2.00003L10.59 0.590027Z' fill='%235D6772'/%3E%3C/svg%3E%0A");
	position: absolute;
	right: 2px;
	top: 50%;
	width: 12px;
	height: 8px;
	transform: translateY(-50%);
}

.roadmap-actions .version-history.color-neutral-brighter::after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59 0.590027L6 5.17003L1.41 0.590027L0 2.00003L6 8.00003L12 2.00003L10.59 0.590027Z' fill='%23FFF'/%3E%3C/svg%3E%0A");
}

.roadmap-actions .version-history.color-dark-blue::after {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59 0.590027L6 5.17003L1.41 0.590027L0 2.00003L6 8.00003L12 2.00003L10.59 0.590027Z' fill='%230E243B'/%3E%3C/svg%3E%0A");
}
.roadmap-actions .icon-circle {
	border: 2px solid;
	border-color: #2673cd;
}
.roadmap-actions .icon-copylink {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0H8.8V1.6H12C13.32 1.6 14.4 2.68 14.4 4C14.4 5.32 13.32 6.4 12 6.4H8.8V8H12C14.208 8 16 6.208 16 4C16 1.792 14.208 0 12 0ZM7.2 6.4H4C2.68 6.4 1.6 5.32 1.6 4C1.6 2.68 2.68 1.6 4 1.6H7.2V0H4C1.792 0 0 1.792 0 4C0 6.208 1.792 8 4 8H7.2V6.4ZM4.8 3.2H11.2V4.8H4.8V3.2Z' fill='%232673cd'/%3E%3C/svg%3E%0A");
}
.roadmap-actions .icon-twitter {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 1.49931C15.412 1.75358 14.779 1.92504 14.115 2.00297C14.793 1.60745 15.313 0.980055 15.559 0.23381C14.924 0.600113 14.221 0.866072 13.474 1.00928C12.875 0.387735 12.021 0 11.078 0C9.26501 0 7.795 1.43111 7.795 3.19736C7.795 3.44773 7.824 3.69225 7.88 3.92606C5.152 3.7926 2.732 2.52028 1.114 0.5855C0.832 1.05702 0.67 1.60647 0.67 2.19295C0.67 3.30257 1.249 4.28068 2.13 4.85449C1.592 4.83792 1.086 4.69374 0.643 4.45409V4.495C0.643 6.044 1.775 7.33677 3.275 7.63001C3.001 7.70405 2.711 7.74302 2.411 7.74302C2.199 7.74302 1.994 7.72256 1.794 7.68554C2.211 8.95591 3.424 9.88043 4.859 9.90576C3.736 10.764 2.322 11.2745 0.783 11.2745C0.519 11.2745 0.258 11.2599 0 11.2307C1.453 12.1377 3.178 12.6667 5.032 12.6667C11.07 12.6667 14.372 7.79368 14.372 3.56853C14.372 3.42922 14.369 3.29185 14.362 3.15449C15.004 2.70343 15.561 2.14034 16 1.49931Z' fill='%232673cd'/%3E%3C/svg%3E%0A");
}
.roadmap-actions .icon-email {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4 0H1.6C0.72 0 0.00799999 0.73125 0.00799999 1.625L0 10.375C0 11.2688 0.72 12 1.6 12H14.4C15.28 12 16 11.2688 16 10.375V1.625C16 0.73125 15.28 0 14.4 0ZM14.4 3.25L8 7.3125L1.6 3.25V1.625L8 5.6875L14.4 1.625V3.25Z' fill='%232673cd'/%3E%3C/svg%3E%0A");
}
.roadmap-actions .icon-linkedin {
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.83603 0C0.726271 0 0 0.789412 0 1.8266C0 2.83922 0.704492 3.65218 1.79342 3.65218H1.8152C2.94769 3.65218 3.65218 2.83922 3.65218 1.8266C3.63135 0.789412 2.94769 0 1.83603 0ZM11.3268 4.37509C9.63387 4.37509 8.87576 5.29653 8.45066 5.94586L8.45067 4.37509H5.26102L5.26102 14H8.45066V8.79963C8.45066 8.5137 8.47206 8.23238 8.55577 8.02854C8.78739 7.4613 9.31295 6.87006 10.1929 6.87006C11.3482 6.87006 11.8105 7.74446 11.8105 9.02284V14H15.0002V8.65851C15.0002 5.73464 13.4254 4.37509 11.3268 4.37509ZM8.45066 5.94586V5.97722H8.4302C8.43764 5.968 8.44508 5.95601 8.45066 5.94586ZM3.65218 14H0V4.37509H3.65218V14Z' fill='%232673cd'/%3E%3C/svg%3E%0A");
}

.page-title {
	color: #121e2b;
	position: relative;
}
.page-title img, 
.page-title svg {
	position: absolute;
	right: calc(100% + 30px);
	top: 50%;
	width: 32px;
	transform: translateY(-50%);
}
.accordion > .toggle {
	position: relative;
	line-height: 32px;
	cursor: pointer;
	display: block;
}

.accordion > .toggle h3 {
	display: inline;
}

.accordion > .toggle::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	background-color: #2673cd;
	right: -45px;
	top: 0px !important;
	border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.689219 6.76722V6.97437H0.896362H4.5252V10.6032V10.8103H4.73234H6.26673H6.47388V10.6032V6.97437H10.1027H10.3099V6.76722V5.23283V5.02569H10.1027H6.47388V1.39685V1.18971H6.26673H4.73234H4.5252V1.39685V5.02569H0.896362H0.689219V5.23283V6.76722Z' fill='white' stroke='white' stroke-width='0.414286'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-size: 45%;
	background-repeat: no-repeat;
}

.accordion.open > .toggle::before {
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='4' viewBox='0 0 13 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.768809 2.92065V3.12779H0.975952H12.0236H12.2307V2.92065V1.07938V0.872233H12.0236H0.975952H0.768809V1.07938V2.92065Z' fill='white' stroke='white' stroke-width='0.414286'/%3E%3C/svg%3E%0A");
}

.accordion > .accordion-content {
	height: 0;
	padding: 0 !important;
	transition: 0.4s height ease;
	overflow: hidden;
}

.accordion.open > .accordion-content {
	/*height: auto;*/
	padding: inherit !important;
	/*overflow: visible;*/
}

.accordion.open.o-vis > .accordion-content {
	overflow: visible;
}
.accordion h3 {
	margin-bottom: 16px;
	margin-top: 40px;
}
.accordion.truncate-fade .accordion-content-inner {
	overflow: hidden;
	height: 370px;
	position: relative;
}
.accordion.truncate-fade .accordion-content-inner:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100px;
	width: 100%;
	background: rgb(255, 255, 255);
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 80%
	);
}
.accordion .read-more {
	display: none;
}
.accordion.truncate-fade .read-more {
	position: absolute;
	bottom: 16px;
	right: 0;
	background: white;
	cursor: pointer;
	display: block;
	z-index: 1;
}
.accordion.truncate-fade .read-more:before {
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	height: 100%;
	width: 50px;
	background: rgb(255, 255, 255);
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 80%
	);
}
.accordion-content-inner {
	position: relative;
}
.accordion.has-subsections .read-more {
	display: none !important;
}
.accordion .toggle-icons .closed,
.accordion.open .toggle-icons .open {
	display: block;
}
.accordion.open .toggle-icons .closed,
.accordion .toggle-icons .open {
	display: none;
}
.accordion-content-inner h3 {
	font-size: 2rem;
	line-height: 3rem;
}

/* subaccordion */
.subaccordion {
	padding-left: 32px;
}
.subaccordion .toggle {
	position: relative;
	line-height: 32px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.subaccordion .toggle h3 {
	display: inline;
}
.subaccordion.subsection .toggle h4 {
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
}

.subaccordion.open .toggle .caret {
	transform: rotate(180deg);
}

.subaccordion .accordion-content {
	height: 0;
	padding: 0 !important;
	transition: 0.4s height ease;
	overflow: hidden;
}

.subaccordion.open.o-vis .accordion-content {
	overflow: visible;
}

/* .subaccordion.open.o-vis > .accordion-content {
    overflow: visible;
} */

#roadmap-content .roadmap-content-pl {
	padding-left: 63px !important;
}

#roadmap-content .accordion {
	background: #fff;
	/* overflow: hidden; */
}

#roadmap-content ul {
	list-style-type: disc;
	list-style-position: outside;
}

#roadmap-content ul {
	margin-left: 20px;
}

@media (min-width: 991px) {
	#roadmap-content ul {
		margin-left: 40px;
	}
}

#roadmap-content ul li {
	margin: 10px 0;
}

#roadmap-content ol {
	list-style-type: decimal;
	list-style-position: inside;
}

#roadmap-content ul ul,
#roadmap-content ol ul {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 15px;
}

#roadmap-content ol ol,
#roadmap-content ul ol {
	list-style-type: lower-latin;
	list-style-position: inside;
	margin-left: 15px;
}

#roadmap-content ul ul ul {
	list-style-type: square;
	list-style-position: inside;
	margin-left: 15px;
}
#roadmap-content ul ul ul ul {
	list-style-type: disc;
}
#roadmap-content ul ul ul ul ul {
	list-style-type: circle;
}

sup {
	font-weight: bold;
	cursor: pointer;
}

.citation-element {
	position: relative;
}

.citation-element > .citation-text > a,
.citation-element > sup {
	color: #2673cd;
	text-decoration: underline;
}
.citation-element.glossary > sup {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	top: -0.3em;
}
.citation-element.glossary > sup svg {
	height: 16px;
	width: 16px;
}

.citation-element > .citation-text {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.3s ease-in-out;
	position: absolute;
	z-index: 30;
	min-width: 400px;
	/* width: max-content; */
	padding: 24px;
	background: #f2f2f2;
	box-shadow: 0px 2px 8px rgba(133, 123, 125, 0.25);
	border-radius: 20px;
	left: 5px;
	top: 5px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
}

.citation-element.right > .citation-text {
	left: unset !important;
	right: 0 !important;
} 

.citation-element.open > .citation-text {
	visibility: visible;
	opacity: 1;
}

.citation-element.glossary > .citation-text {
	left: 12px;
	top: 8px;
	font-weight: normal;
}
.citation-element.glossary > .citation-text sup {
	font-weight: normal;
	cursor: initial;
}

.citation-close {
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer;
}

.citation-element.glossary .citation-close {
	top: 12px;
	right: 12px;
}

.page-title-content .citation-element.glossary > sup svg {
	position: relative;
	transform: none;
	right: unset;
}

.roadmaps-home-wrap {
	display: flex;
	flex-wrap: wrap;
}
.roadmaps-home-details {
	min-width: 33%;
	width: 33%;
}
.roadmaps-holder-vector {
	width: 800px;
	min-width: 800px;
	flex-grow: 1;
	display: flex;
	justify-content: flex-start;
	margin-left: -2%;
}
.roadmaps-holder {
	transition: margin 0.5s ease-in-out;
}
.roadmap-circle-container {
	min-width: 200vw;
	transition: margin 0.5s ease-in-out;
}
.page-template-page-roadmaps-home .roadmap-circle-container {
	min-width: 800px;
	transition: margin 0.5s ease-in-out;
	width: 800px;
	position: relative;
}

.roadmap-circle-container:nth-of-type(2) {
	margin-left: 175px;
	margin-top: 50px;
}
.roadmap-circle-container:nth-of-type(2).child-active {
	margin-top: 100px;
}
.roadmap-circle-container:nth-of-type(2).last-child-active {
	margin-left: 0px;
}

.roadmap-circle-container:nth-of-type(2) > .roadmap-circle:nth-of-type(2) {
	margin-left: 60px;
	top: 0;
}
.roadmap-circle {
	cursor: pointer !important;
	position: relative;
	display: inline-flex;
	background: #0e2e5a;
	width: 200px;
	min-width: 200px;
	height: 200px;
	margin-right: 50px;
	border-radius: 100%;
	transition: all 0.5s ease;
	justify-content: center;
	align-items: center;
	color: #fff;
	z-index: 1;
	/*transform-style: preserve-3d;*/
}
@media screen and (max-width: 1600px) {
	.second-child-active,
	.last-child-active {
		margin-top: 80px;
	}
	.second-child-active {
		margin-left: calc(calc(-1600px + 100vw) * 0.5);
	}
	.last-child-active {
		margin-left: calc(-1600px + 100vw);
	}
}
@media screen and (max-width: 991px) {
	.second-child-active,
	.last-child-active {
		margin-left: 0;
	}
}

/* @media screen and (max-width: 1275px) {
	.second-child-active {
		margin-left: -200px;
	}
	.last-child-active {
		margin-left: -400px;
	}
}
@media screen and (max-width: 1060px) {
	.last-child-active {
		margin-left: -500px;
	}
} */

.child-active .roadmap-circle {
	opacity: 0.4;
}
.roadmap-inner.child-active .roadmap-circle {
	transform: scale(0.8);
}
.roadmap-inner.child-active .roadmap-circle.active {
	transform: scale(1);
}
.page-template-page-roadmap .roadmap-circle.active + .roadmap-circle {
	top: 0;
}
.page-template-page-roadmap
	.roadmap-circle.active
	+ .roadmap-circle
	+ .roadmap-circle {
	top: -80px;
}
.roadmap-circle.active {
	opacity: 1;
	z-index: 15;
}

.roadmap-inner .roadmap-circle {
	margin: 0px 50px 0;
}

.roadmap-inner .roadmap-circle:last-of-type {
	margin-top: 0px;
}

.roadmap-inner .roadmap-circle.active {
	margin-right: 340px;
}

.roadmap-circle.disabled * {
	cursor: not-allowed;
}
.roadmap-circle .roadmap-circle-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 140%;
	width: 140%;
	pointer-events: none;
	transition: transform 0.5s ease-in-out;
}
.page-template-page-roadmap
	.roadmap-circle:not(.active):hover
	.roadmap-circle-bg {
	transform: translate(-50%, -50%) scale(1.1);
}
.roadmap-circle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) translateZ(-1px);
	height: calc(100% + 20px);
	width: calc(100% + 20px);
	background: #0e2e5a;
	opacity: 0.6;
	border-radius: 50%;
	z-index: -1;
}

.roadmap-circle.green:after,
.roadmap-circle.green:before {
	background: #6a947d;
}
.roadmap-circle.parent-blue:after,
.roadmap-circle.parent-blue:before {
	background: #fff;
}

.roadmap-circle:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) translateZ(-1px);
	height: calc(100% + 40px);
	width: calc(100% + 40px);
	background: #0e2e5a;
	opacity: 0.2;
	border-radius: 50%;
	z-index: -1;
}

.roadmap-circle .roadmap-circle-inner {
	max-width: 120px;
	text-align: center;
	transition: transform 0.3s ease-in-out;
}
.roadmap-circle .roadmap-circle-inner .icon svg {
	height: 24px;
	width: 24px;
}
.roadmap-circle .roadmap-circle-inner .icon svg * {
	stroke-width: 1px;
}
.roadmap-circle > a {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	z-index: 9;
}
/* .roadmap-circle.active > a {
    cursor: initial;
  }
  .roadmap-circle.active .roadmap-circle-inner {
    cursor: pointer;
  } */
.roadmap-circle h3 {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	overflow-wrap: normal;
}
.roadmap-circle .description {
	opacity: 0;
	height: 0;
	width: 250px;
	position: relative;
	transition: opacity 0.3s ease-in-out;
	left: 50%;
	transform: translateX(-50%);
}
.roadmap-circle-inner .description-inner {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	padding-top: 8px;
	font-size: 1.4rem;
	line-height: 2.4rem;
}

.roadmap-circle.green {
	background: #6a947d;
}

.roadmap-circle.white {
	background: #fff;
}
.roadmap-circle.white.parent-blue {
	color: #121e2b;
}

.roadmap-circle:nth-child(1) {
	/*top: 250px;*/
	top: 110px;
}

.roadmap-circle:nth-child(2) {
	/*top: 100px;*/
	top: 35px;
}

.roadmap-circle-container:nth-of-type(2) .roadmap-circle:nth-child(1) {
	top: 25px;
}

.roadmap-circle:nth-child(3) {
	/*top: 50px; */
	top: 0px;
}

.roadmap-inner .roadmap-circle:nth-child(1),
.roadmap-inner .roadmap-circle:nth-child(2) {
	top: 20px;
}

.roadmap-inner .roadmap-circle:nth-child(3) {
	top: -60px;
}

.roadmap-circle.active {
	width: 300px;
	height: 300px;
	/*top: 10px !important;*/
}
.roadmap-inner .roadmap-circle.active {
	top: 10px !important;
}
.roadmap-inner .roadmap-circle.active:nth-child(3) {
	top: -60px !important;
}
.page-template-page-roadmaps-home {
	background: url("/wp-content/uploads/2021/07/roadmap-svg-bg-2.png");
	background-size: cover;
}

.page-template-page-roadmap .roadmap-circle:hover {
	transform: scale(1.05);
}
.page-template-page-roadmap
	.roadmap-circle-container.child-active
	+ .roadmap-circle-container {
	margin-top: 120px;
}
/* coastal vegetated ecosystems */
.page-id-4025
	.second-child-active
	.roadmap-circle-container:first-of-type
	.roadmap-circle.active
	.links
	a {
	padding-bottom: 27px;
	padding-top: 27px;
}
.page-id-4025
	.second-child-active
	.roadmap-circle-container:first-of-type
	.roadmap-circle.active
	.links
	a:first-of-type {
	margin-bottom: -15px;
	left: 80px;
}
.page-id-4025
	.second-child-active
	.roadmap-circle-container:first-of-type
	.roadmap-circle.active
	.links
	a:last-of-type {
	margin-top: -15px;
	left: 80px;
}
.page-template-page-roadmap
	.second-child-active
	.roadmap-circle-container
	+ .roadmap-circle-container {
	margin-top: 190px;
}

.bg-gradient {
	/* background: linear-gradient(180deg, #FAFAFA 33.78%, rgba(255, 255, 255, 0) 70%, rgba(250, 250, 250, 0.29) 100%);
    */
	background: linear-gradient(
		164deg,
		#fafafa 23.78%,
		rgba(255, 255, 255, 0) 50%,
		rgba(250, 250, 250, 0.29) 100%
	);
}

.leader-line {
	z-index: 0;
}

/* new roadmap home circles */
.roadmaps-holder-vector {
	position: relative;
	margin-top: 100px;
	min-height: 400px;
}
.roadmaps-holder-vector .roadmap-circle {
	height: 200px;
	width: 200px;
	border-radius: 50%;
	position: absolute;
	transition: all 0.3s ease-in-out;
}
.roadmaps-holder-vector .roadmap-circle.home-active {
	transform: scale(1.5);
}
.roadmaps-holder-vector .roadmap-circle.home-active .roadmap-circle-inner {
	transform: scale(0.66) translateY(-45px);
	cursor: pointer;
}
.roadmaps-holder-vector .roadmap-circle.home-active .description {
	opacity: 1;
}
.roadmap-circle .links {
	position: absolute;
	left: 0;
	min-width: 250px;
	color: white;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in-out 0s;
	padding-left: calc(100% + 30px);
}

.roadmap-circle.active .links {
	opacity: 1;
	visibility: visible;
	transition: all 0.5s ease-in-out 0.3s;
}

.roadmap-circle .links a {
	display: flex;
	width: 325px;
	padding-bottom: 30px;
	font-size: 16px;
	line-height: 24px;
	padding-top: 30px;
	cursor: pointer;
	padding-left: 45px;
	position: relative;
	align-items: center;
	height: 42px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.5s ease-in-out;
}

.roadmap-circle .links.link-child-active a:not(.active) {
	opacity: 0.4;
}

.roadmap-circle .links a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: white;
	transition: all 0.5s ease-in-out;
}
.roadmap-circle .links a.active:before {
	transform: translateY(-50%) scale(1.1);
}
.waves svg {
	min-height: 100%;
	min-width: 150%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.roadmap-legend li {
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #121e2b;
	text-transform: uppercase;
	display: flex;
	padding-bottom: 15px;
}

.roadmap-legend li span {
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 8px;
}

.roadmaps-holder-vector .roadmap-circle:nth-of-type(1) {
	top: 100px;
	left: 80px;
}
.roadmaps-holder-vector .roadmap-circle:nth-of-type(2) {
	top: 50px;
	left: 340px;
}
.roadmaps-holder-vector .roadmap-circle:nth-of-type(3) {
	top: 0px;
	left: 600px;
}
.roadmaps-holder-vector .roadmap-circle:nth-of-type(4) {
	top: 360px;
	left: 0;
}
.roadmaps-holder-vector .roadmap-circle:nth-of-type(5) {
	top: 310px;
	left: 260px;
}
.roadmaps-holder-vector .roadmap-circle:nth-of-type(6) {
	top: 260px;
	left: 520px;
}
.roadmaps-holder-vector .roadmap-circle:nth-of-type(7) {
	top: 210px;
	left: 780px;
}
@media screen and (max-width: 1400px) {
	.roadmaps-home-details {
		min-width: 100%;
		width: 100%;
	}
	.roadmaps-holder-vector {
		width: 100%;
		min-width: 100%;
		justify-content: center;
		margin-left: -20%;
		margin-top: -4%;
	}
}

.roadmap-sidebar {
	max-width: 430px;
}
.roadmap-sidebar .options {
	width: 324px;
}
.roadmap-sidebar .option a {
	margin-bottom: 16px;
	font-weight: bold;
	text-decoration: none;
	display: flex;
	color: #0e2e5a;
}
.roadmap-sidebar .option-icon {
	max-width: 32px;
	min-width: 32px;
	margin-right: 8px;
}
.roadmap-sidebar .option-icon svg {
	margin: auto;
	width: 100%;
}
.roadmap-sidebar:not(.arctic-sidebar) .option-icon svg path {
	fill: currentColor;
}
.roadmap-sidebar .roadmap-circle {
	cursor: pointer;
	position: relative;
	display: inline-flex;
	/*background: #0E2E5A;*/
	width: 154px;
	min-width: 154px;
	height: 154px;
	margin-right: 50px;
	border-radius: 100%;
	transition: all 0.5s ease;
	justify-content: center;
	align-items: center;
	color: #fff;
	z-index: 1;
	top: 0 !important;
}
.roadmap-sidebar .roadmap-circle:hover {
	width: 154px;
	height: 154px;
}
.roadmap-sidebar .roadmap-circle .roadmap-circle-inner {
	max-width: calc(100% - 24px);
	text-align: center;
	position: relative;
}
.roadmap-sidebar .roadmap-circle h3 {
	font-size: 12px;
	line-height: 16px;
}
.roadmap-sibling-icons {
	display: flex;
	margin-right: -15px;
	margin-left: -15px;
	flex-wrap: wrap;
	max-width: 430px;
}
.roadmap-sibling-icon:nth-child(n + 4) {
	margin-top: 24px;
}
.roadmap-sibling-icon a {
	height: 112px;
	width: 112px;
	border-radius: 50%;
	box-shadow: 0px 4px 8px rgb(124 116 117 / 29%);
	margin-right: 15px;
	margin-left: 15px;
	font-size: 12px;
	line-height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #121e2b;
	position: relative;
	opacity: 0.5;
	transition: all 0.3s ease-in-out;
	flex-direction: column;
	border: 2px solid white;
}
.roadmap-sibling-icon a img,
.roadmap-sibling-icon a svg {
	width: 20px;
}
.roadmap-sibling-icon a.active,
.roadmap-sibling-icon a:hover {
	opacity: 1;
}
.roadmap-sibling-icon a.active {
	border: 2px solid #2673cd;
}
.roadmap-sibling-icon a:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	height: calc(100% + 10px);
	width: calc(100% + 10px);
	background: #ffffff;
	opacity: 0.6;
	box-shadow: 0px 4px 8px rgb(124 116 117 / 29%);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.cta-wrap .guide {
	font-size: 1.4rem;
	line-height: 2rem;
}
.cta-wrap .guide .comment-step {
	margin-top: 12px;
}
.cta-wrap .guide .comment-step-icon {
	width: 25px;
	height: 25px;
}

.roadmap-cta {
	background: #edf6ff;
	border: 1px solid #2673cd;
	box-sizing: border-box;
	box-shadow: 0px 2px 8px rgba(133, 123, 125, 0.25);
	border-radius: 15px;
	padding: 24px;
	margin-bottom: 16px;
}

.ov-select {
	position: relative;
}
.ov-select svg {
	margin-left: 6px;
}
.ov-select .options {
	padding: 16px 24px 8px 16px;
	position: absolute;
	width: 300px;
	background: #ffffff;
	box-shadow: 0px 4px 8px rgb(124 116 117 / 29%);
	border-radius: 5px;
	display: none;
	z-index: 20;
	flex-direction: column;
	left: 0;
	top: calc(100% + 8px);
	align-items: flex-start;
}
.ov-select .options.right {
	left: unset;
	right: 0;
}
.ov-select.active > .link > svg {
	transform: rotate(180deg);
}
.ov-select.active .options {
	display: flex;
}

/* share */
.share-select .options {
	padding: 8px;
}
.share-select .option {
	font-weight: bold;
	color: #2673cd;
	display: flex;
	align-items: center;
	text-align: left;
	line-height: 22px;
	margin-bottom: 8px;
}
.share-select .option .icon-circle {
	min-width: 32px;
}

/* revisions */
.revision-select .option {
	margin-bottom: 8px;
	text-decoration: none;
	color: #5d6772;
}
.revision-select .option.active {
	font-weight: bold;
	color: #2673cd;
}
.revision {
	display: none;
}
.revision.active {
	display: block;
}

.roadmap-intro h3 {
	font-size: 24px !important;
	line-height: 32px !important;
	letter-spacing: -0.5px;
}
.roadmap-content-sidebar .close-icon,
.roadmap-actions .mobile,
.cta-wrap.mobile {
	display: none !important;
}

/* Comments + Modal */
::-moz-selection {
	background: #bbd7fb;
}

::selection {
	background: #bbd7fb;
}

#comment-popup {
	background-color: #2673cd;
	border: 5px solid #2673cd;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
	position: absolute;
	width: 260px;
	height: auto;
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.6));
	color: #fff;
	text-align: center;
	font-weight: bold;
}
#comment-popup:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -14px;
	width: 32px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='10' viewBox='0 0 32 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0108719 0C3.85604 0 7.55437 1.47665 10.3421 4.12501L16 9.5L21.6579 4.12501C24.4456 1.47665 28.144 0 31.9891 0H0.0108719Z' fill='%232673CD'/%3E%3C/svg%3E%0A");
	left: 50%;
	margin-left: -16px;
}

.how-to > div > span,
.how-to > div > b {
	display: inline-block;
	vertical-align: middle;
}
.comment-step {
	margin-top: 8px;
}

.comment-step-icon {
	width: 30px;
	height: 30px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.comment-step-icon.one {
	background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.5' cy='14.5' r='11.5' stroke='%232673CD' stroke-width='2'/%3E%3Cpath d='M16.5391 20H14.125V13.3906L14.1484 12.3047L14.1875 11.1172C13.7865 11.5182 13.5078 11.7812 13.3516 11.9062L12.0391 12.9609L10.875 11.5078L14.5547 8.57812H16.5391V20Z' fill='%232673CD'/%3E%3C/svg%3E%0A");
}

.comment-step-icon.two {
	background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.384 14.5C25.384 20.8732 20.3415 26 14.1695 26C7.99762 26 2.95508 20.8732 2.95508 14.5C2.95508 8.12682 7.99762 3 14.1695 3C20.3415 3 25.384 8.12682 25.384 14.5Z' stroke='%232673CD' stroke-width='2'/%3E%3Cpath d='M18.2235 20H10.2391V18.3203L13.1063 15.4219C13.9552 14.5521 14.5099 13.9505 14.7703 13.6172C15.0308 13.2786 15.2183 12.9661 15.3328 12.6797C15.4474 12.3932 15.5047 12.0964 15.5047 11.7891C15.5047 11.3307 15.3771 10.9896 15.1219 10.7656C14.8719 10.5417 14.536 10.4297 14.1141 10.4297C13.6714 10.4297 13.2417 10.5312 12.825 10.7344C12.4084 10.9375 11.9735 11.2266 11.5203 11.6016L10.2078 10.0469C10.7703 9.56771 11.2365 9.22917 11.6063 9.03125C11.9761 8.83333 12.3797 8.68229 12.8172 8.57812C13.2547 8.46875 13.7443 8.41406 14.286 8.41406C14.9995 8.41406 15.6297 8.54427 16.1766 8.80469C16.7235 9.0651 17.148 9.42969 17.45 9.89844C17.7521 10.3672 17.9032 10.9036 17.9032 11.5078C17.9032 12.0339 17.8094 12.5286 17.6219 12.9922C17.4396 13.4505 17.1532 13.9219 16.7625 14.4062C16.3771 14.8906 15.6948 15.5807 14.7157 16.4766L13.2469 17.8594V17.9688H18.2235V20Z' fill='%232673CD'/%3E%3C/svg%3E%0A");
}

.comment-step-icon.three {
	background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.5' cy='14.5' r='11.5' stroke='%232673CD' stroke-width='2'/%3E%3Cpath d='M18.1094 11.1328C18.1094 11.8464 17.8932 12.4531 17.4609 12.9531C17.0286 13.4531 16.4219 13.7969 15.6406 13.9844V14.0312C16.5625 14.1458 17.2604 14.4271 17.7344 14.875C18.2083 15.3177 18.4453 15.9167 18.4453 16.6719C18.4453 17.7708 18.0469 18.6276 17.25 19.2422C16.4531 19.8516 15.3151 20.1562 13.8359 20.1562C12.5964 20.1562 11.4974 19.9505 10.5391 19.5391V17.4844C10.9818 17.7083 11.4688 17.8906 12 18.0312C12.5312 18.1719 13.0573 18.2422 13.5781 18.2422C14.375 18.2422 14.9635 18.1068 15.3438 17.8359C15.724 17.5651 15.9141 17.1302 15.9141 16.5312C15.9141 15.9948 15.6953 15.6146 15.2578 15.3906C14.8203 15.1667 14.1224 15.0547 13.1641 15.0547H12.2969V13.2031H13.1797C14.0651 13.2031 14.7109 13.0885 15.1172 12.8594C15.5286 12.625 15.7344 12.2266 15.7344 11.6641C15.7344 10.7995 15.1927 10.3672 14.1094 10.3672C13.7344 10.3672 13.3516 10.4297 12.9609 10.5547C12.5755 10.6797 12.1458 10.8958 11.6719 11.2031L10.5547 9.53906C11.5964 8.78906 12.8385 8.41406 14.2812 8.41406C15.4635 8.41406 16.3958 8.65365 17.0781 9.13281C17.7656 9.61198 18.1094 10.2786 18.1094 11.1328Z' fill='%232673CD'/%3E%3C/svg%3E%0A");
}

/*.comment-on-preview-holder:before {
    content: 'Selected text:';
    display: block;
}*/

.comment-on-preview-label {
	color: #959ca0;
	margin-bottom: 5px;
}
.comment-on-preview-holder {
	padding: 12px 16px;
	width: 100%;
	border: 1px solid #959ca0;
	box-sizing: border-box;
	border-radius: 5px;
	color: #959ca0;
	margin-bottom: 20px;
}

.comment-on-preview {
	cursor: pointer;
}

.comment-on-preview.preview-clamp {
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	position: relative;
}

.comment-on-preview.preview-clamp:after {
	content: "...Expand";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #ffffff;
	-webkit-box-shadow: -20px 2px 11px 0px #fff;
	box-shadow: -20px 2px 11px 0px #fff;
}

.comments-disclaimer,
.comments-disclaimer small {
	line-height: 1.6rem !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"] {
	padding: 12px 16px;
	width: 100%;
	height: 54px;
	border: 1px solid #959ca0;
	box-sizing: border-box;
	border-radius: 5px;
}

.wpcf7 textarea {
	padding: 12px 16px;
	width: 100%;
	border: 1px solid #959ca0;
	box-sizing: border-box;
	border-radius: 5px;
}

.wpcf7 textarea[name="comment-on"],
.wpcf7 input[name="comment-on-section"] {
	border: 0px;
	padding: 0px;
	cursor: default;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	resize: none;
	border-radius: 0px;
}

.wpcf7 input[type="submit"] {
	font-family: "Open Sans";
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	outline: 0;
	border: 0;
	cursor: pointer;
	padding-right: 2.5rem;
	background: #2673cd;
	height: 4rem;
	border-radius: 30px;
	padding-left: 2.5rem;
	font-weight: 600;
	color: #ffffff;
	transition: all 0.3s ease-in-out;
}

#comment-form-modal form {
	width: 80%;
	margin: 0 auto;
	margin-top: 20px;
}

/* Modal */
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	z-index: 99991;
	text-align: center;
	background-color: hsla(330, 1%, 61%, 0.83);
	-webkit-backdrop-filter: sepia(100%) hue-rotate(254deg);
	backdrop-filter: sepia(100%) hue-rotate(254deg);
	padding-top: 96px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 96px;
}

.modal .modal-inner {
	background-color: #fff;
	position: relative;
	text-align: left;
	padding: 40px 15px 15px;
	box-shadow: 0px 4px 8px rgba(124, 116, 117, 0.29);
	border-radius: 15px;
	max-width: 100%;
}

.modal .modal-inner .modal-close {
	cursor: pointer;
	position: absolute;
	top: 22px;
	right: 22px;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4102 10.59L7.83016 6L12.4102 1.41L11.0002 -6.16331e-08L5.00016 6L11.0002 12L12.4102 10.59Z' fill='%232673CD'/%3E%3Cpath d='M1.26284e-07 1.41L4.58 6L1.68141e-08 10.59L1.41 12L7.41 6L1.41 1.68141e-08L1.26284e-07 1.41Z' fill='%232673CD'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
}
#edit-form-modal .modal-inner {
	width: 992px;
}
.truncate-fade .projects-wrap {
	display: none;
}
.project.roadmap-cta .project-inner {
	cursor: pointer;
}
.project.roadmap-cta .project-inner .project-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.project-modal.modal {
	padding-top: 32px;
}
.project-modal .modal-inner {
	padding: 40px 64px 30px !important;
	top: 0;
	transform: none;
}
.project-modal .project-icon {
	position: absolute;
	right: 100%;
	margin-right: 16px;
	top: 6px;
}
.project-modal details > summary {
	list-style-type: none;
	display: inline-block;
	position: relative;
	font-weight: bold;
	padding-right: 12px;
	cursor: pointer;
}

.project-modal details > summary::-webkit-details-marker {
	display: none;
}

.project-modal details > summary::before {
	content: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2952 1.70492L10.8852 0.294922L6.29517 4.87492L1.70517 0.294921L0.295166 1.70492L6.29517 7.70492L12.2952 1.70492Z' fill='%232673CD'/%3E%3C/svg%3E%0A");
	position: absolute;
	display: block;
	left: 100%;
	top: 0;
}

.project-modal details[open] > summary::before {
	content: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.295166 6.29508L1.70517 7.70508L6.29517 3.12508L10.8852 7.70508L12.2952 6.29508L6.29517 0.295078L0.295166 6.29508Z' fill='%232673CD'/%3E%3C/svg%3E ");
}

.project-modal details {
	margin-bottom: 30px;
}

.project-modal details[open] > summary {
	margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
	.modal .modal-inner,
	.modal:before {
		display: inline-block;
		vertical-align: middle;
	}
	.modal .modal-inner {
		position: relative;
		padding: 40px 30px 30px;
		width: 640px;
	}
}

.roadmap-content-main {
	width: calc(100% - 396px);
}
.roadmap-content-main .edit-cta-box {
	border-radius: 15px;
	border: 1px solid #2673CD;
	background: #F7F7F7;
	box-shadow: 0px 2px 8px 0px rgba(133, 123, 125, 0.25);
	display: flex;
	padding: 24px;
	gap: 19px;
	margin-bottom: 16px;
	justify-content: space-between;
}
.roadmap-content-main .edit-cta-box > span {
	display: block;
	max-width: 500px;
}
.roadmap-content-main .edit-cta-box .btn-edit-post-link {
	white-space: nowrap;
}
@media screen and (max-width: 750px) {
	.roadmap-content-main .edit-cta-box {
		flex-direction: column;
	}
}
@media (min-width:1024px) and (max-width:1280px) {
	.roadmap-content-main .edit-cta-box {
		flex-direction: column;
	}
}​
.roadmap-content-main .wp-caption {
	display: flex;
	flex-direction: column-reverse;
	border: 0;
}
.roadmap-content-main figcaption {
	font-size: 14px;
	line-height: 1.5;
	margin: 15px;
}

@media screen and (max-width: 1024px) {
	.roadmap-actions .desktop,
	.cta-wrap.desktop {
		display: none !important;
	}
	.roadmap-content-sidebar .close-icon,
	.roadmap-actions .mobile,
	.cta-wrap.mobile {
		display: block !important;
	}
	.roadmap-content-main {
		width: 100%;
		padding-right: 60px !important;
	}
	.roadmap-content-sidebar {
		position: fixed;
		top: 0;
		left: 0;
		padding: 32px;
		background: white;
		z-index: 10000;
		min-height: 100vh;
		min-width: 100vw;
		display: none;
		height: 100%;
	}
	.roadmap-content-sidebar.toggled {
		display: block;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.roadmap-content-sidebar .close-icon {
		position: absolute;
		top: 64px;
		right: 64px;
	}
	.roadmap-sidebar {
		display: flex;
		flex-direction: column;
		align-items: center;
		max-width: 100%;
    padding-top: 64px;
	}
	.roadmap-sidebar .roadmap-circle {
		margin-right: 0;
	}
	.roadmap-sidebar .roadmap-sibling-icons {
		max-width: 100%;
		width: 100%;
		flex-direction: row !important;
		margin-top: 24px;
		row-gap: 16px;
		justify-content: center;
	}
	#roadmap-content {
		padding: 0 !important;
	}
	.page-title img,
	.page-title svg {
		position: relative;
		right: unset;
		transform: unset;
		top: 2px;
		margin-right: 16px;
	}

	.page-template-page-roadmaps-home .roadmaps-holder-vector {
		height: 850px;
		overflow-x: scroll;
		overflow-y: visible !important;
	}
	.page-template-page-roadmaps-home .roadmap-circle-container {
		margin-top: 100px;
		position: relative;
		height: 600px;
	}
}

@media screen and (max-width: 991px) {
	.md-flex-col {
		flex-direction: column !important;
	}
	.ov-select .options,
	.ov-select .options.right {
		left: 0;
		right: unset;
		transform: none;
		max-width: calc(100vw - 32px);
	}
	.page-template-page-roadmaps-home .roadmaps-holder-vector {
		height: auto;
		margin-top: 0;
		padding-bottom: 150px;
		margin-left: 0;
	}
	.page-template-page-roadmaps-home .roadmap-circle-container {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		height: auto;
		min-width: 100%;
		width: 100%;
	}
	.roadmaps-holder-vector .roadmap-circle {
		height: 200px;
		width: 200px;
		border-radius: 50%;
		position: relative;
		transition: all 0.3s ease-in-out;
		top: unset !important;
		left: unset !important;
		margin-right: 25px;
		margin-left: 25px;
		margin-bottom: 45px;
	}

	.page-template-page-roadmap .roadmaps-holder {
		width: 100%;
		padding-top: 100px;
		/* overflow-x: scroll; */
	}
	.page-template-page-roadmap .roadmap-circle-container {
		min-width: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
		width: 100%;
		transition: all 0.5s ease-in-out;
	}
	.page-template-page-roadmap .roadmap-circle {
		order: 2;
		top: unset !important;
		left: unset !important;
		margin-bottom: 45px !important;
	}
}

@media screen and (max-width: 767px) {
	.project-modal .modal-inner {
		padding: 40px 32px 30px !important;
		top: 40px;
	}
	.project-modal .project-icon {
		position: relative;
		right: unset;
		margin: 0;
		top: 0;
	}
}

#slb_viewer_wrap .slb_theme_slb_default .slb_container {
	width: calc(100vw - 64px);
	max-height: calc(100vh - 64px);
	overflow-y: scroll;
	max-width: 1300px;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content {
	width: 100% !important;
	height: auto !important;
}

.figure-caption {
	text-align: center;
	display: block;
	font-size: 14px;
	font-style: italic;
	text-decoration: none !important;
}

.roadmap-single-footer {
	background-color: #0e2e5a;
}
.roadmap-single-footer .bio-imgs-wrap {
	width: 350px;
	max-width: 100%;
}
/* EDIT MODAL */
#edit-form-modal h4 {
	font-size: 2rem;
}
#edit-form-modal .revision-comment textarea {
	width: 100%;
	height: 150px;
	border: 2px solid #eee;
	border-radius: 10px;
	padding: 16px;
}
.project-dropdown {
	position: relative;
	border: 2px solid #eee;
	border-radius: 10px;
	width: 500px;
	max-width: 100%;
	overflow: hidden;
}

.project-dropdown .dropdown-btn {
	padding: 10px;
	cursor: pointer;
	width: 100%;
	border: 0;
	background: transparent;
	height: 48px;
	text-align: left;
	padding-left: 16px;
	padding-right: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.project-dropdown .dropdown-btn::after {
	content: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2949 1.8276L10.8849 0.417602L6.29492 4.9976L1.70492 0.417602L0.294922 1.8276L6.29492 7.8276L12.2949 1.8276Z' fill='%232673CD'/%3E%3C/svg%3E%0A");
}

.project-dropdown .dropdown-content {
	display: none;
	position: relative;
	background-color: #f9f9f9;
	z-index: 1;
}
.projects-select.toggled .dropdown-content {
	display: block;
}
.projects-select.toggled .dropdown-btn::after {
	transform: rotate(180deg);
}

.project-dropdown .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

.project-dropdown .dropdown-content a:hover {
	background-color: #f1f1f1;
}
.selected-projects-wrap {
	display: none;
	flex-wrap: wrap;
	margin-top: 16px;
	margin-bottom: 16px;
	align-items: center;
}
.selected-projects-wrap .label {
	padding-bottom: 6px;
	margin-right: 12px;
}
.selected-projects .pill {
	display: inline-flex;
	border-radius: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 24px;
	padding-right: 16px;
	align-items: center;
	background: white;
	color: #2673cd;
	border: 2px solid #2673cd;
}

.selected-projects .pill button {
	border: none;
	background: transparent;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4102 10.59L7.83016 6L12.4102 1.41L11.0002 -6.16331e-08L5.00016 6L11.0002 12L12.4102 10.59Z' fill='%232673CD'/%3E%3Cpath d='M1.26284e-07 1.41L4.58 6L1.68141e-08 10.59L1.41 12L7.41 6L1.41 1.68141e-08L1.26284e-07 1.41Z' fill='%232673CD'/%3E%3C/svg%3E%0A");
	display: inline-block;
	height: 18px;
	width: 18px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 12px;
}

/*MARK: Arctic Sea Ice */
.ov-select.active.arctic-select > .link > svg {
	transform: rotate(0deg);
}

.roadmap-circle.arctic-circle {
	position: relative;
	z-index: unset;
}

.arctic-select {
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
}
.arctic-select.active {
	z-index: 11;
}

.arctic-circle {
	--bg-color: 102, 178, 178;
	background-color: rgb(var(--bg-color));
}

.roadmap-parent-icon:not(:first-of-type) .arctic-circle {
	--bg-color: 1, 102, 102;
	margin-top: 24px;
}

.arctic-circle:after,
.arctic-circle:before {
background-color: rgba(var(--bg-color), 0.6);

}
.arctic-circle.parent:after,
.arctic-circle.parent:before {
	background-color: rgba(var(--bg-color) 0.28);
}

.arctic-parent-icon {
	display: flex;
	flex-direction: column;
	gap: 53px;
}
/* .arctic-circle .icon svg path,
.arctic-sidebar .option-icon svg path {
	stroke: currentColor;
	stroke-width: 1px;
} */
.arctic-circle .roadmap-circle-inner {
	flex-direction: column;
	color: white;
}