/* ==========================================================================
	Project: Kraken Framework
	File: public.css
	Purpose: base + layout + components + utilities.
	Author: Christopher Satterthwaite  |  Updated: 2025-12-09  |  Version: 3.0.0
========================================================================== */

/* TOC
[00] Root
[01] Normalize
[02] Base
    [02.0] Body
    [02.1] Typography Styles
    [02.2] Button Styles
[03] Layout
    [03.0] Header 
    [03.1] Main 
    [03.2] Footer
[04] Components
    [04.0] Navigation Styles
        [04.0.a] Mobile Toggle Styles
        [04.0.b] Hamburger Menu Styles
        [04.0.c] Primary Navigation Styles
    [04.1] Breadcrumbs Styles
    [04.2] Social Media Styles
    [04.3] Logo Styles
    [04.4] Pagination Styles 
    [04.5] Post Navigation Styles
    [04.6] Header Notice Styles
    [04.7] Post / Single Post Styles
    [04.8] Related Post Styles
    [04.9] Comment Styles
    [04.10] Element Block Styles
    [04.11] Form Styles
    [04.12] Archive Options Styles
    [04.13] Splash Credit Styles
    [04.14] Scroll Top Styles
    [04.15] Email Styles
    [04.16] Phone Styles
    [04.17] Address Styles
    [04.18] Entry Styles
    [04.19] Search Styles
[05] Utilities
      [05.0] Header Skip Links
      [05.1] Screen Reader Styles
      [05.2] Animation Styles
      [05.3] Helper Styles
*/

/* ================= [00] Root ================= */

/* ================= [01] Normalize ================= */
progress,
sub,
sup {
  vertical-align: baseline;
}

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

html {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

body {
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
}

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

button,
select {
  text-transform: none;
}

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

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: ButtonText dotted 1px;
}

:-moz-ui-invalid {
  box-shadow: none;
}

legend {
  padding: 0;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

/* ================= [02] Base ================= */
/* -- [02.0] Body -- */
html {
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  font-size: clamp(var(--kraken-framework-mobile-base-font-size), 2.5vw, var(--kraken-framework-desktop-base-font-size));
  line-height: 29px;
}

body {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  background: var(--kraken-framework-subtle-bg-color);
  color: var(--kraken-framework-regular-text-color);
  font-family: var(--kraken-framework-secondary-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: var(--kraken-framework-base-line-height);
}
body.mobile-toggle {
  overflow: hidden;
}
body.mobile-toggle .kraken-navigation__drawer {
  display: block;
}
body.hamburger-toggle {
  overflow: hidden;
}
body.hamburger-toggle .kraken-navigation__drawer {
  display: block;
}
@media (min-width: 991px) {
  body.body-notice--is-active.body--overlay {
    padding-top: var(--kraken-framework-header-height);
  }
}
@media (min-width: 991px) {
  body.body-notice--is-active.body--hide {
    padding-top: var(--kraken-framework-header-height);
  }
}
body.body-notice--is-active.body--top {
  padding-top: 0;
}
body.body-notice--is-active.body--sticky {
  padding-top: 0;
}
body.body-notice--is-active.body--transparent {
  padding-top: 0;
}
body.body-notice--is-active.body--transparent {
  padding-top: 0;
}
@media (min-width: 991px) {
  body.body-notice--is-active.body--transparent.blog {
    padding-top: var(--kraken-framework-header-height);
  }
}
@media (min-width: 991px) {
  body.body-notice--is-disabled.body--overlay {
    padding-top: var(--kraken-framework-header-height);
  }
}
@media (min-width: 991px) {
  body.body-notice--is-disabled.body--hide {
    padding-top: var(--kraken-framework-header-height);
  }
}
body.body-notice--is-disabled.body--hide.error404 {
  padding-top: 0;
}
body.body-notice--is-disabled.body--transparent {
  padding-top: 0;
}
@media (min-width: 991px) {
  body.body-notice--is-disabled.body--transparent.blog {
    padding-top: var(--kraken-framework-header-height);
  }
}

/* -- [02.1] Typography Styles -- */
h1, .h1 {
  --kraken-framework-h1-margin: 1.5rem 0;
  --kraken-framework-h1-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-h1-font-family: var(--kraken-framework-primary-font-family);
  --kraken-framework-h1-font-size: clamp(2.5rem, 5vw, 4rem);
  --kraken-framework-h1-font-line-height: 1.2;
  --kraken-framework-h1-font-weight: 700;
  margin: var(--kraken-framework-h1-margin);
  color: var(--kraken-framework-h1-font-color);
  font-family: var(--kraken-framework-h1-font-family);
  font-size: var(--kraken-framework-h1-font-size);
  line-height: var(--kraken-framework-h1-font-line-height);
  font-weight: var(--kraken-framework-h1-font-weight);
}

h2, .h2 {
  --kraken-framework-h2-margin: 1.25rem 0;
  --kraken-framework-h2-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-h2-font-family: var(--kraken-framework-primary-font-family);
  --kraken-framework-h2-font-size: clamp(2rem, 4vw, 3rem);
  --kraken-framework-h2-font-line-height: 1.4;
  --kraken-framework-h2-font-weight: 700;
  margin: var(--kraken-framework-h2-margin);
  color: var(--kraken-framework-h2-font-color);
  font-family: var(--kraken-framework-h2-font-family);
  font-size: var(--kraken-framework-h2-font-size);
  line-height: var(--kraken-framework-h2-font-line-height);
  font-weight: var(--kraken-framework-h2-font-weight);
}

h3, .h3 {
  --kraken-framework-h3-margin: 1rem 0;
  --kraken-framework-h3-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-h3-font-family: var(--kraken-framework-primary-font-family);
  --kraken-framework-h3-font-size: clamp(1.5rem, 3vw, 2rem);
  --kraken-framework-h3-font-line-height: 1.4;
  --kraken-framework-h3-font-weight: 700;
  margin: var(--kraken-framework-h3-margin);
  color: var(--kraken-framework-h3-font-color);
  font-family: var(--kraken-framework-h3-font-family);
  font-size: var(--kraken-framework-h3-font-size);
  line-height: var(--kraken-framework-h3-font-line-height);
  font-weight: var(--kraken-framework-h3-font-weight);
}

h4, .h4 {
  --kraken-framework-h4-margin: 0.75rem 0;
  --kraken-framework-h4-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-h4-font-family: var(--kraken-framework-primary-font-family);
  --kraken-framework-h4-font-size: clamp(1rem, 2vw, 1.25rem);
  --kraken-framework-h4-font-line-height: 1.4;
  --kraken-framework-h4-font-weight: 700;
  margin: var(--kraken-framework-h4-margin);
  color: var(--kraken-framework-h4-font-color);
  font-family: var(--kraken-framework-h4-font-family);
  font-size: var(--kraken-framework-h4-font-size);
  line-height: var(--kraken-framework-h4-font-line-height);
  font-weight: var(--kraken-framework-h4-font-weight);
}

h5, .h5 {
  --kraken-framework-h5-margin: 0.5rem 0;
  --kraken-framework-h5-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-h5-font-family: var(--kraken-framework-primary-font-family);
  --kraken-framework-h5-font-size: clamp(1rem, 1.5vw, 1rem);
  --kraken-framework-h5-font-line-height: 1.4;
  --kraken-framework-h5-font-weight: 700;
  margin: var(--kraken-framework-h5-margin);
  color: var(--kraken-framework-h5-font-color);
  font-family: var(--kraken-framework-h5-font-family);
  font-size: var(--kraken-framework-h5-font-size);
  line-height: var(--kraken-framework-h5-font-line-height);
  font-weight: var(--kraken-framework-h5-font-weight);
}

h6, .h6 {
  --kraken-framework-h6-margin: 0.25rem 0;
  --kraken-framework-h6-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-h6-font-family: var(--kraken-framework-primary-font-family);
  --kraken-framework-h6-font-size: clamp(0.875rem, 1vw, 1rem);
  --kraken-framework-h6-font-line-height: 1.4;
  --kraken-framework-h6-font-weight: 700;
  margin: var(--kraken-framework-h6-margin);
  color: var(--kraken-framework-h6-font-color);
  font-family: var(--kraken-framework-h6-font-family);
  font-size: var(--kraken-framework-h6-font-size);
  line-height: var(--kraken-framework-h6-font-line-height);
  font-weight: var(--kraken-framework-h6-font-weight);
}

p, ul, ol, pre, table, blockquote {
  margin: 1rem 0;
}

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

hr, .hr {
  border: 1px solid;
  margin: -1px 0;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

a {
  --kraken-framework-a-font-color: var(--kraken-framework-accent-color);
  --kraken-framework-a-hover-font-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-a-focus-font-color: var(--kraken-framework-accent-alt-color);
  color: var(--kraken-framework-a-font-color);
  text-decoration: underline;
  transition: color 100ms ease-out;
}
a:hover {
  color: var(--kraken-framework-a-hover-font-color);
}
a:focus {
  color: var(--kraken-framework-a-focus-font-color);
}
a:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}

.kraken-list {
  margin: 0;
  padding: 0;
}
.kraken-list--style-none {
  list-style: none;
}
.kraken-list--style-disc {
  list-style: disc;
}
.kraken-list__item--spacer {
  height: 1.5rem;
}
.kraken-list--privacy li {
  display: flex;
  gap: 0.5rem;
}
.kraken-list--privacy .kraken-address__list {
  display: flex;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
}

.kraken-inline {
  display: inline-block;
}

/* -- [02.2] Button Styles -- */
.kraken-btn {
  --kraken-framework-button-font-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-button-font-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-button-font-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-button-font-size: 1rem;
  --kraken-framework-button-font-weight: 400;
  --kraken-framework-button-background: var(--kraken-framework-accent-color);
  --kraken-framework-button-hover-background: var(--kraken-framework-accent-alt-color);
  --kraken-framework-button-focus-background: var(--kraken-framework-accent-alt-color);
  --kraken-framework-button-border-radius: 5px;
  --kraken-framework-button-padding: 1rem;
  padding: var(--kraken-framework-button-padding);
  background-color: var(--kraken-framework-button-background);
  color: var(--kraken-framework-button-font-color);
  border: none;
  border-radius: var(--kraken-framework-button-border-radius);
  font-size: var(--kraken-framework-button-font-size);
  font-weight: var(--kraken-framework-button-font-weight);
  line-height: 1.5;
  text-decoration: none;
  cursor: pointer;
  transition: all 600ms ease-in-out, background-color 200ms ease-in-out;
}
.kraken-btn:hover {
  background-color: var(--kraken-framework-button-hover-background);
  color: var(--kraken-framework-button-font-hover-color);
}
.kraken-btn:focus {
  background-color: var(--kraken-framework-button-focus-background);
  color: var(--kraken-framework-button-font-focus-color);
}
.kraken-btn:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
/* ================= [03] Layout ================= */
/* -- [03.0] Header -- */
.kraken-header {
  --kraken-framework-header-default-mobile-background: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-default-solid-background: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-default-transparent-background: rgba(0,0,0,0.6);
  --kraken-framework-header-width: 100%;
  --kraken-framework-header-max-width-inner: var(--kraken-framework-max-width);
  --kraken-framework-header-contact-gap: 1rem;
  --kraken-framework-header-scroll-hide-amount: calc(-1 * (var(--kraken-framework-header-row-shrink-height-top) + var(--kraken-framework-header-notice-height)));
  --kraken-framework-header-mobile-background: var(--kraken-framework-header-default-mobile-background);
  --kraken-framework-header-mobile-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-top-background: var(--kraken-framework-header-default-solid-background);
  --kraken-framework-header-top-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-main-background: var(--kraken-framework-header-default-solid-background);
  --kraken-framework-header-main-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-bottom-background: var(--kraken-framework-header-default-solid-background);
  --kraken-framework-header-bottom-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-row-height-mobile: 60px;
  --kraken-framework-header-row-height-top: 40px;
  --kraken-framework-header-row-height-main: 90px;
  --kraken-framework-header-row-height-bottom: 40px;
  --kraken-framework-header-row-padding-mobile: 0.5rem 1rem 0.5rem 1rem;
  --kraken-framework-header-row-padding-top: 0 var(--kraken-framework-site-padding-right) 0 var(--kraken-framework-site-padding-left);
  --kraken-framework-header-row-padding-main: 0.5rem var(--kraken-framework-site-padding-right) 0.5rem var(--kraken-framework-site-padding-left);
  --kraken-framework-header-row-padding-bottom: 0 var(--kraken-framework-site-padding-right) 0 var(--kraken-framework-site-padding-left);
  --kraken-framework-header-shrink-mobile-background: var(--kraken-framework-header-default-mobile-background);
  --kraken-framework-header-shrink-mobile-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-shrink-top-background: var(--kraken-framework-header-default-solid-background);
  --kraken-framework-header-shrink-top-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-shrink-main-background: var(--kraken-framework-header-default-solid-background);
  --kraken-framework-header-shrink-main-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-shrink-bottom-background: var(--kraken-framework-header-default-solid-background);
  --kraken-framework-header-shrink-bottom-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-row-shrink-height-top: 40px;
  --kraken-framework-header-row-shrink-height-main: 50px;
  --kraken-framework-header-row-shrink-height-bottom: 40px;
  --kraken-framework-header-row-shrink-padding-top: 0 var(--kraken-framework-site-padding-right) 0 var(--kraken-framework-site-padding-left);
  --kraken-framework-header-row-shrink-padding-main: 0.5rem var(--kraken-framework-site-padding-right) 0.5rem var(--kraken-framework-site-padding-left);
  --kraken-framework-header-row-shrink-padding-bottom: 0 var(--kraken-framework-site-padding-right) 0 var(--kraken-framework-site-padding-left);
  --kraken-framework-header-transparent-shrink-mobile-background: var(--kraken-framework-header-default-mobile-background);
  --kraken-framework-header-transparent-shrink-mobile-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-transparent-shrink-top-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-shrink-top-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-shrink-main-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-shrink-main-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-shrink-bottom-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-shrink-bottom-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-scroll-down-mobile-background: var(--kraken-framework-header-default-mobile-background);
  --kraken-framework-header-transparent-scroll-down-mobile-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-transparent-scroll-down-top-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-scroll-down-top-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-scroll-down-main-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-scroll-down-main-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-scroll-down-bottom-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-scroll-down-bottom-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-scroll-up-mobile-background: var(--kraken-framework-header-default-mobile-background);
  --kraken-framework-header-transparent-scroll-up-mobile-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-transparent-scroll-up-top-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-scroll-up-top-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-scroll-up-main-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-scroll-up-main-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-scroll-up-bottom-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-scroll-up-bottom-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-mobile-background: var(--kraken-framework-header-default-mobile-background);
  --kraken-framework-header-transparent-mobile-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-transparent-top-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-top-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-main-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-main-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-transparent-bottom-background: var(--kraken-framework-header-default-transparent-background);
  --kraken-framework-header-transparent-bottom-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-scroll-mobile-background: var(--kraken-framework-header-default-mobile-background);
  --kraken-framework-header-scroll-mobile-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-scroll-top-background: var(--kraken-framework-header-default-solid-background);
  --kraken-framework-header-scroll-top-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-scroll-main-background: var(--kraken-framework-header-default-solid-background);
  --kraken-framework-header-scroll-main-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-scroll-bottom-background: var(--kraken-framework-header-default-solid-background);
  --kraken-framework-header-scroll-bottom-color: var(--kraken-framework-regular-text-color);
  width: var(--kraken-framework-header-width);
  transition: transform 600ms ease-in-out, background-color 200ms ease-in-out;
  backface-visibility: hidden;
  z-index: 108;
}
.kraken-header__inner--desktop {
  display: none;
  visibility: hidden;
}
@media (min-width: 991px) {
  .kraken-header__inner--desktop {
    display: block;
    visibility: visible;
  }
}
@media (min-width: 991px) {
  .kraken-header__inner--mobile {
    display: none;
    visibility: hidden;
  }
}
.kraken-header__row--mobile {
  background-color: var(--kraken-framework-header-mobile-background);
  color: var(--kraken-framework-header-mobile-color);
  transition: background-color 300ms ease-in-out;
}
.kraken-header__row--top {
  background-color: var(--kraken-framework-header-top-background);
  color: var(--kraken-framework-header-top-color);
  transition: background-color 300ms ease-in-out;
}
.kraken-header__row--main {
  background-color: var(--kraken-framework-header-main-background);
  color: var(--kraken-framework-header-main-color);
  transition: background-color 300ms ease-in-out;
}
.kraken-header__row--bottom {
  background-color: var(--kraken-framework-header-bottom-background);
  color: var(--kraken-framework-header-bottom-color);
  transition: background-color 300ms ease-in-out;
}
.kraken-header__row-inner {
  transition: min-height 500ms ease-in-out, padding 500ms ease-in-out;
  display: flex;
  max-width: var(--kraken-framework-header-max-width-inner);
  margin: 0 auto;
}
.kraken-header__row-inner--top {
  min-height: var(--kraken-framework-header-row-height-top);
  padding: var(--kraken-framework-header-row-padding-top);
}
.kraken-header__row-inner--main {
  min-height: var(--kraken-framework-header-row-height-main);
  padding: var(--kraken-framework-header-row-padding-main);
}
.kraken-header__row-inner--bottom {
  min-height: var(--kraken-framework-header-row-height-bottom);
  padding: var(--kraken-framework-header-row-padding-bottom);
}
.kraken-header__row-inner--mobile {
  min-height: var(--kraken-framework-header-row-height-mobile);
  padding: var(--kraken-framework-header-row-padding-mobile);
}
.kraken-header__col--start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}
.kraken-header__col--middle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.kraken-header__col--end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
}
.kraken-header__contact {
  display: flex;
  align-items: center;
  gap: var(--kraken-framework-header-contact-gap);
}

.is-scrolling .body--shrink .kraken-header__row--mobile {
  background-color: var(--kraken-framework-header-shrink-mobile-background);
  color: var(--kraken-framework-header-shrink-mobile-color);
}
@media (min-width: 991px) {
  .is-scrolling .body--shrink .kraken-header__row--top {
    background-color: var(--kraken-framework-header-shrink-top-background);
    color: var(--kraken-framework-header-shrink-top-color);
  }
  .is-scrolling .body--shrink .kraken-header__row--main {
    background-color: var(--kraken-framework-header-shrink-main-background);
    color: var(--kraken-framework-header-shrink-main-color);
  }
  .is-scrolling .body--shrink .kraken-header__row--bottom {
    background-color: var(--kraken-framework-header-shrink-bottom-background);
    color: var(--kraken-framework-header-shrink-bottom-color);
  }
}
@media (min-width: 991px) {
  .is-scrolling .body--shrink .kraken-header__row-inner--top {
    min-height: var(--kraken-framework-header-row-shrink-height-top);
    padding: var(--kraken-framework-header-row-shrink-padding-top);
  }
  .is-scrolling .body--shrink .kraken-header__row-inner--main {
    min-height: var(--kraken-framework-header-row-shrink-height-main);
    padding: var(--kraken-framework-header-row-shrink-padding-main);
  }
  .is-scrolling .body--shrink .kraken-header__row-inner--bottom {
    min-height: var(--kraken-framework-header-row-shrink-height-bottom);
    padding: var(--kraken-framework-header-row-shrink-padding-bottom);
  }
}
.is-scrolling .body--shrink.body--transparent .kraken-header__row--mobile {
  background-color: var(--kraken-framework-header-transparent-shrink-mobile-background);
  color: var(--kraken-framework-header-transparent-shrink-mobile-color);
}
.is-scrolling .body--shrink.body--transparent .kraken-header__row--top {
  background-color: var(--kraken-framework-header-transparent-shrink-top-background);
  color: var(--kraken-framework-header-transparent-shrink-top-color);
}
.is-scrolling .body--shrink.body--transparent .kraken-header__row--main {
  background-color: var(--kraken-framework-header-transparent-shrink-main-background);
  color: var(--kraken-framework-header-transparent-shrink-main-color);
}
.is-scrolling .body--shrink.body--transparent .kraken-header__row--bottom {
  background-color: var(--kraken-framework-header-transparent-shrink-bottom-background);
  color: var(--kraken-framework-header-transparent-shrink-bottom-color);
}
.is-scrolling .body--transparent .kraken-header__row--mobile {
  background-color: var(--kraken-framework-header-transparent-scroll-down-mobile-background);
  color: var(--kraken-framework-header-transparent-scroll-down-mobile-color);
}
@media (min-width: 991px) {
  .is-scrolling .body--transparent .kraken-header__row--top {
    background-color: var(--kraken-framework-header-transparent-scroll-down-top-background);
    color: var(--kraken-framework-header-transparent-scroll-down-top-color);
  }
  .is-scrolling .body--transparent .kraken-header__row--main {
    background-color: var(--kraken-framework-header-transparent-scroll-down-main-background);
    color: var(--kraken-framework-header-transparent-scroll-down-main-color);
  }
  .is-scrolling .body--transparent .kraken-header__row--bottom {
    background-color: var(--kraken-framework-header-transparent-scroll-down-bottom-background);
    color: var(--kraken-framework-header-transparent-scroll-down-bottom-color);
  }
}
@media (min-width: 991px) {
  .is-scrolling .body--hide .kraken-header {
    transform: translateY(var(--kraken-framework-header-scroll-hide-amount));
  }
}
@media (min-width: 991px) {
  .is-scrolling .body--hide.error404 .kraken-header {
    transform: translateY(0);
  }
}

.is-scrolling-up .body--shrink .kraken-header__row--mobile {
  background-color: var(--kraken-framework-header-mobile-background);
  color: var(--kraken-framework-header-mobile-color);
}
@media (min-width: 991px) {
  .is-scrolling-up .body--shrink .kraken-header__row--top {
    background-color: var(--kraken-framework-header-top-background);
    color: var(--kraken-framework-header-top-color);
  }
  .is-scrolling-up .body--shrink .kraken-header__row--main {
    background-color: var(--kraken-framework-header-main-background);
    color: var(--kraken-framework-header-main-color);
  }
  .is-scrolling-up .body--shrink .kraken-header__row--bottom {
    background-color: var(--kraken-framework-header-bottom-background);
    color: var(--kraken-framework-header-bottom-color);
  }
}
@media (min-width: 991px) {
  .is-scrolling-up .body--shrink .kraken-header__row-inner--top {
    min-height: var(--kraken-framework-header-row-shrink-height-top);
    padding: var(--kraken-framework-header-row-shrink-padding-top);
  }
  .is-scrolling-up .body--shrink .kraken-header__row-inner--main {
    min-height: var(--kraken-framework-header-row-shrink-height-main);
    padding: var(--kraken-framework-header-row-shrink-padding-main);
  }
  .is-scrolling-up .body--shrink .kraken-header__row-inner--bottom {
    min-height: var(--kraken-framework-header-row-shrink-height-bottom);
    padding: var(--kraken-framework-header-row-shrink-padding-bottom);
  }
}
.is-scrolling-up .body--shrink.body--transparent .kraken-header__row--mobile {
  background-color: var(--kraken-framework-header-transparent-scroll-up-mobile-background);
  color: var(--kraken-framework-header-transparent-scroll-up-mobile-color);
}
@media (min-width: 991px) {
  .is-scrolling-up .body--shrink.body--transparent .kraken-header__row--top {
    background-color: var(--kraken-framework-header-transparent-scroll-up-top-background);
    color: var(--kraken-framework-header-transparent-scroll-up-top-color);
  }
  .is-scrolling-up .body--shrink.body--transparent .kraken-header__row--main {
    background-color: var(--kraken-framework-header-transparent-scroll-up-main-background);
    color: var(--kraken-framework-header-transparent-scroll-up-main-color);
  }
  .is-scrolling-up .body--shrink.body--transparent .kraken-header__row--bottom {
    background-color: var(--kraken-framework-header-transparent-scroll-up--bottom-background);
    color: var(--kraken-framework-header-transparent-scroll-up-bottom-color);
  }
}
@media (min-width: 991px) {
  .is-scrolling-up .body--hide .kraken-header {
    transform: translateY(0);
  }
}
@media (min-width: 991px) {
  .is-scrolling-up .body--hide.error404 .kraken-header {
    transform: translateY(0);
  }
}

.body--transparent .kraken-header__row--mobile {
  background-color: var(--kraken-framework-header-transparent-mobile-background);
  color: var(--kraken-framework-header-transparent-mobile-color);
}
.body--transparent .kraken-header__row--top {
  background-color: var(--kraken-framework-header-transparent-top-background);
  color: var(--kraken-framework-header-transparent-top-color);
}
.body--transparent .kraken-header__row--main {
  background-color: var(--kraken-framework-header-transparent-main-background);
  color: var(--kraken-framework-header-transparent-main-color);
}
.body--transparent .kraken-header__row--bottom {
  background-color: var(--kraken-framework-header-transparent-bottom-background);
  color: var(--kraken-framework-header-transparent-bottom-color);
}

.body--top .kraken-header {
  position: relative;
}

@media (min-width: 991px) {
  .body--sticky .kraken-header {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 991px) {
  .body--overlay .kraken-header {
    position: fixed;
    top: 0;
    left: 0;
  }
}

/* -- [03.1] Main -- */
.kraken-main {
  --kraken-framework-main-max-width: var(--kraken-framework-max-width);
  --kraken-framework-main-max-wide-width: var(--kraken-framework-wide-width);
  --kraken-framework-main-max-single-width: var(--kraken-framework-max-single-width);
  --kraken-framework-main-max-archive-width: var(--kraken-framework-max-archive-width);
  --kraken-framework-main-padding-left: var(--kraken-framework-site-padding-left);
  --kraken-framework-main-padding-right: var(--kraken-framework-site-padding-right);
  --kraken-framework-main-padding-top: var(--kraken-framework-content-padding-top);
  --kraken-framework-main-padding-bottom: var(--kraken-framework-content-padding-bottom);
}
.kraken-main__inner {
  overflow: hidden;
  padding-top: var(--kraken-framework-main-padding-top);
  padding-bottom: var(--kraken-framework-main-padding-bottom);
}
.kraken-main__inner .kraken-entry__content > * {
  max-width: calc(var(--kraken-framework-main-max-width) - (var(--kraken-framework-main-padding-left) + var(--kraken-framework-main-padding-right)));
  margin-left: auto;
  margin-right: auto;
}
.kraken-main__inner .is-layout-constrained:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: calc(var(--kraken-framework-main-max-width) - (var(--kraken-framework-main-padding-left) + var(--kraken-framework-main-padding-right)));
  margin-left: auto !important;
  margin-right: auto !important;
}
.kraken-main__inner .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: calc(var(--kraken-framework-main-max-width) - (var(--kraken-framework-main-padding-left) + var(--kraken-framework-main-padding-right)));
  margin-left: auto !important;
  margin-right: auto !important;
}
.kraken-main__inner .alignwide {
  max-width: var(--kraken-framework-main-max-wide-width);
}
.kraken-main__inner .alignfull {
  max-width: none;
  margin-left: calc(-1 * var(--kraken-framework-main-padding-left));
  margin-right: calc(-1 * var(--kraken-framework-main-padding-right));
}
.kraken-main--single .kraken-main__inner {
  overflow: hidden;
  max-width: var(--kraken-framework-main-max-single-width);
  margin: 0 auto;
  padding-top: var(--kraken-framework-main-padding-top);
  padding-bottom: var(--kraken-framework-main-padding-bottom);
}
.kraken-main--archive .kraken-main__inner {
  padding-top: var(--kraken-framework-main-padding-top);
  padding-bottom: var(--kraken-framework-main-padding-bottom);
}
.kraken-main--archive .kraken-main__inner .kraken-archive-content {
  max-width: var(--kraken-framework-main-max-archive-width);
  padding-left: var(--kraken-framework-site-padding-left);
  padding-right: var(--kraken-framework-site-padding-right);
  margin: 0 auto;
}
.kraken-main--archive .kraken-main__inner .kraken-archive-content__loop {
  max-width: var(--kraken-framework-main-max-archive-width);
  padding-left: var(--kraken-framework-site-padding-left);
  padding-right: var(--kraken-framework-site-padding-right);
  margin: 0 auto;
}

.kraken-content {
  overflow-x: hidden;
}
.kraken-content.kraken-content--sidebar-right {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 991px) {
  .kraken-content.kraken-content--sidebar-right {
    display: flex;
    max-width: var(--kraken-framework-content-max-width);
  }
}

.page .kraken-content.kraken-content--sidebar-right {
  --kraken-framework-content-max-width: var(--kraken-framework-max-width);
  --kraken-framework-content-main-width: 100%;
}

@media (min-width: 991px) {
  .page .kraken-content.kraken-content--sidebar-right {
    --kraken-framework-content-max-width: var(--kraken-framework-max-width);
    --kraken-framework-content-main-width: 70%;
  }
}

.single .kraken-content.kraken-content--sidebar-right {
  --kraken-framework-content-max-width: var(--kraken-framework-max-single-width);
  --kraken-framework-content-main-width: 100%;
}

@media (min-width: 991px) {
  .single .kraken-content.kraken-content--sidebar-right {
    --kraken-framework-content-max-width: var(--kraken-framework-max-single-width);
    --kraken-framework-content-main-width: 70%;
  }
}

.blog .kraken-content.kraken-content--sidebar-right, .archive .kraken-content.kraken-content--sidebar-right {
  --kraken-framework-content-max-width: var(--kraken-framework-max-archive-width);
  --kraken-framework-content-main-width: 100%;
}

@media (min-width: 991px) {
  .blog .kraken-content.kraken-content--sidebar-right, .archive .kraken-content.kraken-content--sidebar-right {
    --kraken-framework-content-max-width: var(--kraken-framework-max-archive-width);
    --kraken-framework-content-main-width: 70%;
  }
}

.kraken-content.kraken-content--sidebar-right .kraken-main {
  width: 100%;
}

@media (min-width: 991px) {
  .kraken-content.kraken-content--sidebar-right .kraken-main {
  width: var(--kraken-framework-content-main-width);
}
}

.kraken-content.kraken-content--sidebar-right .kraken-sidebar {
  padding-top: var(--kraken-framework-content-padding-top);
  padding-bottom: var(--kraken-framework-content-padding-bottom);
}

.kraken-content.kraken-content--sidebar-right .kraken-element {
  width: 100%;
}

.kraken-content.kraken-content--sidebar-right .kraken-main {
  order: 1;
}

.kraken-content.kraken-content--sidebar-right .kraken-sidebar {
  order: 2;
}

.kraken-content.kraken-content--sidebar-left {
  --kraken-framework-content-max-width: var(--kraken-framework-max-width);
  --kraken-framework-content-padding-top: var(--kraken-framework-content-padding-top);
  --kraken-framework-content-padding-bottom: var(--kraken-framework-content-padding-bottom);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 991px) {
  .kraken-content.kraken-content--sidebar-left {
    display: flex;
    max-width: var(--kraken-framework-content-max-width);
  }
}

.kraken-content.kraken-content--sidebar-left .kraken-main {
  width: var(--kraken-framework-content-main-width);
}

.kraken-content.kraken-content--sidebar-left .kraken-sidebar {
  padding-top: var(--kraken-framework-content-padding-top);
  padding-bottom: var(--kraken-framework-content-padding-bottom);
}

.kraken-content.kraken-content--sidebar-left .kraken-element {
  width: 100%;
}

.kraken-content.kraken-content--sidebar-left .kraken-main {
  order: 2;
}

.kraken-content.kraken-content--sidebar-left .kraken-sidebar {
  order: 1;
}

.kraken-sidebar {
  padding-left: var(--kraken-framework-site-padding-left);
  padding-right: var(--kraken-framework-site-padding-right);
}

/* -- [03.2] Footer -- */
.kraken-footer {
  --kraken-framework-footer-background: var(--kraken-framework-offwhite-color);
  --kraken-framework-footer-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-footer-width: 100%;
  --kraken-framework-footer-text-align-desktop: left;
  --kraken-framework-footer-text-align-mobile: center;
  --kraken-framework-footer-max-width-inner: var(--kraken-framework-max-width);
  --kraken-framework-footer-row-padding-top: 2rem var(--kraken-framework-site-padding-right) 2rem var(--kraken-framework-site-padding-left);
  --kraken-framework-footer-row-padding-main: 0.5rem var(--kraken-framework-site-padding-right) 0.5rem var(--kraken-framework-site-padding-left);
  --kraken-framework-footer-row-padding-bottom: 0.5rem var(--kraken-framework-site-padding-right) 0.5rem var(--kraken-framework-site-padding-left);
  width: var(--kraken-framework-footer-width);
  background-color: var(--kraken-framework-footer-background);
  color: var(--kraken-framework-footer-color);
  text-align: var(--kraken-framework-footer-text-align-mobile);
  z-index: 101;
}
@media (min-width: 991px) {
  .kraken-footer {
    text-align: var(--kraken-framework-footer-text-align-desktop);
  }
}
.kraken-footer__inner {
  max-width: var(--kraken-framework-footer-max-width-inner);
  margin: 0 auto;
}
.kraken-footer__row--top {
  padding: var(--kraken-framework-footer-row-padding-top);
}
.kraken-footer__row--main {
  padding: var(--kraken-framework-footer-row-padding-main);
}
.kraken-footer__row--bottom {
  padding: var(--kraken-framework-footer-row-padding-bottom);
}
.kraken-footer__row-inner--block {
  display: block;
}
.kraken-footer__row-inner--flex {
  display: block;
}
@media (min-width: 991px) {
  .kraken-footer__row-inner--flex {
    display: flex;
    gap: 2rem;
  }
}
@media (min-width: 991px) {
  .kraken-footer__row-inner--space-between {
    justify-content: space-between;
  }
}
.kraken-footer__col {
  flex: 1;
  margin-bottom: 1.5rem;
}
.kraken-footer__col--block {
  display: block;
}
.kraken-footer__col--flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.kraken-footer__col--align-start {
  justify-content: center;
}
@media (min-width: 991px) {
  .kraken-footer__col--align-start {
    justify-content: flex-start;
  }
}
.kraken-footer__col--align-center {
  justify-content: center;
}
.kraken-footer__col--align-end {
  justify-content: center;
}
@media (min-width: 991px) {
  .kraken-footer__col--align-end {
    justify-content: flex-end;
  }
}
.kraken-footer__heading {
  width: 100%;
}
/* ================= [04] Components ================= */
/* -- [04.0] Navigation Styles -- */
/* -- [04.0.a] Mobile Toggle Styles -- */
.kraken-toggle-mobile {
  --kraken-framework-mobile-toggle-background-color: transparent;
  --kraken-framework-mobile-toggle-hover-background-color: transparent;
  --kraken-framework-mobile-toggle-border-color: transparent;
  --kraken-framework-mobile-toggle-border-hover-color: transparent;
  --kraken-framework-mobile-toggle-border-size: 1px;
  --kraken-framework-mobile-toggle-border-radius: 5px;
  position: relative;
  padding: 8px;
  width: 40px;
  height: 40px;
  background-color: var(--kraken-framework-mobile-toggle-background-color);
  border: var(--kraken-framework-mobile-toggle-border-size) solid var(--kraken-framework-mobile-toggle-border-color);
  border-radius: var(--kraken-framework-mobile-toggle-border-radius);
  cursor: pointer;
  transition: all 600ms ease-out;
  z-index: 111;
}
.kraken-toggle-mobile:hover {
  background-color: var(--kraken-framework-mobile-toggle-hover-background-color);
  border: var(--kraken-framework-mobile-toggle-border-size) solid var(--kraken-framework-mobile-toggle-border-hover-color);
}
.kraken-toggle-mobile__bar {
  background: #000000;
  border-radius: 3px;
  display: block;
  height: 3px;
  transform-origin: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.kraken-toggle-mobile__bar:nth-child(2) {
  margin: 4px 0;
}
.kraken-toggle-mobile--is-open .kraken-toggle-mobile__bar:first-child {
  transform: translateY(8px) rotate(45deg);
}
.kraken-toggle-mobile--is-open .kraken-toggle-mobile__bar:nth-child(2) {
  opacity: 0;
}
.kraken-toggle-mobile--is-open .kraken-toggle-mobile__bar:last-child {
  transform: translateY(-6px) rotate(-45deg);
}

/* -- [04.0.b] Hamburger Menu Styles -- */
.kraken-toggle-hamburger {
  --kraken-framework-hamburger-toggle-background-color: transparent;
  --kraken-framework-hamburger-toggle-hover-background-color: transparent;
  --kraken-framework-hamburger-toggle-border-color: transparent;
  --kraken-framework-hamburger-toggle-border-hover-color: transparent;
  --kraken-framework-hamburger-toggle-border-size: 1px;
  --kraken-framework-hamburger-toggle-border-radius: 5px;
  position: relative;
  padding: 8px;
  width: 40px;
  height: 40px;
  background-color: var(--kraken-framework-hamburger-toggle-background-color);
  border: var(--kraken-framework-hamburger-toggle-border-size) solid var(--kraken-framework-hamburger-toggle-border-color);
  border-radius: var(--kraken-framework-hamburger-toggle-border-radius);
  cursor: pointer;
  transition: all 600ms ease-out;
  z-index: 110;
}
.kraken-toggle-hamburger:hover {
  background-color: var(--kraken-framework-hamburger-toggle-hover-background-color);
  border: var(--kraken-framework-hamburger-toggle-border-size) solid var(--kraken-framework-hamburger-toggle-border-hover-color);
}
.kraken-toggle-hamburger__bar {
  background: #000000;
  border-radius: 3px;
  display: block;
  height: 3px;
  transform-origin: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.kraken-toggle-hamburger__bar:nth-child(2) {
  margin: 4px 0;
}
.kraken-toggle-hamburger--is-open .kraken-toggle-hamburger__bar:first-child {
  transform: translateY(8px) rotate(45deg);
}
.kraken-toggle-hamburger--is-open .kraken-toggle-hamburger__bar:nth-child(2) {
  opacity: 0;
}
.kraken-toggle-hamburger--is-open .kraken-toggle-hamburger__bar:last-child {
  transform: translateY(-6px) rotate(-45deg);
}

/* -- [04.0.c] Primary Navigation Styles -- */
.kraken-navigation {
  --kraken-framework-default-desktop-nav-font-size:0.9rem;
  --kraken-framework-default-desktop-nav-font-weight:700;
  --kraken-framework-default-desktop-nav-line-height:1.2;
  --kraken-framework-default-desktop-nav-padding:0.5rem 0.5rem;
  --kraken-framework-default-desktop-sub-nav-font-size:0.8rem;
  --kraken-framework-default-desktop-sub-nav-font-weight:500;
  --kraken-framework-default-desktop-sub-nav-line-height:1.2;
  --kraken-framework-default-desktop-sub-nav-padding:0.3rem 0.5rem;
  --kraken-framework-default-desktop-nav-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-default-desktop-nav-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-default-desktop-nav-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-default-desktop-nav-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-default-mobile-nav-font-size:1.2rem;
  --kraken-framework-default-mobile-nav-font-weight:700;
  --kraken-framework-default-mobile-nav-line-height:1.2;
  --kraken-framework-default-mobile-nav-padding:0.5rem 0;
  --kraken-framework-default-mobile-sub-nav-font-size:1;
  --kraken-framework-default-mobile-sub-nav-font-weight:500;
  --kraken-framework-default-mobile-sub-nav-line-height:1.2;
  --kraken-framework-default-mobile-sub-nav-padding:0.3rem 1rem;
  --kraken-framework-default-mobile-nav-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-default-mobile-nav-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-default-mobile-nav-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-default-mobile-nav-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-default-transparent-nav-font-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-default-transparent-nav-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-default-transparent-nav-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-default-transparent-nav-font-focus-color: var(--kraken-framework-accent-color);
  background-color: var(--kraken-framework-nav-background-color);
}

.kraken-navigation--mobile {
  --kraken-framework-nav-display: block;
  --kraken-framework-nav-gap: 0;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: flex-start;
  --kraken-framework-nav-link-padding: var(--kraken-framework-default-mobile-nav-padding);
  --kraken-framework-nav-link-font-size: var(--kraken-framework-default-mobile-nav-font-size);
  --kraken-framework-nav-link-font-weight: var(--kraken-framework-default-mobile-nav-font-weight);
  --kraken-framework-nav-link-font-line-height: var(--kraken-framework-default-mobile-nav-line-height);
  --kraken-framework-nav-link-font-color: var(--kraken-framework-default-mobile-nav-font-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-default-mobile-nav-font-hover-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-default-mobile-nav-font-active-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-default-mobile-nav-font-focus-color);
  --kraken-framework-nav-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-pos: relative;
  --kraken-framework-nav-sub-pos-top: unset;
  --kraken-framework-nav-sub-pos-left: unset;
  --kraken-framework-nav-sub-width: 100%;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: var(--kraken-framework-default-mobile-nav-padding);
  --kraken-framework-nav-link-margin: 0;
  --kraken-framework-nav-sub-link-font-size: var(--kraken-framework-default-mobile-nav-font-size);
  --kraken-framework-nav-sub-link-font-weight: var(--kraken-framework-default-mobile-sub-nav-font-weight);
  --kraken-framework-nav-sub-link-line-height: var(--kraken-framework-default-mobile-nav-line-height);
  --kraken-framework-nav-sub-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-indicator-pos-top: 0.5rem;
  --kraken-framework-nav-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-indicator-width: 28px;
  --kraken-framework-nav-sub-indicator-height: 28px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 2rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 0;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-sub-indicator-width: 28px;
  --kraken-framework-nav-sub-sub-indicator-height: 16px;
  --kraken-framework-nav-drawer-pos-top: var(--kraken-framework-header-notice-height);
  --kraken-framework-nav-drawer-width: 90%;
  --kraken-framework-nav-drawer-padding: 0 1rem 1rem 1rem;
  --kraken-framework-nav-drawer-background-color: var(--kraken-framework-offwhite-color);
  z-index: 114;
}

.kraken-navigation--hamburger {
  --kraken-framework-nav-display: block;
  --kraken-framework-nav-gap: 0;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: flex-start;
  --kraken-framework-nav-link-padding: var(--kraken-framework-default-mobile-nav-padding);
  --kraken-framework-nav-link-font-size: var(--kraken-framework-default-mobile-nav-font-size);
  --kraken-framework-nav-link-font-weight: var(--kraken-framework-default-mobile-nav-font-weight);
  --kraken-framework-nav-link-font-line-height: var(--kraken-framework-default-mobile-nav-line-height);
  --kraken-framework-nav-link-font-color: var(--kraken-framework-default-mobile-nav-font-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-default-mobile-nav-font-hover-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-default-mobile-nav-font-active-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-default-mobile-nav-font-focus-color);
  --kraken-framework-nav-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-pos: relative;
  --kraken-framework-nav-sub-pos-top: unset;
  --kraken-framework-nav-sub-pos-left: unset;
  --kraken-framework-nav-sub-width: 100%;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: var(--kraken-framework-default-mobile-nav-padding);
  --kraken-framework-nav-link-margin: 0;
  --kraken-framework-nav-sub-link-font-size: var(--kraken-framework-default-mobile-nav-font-size);
  --kraken-framework-nav-sub-link-font-weight: var(--kraken-framework-default-mobile-sub-nav-font-weight);
  --kraken-framework-nav-sub-link-line-height: var(--kraken-framework-default-mobile-nav-line-height);
  --kraken-framework-nav-sub-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-indicator-pos-top: 0.5rem;
  --kraken-framework-nav-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-indicator-width: 28px;
  --kraken-framework-nav-sub-indicator-height: 28px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 2rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 0;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-sub-indicator-width: 28px;
  --kraken-framework-nav-sub-sub-indicator-height: 16px;
  --kraken-framework-nav-drawer-pos-top: 0;
  --kraken-framework-nav-drawer-width: 20%;
  --kraken-framework-nav-drawer-padding: 0 1rem 1rem 1rem;
  --kraken-framework-nav-drawer-background-color: var(--kraken-framework-offwhite-color);
  z-index: 113;
}
.kraken-navigation--primary {
  --kraken-framework-nav-display: flex;
  --kraken-framework-nav-gap: 1rem;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: flex-start;
  --kraken-framework-nav-link-padding: var(--kraken-framework-default-desktop-nav-padding);
  --kraken-framework-nav-link-margin:0;
  --kraken-framework-nav-link-font-size: var(--kraken-framework-default-desktop-nav-font-size);
  --kraken-framework-nav-link-font-weight: var(--kraken-framework-default-desktop-nav-font-weight);
  --kraken-framework-nav-link-font-line-height: var(--kraken-framework-default-desktop-nav-line-height);
  --kraken-framework-nav-link-font-color: var(--kraken-framework-default-desktop-nav-font-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-default-desktop-nav-font-hover-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-default-desktop-nav-font-active-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-default-desktop-nav-font-focus-color);
  --kraken-framework-nav-link-background-color: transparent;
  --kraken-framework-nav-link-background-hover-color: transparent;
  --kraken-framework-nav-link-background-active-color: transparent;
  --kraken-framework-nav-link-background-focus-color: transparent;
  --kraken-framework-nav-sub-pos: absolute;
  --kraken-framework-nav-sub-pos-top: -999em;
  --kraken-framework-nav-sub-pos-left: -999em;
  --kraken-framework-nav-sub-width: 200px;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: var(--kraken-framework-default-desktop-sub-nav-padding);
  --kraken-framework-nav-sub-link-font-size: var(--kraken-framework-default-desktop-sub-nav-font-size);
  --kraken-framework-nav-sub-link-font-weight: var(--kraken-framework-default-desktop-sub-nav-font-weight);
  --kraken-framework-nav-sub-link-line-height: var(--kraken-framework-default-desktop-sub-nav-line-height);
  --kraken-framework-nav-sub-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: relative;
  --kraken-framework-nav-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-indicator-pos-right: unset;
  --kraken-framework-nav-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-indicator-height: 16px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 100%;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-sub-indicator-height: 16px;
  z-index: 106;
}
.kraken-navigation--secondary {
  --kraken-framework-nav-display: flex;
  --kraken-framework-nav-gap: 1rem;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: flex-start;
  --kraken-framework-nav-link-padding: var(--kraken-framework-default-desktop-nav-padding);
  --kraken-framework-nav-link-margin:0;
  --kraken-framework-nav-link-font-size: var(--kraken-framework-default-desktop-nav-font-size);
  --kraken-framework-nav-link-font-weight: var(--kraken-framework-default-desktop-nav-font-weight);
  --kraken-framework-nav-link-font-line-height: var(--kraken-framework-default-desktop-nav-line-height);
  --kraken-framework-nav-link-font-color: var(--kraken-framework-default-desktop-nav-font-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-default-desktop-nav-font-hover-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-default-desktop-nav-font-active-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-default-desktop-nav-font-focus-color);
  --kraken-framework-nav-link-background-color: transparent;
  --kraken-framework-nav-link-background-hover-color: transparent;
  --kraken-framework-nav-link-background-active-color: transparent;
  --kraken-framework-nav-link-background-focus-color: transparent;
  --kraken-framework-nav-sub-pos: absolute;
  --kraken-framework-nav-sub-pos-top: -999em;
  --kraken-framework-nav-sub-pos-left: -999em;
  --kraken-framework-nav-sub-width: 200px;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: var(--kraken-framework-default-desktop-sub-nav-padding);
  --kraken-framework-nav-sub-link-font-size: var(--kraken-framework-default-desktop-sub-nav-font-size);
  --kraken-framework-nav-sub-link-font-weight: var(--kraken-framework-default-desktop-sub-nav-font-weight);
  --kraken-framework-nav-sub-link-line-height: var(--kraken-framework-default-desktop-sub-nav-line-height);
  --kraken-framework-nav-sub-link-font-color: #474c55;
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: relative;
  --kraken-framework-nav-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-indicator-pos-right: unset;
  --kraken-framework-nav-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-indicator-height: 16px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 100%;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-sub-indicator-height: 16px;
  z-index: 105;
}
.kraken-navigation--legal {
  --kraken-framework-nav-display: block;
  --kraken-framework-nav-justify: center;
  --kraken-framework-nav-gap: 1rem;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: center;
  --kraken-framework-nav-link-padding: 0.2rem 0.5rem;
  --kraken-framework-nav-link-margin:0;
  --kraken-framework-nav-link-font-size: var(--kraken-framework-default-desktop-nav-font-size);
  --kraken-framework-nav-link-font-weight: 400;
  --kraken-framework-nav-link-font-line-height: var(--kraken-framework-default-desktop-nav-line-height);
  --kraken-framework-nav-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-link-background-color: transparent;
  --kraken-framework-nav-link-background-hover-color: transparent;
  --kraken-framework-nav-link-background-active-color: transparent;
  --kraken-framework-nav-link-background-focus-color: transparent;
  --kraken-framework-nav-sub-pos: absolute;
  --kraken-framework-nav-sub-pos-top: -999em;
  --kraken-framework-nav-sub-pos-left: -999em;
  --kraken-framework-nav-sub-width: 200px;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-link-font-size: 0.8rem;
  --kraken-framework-nav-sub-link-font-weight: 500;
  --kraken-framework-nav-sub-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: relative;
  --kraken-framework-nav-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-indicator-pos-right: unset;
  --kraken-framework-nav-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-indicator-height: 16px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 100%;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-sub-indicator-width: 20px;
  --kraken-framework-nav-sub-sub-indicator-height: 20px;
  z-index: 100;
}
@media (min-width: 991px) {
  .kraken-navigation--legal {
    --kraken-framework-nav-display: flex;
    --kraken-framework-nav-justify: flex-start;
  }
}
@media (min-width: 991px) {
  .kraken-navigation--legal {
    --kraken-framework-nav-link-padding: var(--kraken-framework-default-desktop-nav-padding);
  }
}
.kraken-navigation--extra-01 {
  --kraken-framework-nav-display: block;
  --kraken-framework-nav-justify: center;
  --kraken-framework-nav-gap: 1rem;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: center;
  --kraken-framework-nav-link-padding: 0.2rem 0;
  --kraken-framework-nav-link-margin:0;
  --kraken-framework-nav-link-margin:0;
  --kraken-framework-nav-link-font-size: var(--kraken-framework-default-desktop-nav-font-size);
  --kraken-framework-nav-link-font-weight: 400;
  --kraken-framework-nav-link-font-line-height: var(--kraken-framework-default-desktop-nav-line-height);
  --kraken-framework-nav-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-link-background-color: transparent;
  --kraken-framework-nav-link-background-hover-color: transparent;
  --kraken-framework-nav-link-background-active-color: transparent;
  --kraken-framework-nav-link-background-focus-color: transparent;
  --kraken-framework-nav-sub-pos: absolute;
  --kraken-framework-nav-sub-pos-top: -999em;
  --kraken-framework-nav-sub-pos-left: -999em;
  --kraken-framework-nav-sub-width: 200px;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-link-font-size: 0.8rem;
  --kraken-framework-nav-sub-link-font-weight: 500;
  --kraken-framework-nav-sub-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: relative;
  --kraken-framework-nav-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-indicator-pos-right: unset;
  --kraken-framework-nav-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-indicator-height: 16px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 100%;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-sub-indicator-height: 16px;
  z-index: 100;
}
@media (min-width: 991px) {
  .kraken-navigation--extra-01 {
    --kraken-framework-nav-justify: flex-start;
  }
}
@media (min-width: 991px) {
  .kraken-navigation--extra-01 {
    --kraken-framework-nav-link-justify: flex-start;
  }
}
.kraken-navigation--subpage {
  --kraken-framework-nav-display: block;
  --kraken-framework-nav-justify: center;
  --kraken-framework-nav-gap: 1rem;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: center;
  --kraken-framework-nav-link-padding: 0.2rem 0;
  --kraken-framework-nav-link-margin:0;
  --kraken-framework-nav-link-font-size: 1rem;
  --kraken-framework-nav-link-font-weight: 400;
  --kraken-framework-nav-link-font-line-height: 1.6;
  --kraken-framework-nav-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-link-background-color: transparent;
  --kraken-framework-nav-link-background-hover-color: transparent;
  --kraken-framework-nav-link-background-active-color: transparent;
  --kraken-framework-nav-link-background-focus-color: transparent;
  --kraken-framework-nav-sub-pos: absolute;
  --kraken-framework-nav-sub-pos-top: -999em;
  --kraken-framework-nav-sub-pos-left: -999em;
  --kraken-framework-nav-sub-width: 200px;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-link-font-size: 1rem;
  --kraken-framework-nav-sub-link-font-weight: 500;
  --kraken-framework-nav-sub-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: relative;
  --kraken-framework-nav-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-indicator-pos-right: unset;
  --kraken-framework-nav-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-indicator-height: 16px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 100%;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-sub-indicator-height: 16px;
  z-index: 100;
}
@media (min-width: 991px) {
  .kraken-navigation--subpage {
    --kraken-framework-nav-justify: flex-start;
  }
}
@media (min-width: 991px) {
  .kraken-navigation--subpage {
    --kraken-framework-nav-link-justify: flex-start;
  }
}
.kraken-navigation__drawer {
  display: none;
  position: fixed;
  top: var(--kraken-framework-nav-drawer-pos-top, 0);
  bottom: 0;
  left: -99999rem;
  right: 99999rem;
  transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;
  z-index: 112;
}
.kraken-navigation__drawer--is-open {
  left: 0;
  opacity: 1;
  right: 0;
  transition: opacity 0.25s ease-out;
}
.kraken-navigation__drawer--is-open .kraken-navigation__drawer-inner {
  opacity: 1;
  transform: translateX(0%);
}
.kraken-navigation__drawer--is-open .kraken-navigation__drawer-overlay {
  opacity: 1;
}
.kraken-navigation__drawer-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: var(--kraken-header-row-height-mobile);
}
.kraken-navigation__drawer-inner {
  overflow: auto;
  position: fixed;
  top: var(--kraken-framework-nav-drawer-pos-top);
  right: 0;
  bottom: 0;
  opacity: 0;
  width: var(--kraken-framework-nav-drawer-width);
  padding: var(--kraken-framework-nav-drawer-padding);
  transform: translateX(100%);
  background: var(--kraken-framework-nav-drawer-background-color);
  transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.25s cubic-bezier(0.77, 0.2, 0.05, 1);
}
.kraken-navigation__drawer-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: opacity 0.2s ease-in-out;
}
.kraken-framework-notice--is-active .kraken-navigation__drawer {
  top: var(--kraken-framework-nav-drawer-pos-top);
}

.kraken-framework-with-notice--is-disabled .kraken-navigation__drawer {
  top: 0;
}

.kraken-navigation__list {
  display: var(--kraken-framework-nav-display, block);
  gap: var(--kraken-framework-nav-gap, 0.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.kraken-navigation__list .menu-item {
  position: relative;
  padding: var(--kraken-framework-menu-item-padding, 0);
  margin: var(--kraken-framework-menu-item-margin, 0);
}

.kraken-navigation__list .menu-item.current-menu-item > a, .kraken-navigation__list .menu-item.current-menu-ancestor > a {
  background-color: var(--kraken-framework-nav-link-background-active-color);
  color: var(--kraken-framework-nav-link-font-active-color);
}

.kraken-navigation__list .menu-item.menu-item-has-children > a {
  /* Styling for the arrow */
}

.kraken-navigation__list .menu-item.menu-item-has-children > a::after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask-image: var(--kraken-framework-nav-sub-indicator-svg);
  mask-image: var(--kraken-framework-nav-sub-indicator-svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: var(--kraken-framework-nav-sub-indicator-pos-type);
  top: var(--kraken-framework-nav-sub-indicator-pos-top);
  right: var(--kraken-framework-nav-sub-indicator-pos-right);
  width: var(--kraken-framework-nav-sub-indicator-width);
  height: var(--kraken-framework-nav-sub-indicator-height);
  margin-left: 0.2rem;
  text-align: center;
  transform-origin: center;
  transform: rotate(0deg);
  transition: transform 100ms ease 0s;
}

.kraken-navigation__list .menu-item.menu-item-has-children > a[aria-expanded=true]::after {
  transform: rotate(180deg);
}

.kraken-navigation__list .menu-item a {
  display: flex;
  justify-content: var(--kraken-framework-nav-link-justify, flex-start);
  align-items: center;
  padding: var(--kraken-framework-nav-link-padding);
  margin: var(--kraken-framework-nav-link-margin);
  background-color: var(--kraken-framework-nav-link-background-color);
  color: var(--kraken-framework-nav-link-font-color);
  font-size: var(--kraken-framework-nav-link-font-size);
  font-weight: var(--kraken-framework-nav-link-font-weight);
  line-height: var(--kraken-framework-nav-link-font-line-height);
  text-decoration: none;
  transition: color 100ms ease-out, background-color 100ms ease-out;
}

.kraken-navigation__list .menu-item a:hover {
  color: var(--kraken-framework-nav-link-font-hover-color);
  background-color: var(--kraken-framework-nav-link-background-hover-color);
}

.kraken-navigation__list .menu-item a:focus {
  background-color: var(--kraken-framework-nav-link-background-focus-color);
  color: var(--kraken-framework-nav-link-font-focus-color);
}

.kraken-navigation__list .menu-item a:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}

.kraken-navigation__list .menu-item a[aria-expanded=true] + .sub-menu {
  visibility: visible;
  top: auto;
  left: auto;
  height: auto;
}

.kraken-navigation__list .menu-item .sub-menu {
  visibility: hidden;
  position: var(--kraken-framework-nav-sub-pos);
  top: var(--kraken-framework-nav-sub-pos-top);
  left: var(--kraken-framework-nav-sub-pos-left);
  z-index: 900;
  width: var(--kraken-framework-nav-sub-width);
  height: 0;
  margin: 0;
  padding: 0;
  background-color: var(--kraken-framework-nav-sub-background-color);
  list-style: none;
  transition: height 600ms ease-out;
}

.kraken-navigation__list .menu-item .sub-menu .menu-item {
  padding: var(--kraken-framework-sub-menu-item-padding);
  margin: var(--kraken-framework-sub-menu-item-margin);
}

.kraken-navigation__list .menu-item .sub-menu .menu-item.current-menu-item > a, .kraken-navigation__list .menu-item .sub-menu .menu-item.current-menu-ancestor > a {
  background-color: var(--kraken-framework-nav-sub-link-background-active-color);
  color: var(--kraken-framework-nav-sub-link-font-active-color);
}

.kraken-navigation__list .menu-item .sub-menu a {
  padding: var(--kraken-framework-nav-sub-link-padding);
  background-color: var(--kraken-framework-nav-sub-link-background-color);
  color: var(--kraken-framework-nav-sub-link-font-color);
  font-size: var(--kraken-framework-nav-sub-link-font-size);
  font-weight: var(--kraken-framework-nav-sub-link-font-weight);
}

.kraken-navigation__list .menu-item .sub-menu a:hover {
  color: var(--kraken-framework-nav-sub-link-font-hover-color);
  background-color: var(--kraken-framework-nav-sub-link-background-hover-color);
}

.kraken-navigation__list .menu-item .sub-menu a:focus {
  color: var(--kraken-framework-nav-sub-link-font-focus-color);
  background-color: var(--kraken-framework-nav-sub-link-background-focus-color);
}

.kraken-navigation__list .menu-item .sub-menu a:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: -2px;
  visibility: visible;
  opacity: 1;
}

.kraken-navigation__list .menu-item .sub-menu a[aria-expanded=true] + .sub-menu {
  visibility: visible;
  top: var(--kraken-framework-nav-sub-sub-pos-top);
  left: var(--kraken-framework-nav-sub-sub-pos-left);
  height: auto;
}

.kraken-navigation__list .menu-item .sub-menu .menu-item.menu-item-has-children > a {
  /* Styling for the arrow */
}

.kraken-navigation__list .menu-item .sub-menu .menu-item.menu-item-has-children > a::after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask-image: var(--kraken-framework-nav-sub-indicator-svg);
  mask-image: var(--kraken-framework-nav-sub-indicator-svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: var(--kraken-framework-nav-sub-sub-indicator-pos-type);
  top: var(--kraken-framework-nav-sub-sub-indicator-pos-top);
  right: var(--kraken-framework-nav-sub-sub-indicator-pos-right);
  width: var(--kraken-framework-nav-sub-sub-indicator-width);
  height: var(--kraken-framework-nav-sub-sub-indicator-height);
  transform: rotate(-90deg);
}

.kraken-navigation__list .menu-item .sub-menu .menu-item.menu-item-has-children > a[aria-expanded=true]::after {
  transform: rotate(180deg);
}

.kraken-navigation__list .menu-item .sub-menu .sub-menu .menu-item a {
  padding: var(--kraken-framework-nav-sub-sub-link-padding);
}

.body--transparent .kraken-navigation {
  /* Primary Navigation Variables */
  /* Secondary Navigation Variables */
}

.body--transparent .kraken-navigation--primary {
  --kraken-framework-nav-display: flex;
  --kraken-framework-nav-gap: 1rem;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: flex-start;
  --kraken-framework-nav-link-padding: var(--kraken-framework-default-desktop-nav-padding);
  --kraken-framework-nav-link-margin:0;
  --kraken-framework-nav-link-font-size: var(--kraken-framework-default-desktop-nav-font-size);
  --kraken-framework-nav-link-font-weight: var(--kraken-framework-default-desktop-nav-font-weight);
  --kraken-framework-nav-link-font-line-height: var(--kraken-framework-default-desktop-nav-line-height);
  --kraken-framework-nav-link-font-color: var(--kraken-framework-default-transparent-nav-font-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-default-transparent-nav-font-hover-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-default-transparent-nav-font-active-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-default-transparent-nav-font-focus-color);
  --kraken-framework-nav-link-background-color: transparent;
  --kraken-framework-nav-link-background-hover-color: transparent;
  --kraken-framework-nav-link-background-active-color: transparent;
  --kraken-framework-nav-link-background-focus-color: transparent;
  --kraken-framework-nav-sub-pos: absolute;
  --kraken-framework-nav-sub-pos-top: -999em;
  --kraken-framework-nav-sub-pos-left: -999em;
  --kraken-framework-nav-sub-width: 200px;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: var(--kraken-framework-default-desktop-sub-nav-padding);
  --kraken-framework-nav-sub-link-font-size: var(--kraken-framework-default-desktop-sub-nav-font-size);
  --kraken-framework-nav-sub-link-font-weight: var(--kraken-framework-default-desktop-sub-nav-font-weight);
  --kraken-framework-nav-sub-link-line-height: var(--kraken-framework-default-desktop-sub-nav-line-height);
  --kraken-framework-nav-sub-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: relative;
  --kraken-framework-nav-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-indicator-pos-right: unset;
  --kraken-framework-nav-sub-indicator-svg: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"%2F%3E%3C%2Fsvg%3E');
  --kraken-framework-nav-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-indicator-height: 16px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 100%;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"%2F%3E%3C%2Fsvg%3E');
  --kraken-framework-nav-sub-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-sub-indicator-height: 16px;
  z-index: 106;
}

.body--transparent .kraken-navigation--secondary {
  --kraken-framework-nav-display: flex;
  --kraken-framework-nav-gap: 1rem;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: flex-start;
  --kraken-framework-nav-link-padding: var(--kraken-framework-default-desktop-nav-padding);
  --kraken-framework-nav-link-margin:0;
  --kraken-framework-nav-link-font-size: var(--kraken-framework-default-desktop-nav-font-size);
  --kraken-framework-nav-link-font-weight: var(--kraken-framework-default-desktop-nav-font-weight);
  --kraken-framework-nav-link-font-line-height: var(--kraken-framework-default-desktop-nav-line-height);
  --kraken-framework-nav-link-font-color: var(--kraken-framework-default-transparent-nav-font-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-default-transparent-nav-font-hover-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-default-transparent-nav-font-active-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-default-transparent-nav-font-focus-color);
  --kraken-framework-nav-link-background-color: transparent;
  --kraken-framework-nav-link-background-hover-color: transparent;
  --kraken-framework-nav-link-background-active-color: transparent;
  --kraken-framework-nav-link-background-focus-color: transparent;
  --kraken-framework-nav-sub-pos: absolute;
  --kraken-framework-nav-sub-pos-top: -999em;
  --kraken-framework-nav-sub-pos-left: -999em;
  --kraken-framework-nav-sub-width: 200px;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: var(--kraken-framework-default-desktop-sub-nav-padding);
  --kraken-framework-nav-sub-link-font-size: var(--kraken-framework-default-desktop-sub-nav-font-size);
  --kraken-framework-nav-sub-link-font-weight: var(--kraken-framework-default-desktop-sub-nav-font-weight);
  --kraken-framework-nav-sub-link-line-height: var(--kraken-framework-default-desktop-sub-nav-line-height);
  --kraken-framework-nav-sub-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: relative;
  --kraken-framework-nav-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-indicator-pos-right: unset;
  --kraken-framework-nav-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-indicator-height: 16px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 100%;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-sub-indicator-width: 20px;
  --kraken-framework-nav-sub-sub-indicator-height: 20px;
  z-index: 105;
}

.is-scrolling .body--transparent .kraken-navigation {
  /* Primary Navigation Variables */
  /* Secondary Navigation Variables */
}

.is-scrolling .body--transparent .kraken-navigation--primary {
  --kraken-framework-nav-display: flex;
  --kraken-framework-nav-gap: 1rem;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: flex-start;
  --kraken-framework-nav-link-padding: var(--kraken-framework-default-desktop-nav-padding);
  --kraken-framework-nav-link-margin:0;
  --kraken-framework-nav-link-font-size: var(--kraken-framework-default-desktop-nav-font-size);
  --kraken-framework-nav-link-font-weight: var(--kraken-framework-default-desktop-nav-font-weight);
  --kraken-framework-nav-link-font-line-height: var(--kraken-framework-default-desktop-nav-line-height);
  --kraken-framework-nav-link-font-color: var(--kraken-framework-default-transparent-nav-font-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-default-transparent-nav-font-hover-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-default-transparent-nav-font-active-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-default-transparent-nav-font-focus-color);
  --kraken-framework-nav-link-background-color: transparent;
  --kraken-framework-nav-link-background-hover-color: transparent;
  --kraken-framework-nav-link-background-active-color: transparent;
  --kraken-framework-nav-link-background-focus-color: transparent;
  --kraken-framework-nav-sub-pos: absolute;
  --kraken-framework-nav-sub-pos-top: -999em;
  --kraken-framework-nav-sub-pos-left: -999em;
  --kraken-framework-nav-sub-width: 200px;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: var(--kraken-framework-default-desktop-sub-nav-padding);
  --kraken-framework-nav-sub-link-font-size: var(--kraken-framework-default-desktop-sub-nav-font-size);
  --kraken-framework-nav-sub-link-font-weight: var(--kraken-framework-default-desktop-sub-nav-font-weight);
  --kraken-framework-nav-sub-link-line-height: var(--kraken-framework-default-desktop-sub-nav-line-height);
  --kraken-framework-nav-sub-link-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: relative;
  --kraken-framework-nav-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-indicator-pos-right: unset;
  --kraken-framework-nav-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-indicator-height: 16px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 100%;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-sub-indicator-height: 16px;
  z-index: 106;
}

.is-scrolling .body--transparent .kraken-navigation--secondary {
  --kraken-framework-nav-display: flex;
  --kraken-framework-nav-gap: 1rem;
  --kraken-framework-nav-background-color: transparent;
  --kraken-framework-menu-item-padding: 0;
  --kraken-framework-menu-item-margin: 0;
  --kraken-framework-nav-link-justify: flex-start;
  --kraken-framework-nav-link-padding: var(--kraken-framework-default-desktop-nav-padding);
  --kraken-framework-nav-link-margin:0;
  --kraken-framework-nav-link-font-size: var(--kraken-framework-default-desktop-nav-font-size);
  --kraken-framework-nav-link-font-weight: var(--kraken-framework-default-desktop-nav-font-weight);
  --kraken-framework-nav-link-font-line-height: var(--kraken-framework-default-desktop-nav-line-height);
  --kraken-framework-nav-link-font-color: var(--kraken-framework-default-transparent-nav-font-color);
  --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-default-transparent-nav-font-hover-color);
  --kraken-framework-nav-link-font-active-color: var(--kraken-framework-default-transparent-nav-font-active-color);
  --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-default-transparent-nav-font-focus-color);
  --kraken-framework-nav-link-background-color: transparent;
  --kraken-framework-nav-link-background-hover-color: transparent;
  --kraken-framework-nav-link-background-active-color: transparent;
  --kraken-framework-nav-link-background-focus-color: transparent;
  --kraken-framework-nav-sub-pos: absolute;
  --kraken-framework-nav-sub-pos-top: -999em;
  --kraken-framework-nav-sub-pos-left: -999em;
  --kraken-framework-nav-sub-width: 200px;
  --kraken-framework-nav-sub-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-sub-menu-item-padding: 0;
  --kraken-framework-sub-menu-item-margin: 0;
  --kraken-framework-nav-sub-link-padding: var(--kraken-framework-default-desktop-sub-nav-padding);
  --kraken-framework-nav-sub-link-font-size: var(--kraken-framework-default-desktop-sub-nav-font-size);
  --kraken-framework-nav-sub-link-font-weight: var(--kraken-framework-default-desktop-sub-nav-font-weight);
  --kraken-framework-nav-sub-link-line-height: var(--kraken-framework-default-desktop-sub-nav-line-height);
  --kraken-framework-nav-sub-link-font-color: #474c55;
  --kraken-framework-nav-sub-link-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-active-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-active-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-link-background-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-nav-sub-indicator-pos-type: relative;
  --kraken-framework-nav-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-indicator-pos-right: unset;
  --kraken-framework-nav-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-indicator-height: 16px;
  --kraken-framework-nav-sub-sub-link-padding: 0.3rem 0.5rem;
  --kraken-framework-nav-sub-sub-pos-top: 0;
  --kraken-framework-nav-sub-sub-pos-left: 100%;
  --kraken-framework-nav-sub-sub-indicator-pos-type: absolute;
  --kraken-framework-nav-sub-sub-indicator-pos-top: unset;
  --kraken-framework-nav-sub-sub-indicator-pos-right: 0;
  --kraken-framework-nav-sub-sub-indicator-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
  --kraken-framework-nav-sub-sub-indicator-width: 16px;
  --kraken-framework-nav-sub-sub-indicator-height: 16px;
  z-index: 105;
}

/* -- [04.1] Breadcrumbs Styles -- */
.kraken-breadcrumbs {
  --kraken-framework-breadcrumbs-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-breadcrumbs-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-breadcrumbs-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-breadcrumbs-font-active-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-breadcrumbs-font-size: 0.8rem;
  --kraken-framework-breadcrumbs-font-weight: 400;
  --kraken-framework-breadcrumbs-divider: ">";
  --kraken-framework-breadcrumbs-divider-margin: 0.5rem;
  --kraken-framework-breadcrumbs-above-margin-bottom: 1rem;
  --kraken-framework-breadcrumbs-below-margin-bottom: 1.5rem;
}
.kraken-breadcrumbs--breadcrumbs_above {
  margin-bottom: var(--kraken-framework-breadcrumbs-above-margin-bottom);
}
.kraken-breadcrumbs--breadcrumbs_below {
  margin-bottom: var(--kraken-framework-breadcrumbs-below-margin-bottom);
}
.kraken-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}
.kraken-breadcrumbs__item:after {
  content: var(--kraken-framework-breadcrumbs-divider);
  margin: 0 var(--kraken-framework-breadcrumbs-divider-margin);
  font-size: var(--kraken-framework-breadcrumbs-font-size);
  font-weight: var(--kraken-framework-breadcrumbs-font-weight);
}
.kraken-breadcrumbs__item:last-child:after {
  content: "";
}
.kraken-breadcrumbs__link {
  color: var(--kraken-framework-breadcrumbs-font-color);
  font-size: var(--kraken-framework-breadcrumbs-font-size);
  font-weight: var(--kraken-framework-breadcrumbs-font-weight);
  text-decoration: none;
}
.kraken-breadcrumbs__link:not(span):hover {
  color: var(--kraken-framework-breadcrumbs-font-hover-color);
}
.kraken-breadcrumbs__link:not(span):focus {
  color: var(--kraken-framework-breadcrumbs-font-focus-color);
}
.kraken-breadcrumbs__link:not(span):focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-breadcrumbs__link--is-active {
  color: var(--kraken-framework-breadcrumbs-font-active-color);
}

/* -- [04.2] Social Media Styles -- */
.kraken-social-media {
  --kraken-framework-social-button-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-social-button-background-color: var(--kraken-framework-accent-color);
  --kraken-framework-social-button-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-social-button-hover-background-color: var( --kraken-framework-accent-alt-color);
  --kraken-framework-social-button-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-social-button-focus-background-color: var( --kraken-framework-accent-alt-color);
  --kraken-framework-social-button-border-color: var(--kraken-framework-accent-color);
  --kraken-framework-social-button-border-hover-color: var( --kraken-framework-accent-alt-color);
  --kraken-framework-social-button-border-focus-color: var( --kraken-framework-accent-alt-color);
  --kraken-framework-social-button-border-size: 0;
  --kraken-framework-social-button-border-radius: 100px;
  --kraken-framework-social-button-width: 30px;
  --kraken-framework-social-button-height: 30px;
  --kraken-framework-social-button-padding: 0.5rem;
}
.kraken-social-media__list {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kraken-social-media__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--kraken-framework-social-button-width);
  height: var(--kraken-framework-social-button-height);
  padding: var(--kraken-framework-social-button-padding);
  background-color: var(--kraken-framework-social-button-background-color);
  color: var(--kraken-framework-social-button-color);
  border: solid var(--kraken-framework-social-button-border-size) var(--kraken-framework-social-button-border-color);
  border-radius: var(--kraken-framework-social-button-border-radius);
}
.kraken-social-media__link:hover {
  background-color: var(--kraken-framework-social-button-hover-background-color);
  color: var(--kraken-framework-social-button-hover-color);
  border: solid var(--kraken-framework-social-button-border-size) var(--kraken-framework-social-button-border-hover-color);
}
.kraken-social-media__link:focus {
  background-color: var(--kraken-framework-social-button-focus-background-color);
  color: var(--kraken-framework-social-button-focus-color);
  border: solid var(--kraken-framework-social-button-border-size) var(--kraken-framework-social-button-border-focus-color);
}
.kraken-social-media__link:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-social-media__link--Facebook, .kraken-social-media__link--facebook {
  --kraken-framework-a-font-color: var(--kraken-framework-accent-color);
  --kraken-framework-a-hover-font-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-a-focus-font-color: var(--kraken-framework-accent-alt-color);
  color: var(--kraken-framework-a-font-color);
  background: transparent;
  padding: 0;
}
.kraken-social-media__link--Facebook:hover, .kraken-social-media__link--facebook:hover {
  background-color: transparent;
  color: var(--kraken-framework-social-button-hover-background-color);
  border: transparent;
}
.kraken-social-media__link--Facebook:focus, .kraken-social-media__link--facebook:focus {
  background-color: transparent;
  color: var(--kraken-framework-social-button-focus-background-color);
  border: transparent;
}
.kraken-social-media--footer .kraken-social-media__list {
  justify-content: center;
}
@media (min-width: 991px) {
  .kraken-social-media--footer .kraken-social-media__list {
    justify-content: flex-start;
  }
}
.kraken-social-media--share {
  font-size: 0.9rem;
  font-weight: 700;
}

/* -- [04.3] Logo Styles -- */
.kraken-logo {
  line-height: 0;
  transition: opacity 500ms ease-in-out, width 600ms ease-in-out;
}

.kraken-logo:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  opacity: 1;
}

.kraken-logo .kraken-logo__image {
  width: var(--kraken-logo-width);
  height: var(--kraken-logo-height);
  display: block;
}

.kraken-logo--mobile {
  --kraken-logo-width: var(--kraken-framework-logo-mobile-width);
  --kraken-logo-height: var(--kraken-framework-logo-mobile-height);
}

.body--solid .kraken-logo--default {
  --kraken-logo-width: var(--kraken-framework-logo-default-width);
  --kraken-logo-height: var(--kraken-framework-logo-default-height);
  display: block;
}

.body--solid .kraken-logo--transparent {
  display: none;
}

.body--solid .kraken-logo--shrink {
  display: none;
}

.body--solid .kraken-logo--shrink-transparent {
  display: none;
}

.body--transparent .kraken-logo--default {
  display: none;
}

.body--transparent .kraken-logo--transparent {
  --kraken-logo-width: var(--kraken-framework-logo-trans-width);
  --kraken-logo-height: var(--kraken-framework-logo-trans-height);
  display: block;
}

.body--transparent .kraken-logo--shrink {
  display: none;
}

.body--transparent .kraken-logo--shrink-transparent {
  display: none;
}

.body--no-shrink .kraken-logo--shrink {
  display: none;
}

.body--no-shrink .kraken-logo--shrink-transparent {
  display: none;
}

.is-scrolling .body--solid .kraken-logo--default {
  --kraken-logo-width: var(--kraken-framework-logo-default-width);
  --kraken-logo-height: var(--kraken-framework-logo-default-height);
  display: block;
}

.is-scrolling .body--solid .kraken-logo--transparent {
  display: none;
}

.is-scrolling .body--solid .kraken-logo--shrink {
  display: none;
}

.is-scrolling .body--solid .kraken-logo--shrink-transparent {
  display: none;
}

.is-scrolling .body--transparent .kraken-logo--default {
  display: none;
}

.is-scrolling .body--transparent .kraken-logo--transparent {
  --kraken-logo-width: var(--kraken-framework-logo-trans-width);
  --kraken-logo-height: var(--kraken-framework-logo-trans-height);
  display: block;
}

.is-scrolling .body--transparent .kraken-logo--shrink {
  display: none;
}

.is-scrolling .body--transparent .kraken-logo--shrink-transparent {
  display: none;
}

.is-scrolling .body--shrink.body--solid .kraken-logo--default {
  display: none;
}

.is-scrolling .body--shrink.body--solid .kraken-logo--transparent {
  display: none;
}

.is-scrolling .body--shrink.body--solid .kraken-logo--shrink {
  display: block;
  --kraken-logo-width: var(--kraken-framework-logo-shrink-width);
  --kraken-logo-height: var(--kraken-framework-logo-shrink-height);
}

.is-scrolling .body--shrink.body--solid .kraken-logo--shrink-transparent {
  display: none;
}

.is-scrolling .body--shrink.body--transparent .kraken-logo--default {
  display: none;
}

.is-scrolling .body--shrink.body--transparent .kraken-logo--transparent {
  display: none;
}

.is-scrolling .body--shrink.body--transparent .kraken-logo--shrink {
  display: none;
}

.is-scrolling .body--shrink.body--transparent .kraken-logo--shrink-transparent {
  --kraken-logo-width: var(--kraken-framework-logo-shrink-trans-width);
  --kraken-logo-height: var(--kraken-framework-logo-shrink-trans-height);
  display: block;
}

.is-scrolling-up .body--shrink.body--solid .kraken-logo--default {
  display: none;
}

.is-scrolling-up .body--shrink.body--solid .kraken-logo--transparent {
  display: none;
}

.is-scrolling-up .body--shrink.body--solid .kraken-logo--shrink {
  --kraken-logo-width: var(--kraken-framework-logo-shrink-width);
  --kraken-logo-height: var(--kraken-framework-logo-shrink-height);
  display: block;
}

.is-scrolling-up .body--shrink.body--solid .kraken-logo--shrink-transparent {
  display: none;
}

.is-scrolling-up .body--shrink.body--transparent .kraken-logo--default {
  display: none;
}

.is-scrolling-up .body--shrink.body--transparent .kraken-logo--transparent {
  display: none;
}

.is-scrolling-up .body--shrink.body--transparent .kraken-logo--shrink {
  display: none;
}

.is-scrolling-up .body--shrink.body--transparent .kraken-logo--shrink-transparent {
  --kraken-logo-width: var(--kraken-framework-logo-shrink-trans-width);
  --kraken-logo-height: var(--kraken-framework-logo-shrink-trans-height);
  display: block;
}

.kraken-logo--footer {
  margin: 0 auto;
  width: var(--kraken-framework-logo-footer-width);
  max-width: 100%;
  display: block;
}

.kraken-logo--footer .kraken-logo__image {
  width: var(--kraken-framework-logo-footer-width);
}

@media (min-width: 991px) {
  .kraken-logo--footer {
    margin: 0 0;
  }
}

/* -- [04.4] Pagination Styles -- */
.kraken-pagination {
  --kraken-framework-pagination-background-color: var(--kraken-framework-accent-color);
  --kraken-framework-pagination-font-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-pagination-border-color: var(--kraken-framework-accent-color);
  --kraken-framework-pagination-hover-background-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-pagination-hover-font-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-pagination-hover-border-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-pagination-focus-background-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-pagination-focus-font-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-pagination-focus-border-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-pagination-active-background-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-pagination-active-font-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-pagination-active-border-color: var(--kraken-framework-accent-color);
  --kraken-framework-pagination-font-size: 0.9rem;
  --kraken-framework-pagination-icon-font-size: 1rem;
  --kraken-framework-pagination-icon-width: 8.75px;
  --kraken-framework-pagination-icon-height: 14px;
  --kraken-framework-pagination-link-width: 30px;
  --kraken-framework-pagination-link-height: 30px;
  --kraken-framework-pagination-border-radius: 5px;
  --kraken-framework-pagination-previous-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.75' height='14' viewBox='0 0 320 512'%3E%3Cpath fill='white' d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256L246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
  --kraken-framework-pagination-next-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.75' height='14' viewBox='0 0 320 512'%3E%3Cpath fill='white' d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256L73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
}
.kraken-pagination__list {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kraken-pagination__link {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--kraken-framework-pagination-background-color);
  color: var(--kraken-framework-pagination-font-color);
  border: 1px solid var(--kraken-framework-pagination-border-color);
  border-radius: var(--kraken-framework-pagination-border-radius);
  width: var(--kraken-framework-pagination-link-width);
  height: var(--kraken-framework-pagination-link-height);
  font-size: var(--kraken-framework-pagination-font-size);
  line-height: 1;
  text-decoration: none;
  transition: all 2ms ease-out;
}
.kraken-pagination__link:hover {
  background-color: var(--kraken-framework-pagination-hover-background-color);
  color: var(--kraken-framework-pagination-hover-font-color);
  border: 1px solid var(--kraken-framework-pagination-hover-border-color);
}
.kraken-pagination__link:focus {
  background-color: var(--kraken-framework-pagination-focus-background-color);
  color: var(--kraken-framework-pagination-focus-font-color);
  border: 1px solid var(--kraken-framework-pagination-focus-border-color);
}
.kraken-pagination__link:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-pagination__link--is-active {
  background-color: var(--kraken-framework-pagination-active-background-color);
  color: var(--kraken-framework-pagination-active-font-color);
  border: 1px solid var(--kraken-framework-pagination-active-border-color);
}
.kraken-pagination__link--prev span, .kraken-pagination__link--next span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.kraken-pagination__link--prev:before {
  content: var(--kraken-framework-pagination-previous-icon);
  display: block;
  width: var(--kraken-framework-pagination-icon-width);
  height: var(--kraken-framework-pagination-icon-height);
}
.kraken-pagination__link--next:before {
  content: var(--kraken-framework-pagination-next-icon);
  display: block;
  width: var(--kraken-framework-pagination-icon-width);
  height: var(--kraken-framework-pagination-icon-height);
}

/* -- [04.5] Post Navigation Styles -- */
.kraken-post-navigation {
  width: 100%;
  margin: 3.5rem auto;
}
.kraken-post-navigation__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kraken-post-navigation__item {
  width: 50%;
}
.kraken-post-navigation__item--next {
  display: flex;
  justify-content: flex-end;
}
.kraken-post-navigation__item--previous {
  display: flex;
  justify-content: flex-start;
}

/* -- [04.6] Header Notice Styles -- */
.kraken-header-notice {
  --kraken-framework-header-notice-min-height: 40px;
  --kraken-framework-header-notice-padding: 0 1rem 0 1rem;
  --kraken-framework-header-notice-font-size: 0.8rem;
  --kraken-framework-header-notice-background-color: var(--kraken-framework-lighter-bg-color);
  --kraken-framework-header-notice-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-header-notice-font-weight: 500;
  --kraken-framework-header-notice-link-color: var( --kraken-framework-accent-color);
  --kraken-framework-header-notice-link-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-header-notice-link-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-header-notice-button-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-notice-button-background-color: var(--kraken-framework-accent-color);
  --kraken-framework-header-notice-button-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-notice-button-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-notice-button-hover-background-color:var(--kraken-framework-accent-alt-color);
  --kraken-framework-header-notice-button-focus-background-color:var(--kraken-framework-accent-alt-color);
  --kraken-framework-header-notice-button-border-color: var( --kraken-framework-accent-color);
  --kraken-framework-header-notice-button-border-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-header-notice-button-border-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-header-notice-button-border-size: 1px;
  --kraken-framework-header-notice-button-border-radius: 5px;
  width: 100%;
  background-color: var(--kraken-framework-header-notice-background-color);
  color: var(--kraken-framework-header-notice-font-color);
  transition: all 600ms ease-out;
  z-index: 115;
}
.kraken-header-notice--is-active {
  display: block;
}
.kraken-header-notice--is-disabled {
  display: none;
  height: 0;
}
.kraken-header-notice__inner {
  display: flex;
  align-items: center;
  max-width: 100%;
  min-height: var(--kraken-framework-header-notice-min-height);
  margin: 0 auto;
  padding: var(--kraken-framework-header-notice-padding);
}
.kraken-header-notice__text {
  width: calc(100% - 40px);
  margin: 0;
  padding: 0;
  font-size: var(--kraken-framework-header-notice-font-size);
  font-weight: var(--kraken-framework-header-notice-font-weight);
  text-align: center;
}
.kraken-header-notice__text a {
  color: var(--kraken-framework-header-notice-link-color);
}
.kraken-header-notice__text a:hover {
  color: var(--kraken-framework-header-notice-link-hover-color);
}
.kraken-header-notice__text a:focus {
  color: var(--kraken-framework-header-notice-link-focus-color);
}
.kraken-header-notice__text a:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-header-notice__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: var(--kraken-framework-header-notice-button-background-color);
  color: var(--kraken-framework-header-notice-button-color);
  border: var(--kraken-framework-header-notice-button-border-size) solid var(--kraken-framework-header-notice-button-border-color);
  border-radius: var(--kraken-framework-header-notice-button-border-radius);
  cursor: pointer;
  transition: all 600ms ease-out;
}
.kraken-header-notice__button:hover {
  background-color: var(--kraken-framework-header-notice-button-hover-background-color);
  color: var(--kraken-framework-header-notice-button-hover-color);
  border: var(--kraken-framework-header-notice-button-border-size) solid var(--kraken-framework-header-notice-button-border-hover-color);
}
.kraken-header-notice__button:focus {
  background-color: var(--kraken-framework-header-notice-button-hover-background-color);
  color: var(--kraken-framework-header-notice-button-hover-color);
}
.kraken-header-notice__button:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-header-notice__button svg {
  width: 20px;
  height: 20px;
}

/* -- [04.7] Post / Single Post Styles -- */
.kraken-post {
  --kraken-framework-post-width: 100%;
  --kraken-framework-post-background: var(--kraken-framework-offwhite-color);
  --kraken-framework-post-margin:0 0 3.5rem 0;
  --kraken-framework-post-display: flex;
  --kraken-framework-post-col-01-width: 50%;
  --kraken-framework-post-col-01-padding: 0;
  --kraken-framework-post-col-01-padding-sm: 0;
  --kraken-framework-post-col-01-padding-md: 0;
  --kraken-framework-post-col-02-width: 50%;
  --kraken-framework-post-col-02-padding: 1rem 1rem;
  --kraken-framework-post-col-02-padding-sm: 1rem 2rem;
  --kraken-framework-post-col-02-padding-md: 3rem 3rem;
  --kraken-framework-post-title-margin: 1rem 0 1rem 0;
  --kraken-framework-post-title-font-size: clamp(1rem, 1.2rem + 1vw, 1.5rem);
  --kraken-framework-post-title-font-line-height: 1.2;
  --kraken-framework-post-title-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-post-title-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-post-title-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-single-post-title-margin: 0;
  --kraken-framework-single-post-title-font-size: clamp(1rem, 1.2rem + 1vw, 2.5rem);
  --kraken-framework-single-post-title-font-line-height: 1.2;
  --kraken-framework-post-date-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-date-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);
  --kraken-framework-post-reading-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-reading-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);
  --kraken-framework-post-views-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-views-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);
  --kraken-framework-post-comment-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-comment-font-hover-color:var(--kraken-framework-accent-color);
  --kraken-framework-post-comment-font-focus-color:var(--kraken-framework-accent-color);
  --kraken-framework-post-comment-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);
  --kraken-framework-post-author-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-author-font-hover-color:var(--kraken-framework-accent-color);
  --kraken-framework-post-author-font-focus-color:var(--kraken-framework-accent-color);
  --kraken-framework-post-author-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);
  --kraken-framework-post-excerpt-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-excerpt-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);
  --kraken-framework-post-readmore-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-readmore-font-hover-color:var(--kraken-framework-accent-color);
  --kraken-framework-post-readmore-font-focus-color:var(--kraken-framework-accent-color);
  --kraken-framework-post-readmore-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 1rem);
  width: var(--kraken-framework-post-width);
  margin: var(--kraken-framework-post-margin);
  background-color: var(--kraken-framework-post-background);
}
@media (min-width: 767px) {
  .kraken-post__wrapper {
    display: var(--kraken-framework-post-display);
  }
}
.kraken-post__wrapper--is-hidden-image .kraken-post__col--01 {
  display: none;
  width: 0;
  padding: var(--kraken-framework-post-col-01-padding);
}
@media (min-width: 767px) {
  .kraken-post__wrapper--is-hidden-image .kraken-post__col--01 {
    padding: var(--kraken-framework-post-col-01-padding-sm);
  }
}
@media (min-width: 991px) {
  .kraken-post__wrapper--is-hidden-image .kraken-post__col--01 {
    padding: var(--kraken-framework-post-col-01-padding-md);
  }
}
.kraken-post__wrapper--is-hidden-image .kraken-post__col--02 {
  padding: var(--kraken-framework-post-col-02-padding);
}
@media (min-width: 767px) {
  .kraken-post__wrapper--is-hidden-image .kraken-post__col--02 {
    width: 100%;
    padding: var(--kraken-framework-post-col-02-padding-sm);
  }
}
@media (min-width: 991px) {
  .kraken-post__wrapper--is-hidden-image .kraken-post__col--02 {
    padding: var(--kraken-framework-post-col-02-padding-md);
  }
}
.kraken-post__wrapper--is-shown-image .kraken-post__col--01 {
  padding: var(--kraken-framework-post-col-01-padding);
}
@media (min-width: 767px) {
  .kraken-post__wrapper--is-shown-image .kraken-post__col--01 {
    width: var(--kraken-framework-post-col-01-width);
    padding: var(--kraken-framework-post-col-01-padding-sm);
  }
}
@media (min-width: 991px) {
  .kraken-post__wrapper--is-shown-image .kraken-post__col--01 {
    padding: var(--kraken-framework-post-col-01-padding-md);
  }
}
.kraken-post__wrapper--is-shown-image .kraken-post__col--02 {
  padding: var(--kraken-framework-post-col-02-padding);
}
@media (min-width: 767px) {
  .kraken-post__wrapper--is-shown-image .kraken-post__col--02 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    width: var(--kraken-framework-post-col-02-width);
    padding: var(--kraken-framework-post-col-02-padding-sm);
  }
}
@media (min-width: 991px) {
  .kraken-post__wrapper--is-shown-image .kraken-post__col--02 {
    padding: var(--kraken-framework-post-col-02-padding-md);
  }
}
.kraken-post__header {
  width: 100%;
}
.kraken-post__content {
  width: 100%;
}
.kraken-post__footer {
  width: 100%;
  margin-top: auto;
}
.kraken-post__image {
  height: 100%;
}
.kraken-post__image a {
  display: block;
  height: 100%;
}
.kraken-post__image img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.kraken-post__image--single img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: auto;
  height: auto;
  margin: calc(var(--kraken-framework-site-padding-right) * -1) calc(var(--kraken-framework-site-padding-right) * -1) 0 calc(var(--kraken-framework-site-padding-left) * -1);
}
.kraken-post__meta {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kraken-post__meta--post {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.kraken-post__meta--single {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 2.6rem 0 0.5rem 0;
}
.kraken-post__title {
  margin: var(--kraken-framework-post-title-margin);
  font-size: var(--kraken-framework-post-title-font-size);
  line-height: var(--kraken-framework-post-title-font-line-height);
}
.kraken-post__title a {
  color: var(--kraken-framework-post-title-font-color);
  text-decoration: none;
  transition: color 100ms ease-out;
}
.kraken-post__title a:hover {
  color: var(--kraken-framework-post-title-font-hover-color);
}
.kraken-post__title a:focus {
  color: var(--kraken-framework-post-title-font-focus-color);
}
.kraken-post__title a:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-post__date {
  color: var(--kraken-framework-post-date-font-color);
  font-size: var(--kraken-framework-post-date-font-size);
}
.kraken-post__date-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.kraken-post__reading {
  color: var(--kraken-framework-post-reading-font-color);
  font-size: var(--kraken-framework-post-reading-font-size);
}
.kraken-post__views {
  color: var(--kraken-framework-post-views-font-color);
  font-size: var(--kraken-framework-post-views-font-size);
}
.kraken-post__comments a {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  color: var(--kraken-framework-post-comment-font-color);
  font-size: var(--kraken-framework-post-comment-font-size);
  text-decoration: none;
  transition: color 100ms ease-out;
}
.kraken-post__comments a:hover {
  color: var(--kraken-framework-post-comment-font-hover-color);
}
.kraken-post__comments a:focus {
  color: var(--kraken-framework-post-comment-font-focus-color);
}
.kraken-post__comments a:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-post__excerpt {
  color: var(--kraken-framework-post-excerpt-font-color);
  font-size: var(--kraken-framework-post-excerpt-font-size);
}
.kraken-post__author {
  color: var(--kraken-framework-post-author-font-color);
  font-size: var(--kraken-framework-post-author-font-size);
  font-weight: 500;
}
.kraken-post__author a {
  color: var(--kraken-framework-post-author-font-color);
  text-decoration: none;
  transition: color 100ms ease-out;
}
.kraken-post__author a:hover {
  color: var(--kraken-framework-post-author-font-hover-color);
}
.kraken-post__author a:focus {
  color: var(--kraken-framework-post-author-font-focus-color);
}
.kraken-post__author a:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-post__link {
  display: block;
  margin: 1rem 0 1rem 0;
  color: var(--kraken-framework-post-readmore-font-color);
  font-size: var(--kraken-framework-post-readmore-font-size);
  text-decoration: none;
  transition: color 100ms ease-out;
}
.kraken-post__link:hover {
  color: var(--kraken-framework-post-readmore-font-hover-color);
}
.kraken-post__link:focus {
  color: var(--kraken-framework-post-readmore-font-focus-color);
}
.kraken-post__link:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-post__tags {
  display: block;
  margin: 3rem 0 1rem 0;
}
.kraken-post__tags ~ .kraken-post__categories--label {
  margin-top: 1rem;
}
.kraken-post__categories--label {
  display: block;
  margin: 3rem 0 1rem 0;
}
.kraken-post__categories--no-label {
  display: block;
}

.kraken-title--single {
  margin: var(--kraken-framework-single-post-title-margin);
  font-size: var(--kraken-framework-single-post-title-font-size);
  line-height: var(--kraken-framework-single-post-title-font-line-height);
}

.kraken-title.kraken-title--author {
  --kraken-framework-h1-font-size: clamp(2rem, 5vw, 3rem);
  --kraken-framework-h1-font-line-height: 1.2;
}

/* -- [04.8] Related Post Styles -- */
.kraken-related-posts .kraken-related-posts__loop {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  gap: 2rem;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post {
  --kraken-framework-post-width: calc(50% - 2rem);
  --kraken-framework-post-background: var(--kraken-framework-offwhite-color);
  --kraken-framework-post-margin:0 0 3.5rem 0;
  --kraken-framework-post-title-margin: 0.5rem 0 1rem 0;
  --kraken-framework-post-title-font-size: 1.2rem;
  --kraken-framework-post-title-font-line-height: 1.2;
  --kraken-framework-post-title-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-post-title-font-hover-color: var(--kraken-framework-accent-color);
  --kraken-framework-post-title-font-focus-color: var(--kraken-framework-accent-color);
  --kraken-framework-post-date-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-date-font-size: 0.9rem;
  --kraken-framework-post-reading-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-reading-font-size: 0.9rem;
  --kraken-framework-post-views-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-views-font-size: 0.9rem;
  --kraken-framework-post-author-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-author-font-hover-color:var(--kraken-framework-accent-color);
  --kraken-framework-post-author-font-focus-color:var(--kraken-framework-accent-color);
  --kraken-framework-post-author-font-size: 0.9rem;
  --kraken-framework-post-excerpt-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-excerpt-font-size: 0.9rem;
  --kraken-framework-post-readmore-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-post-readmore-font-hover-color:var(--kraken-framework-accent-color);
  --kraken-framework-post-readmore-font-focus-color:var(--kraken-framework-accent-color);
  --kraken-framework-post-readmore-font-size: 1rem;
  width: var(--kraken-framework-post-width);
  margin: var(--kraken-framework-post-margin);
  background-color: var(--kraken-framework-post-background);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__header {
  width: 100%;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__content {
  width: 100%;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__footer {
  width: 100%;
  margin-top: auto;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__meta {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__meta--post {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__title {
  margin: var(--kraken-framework-post-title-margin);
  font-size: var(--kraken-framework-post-title-font-size);
  line-height: var(--kraken-framework-post-title-font-line-height);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__title a {
  color: var(--kraken-framework-post-title-font-color);
  text-decoration: none;
  transition: color 100ms ease-out;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__title a:hover {
  color: var(--kraken-framework-post-title-font-hover-color);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__title a:focus {
  color: var(--kraken-framework-post-title-font-focus-color);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__title a:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__date {
  color: var(--kraken-framework-post-date-font-color);
  font-size: var(--kraken-framework-post-date-font-size);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__date-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__reading {
  color: var(--kraken-framework-post-reading-font-color);
  font-size: var(--kraken-framework-post-reading-font-size);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__excerpt {
  color: var(--kraken-framework-post-excerpt-font-color);
  font-size: var(--kraken-framework-post-excerpt-font-size);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__author {
  color: var(--kraken-framework-post-author-font-color);
  font-size: var(--kraken-framework-post-author-font-size);
  font-weight: 500;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__author a {
  color: var(--kraken-framework-post-author-font-color);
  text-decoration: none;
  transition: color 100ms ease-out;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__author a:hover {
  color: var(--kraken-framework-post-author-font-hover-color);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__author a:focus {
  color: var(--kraken-framework-post-author-font-focus-color);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__author a:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__link {
  display: block;
  margin: 1rem 0 1rem 0;
  color: var(--kraken-framework-post-readmore-font-color);
  font-size: var(--kraken-framework-post-readmore-font-size);
  text-decoration: none;
  transition: color 100ms ease-out;
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__link:hover {
  color: var(--kraken-framework-post-readmore-font-hover-color);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__link:focus {
  color: var(--kraken-framework-post-readmore-font-focus-color);
}
.kraken-related-posts .kraken-related-posts__loop .kraken-post__link:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}

/* -- [04.9] Comment Styles -- */
.kraken-comments-container {
  --kraken-framework-comments-title-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-comments-title-font-size: 1.5rem;
  --kraken-framework-comments-title-margin: 3rem 0 1rem 0;
  --kraken-framework-comments-thread-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-comments-author-font-color: var(--kraken-framework-accent-color);
  --kraken-framework-comments-author-font-size: 0.9rem;
  --kraken-framework-comments-author-font-weight: 400;
  --kraken-framework-comments-author-font-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-comments-author-font-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-comments-date-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-comments-date-font-size: 0.9rem;
  --kraken-framework-comments-date-font-weight: 400;
  width: 100%;
  margin: 2rem auto 0 auto;
}
.kraken-comments-container__title {
  color: var(--kraken-framework-comments-title-font-color);
  font-size: var(--kraken-framework-comments-title-font-size);
  margin: var(--kraken-framework-comments-title-margin);
}
.kraken-comments-container__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kraken-comments-container .children {
  margin: 0 0 0 2rem;
  padding: 0;
  list-style: none;
}
.kraken-comments-container .children li:last-child .kraken-comments {
  margin-bottom: 1.5rem;
}
.kraken-comments-container .comment:has(.children) .kraken-comments {
  margin-bottom: 1rem;
}
.kraken-comments-container .comment:has(.children) .kraken-comments__thread .kraken-comments__thread-line {
  width: 1px;
  height: 100%;
  background-color: var(--kraken-framework-comments-thread-color);
}

.kraken-comments {
  margin-bottom: 1.5rem;
}
.kraken-comments__header {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.kraken-comments__content {
  display: flex;
  gap: 1rem;
}
.kraken-comments__content .kraken-comments__thread {
  display: flex;
  justify-content: center;
  width: 32px;
  height: auto;
}
.kraken-comments__content .kraken-comments__message p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
}
.kraken-comments__footer {
  display: flex;
  gap: 1rem;
}
.kraken-comments__footer .kraken-comments__thread {
  display: flex;
  justify-content: center;
  width: 32px;
  height: auto;
}
.kraken-comments__footer .kraken-comments__reply {
  margin-top: 1rem;
}
.kraken-comments__footer .kraken-comments__reply a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  line-height: 0;
  text-decoration: none;
}
.kraken-comments__footer .kraken-comments__reply a:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M10.503 17.8H20.5a.3.3 0 0 0 .3-.3v-12a.3.3 0 0 0-.3-.3h-17a.3.3 0 0 0-.3.3v12a.3.3 0 0 0 .3.3h4.7v2.303zM11 19l-2.293 2.293A1 1 0 0 1 7 20.586V19H3.5A1.5 1.5 0 0 1 2 17.5v-12A1.5 1.5 0 0 1 3.5 4h17A1.5 1.5 0 0 1 22 5.5v12a1.5 1.5 0 0 1-1.5 1.5z'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  color: #000000;
}
.kraken-comments__avatar {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.kraken-comments__author {
  margin: 0;
  font-size: var(--kraken-framework-comments-author-font-size);
  font-weight: var(--kraken-framework-comments-author-font-weight);
  line-height: 1;
}
.kraken-comments__author .url {
  color: var(--kraken-framework-comments-author-font-color);
  text-decoration: none;
}
.kraken-comments__author .url:hover {
  color: var(--kraken-framework-comments-author-font-hover-color);
}
.kraken-comments__author .url:focus {
  color: var(--kraken-framework-comments-author-font-focus-color);
}
.kraken-comments__author .url:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-comments__date {
  color: var(--kraken-framework-comments-date-font-color);
  font-size: var(--kraken-framework-comments-date-font-size);
  font-weight: var(--kraken-framework-comments-date-font-weight);
  line-height: 1;
}

.comment-respond {
  padding: 2rem 0;
}
.comment-respond .comment-reply-title {
  margin: 0;
}
.comment-respond .comment-reply-title small {
  margin-left: 1rem;
}
.comment-respond .comment-reply-title small a {
  text-decoration: none;
}
.comment-respond .logged-in-as,
.comment-respond .comment-notes {
  font-size: 0.9rem;
}
.comment-respond .required {
  color: rgba(255, 0, 0, 0.9529411765);
}
.comment-respond label {
  display: block;
}
.comment-respond .comment-form-cookies-consent {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.comment-respond .comment-form-cookies-consent label {
  margin-bottom: 0;
}

/* -- [04.10] Element Block Styles -- */
.kraken-element-block.alignwide > div.alignwide {
  max-width: var(--kraken-framework-main-max-wide-width);
  margin-left: auto;
  margin-right: auto;
}

.kraken-element-block.alignwide > div.alignfull {
  max-width: var(--kraken-framework-main-max-wide-width);
  margin-left: auto;
  margin-right: auto;
}

.kraken-element-block.alignfull > div.alignwide {
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.kraken-element-block.alignfull > div.alignfull {
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.kraken-element-block > div.alignwide {
  max-width: calc(var(--kraken-framework-main-max-width) - (var(--kraken-framework-main-padding-left) + var(--kraken-framework-main-padding-right)));
  margin-left: auto !important;
  margin-right: auto !important;
}

.kraken-element-block > div.alignfull {
  max-width: calc(var(--kraken-framework-main-max-width) - (var(--kraken-framework-main-padding-left) + var(--kraken-framework-main-padding-right)));
  margin-left: auto !important;
  margin-right: auto !important;
}

.kraken-element-block.alignwide > div {
  max-width: var(--kraken-framework-main-max-wide-width);
  margin-left: auto;
  margin-right: auto;
}

.kraken-element-block.alignwide > div {
  max-width: var(--kraken-framework-main-max-wide-width);
  margin-left: auto;
  margin-right: auto;
}

.kraken-element-block.alignfull > div {
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.kraken-element-block.alignfull > div {
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.kraken-element .alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* -- [04.11] Form Styles -- */
form {
  --kraken-framework-form-bg-color: #ffffff;
  --kraken-framework-form-bg-hover-color: #ffffff;
  --kraken-framework-form-bg-focus-color: #ffffff;
  --kraken-framework-form-font-color:#000000;
  --kraken-framework-form-font-hover-color: #000000;
  --kraken-framework-form-font-focus-color: #000000;
  --kraken-framework-form-border-color: var(--kraken-framework-accent-color);
  --kraken-framework-form-hover-border-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-form-focus-border-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-form-hover-outline-color: transparent;
  --kraken-framework-form-hover-outline-color: transparent;
  --kraken-framework-form-focus-outline-color: transparent;
  --kraken-framework-form-legend-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-form-label-font-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-form-font-size: 0.9rem;
  --kraken-framework-form-line-height: 1.2;
  --kraken-framework-legend-font-size: 1rem;
  --kraken-framework-legend-line-height: 1.5;
  --kraken-framework-legend-font-weight: 600;
  --kraken-framework-label-font-size: 1rem;
  --kraken-framework-label-line-height: 1;
  --kraken-framework-label-margin-bottom: 0.5rem;
  --kraken-framework-form-padding: 10px;
}

form [multiple],
form [type=date],
form [type=datetime-local],
form [type=email],
form [type=month],
form [type=number],
form [type=password],
form [type=search],
form [type=tel],
form [type=text],
form [type=time],
form [type=url],
form [type=week],
form [type=file],
form select,
form textarea {
  display: block;
  background-color: var(--kraken-framework-form-bg-color);
  color: var(--kraken-framework-form-font-color);
  border: 1px solid var(--kraken-framework-form-border-color);
  border-radius: 0;
  outline: 1px solid var(--kraken-framework-form-hover-outline-color);
  padding: var(--kraken-framework-form-padding);
  width: 100%;
  font-size: var(--kraken-framework-form-font-size);
  line-height: var(--kraken-framework-form-line-height);
  transition: 0.1s ease-in-out;
}
form [multiple]:hover,
form [type=date]:hover,
form [type=datetime-local]:hover,
form [type=email]:hover,
form [type=month]:hover,
form [type=number]:hover,
form [type=password]:hover,
form [type=search]:hover,
form [type=tel]:hover,
form [type=text]:hover,
form [type=time]:hover,
form [type=url]:hover,
form [type=week]:hover,
form [type=file]:hover,
form select:hover,
form textarea:hover {
  background-color: var(--kraken-framework-form-bg-hover-color);
  color: var(--kraken-framework-form-font-hover-color);
  border: 1px solid var(--kraken-framework-form-hover-border-color);
  outline: 1px solid var(--kraken-framework-form-hover-outline-color);
}
form [multiple]:focus,
form [type=date]:focus,
form [type=datetime-local]:focus,
form [type=email]:focus,
form [type=month]:focus,
form [type=number]:focus,
form [type=password]:focus,
form [type=search]:focus,
form [type=tel]:focus,
form [type=text]:focus,
form [type=time]:focus,
form [type=url]:focus,
form [type=week]:focus,
form [type=file]:focus,
form select:focus,
form textarea:focus {
  background-color: var(--kraken-framework-form-bg-focus-color);
  color: var(--kraken-framework-form-font-focus-color);
  border: 1px solid var(--kraken-framework-form-focus-border-color);
  outline: 1px solid var(--kraken-framework-form-focus-outline-color);
}
form [multiple]:focus-visible,
form [type=date]:focus-visible,
form [type=datetime-local]:focus-visible,
form [type=email]:focus-visible,
form [type=month]:focus-visible,
form [type=number]:focus-visible,
form [type=password]:focus-visible,
form [type=search]:focus-visible,
form [type=tel]:focus-visible,
form [type=text]:focus-visible,
form [type=time]:focus-visible,
form [type=url]:focus-visible,
form [type=week]:focus-visible,
form [type=file]:focus-visible,
form select:focus-visible,
form textarea:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
form fieldset {
  border: none;
}
form legend {
  color: var(--kraken-framework-form-legend-font-color);
  font-size: var(--kraken-framework-legend-font-size);
  line-height: var(--kraken-framework-legend-line-height);
  font-weight: var(--kraken-framework-legend-font-weight);
}
form label {
  margin-bottom: var(--kraken-framework-label-margin-bottom);
  color: var(--kraken-framework-form-label-font-color);
  font-size: var(--kraken-framework-label-font-size);
  line-height: var(--kraken-framework-label-line-height);
}

/* -- [04.12] Archive Options Styles -- */
.kraken-archive-options {
  --kraken-framework-archive-options-margin: 3rem;
  --kraken-framework-archive-options-gap: 1rem;
  margin-bottom: var(--kraken-framework-archive-options-margin);
}
@media (min-width: 991px) {
  .kraken-archive-options {
    display: flex;
    gap: var(--kraken-framework-archive-options-gap);
  }
}
.kraken-archive-options__dropdown {
  margin-bottom: 0.5rem;
}
@media (min-width: 991px) {
  .kraken-archive-options__dropdown {
    width: 35%;
    margin-bottom: 0;
  }
}
.kraken-archive-options form {
  display: flex;
}
.kraken-archive-options__select {
  width: 50%;
  padding: 0.5rem;
  line-height: 0;
}
.kraken-archive-options .kraken-btn--archive-option {
  width: 50%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  line-height: 1.5;
  font-size: 0.9rem;
  padding: 0.5rem;
}

.archive-description {
  margin-bottom: 3rem;
}

/* -- [04.13] Splash Credit Styles -- */
.kraken-splash-credit {
  --kraken-framework-credit-color: #000000;
  --kraken-framework-credit-hover-color: #000000;
  --kraken-framework-credit-logo-fill: #8e8e8e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  margin: 1rem 0 0 0;
  color: var(--kraken-framework-credit-color);
  text-decoration: none;
}
@media (min-width: 991px) {
  .kraken-splash-credit {
    flex-direction: row;
    gap: 1rem;
    margin: 0;
  }
}
.kraken-splash-credit:hover {
  color: var(--kraken-framework-credit-hover-color);
}
.kraken-splash-credit:focus {
  color: var(--kraken-framework-credit-focus-color);
}
.kraken-splash-credit:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-splash-credit__text {
  font-size: 0.8rem;
}
.kraken-splash-credit__logo {
  width: 70px;
}
.kraken-splash-credit__logo-color {
  fill: var(--kraken-framework-credit-logo-fill);
}

/* -- [04.14] Scroll Top Styles -- */
.kraken-scroll-to-top {
  --kraken-framework-header-scroll-top-pos-right: 15px;
  --kraken-framework-header-scroll-top-pos-bottom: 150px;
  --kraken-framework-header-scroll-top-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-scroll-top-background-color: var(--kraken-framework-accent-color);
  --kraken-framework-header-scroll-top-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-scroll-top-hover-background-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-header-scroll-top-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-header-scroll-top-focus-background-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-header-scroll-top-border-color: var(--kraken-framework-accent-color);
  --kraken-framework-header-scroll-top-border-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-header-scroll-top-border-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-header-scroll-top-border-size: 0;
  --kraken-framework-header-scroll-top-border-radius: 5px;
  --kraken-framework-header-scroll-top-width: 45px;
  --kraken-framework-header-scroll-top-height: 45px;
  position: fixed;
  right: var(--kraken-framework-header-scroll-top-pos-right);
  bottom: var(--kraken-framework-header-scroll-top-pos-bottom);
  z-index: 109;
}
.kraken-scroll-to-top__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--kraken-framework-header-scroll-top-width);
  height: var(--kraken-framework-header-scroll-top-height);
  background-color: var(--kraken-framework-header-scroll-top-background-color);
  color: var(--kraken-framework-header-scroll-top-color);
  border: solid var(--kraken-framework-header-scroll-top-border-size) var(--kraken-framework-header-scroll-top-border-color);
  border-radius: var(--kraken-framework-header-scroll-top-border-radius);
}
.kraken-scroll-to-top__btn:hover {
  background-color: var(--kraken-framework-header-scroll-top-hover-background-color);
  color: var(--kraken-framework-header-scroll-top-hover-color);
  border: solid var(--kraken-framework-header-scroll-top-border-size) var(--kraken-framework-header-scroll-top-border-hover-color);
}
.kraken-scroll-to-top__btn:focus {
  background-color: var(--kraken-framework-header-scroll-top-focus-background-color);
  color: var(--kraken-framework-header-scroll-top-focus-color);
  border: solid var(--kraken-framework-header-scroll-top-border-size) var(--kraken-framework-header-scroll-top-border-focus-color);
}
.kraken-scroll-to-top__btn:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-scroll-to-top__btn--is-hidden {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.kraken-scroll-to-top__btn--is-viable {
  visibility: visible;
  opacity: 1;
}

/* -- [04.15] Email Styles -- */
.kraken-header .kraken-email {
  --kraken-framework-email-icon-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-email-icon-size: 16px;
  --kraken-framework-email-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m20 8l-8 5l-8-5V6l8 5l8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  --kraken-framework-email-link-color: var(--kraken-framework-accent-color);
  --kraken-framework-email-link-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-email-link-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-email-link-font-size: 0.9rem;
  --kraken-framework-email-font-line-height: 1.3;
  --kraken-framework-email-gap: 0.4rem;
}

.body--transparent .kraken-header .kraken-email {
  --kraken-framework-email-icon-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-email-icon-size: 16px;
  --kraken-framework-email-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m20 8l-8 5l-8-5V6l8 5l8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  --kraken-framework-email-link-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-email-link-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-email-link-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-email-link-font-size: 0.9rem;
  --kraken-framework-email-font-line-height: 1.3;
  --kraken-framework-email-gap: 0.4rem;
}

.kraken-footer .kraken-email {
  --kraken-framework-email-icon-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-email-icon-size: 16px;
  --kraken-framework-email-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m20 8l-8 5l-8-5V6l8 5l8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  --kraken-framework-email-link-color: var(--kraken-framework-accent-color);
  --kraken-framework-email-link-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-email-link-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-email-link-font-size: 0.9rem;
  --kraken-framework-email-font-line-height: 1.3;
  --kraken-framework-email-gap: 0.4rem;
}

.is-scrolling .body--transparent .kraken-header .kraken-email {
  --kraken-framework-email-icon-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-email-icon-size: 16px;
  --kraken-framework-email-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m20 8l-8 5l-8-5V6l8 5l8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  --kraken-framework-email-link-color: var(--kraken-framework-accent-color);
  --kraken-framework-email-link-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-email-link-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-email-link-font-size: 0.9rem;
  --kraken-framework-email-font-line-height: 1.3;
  --kraken-framework-email-gap: 0.4rem;
}

.kraken-email {
  --kraken-framework-email-icon-color: var(--kraken-framework-strong-text-color);
  --kraken-framework-email-icon-size: 16px;
  --kraken-framework-email-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m20 8l-8 5l-8-5V6l8 5l8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  --kraken-framework-email-link-color: var(--kraken-framework-accent-color);
  --kraken-framework-email-link-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-email-link-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-email-link-font-size: 0.9rem;
  --kraken-framework-email-font-line-height: 1.3;
  --kraken-framework-email-gap: 0.4rem;
  display: flex;
  align-items: center;
  gap: var(--kraken-framework-email-gap);
}
.kraken-email--icon:before {
  content: "";
  display: block;
  width: var(--kraken-framework-email-icon-size);
  height: var(--kraken-framework-email-icon-size);
  background-color: var(--kraken-framework-email-icon-color);
  -webkit-mask: var(--kraken-framework-email-icon-svg) no-repeat;
          mask: var(--kraken-framework-email-icon-svg) no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.kraken-email__link {
  display: inline-block;
  width: 100%;
  padding: 10px;
  color: var(--kraken-framework-email-link-color);
  font-size: var(--kraken-framework-email-link-font-size);
  line-height: var(--kraken-framework-email-font-line-height);
  text-decoration: none;
  transition: color 200ms ease-in-out;
}
@media (min-width: 991px) {
  .kraken-email__link {
    padding: 0.2rem 0;
  }
}
.kraken-email__link:hover {
  color: var(--kraken-framework-email-link-hover-color);
}
.kraken-email__link:focus {
  color: var(--kraken-framework-email-link-focus-color);
}
.kraken-email__link:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-email__error {
  color: #ff0000;
  font-size: var(--kraken-framework-email-link-font-size);
}

.kraken-entry__content .kraken-email {
  --kraken-framework-email-icon-color: inherit, var(--kraken-framework-regular-text-color);
  --kraken-framework-email-icon-size: 16px;
  --kraken-framework-email-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m20 8l-8 5l-8-5V6l8 5l8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  --kraken-framework-email-link-color: inherit, var(--kraken-framework-regular-text-color);
  --kraken-framework-email-link-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-email-link-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-email-link-font-size: inherit, 1rem;
  --kraken-framework-email-font-line-height: inherit, var(--kraken-framework-base-line-height);
  --kraken-framework-email-gap: 0.4rem;
}

/* -- [04.16] Phone Styles -- */
.kraken-header .kraken-phone-number {
  --kraken-framework-phone-icon-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-phone-icon-size: 16px;
  --kraken-framework-phone-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M347.1 24.6c7.7-18.6 28-28.5 47.4-23.2l88 24C499.9 30.2 512 46 512 64c0 247.4-200.6 448-448 448c-18 0-33.8-12.1-38.6-29.5l-24-88c-5.3-19.4 4.6-39.7 23.2-47.4l96-40c16.3-6.8 35.2-2.1 46.3 11.6l40.4 49.3c70.4-33.3 127.4-90.3 160.7-160.7L318.7 167c-13.7-11.2-18.4-30-11.6-46.3l40-96z'/%3E%3C/svg%3E");
  --kraken-framework-phone-number-color: var(--kraken-framework-accent-color);
  --kraken-framework-phone-number-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-phone-number-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-phone-number-font-size: 0.9rem;
  --kraken-framework-phone-number-font-line-height: 1.3;
  --kraken-framework-phone-gap: 0.4rem;
}

.body--transparent .kraken-header .kraken-phone-number {
  --kraken-framework-phone-icon-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-phone-icon-size: 16px;
  --kraken-framework-phone-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M347.1 24.6c7.7-18.6 28-28.5 47.4-23.2l88 24C499.9 30.2 512 46 512 64c0 247.4-200.6 448-448 448c-18 0-33.8-12.1-38.6-29.5l-24-88c-5.3-19.4 4.6-39.7 23.2-47.4l96-40c16.3-6.8 35.2-2.1 46.3 11.6l40.4 49.3c70.4-33.3 127.4-90.3 160.7-160.7L318.7 167c-13.7-11.2-18.4-30-11.6-46.3l40-96z'/%3E%3C/svg%3E");
  --kraken-framework-phone-number-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-phone-number-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-phone-number-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-phone-number-font-size: 0.9rem;
  --kraken-framework-phone-number-font-line-height: 1.3;
  --kraken-framework-phone-gap: 0.4rem;
}

.kraken-footer .kraken-phone-number {
  --kraken-framework-phone-icon-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-phone-icon-size: 16px;
  --kraken-framework-phone-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M347.1 24.6c7.7-18.6 28-28.5 47.4-23.2l88 24C499.9 30.2 512 46 512 64c0 247.4-200.6 448-448 448c-18 0-33.8-12.1-38.6-29.5l-24-88c-5.3-19.4 4.6-39.7 23.2-47.4l96-40c16.3-6.8 35.2-2.1 46.3 11.6l40.4 49.3c70.4-33.3 127.4-90.3 160.7-160.7L318.7 167c-13.7-11.2-18.4-30-11.6-46.3l40-96z'/%3E%3C/svg%3E");
  --kraken-framework-phone-number-color: var(--kraken-framework-accent-color);
  --kraken-framework-phone-number-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-phone-number-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-phone-number-font-size: 0.9rem;
  --kraken-framework-phone-number-font-line-height: 1.3;
  --kraken-framework-phone-gap: 0.4rem;
}

.is-scrolling .kraken-header .kraken-phone-number {
  --kraken-framework-phone-icon-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-phone-icon-size: 16px;
  --kraken-framework-phone-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M347.1 24.6c7.7-18.6 28-28.5 47.4-23.2l88 24C499.9 30.2 512 46 512 64c0 247.4-200.6 448-448 448c-18 0-33.8-12.1-38.6-29.5l-24-88c-5.3-19.4 4.6-39.7 23.2-47.4l96-40c16.3-6.8 35.2-2.1 46.3 11.6l40.4 49.3c70.4-33.3 127.4-90.3 160.7-160.7L318.7 167c-13.7-11.2-18.4-30-11.6-46.3l40-96z'/%3E%3C/svg%3E");
  --kraken-framework-phone-number-color: var(--kraken-framework-accent-color);
  --kraken-framework-phone-number-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-phone-number-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-phone-number-font-size: 0.9rem;
  --kraken-framework-phone-number-font-line-height: 1.3;
  --kraken-framework-phone-gap: 0.4rem;
}
.is-scrolling.body--sticky .kraken-header .kraken-phone-number {
  --kraken-framework-phone-icon-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-phone-icon-size: 16px;
  --kraken-framework-phone-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M347.1 24.6c7.7-18.6 28-28.5 47.4-23.2l88 24C499.9 30.2 512 46 512 64c0 247.4-200.6 448-448 448c-18 0-33.8-12.1-38.6-29.5l-24-88c-5.3-19.4 4.6-39.7 23.2-47.4l96-40c16.3-6.8 35.2-2.1 46.3 11.6l40.4 49.3c70.4-33.3 127.4-90.3 160.7-160.7L318.7 167c-13.7-11.2-18.4-30-11.6-46.3l40-96z'/%3E%3C/svg%3E");
  --kraken-framework-phone-number-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-phone-number-hover-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-phone-number-focus-color: var(--kraken-framework-offwhite-color);
  --kraken-framework-phone-number-font-size: 0.9rem;
  --kraken-framework-phone-number-font-line-height: 1.3;
  --kraken-framework-phone-gap: 0.4rem;
}

.kraken-phone-number {
  --kraken-framework-phone-icon-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-phone-icon-size: 16px;
  --kraken-framework-phone-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M347.1 24.6c7.7-18.6 28-28.5 47.4-23.2l88 24C499.9 30.2 512 46 512 64c0 247.4-200.6 448-448 448c-18 0-33.8-12.1-38.6-29.5l-24-88c-5.3-19.4 4.6-39.7 23.2-47.4l96-40c16.3-6.8 35.2-2.1 46.3 11.6l40.4 49.3c70.4-33.3 127.4-90.3 160.7-160.7L318.7 167c-13.7-11.2-18.4-30-11.6-46.3l40-96z'/%3E%3C/svg%3E");
  --kraken-framework-phone-number-color: var(--kraken-framework-accent-color);
  --kraken-framework-phone-number-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-phone-number-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-phone-number-font-size: 0.9rem;
  --kraken-framework-phone-number-font-line-height: 1.3;
  --kraken-framework-phone-gap: 0.4rem;
  display: flex;
  align-items: center;
  gap: var(--kraken-framework-phone-gap);
}
.kraken-phone-number--icon:before {
  content: "";
  display: block;
  width: var(--kraken-framework-phone-icon-size);
  height: var(--kraken-framework-phone-icon-size);
  background-color: var(--kraken-framework-phone-icon-color);
  -webkit-mask: var(--kraken-framework-phone-icon-svg) no-repeat;
          mask: var(--kraken-framework-phone-icon-svg) no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.kraken-phone-number__link {
  display: inline-block;
  width: 100%;
  padding: 10px;
  color: var(--kraken-framework-phone-number-color);
  font-size: var(--kraken-framework-phone-number-font-size);
  line-height: var(--kraken-framework-phone-number-font-line-height);
  text-decoration: none;
  transition: color 200ms ease-in-out;
}
@media (min-width: 991px) {
  .kraken-phone-number__link {
    padding: 0.2rem 0;
  }
}
.kraken-phone-number__link:hover {
  color: var(--kraken-framework-phone-number-hover-color);
}
.kraken-phone-number__link:focus {
  color: var(--kraken-framework-phone-number-focus-color);
}
.kraken-phone-number__link:focus-visible {
  outline: solid 2px var(--kraken-framework-accessability-color-color);
  outline-offset: 2px;
  visibility: visible;
  opacity: 1;
}
.kraken-phone-number__error {
  color: #ff0000;
  font-size: var(--kraken-framework-phone-number-font-size);
}

.kraken-entry__content .kraken-phone-number {
  --kraken-framework-phone-icon-color: inherit, var(--kraken-framework-regular-text-color);
  --kraken-framework-phone-icon-size: 16px;
  --kraken-framework-phone-icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M347.1 24.6c7.7-18.6 28-28.5 47.4-23.2l88 24C499.9 30.2 512 46 512 64c0 247.4-200.6 448-448 448c-18 0-33.8-12.1-38.6-29.5l-24-88c-5.3-19.4 4.6-39.7 23.2-47.4l96-40c16.3-6.8 35.2-2.1 46.3 11.6l40.4 49.3c70.4-33.3 127.4-90.3 160.7-160.7L318.7 167c-13.7-11.2-18.4-30-11.6-46.3l40-96z'/%3E%3C/svg%3E");
  --kraken-framework-phone-number-color: inherit, var(--kraken-framework-regular-text-color);
  --kraken-framework-phone-number-hover-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-phone-number-focus-color: var(--kraken-framework-accent-alt-color);
  --kraken-framework-phone-number-font-size: inherit, 1rem;
  --kraken-framework-phone-number-font-line-height: inherit, var(--kraken-framework-base-line-height);
  --kraken-framework-phone-gap: 0.4rem;
}

/* -- [04.17] Address Styles -- */
.kraken-address {
  --kraken-framework-address-font-color: var(--kraken-framework-regular-text-color);
  --kraken-framework-address-font-weight: 400;
  --kraken-framework-address-heading-font-weight: 600;
  --kraken-framework-address-font-size: 0.9rem;
  --kraken-framework-address-line-height: 1.8;
  --kraken-framework-address-text-transform: capitalize;
  font-style: normal;
  line-height: var(--kraken-framework-address-line-height);
}
.kraken-address__list {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  font-size: var(--kraken-framework-address-font-size);
  font-weight: var(--kraken-framework-address-font-weight);
}
.kraken-address__heading {
  font-weight: var(--kraken-framework-address-heading-font-weight);
  text-transform: var(--kraken-framework-address-text-transform);
}
.kraken-address__error {
  color: #ff0000;
  font-size: var(--kraken-framework-address-font-size);
}

.kraken-entry__content .kraken-address {
  --kraken-framework-address-font-color: inherit, var(--kraken-framework-regular-text-color);
  --kraken-framework-address-font-weight: 400;
  --kraken-framework-address-heading-font-weight: 600;
  --kraken-framework-address-font-size: inherit, 1rem;
  --kraken-framework-address-line-height: inherit, var(--kraken-framework-base-line-height);
  --kraken-framework-address-text-transform: capitalize;
  font-style: normal;
}

/* -- [04.18] Entry Styles -- */
.kraken-entry {
  --kraken-framework-entry-max-width: var(--kraken-framework-max-width);
  --kraken-framework-entry-padding-left: var(--kraken-framework-site-padding-left);
  --kraken-framework-entry-padding-right: var(--kraken-framework-site-padding-right);
}
.kraken-entry__header {
  max-width: var(--kraken-framework-entry-max-width);
  margin: 0 auto 0 auto;
  padding-right: var(--kraken-framework-entry-padding-right);
  padding-left: var(--kraken-framework-entry-padding-left);
}
.single .kraken-entry__header {
  padding: 1rem var(--kraken-framework-entry-padding-right) 1rem var(--kraken-framework-entry-padding-left);
}
.kraken-entry__content {
  padding-right: var(--kraken-framework-entry-padding-right);
  padding-left: var(--kraken-framework-entry-padding-left);
}
.kraken-entry__footer {
  max-width: var(--kraken-framework-entry-max-width);
  margin: 0 auto 0 auto;
  padding-right: var(--kraken-framework-entry-padding-right);
  padding-left: var(--kraken-framework-entry-padding-left);
}


/* -- [04.19] Search Styles -- */
.search-form {
    display: flex;
    align-items: center;
    gap: 8px; 
    max-width: 100%;
}

.search-form label {
    display: flex;
    align-items: center;
}

.search-form .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.search-form .search-field {
    height: 38px;
    padding: 0 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1;
    outline: none;
    width: 100%;
    max-width: 220px;
}

.search-form .search-submit {
    height: 38px;
    padding: 0 16px;
    border: none;
    border-radius: 6px;
    background: #111;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

.search-form .search-field:focus {
    border-color: #000;
}

.search-form .search-submit:hover {
    opacity: 0.85;
}

@media (max-width: 480px) {
    .search-form {
        width: 100%;
    }

    .search-form .search-field {
        max-width: 100%;
        flex: 1;
    }
}
/* ================= [05] Utilities ================= */
/* -- [05.0] Header Skip Links -- */
.kraken-skip-links {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
}

.kraken-skip-links__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.kraken-skip-links__link {
  position: fixed;
  top: 50px;
  left: 20px;
  z-index: 999999;
  opacity: 0;
  min-width: 200px;
  padding: 1rem 1.5rem;
  background-color: #ffffff;
  color: #222222;
  border: 3px solid var(--kraken-framework-accessability-color-color);
  border-radius: 50px;
  outline: var(--kraken-framework-accessability-color-color) solid 0px;
  direction: ltr;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
  transition: top 0.22s ease 0s;
  pointer-events: none;
}

.kraken-skip-links__link:focus {
  top: 20px;
  opacity: 1;
  pointer-events: auto;
}

/* -- [05.1] Screen Reader Styles -- */
.kraken-sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* -- [05.2] Animation Styles -- */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* -- [05.3] Helper Styles -- */
.no--padding {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.no--margin {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

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