/* CSS for PatientSites Knowledge Base */

/* Style H2 titles within the collection-category section */
.collection-category h2 {
    font-size: 2.5em !important;      /* Increases size by exactly 30% */
    font-weight: bold !important;     /* Makes the text bold */
    color: #111E29 !important;        /* Optional: Matches your navy theme */
    
}

/* <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;}
#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;}

/* Increase the main content container width by 20% */
.contentWrapper .navbar-inner {
    max-width: 120% !important; 
    width: 100% !important;        
    margin: 0 auto !important;    
}

.mobile.android.linux.js #content-wrapper,
.mobile.android.linux.js .contentWrapper,
.mobile.android.linux.js .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;  /* Adds a tiny bit of breathing room on edges */
    padding-right: 15px !important;
    margin: 0 !important;
}


.articleList li a {
    font-size: 1.3em !important; 
    display: inline-block;
}

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


#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;
}

/


/* Boxes */
.category-list .category {
    
    min-height: 200px !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 4px 8px 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);
}



/* Solid filled box for the H1 title */
#fullArticle h1.title {
    background-color: #111E29 !important; 
    color: #FFC600 !important;            
    padding: 20px 25px;                   
    border-radius: 6px;                   
    margin-bottom: 30px;                 
    display: block;                       
    line-height: 1.2;                    
}

#docsSearch {
    height: 250px !important;      
    font-size: 1.2rem !important; 
}

.category {
    border-radius: 8px !important;  /* "Small" but noticeable rounding */
    overflow: hidden !important;    /* Ensures background colors don't bleed over the corners */
    border: 1px solid #e5e5e5;      /* Optional: adds a light border to define the shape */
}

.category {
    transition: all 0.2s ease-in-out !important;
}

.category:hover {
    border-color: #111E29 !important; /* Matches your navy theme when hovered */
    transform: translateY(-2px);      /* Subtle lift effect */
}

body p, 
#fullArticle p, 
.article-page p {
    font-size: 16px !important;
    line-height: 1.6 !important;
}



/* <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> */