body {
  font-family: lato, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #262950;
}

h1 {
  font-family:"Sora", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold !important;
  color: #262950 !important;
}

h2 {
  font-family:"Sora", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold !important;
  padding: 1.5em 0em 0.5em;
  color: #262950 !important;
}

h3 {
  font-family:"Sora", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold !important;
  color: #262950 !important;
} 

p {
  color: #262950 !important;
}
/* HEADER */
#mainNav .brand span {
  background: url(https://helpers.rule.se/helpscout/2021/logo.png) no-repeat 0 0;
  background-size: 100%;
  display: inline-block;
  text-indent: -9000px;
  width: 125px;
}

.navbar .brand {
  padding: 15px 0px;

}
.navbar .navbar-inner {
  background: #fff;
}

.navbar .nav li a,
.navbar .icon-private-w {

}
.navbar .nav li a {
  padding: 16px 15px;
  font-size: 16px;
  font-weight: 500;
}
.navbar .btn-navbar .icon-bar {
  box-shadow: none;
}

#docsSearch { 
  height: 19,5em;
  background: #85E7F1;
  background: url(https://helpers.rule.se/helpscout/2021/search_background.jpg) no-repeat 0 -30px;
  background-size: cover;
  border-bottom: none;
  padding-bottom: 2em;
  margin-bottom: 2em;
  position: relative;
  font-weight: 700;
}

#docsSearch h1 {
  /*text-transform: uppercase;*/
  font-size: 40px;
  color: #262950;
  margin-top: 1.0em;
  line-height: 1.2em
}

#searchBar .search-query {
  font-size: 1.2em;
}

#searchBar button {
  color: #fff;
  font-size: 1.2em;
  text-shadow: none;
  background: #262950;
  border: 1px solid #262950;
}

.category-list .category {
  background-color: #fff !important;
  border-color: #262950 1px;
}

h2#collection-164, h2#collection-1 {
  text-align: center;
}

#collection-category-164 {
  display: none;
}
/* CATEGORY ICONS */
a#category-292{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/getting_started.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
  width: 95.6%;
}

a#category-4{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/subscribers.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
}

a#category-20{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/tags_filters.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
}

a#category-5{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/campaigns.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
}

a#category-6{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/marketing_automation.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
}

a#category-387{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/journey_builder.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
}

a#category-55{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/account.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
}

a#category-44{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/templates.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
}

a#category-48{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/technical.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
}

a#category-376{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/partners.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
}

a#category-472{
  background: center 25px url(https://helpers.rule.se/helpscout/2021/customer_succes.png) no-repeat;
  background-size: 64px 64px;
  padding-top: 100px;
  width: 95.6%;
}


footer {
  background: #F8F17D;
  background: url(https://helpers.rule.se/helpscout/2021/footer_background.jpg) no-repeat 0 0;
  /* background-size: auto 100%; */
  background-size: cover;
  height: 25em;
}



footer p {
  padding-top:15em;
}

@media (max-width:768px) and (max-width:600px){
  .category-list .category,.category-list.two-col .category{
    margin-top:1em;
  }
}

#fullArticle dt {
  background: #34b880;
  font-size: 16px;
}

#fullArticle, #fullArticle p {
  font-size: 16px;
}