@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

h1, h2, h3, h4, h5, h6, a {
  font-family: 'Poppins', Tahoma, Geneva, Helvetica, sans-serif;
  font-weight: 500;
  color:#021a33;
}

.navbar-inner {
  min-height: 85px;
}

.navbar .navbar-inner .container-fluid {
  padding-top: 5px;
}

.navbar .btn-navbar {
  padding-top: 15px;
}


element.style {
}
.navbar .nav li a {
  border-radius: 6px;
    border: 2px solid #4b5c6e;
    font-size: 15px;
    letter-spacing: .2px;
}

.brand img {
  width: 200px;
  height: 54px;
}

/* --- Search bg --- */
#docsSearch {
  height: 150px;
  padding-top: 75px;
	background-color: #283C51;
	border-bottom: none;
	position: relative;
	top: -1px;
  background: linear-gradient(180deg,#001831,#0c2239 55%,#1a446f);
  background-size: 150px;
}


/* --- Search bar styling --- */
#searchBar .search-query {
	background: #fff;
	border-color: transparent;
	box-shadow: none;
	color: #5A617B;
  text-shadow: none;
  border-radius: 3px;
}

#searchBar button {
	background: #46c581;
	border-color: transparent;
	color: #fff; 
  text-shadow: none; 
  border-radius: 0px 3px 3px 0px;
}

#searchBar button:hover {
	background: #009B4C;
	border-color: transparent;
	color: #fff;
  border-radius: 0px 3px 3px 0px;
}

#searchBar button i {
	color: #fff; 
  text-shadow: none;
}


/* --- Categories styling --- */
.category-list .category {
	background-color:#faf1d7;
	border-color: transparent;
	border-radius: 0.25rem;
  background-position: top 20px center !important;
  background-repeat: no-repeat !important;
  background-size: auto 75px !important;
  padding-top: 100px;
}

.category-list .category:hover {
	background-color: #8a8678;
	border-color: transparent;
	border-radius: 0.25rem;
}

#category-212 {
    background-image: url(https://f000.backblazeb2.com/file/helpscoute-static/account.png);
}

#category-213 {
    background-image: url(https://f000.backblazeb2.com/file/helpscoute-static/create.png);
}

#category-216 {
    background-image: url(https://f000.backblazeb2.com/file/helpscoute-static/manage.png);
}

#category-214 {
    background-image: url(https://f000.backblazeb2.com/file/helpscoute-static/tools.png);
}

#category-215 {
    background-image: url(https://f000.backblazeb2.com/file/helpscoute-static/guide.png);
}

#category-211 {
    background-image: url(https://f000.backblazeb2.com/file/helpscoute-static/questions.png);
}

.category-list .category .article-count {
  color: #564d3c!important;
}


/* --- Image inside article styling --- */
#fullArticle img {
  border-color: transparent;
}



@media (max-width: 600px) and (max-width: 768px) {
  .category-list .category, .category-list.two-col .category {
    margin-bottom: 15px;
  }
  
  #docsSearch {
  height: 150px;
  padding-top: 75px;
	background-color: #5A617B;
	border-bottom: none;
	position: relative;
	top: -1px;
  background: #5A617B;
}
}

@media (max-width: 1024px) {
  .category-list .category, .category-list.two-col .category {
    margin-left: 5px;
    margin-right: 5px;
  }
}