/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

figcaption {
	color: inherit;
}


.grecaptcha-badge { visibility: hidden; }
.no-pointer-events{	pointer-events: none; user-select: none; }
/* Client requests no hyphenated words break on hyphen, wrap words in span with .hyphen-word*/
.hyphen-word{
	white-space: nowrap!important;
}

/* EVA should always be italic and bold */
.eva-style {
    font-weight: 600!important;
    font-style: italic;
}


/* Button icons used on the transparent bg, arrow icon buttons */
.icon-size-chg .elementor-button-icon svg{
	width: 1.2em;
	margin-bottom: -0.1em;
}


/* Cuts the corners on the buttons */
.cut-corners-btn .elementor-button {
	--edge-size-1: 1.5em;
	--edge-size-2: 1em;
	
	clip-path: polygon(
var(--edge-size-1) 0%,
100% 0%,
100% calc(100% - var(--edge-size-2)),
calc(100% - var(--edge-size-1)) 100%,
0 100%,
0% var(--edge-size-2)
  );

}

/* Cuts corners on the images */
.cut-corner-img {
	--edge-size-1: 5.5em;
	--edge-size-2: 3em;
	
	clip-path: polygon(
var(--edge-size-1) 0%,
100% 0%,
100% calc(100% - var(--edge-size-2)),
calc(100% - var(--edge-size-1)) 100%,
0 100%,
0% var(--edge-size-2)
  );
}

.text-sections-blur {
	max-width: 600px;
}

@media (max-width: 1024px){
.text-sections-blur {
	max-width: 100%;
}
}

/***** STICKY HEADER
 * Create a header template and make sure the HTML tag for the template (not the container) is set to Header.
 * Leave the HTML tag for your parent container as Default.
 * Set Motion Effects to Sticky on your parent container, and set a value for Effects Offset (e.g. 200).
 * *****/

header .elementor-sticky {
    width: 100vw !important;
    left: 0 !important;
}

.elementor-sticky--effects.elementor-sticky--active {
    margin-top: -3px !important;
}

header .elementor-sticky--effects {
    min-height: 60px;
	background: var(--e-global-color-accent)CC;
	backdrop-filter:blur(2px);
}

header .elementor-sticky--effects .e-con-inner {
    padding: 13px 0;
}

header .elementor-sticky--effects a {
	font-size:15px !important;
}

header .elementor-sticky--effects .elementor-icon svg{
    height: 35px !important;
}

header .transparent:not(.elementor-sticky--effects) {
    background: transparent !important;
}

header .elementor-sticky--effects, header .elementor-sticky--effects a, 
header .elementor-sticky--effects .elementor-button, 
header div:not(.elementor-sticky--effects), 
.logo img, header .elementor-sticky--effects .logo img, header .elementor-sticky--effects .tagline p, header .elementor-sticky--effects .tagline .elementor-widget-container, header .elementor-sticky--effects .elementor-nav-menu, .logo-scroll img, .elementor-sticky--effects .logo-scroll img, header .elementor-icon svg, header .elementor-sticky--effects .elementor-icon svg {
    transition: .5s ease;
}

.elementor-nav-menu--dropdown ul.sub-menu a {
    opacity: 0.8;
}

header .elementor-sticky--effects .elementor-nav-menu {
    padding: 0;
}

#main-nav-menu li.menu-item a.elementor-item:hover {
	color: var(--e-global-color-97ef44c);
}

/*** Home ***/
#hero-gradient  {
    background-color: #161333;
    background-image:
			url('/wp-content/uploads/2025/09/LabGenius-Antibody-Animation-Infinite.svg'),
			linear-gradient(307.45deg, rgba(38, 153, 150, 0.8) -6.08%, rgba(22, 27, 51, 0.8) 70.33%),
        linear-gradient(189.8deg, rgba(22, 27, 51, 0.9) 20.77%, rgba(22, 27, 51, 0) 80.19%), url('/wp-content/uploads/2025/09/LabGenius-Antibody-Animation-static.svg'); 
    background-position: bottom center; 
    background-size: cover; 
    background-repeat: no-repeat; 
}

.home-overlay-gradients {
	height: 100%;
}

/* Corner cut sections on homepage */

.cut-corner-home {
	--edge-size-1: 5.5em;
		--edge-size-2: 3em;
	
	clip-path: polygon(
var(--edge-size-1) 0%,
100% 0%,
100% calc(100% - var(--edge-size-2)),
calc(100% - var(--edge-size-1)) 100%,
0 100%,
0% var(--edge-size-2)
  );
}

/* Smooth scroll transition for investor carousel*/
#investor-logo-slides .swiper-wrapper {
    transition-timing-function: linear;
}

.investor-logos img{
	width: 100%!important;
	object-fit: contain;
}


/***** News items *****/

.news-image img{
    background-clip: content-box;
}

#news-item-cards {
	--edge-size-1: 2.5em;
		--edge-size-2: 2em;
	
	clip-path: polygon(
var(--edge-size-1) 0%,
100% 0%,
100% calc(100% - var(--edge-size-2)),
calc(100% - var(--edge-size-1)) 100%,
0 100%,
0% var(--edge-size-2)
  );
}

#news-item-cards img{
		margin: -2px -2px -2px -2px;
}

/****** Team ************/
/* Team square */
#team-img img{
	--edge-size-1: 2.5em;
	--edge-size-2: 2em;
	background-color: #e8e8e8;
	clip-path: polygon(
var(--edge-size-1) 0%,
100% 0%,
100% calc(100% - var(--edge-size-2)),
calc(100% - var(--edge-size-1)) 100%,
0 100%,
0% var(--edge-size-2)
  );
}


#team-loop .elementor-loop-container.elementor-grid {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
@media (min-width:1025px) {
	#team-loop .e-loop-item{
	max-width: 261px;
}
}
@media (max-width:1024px) {
	#team-loop .e-loop-item{
	max-width: 200px;
}
}

/****** Pipeline ********/

/* Used on animated graphs*/
.lazy-svg {
	width: 450px;
}



/* Pipeline progress bars */
.pipeline-progress .elementor-progress-bar{
	border-radius: 0;
}

/* Pipeline */
.read-less-accordion {
	display: none;
}
.toggle-accordion-btn:hover {
	cursor: pointer;
}
.pipeline-accordion summary{
	visibility: hidden;
	position: absolute;
}

img.attachment-icon {
	max-height: 0.7rem;
	max-width: 0.7rem;
	object-fit: contain;
}

/* Pipeline PDF attachments
 * Main div .pipeline-attachment-container
 * Item div .pipeline-attachment
 */

#pipeline-attachment-container{
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.pipeline-attachment {
	height: 175px;
	background-size: cover;
	background-position: center left;
	overflow: hidden;
}

.pipeline-attachment a{
	height: 175px;
	color: white!important;
	display: flex;
	flex-direction: column;
	justify-content: end;
}
.attachment-title {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 5px 10px;
	bottom: 7px;
	left: 0;
	z-index: 20;
	font-size: 18px;
	background: #161333;
	gap: 5px;
}

.pipeline-attachment a:hover img{
	filter: brightness(50%);
}

/***** Single post *********/
.elementor iframe{
	aspect-ratio: 16 / 9;
	width: unset;
}

.is-type-video .wp-block-embed__wrapper{
	display: flex;
	justify-content: center;
}