/* ==========================================================================
   Glory League HelpScout Docs CSS
   Cleaned version with duplicates removed
   ========================================================================== */


/* === HIDE ELEMENTS === */

p.help,
#sbContact,
#sbContactMobile,
i.icon-print,
i.icon-contact {
  display: none !important;
}

/* hide contact nav item */
#contact {
  display: none !important;
}

/* also hide mobile version */
#contactMobile {
  display: none !important;
}

/* === PAGE BACKGROUND / STRUCTURE === */

body,
#mainNav,
#mainNav .container-fluid,
#mainNav .navbar-inner,
#mainNav .nav-collapse,
#docsSearch,
#docsSearch .container-fluid,
#contentArea,
#contentArea::before,
#contentArea::after,
#contentArea .row-fluid,
#contentArea .row-fluid::before,
#contentArea .row-fluid::after,
.container-fluid,
#sidebar,
.contentWrapper,
#main-content {
  background: #f7f5f3 !important;
  border: none !important;
  box-shadow: none !important;
}

#docsSearch {
  margin: 0 !important;
  padding-bottom: 32px !important;
  border-bottom: none !important;
}

#contentArea {
  padding-top: 0 !important;
}


/* === LOGO === */

img[alt="Glory League Help"] {
  width: 140px !important;
  max-width: 140px !important;
  height: auto !important;
}


/* === MAIN SEARCH BUTTON ONLY === */

#docsSearch #searchBar button {
  background: #FF432A !important;
  border: 1px solid #ff5d2b !important;
  color: #fff !important;
  border-radius: 0 6px 6px 0 !important;
}

#docsSearch #searchBar button:hover {
  background: #FF432A !important;
  border-color: #FF432A !important;
}

#docsSearch #searchBar button .icon-search,
#docsSearch #searchBar button i {
  color: #fff !important;
  background: transparent !important;
}


/* === SIDEBAR SEARCH SHOULD STAY PLAIN === */

#sidebar #searchBar button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#sidebar #searchBar button .icon-search,
#sidebar #searchBar button i {
  color: #b7b7b7 !important;
  background: transparent !important;
}


/* === SIDEBAR ACTIVE ITEM === */

#sidebar .nav-list .active a,
#sidebar .nav-list .active a:focus,
#sidebar .nav-list .active a:hover {
  font-weight: 600 !important;
  color: #ff5d2b !important;
  background: transparent !important;
  text-shadow: none !important;
}


/* === CATEGORY / RESULTS PAGE === */

#categoryHead {
  border-bottom: 1px solid #ddd4cb !important;
  padding-bottom: 20px !important;
  margin-bottom: 24px !important;
}

.contentWrapper h1,
#categoryHead h1,
#fullArticle .title {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}


/* === CONTENT AREA SPACING === */

#main-content {
  padding: 0 !important;
  background: transparent !important;
}

.contentWrapper {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 32px 0 48px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* === ARTICLE PAGE TYPOGRAPHY === */

#fullArticle .title,
.contentWrapper h1 {
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #222 !important;
  margin: 0 0 28px !important;
}

#fullArticle,
#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #3f3f3f !important;
}

#fullArticle p,
.contentWrapper p.descrip {
  margin: 0 0 20px !important;
}

#fullArticle h2 {
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #222 !important;
  margin: 40px 0 14px !important;
}

#fullArticle h3 {
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #222 !important;
  margin: 28px 0 12px !important;
}

#fullArticle h4,
#fullArticle h5 {
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #222 !important;
  margin: 24px 0 10px !important;
}


/* === ARTICLE LINKS / LISTS / EMPHASIS === */

#fullArticle a {
  color: #FF432A !important;
  border-bottom: none !important;
  text-decoration: none !important;
}

#fullArticle a:hover {
  color: #FF432A !important;
  text-decoration: underline !important;
}

#fullArticle > ul,
#fullArticle > ol {
  margin: 0 0 20px 0 !important;
  padding-left: 24px !important;
}

#fullArticle > ul li,
#fullArticle > ol li {
  margin: 0 0 10px !important;
}

#fullArticle > ul li::before {
  left: -0.9em !important;
  color: #9a9a9a !important;
}

#fullArticle strong {
  color: #222 !important;
  font-weight: 600 !important;
}

#fullArticle dt {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #222 !important;
}

#fullArticle dd {
  margin: 0 0 18px !important;
}


/* === ARTICLE META / FOOTER === */

.articleFoot {
  margin-top: 36px !important;
}

.articleFoot p,
.articleFoot time {
  font-size: 13px !important;
  color: #8a8a8a !important;
}


/* === OPTIONAL: HIDE "VIEW IN HELP SCOUT" STYLE LINKS === */
/* Remove this block if it hides anything you want to keep */

a[href*="helpscout.net"],
a[href*="secure.helpscout.net"] {
  display: none !important;
}