body {
    /* font-family: 'johnsontext', 'Johnson Text', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
    font-family: var(--default-font-family);
    /* --gin-font: 'johnsontext', 'Johnson Text', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
    --gin-font: var(--default-font-family);
    --gin-font-size-h1: 48px;
    --gin-font-size-s: 18px;
    --gin-color-primary: #FF0A05;
}

body[data-gin-accent=blue] {
    --gin-color-primary-rgb: 235, 23, 0;
    --gin-color-primary-light-rgb: 205, 220, 250;
    --gin-color-primary-hover: #b60400;
    --gin-color-primary-active: #b60400;
    --gin-bg-app-rgb: 248, 250, 254;
    --gin-bg-header: #e1eafc;
    --gin-color-sticky-rgb: 235, 241, 253;
}

body .btn-primary {
    --bs-btn-bg: #FF0A05;
    --bs-btn-border-color: #FF0A05;
    --bs-btn-hover-bg: #b60400;
    --bs-btn-hover-border-color: #b60400;
    --bs-btn-active-bg: #b60400;
    --bs-btn-active-border-color: #b60400;
    --bs-btn-disabled-bg: #FF0A05;
    --bs-btn-disabled-border-color: #FF0A05;
}

body .btn-outline-primary {
    --bs-btn-color: #FF0A05;
    --bs-btn-border-color: #FF0A05;
    --bs-btn-hover-bg: #FF0A05;
    --bs-btn-hover-border-color: #FF0A05;
    --bs-btn-active-bg: #FF0A05;
    --bs-btn-active-border-color: #FF0A05;
    --bs-btn-disabled-color: #FF0A05;
    --bs-btn-disabled-border-color: #FF0A05;
}

h1,h2,h3,h4,h5 {
    font-family: var(--heading-font-family);
    /* font-family: 'johnsondisplay', 'Johnson Display Regular', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
}
h1{
    /* font-size: 48px; */
    font-weight: 400 !important;
}
h2,h3,h4,h5 {
    font-weight: 700 !important;
}
#block-gin-page-title {
    text-align: center;
    display: block;
}

#header-logo-container {}

#header-logo {
    width: 240px;
}

.region-sticky {
    height: auto !important;
}

em.placeholder {
    font-style: normal;
    background-color: unset;
    opacity: 0.8;
    vertical-align: unset;
}

.toolbar-link--naamkaartjes-jnj-orders:before {
    background: transparent url('../images/list.svg') no-repeat center !important;
  }
  .toolbar-link--naamkaartjes-jnj-orders:active:before,
  .toolbar-link--naamkaartjes-jnj-orders.is-active:before {
    background: transparent url('../images/list.svg') no-repeat center;
  }

  body:not(.user-logged-in) .gin-breadcrumb-wrapper {
    display: none;
  }