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

/* BACKGROUND TEXTURE */

.background-texture {
	position: fixed;
	opacity: 0.4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: url('/wp-content/themes/canvas/assets/images/texture.svg') center top;
	background-size: cover;
	pointer-events: none;
	z-index: 0;
	mix-blend-mode: multiply;
}

.texture-lines {
	left: -10%;
	width: 180%;
	bottom: -195%;
}

/* BUTTONS IMAGE */
	
.buttons-image .row {
	text-decoration: none;
}

.buttons-image a.row:hover {
	border: solid .0625rem var(--color-blue);
}

/* CALL-TO-ACTION CENTERED */

.call-to-action-centered {
	overflow: clip;
}

.call-to-action-centered .background-image {
	top: -140%;
}

/* COLUMNS */

.column > div {
	height: 100%;
}

.column .background-white img {
	max-width: 9rem;
	margin: 0 auto;
	margin-top: 1.5rem;
}

/* FAQs */

.accordion {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
	gap: 0;
}

.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;
}

.faqs-long .accordion .a-container {
	padding-left: 0;
	padding-right: 0;
}

.accordion p.a-btn {
	padding: 1.125rem 0 0.125rem 0 !important;
	border-top: solid .0625rem var(--color-black);
}

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

.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: .0625rem .0625rem 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;
}

/* FOOTER */

footer a.logo {
	max-width: 10rem;
}

/* INTRO */

.intro .grid-container {
	padding-top: 6.875rem;
}

.intro-text-image {
	overflow: clip;
}

.texture-lines {
	width: 150%;
	margin-top: -5%;
	margin-bottom: -10%;
}

.video-container {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 0;
	margin-bottom: 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* FOOTER */

footer section {
	overflow: clip;
}

.footer-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 {
	width: calc(50% - .75rem);
	margin-bottom: .75rem;
}

/* TEXT IMAGE */

.text-image {
	overflow: clip;
}

/* TEXT ROWS */

.text-rows {
	overflow: clip;
	background-blend-mode: multiply;
}

.row {
	margin-top: .75rem;
	margin-bottom: .75rem;
}

.texture-lines.wavy-lines-blue {
	right: -20%;
	bottom: -150%;
}

/* SECTIONS */

@media screen and (min-width: 64.0625rem) and (max-width: 100rem) {

	
}

@media screen and (min-width: 48rem) {
	
	/* SECTIONS */
	
	/* BUTTONS IMAGE */
	
	.buttons-image .row {
		height: 50%;
	}
	
	/* TIMELINE SWIPER */

	.timeline-swiper img {
		width: calc(50% - 1.5rem);
		padding-right: 1.5rem;
	}
	
	.slide-text {
		padding-left: 1.5rem;
	}

}

@media screen and (max-width: 47.9375rem) {

	.column {
		margin-top: .75rem;
		margin-bottom: .75rem;
	}
	
	.mobile-text-align-center {
  		text-align: center;
	}
	
	.call-to-action-centered .background-image {
		top: -81%;
		width: 130%;
		left: -18%;
	}

}

@media screen and (max-width: 37.5rem) {

	.intro .grid-container {
		padding-top: 3.875rem;
	}
	
}