/*
Theme Name: Sphere Child Theme
Template: twentytwentyfive
Author: Arrows Up
Version: 1.1763140056
Updated: 2025-11-14 17:07:36

*/

:root {
    --max-w: 1200px;
    --gray-d: #414b5a;

    --desktop: 1025px;
    --tablet: 768px;
    --mobile: 480px;
}

body,html {
    overflow-x: clip;
}

::selection {
  color: var(--wp--preset--color--custom-sphere-950-1, #040b0f);
  background-color: var(--wp--preset--color--custom-sphere-200, #a1cee8); 
}
::-moz-selection {
  color: var(--wp--preset--color--custom-sphere-950-1, #040b0f);
  background-color: var(--wp--preset--color--custom-sphere-200, #a1cee8);
}

.wp-block-sphere-blocks-navigation-items > ul > li:has(> a) {
	padding: 0px !important;
	height: fit-content;
	margin-top: auto;
	margin-bottom: auto;
	
	& > a {
		padding: 2px 6px;
	}
}

/* Form Dropdown Category Labels */
.frm-fluent-form .choices__list--dropdown .choices__item {
	&:first-child, &:nth-child(6) {
		position: relative;
		margin-top: 3rem;

		&::before {
			position: absolute;
			top: -3rem;
			left: 0;
			color: black;
			pointer-events: none;
			width: 100%;
			height: 3rem;
			background-color: rgba(0, 0, 0, 0.2);

			display: flex;
			align-items: center;
			padding-left: 1rem;
			text-transform: uppercase;

			font-weight: 400 !important;
		}
	}

	&:first-child::before {
		content: 'Core Services';
	}

	&:nth-child(6)::before {
		content: 'Other Services';
	}
}

/* global ------------------------------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p {
    margin: 0px;
	letter-spacing:1px;
}
p {
	color: var(--wp--preset--color--custom-grey-300, white);
}
h1, h2, h3, h4, h5, h6, .sphere-cta-row p {
	color: var(--wp--preset--color--custom-grey-100, white);
}
input, textarea, select {
font-size: 1rem;
}
.block-editor-rich-text__editable {
    color: black;
}
.hidden {
	display:none;
}
.sphere-section-light h1, .sphere-section-light h2, .sphere-section-light h3, .sphere-section-light h4, .sphere-section-light h5, .sphere-section-light h6, .sphere-section-light .block-editor-rich-text__editable, .faq-group .gkit-accordion-title {
	color: var(--wp--preset--color--custom-grey-700, #404040);
}

.sphere-section-light p, .faq-group p, .sphere-section-light ul {
	color: var(--wp--preset--color--custom-grey-600, #525252);
}
.sphere-grid-box p {
    color: var(--wp--preset--color--custom-sphere-100);
}
.core-values-section p, .sphere-brands-box p {
	color: var(--wp--preset--color--custom-grey-300, white);
}
.subheader {
    color: var(--wp--preset--color--custom-sphere-400);
    text-transform: uppercase;
    letter-spacing: 1.5px;
	line-height: 1.3;
}
a {
	transition: all 300ms;
	text-decoration: none;
	color: var(--wp--preset--color--custom-sphere-200, #a1cee8);
	font-size: inherit;
}
a:hover {
    color: white;
	text-decoration: none;
}
.sphere-section-light a {
	color: var(--wp--preset--color--custom-sphere-500, #2c82b5);
}
.sphere-section-light a:hover {
	color: var(--wp--preset--color--custom-sphere-900-1, black);
}

.sphere-line {
	border:1.5px solid var(--wp--preset--color--custom-sphere-500, #2c82b5);
	width: 100%;
	margin: 0;
	
}

.sphere-line-text {
	text-wrap: nowrap;
}
.wp-block-list {
    margin: 0;
}

.sphere-img img, .sphere-img > img, .sphere-img {
    border-radius: 8px;
	clip-path: border-box;
	overflow: hidden;
}
.sphere-img-4x3 img, .sphere-img-4x3 > img, .sphere-img-4x3 > div, .sphere-img-4x3, .sphere-img-4x3 .gkit-image {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.square img, .square > img, .square > div, .square, .square .gkit-image  {
	aspect-ratio: 1;
	object-fit: cover;
}

.greyscale img, .greyscale .gkit-image img, .greyscale .gkit-image  {
	filter: grayscale(1);
}

.sphere-circle-border {
	border: 5px solid var(--wp--preset--color--custom-sphere-500, #2c82b5);
	border-radius: 100%;
	aspect-ratio: 1;
}
.sphere-circle-border > .gkit-container-overlay {
	border-radius: 100%;
}

.sphere-blog h1, .sphere-blog h2, .sphere-blog h3, .sphere-blog h4,.sphere-blog h5,.sphere-blog h6 {
    color: var(--wp--preset--color--custom-grey-700, #404040);
    margin-top: 20px;
}

.sphere-blog {
	background-color: white;
}


/* nav -------------------------------------------------------------------------------------------------------------------------------------*/

@property --nav-color-one {
  syntax: '<color>';
  initial-value: rgba(0, 0, 0, 0.90);
  inherits: false;
}

@property --nav-color-two {
  syntax: '<color>';
  initial-value: rgba(0, 0, 0, 0.70);
  inherits: false;
}
@property --nav-color-three {
  syntax: '<color>';
  initial-value: rgba(0, 0, 0, 0);
  inherits: false;
}
.nav-container {
    position: fixed;
	left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9999;
    width: 100%;
	max-width: 100%;
}
.nav-bar {
    display: flex;
    position: static;
    max-width: 100%;
    width: 100%;
	padding: 25px 8.3vw 20px;
    justify-content: space-between;
    z-index: 9999;
	background: linear-gradient(180deg, var(--nav-color-one) 0%, var(--nav-color-two) 50%, var(--nav-color-three) 100%);
	transition: --nav-color-one 300ms ease-in-out, --nav-color-two 300ms ease-in-out, --nav-color-three 300ms ease-in-out, background 300ms ease-in-out;
	column-gap: 32px;
}


.nav-bar:has(.open), .nav-bar:has(.nav-open) {
	background-color: #081821;
}

/* Styles applied to nav when user scrolls down */
.nav-bar.scrolled, .nav-container.scrolled .nav-bar {
	background-color: #040B0F;
	--nav-color-one: rgba(4, 11, 15, 1);
  	--nav-color-two: rgba(6, 18, 24, 1);
	--nav-color-three: rgba(8, 24, 33, 1);
}
.dropdown, .nav-list > ul > li {
	padding: 2px 6px;
	border-bottom: 2px solid transparent;
	transition: all 300ms ease-in-out; 
	letter-spacing: .5px;
}
.dropdown:hover, .nav-list > ul > li:hover {
	color: var(--wp--preset--color--custom-sphere-200, #a1cee8);
	text-decoration: none;
    border-bottom: 2px solid var(--wp--preset--color--custom-sphere-500, #2c82b5);
}
.nav-list .single-nav-item:hover {
	text-decoration: none;
	transition:none;
}
.dropdown.open {
	text-decoration: none;
    border-bottom: 2px solid var(--wp--preset--color--custom-sphere-500, #2c82b5);
}
.nav-list > ul > li:last-child {
    padding: 0;
    border-bottom: none;
}

.nav-list .nav-cta-button{
	padding:12px 24px;
}
.nav-list .nav-cta-button:hover {
    background-color: var(--wp--preset--color--custom-sphere-200, #a1cee8);
    color: var(--wp--preset--color--custom-sphere-950-1, #040b0f);
}
.dropdown .chevron-down {

    transition: transform .3s ease-out;
}


.top-bar {
	overflow: clip;
	height: 0;
	max-height:0px;
	padding-top:0;
	padding-right:6vw;
	padding-bottom:0;
	padding-left:6vw;
	padding-inline:6vw;
 	animation-name: fadeDown;
  	animation-duration: 1s;
 	animation-delay: 5s;
 	animation-fill-mode: forwards; /* Ensures the element stays in its final state */
	animation-timing-function: ease-out;
}

.top-bar--hidden {
	
	animation-name: fadeUp;
  	animation-duration: .5s;	
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}

@keyframes fadeDown {
  0% {
	padding-top:0;
	padding-bottom:0;
	height: 0;
	max-height:0px;


  }
  100% {
	padding-top:16px;
	padding-bottom:16px;
	height: 100%;
	max-height:145px;


  }
}

@keyframes fadeUp {
    0% { 
		padding-top: 16px; 
		padding-bottom: 16px; 
		height: 100%; 
		max-height: 145px; 
	}
    100% { 
		padding-top: 0; 
		padding-bottom: 0; 
		height: 0; 
		max-height: 0px; 
	}
}


.top-bar .x-button {
	font-size: 1rem;
    width: 50px;
    height: 50px;
    border: none;
    background: transparent;
    display: inline-block;
    float: right;
    position: absolute;
    right: 8px;
	transition: all 300ms ease-in-out;
}

.top-bar .x-button:hover {
	color: var(--wp--preset--color--custom-sphere-500, #2c82b5);
}


/*
.gkit-nav-menu-submenu-type-dropdown > a, .gkit-nav-menu-submenu-type-dropdown > button {
    color: white !important;
}

.gkit-nav-menu-submenu-type-dropdown:hover > a, .gkit-nav-menu-submenu-type-dropdown:hover > button {
    color: black !important;
}

.wp-block-navigation .wp-block-navigation-item__label {
    font-weight: 500;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation > li {
    display: flex;
    padding: 6px 24px;
    align-items: center;
    border-radius: 8px;
    transition: all 300ms;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation > li:last-child {
    background-color: white;
    border-color: white;
    color: var(--wp--preset--color--custom-grey-600, #415b5a);
	font-weight: 500;
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation > li:last-child:hover {
    background-color: var(--wp--preset--color--custom-sphere-200, #a1cee8);
    border-color: var(--wp--preset--color--custom-sphere-200, #a1cee8);
    color: var(--wp--preset--color--custom-sphere-950-1, #040b0f);
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation > li:hover {
    color: var(--wp--preset--color--custom-sphere-200, #a1cee8);
}

ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation a {
    text-decoration: none;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
    background-color: transparent;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
	margin:0;
}
*/

/*footer-------------------------------------------------------------------------------------------------------------------------------------*/

.sphere-footer {
	padding: 4vw 8.3vw 2vw;
}
.sphere-footer a, .sphere-footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    color: var(--wp--preset--color--custom-sphere-200, #a1cee8);
	text-decoration:none;
	transition: all 300ms;
}
.sphere-footer a:hover, .sphere-footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: white;
}
footer nav ul {
    column-gap: 32px!important;
    row-gap: 8px!important;
}

/*sections, padding, gap -------------------------------------------------------------------------------------------------------------------------------------*/
.hero {
	padding: 12rem 8.3vw 4rem;
	padding-top: calc(var(--nav-height, 12rem) + 1rem);
	min-height:100dvh;
	display:flex;
	align-items:center;
}
.hero .gkit-block__inner {
    width: 100%;
}

.hero-half {
	padding: 12rem 8.3vw 4rem;
	padding-top: calc(var(--nav-height, 12rem) + 1rem);
}
.wp-block-sphere-blocks-interactive-globe-block {
	margin-top: calc((var(--nav-height, 12rem) + 0) * -1);
}

.hero > div {
    column-gap: 8.3vw;
	row-gap: 48px;
}
.hero-half > div {
    height: 100%;
}
.wp-block-sphere-blocks-interactive-globe-block {
	overflow: clip;
}
.white-banner {
    border-radius: 0 0 8px 8px;
	padding: 4.5vw 8.3vw;
}
.banner-container {
	padding: 0 8.3vw 4.5vw 8.3vw;
}
.sphere-section {
	padding: 6.6vw 8.3vw;
}
.img-pop-right-wrapper {
	padding-left: 8.3vw;
}
.img-pop-left-wrapper {
	padding-right: 8.3vw;
}

.sphere-section-pad-top {
	padding-top: 6.6vw;
}

.sphere-cta-row {
	padding: 4vw 8vw;
	border-radius:8px;
}
.sphere-img-row > div {
	column-gap: 8vw;
	row-gap: 24px;
}
.sphere-hero-text-container > div {
	row-gap:40px;
}
.sphere-subhead-container > div {
	row-gap:8px;
}
.sphere-text-container > div {
	row-gap:40px;
}
.sphere-inner-text-container > div {
	row-gap: 24px;
}
.sphere-grid-wrapper > div, .sphere-grid-row > div {
    gap: 16px;
}
.sphere-grid-box {
	padding: 4rem;
	border-radius: 8px;
}
.sphere-grid-box > div {
	column-gap: 16px;
	row-gap:24px;
	height: 100%;
}

.sphere-process-container {
	padding: 3vw 0;
}
.sphere-line-heading-section > div {
	row-gap:24px;
}
.sphere-line-heading-inner > div {
	column-gap: 24px;
	row-gap: 8px;
}
.sphere-line-heading-full-width {
	padding: 0 8.3vw;
	
}
.sphere-figure-container /* icon column, space between text and icon */ {
	row-gap:32px;
}
.sphere-figure-text-container > div {
	row-gap: 8px;
}
.sphere-icon-column-row > div {
	column-gap: 4vw;
	row-gap: 32px;
	
}
.sphere-brands-box > div {
    column-gap: 4vw;
}
.sphere-brands-box {
	background-color: rgb(43 131 181 / 8%);
	border-radius: 8px;
}
.blue-bg p {
    color: white;
}
.blue-bg {
    mix-blend-mode: plus-lighter;
}

.alternating-img-container .sphere-inner-text-container {
    padding: 4vw;
    max-width: 950px;
    margin: auto;
}
.alternating-img-container > div > div {
    padding: 2rem;
}
.alternating-img-container > div > div > div {
    column-gap: 0;
}
.alternating-img-container h3, .alternating-img-container h2, .alternating-img-container h4  {
    color: var(--wp--preset--color--custom-sphere-400);
    font-weight: bold;
}
/* form */
.ff-default {
	width: 100%;
}
.form-container {
	padding: 32px;
	max-width: 900px!important;
	border-radius: 8px;
}

.frm-fluent-form .choices__list--dropdown .choices__item {
	color: var(--wp--preset--color--custom-grey-600-1, #525252);
	background-color: white;
	position: relative;
}
.frm-fluent-form .choices__list--dropdown .choices__item--selectable.is-highlighted {
	font-weight: 500;
    background-color: var(--wp--preset--color--custom-sphere-500, #2c82b5);
    color: white;
}
.frm-fluent-form .choices__list--multiple .choices__item {
	background-color: var(--wp--preset--color--custom-sphere-500, #2c82b5);
    border: 1px solid var(--wp--preset--color--custom-grey-600-1, #525252);
    color: white;
	margin-bottom: 6px;
}
.frm-fluent-form .choices[data-type*=select-multiple] .choices__inner {
    padding: 11px 15px;
}
.frm-fluent-form .choices[data-type*=select-multiple] .choices__input {
	padding: 0 16px 0 0;
}
.frm-fluent-form .choices[data-type*=select-multiple]:after {
	right:16px;
}
.gkit-social-media-menu {
	flex-wrap:nowrap;
}

/*faqs*/
.faq-group .gkit-accordion .gkit-card-header>.gkit-btn-link {
    padding: 26px 32px;
	border-radius: 8px;
	background: white;
}
.faq-group .gkit-accordion .gkit-card.active .gkit-card-header>.gkit-btn-link {
	border-radius: 8px 8px 0 0;
}
.faq-group .gkit-accordion .gkit-card-body {
    padding: 0 32px 26px 32px;
	border-radius: 0 0 8px 8px;
	background: white;
}

.gkit_accordion_normal_icon, .gkit_accordion_active_icon {
	padding: 8px 12px;
	border-radius: 100%;
}
.gkit_accordion_normal_icon {
    fill: var(--wp--preset--color--custom-sphere-700-1, #1a4d6b);
    background: var(--wp--preset--color--custom-sphere-50, #e5f1f9);
}
.gkit_accordion_active_icon {
    fill: var(--wp--preset--color--white, #ffffff);
    background: var(--wp--preset--gradient--custom-light-bg-600-700, linear-gradient(180deg, rgb(35, 103, 144) 0, rgb(26, 77, 107) 100%));
}
	/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

	/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* core values */
.core-values-section h2 {
	color: var(--wp--preset--color--custom-sphere-400);
}
.core-values-section p {
	color: var(--wp--preset--color--custom-grey-300, white);
}
.core-values-logo-col {
    width: 100%;
}
.core-values-box {
	padding: 20px 4vw;
}
.core-values-container > div {
	row-gap: 12px;
}
.core-values-box > div {
    row-gap: 16px;
}
.core-values-container .ub_divider.ub-divider-orientation-horizontal {
    width: 100%;
	padding: 0 4vw;
}
.sphere-core-values-logo {
    width: 100%;
	container-type: inline-size;
}
p.sphere-core-values-text, .sphere-core-values-text {
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
	/*color: var(--wp--preset--color--custom-sphere-600-1);*/

}
p.sphere-core-values-text.top, .sphere-core-values-text.top {
	font-size: 2.7rem;
	font-size: 12.7cqw;
}
p.sphere-core-values-text.bottom, .sphere-core-values-text.bottom {
	font-size: 1.9rem;
	font-size: 9cqw;
}
.core-values-card {
    padding: 24px;
	border-radius: 8px;
	gap: 32px;
}
.core-values-card > div {
	gap: 0;
}
/*cards*/

.icon-heading-box > div {
    gap: 1.5rem;
}
.card-grid {
    gap: 32px;
}
.card-container .gkit-block__inner {
    height: 100%;
}
a.card-link {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.services-card > div {
	gap: 32px;
}

.sphere-card {
    padding: 32px;
    border-radius: 8px;
	clip-path: border-box;
	overflow: hidden;
	height: 100%;
}
.sphere-card, .sphere-card p, .sphere-card h2, .sphere-card h3, .sphere-card .gkit-container-overlay {
	transition: all 300ms ease-in-out;
}
.sphere-card p, .sphere-card h2, .sphere-card h3 {
	z-index:1;
}


.services-card .gkit-container-overlay {
	background-color: black;
	mix-blend-mode: multiply;
    opacity: .7;
	background: linear-gradient(180deg, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 0, .5) 35%, rgba(0, 0, 0, 0) 100%);
    mix-blend-mode: normal;
    opacity: 1;
}
.services-card:hover .gkit-container-overlay {
	background-color: var(--wp--preset--color--custom-sphere-500, #2c82b5);
	background: linear-gradient(var(--wp--preset--color--custom-sphere-800-1), var(--wp--preset--color--custom-sphere-600-1));
	opacity: 1;
    background: linear-gradient(rgb(17 50 70 / 90%), rgb(35 103 144 / 90%));
	background: linear-gradient(#479ed2e6, #74b6dde6);
    mix-blend-mode: normal;
    backdrop-filter: blur(15px);
}
.services-card {
    background-size: auto 100% !important;
	min-height:325px;
	max-width: 480px!important;
}
.services-card:hover, .hover-card:hover {
    transform: scale(1.05);
    background-size: auto 250% !important;
}

.services-card p {
	transform: translateY(70%);
	transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
    transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
	opacity: 0;
}
.hover-card p {
	transform: translateY(70%);
	transition: transform 500ms ease-in-out, opacity 500ms ease-in-out;
    transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
	opacity: 0;
}

.services-card:hover p, .hover-card:hover p, .services-card:hover .gkit-btn, .hover-card:hover .gkit-btn {
    transform: none;
	opacity: 1;
}
.services-card .gkit-btn, .hover-card .gkit-btn {
    transform: translate(0, 700%);
	transition: transform 500ms ease-in-out;
    transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
}

.hover-card:hover {
    background-color: var(--wp--preset--color--custom-sphere-600-1, #2c82b5);
}
.hover-card:hover path {
	fill: white;
}

.hover-card:hover, .hover-card:hover p {
	color: white;
}
.services-card:hover .subheader, .services-card:hover, .services-card p {
color: var(--wp--preset--color--custom-sphere-950-1);
}
.services-card h3 {
    font-size: 1.4vw !important;
}
.services-card:hover h3 {
	font-size: var(--wp--preset--font-size--small) !important;
}

/* parallax section */
.sphere-parallax-bg {
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100svh;
    position: sticky !important;
	top: 0;
	overflow: hidden;
}
.parallax-card-container > div {
	row-gap: 3.5rem;
}
.parallax-section .card-grid {
    align-items: start;
}

.parallax-card {
    aspect-ratio: 4 / 3;
	    width: 400px !important;
    max-width: 100% !important;
}
/* .parallax-card:hover {
	background-color: var(--wp--preset--color--custom-sphere-300)!important;
}
.parallax-card h3 {
    position: absolute;
	bottom: 0;
    right: 0;
    left: 0;
    padding: 32px;
	color:white;
}
.parallax-card .gkit-container-overlay {
	backdrop-filter: grayscale(1) brightness(0.25) blur(0px);
}
.parallax-card:hover .gkit-container-overlay {
    backdrop-filter: grayscale(1) brightness(0.1) blur(10px);
}

.parallax-card, .parallax-card p, .parallax-card h3, .parallax-card .wp-block-gutenkit-button {
	transition: transform 800ms ease-in-out, background-color 800ms ease-in-out;
    transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
}

.parallax-card p, .parallax-card .wp-block-gutenkit-button {
	transform: translate(0, 28vw); /*mouse out, exit animation*/
/*	color: var(--wp--preset--color--custom-sphere-950-1, black);
}
.parallax-card:hover p, .parallax-card:hover .wp-block-gutenkit-button, .parallax-card h3  {
	transform: none; 
	
} 

.parallax-section {
	view-timeline-name: --section-scroll;
}

.parallax-bg-icon {
	top: 28vh;
	left: 0;
	transform: translateX(-100%);
	animation: slide-across linear;
  animation-timeline: --section-scroll;
}


@keyframes slide-across {
  from { transform: translateX(-100%); }
  to { transform: translateX(100vw); }
}*/
.parallax-card-container .card-container:nth-child(3n+1) {
    margin-top: -5rem;
}
.parallax-card-container .card-container:nth-child(3n+2) {
    margin-top: 30rem;
}
.parallax-card-container .card-container:nth-child(3n+3) {
    margin-top: 12rem;
}


/*transition delays*/
/*.parallax-card h3 {
	transition-delay: 600ms; /*mouse out, entrance animation*/
/* }
.parallax-card:hover h3 {
	transform: translate(0, -28vw);
	transition-delay: 0ms; /*mouse in, exit animation*/
/*}
.parallax-card p {
	transition-delay: 300ms; /*mouse out, exit animation*/
/*}
.parallax-card:hover p {
	transition-delay: 300ms; /*mouse in, entrance animation*/
	
/*}

.parallax-card .wp-block-gutenkit-button {
	transition-delay: 100ms; /*mouse out, exit animation*/
/*}

.parallax-card:hover .wp-block-gutenkit-button {
    transition-delay: 750ms; /*mouse in, entrance animation*/
/*}

*/




/*timeline*/
.sphere-timeline-item .sphere-timeline-column:nth-child(1) {
    padding-right: 46px;
}
.sphere-timeline-item .sphere-timeline-column:nth-child(3) {
    padding-left: 46px;
}
.sphere-timeline-column {
    padding-top: 50px;
    padding-bottom: 50px;
}
.sphere-timeline-column:nth-child(1) .ub_divider {
    margin-right: -46px !important;
}
.sphere-timeline-column:nth-child(3) .ub_divider {
    margin-left: -46px !important;
}



/* buttons -------------------------------------------------------------------------------------------------------------------------------------*/
a.gkit-btn {
	font-size:16px !important;
	font-weight:500;
}
.ff-btn:focus {
    overlay: none;
}

a.sphere-button, a.gkit-btn.sphere-button, .ff-btn {
	color: var(--wp--preset--color--white, #ffffff)!important;
    fill: var(--wp--preset--color--white, #ffffff)!important;
    background: var(--wp--preset--color--custom-sphere-500, #2c82b5)!important;
	letter-spacing: 1px;
	padding: 14px 24px!important;
	transition: all 300ms;
	text-box-trim: trim-both;
	line-height:1em;
}

a.sphere-button:hover, a.gkit-btn.sphere-button:hover, .ff-btn:hover {
    color: var(--wp--preset--color--custom-sphere-950-1, #040b0f)!important;
    fill: var(--wp--preset--color--custom-sphere-950-1, #040b0f)!important;
    background: var(--wp--preset--color--custom-sphere-200, #a1cee8)!important;
}
/*outline*/
a.sphere-outline-button, a.gkit-btn.sphere-outline-button {
	border: 1px solid var(--wp--preset--color--custom-white, white)!important;
	background-color: transparent !important;
	color: var(--wp--preset--color--custom-white, white)!important;
	font-weight:500;
	letter-spacing: 1px;
	padding: 14px 24px!important;
	transition: all 300ms;
	text-box-trim: trim-both;
	line-height:1em;
}
a.sphere-outline-button:hover, a.gkit-btn.sphere-outline-button:hover {
	border: 1px solid var(--wp--preset--color--custom-sphere-200, #a1cee8)!important;
	color: var(--wp--preset--color--custom-sphere-950-1, #040b0f)!important;
    fill: var(--wp--preset--color--custom-sphere-950-1, #040b0f)!important;
    background: var(--wp--preset--color--custom-sphere-200, #a1cee8)!important;
}

/* text link buttons */
a.sphere-text-link-button, a.gkit-btn.sphere-text-link-button {
	padding: 0 !important;
    text-decoration: underline !important;
	text-underline-offset:0.5rem;
	background: transparent!important;
	transition: all 300ms;

}
a.sphere-text-link-button:hover, a.gkit-btn.sphere-text-link-button:hover {
	margin: 0 -5px 0 5px;
	background: transparent!important;

}
a.sphere-text-link-dark, a.gkit-btn.sphere-text-link-dark {
	color: var(--wp--preset--color--custom-sphere-800-1, #113246)!important;
    fill: var(--wp--preset--color--custom-sphere-800-1, #113246)!important;

}
a.sphere-text-link-dark:hover, a.gkit-btn.sphere-text-link-dark:hover {
	color: var(--wp--preset--color--custom-sphere-500, #2c82b5)!important;
    fill: var(--wp--preset--color--custom-sphere-500, #2c82b5)!important;
}
a.sphere-text-link-light, a.gkit-btn.sphere-text-link-light {
	color: var(--wp--preset--color--custom-sphere-200, #a1cee8)!important;
    fill: var(--wp--preset--color--custom-sphere-200, #a1cee8)!important;

}
a.sphere-text-link-light:hover, a.gkit-btn.sphere-text-link-light:hover {
	color: white !important;
    fill: white !important;
}
a.sphere-text-link-white, a.gkit-btn.sphere-text-link-white, .sphere-text-link-white a, gkit-btn.sphere-text-link-white a {
	color: white !important;
    fill: white !important;

}
a.sphere-text-link-white:hover, a.gkit-btn.sphere-text-link-white:hover, .sphere-text-link-white a:hover, a.gkit-btn.sphere-text-link-white a:hover {
	color: var(--wp--preset--color--custom-sphere-200, #a1cee8)!important;
    fill: var(--wp--preset--color--custom-sphere-200, #a1cee8)!important;
}

.btn-lg a {
    font-size: 20px !important;
}

/*industries row buttons*/
.sphere-industries-button, a.gkit-btn.sphere-industries-button {
	font-size:42px!important;
	font-weight: 300;
	padding: 0 16px 0 0!important;
    border-radius: 0!important;
    color: var(--wp--preset--color--custom-grey-700-1, #404040)!important;
    fill: var(--wp--preset--color--custom-grey-700-1, #404040)!important;
    background: var(--wp--preset--color--custom-grey-200, #e5e5e5)!important;
}
.sphere-industries-button:hover, a.gkit-btn.sphere-industries-button:hover {
	color: var(--wp--preset--color--white, #ffffff)!important;
    fill: var(--wp--preset--color--white, #ffffff)!important;
    background: var(--wp--preset--color--custom-sphere-400, #479ed2)!important;
	transform: scale(1.2);
}

.sphere-industries-button > .icon-left {
    background-color: white;
    padding-right: 24px;
}
.sphere-industries-button > div > svg {
	font-size: 60px!important;
}
.sphere-industries-button > div > svg > g > path {
	fill: var(--wp--preset--color--custom-grey-700-1, #404040)!important;
	transition: all .4s 
ease;
}
.sphere-industries-button:hover > div > svg > g > path {
	fill: var(--wp--preset--color--custom-sphere-500, #2c82b5)!important;
}

/* pagination */
.page-numbers {
    color: var(--wp--preset--color--custom-grey-600-1, #525252);
    background-color: white;
    width: 25px;
    height: 25px;
	padding: 3px 0 0 0;
    font-size: 16px;
    border-radius: 100%;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	transition: all 300ms;
}
.page-numbers:hover {
	background-color: var(--wp--preset--color--custom-sphere-200, #a1cee8);
    color: var(--wp--preset--color--custom-sphere-800-1, #1a4d6b);
}
.page-numbers.current {
    color: white;
    background-color: var(--wp--preset--color--custom-sphere-500, #2c82b5);
}

.wp-block-query-pagination-next, .wp-block-query-pagination-previous {
	color: var(--wp--preset--color--custom-grey-600-1, #525252);
    background-color: white;
    height: 25px;
	padding: 3px 12px 0 12px;
    font-size: 16px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	transition: all 300ms;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover {
	background-color: var(--wp--preset--color--custom-sphere-200, #a1cee8);
    color: var(--wp--preset--color--custom-sphere-800-1, #1a4d6b);
}
.wp-block-query-pagination-numbers {
    display: flex;
    gap: 8px;
}
nav.wp-block-query-pagination.is-layout-flex.wp-block-query-pagination-is-layout-flex {
	gap: 16px;
}

.wp-block-query.has-global-padding.is-layout-constrained.wp-block-query-is-layout-constrained {
    display: flex;
    flex-direction: column;
    gap: 4vw;
}

/* style corrections/ misc ------------------------------------------------------------------------------------------------------------------------------------- */
.safe-svg-inside {
	width: 100%!important;
    height: 100%!important;
}
.wp-block-gutenkit-team .profile-card, .wp-block-gutenkit-team .profile-card:hover {
	box-shadow:none;
}

.gkit-icons {
    max-width: 100%;
}


a.link-block {
    width: 100%;
}
figure.wp-block-image.size-full > img {
    width: 100%;
}
.gkit-accordion .gkit-accordion-title {
    padding-right: 50px;
}
.sphere-who-we-serve-buttons-grid {
    min-width: 100%;
}
.ub_divider {
	margin:0;
}

.sphere-timeline-column > div {
    height: 100%;
}
.gkit-icons path {
    fill: inherit;
}
.wp-block-query {
    width: 100%;
}
body .is-layout-grid {
	width: 100%;}

/* media queries ------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1500px) {
	.parallax-inner-row > div {
    flex-direction: column !important;
	}
	
}
@media (max-width: 1440px) {
	.wp-container-core-group-is-layout-2ac7220e {
    grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.parallax-card p {
		font-size: 16px;
	}
	.footer-bottom > div {
    flex-direction: column;
	}
}
@media screen and (min-width: 1024px) {
    .dropdown.open .submenu a:hover .dropdown-item-title {
        text-decoration: none;
    }
}
@media (max-width: 1320px) {
	h1 {
		font-size: var(--wp--preset--font-size--x-large) !important;
	}
	p {
		font-size: 1rem;
	}
	
	.wp-block-gutenkit-container>.gkit-block__inner>.gkit5faa65.gkit-block-custom-wide {
    flex-basis: 0;
}
	.card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}
	.top-bar {
    height: 100% !important;
}
	.services-card h3 {
    font-size: 2rem !important;
}
	.services-card {
    background-size: auto 120% !important;
	}
	
	.parallax-card-container .card-container:nth-child(2) {
    margin-top: 20vh;
}
.parallax-card-container .card-container:nth-child(3) {
    margin-top: 0;
}
.parallax-card-container .card-container:nth-child(4) {
    margin-top: 20vh;
}
.parallax-card-container .card-container:nth-child(5) {
    margin-top: 0;
}
	.parallax-card-container .card-container:nth-child(6) {
    margin-top: 20vh;
}
	
}
@media (max-width: 1024px) {
	

	.hero .gkit-container-overlay {
     background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 46%, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 1) 100%);
     opacity: .8!important;
	}
	.sphere-industries-button, a.gkit-btn.sphere-industries-button {
		font-size:24px!important; 
	}
	
	.sphere-img-row > div {
	 column-gap: 6vw;
	}
	.services-card:hover p, .hover-card:hover p {
    transform: none;
}
.services-card:hover .gkit-btn, .hover-card:hover .gkit-btn {
    transform: none;
}
	.parallax-card h3, .parallax-card p, .parallax-card .gkit-btn, .services-card .gkit-btn, .hover-card .gkit-btn, .services-card p, .hover-card p {
		
		transform: none !important;
        position: static;
        padding: 0;
		
	}
	.parallax-card .gkit-btn, .services-card .gkit-btn, .hover-card .gkit-btn, .services-card p {
		color: var(--wp--preset--color--custom-sphere-950-1, black);
	}
	
	
	.parallax-card {
	/*	background: var(--wp--preset--color--custom-sphere-300,#74b6dd) !important; */
		aspect-ratio: unset;
	}
	.card-grid {
		align-items: stretch;}
	
/*	.parallax-card .gkit-container-overlay {
    backdrop-filter: grayscale(1) brightness(0.1) blur(2px)!important;
}*/
	.services-card .gkit-container-overlay {
    background: linear-gradient(#479ed2e6, #74b6dde6);
	}
	.services-card .subheader, .services-card, .services-card p {
    color: var(--wp--preset--color--custom-sphere-950-1);
}
	.services-card h3 {
    font-size: var(--wp--preset--font-size--small) !important;
}
	.wp-block-sphere-blocks-interactive-globe-block {
    
    opacity: .5;
}
	.sphere-cta-row {
    background-attachment: scroll !important;
}
	.number-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	
}
@media (width: 768px) {

	.wp-block-gutenkit-container>.gkit-block__inner>.gkit-block-custom-wide {
    min-width: 100%;
	}
	.wp-block-gutenkit-container>.gkit-block__inner {
    flex-direction: column;
	}
}

@media (max-width: 768px) {

	.gkit-block-custom-wide {
    flex-basis: 0 !important;
	}
	.white-banner {
	padding: 10vw 8.3vw;
	}
	.banner-container {
	padding-bottom:4.5vw;
	}
	.sphere-section {
	padding: 10vw 8.3vw;
	}
	.sphere-cta-row {
	padding: 10vw 8vw;
	border-radius:8px;
	}
	.sphere-industries-button, a.gkit-btn.sphere-industries-button {
		font-size:20px!important; 
	}
	.wp-container-core-group-is-layout-2ac7220e {
    grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.wp-container-core-post-template-is-layout-1c9710bf {
    grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.sphere-timeline-container p, .sphere-timeline-container h2, .sphere-timeline-container h3 {
    text-align: left !important;
	}
	
	/*.
}
	.sphere-timeline-item:nth-child(odd) .sphere-timeline-column:nth-child(3) .ub_divider {
    margin-left: -46px !important;
}
.sphere-timeline-item:nth-child(even) .sphere-timeline-column:nth-child(1) .ub_divider {
    margin-right: -46px !important;
}*/
	.sphere-timeline-item:nth-child(odd) .sphere-timeline-column:nth-child(1) {
    padding-right: 0;
    padding-left: 46px;
}
	.sphere-timeline-item:nth-child(even) .sphere-timeline-column:nth-child(3) {
    padding-left: 46px;
    padding-right: 0px;
}
	.sphere-timeline-item:nth-child(odd) .sphere-timeline-column:nth-child(3), .sphere-timeline-item:nth-child(even) .sphere-timeline-column:nth-child(1) {
    padding-bottom: 0;
}
	.wp-block-sphere-blocks-interactive-globe-block {
		scale: 140%;}
	.alternating-img-container .sphere-inner-text-container {
		padding: 4vw 0 8vw 0;
	}
	
	footer nav ul {
    align-items: flex-start !important;
    flex-direction: column !important;
    flex-wrap: nowrap;
}

}
@media (max-width: 600px) {
	
	h2.has-large-font-size, h2.has-xx-large-font-size, h2.has-xx-large-font-size, h1 {
		font-size: var(--wp--preset--font-size--x-large) !important;
	}
	
	.gutenkit [class*=wp-block-gutenkit-] .gkit-icon {
		height:unset;
	}
	.sphere-inner-text-container > div {
		row-gap: 16px;
	}
	.sphere-line-text {
    text-wrap: pretty;
}
	.wp-container-core-post-template-is-layout-1c9710bf {
		gap: 48px;
	}
	.sphere-grid-box {
		padding: 2rem;
	}
	.core-values-box {
    padding: 8px 0;
}
	.core-values-container .ub_divider.ub-divider-orientation-horizontal {
		padding: 0;
	}
	.footer-dash {
		display:none;
	}
	.card-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
	.parallax-card {
    aspect-ratio: unset;
    min-width: 100%;
    width: 100% !important;
}
	.parallax-card-container > div {
	row-gap: 3.5rem;
}
	.parallax-section h2 {
    font-size: 10vw !important;
}
	.services-card {
    background-size: cover!important;
}
	.services-card:hover, .hover-card:hover {
    background-size: cover!important;
}
	
	.alternating-img-container > div > div {
    padding: 1.5rem;
}
	.sphere-text-container > div {
    row-gap: 32px;
}
	header .logo {
    width: 200px;
}
	.number-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	
	

	
	
}