/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-heading-color: #203320;
  --ifm-color-primary: #343955;
  --ifm-color-primary-dark: #033670;
  --ifm-color-primary-darker: #022854;
  --ifm-color-primary-darkest: #03448c;
  --ifm-color-primary-light: #00478e;
  --ifm-color-primary-lighter: #055fc4;
  --ifm-color-primary-lightest: #066ce0;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
  --site-primary-hue-saturation: 225 88%;
  --site-primary-hue-saturation-light: 167 56%; /* do we really need this extra one? */
  --site-color-favorite-background: #f6fdfd;
  --site-color-tooltip: #fff;
  --site-color-tooltip-background: #353738;
  --site-color-svg-icon-favorite: #e9669e;
  --site-color-checkbox-checked-bg: hsl(167deg 56% 73% / 25%);
  --site-color-feedback-background: #fff;
  --ifm-hero-background-color: #004389;
  --ifm-hero-text-color: #F7F8F8;
  --docusaurus-highlighted-code-line-bg: rgb(0 0 0 / 10%);
  --ifm-footer-background-color: #353738;
  --ifm-footer-link-hover-color: #9ca0f3;
  --ifm-link-color: #5039c4;
  --ifm-announcement-color: #9da0e2;
  --ifm-code-border-radius: 10px;
  --ifm-feature-background-color: #f7f4f4;
  --ifm-about-background-color: #FFC72C;
  --ifm-advertise-background-color: #8EAEBD;
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-heading-color: #F7F8F8;
  --ifm-color-primary: #F7F8F8;
  --ifm-color-primary-dark: #00478e;
  --ifm-color-primary-darker: #004284;
  --ifm-color-primary-darkest: #003d7a;
  --ifm-color-primary-light: #0066cc;
  --ifm-color-primary-lighter: #0070e0;
  --ifm-color-primary-lightest: #007af4;
  --ifm-hero-background-color: #000000;
  --ifm-hero-text-color: #f6fdfd;
  --ifm-link-color: #9da0e2;
  --ifm-announcement-color: #eff4ef;
  --ifm-feature-background-color: #2D2D2D;
  --ifm-about-background-color: #C19300;
  --ifm-advertise-background-color: #4A6B78;
}

@media screen and (min-width: 997px) {
  .navbar-icon {
    border-radius: 50%;
    display: flex;
    height: 32px;
    width: 32px;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    padding: 0;
    transition: background var(--ifm-transition-fast);
  }

  .navbar-icon:hover {
    background: var(--ifm-color-emphasis-200);
    color: inherit;
  }
  .nav-emoji {
    display: none;
  }
}

.header-github-link:hover {
  opacity: 0.6;
}

.header-github-link:before {
  content: '';
  width: 24px;
  height: 24px;
  display: flex;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
      no-repeat;
}

html[data-theme='dark'] .header-github-link:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
      no-repeat;
}

div[class^='announcementBar_'] {
  background: var(--ifm-hero-background-color);
  color: #ffffff;
  border-bottom: 1px dotted #eeeeee;
  font-weight: bold;
  font-size: 18px;
  height: auto;
}

div[class^='announcementBar_'] a {
    color: var(--ifm-announcement-color);
}

div[class^='announcementBar_'] .clean-btn {
  color: #ffffff;
  opacity: 100%;
}

[data-theme='light'] .DocSearch {
  /* --docsearch-primary-color: var(--ifm-color-primary); */
  /* --docsearch-text-color: var(--ifm-font-color-base); */
  --docsearch-muted-color: var(--ifm-color-secondary-darkest);
  --docsearch-container-background: rgba(94, 100, 112, 0.7);
  /* Modal */
  --docsearch-modal-background: var(--ifm-color-secondary-lighter);
  /* Search box */
  --docsearch-searchbox-background: var(--ifm-color-secondary);
  --docsearch-searchbox-focus-background: var(--ifm-color-white);
  /* Hit */
  --docsearch-hit-color: var(--ifm-font-color-base);
  --docsearch-hit-active-color: var(--ifm-color-white);
  --docsearch-hit-background: var(--ifm-color-white);
  /* Footer */
  --docsearch-footer-background: var(--ifm-color-white);
  --docsearch-highlight-color: var(--ifm-color-black);
}

[data-theme='dark'] .DocSearch {
  --docsearch-text-color: var(--ifm-font-color-base);
  --docsearch-muted-color: var(--ifm-color-secondary-darkest);
  --docsearch-container-background: rgba(47, 55, 69, 0.7);
  /* Modal */
  --docsearch-modal-background: var(--ifm-background-color);
  /* Search box */
  --docsearch-searchbox-background: var(--ifm-background-color);
  --docsearch-searchbox-focus-background: var(--ifm-color-black);
  /* Hit */
  --docsearch-hit-color: var(--ifm-font-color-base);
  --docsearch-hit-active-color: var(--ifm-color-black);
  --docsearch-hit-background: var(--ifm-color-emphasis-100);
  /* Footer */
  --docsearch-footer-background: var(--ifm-background-surface-color);
  --docsearch-key-gradient: linear-gradient(
    -26.5deg,
    var(--ifm-color-emphasis-200) 0%,
    var(--ifm-color-emphasis-100) 100%
  );
}

.tutorial-tag-wrapper .tag {
  background-color: #282A36;
  border-radius: 2px;
  color: #e6e6e6;
  padding: 5px;
  margin: 5px;
}

.tutorial-tag-wrapper.contributors {
  margin-top: 20px;
}

.solution-author-wrapper {
  text-align: center;
  background-color: #343955;
  color: #e6e6e6;
}

.tag-wrapper .topic-tag {
  background-color: #4b5270;
  border-radius: 2px;
  color: #fff;
  padding: 5px;
  margin: 5px;
}

pre  {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

table {
  width:100%;
}

table th:nth-child(1) {
  text-align: left;
}

table.suggested-problem-table tbody > tr > td:nth-child(1) {
  width: 30%;
}

table.suggested-problem-table tbody > tr > td:nth-child(2) {
  width: 10%;
  text-align: center;
}

table.suggested-problem-table tbody > tr > td:nth-child(3) {
  width: 10%;
  text-align: center;
}

table.suggested-problem-table tbody > tr > td:nth-child(4) {
  width: 10%;
  text-align: center;
}

table, tr, td, th {
  border: none !important;
}

.easy {
  color: rgb(0 175 155);
}

.medium {
  color: rgb(255 184 0);
}

.hard {
  color: rgb(255 45 85);
}

@media screen and (min-width: 1120px) {
  .nav-emoji {
    display: inline-block;
  }
}