/* Site logo */

#mainNav .brand span {
	display: inline-block;
	text-indent: -9000px;
	width: 140px;
	height: 31.315px;
	background: url(https://spotlightwp.com/wp-content/uploads/2020/06/Spotlight-Documentation-Logo.png) no-repeat 0 0;
	background-size: 100%;
}


/* Site fonts */

body {
       font-family: 'Poppins', sans-serif;
       font-weight: 400;
       color: #202225;
}

h1, h2 {
       font-family: 'Poppins', sans-serif;
       font-weight: 600;
       color: #202225;
}

h3 {
       font-family: 'Poppins', sans-serif;
       font-weight: 600;
       color: #202225;
}

h4 {
       font-family: 'Poppins', sans-serif;
       font-weight: 400;
       color: #202225;
}

h5 {
       font-family: 'Poppins', sans-serif;
       font-weight: 400;
       color: #202225;
}
.contentWrapper h1 {
    font-weight: 600;
}

#fullArticle .title {
    margin: 0 30px .5em 0;
    font-weight: 600;
}


/* Homepage mods */

.navbar .navbar-inner {
    background: #ffffff;
    padding: 14px 0;
}

#docsSearch {
    background: #E6EEF2;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 7em;
    padding: 8em 0;
}

#docsSearch h1 {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin-top: .4em;
}

#searchBar .search-query {
	border-radius: 12px;
}

#searchBar button {
	font-family: 'Poppins', sans-serif;
	color: #fff;
    text-shadow: 0 -1px 1px rgba(0,0,0,.4);
    background: #202225;
    border-radius: 0 12px 12px 0;
    border: 1px solid #202225;
    font-size: 18px;
    padding: 0 1.5em;
    height: 50px;
    position: absolute;
    top: 24px;
    right: -1px;
}

#searchBar button:hover {
	background: #dd224b;
	border: 1px solid #dd224b;
}

.category-list .category {
	padding: 3.5em 1em;
}

.category-list .category:hover {
    text-decoration: none;
    background: #E6EEF2;
}

.category-list .category p {
    color: #b3b3b3;
    padding: 0px 20px;
}


/* Navbar styling */

#searchBar button:hover {
	border: none;
}

#searchBar.sm button .icon-search:hover {
	color: #dd224b;
}

#sidebar .nav-list a {
	display: inline-block;
    color: #858585;
    font-size: 1.1em;
    padding: 6px 15px 6px 0;
    line-height: 20px;
    margin-left: 0;
}

#sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus {
    font-weight: 600;
    color: #316CF4;
    background: 0 0;
    text-shadow: none;
}

i.icon-arrow:before {
    color: #316CF4;
}


/* Headings in articles */

.collection-category h2 a, .collection-category h3 a {
    color: #202225;
    font-weight: 500;
}

.collection-category h4 a, .collection-category h5 a {
    color: #202225;
    font-weight: 400;
}


/* Bullet lists using definition lists */
  /* Ref: https://docs.helpscout.com/article/222-use-definition-lists-for-detailed-steps */

#fullArticle dt {
    float: left;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    padding: 4px 8px;
    margin-bottom: 0.7em;
    font-size: 12px;
    line-height: 1.2em;
    border-radius: 50px;
    color: #fff;
    background: #316CF4;
    vertical-align: baseline;
    white-space: nowrap;
    margin-left: 12px;
    margin-top: 3px;
}

#fullArticle dl {
    margin-bottom: 2em;
}

#fullArticle dd {
    padding-top: 3px;
    margin: 0 0 8px 45px;
}

#fullArticle dt:first-of-type {
    padding: 4px 10px !important;
}


/* Hide 'Last Updated' date */

.articleFoot time.lu {
    display:none;
}


/* Related articles */

.related {
    border: none;
    border-top: 0;
    background: #fff;
    position: relative;
    padding: 46px;
}

.related h3 {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: #202555;
}

.related ul>li a {
    font-size: 14px;
    color: #316CF4;
}


/* Hide mention of HS */

.footer.span {
    display: none;
}