/* Custom Help Scout StyleSheet - by Devan Sabaratnam (founder of HR Partner - www.hrpartner.io) */
/* Color pallette chosen from https://coolors.co/54494b-7e8287-9da39a-b98389-db2955 */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,400i,500,700");
/* */

/* 06-08-22 Changed font family for consistency with main site */
body {
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  margin: 0;
}
/* Home Page Title */

#docsSearch h1 {
  font-size: 32px;
  font-weight: 300;
  text-align: center;
  margin-top: 0.4em;
  font-family: "Open Sans", sans-serif;
  color: #fff !important;
  padding: 10px;
}
.navbar .nav li {
  display: inline-block;
  float: none;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.navbar .nav li a,
.navbar .icon-private-w {
  font-size: 14px;
  font-weight: 300;
}

/* Header Size */

a.brand > img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  height: 60px;
  margin-left: 15px;
  width: auto;
}

.navbar .navbar-inner {
  /* background: #ffffff; */
  height: 60px;
}
.navbar .navbar-inner .container-fluid {
  padding: 0;
  height: 60px;
}
.navbar .brand {
  float: left;
  display: block;
  padding: 0px;
  height: 60px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #777;
  text-shadow: 0 1px 0 #fff;
}
/* Home Page Search Bar Background */

#docsSearch {
  background: #ffffff;
  border-top: 1px solid #dadada;
  margin-bottom: 3em;
  padding: 1.5em 0;
}
#docsSearch {
  height: 200px;
  background: url(https://firebasestorage.googleapis.com/v0/b/wd-server.appspot.com/o/websiteImages%2FFooter6.png?alt=media&token=411d06b4-2db5-4b35-aa71-6c53127ef139)
    no-repeat center 100% / cover transparent !important;
  border-bottom: none;
  padding-top: 75px;
  position: relative;
  top: -1px;
}
/* Search Input Box */

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  letter-spacing: 1px;
}

/* Home Page Category Title */

/* 06-08-22 changed color */
.category-list h3 {
  color: #252535;
  font-size: 20px;
  font-weight: 400;
  /* line-height: 0.7em; */
  font-family: "Open Sans", sans-serif;
  position: center relative;
  bottom: 11%;
  left: 20%;
  right: 20%;
}

.category-list .category .article-count {
  position: relative bottom;
  bottom: 0;
  left: 38%;
}

/* Category Styles */

.category-list .category p {
  color: #7e8287;
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  font-size: 15px;
  letter-spacing: 0.25px;
}

.category-list .category {
  background-color: #fff;
  background-position: top 15px center !important;
  background-repeat: no-repeat !important;
  background-size: 100px auto !important;
  box-shadow: 0 7px 4px -5px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  min-height: 245px;
  max-height: 250px;
  padding: 120px 20px 15px !important;
  position: relative;
  width: 31.5% !important;
  transition: all 0.2s !important;
}

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

.collection-category h2 {
  font-weight: 500;
  margin: 0 0 20px;
  text-align: center;
  padding-left: 0%;
  font-family: "Open Sans", sans-serif;
  /* text-transform: uppercase; */
  color: #7e8287;
  font-size: 20px;
  letter-spacing: 1px;
}

.collection-category h2 a {
  color: #2c3b47;
}

.collection-category .category-list {
  margin: 0 0 4em;
  text-align: center;
}

/* Home Page Link Style */

#serp-dd .result a,
#serp-dd .result > li.active,
#full-Article strong a,
.collection a,
.contentWrapper a,
.most-pop-articles .popArticles a,
.most-pop-articles .popArticles a span,
.category-list .category .article-count,
.category-list .category .article-count,
.contentWrapper a {
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #4ca9ed;
  margin-top: 15px;
  text-transform: capitalize;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
#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,
.contentWrapper a {
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #29a877;
  margin-top: 15px;
  text-transform: capitalize;
  /* text-decoration: underline; */
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
/* Home Page Search Button */

#searchBar button {
  color: #fff;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  background: #03d3d5;
  border-radius: 0 5px 5px 0;
  border: 1px solid #b98389;
  font-size: 18px;
  padding: 0 1.5em;
  height: 50px;
  position: absolute;
}
#searchBar button:hover {
  background: #2dd3fd;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  border: 1px solid #2ad7d7;
}
input,
button,
select,
textarea {
  font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Category Images */

/*
  Here is where you determine the images to be used just above each section of your Help Scout main page.
  You have to create one #category-xxx CSS selector for each separate category in your Help Scout collection.
  To get your category xxx number, simply visit the relevant category in your Help Scout docs and
  check the URL bar for the 3 digit category number.

  Then you have to specify an image located on a shared server somewhere on the internet that can
  serve up the images so Help Scout can display them.
*/

/* Help & Troubleshooting */
#category-152 {
  background-image: url(https://assets.writerduet.com/kb-icons/HelpTroubleshooting-icon-green.png);
}

/* Account Management */
#category-230 {
  background-image: url(https://assets.writerduet.com/kb-icons/Profile-icon.png);
}

/* Project & Doc Mgmt */
#category-208 {
  background-image: url(https://assets.writerduet.com/kb-icons/ProjectDocumentManagement-icon-salmon.png);
}

/* Sharing & Collaboration */
#category-153 {
  background-image: url(https://firebasestorage.googleapis.com/v0/b/wd-server.appspot.com/o/websiteImages%2Fcollaboration-icon.png?alt=media&token=5a0764e4-5289-4ae2-98ac-bdd1127094ff);
}

/* Layouts & Display */
#category-186 {
  background-image: url(https://assets.writerduet.com/kb-icons/template-icon-salmon.png);
}

/* Revisions */
#category-105 {
  background-image: url(https://assets.writerduet.com/kb-icons/Revisions-icon-green.png);
}

/* Tools & Reports */
#category-82 {
  background-image: url(https://assets.writerduet.com/kb-icons/stats-icon-salmon.png);
}

/* Format */
#category-69 {
  background-image: url(https://assets.writerduet.com/kb-icons/backup-icon-green.png);
}

/* Classroom */
#category-111 {
  background-image: url(https://assets.writerduet.com/kb-icons/classroom-icon.png);
}

/* Readthrough */
#category-171 {
  background-image: url(https://assets.writerduet.com/kb-icons/ReadAloud-icon-green.png);
}

/* New in WD */
#category-270 {
  background-image: url(https://assets.writerduet.com/kb-icons/speed-logo-salmon.png);
}

/* Side Bar Styles */

#sidebar .nav-list a {
  display: inline-block;
  color: #000000;
  font-size: 14px;
  padding: 6px 15px 6px 0;
  line-height: 20px;
  margin-left: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
  font-weight: 500;
  color: #06b9dd;
  background: 0 0;
  text-shadow: none;
  text-decoration: underline;
}
#sidebar h3 {
  text-transform: uppercase;
  font-size: 16px;
  color: #7e8287;
  font-weight: 400;
  margin-bottom: 4px;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 2px;
}
/* Article Styles */

#main-content {
  background: none;
}
@media (min-width: 769px) {
  #main-content {
    background: none;
    float: right;
    margin-bottom: 2em;
    padding: 32px 0 0 28px;
  }
}


#fullArticle img {
  display: block;
  margin: 1em 0 2em;
  padding: 4px;
  border-radius: 4px;
  box-sizing: border-box;
}

#fullArticle .title,
.contentWrapper h1 {
  margin: 0 30px 0.5em 0;
  font-family: "Open Sans", sans-serif;
  color: #2c3b47;
  font-weight: 700;
}
#fullArticle .printArticle {
  position: absolute;
  right: 46px;
  top: 40px;
}
#fullArticle,
#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table {
  color: #7e8287;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.01em;
}
#categoryHead .sort select {
  width: 150px;
  height: 32px;
  margin: 0;
  line-height: 24px;
  font-size: 13px;
  color: #2c3b47;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
/* Style this one if you want bolded article text to have a different color */

#fullArticle strong {
  color: #7e8287;
}
#fullArticle h2 {
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #db2955;
}
#fullArticle h3 {
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #db2955;
}
#fullArticle h4 {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #7e8287;
  font-style: italic;
}
.contentWrapper p {
  margin-top: -4px;
  word-wrap: break-word;
  font-family: "Open Sans", sans-serif;
  color: #7e8287;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.01em;
}

/* Article Footers */

.articleFoot p,
.articleFoot time {
  color: #7e8287;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
}

/* Page Footers */

footer p a {
  color: #7e8287;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

/* Contact Modal */

#contactModal h2,
.abuse h2 {
  background: #fff;
  margin: 0;
  padding: 11px 0 10px 18px;
  font-size: 22px;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-family: "Open Sans", sans-serif;
  color: #58a4b0;
  font-weight: 300;
}
#contactModal .control-label {
  width: 110px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #7e8287;
}

.btn {
  color: #fff;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  background: #03d3d5;
  border-radius: 5px;
  border: 1px solid #b98389;
  font-size: 14px;
  padding: 0.5em;
  /* height: 50px; */
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #fff;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  background: #8fa7c2;
  border: 1px solid #9da39a;
}

#search-query .btn:hover {
  color: #fff;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0);
  background: #8fa7c2;
  border-radius: 5px;
  border: 1px solid #9da39a;
  font-size: 18px;
  padding: 0 1.5em;
  height: 50px;
}

.category-list {
  text-align: center;
}

/* Fix for making homepage category gallery go smoothly from 3 to 2 to 1 column */

@media screen and (max-width: 1105px) {
  section.category-list .category {
    width: 48.2%;
  }
}
@media screen and (max-width: 760px) {
  section.category-list .category {
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 120px 20px 15px;
    width: 100% !important;
  }
}
/* RESPONSIVE */

@media (max-width: 768px) {
  .navbar .btn-navbar {
    margin-top: 16px;
    right: -10px;
  }
  .related {
    padding: 30px 25px 25px;
  }
  .related ul {
    margin-left: 0;
  }
  .related h3 {
    padding-left: 0;
  }
  .related ul > li a {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  #searchBar button {
    color: transparent;
    text-shadow: 0;
    background: transparent;
    border-radius: 0 5px 5px 0;
    border: 0;
    font-size: 18px;
    padding: 0 1.5em;
    height: 50px;
    position: absolute;
  }
  #searchBar button .icon-search {
    display: block;
    text-shadow: none;
    margin-top: 15px;
  }
  #searchBar button:hover .icon-search:hover {
    display: block;
    text-shadow: none;
    margin-top: 15px;
    background-color: transparent;
  }
}
@media (max-width: 480px) {
  #fullArticle .title,
  .contentWrapper h1 {
    font-size: 24px;
  }
  #fullArticle h2 {
    font-size: 20px;
  }
}

/* Collection Titles  */
.collection-category h2 a {
  color: #54494b;
}

.collection-category h2 {
  font-weight: 400;
  margin: 0 0 20px;
  padding-left: 0.65%;
  font-family: "Open Sans", sans-serif;
  text-align: center;
}
/* Nav Bar Stuff Pre-Existing */
#docsSearch h1 {
  font-family: "Courier New";
  color: #000000;
}
#searchBar .search-query {
  background: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #455360;
}
#searchBar button {
  background: #137cbd;
  border-color: #137cbd;
  color: #fff;
}
#searchBar button:hover {
  background: #10659a;
  border-color: #0e5e8f;
  color: #fff;
}

/* Make nav bar look like homepage */
#mainNav {
  font-size: 1rem;
}

#mainNav .navbar-inner {
  padding: 0.5rem 1rem;
  box-shadow: none;
  -webkit-box-shadow: none;
}

#mainNav .navbar-inner .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1110px;
}

#mainNav .navbar-inner .container-fluid .brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

#mainNav .navbar-inner .container-fluid .brand span {
  display: inline-block;
  text-indent: -9000px;
  width: 113px;
  height: 30px;
  background: url(https://www.writerduet.com/static/media/logo.3fd682b7.png) no-repeat 0 0;
  background-size: 100%;
}

.navbar .nav {
  display: flex;
  align-items: center;
}

.navbar .collapse .nav {
  flex-wrap: wrap;
}

.navbar .nav .active .caret {
  display: none;
}

.navbar .nav > li > a {
  padding: 0.5rem;
  margin-right: 8px;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Open Sans";
}

#freeSignup .free-sign-up {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.475rem 0.75rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #137cbd;
  border-color: #137cbd;
  margin-left: 0.5rem !important;
  font-weight: 700 !important;
  font-size: 14px;
}

#freeSignup .free-sign-up:hover,
#freeSignup .free-sign-up:focus {
  color: #fff;
  background-color: #10659a;
  border-color: #0e5e8f;
}

#freeSignup .free-sign-up:focus {
  box-shadow: 0 0 0 0.2rem rgba(54, 144, 199, 0.5);
  outline: 0;
}

/* NEW STUFF HERE 06-08-22 - HEADER CONSISTENCY */

header * {
  box-sizing: border-box;
}

header nav.navbar {
  background-color: hsla(0, 0%, 100%, 0.9) !important;
  padding: 22px 12px;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
header .navbar-nav {
  margin-left: auto !important;
  margin-right: 50px !important;
}

header .navbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

header .fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  top: 0;
}

header .navbar .nav-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

header .nav-container {
  max-width: 1140px;
  width: 100%;
  padding-right: 15px !important;
  padding-left: 15px !important;
  margin-right: auto;
  margin-left: auto;
}

header .navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

header .navbar-brand img {
  vertical-align: middle;
}

header .navbar-light .navbar-brand,
header .navbar-light .navbar-brand:focus,
header .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.9);
}

header .navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

header .navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

header .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

header .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat 50%;
  background-size: 100% 100%;
}

header .navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
  display: none;
}

header .navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

header #basic-navbar-nav a {
  margin-left: 20px;
  color: #252535;
  -webkit-font-smoothing: antialiased;
}

header #basic-navbar-nav a:hover {
  color: #4ca9ed;
}

header .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
  line-height: 1.5;
}

header .navbar-light .navbar-nav .active > .nav-link,
header .navbar-light .navbar-nav .nav-link.active,
header .navbar-light .navbar-nav .nav-link.show,
header .navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, 0.9);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}

header .navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

header .nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

header .free-sign-up {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  color: #fff;

  background-color: #343a40;
  border-color: #343a40;
  font-weight: 300 !important;
  padding: 8px 20px;
  font-size: 20px;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}

header .free-sign-up:hover,
header .free-sign-up:focus {
  color: #fff;
  /* background-color: #10659a;
  border-color: #0e5e8f; */

  background-color: #4ca9ed;
  border-color: #4ca9ed;
}

header .d-none {
  display: none !important;
}

@media (min-width: 576px) {
  header .nav-container,
  header .nav-container-sm {
    max-width: 540px;
  }

  header .d-xl-block {
    display: none;
  }
}

@media (min-width: 768px) {
  header .nav-container,
  header .nav-container-md,
  header .nav-container-sm {
    max-width: 720px;
  }

  header .d-md-block {
    display: block !important;
  }

  header .d-xl-block {
    display: none;
  }

  header .free-sign-up {
    display: block !important;
  }
}

@media (max-width: 991.98px) {
  header .navbar-expand-lg > .nav-container,
  header .navbar-expand-lg > .nav-container-fluid,
  header .navbar-expand-lg > .nav-container-lg,
  header .navbar-expand-lg > .nav-container-md,
  header .navbar-expand-lg > .nav-container-sm,
  header .navbar-expand-lg > .nav-container-xl {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media (min-width: 992px) {
  header .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  header .nav-container {
    max-width: 960px;
  }

  header .navbar-expand-lg > .nav-container,
  header .navbar-expand-lg > .nav-container-fluid,
  header .navbar-expand-lg > .nav-container-lg,
  header .navbar-expand-lg > .nav-container-md,
  header .navbar-expand-lg > .nav-container-sm,
  header .navbar-expand-lg > .nav-container-xl {
    flex-wrap: nowrap;
    max-width: 960px;
  }

  header .navbar-expand-lg .navbar-toggler {
    display: none;
  }

  header .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  header .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    justify-content: flex-end;
  }

  header .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  header .d-xl-block {
    display: none;
  }
}

@media (min-width: 1200px) {
  header .nav-container {
    max-width: 1140px;
  }

  header .navbar-expand-lg > .nav-container,
  header .navbar-expand-lg > .nav-container-fluid,
  header .navbar-expand-lg > .nav-container-lg,
  header .navbar-expand-lg > .nav-container-md,
  header .navbar-expand-lg > .nav-container-sm,
  header .navbar-expand-lg > .nav-container-xl {
    max-width: 1140px;
  }

  header .d-xl-block {
    display: block !important;
  }
}

@media (min-width: 1400px) {
  header .nav-container {
    max-width: 1200px;
  }

  header .navbar-expand-lg > .nav-container,
  header .navbar-expand-lg > .nav-container-fluid,
  header .navbar-expand-lg > .nav-container-lg,
  header .navbar-expand-lg > .nav-container-md,
  header .navbar-expand-lg > .nav-container-sm,
  header .navbar-expand-lg > .nav-container-xl {
    max-width: 1200px;
  }

  header .d-xl-block {
    display: block !important;
  }
}

/* [type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
} */

/* .collapse:not(.show) {
  display: none;
} */

header .collapse {
  height: auto !important;
}

header #hamburger-checkbox {
  position: absolute;
  top: -100%;
  left: -100%;
}

header .navbar-toggler-label {
  cursor: pointer;
  margin-bottom: 0;
}

header #hamburger-checkbox:checked ~ .navbar-collapse {
  display: block !important;
}

header input[type="checkbox"]:checked ~ .navbar-collapse {
  display: block !important;
}

/* OTHER CHANGES */

.most-pop-articles h2 {
  color: #252535;
}

/* #docsSearch {
  margin-top: 99px solid white; 
} */

body > section:first-of-type {
  margin-top: 110px !important; /*gigantic top margin to accommodate transparent white header*/
}

/* FOOTER CSS ADDED 06-08-22 */
body {
  margin: 0px;
}

footer {
  color: rgb(255, 255, 255);
  background-color: rgb(22, 32, 40);
}

footer * {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif,
    apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

footer a {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}

footer.pt-2,
footer.py-2 {
  padding-top: 8px;
}

footer .mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

footer .mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

footer .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

footer .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  text-align: center;
}

footer .col-lg-6,
footer .col-md {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

footer .p-0 {
  padding: 0 !important;
}

footer .align-items-center {
  align-items: center !important;
}

footer .justify-content-center {
  justify-content: center !important;
}

footer .flex-wrap {
  flex-wrap: wrap !important;
}

footer .d-flex {
  display: flex !important;
}

footer .list-inline,
footer .list-unstyled {
  padding-left: 0;
  list-style: none;
}

footer ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  footer .container,
  footer .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  footer .container,
  footer .container-md,
  footer .container-sm {
    max-width: 720px;
  }

  footer .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  footer .justify-content-md-end {
    justify-content: flex-end !important;
  }
}

@media (min-width: 992px) {
  footer .container,
  footer .container-lg,
  footer .container-md,
  footer .container-sm {
    max-width: 960px;
  }

  footer .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1200px) {
  footer .container,
  footer .container-lg,
  footer .container-md,
  footer .container-sm,
  footer .container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  footer .container {
    max-width: 1200px;
  }
}


#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
  color: #000;
}