/*
Theme Name:     Vaxchat - Aunty Betty
Version:        1.0
*/
/* Example :  @include range( min-width : 40px, max-width : 1000px, properties : ( 'line-height': (10px, 40px), 'font-size'  : (80px, 318px), ),  );	 */
/* Example :  @include range( min-width : 40px, max-width : 1000px, properties : ( 'line-height': (10px, 40px), 'font-size'  : (80px, 318px), ),  );	 */
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap");
* { box-sizing: border-box; }

.clearfix:after { content: ""; clear: both; display: table; }

[hidden] { display: none !important; }

[hidden="opacity"], [hidden="visibility"] { display: revert !important; opacity: 0 !important; pointer-events: none !important; }

[hidden="size"] { display: revert !important; height: 0 !important; width: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; }

.divider { background: black; height: 1px; margin: 1.5em 0; overflow: hidden; }

.pull-left { float: left; }

.pull-right { float: right; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-overflow { display: inline-block; text-overflow: ellipsis; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; max-width: 100%; }

.text-hyphens { word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

.text-upper { text-transform: uppercase; }

.text-lower { text-transform: lowercase; }

.text-middle { display: flex; flex-direction: column; justify-content: center; }

.text-bottom { display: flex; flex-direction: column; justify-content: flex-end; }

.text-nowrap { white-space: nowrap; }

.img-left { float: left; margin: 0 1.4736842105rem 1.4736842105rem 0; }

.img-right { float: right; margin: 0 0 1.4736842105rem 1.4736842105rem; }

.childs-left { display: flex; justify-content: flex-start; }

.childs-center { display: flex; justify-content: center; }

.childs-right { display: flex; justify-content: flex-end; }

.childs-spaced { display: flex; justify-content: space-between; }

.no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ }

.no-drag { -webkit-user-drag: none; }

.no-scrollbar { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; }

.no-scrollbar::-webkit-scrollbar { display: none; /* Safari and Chrome */ }

.no-animation, .no-animation * { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }

.no-touch { pointer-events: none; }

.no-touch .has-touch { pointer-events: all; }

.debug--notification { position: fixed; top: auto; right: auto; bottom: 1em; left: 1em; background-color: red; color: white; font-family: 'Courier New', Courier, monospace; font-size: 16px; line-height: 1; padding: .5em 1em; text-transform: uppercase; border-radius: 5px; z-index: 9999999999; pointer-events: none; }

html { margin: 0px; padding: 0px; font-size: 19px; line-height: 1.4736842105; font-weight: 400; position: relative; overflow-anchor: none; --inner-width: 100vw; --screen-width: 100vw; --screen-height: 100vh; --screen-padding: var(--screen-scrollbar, 0); --overlay-width: calc(100vw - var(--screen-scrollbar, 0px)); --viewport-width: 100vw; --viewport-height: 100vh; --viewport-offset-x: 0; --viewport-offset-y: 0; --column-count: 12; --column-gap: 20px; --column-padding: 50px; --column-width: var(--inner-width, 100vw); --column-max-width: 100vw; --breakpoint-phone: 810px; --breakpoint-tablet: 900px; --breakpoint-laptop: 1024px; --breakpoint-desktop: 1440px; }

html.has-scroll { padding-right: var(--screen-scrollbar, 0); }

@media screen and (max-width: 810px) { html { --column-count: 6; --column-padding: 20px; } }

@media screen and (max-width: 810px) { html { --breakpoint: phone; }
  html:before { display: none; content: "phone"; } }

@media screen and (min-width: 811px) and (max-width: 900px) { html { --breakpoint: tablet; }
  html:before { display: none; content: "tablet"; } }

@media screen and (min-width: 901px) and (max-width: 1024px) { html { --breakpoint: laptop; }
  html:before { display: none; content: "laptop"; } }

@media screen and (min-width: 1025px) { html { --breakpoint: desktop; }
  html:before { display: none; content: "desktop"; } }

body { margin: 0px; padding: 0px; background: white; color: black; font-family: "Libre Baskerville", serif; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

* { box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { margin-top: 0.25em; margin-right: 0; margin-bottom: 0.25em; margin-left: 0; padding: 0px; color: inherit; }

h1 { font-size: 2.1052631579rem; }

h2 { font-size: 1.2631578947rem; }

h3 { font-size: 1.0526315789rem; }

h4 { font-size: 0.9473684211rem; }

h5 { font-size: 0.7368421053rem; }

h6 { font-size: 0.6315789474rem; }

p { margin-top: 1.4736842105em; margin-right: 0; margin-bottom: 1.4736842105em; margin-left: 0; padding: 0px; }

small { font-size: 0.8em; }

strong, b { font-weight: 900; }

em, i { font-style: italic; }

a { color: inherit; }

@media (hover: hover) { a:hover { text-decoration: none; } }

:where(a):focus { outline: none; }

:where(a):focus-visible { outline: 2px auto; outline: var(--focus-outline, 2px auto); outline-color: #5E9ED6; outline-color: var(--focus-color, #5E9ED6); outline-offset: 3px; outline-offset: var(--focus-offset, 3px); }

ul, ol { margin-top: 1.4736842105rem; margin-right: 0; margin-bottom: 1.2em; margin-left: 1.4736842105rem; padding: 0px; list-style-position: outside; }

ul ul, ul ol, ol ul, ol ol { margin-top: 0; margin-bottom: 0; }

ul.is-clear, ol.is-clear { margin: 0px; padding: 0px; list-style: none; }

ul.is-inline, ol.is-inline { margin: 0px; padding: 0px; list-style: none; }

ul.is-inline > li, ol.is-inline > li { display: inline-block; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

ul.is-inline, ol.is-inline { margin: 0px; padding: 0px; list-style: none; }

ul.is-inline > li, ol.is-inline > li { display: inline-block; }

ul.is-clean, ol.is-clean { margin: 0px; padding: 0px; list-style: none; }

img { border: 0; height: auto; vertical-align: top; max-width: 100%; }

:where(figure) { margin: 0; }

svg, canvas, iframe { vertical-align: top; }

table { font-family: "Libre Baskerville", serif; color: inherit; border-collapse: collapse; margin: 1.4736842105rem 0; width: 100%; }

th, td { border: 1px solid black; padding: 0.5em; }

:where(fieldset) { margin-top: 1.4736842105rem; margin-right: 0; margin-bottom: 1.4736842105rem; margin-left: 0; padding: 0px; border: none; padding: 0; min-width: 0; }

:where(fieldset) input:not([type]), :where(fieldset) input[type="date"], :where(fieldset) input[type="datetime-local"], :where(fieldset) input[type="email"], :where(fieldset) input[type="password"], :where(fieldset) input[type="number"], :where(fieldset) input[type="search"], :where(fieldset) input[type="tel"], :where(fieldset) input[type="text"], :where(fieldset) input[type="time"], :where(fieldset) input[type="url"], :where(fieldset) textarea, :where(fieldset) [contenteditable="true"], :where(fieldset) select { width: 100%; }

legend { margin: 0px; padding: 0px; display: block; font: inherit; }

label { display: block; font: inherit; }

button { cursor: pointer; color: inherit; }

:where([contenteditable]) { min-height: calc(var(--rows) * 1.4736842105rem); }

button[unstyled] { appearance: none; -webkit-appearance: none; }

:where(button[unstyled]) { border: none; background: none; padding: 0; margin: 0; text-align: inherit; }

:where(button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])):focus { outline: none; }

:where(button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible { outline: 2px auto; outline: var(--focus-outline, 2px auto); outline-color: #5E9ED6; outline-color: var(--focus-color, #5E9ED6); outline-offset: 3px; outline-offset: var(--focus-offset, 3px); }

button, input, optgroup, select, textarea, [contenteditable="true"] { font-family: "Libre Baskerville", serif; font-size: inherit; line-height: inherit; letter-spacing: inherit; }

input:not([type]), input[type="date"], input[type="datetime-local"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], textarea, [contenteditable="true"] { --focus-offset: -1px; border: 1px solid currentColor; display: inline-block; padding: 0.5em; border-radius: 0; width: 100%; -webkit-appearance: none; }

input.placeholder, textarea.placeholder { font: inherit; color: rgba(0, 0, 0, 0.4); }

input::-moz-placeholder, textarea::-moz-placeholder { font: inherit; color: rgba(0, 0, 0, 0.4); }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font: inherit; color: rgba(0, 0, 0, 0.4); }

[placeholder]:empty:not(:focus):before { content: attr(placeholder); pointer-events: none; color: rgba(0, 0, 0, 0.4); }

::-moz-selection, ::selection { background: #b3d4fc; text-shadow: none; }

@media screen { .is-print, [print] { display: none !important; } }

@media print { .is-screen, [screen] { display: none !important; }
  * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links for images, or javascript/internal links */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }

/* Example :  @include range( min-width : 40px, max-width : 1000px, properties : ( 'line-height': (10px, 40px), 'font-size'  : (80px, 318px), ),  );	 */
[icon]:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; font-weight: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[icon] { width: auto; height: auto; }

@font-face { font-family: "FontAwesome"; src: url("/theme/assets/fonts/fa6/fa-regular-400.woff2") format("woff2"), url("/theme/assets/fonts/fa6/fa-regular-400.woff") format("woff"), url("/theme/assets/fonts/fa6/fa-regular-400.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: "FontAwesome"; src: url("/theme/assets/fonts/fa6/fa-solid-900.woff2") format("woff2"), url("/theme/assets/fonts/fa6/fa-solid-900.woff") format("woff"), url("/theme/assets/fonts/fa6/fa-solid-900.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }

@font-face { font-family: "FontAwesomeBrands"; src: url("/theme/assets/fonts/fa6/fa-brands-400.woff2") format("woff2"), url("/theme/assets/fonts/fa6/fa-brands-400.woff") format("woff"), url("/theme/assets/fonts/fa6/fa-brands-400.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }

[icon="facebook-f"]:before, [icon*=" facebook-f"]:before, [icon^="facebook-f "]:before { font-family: FontAwesomeBrands; content: "\f39e"; }

[icon="twitter"]:before, [icon*=" twitter"]:before, [icon^="twitter "]:before { font-family: FontAwesomeBrands; content: "\f099"; }

[icon="comment-medical"]:before, [icon*=" comment-medical"]:before, [icon^="comment-medical "]:before { font-weight: bold; content: "\f7f5"; }

[icon="italic"]:before, [icon*=" italic"]:before, [icon^="italic "]:before { font-weight: bold; content: "\f033"; }

[icon="bold"]:before, [icon*=" bold"]:before, [icon^="bold "]:before { font-weight: bold; content: "\f032"; }

[icon="underline"]:before, [icon*=" underline"]:before, [icon^="underline "]:before { font-weight: bold; content: "\f0cd"; }

[icon="list-ul"]:before, [icon*=" list-ul"]:before, [icon^="list-ul "]:before { font-weight: bold; content: "\f0ca"; }

[icon="list-ol"]:before, [icon*=" list-ol"]:before, [icon^="list-ol "]:before { font-weight: bold; content: "\f0cb"; }

[icon="link"]:before, [icon*=" link"]:before, [icon^="link "]:before { font-weight: bold; content: "\f0c1"; }

[icon="unlink"]:before, [icon*=" unlink"]:before, [icon^="unlink "]:before { font-weight: bold; content: "\f127"; }

[icon="remove-format"]:before, [icon*=" remove-format"]:before, [icon^="remove-format "]:before { font-weight: bold; content: "\f87d"; }

a, .popup--close { border: none; color: currentColor; background-color: transparent; padding: 0; text-decoration: underline; }

@media (hover: hover) { a:hover, .popup--close:hover { text-decoration: none; } }

form input:not([type]), form input[type="date"], form input[type="datetime-local"], form input[type="email"], form input[type="password"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="text"], form input[type="time"], form input[type="url"], form textarea, form [contenteditable="true"], .chat--input input { font-weight: 900; background-color: #F8E2B0; padding: 0.75em 1.1em 0.65em; border-radius: 1rem; border: none; margin-bottom: .5em; }

form input.placeholder:not([type]), form input.placeholder[type="date"], form input.placeholder[type="datetime-local"], form input.placeholder[type="email"], form input.placeholder[type="password"], form input.placeholder[type="number"], form input.placeholder[type="search"], form input.placeholder[type="tel"], form input.placeholder[type="text"], form input.placeholder[type="time"], form input.placeholder[type="url"], form textarea.placeholder, form .placeholder[contenteditable="true"], .chat--input input.placeholder { color: black; opacity: 0.3; }

form input:not([type])::-moz-placeholder, form input[type="date"]::-moz-placeholder, form input[type="datetime-local"]::-moz-placeholder, form input[type="email"]::-moz-placeholder, form input[type="password"]::-moz-placeholder, form input[type="number"]::-moz-placeholder, form input[type="search"]::-moz-placeholder, form input[type="tel"]::-moz-placeholder, form input[type="text"]::-moz-placeholder, form input[type="time"]::-moz-placeholder, form input[type="url"]::-moz-placeholder, form textarea::-moz-placeholder, form [contenteditable="true"]::-moz-placeholder, .chat--input input::-moz-placeholder { color: black; opacity: 0.3; }

form input:not([type])::-webkit-input-placeholder, form input[type="date"]::-webkit-input-placeholder, form input[type="datetime-local"]::-webkit-input-placeholder, form input[type="email"]::-webkit-input-placeholder, form input[type="password"]::-webkit-input-placeholder, form input[type="number"]::-webkit-input-placeholder, form input[type="search"]::-webkit-input-placeholder, form input[type="tel"]::-webkit-input-placeholder, form input[type="text"]::-webkit-input-placeholder, form input[type="time"]::-webkit-input-placeholder, form input[type="url"]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form [contenteditable="true"]::-webkit-input-placeholder, .chat--input input::-webkit-input-placeholder { color: black; opacity: 0.3; }

@media screen and (max-width: 810px) { form input:not([type]), form input[type="date"], form input[type="datetime-local"], form input[type="email"], form input[type="password"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="text"], form input[type="time"], form input[type="url"], form textarea, form [contenteditable="true"], .chat--input input { border-radius: .5rem; } }

.button, form button, form input[type="submit"], .chat--input button, .chat #featured-questions { border-radius: 1rem; display: inline-block; cursor: pointer; text-decoration: none !important; text-align: center; line-height: 1; padding: 0.85em 0.9em; margin-bottom: 1.4736842105rem; appearance: none; -webkit-appearance: none; background: #F1C561; background: var(--button-background, #F1C561); color: black; color: var(--button-color, black); border: none; font-weight: 900; font-size: 1.1052631579rem; letter-spacing: 0.1052631579rem; text-transform: uppercase; }

.button a, form button a, form input[type="submit"] a, .chat--input button a, .chat #featured-questions a { font: inherit; color: inherit; display: inline; text-decoration: inherit !important; }

@media (hover: hover) { .button:hover, form button:hover, form input:hover[type="submit"], .chat--input button:hover, .chat #featured-questions:hover { background: rgba(241, 197, 97, 0.7); background: var(--button-background-hover, rgba(241, 197, 97, 0.7)); } }

@media screen and (max-width: 810px) { .button, form button, form input[type="submit"], .chat--input button, .chat #featured-questions { font-size: 0.6842105263rem; } }

@media screen and (max-width: 810px) { .button, form button, form input[type="submit"], .chat--input button, .chat #featured-questions { border-radius: 0.5rem; } }

.button.is-big, form button.is-big, form input.is-big[type="submit"], .chat--input button.is-big, .chat .is-big#featured-questions { font-size: 2.3684210526rem; letter-spacing: 0.2421052632rem; padding: .6em .6em .5em; }

@media screen and (max-width: 810px) { .button.is-big, form button.is-big, form input.is-big[type="submit"], .chat--input button.is-big, .chat .is-big#featured-questions { font-size: 1.5789473684rem; } }

@media screen and (max-width: 810px) { .button.is-big, form button.is-big, form input.is-big[type="submit"], .chat--input button.is-big, .chat .is-big#featured-questions { letter-spacing: 0.1631578947rem; } }

.button.is-medium, form button.is-medium, form input.is-medium[type="submit"], .chat--input button.is-medium, .chat .is-medium#featured-questions { font-size: 1.5789473684rem; letter-spacing: 0.1631578947rem; padding: .6em .7em .5em; }

@media screen and (max-width: 810px) { .button.is-medium, form button.is-medium, form input.is-medium[type="submit"], .chat--input button.is-medium, .chat .is-medium#featured-questions { font-size: 1.1052631579rem; } }

@media screen and (max-width: 810px) { .button.is-medium, form button.is-medium, form input.is-medium[type="submit"], .chat--input button.is-medium, .chat .is-medium#featured-questions { letter-spacing: 0.1052631579rem; } }

.button.is-white, form button.is-white, form input.is-white[type="submit"], .chat--input button.is-white, .chat .is-white#featured-questions { --button-background: white; --button-background-hover: rgba(255, 255, 255, 0.7); }

.button.is-blue, form button.is-blue, form input.is-blue[type="submit"], .chat--input button.is-blue, .chat .is-blue#featured-questions { --button-background: #AEBFC6; --button-background-hover: rgba(174, 191, 198, 0.7); }

.media--audio { margin: .75em 0; }

.media--audio:last-child { margin-bottom: 0; }

.media--video, .media--image { margin: .25em 0 0; display: inline-block; width: 100%; }

.media--video img, .media--video video, .media--image img, .media--image video { max-width: 100%; }

.media--caption { opacity: 0.5; display: block; }

html { padding-right: 0 !important; overflow: hidden; }

body { font-size: 1rem; font-weight: 900; }

@media screen and (max-width: 810px) { body { font-size: 0.7368421053rem; } }

p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, ul:first-child, ol:first-child { margin-top: 0; }

p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, ul:last-child, ol:last-child { margin-bottom: 0; }

h1 { font-size: 2rem; line-height: 1.1842105263; margin-bottom: 1em; }

h2 { font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; letter-spacing: 0.0684210526rem; text-transform: uppercase; }

@media screen and (max-width: 810px) { h2 { font-size: 0.5263157895rem; line-height: 1.4; } }

@media screen and (max-width: 810px) { h2 { letter-spacing: 0.0526315789rem; } }

h3 { font-size: 2rem; line-height: 1.1842105263; }

h4 { font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; }

@media screen and (max-width: 810px) { h4 { font-size: 0.5263157895rem; line-height: 1.4; } }

small { font-size: 0.5263157895rem; line-height: 1.9; font-weight: 900; }

@media screen and (max-width: 810px) { small { font-size: 0.4736842105rem; } }

code { /* font-family: inherit; text-align: center; background-color:$color-teal; color:$color-white; padding:0.35em 1em 0.5em; border-radius:15px; display:block; cursor: pointer; overflow:hidden; position:relative; @include hover{ opacity: 0.7; } &.is-copied:after{ @include cover; color:$color-white; background-color:$color-teal; text-align:center; display:flex; align-items:center; justify-content:center; content:'Copied'; } @include is-phone{ border-radius:10px; } */ }

form [contenteditable] { font-weight: normal !important; }

form .errors { margin: 0px; padding: 0px; list-style: none; opacity: 0.7; text-align: center; margin-bottom: 1em; }

form.is-loading footer { pointer-events: none; opacity: 0.5; }

form.is-completed { text-align: center; }

form .label-saved { font-style: italic; font-weight: 900; display: inline-block; margin-left: 1em; color: green; }

form:not(.is-saved) .label-saved { display: none; }

.site { position: relative; }

@media screen and (min-width: 811px) { .site { display: flex; height: 100vh; height: var(--screen-height, 100vh); }
  .site > * { flex: 0 0 auto; width: calc((100% + var(--column-gap, 20px)) * (var(--column-ratio) / 1) - var(--column-gap, 20px) + 0px); }
  .site > * { width: calc((100% + 0px) * var(--column-ratio, 0.5) - 0px + 0px); } }

.site-about { background-color: #D7D7D8; }

.site-content { background-color: #F5F3E6; display: flex; flex-direction: column; min-height: 100%; }

.site-header { flex: 0 0 auto; }

.site-main { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; flex: 1 1 auto; padding: 2.5em 1.5em 2.5em 2.5em; }

.site-footer { flex: 0 0 auto; }

@media screen and (max-width: 810px) { .site-content { height: 100vh; height: var(--screen-height, 100vh); }
  .site-main { padding: 6.4em 0.8em 2.5em 0.8em; padding-top: 2.5em; }
  .site-about { display: none; } }

.page--descrition { margin-bottom: 2em; }

.site-header { display: flex; justify-content: space-between; align-items: flex-start; padding: 0.85em 1.4em 0.75em 2.5em; border-bottom: 1px solid white; }

.site-header--heading { display: flex; align-items: center; }

.site-header--heading span { font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; letter-spacing: 0.0684210526rem; text-transform: uppercase; margin-top: 0.3em; margin-left: 1.8em; }

@media screen and (max-width: 810px) { .site-header--heading span { font-size: 0.5263157895rem; line-height: 1.4; } }

@media screen and (max-width: 810px) { .site-header--heading span { letter-spacing: 0.0526315789rem; } }

.site-header--cta .button, .site-header--cta form button, form .site-header--cta button, .site-header--cta form input[type="submit"], form .site-header--cta input[type="submit"], .site-header--cta .chat--input button, .chat--input .site-header--cta button, .site-header--cta .chat #featured-questions, .chat .site-header--cta #featured-questions { margin-left: -0.5em; margin-bottom: 0; }

.site-header--trigger { --gap: 2.1em; display: flex; flex-wrap: wrap; margin-left: -2.1em; font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; letter-spacing: 0.0684210526rem; text-transform: uppercase; padding-left: 2em; padding-top: 1.1em; padding-bottom: 1.1em; margin-left: auto; }

.site-header--trigger > * { margin-left: 2.1em; }

@media screen and (max-width: 810px) { .site-header--trigger { font-size: 0.5263157895rem; line-height: 1.4; } }

@media screen and (max-width: 810px) { .site-header--trigger { letter-spacing: 0.0526315789rem; } }

@media not screen and (max-width: 810px) { .site-header--about { display: none; } }

@media screen and (max-width: 810px) { .site-header { padding: 0.55em 1.1em 0.55em 0.8em; }
  .site-header--heading .image { width: 45px; }
  .site-header--heading span { margin-left: 1.1em; }
  .site-header--cta .button, .site-header--cta form button, form .site-header--cta button, .site-header--cta form input[type="submit"], form .site-header--cta input[type="submit"], .site-header--cta .chat--input button, .chat--input .site-header--cta button, .site-header--cta .chat #featured-questions, .chat .site-header--cta #featured-questions { margin-left: 0; }
  .site-header--trigger { --gap: 1.5em; display: flex; flex-wrap: wrap; margin-left: -1.5em; padding-top: 1.6em; }
  .site-header--trigger > * { margin-left: 1.5em; } }

.site-menu { justify-content: flex-start; }

.site-menu--background { background-color: rgba(255, 255, 255, 0); }

.site-menu--content { height: auto; }

.site-menu--outside { height: calc(100% - 100px); height: calc(100% - var(--footer-height, 100px)); }

@media not screen and (max-width: 810px) { .site-menu--outside { margin-left: auto; width: 50%; } }

@media screen and (max-width: 810px) { .site-menu--outside { width: 100%; } }

.site-menu--outside { background-color: #F1C561; }

.site-menu--close-top { display: none; }

.site-menu--heading { font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; letter-spacing: 0.0684210526rem; text-transform: uppercase; display: flex; padding: 1.3em 2.2em 1em 2.6em; overflow: hidden; }

@media screen and (max-width: 810px) { .site-menu--heading { font-size: 0.5263157895rem; line-height: 1.4; } }

@media screen and (max-width: 810px) { .site-menu--heading { letter-spacing: 0.0526315789rem; } }

.site-menu--heading .button, .site-menu--heading form button, form .site-menu--heading button, .site-menu--heading form input[type="submit"], form .site-menu--heading input[type="submit"], .site-menu--heading .chat--input button, .chat--input .site-menu--heading button, .site-menu--heading .chat #featured-questions, .chat .site-menu--heading #featured-questions { margin-bottom: 0; }

.site-menu--heading-right { --gap: 2.1em; display: flex; flex-wrap: wrap; margin-left: -2.1em; padding-top: 1.1em; padding-left: 2em; margin-left: auto; }

.site-menu--heading-right > * { margin-left: 2.1em; }

.site-menu--heading-right ul { margin: 0px; padding: 0px; list-style: none; }

.site-menu--main { padding: 1.3em 2.5em; }

.site-menu--main nav { font-size: 1.5789473684rem; font-weight: 900; display: flex; flex-direction: column; margin-bottom: .2em; }

@media screen and (max-width: 810px) { .site-menu--main nav { font-size: 1.1052631579rem; } }

.site-menu--main nav a { margin-bottom: .55em; }

.site-menu--copyright { display: block; }

@media screen and (max-width: 810px) { .site-menu--heading { padding: 0.25em 1.5em 0.45em 1em; }
  .site-menu--heading-left { padding-top: 0.2em; }
  .site-menu--heading-right { --gap: 1.6em; display: flex; flex-wrap: wrap; margin-left: -1.6em; padding-top: 2.1em; margin-left: auto; }
  .site-menu--heading-right > * { margin-left: 1.6em; }
  .site-menu--main { padding-top: 0; } }

.site-footer { font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; letter-spacing: 0.0684210526rem; text-transform: uppercase; color: #a6a6a6; background: black; padding: 1em 2.2em 1em 3.9em; }

@media screen and (max-width: 810px) { .site-footer { font-size: 0.5263157895rem; line-height: 1.4; } }

@media screen and (max-width: 810px) { .site-footer { letter-spacing: 0.0526315789rem; } }

.site-footer--inside { display: flex; align-items: flex-end; justify-content: space-between; }

.site-footer--left { flex: 1 1 auto; padding-right: 1.5em; }

.site-footer--right { --gap: 2.1em; display: flex; flex-wrap: wrap; margin-left: -2.1em; text-align: right; justify-content: flex-end; flex: 1 0 auto; }

.site-footer--right > * { margin-left: 2.1em; }

.site-footer a { color: #F1C561; }

@media screen and (max-width: 810px) { .site-footer { padding: 0.9em; }
  .site-footer--left { max-width: 50%; } }

.site-cookiebar { position: absolute; top: auto; right: 0px; bottom: 0px; left: 0px; z-index: 120; }

.site-cookiebar--close { display: none; }

.site-cookiebar--inside { text-align: center; background-color: #839CA7; padding: 1em 2.5em 0.7em; }

.site-cookiebar--actions button { margin: 0 0em 0.5em; }

.site-cookiebar--main { font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; }

@media screen and (max-width: 810px) { .site-cookiebar--main { font-size: 0.5263157895rem; line-height: 1.4; } }

@media not screen and (max-width: 810px) { .site-cookiebar { width: 50%; } }

@media screen and (max-width: 810px) { .site-cookiebar { bottom: 100px; bottom: var(--footer-height, 100px); } }

.accordion--item { margin-bottom: 0.7em; }

.accordion--trigger { font-size: 1rem; font-weight: 900; display: block; border-top: 1px solid black; padding: 0.5em 2em .5em 0; position: relative; width: 100%; }

@media screen and (max-width: 810px) { .accordion--trigger { font-size: 0.7368421053rem; } }

@media screen and (max-width: 810px) { .accordion--trigger { font-size: 1.0526315789rem; line-height: 1.4; } }

.accordion--trigger small { letter-spacing: 0.0105263158rem; padding-top: 0.2em; text-transform: uppercase; display: block; }

.accordion--trigger::after { position: absolute; top: 0.85em; right: 0px; bottom: auto; left: auto; content: url(/theme/assets/images/plus.svg?v=1); }

.accordion--trigger.is-open::after { content: url(/theme/assets/images/minus.svg?v=1); }

@media screen and (max-width: 810px) { .accordion--trigger { padding-top: 0.3em; }
  .accordion--trigger::after { top: 0.7em; } }

.accordion--target { font-weight: 900; margin-top: 1.1em; }

@media not screen and (max-width: 810px) { .accordion--columns { display: flex; }
  .accordion--columns > * { flex: 0 0 auto; width: calc((100% + var(--column-gap, 20px)) * (var(--column-ratio) / 1) - var(--column-gap, 20px) + 0px); }
  .accordion--columns > *:not(:first-child) { margin-left: calc(((1 * 20px))); margin-left: calc(((1 * var(--column-gap, 20px)))); }
  .accordion--columns > *:nth-child(2n - 1) { width: calc((100% + 20px) * 0.6666666667 - 20px + 0px); width: calc((100% + var(--column-gap, 20px)) * var(--column-ratio, 0.6666666667) - var(--column-gap, 20px) + 0px); }
  .accordion--columns > *:nth-child(2n) { width: calc((100% + 20px) * 0.3333333333 - 20px + 0px); width: calc((100% + var(--column-gap, 20px)) * var(--column-ratio, 0.3333333333) - var(--column-gap, 20px) + 0px); } }

@media screen and (max-width: 810px) { .accordion--columns { display: flex; flex-direction: column; }
  .accordion--columns > *:last-child { padding: 1em 0 2.5em; text-align: center; }
  .accordion--columns > *:last-child .image { max-width: 215px; }
  .accordion--columns > *:first-child { order: 2; } }

.popup { justify-content: flex-start; }

.popup--background { background-color: rgba(255, 255, 255, 0); }

.popup--content { height: auto; }

.popup--outside { height: calc(100% - 100px); height: calc(100% - var(--footer-height, 100px)); }

@media not screen and (max-width: 810px) { .popup--outside { margin-left: auto; width: 50%; } }

@media screen and (max-width: 810px) { .popup--outside { width: 100%; } }

.popup--close { position: absolute; top: 2.6em; right: 2.1em; bottom: auto; left: auto; font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; letter-spacing: 0.0684210526rem; text-transform: uppercase; padding: 0; z-index: 99; }

@media screen and (max-width: 810px) { .popup--close { font-size: 0.5263157895rem; line-height: 1.4; } }

@media screen and (max-width: 810px) { .popup--close { letter-spacing: 0.0526315789rem; } }

.popup--heading { font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; letter-spacing: 0.0684210526rem; text-transform: uppercase; text-align: center; padding: 0 4.5em; }

@media screen and (max-width: 810px) { .popup--heading { font-size: 0.5263157895rem; line-height: 1.4; } }

@media screen and (max-width: 810px) { .popup--heading { letter-spacing: 0.0526315789rem; } }

.popup--content { height: 100%; }

.popup--inside { max-height: 100%; padding: 1.6em; }

.popup--main { font-weight: 900; padding-top: 3.1em; }

@media screen and (max-width: 810px) { .popup--close { top: 2.3em; right: 1.4em; }
  .popup--inside { padding-top: 1.9em; }
  .popup--heading { padding: 0 5em; } }

.popup.is-questions { text-align: center; }

.popup.is-questions .popup--list { display: flex; flex-direction: column; align-items: center; margin-bottom: 2.9em; }

.popup.is-questions .popup--list a { margin-bottom: 1.5em; }

.popup.is-questions .popup--list .is-asked { opacity: 0.4; }

.chat { outline-offset: -1px; display: flex; flex-direction: column; height: 100%; }

.chat--messages { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; outline-offset: -1px; flex: 1 1 auto; padding: 1.3em 2.5em; }

.chat--messages::-webkit-scrollbar { display: none; /* Safari and Chrome */ }

@media screen and (max-width: 810px) { .chat--messages { padding: .9em; } }

.chat--item { margin: 0 auto 0.8em; width: 100%; max-width: 87%; display: flex; }

.chat--message { display: flex; flex-direction: column; flex: 1 1 auto; max-width: 100%; }

.chat--text { font-weight: 900; display: inline-block; max-width: 100%; border-radius: 1em; padding: 0.7em 0.9em 0.8em; }

.chat--item.is-loading .chat--text { letter-spacing: 0.2em; opacity: 0.5; width: 3.2em; }

.chat--item.is-loading .chat--text::after { content: "" "..."; animation-name: loading-text_8313; animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 1.2s; animation-duration: var(--loading-duration, 1.2s); }

@keyframes loading-text_8313 { 0%, 24% { content: "" ""; }
  25%, 49% { content: "" "."; }
  50%, 74% { content: "" ".."; }
  75%, 100% { content: "" "..."; } }

.chat--feedbacks { padding-top: 0.4em; width: 100%; }

.chat--thumbs { opacity: 0; display: flex; flex-direction: column; align-items: flex-end; padding: 0 0 0.2em 0; }

.chat--thumbs-label { font-size: 0.7894736842rem; line-height: 1.2666666667; font-weight: 900; padding-bottom: 0.4em; }

@media screen and (max-width: 810px) { .chat--thumbs-label { font-size: 0.6315789474rem; } }

.chat--thumbs-options { display: flex; }

.chat--thumbs-options .image { margin-left: 9px; width: 29px; }

.chat--item:not([thumb]) .chat--thumbs-options > * { cursor: pointer; }

@media (hover: hover) { .chat--item:not([thumb]) .chat--thumbs-options > *:hover { opacity: 0.5; } }

.chat--item:not([feedback="thumbs"]):not([thumb]) .chat--thumbs { display: none; }

.chat--item[animate-thumbs="none"] { opacity: 1; }

.chat--item[animate-thumbs="show"] .chat--thumbs { animation: thumbs-show 0.4s ease-out 0.6s forwards; }

.chat--item[animate-thumbs="highlight"] .chat--thumbs { opacity: 1; animation: thumbs-highlight 0.4s ease-out; }

.chat--item[thumb] .chat--thumbs-label, .chat--item[thumb="+1"] .chat--thumbs .down, .chat--item[thumb="-1"] .chat--thumbs .up { display: none; }

@media screen and (max-width: 810px) { .chat--thumbs-options .image { width: 20px; } }

.chat--answers { margin-top: 0.5em; display: flex; flex-direction: column; }

.chat--answers a { margin: 0.25em 0 .5em; }

.chat--text.has-answer .chat--answers a:not(.is-selected) { display: none; }

.chat--text.has-answer .chat--answers a.is-selected { text-decoration: none; pointer-events: none; opacity: 0.5; }

.chat--alternate { width: 100%; font-size: 0.9em; margin-top: .5em; }

.chat--alternate-label { margin-bottom: 0.75em; }

.chat--alternate-label-no { margin-bottom: 0.75em; }

.chat--alternate-options { display: flex; flex-direction: column; }

.chat--alternate-options a { margin: 0.25em 0; }

.chat--item:not([feedback="alternate"]) .chat--alternate { display: none; }

.chat--item[thumb="none"] .chat--alternate-label, .chat--item:not([thumb="none"]) .chat--alternate-label-no { display: none; }

.chat--item.is-bot { margin-left: 0; }

.chat--item.is-bot .chat--message { align-items: flex-start; }

.chat--item.is-bot .chat--text { background-color: white; border-top-left-radius: 0; }

.chat--item.is-user { margin-right: 0; }

.chat--item.is-user .chat--message { align-items: flex-end; }

.chat--item.is-user .chat--text { background-color: #F8E2B0; border-bottom-right-radius: 0; }

.chat--form { outline-offset: -1px; border-top: 1px solid white; flex: 0 0 auto; display: flex; padding: 0.8em 1.5em 0.8em 2.5em; }

.chat--form :where(fieldset) { margin: 0; }

.chat--input { flex: 1 1 auto; display: flex; }

.chat--input input { border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0.75em 1.1em 0.65em; margin-bottom: 0; }

.chat--input button { margin-bottom: 0; flex: 0 0 auto; padding: .5em 1em; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.chat--questions { flex: 0 0 auto; margin-left: 1.3em; }

.chat #featured-questions { display: inline-block; height: 54px; width: 60px; margin-bottom: 0; padding: 0; }

.chat.is-waiting-feedback .chat--form > * { pointer-events: none; opacity: 0.35; }

@media screen and (max-width: 810px) { .chat--form { padding: .9em .8em; }
  .chat--questions { margin-left: 1em; }
  .chat--questions #featured-questions { display: inline-block; height: 35px; width: 40px; }
  .chat--questions .image { display: inline-block; height: 20px; width: 20px; } }

@keyframes thumbs-show { 0% { opacity: 0;
    transform: translateY(-200%);
    animation-timing-function: ease-out; }
  10% { opacity: 1; }
  70% { transform: translateY(50%);
    animation-timing-function: ease-out; }
  100% { opacity: 1;
    transform: translateY(0); } }

@keyframes thumbs-highlight { 0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); } }

.about { position: relative; display: flex; height: 100%; align-items: flex-end; background-color: #FEFE91; }

.about--title { font-size: 2rem; line-height: 1.1842105263; text-transform: none; position: absolute; top: 0px; right: 0px; bottom: auto; left: 0px; padding: 1.25em 1em; text-align: center; z-index: 4; }

@media screen and (max-width: 810px) { .about--title { font-size: 1.0526315789rem; line-height: 1.3; } }

.about--aunty { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-position: center; background-repeat: no-repeat; z-index: 2; }

.about:not(.is-ready) .about--aunty { opacity: 0; }

@media screen and (max-width: 810px) { .about--title { padding: 2.8em 1.5em; }
  .about--aunty { top: 50px; } }

.popup.is-about .popup--inside { height: 100%; padding: 0; }

@media not screen and (max-width: 810px) { .popup.is-about { display: none; } }

.partners { display: flex; margin-left: calc((3em) * -1); margin-left: calc((3em) * -1); flex-wrap: wrap; align-items: center; }

.partners > * { flex: 0 0 auto; margin-bottom: calc((2em)); margin-bottom: calc((2em)); margin-left: calc((3em)); margin-left: calc((3em)); width: calc(100% * (var(--column-ratio) / 1) - var(--column-gap, 20px) + 0px); }

.partners > * { width: calc(100% * 0.5 - 3em + 0px); width: calc(100% * var(--column-ratio, 0.5) - 3em + 0px); }

.partners img { width: calc(80px * var(--aspect-ratio-y)); max-width: 100%; }

.page-home h1 { margin-bottom: 0.7em; }

.page-chat .site-main { padding: 0; }

.page-contact .grecaptcha-badge { bottom: 100px !important; }

@media screen and (max-width: 810px) { .page-contact .grecaptcha-badge { bottom: 60px !important; } }

.page-iframe { background-color: transparent; height: 100vh; padding: 1em; }

.page-iframe--container { background-color: #F5F3E6; border-radius: 0.5rem 0.5rem 0 0.5rem; display: flex; flex-direction: column; box-shadow: 6px 6px 15px -8px rgba(0, 0, 0, 0.65); overflow: hidden; height: 100%; }

.page-iframe--header { padding: 0.45em 1em 0.55em 0.9em; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid white; }

.page-iframe--header-left { display: flex; align-items: center; }

.page-iframe--header-left .image { width: 45px; }

.page-iframe--header-left span { font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; letter-spacing: 0.0684210526rem; text-transform: uppercase; margin-top: 0.3em; margin-left: 1.2em; }

@media screen and (max-width: 810px) { .page-iframe--header-left span { font-size: 0.5263157895rem; line-height: 1.4; } }

@media screen and (max-width: 810px) { .page-iframe--header-left span { letter-spacing: 0.0526315789rem; } }

.page-iframe--header-right a { text-decoration: none; }

.page-iframe--main { outline-offset: -1px; flex: 1 1 auto; }

.page-iframe .chat--messages { height: 250px; }

.page-iframe .popup { box-shadow: 6px 6px 15px -8px rgba(0, 0, 0, 0.65); padding: 1em; }

.page-iframe .popup--close { right: 2em; }

.page-iframe .popup--outside { border-radius: 0.5rem 0.5rem 0 0.5rem; width: 100%; }

.page-iframe--footer { font-size: 0.6315789474rem; line-height: 1.5; font-weight: 900; letter-spacing: 0.0684210526rem; text-transform: uppercase; color: #a6a6a6; background: black; padding: 1.2em 1.2em 1.1em 1.1em; display: flex; align-items: flex-end; justify-content: space-between; }

@media screen and (max-width: 810px) { .page-iframe--footer { font-size: 0.5263157895rem; line-height: 1.4; } }

@media screen and (max-width: 810px) { .page-iframe--footer { letter-spacing: 0.0526315789rem; } }

.page-iframe--footer a { color: #F1C561; }

.page-iframe--footer ul { margin: 0px; padding: 0px; list-style: none; }

.page-iframe--footer ul > li { display: inline-block; }

.page-iframe--footer ul a { color: white; }

@media screen and (max-width: 810px) { .page-iframe--footer { font-size: 0.4210526316rem; } }

.page-iframe--footer-left { padding-right: 1.2em; flex: 1 1 auto; }

.page-iframe--footer-right a { text-align: right; }

/*# sourceMappingURL=style.css.map */