/* GENERAL HTML ELEMENTS */

* {
  -webkit-tap-highlight-color: transparent;
}

/* Set the background colour of the entire doc to black */
body {
  background-color: #151515 !important;
}

html {
    overflow-x: hidden;
}

p {
    font-family: 'Quicksand', sans-serif;
    color: white;
}

p.caption {
    color: white !important;
}

a.btn.btn-neutral.float-right {
    background-color: #212121 !important;
}

a.btn.btn-neutral.float-left {
    background-color: #212121 !important;
}

hr {
    color: transparent;
    border: transparent;
}

div {
    font-family: 'Quicksand', sans-serif;
}

div.highlight {
    background-color: #212121;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

h1 {
    color: #2FCF6E;
}

h2 {
    color: #ffffff;
    margin-top: 40px;
}

h3 {
    color: #ffffff;
    font-family: monospace;
    margin-top: 40px;
    margin-bottom: 10px !important;
}

pre {
    background-color: #212121;
    border-radius: 10px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

blockquote {
    margin: 0;
    padding-left: 15px;
    font-weight: 600;
    line-height: 30px;
    font-family: 'Quicksand', sans-serif;
    border-left: #d3d3d3;
}

strong {
  color: #b8b8b8 !important;
}

/* HIGHLIGHT ELEMENTS */

.highlight {
    background-color: #151515;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.highlight-bash.notranslate {
    background-color: #151515;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.highlight-python.notranslate {
    background-color: #151515;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.highlight-powershell.notranslate {
    background-color: #151515;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* TABLES */

.rst-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: 'Quicksand', sans-serif;
    background: #171717;
    border-radius: 10px;
    border: 1px solid #3A3A3A !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: hidden;
    margin-bottom: 15px;
}

th {
    padding: 12px 15px;
    text-align: left;
    background-color: #171717;
}

thead {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.wy-table-responsive {
    border-radius: 10px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.docutils.align-default {
    border-radius: 10px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* make all docutils tables fixed-width, full-width */
table.docutils {
  table-layout: fixed;
  width: 100%;
}

/* allow cells to wrap */
table.docutils th,
table.docutils td {
  white-space: normal;
  word-break: normal;
  vertical-align: top;
}

td {
    padding: 10px 15px;
    border-bottom: 1px solid #3A3A3A;
    background-color: #171717;
}

td p {
    color: #171717;
}

.rst-content table {
  background-color: #3A3A3A !important;
}

.rst-content table th {
    background-color: #1e1e1e !important;
    color: #2FCF6E !important;

}

.rst-content table td {
    background-color: #151515;
    /*border-radius: 30px;*/
}

.rst-content table tr:nth-child(odd) td,
.rst-content table tr:nth-child(odd) th {
  background-color: #171717 !important;
}

.rst-content table tr:nth-child(even) td,
.rst-content table tr:nth-child(even) th {
  background-color: #212121;
}

.rst-content table tr:nth-child(odd) td p {
    color: white !important;
}

.rst-content table tr:nth-child(even) td p {
    color: white !important;
}

tr:nth-child(even) {
    background-color: #171717;
}

tr.row-odd {
    background-color: #171717;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 10px;
}

tbody {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 10px;
}

tr:hover {
    background-color: #2C2C2C;
}

.rst-content table th,
.rst-content table td {
  border: 1px solid #3A3A3A !important;
}

.rst-content table th:first-child {
    border-top-left-radius: 10px !important;
}
.rst-content table th:last-child {
    border-top-right-radius: 10px !important;
}
.rst-content table tr:last-child td:first-child {
    border-bottom-left-radius: 10px !important;
}
.rst-content table tr:last-child td:last-child {
    border-bottom-right-radius: 10px !important;
}

/* OTHER RTD THEME ELEMENTS THAT I AM OVERRIDING */

.caption-text {
    color: #2FCF6E;
}

.rst-content a:link {
  color: #2FCF6E !important;
}

.rst-content a:visited {
  color: #25A558 !important;
}

.rst-content a:hover,
.rst-content a:focus {
  color: #58D98A !important;
  text-decoration: underline;
}

.wy-nav-content-wrap {
    background: #151515;
}

.wy-nav-content {
    background: #151515;
}

.wy-breadcrumbs {
    color: white;
}

dt.sig.sig-object.py {
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    border-top: 3px solid #2FCF6E !important;
    background-color: #212121 !important;
    border-left-color: Transparent !important;
}

em.sig-param {
    color: white !important;
}

span.sig-name {
    color: #25A558 !important;
}

dt {
    color: #e5e5e5;
    font-weight: 500 !important;
    font-style: italic;
}

.sig-param {
    color: #2FCF6E;
}

.property {
    color: #2FCF6E;
}

.field-odd {
    color: #2FCF6E;
}

.field-even {
    color: #2FCF6E;
}



/* Python code blocks */
code.xref.py.py-obj.docutils.literal.notranslate {
    background-color: #171717;
    color: #2FCF6E;
    border-color: transparent;
}

code.xref.py.py-class.docutils.literal.notranslate {
    background-color: #171717;
    color: #2FCF6E;
    border-color: transparent;
}

code.docutils.literal.notranslate {
    background-color: transparent;
    /*color: #2FCF6E;*/
    border-color: transparent;
}

/* For the Nosible sticker. */
img.rounded-image {
  border-radius: 8px;
}

/* For the github and website links below the main logo and sidebar */
.wy-side-nav-search {
  display: flex;
  flex-direction: column;
}

.wy-side-nav-search > .links {
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75em;
  margin-top: 0.5em;
}

.wy-side-nav-search > a.icon-home { order: 0; }
.wy-side-nav-search > .switch-menus,
.wy-side-nav-search > .wy-version { order: 2; }
.wy-side-nav-search > form.wy-form { order: 3; }

.wy-side-nav-search .links a {
  font-size: 1.1em;
  color: #fff !important;
}
.wy-side-nav-search .links a:visited {
  color: #fff !important;
}

.wy-side-nav-search a.icon-nosible::before .links a.icon-github::before {
  color: #fff !important;
}

/* .wy-side-scroll {
  width: auto;
  overflow-y: auto;
} */

a.icon-nosible::before {
  width: 1em;
  height: 1em;
  background-color: #fff;
  mask: url("../favicon.png") no-repeat center;
  color: #fff !important;
  -webkit-mask: url("../favicon.png") no-repeat center;
  content: "";
  mask-size: contain;
  display: inline-block;
  margin-bottom: -0.1em;
}

a.icon-nosible {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}


/*
Make code highlights purple
*/
.rst-content code.literal,
.rst-content tt.literal {
  color: #d6a9d2 !important; /* light purple */
}

.rst-content a code.literal,
.rst-content a tt.literal {
  color: #d6a9d2 !important;
}

.rst-content code,
.rst-content tt {
  color: #d6a9d2 !important;
}


/* Add spacing below logo at top of page */
.rst-content img.top-logo {
  margin-bottom: 2rem;
}

/* Cards for the demos and examples */
.sd-card.sd-bg-nosible {
  background-color: #212121 !important;
  color: #ffffff !important;
  min-width: 300px !important;
}
.sd-card {
  border-radius: 16px !important;
  margin-bottom: 2rem !important;
  min-width: 300px !important;
}
.sd-card .sd-card-title {
  font-size: 1.4rem !important;
  font-weight: 600;
  color: #2FCF6E;
  min-width: 300px !important;
}