/**handles:niftic-style**/
/*!
Theme Name: OceanVisions Roadmaps
Theme URI: https://niftic.agency
Author: Niftic Agency
Author URI: https://niftic.agency
Description: Niftic Base Theme
Version: 1.0.43
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: niftic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

niftic is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html {
	overflow-x: hidden;
}
.bg-size-cover {
	background-size: cover;
}

/* Icons */
.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='%235D6772'/%3E%3C/svg%3E%0A");
}

.icon-twitter.color-white {
	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='%23FFF'/%3E%3C/svg%3E%0A");
}

.icon-twitter.color-dark-blue {
	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='%230E243B'/%3E%3C/svg%3E%0A");
}

.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='%235D6772'/%3E%3C/svg%3E%0A");
}

.icon-copylink.color-white {
	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='%23FFF'/%3E%3C/svg%3E%0A");
}

.icon-copylink.color-dark-blue {
	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='%230E243B'/%3E%3C/svg%3E%0A");
}

.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='%235D6772'/%3E%3C/svg%3E%0A");
}

.icon-linkedin.color-white {
	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='%23FFF'/%3E%3C/svg%3E%0A");
}

.icon-linkedin.color-dark-blue {
	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='%230E243B'/%3E%3C/svg%3E%0A");
}

.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='%235D6772'/%3E%3C/svg%3E%0A");
}

.icon-email.color-white {
	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='%23FFF'/%3E%3C/svg%3E%0A");
}

.icon-email.color-dark-blue {
	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='%230E243B'/%3E%3C/svg%3E%0A");
}

.icon-plus {
	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");
}

.icon-minus {
	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");
}

.icon-youtube {
	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='M12.6772 0.00167391H3.32344C1.4875 0.00167391 0 1.57797 0 3.52256V8.47778C0 10.4224 1.48844 12 3.32344 12H12.6772C14.5131 11.9993 16 10.4217 16 8.47778V3.52256C16 1.5773 14.5125 0 12.6772 0V0.00167391ZM10.4303 6.2409L6.05531 8.45066C6.01337 8.47247 5.96506 8.47555 5.921 8.45923C5.87694 8.4429 5.84072 8.40851 5.82031 8.36361L5.80312 8.28292V3.72344C5.80354 3.69148 5.81155 3.66015 5.8264 3.63242C5.84125 3.60469 5.86245 3.58147 5.888 3.56495C5.91355 3.54843 5.9426 3.53916 5.97242 3.53801C6.00224 3.53686 6.03185 3.54387 6.05844 3.55838L10.4334 5.90709C10.4745 5.92914 10.5058 5.96776 10.5203 6.01446C10.5348 6.06117 10.5315 6.11214 10.5109 6.15619L10.4297 6.2419L10.4303 6.2409Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-youtube.dark {
	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='M12.6772 0.00167391H3.32344C1.4875 0.00167391 0 1.57797 0 3.52256V8.47778C0 10.4224 1.48844 12 3.32344 12H12.6772C14.5131 11.9993 16 10.4217 16 8.47778V3.52256C16 1.5773 14.5125 0 12.6772 0V0.00167391ZM10.4303 6.2409L6.05531 8.45066C6.01337 8.47247 5.96506 8.47555 5.921 8.45923C5.87694 8.4429 5.84072 8.40851 5.82031 8.36361L5.80312 8.28292V3.72344C5.80354 3.69148 5.81155 3.66015 5.8264 3.63242C5.84125 3.60469 5.86245 3.58147 5.888 3.56495C5.91355 3.54843 5.9426 3.53916 5.97242 3.53801C6.00224 3.53686 6.03185 3.54387 6.05844 3.55838L10.4334 5.90709C10.4745 5.92914 10.5058 5.96776 10.5203 6.01446C10.5348 6.06117 10.5315 6.11214 10.5109 6.15619L10.4297 6.2419L10.4303 6.2409Z' fill='%235D6772'/%3E%3C/svg%3E%0A");
}

.icon-print {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%232673cd'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 8h-1V3H6v5H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zM8 5h8v3H8V5zm8 12v2H8v-4h8v2zm2-2v-2H6v2H4v-4c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v4h-2z' style='&%2310;'/%3E%3Ccircle cx='18' cy='11.5' r='1'/%3E%3C/svg%3E");
	background-size: 20px 20px !important;
}

.icon-circle {
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 1px solid;
	border-color: #5d6772;
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	border-radius: 50%;
}

.icon-circle.color-white {
	border-color: #fff;
}

.icon-circle.color-dark-blue {
	border-color: #0e243b;
}

section {
	background-size: cover;
	background-position: center;
}

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

a {
	color: #2673cd;
}

.opacity-0 {
	opacity: 0 !important;
}

.opacity-1 {
	opacity: 0.1 !important;
}

.opacity-2 {
	opacity: 0.2 !important;
}

.opacity-3 {
	opacity: 0.3 !important;
}

.opacity-4 {
	opacity: 0.4 !important;
}

.opacity-5 {
	opacity: 0.5 !important;
}

.opacity-6 {
	opacity: 0.6 !important;
}

.opacity-7 {
	opacity: 0.7 !important;
}

.opacity-8 {
	opacity: 0.8 !important;
}

.opacity-9 {
	opacity: 0.9 !important;
}

.opacity-full {
	opacity: 1 !important;
}

.line-clamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.line-clamp.long {
	-webkit-line-clamp: 10;
}

.bg-light-white {
	background-color: rgba(255, 255, 255, 0.8);
}

.ov-border-rounded {
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.ov-border-circle {
	border-radius: 50%;
	border: 6px solid white;
	box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 20%);
}

.ov-border-square {
	border-radius: 0;
	border: 6px solid white;
	box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 20%);
}

.ov-accent-bar {
	padding-left: 70px;
	position: relative;
}

.ov-accent-bar:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 170px;
	max-height: 100%;
	background: #338fd9;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
	.ov-accent-bar {
		padding-left: 0px;
	}

	.ov-accent-bar:before {
		display: none;
	}
}

.event-row .container-fluid {
	padding-right: 0;
	padding-left: 0;
}

/* Cards */
.card {
	background: #fff;
	box-shadow: 0px 4px 8px rgba(124, 116, 117, 0.29);
	border-radius: 15px;
	overflow: hidden;
	transition: box-shadow 0.3s ease-in-out;
}

.card.square {
	border-radius: 0;
}

a.card:hover {
	box-shadow: 0px 4px 8px 5px rgb(124 116 117 / 29%);
}

/* Page Transition Animations */
/* #page {
  transition: 1s all ease;
}

#page.fade-out {
  opacity: 0;
}

#page.fade-in {
  opacity: 1;
} */

/* Roadmaps Page */
/* .site-header {
  display: none;
} */
body {
	margin: 0;
	font-family: "Open Sans";
}

.bg-dark {
	background-color: #101820;
}

.roadmap-intro {
	max-width: 590px;
	margin: 0 auto;
}

.roadmap-intro .logo {
	display: inline-block;
}

.roadmap-intro h3 {
	font-size: 36px;
	line-height: 48px;
}

.map {
	position: relative;
	/*background-image: url("data:image/svg+xml,%3Csvg width='944' height='912' viewBox='0 0 944 912' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M107.674 350.33L107.69 350.279L107.701 350.226C149.563 140.76 364.967 39.2034 574.603 115.751L574.625 115.758L574.646 115.765C778.705 179.944 902.142 359.914 840.651 555.425C779.149 750.97 541.544 851.111 337.525 786.944C235.526 754.864 162.706 694.599 123.06 617.959C83.4137 541.318 76.8918 448.203 107.674 350.33Z' stroke='%230E243B' stroke-opacity='0.3' stroke-width='2'/%3E%3C/svg%3E%0A");*/
	background-image: url("data:image/svg+xml,%3Csvg width='783' height='756' viewBox='0 0 783 756' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M475.905 95.4985L475.926 95.5062L475.948 95.513C645.332 148.787 747.75 298.152 696.724 460.389C645.688 622.66 448.491 705.79 279.147 652.529C194.511 625.909 135.75 573.725 103.68 509.029C71.6048 444.322 66.1954 367.031 88.3991 290.16C135.399 127.444 302.003 31.9995 475.905 95.4985Z' stroke='%230E243B' stroke-opacity='0.3' stroke-width='2'/%3E%3C/svg%3E%0A");
	height: 920px;
	background-size: 98%;
	background-position: center;
	background-repeat: no-repeat;
	width: 920px;
	max-width: 920px;
	min-width: 920px;
	margin: auto;
	padding: 100px;
}

.js-orbit {
	position: relative;
	height: 100%;
}

.js-orbit-item {
}

.js-orbit-label:hover {
	text-decoration: underline;
}

.map .map-center {
	text-align: center;
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -70%);
}

.map .roadmap .waves,
.map .roadmap rect {
	transition: all 0.5s ease-in-out;
}

.map.tint .roadmap:not(.hovering) .waves {
	transition: all 0.5s ease-in-out;
	opacity: 0.4;
}

.map.tint .roadmap:not(.hovering) rect {
	transition: all 0.5s ease-in-out;
	fill: #c8cdd5;
}

.roadmap {
	position: absolute;
	right: 40px;
	width: 250px;
	height: 250px;
	top: 100px;
	color: #fff;
	transition: opacity ease 0.5s;
	/* transition: all ease 1s; */
	z-index: 2;
}

.roadmap.toggled {
	z-index: 3;
}

.roadmap {
	cursor: not-allowed;
}

.roadmap.macroalgae-cultivation-carbon-sequestration {
	cursor: pointer;
}

.roadmap.macroalgae-cultivation-carbon-sequestration.toggled {
	cursor: default;
}

.cascade {
	height: calc(100% - 30px);
	width: calc(100% - 30px);
	top: 15px;
	left: 15px;
	position: absolute;
	transition: opacity ease 0.5s;
}

.roadmap > .cascade:nth-of-type(2) {
	height: calc(100% - 30px);
	width: calc(100% - 30px);
	top: 15px;
	left: 15px;
}

.roadmap > .cascade:nth-of-type(3) {
	height: calc(100% - 60px);
	width: calc(100% - 60px);
	top: 30px;
	left: 30px;
}

.waves {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	border-radius: 50%;
	transform: translateZ(0);
}

.waves svg {
	min-height: 100%;
}

.shadow {
	/*background-image: url("data:image/svg+xml,%3Csvg width='211' height='212' viewBox='0 0 211 212' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Crect x='0.59668' y='0.723633' width='210.403' height='210.403' rx='105.202' fill='%234240BD'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;*/
}

.shadow svg {
	width: 100%;
	height: 100%;
	animation: changesubtle 6s infinite forwards linear;
}

.circle {
	position: relative;
	/*background-image: url("data:image/svg+xml,%3Csvg width='180' height='173' viewBox='0 0 180 173' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.463623' width='180' height='171.871' rx='85.9355' fill='%234240BD'/%3E%3C/svg%3E");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: all ease 1s;*/
}

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

.inner h3 {
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.5px;
	position: relative;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s ease-in-out 1s, visibility 0s linear 0s;
}

.roadmap.fade-out .inner {
	transition: 0.3s all ease;
	opacity: 0;
}

.roadmap-child-icons {
	position: absolute;
	top: 2.5%;
	left: 2.5%;
	height: 95%;
	width: 95%;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.roadmap:hover .roadmap-child-icons,
.roadmap.toggled .roadmap-child-icons,
.roadmap.shrinking .roadmap-child-icons {
	opacity: 1;
}

/* .roadmap-children.animating {
  height: 930px;
  width: 930px;
  top: 114px !important;
  left: 50% !important;
  transform: translateX(-50%);
  transition: all 1s ease-in-out;
} */
.roadmap-child-icons .roadmap-icon {
	width: 12px;
	height: 12px;
	background: white;
	border-radius: 50%;
	position: absolute;
	transition: height 0.7s ease-in-out, width 0.7s ease-in-out;
}

.toggled .roadmap-child-icons .roadmap-icon {
	width: 141px;
	height: 141px;
	transition: height 0.7s ease-in-out, width 0.7s ease-in-out;
}

.roadmap-overlay {
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 190px;
	height: 190px;
	z-index: 0;
}

.roadmap-overlay.expand {
	transition: all ease 0.6s;
	width: 100vw;
	top: -30%;
	right: -22%;
	height: calc(100vw);
}

.zoom-in .roadmap-overlay {
	transition: all ease 0.6s;
	width: 100vw;
	top: -30%;
	right: -22%;
	height: calc(100vw);
}

.waves.scale {
	transition: 0.5s all ease;
	transform: scale(3);
}

#svg1 {
	transition: 0.7s all ease-in-out;
	animation: change 9s infinite forwards linear;
	will-change: transform;
}

#svg2 {
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0.75);
	z-index: -1;
	animation: change1 9s infinite forwards linear;
}

#svg1.stop-anim {
	animation: none;
}

#svg1.scale {
	transition: 0.7s all ease-in-out;
	transform: scale(20);
}

@keyframes changesubtle {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes change {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.75);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes change1 {
	0% {
		transform: scale(0.75);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.75);
	}
}

/* Roadmap modal */
.roadmap-container {
	width: 920px;
	max-width: 920px;
	min-width: 920px;
	margin: auto;
	height: 920px;
	position: relative;
	padding: 72px;
	/*background-image: url("data:image/svg+xml,%3Csvg width='680' height='634' viewBox='0 0 680 634' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.80119 324.449V324.396L2.79541 324.342C-17.567 135.804 137.975 -7.58926 336.154 1.40039L336.177 1.40141H336.199C526.359 1.40141 679 120.952 679 302.899C679 484.882 504.242 633 314.124 633C219.076 633 141.263 601.354 87.2143 547.012C33.1643 492.668 2.80119 415.546 2.80119 324.449Z' stroke='%236A90CD' stroke-width='2'/%3E%3C/svg%3E%0A");*/
	background-image: url("data:image/svg+xml,%3Csvg width='679' height='634' viewBox='0 0 679 634' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M335.154 1.4004L335.177 1.40143H335.199C525.359 1.40143 678 120.952 678 302.899C678 484.882 503.242 633 313.124 633C218.102 633 141.299 598.631 87.7439 542.912C34.1806 487.184 3.8192 410.045 1.80102 324.426C-2.47114 143.185 137.079 -7.58452 335.154 1.4004Z' stroke='%236A90CD' stroke-width='2'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85%;
}

.roadmap-children-wrap {
	width: 100%;
	height: auto;
}

.roadmap-modal .roadmap-child {
	height: 141px;
	width: 141px;
	border-radius: 50%;
	position: absolute;
	transition: transform 0.3s ease-in-out;
	transform: scale(1);
}

/* .roadmap-modal .roadmap-child:hover {
  transform: scale(1.01);
} */
.roadmap-modal .roadmap-child .cascade {
	height: 100%;
	width: 100%;
	top: 50%;
	left: 50%;
	position: absolute;
	transition: opacity ease 0.5s;
	transform: translate(-50%, -50%);
}

.roadmap-modal .roadmap-child .shadow svg {
	width: 100%;
	height: 100%;
}

.roadmap-modal .roadmap-child #svg1,
.roadmap-modal .roadmap-child #svg2 {
	height: 100%;
	width: 100%;
}

/* .roadmap-modal .roadmap-child:hover .cascade {
  transform: translate(-50%, -50%) scale(1.01);
}
.roadmap-modal .roadmap-child:hover .roadmap-child-outer-link {
  transform: translateY(-50%) scale(1.01);
} */
.aspect-ratio {
	height: 0;
	width: 100%;
	position: relative;
}

.aspect-ratio img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	top: 0;
	left: 0;
}

.aspect-ratio.square {
	padding-top: 100%;
}

.aspect-ratio.portrait {
	padding-top: 126%;
}

.aspect-ratio.wide {
	padding-top: 66%;
}

.roadmap-child .links {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 130%;
	height: 130%;
	transform: translate(-50%, -50%);
}

.ellipse {
	background-image: url("data:image/svg+xml,%3Csvg width='680' height='676' viewBox='0 0 680 676' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.30119 345.943V345.918L2.29865 345.893C-18.1087 144.421 137.786 -8.66794 336.175 0.927421L336.187 0.928005H336.199C526.524 0.928005 679.5 128.541 679.5 322.965C679.5 517.407 504.428 675.5 314.124 675.5C218.972 675.5 141.028 641.719 86.8709 583.66C32.71 525.597 2.30119 443.212 2.30119 345.943Z' stroke='%235F5DD8'/%3E%3C/svg%3E%0A");
}

/* modal */
.roadmap-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}

.roadmap-modal .modal-inner {
	overflow-y: scroll;
	position: relative;
	min-height: 100vh;
	height: 1px;
}

.roadmap-modal .roadmap-overlay {
	z-index: -1;
}

.roadmap-modal .wave-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.fade-content {
	opacity: 0;
	visibility: hidden;
	/* transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s; */
}

/* .fade-content.visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease-in-out, visibility 0s linear 0s;
} */
.roadmap-modal .roadmap-child {
	position: absolute;
	/* left: 20vw;
    top: 10vh; */
	/* background-image: url("data:image/svg+xml,%3Csvg width='141' height='141' viewBox='0 0 141 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='141' height='141' rx='70.5' fill='white'/%3E%3C/svg%3E%0A"); */
	height: 141px;
	width: 141px;
}

.roadmap-modal .roadmap-child.js-orbit-item::before {
	content: "";
	position: absolute;
	left: -22px;
	right: -22px;
	top: -22px;
	bottom: -22px;
	z-index: 0;
	border: 2px solid #6a90cd;
	border-radius: 50%;
}

.roadmap-modal .roadmap-child a {
	text-decoration: none;
}

.roadmap-modal .roadmap-child > a {
	color: inherit;
	display: inline-block;
	padding: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.roadmap-child-outer-link {
	z-index: 10;
}

.roadmap-modal .roadmap-child .links .inner-link {
	position: absolute;
	color: #fff;
}

.roadmap-modal .roadmap-child .links .inner-link .link-icon {
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	transition: transform 1s ease-in-out;
}

.roadmap-modal .roadmap-child .links .inner-link .label {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 150px;
}

.roadmap-modal .roadmap-child .links .inner-link.left .label {
	right: calc(100% + 12px);
	text-align: right;
}

.roadmap-modal .roadmap-child .links .inner-link.right .label {
	left: calc(100% + 12px);
}

.roadmap-content {
	width: 350px;
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.roadmap-inner a,
.roadmap-inner .ov-select {
	z-index: 2;
}

.roadmap-circle-exit {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	visibility: hidden;
	z-index: 1;
}

.roadmap-close {
	position: absolute;
	top: 5%;
	left: 5%;
	background: white;
	height: 42px;
	width: 42px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #2673cd;
	cursor: pointer;
	z-index: 10;
	opacity: 0;
	transition: opacity 0.5s ease-in-out, transform 0.3s linear;
}

.page-template-page-roadmaps-home .roadmap-circle.home-active .roadmap-close {
	opacity: 1;
	transform: scale(0.66);
}

.page-template-page-roadmap .roadmap-circle.active .roadmap-close {
	opacity: 1;
}

@media screen and (min-width: 1024px) {
	.page-template-page-roadmaps-home .roadmap-close,
	.page-template-page-roadmaps-home .roadmap-circle-exit {
		display: none;
	}
}

/* toggled */
.roadmap.toggled .inner h3 {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-in-out, visibility 0s linear 1s;
}

.bg-off-white {
	background: #fafafa;
}

.bg-medium-grey {
	background: #ececec;
}

.color-main-blue {
	color: #2e4c87;
}

.bg-main-blue {
	background: #2e4c87;
}

.color-dark-blue {
	color: #0e243b;
}

.bg-dark-blue {
	background: #0e243b;
}
.bg-main-green {
	background: #016666;
}
/* Footer */
.site-footer .supported-by img,
.roadmap-home-footer .supported-by img {
	vertical-align: middle;
	display: inline-block;
	margin-right: 40px;
	max-height: 45px;
}

.roadmap-home-footer .footer-card {
	border: 1px solid #121e2b;
	border-radius: 10px;
	padding: 32px;
}
.roadmap-home-footer .bio-imgs-wrap {
	width: 360px;
	max-width: 100%;
}

/* Loader */
#loader,
#fader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	pointer-events: none;
	background: #ffffff;
	animation-duration: 100ms;
	animation-timing-function: ease-in-out;
}

body.page-parent #loader,
body.page-parent#fader {
	background: #fafafa;
}

@keyframes fade-out {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

#loader.fade-out,
#fader.fade-out {
	opacity: 0;
	animation-name: fade-out;
}

#loader.fade-in,
#fader.fade-in {
	opacity: 1;
	animation-name: fade-in;
}

.isIE #loader,
.isIE #fader {
	display: none !important;
}

section.faded-bg,
.call-to-action.faded-bg {
	position: relative;
}

section.faded-bg:before,
.call-to-action.faded-bg:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #fff;
	opacity: 0.5;
	content: "";
}

section.faded-bg.faded-bg-black:before {
	background: #000;
}

section.faded-bg .container,
section.faded-bg .container-fluid,
.call-to-action.faded-bg .heading,
.call-to-action.faded-bg .wysiwyg-content,
.call-to-action.faded-bg .btn {
	position: relative;
	z-index: 2;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	/* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

div.text ul {
	list-style-type: disc !important;
	margin-left: 45px;
}

div.text ul li {
	list-style: disc;
	margin-bottom: 8px;
}

.bg-top {
	background-position: top center;
	background-size: cover;
}

/* Forms */
.mc4wp-form input[type="text"],
.mc4wp-form input[type="email"],
.mc4wp-form input[type="password"],
.mc4wp-form input[type="number"] {
	height: 48px;
	background: #ffffff;
	border: 1px solid #777c81;
	box-sizing: border-box;
	border-radius: 5px;
	min-width: 300px;
	padding-left: 15px;
}

.checkbox_holder {
	width: 350px;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
}

.checkbox_holder input[type="checkbox"] {
	display: inline-block;
	margin-top: 9px;
	margin-right: 9px;
}

.checkbox_holder label {
	text-align: left;
	font-size: 1.4rem;
}

.mc4wp-form input[type="submit"] {
	background: #2673cd;
	border-radius: 30px;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	padding: 5px 30px;
	height: 48px;
	color: #fff;
	font-weight: bold;
}

@media (max-width: 767px) {
	.mc4wp-form input[type="text"],
	.mc4wp-form input[type="email"],
	.mc4wp-form input[type="password"],
	.mc4wp-form input[type="number"] {
		min-width: none;
		width: 100%;
	}
}

/* User Registration - Login & Register */

.ov-registration input[type="text"],
.ov-registration input[type="email"],
.ov-registration input[type="password"] {
	height: 48px;
	background: #ffffff;
	border: 1px solid #777c81;
	box-sizing: border-box;
	border-radius: 5px;
	width: 350px;
	max-width: 100%;
	padding-left: 15px;
}

.ov-registration textarea {
	height: 120px;
	background: #ffffff;
	border: 1px solid #777c81;
	box-sizing: border-box;
	border-radius: 5px;
	width: 350px;
	max-width: 100%;
	padding: 15px;
	font-size: 15px;
}

.ov-registration input[type="submit"] {
	cursor: pointer;
	background: #2673cd;
	border-radius: 30px;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	padding: 5px 30px;
	height: 48px;
	color: #fff;
	font-weight: bold;
}

.ov-registration .error {
	color: red;
	font-weight: bold;
	margin: 20px 0;
}

b,
strong {
	font-weight: bold;
}

.search-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding: 10px;
	outline: none;
	border: 2px solid grey;
	border-radius: 21px;
	width: 100%;
}

.search-results .navigation[role="navigation"],
.blog .navigation[role="navigation"] {
	text-align: center;
}

.page-template-page-roadmaps-test .hide-roadmaps,
.page-template-page-roadmaps-home .hide-roadmaps,
.page-template-page-roadmaps .hide-roadmaps,
.page-template-page-roadmap-content .hide-roadmaps {
	display: none;
}

/* Button outline */
.btn.btn-outline {
	background: white;
	color: #2673cd;
	border: 2px solid #2673cd;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

/* .btn.btn-edit-post-link {
	background: transparent;
	color: #2673cd;
	padding: 0;
} */

.ov-registration {
	min-height: calc(100vh - 150px);
}

a.log-in {
	text-decoration: none;
}

a.log-in:hover {
	text-decoration: underline;
}

hr.left {
	display: inline-block;
	width: 30%;
	vertical-align: middle;
	height: 1px;
	background: #dcdcdc;
	border: none;
}

hr.right {
	display: inline-block;
	width: 30%;
	vertical-align: middle;
	height: 1px;
	background: #dcdcdc;
	border: none;
}

.or-divider {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}

.btn.ocdr-btn {
	border: 2px solid #268a94;
	border-radius: 10px;
	background-color: #fafafa;
	height: 56px;
	color: #494949;
}

.btn.ocdr-btn img {
	width: 25px;
	margin-right: 10px;
}

body.admin-bar header.site-header {
	padding-top: 32px;
}

body.admin-bar #primary {
	margin-top: 110px;
}

/* Experts Database */
.posts-table-controls .dataTables_filter input[type="search"] {
	border: 1px solid #858384 !important;
	background-color: transparent !important;
}

.posts-table-wrapper .posts-data-table {
	margin-top: 25px;
}

/*
.posts-table-wrapper .posts-data-table .posts-data-table tr th:nth-child(6n+1),
.posts-table-wrapper .posts-data-table .posts-data-table tr td:nth-child(6n+1) {
  display: none;
}
*/

.posts-data-table .col-marine_earth_science,
.posts-data-table .col-social_science,
.posts-data-table .col-engineering,
.posts-data-table .col-communication,
.posts-data-table .col-policy,
.posts-data-table .col-commercialization,
.posts-data-table .col-mentoring_early_career_development,
.posts-data-table .col-justice_equity_diversity_inclusion,
.posts-data-table .col-resources,
.posts-data-table .col-laboratory_facilities,
.posts-data-table .col-computational_facilities,
.posts-data-table .col-field-going_resources,
.posts-data-table .col-bio {
	display: none;
}

table.posts-data-table.dtr-inline.collapsed
	> tbody
	> tr
	> td.dtr-control::before {
	display: none !important;
}

.posts-table-controls .posts-table-select-filters .select2-container {
	max-width: 250px;
}

table.posts-data-table.dataTable thead .sorting {
	background-image: none;
}

table.posts-data-table.dataTable thead .sorting,
table.posts-data-table.dataTable thead .sorting_asc,
table.posts-data-table.dataTable thead .sorting_desc,
table.posts-data-table.dataTable thead .sorting_asc_disabled,
table.posts-data-table.dataTable thead .sorting_desc_disabled {
	background-position: 90% center;
}

/*table.posts-data-table.dataTable thead .col-title.sorting {
  background-image: url('https://oceanvisions.org/wp-content/uploads/2021/09/baseline_sort_by_alpha_black_24dp.png');
}*/