﻿/*$colorBlack: #1e1e1e !default;*/
/*Borders*/
/*SLIDE HOMEPAGE*/
.list-area h1 {
  font-size: 3.6em !important; }

.content-list {
  border-top: #d7dadc 5px solid;
  margin-top: 15px; }

.pagination {
  float: right;
  margin-right: 4%; }
  @media screen and (max-width: 767px) {
    .pagination {
      margin-right: 0; } }
  @media screen and (max-width: 640px) {
    .pagination {
      display: inline-block;
      float: none; } }
  .pagination a {
    float: left;
    color: #738593;
    font-size: 2.3em; }
    .pagination a.active {
      color: #1e1e1e; }
  .pagination .page {
    float: left;
    font: 1.4em "aaux_bold", Helvetica, Arial, sans-serif;
    color: #738593;
    padding: 3px 14px;
    text-transform: uppercase; }
    .pagination .page .start {
      color: #1e1e1e; }

.top-content {
  padding: 13px 0 20px 0; }
  @media screen and (max-width: 767px) {
    .top-content {
      margin-right: 0px; } }
  @media screen and (max-width: 640px) {
    .top-content {
      position: static; }
      .top-content .pagination {
        display: none; } }
  .top-content .total-items {
    font: 1.4em "aaux_bold", Helvetica, Arial, sans-serif;
    color: #738593;
    text-transform: uppercase;
    float: left;
    margin-bottom: 20px;
    width: 75%; }
    @media screen and (max-width: 540px) {
      .top-content .total-items {
        width: auto; } }
    .top-content .total-items .number-items, .top-content .total-items .search-for {
      display: inline-block; }
    .top-content .total-items a.remove {
      color: #f7f7f7;
      background: #1e1e1e;
      padding: 0px 5px;
      font: .8em/20px "aaux_promediumregular", Helvetica, Arial, sans-serif;
      display: inline-block;
      margin-left: 5px; }
    .top-content .total-items span {
      color: #1e1e1e;
      margin-left: 5px;
      display: inline; }

.middle-content {
  margin-right: 4%; }
  @media screen and (max-width: 767px) {
    .middle-content {
      margin-right: 0; } }
  .middle-content.noresults .wrapper {
    float: none; }
  .middle-content.noresults .items {
    margin-right: 0;
    text-align: center; }
  .middle-content > .wrapper {
    float: right; }
    @media screen and (max-width: 640px) {
      .middle-content > .wrapper {
        float: none; } }
  .middle-content .items {
    margin-right: -40px;
    text-align: right; }
    @media screen and (max-width: 640px) {
      .middle-content .items {
        margin-right: 0;
        text-align: center; } }
    .middle-content .items > p {
      font: 1.6em/1 "aaux_bold", Helvetica, Arial, sans-serif;
      color: #1e1e1e;
      text-align: left;
      text-transform: uppercase;
      padding: 0 40px 40px 0px;
      display: inline-block; }

.footer-content {
  padding-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .footer-content {
      width: auto;
      text-align: center;
      padding-right: 0; } }

.item {
  border: #bec5ca 1px solid;
  padding: 20px;
  width: 238px;
  height: 148px;
  position: relative;
  margin: 0 40px 40px 0;
  display: inline-block;
  text-align: left;
  overflow: hidden;
  vertical-align: middle; }
  .item:hover, .item.active {
    border: 1px solid #0071ce; }
    .item:hover a.download, .item.active a.download {
      background: #0071ce; }
  @media screen and (max-width: 640px) {
    .item {
      margin-right: 0;
      display: block;
      width: auto; } }
  .item > p {
    font: 1.6em/1 "aaux_bold", Helvetica, Arial, sans-serif;
    color: #1e1e1e;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 40px;
    display: inline-block; }
  .item .date {
    font: 1.2em/1 "aaux_bold", Helvetica, Arial, sans-serif;
    color: #0071ce; }
  .item h2 {
    font: 1.6em/1 "aaux_bold", Helvetica, Arial, sans-serif;
    color: #1e1e1e;
    margin-top: 5px;
    height: 35px;
    overflow: hidden;
    text-transform: none; }
  .item .summary {
    font: 1.4em/1.3em "aaux_promediumregular", Helvetica, Arial, sans-serif;
    color: #738593;
    margin-top: 15px;
    height: 73px;
    overflow: hidden;
    position: relative; }
    .item .summary > p {
      margin: 0;
      font: 1em/1.3em "aaux_promediumregular", Helvetica, Arial, sans-serif;
      text-transform: none;
      text-align: left; }
  .item a.icon {
    font: 2.2em "cgdbi-icons";
    color: #738593;
    background: #e8e8e8;
    width: 21px;
    height: 22px;
    position: absolute;
    right: 0;
    bottom: 0; }
    .item a.icon.plus, .item a.icon.minus {
      width: 23px;
      height: 23px;
      bottom: -1px;
      right: -1px;
      color: #738593;
      text-align: center; }
    .item a.icon.minus {
      background: #738593;
      color: #e8e8e8;
      font-size: 1.3em; }
      .item a.icon.minus:before {
        top: 6px;
        position: absolute;
        left: 5px; }
  .item:hover a.icon.plus, .item .item.active a.icon.plus, .item:hover a.icon {
    color: #0071ce; }
  .item:hover a.icon.minus, .item .item.active a.icon.minus {
    background: #0071ce;
    color: #e8e8e8; }
  .item a.download {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #738593;
    font: 1.2em/1.1em "aaux_promediumregular", Helvetica, Arial, sans-serif;
    color: #f7f7f7;
    text-transform: uppercase;
    padding: 9px 13px 7px 13px;
    vertical-align: middle; }
    .item a.download span {
      display: inline-block; }
    .item a.download:after {
      content: "\e60f";
      font: 1.5em "cgdbi-icons";
      color: #f7f7f7;
      display: inline-block;
      vertical-align: middle;
      margin-top: -3px; }
  .item .remove {
    position: absolute;
    top: 21px;
    right: -23px;
    display: block; }
    .item .remove a {
      font-size: 1.9em; }
      .item .remove a:hover {
        color: #0071ce; }

.file {
  height: 94px; }
  .file h2 {
    margin-top: 0; }
  .file p {
    font: 1.4em/1.3em "aaux_promediumregular", Helvetica, Arial, sans-serif;
    color: #738593;
    padding-bottom: 0; }
