@import "../../../style/gn_search.less";
@import "../../../style/gn_metadata.less";
@import "gn_facets_default.less";
@import "gn_pagination_default.less";
@import "gn_feedback_default.less";
// page layout
@import "gn_layout_default.less";
// topics, categories and Inspire
@import "gn_topics_default.less";
// navigation
@import "gn_navbar_default.less";
// styling for a single result: metadata view
@import "gn_result_default.less";
// styling for all search results
@import "gn_results_default.less";
// main map and minimap
@import "gn_map_default.less";
// footer and bottombar
@import "gn_footer_default.less";
// variables for manipulating the theme
@import "gn_variables_default.less"; // must be last

/* Hide the tabset selector because tab
   switch is available in the top tool bar */
#main-tabset > ul:nth-child(1) {
  display: none;
}

.jumbotron {
  h1 {
    font-size: 36px;
  }
}

.gn-sort-by {
  .btn-group > button {
    .btn-link();
  }
}

.gn-search-page {
  clear: both;
  flex-grow: 1;
  position: relative;
  padding-bottom: calc(~"@{gn-bottombar-height} + 10px");  
  .badge {
      margin-right: 5px;
    }
  .nav-pills {
    margin-bottom: 1em;
    text-align: center;
    li {
      display: inline-block;
      float: none;
      &:hover {
        cursor: pointer;
      }
    }
    .badge {
      margin-right: 5px;
    }
  }
}
.gn-source-logo {
  max-width: 60px;
  max-height: 60px;
}

[data-ng-search-form] {
  .gn-top-search {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    [typeahead] {
      vertical-align: middle;
      display: inline-block;
    }
    [typeahead-popup] {
      text-align: left;
    }
    .inner-spinner {
      position: absolute;
      top: 1.75em;
      left: 50%;
      margin-left: 64px;
    }
    .gn-form-any {
      max-width: 45vw;
      input[type="text"], button {
        height: 36px;
      }
      button.btn-lg, input[type="text"].input-lg {
        height: 46px;
      }
    }
  }
  .loading {
    position: absolute;
    top: 1.8em;
    font-size: 40px;
    left: 46%;
    text-shadow: 0 0 1px white;
    z-index: 200;
    background: rgba(255,255,255,.7);
    border-radius: 1em;
    padding: .2em;
  }
}

.gn-search-filter {
  padding: 5px;
  .nav-pills li {
    display: block;
  }
  div {
    ul, div.tab-content {
      float: left;
    }
    ul.nav {
      width: 10vw;
    }
    div.tab-content {
      width: 84vw;

    }
  }
  .bootstrap-tagsinput {
    .tag {
      white-space: normal;
      display: inline-flex;
      text-align: left;
      line-height: 1.5em;
      font-weight: normal;
      margin-bottom: 3px;
    }
  }
}

.gn-row-filters {
  padding-bottom: 5px;
  margin-bottom: 5px;

  .gn-flfilter {

  }
  .gn-flfilter-icon {
    text-align: center;
    li {
      list-style: none;
      float: left;
      width: 100px;
    }
    i {
      //    .@{fa-css-prefix}-4x;
      font-size: 4em;
      width: 70px;
      img {
        width: 70px;
      }
    }
  }
}

.gn-results-switch {
  float: left;
}

/*
  List of records
 */
.gn-info-list {
  padding: 5px 0px;
  margin: auto -10px;
  li {
    width: 33.3%;
    zoom: 1;
    list-style: none;
    float: left;
    padding: 10px;
    > div {
      margin: 0px;
      padding: 15px;
      height: 125px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom: 2px solid #337ab7;
      cursor: pointer;
      > div.gn-md-thumbnail {
        float:left;
        width: 90px;
        height: 90px;
        margin-right: 15px;
        //background-image: url(../catalog/views/default/images/no-thumbnail.png);
        .gn-img-thumbnail {
          max-height: 90px;
          max-width: 90px;
          margin-right: 15px;
        }
      }
      > div.gn-md-title {
        a {
          color: #333333;
          font-size: 120%;
        }
      }
    }
    div:nth-child(2) {
      overflow: hidden;
      max-height: 100%;
      text-overflow: ellipsis;
    }
  }
  li.gn-more {
    position: relative;
    float:right;
  }
  .quickresultcard {
    background-color: @gn-resultcard-background-color;
    .front {
      .top {
        background-color: @gn-resultcard-title-background-color
      }
    }
  }
}

@import "gn_view.less";