/*
Theme Name:   Hello Elementor Child
Theme URI:    https://seamonsseeds.com
Description:  Child theme for Hello Elementor
Author:       Dipen
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

/* Custom CSS yahan likho */

/* .contact-form-lab {
    max-width: 600px;
    margin: 0 auto;
} */

.contact-form-lab p {
    margin-bottom: 24px;
}

.contact-form-lab label {
	font-family: roboto;
    display: block;
    font-size: 16px;
    color: #1a1a1a;
    margin-bottom: 10px;
    font-weight: 400;
}

.contact-form-lab .wpcf7-form-control-wrap {
    display: block;
}

.contact-form-lab input[type="text"],
.contact-form-lab input[type="email"],
.contact-form-lab input[type="tel"],
.contact-form-lab select,
.contact-form-lab textarea {
    width: 100%;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 15px;
    color: #333;
    box-sizing: border-box;
    transition: border-color 0.2s ease, background-color 0.2s ease;
	margin-top: 15px;
}

.contact-form-lab textarea {
    min-height: 130px;
    resize: vertical;
}

.contact-form-lab input[type="text"]:focus,
.contact-form-lab input[type="email"]:focus,
.contact-form-lab select:focus,
.contact-form-lab textarea:focus {
    outline: none;
    border-color: #36AA47;
    background-color: #ffffff;
}

.contact-form-lab input[type="submit"] {
    background-color: #36AA47;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    text-transform: none;
    border: none;
    border-radius: 6px;
    padding: 14px 32px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.contact-form-lab input[type="submit"]:hover {
    background-color: #71AA05;
}

/* Error/validation styling */
.contact-form-lab .wpcf7-not-valid-tip {
    color: #f4475e;
    font-size: 13px;
    margin-top: 6px;
}

.contact-form-lab .wpcf7-not-valid {
    border-color: #f4475e !important;
}


/* Services Page */
.hexagon-box {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    width: 350px;
    height: 400px;
}

/* Custom Quote */
.custom-quote {
	position: relative;
	z-index: 2;
}
.custom-quote:before {
	content:"";
	position:absolute;
	background-image:url('http://seamonsgenomics.com/wp-content/uploads/2026/09/quote.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 90px;
	height: 80px;
	top: 0;
	left: -80px;
	z-index: -1;
}
@media (max-width:480px) {
	.custom-quote:before {
		width: 70px;
		height: 60px;
		top: 0;
		left: -60px;
	}
}

/* Test Icones Home Page */
.test-icons .elementor-icon:hover svg {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

.test-icons .elementor-icon:hover svg path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

.test-icons .elementor-icon-box-wrapper:hover svg {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

.test-icons .elementor-icon-box-wrapper:hover svg path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}
.test-icons .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
	color: #36AA47;
}

/* =========================================
   SCROLL SLIDE ANIMATION
========================================= */

/* LEFT SIDE IMAGE */
.sg-slide-section.sg-slide-left {
    overflow: hidden;
}

.sg-slide-section.sg-slide-left > .elementor-container,
.sg-slide-section.sg-slide-left .sg-slide-target {
    opacity: 0;
    transform: translateX(-120px);
    transition:
        opacity 0.9s ease,
        transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}


/* RIGHT SIDE IMAGE */
.sg-slide-section.sg-slide-right {
    overflow: hidden;
}

.sg-slide-section.sg-slide-right > .elementor-container,
.sg-slide-section.sg-slide-right .sg-slide-target {
    opacity: 0;
    transform: translateX(120px);
    transition:
        opacity 0.9s ease,
        transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}


/* =========================================
   ACTIVE STATE
========================================= */

.sg-slide-section.sg-slide-left.sg-slide-visible > .elementor-container,
.sg-slide-section.sg-slide-left.sg-slide-visible .sg-slide-target,

.sg-slide-section.sg-slide-right.sg-slide-visible > .elementor-container,
.sg-slide-section.sg-slide-right.sg-slide-visible .sg-slide-target {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================
   OPTIONAL: SMALL DELAY FOR CONTENT
========================================= */

.sg-slide-section.sg-slide-visible .elementor-widget {
    transition-delay: 0.15s;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .sg-slide-section.sg-slide-left > .elementor-container,
    .sg-slide-section.sg-slide-right > .elementor-container,
    .sg-slide-section.sg-slide-left .sg-slide-target,
    .sg-slide-section.sg-slide-right .sg-slide-target {
        transform: translateY(50px);
    }

    .sg-slide-section.sg-slide-left.sg-slide-visible > .elementor-container,
    .sg-slide-section.sg-slide-right.sg-slide-visible > .elementor-container,
    .sg-slide-section.sg-slide-left.sg-slide-visible .sg-slide-target,
    .sg-slide-section.sg-slide-right.sg-slide-visible .sg-slide-target {
        transform: translateY(0);
    }
}


/* Accessibility */
@media (prefers-reduced-motion: reduce) {

    .sg-slide-section.sg-slide-left > .elementor-container,
    .sg-slide-section.sg-slide-right > .elementor-container,
    .sg-slide-section.sg-slide-left .sg-slide-target,
    .sg-slide-section.sg-slide-right .sg-slide-target {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* =========================================
   OUR TEAM SECTION
========================================= */
.lab-team-members.sg-reveal-ready > .e-con {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.7s ease, transform 0.7s ease;
  will-change: opacity, transform;
}

.lab-team-members.sg-reveal-ready > .e-con.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .lab-team-members.sg-reveal-ready > .e-con {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* =========================================
   HOME PAGE TOP SLIDER
========================================= */
/* ===== HERO SLIDER ===== */
body .hero-slider.hs-ready {
  display: grid !important;
  position: relative;
  overflow: hidden;
}
body .hero-slider.hs-ready > .hero-slide {
  grid-area: 1 / 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: translateX(-100%) !important;
  visibility: hidden !important;
  pointer-events: none;
  z-index: 1;
}
body .hero-slider.hs-ready > .hero-slide.is-active {
  transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto;
  z-index: 2;
  transition: transform 0.9s cubic-bezier(0.65, 0, 0.35, 1);
}
body .hero-slider.hs-ready > .hero-slide.is-leaving {
  transform: translateX(100%) !important;
  visibility: visible !important;
  z-index: 1;
  transition: transform 0.9s cubic-bezier(0.65, 0, 0.35, 1);
}
.hero-slider > .elementor-shape { z-index: 5; pointer-events: none; }

.hs-dots {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 6;
}
.hs-dot {
  width: 12px;
  height: 12px;
  min-width: 0;
  padding: 0;
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}
.hs-dot.is-active { background: #3aa845; border-color: #3aa845; transform: scale(1.25); }

@media (max-width: 767px) { .hs-dots { right: 12px; } }
@media (prefers-reduced-motion: reduce) {
  body .hero-slider.hs-ready > .hero-slide.is-active,
  body .hero-slider.hs-ready > .hero-slide.is-leaving { transition: none; }
}
/* ===== END HERO SLIDER ===== */