@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Montserrat:wght@600&display=swap');

body {
  font-family: 'Inter', Tahoma, Geneva, Helvetica, sans-serif!important;
  color: #4c4759!important;
}

p, li, ul, #fullArticle div {
  font-family: 'Inter', Tahoma, Geneva, Helvetica, sans-serif!important;
  line-height: 1.65rem!important;
  color: #4c4759!important;
  font-size: 1rem!important;
}

h1, h2, h3, h4, h5, h6, .title {
  font-family: 'Montserrat', Tahoma, Geneva, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 48px;
  color: #4c4759!important;
}

a {
  font-family: 'Montserrat', Tahoma, Geneva, Helvetica, sans-serif;
  font-weight: 600;
  color:#512089;
}

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

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

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

.brand img {
  width: 175px;
  height: 30px;
}

/* --- Search bg --- */
#docsSearch {
  height: 150px;
  padding-top: 75px;
	background-color: #512089;
	border-bottom: none;
	position: relative;
	top: -1px;
  background: url('https://static.woocart.com/images/header.png') no-repeat center 25% / cover #512089;
}


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

#searchBar button {
	background: #26D98E;
	border-color: transparent;
	color: #fff; 
  text-shadow: none;
  border-radius: 0px;
}

#searchBar button:hover {
	background: #45BB8A;
	border-color: transparent;
	color: #fff;
  border-radius: 0px;
}

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


/* --- Categories styling --- */
.category-list .category {
	background-color:#F6F4F7;
	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: rgba(69, 187, 138, 0.2);
	border-color: transparent;
	border-radius: 0.25rem;
}

#category-4 {
    background-image: url(https://assets.woocart.com/create.png);
}

#category-5 {
    background-image: url(https://assets.woocart.com/manage.png);
}

#category-10 {
    background-image: url(https://assets.woocart.com/tools.png);
}

#category-7 {
    background-image: url(https://assets.woocart.com/guide.png);
}

#category-8 {
    background-image: url(https://assets.woocart.com/woocommerce.png);
}

#category-9 {
    background-image: url(https://assets.woocart.com/account.png);
}

.article-count {
  color: #1282A2!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;
  }
}

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