/******/
/*** SECTIONS ***/
/******/

/* NAV */

.navigation__logo img {
	border-radius: 0;
}

/* FOOTER */

footer img {
	border-radius: 0;
	max-width: 28rem;
}

footer a {
	font-size: 1rem;
}

footer .title {
	text-transform: uppercase;
	color: var(--mid-blue);
	font-size: .875rem;
}

.footer-menu ul, .socials-menu ul {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	align-items: flex-start;
  	justify-content: flex-start;
	flex-wrap: wrap;
}

.footer-menu li, .socials-menu li {
	width: calc(50% - .75rem);
	margin-bottom: .75rem;
}

.socials-menu li {
	width: calc(100% - .75rem);
	margin-bottom: .75rem;
}

.footer-utilities p {
	margin-block-start: .25rem;
}

footer .grid-parent .grid-50 {
	padding-left: 0!important;
	padding-right: 0!important;
}

/* BLOG */

.article-snippet a, .article-snippet a p.h4 {
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.article-snippet a:hover {
	opacity: .6;
}

.category-tag p {
	margin-block-start: .0625rem;
	margin-block-end: .0625rem;
	padding: 0 .25rem;
	font-size: var(--text-xs);
	font-weight: var(--font-weight-semibold);
}

.blog.archive .background-glass-effect {
	border-top-right-radius: 0!important;
	border-top-left-radius: 0!important;
}

.blog.archive img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.article-body h2, .sticky-sidebar h2, .editor-pseudo h2 {
	font-size: 200%;
}

.editor-pseudo tr {
	border: solid .0625 var(--color-solutions-gray);
}

.sharing-box a {
	padding: 0 .5rem;
}

.blog .grid-parent.grid-60 {
	gap: 1.5rem;
}

.blog p.eyebrow, .blog p.eyebrow a {
	font-weight: var(--font-weight-normal);
	text-decoration: none;
}

.blog p.eyebrow a:hover {
	text-decoration: underline;
}

.faqs .a-container {
	border: solid .0625rem var(--color-solutions-gray);
}

/* CALL TO ACTION */

.call-to-action .background-glass-effect {
	background-color: var(--color-foundation-black);
}

/* COLUMNS */

.columns:has(h2.bold) {
	padding-bottom:0!important;
}

h2.bold {
	width: 100%;
	font-size: 18rem;
	border-radius: var(--radius-sm);
}

.column {
	margin-bottom: 1.5rem;
}

.column .gradient-border > * {
	width: 100%;
}

.column .gradient-border img {
	max-width: 4rem;
}

.column {
	align-items: flex-start;
}

.column:has(p[style="text-align: center;"]) {
	text-align: center;
	align-items: center;
}

.column .gradient-border:has(p[style="text-align: center;"]) a {
	text-align: center;
}

/* COLUMNS HOVER FLUID */

.columns-hover-fluid #wrapper {
	width: calc(100% - 3rem);
}

.columns-hover-fluid #wrapper {
	gap: 1.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.columns-hover-fluid .accordion-panel p {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* FAQs */

.accordion .a-container .a-panel {
	width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0;
	height: auto;
	max-height: 0;
	overflow: hidden;
	padding: 0 .625rem;
}

p.a-btn:hover {
	cursor: pointer;
}

.a-container {
	border-radius: var(--radius-sm);
	padding: .75rem 1.5rem!important;
	margin-bottom: .75rem;
}

.accordion .a-container.active .a-panel {
	padding: 0.3125rem 0.625rem 0.875rem 0;
	opacity: 1;
	height: auto;
	max-height: 31.25rem;
	line-height: 1.6;
}

p.a-btn::after {
	border-style: solid;
	border-width: .125rem .125rem 0 0;
	content: " ";
	display: inline-block;
	float: right;
	height: .625rem;
	left: -.125rem;
	position: relative;
	right: 1.5em;
	top: .125rem;
	transform: rotate(135deg);
	transition: 0.3s ease-in-out;
	vertical-align: top;
	width: .625rem;
}

.a-container.active p.a-btn::after {
	transform: rotate(-45deg);
	transition: 0.2s ease-in-out;
}

/* CALL-TO-ACTION-DUAL */

.call-to-action-dual a {
	text-decoration: none;
}

/* INTRO */

.intro .ui-left, .intro .ui-right {
	width: 27%;
}

.intro .ui-center {
	width: 54%;
	margin-left: -4%;
	margin-right: -4%;
}

.video-background-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.video-background-layer video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* NUMBERS */

.numbers p.stat {
	font-size: 7.5rem;
	font-weight: var(--font-weight-semibold);
	line-height: var(--leading-tight);
}

.numbers .column-center .grid-100, .numbers .column-right img {
	margin-top: 1.5rem;
}

.numbers .grid-33 .grid-100 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

/* TABS */

.tabs .tablink {
	opacity: .2;
}

.tabs .tablink:hover {
	cursor: pointer;
}

.tabs .tablink.active {
	opacity: 1;
}

.tabs .grid-10 img {
	max-width: .1875rem;
}

.tabs .tab-buttons.grid-90 .tablink {
	position: relative;
}

.tabs .tab-buttons.grid-90 .tablink:before {
	content: url("../images/status-dot.svg");
	width: 2.4375rem;
	height: 2.4375rem;
	position: absolute;
	top: 2.875rem;
	left: calc(-10% - .5rem);
}

.tabs .sticky-aside.grid-50 img {
	border-radius: var(--radius-sm);
}

/* TABS TEXT */

.tab-labels .tab-item {
    padding: 3rem;
    cursor: pointer;
    transition: background 0.2s ease;
}

.tab-labels .tab-item:nth-child(2) {
    padding-top: 1rem;
	padding-bottom: 1rem;
}
	
.tab-labels h4 {
	opacity: 0.25;
}

.tab-labels {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	flex-direction: column;
	justify-content: center;
}
	
.tab-labels .active h4 {
	opacity: 1;
}
	
.tabs-text .background-glass-effect {
	padding: 0;
}
	
.tabs-text .tab-content-wrapper {
	padding: 4rem;
}

/* TEAM */

.team-content-wrapper {
	padding-left: 0;
	padding-right: 0;
}

.team-content-wrapper .team-member {
	padding-left: .75rem;
	padding-right: .75rem;
}

.team-member img {
	object-fit: cover;
	aspect-ratio: 1/1;
	border-radius: var(--radius-sm);
}

.hide-titles .team-member h4.p {
	display: none;
}

/* SECTIONS */

@media screen and (min-width: 48rem) {
	
	/* COLUMNS HOVER FLUID */
	
	.columns-hover-fluid .accordion-panel {
		padding: 1.5rem;
	}

	.columns-hover-fluid .accordion-panel p.description {
		height: 10rem;
	}

	.columns-hover-fluid #wrapper {
		display: flex;
		flex-flow: row nowrap;
		min-height: 20rem;
		align-items: stretch;
	}
	
	.columns-hover-fluid .accordion-panel {
		flex: 1;
		transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
	}
	
	.columns-hover-fluid .accordion-panel.panel-hover {
		flex-grow: 2.2;
		-webkit-box-shadow:0px 0px 2.5rem 1rem rgba(8,107,212,0.9);
		-moz-box-shadow: 0px 0px 2.5rem 1rem rgba(8,107,212,0.9);
		box-shadow: 0px 0px 2.5rem 1rem rgba(8,107,212,0.9);
	}
	
	.columns-hover-fluid .accordion-panel.panel-hover > p {
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	
	/* INTRO */
	
	.intro p {
		max-width: 38rem;
		margin: .625rem auto;
	}
	
	/* TABS */
	
	.tabs .tab-buttons .tablink:last-of-type {
		padding-bottom: 24rem!important;
	}
	
	/* TEAM */
	
	.team-tabs-list li {
		width: 33.33333%;
		flex-grow: 1;
	}
	
	/* TEXT/IMAGE REPEATER */
	
	.text-image-repeater .panel:nth-of-type(odd) {
		flex-direction: row-reverse;
	}
	
}

@media screen and (max-width: 47.9375rem) {
	
	/* BLOG */
	
	.article-body h2, .sticky-sidebar h2, .editor-pseudo h2 {
		font-size: 150%;
	}
	
	.single-post .sharing-box .display-flex a:first-of-type {
		padding-left: 0!important;
	}
	
	.numbers p.stat {
		font-size: 3.75rem;
	}
	
	.tabs .sticky-article:has(.grid-90) {
		position: relative;
	}
	
	.tabs .sticky-article .grid-10 {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.tabs .grid-90 {
		margin-left: calc(10% - .5rem);
	}
	
	/* COLUMNS */
	
	h2.bold {
		font-size: 40vw;
	}
	
	/* TEAM */
	
	.team-tabs-list li {
		width: 100%;
	}
	
}