/* @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700'); */
@import url('https://rsms.me/inter/inter.css');

html,
body {
    font-family: 'Inter', sans-serif;
}

@supports (font-variation-settings: normal) {

    html,
    body {
        font-family: 'Inter var', sans-serif;
    }
}

/* .sidebar {
  background-color: #303030;
  color: #e6e6e6;
} */

/* Sidebar light gray background */
/* .col-sm-12.col-lg-3.sidebar.sidebar-book {
    background-color: #f1f1f1;
} */

/* Font sizes */
.figure-caption {
    font-size: 0.9rem;
}

/* Source code */
/* Fira Code messes up line-height: 1 in Firefox (!?) */
/* pre, code, kbd, samp {
    font-family: "Fira Code", "Fira Mono";
} */

/* Input source code teal left border */
pre.sourceCode {
    border-left-color: #16A0AC !important;
    border-left-style: solid !important;
    border-left-width: medium;
}

/* h1, .h1 {
    font-size: 2.2rem !important;
}

.sidebar h1 {
    font-size: 1.1rem !important;
} */

/* nav {
    font-family: Merriweather;
} */

/* body {
    font-size: 1rem !important;
} */

/* Underline links in content only */
#content a {
	text-decoration: underline;
}

/* Remove incine fig border */

/* .inline-figure {
    border: none !important;
    margin-bottom: 1rem;
}

.figure {
    border-top: none !important;
    border-bottom: none !important;
    margin: 1.5rem -0.5rem 1rem -0.5rem;
    padding: 0 !important;
} */

.imgs {
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  filter: drop-shadow(0 0 .4rem #333);
}

/* Copied from pdsr bs4 */
.rmdnote,
.rmdcaution,
.rmdimportant,
.rmdtip,
.rmdwarning {
    margin: 1rem calc(-2px - 0.5em);
    padding: 1rem;
    border: 2px solid #eee;
}

.rmdnote {
    border-color: #202020;
}

.rmdtip {
    border-color: #006BE9;
}

.rmdimportant {
    border-color: #FEB80A;
}

.rmdwarning {
    border-color: #FA6E1E;
}

.rmdcaution {
    border-color: #E61048;
}

.figure-caption {
    font-style: italic;
}

/* Do not add bg color to code outside code blocks */
p code:not(.sourceCode),
li code:not(.sourceCode) {
    background-color: transparent;
}

/* for rtemis transparent png */
.imlogo {
    width: 72%;
    background-color: #565656;
    border-radius: 8px;
    vertical-align: middle;
    /* padding: 18px 18px 12px 18px; */
    padding-top: 12px;
    padding-bottom: 9px;
    padding-right: 18px;
    padding-left: 18px;
    margin-left: auto;
    margin-right: auto;
    /* margin: auto; */
    margin-bottom: 18px;
    /* margin: 18px; */
}

/* for rtascii */
.fansi-output {
    line-height: 1em;
}