/* Theme common stylesheet. Homepage template styles are scoped inline in template-home.php. */
:root {
    /* Light theme colors */
    --primary-forest: #2e7d32;
    --primary-leaf: #a5d6a7;
    --secondary-mint: #e8f5e9;
    --text-dark-green: #1b5e20;
    --neutral-white: #ffffff;
    --neutral-charcoal: #333333;
    --neutral-light-grey: #f5f5f5;

    /* Dark theme adjustments */
    /* --dark-bg-primary: #1a1a1a; */
    --dark-bg-secondary: #2d2d2d;
    --dark-text-primary: #e0e0e0;
    --dark-text-secondary: #b0b0b0;
    --dark-primary-leaf: #81c784;
    --dark-secondary-mint: #2e5d31;
    --dark-bg-primary: radial-gradient(at bottom right,
    rgb(0, 6, 12) 40% 60%);

    /* --dark-bg-primary: radial-gradient(
      at bottom right,
      rgb(13, 13, 14) 40% 60%
    ); */

    --font-primary: 'Manrope', system-ui, sans-serif;
    --color-lemon-dark: #2e7d32;

}
/*
[data-theme="dark"] {
  --neutral-white: var(--dark-bg-primary);
  --neutral-light-grey: var(--dark-bg-secondary);
  --neutral-charcoal: var(--dark-text-primary);
  --text-dark-green: var(--dark-primary-leaf);
  --secondary-mint: var(--dark-secondary-mint);
}*/

h1 {
    /* font-size: clamp(2rem, 3vw, 3rem);
    font-family: var(--font-primary);
    font-weight: 700;
    line-height: var(--line-height-tight); */
    font-family: 'Poppins';
}

h2 {
    font-size: clamp(2rem, 4vw, 2.5rem);
    font-weight: 600;
    line-height: var(--line-height-tight);
}

h3 {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 600;
    line-height: var(--line-height-normal);
}

h4 {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    font-weight: 600;
    line-height: var(--line-height-normal);
}

h5 {
    font-size: clamp(1.125rem, 2vw, 1.25rem);
    font-weight: 500;
    line-height: var(--line-height-normal);
}

h6 {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 500;
    line-height: var(--line-height-normal);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

p {
    font-size: clamp(1.6rem, 1.5vw, 1.125rem);
    font-weight: 400;
    line-height: var(--line-height-normal);
    color: #333333;
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;
}

@media screen and (max-width:955px) {
    p {
        font-size: clamp(1.5rem, 1.5vw, 1.125rem);
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    font-size: 62.5%;
    font-family: var(--font-primary);
    scroll-behavior: smooth;
}

.app {
    background-color: var(--secondary-mint);
    color: #222222;
    transition: background 0.3s, color 0.3s;
}

/* Dark mode *//*
@media (prefers-color-scheme: dark) {
  .app {
    background: var(--dark-bg-primary);
    color: #ffffff;
    transition: background 0.3s, color 0.3s;
  }

  /* Noise layer (static, grainy texture) - Enhanced for more noise * /
  .hero_noise {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url("https://transparenttextures.com/patterns/first-aid-kit.png");
    background-repeat: repeat;
    background-size: auto;
    mix-blend-mode: overlay;
    pointer-events: none;
    z-index: 0;

  }

  .hero_noise::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.02), transparent 70%);
  }
}
*/
section {
    padding: 8rem 0 8rem 0;
}

.link {
    color: white;
    text-decoration: none;
}

label {
    font-size: 1.6rem;
    font-weight: 600;
}

input:focus {
    outline: none;
    background-color: #fff;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    /* object-fit: contain; */
}

ul {
    list-style: none;
}

li {
    text-decoration: none;
}

a,
button,
svg,
div {
    -webkit-tap-highlight-color: transparent;
}

a,
button,
svg,
div {
    outline: none;
    text-decoration: none;

}

/* HERO IMAGE SLIDER */
.image-slider {
    position: relative;
}

.image-slider img {
    position: absolute;
    opacity: 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    animation: fadeAnimation 9s infinite;
    /* image-slider hack in mobile */
    height: 320px;
    width: 100%;
}

@media only screen and (min-width:668px) {
    .image-slider img {
        height: 100%;
        width: 100%;
        border-top-right-radius: 10px;
    }
}
/*
@media (prefers-color-scheme: dark) {
  .image-slider img {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}*/

.image-slider img:nth-child(1) {
    animation-delay: 0s;
}

.image-slider img:nth-child(2) {
    animation-delay: 3s;
}

.image-slider img:nth-child(3) {
    animation-delay: 6s;
}

@keyframes fadeAnimation {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.bg_white {
    background: var(--neutral-white);
}

.animeBg {
    position: relative;
}

@media (prefers-reduced-motion: reduce) {
    /*  {
      transition: none !important;
      animation: none !important;
    }*/
}


.spinner {
    width: 1.25rem;
    height: 1.25rem;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


input {
    font-family: inherit;
}


/* phone input field event form */
.PhoneInputInput {
    border: none !important;
}

/* manrope-200 - cyrillic_cyrillic-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/manrope-v15-cyrillic_cyrillic-ext-200.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/manrope-v15-cyrillic_cyrillic-ext-200.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-300 - cyrillic_cyrillic-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/manrope-v15-cyrillic_cyrillic-ext-300.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/manrope-v15-cyrillic_cyrillic-ext-300.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-regular - cyrillic_cyrillic-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/manrope-v15-cyrillic_cyrillic-ext-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/manrope-v15-cyrillic_cyrillic-ext-regular.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-500 - cyrillic_cyrillic-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/manrope-v15-cyrillic_cyrillic-ext-500.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/manrope-v15-cyrillic_cyrillic-ext-500.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-600 - cyrillic_cyrillic-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/manrope-v15-cyrillic_cyrillic-ext-600.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/manrope-v15-cyrillic_cyrillic-ext-600.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-700 - cyrillic_cyrillic-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/manrope-v15-cyrillic_cyrillic-ext-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/manrope-v15-cyrillic_cyrillic-ext-700.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* manrope-800 - cyrillic_cyrillic-ext */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/manrope-v15-cyrillic_cyrillic-ext-800.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/manrope-v15-cyrillic_cyrillic-ext-800.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root {
    --font-primary: 'Manrope', system-ui, sans-serif;
}
Light Theme:root {
    --color-bg: #ffffff;
    --color-text: #111111;
    --color-primary: #0070f3;
    --color-muted: #666;
    --transition: all 0.3s ease;
}

/* Dark Theme *//*
.dark {
    --color-bg: #121212;
    --color-text: #eeeeee;
    --color-primary: #64b5f6;
    --color-muted: #999;
}*/

/* Apply to body */
body {
    background-color: var(--color-bg);
    color: var(--color-text);
    transition: var(--transition);
}
/* Headings */


/* Paragraph & text */

.body {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-family: var(--font-primary);
    line-height: var(--line-height-relaxed);
    font-weight: 400;
}

.small {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-muted);
    line-height: var(--line-height-normal);
}

.caption {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    color: var(--color-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Blockquote */

.blockquote {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-style: italic;
    border-left: 4px solid var(--color-primary);
    padding-left: 1rem;
    color: var(--color-muted);
    margin: 1rem 0;
}
/* Text Alignment */
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/* Font Weight */
.font-bold {
    font-weight: 700;
}

.font-semibold {
    font-weight: 600;
}

.font-light {
    font-weight: 300;
}

/* Spacing */
.mt-2 {
    margin-top: 0.5rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.p-4 {
    padding: 1rem;
}

/* Color Classes */
/* .text-primary {
    color: var(--color-primary);
}

.text-muted {
    color: var(--color-muted);
} */