/*
Theme Name: Adipo Therapeutics
Author: Willow Marketing
Author URI: https://www.willowmarketing.com
Description: A custom starter WordPress theme for Adipo Therapeutics.
Version: 1.0
*/


/* =Reset
-------------------------------------------------------------- */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	background: #117e82;
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #117e82;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	width: auto;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}




/* =Global
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	color: #595959;
	font-family: sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	height: auto;
	vertical-align: middle;
}
img,
object,
embed {
  max-width: 100%;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	display: inline-block;
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 0.9em !important;
	color: #fff;
	background: #117e82;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	text-decoration: none;
	outline: none;
	padding: 1.35em 2em;
	margin: 0.5em 0 !important;
	border-radius: 2em;
	border: none;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	outline: none;
	border: none;
	background: #003e82;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline: none;
	border: none;
	background: #003e82;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
	color: #595959;
	border: none;
    font-family: "Comfortaa";
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: .375em;
    border-radius: 10px;
    border: 1px solid #595959;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
	outline: none;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: 15px !important;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 15px !important;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}
label, body .gform_wrapper label.gfield_label {
    font-family: "Comfortaa", sans-serif;
    font-weight: 700;
    line-height: 1.5333333333;
    margin-bottom: .375em;
}
.gform_confirmation_message {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size: 1.05em;
	color: #595959;
	line-height: 1.75;
	margin-bottom: 1.5em;
	color: #127e82;
}
.gform_wrapper div.validation_error {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size: 1.05em;
	color: #595959;
	line-height: 1.75;
	margin-bottom: 1.5em;
	background-color: rgba(255,223,224,.25);
	border-top: 1px solid #c89797 !important;
    border-bottom: 1px solid #c89797 !important;
    width: 98.5% !important;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

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

.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */
}

/* Clearing */
/* .clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
} */

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}
.site-main {
	background: #fff;
}

/*********************************
	Global Styles
*********************************/
ul li, ol li {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size: 1.05em;
	color: #595959;
	line-height: 1.75;
}
p {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size: 1.05em;
	color: #595959;
	line-height: 1.75;
	margin-bottom: 1.5em;
}
p.page-intro {
	font-size: 1.65em;
	color: #003e82;
}
a, a:visited {
	color: #117e82;
	outline: none;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
a:hover, a:focus, a:active {
	color: #003e82;
	outline: none;
}
a.button {
	display: inline-block;
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 0.9em;
	color: #3A7D81 !important;
	background: #117e8200;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	text-decoration: none;
/* 	outline: none; */
	outline: #3A7D81 solid 3px;
	padding: 1.35em 2em;
	margin: 0.5em 0;
	border-radius: 2em;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
a.button:hover, a.button:focus, a.button:active {
/* 	outline: none; */
	outline: #003e82 solid 3px;
	background: #003e82;
	color: #fff !important;
}
a.button.outline {
	border: 3px solid #117e82;
	background: transparent;
	color: #117e82;
}
a.button.outline:hover, a.button.outline:focus, a.button.outline:active {
	outline: none;
	background: #117e82;
	color: #fff;
}
a.text-link {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	color: #003e82;
	text-transform: uppercase;
}
a.text-link:hover, a.text-link:focus, a.text-link:active {
	color: #117e82;
}
h1 {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 3em;
	color: #10888C;
	line-height: 1.1;
	margin-bottom: 0.5em;
}
h1 a, h1 a:visited {
	text-decoration: none;
	color: #003e82;
}
h2 {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 2.75em;
	color: #117e82;
	line-height: 1.1;
	margin-bottom: 0.5em;
}
h2 a, h2 a:visited {
	text-decoration: none;
	color: #117e82;
}
h3 {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 2.25em;
	color: #117e82;
	line-height: 1.1;
	margin-bottom: 0.5em;
}
h3 a, h3 a:visited {
	text-decoration: none;
	color: #117e82;
}
h4 {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 1.75em;
	color: #003e82;
	line-height: 1.1;
	margin-bottom: 0.5em;
}
h4 a, h4 a:visited {
	text-decoration: none;
	color: #003e82;
}
h5 {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	color: #117e82;
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}
h5 a, h5 a:visited {
	text-decoration: none;
	color: #117e82;
}
h6 {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 0.9em;
	color: #003e82;
	line-height: 1.1;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}
h6 a, h6 a:visited {
	text-decoration: none;
	color: #003e82;
}
.two-column {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin-bottom: 1.5em;
}
.three-column {
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
     margin-bottom: 1.5em;
}
.two-column p, .three-column p {
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
	
/*********************************
	Header Styles
*********************************/
.mobile-menu {
	position: fixed;
	top: 0;
	right: -100%;
	width: 85%;
	height: 100vh;
	padding: 1.5em 2em 0;
	background: rgba(18,126,130,0.9);
	z-index: 999;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.mobile-menu.active {
	right: 0;
}
.mobile-menu img {
	width: 65px;
	margin-bottom: 2em;
}
.mobile-menu .close {
	top: 1em;
	right: 1em;
	background: none;
	z-index: 2;
}
.mobile-menu ul {
	position: relative;
	margin: 0;
	z-index: 1;
}
.mobile-menu ul li {
	list-style: none;
	position: relative;
	display: block;
	padding: 1em 0;
	line-height: 1;
	border-top: 1px solid rgba(255,255,255,0.35);
}
.mobile-menu ul li a {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	color: #fff;
	text-decoration: none;
}
.mobile-menu ul li.current-menu-item a, .mobile-menu ul li a:hover {
	color: #d6c626;
}
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0.5em 2em 1em;
	z-index: 99;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.site-header.active {
	background: #fff;
}
.nav-button {
	display: none;
	position: relative;
	float: right;
	height: 40px;
	width: 40px;
	margin: 1.5em 0 0;
	cursor: pointer;
	z-index: 9999;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.nav-button .first, .nav-button .second, .nav-button .third {
	position: absolute;
	right: 0;
	width: 100%;
	height: 3px;
	background: #003e82;
	border-radius: 8px;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.nav-button .first {
	top: 11px;
}
.nav-button .second {
	top: 19px;
}
.nav-button .third {
	top: 27px;
}
.nav-button.active .first {
	top: 6px;
	right: 6px;
	transform: rotate(-45deg);
	transform-origin: top right;
}
.nav-button.active .second {
	transform: rotate(45deg);
}
.nav-button.active .third {
	width: 0;
}
.logo { 
	float: left;
	width: 25%;
}
.logo img {
	width: 100%;
	max-width: 250px;
}
.home .site-header .logo img,
.page-template-page-landing .site-header .logo img {
/* 	opacity: 0; */
	opacity: 1;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.home .site-header.active .logo img,
.page-template-page-landing .site-header.active .logo img {
	opacity: 1;
}
.main-nav {
	float: left;
	width: 75%;
}
.main-nav ul {
	margin: 2.25em 0 0;
	text-align: right;
}
.main-nav ul li {
	display: inline-block;
	list-style: none;
	position: relative;
	line-height: 1;
	padding: 0 1em;
}
.main-nav ul li a {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 0.9em;
	color: #117e82;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	text-decoration: none;
}
.main-nav ul li a:hover {
	color: #003e82;
}


/*********************************
	Banner Styles
*********************************/
.main-banner {
	position: relative;
	padding: 12em 0 0;
/* 	border-bottom-right-radius: 30%; */
/* 	background: url('img/header-bg.jpg') no-repeat center top #f5f9f8; */
}
.main-banner h1 {
	margin-bottom: -3px;
}
.home-banner {
	padding: 8em 0 10em;
/* 	border-bottom-right-radius: 30%; */
	text-align: center;
}
.home-banner img {
	margin-bottom: 4em;
}
.home-banner h1 {
	margin-bottom: 0.65em;
	color: #10888C;
}

.about-banner .container_16 .suffix_8 {
	    padding-right: 34.21% !important;
}
.yellow-gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/* 	border-bottom-right-radius: 30%; */
	background-image: linear-gradient(to bottom, rgba(214, 198, 48, 0), rgb(242 240 219 / 65%))
	z-index: 1;
}

.white-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*     background-image: linear-gradient(to bottom, rgba(214, 198, 48, 0), rgb(228 228 228 / 65%)); */
    z-index: 1;
}
.banner-content {
	position: relative;
	z-index: 2;
}

/*********************************
	Content Styles
*********************************/
.site-content {
	position: relative;
	padding: 6em 0;
}
.post-content {
	padding: 3em 0 6em;
}
.page-image img {
	width: 100%;
	border-radius: 50%;
	margin-top: -14em;
}
.news-posts, .publications {
	margin-bottom: 3em;
}
.publication p, .grant h4 {
	margin-bottom: 0;
}
.blog-cats h4 {
	color: #595959;
	border-bottom: 1px solid #595959;
	padding: 0.5em;
}
.blog-cats ul {
	margin: 0;
}
.blog-cats ul li {
	list-style: none;
	position: relative;
	display: block;
	padding: 0 1em;
}
.blog-cats ul li a {
	font-weight: 400;
	color: #595959;
	text-decoration: none;
}
.blog-cats ul li.current-cat a, .blog-cats ul li a:hover {
	color: #117e82;
}
.post-featured-image {
	float: right;
	width: auto;
	margin-top: -14em;
	padding: 0 0 3em 3em;
}
.post-featured-image img {
	max-width: 450px;
	border-radius: 100%;
}

/*********************************
	Module Styles
*********************************/

.sub-heading {
	font-size: 1.5em;
}

.grants {
	display: none;
}

.new-grid {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
    justify-items: center;
    align-items: center;
}
.new-grid .image1 {
    width: 292px;
}
.container_24 {
	margin-left: auto;
    margin-right: auto;
    max-width: 1276px;
}
.page-id-38 .site-content {
	padding: 3em 32px;

}

.page-id-38 .image-text {
	padding: 3em 0;

}
.page-id-36 .site-content {
    padding: 1em 0;
}


.page-id-36 .module3 .container_16 .grid_12 {
	width: 47%;
}

.page-id-36 .module3  .container_16 .grid_4 {
	width: 51%;
}

.page-id-36 .module2 .container_16 .grid_12 {
	width: 47%;
}

.page-id-36 .module2  .container_16 .grid_4 {
	width: 51%;
}


.two-column-flex-section {
	display: flex;
	column-gap: 128px;
    flex-direction: row;
}

.flex-section-column {
	width: 48%;
}

.flex-video-column-75{
	width: 75%;
}

.align-left-flex {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
	gap: 32px;
	padding-top: 8%;
	padding-right: 34.21% !important;
	z-index: 1;

}


.flex-video-container {
	display: flex;
    flex-direction: row-reverse;
    gap: 32px;
}

.flex-video-container .grid_8 {
	margin: 0;
	padding: 0;
}

.flex-video-container .container_16 .suffix_1 {
	padding: 0;
}

.module-title:after {
    background: -webkit-gradient(linear, right top, left top, from(#D8C624), to(#00878B));
    background: linear-gradient(to left, #D8C624, #00878B);
    border-radius: 6px;
    content: "";
    display: block;
    height: 8px;
    margin-top: 0.35em;
    width: 75px;
}
.image-text {
	position: relative;
	padding: 6em 0;
/* 	background: url('img/content-bg.png') no-repeat center center; */
	background-size: cover;
}
.image-text-image img {
	width: 100%;
	border-radius: 50%;
}
.text-background {
	position: relative;
	padding: 8em 0;
}
.gradient-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, #d6c628, #CFE1DB);
	z-index: 1;
}
.image-overlay {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	background-image: linear-gradient(to right, rgba(207,225,218,0), rgba(207,225,218,1));
	z-index: 3;
}
.bg-image {
	position: absolute;
	top: 0;
	left: 0;
/* 	width: 65%; */
	width: 50%;
	height: 100%;
	opacity: 0.45;
	z-index: 2;
}
.text-background-content {
	position: relative;
	z-index: 3;
}
.video-overview {
	padding: 6em 0;
/* 	background: url('img/gradient-bg.jpg') no-repeat center center #117e82; */
	background: none;
	background-size: cover;
	position: relative;
/* 	z-index: 3; */
}
.close {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	background: #127e82;
	border-radius: 50%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 2em;
	cursor: pointer;
	z-index: 999;
}
.close .left, .close .right {
	position: absolute;
    left: 8px;
    top: 18px;
    width: 60%;
    height: 4px;
    background: #fff;
    border-radius: 4px;
}
.close .left {
	transform: rotate(-45deg);
}
.close .right {
	transform: rotate(45deg);
}
.video-modal {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	background: rgba(0,0,0,0.65);
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.video-modal.active {
	opacity: 1;
	z-index: 999;
	display: block;
}
.video-wrap {
	position: absolute;
/* 	top: 50%; */
	top: 36%;

	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	min-width: 300px;
}
.video-wrapper {
   position: relative;
   padding-bottom: 56.25%; 
   height: 0;
}
.video-wrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.video-overview h2 {
	color: #3A7D81;
}
.video-overview p, .video-overview a {
/* 	color: #fff; */
	color: #707070;
}
.video-overview span.play-wrap, .video-overview span.play-text {
	display: inline-block;
	vertical-align: middle;
}
.video-play {
	cursor: pointer;
	padding: 2em 0;
}
.video-overview span.play-text {
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 0.9em;
	color: #3A7D81;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
}

.video-play:hover span.play-text {
	color: #003e82;
	
}
.play-wrap {
	border: 3px solid #3A7D81;
	background: #3A7D81;
	padding: 1em 1em 0.5em 1.5em;
	border-radius: 50%;
	margin-right: 1em;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

.play-wrap:hover {
	border: 3px solid #003e82;
	background: #003e82;

}

.video-play:hover .play-wrap {
	background: #003e82;
	border: 3px solid #003e82;

}
.play {
	display: inline-block;
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid #fff;
}
.video-image img {
/* 	padding-top: 1em; */
	padding: 0;
	max-width: 94%;
	border-radius: 100%;
}

.video-buttons-wrapper {
	display: flex;
	align-items: center;
	gap: 9%;
}
.basic-content {
	position: relative;
	padding: 3em 0;
}
.basic-content p:last-child {
	margin-bottom: 0;
}
.basic-content img {
	margin-bottom: 1em;
}
.basic-content img.alignleft:last-child {
	clear: left;
}
.color-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(18,126,130,0.8);
	z-index: 1;
}
.content-wrap {
	position: relative;
	z-index: 2;
}
.wp-caption-text {
	font-size: 0.75em; 
}
.partners {
	position: relative;
	padding: 6em 0;
	text-align: center;
}
.partners h2 {
	font-size: 2em;
	margin-bottom: 1.5em;
}
.partners ul {
	margin: 0;
	padding: 0 3em;
}
.partners ul li {
	list-style: none;
	position: relative;
	display: inline-block !important;
	vertical-align: middle;
	float: none !important;
	padding: 1em;
}
.team-cards {
	padding: 6em 0;
	background: #fff;
	text-align: center;
}
.team-cards ul {
	margin: 0;
}
.team-cards ul li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	width: calc(25% - 4px);
	padding-right: 1.5em;
	text-align: left;
}
.team-cards ul li img {
	width: 100%;
	margin-bottom: 1em;
	border-bottom-right-radius: 30%;
}
.team-cards ul li h4 {
	color: #117e82;
	margin-bottom: 0.15em;
}
.more-info {
	position: absolute;
	top: 65.5%;
    right: 0;
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 3em;
	color: #fff;
	padding: 0.1em 0.28em 0;
	line-height: 1;
	background: #117e82;
	border-radius: 50%;
	cursor: pointer;
}
.more-info:hover {
	color: #fff;
	background: #003e82;
}
.team-cards ul li .member-info {
	position: relative;
}
.member-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	background: rgba(0,0,0,0.65);
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.member-modal.active {
	opacity: 1;
	z-index: 999;
}
.modal-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 75%;
	height: 750px;
	max-height: 90vh;
	overflow: scroll;
	background: #fff;
	padding: 4em 4em 2em;
	transform: translate(-50%,-50%);
}
.member-modal .modal-left {
	float: left;
	width: 40%;
	padding-right: 1em;
}
.member-modal .modal-right {
	float: left;
	width: 60%;
}
.member-modal .close {
	top: 0.5em;
	right: 0.5em;
}
.faqs {
	position: relative;
	padding: 6em 0;
	text-align: center;
	background: #cfe1db;
}
.faqs .faq {
	position: relative;
	padding: 1.5em 90px 1.5em 1.5em;
	background: #fff;
	border-radius: 20px;
	text-align: left;
	margin-bottom: 1em;
}
.faqs .faq:before {
	content: '+';
	position: absolute;
	top: 0.25em;
    right: 0.25em;
    height: 60px;
    width: 60px;
    line-height: 1.25;
    text-align: center;
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 3em;
	color: #fff;
	background: #117e82;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.faqs .faq.active:before {
	content: '-';
	line-height: 1.05;
}
.faqs .faq:hover:before {
	background: #003e82;
}
.faqs .faq h4 {
	font-size: 1.5em;
	margin-bottom: 0;
}
.faqs .faq p {
	margin: 0;
	opacity: 0;
	height: 0;
}
.faqs .faq.active p {
	opacity: 1;
	height: auto;
	margin: 1em 1em 0;
}
.video-grid {
	position: relative;
	padding: 3em 0;
	background: #fff;
	text-align: center;
}
.video {
	margin-bottom: 2em;
}
.video2, .video3, .video4, .video5 {
	float: left;
	width: 50%;
}
.video2, .video4 {
	clear: left;
	padding-right: 1em;
}
.video3, .video5 {
	padding-left: 1em;
}
.image-grid {
	position: relative;
	padding: 1.5em 0;
	background: #fff;
	text-align: center;
}
.image-grid img {
	margin-bottom: 2em;
}
.image1 {
	width: 100%;
}
.image2 {
	float: left;
	width: 50%;
	padding-right: 1em;
	clear: left;
}
.image3 {
	float: left;
	width: 50%;
	padding-left: 1em;
}
.image4 {
	float: left;
	width: 33.33%;
	padding-right: 1em;
}
.image5 {
	float: left;
	width: 33.33%;
	padding: 0 0.5em;
}
.image6 {
	float: left;
	width: 33.33%;
	padding-left: 1em;
}
.form {
	padding: 3em 0;
}
.columns {
	position: relative;
	padding: 6em 0;
	background: #cfe1db;
}
ul.table {
	display: table;
	background: #fff;
	border-radius: 1em;
	margin: 0;
}
ul.table li {
	display: table-cell;
	border-right: 1px solid #595959;
}
ul.table li:last-child {
	border-right: 0;
}
ul.table li h4 {
	padding: 0.5em;
	border-bottom: 1px solid #595959;
	margin-bottom: 0;
}
ul.table li span {
	display: block;
	padding: 1em;
	border-bottom: 1px solid #595959;
}
ul.table li span:last-child {
	border-bottom: 0;
}
.blog-grid {
	position: relative;
	padding: 6em 0;
	background: #fff;
}
.blog-post {
	border-top: 1px solid #595959;
	padding: 2em 1em;
}
.blog-post p.mobile-date {
	display: none;
	margin-bottom: 0.25em;
	font-size: 1.25em;
}
.blog-post h4 {
	font-size: 1.5em;
	margin-bottom: 0;
}
.blog-post h4 span {
	color: #595959;
	font-weight: 400;
}
.blog-post h4 span {
	margin-left: 0.5em;
	padding-left: 0.5em;
	border-left: 1px solid #595959;
}
.news-post h4 span, .publication h4 span  {
	margin-left: 0;
	padding-left: 0;
	border: none;
}
.blog-post a:hover {
	color: #117e82;
}
.blog-post p a {
	color: #595959;
	text-decoration: none;
}
.navigation {
	padding-top: 1em;
	border-top: 1px solid #595959;
}
.navigation ul {
	margin: 0;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #595959;
    text-decoration:none;
}
.navigation li {
    display: inline;
} 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    cursor: pointer;
    padding: 0.5em;
}
.navigation li a:hover,
.navigation li.active a {
    font-weight: 700;
    color: #003e82;
}
.blog-cat-nav {
	display: none;
	position: relative;
	background: #cfe1db;
	padding: 1.5em;
	border-radius: 1em;
	margin-bottom: 2em;
}
.archive .blog-cat-nav {
	margin-bottom: 1.5em;
}
.blog-cat-nav:before {
	content: '+';
	position: absolute;
	top: 0.25em;
    right: 0.25em;
    height: 60px;
    width: 60px;
    line-height: 1.25;
    text-align: center;
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size: 3em;
	color: #fff;
	background: #117e82;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.blog-cat-nav.active:before {
	content: '-';
	line-height: 1.05;
}
.blog-cat-nav ul {
	margin: 0; 
}
.blog-cat-nav ul li {
	list-style: none;
}
.blog-cat-nav ul li a {
	text-decoration: none;
}
.blog-cat-nav ul li ul {
	height: 0;
	opacity: 0;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.blog-cat-nav.active ul li ul {
	height: auto;
	opacity: 1;
}
.grants ul {
	margin: 0;
	text-align: center;
}
.grants ul li {
	list-style: none;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: cacl(31.33% - 4px);
	text-align: center;
	margin: 0 1% 2em;
}
.grants ul li h4 {
    font-size: 1.5em;
    margin-bottom: 0;
}
.grants ul li img {
	margin-bottom : 1em;
}
.grants ul li a {
	text-decoration: none;
}
.related-news p {
	margin-bottom: 0;
}

/*********************************
	Footer Styles
*********************************/
.footer-wrap {
	background: #fff;
}
.site-footer {
	padding-top: 6em;
	padding-bottom: 4em;
	background: #127e82;
    border-top-left-radius: 30%;
    text-align: center;
}
.site-footer img {
	display: inline-block;
	width: 98px;
	margin-bottom: 1.5em;
}
.site-footer h4, .site-footer p, .site-footer a {
	color: #fff;
	text-decoration: none;
}
.site-footer h4 {
	margin-bottom: 0.5em;
}
.site-footer p {
	font-size: 1.1em;
}
.site-footer p.copyright {
	font-size: 0.8em;
}
.site-footer a:hover {
	opacity: 0.65;
}


/***************************************************************************************************
							Responsive Media Queries
***************************************************************************************************/
.video-wrapper {
    position: relative;
    padding-bottom: 34.25%;
    height: 0;
}

@media all and (max-width:1276px) {
	.main-banner, .site-content, .image-text, .text-background-content, .video-overview, .basic-content, .team-cards,
	.faqs, .video-grid, .image-grid, .form, .columns, .blog-grid, .site-footer { padding-left: 2em; padding-right: 2em; }
	
	.page-id-36 .video-wrapper {
   	 padding-bottom: 55%;
		}
	
}
@media all and (max-width: 1024px) {
	.main-nav, .home-banner img, .video-image, .modal-left { display: none !important; }
/* 	 .image-text-image*/
	.site-header { position: absolute; }
	.site-header .logo { width: 65% !important; }
	.site-header .logo img { opacity: 1 !important; max-width: 225px; }
	.site-header .nav-button { display: block; }
	.home-banner { padding: 10em 2em 6em; }
	.module, .site-content { padding-top: 3em; padding-bottom: 3em; }
	.text-background { padding-top: 0; }
	.text-background-content { padding-top: 3em; }
/* 	.image-text-text, .video-text { width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; margin-right: 0 !important; margin-left: 0 !important;  } */
	.team-cards ul li { width: calc(50% - 4px); }
	.member-modal .modal-right { width: 100%; }
	ul.table { background: none; }
	ul.table li { display: block; background: #fff; border-radius: 1em; border: none; margin-bottom: 1em; }
	.bg-image { background-position: top center !important; position: relative; height: 30em; width: 100%; }
	.blog-post h4 { margin-bottom: 0.5em; }
	.blog-post h4 span { display: block; padding-left: 0; margin-left: 0; margin-top: 0.25em; border: none; }
	
	.flex-video-container .image-text-image {
		display: inline !important;
		margin-bottom: 32px;
	}
	
	.video-wrapper .two-column-flex-section {
    display: flex;
    column-gap: 32px;
    flex-direction: row;
}
	.page-id-36 .video-wrapper {
		padding-bottom: 56.25%;

		}
	
	.about-us-intro-paragraph {
		width: 100%;
    
	}
	
	.about-banner .container_16 .suffix_8 {
    padding-right: 0 !important;
}
	
}
@media all and (max-width: 992px) {
	.page-id-36 .video-wrapper {
		padding-bottom: 75%;
	}
	
	.page-id-36 .video-wrapper .two-column-flex-section {
    display: flex;
    column-gap: 32px;
    flex-direction: column;
}
	.flex-section-column {
		width: 100%;
	}
	.flex-video-column-75 {
		width: 100%;
	}
}

@media all and (max-width: 850px) {
	h1 { font-size: 2.75em; }
	h2, .partners h2, h3 { font-size: 2.25em; }	
	
	.video-buttons-wrapper {
    align-items: flex-start;
    gap: 9%;
    flex-direction: column;
	}
	
	.two-column-flex-section {
		flex-direction: column;
		row-gap: 32px;
	}
	
	.flex-section-column {
		width: 100%;
	}
	.flex-video-column-75 {
		width: 100%;
	}
	
	.page-id-36 .video-wrapper {
    	padding-bottom: 100%;
	}
	
}	
@media all and (max-width: 768px) {
	.page-image, .blog-cats, .post-featured-image, .image-text-image,.blog-post p, .blog-post a.text-link, .blog-post h4 span { display: none !important; }
	.banner-content, .page-wrap, .form-wrap, .footer-info, .blog-posts, .basic-content-content, .basic-content-images { width: 100% !important; padding-right: 0 !important; padding-left: 0 !important; margin-right: 0 !important; margin-left: 0 !important; }
	.main-banner { padding-top: 10em; }
	.home-banner { background-size: 150% !important; background-position: right bottom !important; padding: 7em 2em 5em; border-bottom-right-radius: 25%; }
	.yellow-gradient { border-bottom-right-radius: 25%; }
	.basic-content img { width: 100%; float: none; }
	.team-cards ul li { width: 100%; padding-right: 0; }
	.site-footer { padding-top: 2em; padding-bottom: 0; }
	.modal-wrap { padding: 3em 3em 1em; }
	.video, .image-grid img { float: none !important; width: 100% !important; padding: 0 0 0.5em !important; }
	.two-column, .three-column { -webkit-columns: 1; -moz-columns; 1; columns: 1; }
	.blog-post { padding: 1.25em 0; }
	.blog-cat-nav { display: block; }
	.bg-image { height: 25em; }
	.team-cards { text-align: left; }
	.faqs .faq h4 { font-size: 1.15em; }
	.faqs .faq.active p { font-size: 0.9em; margin-left: 0;}
	.alignright { margin-left: 0; }
	.alignleft { margin-right: 0; }
	.blog-post h4 { margin-bottom: 0; }
	.blog-post p.mobile-date { display: block !important; }
	
	h1 { font-size: 2em; }
	h2, .partners h2 { font-size: 1.75em; }
	h4 { font-size: 1.25em; }
	p.page-intro { font-size: 1.25em; }
	
	.flex-video-container {
		gap: 0px;
    	flex-direction: column;
    	align-items: center;
	}
	
	.flex-video-container .image-text-image {
		display: inline !important;
	}
	
	 .container_16 .grid_8 {
		width: 90% !important;
	}
	
	.new-grid {
	    grid-template-columns: repeat(2, 1fr);

}
	
}
@media all and (max-width: 600px) {
	a.button { font-size: 0.75em; }
	.bg-image { height: 20em; }
	
	.video-buttons-wrapper {
    align-items: flex-start;
    gap: 9%;
    flex-direction: column;
	}
	
	.page-id-36 .video-wrapper {
    padding-bottom: 180%;
}
	
	
	
}
@media all and (max-width: 450px) {
	.bg-image { height: 15em; }
	.page-id-36 .video-wrapper {
    padding-bottom: 220%;
}
}