@charset "UTF-8";
/* CSS Document */

/* HEADER Adjustments */
/* --------------------------------------------*/

.hidden.lg\:inline-block.xl\:pl-16.css--navigation-main-logo {
    padding-left: 0;
    margin-left: -20px;
}

.css--navigation.is-navigation-blue {
    background: #311e4b;
}

.css--navigation-main-logo img, .css--navigation-main-logo svg {
    max-width: 600px !important;
}

.is-navigation-scroll img {
    width: 450px !important;
}

.lg\:flex.lg\:ml-10.lg\:items-center {
    padding-top: 18px;
}

#Menu-Flyout {
    display: none;
}

nav{
    background: #221534;
	border-bottom: 1px solid #6f6281 !important;
}

nav .flex{
	background: #e5e8e8;
}

nav .flex .text-orange{
	color: #804ae3;
}

/*Breadcrumb Home to FMOLHS remove*/
/* ------------------------------------------- */

nav.flex li:nth-child(1) {
    display: none;
}

/*Hero Gradient hide*/

.css--gradient.absolute.w-\[793px\].left-0.top-0.h-full.hidden.xl\:block{
    display: none;
}


/*Homepage Hero */
/*-----------------------------------------------*/


#hero-content {
    margin-top: -4px;
}

.css--hero-gradient, .css--hero-gradient-b {
    display: none;
}


.top-\[248px\].left-0.right-0.xl\:absolute.xl\:container {
    text-align: center;
	margin-top:15px;
}


.bg-cover {
    max-height: 500px;
	background-position: top center;
}

.absolute.bottom-0 {
    display: none;
}


.pb-8 .border-orange {
    border-color: #1affaf;
    margin: 0 auto 20px auto;
}

h1.text-subhead{
    text-align: center;
    margin: 0 auto;
    font-size: 49px;
    text-transform: inherit;
    max-width: 650px;
    line-height: 51px;
}

h2.text-h1-home-sm {
    font-size: 20px;
    line-height: 30px;
    margin: 20px auto 0 auto;
    max-width: 520px;
	color:#fff !important
}

#hero-btn a{
    display: block;
    width: 155px;
    background: #804ae3;
    padding: 8px 15px;
    margin: -160px auto 27px auto !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    z-index: 38;
    text-align: center;
}

#hero-btn a:hover{
	background: #9c66ff;
}


#call-us-phone span {
    display: block;
    margin: 0 auto;
    max-width: 325px;
    text-align: center;
    color: #1affaf;
    position: relative;
    z-index: 38;
    font-size: 22px;
}


/*HOMEPAGE */
/*----------------------------------------------*/

div#welcome-metamor-cta {
    padding-top: 65px;
}

.bg-cover.bg-center.bg-no-repeat.w-full.xl\:flex-\[0_0_50\%\] iframe{
    border: 5px solid #a1b3c2;
}

.text-primary-dark, h2, h3, h4 {
    color: #311e4b !important;
}
.css--button-link {
	color:#804ae3;
}

.css--button-link:hover {
	color:#480db4;
}

.grid.md\:grid-cols-2.justify-center.xl\:grid-cols-2.gap-default {
  /*  display: flex;*/
}

.shadow-card {
    margin: 0 30px;
	background: #fff;
}

.pb-14 {
    padding-bottom: 0;
}

#card-container {
    background: #e5e8e8;
    padding: 85px;
}

.css--button-blue{
	background: #804ae3;
	border: 2px solid #804ae3;
}

.css--button-blue:hover{
	border: 2px solid #804ae3;
	color:#804ae3;
}

#research-row {
    background: #53337f;
    /*padding: 65px 50%;
    width: 200% !important;
    margin: 0px -50% 0px -50% !important;*/
}

#research-row h2, #research-row p {
	color:#fff !important;
}

#research-row .css--button-link, #research-row .css-svg {
	color:#1affaf !important;
}

.css--speedbump .pb-14 {
    padding-bottom: 50px !important;
    background: #311e4b;
}

.css--speedbump .pb-14 h3{
	color:#fff !important;
}

.css--speedbump .text-copy{
	color:#a1b3c2 !important;
}

.css--speedbump .pb-14 p{
	color:#a1b3c2 !important;
}

.css--speedbump .mb-6{
	margin-bottom:0 !important;
}

.css--speedbump a.w-auto.css--button.mt-6.lg\:mt-0 {
    border: none;
    border-radius: 0;
    color: #53337f;
}

.css--speedbump a.w-auto.css--button.mt-6.lg\:mt-0:hover {
    background: #a1b3c2;
}



/* ABOUT Adjustments */
/* ---------------------------------------------- */

.hidden.container.xl\:flex.xl\:justify-between.py-3 nav {
    background: #fff !important;
	border-bottom: none !important;
}

.hidden.container.xl\:flex.xl\:justify-between.py-3 nav a{
	color:#53337f;
}

.border-orange {
    border-color: #1affaf;
}

section.css--multivideo.is-dark h3 {
    color: #fff !important;
}

.css--cb-gradient {
    background: linear-gradient(129.57deg,#311e4b 20.08%,#53337f 98.52%);
}

.css--multivideo--media-description-text {
    font-size: 16px !important;
    line-height: 23px !important;
}

.video-caller.text-primary-base.font-sans {
    color: #311e4b;
}

.video-caller.text-primary-base.font-sans.playing {
    color: #6831b4;
}

.css--multivideoplaylist--wrapper .css--multivideoplaylist-list {
    max-height: 250px;
}


/* Collaborators */
/* ----------------------------------- */

#accomp-wrapper h2{
    font-size: 42px;
    line-height: 56px;
    color:#004270;
    font-weight: 800;

}

#accomp-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

#accomp-container {
    max-width: 1200px;
    margin: 20px auto 65px auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
	flex-wrap: wrap;
}

.accomp-card {
    padding: 0 15px;
	margin-top: -47px;
	display: contents;
}





/* TEAM adjustments */
/*-----------------------------------------------*/

.shadow-card h6 {
    text-transform: uppercase;
    font-weight: 700;
    color: #a1b3c2;
	margin-bottom: 30px;
}



/* FOOTER Adjustments */
/* --------------------------------------------*/
footer{
	margin-top:100px;
}

#mm-footer-wrapper{
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
	color:#a1b3c2;
	font-size:16px;
}

#mm-footer-address, #mm-footer-treatments, #mm-footer-resources{
	width: 25%;
}

#mm-footer-address {
    margin-left: 40px;
    border-left: 1px solid #6f6281;
    padding: 0 40px;
}

#mm-footer-address span{
	color:#fff;
	font-size:19px;
	font-weight: 800;
}

#mm-footer-treatments, #mm-footer-resources{
	line-height: 33px;
	margin-left: 30px;
}

#mm-footer-treatments span, #mm-footer-resources span {
    color: #1affaf;
    font-size: 18px;
    font-weight: 800;
}

#mm-footer-treatments a:hover, #mm-footer-resources a:hover, #bottom-bar a:hover{ 
	text-decoration: underline;
}




#bottom-bar {
    width: 1440px;
    margin: 100px auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

footer{
	background: rgb(49,30,75);
	background: linear-gradient(132deg, rgba(49,30,75,1) 38%, rgba(0,0,0,1) 100%);
	padding: 60px;
}

/* VIDEO EMBED size down */
/* ---------------------------- */
#video-test .container{
   max-width:850px;
   margin:65px auto;
	border: 5px solid #a1b3c2;
}



/* VIDEO PLAYLIST SCROLL AREA ADJUST */

.css--multivideoplaylist--wrapper .css--multivideoplaylist-list {
    max-height: 350px;
}







/* MEDIA QUERIES FOR MOBILE & TABLET */
/*---------------------------------------------------*/

@media screen and (max-width:1200px){
	.css--navigation-main-logo img, .css--navigation-main-logo svg {
		max-width: 500px !important;
		margin-left: 30px;
	}
	
	.top-\[248px\].left-0.right-0.xl\:absolute.xl\:container {
    	margin-top: -365px;
	}
	
	h1.text-subhead.text-dark-gray.uppercase.mb-2.xl\:max-w-\[420px\].xl\:text-white {
		color: #fff;
	}
	
	#hero-btn {
		margin-top: 119px;
	}
	
	.pt-6.xl\:pt-0.xl\:px-16 {
		padding-top: 6rem;
	}	
	
	#research-row .bg-cover {
		height: 400px !important;
		display: block;
		background-position: center;
		margin-bottom: -55px;
	}
	
	footer {
		padding: 45px;
	}
	
	#mm-footer-treatments, #mm-footer-resources {
		margin-left: 65px;
	}
	
	#mm-footer-address, #mm-footer-treatments, #mm-footer-resources {
		width: 20%;
	}
	
	.bg-cover.h-\[250px\].xl\:h-full.xl\:absolute.bg-center.top-0.left-0.bg-no-repeat.w-full {
		height: 375px;
	}
	
	.bg-cover.bg-center.bg-no-repeat.w-full.h-\[215px\].xl\:flex-\[0_0_50\%\].xl\:h-\[395px\] {
		height: 500px;
		background-size: contain;
	}
	
	
}



@media screen and (max-width:1024px){
	.css--navigation-open img{
		max-width: 500px !important;
	}
	
	.top-\[248px\].left-0.right-0.xl\:absolute.xl\:container {
    	margin-top: 0;
	}
	
	h1.text-subhead.text-dark-gray.uppercase.mb-2.xl\:max-w-\[420px\].xl\:text-white {
		color: #323232;
	}
	
	
	h2.text-h1-home-sm {
		color: #323232 !important;
	}
	.css--navigation-open.cursor-pointer {
		color: #fff;
	}
	
	.cursor-pointer.css--button-search {
		color: #fff;
	}
	
	#mm-footer-address, #mm-footer-treatments, #mm-footer-resources {
		width: 100%;
		text-align: center;
		margin: 30px;
	}
	
	#mm-footer-address {
		border-left: none;
	}
	
	#mm-footer-logo {
		margin: 0 auto;
		padding-bottom: 30px;
	}
	
	#bottom-bar {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	
	#card-container {
		padding: 0;
	}
	
	.css--navigation img{
		max-width:75%;
		margin: 0 auto;
	}
	
	.pt-6.xl\:pt-0.xl\:px-16 {
		padding-top: 6rem;
		padding: 6rem 2rem;
	}
}


/* FIX New Video Highlight Component - thumbnail display on tablet disappear */ 
/*-------------------------------------------------------------------------------*/
@media screen and (max-width:925px){

.css--multivideo--wrapper.relative.px-5.py-9.lg\:px-16.xl\:px-20.lg\:py-20.md\:flex.flex-col.items-center {
    display: block !important;
}

}


@media screen and (max-width:500px){
	.bg-cover.h-\[250px\].xl\:h-full.xl\:absolute.bg-center.top-0.left-0.bg-no-repeat.w-full {
		height: 250px;
		background-position: right !important;
	}

	.bg-cover.bg-center.bg-no-repeat.w-full.h-\[215px\].xl\:flex-\[0_0_50\%\].xl\:h-\[395px\] {
		height: 250px;
		background-size: contain;
		margin-bottom: 20px;
	}
	
	#welcome-metamor-cta {
		padding-top: 0;
	}
	
	#research-row .bg-cover {
		height: 250px !important;
		margin-bottom:30px;
	}
	
	#research-row .pt-6 {
		padding: 0 35px;
	}
	
	.pt-6.xl\:pt-0.xl\:px-16 {
		padding: 0 0 20px 0;
	}
	
	#hero-btn a{
		margin: -130px auto 27px auto !important;
	}
	
	#call-us-phone span{
		color:#804ae3 !important;
	}

	
	
}