:root {
  --font-family: "Open Sans", sans-serif;
  --font-family-display: "Barlow Condensed", "Open Sans", sans-serif;
}
:root {
  --root-value: 14;
  --root-unit: calc(var(--root-value) * 1px);
  --font-size-body: var(--root-unit);
}
@media (min-width: 768px) {
  :root {
    --root-value: 15;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  :root {
    --root-unit: calc(calc(100vw * var(--root-value)) / 1400);
    --font-size-body: var(--root-unit);
  }
}
:root {
  --font-size-small-clamp-min: 11px; /* accessScan requires font size of >= 11px for approval */
  /*--font-size-normal-clamp-min: 12.5px;*/
  --font-size-normal-clamp-min: 12px;
  --font-size-large-clamp-min: 14px;
  /*
	--font-size-small-6: calc(var(--font-size-body) * .6);
	--font-size-small-5: calc(var(--font-size-body) * .75);
	--font-size-small-4: calc(var(--font-size-body) * .8125);
	--font-size-small-3: calc(var(--font-size-body) * .875);
	--font-size-small-2: calc(var(--font-size-body) * .925);
	--font-size-small-1: calc(var(--font-size-body) * 1);
	--font-size-normal: calc(var(--font-size-body) * 1);
	--font-size-large-1: calc(var(--font-size-body) * 1.125);
	--font-size-large-2: calc(var(--font-size-body) * 1.25);
	--font-size-large-3: calc(var(--font-size-body) * 1.5);
	--font-size-large-4: calc(var(--font-size-body) * 1.75);
	--font-size-large-5: calc(var(--font-size-body) * 2);
	--font-size-large-6: calc(var(--font-size-body) * 2.25);
	--font-size-large-7: calc(var(--font-size-body) * 2.5);
	--font-size-large-8: calc(var(--font-size-body) * 3);
	--font-size-large-9: calc(var(--font-size-body) * 3.5);
	--font-size-large-10: calc(var(--font-size-body) * 4);
    --font-size-large-11: calc(var(--font-size-body) * 4.5); 
    --font-size-large-12: calc(var(--font-size-body) * 5); 
    --font-size-large-13: calc(var(--font-size-body) * 5.5); 
    --font-size-large-14: calc(var(--font-size-body) * 6); 
    --font-size-large-15: calc(var(--font-size-body) * 6.5); 
    */
  --font-size-small-6: clamp(
    var(--font-size-small-clamp-min),
    calc(var(--font-size-body) * 0.6),
    calc(var(--font-size-body) * 0.6)
  );
  --font-size-small-5: clamp(
    var(--font-size-small-clamp-min),
    calc(var(--font-size-body) * 0.75),
    calc(var(--font-size-body) * 0.75)
  );
  --font-size-small-4: clamp(
    var(--font-size-small-clamp-min),
    calc(var(--font-size-body) * 0.8125),
    calc(var(--font-size-body) * 0.8125)
  );
  --font-size-small-3: clamp(
    var(--font-size-small-clamp-min),
    calc(var(--font-size-body) * 0.875),
    calc(var(--font-size-body) * 0.875)
  );
  --font-size-small-2: clamp(
    var(--font-size-small-clamp-min),
    calc(var(--font-size-body) * 0.925),
    calc(var(--font-size-body) * 0.925)
  );
  --font-size-small-1: clamp(
    var(--font-size-normal-clamp-min),
    calc(var(--font-size-body) * 1),
    calc(var(--font-size-body) * 1)
  );
  --font-size-normal: clamp(
    var(--font-size-normal-clamp-min),
    calc(var(--font-size-body) * 1),
    calc(var(--font-size-body) * 1)
  );
  --font-size-large-1: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 1.125),
    calc(var(--font-size-body) * 1.125)
  );
  --font-size-large-2: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 1.25),
    calc(var(--font-size-body) * 1.25)
  );
  --font-size-large-3: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 1.5),
    calc(var(--font-size-body) * 1.5)
  );
  --font-size-large-4: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 1.75),
    calc(var(--font-size-body) * 1.75)
  );
  --font-size-large-5: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 2),
    calc(var(--font-size-body) * 2)
  );
  --font-size-large-6: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 2.25),
    calc(var(--font-size-body) * 2.25)
  );
  --font-size-large-7: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 2.5),
    calc(var(--font-size-body) * 2.5)
  );
  --font-size-large-8: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 3),
    calc(var(--font-size-body) * 3)
  );
  --font-size-large-9: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 3.5),
    calc(var(--font-size-body) * 3.5)
  );
  --font-size-large-10: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 4),
    calc(var(--font-size-body) * 4)
  );
  --font-size-large-11: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 4.5),
    calc(var(--font-size-body) * 4.5)
  );
  --font-size-large-12: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 5),
    calc(var(--font-size-body) * 5)
  );
  --font-size-large-13: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 5.5),
    calc(var(--font-size-body) * 5.5)
  );
  --font-size-large-14: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 6),
    calc(var(--font-size-body) * 6)
  );
  --font-size-large-15: clamp(
    var(--font-size-large-clamp-min),
    calc(var(--font-size-body) * 6.5),
    calc(var(--font-size-body) * 6.5)
  );
}
:root {
  --font-letter-spacing-1: 0.01em;
  --font-letter-spacing-2: 0.02em;
  --font-letter-spacing-3: 0.03em;
  --font-letter-spacing-4: 0.04em;
  --font-letter-spacing-5: 0.05em;
  --font-letter-spacing-6: 0.06em;
  --font-letter-spacing-7: 0.07em;
  --font-letter-spacing-8: 0.08em;
  --font-letter-spacing-9: 0.09em;
  --font-letter-spacing-10: 0.1em;
  --font-letter-spacing-n1: -0.01em;
  --font-letter-spacing-n2: -0.02em;
  --font-letter-spacing-n3: -0.03em;
  --font-letter-spacing-n4: -0.04em;
  --font-letter-spacing-n5: -0.05em;
  --font-letter-spacing-n6: -0.06em;
  --font-letter-spacing-n7: -0.07em;
  --font-letter-spacing-n8: -0.08em;
  --font-letter-spacing-n9: -0.09em;
  --font-letter-spacing-n10: -0.1em;
  --font-line-height-1: 1em;
  --font-line-height-2: 1.2em;
  --font-line-height-3: 1.3em;
  --font-line-height-4: 1.4em;
  --font-line-height-5: 1.5em;
  --font-line-height-6: 1.6em;
  --font-line-height-7: 1.7em;
  --font-line-height-8: 1.8em;
  --font-line-height-9: 1.9em;
  --font-line-height-10: 2em;
}
:root {
  --color-blue-azul: #0074d6; /*2023*/
  --color-blue-azureish-white: #daedf8; /*2023*/
  --color-blue-bright-navy: #1d75d0; /*2021*/
  --color-blue-columbia: #d5edf8; /*2023*/
  --color-blue-cool-black: #072562; /*2021*/
  --color-blue-de-france: #0982e5; /*2021*/
  --color-blue-egyptian: #1935a9; /*2023*/
  --color-blue-jeans: #2fa5fc; /*2021*/
  --color-blue-maastricht-blue: #0b1330; /*2021*/
  --color-blue-oxford: #0a1232; /*2023*/
  --color-blue-royal: #002366; /*2023*/
  --color-blue-royal-dark: #002c75; /*2021*/
  --color-blue-royal-dark: #002366; /*2021*/
  --color-blue-shade-1: var(--color-blue-jeans);
  --color-blue-shade-2: var(--color-blue-de-france);
  --color-blue-shade-3: hsl(212deg 99% 40%);
  --color-blue-shade-3: var(--color-blue-azul);
  --color-blue-shade-4: hsl(213deg 99% 36%);
  --color-blue-shade-5: var(--color-blue-egyptian);
  --color-blue-shade-6: hsl(215deg 100% 27%);
  --color-blue-shade-7: var(--color-blue-royal-dark);
  --color-blue-shade-8: hsl(223deg 100% 20%);
  --color-blue-shade-9: hsl(225deg 58% 22%);
  --color-gray-anti-flash-white: #efeff4; /*2021*/
  --color-gray-gainsboro: #d9dada; /*2021*/
  --color-gray-ghost-white: #eeeef3; /*2023*/
  --color-gray-platinum: #e6e6e6; /*2021*/
  --color-gray-shade-1: var(--color-gray-ghost-white);
  --color-gray-shade-2: var(--color-gray-platinum);
  --color-gray-shade-3: var(--color-gray-gainsboro);
  --color-gray-shade-4: hsl(220deg 7% 80%);
  --color-gray-shade-5: hsl(220deg 7% 75%);
  --color-gray-shade-6: hsl(220deg 7% 70%);
  --color-gray-shade-7: hsl(220deg 7% 65%);
  --color-gray-shade-8: hsl(220deg 7% 60%);
  --color-gray-shade-9: hsl(220deg 7% 55%);
  --color-gray-shade-10: hsl(220deg 7% 50%);
  --color-gray-shade-11: hsl(220deg 7% 45%);
  --color-gray-shade-12: hsl(220deg 7% 40%);
  --color-gray-shade-13: hsl(220deg 7% 35%);
  --color-gray-shade-14: hsl(220deg 7% 30%);
  --color-gray-shade-15: hsl(220deg 7% 25%);
  --color-gray-shade-16: hsl(220deg 7% 20%);
  --color-gray-shade-17: hsl(220deg 7% 15%);
  --color-gray-shade-18: hsl(220deg 7% 10%);
  --color-gray-shade-19: hsl(220deg 7% 5%);
  --color-gray-shade-20: hsl(220deg 7% 0%);
  --color-secondary-mango-tango: #f27405; /*2024*/
  --color-secondary-persimmon: #f25c05; /*2024*/
  --color-secondary-provincial-pink: #f2e3d5; /*2024*/
  --color-secondary-saddle-brown: #8c4318; /*2024*/
  --color-secondary-selective-yellow: #f2b705; /*2024*/
}
:root {
  --accent-bg-bottom-right-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.18 120.28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0.40%3B%7D.cls-2%7Bfill:%23fff%3B%7D.cls-3%7Bfill:none%3B%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M123.18 40.72v39.8c-4.65 21.41-18.17 34.76-39.38 39.76H43.63L95.05 92.15Z'/%3E%3Crect class='cls-3' width='123.18' height='120.28'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --accent-bg-bottom-right-gray: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.18 120.28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0.10%3B%7D.cls-2%7Bfill:%23000%3B%7D.cls-3%7Bfill:none%3B%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M123.18 40.72v39.8c-4.65 21.41-18.17 34.76-39.38 39.76H43.63L95.05 92.15Z'/%3E%3Crect class='cls-3' width='123.18' height='120.28'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --accent-bg-bottom-right-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.18 120.28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0.70%3B%7D.cls-2%7Bfill:%23fff%3B%7D.cls-3%7Bfill:none%3B%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M123.18 40.72v39.8c-4.65 21.41-18.17 34.76-39.38 39.76H43.63L95.05 92.15Z'/%3E%3Crect class='cls-3' width='123.18' height='120.28'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --accent-bg-top-left-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.18 120.28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0.40%3B%7D.cls-2%7Bfill:%23fff%3B%7D.cls-3%7Bfill:none%3B%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M83.19 0 29.41 29.41 0 83.19V41.54C4.88 19.18 19 5.23 41.14 0Z'/%3E%3Cpolygon class='cls-2' points='123.18 0.12 43.55 42.61 0.26 120.28 0 120.14 0 114.59 41.36 40.37 117.03 0 123.12 0 123.18 0.12'/%3E%3Crect class='cls-3' width='123.18' height='120.28'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --accent-bg-top-left-gray: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.18 120.28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0.10%3B%7D.cls-2%7Bfill:%23000%3B%7D.cls-3%7Bfill:none%3B%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M83.19 0 29.41 29.41 0 83.19V41.54C4.88 19.18 19 5.23 41.14 0Z'/%3E%3Cpolygon class='cls-2' points='123.18 0.12 43.55 42.61 0.26 120.28 0 120.14 0 114.59 41.36 40.37 117.03 0 123.12 0 123.18 0.12'/%3E%3Crect class='cls-3' width='123.18' height='120.28'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --accent-bg-top-left-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 123.18 120.28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0.70%3B%7D.cls-2%7Bfill:%23fff%3B%7D.cls-3%7Bfill:none%3B%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M83.19 0 29.41 29.41 0 83.19V41.54C4.88 19.18 19 5.23 41.14 0Z'/%3E%3Cpolygon class='cls-2' points='123.18 0.12 43.55 42.61 0.26 120.28 0 120.14 0 114.59 41.36 40.37 117.03 0 123.12 0 123.18 0.12'/%3E%3Crect class='cls-3' width='123.18' height='120.28'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --accent-size-lg: 15vmax;
  --accent-size-md: 10vmax;
}
:root {
  --outline-width: 0.5px; /* for ADA */
  --outline-style: dotted; /* for ADA */
  --outline-color: rgb(255 255 255 / 10%); /* for ADA */
}
:root {
  /*--lines-scale-factor: 13;*/
  --lines-scale-factor: 16;
}
/*@media (min-width: 420px) {
    :root {
        --lines-scale-factor: 16;
    }
}*/
@media (min-width: 768px) {
  :root {
    --lines-scale-factor: 16;
  }
}

/*@media (min-width: 768px) and (orientation: portrait) {
    :root {
        --lines-scale-factor: 13;
    }  
}
@media (min-width: 768px) and (orientation: landscape) {
    :root {
        --lines-scale-factor: 16;
    }  
}
@media (min-width: 992px) and (orientation: portrait) {
    :root {
        --lines-scale-factor: 14;
    } 
}
@media (min-width: 992px) and (orientation: landscape) {
    :root {
        --lines-scale-factor: 16;
    }     
}
@media (min-width: 1200px) {
    :root {
        --lines-scale-factor: 16;
    }     
}
@media (min-width: 1400px) {
    :root {
        --lines-scale-factor: 16;
    }     
}
@media (min-width: 1920px) {
    :root {
        --lines-scale-factor: 18.5;
    }     
}*/
:root {
  --line-thinest: calc(
    calc(calc(calc(0.5 * 100) / var(--lines-scale-factor)) / 100) *
      var(--root-unit)
  );
  --line-thiner: calc(
    calc(calc(calc(1 * 100) / var(--lines-scale-factor)) / 100) *
      var(--root-unit)
  );
  --line-thin: calc(
    calc(calc(calc(2 * 100) / var(--lines-scale-factor)) / 100) *
      var(--root-unit)
  );
  --line-thin: 1px;
  --line-moderate: calc(
    calc(calc(calc(6 * 100) / var(--lines-scale-factor)) / 100) *
      var(--root-unit)
  );
  --line-thick: calc(
    calc(calc(calc(8 * 100) / var(--lines-scale-factor)) / 100) *
      var(--root-unit)
  );
  --line-thicker: calc(
    calc(calc(calc(10 * 100) / var(--lines-scale-factor)) / 100) *
      var(--root-unit)
  );
  --line-thicker: calc(
    calc(calc(calc(12 * 100) / var(--lines-scale-factor)) / 100) *
      var(--root-unit)
  );
}
:root {
  --header-min-height: calc(5.7 * var(--root-unit));
  --header-z-index: 99999;
  /*--section-x: calc(1.5 * var(--root-unit)); */
  /*--section-x: calc(1 * var(--root-unit)); */
  --section-x: calc(1.5 * var(--root-unit));
  --section-y: calc(3 * var(--root-unit));
}
@media (min-width: 992px) {
  :root {
    --header-min-height: calc(6.4 * var(--root-unit));
  }
}
@media (min-width: 992px) {
  :root {
    --section-x: 0;
    --section-y: calc(4 * var(--root-unit));
  }
}
:root {
  --column-width-medium: 100%;
  --column-width-narrow: 100%;
  --column-width-narrower: 100%;
  --column-width-wide: 100%;
  --column-width-wider: 100%;
}
@media (min-width: 520px) {
  :root {
    --column-base: 520px;
    --column-width-medium: var(--column-base);
    --column-width-narrow: var(--column-base);
    --column-width-narrower: var(--column-base);
    --column-width-wide: var(--column-base);
    --column-width-wider: var(--column-base);
  }
}
@media (min-width: 768px) {
  :root {
    --column-base: 520px;
    --column-width-medium: var(--column-base);
    --column-width-narrow: var(--column-base);
    --column-width-narrower: var(--column-base);
    --column-width-wide: var(--column-base);
    --column-width-wider: var(--column-base);
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  :root {
    --column-width-narrower: calc(100vw - calc(13.35 * var(--root-unit)));
    --column-width-narrow: calc(100vw - calc(10 * var(--root-unit)));
    --column-width-medium: calc(100vw - calc(6.65 * var(--root-unit)));
    --column-width-wide: calc(100vw - calc(3.35 * var(--root-unit)));
    --column-width-wider: calc(100vw - calc(1.65 * var(--root-unit)));
  }
}
@media (min-width: 1400px) {
  :root {
    --column-base: 1400px;
    --column-width-medium: calc(var(--column-base) - 100px);
    --column-width-narrow: calc(var(--column-base) - 150px);
    --column-width-narrower: calc(var(--column-base) - 200px);
    --column-width-wide: calc(var(--column-base) - 50px);
    --column-width-wider: calc(var(--column-base) - 25px);
  }
}
@media (min-width: 1920px) {
  :root {
    --column-base: 1500px;
    --column-width-medium: calc(var(--column-base) - 100px);
    --column-width-narrow: calc(var(--column-base) - 150px);
    --column-width-narrower: calc(var(--column-base) - 200px);
    --column-width-wide: calc(var(--column-base) - 50px);
    --column-width-wider: calc(var(--column-base) - 25px);
  }
}