
/* =====================================
   BABYLONIA - MINIMAL GOLD BULLET LISTS
   Page & Article Body Only
   ===================================== */

/* LIST CONTAINER */

.node--type-page .field--name-body ul,
.node--type-article .field--name-body ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 15px 0 26px !important;
}

/* LIST ITEMS */

.node--type-page .field--name-body ul > li,
.node--type-article .field--name-body ul > li {
  list-style: none !important;
  position: relative;
  padding-left: 24px !important;
  margin-bottom: 10px !important;

  color: #46566b !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 400;
}

/* MINIMAL GOLD BULLET */

.node--type-page .field--name-body ul > li::before,
.node--type-article .field--name-body ul > li::before {
  content: "" !important;
  position: absolute;
  left: 3px;
  top: 11px;

  width: 7px;
  height: 7px;

  background: #c49552 !important;
  border: 0 !important;
  border-radius: 50%;

  display: block;
}

/* HIDE DEFAULT MARKERS */

.node--type-page .field--name-body ul > li::marker,
.node--type-article .field--name-body ul > li::marker {
  content: "" !important;
}

/* BOLD TEXT */

.node--type-page .field--name-body ul > li strong,
.node--type-article .field--name-body ul > li strong {
  color: #263b56 !important;
  font-size: inherit !important;
  font-weight: 700 !important;
}

/* LINKS */

.node--type-page .field--name-body ul > li a,
.node--type-article .field--name-body ul > li a {
  color: #176b94 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* MOBILE */

@media (max-width: 767px) {

  .node--type-page .field--name-body ul > li,
  .node--type-article .field--name-body ul > li {
    font-size: 15px !important;
    line-height: 1.65 !important;
    padding-left: 22px !important;
    margin-bottom: 9px !important;
  }

  .node--type-page .field--name-body ul > li::before,
  .node--type-article .field--name-body ul > li::before {
    width: 6px;
    height: 6px;
    top: 10px;
  }
}
