@import url('//unpkg.com/docsify/lib/themes/vue.css');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root {
  --clr-braza: #FF0F50;
  --clr-braza-title: #222222;
  --clr-braza-description: #888888;
}

* {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  color: var(--clr-braza-description);
}

h1,
h2,
h3,
h4,
h5 {
  color: var(--clr-braza-title) !important;
  font-weight: 700 !important;
}

strong {
  color: var(--clr-braza-title) !important;
  font-weight: 900 !important;
}

h1 a span {
  color: var(--clr-braza-title) !important;
  font-weight: 700;
}

article p {
  font-size: 17px !important;
}

@media (min-width: 768px) {
  article img {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
}

blockquote {
  background: #fcfafa;
  padding: 12px;
}

/* Markdown section */
.markdown-section a {
  color: var(--clr-braza);
}

.markdown-section blockquote {
  border-left: 4px solid var(--clr-braza);
}
/* End markdown section */


/* Search input */
.search input:focus {
  box-shadow: 0 0 5px var(--clr-braza) !important;
  border: 1px solid var(--clr-braza) !important;
}

.search .search-keyword, .search a:hover {
  color:  var(--clr-braza);
}
/* End search input */


/* Sidebar */
.sidebar-nav a {
  color: var(--clr-braza-description) !important;
  font-weight: 400 !important;
}

.sidebar ul li a {
  font-size: 15px;
}

.sidebar li>p {
  font-size: 16px;
}

.sidebar-nav .active a {
  color:  var(--clr-braza) !important;
  font-weight: 700 !important;
}

.sidebar-toggle span {
  background-color: var(--clr-braza) !important;
}
.app-name-link img {
  width: 200px;
}

@media(max-width: 768px) {
  .sidebar-toggle {
    top: 0;
    bottom: auto;
    display: block;
  }

  .search .input-wrap {
    margin-top: 45px;
  }
}
/* End sidebar */


/* Progress */
.progress {
  background-color: var(--clr-braza);
}
/* End progress */