/* import fonts */
@font-face {
  font-family: "Source Sans";
  src: url("fonts/SourceSansPro-Regular.ttf");
}

@font-face {
  font-family: "Source Sans";
  font-style: italic;
  src: url("fonts/SourceSansPro-Italic.ttf");
}

@font-face {
  font-family: "Source Sans";
  font-weight: bold;
  src: url("fonts/SourceSansPro-Bold.ttf");
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 400;
  src: local('ProximaNova-Regular'),
  local('Proxima Nova Regular'),
  url('proximanova-webfont.woff2') format('woff2'),
  url('proximanova-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 500;
  src: local('Proxima Nova Semibold'),
  local('ProximaNova-Semibold'),
  url('proximanova_medium-webfont.woff2') format('woff2'),
  url('proximanova_medium-webfont.woff') format('woff');
}

@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 300;
  src: local('Proxima Nova Light'),
  local('ProximaNova-Light'),
  url('proximanova_light-webfont.woff2') format('woff2'),
  url('proximanova_light-webfont.woff') format('woff');
}

@font-face {
  font-family: "Miso";
  font-weight: bold;
  src: url("fonts/miso.woff")  format('woff');
}

/* navigation bar colors*/
.navbar {
  background: #5fb5dc !important;
  font-family: 'Proxima Nova';
  font-size: 1em;
}

.navbar-nav > .active > .nav-link {
  background-color: #f4d050 !important;
  color: #e6f7ff!important;
  font-weight: normal !important;
  transition-duration: 0.4s;
}

.navbar-nav > .active > .nav-link:hover {
  color: #519141 !important;
  transition-duration: 0.4s;
}

.navbar a {
  color: white !important;
  font-family: "Proxima Nova", sans-serif;
  transition-duration: 0.4s;
  margin-right: 10px;
}

.navbar a:hover {
  color: #f9f2d5 !important;
  transition-duration: 0.4s;
}

/* left side links */
.bd-links > .active a {
  color: #3c81be !important;
  transition-duration: 0.4s;
}

.bd-links > .active a:hover {
  color: #5fb5dc !important;
  transition-duration: 0.4s;
  transform: translate(2px, 0px);
}

/* right side links */
.toc-entry > .nav-link.active {
  font-weight: 600;
  color: #344b39;
  background-color: transparent;
  border-left: 2px solid #da714a;
}

/* body links (external) */
a.reference.external {
  color: #5CAFBC;
}

a.reference.external:hover {
  color: #82D3E0;
  text-decoration: none;
}

/* body links (internal) */
a.reference.internal {
  color: #5CAFBC;
}

a.reference.internal:hover {
  color: #82D3E0;
  text-decoration: none;
}

/* header links */
a.headerlink {
  color: white;
  transition-duration: 0.2s;
}

a.headerlink:hover {
  color: #82D3E0
  background-color: white;
  transition-duration: 0.2s;
}

/* text fonts and colors */
body {
  background-color: white;
  margin-bottom: 1.15rem;
  font-size: 1em;
  text-align: justify;
  padding-top: 100px;
  color: #242c16;
  font-family: "Proxima Nova", sans-serif;
}

h1 {
  margin: 2.75rem 0 1.05rem;
  font-family: "Miso";
  font-weight: 400;
  line-height: 1.15;
  text-align: center;
  margin-top: 0;
  color: #242c16;
  font-size: 2.5em;
}

h2 {
  margin: 2.75rem 0 1.05rem;
  font-family: "Miso";
  font-weight: 400;
  line-height: 1.15;
  color: #242c16;
  font-size: 2em;
}

h3 {
  margin: 2.75rem 0 1.05rem;
  font-family:"Miso", sans-serif;
  font-weight: 400;
  line-height: 1.15;
  color: #242c16;
  font-size: 1.5em;
}

h4 {
  margin: 2.75rem 0 1.05rem;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 400;
  line-height: 1.15;
  color: #242c16;
  font-size: 1.1em;
}

h5 {
  margin: 2.75rem 0 1.05rem;
  font-family: "Proxima Nova", sans-serif;
  font-style: italic;
  font-weight: 400;
  line-height: 1.15;
  color: #242c16;
  font-size: 0.9em;

}

h6 {
  margin: 2.75rem 0 1.05rem;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 400;
  line-height: 1.15;
  color: #242c16;
  font-size: 1em;
}

/* define admonition colors */
.admonition.attention {
  border-color: #927a90;
}

.attention > .admonition-title {
  background-color: #efe8ef !important;
}

.attention > .admonition-title:before {
  color: #927a90 !important;
}

.admonition.note {
  border-color: #5fb5dc;
}

.note > .admonition-title {
  background-color: #d9e7f3 !important;
}

.note > .admonition-title:before {
  color: #5fb5dc !important;
}

.admonition.error {
  border-color: #da714a;
}

.error > .admonition-title {
  background-color: #f1d7c7 !important;
}

.error > .admonition-title:before {
  color: #da714a !important;
}

.admonition.warning {
  border-color: #da714a;
}

.warning > .admonition-title {
  background-color: #f1d7c7 !important;
}

.warning > .admonition-title:before {
  color: #da714a !important;
}

.admonition.danger {
  border-color: #da714a;
}

.danger > .admonition-title {
  background-color: #f1d7c7 !important;
}

.danger > .admonition-title:before {
  color: #da714a !important;
}

.admonition.caution {
  border-color: #f4d050;
}

.caution > .admonition-title {
  background-color: #f9f2d5 !important;
}

.caution > .admonition-title:before {
  color: #f4d050 !important;
}

.admonition.tip {
  border-color: #519141;
}

.tip > .admonition-title {
  background-color: #d1dac5 !important;
}

.tip > .admonition-title:before {
  color: #519141 !important;
}

.admonition.hint {
  border-color: #519141;
}

.hint > .admonition-title {
  background-color: #d1dac5 !important;
}

.hint > .admonition-title:before {
  color: #519141 !important;
}

/* logo */
.navbar-brand {
  position: relative;
  height: 60px;
  width: auto;
}

/* format search bar */
.bd-search {
  position: relative;
  padding: 1rem 15px;
  margin-right: -15px;
  margin-left: -15px;
  outline: none;
}

.form-control {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.form-control:focus {
  outline: black !important;
  box-shadow: none !important;
  border: 1px !important;
}

form:focus {
  outline: black !important;
  box-shadow: none !important;
  border: 1px !important;
}

/* override table width restrictions */
@media screen and (min-width: 767px) {
  .wy-table-responsive table td {
    /* !important prevents the common CSS stylesheets from overriding
          this as on RTD they are loaded after this stylesheet */
    white-space: normal !important;
  }

  .wy-table-responsive {
    overflow: visible !important;
  }
}

.card-img-top {
  margin-top: 4em;
}

.col-lg-6 {
  margin-top: 2em;
}

/* list line spacing */
/* ol.simple {
  margin-bottom: 1em;
}
ul.simple {
  margin-bottom: 1em;
}
*/
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
}

/* List items in main area, but not in side bars */
body > li,
p {
  line-height: 1.5;
  margin: 0.3em 0;
}


/* Shadow around images and stay in column bounds*/

img {
  max-width: 100%!important;
  height: auto;
  border:2px solid #fff;
  /*box-shadow: 8px 8px 3px #ccc;
  -moz-box-shadow: 8px 8px 3px #ccc;
  -webkit-box-shadow: 8px 8px 3px #ccc;
  -khtml-box-shadow: 8px 8px 3px #ccc;*/
}


/* change color of Twitter logo */
i.fa-twitter-square:before {
  color: #333;
}

.btn stretched-link {
  background-color: #FFFFFF;
  border: none;
  color: #484848;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.3rem;
  border-radius: 0.5rem;
  max-width: 220px;
  padding: 0.5rem 0rem;
}

.custom-button {
  background-color: #FFFFFF;
  border: none;
  color: #484848;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.3rem;
  border-radius: 0.5rem;
  max-width: 220px;
  padding: 0.5rem 0rem;
}

.custom-button a {
  font-family: "Proxima Nova", sans-serif;
  color: #5CAFBC;
}

.custom-button p {
  margin-top: 0;
  margin-bottom: 0rem;
  color: #5CAFBC;
}

.store-button {
  background-color: #5CAFBC;
  border: none;
  color: #FFFFFF;
  font-family: "Proxima Nova", sans-serif;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  max-width: 220px;
  padding: 0.5rem 0rem;
}

.store-button a {
  color: #FFFFFF;
}

.store-button p {
  align: right;
  margin-top: 0;
  margin-bottom: 0rem;
  color: #484848;
}

.github-button {
  background-color: #45DCC2;
  border: none;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  max-width: 220px;
  padding: 0.5rem 0rem;
}

.github-button a {
  color: #484848;
}

.github-button p {
  align: right;
  margin-top: 0;
  margin-bottom: 0rem;
  color: #484848;
}