// Core variables and mixins
@import "_variables.less";
// Custom for this template
@import "bootstrap_addons/_mixins.less";
//
// Lists
// --------------------------------------------------

//===========================================
//   Ordered and Unordered List Styles
//===========================================
ul, ol {
  margin: 0 0 @baseLineHeight;
  padding: 0;
  list-style: none;
  li {
    line-height: @baseLineHeight;
    text-transform: uppercase;
  }
}

//===========================================
//   Ordered List Styles
//===========================================
ol {
  list-style: none;
  counter-reset: list;
  li {
    font-weight: normal;
    padding-left: 36px;
    position: relative;
    &:before {
      color: @globalColor;
      content: counter(list, decimal-leading-zero)'.';
      counter-increment: list;
      left: 0;
      position: absolute;
      top: 0;
    }
    a {
      text-decoration: none;
      color: @globalColor2;
      &:hover {
        color: @textColor;
      }
    }
    + li {
      margin-top: 6px;
    }
  }
}

//===========================================
// Unordered List Styles
//===========================================
.item_introtext,
.item_fulltext,
.category_desc,
.site_map{
  ul {
    font-weight: normal;
    li {
      color: @globalColor2;
      position: relative;
      padding-left: 42px;
      &:before {
        position: absolute;
        left: 0;
        top: 0;
        content: '\e18e';
        color: @globalColor;
        font-family: @md;
        font-size: 29px;
      }
      + li {
        margin-top: 6px;
      }
    }
    &.nav-tabs {
      li {
        padding: 0;
        &:before {
          display: none;
        }
      }
    }
    a {
      text-decoration: none;
      color: @globalColor2;
      &:hover {
        color: @textColor;
      }
    }
  }
}

ul.tags,
ul.nav,
ul.btn-toolbar,
ul.dropdown-menu,
ul.chzn-results,
ul.chzn-choices {
  li {
    &:before {
      display: none;
    }
  }
}

//===========================================
// Phone List Styles
//===========================================
ul.phone {
  text-align: right;
  li {
    display: inline-block;
    list-style: none;
    padding: 3px 19px 0 4px;
    position: relative;
    vertical-align: top;
    a {
      &:before {
        color: @grayDark;
        font-size: 26px;
        margin-right: 7px;
        vertical-align: top;
      }
    }
  }
}

//===========================================
// Address List Styles
//===========================================
ul.address {
  li {
    padding-top: 1px;
    a {
      &:before {
        font-size: 21px;
        color: @grayDark;
        margin-right: 6px;
      }
    }
  }
}

//===========================================
// Icon List Styles
//===========================================
ul.list {
  li {
    list-style: none;
    padding-left: 0;
    position: relative;
    &:before {
      display: none;
    }
    + li {
      margin-top: 6px;
    }
  }
}

//===========================================
// Work Time List Styles
//===========================================
ul.work_time {
  li {
    font-size: 30px;
    font-weight: 900;
    a {
      background: @globalColor;
      .border-radius(2px);
      color: white !important;
      padding: 1px 10px 4px 7px;
      text-shadow: 1px 1px 0px rgba(0,0,0,0.14);
      &:before {
        font-size: 21px;
        margin-right: 8px;
        vertical-align: top;
      }
    }
  }
}

//===========================================
// Bootstrap Styles
//===========================================
ul ul,
ul ol,
ol ol,
ol ul {
  &.nav-child {
    margin: 5px 0 0;
  }
}

// Remove default list styles
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

// Single-line list items
ul.inline,
ol.inline {
  margin-left: 0;
  > li {
    display: inline-block;
    .ie7-inline-block();
    padding-left: 5px;
    padding-right: 5px;
  }
}

// Description Lists
dl + * {
  margin-top: @baseLineHeight;
}

dt,
dd {
  line-height: @baseLineHeight;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: @baseLineHeight / 2;
}

// Horizontal layout (like forms)
.dl-horizontal {
  .clearfix(); // Ensure dl clears floats if empty dd elements present
  dt {
    float: left;
    width: @horizontalComponentOffset - 20;
    clear: left;
    text-align: right;
    .text-overflow();
  }
  dd {
    margin-left: @horizontalComponentOffset;
  }
}

.portfolio-meta-list {
  display: table;
  margin-left: 0;
  overflow: hidden;
  li {
    color: @linkColorHover;
    display: table-row;
    strong {
      color: @globalColor;
    }
    > strong,
    > span {
      display: table-cell;
    }
    > span {
      padding-left: 5px;
      color: @textColor;
    }
    &:before {
      display: none;
    }
  }
}

.item_fulltext .portfolio-meta-list li span:hover {
  color: inherit;
}