/* -------------------- */
/* NAVIGATION STYLE */
.nav {
  margin-top: 40px;
  margin-bottom: 30px;
}
.nav-heading {
  padding-top: 6px;
  padding-bottom: 2px;
  padding-left: 6px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  overflow: hidden;
}
.nav-heading:hover {
  bottom: 0;
  /* background-color: var(--brand-hover); */
  cursor: pointer;
}
.nav-heading-active:after {
  content: '';
  position: absolute;
  /* border-bottom: 2px solid var(--brand-color); */
  width: 100%;
  height: 30px;
  left: 0;
  animation: underline 0.3s linear;
}
@keyframes underline {
  from { width: 0;}
  to {width: 100%;}
}
.nav-list-ul {
  display: none;
  -webkit-padding-start: 0;
  padding: 0;
}
.nav-list {
  -webkit-padding-start: 0;
  padding: 0;
}
.nav-list-ul li:last-child a p {
  margin-bottom: 14px;
}
.nav-link {
  font-weight: 400;
}
.nav-list-image {
  float: left;
  width: 25px;
  height: 17px;
  margin-top: 14px;
  background-image: url(/content/dam/brand/whirlpool/en-us/feature/icons/WHP_Icon_OwnerCenter_ServiceContracts.png);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 3px;
}
.nav-list-p {
  float: left;
  width: calc(100% - 25px);
  margin: 14px 0 0 0;
  padding-bottom: 3px;
}
/* .nav-list-p:hover,
.nav-link:hover {
} */
.nav-list-item {
  list-style-type: none;
}
/* -------------------- */
/* ARTICLE STYLE */
.article-section {
  background: #EEEE;
  margin-bottom: 30px;
  /* margin-top: 40px; */
}
.article-div {
  padding: 20px 3%;
}
.article-div h1 {
  text-transform: uppercase;
}
.article-image {
  padding: 10px 0;
  max-width: 100%;
}
.article-ul {
  padding-left: 15px;
}
.table-center {
  text-align: center;
}
.list-item {
  padding-bottom: 10px;
}
.number-list {
  list-style-type: decimal;
}
.lower-latin-list {
  list-style-type: lower-latin;
}
.bullet-list {
  list-style-type: disc;
}
.circle-list {
  list-style-type: circle;
}
span {
  padding-left: 20px;
}
table {
  width:100%;
}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 5px;
  text-align: left;
}
tr:nth-child(even) {
  background-color: #fff;
}
tr:nth-child(odd) {
  background-color: #eee;
}