@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,400i,500,700');

body {
    background: #fbfbfc;
}

body {
    font-family: "Open Sans", sans-serif;
}

.container-fluid {
    max-width: 1280px;
}

/* Home Page Title */

#docsSearch h1 {
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    margin-top: .4em;
    font-family: "Open Sans", sans-serif;
    color: #212533;
    padding: 10px;
}
.navbar .nav li {
    float: none;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    letter-spacing: .1em;
}
.navbar .nav li a, .navbar .icon-private-w {
    font-size: 14px;
    font-weight: 300;
}


/* Header Size */

a.brand > img {
    max-height: 30px;
    max-width: 185px;
    vertical-align: middle;
    border: 0;
    margin-left: 15px;
    width: auto;
}

.navbar .navbar-inner {
    /* background: #ffffff; */
    background: #212533;
}
.navbar .navbar-inner .container-fluid {
    padding: 0;
}
.navbar .brand {
    float: left;
    display: block;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777;
    text-shadow: 0 1px 0 #fff;
}


/* Home Page Search Bar Background */

#docsSearch {
    background: #ffffff;
    border-top: 1px solid #dadada;
    margin-bottom: 3em;
    padding: 1.5em 0;
    position: relative;
}

@media screen and (min-width: 1025px) {

    #docsSearch::before {
        background-image: url(https://static.socialbee.io/help/Cover-left.png);
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        content: "";
        height: 100%;
        position: absolute;
        left: 5%;
        top: 0;
        transform: translateX(-50%);
        width: 350px;
        transition: left 0.2s;
    }

    #docsSearch::after {
        background-image: url(https://static.socialbee.io/help/Cover-right.png);
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        content: "";
        height: 100%;
        position: absolute;
        left: 95%;
        top: 0;
        transform: translateX(-50%);
        width: 350px;
        transition: left 0.2s;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1899px) {
    #docsSearch {
        height: 360px;
    }

    #docsSearch h1 {
        font-size: 36px;
        padding-top: 2.8em;
    }
}

@media screen and (min-width: 1899px) {
    #docsSearch {
        height: 400px;
    }

    #docsSearch h1 {
        font-size: 36px;
        padding-top: 3.25em;
    }

    #docsSearch::before {
        left: 18%;
        width: 400px;
    }

    #docsSearch::after {
        left: 92%;
        width: 400px;
    }
}

@media screen and (min-width: 1399px) {
    #docsSearch::before {
        left: 10%;
    }

    #docsSearch::after {
        left: 92%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1399px) {

    #docsSearch::before {
        left: 5%;
    }

    #docsSearch::after {
        left: 92%;
    }
}

/* Search Input Box */

input.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
    letter-spacing: 1px;
}

#searchBar button {
    background-color: #F5C400;
    color: #212533;
    text-shadow: none;
}

#searchBar button:hover {
    background-color: #F5C000;
}

/* Home Page Category Title*/

.category-list h3 {
    color: #212533;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
    font-family: "Open Sans", sans-serif;
}

/* Category Styles */

.category-list .category p {
    color: #212533;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
    font-size: 15px;
    letter-spacing: 0.25px;
}
.category-list .category {
    background-color: #fff;
    background-position: top 20px center !important;
    background-repeat: no-repeat !important;
    background-size: 120px auto !important;
    box-shadow: 0 7px 4px -5px rgb(0 0 0 / 5%);
    box-sizing: border-box;
    min-height: 270px;
    padding: 130px 20px 15px;
    position: relative;
    transition: all 0.2s;
}
.category-list .category:hover {
    text-decoration: none;
    background: #f7f7f9;
}



.collection-category h2 {
    font-weight: 500;
    margin: 0 0 20px;
    text-align: center;
    padding-left: 0%;
    font-family: "Open Sans", sans-serif;
    /* text-transform: uppercase; */
    color: #212533;
    font-size: 22px;
    letter-spacing: 1px;
}

.collection-category h2 a {
    color: #212533;
}

.collection-category .category-list {
    margin: 0 0 4em;
    text-align: center;
}

@media (min-width: 1200px) {
    .row-fluid .span3 {
        width: 18%;
        *width: 18%;
    }
    .row-fluid .span9 {
        width: 82%;
        *width: 82%;
    }
}



#fullArticle a {
    text-decoration: underline;
}

#fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
    font-size: 17px;
}

#sidebar {
    position: sticky;
    top: 30px;
}

#sidebar h3 {
    font-size: 18px;
    text-transform: none;
}

#sidebar .nav-list a {
    font-size: 15px;
    padding: 8px 15px 8px 0;
}

.category {
    background-color: #FFFFFF;
}


/* Category: single tile */

/* Internal category with no icons */
#collection-category-8 .category {
  padding-top: 60px;
  min-height: 190px;
}

/*.category-list .category:active {
  box-shadow: 0 0 0px 2px #1292EE inset;
  outline: none;
}*/

.category-list .category:hover .article-count {
    color: #0077CC;
}

.category-list .category:focus .article-count, .category-list .category:active .article-count {
    color: #005CA4;
}

@media screen and (max-width: 759px) {
  .category-list .category {
    margin-right: 0;
  }
}

@media screen and (min-width: 760px) and (max-width: 1104px) {
  .category-list .category {
    width: calc(100%/2 - 17px);
  }

  .category-list .category:nth-child(even) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1105px) {
  .category-list .category {
    width: calc(100%/3 - 23px);
  }

  .category-list .category:nth-child(3n+3) {
    margin-right: 0;
  }

  #collection-category-8 .category {
    padding-top: 60px;
    min-height: 190px;
  }
}

.category-list h3 {
  color: #051849;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}

.category-list .category p {
  color: #7F8D9B;
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 20px;
}

.category-list .category .article-count {
  margin-bottom: 0;
  color: #0077CC;
  transition: color 0.2s ease-in-out;
}

.category-list .category,
.category-list.two-col .category {
  margin-bottom: 30px;
}

.collection-category h2 a {
  color: #1D2B36;
}

.collection-category h2 {
  font-weight: 500;
  font-size: 26px;
  letter-spacing: -0.35px;
  margin-bottom: 20px;
  padding: 0;
}

.collection-category .category-list {
  margin-bottom: 50px;
}

.category-list.two-col .category {
  min-height: 240px;
  width: 100%;
}

@media screen and (min-width: 760px) {
  .category-list.two-col .category {
    width: calc(100%/3 - 23px)
  }
}

.category-list.two-col .category:last-child {
  margin-right: 0;
}

/* Category: icons */

#category-47 {
  background-image: url('https://static.socialbee.io/help/Get_Started.png');
}

#category-48 {
  background-image: url('https://static.socialbee.io/help/Concierge.png');
}

#category-10 {
  background-image: url('https://static.socialbee.io/help/Content.png');
}

#category-13 {
  background-image: url('https://static.socialbee.io/help/Schedule.png');
}

#category-12 {
  background-image: url('https://static.socialbee.io/help/engage.svg');
}

#category-49 {
  background-image: url('https://static.socialbee.io/help/Account_Settings.png');
}

#category-50 {
  background-image: url('https://static.socialbee.io/help/license.svg');
}

#category-4 {
  background-image: url('https://static.socialbee.io/help/FAQs.png');
}

#category-157 {
  background-image: url('https://static.socialbee.io/help/Errors.png');
}

#category-160 {
  background-image: url('https://static.socialbee.io/help/Audience.png');
}

#category-154 {
  background-image: url('https://static.socialbee.io/help/Integrations.png');
}

#category-51 {
  background-image: url('https://static.socialbee.io/help/Contact.png');
}

#category-174 {
    background-image: url('https://static.socialbee.io/help/Analytics.png');
}

#category-310 {
    background-image: url('https://static.socialbee.io/help/Other.png');
}