/* This line is theme specific - it includes the base theme CSS */
/* The Read the Docs default theme "theme.css" can be found here:
/* source > _themes > sphinx_rtd_theme > static > css > theme.css */
@import "theme.css";

/* color variables added by Allard - they are used through the entire file */
:root {
    --nextnano-green-dark: #117c82ff;
    --nextnano-green: #13adb5ff;
    --nextnano-green-light: #13adb522;
    --nextnano-green-almost-white: #13adb505;
    --nextnano-gray-dark: #060707ff;
    --nextnano-gray: #4a4a49ff;
    --nextnano-gray-light: #4a4a4922;
    --nextnano-gray-almost-white: #4a4a4905;
    --white-color: #ffffffff;
    --wild-strawberry: #d40055ff;
    --wild-strawberry-light: #d4005522;
    --dandelion: #f0c800ff;
    --dandelion-light: #f0c80022;
    --forest-green: #28a528ff;
    --forest-green-light: #28a52822;
    --royal-purple: #613f99ff;
    --royal-purple-light: #613f9922;

    --sd-color-primary: #117c82ff; /*NOT WORKING*/
    --sd-color-primary-highlight: #117c82ff; /*NOT WORKING*/
}

/*-------------------------------------------------*/
/* Put in comments because we specify it now in conf.py:  html_theme_options = {..., 'style_nav_header_background': 'var(--nextnano-green)', ...} # ==> 'var(--nextnano-green)' = nextnano green - This is the color below the logo, i.e. around the search box.
/*
.wy-side-nav-search {
/*	background-color:var(--nextnano-green); /* var(--nextnano-green); ==> This is the color in the area around the logo. */
/*-------------------------------------------------*/
/*}*/


/* code literals redefinition by Herbert */
.rst-content code.literal,
rst-content tt.literal{
    color: var(--nextnano-gray-dark);
    white-space:normal;
    background: var(--nextnano-green-almost-white);
    border: 1px solid var(--nextnano-green);
}

/* code boxes redefinition by Herbert */
.rst-content div[class^=highlight],
.rst-content pre.literal-block{
    background: var(--nextnano-gray-almost-white);
    border: 1px solid var(--nextnano-gray);
}

.rst-content .guilabel {
    background: var(--nextnano-gray-almost-white);
    border: 1px solid var(--nextnano-gray);
}

.wy-side-nav-search > div.version {
  /* Color of the version text */
  color: var(--nextnano-gray);
}

.wy-nav-content a:link,
.wy-nav-content a:visited {
  /* Color of hyperlinks in the document content */
  color: var(--nextnano-green);
  text-decoration: none;
}

.wy-nav-content a:hover,
.wy-nav-content a:active {
  /* Color of hyperlinks while hovering over in the document content */
  color: var(--nextnano-green-dark);
  text-decoration: none;
}

.wy-menu-vertical p.caption {
  /* Color of the caption text in the navigation sidebar */
  color: var(--nextnano-green);
}

/* Editted by Herbert */
blockquote div dl.field-list dt,
blockquote div dl > dt {
  border-top: 2px solid var(--nextnano-green);
  background-color: var(--nextnano-green-light);
  padding-left: 6px;
}

blockquote div ul > li > dl > dt {
  border-style: none;
  background: none;
  padding-left: 0px;
  font-size: 16px;
  font-weight: bold;
}

.wy-nav-content {
  /* ####### Changed from 1620px by HSM ####### */
  max-width: 1620px;
  background-color: var(--white-color);
}

.wy-nav-top {
  /* Background Color of responsive top navigation bar below the home navigation bar in mobile view */
  background-color: var(--nextnano-green);
}

.wy-nav-content-wrap,
.wy-body-for-nav {
  /* Ensures uniform color for large screen sizes */
  background: var(--white-color);
}

/* ------------------------------------------- */
/* Design elements for the logo in the sidebar */
/* ------------------------------------------- */
.side-bar-logo {
  padding: 0px;
  margin: -12.5px;
  margin-bottom: 20px;
  background: var(--white-color);
  height: 80px;
  /* ####### Removed by Allad ####### */
  /*
  border-bottom-style: solid;
  border-bottom-width: medium;
  border-bottom-color: #13adb5; 
  */
  /* ####### Removed by Allad ####### */
}

.side-bar-logo a img {
  background: var(--white-color);
  width: 280px;
  margin-top: 5px;
}

.wy-side-nav-search img {
  /* ####### added by HSM ####### */
  height: 90%;
  border-radius: 0%;
} /* ####### added by HSM ####### */

/* --------------------------------------------- */
.wy-side-nav-search a {
  /* Color of Documentation hyperlink text in the navigation sidebar */
  color: var(--nextnano-gray);
}

.wy-side-nav-search a img.logo {
  /* Hides the logo displayed by Read the Docs theme to make way for the custom logo designed above */
  display: none;
}

/* ------------------------------------------- */
/* Design elements for the pdf download button */
/* ------------------------------------------- */
.download_pdf {
  margin-top: 15px;
}
.download_pdf a {
  background: var(--white-color);
  padding: 5px 20px;
  color: var(--nextnano-gray);
  border-radius: 5px;
  border-width: 0.5px;
}
/* ------------------------------------------------ */
.wy-form input {
  border-style: none;
}

/* --------------------------------------------------------- */
/* Design elements for the back-to-main-documentation button */
/* --------------------------------------------------------- */
.back_to_main_docu {
  margin-top: 15px;
}
.back_to_main_docu a {
  background: var(--white-color);
  padding: 5px 20px;
  color: var(--nextnano-gray);
  border-radius: 5px;
  border-width: 0.5px;
}

/* -------------------------------------------- */
/* Design elements for top home navigation bar  */
/* -------------------------------------------- */


.wy-nav-content-wrap.shift {
  top: inherit;
}

.wy-nav-side {
  transition: top 0.3s;
}

#navigation-breadcrumbs {
    margin-top: 0px;
  }

/* -------------------------------------------- */
/* Coloring admonitions                         */
/* -------------------------------------------- */

.rst-content .note .admonition-title{
    background: var(--nextnano-gray);
}
.rst-content .note{
    background: var(--nextnano-gray-light);
}

.rst-content .important .admonition-title{
    background: var(--nextnano-green);
}
.rst-content .important{
    background: var(--nextnano-green-light);
}

.rst-content .warning .admonition-title{
    background: var(--wild-strawberry);
}
.rst-content .warning{
    background: var(--wild-strawberry-light);
}

.rst-content .attention .admonition-title{
    background: var(--dandelion);
}
.rst-content .attention{
    background: var(--dandelion-light);
}

.rst-content .hint .admonition-title{
    background: var(--forest-green);
}
.rst-content .hint{
    background: var(--forest-green-light);
}

/* -------------------------------------------- */
/* For smaller screen sizes                     */
/* -------------------------------------------- */
@media (max-width: 768px) {
  .side-bar-logo {
    height: 75px;
  }
  #navigation-breadcrumbs {
    margin-top: 0px;
  }
}

/* -------------------------------------------- */
/* Text color                                   */
/* -------------------------------------------- */

.blue {
  color: blue;
}
.red {
  color: red;
}
.green {
  color: green;
}
.gray {
  color: gray;
}
.magenta {
  color: magenta;
}
.lime {
  color: lime;
}
.teal {
  color: teal;
}
.green {
  color: green;
}
.cyan {
  color: cyan;
}
.orangered {
  color: orangered;
}

div.left-one-one {
  width: 49%;
  float: left;
}

div.right-one-one {
  margin-left: 51%;
}

div.left-two-one {
  width: 65%;
  float: left;
}

div.right-two-one {
  margin-left: 67%;
}

div.left-one-two {
  width: 33%;
  float: left;
}

div.right-one-two {
  margin-left: 35%;
}

/* Clear floats after the columns */
div.single-col {
  content: "";
  display: table;
  clear: both;
}