/*
Theme Name: UM Access & Opportunity
Author: Phire Group
Author URI: http://thephiregroup.com/
Version: 1.1
*/

@media screen {

	/* RESETS */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, main,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, main, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

	/* WORDPRESS CLASSES */

	.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: 0 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 {

	}

	.wp-caption.alignnone {
		margin: 0;
	}

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

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

	.wp-caption img {
		display: block;
		border-radius: 10px;
		margin: 0 0 10px 0;
	}

	.wp-caption p.wp-caption-text {
		color: var(--black);
		font-size: 0.875rem;
		line-height: 1.125rem;
		letter-spacing: -0.00438rem;
	}
	
	.wp-caption p {
		margin: 0 !important;
	}

	/* Text meant only for screen readers. */
	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
	}

	.screen-reader-text:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000; /* Above WP toolbar. */
	}
	
	.skip-main:not(:focus) {
	  position: absolute;
	  left: -9999px;
	  z-index: 999;
	  padding: 3em;
	  opacity: 0;
	}
	.skip-main:focus {
	  left: 50%;
	  transform: translateX(-50%);
	  opacity: 1;
	}
	.skip-main {
	  color: #000000;
	  background-color: #FFCB05;
	}
	
	.visually-hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
		border: 0;
	}


	/* GLOBAL */
	
	html {
		scroll-behavior: smooth;
	}
	
	body {
		font-family: "Figtree", sans-serif;
		font-size: 16px;
		line-height: 140%;
		font-weight: 400;
		color: #000000;
		text-align: center;
		position: relative;
		overflow-x: hidden;
	}

	:root {
		--blue: #00274C;
		--maize: #FFCB05; 
		--arb-blue: #2F65A7;
		--amethyst: #702082;
		--orange: #D86018;
		--red: #9A3324;
		--teal: #00B2A9;
		--light-teal: #CCF0EE;
		--black: #000000;
		--white: #ffffff;
		--light-grey: #F2F2F2;
		--grey: #C1C1C1;
		--stone: rgba(101, 90, 82, 0.10);
		--quad-stone: #655A52;
	}

	*, *:before, *:after {
		box-sizing: border-box;
	}
	
	.main_container {
		margin: 0 auto;
	}
	
	.row {
		margin: 0 auto;
		width: 1170px;
		text-align: left;
		position: relative;
	}

	.row_1280 {
		margin: 0 auto;
		width: 1280px;
		text-align: left;
		position: relative;
	}

	.row_770 {
		margin: 0 auto;
		width: 770px;
		text-align: left;
		position: relative;
	}

	.clearfix::after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: '';
	}
	
	p {
		margin-bottom: 1.88rem;
	}
	
	a {
		text-decoration: none;
		color: inherit;
	}
	
	a:focus, button:focus, input:focus, select:focus, textarea:focus {
		/* outline: dotted 2px #253746; */
	}
	
	img {
		max-width: 100%;
	}
	
	.centered {
		text-align: center;
	}
	
	.hide_on_desktop {
		display: none;
	}
	
	button {
		font-family: "Figtree", sans-serif;
		font-size: 1rem;
		border: 0;
		margin: 0;
		padding: 0;
		background-color: transparent;
		-webkit-appearance: none;
		appearance: none;	
		cursor: pointer;		
	}
	
	b, strong {
		font-weight: 600;
	}

	i, em {
		font-style: italic;
	}
	
	#main {

	}
	
	h1 {
		color: var(--white);
		font-size: 3rem;
		font-style: normal;
		font-weight: 400;
		line-height: 3.125rem;
		letter-spacing: -0.03rem;
	}
	
	h2 {
		color: var(--blue);
		font-size: 2.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: 100%;
		letter-spacing: -0.0375rem;
		margin: 0 0 30px 0;
	}
	
	h3 {
		color: var(--blue);
		font-size: 2.125rem;
		font-style: normal;
		font-weight: 400;
		line-height: 2.5rem;
		margin: 0 0 20px 0;
	}
	
	h4 {
		color: var(--blue);
		font-size: 1rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.375rem;
		margin: 0 0 10px 0;
	}

	.cta {
		display: inline-block;
		background-color: var(--blue);
		border: 1px solid var(--blue);
		color: var(--white);
		font-size: 0.875rem;
		line-height: 1;
		font-weight: 600;
		padding: 16px 22px;
		border-radius: 10px;
		transition: all .15s linear;
		margin: 0 20px 0 0;
	}

	.cta_white {
		background-color: var(--white);
		color: var(--blue);
	}
	
	.cta {
		display: inline-flex;
		align-items: center;
	}

	.cta svg {
		display: block;
		margin: 0 0 0 10px;
		transition: all .15s linear;
	}
	
	.cta:hover {
		background-color: var(--white);
		color: var(--blue);
	}
	
	.cta:hover svg path {
		stroke: var(--blue);
	}
	
	.cta_white:hover {
		background-color: var(--blue);
		color: var(--white);
	}
	
	.cta_white:hover svg path {
		stroke: var(--white);
	}
	
	.top_stories_block .cta:hover, .support_block_inner .cta:hover {
		border: 1px solid #ffffff;
	}
	
	.crumbs {
		color: var(--white);
		margin: 0 0 10px 0;
	}

	.crumbs a {
		color: var(--white);
		font-size: 0.75rem;
		font-weight: 600;
		line-height: 1;
		letter-spacing: -0.00375rem;
		text-decoration: underline;
	}

	.maize .crumbs, .maize .crumbs a {
		color: var(--blue);
	}

	
	
	/* HEADER */

	.desktop_header .row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		padding: 20px 0;
	}
	
	.desktop_logo img {
		display: block;
	}

	
	#menu-primary-menu {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	
	.desktop_nav {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	
	.desktop_nav li {
		margin: 0 20px;
	}
	
	.desktop_nav a {
		color: var(--blue);
		font-size: 0.875rem;
		font-weight: 600;
		line-height: 1.25rem;
		letter-spacing: -0.00438rem;
		transition: all .1s linear;
		background-image: linear-gradient(var(--maize), var(--maize));
		background-size: 0% 4px;
		background-repeat: no-repeat;
		background-position: 0 calc(100% + 2px);
		transition: background-size 0.15s;
		display: inline-flex;
		align-items: center;
	}
	
	.desktop_nav a:hover {
		background-size: 100% 4px;
	}

	.desktop_nav .current-menu-item a {
		background-size: 100% 4px;
	}

	.desktop_nav .current_page_item button span {
		background-size: 100% 4px;
	}

	.desktop_nav button {
		color: var(--blue);
		font-size: 0.875rem;
		font-weight: 600;
		line-height: 1.25rem;
		letter-spacing: -0.00438rem;
		transition: all .15s linear;
		background-image: linear-gradient(var(--maize), var(--maize));
		background-size: 0% 4px;
		background-repeat: no-repeat;
		background-position: 0 calc(100% + 2px);
		display: flex;
		align-items: center;
		margin: 1px 0 0 0;
	}

	.desktop_nav button span {
		background-image: linear-gradient(var(--maize), var(--maize));
		background-size: 0% 4px;
		background-repeat: no-repeat;
		background-position: 0 calc(100% + 2px);
		transition: background-size 0.15s;
	}

	.desktop_nav button:hover span {
		background-size: 100% 4px;
	}

	.desktop_nav button svg {
		display: block;
	}
	
	.menu-item-has-children {
		position: relative;
	}

	.desktop_nav button svg {
		display: block;
		margin: 0 0 0 6px;
	}
	
	.menu-toggle[aria-expanded="true"] {

	}
	
	.menu-toggle[aria-expanded="true"] svg {
		transition: all .1s linear;
		transform: rotate(180deg);
	}

	.sub-menu {
		display: none;
	}

	.desktop_nav ul.sub-menu {
		position: absolute;
		top: 55px;
		left: 50%;
		transform: translateX(-50%);
		padding: 20px;
		border-radius: 10px;
		background-color: var(--white);
		z-index: 3;
	}
	
	.sub-menu li {
		margin: 0 0 10px 0;
	}

	.sub-menu li a {
		background-size: 0% 4px !important;
		white-space: nowrap;
	}
	
	.sub-menu li a:hover {
		background-size: 100% 4px !important;
	}

	.sub-menu li.current_page_item a {
		background-size: 100% 4px !important;
	}
	
	.sub-menu li:last-of-type {
		margin: 0;
	}

	.main_nav {
		display: flex;
		align-items: center;
	}
	
	.search_bar {
		display: flex;
		align-items: center;
	}

	.search_field_desktop {
		width: 120px;
		color: var(--blue);
		font-family: "Figtree", sans-serif;
		font-size: 0.875rem;
		font-weight: 600;
		border: 0;
		padding: 0 20px 0 0;
	}

	.search_submit {
		width: 36px;
		height: 36px;
		color: transparent;
		overflow: hidden;
		border-radius: 10px;
		border: 0;
		background-color: var(--maize);
		background-image: url(images/icon_search.svg);
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
	}

	::placeholder {
		color: var(--blue);
		font-family: "Figtree", sans-serif;
		font-size: 0.875rem;
		font-weight: 600;
		opacity: 1;
	}
	
	#mm {
		display: none;
	}
	


	/* CONTENT BLOCKS */
	
	
		/* IMAGE HEADER */

		.header_block {
			background: var(--blue);
			padding: 60px 0 0 0;
		}

		.header_block.maize {
			background: var(--maize);
		}

		.header_block.arb-blue {
			background: var(--arb-blue);
		}

		.header_block_images {
			background: linear-gradient(180deg, var(--blue) 0%, var(--blue) 100px, var(--white) 100px, var(--white) 100%);
		}

		.header_block_images.maize {
			background: linear-gradient(180deg, var(--maize) 0%, var(--maize) 100px, var(--white) 100px, var(--white) 100%);
		}

		.header_block_images.arb-blue {
			background: linear-gradient(180deg, var(--arb-blue) 0%, var(--arb-blue) 100px, var(--white) 100px, var(--white) 100%);
		}

		.header_block h1 {
			color: var(--white);
			padding: 0 0 30px 0;
		}

		.header_block.maize h1 {
			color: var(--blue);
		}

		.header_block img {
			display: block;
			border-radius: 10px;
		}

		.intro_heading_content {
			display: grid;
			grid-template-columns: 370px 1fr;
			column-gap: 30px;
			padding: 30px 0 50px 0;
		}

		.intro_heading {
			color: var(--blue);
			font-size: 1.5rem;
			font-style: normal;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
		}

		.intro_content {
			font-size: 1.25rem;
			font-style: normal;
			font-weight: 400;
			line-height: 1.5rem;
			letter-spacing: 0.00625rem;
		}

		.intro_content p:last-of-type {
			margin: 0;
		}

		.slides {
			position: relative;
		}

		.slide {
			position: absolute;
			inset: 0;
			width: 100%;
			height: auto;
			opacity: 0;
			transition: opacity 0.8s ease;
			border-radius: 10px;
		}

		.slide.active {
			opacity: 1;
			position: relative;
		}

		.row_indicators {
			text-align: center;
			padding: 20px 0 0 0;
		}

		.inds {
			border-radius: 4px;
			height: 4px;
			margin: 20px auto 0 auto;
			width: 100%;
			display: flex;
			justify-content: center;
		}

		.ind {
			width: 20px;
			height: 4px;
			background-color: var(--stone);
			transition: all .1s linear;
		}

		.ind:hover {
			background-color: var(--blue);
		}

		.ind.active {
			background-color: var(--blue);
		}



		/* PATHWAYS HEADER */

		.pathways_header_block {
			background: linear-gradient(180deg, var(--maize) 0%, var(--maize) 80%, var(--white) 80%, var(--white) 100%);
			padding: 60px 0 100px 0;
		}
		
		.pathways_header_block h1 {
			color: var(--blue);
			font-size: 3rem;
			font-style: normal;
			font-weight: 400;
			line-height: 3.125rem;
			letter-spacing: -0.03rem;
			margin: 0 0 60px 0;
		}
		
		.tagline_intro {
			display: grid;
			grid-template-columns: 370px 1fr;
			column-gap: 30px;
			padding: 0 0 60px 0;
		}
		
		.tagline_intro .tagline {
			color: var(--blue);
			font-size: 1.5rem;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
		}
		
		.tagline_intro .intro {
			color: var(--black);
			font-size: 1.25rem;
			font-weight: 400;
			line-height: 1.5rem;
			letter-spacing: 0.00625rem;
		}
		
		.tagline_intro .intro p:last-of-type {
			margin: 0;
		}

		.marquee {
			background: linear-gradient(180deg, var(--maize) 0%, var(--maize) 100px, var(--white) 100px, var(--white) 100%);
			overflow: hidden;
			width: 100%;
		}

		.pathway {
			display: flex;
			flex-wrap: nowrap;
			width: max-content;
			animation: scroll 25s linear infinite;
		}
		
		.pathway li {
			flex: 0 0 auto;
			margin: 0 30px 0 0;
		}

		.pathways_image {
			display: block;
			border-radius: 10px;
			max-width: 270px;
		}
		
		@keyframes scroll {
		  from {
			transform: translateX(0);
		  }
		  to {
			transform: translateX(-50%);
		  }
		}
		
		.marquee:hover .pathway, .pathway.paused {
			animation-play-state: paused;
		}

		


		/* THREE CARDS */

		.three_cards_block {
			padding: 100px 0;
		}

		.three_cards {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			row-gap: 30px;
			column-gap: 30px;
		}

		.three_card a {
			width: 100%;
			height: 100%;
		}

		.three_card_img {
			aspect-ratio: 1;
			border-radius: 10px;
			margin: 0 0 12px 0;
			background-blend-mode: multiply, normal;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			padding: 24px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}

		.tcl {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			gap: 30px;
		}

		.tct {
			color: var(--white);
			font-size: 1.5rem;
			font-weight: 500;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
		}
		
		.three_card:hover .tct {
			text-decoration: underline;
		}

		/*
		.tcl svg {
			display: block;
			flex: 0 0 auto;
			transition: all .1s linear;
		}
		*/
		
		.three_cards_block .three_card_img {
			justify-content: flex-end;
		}



		/* THREE CARDS ON BLUE */

		.three_cards_blue_block {
			padding: 100px 0;
			background-color: var(--blue);
		}

		.three_cards_blue_block h2 {
			color: var(--white);
			font-size: 1.5rem;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
			margin: 0 0 20px 0;
		}
		
		.three_cards_blue {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			row-gap: 30px;
			column-gap: 30px;
		}

		.three_card_blue {
			aspect-ratio: 1;
			border-radius: 10px;
			padding: 24px;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			background-repeat: no-repeat;
			background-position: center center;
			background-blend-mode: multiply, darken;
			position: relative;
			overflow: hidden;
			transition: all .5s linear;
		}
		
		.three_card_blue_inner {
			border-radius: 10px;
			padding: 24px;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			position: relative;
			overflow: hidden;
			transition: all .5s linear;
		}
		
		.card_toggle {
			position: absolute;
			inset: 0;
			opacity: 0;
			width: 100%;
			height: 100%;
			z-index: 3;
		}

		.tcb_content {
			z-index: 5;
		}
		
		.three_card_blue .tct {
			padding: 0 44px 0 0;
		}
		
		.card_plus {
			position: absolute;
			bottom: 24px;
			right: 24px;
			transition: all .1s ease-in;
			opacity: 1;
		}
		
		.three_card_blue.hovered .card_plus {
			opacity: 0;
			bottom: 100px;
		}
		
		.tc_tl {
			max-height: 0;
			opacity: 0;
			transition: all .1s ease-in;
		}
		
		.three_card_blue.hovered .tc_tl {
			margin: 0;
			max-height: 300px;
			opacity: 1;
		}
		
		.card_teaser {
			color: var(--white);
			padding: 20px 0;
		}
		
		.card_ext_link {
			display: flex;
			align-items: center;
			color: var(--maize);
			font-size: 0.875rem;
			letter-spacing: -0.00438rem;
		}

		.card_ext_link span {
			text-decoration: underline;
		}
		
		.card_ext_link svg {
			display: block;
			margin: 0 0 0 10px;
		}



		/* IMAGE / CONTENT */

		.image_content_block {
			padding: 100px 0;
		}

		.image_content_block .row {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.left_image {
			width: 500px;
			flex: 0 0 auto;
		}

		.left_image img {
			display: block;
			border-radius: 10px;
		}

		.right_content {
			width: 510px;
			flex: 0 0 auto;
		}

		.lcri .left_image {
			order: 2;
		}

		.lcri .right_content {
			order: 1;
		}


		/* FAQ */

		.faqs_block {
			padding: 100px 0;
		}

		.faqs_block h2 {
			color: var(--blur);
			font-size: 1.5rem;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
			margin: 0 0 40px 0;
		}

		.faq_block {
			padding: 20px 0;
			border-top: 1px solid rgba(101, 90, 82, 0.10);
		}

		.faq_block:last-of-type {
			border-bottom: 1px solid rgba(101, 90, 82, 0.10);
		}

		.question {
			width: 100%;
			text-align: left;
			color: var(--black);
			font-size: 1rem;
			font-style: normal;
			font-weight: 600;
			line-height: 1.375rem;
			letter-spacing: -0.005rem;
			display: flex;
			justify-content: space-between;
			gap: 30px;
		}

		.question svg {
			display: block;
			transition: all .15s linear;
			transform: rotate(180deg);
		}

		.question[aria-expanded="true"] svg {
			transform: rotate(0deg);
		}

		.answer {
			display: none;
			padding: 20px 0 0 0;
		}

		.answer.active {
			display: block;
		}

		.answer p:last-of-type {
			margin: 0;
		}

		.answer a {
			text-decoration: underline;
		}



		/* TESTIMONIALS */

		.testimonials_block {
			margin: 0 0 100px 0;
		}

		.testimonials_block .row {
			border-radius: 10px;
			background-color: var(--stone);
			padding: 14px;
		}

		.testimonials {
			position: relative;
		}

		.testimonial {
			display: grid;
			grid-template-columns: 342px 1fr;
			column-gap: 30px;
			position: absolute;
			inset: 0;
			width: 100%;
			height: auto;
			min-height: 342px;
			opacity: 0;
			transition: opacity 0.8s ease;
		}
		
		.testimonial.no_img {
			grid-template-columns: 1fr;
			padding: 0 15px;
		}

		.testimonial.active {
			opacity: 1;
			position: relative;
		}

		.t_img img {
			display: block;
			border-radius: 10px;
		}

		.t_quote {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding: 16px 16px 16px 0;
		}
		
		.t_quote .hc_t_bottom {
			display: none;
		}

		.quote {
			font-size: 1.5rem;
			font-weight: 500;
			line-height: 2rem;
			letter-spacing: -0.02rem;
		}

		.quote svg {
			display: block;
			margin: 0 0 10px 0;
		}

		.name_title_class {
			font-size: 0.875rem;
			font-style: normal;
			line-height: 1.125rem;
			letter-spacing: -0.00438rem;
		}

		.name_title_class b {
			font-weight: 500;
		}

		.t_nav {
			position: absolute;
			bottom: 16px;
			right: 16px;
			display: flex;
			align-items: center;
		}

		.testimonials .inds {
			width: auto;
			margin: 0;
		}
		
		.t_prev, .g_prev {
			width: 30px;
			height: 30px;
			margin: 0 0 0 10px;
			transition: all .1s linear;
		}
		
		.t_next, .g_next {
			width: 30px;
			height: 30px;
			margin: 0 0 0 10px;
			transition: all .1s linear;
		}

		.t_prev:hover, .g_prev:hover, .t_next:hover, .g_next:hover {
			transform: scale(1.1);
		}
		
		
	
		/* STATS */

		.stats_block {
			padding: 40px 0 100px 0;
		}

		.stat_cards {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			row-gap: 30px;
			column-gap: 30px;
		}

		.stat_card {
			border-radius: 10px;
			border: 1px solid var(--stone);
			background: var(--blue);
			color: var(--white);
			padding: 40px;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			font-size: 1.25rem;
			font-weight: 500;
			line-height: 1.5rem;
			letter-spacing: -0.00625rem;
			aspect-ratio: 37 / 30;
		}

		.stat_card .stat {
			color: var(--white);
			font-size: 4rem;
			font-style: normal;
			font-weight: 500;
			line-height: 100%;
			letter-spacing: -0.06rem;
			margin: 0 0 20px 0;
		}



		/* UNIT CARDS */

		.unit_cards_block {
			padding: 100px 0;
		}

		.unit_cards_block h2 {
			color: var(--blue);
			font-family: Figtree;
			font-size: 2rem;
			font-weight: 500;
			line-height: 2.25rem;
			letter-spacing: -0.02rem;
			margin: 0 0 10px 0;
		}

		.unit_cards {
			padding: 10px 0 40px 0;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			row-gap: 30px;
			column-gap: 40px;
		}

		.unit_card {
			height: 100%;
			min-height: 250px;
			border-radius: 10px;
			background-color: var(--blue);
			color: #ffffff;
			padding: 24px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		
		.unit_card:hover .unit_card_title {
			text-decoration: underline;
		}
		
		.unit_card_logo {
			margin: 0 0 20px 0;
		}

		.unit_card_logo img {
			display: block;
			max-width: 50%;
		}

		.unit_card_title {
			font-size: 1.5rem;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
			margin: 0 0 5px 0;
		}

		.unit_card p:last-of-type {
			margin: 0;
		}

		.ext_icon {
			display: flex;
			width: 30px;
			height: 30px;
			justify-content: center;
			align-items: center;
			border-radius: 10px;
			border: 1px solid var(--arb-blue);
			backdrop-filter: blur(2px);
		}
		
		.ext_icon_white {
			flex: 0 0 auto;
			display: flex;
			width: 30px;
			height: 30px;
			justify-content: center;
			align-items: center;
			border-radius: 10px;
			border: 1px solid var(--white);
			backdrop-filter: blur(2px);
		}

		.unit_card .ext_icon {
			margin: 10px 0 0 0;
			transition: all .1s linear;
		}




		/* LEFT IMAGE / RIGHT DRAWERS */

		.left_image_right_drawers_block {
			padding: 100px 0;
		}

		.left_image_right_drawers_block .row {
			display: flex;
			justify-content: space-between;
		}

		.left_image_right_drawers_block .left_image {
			width: 500px;
			flex: 0 0 auto;
		}

		.right_drawers {
			width: 570px;
			flex: 0 0 auto;
		}

		.right_drawers h2 {
			color: var(--blue);
			font-size: 2rem;
			font-weight: 500;
			line-height: 2.25rem;
			letter-spacing: -0.02rem;
			margin: 0 0 30px 0;
		}

		.right_drawers .question {
			color: var(--blue);
			font-size: 1.25rem;
			font-weight: 500;
			line-height: 1.5rem;
			letter-spacing: -0.00625rem;
			align-items: center;
		}

		.right_drawers .cta {
			display: inline-flex;
			align-items: center;
			text-decoration: none;
		}

		.right_drawers .cta svg{
			display: block;
			margin: 0 0 0 10px;
		}



		/* LEFT HEADING / RIGHT CONTENT (BLUE) */

		.lhrc_blue_block {
			background-color: var(--blue);
			padding: 100px 0;
		}

		.lhrc_blue_block .row {
			display: flex;
			justify-content: space-between;
		}

		.lh {
			width: 270px;
			flex: 0 0 auto;
		}

		.lh h2 {
			color: var(--maize);
			font-size: 2.5rem;
			font-weight: 600;
			line-height: 100%;
			letter-spacing: -0.0375rem;
		}

		.rc {
			width: 770px;
			flex: 0 0 auto;
			color: var(--white);
		}

		.rc h3 {
			color: var(--white);
			font-size: 2rem;
			font-weight: 500;
			line-height: 2.25rem;
			letter-spacing: -0.02rem;
			margin: 0 0 30px 0;
		}

		.link_section {
			padding: 60px 0;
			border-bottom: 1px solid var(--arb-blue);
		}

		.link_section:first-of-type {
			padding: 0 0 60px 0;
		}

		.ext_links {
			display: grid;
			grid-template-columns: 1fr 1fr;
			column-gap: 30px;
			row-gap: 40px;
		}

		.link_title {
			display: inline-flex;
			align-items: center;
			color: var(--maize);
			font-size: 1.375rem;
			font-weight: 500;
			line-height: 1.625rem;
			letter-spacing: -0.01375rem;
			margin: 0 0 4px 0;
		}

		.link_title svg {
			display: block;
			margin: 0 0 0 10px;
		}

		.link_title:hover span {
			text-decoration: underline;
		}



		/* SUBSCRIBE / NEWS */

		.subscribe_news_block {
			padding: 100px 0;
		}

		.subscribe_news_block .row {
			display: grid;
			grid-template-columns: 1fr 1fr;
			column-gap: 30px;
		}

		.left_subscribe {
			border-radius: 10px;
			border: 1px solid var(--stone);
			padding: 50px;
		}

		.left_subscribe h2 {
			color: var(--blue);
			font-size: 1.5rem;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
			margin: 0 0 10px 0;
		}

		.left_subscribe p {
			margin: 0 0 20px 0;
		}

		.right_news {
			border-radius: 10px;
			background-color: var(--maize);
			padding: 50px;
			display: flex;
			align-items: center;
		}

		.right_news svg {
			display: block;
			margin: 0 0 20px 0;
		}

		.right_news p {
			margin: 0 0 20px 0;
		}

		.right_news h2 {
			color: var(--blue);
			font-size: 2rem;
			font-weight: 500;
			line-height: 2.25rem;
			letter-spacing: -0.02rem;
			margin: 0 0 10px 0;
		}




		/* TOP STORIES */

		.top_stories_block {
			padding: 100px 0;
			background-color: var(--blue);
		}

		.top_stories_block h2 {
			color: var(--maize);
			font-size: 1.5rem;
			font-style: normal;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
			margin: 0 0 30px 0;
		}

		.view_all_row {
			display: flex;
			justify-content: flex-end;
			margin: 30px 0 0 0;
		}
		
		.view_all_row .cta {
			margin: 0;
		}

		.top_stories_block .tct {
			font-size: 1.125rem;
			font-weight: 500;
			line-height: 1.25rem;
			letter-spacing: 0.00563rem;
		}
		
		/*
		.top_stories_block .three_card_img {
			justify-content: flex-end;
		}
		*/
		
		


		/* AT A GLANCE */
		
		.at_a_glance_block {
			padding: 100px 0;
		}
		
		.at_a_glance_block h2 {
			color: var(--blue);
			font-size: 1.5rem;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
			margin: 0 0 40px 0;
		}
		
		.impact_grids {
			/* position: relative; */
			display: grid;
		}
		
		.impact_grid {
			grid-area: 1 / 1;
			display: grid;
			grid-template-columns: 1fr 1fr 2fr;
			grid-template-rows: 1fr 1fr;
			gap: 30px;
			width: 100%;
			height: auto;
			opacity: 0;
			transition: opacity 0.8s ease;
		}
		
		.impact_grid.active {
			opacity: 1;
		}
		
		.grid_img {
			grid-column: 3;
			grid-row: 1 / span 2;
		}

		.grid_img img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 10px;
		}
		
		.grid_desc {
			border-radius: 10px;
			border: 1px solid rgba(101, 90, 82, 0.50);
			background-color: var(--white);
			padding: 30px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			aspect-ratio: 1;
		}
		
		.grid_desc h3 {
			color: var(--blue);
			font-size: 1.5rem;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;			
		}
		
		.grid_card {
			border-radius: 10px;
			background: rgba(101, 90, 82, 0.10);
			padding: 30px;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			aspect-ratio: 1;
		}
		
		.grid_stat {
			color: var(--blue);
			font-size: 2.5rem;
			font-weight: 600;
			line-height: 100%;
			letter-spacing: -0.0375rem;
			margin: 0 0 10px 0;
		}
		
		.g_nav {
			margin: 40px 0 0 0;
			display: flex;
			align-self: flex-end;
			align-items: center;
		}
		
		.g_nav .inds {
			margin: 0;
			justify-content: end;
		}
		


		/* HOME HERO */

		.home_hero_block {

		}

		.single_img {
			height: 700px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			position: relative;
		}
		
		.single_img .row {
			height: 700px;
			display: flex;
			flex-direction: column;
			justify-content: end;
		}
		
		.hero_text {
			color: var(--white);
			font-size: 1.5rem;
			font-weight: 500;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
			padding: 0 0 100px 0;
		}
		
		.hero_cta {
			margin: 30px 0 0 0;
		}
		
		.hero_cta .cta {
			margin: 0;
		}
		
		.hero_cta .cta svg {
			display: block;
			margin: 0 0 0 10px;
		}
		
		.a_and_o {
			display: block;
			padding: 20px 0;
		}
		
		.ar {
			text-align: right;
		}
		
		.home_tagline_intro {
			background-color: var(--maize);
			padding: 60px 0 100px 0;
		}

		.home_tagline_intro .row {
			display: flex;
			justify-content: space-between;
		}

		.left_tagline {
			width: 370px;
			flex: 0 0 auto;
			color: var(--blue);
			font-size: 1.5rem;
			font-style: normal;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
		}

		.right_intro {
			width: 770px;
			flex: 0 0 auto;
			color: var(--blue);
			font-size: 2rem;
			font-style: normal;
			font-weight: 400;
			line-height: 2.25rem;
			letter-spacing: -0.02rem;
			margin: 0 0 20px 0;
		}

		.bg-slide {
		  position: absolute;
		  inset: 0;
		  background-size: cover;
		  background-position: center;
		  opacity: 0;
		  transition: opacity 1s ease;
		}

		.bg-slide.active {
		  opacity: 1;
		}




		/* HOME CARDS */
		
		.home_cards_block {
			padding: 100px 0;
		}
		
		.home_cards_block h2{
			color: var(--blue);
			font-size: 1.5rem;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
		}
		
		.home_cards_tc {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			column-gap: 30px;
			margin: 0 0 30px 0;
		}
		
		.hc_t {
			aspect-ratio: 1/1;
			border-radius: 10px;
			background: rgba(101, 90, 82, 0.10);
			padding: 30px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		
		.hc_t.hide_on_desktop {
			display: none;
		}

		.hc_t_bottom {
			display: flex;
			align-items: end;
		}
		
		.hc_t_img {
			display: block;
			width: 70px;
			height: auto;
			border-radius: 10px;
			margin: 0 20px 0 0;
		}

		.quote_small {
			color: var(--black);
			font-size: 1.375rem;
			font-weight: 500;
			line-height: 1.625rem; 
			letter-spacing: -0.01375rem;
			margin: 10px 0 0 0;
		}
		
		.hc_t .major_title_class, .hc_bt_right .major_title_class {
			color: var(--quad-stone);
			font-size: 0.875rem;
			line-height: 1.125rem;
			letter-spacing: -0.00438rem;
		}
		
		.hc_t .major_title_class b, .hc_bt_right .major_title_class b {
			color: var(--black);
		}
		
		.hc_r {
			aspect-ratio: 1/1;
			border-radius: 10px;
			background-color: var(--blue);
			padding: 24px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		
		.hc_r svg {
			transition: all .1s linear;
		}
		
		.hc_r:hover svg {
			/* transform: scale(1.1); */
		}
		
		.hc_r:hover .hc_r_title {
			text-decoration: underline;
		}
		
		.pill {
			display: inline-flex;
			margin: 0 10px 0 0;
			height: 22px;
			padding: 10px;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 3px;
			border-radius: 6px;
			background-color: var(--white);
			color: var(--arboretum-blue);
			font-size: 0.75rem;
			font-weight: 600;
			line-height: 120%;
			letter-spacing: -0.00375rem;
		}
		
		.hc_r_title {
			color: var(--white);
			font-size: 2rem;
			font-weight: 500;
			line-height: 2.25rem;
			letter-spacing: -0.02rem;			
		}
		
		.pill + .hc_r_title {
			margin: 14px 0 0 0;
		}

		.hc_n {
			aspect-ratio: 1/1;
			border-radius: 10px;
			background-color: var(--blue);
			padding: 10px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}
		
		.hc_n_bottom {
			border-radius: 10px;
			background: rgba(0, 0, 0, 0.60);
			backdrop-filter: blur(4px);
			padding: 16px 20px;
			color: var(--white);
			font-size: 1.125rem;
			font-weight: 500;
			line-height: 1.25rem;
			letter-spacing: -0.01125rem;
		}
		
		.hc_n:hover .hc_n_bottom {
			text-decoration: underline;
		}
		
		.hc_n_bottom svg {
			margin: 0 0 0 5px;
		}
		
		.hc_u {
			aspect-ratio: 1/1;
			border-radius: 10px;
			background-color: var(--blue);
			display: flex;
			flex-direction: column;
		}
		
		.hc_u_top {
			height: 50%;
			padding: 24px;
			color: var(--white);
			font-size: 2rem;
			font-weight: 500;
			line-height: 2.25rem;
			letter-spacing: -0.02rem;
		}
		
		.hc_u_top svg {
			display: block;
			margin: 0 0 12px 0;
		}
		
		.hc_u_bottom {
			height: 50%;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			padding: 15px;
			text-align: left;
			border-radius: 0 0 10px 10px;
			display: flex;
			align-items: flex-end;
			justify-content: end;
		}
		
		.hc_u_bottom.hovered {
			background-image: none !important;
			padding: 24px;
			flex-direction: column;
		}
		
		.hc_u_bottom.hovered .unit_plus {
			display: none;
		}
		
		.unit_teaser {
			display: none;
			margin: auto 0 0 0;
		}
		
		.hc_u_bottom.hovered .unit_teaser {
			display: block;
		}
		
		.unit_teaser .card_teaser {
			padding: 0 0 20px 0;
		}
		
		.home_cards_ltoc {
			height: 370px;
			display: grid;
			grid-template-columns: 1fr 370px;
			column-gap: 30px;
			margin: 0 0 30px 0;
		}
		
		.home_cards_ocrt {
			height: 370px;
			display: grid;
			grid-template-columns: 370px 1fr;
			column-gap: 30px;
			margin: 0 0 30px 0;
		}
		
		.hc_bt {
			height: 370px;
			border-radius: 10px;
			background-color: rgba(101, 90, 82, 0.10);
			padding: 14px;
			display: grid;
			grid-template-columns: 260px 1fr;
			column-gap: 30px;
		}

		.hc_bt_left {
			border-radius: 10px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}
		
		.hc_bt_right {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding: 16px 16px 16px 0;
		}

		.quote_med {
			color: var(--black);
			font-size: 1.35rem;
			font-weight: 500;
			line-height: 1.65rem;
			letter-spacing: -0.015rem;
		}



		/* AT A GLANCE CARDS */
		
		.at_a_glance_cards_block {
			padding: 100px 0;
		}
		
		.at_a_glance_cards_block h2 {
			color: var(--blue);
			font-family: Figtree;
			font-size: 1.5rem;
			font-weight: 600;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
			margin: 0 0 40px 0;
		}

		.at_a_glance_cards {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
			column-gap: 30px;
			row-gap: 30px;
		}

		.aagc_s {
			border-radius: 10px;
			/*
			aspect-ratio: 1/1;
			*/
			height: 100%;
			min-height: 270px;
			background-color: var(--blue);
			padding: 10px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			padding: 10px;
		}

		.aagc_s .hc_n_bottom {
			color: var(--white);
			font-size: 1rem;
			font-weight: 500;
			line-height: 1.125rem;
			letter-spacing: -0.005rem;
		}
		
		.aagc_s:hover .hc_n_bottom {
			text-decoration: underline;
		}
		
		.date_time {
			color: var(--maize);
			font-size: 0.75rem;
			font-weight: 600;
			line-height: 120%;
			letter-spacing: -0.00375rem;
			text-transform: uppercase;
		}
		
		.location {
			color: var(--maize);
			font-size: 0.875rem;
			font-weight: 400;
			line-height: 1.125rem;
			letter-spacing: -0.00438rem;
		}
		
		.aagc_r {
			/*
			aspect-ratio: 1/1;
			*/
			height: 100%;
			min-height: 270px;
			border-radius: 10px;
			background-color: var(--blue);
			padding: 10px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		
		.aagc_r_title {
			color: var(--white);
			font-size: 1.5rem;
			font-weight: 500;
			line-height: 1.75rem;
			letter-spacing: -0.015rem;
			margin: 14px 0 0 0;
		}
		
		.aagc_r:hover .aagc_r_title {
			text-decoration: underline;
		}
		
		.aagc_r svg {
			transition: all .1s linear;
		}
		
		
		.aagc_r:hover svg {
			/* transform: scale(1.1); */
		}
		
		.aagc_t {
			/*
			aspect-ratio: 1/1;
			*/
			height: 100%;
			min-height: 270px;
			border-radius: 10px;
			background: rgba(101, 90, 82, 0.10);
			padding: 20px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		
		.aagc_t .quote_small {
			color: var(--black);
			font-size: 1rem;
			font-weight: 500;
			line-height: 1.25rem;
			letter-spacing: 0.00563rem;
			margin: 0;
		}
		
		.aagc_t .major_title_class {
			font-size: 0.875rem;
			line-height: 1.125rem;
			letter-spacing: -0.00438rem;
			margin: 10px 0 0 0;
		}
		
		
		/* GENERAL CONTENT */
		
		.general_content_block {
			padding: 100px 0;
		}
		
		

	/* STORIES */

	.stories_header {
		padding: 60px 0 10px 0;
		background-color: var(--arb-blue);
	}

	.stories_header h1 {
		color: var(--white);
		margin: 0 0 60px 0;
	}
	
	.stories_filters {
		padding: 0 0 20px 0;
		display: flex;
		align-items: center;
		color: var(--white);
		font-size: 0.875rem;
		line-height: 1.125rem;
		letter-spacing: -0.00438rem;
	}
	
	.filter_type {
		margin: 0 10px 0 0;
	}
	
	.filter_space {
		width: 60px;
	}
	
	.filter_pills li {
		display: inline-block;
		margin: 0 5px 0 0;
	}
	
	.filter_pill {
		display: inline-flex;
		align-items: center;
		padding: 6px 14px;
		border-radius: 6px;
		border: 0.5px solid rgba(255, 255, 255, 0.70);
		color: var(--white);
		font-size: 0.875rem;
		font-weight: 600;
		line-height: 1.125rem;
		letter-spacing: -0.00438rem;
		transition: all .15s linear;
	}
	
	.filter_pill:hover {
		background-color: var(--white);
		color: var(--arb-blue);
	}
	
	.filter_pill svg {
		display: none;
		margin: 0 0 0 5px;
	}
	
	.filter_pill.active {
		background-color: var(--white);
		color: var(--arb-blue);
	}
	
	.filter_pill.active svg {
		display: inline-block;
	}
	
	.stories {
		padding: 40px 0 100px 0;
	}

	.stories .tct {
		font-size: 1.125rem;
		font-weight: 500;
		line-height: 1.25rem;
		letter-spacing: 0.00563rem;
	}

	.story_header {
		background: var(--arb-blue);
		padding: 60px 0 0 0;
	}
	
	.story_header_image {
		background: linear-gradient(180deg, var(--arb-blue) 0%, var(--arb-blue) 100px, var(--white) 100px, var(--white) 100%);
	}

	.story_header h1 {
		color: var(--white);
		font-size: 2rem;
		font-weight: 500;
		line-height: 2.25rem;
		letter-spacing: -0.02rem;
		padding: 0 0 30px 0;
	}
	
	.story_image {
		display: block;
		border-radius: 10px;
	}
	
	.story_content {
		margin: 50px 0 150px 0;		
	}
	
	.story_content .row {
		display: grid;
		grid-template-columns: 270px 1fr 170px;
		column-gap: 30px;
	}
	
	.story_date {
		color: var(--blue);
		font-size: 1rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.375rem;
		letter-spacing: -0.005rem;
		margin: 0 0 4px 0;
	}
	
	.story_author {
		color: var(--blue);
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.375rem;
		letter-spacing: -0.005rem;
		margin: 0 0 30px 0;
	}
	
	hr {
		width: 100%;
		border-bottom: 1px solid rgba(101, 90, 82, 0.10);
		border-top: 0;
		border-left: 0;
		border-right: 0;
		height: 1px;
		margin: 2.5rem 0 !important;
		color: transparent;
	}
	
	.story_right p {
		margin-bottom: 1.5rem;
	}
	
	.story_right a.cta {
		text-decoration: none;
	}
	
	.story_right h2 {
		color: var(--blue);
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1.75rem;
		letter-spacing: -0.015rem;
		margin: 0 0 20px 0;
	}
	
	.story_right iframe {
		width: auto !important;
		height: auto !important;
		aspect-ratio: 16/9 !important;
	}
	
	.story_right div {
		max-width: 100% !important;
	}
	
	.story_right div img {
		height: auto !important;
	}
	
	.story_right a {
		text-decoration: underline;
	}
	
	blockquote {
		border-radius: 8px;
		background-color: rgba(101, 90, 82, 0.10);
		padding: 80px 40px 40px 40px;
		color: var(--black);
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.75rem;
		letter-spacing: -0.015rem;
		margin: 0 0 2.5rem 0;
		background-image: url(images/icon_quote.svg);
		background-repeat: no-repeat;
		background-position: left 40px top 40px;
	}
	
	blockquote p:last-of-type {
		margin: 0;
	}
	
	
	
	/* CONNECT */
	
	.connect_header {
		background-color: var(--blue);
		padding: 60px 0 30px 0;	
	}
	
	.connect_team {
		background-color: var(--blue);
		padding: 50px 0 100px 0;	
	}

	.connect_team h2 {
		color: var(--white);
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1.75rem;
		letter-spacing: -0.015rem;		
		margin: 0 0 40px 0;
	}
	
	.team_lead {
		display: grid;
		grid-template-columns: 210px 270px;
		column-gap: 30px;
		margin: 0 0 30px 0;
	}
	
	.tl_image img {
		display: block;
		border-radius: 10px;		
	}
	
	.tl_content {
		display: flex;
		flex-direction: column;
		justify-content: end;
	}
	
	.team_members {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		column-gap: 30px;
		row-gap: 30px;
	}
	
	.team_member img {
		display: block;
		border-radius: 10px;
		margin: 0 0 12px 0
	}
	
	.tm_name {
		color: var(--white);
		font-size: 0.875rem;
		font-weight: 600;
		line-height: 1.125rem;
		letter-spacing: -0.00438rem;
	}
	
	.tm_title {
		color: var(--white);
		font-size: 0.875rem;
		line-height: 1.125rem;
		letter-spacing: -0.00438rem;
	}
	
	.connect_form {
		padding: 120px 0;
	}
	
	.connect_form .row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	
	.support_block {
		width: 370px;
		flex: 0 0 auto;
		color: var(--white);
	}
	
	.support_block_inner {
		border-radius: 10px;
		background-color: var(--blue);
		padding: 30px;
	}
	
	.support_block h2 {
		color: var(--maize);
		font-family: Figtree;
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1.75rem;
		letter-spacing: -0.015rem;
		margin: 0 0 20px 0;
	}
	
	.form_code {
		width: 670px;
		flex: 0 0 auto;
	}
	
	.form_code h2 {
		color: var(--blue);
		font-family: Figtree;
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1.75rem;
		letter-spacing: -0.015rem;
		margin: 0 0 40px 0;
	}
	
	
	
	/* SEARCH RESULTS */
	
	.search_results {
		padding: 60px 0;
	}
	
	.search_results li {
		margin: 0 0 30px 0;
	}
	
	.search_link {
		color: var(--blue);
		font-family: Figtree;
		font-size: 1.25rem;
		font-weight: 600;
		line-height: 1.5rem;
		letter-spacing: -0.015rem;
	}
	
	.search_link:hover {
		text-decoration: underline;
	}




	/* FORMS */
	
	.gfield_label {
		font-size: 0.875rem !important;
		font-weight: 500 !important;
		line-height: 1.125rem  !important; 
		letter-spacing: -0.00438rem  !important;
	}

	.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
		border-radius: 10px;
		border: 1px solid rgba(101, 90, 82, 0.50);
		background: #FFF;
		padding: 16px;
	}
	
	.gform_wrapper.gravity-theme .gfield textarea.large {
		border-radius: 10px;
		border: 1px solid rgba(101, 90, 82, 0.50);
		background: #FFF;
		padding: 16px;
		font-family: 'Figtree', sans-serif;
	}
	
	.gform_button {
		display: inline-block;
		background-color: var(--blue);
		border: 1px solid var(--blue);
		color: var(--white);
		font-family: 'Figtree', sans-serif;
		font-size: 0.875rem;
		line-height: 1;
		font-weight: 600;
		padding: 16px 22px;
		border-radius: 10px;
		transition: all .15s linear;
		cursor: pointer;
		appearance: none;
	}
	
	.gform_button:hover {
		background-color: var(--white);
		color: var(--blue);
	}

	

	/* PAGINATION */
	
	.paginate {
		margin: 60px 0 0 0;
		text-align: center;
		height: 30px;
		display: flex;
		justify-content: center;
	}
	
	.page-numbers {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		color: #131516;
		border: 1px solid rgba(101, 90, 82, 0.10); 
		background-color: rgba(101, 90, 82, 0.10);
		border-radius: 10px;
		width: 30px;
		height: 30px;
		margin: 0 5px;
		font-size: 0.75rem;
		font-weight: 600;
		line-height: 120%;
		letter-spacing: -0.00375rem;
		transition: all .1s linear;
		text-decoration: none !important;
	}
	.page-numbers.current {
		background-color: #ffffff;
	}
	.page-numbers:hover {
		background-color: #ffffff;
	}
	.page-numbers.current:hover {

	}
	.page-numbers.prev {
		border: 1px solid var(--blue);
		background-color: var(--blue);
		background-image: url(images/icon_pagi_next.svg);
		background-repeat: no-repeat;
		background-position: center center;
		color: transparent;
		transform: rotate(180deg);
	}
	.page-numbers.prev:hover {

	}
	.page-numbers.next {
		border: 1px solid var(--blue);
		background-color: var(--blue);
		background-image: url(images/icon_pagi_next.svg);
		background-repeat: no-repeat;
		background-position: center center;
		color: transparent;
	}
	.page-numbers.next:hover {

	}




	/* FOOTER */
	
	footer {
		background-color: #ffffff;
	}
	
	footer .row {
		padding: 40px 0;
		border-top: 1px solid var(--stone);
		display: flex;
		justify-content: space-between;
	}

	.footer_subscribe {
		width: 400px;
		flex: 0 0 auto;
	}

	.footer_subscribe h2 {
		color: var(--blue);
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.75rem;
		letter-spacing: -0.015rem;
		margin: 0 0 10px 0;
	}
	
	footer .gform_required_legend {
		display: none;
	}
	
	.footer_contact {
		width: 300px;
		flex: 0 0 auto;
		line-height: 2rem;
		letter-spacing: -0.005rem;
	}
	
	.footer_nav {
		width: 180px;
		flex: 0 0 auto;
	}

	.footer_nav li {
		margin: 0 0 10px 0;
	}
	
	.footer_nav li a {
		color: var(--blue);
		font-weight: 600;
		line-height: 1.375rem;
		letter-spacing: -0.005rem;
		background-image: linear-gradient(var(--maize), var(--maize));
		background-size: 0% 4px;
		background-repeat: no-repeat;
		background-position: 0 calc(100% + 2px);
		transition: background-size 0.15s;
	}

	.footer_nav li a:hover {
		background-size: 100% 4px;
	}
	
	.footer_support .cta {
		margin: 0;
	}

	footer .row_2 {
		margin: 60px auto 0 auto;
	}
	
	.footer_logo img {
		display: block;
		/*
		width: 200px;
		height: auto;
		*/
	}

	.footer_copyright {
		color: var(--blue);
		font-size: 0.875rem;
		line-height: 1.125rem;
		letter-spacing: -0.00438rem;
	}
	
	.play_pause {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 17;
		display: none;
		width: 36px;
		height: 36px;
		justify-content: center;
		align-items: center;
		border-radius: 6px;
		background: rgba(0, 0, 0, 0.55);
		backdrop-filter: blur(5px);
		transition: all .1s linear;
	}
	
	.play_pause.shown {
		display: flex;
	}
	
	.play_pause .pause {
		display: block;
	}
	
	.play_pause .play {
		display: none;
	}

	.play_pause.pressed .pause {
		display: none;
	}
	
	.play_pause.pressed .play {
		display: block;
	}
	
	.play_pause .pause_text {
		display: none;
	}
	
	.play_pause .play_text {
		display: none;
	}
	
	.play_pause:hover {
		width: auto;
		padding: 0 12px;
	}
	
	.play_pause.pressed:hover .pause_text {
		display: none;
	}
	
	.play_pause:hover .pause_text {
		display: block;
	}
	
	.play_pause.pressed:hover .play_text {
		display: block;
	}

	.play_pause .play_text, .play_pause .pause_text {
		display: none;
		color: var(--white);
		font-family: Figtree, sans-serif;
		font-size: 0.75rem;
		font-weight: 600;
		letter-spacing: -0.00375rem;
		padding: 0 8px 0 0;
	}

}


@media screen and (min-width: 990px) and (max-width: 1300px) {

	.row, .row_1280  {
		width: 970px;
	}
	
	/* HEADER */
	
	.desktop_logo img {
		width: 200px;
		height: auto;
	}
	
	.search_field_desktop {
		width: 80px;
	}
	
	
	/* CONTENT BLOCKS */
	
	.left_tagline {
		width: 270px;
	}
	
	.right_intro {
		width: 670px;
	}
	
	.home_cards_tc {
		grid-template-columns: 310px 310px 310px;
		column-gap: 20px;
		margin: 0 0 20px 0;
	}
	
	.home_cards_ocrt {
		height: auto;
		grid-template-columns: 310px 640px;
		column-gap: 20px;
		margin: 0 0 20px 0;
	}
	
	.home_cards_ltoc {
		height: auto;
		grid-template-columns: 640px 310px;
		column-gap: 20px;
		margin: 0 0 20px 0;
	}
	
	.hc_u {
		aspect-ratio: 3 / 5;
	}
	
	.hc_n {
		aspect-ratio: 3 / 5;
	}
	
	.hc_r {
		aspect-ratio: 3 / 5;
	}
	
	.hc_bt {
		height: auto;
	}
	
	.aagc_s, .aagc_t, .aagc_r, .aagc_u {
		aspect-ratio: 3 / 5;
	}

	.rc {
		width: 670px;
		flex: 0 0 auto;
	}
	
	.left_image {
		width: 400px;
	}
		
	.left_image_right_drawers_block .left_image {
		width: 400px;
	}
	
	.right_drawers {
		width: 500px;
	}

	.form_code {
		width: 540px;
	}

	.stat_cards {
		display: grid;
		grid-template-columns: 310px 310px 310px;
		row-gap: 20px;
		column-gap: 20px;
	}

	.impact_grid {
		width: 970px;
		grid-template-columns: 1fr 1fr 1fr;
	}


	
	/* FOOTER */
	
	.footer_subscribe {
		width: 300px;
		flex: 0 0 auto;
	}


}


@media screen and (max-width: 989px) {


	.hide_on_desktop {
		display: block;
	}
	
	.hide_on_mobile {
		display: none !important;
	}
	
	.row, .row_770, .row_1280 {
		width: calc(100vw - 30px);
		margin: 0 auto;
	}
	
	h1 {
		font-size: 2rem;
		font-style: normal;
		font-weight: 500;
		line-height: 2.25rem;
		letter-spacing: -0.02rem;
	}
	
	h2 {
		font-size: 2.125rem;
		line-height: 2.5rem;;
	}


	
	/* HEADER */
	
	.mobile_header {
		padding: 20px 0;
		width: 100%;
		z-index: 5;
	}
	
	.mobile_header .row {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}

	.mobile_logo img {
		display: block;
		width: 300px;
		height: auto;
	}
	
	#burger {
		background-color: var(--maize);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		flex: 0 0 auto;
		padding: 0;
		margin: 0;
		border-radius: 10px;
	}
	
	#burger svg {
		display: block;
	}
	
	#burger.active .burger_closed {
		display: none;
	}
	
	#burger.active .burger_open {
		display: block;
	}
	
	#burger .burger_open {
		display: none;
	}

	.advising_heading {
		margin: 18px 0 0 0;
	}
	
	#mm {
		display: none;
		z-index: 3;
		background-color: #ffffff;
		width: 100%;
		min-height: 100vh;
	}
	
	#mm.dropped {
		display: block;
	}

	.mm_inner {
		padding: 20px 0 30px 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	#mm .search_bar {
		border-bottom: 1px solid rgba(152, 156, 151, 0.50);
		padding: 0 0 30px 0;
		margin: 0 0 10px 0;
	}

	.search_box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	
	.search_field_mobile {
		width: calc(100% - 46px);
		color: var(--blue);
		font-family: Figtree, sans-serif;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 500;
		line-height: 36px;
		letter-spacing: 0.00563rem;
		border: 0;
		padding: 0 10px;
		margin: 0;
		appearance: none;
	}
	
	.search_field_mobile::placeholder {
		font-family: Figtree, sans-serif;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 500;
		line-height: 36px;
		letter-spacing: 0.00563rem;
		border: 0;
	}

	.mm_inner .cta_teal {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.sub-menu li {
		margin: 0;
	}

	#mm .menu-item {
		padding: 20px 0;
	}
	
	#mm	.menu-toggle, #mm li a {
		width: 100%;
		display: flex;
		justify-content: space-between;
		color: var(--blue);
		align-items: center;
		color: var(--blue);
		font-family: 'Figtree', sans-serif;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.75rem; /* 116.667% */
		letter-spacing: -0.015rem;
	}
	
	#mm	.menu-toggle svg {

	}
	
	#mm .submenu {

	}

	#mm .menu-toggle[aria-expanded="true"] {
		border-radius: 0;
		background-color: transparent;
	}

	#mm .sub-menu .menu-item {
		border-bottom: none;
	}
	
	#mm .sub-menu li {
		padding: 10px 0;
	}
	
	#mm .sub-menu li a {
		color: var(--blue);
		font-family: 'Figtree', sans-serif;
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5rem; /* 120% */
		letter-spacing: 0.00625rem;
		padding: 0 0 0 20px;
		margin: 0;
	}

	#mm .sub-menu li:first-of-type {
		padding: 20px 0 10px 0 !important;
	}

	#mm .sub-menu li:last-of-type {
		padding: 10px 0 0 0;
	}



	/* CONTENT BLOCKS */
	
		/* HEADER */
		
		.header_block {
			padding: 30px 0 0 0;
		}
	
		.header_block_images.blue {
			background: linear-gradient(180deg, var(--blue) 0%, var(--blue) 50px, var(--white) 50px, var(--white) 100%);
		}
		
		.header_block_images.maize {
			background: linear-gradient(180deg, var(--maize) 0%, var(--maize) 50px, var(--white) 50px, var(--white) 100%);
		}

		.header_block_images.arb-blue {
			background: linear-gradient(180deg, var(--arb-blue) 0%, var(--arb-blue) 50px, var(--white) 50px, var(--white) 100%);
		}
		
		.intro_heading_content {
			display: block;
			padding: 30px 0 50px 0;
		}

		.intro_heading {
			margin: 0 0 20px 0;
		}
	
		.slide {
			/*
			aspect-ratio: 6 / 5;
			object-fit: cover;
			*/
		}
	
	
	
		/*PATHWAYS HEADER */
		
		.pathways_header_block {
			padding: 30px 0 50px 0;
		}
		
		.pathway {
			animation: scroll 20s linear infinite;
		}
		
		.marquee {
			background: linear-gradient(180deg, var(--maize) 0%, var(--maize) 50px, var(--white) 50px, var(--white) 100%);
		}
		
		.tagline_intro {
			display: block;
			padding: 0 0 50px 0;
		}

	
	
	
		/* LEFT HEADING / RIGHT CONTENT */
		
		.lhrc_blue_block {
			padding: 50px 0;
		}
		
		.lhrc_blue_block .row {
			display: block;
		}
		
		.lh {
			width: 100%;
			margin: 0 0 30px 0;
		}
		
		.rc {
			width: 100%;
		}

		.ext_links {
			display: block;
		}
		
		.ext_link {
			display: block;
			margin: 0 0 40px 0;
		}

		.ext_links .ext_link:last-of-type {
			margin: 0;
		}
	
	
	
		/* LEFT HEADING / RIGHT DRAWERS */
	
		.left_image_right_drawers_block {
			padding: 50px 0;
		}
		
		.left_image_right_drawers_block .row {
			display: block;
		}
		
		.left_image_right_drawers_block .left_image {
			width: 100%;
			margin: 0 0 20px 0;
		}
	
		.right_drawers {
			width: 100%;
		}
	
		.right_drawers .cta {
			margin: 0 20px 20px 0;
		}
	
	
	
		/* IMAGE / CONTENT */
		
		.image_content_block {
			padding: 50px 0;
		} 
		
		.image_content_block .row {
			display: block;
		}
	
		.left_image {
			width: 100%;
			margin: 0 0 30px 0;
		}
		
		.right_content {
			width: 100%;
		}
		
		.right_content .cta {
			margin: 0 20px 20px 0;
		}
		
		
	
		/* FAQS */
		
		.faqs_block {
			padding: 50px 0;
		} 
		


		/* THREE CARDS */
		
		.three_cards_block {
			padding: 50px 0;
		}
		
		.three_cards {
			display: block;
		}

		.three_card {
			margin: 0 0 30px 0;
		}
		
		
		
		/* THREE CARDS BLUE */

		.three_cards_blue_block {
			padding: 50px 0;
		}

		.three_cards_blue {
			display: block;
		}
		
		.three_card_blue {
			margin: 0 0 30px 0;
		}
		
		
		
		/* TESTIMONIALS */
		
		.testimonials_block {
			margin: 0 0 50px 0;
		}
		
		.testimonials_block .row {
			padding: 30px;
		}
		
		.testimonial {
			display: flex;
			flex-direction: column;
			padding: 0;
		}
		
		.t_img {
			display: none;
			width: 100%;
			order: 2;
		}
		
		.t_quote {
			width: 100%;
			order: 1;
			margin: 0;
			padding: 0;
		}
		
		.quote {
			font-size: 1.375rem;
			font-weight: 500;
			line-height: 1.625rem;
			letter-spacing: -0.01375rem;	
			margin: 0 0 40px 0;			
		}
		
		.t_quote .hc_t_bottom {
			display: flex;
		}
		
		.t_nav {
			position: relative;
			bottom: auto;
			right: auto;
			display: flex;
			justify-content: center;
			margin: 40px 0 0 0;
		}
		
		
		
		/* STATS */
		
		.stats_block {
			padding: 50px 0;
		}

		.stat_cards {
			display: block;
		}

		.stat_card {
			margin: 0 0 30px 0;
		}
		
		
		
		/* AT A GLANCE */
		
		.at_a_glance_block {
			padding: 50px 0;
		}
		
		.impact_grid {
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
			gap: 15px;
			width: 100%;
			height: auto;
			opacity: 0;
			transition: opacity 0.8s ease;
		}
		
		.impact_grid.active {
			opacity: 1;
		}
		
		.grid_card {
			padding: 20px;
		}
		
		.grid_desc {
			grid-column: 1 / -1;
			grid-row: 1;
			padding: 20px;
			aspect-ratio: 11 / 6;
		}
		
		/*
		.grid_1 { 
			grid-column: 1;
			grid-row: 2;
		}
		
		.grid_2 { 
			grid-column: 2;
			grid-row: 2;
		}
		
		.grid_3 {
			grid-column: 1;
			grid-row: 3;
		}
		*/

		.grid_img {
			grid-column: auto;
			grid-row: auto;
		}
		
		.grid_card, .grid_desc, .grid_img > * {
		  min-width: 0;
		}
		
		
		
		/* UNIT CARDS */
		
		.unit_cards_block {
			padding: 50px 0;
		}
		
		.unit_cards {
			display: block;
		}
		
		.unit_card {
			width: 100%;
			margin: 0 0 15px 0;
		}
		
		
		/* SUBSCRIBE */
				
		.subscribe_news_block {
			padding: 50px 0;
		}
	
				
		.subscribe_news_block .row {
			display: block;
		}	

		.left_subscribe {
			width: 100%;
			margin: 0 0 30px 0;
		}
		
		.right_news {
			width: 100%;
		}
		
		
		.unit_cards_block + .subscribe_news_block {
			padding: 0 0 50px 0;
		}
		
		

		/* TOP STORIES */

		.top_stories_block {
			padding: 50px 0;
		}



		/* AT A GLANCE CARDS */
		
		.at_a_glance_cards_block {
			padding: 50px 0;
		}
		
		.at_a_glance_cards_block .row {
			/*
			width: 100%;
			padding: 0 0 0 22px;
			*/
		}
		
		.at_a_glance_cards_block h2 {
			max-width: 330px;
		}

		.at_a_glance_cards {
			/*
			display: flex;
			overflow-x: auto;
			overflow-y: hidden;
			*/
			display: block;
		}
		
		.aagc_s, .aagc_r, .aagc_t {
			width: 100%;
			flex: 0 0 auto;
			margin: 0 auto 30px auto;
		}

		.quote_small {
			margin: 10px 0 20px 0;
		}



		/* HOME HERO */
		
		.a_and_o_mobile {
			padding: 10px 0;
		}
		
		.a_and_o_mobile svg {
			width: 100%;
			height: auto;
			display: block;
		}

		.home_tagline_intro {
			padding: 30px 0 50px 0;
		}

		.home_tagline_intro .row {
			display: block;
		}

		.left_tagline {
			width: 100%;
			margin: 0 0 20px 0;
		}
		
		.right_intro {
			width: 100%;
			font-size: 1.25rem;
			line-height: 1.5rem;
			letter-spacing: 0.00625rem;
		}
		
		
		
		/* HOME CARDS */
		
		.home_cards_block {
			padding: 50px 0;
		}
		
		.home_cards_tc {
			display: block;
			margin: 0;
		}
		
		.hc_t {
			margin: 0 0 15px 0;
		}
		
		.hc_t.hide_on_desktop {
			display: flex;
		}
		
		.hc_u {
			margin: 0 0 15px 0;
		}
		
		.hc_n {
			margin: 0 0 15px 0;
		}
		
		.hc_bt {
			margin: 0 0 15px 0;
		}
		
		.hc_r {
			margin: 0 0 15px 0;
		}
		
		.home_cards_ltoc {
			height: auto;
			display: block;
			margin: 0;
		}
		
		.home_cards_ocrt {
			height: auto;
			display: block;
			margin: 0;
		}
		
		
		/* GENERAL CONTENT */
		
		.general_content_block {
			padding: 50px 0;
		}
		
		
		
		
	

	/* STORIES */

	.stories_header {
		padding: 30px 0 20px 0;
	}
	
	.stories_header h1 {
		margin: 0 0 30px 0;
	}
	
	.story_header_image {
		background: linear-gradient(180deg, var(--arb-blue) 0%, var(--arb-blue) 50px, var(--white) 50px, var(--white) 100%);
	}
	
	.stories_filters {
		padding: 0 0 10px 0;
		display: block;
	}
	
	.filter_type {
		margin: 0 0 10px 0;
	}

	.filter_pills li {
		margin: 0 5px 5px 0;
	}
	
	.filter_space {
		margin: 0 0 10px 0;
	}
	
	.story_content {
		margin: 10px 0 50px 0;
	}

	.story_content .row {
		display: block;
	}

	.story_left {
		margin: 0 0 30px 0;
	}



	/* CONNECT */
	
	.connect_header {
		padding: 30px 0;
	}

	.connect_team {
		padding: 20px 0 50px 0;
	}

	.team_lead {
		display: block;
	}
	
	.tl_image {
		margin: 0 0 10px 0;
	}

	.team_members {
		grid-template-columns: 1fr 1fr;
		column-gap: 10px;
		row-gap: 20px;
	}
	
	.connect_form {
		padding: 50px 0;
	}
	
	.connect_form .row {
		display: block;
	}
	
	.support_block {
		width: 100%;
		margin: 0 0 50px 0;
	}
	
	.form_code {
		width: 100%;
	}


	
	/* FOOTER */

	footer .row {
		display: block;
	}
	
	.footer_subscribe {
		display: block;
		width: 100%;
		margin: 0 0 40px 0;
	}
	
	.footer_contact {
		display: block;
		width: 100%;
		margin: 0 0 40px 0;
	}

	.footer_nav {
		display: block;
		width: 100%;
		margin: 0 0 40px 0;
	}
	
	.footer_support {
		display: block;
		width: 100%;
		margin: 0;
	}
	
	footer .row_2 {
		margin: 0 auto;
	}
	
	.footer_logo {
		display: block;
		width: 100%;
		margin: 0 0 20px 0;
	}


	.play_pause {
		right: 20px;
	}


}