/* CSS for PatientSites Knowledge Base */


/* <Header> */
.navbar .navbar-inner,
#docsSearch{background:#111e29;}

/* <Logo> */
.navbar .brand{padding-top:10px;}
.navbar .brand img{width:194px;}
/* </Logo> */

/* <Navigation> */
.navbar .nav{top:5px;}
.navbar .nav a{color:#c3e5fc;font-size:15px;font-weight:bold;}
.navbar .nav li a,
.navbar .icon-private-w{color:#c3e5fc;}

.navbar .nav .active .caret{display:none;}
/* </Navigation> */
/* </Header> */

/* <Search> */
#docsSearch{padding-top:20px;}
#docsSearch h1{color:#fff;font-size:33px;font-weight:bold;}

#searchBar{padding-top:21px;}
#searchBar .search-query{border:1px solid #00A24F;box-shadow:0 0 12px 0 #73BC25;}
#searchBar button{background:#00A24F;border:none;top:21px;}
#searchBar button:hover{background:#00bd5b;}
/* </Search> */

/* <Content> */
/* <Change height> */
/*
html,body{height:auto !important;height:100%;margin:0;min-height:100%;padding:0;  }
html{height:100%;}
body{min-height:100%;}
*/
/* </Change height> */
/* <Change width> */
/*
#contentArea{max-width:100%;padding-left:0;padding-right:0;}

#noResults{max-width:1080px;padding-left:20px;padding-right:20px;}

.row-fluid{margin-left:auto;margin-right:auto;max-width:1080px;}

.collection-category{float:none;margin-left:auto;margin-right:auto;max-width:1080px;padding-left:20px;padding-right:20px;}
*/
/* </Change width> */
.collection-category h2 a{color:#111e29;}

.category-list .category{background:#fff;border:1px solid #d8d8d8;}
.category-list .category:hover{background:#f8fdff;}

.category-list h3{color:#000;}
.category-list .category p{color:#777;font-size:16px;}

#serp-dd .result a:hover,
#serp-dd .result > li.active,
#full-Article strong a,
.collection a,
.contentWrapper a,
.most-pop-articles .popArticles a,
.most-pop-articles .popArticles a:hover span,
.category-list .category .article-count,
.category-list .category:hover .article-count{color:#32AFC9;}



#sidebar .nav-list li.active a {
    color: #111e29 !important;
    border-bottom: 3px solid #FFC600 !important;
    text-decoration: none !important;
    padding-bottom: 2px;
    display: inline-block; 
}

#sidebar .nav-list li {
    margin-bottom: 15px !important; 
}

#sidebar .nav-list li a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.5em !important; 
    line-height: 1.4 !important; 
    display: inline-block;
}

#sidebar .nav-list li.active a {
    border-bottom: 3px solid #FFC600 !important;
    padding-bottom: 4px;
}

/
.articleList li a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.2em !important; 
    line-height: 1.2!important;
    display: inline-block;
    padding: 8px 0; /* Adds vertical clickable space */
}

/* 2. Add spacing between the list items */
.articleList li {
    margin-bottom: 12px !important;
    list-style: none !important; /* Optional: removes bullets if they look cluttered */
}

/* Boxes */
.category-list .category {
    
    min-height: 180px !important; 
    
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; 
    text-align: center !important;
    
    
    width: 31% !important; 
    margin: 1% !important;
    float: left !important; 
    box-sizing: border-box !important;
}

.category-list::after {
    content: "";
    display: table;
    clear: both;
}


.category-list .category {
    transition: all 0.3s ease !important; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); 
}

/* 2. The Hover State */
.category-list .category:hover {
    background: #fff !important; 
    border-color: #d8d8d8 !important; /* Keeps your border color consistent */
    
    
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    
   
    transform: translateY(-3px);
}


/* <Categories> */
#category-26.category{background-image:url('../img/category-26.png');background-position:center 18px;background-repeat:no-repeat;padding-top:/*18px*/65px;}
/* </Categories> */

/* <Sidebar> */
#sidebar form .search-query{background:#fff;box-shadow:none;}
/* </Sidebar> */
/* </Content> */

/* <Footer> */
/*
footer{background:#fff;float:left;margin:25px 0 0;padding:/ *41px 0* /21px 0;text-align:center;width:100%;}
footer p{float:left;font-weight:bold;margin:0;text-align:center;width:100%;}
*/
footer p{font-weight:bold;}
/* </Footer> */