//varijable globalne
.openDyslexic {
  font-family: 'OpenDyslexic' !important;

  p.MsoNormal {
    span {
      font-family: 'OpenDyslexic' !important;
    }
  }

  .b-item__content__short-desc {
    span,
    p {
      font-family: 'OpenDyslexic' !important;
    }
  }

  p,
  div,
  h1,
  h2,
  h3,
  h4,
  a {
    font-family: 'OpenDyslexic' !important;

    p,
    div,
    h1,
    h2,
    h3,
    h4,
    a {
      font-family: 'OpenDyslexic' !important;
    }
  }
}

.lineHeightBig {
  p {
    line-height: 2.6 !important;
  }

  div,
  h1,
  h2,
  h3,
  h4 {
    line-height: 1.8 !important;

    p {
      line-height: 2.6 !important;
    }

    div,
    h1,
    h2,
    h3,
    h4 {
      line-height: 1.8 !important;
    }
  }
}

.letterSpacingBig {
  p {
    letter-spacing: 2px !important;
  }

  div,
  h1,
  h2,
  h3,
  h4,
  a {
    letter-spacing: 2px !important;

    p {
      letter-spacing: 2px !important;
    }

    div,
    h1,
    h2,
    h3,
    h4,
    a {
      letter-spacing: 2px !important;
    }
  }
}

/* no outline for non-keyboard-inputs elements */
button:focus,
select:focus {
  outline: none;
}

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) span:focus,
body:not(.user-is-tabbing) svg:focus,
body:not(.user-is-tabbing) div:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
  outline: none;
}

/* a subtle focus style for keyboard-input elements */
.text-input:focus {
  outline: 1px solid #aaa;
  /* Adjust to suit your tastes */
}

body.user-is-tabbing *:focus {
  outline: 2px solid #7aacfe !important;
  /* for non-webkit browsers */
  outline: 5px auto -webkit-focus-ring-color !important;
}