/*
Theme Name: Ocugenix
description: >-
   A child theme of Generate Press
Author: Studio 1440
Author URI: http://studio1440.com
Template: generatepress
Version: 1.0.0
*/

html {
    scroll-behavior: unset !important;
}

body { /* mysterious horizontal scrollbar */
    overflow-x: hidden;
}

/* Typography */

:root{
    --blue: #27688D;
    --purple: #8E2682;
    --green: #85C029;
    --lightblue: #4DBDEC;
}

body {
	/*font-family: 'Work Sans', Helvetica, Arial, sans-serif; */
	/*font-weight: 500;*/
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: 'Poppins', Helvetica, Arial, sans-serif; */
	/*line-height: 1.2 !important;*/
	/*font-weight: 500;*/
	/*font-weight: 700;*/
}

p, h2, h3, h4, h5 {
	/*margin-bottom: 20px;*/
}

h1, h2, h3 {
	/*color: var(--blue);*/
}

h2 {
	/*font-size: 48px;
	letter-spacing: -.02em;
	text-align: center;
	position: relative;
	display: inline-block;
	padding-top: 30px;*/
}


h3 {
/*	font-size: 30px;
	letter-spacing: .02em;
	letter-spacing: -.02em;
	font-weight: 500;*/
}

.heavy h3 {
	/*font-weight: 700;
	margin-bottom: 0px !important;
    line-height: 1.2 !important;*/
}

h4 {

}


#content .elementor-text-editor ul, ol {
	margin-left: 20px;
}

#content .elementor-text-editor li {
	margin-bottom: 10px;
	line-height: 1.5;
}


.caption p {
	font-size: 14px;
	line-height: 1.1;
}


.elementor-widget-text-editor .elementor-widget-container p:last-child {
	margin-bottom: 0 !important;
}


.circlenumber div {
    background-color: #eee;
    border-radius: 100%;
    height: 3.7em !important;
    width: 3.7em !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.circlenumber h3 {
	font-size: 26px;
    font-weight: 600 !important;
    color: #515151 !important;
}


/* Footnotes */

.footnotes * {
	font-size: 14px !important;
}

.footnotes ol {
	margin-top: 15px;
	margin-left: 15px !important;
}


/* page layout */

.site-content {
	padding-top: 60px;
}



/* Navigation */


.elementor-nav-menu--main a {
	text-transform: uppercase;
	font-family: 'Poppins', Helvetica, Arial, sans-serif; 
} 

.sub-menu {
	padding-top: 10px;
	padding-bottom: 10px;
}

	.sub-menu a {
		text-transform: uppercase;
	}

#sticky-navigation {
	background-color: #fff;
}







@media screen and (max-width: 600px) {
	.page-hero {
		height: 300px;
	}

	.page-hero h1 {
		font-size: 45px;

	}
}


/* HOMEPAGE */


.home .site-content {
	padding-top: 0 !important;
}




/* page headers */

.page-hero {
	height: 480px;
	margin-top: -187px;
	display: flex;
	border-bottom: 12px solid var(--blue);
	/*background: url(/wp-content/uploads/hero1.jpg) center center no-repeat;*/
	background-size: cover;
	background-position: center top;
}

.page-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, transparent 100%);
  pointer-events: none;
  z-index: 1;
}

.inside-page-hero {
	align-self: self-end;
	width: 100%;
	/*background-color: rgba(240,130,0,.8);*/
	padding: 20px 0px 0px 0px;
}

.page-hero h1 {
	font-size: 66px;
	color: #fff !important;
	letter-spacing: -.03em;
	font-weight: 400 !important;
	max-width: 900px;
}

#pagetitle_wrapper {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding-left: 10px;
	margin-bottom: 30px;
}





/*####### INDICATIONS ########*/


.indications-tabs .e-n-tabs {
    column-gap: 0px !important;
}

.e-n-tab-title span {
	transition: all .2s ease-out;
}

	.e-n-tab-title:hover span {
		margin-left: -8px !important;
	}

	.e-n-tab-title:hover span:first-child {
		margin-left: 4px !important;
	}

.hoverTabs .e-n-tabs-content .e-active {
    animation: fadeInTabs 0.8s ease forwards;
}

@keyframes fadeInTabs{

	0% {
	 opacity:0;
	 transform: translate(0,-10px);
	}
	
	100% {
	 opacity:1;
	 transform: translate(0,0px);
	}

}




/* Team blocks, lightboxes, etc. */




.ex-tplist figcaption p {
	display: none;
}

.ex-tplist .extp-pagination-parent {
	display: none;
}


/* lightbox */

.exteam-lb .gslide-inner-content {
	max-width: 1200px !important;
}



.item-grid {

}

.item-grid figure {
	box-shadow: none !important;
}

.lb-image {
	display: none !important;
}

.style-12 .active-collaps .exp-expand-des {
	margin: 45px 0 !important;	
	margin-bottom: 15px !important;
}

.lb-info {
	width: 95% !important;
}

.item-grid figure h5 {
	color: #666;
}

@media screen and (min-width: 1200px) {

	.lb-info {
		padding: 0px 45px !important;
	}

	.item-grid {
		margin-right: 22px !important;

		width: 23% !important;
	}

}

	.lb-info h3 a {
		color: #182F3A !important;
		font-size: 28px !important;
		letter-spacing: 3px;
	}

	.lb-info .lb-social {
		display: none !important;
	}

	.lb-info .exp-lightbox-meta {
		border-width: 0px !important;
	}

		.lb-info h5 {
		    font-size: 17px !important;
		    color: #333!important;
		    letter-spacing: 0px;
		    text-transform: uppercase;
		    letter-spacing: 2px;
		    font-weight: 600;
		    margin-top: 15px !important;
		}

		.lb-info h5 span {
			display: none !important;
		}

	.lb-info p {
		color: #182F3A !important;
		font-size: 17px !important;
		font-family: 'Poppins', sans-serif !important;
		font-weight: 300 !important;
	}



/* ### list version of team ### */

.list-style-2 .tplist-2-image {
	display: none !important;
	
}

.list-style-2 h3 a {
	color: var(--green) !important;
	letter-spacing: normal !important;
	font-weight: 500 !important;
	margin-bottom: 10px !important;
	text-transform: none !important;	
}

.list-style-2 figcaption p,
.list-style-2 figcaption .ex-social-account {
	display: none !important;
}		

.list-style-2 .tpitem-list {
	border-bottom: 1px solid #ccc;
	/*background: linear-gradient(to right, #85C029 50%, white 50%);*/
	background: linear-gradient(to right, #eee 50%, white 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .3s ease-out;	
	margin: 0px !important;
	padding: 15px 0 0 0 !important;

}
	.list-style-2 .tpitem-list:hover {
		background-position: left bottom;
	}

	.list-style-2 .tpitem-list:hover * {
		/*color: #000 !important;*/
	}

.list-style-2 h3 {
	font-size: 22px !important;
	letter-spacing: 3px;
}


.list-style-2 h5 {
	font-size: 15px !important;
    color: #222 !important;
    letter-spacing: 0px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-top: 10px !important;	
}




div.advisors {
	margin-bottom: 30px;
}

.advisors .elementor-widget-container p {
  margin: 0;
  padding: 0.5em 0 0.2em;
  font-size: 20px;
  font-weight: 400 !important;
  color: var(--blue);
  text-transform: uppercase;
}

.advisors .elementor-widget-container ul {
  list-style-type: none; /* removes bullets */
  padding: 0;
  margin: 0 0 1em;
  border-bottom: 1px solid #ccc; /* light gray divider */
  padding-bottom: 1em;
}

.advisors .elementor-widget-container ul li {
	padding-bottom: 5px;
}

.advisors .elementor-widget-container ul:last-of-type {
  border-bottom: none; /* remove divider after last group */
}





/* ########### Pipeline ############ */


.pipeline-block {
/*	border-color: #eee #fff #fff #fff;
	border-style: solid;
	border-width: 2px;*/
	/*border-bottom: 1px solid #eee;*/
    /*padding-top: 22px;
    padding-bottom: 3px;*/
    /*cursor: pointer;*/
    /*background-color: #fff;*/
    transition: all 0.4s ease;
}

.pipelineblock:hover {
	/*background-color: #f5f5f5;*/
	/*border-top-color: #FFF;*/
/*	border-color: #F27400;
	border-radius: 10px;*/
}


.pipelineblock h3 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 20px;
}

.pipelineblock h3 a {
	transition: all 0.4s ease;
}

.pipelineblock h3 a:hover {
	color: var(--blue) !important;
}


.pipelineblock .elementor-widget:not(:last-child) { 
    margin-bottom: 15px; /* scrunch up the spacing under the name of the drug */
}

.pipelineblock p {
	margin-bottom: 5px;
    line-height: 1.3;
    font-size: 18px;
}

.pipelinebar {
	margin-bottom: 30px;
}

.elementor-progress-wrapper {
    /*background-color: #eee !important;*/
    /*background-image: linear-gradient(45deg, #bdbdbd 12.50%, #ebebeb 12.50%, #ebebeb 50%, #bdbdbd 50%, #bdbdbd 62.50%, #ebebeb 62.50%, #ebebeb 100%);
	background-size: 5.66px 5.66px;*/
}

.elementor-progress-bar {
	border-radius: 0px !important;
}

.pipeline-block .elementor-text-editor {
	margin-bottom: -60px;
}

.pipeline-block .elementor-text-editor p {
	font-size: 20px;
	/*font-weight: 700;*/
	color: var(--blue);
}

.pipeline-block .elementor-heading-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--blue);
	margin-bottom: 10px;
}

/*  for making a two-tone progress bar background color  */
/*  linear-gradient(90deg, rgba(133,192,41,1) 85.1%, rgba(168,212,101,1) 85.1%, rgba(168,212,101,1) 100%);   */





.elementor-progress-text {
	font-size: 20px;
	font-weight: 600;
	/*text-transform: uppercase;*/
}

/* most of the styles are in the Elementor editor (in an empty section) so the user can see it in real-time */
/* this set of rules is here so that the pipeline bar isn't obscured in the editor */
.list-phases {
	/*position: absolute !important;
	top: 0px;*/
	list-style-type: none;
    width: 100%;
/*    text-align: center;*/
    padding: 0;
    margin: 0;
    display: table;
    border-collapse: collapse;
}

.list-phases ul {
	margin-left: 0 !important;
}

.list-phases li {
	box-sizing: border-box;
	float: left;

	width: 20%;
    margin: 0 auto;
    font-weight: 600;
    display: table-cell;
    text-align: left;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0px 10px;
    position: relative;

	/*color: #FFF !important;*/
	/*border: 1px solid #000;*/
}

/*.list-phases li:after {
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	position: absolute;
	left: 100%;
} 

.list-phases li:last-child:after {
	content: "" !important;
}
*/


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

	.list-phases li {
/*		font-size: 7px !important;
		padding-top: 17px !important;*/
	}

	.elementor-progress-wrapper {
		border-radius: 0px !important;
	}
	
}


.pipeline-milestone li {
	font-size: 16px;
	color: var(--blue);
	margin-bottom: 10px !important;
}



.indication {
	padding: 10px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


.row-indications {
}


.pipeline-paragraph h3 {
	position: relative;
	margin-left: 70px;
}
.pipeline-paragraph h3:before {
	content: "";
    position: absolute;
    left: -70px;
    top: 50%;
    background: var(--green);
    height: 1px;
    width: 55px;
}

.pipeline-paragraph p {
	margin-left: 70px;
}






/* Science */

@media screen and (min-width: 1024px) { 

	.row-modulatingtcellactivity {
		/*min-width: 1180px;*/
	}

	.row-modulatingtcellactivity .col1 {
		width: 440px !important;
	}

}

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



}



/* ##########  clinical data ############*/


.styled-steps ol {
  counter-reset: step;
  list-style: none;
  margin: 0;
  padding: 0;
}

.styled-steps li {
    counter-increment: step;
    position: relative;
    min-height: 96px;
    margin: 0;
    padding-left: 100px;
    /* color: #0f5f8f; */
    /* font-size: 32px; */
    align-items: center;
    display: flex;
    line-height: 1.15;
}

.styled-steps li::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: 0;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: #f5f5f5;
    border: 1px solid var(--blue);
    color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
    transform: translateY(10px);
}










/* News */

.single-post .entry-meta,
.single-post .entry-meta,
.single-post .comments-area { 
	display: none;
}

.single-post h1 {
	font-size: 30px;
	font-weight: 600 !important;
	text-transform: uppercase;
	text-align: center;
}

.single-post .page-hero {
	height: unset;
}

.single-post .site-main {
	margin-top: 0 !important;
}

.single-post .entry-content {
	margin-top: 0 !important;
}





/* Careers */

.job-opening-template-default .page-hero {
	background-image: url(/wp-content/uploads/masthead-1.jpg);
	background-color: rgba(0,0,0,0.39);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.job-opening-template-default .inside-page-hero {
	display: none;
}


.b-applynow a {
    display: inline-block;
    background-color: var(--green);
    padding: 15px 40px;
    color: #fff;
    font-weight: 500;
    transition: all 0.4s ease;
    margin: 20px 0;
}

.b-applynow a:hover {
	background-color: var(--blue);
}




.careerlist article {
	border-bottom: 1px solid #ccc;
	/*background: linear-gradient(to right, #85C029 50%, white 50%);*/
	background: linear-gradient(to right, #eee 50%, white 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .3s ease-out;	
	margin: 0px !important;
	padding: 20px 0 20px 0 !important;
}
	.careerlist article:hover {
		background-position: left bottom;
		padding-left: 15px !important;
	}

	.careerlist article:hover * {
		/*color: #000 !important;*/
	}




/* Forms */


.elementor-message-success {
	color: #FFF !important;
    margin-top: 40px !important;
}

.signupform2 {
	text-align: center;
}

.signupform2 .mc4wp-form-fields {
	margin: 0 auto;
	display: inline-block;
}

.signupform2 .mc4wp-form-fields p {
	float: left;
	margin-right: 20px;
}

.signupform2 .mc4wp-form-fields input[type="email"] {
	width: 350px;
}

.signupform2 .mc4wp-form-fields input[type="submit"]:hover {
	background-color: #666;
}


.signupform2 .mc4wp-response p {
	color: #FFF !important;
	font-style: italic !important;
}




@media screen and (min-width: 10px) and (max-width: 600px){
    
    #label_3,
    #label_4,
    #label_5,
    #label_6 {
        display : none !important;
    }

    #id_3 span:first-child {
        padding-bottom : 5px;
    }

    .form-all {
        padding-top : 0px !important;
    }

    img.hipaa-badge {
        margin : 0 auto;
        margin-top : 20px;
    }

}





/* ####### footer ####### */

.site-footer {
	margin-top: 60px;
}

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

	.footer-widgets {
		padding: 20px;
	}

}

#footer-widgets .fa.fa-linkedin {
    background-color: #666;
    margin-left: 40px;
}

.menu-footer-menu {
	list-style-type: none;
	padding-left: 0;
}

#menu-footer-menu li {
	float: left;
	margin-right: 25px;
}

.footer-widget-1 h4,
.footer-widget-2 h4 {
	font-size: 24px;
}

.footer-widget-1 p {
	font-size: 16px;
	letter-spacing: .02em;
}

.footer-widget-1 aside {
	/*clear: both;*/
	margin-bottom: 10px !important;
}

.footer-widget-1 a {
	text-decoration: none;
}

.footer-widget-1 a:hover {
	color: var(--green) !important;
}

.footer-widget-1 a, 
.footer-widget-1 #text-6 p {
	font-size: 14px !important;
	font-weight: 600;
	color: #FFF !important;
}

.footer-widget-1 a:hover {
	color: var(--blue) !important;
}

.footer-widget-2 aside {
	float: right;
	/*padding-top: 20px !important;*/
	min-width: 400px;
}

.footer-widget-2 li {
	font-size: larger;
}

@media(max-width: 960px) {

	.footer-widget-2 aside {
		float: left;
		padding-top: 20px !important;
	}

}





.footer-widgets .widget-title {
    color: #ffffff;
    display: inline-block;
    float: left;
    margin-right: 20px;
    font-weight: 500;
    font-size: 23px;
    letter-spacing: .01em;
}

footer.site-info {
	display: none;
}