/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
@import './components/background/jala-background.css';
@import './components/background/jala-background-themes.css';
@import './components/background/jala-pattern-position.css';
@import './components/background/jala-pattern-position-tablet.css';
@import './components/background/jala-pattern-position-desktop.css';
@import './components/jala-accordion.css';
@import './components/text-block.css';
@import './components/post-meta.css';
@import './components/table-of-contents.css';
@import './components/jala-checklist.css';
@import './components/jala-chip.css';
@import './components/jala-cookie-banner.css';
@import './components/jala-eyebrow.css';
@import './components/jala-cta.css';
@import './components/jala-carousel.css';
@import './components/jala-container.css';
@import './components/jala-container-card.css';
@import './components/jala-comparisson.css';
@import './components/jala-form-hubspot.css';
@import './components/jala-grid.css';
@import './components/jala-grid-cards-static.css';
@import './components/jala-marquee.css';
@import './components/jala-newsletter.css';
@import './components/jala-scroll-cards.css';
@import './components/jala-separator.css';
@import './components/social-sharing.css';
@import './components/jala-stat.css';
@import './components/jala-stat-text.css';
@import './components/cards/jala-overlay-quote.css';
@import './components/cards/jala-overlay-resources.css';
@import './components/cards/jala-simple.css';
@import './components/button/jala-button.css';
@import './components/button/jala-button__text-link.css';
@import './components/article/jala-article__content.css';
@import './components/article/jala-article__toc.css';
@import './components/article/jala-article__sidebar.css';
@import './components/menu/jala-header.css';
@import './components/menu/jala-menu.css';
@import './components/menu/jala-menu-button.css';
@import './components/menu/jala-menu-mobile.css';
@import './components/menu/jala-menu-tablet.css';
@import './components/menu/jala-card-pattern.css';
@import './components/menu/jala-content-boxes.css';
@import './components/menu/jala-footer.css';
@import './components/menu/jala-megamenu.css';
@import './components/menu/jala-megamenu-active.css';
@import './components/menu/jala-text-blocks.css';
@import './components/hero/jala-hero.css';
@import './components/hero/jala-hero-mobile.css';
@import './components/hero/jala-hero-tablet.css';
@import './components/hero/jala-hero-themes.css';
@import './components/postcards/jala-postcard-variants.css';
@import './components/postcards/jala-postcard-themes.css';
@import './components/postcards/jala-postcard-tablet.css';
@import './components/postcards/jala-postcard-mobile.css';
@import './components/callouts/jala-callout.css';
@import './components/callouts/jala-callout-theme.css';
@import './components/tabs/jala-tabs.css';
@import './components/tabs/jala-tabs-themes.css';


:root {
  /* Indigo */
  --color-indigo-50: #f2f9fd;
  --color-indigo-100: #e3f1fb;
  --color-indigo-200: #c1e1f6;
  --color-indigo-300: #8ac7ef;
  --color-indigo-400: #4CA7E4;
  --color-indigo-500: #248dd3;
  --color-indigo-600: #1674b3;
  --color-indigo-700: #135f91;
  --color-indigo-800: #145078;
  --color-indigo-900: #164564;
  --color-indigo-950: #11354d;

  /* Celtic */
  --color-celtic-50: #f4f6fb;
  --color-celtic-100: #e8edf6;
  --color-celtic-200: #cbdaec;
  --color-celtic-300: #9dbadc;
  --color-celtic-500: #4679b1;
  --color-celtic-600: #345f95;
  --color-celtic-700: #2e5180;
  --color-celtic-800: #271465;
  --color-celtic-900: #253955;

  /* Red */
  --color-red-50: #fff1f2;
  --color-red-100: #ffdfe2;
  --color-red-200: #ffc5cb;
  --color-red-300: #ff9da7;
  --color-red-400: #ff6474;
  --color-red-500: #ff3449;
  --color-red-600: #ef293d;
  --color-red-700: #c80d20;
  --color-red-800: #a50f1e;
  --color-red-900: #881420;
  --color-red-950: #4b040b;

  /* Grey */
  --color-grey-0: #ffffff;
  --color-grey-25: #fbfbfb;
  --color-grey-50: #f6f6f6;
  --color-grey-100: #e7e7e7;
  --color-grey-200: #d1d1d1;
  --color-grey-300: #B0B0B0;
  --color-grey-400: #888888;
  --color-grey-600: #5d5d5d;
  --color-grey-700: #4F4F4F;
  --color-grey-800: #454545;
  --color-grey-900: #3d3d3d;
  --color-grey-950: #282828;
  --color-grey-1000: #000000;

  /* Aquamarine */
  --color-aquamarine-50: #e8fff8;
  --color-aquamarine-100: #c7ffec;
  --color-aquamarine-200: #94ffdf;
  --color-aquamarine-400: #32fccb;
  --color-aquamarine-500: #00e4ab;
  --color-aquamarine-600: #00bb8e;
  --color-aquamarine-700: #009676;
  --color-aquamarine-800: #00765e;
  --color-aquamarine-900: #00372f;
  --color-aquamarine-950: #00221d;

  /*Typography*/
  --typo-body-defaultbold-height: var(--awb-custom_typography_1-line-height, 24px);
  --typo-body-defaultbold-weight: var(--awb-custom_typography_1-font-weight, bold);

  --typo-body-defaultsmall-size: var(--awb-custom_typography_5-font-size, 12px);
  --typo-body-defaultsmall-height: var(--awb-custom_typography_5-line-height, 16px);

  /* Spacing */
  --spacing-2xs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-2xl: 64px;

  /*Custom spacing*/
  --spacing-6: 6px;
  --spacing-12: 12px;
  --spacing-20: 20px;
  --spacing-28: 28px;
  --spacing-40: 40px;
  --spacing-52: 52px;
  --spacing-60: 60px;

  /* Misc */
  --radius-xs: 8px;
  --radius-sm: 16px;
  --radius-20: 20px;
  --radius-md: 24px;
  --radius-28: 28px;
  --radius-lg: 32px;
  --radius-xl: 48px;

  /*Custom radius*/
  --radius-60: 60px;


  --icon-size-sm: 16px;
  --icon-size-md: 24px;
  --icon-size-large: 36px;
  --logo-width: 114px;
  --logo-width-mobile: 172px;

  /* Gaps */
  --gap-xs: 8px;
  --gap-sm: 16px;
  --gap-md: 24px;
  --gap-lg: 32px;

  /* Brand patterns */
  --s-pattern: url(/wp-content/uploads/2026/02/graphic-brand-s-complete.svg);
  --hex-pattern: url(/wp-content/uploads/2026/02/graphic-brand-hex-complete-no-gradient.svg);

  /* Box shadow */
  --shadow-0: 0 2px 4px 0 rgba(40, 40, 40, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  --shadow-1: 0 4px 6px 0 rgba(0, 0, 0, 0.08), 0 8px 16px 0 rgba(40, 40, 40, 0.06);
  --shadow-2: 0 8px 12px 0 rgba(40, 40, 40, 0.10), 0 16px 24px 0 rgba(40, 40, 40, 0.08);

}

#main.clearfix {
  --main_padding-top: 0px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media only screen and (max-width: 1024px) {
  :root {
    --awb-typography1-font-size: 48px;
    --awb-typography1-line-height: 60px;

    --awb-typography2-font-size: 36px;
    --awb-typography2-line-height: 48px;
  }
}

@media only screen and (max-width: 640px) {
  #content {
    margin-bottom: 0;
  }
  :root {
    --awb-typography1-font-size: 36px;
    --awb-typography1-line-height: 48px;
    --awb-typography1-font-weight: 700;
    --h1_typography-font-weight: 700;

    --awb-typography2-font-size: 28px;
    --awb-typography2-line-height: 32px;

    --awb-typography3-font-size: 20px;

    --awb-typography4-font-size: 16px;
    --awb-typography4-font-weight: 600;
  }
}