/* Font */
body {
  margin: 0;
  width: 100%;
  height: 99.9%;
  font-family: "frutiger", sans-serif;
}

pre {
  font-size: 80%;
  padding: 5px;
  margin-top: 5px;
}

/* NOTE: 'new' frutiger normal=400 */
@font-face {
    font-family: "frutiger";
    src: url("https://cynkra.com/assets/css/fonts/6135829/b05d44ef-6a78-4aa4-9388-3f0e05252a48.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* NOTE: 'new' frutiger light=300 */
@font-face {
  font-family: "frutiger";
  src: url("https://cynkra.com/assets/css/fonts/1449009/b3ca2df2-7bee-4fc0-84cb-b029b99c3b61.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

/* NOTE: 'new' frutiger bold=700 */
@font-face {
  font-family: "frutiger";
  src: url("https://cynkra.com/assets/css/fonts/1449025/c31af250-c28e-40ef-bed6-866e7ed6fedf.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

/* Important column */
.important-div {
  border-color: #ddd;
  border-style: solid;
  padding: 5px;
  border-radius: 10px;
  margin-bottom: 5px;
}
/* Alert */
.alert-primary {
  color: black;
  font-weight: bold;
}

/* Figures */

figure {
  display: flex;
  flex-direction: row-reverse;
  align-items: top;
  justify-content: space-between;
  margin-bottom: 0px;
  margin-top: 3px;
}

figure.big img {
  max-width: 50%;
}

figure img {
  margin-left: 10px;
  margin-top: -10px;
}

figure.left {
  justify-content: flex-end;
  margin-top: -10px;
  margin-bottom: 6px;
}

img {
  max-width: 30%;
}

/* Space */
h4, h5, h6 {
  margin-top: 5px;
  margin-bottom: 5px;
}
p {
  margin-bottom: 0rem;
}

ul {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

ol {
  padding: 15px;
  margin: 0; /* Remove margins */
}

ol li {
  margin-top:-13px;
}

/* Headers */
img.logo {
  max-width: 100px;
  margin-left: 850px;
  margin-top: -50px;
}

.page-header {
  margin-bottom: -60px;
}

.page-header {
  min-height: 115px;
}

.page-header h1 {
  margin-top: 10px;
}

h1, h2 {
  font-weight: bold;
  margin-top: 0;
}

h3 {
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0;
}

h2 {
  font-style: bold;
}

/* Borders */
hr {
  margin-top: 5px;
  margin-bottom: 15px;
  border-width: 2px;
}

hr.upper {
  margin-top: -15px;
}

pre {
  display: inline-block;
  background: #f4f4ff;
  border-color: #E0E0FC;
}

code {
  background: inherit;
  color: inherit;
  padding-left: 0;
  padding-right: 0;
}

.row.h1 {
  border-style: none;
}

.row {
padding: 10px;
border-color: #ddd;
border-style: solid;
border-width: 2px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 0px;
}


/* cynkra logo classes  ----------------------------------------------------- */

.cynkra-logo {
  font-size: 65% !important;
  color: #1f65b7 !important;
  padding-left: 2.5px !important;
  padding-top: 16px;
  padding-right: 15px;
  float: left;
  line-height: 20px;
}

.cynkra-logo-font {
  font-size: 16px;
  font-weight: bold;
  /* color: rgb(108, 111, 115);   text color */
  color: rgb(45, 50, 56);
  padding-top: 14px;
  float: left;
  line-height: 20px;
}

.cynkra-logo-footer {
  font-size: 85% !important;
  color: #1f65b7 !important;
  padding-left: 1.5px !important;
  line-height: 20px;
}
.cynkra-logo-font-footer {
  font-size: 14px;
  font-weight: bold;
  /* color: rgb(108, 111, 115);   text color */
  color: rgb(45, 50, 56);
}

/* paged.js */
@page {
  size: letter landscape;
  margin-top: 0mm;
  margin-bottom: 10mm;
  margin-left: 2mm;
  margin-right: 2mm;
  @bottom-right {
  content: "mail@cynkra.com | cynkra.com | Learn more at cynkra.github.io/dm | dm 1.0.0 | Updated: 2022–10";
  }
  @bottom-left {
  content: url("cheatsheet-figures/logo.png");
  }


}

.page {
  break-before: page;
}
