/* =========================================================
   1. ROOT / GLOBAL
   ========================================================= */

:root {
  --bb-side-margin: 48px;
}

:root {
  --bb-body-font-size: 24px;
  --bb-body-line-height: 1.4;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
}

pre, code, .sourceCode {
  font-size: 2.1rem;
}

.short-rule {
  --rule-width: 20mm;
  display: inline-block;
  width: var(--rule-width);
  height: 0.9em;
  border-bottom: 0.5pt solid #000;
  vertical-align: -0.1em;
}


/* =========================================================
   UTILITY TEXT CLASSES
   ========================================================= */

/* 
Centriran tekst:
<p class="bb-centered">Examples</p>
Centriran i bez donje margine:
<p class="bb-centered bb-mb-0">Examples</p>
 */

.bb-underline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.bb-centered {
  display: block;
  width: 100%;
  text-align: center;
}

.bb-raggedleft {
  display: block;
  width: 100%;
  text-align: right;
}

.bb-raggedright {
  display: block;
  width: 100%;
  text-align: left;
}

.bb-text-small {
  font-size: 0.9em;
  line-height: 1.35;
}

.bb-text-large {
  font-size: 1.15em;
  line-height: 1.45;
}

.bb-text-bold {
  font-weight: 700;
}

.bb-text-regular {
  font-weight: 400;
}

.bb-text-italic {
  font-style: italic;
}

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

.bb-underlined {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.bb-block {
  display: block;
}

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

.bb-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.bb-mt-0 {
  margin-top: 0 !important;
}

.bb-mb-0 {
  margin-bottom: 0 !important;
}

.bb-mb-2 {
  margin-bottom: 2px !important;
}

.bb-pt-0 {
  padding-top: 0 !important;
}

.bb-pb-0 {
  padding-bottom: 0 !important;
}
/* =========================================================
   3. TYPOGRAPHY
   ========================================================= */

.bb-header,
.bb-footer,
.bb-directions-close,
.bb-qnum-box,
.bb-review-toggle,
.bb-elim-toggle,
.bb-answer-letter {
  font-family: Arial, Helvetica, sans-serif;
}

.bb-directions-panel,
.bb-directions-panel .bb-panel-inner,
.bb-directions-panel .bb-directions-content,
.bb-directions-panel p,
.bb-directions-panel li,
.bb-directions-panel ul,
.bb-directions-panel table,
.bb-directions-panel th,
.bb-directions-panel td,
.bb-directions-panel h3,
.bb-passage-body,
.bb-source,
.bb-quote,
.bb-qprompt,
.bb-answer-text {
  font-family: "Times New Roman", Georgia, serif;
}


.bb-passage p,
.bb-qprompt,
.bb-answer-text {
  font-family: "Times New Roman", Georgia, serif;
  font-size: var(--bb-body-font-size);
  line-height: var(--bb-body-line-height);
}

li {
  display: list-item;
  unicode-bidi: isolate;
  font-family: "Times New Roman", Georgia, serif;
  font-size: var(--bb-body-font-size);
  line-height: var(--bb-body-line-height);
}