//
// Template
//

// General

hr.section-separator {
  border-top: 1px $brand-institucional-secondary dotted;
  background-color: white;
  margin: 0px;
}
h4.titular {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

// home
.home {
  margin-top: 0px;
  .slide {
    a {
      text-decoration: none;
      &:hover {
        .caption {
          background-color: darken($brand-institucional-primary, 7%);
        }
      }
    }
    .item {
      img {
        height: 340px;
        width: 100%;
        object-fit: cover;
      }
      .caption {
        border-top: 1px solid lighten($brand-institucional-primary, 10%);
        background-color: $brand-institucional-primary;
        padding: 10px;
        font-size: 1em;
        height: 94px;
        .caption-fecha {
          color: lighten($brand-institucional-secondary, 10%);
          font-size: 0.9rem;
        }
        .caption-title {
          font-weight: 600;
        }
        .caption-title,
        .caption-desc {
          color: white;
          text-align: left;
          margin-top: 0px;
        }
        .caption-title {
          font-size: 1.3em;
          margin-bottom: 2px;
          a {
            color: white;
            &:hover {
              color: $brand-institucional-secondary;
              text-decoration: none;
            }
          }
        }
        .caption-desc {
          margin-bottom: 0px;
          font-size: 1em;
        }
      }
    }
  }
}
.buscador {
  background-color: $brand-institucional-secondary;
  margin-bottom: 20px;
  padding: 10px;
}
.atajos {
  .atajo {
    //@include atajos-variant(green, red, yellow, blue);
  }
}
.panel-contacto {
  text-align: center;
  border-color: $gray-lighter;
  margin-bottom: 13px;
  a {
    padding: 8px 8px;
    text-decoration: none;
    display: block;
    letter-spacing: -0.02em;
    color: #333;
    &:hover {
      background-color: $brand-institucional-primary;
      color: white;
      .panel-pretitle {
        color: white;
      }
    }
    .panel-pretitle {
      color: #333;
      margin-bottom: 0px;
      text-transform: uppercase;
      opacity: 0.7;
      font-size: 0.8rem;
    }
    .panel-title {
      font-size: 1.18rem;
      text-transform: uppercase;
      font-weight: 700;
    }
  }
  // .pre-title {
  //   //color: $brand-institucional-secondary;
  //   margin-bottom: 2px;
  //   text-transform: uppercase;
  //   font-size: 0.9em;
  // }
  // // a {
  // //   text-decoration: none;
  // // }
  // .panel-title {
  //   font-size: 1.4rem;
  //   padding: 0px;
  //   font-weight: 700;
  //   color: $brand-institucional-primary;
  //   text-transform: uppercase;
  //   a {
  //     color: $brand-institucional-primary;
  //   }
  //   a:hover {
  //     color: $brand-institucional-secondary;
  //   }
  // }
  // p {
  //   padding: 0px;
  //   margin-bottom: 5px;
  // }
}
@media (min-width: 768px) and (max-width: 991px) {
  .panel-contacto {
    height: 152px;
    padding-top: 50px;
  }
}

section {
  margin-bottom: 50px;
}

article {
  .heading {
    font-size: 0.8rem;
    margin-bottom: 10px;
    .date {
      padding: 0;
      margin: 0;
    }
  }
  h1 {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .bajada {
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-bottom: 15px;
    color: #333;
    font-weight: 300;
    margin-top: 10px;
  }

  figure {
    margin: 20px 0 15px 0;
    .bg {
      height: $images-height-article-lg;
    }
    .bg-image {
      -ms-background-position-x: center;
      -ms-background-position-y: top;
      background-position: center top;
      background-size: cover;
    }
    .footer-picture {
      padding-top: 5px;
      color: $gray-light;
      font-size: 0.8rem;
    }
  }
  .share {
    margin-bottom: 10px;
  }
  &.media {
    h6 {
      display: inline-table;
      padding-right: 10px;
      padding-bottom: 5px;
      border-bottom: 1px $brand-institucional-secondary dotted;
      margin-top: 40px;
      margin-bottom: 25px;
      text-transform: uppercase;
    }
  }
}

aside {
  // min-height: 300px;
  // background-color: #eee;
  // margin-bottom: 30px;
  // padding-top: 15px;
}
.social {
}

// Last News
.last-news {
  .item {
    padding: 4px;
    background-color: lighten($brand-institucional-secondary, 30%);
    a {
      text-decoration: none;
      &:hover {
        .caption {
          //background-color: darken($brand-institucional-primary,10%);
        }
      }
    }
    &:hover {
      background-color: lighten($brand-institucional-secondary, 10%);
      .caption {
        //background-color: darken($brand-institucional-primary,10%);
        .caption-date {
          color: $gray;
        }
        .caption-title {
          color: lighten($brand-institucional-primary, 0%);
        }
      }
    }
    figure {
      margin-bottom: 4px;
      .bg {
        height: 150px;
        background-color: #fff;
      }
    }
    .caption {
      background-color: white;
      height: 100px;
      .caption-date {
        color: lighten($gray, 15%);
        font-size: 0.8rem;
        margin-bottom: 5px;
      }
      .caption-title {
        font-size: 0.95rem;
        font-weight: 500;
        line-height: 1.2rem;
        color: lighten($brand-institucional-primary, 10%);
      }
    }
  }
}

// listado de noticias
.news-list {
  .media {
    .media-left {
      //background-color: orange;
      // .bg-image {
      //   width: 120px;
      //   height: 100px;
      // }
    }
    .media-date {
      font-size: 0.8rem;
      // background-color: $brand-institucional-primary;
      // color: white;
      // text-align: center;
      // margin-bottom: 2px;
    }
    h5 {
      &:hover {
        //color: $link-hover-color;
      }
    }
    small {
      h5 {
        font-size: 0.95rem;
        line-height: 1.3rem;
        font-weight: 400;
        &:hover {
          //color: $link-hover-color;
        }
      }
      p {
        font-size: 0.85rem;
      }
    }
    figure {
      margin-bottom: 4px;
      margin-top: 0px;
      .bg {
        width: 120px;
        height: 90px;
        background-color: #f5f5f5;
      }
    }
  }
}

// descargas
.download {
  .item {
    margin-bottom: 5px;
    i {
      margin-right: 2px;
      //background-color: orange;
      padding: 3px 0px 4px 0;
    }
    a {
      text-decoration: none;
      display: block;
      background-color: lighten($brand-institucional-secondary, 33%);
      color: darken($brand-institucional-secondary, 30%);
      padding: 10px 5px;
      &:hover {
        background-color: lighten($brand-institucional-secondary, 28%);
        color: darken($brand-institucional-secondary, 50%);
      }
    }
  }
}

// galeria de imagenes
.gallery {
  figure {
    margin: 0;
    .bg {
      height: $images-height-gallery-lg;
    }
  }
}

// contacto
.contacto {
  background-color: darken($brand-institucional-primary, 10%);
  padding-bottom: 50px;
  color: white;
  h4,
  h6 {
    color: $brand-institucional-secondary;
  }
  h6 {
    font-weight: 300;
  }
  label {
    font-weight: 300;
  }
  textarea {
    height: 88px;
  }
  .btn-brand {
    float: right;
    border-radius: $border-radius-small;
  }
  .form-tip {
    font-size: 0.8em;
    color: $brand-institucional-secondary;
  }
  @media (max-width: 767px) {
    .btn-brand {
      float: left;
      text-align: center;
    }
  }
}