ul,
ol {
  margin: 0; 
  padding: 0;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 0 0.5em 0.5em;
  padding: 0;
}
@media screen {
  .xarxaprod-label {
    margin: 0;
    padding: 0;
    display: inline;
    li {
      display:inline-block;
      margin:0.1em 0;
      padding: 0.2em 0.2em 0 0.2em;
      color: $color__text-screen;
      border: $border__line;
      background-color: none;
      font-size: $font__size-body*0.8;
    }
  }
  .item-xxp_fund_call {
    display: block;
    margin:0.2rem 0;
    li {
      font-size: $font__size-body*1.2;
    }
  }
  .item-xxp_fund_apply_text {
      display:inline-block;
      margin:0.1em 0;
      padding: 0.2em 0.2em 0 0.2em;
      font-size: $font__size-body*0.7;
      text-transform: uppercase;
  }

  .xarxaprod-faqs-types {
    ul {
      margin: 0;
    }
    .cat-item {
      display:inline-block;
      margin: 0.1em 0.5em 0.1em 0;
      padding: 0.2em 0.2em 0 0.2em;
      color: $color__white;
      background-color: $color__black;
      font-size: $font__size-body*1.1;
      text-transform: uppercase;
    }
    a {
      color: $color__white;
      text-decoration: none;
      &:visited, &:hover{
        color: $color__white;
      }
    }
  }
  .single-xarxaprod-ajut {
    article:not(.type-post) {
      .xarxaprod-label {
        li {
          font-size: $font__size-body*1.1;
        }
      }
      .item-xxp_fund_apply_text {
        font-size: $font__size-body*1.1;
      }
    }
  }
  ul[id*="menu-footer"] {
    column-count: 3;
    a {
      text-decoration: underline;
    }
  }
  ul[id*="menu-legal"] li {
    float: left;
    padding-left: 0.8em;
    font-size: $font__size-body*0.8;
  }
  ul[id*="menu-social-media"] {
    display:flex;
    flex-flow: row;
    li {
      height: 1.5em;
      width: 1.5em;
      background-color: $color__white;
      border-radius: 5em;
      margin-right: 0.3em;
      position: relative;
      //&:before {
      //  content:"";
      //  display: block;
      //  color: $color__black;
      //  font-size: $font__size-body*1;
      //  width: 2em;
      //  height: 2em;
      //  text-align:center;
      //}
      a {
        margin-left: -10000em;
        &:before {
          content:"";
          display: inline-flex;
          align-content: center;
          justify-content: center;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          color: $color__black;
          font-size: $font__size-body*1;
          font-weight: 900;
        }
        &[href*="instagram.com"]:before{
          content: "in";
        }
        &[href*="youtube.com"]:before{
          content: "yt";
        }
        &[href*="facebook.com"]:before{
          content: "fb";
        }
        &[href*="twitter.com"]:before{
          content: "tw";
        }
        &[href*="mastodon"]:before{
          content: "mt";
        }
      }
    }
  }
}
