body {
    background-color: #f5f7fa;
    line-height: 1.3;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-size: 14px;
    font-weight: normal;
}

input,button,select,textarea,body {
  font-family: 'Source Sans Pro', 'Open Sans', Helvetica, Arial, sans-serif;
}


* {
    -webkit-overflow-scrolling: touch;
}

p, h1, h2, h3, h4, h5, a, li, input {
    color: #354254 !important;
}

#fullArticle h5 {
  font-size: 16px;
}

.printArticle+h2 {
  margin-top: 0;
}

#mainNav .container-fluid {
  min-height: 90px;
  line-height: 90px;
  display: flex;
  align-items: center;
  justify-content: baseline;
}

#mainNav .brand span {
  vertical-align: middle;
  line-height: 45px;
  font-size: 20px;
  color: white;
  font-weight: normal;
}

#mainNav ul.nav li a {
  font-size: 15px;
  font-weight: 500;
}

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

#fullArticle p{
    margin: 15px 0;
}

#fullArticle img {
  padding: 0;
  box-shadow: 0 0 14px rgba(0,0,0,0.1);
}

#sidebar h3 {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.06em;
  color: #AAA;
  margin-bottom: 4px;
}

#sidebar .nav-list a{
    font-size: 16px;
}

#docsSearch {
    background-color: #03112f;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px 10px;
    align-items: center;
}

#docsSearch h1{
    color: white !important;
    opacity: 1;
}

.collection-category .category-list, .collection-category .category-list.two-col {
  display: flex;
  flex-wrap: wrap;
}

.category-list .category, .category-list.two-col .category {
  flex-basis: 28%;
  width: 28%;
  padding: 1.5em 1em;
  min-width: 220px;
}

.category-list .category {
  min-height: 150px;
}

.category-list .category:hover {
  box-shadow: rgba(71, 88, 114, 0.16) 0px 4px 16px;
  background-color: #FFF;
  transition: box-shadow 0.35s ease 0s;
}

.category-list .category h3 {
  font-weight: bold;
  letter-spacing: 0.3px;
  margin-bottom: 15px;
  color: #051849;
}

.category-list .category p {
  color: #7e89a9;
}

.infobox {
  color: #0077b3 !important;
  display: block;
  background: #e4f2f9;
  padding: 0.7em 1em;
  border-radius: 5px;
  margin-bottom: 2em !important;
}

.infobox * {
  color: #0077b3 !important;
}

.infobox.success {
  color: #00B84F;
  background: #E3FCEE;
}

.infobox.success * {
  color: #00B84F;
}

.infobox.warning {
  color: #D48200;
  background: #FCF1DE;
}

.infobox.warning * {
  color: #D48200;
}

.large-cta-button {
  display: block;
  width: 50%;
  min-width: 260px;
  white-space: nowrap;
  margin: 16px auto;
  padding: 10px 12px;
  color: white !important;
  font-weight: 500;
  font-size: 17px;
  background-color: #2ca9e8;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  transition: all 0.15s ease;
}

.large-cta-button:hover {
  box-shadow: 0 5px 12px rgba(0,0,0,0.13);
  background-color: #1795d4;
  color: white !important;
  text-decoration: none;
}

.navbar .brand {
	max-width: 225px;
}

.contentWrapper, .related{
    border: none;
}

#sidebar form .search-query{
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

#searchBar .search-query{
    border: 1px solid white !important;
    box-shadow: none !important;
    border-radius: 5px !important;
}

#searchBar button .icon-search {
    color: #555;
    display: block;
}

#searchBar button span{
    display: none;
}

#searchBar button {
    background: transparent;
    border-color: transparent;
    font-weight: 600;
    outline: none;
    text-shadow: none;
    top: 28px;
    right: 0;
}

#searchBar button:hover {
    background: transparent;
    border-color: transparent;
}

#sidebar #serp-dd{
    display: none !important;
}

#serp-dd{
    display: none;
    border: none;
    margin-top: 4px;
    box-shadow: none;
}

#serp-dd .result {
    margin: 0;
    max-height: 250px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.category-list .category {
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;
    background-position: center 36px !important;
    padding-top: 115px !important;
    border-radius: 12px;
    border: none;
    background-size: 140px 140px !important;
    padding-top: 185px !important;
}

.category-list .category, .category-list.two-col .category{
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;
    background-position: center 36px !important;
    padding-top: 115px !important;
    border-radius: 12px;
    border: none;
    background-size: 140px 140px !important;
    padding-top: 185px !important;
}

.category-list h3 {
    font-size: 22px;
}

.navbar .nav li a {
	color: #30a473;
}

.category-list .category p {
	font-size: 16px;
}

.category-list .category .article-count {
    font-weight: 600;
}

.sort{
    display: none;
}

#fullArticle .title, #categoryHead h1 {
    font-size: 34px;
    font-weight: 600;
}

.contentWrapper p.descrip {
    font-size: 18px;
}

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

/* category icons */


#category-284{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelpGetting-Started.png");
}

#category-337{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelp_Video-Tutorials.png");
}

#category-189{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelpAccount.png");
}

#category-275{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelpDocuments.png");
}

#category-329{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelp_Content-Briefs.png");
}

#category-330{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelp_Content-Optimization.png");
}

#category-331{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelp_Question-Research.png");
}

#category-332{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelp_Google-Search-Console.png");
}

#category-336{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelpAdd-ons.png");
}

#category-242{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelpSettings.png");
}

#category-241{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelpCrawler.png");
}

#category-243{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelpDataset.png");
}

#category-245{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelpInstall.png");
}

#category-244{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelpAnalytics.png");
}

#category-285{
    background: url("https://www.frase.io/wp-content/uploads/2021/01/FraseHelpFAQ.png");
}

#category-385{
    background: url("https://www.frase.io/wp-content/uploads/2021/10/FrasePricingicons_Frase-AI.png");
}

@media (max-width: 800px) and (max-width: 800px) {

    .category-list .category, .category-list.two-col .category {
        flex-basis: 44% !important;
        width: 44% !important;
    }

    #searchBar button{
        top: 21px !important;
    }

}

@media (max-width: 600px) and (max-width: 600px) {

    .category-list .category, .category-list.two-col .category {
        margin-bottom: 15px !important;
        flex-basis: 100% !important;
        width: 100% !important;
    }

    #sidebar form button{
        top: 0 !important;
    }

}