@charset "UTF-8";

/**
 * invana-main.css
 * 
 * CSS that may be used by any site section
 *
 */

/* ==========================================================================
   Fonts
   ========================================================================== */
/**
 * Any screen size
 *
 */


/*@font-face {
  font-family: 'youre_gone_regular';
  src: url('../fonts/youre_gone-webfont.woff2') format('woff2'),
       url('../fonts/youre_gone-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'youre_gone_italic';
  src: url('../fonts/youre_gone_it-webfont.woff2') format('woff2'),
       url('../fonts/youre_gone_it-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}*/

/* ==========================================================================
   CSS Variables
   ========================================================================== */
/**
 * Any screen size
 *
 */

:root {
  
  /* color vars */
  --invana--color--black: #003459;
  --invana--color--white: #fff;
  --invana--color--navy-1: #003459;
  --invana--color--navy-2: #004a82;
  --invana--color--orange: #f29000;

  --invana--color--blue: #104D4D;
  --invana--color--yellow: #F2A200;
  --invana--color--red: #BD530A;
  --invana--color--green: #444F1A;
  --invana--color--cream: #FAE8DA;
  --invana--color--pink: #DA91B6;


  /* shared inv theme color vars */
  --inv--color--black: #004b80;
  --inv--color--white: #fff;
  --inv--color--navy: #004b80;
  --inv--color--orange: #f29000;
  --inv--color--grey: #FBFBFF;
  --inv--color--grey-dark: #EBEBFF;

  /* font vars */
  --invana--font--menu: normal 600 18px/1.5 'Source Sans Pro', 'Helvetica', sans-serif;
  --invana--letter-spacing--menu: normal;
  
/*  --invana--font--heading-huge: normal 400 180px/1.1 'youre_gone_regular', 'Arial', sans-serif;*/

  /* heading large */
  --invana--font--heading-large: normal 700 90px/0.9 'Source Sans Pro', 'Helvetica', sans-serif;
  --invana--letter-spacing--heading-large: normal;

  --invana--font--heading-large-italic: italic 900 123px/0.9 'tenez', 'Times', sans-serif;
  --invana--letter-spacing--heading-large-italic: normal;


  /* heading regular */
  --invana--font--heading-regular: normal 700 36px/1 'Source Sans Pro', 'Helvetica', sans-serif;
  --invana--letter-spacing--heading-regular: normal;

  --invana--font--heading-regular-italic: italic 900 61px/1 'tenez', 'Times', sans-serif;
  --invana--letter-spacing--heading-regular-italic: normal;


  /* heading small */
  --invana--font--heading-small: normal 700 30px/1.2 'Source Sans Pro', 'Helvetica', sans-serif;
  --invana--letter-spacing--heading-small: normal;

  --invana--font--heading-small-italic: italic 900 39px/1.2 'tenez', 'Times', serif;
  --invana--letter-spacing--heading-small-italic: normal;
  

  /* heading extra small */
  --invana--font--heading-extra-small: normal 700 26px/1.2 'Source Sans Pro', 'Helvetica', sans-serif;
  --invana--letter-spacing--heading-extra-small: normal;

  --invana--font--heading-extra-small-italic: italic 700 35px/1.2 'tenez', 'Times', serif;
  --invana--letter-spacing--heading-extra-small-italic: normal;



  /* body regular */
  --invana--font--body-regular: normal 400 19px/1.5 'Source Sans Pro', 'Helvetica', sans-serif;
  --invana--letter-spacing--body-regular: normal;


  --invana--font--body-regular-italic: italic 400 25px/1 'tenez', 'Times', sans-serif;
  --invana--letter-spacing--body-regular-italic: normal;


  /*--invana--font--body-small: normal 400 18px/1.3 'Source Sans Pro', 'Helvetica', sans-serif;
  --invana--font--body-extra-small: normal 400 14px/1.5 'Source Sans Pro', 'Helvetica', sans-serif;
*/

  --invana--font--button-regular: normal 700 19px/1 'Source Sans Pro', 'Helvetica', sans-serif;
  --invana--letter-spacing--button-regular: normal;



  /* spacing vars */
  --invana--spacing--unit-1x: 8px;
  --invana--spacing--unit-2x: calc( 2 * var( --invana--spacing--unit-1x ));
  --invana--spacing--unit-3x: calc( 3 * var( --invana--spacing--unit-1x ));
  --invana--spacing--unit-4x: calc( 4 * var( --invana--spacing--unit-1x ));
  --invana--spacing--unit-5x: calc( 5 * var( --invana--spacing--unit-1x ));
  --invana--spacing--unit-6x: calc( 6 * var( --invana--spacing--unit-1x ));
  --invana--spacing--unit-7x: calc( 7 * var( --invana--spacing--unit-1x ));
  --invana--spacing--unit-8x: calc( 8 * var( --invana--spacing--unit-1x ));
  --invana--spacing--unit-9x: calc( 9 * var( --invana--spacing--unit-1x ));
  --invana--spacing--unit-10x: calc( 10 * var( --invana--spacing--unit-1x ));

  --invana--spacing--gap-1x: calc( 8 * var( --invana--spacing--unit-1x ) );
  --invana--spacing--gap-2x: calc( 2 * var( --invana--spacing--gap-1x ) );
  --invana--spacing--gap-3x: calc( 3 * var( --invana--spacing--gap-1x ) );
  --invana--spacing--gap-4x: calc( 4 * var( --invana--spacing--gap-1x ) );


  /* misc vars */
  --invana--width--desktop: 1400px;
  
  
  --invana--margin-bottom--regular: 0.5em;

  --invana--height--logo-wrap: 144px;
  --invana--width--logo: 300px;

  --invana--height--nav: 80px;


  /* shared inv theme spacing vars */
  --inv--spacing--unit-1x: 8px;
  --inv--spacing--unit-2x: calc( 2 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-3x: calc( 3 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-4x: calc( 4 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-5x: calc( 5 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-6x: calc( 6 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-7x: calc( 7 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-8x: calc( 8 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-9x: calc( 9 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-10x: calc( 10 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-11x: calc( 11 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-12x: calc( 12 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-13x: calc( 13 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-14x: calc( 14 * var( --inv--spacing--unit-1x ));
  --inv--spacing--unit-15x: calc( 15 * var( --inv--spacing--unit-1x ));

  --inv--spacing--gap-1x: calc( 8 * var( --inv--spacing--unit-1x ) );
  --inv--spacing--gap-2x: calc( 2 * var( --inv--spacing--gap-1x ) );
  --inv--spacing--gap-3x: calc( 3 * var( --inv--spacing--gap-1x ) );
  --inv--spacing--gap-4x: calc( 4 * var( --inv--spacing--gap-1x ) );


  /* misc shared inv theme vars */
  --inv--width--desktop: 1400px;
  --inv--width-inner--desktop: 980px;


  --inv--margin-bottom--regular: 0.5em;

  --inv--height--logo-wrap: 120px;
  --inv--width--logo: 260px;
  --inv--offset-left--logo: 0;
  --inv--offset-top--logo: 10px;

  --inv--height--nav: 100px;


}



@media ( max-width: 1024px ) { 

/* ==========================================================================
   CSS Variables
   ========================================================================== */
/**
 * 0-1024
 *
 */


  :root {

    /* font vars */
    --invana--font--menu: normal 600 20px/1.2 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--menu: normal;
    
  /*  --invana--font--heading-huge: normal 400 180px/1.1 'youre_gone_regular', 'Arial', sans-serif;*/

    /* heading large */
    --invana--font--heading-large: normal 700 72px/0.9 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--heading-large: normal;

    --invana--font--heading-large-italic: italic 900 99px/0.9 'tenez', 'Times', sans-serif;
    --invana--letter-spacing--heading-large-italic: normal;


    /* heading regular */
    --invana--font--heading-regular: normal 700 30px/1.2 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--heading-regular: normal;

    --invana--font--heading-regular-italic: italic 900 49px/1 'tenez', 'Times', sans-serif;
    --invana--letter-spacing--heading-regular-italic: normal;


    /* heading small */
    --invana--font--heading-small: normal 700 24px/1.2 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--heading-small: normal;
    
    --invana--font--heading-small-italic: italic 900 31px/1.1 'tenez', 'Times', serif;
    --invana--letter-spacing--heading-small-italic: normal;
  

    /* heading extra small */
    --invana--font--heading-extra-small: normal 700 20px/1.2 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--heading-extra-small: normal;

    --invana--font--heading-extra-small-italic: italic 700 27px/1.1 'tenez', 'Times', serif;
    --invana--letter-spacing--heading-extra-small-italic: normal;


    /* body regular */
    --invana--font--body-regular: normal 400 17px/1.5 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--body-regular: normal;

    --invana--font--body-regular-italic: italic 400 22px/1 'tenez', 'Times', sans-serif;
    --invana--letter-spacing--body-regular-italic: normal;


    /*--invana--font--body-small: normal 400 18px/1.3 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--font--body-extra-small: normal 400 14px/1.5 'Source Sans Pro', 'Helvetica', sans-serif;
  */

    --invana--font--button-regular: normal 700 17px/1 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--button-regular: normal;

   
    --invana--spacing--unit-1x: 6px;

    --invana--spacing--gap-1x: calc( 6 * var( --invana--spacing--unit-1x ) );
    --invana--spacing--gap-2x: calc( 2 * var( --invana--spacing--gap-1x ) );
    --invana--spacing--gap-3x: calc( 3 * var( --invana--spacing--gap-1x ) );
    --invana--spacing--gap-4x: calc( 4 * var( --invana--spacing--gap-1x ) );

    --invana--height--logo-wrap: 100px;
    --invana--width--logo: 220px;

    /* shared inv theme spacing vars */
    --inv--spacing--unit-1x: 6px;

    --inv--spacing--gap-1x: calc( 6 * var( --inv--spacing--unit-1x ) );
    --inv--spacing--gap-2x: calc( 2 * var( --inv--spacing--gap-1x ) );
    --inv--spacing--gap-3x: calc( 3 * var( --inv--spacing--gap-1x ) );
    --inv--spacing--gap-4x: calc( 4 * var( --inv--spacing--gap-1x ) );

    --inv--height--logo-wrap: 100px;
    --inv--width--logo: 220px;
    --inv--offset-top--logo: 7px;
  }

}


@media ( max-width: 768px ) { 

/* ==========================================================================
   CSS Variables
   ========================================================================== */
/**
 * 0-768
 *
 */

  :root {

   

  }


}

@media ( max-width: 600px ) { 

/* ==========================================================================
   CSS Variables
   ========================================================================== */
/**
 * 0-600
 *
 */

  :root {


    /* heading large */
    --invana--font--heading-large: normal 700 40px/0.9 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--heading-large: normal;

    --invana--font--heading-large-italic: italic 900 55px/0.9 'tenez', 'Times', sans-serif;
    --invana--letter-spacing--heading-large-italic: normal;


    /* heading regular */
    --invana--font--heading-regular: normal 700 27px/1.2 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--heading-regular: normal;

    --invana--font--heading-regular-italic: italic 900 36px/1 'tenez', 'Times', sans-serif;
    --invana--letter-spacing--heading-regular-italic: normal;

    --invana--spacing--unit-1x: 5px;

       /* heading small */
    --invana--font--heading-small: normal 700 24px/1.2 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--heading-small: normal;
    
    --invana--font--heading-small-italic: italic 900 31px/1.1 'tenez', 'Times', serif;
    --invana--letter-spacing--heading-small-italic: normal;
  

    /* heading extra small */
    --invana--font--heading-extra-small: normal 700 20px/1.2 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--heading-extra-small: normal;

    --invana--font--heading-extra-small-italic: italic 700 27px/1.1 'tenez', 'Times', serif;
    --invana--letter-spacing--heading-extra-small-italic: normal;


    /* body regular */
    --invana--font--body-regular: normal 400 17px/1.5 'Source Sans Pro', 'Helvetica', sans-serif;
    --invana--letter-spacing--body-regular: normal;

    --invana--font--body-regular-italic: italic 400 22px/1 'tenez', 'Times', sans-serif;
    --invana--letter-spacing--body-regular-italic: normal;


  }


}


@media ( max-width: 500px ) { 

/* ==========================================================================
   CSS Variables
   ========================================================================== */
/**
 * 0-500
 *
 */

  :root {

    /* shared inv theme spacing vars */
    --inv--spacing--unit-1x: 5px;
  }


}



/* ==========================================================================
   RESET
   ========================================================================== */
/**
 * 
 *
 */


* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}



body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main,
label {
  display: block;
}

audio,
video {
  display: inline-block;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
}

textarea {
  overflow: auto;
  resize: vertical;
}

::-webkit-input-placeholder {
  opacity: 1;
}

:-moz-placeholder {
  opacity: 1;
}

::-moz-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: 1;
}



/* ==========================================================================
   NORMALIZE
   ========================================================================== */
/**
 * 
 *
 */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* Document (Normalize)
   ========================================================================== */


/**
 * 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 (Normalize)
   ========================================================================== */

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

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * 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 (Normalize)
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 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 (Normalize)
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, 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;
}


/* Embedded content (Normalize)
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms (Normalize)
   ========================================================================== */

/**
 * 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 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 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;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 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 (Normalize)
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

/* Misc (Normalize)
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}






/* ==========================================================================
   GLOBALS
   ========================================================================== */
/**
 * 
 *
 */


/* ==========================================================================
   Box sizing  (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */


html {
  box-sizing: border-box;
}

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


/* ==========================================================================
   Float Clearing  (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
  content: " ";
  display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
  clear: both;
  content: " ";
  display: table;
}



/* ==========================================================================
   Typographical Elements  (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */


html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: var(--invana--color--white );
  color: var(--invana--color--black );
  font: var(--invana--font--body-regular );
  letter-spacing: var( --invana--letter-spacing--body-regular );
  overflow-x: hidden;
}

sub, sup {
  font-size: 0.7em;
}

sup {
  top: -0.4em;
}

button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
  transition: all 0.2s ease-in-out;
}

a {
  color: currentColor;
  text-decoration-color: currentColor;
  text-decoration-line: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 0.06em;
  transition: all 0.2s ease-in-out;
}

/*a:focus {
  color: currentColor;
  text-decoration-color: currentColor;
  text-decoration-line: underline;
}*/

a:hover {
  color: currentColor;
  text-decoration-color: transparent;
  text-decoration-line: none;
}

p {
  margin: 0 0 var( --invana--margin-bottom--regular );
  padding: 0;
}

ul + p,
ol + p {
  margin-top: var( --invana--margin-bottom--regular );
}

p:has( + ul ) {
  margin-bottom: 0.75em;
}


h2 + p {
/*  margin-top: 0.75em;*/
}

p:last-child {
  margin-bottom: 0;
}


h3:has( + ul ) {
  margin-bottom: 0.5em;
}


ol,
ul {
  margin: 0;
  padding: 0 0 0 1.2em;
}

ul ul {
  padding: 0 0 0 1.2em;
}

ul:has( + h3 ) {
  margin-bottom: 3em;
}

ul li {
  list-style-type: disc;
}

ul li::marker {
  font-size: 0.8em;
}


li ul li {
  list-style-type: circle;
}

hr {
  border: 0;
  border-collapse: collapse;
  border-bottom: 1px solid currentColor;
  clear: both;
  color: var(--invana--color--black );
  margin: 1.65em auto;
}

b,
strong {
  font-weight: 700;
}

cite,
em,
i {
  font-style: italic;
}

mark {
  background: var( --invana--color--black );
  color: var(--invana--color--black);
}


blockquote p {
  quotes: "“" "”" "‘" "’";
  position: relative;
}


blockquote p {
  display: inline-block;
}

blockquote p:first-child::before {
  content: open-quote;
  position: absolute;
  left: -0.5em;
}

blockquote p:last-child::after {
  content: close-quote;
  position: relative;
  right: 0;
}


/* ==========================================================================
   Headings (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var( --invana--color--navy-2 );
  margin: 0;
  text-align: left;
/*  margin: 0 0 20px;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}


h1 {
  font: var( --invana--font--heading-regular );
  letter-spacing: var( --invana--letter-spacing--heading-regular );
  text-align: center;
}

h2, h3 {
  font: var( --invana--font--heading-regular );
  letter-spacing: var( --invana--letter-spacing--heading-regular );
}

h4, h5, h6 {
  font: var( --invana--font--heading-small );
  letter-spacing: var( --invana--letter-spacing--heading-small );
}


/* ==========================================================================
   Objects (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */

embed,
iframe,
img,
object,
video,
.wp-caption {
  max-width: 100%;
}

img {
  height: auto;
  vertical-align: top;
  -webkit-user-drag: none;
  -moz-user-select: none;
}

figure {
  margin: 0;
}

svg {
  width: 100%;
}


/* ==========================================================================
   Forms (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */

input,
select,
textarea {
  background-color: var(--invana--color--white);
  border: 1px solid var( --invana--color--black );
  color: var( --invana--color--black );
  font: var( --invana--font--body-regular );
  letter-spacing: var( --invana--letter-spacing--body-regular );
  padding: 16px;
  width: 100%;
}

input:focus,
textarea:focus {
/*  border: 1px solid var( --eyng--color--grey-dark );*/
/*  outline: none;*/
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
}

:-ms-input-placeholder {
  color: var( --invana--color--black );
  opacity: 1;
  transition: 0.5s;
}

::placeholder {
  color: var( --invana--color--black );
  opacity: 1;
  transition: 0.5s;
}

:focus:-ms-input-placeholder { color:transparent; }
:focus::placeholder { color:transparent; }


button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"],
.button {
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 15px;
  /*background-color: var( --eyng--color--grey-dark );
  border: 1px solid var( --eyng--color--grey-dark );*/
/*  color: var( --eyng--color--white );*/
  cursor: pointer;
/*  font: var( --eyng--font--button );*/
  padding: 0.8em 16px 0.6em;;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
  white-space: normal;
  width: auto;
}

.button {
  display: inline-block;
}

.invana-button-wrap {
  text-align: center;
}

.invana-button {
  align-items: center;
  border-radius: 15px;
  display: inline-flex;
  font: var( --invana--font--button-regular );
  height: auto;
  justify-content: center;
  letter-spacing: var( --invana--letter-spacing--button-regular );
  margin: 0;
  min-height: 52px;
  padding: 0.8em 3em 0.6em;
  text-decoration: none;
  text-align: center;
}

.invana-button--black {
  background-color: var(--invana--color--black );
  color: var(--invana--color--cream );
}

.invana-button--yellow {
  background-color: var(--invana--color--yellow );
  color: var(--invana--color--black );
}

.invana-button--pink {
  background-color: var(--invana--color--pink );
  color: var(--invana--color--cream );
}

.invana-button--green {
  background-color: var(--invana--color--green );
  color: var(--invana--color--cream );
}

.invana-button:hover,
.invana-button:focus {
  opacity: 0.85;
}


.invana-button--black:hover,
.invana-button--black:focus {
  background-color: var(--invana--color--black );
  color: var(--invana--color--cream );
}

.invana-button--yellow:hover,
.invana-button--yellow:focus {
  background-color: var(--invana--color--yellow );
  color: var(--invana--color--black );
}

.invana-button--pink:hover,
.invana-button--pink:focus {
  background-color: var(--invana--color--pink );
  color: var(--invana--color--cream );
}

.invana-button--green:hover,
.invana-button--green:focus {
  background-color: var(--invana--color--green );
  color: var(--invana--color--cream );
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.button:focus,
.button:hover {
  
  opacity: 0.85;
}

.entry-content .button:focus,
.entry-content .button:hover {

}



.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
  /*background-color: var( --eyng--color--grey-light );
  color: var( --eyng--color--grey-medium );*/
  cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
  display: none;
}


/* ==========================================================================
   Tables (Global)
   ========================================================================== */
/**
 * Any screen size
 *
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 40px;
  width: 100%;
  word-break: break-all;
}

tbody {
  border-bottom: 1px solid var( --invana--color--black );
}

td,
th {
  line-height: 2;
  text-align: left;
  vertical-align: top;
}

td {
  padding: 0.5em;
}

tr {
  border-top: 1px solid var( --invana--color--black );
}

th {
  font-weight: 600;
  padding: 0.5em;
}





/* ==========================================================================
   Screen reader text (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
  background: var( --invana--color--white );
  clip: auto !important;
  color: var( --invana--color--black );
  display: block;
  font-size: 1em;
  font-weight: 700;
  height: auto;
  padding: 15px 23px 14px;
  text-decoration: none;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.more-link {
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
}


/* ==========================================================================
   Skip links (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */

.skip-link {
  margin: 0;
}

.skip-link .skip-link-hidden {
  display: none;
  visibility: hidden;
}

.skip-link li {
  height: 0;
  list-style: none;
  width: 0;
}

:focus-visible {
  outline: 2px solid #0071E3;
  outline-offset: -2px;
/*  background-color: red;*/
  display: inline-block;
  min-height: 10px;
  min-width: 10px;
}


/* ==========================================================================
   Body Overflow (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */



/*body.overflow-hidden {
  overflow: hidden;
}
*/

/* ==========================================================================
   WP Admin bar (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */

html #wpadminbar {
  height: 32px;
  min-width: 33px;
  overflow: hidden;
  position: fixed;
  transition: width 0.1s ease-in-out;
  width: 33px;
}

html #wpadminbar:hover {
  width: 100%;
}

html #wpadminbar #wp-admin-bar-wp-logo,
html #wpadminbar #wp-admin-bar-customize,
html #wpadminbar #wp-admin-bar-new-content,
html #wpadminbar #wp-admin-bar-comments,
html #wpadminbar #wp-admin-bar-wpseo-menu,
html #wpadminbar #wp-admin-bar-elementor_notes {
  display: none;
}


@media (max-width: 782px ) {
  #wpadminbar #wp-admin-bar-customize>.ab-item, #wpadminbar #wp-admin-bar-edit>.ab-item, #wpadminbar #wp-admin-bar-my-account>.ab-item, #wpadminbar #wp-admin-bar-my-sites>.ab-item, #wpadminbar #wp-admin-bar-site-editor>.ab-item, #wpadminbar #wp-admin-bar-site-name>.ab-item {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 32px;
    padding: 0;
    color: #a7aaad;
    position: relative;
  }

  html #wp-admin-bar-elementor_edit_page .ab-item {
    display: flex;
    height: 32px;
  }

  html #wp-admin-bar-elementor_edit_page .ab-item .elementor-edit-link-title {
    padding: 0 8px 0 7px;
  }

  #wpadminbar #wp-admin-bar-customize>.ab-item:before, #wpadminbar #wp-admin-bar-edit>.ab-item:before, #wpadminbar #wp-admin-bar-my-account>.ab-item:before, #wpadminbar #wp-admin-bar-my-sites>.ab-item:before, #wpadminbar #wp-admin-bar-site-editor>.ab-item:before, #wpadminbar #wp-admin-bar-site-name>.ab-item:before {
    display: block;
    text-indent: 0;
    font: normal 20px/1 dashicons; 
    speak: never;
    top: 7px; 
    width: 32px; 
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #wp-admin-bar-elementor_edit_page .ab-item::before {
    display: block;
    text-indent: 0;
    font-size: 20px;
    line-height: 1;
    speak: never;
    top: 7px; 
    width: 32px; 
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #wpadminbar .quicklinks ul > li {
    display: none !important;
  }

  #wpadminbar .quicklinks ul > li#wp-admin-bar-site-name {
    display: block !important;
  }

  #wpadminbar .quicklinks ul > li#wp-admin-bar-edit {
    display: block !important;
  }

  #wpadminbar .quicklinks ul > li#wp-admin-bar-elementor_edit_page {
    display: block !important;
  }

}


@media (max-width: 600px) {

  #wpadminbar {
    position: fixed; 
  }

}


/* ==========================================================================
   Containers (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */

.invana-container {
  margin: 0 auto;
  padding: 0 var( --invana--spacing--gap-1x );
  max-width: var( --invana--width--desktop );
  width: 100%;
}

/* shared inv theme */
.inv-container {
  margin: 0 auto;
  padding: 0 var( --inv--spacing--gap-1x );
  max-width: var( --inv--width--desktop );
  width: 100%;
}

.site-container {
  animation: fadein 1s;
  position: relative;
  word-wrap: break-word;
}


.site-inner {
  clear: both;
  display: block;
  margin: 0 auto;
  min-height: 100%;
  padding-top: 0;
  padding-bottom: 80px;
}

@media (max-height: 400px) {

  .site-inner {
    min-height: 400px;
  }

}

@keyframes fadein {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }

}


@media (max-width: 782px) {

}



.site-title {
  display: block;
  text-indent: -9999px;
}



/* ==========================================================================
   Browser and third-party fixes (Globals)
   ========================================================================== */
/**
 * Any screen size
 *
 */

/**
 * hide ugly scrollbars that show when mac system preferences are set to show them all the time */

/* Hide scrollbar for Chrome, Safari and Opera 
.example::-webkit-scrollbar {
  height: 0 !important;
  width: 0 !important;
}*/

/* Hide scrollbar for IE and Edge and Firefox
.example {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
*/

/**
 * hide the tab color on touch devices
 */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

/**
 * disable the link preview on iOS browser */
/*

* {
  -webkit-touch-callout: none;
}
*/



/**
 * hiding recaptcha badge requires disclaimer on form
 * https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed
*/

.grecaptcha-badge { 
  visibility: hidden;
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em {
  font: var( --invana--font--heading-regular-italic );
  letter-spacing: var( --invana--letter-spacing--heading-regular-italic );
}

/*em { 
  padding: 0 0 0 0.1em;
}*/


/* ==========================================================================
   Contact Pages 
   ========================================================================== */
/**
 * Any screen size
 *
 */

.invana-contact-page--general .grecaptcha-badge { 
  visibility: visible;
}

.invana-contact-page--general .invana-form__field-groups label {
  display: none;
}

.invana-form__field-groups label {
  display: block;
  font-weight: 500;
  line-height: 1.4;
  padding: 0 0 6px;
}

.invana-form__field-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


.invana-form__field-group .invana-form__field-wrap:last-child {
  margin-bottom: var( --invana--margin-bottom--regular );
}


.invana-form__field-wrap--checkbox {
  margin-bottom: 10px;
}

.invana-form__field-wrap--link {
  margin-bottom: 2.3em;
}

.invana-form__field-title {
  display: block;
  font-weight: 500;
  margin: 0;
  padding: 0 16px 8px;
  width: 100%;
}

.invana-form__field-description {
  display: block;
  margin: 0 0 0 2.1em;
}

.invana-form__field-wrap--checkbox > label {
  padding: 0;
}

.invana-form__field-wrap--checkbox {
  padding: 0 16px;
}

.invana-form__field-groups .invana-form__field-wrap--checkbox label {
  align-items: flex-start;
  display: flex;
}

.invana-form__field-groups .invana-form__field-wrap--checkbox input[type="checkbox"] {
  margin-top: 0.25em;;
}

.invana-form__field-groups .invana-form__field-wrap--checkbox > label {
  padding-bottom: 0.5em;
}

.invana-form__field-groups .invana-form__field-wrap--checkbox .wpcf7-list-item { display: block;
}

.invana-form__field-groups .invana-form__field-wrap--checkbox .wpcf7-list-item + .wpcf7-list-item {
  padding: 0.4em 0 0;
}

.invana-form__field-groups .invana-form__field-wrap--checkbox .wpcf7-list-item-label { 
  padding: 0 0 0 0.5em;
}

.invana-form__field-groups .invana-form__field-wrap--checkbox .wpcf7-list-item-label span {
  font-weight: 400;
  display: block;
/*  padding: 0 0 0 20px;*/
}


.invana-form__field-wrap--submit {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

input,
select,
textarea,
.invana-site-footer-content-wrap #mc_embed_signup input,
.invana-site-footer-content-wrap #mc_embed_signup textarea {
  border: 1px solid transparent;
  border-radius: 15px;
  padding: 0.3em 16px 0.1em;
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
  padding: 13px 16px 8px;
}



textarea {
  min-height: 95px !important;
}

input[type="submit"],
.invana-site-footer-content-wrap #mc_embed_signup .button {
  align-items: center;
  background-color: var( --invana--color--yellow );
  border-radius: 15px;
  display: flex;
  font: var( --invana--font--button-regular );
  height: auto;
  justify-content: center;
  letter-spacing: var( --invana--letter-spacing--button-regular );
  padding: 0.8em 16px 0.6em;
  width: 100%;
}


.wpcf7-not-valid-tip {
  color: var( --invana--color--pink );
  font-size: 1em;
  font-weight: normal;
  display: block;
  margin-top: 0.5em;
  padding-left: 16px;
}


.wpcf7 form .wpcf7-response-output {
  margin: 1em 0 1em;
  padding: 0.5em 1em 0.3em;
  border: 2px solid #00a0d2;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: var( --invana--color--yellow );
}


.wpcf7-spinner {
  margin-top: 24px;
}









/* ==========================================================================
   Footer Section and Mailchimp
   ========================================================================== */
/**
 * Any screen size
 *
 */


.site-footer {
  
}

.site-footer p {
  line-height: 1.5;
  margin-bottom: 0;
}

.site-footer a {
  border: 0;
  text-decoration: none;
}

.site-footer a:hover {
  border: 0;
  color: #f29000;
  text-decoration: none;
}


.invana-site-footer-content__subscribe-wrap {
  background-color: var( --invana--color--yellow );
  padding: var( --invana--spacing--gap-1x ) 0 var( --invana--spacing--unit-5x );
}

.invana-site-footer-content__subscribe-text {
  text-align: center;
}

.invana-site-footer-content__subscribe-text p {
  font: var( --invana--font--heading-extra-small );
  letter-spacing: var( --invana--letter-spacing--heading-extra-small );
  margin-top: var( --invana--spacing--unit-3x );
}



.invana-site-footer-content__subscribe-wrap #mc_embed_shell {
  padding-top: var( --invana--spacing--unit-7x );
  width: 100%;
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup {
  background-color: transparent !important;
  margin: 0 auto;
  width: 100%;
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup h2 {
  font-weight: normal;
  
  text-align: left;
}


.invana-site-footer-content__subscribe-wrap #mc_embed_signup form {
  margin: 0;
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup_scroll {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup .mc-field-group {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: var( --invana--spacing--unit-4x );
  width: calc(25% - var( --invana--spacing--unit-2x ));
}


.invana-site-footer-content__subscribe-wrap #mc_embed_signup .mc-field-group label {
  display: none !important;
}


.invana-site-footer-content__subscribe-wrap #mc_embed_signup .mc-field-group .asterisk {
  /*top: -7px;
  left: 2px;*/
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup .mc-field-group input {
  border-width: 2px !important;
  border: 2px solid var( --invana--color--cream );
  height: 52px;
  padding: 0.8em 16px 0.6em;
  text-indent: 0;
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  background-color: transparent;
  color: currentColor;
  margin: 0;
  padding: 0.3em 18px;
  background-color: transparent;
}


.invana-site-footer-content__subscribe-wrap #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {

}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup #mc-embedded-subscribe-form input:not([type="submit"]) {
  background-color: var( --invana--color--cream );
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error[for="mce-FNAME"],
.invana-site-footer-content__subscribe-wrap #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error[for="mce-LNAME"],
.invana-site-footer-content__subscribe-wrap #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error[for="mce-EMAIL"] {
/*  display: none !important;*/
}


.invana-site-footer-content__subscribe-wrap #mce-responses {
  width: 100%;
}

.invana-site-footer-content__subscribe-wrap .optionalParent {
  width: calc(25% - var( --invana--spacing--unit-2x ));
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup .button {
  background-color: var(--invana--color--black );
 
  color: var(--invana--color--cream );
  display: inline-block;

/*  font: var(--invana--button--subheading-1--font );*/
  /*font-size: clamp(37px, 3.87vw, 67px);;
  letter-spacing: var(--asp--subheading-1--letter-spacing );
  line-height: 1;*/
  height: auto;
  margin: 0;
  min-height: 52px;

}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup .button:focus,
.invana-site-footer-content__subscribe-wrap #mc_embed_signup .button:hover {
  background-color: var(--invana--color--black );
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup div#mce-responses {
  align-items: center;
  display: flex;
  float: none;
  padding: 0;
  margin: 0;
  text-align: center;
  width: 100%;
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup div.response {
  float: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup #mce-success-response {
  color: currentColor;
}

.invana-site-footer-content__subscribe-wrap #mc_embed_signup .foot {
  display: flex;
  width: 100%;
}



.invana-site-footer-content__nav-wrap {
  padding:  80px 0;
}

.invana-site-footer-content__nav-innner-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
}


.invana-site-footer-content__nav-list {
  display: flex;
  justify-content: center;
  padding: 0;
}

.invana-site-footer-content__nav-list-item {
  display: flex;
  list-style-type: none;
  padding: 0 var( --invana--spacing--unit-2x ) 0;
}

.invana-site-footer-content__nav-list-item-link {
  color: var( --invana--color--pink );
  display: flex;
}

.invana-site-footer-content__nav-list-item-link:hover,
.invana-site-footer-content__nav-list-item-link:focus {
  color: var( --invana--color--black );
}

.invana-site-footer-content__nav-list-item-link-icon {
  display: flex;
  width: 44px;
}

.invana-site-footer-content__legal-wrap {
  padding: 0 0 32px;
}

.invana-site-footer-content__copyright,
.invana-site-footer-content__policies {
  font-size: 16px;
  margin-bottom: 0;
}

.invana-site-footer-content__policies a {
  display: inline-block;
  
}

.invana-site-footer-content__policies a::before {
  content: '\00B7';
  padding: 0 0.5em;
  display: inline-block;
}

.invana-site-footer-content__policies a:first-child::before {
  display: none;
}

.back-to-top-button-wrap {
  align-items: center;
  background-color: #e2e2e2;
  bottom: var(--invana--spacing--unit-3x);
  display: flex;
  height: 50px;
  justify-content: center;
  opacity: 0;
  position: fixed;
  right: var(--invana--spacing--unit-3x);
  width: 50px;
  z-index: 15;
}

.back-to-top-button {
  background-image: url( '../images/chevron-up-icon-v1.svg' );
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 30px;
  opacity: 0.3;
  transition: opacity 3s ease-in-out;
  width: 30px;
}


/* ==========================================================================
   404 Page
   ========================================================================== */
/**
 * Any screen size
 *
 */


.invana-error-page__content-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: calc( 100vh - ( var( --invana--height--logo-wrap )));
}




/* ==========================================================================
   Search page
   ========================================================================== */
/**
 * Any screen size
 *
 */


.invana-search-page__content-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: calc( 100vh - ( var( --invana--height--logo-wrap )));
}





/* ==========================================================================
   Slick Slider
   ========================================================================== */
/**
 * Any screen size
 *
 */

.invana-home-page__images-wrap--slick:not( .invana-page__images-wrap--total-slides_1) .slick-active .invana-page__image-title--slick {
  animation: fadeinslowly 2s;
}

.invana-home-page__images-wrap--slick.invana-page__images-wrap--total-slides_1 .invana-page__image-title--slick {
  animation: fadeinslowly 3s;
}

@keyframes fadeinslowly {

  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

}

/* ==========================================================================
   Isotope filter
   ========================================================================== */
/**
 * Any screen size
 *
 */

.invana-page__quicksearch-and-filter-wrap {
  background-color: var( --invana--color--white );
  padding: var( --invana--spacing--unit-6x ) 0 0;
  position: sticky;
  top: 0;
  z-index: 9;
}

.invana-page__quicksearch-and-filter-wrap.is-sticky {
  box-shadow: 0 3px 8px -8px rgba( 0,0,0,0.5);
}

.invana-page__quicksearch-wrap {
/*  margin: 0 auto;*/
  max-width: 368px;
  margin: 0 auto var( --invana--spacing--unit-4x );
  position: relative;
}

.invana-page__quicksearch {
  background-color: var( --invana--color--navy-1 );
  border: 2px solid var(--invana--color--navy-1);
  color: var( --invana--color--white );
  height: 52px;
  padding: 0.6em 40px 0.6em;
  text-align: center;
  text-indent: 0;
}

.invana-page__quicksearch:-ms-input-placeholder {
  color: var( --invana--color--white );
  opacity: 1;
  transition: 0.5s;
}

.invana-page__quicksearch::placeholder {
  color: var( --invana--color--white );
  opacity: 1;
  transition: 0.5s;
}

.invana-page__quicksearch:focus:-ms-input-placeholder { color:transparent; }
.invana-page__quicksearch:focus::placeholder { color:transparent; }

.invana-page__quicksearch-reset-button {
  bottom: 15px;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 10px;
  font-size: 0.7em;
}

.invana-page__quicksearch-reset-button span {
  height: 2px;
  display: block;
  background-color: var( --invana--color--white );
  margin: 0 0 7px;
  transition: background-color 0s linear;
  width: 22px;
}

.invana-page__quicksearch-reset-button span:first-child {
  transform: translate(-2px, 7px) rotate(45deg);
}
.invana-page__quicksearch-reset-button span:nth-child(2) {
  transform: translate(-2px, -2px) rotate(-45deg);
}



.invana-page__filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0 0 var( --invana--spacing--unit-6x );
  text-align: center;
}



.invana-page__filter-button-wrap {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  line-height: 1.2;
  padding: var( --invana--spacing--unit-1x );
  text-align: left;
}

.invana-page__filter-button-wrap--all {
  padding-right: var( --invana--spacing--unit-3x );
}

.invana-page__filter-button {
  color: var( --invana--color--navy-2 );
  display: inline-block;
  font: var(--invana--font--heading-extra-small);
  margin: 0;
  text-decoration-color: transparent;
  text-decoration-line: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 0.08em;
  transition: all 0.2s ease-in-out;

}

.invana-page__filter-button-wrap--active .invana-page__filter-button,
.invana-page__filter-button-wrap:hover .invana-page__filter-button  {
  color: var( --invana--color--orange );
  text-decoration-color: var( --invana--color--orange );
}



/* ==========================================================================
   Standard Page Template
   ========================================================================== */
/**
 * Any screen size
 *
 */

.invana-standard-page__section-wrap {
  margin-top: var(--invana--spacing--unit-9x);
  margin-bottom: var(--invana--spacing--gap-2x);
}

.invana-standard-page__title-wrap {
  margin-top: var( --invana--spacing--unit-7x );
  margin-bottom: var( --invana--spacing--unit-7x );
}


.invana-standard-page__description-wrap {
  margin-top: var( --invana--spacing--unit-2x );
  margin-bottom: var( --invana--spacing--unit-7x );
}

.invana-standard-page__description {
  margin: 0 auto;
  max-width: 735px;
  text-align: center;
}

.invana-legal-page .invana-standard-page__description {
  text-align: left;
}


.invana-standard-page__description em {
  display: inline;
  font: var( --invana--font--body-regular-italic );
  letter-spacing: var( --invana--letter-spacing--body-regular-italic );
}

.invana-standard-page__form {
  margin: 0 auto;
  max-width: 735px;
  text-align: left;
}


/* ==========================================================================
   Home Page Template
   ========================================================================== */
/**
 * Any screen size
 *
 */

.site-inner--invana-home-page {
  min-height: 100vh;
}


.invana-home-page__section--analysen {
  min-height: calc(100vh - 88px);
}

.invana-home-page__content-wrap {
  
}

.invana-home-page__title-wrap--intro {
  margin-top: var( --invana--spacing--unit-8x );
  margin-bottom: 0;
}


.invana-home-page__description-wrap--intro {
  display: none;
  margin-top: var( --invana--spacing--unit-4x );
  margin-bottom: var( --invana--spacing--unit-4x );
  text-align: center;
}

.invana-home-page__description--intro {

  font: var( --invana--font--heading-extra-small );
  letter-spacing: var( --invana--letter-spacing--heading-extra-small );
}

.invana-home-page__items-wrap {
  background-color: #f6f6f6;
  border: 1px solid #f1f1f1;
  margin: 0 auto;
  max-width: calc(750px + var( --invana--spacing--gap-2x ));
  padding: var( --invana--spacing--gap-1x ) var( --invana--spacing--gap-1x ) var( --invana--spacing--unit-7x );
  width: 100%;
}

.invana-home-page__items {
  width: 100%;
}


.invana-home-page__item {
  display: flex;
  padding: 0 0 var( --invana--spacing--unit-1x ) 0;
}

.invana-home-page__item--link {
  text-decoration-line: none;
  transition: all 0.2s ease-in-out;
}

.invana-home-page__item-title {
  font: var( --invana--font--heading-extra-small );
  text-decoration-color: transparent;
  text-decoration-line: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 0.08em;
  transition: all 0.2s ease-in-out;
}

.invana-home-page__item--link:hover .invana-home-page__item-title {
  text-decoration-color: currentColor;

}


.invana-home-page__item-description {
  display: none;
}



.invana-home-page__no-results-wrap {
  display: none;
}

.invana-home-page__no-results {
  color: var( --invana--color--navy-2 );
  font-weight: 700;
  text-align: center;
}






/* ==========================================================================
   Analyse Item Page Template
   ========================================================================== */
/**
 * Any screen size
 *
 */


.invana-analyse-item-page__title-wrap {
  background-color: var( --invana--color--white );
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: var(--invana--spacing--unit-8x);
  position: sticky;
  top: 0;
  z-index: 9;
}

.invana-analyse-item-page__title-wrap.is-sticky {
  box-shadow: 0 3px 8px -8px rgba( 0,0,0,0.5);
}



.invana-analyse-item-page__title {
  font: var(--invana--font--heading-regular);
  margin: 0 auto;
  padding-top: var(--invana--spacing--unit-8x);
  width: calc(100% - 88px);
}

.invana-analyse-item-page__post-nav {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  text-decoration: none;
  top: 0;
  height: 100%;
  width: 44px;
}

.invana-analyse-item-page__post-nav--previous {
  left: 0;
}

.invana-analyse-item-page__post-nav--next {
  right: 0;
}


.invana-analyse-item-page__items-wrap {
  background-color: #f6f6f6;
  border: 1px solid #f1f1f1;
  margin: 0 auto;
  max-width: calc(750px + var( --invana--spacing--gap-2x ));
  padding: var( --invana--spacing--gap-1x ) var( --invana--spacing--gap-1x ) var( --invana--spacing--unit-7x );
  width: 100%;
}

.invana-analyse-item-page__item-wrap + .invana-analyse-item-page__item-wrap {
  border-top: 1px solid var( --invana--color--navy-1 );
  margin-top: var( --invana--spacing--unit-4x );
  padding-top: var( --invana--spacing--unit-4x );
}

.invana-analyse-item-page__item-title {
  font: var(--invana--font--heading-extra-small);
  margin-bottom: var( --invana--spacing--unit-1x );
}

.invana-analyse-item-page__item-description-element--gefaess {
  display: inline-block;
}

.invana-analyse-item-page__item-description-element--material {
  display: inline-block;
}





.invana-analyse-item-page__item--taxpunkte {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.invana-analyse-item-page__item-subtitles--taxpunkte {
  display: flex;
  width: 100%;
}


.invana-analyse-item-page__item-column--taxpunkte {
  padding-right: 16px;
  width: calc(100% / 2);
}



.invana-analyse-item-page__item-title--taxpunkte {
  width: 100%;
}

.invana-analyse-item-page__item-subtitle--taxpunkte {
  display: inline-block;
  font: var( --invana--font--body-regular );
  font-weight: 700;
  padding-right: 16px;
  width: 50%;
}


.invana-analyse-item-page__item-column-body {
  display: table;
}

.invana-analyse-item-page__item-elements--taxpunkte {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}



.invana-analyse-item-page__item-column-row {
  display: table-row;
  margin-bottom: 0;
}

.invana-analyse-item-page__item-element--taxpunkte {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}






.invana-analyse-item-page__item-subtitle--referenzbereich {
  display: table-cell;
  font: var( --invana--font--body-regular );
  font-weight: 700;
  padding-right: 16px;
}



.invana-analyse-item-page__item-element--taxpunkte span {
  display: flex;
  padding-right: 16px;
  width: 50%;
}

.invana-analyse-item-page__item-element--taxpunkte.invana-analyse-item-page__item-element--total-children_1 span {
  width: 100%;
}

.invana-analyse-item-page__item-element--taxpunkte.invana-analyse-item-page__item-element--total-children_2 span {
  width: 50%;
}

.invana-analyse-item-page__item-element--taxpunkte.invana-analyse-item-page__item-element--total-children_3 span {
  width: calc(100% / 3);
}



.invana-analyse-item-page__item-column-row--referenzbereich span {
  display: table-cell;
  padding-right: 16px;
  min-width: 150px;
}



.invana-analyse-item-page__item-column-row--referenzbereich span:last-child,
.invana-analyse-item-page__item-subtitle--referenzbereich:last-child {
  min-width: auto;
}

.invana-analyse-item-page__item-column-row--referenzbereich span:empty::before {content: '\00a0';
  visibility: hidden
}

.invana-analyse-item-page__item-column-row--probenstabilitaet span {
  display: table-cell;
  padding-right: 16px;
  min-width: 150px;
}

.invana-analyse-item-page__item-column-row--probenstabilitaet span:last-child {
  min-width: auto;
}


.invana-analyse-item-page__item-description--erbringer {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}

.invana-analyse-item-page__item-description--erbringer:last-child {
  margin-bottom: 0
}


.invana-analyse-item-page__item-description--erbringer span,
.invana-analyse-item-page__item-description--erbringer a:not( .invana-analyse-item-page__item-description-element--erbringer-telefonnummer ) {
  display: inline-block;
  width: 100%;
}

.invana-analyse-item-page__item-description--erbringer .invana-analyse-item-page__item-description-element--erbringer-name {
  color: var( --invana--color--navy-2);
  font-weight: 700;
}

.invana-analyse-item-page__item-description--erbringer .invana-analyse-item-page__item-description-element--erbringer-name-versandlabor {
  color: var( --invana--color--navy-2);
  font-weight: 600;
}

.invana-analyse-item-page__item-description--erbringer .invana-analyse-item-page__item-description-element--erbringer-toggle {
  color: var( --invana--color--navy-2);
  cursor: pointer;
  font-weight: 700;
  padding-bottom: var( --invana--spacing--unit-1x );
  text-decoration-color: currentColor;
  text-decoration-line: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 0.06em;
  transition: all 0.2s ease-in-out;
}

.invana-analyse-item-page__item-description--erbringer .invana-analyse-item-page__item-description-element--erbringer-toggle:not( .active ):hover {
  text-decoration-color: transparent;
  text-decoration-line: none;
}

.invana-analyse-item-page__item-description--erbringer .invana-analyse-item-page__item-description-element--erbringer-toggle-content {
  height: 0;
  opacity: 0;
  transition: all 0 ease-in-out;
  visibility: hidden;
}

.invana-analyse-item-page__item-description--erbringer .invana-analyse-item-page__item-description-element--erbringer-toggle.active + .invana-analyse-item-page__item-description-element--erbringer-toggle-content {
  height: auto;
  opacity: 1;
  visibility: visible;
}

.invana-analyse-item-page__item-description--erbringer .invana-analyse-item-page__item-description-element--erbringer-plz,
.invana-analyse-item-page__item-description--erbringer .invana-analyse-item-page__item-description-element--erbringer-ort,
.invana-analyse-item-page__item-description--erbringer .invana-analyse-item-page__item-description-element--erbringer-bewilligung {
  display: inline-block;
  padding-right: 0.3em;
  width: auto;
}

.invana-analyse-item-page__item-description-element--erbringer-telefonnummer {
  text-decoration-color: transparent;
  text-decoration-line: none;
}

.invana-analyse-item-page__item-images-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc( -1 * var( --invana--spacing--unit-2x )) calc( -1 * var( --invana--spacing--unit-2x ));
  width: calc( 100% + var( --invana--spacing--unit-4x ));
}

.invana-analyse-item-page__item-image-wrap {
  padding: var( --invana--spacing--unit-2x );
  width: calc( 100% / 3);
}

.invana-analyse-item-page__item-image-wrap img {
  max-width: none;
  width: 100%;
}

.invana-analyse-item-page__item-image-wrap figcaption {
  font-size: 0.8em;
  padding-top: 8px;
}


/* ==========================================================================
   Site Footer (shared inv theme )
   ========================================================================== */
/**
 * Any screen size
 *
 */
.site-footer .inv-site-footer-content-wrap{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.5;
}



@media ( min-width: 1025px ) {

/* ==========================================================================
   
   ========================================================================== */
/**
 * 1025 - infinity
 *
 */




}
/* end of 1025-infinity */



@media ( max-width: 1400px ) {

/* ==========================================================================
   
   ========================================================================== */
/**
 * 0 - 1400
 *
 */


}
/* end of 0-1400 */



@media ( max-width: 1226px ) {

/* ==========================================================================
   
   ========================================================================== */
/**
 * 0 - 1226
 *
 */




}
/* end of 0-12260 */



@media ( max-width: 1024px ) {

  /* ==========================================================================
   Body Overflow (Globals)
   ========================================================================== */
  /**
   * Any screen size
   *
   */


  body.overflow-hidden {
    overflow: hidden;
  }



  /* ==========================================================================
   Home Page Template
   ========================================================================== */
  /**
   * 0 - 1024
   *
   */





  /* ==========================================================================
     Analysen Item page
     ========================================================================== */
  /**
   * 0 - 1024
   *
   */

  .invana-analyse-item-page__title-wrap {
    padding-bottom: var(--invana--spacing--unit-6x);
  }

  .invana-analyse-item-page__title {
    padding-top: var(--invana--spacing--unit-6x);
  }

}
/* end of 0-1024 */



@media ( max-width: 900px ) {

/* ==========================================================================
   
   ========================================================================== */
/**
 * 0 - 900
 *
 */


}
/* end of 0-900 */


@media (max-width: 800px ) {



}
/* end of 0-800 */

@media ( max-width: 768px ) {


  /* ==========================================================================
     Footer Section
     ========================================================================== */
  /**
   * 0 - 768
   *
   */

 

  .invana-site-footer-content__nav-wrap {
    padding: 64px 0;
  }


  .invana-site-footer-content__nav-innner-wrap {
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
  }

  .invana-site-footer-content__copyright {
    font-size: 16px;
    order: 2;
  }

  .invana-site-footer-content__policies {
    order: 1;
    padding: var( --invana--spacing--unit-4x ) 0 0;
  }

  .invana-site-footer-content__legal a { 
    padding: var( --invana--spacing--unit-2x ) 0;
  }




  /* ==========================================================================
   Home Page Template
   ========================================================================== */
  /**
   * 0 - 768
   *
   */

  .site-inner--invana-home-page {
    padding: 0;
  }

  .invana-page__quicksearch-and-filter-wrap {
    padding: var(--invana--spacing--unit-6x) var(--invana--spacing--gap-1x) 0;
  }

  .invana-home-page__section-wrap--intro {
    padding: 0 var(--invana--spacing--gap-1x);
  }

  .invana-page__filter {
    justify-content: flex-start;
  }

  .invana-page__filter-button-wrap {
    padding: var(--invana--spacing--unit-2x);
  }

  .invana-home-page__item-wrap {
    width: 100%;
  }

  .invana-home-page__item {
    padding: 0 0 var( --invana--spacing--unit-3x ) 0;
  }

  /* ==========================================================================
   Contact Page Template
   ========================================================================== */
  /**
   * 0 - 768
   *
   */



  /* ==========================================================================
     Analyse Item Page Template
     ========================================================================== */
  /**
   * 0 - 768
   *
   */

  .invana-analyse-item-page__section {
    padding: 0;
  }

  .invana-analyse-item-page__item-image-wrap {
    width: calc( 100% / 2);
  }

  .invana-analyse-item-page__item-column-body {
    width: 100%;
  }


  .invana-analyse-item-page__item-column-row--referenzbereich span {
    min-width: auto;
    width: calc(100% / 3);
  }

  .invana-analyse-item-page__item-column-row--probenstabilitaet span {
    min-width: auto;
    width: calc(100% / 2);
  }




}
/* end of 0-768 */



@media ( max-width: 700px ) {

/* ==========================================================================
   
   ========================================================================== */
/**
 * 0 - 700
 *
 */


}
/* end of 0-700 */


@media ( max-width: 650px ) {

/* ==========================================================================
   
   ========================================================================== */
/**
 * 0 - 650
 *
 */


}
/* end of 0-650 */






@media ( max-width: 600px ) {



  /* ==========================================================================
     Home Page Template
     ========================================================================== */
  /**
   * 0 - 600
   *
   */

  .invana-page__quicksearch-and-filter-wrap {
    padding: var( --invana--spacing--unit-6x ) var(--invana--spacing--gap-1x) var( --invana--spacing--unit-4x );

  }


  .invana-page__filter {
    display: none;
  }




}
/* end of 0-600 */



@media ( max-width: 500px ) {


  /* ==========================================================================
     Footer Section
     ========================================================================== */
  /**
   * 0 - 500
   *
   */



  .back-to-top-button-wrap {
    height: 45px;
    right: 0;
    width: 45px;
  }

  .back-to-top-button {
    height: 25px;
    width: 25px;
  }




  /* ==========================================================================
   Home Page Template
   ========================================================================== */
  /**
   * 0 - 500
   *
   */




  /* ==========================================================================
   Analyse Item Page Template
   ========================================================================== */
  /**
   * 0 - 768
   *
   */

    .invana-analyse-item-page__item-image-wrap {
      width: calc( 100% );
    }

}
/* end of 0-500 */



@media ( max-width: 400px ) {

/* ==========================================================================
   
   ========================================================================== */
/**
 * 0 - 400
 *
 */


}
/* end of 0-400 */