/*********
CSS overrides for help.cuddlecomfort.com
*********/

body {font-family: Open Sans, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;}

/*** Header ***/

.navbar .brand {
    padding: 10px;
    padding-top: 15px;
}

.brand img {max-width: 67%}

#searchBar button {
    font-family: Open Sans, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
  color: #fff;
    background: #3260c7;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 0 5px 5px 0;
    border: none;

}
#searchBar button:hover {
    background: #4C7BD9;
}


[class^=icon-] {
    color: #fff;
}


/*** Category home ***/

#docsSearch {
    background: #F2F2F2;
    border: none;
    margin-bottom: 0em;
    padding: 1.5em 0;
}

#docsSearch h1 {
    font-size: 25px;
    font-weight: 500;
    color: #1a1a1a;
}

#searchBar {
    width: 420px;
}

@media (max-width: 768px) and (max-width: 600px) {
	#searchBar {
   	   width: 90%
	}
}


.category {
    background-color: #fff;
    border-radius: 10px;
}

.category-list .category:hover {
    text-decoration: none;
    background: #fff;
    border-color: #4c7bd96b;
}

.category-list h3 {
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 500;
}

@media (max-width: 768px) and (max-width: 600px) {
    .category-list .category, .category-list.two-col .category {
        box-sizing: border-box;
        margin: 0 0 -1px;
        width: 100%;
        margin-bottom: 20px !important;
    }
}
/*** Page content ***/

.contentWrapper h1 {
    font-weight: 500;
    padding-bottom: 15px;}

#fullArticle ol,#fullArticle li,p {font-size:15px !important}

#fullArticle p:has(+ ul),
#fullArticle p:has(+ ol) {
  margin-block-end: 1.25em; /* gap between P and list */
}

#fullArticle strong {
    color: #000000;
}
#fullArticle .title {
    margin: 0 0px .8em 0;
}

/* ol,li gap issues */

#fullArticle li > ul,
#fullArticle li > ol {
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

#fullArticle li li {
  display: list-item;           /* forces each on its own line */
  list-style-type: circle;      /* hollow bullet */
  list-style-position: inside;  
  margin: 0 0 0.5em 1.5em;      /* adjust indent & spacing */
}


/* End gap issues */

.printArticle {display:none;}
i.icon-article-doc {display: none;}
.sort {display: none !important;}


/*** Article list ***/

.articleList li {
  margin: 0;
  padding-left: 25px;
}

.articleList li a {
  display: block;
  margin-left: -24px;
  padding: 0.7em 12px;
  text-decoration: none;
  color: #000;
}

.articleList li a:hover,
.articleList li a:focus {
  background: #EAF0FE;
  border-radius: 4px;
  color: #346CF9;
}

.articleList li a span {
  text-decoration: none !important;
  color: inherit !important;
}

.articleList li a {
  position: relative; /* new */
}

.articleList li a::after {
  content: "\276F";             
  position: absolute;
  right: 12px;               
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;      
  font-size: 0.7em;
  color: #346CF9;            
}



/**** Back to CC link ****/

#back-cc{
  position:absolute;
  right:15px;                
  top:50%;                 
  transform:translateY(-50%);
  padding:.5em 1em;
  color:#fff;
  text-decoration:none;
  z-index:20;          
  font-size: 14px;      
}

#back-cc:hover{ text-decoration:underline; }

@media (max-width: 767px) {
  #back-cc {
    right: 0 !important;
    padding-right: 0px;  
  }
}


/**** Misc ****/

footer.center {margin-top: 40px;}
#serp .articleList>li a {display: block;}
#serp .articleList>li {padding-left: 12px;}