/*  This template is designed for Docs sites with 'Show on Home Page' set to 'Categories' */

/* Hide built- in footer - remove comment marks from the css
footer  { display: none; }
*/

/* Customize style of text above the search bar */
#docsSearch h1 {
    font-size: 32px;
    font-weight: 600;
    color:;
}

/* Customize font of body of the site; need to provide link to fonts in head code */
body {
    font-family:  'Montserrat', sans-serif;
}

/* Customize your logo with a hi-res image, use this instead of uploading logo to your site settings */
#mainNav .brand span {
  display: inline-block;
  text-indent: -9000px;
        width: 150px;
  height: 65px;
  background: url(https://p-zkF42X.t2.n0.cdn.zight.com/items/yAuekP1B/96952d93-e589-4c85-8874-4d1d02831210.png?v=0fea0f98ac9ed00cdb61a088179cd51c) no-repeat 0 0;
  background-size: 100%;
}

/* Customize the Collection text above the Category boxes */
.collection-category h2 {
    font-weight: 400;
    margin: 0 0 20px;
    padding-left: .65%;
    text-align: center;
}

/* Category Images */

/*
  Here is where you determine the images to be used just above each section of your Help Scout main page.
  You have to create one #category-xxx CSS selector for each separate category in your Help Scout collection.
  To get your category xxx number, simply visit the relevant category in your Help Scout docs and
  check the URL bar for the 3 digit category number.

  Then you have to specify an image located on a shared server somewhere on the internet that can
  serve up the images so Help Scout can display them.
*/

/* Patient Management */
#category-798 {
  background-image: url(https://admin.everflexplus.com/build/assets/Patient-Management-c8541903.svg);
}

/* Clinics */
#category-800 {
background-image: url(https://admin.everflexplus.com/build/assets/note-favorite-3c1deeb4.svg);
}

/* Active Patients */
#category-799 {
background-image: url(https://admin.everflexplus.com/build/assets/Active-Patient-dash-cb8d0299.svg);
}

/* Style the images on the category boxes here */
.category-list .category,
.category-list .category:hover {
  background-repeat: no-repeat;
  background-position: center 36px;
  background-size: 50px 50px;
}

/* Style your category boxes' look here - the below gives a shadow effect and effect on hover */
.category-list .category {
  background-color: #FFF;
  border: none;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0px 1px,
              rgb(241, 243, 245) 0px 2px 10px 0px,
              rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 30px 30px 0;
  padding: 100px 50px 40px;
  min-height: 285px;
  transition: all 0.25s ease-in-out;
  width: 30%;
}


/* Customize category title text on boxes */
.category-list h3 {
    color: #434343;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
}

/* Style the Category description text on a given category card */
.category-list .category p {
    color: #7B7B7B;
} 

/* Customize the article count style */
.category-list .category .article-count, .category-list .category:hover .article-count {
    color: #016def;
}

/* category main page on other device types */
@media screen and (max-width: 760px) {
    section.category-list .category {
        box-sizing: border-box;
        margin: 0 0 20px;
        padding: 120px 20px 15px;
        width: 100%;
    }
}

/* search bar button on other device types */
@media (max-width: 768px) and (max-width: 480px) {
    #searchBar button {
        border: 0;
        padding: .9em;
        background: 0 0;
        border-left: 0;
    }
}

/* modify the search bar itself while on other device types */
@media (max-width: 768px) {
    #searchBar {
        padding: 2em 0;
        width: 90%;
    }
}

/* Customize the search bar font and style */
#searchBar .search-query {
    border-radius: 5px;
    font-size: 17px;
    line-height: 22px;
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    font-family:  'Montserrat', sans-serif;    
border: 2px solid #a4aeb8;
}

/* Customize font style for your search bar's button */
#searchBar button {
font-weight: 600;
    font-family: 'Montserrat', sans-serif; }

/* Customize the look of the search button */
#searchBar button {
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .4);
    background: #17253f;
    border-radius: 0 5px 5px 0;
    border: 1px solid #407FB3;
    font-size: 18px;
    height: 50px;
    position: absolute;
    top: 24px;
    right: -1px;
}

/* Customize the color when you hover over the search button */
#searchBar button:hover {
    background: #2a477e
}

/* Customize the color of the background behind your search textbox section */
#docsSearch {
    background: #EFF2F6;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 3em;
    padding: 1.5em 0;
}

/* Customize the size of your Collection names on the top right navbar */
.navbar .nav a {
    display: block;
    padding: 0 15px;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    line-height: 32px;
    font-size: 1.3em;
}

/* Add more styling and padding to your top nav bar */
.navbar .brand {
    float: left;
    display: block;
    padding: 21px 20px 11px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777;
    text-shadow: 0 1px 0 #fff;
}

/* Side Bar Styles - this displays on the left-hand side when you click on a Category */

#sidebar .nav-list a {
    display: inline-block;
    color: #016def;
    font-size: 14px;
    padding: 6px 15px 6px 0;
    line-height: 20px;
    margin-left: 0;
    sans-serif;
    font-weight: 300;
}

/* Customize style when you've clicked on a sidebar item */
#sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus {
    font-weight: 500;
    color: #5db585;
    background: 0 0;
    text-shadow: none;
    text-decoration: underline;
}

/* Customize the 'Categories' sidebar title */
#sidebar h3 {
    text-transform: uppercase;
    font-size: 16px;
    color: #222222;
    font-weight: 400;
    margin-bottom: 4px;
    sans-serif;
    letter-spacing: 2px;
}

/* Article Styles */

/* Article Footers */

.articleFoot p, .articleFoot time {
    color: #7e8287;
    display: inline-block;
    font-family: "Montserrat";
    sans-serif;
    font-weight: 300;
    font-style: italic;
}

/* Page Footers */

footer p {
    font-size: .9em;
    color: #9b9b9b;
    text-align: center;
    margin-bottom: 3em;
}

/* Style the dropdown sort box on a given Category page */
button, input, select, textarea {
    font-family: "Montserrat";
}