/*****************************************************************************
Global Styles
*****************************************************************************/

body {
    font-family: 'Outfit', sans-serif;
    color: #000000;
    background-color: #f5f5f5;
  }
  
  footer p {
    font-size: 12px;
  }
  
  #sidebar h3 {
    font-size: 16px;
  }
  
  .contentWrapper h1 {
    font-weight: 700;
  }
  
  /*****************************************************************************
  Navigation Styles
  *****************************************************************************/
  
  .navbar .brand img {
    height: 45px;
    width: auto;
  }
  
  .navbar .nav .active .caret {
    display: none;
  }
  
  .navbar {
    font-size: 16px;
  }
  
  .nav.nav-list {
    font-size: 14px;
  }
  
  /*****************************************************************************
  Document Search
  *****************************************************************************/
  
  #docsSearch {
    height: 200px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
      url(https://morphmarket-media.s3.amazonaws.com/other/branding/CoverPhoto-Grid-8x3-Final.jpg);
    /* background-image: url(https://d20zyr0oabjxc2.cloudfront.net/other/branding/david-clode-5uU8HSpfwkI-unsplash+2.jpg); */
    background-size: 1100px;
    border-bottom: none;
    padding-top: 75px;
    position: relative;
    top: -1px;
  }
  
  #docsSearch h1 {
    color: #ffffff;
    font-size: 40px;
  }
  
  #docsSearch button[type='submit'] {
    background-color: #7AB800;
    border-color: #7AB800;
  }
  
  #docsSearch input {
    border-color: #e0e0e0;
  }
  
  .icon-search.lp {
    color: #fff;
  }
  
  /*****************************************************************************
  Category List
  *****************************************************************************/
  
  .category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; 
  }

  @media (min-width: 900px) {
    .category-list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
  
    .category-list .category {
      width: auto;
      display: flex;
      flex-direction: column;
    }
  }
  

  .category-list h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 110%;
    margin-top: 0px;
  }
  
  .category-list .category p {
    font-size: 14px;
    color: #4a4b4d;
    margin-bottom: 5px; 
  }
  
  .category-list .category {
    background-color: #fff;
    text-align: left;
    border: 1px solid #ced4da;
    border-radius: 6px;
    padding: 14px 14px 8px 14px; 
    cursor: pointer;
  }
  
  .category-list .category:hover {
    background-color: #fff;
   
  }
  
  .category-list .category .article-count {
    color: #fff;
    font-size: 10px;
    display: inline-block;
    background-color: #7AB800;
    border-radius: 25px;
    height: 16px; 
    padding: 1px 7px 3px 7px;
    align-items: center;
    margin-top: 5px;
    width: fit-content;
    
  }
  
  .category-list .category:hover .article-count {
    color: #fff;
    background-color: #7AB800;
  }
  
  
  
  
  
  /*****************************************************************************
  Article List
  *****************************************************************************/
  
  .articleList a {
    line-height: 17.6px;
    font-size: 16px;
    font-weight: 700;
  }
  
  .articleList .icon-article-doc {
    display: none;
  }
  
  .contentWrapper p.descrip {
    display: none;
  }
  
  /*****************************************************************************
  Global Article Styles
  *****************************************************************************/
  
  
  #fullArticle h1 {
    font-size: 28px;
    font-weight: 700;
    margin: 10px 0 5px;
  }
  
  #fullArticle h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 10px 0 10px;
  }
  
  
  #fullArticle h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0 5px;
  }
  
  /* article font sizes and spacing should be the same */
  #fullArticle p {
   font-size: 16px;   
   margin-bottom: 4px;
  }
  
  
  #fullArticle ul,
  #fullArticle ol,
  #fullArticle li,
  #fullArticle div,
  #fullArticle blockquote,
  #fullArticle dd {
    font-size: 16px;
    margin-bottom: 1px;
  }
  
  /* nested lists shouldn't have extra margin */
  #fullArticle li > ul,
  #fullArticle li > ol {
    margin-bottom: 1px;
  }
  
  /* line breaks should have less spacing */
  #fullArticle br {
    display: block;
    margin-bottom: 1px;
    content: "";
  }
  
  #fullArticle img {
    margin: 16px 0 16px 0;
  }
  
  /* article link styling */
  #fullArticle a,
  #fullArticle p a,
  #fullArticle li a {
    color: #5C8A00;
    font-weight: 500;
    text-decoration: none;
  }
  
  #fullArticle a:hover,
  #fullArticle a:focus {
      text-decoration: underline;
  }
  
  #fullArticle a.admin-edit,
  #fullArticle a.admin-edit *,
  #fullArticle a.printArticle,
  #fullArticle a.printArticle * {
    text-decoration: none;
  }
  
  
  
  
  /* bold bulletted letters/numbers */
  #fullArticle ol li::marker {
    font-size: 16px; 
    font-weight: 600; 
  }
  
#serp-dd .result li a {
    color: #000000;
    text-decoration: none; 
}

#serp-dd .result li.active a {
    color: #5c8a00;
    font-weight: bold; 
}