body {
  --dark-blue: #002e62;
  --middle-blue: #a3b4dc;
  --light-blue: #e9ecf8;
  --ikor-blue: #0057b7;
  --ikor-red: #c21b41;
  --light-grey: #edecee;
  --dark-grey: #545859;
}

h1,
h2,
.rst-content .toctree-wrapper p.caption,
h3,
h4,
h5,
h6,
legend {
  color: var(--dark-blue);
  font-family: "Helvetica Neue";
}

p {
  color: var(--dark-grey);
  font-family: "Helvetica Neue";
}

ul,
ol,
dl {
  color: var(--dark-grey);
  font-family: "Helvetica Neue";
}

a:link,
a:visited,
a:active {
  color: var(--ikor-blue);
}

a:hover {
    color: var(--ikor-blue);
    text-decoration-line: underline;
}

/* main content */
.wy-nav-content {
  max-width: 1200px;
}

/* top and bottom boxes */
.wy-side-nav-search {
  background: var(--dark-blue);
}

/* navigation */
.wy-nav-side {
  background: var(--light-blue);
}

.wy-nav-side a:link,
.wy-nav-side a:visited,
.wy-nav-side a:hover {
  color: var(--dark-grey);
}

.wy-side-nav-search > a,
.wy-side-nav-search .wy-dropdown > a {
  color: white !important;
}

.rst-versions .rst-current-version {
  background: var(--dark-blue);
}

/* links in navigation */
.wy-menu-vertical li.current a {
  background: white;
  color: var(--dark-grey);
}

.wy-menu-vertical li a:hover,
.wy-menu-vertical li.current a:hover {
  background: var(--ikor-blue) !important;
  color: white;
}

.wy-menu-vertical li.toctree-l2.current>a {
    background: white;
}

.wy-menu-vertical li.toctree-l2.current li.toctree-l3>a {
    background: white;
}

footer p {
  color: var(--dark-grey);;
}

.wy-menu-vertical #javadoc-nav span {
  line-height: 18px;
  padding: .4045em 1.618em;
  display: block;
  position: relative;
  font-size: 90%;
  color: var(--dark-grey);
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
}

.wy-menu-vertical #javadoc-nav.current span {
  border: none;
  border-bottom: solid 1px #c9c9c9;
  border-top: solid 1px #c9c9c9;
  padding: .4045em 1.618em;
  font-weight: bold;
  position: relative;
  background: white;
  color: var(--dark-grey);
}

.wy-menu-vertical #javadoc-nav span:hover {
  background: var(--ikor-blue);
  color: white;
}


.copy-button {
    background-image: url(/sip-framework/img/copy-button.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    padding: 5px;
    width: 30px;
    height: 30px;
    background-color: #f0f0f0;
    top: 5px;
    position: absolute;
    right: 5px;
    border: 2px #d6d6d7;
    border-radius: 3px;
    border-style: solid;
    visibility: hidden;
}

.copy-button:hover {
    padding: 4px;
    background-color: #d6d6d7;
    border-color: #878787;
}

.copy-button:active {
    padding: 4px;
    background-color: #878787;
    border-color: #595959;
}

pre.highlight {
    position: relative;
}


.hljs:hover + .copy-button, .copy-button:hover {
    visibility: visible;
}