/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}

* {
    border-color: hsl(var(--border));
    outline-color: hsl(var(--ring) / .5);
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Root
Custom: map theme settings values to css variables 
*/

:root {
    --body-font: Inter;
    --heading-font: Inter;
    --font-body: 'Inter', sans-serif;
    --font-display: 'Inter', sans-serif;
    --text-button: .96875rem;
    --text-button-small: .84375rem;
    
    --text-small: 12.5px;
    --text-normal: 15.5px;
    --text-medium: 1.125rem;
    
    --font-regular:360;
    --font-medium:450;
    --font-semibold:550;
    --font-bold:650;
    
    --spacing-text-small: 15%;
    
    --color-primary: #0eb4c4;
    --color-secondary: #65758b;
    --color-secondary-light: rgb(229 231 235);
    --color-secondary-darker: rgb(137, 149, 166);
    
    --inner-pad: 8px;
    
    /* TI Black = #101318, HSL 218 20% 8%, RGB 16,19,24 */
    --color-dark: rgb(16,19,24);
    --color-ti-black: rgb(16,19,24);
    --color-border: #ddd;
    
    --color-teal-dark: #0E7F8F;
    
    /* Pebble = #29363D, HSL 210 33% 10%, RGB 10,15,20 */
    --color-pebble: 200 20% 20%;
    
    --orange: 34 95% 66%;
    --white: 0 0% 100%;

    --background: 210 20% 98%;
    --foreground: 210 0% 87%;
    --primary: 210 33% 10%;
    --primary-foreground: 210 20% 98%;
    --secondary: 215 16% 47%;
    --secondary-foreground: 0 0% 100%;    
    --bg-overlay: rgba(0, 0, 0, 0.5);
    
    --muted: 210 20% 96%;
    --muted-foreground: 215 16% 47%;
    
    /* AA Teal Brand = #0ca2af, HSL 185 87% 37%, RGB 12,162,175 */
    --brand: 185 87% 37%; 
    --brand-foreground: 0 0% 100%;
    --brand-muted: 185 45% 93%;
    --brand-muted-foreground: 191 55% 22%;
    --gradient-brand: linear-gradient(90deg, hsl(var(--brand) / 0.45), hsl(var(--brand)), #0A0F14);
    
    /* AA AA Teal Accent #46f0ff, HSL 185 100% 64%, RGB 71,240,255 */
    --brand-lighter: 185 100% 64%; 
    
    --brand-darker: 187 82% 31%; /* #0e7f8f */
    --brand-bg: 188, 79%, 32%; /* #118293 */
    
    --accent: 185 45% 93%;
    --accent-lighter: 185 28% 97%;
    --accent-foreground: 191 55% 22%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    
    --radius: 1rem;
    --radius-small: .5rem;
    --border: 214 15% 91%;    
    
    --ring: 185 87% 41%;
    --chart-1: 215 14% 59%;
    --chart-2: 215 16% 47%;
    --chart-3: 210 40% 5%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;    
    
    --input: 214 15% 91%;
    --card: 0 0% 100%;
    --card-foreground: 210 40% 5%;
    --popover: 0 0% 100%;
    --popover-foreground: 210 40% 5%;    
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 185 87% 41%;
/*      
    --obsidian: 210 40% 5%;
    --steel: 215 16% 47%;
    --azure: 216 12% 84%;
    --emerald: 185 87% 41%;
    --foundation: 210 20% 98%;
*/    
    /* Layout */
    --header-height-mobile: 60px;
    --header-height-desktop: 80px;
  }

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/



/* CSS variables */

:root {
  --column-gap: 4%;
  --column-width-multiplier: 8.333;
}

html {
  scroll-behavior: smooth;
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1380px!important;
}
/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {

  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}

main:not(.page_editor) {
  margin-top: var(--header-height-mobile)
}

@media (min-width: 1280px) {
  main:not(.page_editor) {
    margin-top: var(--header-height-desktop)
  }
}

/* We set overflow hidden in all of the sections to prevent horizontal overflow */

.body-container > .row-fluid-wrapper > .row-fluid > .widget-span > .row-depth-1 {
  overflow: hidden;
}

.radius-card {
  border-radius: var(--radius);
}

.radius-card-small {
  border-radius: var(--radius-small);
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1.25rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HTML elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
*/

/* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  line-height: inherit;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  margin: 0;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* Lists */

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
:root {
  --brand-dark: #0DA1AF
}

button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  white-space: normal;
  text-wrap: balance
}

.button {
  transition: all .25s;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  font-size: var(--text-button);
}



button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}

.button-black, .button-black-hover-white {
  background: hsl(var(--primary));
  border-color: hsl(var(--primary));
  color: white;
}

.button-white, .button-white-hover-black {
  background-color: white;
  border-color: white;
  color: hsl(var(--primary));
}

.button-primary {
  background-color: hsl(var(--brand-bg));
  border-color: hsl(var(--brand-bg));
  color: white;
}

.button-brand-lighter {
  background-color: hsl(var(--brand-lighter));
  border-color: hsl(var(--brand-lighter));
  color: hsl(var(--primary));
}

.button-outline-white, .button-outline_white {
  background-color: rgba(255,255,255,0);
  border-color: rgba(255,255,255,.25);
  color: white;
}

.button-outline-black, .button-outline_black {
  background-color: rgba(0,0,0,0);
  border-color: hsl(var(--primary));
  color: hsl(var(--primary));
}

.button-link {
  background-color: transparent;
  border-color: transparent;  
  font-size:var(--text-button-small);
  font-weight: 550;
}

/* Link at header "contact", same styles as navlink */
.header__nav-secondary .button-link {
  font-size:var(--text-small);
  font-weight: var(--font-medium);
  letter-spacing: var(--spacing-text-small);
  text-transform: uppercase;
}


.button-black:hover, .button-black:active, .button-black:focus {
  background-color: rgb(50, 50, 50);
  border-color: rgb(50, 50, 50);
  color: #fafafa;
}

.button-black-hover-white:hover, .button-black-hover-white:active, .button-black-hover-white:focus {
  color: hsl(var(--primary));
}

.button-white:hover, .button-white:active, .button-white:focus, .button-brand-lighter:hover {
  background-color: rgba(255,255,255,.875);
  border-color: rgba(255,255,255,.875);
  color: hsl(var(--primary));
}

.button-white-hover-black:hover, .button-white-hover-black:active, .button-white-hover-black:focus {
  color: white
}

.button-primary:hover, .button-primary:active, .button-primary:focus {
  background-color: hsl(var(--brand-bg) / var(--tw-bg-opacity, .9));
  border-color: hsl(var(--brand-bg) / var(--tw-border-opacity, .9));
  color: white;
}

.button-outline-white:hover, .button-outline-white:active, .button-outline-white:focus,
.button-outline_white:hover, .button-outline_white:active, .button-outline_white:focus {
  background-color: rgba(255,255,255,.125);
  border-color: rgba(255,255,255,.375);
  color: white;
}

.button-outline-black:hover, .button-outline-black:active, .button-outline-black:focus,
.button-outline_black:hover, .button-outline_black:active, .button-outline_black:focus {
  background-color: rgba(0,0,0,.05);
  border-color: hsl(var(--primary));
  color: hsl(var(--primary));
}

.button-link:hover, .button-link:active, .button-link:focus {
  background-color: transparent;
  border-color: transparent;
  color: hsl(var(--brand-darker));
}

.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: -8px 0;
}


/* Hover effects, only for desktop */

@media (min-width: 1024px) {

  @keyframes MoveScaleUpInitial {
    to {
      transform: translate3d(0,-155%,0) scale3d(1,2,1);
      opacity: 0;
    }
  }

  @keyframes MoveScaleUpEnd {
    from {
      transform: translate3d(0,150%,0) scale3d(1,2,1);
      opacity: 0;
    }
    to {
      transform: translate3d(0,0,0);
      opacity: 1;
    }
  }
  
  .button.hover-effect > span {
    z-index: 10;
  }

  .button.hover-effect:before, .button.hover-effect:after {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
  }

  .button.hover-effect:before {
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    top: -140%;
    left: -10%;
    border-radius: 50%;
    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
  }

  .button.hover-effect:after {
    transform: translate3d(0, -100%, 0);
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  }
  
  .button.hover-effect:hover > span, .button.hover-text-effect:hover > span {
    animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
  }
  
  .button.hover-effect:hover:before {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  }
  
  .button.hover-effect:hover:after {
    transform: translate3d(0, 0, 0);
    transition-duration: 0.05s;
    transition-delay: 0.4s;
    transition-timing-function: linear;
  }
  
  .button-black.hover-effect:before, .button-black.hover-effect:after, .button-white.hover-effect:before, .button-white.hover-effect:after {
    background: hsl(var(--brand-bg));
  }
  
  .button-black-hover-white.hover-effect:before, .button-black-hover-white:after {
    background: white;
  }
  
  .button-white-hover-black:before, .button-white-hover-black.hover-effect:after {
    background: hsl(var(--primary));
  }
  
  .button-brand-lighter:before, .button-brand-lighter.hover-effect:after {
    background: white;
  }
  
  .button-black.hover-effect:hover {
    border-color: hsl(var(--brand-bg));
  }

  .button-white.hover-effect:hover {
    border-color: hsl(var(--brand-bg));
    color: white
  }

  .button-primary.hover-effect:before, .button-primary.hover-effect:after {
    background: black
  }
  
  .button-primary.hover-effect:hover {
    border-color: black
  }

}


.meeting-button {
  background: white;
}

.meeting-button .button-black, 
.meeting-button > a {
  width:min(100%, 480px) !important;
}
/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  display: block;
  font-size: 1rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #e52600;
}

.hs-input.invalid.error {
  border-color: #e52600;
}

.hs-error-msg {
  color: #e52600;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  border-radius: var(--radius-small)!important;
  white-space: normal;
  background: hsl(var(--brand-bg))!important;
}

form input[type=submit]:hover,
form .hs-button:hover {
  background: black!important;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: #494A52;
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }


/* Styles override */

fieldset.form-columns-2 .hs-form-field {
  float: none!important;
  width: auto!important;
}

fieldset .input {
  margin: 0!important;
}

fieldset.form-columns-1 .hs-input {
  width: 100%!important
}

form label.hs-error-msg {
  font-size: .875rem;
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}


/* Responsive table (Comparison tables) */

	
table.table-comparison-tenantinc {
	border-collapse: collapse;
  width: max(716px, 100%);
  table-layout: fixed;
  border-radius: .75rem;
  margin-bottom: 0;
  border: 1px solid #e4ebed;
  font-size: .875rem
}

.table-comparison-tenantinc th {
	text-align: start;
}

.table-comparison-tenantinc caption {
	display: none
}

.table-comparison-tenantinc thead {
	border-bottom: 1px solid #e4ebed;
}

.table-comparison-tenantinc thead th {
  padding: .75rem;
}

.table-comparison-tenantinc th,
.table-comparison-tenantinc td {
	border: 1px solid rgba(101,117,139,.25);
	padding: 0.5rem 0.75rem;
	vertical-align: middle;
  line-height: 1.25
}

.table-comparison-tenantinc th:first-child {
	inset-inline-start: 0;
	border-inline-end: none;
}

.table-comparison-tenantinc tbody th {
	background: #fcfcfc;
  text-align: right;
}

.table-comparison-tenantinc thead th {
	background: #f6fafb;
	text-transform: uppercase;
  color: #535f70;
}

.table-comparison-tenantinc thead th.highlight {
	background: hsl(var(--brand-bg));
	color: white;
}

.table-comparison-tenantinc tbody td {
  color: hsl(var(--secondary));
}

.table-comparison-tenantinc tbody td.highlight {
  background: #F6FFFF;
  color:#0F7785;
  font-weight: 600;
}

.table-comparison-tenantinc td:first-of-type,
:where(thead, tfoot) th:nth-child(2) {
	border-inline-start: none;
}

th:first-of-type {
	width: 10.5rem;
}

.table-comparison-tenantinc th:first-child::after {
	content: '';
	position: absolute;
	inset-block-start: 0;
	inset-inline-end: 0;
	width: 1px;
	height: 100%;
	background: lightgrey;
}

@media (max-width:767px) {
	.table-wrapper {
		overflow-x: scroll;
    padding-bottom: 1rem;
    mask-image: linear-gradient(90deg, black 87%, transparent 100%);
    transition: all .25s
	}

  .table-wrapper.scrolled-to-end {
    mask-image: linear-gradient(90deg, black 100%, transparent 100%);
  }
}

@media (min-width:768px) {
  table.table-comparison-tenantinc {
    font-size: 1rem
  }

  th:first-of-type {
    width: auto;
  }
  
  .table-comparison-tenantinc th,
  .table-comparison-tenantinc td {
    padding-block: .75rem;
  }
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header {
 border-bottom: 1px solid #e5e8eb;
}
.header__wrapper {
  height: auto;
}

@media(min-width: 1280px) {
  .header__wrapper {
    height: var(--header-height-desktop)
  }
}

.header__logo {
  height: auto;
  max-width: 175px;
  overflow: hidden;
}

.header__logo img {
  max-width: 100%;
  width: 100%;
  height: auto
}

.header__logo .logo-company-name {
  font-size: 1rem;
}

/* Nav */

.header__nav__wrapper {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  height: calc(100dvh - 60px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.header__nav .inpage-editor-active-field {
  position: inherit!important
}

.header__nav-secondary {
  z-index: 2
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: ;
  font-family: ;
}


@media(min-width: 1280px) {
  
  .header__nav__wrapper {
    flex-basis: auto;
    flex-direction: row;
    gap: 3rem;
    align-items: center;
    justify-content: space-between;
    height: auto;
    overscroll-behavior: initial;
    overflow: initial;
  }
}

@media(max-width: 1279px) {
  .header__nav {
    background-color: white;
  }

  .header__nav-toggle svg,
  .menu-arrow svg {
    fill: var(--color-secondary)
  }
  
  /* Closed mobile nav */
  .header__nav__wrapper {
    height: 0;
    display: none
  }
  
  .header__nav__wrapper.is-open {
    display: block
  }
}
.footer__logo {
  color: white;
  height: auto;
  max-width: 175px;
  min-width: 175px;
  overflow: hidden;
}

.footer__logo img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.footer__legal ul {
  gap: 1rem !important; 
}
.footer__legal p, .footer__legal ul li a {
  font-size: var(--text-button-small);
}


.footer .company-description .widget-type-rich_text p {
  font-size: 1.5rem;
}

.blur-overlay {
  position: absolute;
  inset: 0;
}

.blur-overlay.blur-base { backdrop-filter: blur(0px); }

.blur-overlay.b1 {
  backdrop-filter: blur(8px);
  mask-image: linear-gradient(to top, black 0%, transparent 40%);
}
.blur-overlay.b2 {
  backdrop-filter: blur(20px);
  mask-image: linear-gradient(to top, black 0%, transparent 60%);
}
.blur-overlay.b3 {
  backdrop-filter: blur(40px);
  mask-image: linear-gradient(to top, black 0%, transparent 80%);
}

.gradient-blur {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45%;
  pointer-events: none;
}
.gradient-blur > div,
.gradient-blur::before,
.gradient-blur::after {
  position: absolute;
  inset: 0;
}

.gradient-blur::before {
  content: "";
  z-index: 1;
  backdrop-filter: blur(0.5px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 12.5%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 0) 37.5%
  );
}

.gradient-blur::after {
  content: "";
  z-index: 8;
  backdrop-filter: blur(64px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 87.5%,
    rgba(0, 0, 0, 1) 100%
  );
}

.gradient-blur > div:nth-of-type(1) {
  z-index: 2;
  backdrop-filter: blur(1px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 12.5%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 1) 37.5%,
    rgba(0, 0, 0, 0) 50%
  );
}
.gradient-blur > div:nth-of-type(2) {
  z-index: 3;
  backdrop-filter: blur(2px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 1) 37.5%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 62.5%
  );
}
.gradient-blur > div:nth-of-type(3) {
  z-index: 4;
  backdrop-filter: blur(4px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 37.5%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 62.5%,
    rgba(0, 0, 0, 0) 75%
  );
}

.gradient-blur > div:nth-of-type(4) {
  z-index: 5;
  backdrop-filter: blur(8px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 1) 62.5%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 0) 87.5%
  );
}
.gradient-blur > div:nth-of-type(5) {
  z-index: 6;
  backdrop-filter: blur(16px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 62.5%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 1) 87.5%,
    rgba(0, 0, 0, 0) 100%
  );
}
/* Navigation */

/* Hamburguer button */

.navbar__toggler {
	z-index: 2;
	position: relative;
	display: inline-block;
}

@media (min-width: 1280px) {
  .navbar__toggler {
    display: none
  }
}

.hamburger {
	padding: 0;
	height: 20px;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.25s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}

.hamburger:focus, .hamburger:active {
  background-color: transparent;
	border: 0 none;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: var(--color-secondary);
}

.hamburger-box {
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 20px;
	height: 2px;
	background-color: var(--color-secondary);
	border-radius: 4px;
	position: absolute;
	transition-property: all;
	transition-duration: 0.25s;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -10px;
	width: 20px;
	right: 0;
}

.hamburger--slider .hamburger-inner {
	top: 4px;
}

.hamburger--slider .hamburger-inner::before {
	top: 7px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
	top: 14px;
}

.hamburger--slider.is-active .hamburger-inner {
	transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
	transform: none;
	opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
	transform: translate3d(0, -14px, 0) rotate(-90deg);
}


/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}


/* Embed field */

.inpage-editor-active-field:has(> .embed), .inpage-editor-highlight-field:has(> .embed) {
  position: inherit!important
}


/* Rich text */

.tenant-2026-theme-section .widget-type-rich_text a {
  color: hsl(var(--brand-darker));
}

.tenant-2026-theme-section .widget-type-rich_text a:hover {
  text-decoration: none;
  color: hsl(var(--primary));
}

.widget-type-rich_text h1 {
  letter-spacing: -.025em;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 1.05;
  font-family: var(--font-display);
  margin-bottom: 2rem;
  color: hsl(var(--primary));
}

.widget-type-rich_text h2 {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.25;
  font-family: var(--font-display);
  margin-bottom: 1.5rem;
  color: hsl(var(--primary));
}

.widget-type-rich_text h3, .widget-type-rich_text h4 {
  font-weight: 700;
  font-size: 1.25rem;
  font-family: var(--font-display);
  margin-bottom: 1.5rem;
  color: hsl(var(--primary));
}

.widget-type-rich_text h3 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25;
}

.widget-type-rich_text h4 {
  line-height: 1.375;
  margin-bottom: 1rem;
}

.widget-type-rich_text ul, .widget-type-rich_text p {
  margin-bottom: 1.5rem
}

.widget-type-rich_text ul {
  list-style-type: disc;
  margin-left: 1rem;
}

.widget-type-rich_text ul:last-child, .widget-type-rich_text p:last-child {
  margin-bottom: 0
}

.widget-type-rich_text a {
  color: hsl(var(--brand-darker));
}

.widget-type-rich_text a:hover {
  text-decoration: none;
  color: hsl(var(--primary));
}


@media (min-width: 640px) {
  .widget-type-rich_text h1 {
    font-size: 3rem;
    line-height: 1;
  }
  
  .widget-type-rich_text h2 {
    font-size: 1.5rem;
  }
  
  .widget-type-rich_text h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .widget-type-rich_text h1 {
    font-size: 3rem;
  }
  
  .widget-type-rich_text h2 {
    font-size: 2rem;
  }
  
  .widget-type-rich_text h3 {
    font-size: 1.75rem;
  }
  
  .widget-type-rich_text h4 {
    font-size: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .widget-type-rich_text h1 {
    font-size: 3rem;
  }
  
  .widget-type-rich_text h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 1280px) {
  .widget-type-rich_text h2 {
    font-size: 3rem;
  }
} 


/* Video module */

.hs-video-container {
  border-radius: .5rem;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .hs-video-container {
    border-radius: 1rem
  }
}

.vjs-hubspot .vjs-big-play-button.simple-play-button {
  width: 3rem;
  height: 3rem;
  display: flex;
  padding-bottom: auto;
  align-items: center;
  justify-content: center;
}

.vjs-hubspot .vjs-big-play-button.simple-play-button>svg {
  position: initial;
  top: auto;
  left: auto;
  height: 1rem;
  padding: 0
}

/* Spinner */

.spinner,
.spinner div {
  box-sizing: border-box;
}

.spinner-wrapper {
  position: absolute
}

.spinner {
  width: 64px;
  height: 64px;
}
.spinner div {
  position: absolute;
  border: 3px solid hsl(var(--brand));
  opacity: 1;
  border-radius: 50%;
  animation: spinning 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.spinner .spinner-inner {
  animation-delay: -0.5s;
}

@keyframes spinning {
  0% {
    top: 28px;
    left: 28px;
    width: 8px;
    height: 8px;
    opacity: 0;
  }
  4.9% {
    top: 28px;
    left: 28px;
    width: 8px;
    height: 8px;
    opacity: 0;
  }
  5% {
    top: 28px;
    left: 28px;
    width: 8px;
    height: 8px;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    opacity: 0;
  }
}

video {
  width: 100%;
  height: auto;
}

.gvideo-local, .gslide-media.gslide-video {
  max-width:1280px!important
}


.card-figure {
  font-size:2.25rem;
  font-weight: var(--font-semibold);
}

/* Templates */
/* Body thank you pages */
.content-container.content-min-height {
  min-height: 50dvh;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: stretch;
  justify-content: center;
}

/* Hero home */

.hero-home .widget-type-rich_text {
  position: relative;
}

.hero-home .widget-type-rich_text p {
  max-width: 42rem;  
  margin-left: auto;
  margin-right: auto;
   
  font-size: var(--text-medium);
  font-weight: var(--font-regular);
  line-height: 150%;
/*   color:var(--color-ti-black); */
}

.hero-home .widget-type-linked_image {
  border-radius:.5rem;
  overflow: hidden;
} 

/* Hero internal */

.hero-internal .widget-type-rich_text p {
  font-size: 1.2rem;
  font-weight: 360;
  line-height: 1.6; 
}

/* CTA */

.cta .widget-type-rich_text p {
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
  
  font-size: 1.125rem;
  line-height: 1.625;
  color:var(--color-dark)
}

.cta .widget-type-rich_text strong {
  font-weight: 600
}


/* Product cards */

.product-cards .widget-type-rich_text p {
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
}


/* Occupancy and Demand */

.occupancy-and-demand:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: url('https://4863644.fs1.hubspotusercontent-na1.net/hubfs/4863644/tenantinc-2026-theme/bg-section-occupancy.svg') bottom center / 100% auto no-repeat; 
}

.occupancy-and-demand > .row-fluid {
  position: relative
}

.occupancy-and-demand .hs_cos_wrapper_type_rich_text {
  position: relative;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}


/* Story telling */

.section-story-telling .widget-type-linked_image img {
  border-radius: 1rem
}


/* History Timeline */
.section-history-timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
/*   background: url(https://4863644.fs1.hubspotusercontent-na1.net/hubfs/4863644/tenantinc-2026-theme/bg-timeline.svg) top center / 1200px no-repeat; */
}

/* Schedule mkt session */

.schedule-mkt-session:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: -1;
  background: url(https://4863644.fs1.hubspotusercontent-na1.net/hubfs/4863644/tenantinc-2026-theme/bg-schedule.svg) top center / 1200px no-repeat;
}

/* Sticky Nav */

.section-sticky-nav {
  top: var(--header-height-mobile);
  overflow: auto!important;
}

@media (min-width: 1280px) {
  .section-sticky-nav {
    top:  var(--header-height-desktop);
    margin-top: -1px
  }
}

/* Case study (single) */

.section-case-study-text-content .hs_cos_wrapper_type_rich_text li {
  margin-bottom: .5rem
}

/* Banner CTA */

.section-banner-cta .dnd-column {
  border-radius: 24px;
  overflow: hidden;
}

/* Card figures */

.card-figure span {
    color: hsl(var(--brand-darker));
}

/* Search results */

#hs_cos_wrapper_search_results_content {
    background-image: url(https://4863644.fs1.hubspotusercontent-na1.net/hubfs/4863644/tenant-inc/bg-hero-new-centered.jpg) !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Integrations */

.body-container.body-container--integrations > .row-fluid-wrapper > .row-fluid > .widget-span > .row-depth-1 {
    overflow: initial;
}

/* Misc */

.section-sticky-nav {
  position: sticky;
    background-image: url(https://4863644.fs1.hubspotusercontent-na1.net/hubfs/4863644/tenant-inc/cta-bg-01-final.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.about-timeline {
  max-width:72vw;
  margin:0 auto;
}
.about-timeline .milestone {
  padding-left: 2rem;
}
.bg-border {
    background-color: var(--color-border);
}

.about-timeline .timeline-dot {
  margin-top: 1.5rem;
  border-color: hsl(var(--brand));
}

@media(width>1023px) {
  .about-timeline .milestone {
    padding-left: 5rem;
  }
  .about-timeline .timeline-dot {
    margin-top: 2rem;
  }

}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}