:root {
  --clr-img-bg: #dcdcdc;
}

h4 {
  line-height: 24px;
  font-size: 100%;
  margin-bottom: 0 !important;
}
a {
  color: #0032a6;
}
a:visited {
  color: #a6326b;
}
img {
  width: 80%;
  display: block;
  margin: auto;
  border: 1rem solid var(--clr-img-bg);
  background-color: var(--clr-img-bg);
}
div.screenshots {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
div.screenshots a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  width: 50%;
}
/* div.screenshots a img {
  width: 50%;
} */
div.screenshots span.caption {
  font-size: 90%;
  font-style: italic;
  color: #666;
}
.wy-side-nav-search,
.wy-nav-top,
.rst-versions .rst-current-version {
  /* Logo BG */
  background: #9dbc4d;
  background: -moz-linear-gradient(
    top,
    #9dbc4d 0%,
    #8eb92a 44%,
    #88b200 45%,
    #9ecb2d 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #9dbc4d),
    color-stop(44%, #8eb92a),
    color-stop(45%, #88b200),
    color-stop(100%, #9ecb2d)
  );
  background: -webkit-linear-gradient(
    top,
    #9dbc4d 0%,
    #8eb92a 44%,
    #88b200 45%,
    #9ecb2d 100%
  );
  background: -o-linear-gradient(
    top,
    #9dbc4d 0%,
    #8eb92a 44%,
    #88b200 45%,
    #9ecb2d 100%
  );
  background: -ms-linear-gradient(
    top,
    #9dbc4d 0%,
    #8eb92a 44%,
    #88b200 45%,
    #9ecb2d 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DBC4D', endColorstr='#9ecb2d', GradientType=0);
  background: linear-gradient(
    top,
    #9dbc4d 0%,
    #8eb92a 44%,
    #88b200 45%,
    #9ecb2d 100%
  );
}
.wy-side-nav-search > a:visited,
.wy-nav-top > a:visited  {
  /* TOC Logo text */
  color: #fcfcfc;
}
.wy-nav-side {
  /* TOC BG */
  background-color: #e9f0d9;
}
.wy-menu-vertical p.caption {
  /* TOC Section */
  color: #7db12d;
}
.wy-menu-vertical a {
  /* TOC item text */
  color: #666;
}
.wy-menu-vertical a:hover {
  /* TOC item text*/
  background-color: #d4e5ad;
}

/* .rst-content :not(dl.option-list)>:not(dt):not(kbd):not(.kbd)>kbd overrides the default Sphinx CSS for kbd 
   so use !important to override it back */
kbd.kbd_keys_css {
  font-family: sans-serif !important;
  font-size: 75%;
  margin: 0 1px;
  padding: 2px 6px;
  color: #fff !important;
  background-color: #333 !important;
  border-radius: 3px !important;
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15) !important;
  text-wrap: nowrap;
}
kbd.kbd_gui_css {
  font-family: sans-serif !important;
  font-size: 75%;
  margin: 0 1px;
  padding: 2px 6px;
  color: #333 !important;
  background-color: #eef !important;
  border-radius: 8px !important;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15) !important;
  text-wrap: nowrap;
}

.wy-table-responsive table td,
.wy-table-responsive table th {
  white-space: normal !important;
}

.wy-table-responsive {
  overflow: visible !important;
}
/* Styles for table headers */
.table-header {
  background-color: #66bb6a; /* Green color */
  color: white;
  text-align: center;
  padding: 8px;
}

/* Styles for successful cells (checkmarks) */
.success-cell {
  background-color: #66bb6a; /* Green color */
  color: white;
  text-align: center;
  padding: 8px;
}

/* Styles for warning cells */
.warning-cell {
  background-color: #ffeb3b; /* Yellow color */
  text-align: center;
  padding: 8px;
}

/* Styles for error cells */
.error-cell {
  background-color: #ff5252; /* Red color */
  color: white;
  text-align: center;
  padding: 8px;
}

/* General table styling */
.table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

.table th,
.table td {
  border: 1px solid #dddddd;
  padding: 8px;
  text-align: left;
}

.table th {
  background-color: #f2f2f2;
  text-align: center;
}

/* Optional: Style for italic text */
.italic {
  font-style: italic;
}

code {
  white-space: pre-wrap !important;
}

/* Screenshots ------------------------------------------------------------- */
img[alt="screenshot-mac"] {
  max-width: 45%;
}
img[alt="screenshot-win"] {
  max-width: 45%;
}

/* Footer */
footer {
  color: #aaa;
  font-size: small;
  font-style: italic;
  font-weight: 300;
}
footer a {
  color: #7189c2;
}

/* Extra CSS for mkdocs-enumerate-headings-plugin */
.enumerate-headings-plugin {
  filter: opacity(35%);
}