/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
* CONTENT BLOCKS...................
* AMU BLOCKS.......................
* MEDIA QUERIES BLOCKS.............
*/

.search-result {
  position: relative;
  margin-top: 1.5rem;
  padding: 1.5rem;
  transition: all .2s ease-out;
  border: 1px solid #ddd;
}

.search-result__tag {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  background-color: #d8d8d8;
  color: #0a0a0a;
  padding: 5px;
}

.search-result:hover {
  box-shadow: 0 10px 20px rgb(85 85 85 / 19%), 0 6px 6px rgb(85 85 85 / 23%);
}

.search-result__title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.search-result .search-result__mots-cles {
  font-style: italic;
  margin-bottom: .25rem;
}

.search-result .search-result__mots-cles div,
.search-result .search-result__meta div {
  display: inline-block;
}

.search-result .search-result__mots-cles span,
.search-result .search-result__thematique span,
.search-result .search-result__meta,
.search-result .search-result__post {
  font-style: initial;
  font-weight: initial;
  color: #555;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.search-result .search-result__mots-cles,
.search-result .search-result__meta,
.search-result .post__auteur {
  color: #555;
}

/* ------------------------------------ *\
  ==CONTENT BLOCKS
\* ------------------------------------ */

#views-exposed-form-moteur-de-recherche-public,
#views-exposed-form-moteur-de-recherche-intramu {
  display: none;
}

#amu-bloc-recherche-form {
  display: inline-flex;
  width: 100%;
}

input[id*="edit-search-api-fulltext"],
input[id*="edit-search-api-fulltext"]:focus {
  color: #fff;
  padding: 1.7em;
  margin: 0;
  border: 0;
  font-weight: 100;
  background: transparent;
  box-shadow: none;
}

input[id*="edit-search-api-fulltext"]::-moz-placeholder {
  color: #fff;
}

input[id*="edit-search-api-fulltext"]::placeholder {
  color: #fff;
}

#amu-bloc-recherche-form input[type="submit"] {
  background-color: unset;
  z-index: 10;
}

.amu-bloc-recherche-form .form-actions {
  position: relative;
}

.amu-bloc-recherche-form .form-actions .button {
  position: absolute;
  top: 0;
  left: -5px;
  padding: 0;
  margin: 0;
  height: 3rem;
  width: 3rem;
  color: transparent;
}

.amu-bloc-recherche-form input::-moz-placeholder {
  color: #fff;
}

.amu-bloc-recherche-form input::placeholder {
  color: #fff;
}

/* ------------------------------------ *\
  ==MEDIA QUERIES BLOCKS
\* ------------------------------------ */

@media screen and (max-width: 20em) {
  .form-recherche {
    width: 100%;
  }

  #amu-bloc-recherche-form input[type="text"] {
    font-size: 1rem;
  }
}

@media screen and (min-width: 20.9375em) and (max-width: 39.9375em) {
  .form-recherche {
    width: 90%;
  }
}