/*** Variables ***/

/* Fluid type variables */
/* https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=320&minRatio=1.22&maxFontSize=18&maxWidth=1280&maxRatio=1.333&steps=small%2Cbody%2Ch4%2Ch3%2Ch2%2Ch1&baseStep=body&prefix=t&useContainerWidth=true&includeFallbacks=true&useRems=false&remValue=16&decimals=2&previewFont=Montserrat&previewText=Preview&previewWidth=1280 */
/* NOTE: I'd love to use this fluid type scale, but the site designers used inconsistent font size scaling */

/* For browsers that support clamp and container queries */
/* @supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
    --t-small: clamp(13.11px, 0.04cqi + 12.99px, 13.5px);
    --t-body: clamp(16px, 0.21cqi + 15.33px, 18px);
    --t-h4: clamp(19.52px, 0.47cqi + 18.03px, 23.99px);
    --t-h3: clamp(23.81px, 0.85cqi + 21.09px, 31.98px);
    --t-h2: clamp(29.05px, 1.41cqi + 24.53px, 42.63px);
    --t-h1: clamp(35.45px, 2.23cqi + 28.32px, 56.83px);
  }
} */
/* For browsers that don't support clamp or container queries */
/* @supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
    --t-small: 13.11px;
    --t-body: 16px;
    --t-h4: 19.52px;
    --t-h3: 23.81px;
    --t-h2: 29.05px;
    --t-h1: 35.45px;
  }
  @media screen and (min-width: 1280px) {
    :root {
      --t-small: 13.5px;
      --t-body: 18px;
      --t-h4: 23.99px;
      --t-h3: 31.98px;
      --t-h2: 42.63px;
      --t-h1: 56.83px;
    }
  }
} */

:root {
  /* colors */
  --white: #fff;
  --brown: rgba(59, 52, 49, 1);
  --gray: rgba(115, 128, 132, 1);
  --blue: rgba(115, 203, 223, 1);
  --dark-blue: rgba(0, 91, 139, 1);
  --light-blue: rgba(220, 240, 244, 1);
  --light-blue-2: rgba(242, 247, 249, 1);
  --pastel-orange: rgba(223, 135, 115, 1);
  --primary-color: var(--dark-blue);
  --secondary-color: var(--blue);
  --text-color: var(--brown);

  /* GiveWP variables */
  --givewp-primary-color: rgba(0, 91, 139, 1) !important;

  /* typographay */
  --t-small: 0.875rem;  /* 14px for mobile */
  --t-body: 1rem;       /* 16px for mobile */
  --t-h4: 1.125rem;     /* 18px for mobile */
  --t-h3: 1.25rem;      /* 20px for mobile */
  --t-h2: 1.75rem;      /* 28px for mobile */
  --t-h1: 2.5rem;       /* 40px for mobile */

  /* Tablet breakpoint (768px - 980px) */
  @media (min-width: 768px) {
    --t-small: 0.9375rem;  /* 15px for tablet */
    --t-body: 1.0625rem;   /* 17px for tablet */
    --t-h4: 1.25rem;       /* 20px for tablet */
    --t-h3: 1.4375rem;     /* 23px for tablet */
    --t-h2: 2.0625rem;     /* 33px for tablet */
    --t-h1: 3.375rem;      /* 54px for tablet */
  }

  /* Desktop breakpoint (981px+) - current values */
  @media (min-width: 981px) {
    --t-small: 1rem;       /* 16px for desktop */
    --t-body: 1.125rem;    /* 18px for desktop */
    --t-h4: 1.375rem;      /* 22px for desktop */
    --t-h3: 1.625rem;      /* 26px for desktop */
    --t-h2: 2.375rem;      /* 38px for desktop */
    --t-h1: 4.25rem;       /* 68px for desktop */
  }

  --body-font-size: var(--t-body);
  --small-font-size: var(--t-small);
  --body-font-family: "Montserrat", sans-serif;
  --header-font-family: Bevan, display;
  --default-line-height: 1.3;

  /* borders */
  --radius: 12px;
  --radius-medium: 16px;
  --radius-large: 20px;

  /* buttons */
  --button-radius: var(--radius);

  /* dividers */
  --divider-bottom-blue: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDE0MDAgODUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PG1hc2sgaWQ9ImJvd2xNYXNrIj48cmVjdCB3aWR0aD0iMTQwMCIgaGVpZ2h0PSI4NSIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTQyMC41IDBILTIwLjVDMTM1LjkgMCA0OTcuNSA0OC41IDcwMC41IDg0LjVMNzAyLjg0MSA4NC4xMDU5Qzg5OC45MjIgNTEuMDkxNyAxMjAyLjM3IDAgMTQyMC41IDBaIiBmaWxsPSJibGFjayIvPjwvbWFzaz48L2RlZnM+PHJlY3Qgd2lkdGg9IjE0MDAiIGhlaWdodD0iODUiIGZpbGw9IiM3M0NCREYiIG1hc2s9InVybCgjYm93bE1hc2spIi8+PC9zdmc+Cg==");
  --divider-bottom-light-blue: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDE0MDAgODUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PG1hc2sgaWQ9ImJvd2xNYXNrMiI+PHJlY3Qgd2lkdGg9IjE0MDAiIGhlaWdodD0iODUiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTE0MjAuNSAwSC0yMC41QzEzNS45IDAgNDk3LjUgNDguNSA3MDAuNSA4NC41TDcwMi44NDEgODQuMTA1OUM4OTguOTIyIDUxLjA5MTcgMTIwMi4zNyAwIDE0MjAuNSAwWiIgZmlsbD0iYmxhY2siLz48L21hc2s+PC9kZWZzPjxyZWN0IHdpZHRoPSIxNDAwIiBoZWlnaHQ9Ijg1IiBmaWxsPSIjRENGMEY0IiBtYXNrPSJ1cmwoI2Jvd2xNYXNrMikiLz48L3N2Zz4K");
  --divider-bottom-white: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDE0MDAgODUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PG1hc2sgaWQ9ImJvd2xNYXNrMyI+PHJlY3Qgd2lkdGg9IjE0MDAiIGhlaWdodD0iODUiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTTE0MjAuNSAwSC0yMC41QzEzNS45IDAgNDk3LjUgNDguNSA3MDAuNSA4NC41TDcwMi44NDEgODQuMTA1OUM4OTguOTIyIDUxLjA5MTcgMTIwMi4zNyAwIDE0MjAuNSAwWiIgZmlsbD0iYmxhY2siLz48L21hc2s+PC9kZWZzPjxyZWN0IHdpZHRoPSIxNDAwIiBoZWlnaHQ9Ijg1IiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI2Jvd2xNYXNrMykiLz48L3N2Zz4K");
  --divider-height: 85px;

  @media (max-width: 980px) {
    --divider-height: 60px;
  }

  /* blobs */
  --background-blob-blue: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwMCIgaGVpZ2h0PSI1MDciIHZpZXdCb3g9IjAgMCAxNDAwIDUwNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik0tNTIgNDMwLjFDNTE0LjUzMiA1NzAuNDk2IDU2OC45MTggMzY5LjU3IDgwMy4zNzUgNDg4LjE0NkM5NTkuNzAyIDU2Ny4yMjggMTIzOC4wNiAzNzQuMzU0IDEzMTYuMDQgMzM2LjI2NUMxMzYwLjUyIDMxNC41MzYgMTQwNC45OCAzMDkuMjc3IDE0MzUgMzA4Ljc2NlYxMzIuNDcyQzEwNTEuNzQgMTIzLjYzNCAxMjQwLjg4IDE5OC4yNiAxMTE3Ljc4IDIyNC40NjNDOTkwLjg4MiAyNTEuNDUgODUzLjQxNiAyMTguMjE4IDc2My41NDggMTM4LjA3N0M2NzYuNTkzIDYwLjUyOTggNTM4LjI3NSAxMC42ODE3IDQzNS4zNzEgMEgtNTJWNDMwLjFaIiBmaWxsPSIjMDA1QjhCIi8+PC9zdmc+Cg==");
  --background-blob-light-blue: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwMCIgaGVpZ2h0PSI1MDciIHZpZXdCb3g9IjAgMCAxNDAwIDUwNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBvcGFjaXR5PSIwLjA1IiBkPSJNLTUyIDQzMC4xQzUxNC41MzIgNTcwLjQ5NiA1NjguOTE4IDM2OS41NyA4MDMuMzc1IDQ4OC4xNDZDOTU5LjcwMiA1NjcuMjI4IDEyMzguMDYgMzc0LjM1NCAxMzE2LjA0IDMzNi4yNjVDMTM2MC41MiAzMTQuNTM2IDE0MDQuOTggMzA5LjI3NyAxNDM1IDMwOC43NjZWMTMyLjQ3MkMxMDUxLjc0IDEyMy42MzQgMTI0MC44OCAxOTguMjYgMTExNy43OCAyMjQuNDYzQzk5MC44ODIgMjUxLjQ1IDg1My40MTYgMjE4LjIxOCA3NjMuNTQ4IDEzOC4wNzdDNjc2LjU5MyA2MC41Mjk4IDUzOC4yNzUgMTAuNjgxNyA0MzUuMzcxIDBILTUyVjQzMC4xWiIgZmlsbD0iIzAwNUI4QiIvPjwvc3ZnPgo=");
  --background-blob-white: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwMCIgaGVpZ2h0PSI1MDciIHZpZXdCb3g9IjAgMCAxNDAwIDUwNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLTUyIDQzMC4xQzUxNC41MzIgNTcwLjQ5NiA1NjguOTE4IDM2OS41NyA4MDMuMzc1IDQ4OC4xNDZDOTU5LjcwMiA1NjcuMjI4IDEyMzguMDYgMzc0LjM1NCAxMzE2LjA0IDMzNi4yNjVDMTM2MC41MiAzMTQuNTM2IDE0MDQuOTggMzA5LjI3NyAxNDM1IDMwOC43NjZWMTMyLjQ3MkMxMDUxLjc0IDEyMy42MzQgMTI0MC44OCAxOTguMjYgMTExNy43OCAyMjQuNDYzQzk5MC44ODIgMjUxLjQ1IDg1My40MTYgMjE4LjIxOCA3NjMuNTQ4IDEzOC4wNzdDNjc2LjU5MyA2MC41Mjk4IDUzOC4yNzUgMTAuNjgxNyA0MzUuMzcxIDBILTUyVjQzMC4xWiIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPgo=");

  /* Forms */
  --form-input-radius: var(--radius);
}