@import 'theme.css';

@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Heebo'), local('Heebo-Regular'), url(https://fonts.gstatic.com/s/Heebo/v8/qkBbXvYC6trAT7RbLtyG5Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Side Nav */

.wy-menu-vertical header, .wy-menu-vertical p.caption {
  color: #f02933;
}

.wy-nav-side {
  background: #ffffff;
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.18), 0 8px 4px 0 rgba(0,0,0,0.24);
}

.wy-menu-vertical a {
  font-size: 15px;
  letter-spacing: 0;
  line-height: 24px;
  color: rgba(33,33,33,0.87);
}

.wy-menu-vertical a:visited {
  color: rgba(33,33,33,0.87);
}

.wy-menu-vertical a:hover {
  background-color:#ffe0e0;
  color: rgba(33,33,33,0.87);
}

.wy-menu-vertical li.toctree-l1.current > a {
	border-bottom: none;
	border-top: none;
}

.wy-menu-vertical li.on a, .wy-menu-vertical li.current > a {
  background: #ffe0e0;
  font-weight: bold;
  border-left: 2px #8e0831 solid;
}

.wy-menu-vertical li.current a {
	border-right: none;
}

.wy-menu-vertical li.current a:hover {
  background: #ffe0e0;
}

.wy-menu-vertical li.current {
	background: #ffffff;
}

.wy-menu-vertical a {
	padding: 0.650em 1.618em;
}

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

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

.wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a {
  background: #ffffff;
}

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

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

.wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a:hover {
  background: #ffe0e0;
}

.wy-menu-vertical li.on a span.toctree-expand, .wy-menu-vertical li.current > a span.toctree-expand {
	font-size: 1em;
	line-height: 1.7em;
}

.wy-menu-vertical li span.toctree-expand {
  font-size: 1em;
}

/* Attempt to always position discord image in sidenav to bottom of page. */

/* .wy-menu {
  min-height: 100vh;
  overflow: hidden;
  display: block;
  position: relative;
  padding-bottom: 336px;
} */

.sidenav-image-container {
  display: flex;
  width: 300px;
  /* position: absolute;
  bottom: 0; */
}

.sidenav-header {
  font-size: 16px;
  background-image: linear-gradient(to bottom, #570025, #90004c);
  height: 61.3px;
}

/* @media screen and (min-width: 768px) {
  .sidenav-header {
    width: 300px;
  }
} */

.sidenav-header a, .sidenav-header i {
  color: #fff;
}

.sidenav-header a:hover, .sidenav-header i:hover {
  color: #fff;
}

.sidenav-header a:visited {
  color: #fff;
}

.sidenav-header .icon {
  color: #fff;
  font-weight: bold;
}

/* Main Nav - Mobile */

.wy-nav-top {
  background: #ffffff;
}

.wy-nav-top a {
  color: black;
}

.wy-nav-top a:hover {
  color: #570025;
}

.wy-nav-top a:visited {
  color: black;
}

/* Search */

.wy-side-nav-search a {
	display: none;
}

.wy-side-nav-search input[type="text"] {
	border-radius: 5px;
	padding: 11px 12px;
  border-color: none;
  background: #E8ECED;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"] {
  font-size: 16px;
  border: none;
  box-shadow: none;
}

.wy-side-nav-search {
	background-color: #f6f8f9;
}

/* General */

a:visited {
  color: #740c28;
}

.wy-nav-content {
	max-width: 987px;
}

.icon-container a:hover {
	text-decoration: none;
}

.header-image {
  margin-top: -50px;
}

h1, h2, .rst-content .toctree-wrapper p.caption, h3, h4, h5, h6, legend {
  font-family: 'Heebo'
}

.wy-plain-list-disc, .rst-content .section ul, .rst-content .toctree-wrapper ul, article ul {
  line-height: 34px;
}

.section h4, .h4 {
  font-size: 1.2rem !important;
  font-weight: bold !important;
  padding-top: 20px;
  color: #191919;
}

.edgeiq-api-list {
  font-size: 18px;
}

#platform-tabs li {
  list-style: none;
}

#app-tabs li {
  list-style: none;
}

.docutils.literal.notranslate {
  font-size: 12px;
  background: #e7f2fa;
  font-size: 12px;
}

.docutils.literal.notranslate span {
  color: #000;
}

.xref.py.py-class.docutils.literal.notranslate, .xref.py.py-func.docutils.literal.notranslate {
  border: none;
  background: none;
}

.xref.py.py-class.docutils.literal.notranslate span, .xref.py.py-func.docutils.literal.notranslate span {
  color: #740c28;
}

.rst-content tt.xref, a .rst-content tt, .rst-content tt.xref, .rst-content code.xref, a .rst-content tt, a .rst-content code {
  color:#740c28;
}

.alert.alert-info p {
  margin-bottom: 0px;
}

.wy-nav-top i {
  font-size: 40px;
}

/* Nav Buttons */

.rst-footer-buttons .btn {
  font-family: 'Heebo';
  font-size: 16px;
  padding: 7px 24px;
  background-color: #F2303A;
  box-shadow: none;
}

.rst-footer-buttons .btn:hover {
  color: #ffffff;
}

.footer-nav-arrow-left {
  margin-right: 5px;
}

.footer-nav-arrow-right {
  margin-left: 5px;
}


#mobile-nav-wrapper {
  position: absolute;
  top: 62px;
  right: 0;
  background: #fff;
  border: 1px solid #b9b9b9;
  z-index: 1;
}

#mobile-nav-tap-close-background {
  position: fixed;
  background: #242424b5;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  visibility: hidden;
}

#mobile-menu-button {
  color: black;
}

.mobile-nav-links a {
  color: #2F3235;
  font-weight: normal;
  height: auto;
  padding: 12px 18px;
}

.mobile-nav-links a:hover {
  color: #000000;
  background: #ffe0e0;
}

.mobile-nav-links a:visited {
  color: #000000;
}

#navbar {
  display: none;
}

.main-nav-item .nav-link:hover {
  color: #811445 !important;
}

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

@media screen and (min-width: 769px) {
  .wy-nav-side {
    top: 79px;
  }

  #navbar {
    display: flex;
    background: #FFFFFF;
    position: fixed;
    z-index: 1;
    padding: 0 24px;
    height: 79px;
  }

  #navbar a, #navbar span, #navbar ul li {
    height: min-content;
  }

  .dash-btn {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    border: none;
    background-color: #f2303a;
    color: #fff;
    width: 120px;
    height: 40px;
    border-radius: 5px;
  }

  .wy-nav-content-wrap {
    position: relative;
    top: 63px;
  }
}

@media screen and (min-width: 1100px) {
  .wy-nav-content-wrap {
    position: absolute;
  }
}