/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


 /*-------------------------------------- 
  				TYPOGRAPHY  
 * -------------------------------------*/
p {
	font-size: 1em;
}

a:link {
	color: #01b3c5;
}
a:visited {
	color: #01b3c5;
}
a:hover {
	color: #0062a6;
}

h2{
	font-size: 28px;
	letter-spacing: -.02em;
	color: #0c859e !important;
}
h3{
	font-size:22px;
	letter-spacing: -.02em;
	color: #000000;
}
li:not(:last-child) { 
   margin-bottom: 8px !important;  
}
.learn-more {
	font-size: 15px;
	font-weight: 600;
	text-align: right;
	margin-top: -10px;
	text-transform: uppercase; 
}
.rsz-dates {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

/*--------------------------------------
                MAIN NAV 
 * -------------------------------------*/

nav ul.et-menu li a .dashicons {
	margin-top: -5px;
}
#menu-main-nav .sub-menu {
	top: 22px !important;
}	
.et_mobile_menu {
	top: 27px !important;
}
.nav li li {
	line-height: 1.2em !important;
}

/*--------------------------------------
  Setting the breakpoint of the mobile menu
 * -------------------------------------*/
@media screen and (min-width: 1023px) {
	.sub-menu li:hover {
		background-color: #01b3c5 !important;
	}
	.sub-menu li:active {
		color: #fff !important;
	}
}
@media only screen and ( max-width: 1040px ) {
	.menu-desktop li { padding-left: 5px !important; }
	.menu-desktop li a { font-size: 12px !important; }
}
.et_pb_image_2_tb_header	{
	float: right !important;
	}
@media only screen and ( max-width: 760px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}	
.et_mobile_menu { margin-top: 5px; width: 100% !important; left: 00% !important;}
.et_pb_image_2_tb_header { float: left !important;}
}
@media only screen and ( max-width: 425px ) {
.et_mobile_menu {margin-top: 0px; width: 100% !important; left: 0% !important;}
#top-menu .sub-menu {background-color: red;}
}
@media only screen and ( max-width: 350px ) {
.et_mobile_menu {margin-top: 0px; width: 100% !important; left: 0% !important;}
}
/*--------------------------------------
  SUB MENU DROPDOWN - PATIENT  ADVOCACY
 * -------------------------------------*/

.advocacy .sub-menu {
	margin-top: -45px !important;
}
.et-menu li li.menu-item-has-children>a:first-child:after {
	right: 5px !important;
}

/*--------------------------------------
    HOME PAGE BANNER IMAGE BREAKPOINTS
 * -------------------------------------*/
@media screen and (max-width: 1024px) {
	div.et_pb_section.et_pb_section_0 {
		background-size: contain !important;
	}
}

/*--------------------------------------
          HOME PAGE TILES
 * -------------------------------------*/

.change-text-funding a {
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	color: #0c859e !important;
}
.change-text-funding a:hover {
	color: #0062a6 !important;
}
.change-text-services a {
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	color: #0c859e !important;
}
.change-text-services a:hover {
	color: #0062a6 !important;
}
.change-text-outreach a {
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	color: #0c859e !important;
}
.change-text-outreach a:hover {
	color: #0062a6 !important;
}

/*--------------------------------------
          HOME PAGE TILES TEST
 * -------------------------------------*/

/*move and position the Text module over the center of the Image module*/
.pa-text-over-image > .et_pb_text {
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -45%);
	z-index: 10;
	width: 100%;
	font-size: 22px;
	color: #fff;
	text-shadow: 0 0 3px rgba(121,121,121,1);
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
}
/*add an optional overlay over the image*/
.pa-text-over-image > .et_pb_image .et_pb_image_wrap:before {
	content: "";
	position: absolute;
	top: 75%;
	width: 100%;
	height: 25%;
	background-color: #01b3c5;
	z-index: 9;
	transition: opacity 0.3s ease-in-out;
	opacity: .6;
}
/*show text on image hover*/
.pa-text-over-image:hover > .et_pb_text {
	text-shadow: none;
	opacity: 1; 
}
/*show overlay on image hover*/
.pa-text-over-image:hover > .et_pb_image .et_pb_image_wrap:before {
	opacity: .9; 
}



/*--------------------------------------
     HOME PAGE PARTNER LOGO ANIMATION  
* --------------------------------------*/
.slide-container {
	height: 100px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.slider {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	white-space: nowrap;
	height: 100px;
	width: 14400px;
  }
.slide {
  float: left;
  height: 100px;
  width: 200px;
  animation-name: move;
  animation-duration: 90s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  }
  
@keyframes move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-7700px);
  }
}

/*--------------------------------------
          CORES PAGE INDEX 
 * -------------------------------------*/

.cores {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-weight: 600;
    text-decoration: none;
}
.cores a {
	margin: 0 0 10px 10px;
    padding: 3px 20px 3px 20px;
	color: #0062a6; 
	background-color: #bbe4ed;
	border-radius: 20px 20px 0px 0px;
	text-align: center !important;
}
.cores a:hover {
	color: #fff;
	background-color: #01b3c5;
}
.cite-core {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-weight: 600;
    text-decoration: none;
}
.cite-core a {
    padding: 3px 20px 3px 20px;
	color: #fff; 
	background-color: #01b3c5;
	border-radius: 20px 20px 0px 0px;
	text-align: center !important;
}
.cite-core a:hover {
	color: #0062a6;
	background-color: #bbe4ed;
}

/*--------------------------------------
       CLINICAL TRIALS PAGE  
 * -------------------------------------*/
.trial-head {
	color:#0c859e;
}
.trial-head a {
	color:#0c859e;
}
.trial-head a:hover {
	color:#01b3c5;
}


.trial {
	flex-wrap: wrap;
	font-size: 16px;
	font-weight: 600;
    text-transform: uppercase;
}
.trial a {
	font-size: 16px;
	letter-spacing: 3px;
	color: #000; 
	float: right;
}
.trial a:hover {
	color: #fff;
}

.research-button {
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	font-weight: 600;
    text-decoration: none;
}
.research-button a {
	margin: 0 0 10px 10px;
    padding: 3px 20px 3px 20px;
	color: #0062a6; 
	background-color: #bbe4ed;
	border-radius: 20px 20px 0px 0px;
	text-align: center !important;
}
.research-button a:hover {
	color: #fff;
	background-color: #01b3c5;
}

 /*--------------------------------------
               INTERNAL LINKS  
  * --------------------------------------*/
		.internal-link {
			display: flex;
			flex-wrap: wrap;
			justify-content: left !important;
			font-size: 1em;
			line-height: 1.3em;
			font-weight: 400;
}
		.internal-link a:link {
			width: 300px;
			padding: 15px 10px 15px 10px;
			border-radius: 0 0 50% 50%;
			color: #000;
			background-color: #bbe4ed;
			text-align: center !important;
}
		.internal-link a:visited {
			color: #000 !important;
}
		.internal-link a:hover {
			color: #fff !important;
			background-color: #01b3c5;
}


/*--------------------------------------
        DOCUMENT DOWNLOAD LINKS  
  * --------------------------------------*/
		#document-link {
			display: flex;
			flex-wrap: wrap;
			justify-content: left !important;
			font-size: 1em;
			line-height: 1.3em;
			font-weight: 400;
}
		#document-link a:link {
			width: 300px;
			padding: 15px 30px 15px 30px;
			color: #000;
			background-color: #e7fafd;
			text-align: center !important;
			border-bottom: 1px solid #000;
}
		#document-link a:visited {
			color: #000 !important;
}
		#document-link a:hover {
			color: #fff !important;
			background-color: rgba(0, 171, 183, 0.8);
}

/*--------------------------------------
          PARTNER PAGE LINKS 
 * -------------------------------------*/
		#partner-link {
			display: flex;
			flex-wrap: wrap;
			justify-content: left !important;
			font-size: 1em;
			line-height: 1.3em;
			font-weight: 400;
}
		#partner-link a:link {
			width: 300px;
			padding: 15px 30px 15px 30px;
			color: #000;
			background-color: #e7fafd;
			text-align: center !important;
			border-bottom: 1px solid #000;
}
		#partner-link a:visited {
			color: #000 !important;
}
		#partner-link a:hover {
			color: #fff !important;
			background-color: rgba(0, 171, 183, 0.8);
}

/*--------------------------------------
          ADVOCACY PARTNER PAGE  
 * -------------------------------------*/

.advocate {
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	font-weight: 600;
    text-decoration: none;
}
.advocate a {
	margin: 0 20px 20px 0;
    padding: 3px 20px 3px 20px;
	color: #0062a6; 
	background-color: #bbe4ed;
	border-radius: 20px 20px 20px 20px;
	text-align: center !important;
}
.advocate a:hover {
	color: #fff;
	background-color: #01b3c5;
}

/*--------------------------------------
        ADVOCACY PARTNER LOGOS  
 * -------------------------------------*/
.logo-row {
  display: flex;
}

.logo-column {
  flex: 50%;
}
.disease-list {
	font-size: 20px;
	text-align: center;
	border-bottom: 1pt #000 solid;
	padding: 5px 0px 8px 0px;
}

/*--------------------------------------
        GENE TARGET ANAGRAM  
 * -------------------------------------*/
.anagram-container {
	width: 200%;
	padding-top: 20px;
}
.anagram {
	width: 100%;

}




/*------------HOME PAGE TILES--------------*/

.tile {
	color: #0060ff;
	font-size: 2em;
	line-height: 1em;
	font-weight: 600;
}
.tile a:link {
	color: #fff;
}
.tile a:visited {
	color: #fff;
}
.tile a:hover {
	color: #fff;
}
.tile .et_pb_blurb_content {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.tile .et_pb_blurb_container {
  position: absolute;
  align-self: center;
}
.tile .et_pb_main_blurb_image {
  visibility: hidden;
  margin: 0;
}


/*------------Trying to FIX anchor link padding--------------*/
:target:before {
content:"";
display:block;
height:200px; /* fixed header height*/
margin:-200px 0 0; /* negative fixed header height */
}


/*--------------------------------------
          PEOPLE PAGE TITLES 
 * -------------------------------------*/
		.title {
			font-size: 18px;
			padding-bottom: 10px;
			color: #333;
			font-weight: 500;
			line-height: 1.2em;
}
		.sub-title {
			color:#3f3f3f;
			font-weight: 700;
			line-height: 1.5em;
}
		.research-title {
			color:#0c859e;
			font-weight: 700;
			line-height: 1.5em;
}
/*--------------------------------------
          FACULTY PAGE TEXT 
 * -------------------------------------*/

		.faculty-name {
			font-size: 19px;
			font-weight: 500;
			color: #000;
			padding-bottom: 15px;
}
		.faculty-affiliation {
			font-size: 15px;
			color: #000000;
			font-weight: 400;
			line-height: 1.3em;
}
		.faculty-title {
			font-size: 15px;
			color: #000000;
			font-weight: 600;
			line-height: 1.3em;
			padding-bottom: 7px;
}
		.faculty-button {
			float: right;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			font-weight: 600;
			text-decoration: none;
}
		.faculty-button a {
			padding: 3px 20px 3px 20px;
			color: #fff; 
			background-color: #01b3c5;
			border-radius: 20px 20px 0px 0px;
			text-align: center !important;
}
		.faculty-button a:hover {
			color: #0062a6;
			background-color: #bbe4ed;
}
/*--------------------------------------
          DIVI BACK TO TOP BUTTON 
 * -------------------------------------*/
.et_pb_scroll_top.et-pb-icon {
    right: 0; /* space from right */
    bottom: 120px; /* space from bottom */
    padding: 8px; /*padding size*/
	border-radius: 30px 0 0 30px; /* make the circle */
    background: #01b3c5 /* button color */;	
    font-size: 32px; /* icon size */
    transition: all .1s ease-in-out; /* add transition */
}
/* Button Appearance on Mouseover */
.et_pb_scroll_top.et-pb-icon:hover {
    bottom: 120px /* space from bottom */;
    background: #0062a6 /*button hover color*/;	
    transition: all .1s ease-in-out; /*add transition*/
}
/* Animation tweaks */
.et_pb_scroll_top.et-visible {
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    -moz-animation: fadeInBottom 2s 1 cubic-bezier(.50,0,.160,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
}
.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
}


 /*-------------------------------------- 
  	     PASSWORD PROTECTED PAGE  
 * -------------------------------------*/
/* Peter's VooDoo Code */

form#calendar-access {
  padding: 0 20px;
	text-align: center;
}

form#calendar-access .password {
  height: 44px;
  width: 100%;
  padding-left: 10px;
  border-radius: 4px;
  margin: 0 0 20px 0;
}

form#calendar-access input[type="submit"] {
  float: right;
  height: 32px;
  border: 1px solid #0c859e;
  border-radius: 4px;
  color: #0c859e;
  background-color: #ffffff;
  font-weight: 600;
}

form#calendar-access input[type="submit"]:hover {
	transition: all .2s ease-in-out;
	border: none;
	color: #fff;
	background-color: #0c859e;
}

 /*--------------------------------------
            * Footer Text Block 
  * --------------------------------------*/

.footer-bar {
	font-size: .85em !important;
	font-weight: 400;
	color: #fff;
}
.footer-bar a:link {
	font-size: 1em !important;
	font-weight: 400;
	color: #76c0fc;
}
.footer-bar a:visited {
	color: #76c0fc;
}
.footer-bar a:hover {
	color: #ffffff;
}

.email-link {
	font-size: .9em;
	font-weight: 600;
	color: #0062a6;
}
.email-link a:link {
	color: #0062a6;
}
.email-link a:hover {
	color: #01b3c5;
}

 /*--------------------------------------
			* NEWS LANDING 
  * --------------------------------------*/
  
#posts-landing .row {
	display: grid;
	grid-template-columns: 1fr 3fr;
	column-gap: 30px;
	grid-template-areas: 
		"left right";
	padding: 0 0 30px 0;
	border-bottom: 1px solid #000;
	margin-bottom: 40px;

}

#posts-landing .left {
	width: 290px;
	grid-area: left;
}

#posts-landing .right {
	grid-area: right;
}

#posts-landing .column .image {
	padding: 5px 0 0 0;
}

#posts-landing .column .date {
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 0 10px 0;
}

#posts-landing .column .link {
	font-size: 15px;
	display: block;
	float: right;
	text-transform: uppercase;
}

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

	#posts-landing .row {
		grid-template-columns: 1fr;
		grid-template-areas: 
			"left" 
			"right";
	}

}

/*--------------------------------------
		* HOME NEWS & EVENTS LANDING 
* --------------------------------------*/

#home-news-events .date {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 0 10px 0;
}

#home-news-events h3 {
	color: #0c859e;
}

#home-news-events a {
	display: block;
	float: right;
	text-transform: uppercase;
}

 /*--------------------------------------
           RESEARCH GRAPHIC TEST  
  * --------------------------------------*/
		.graphic {
			display: flex;
			flex-wrap: wrap;
			justify-content: center !important;
			font-size: 1.5em;
			line-height: 1em;
			font-weight: 400;
			text-align: center;
			width: 100%;
			padding: 15px 10px 45px 10px;
			border-radius: 0px 0px 50% 50%;
			color: #fff;
			background-color: #01b3c5;
}