/**
 * @file
 * The visual styles for Bartik's search form(s).
 */
/* old form */
.search-form {
  font-size: 1rem;
}
.path-search .search-form {
  font-size: 1.4rem;
}
.search-form .form-search {
  float: left; /* LTR */
  margin-right: 5px; /* LTR */
  padding: 4px;
  padding-left: 45px;
  background-image: url(/themes/custom/corvin/images/loupe.svg);
  background-repeat: no-repeat;
  background-position: center left 15px;
  background-size: 22px;
  outline: none;
}
.search-form .form-search:focus {
  border: 2px solid var(--text-color);
}
[dir="rtl"] .search-form .form-search {
  float: right;
  margin-right: 0;
  margin-left: 5px;
}
.button.search-form__submit,
.search-form__submit {
  overflow: hidden;
  width: 10rem;
  height: 5rem;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  cursor: pointer;
  direction: ltr;
  border: 0px;
  background-image: none;
  background-color: #0000;
  text-transform: uppercase;
  color: var(--grey);
}
.search-form .form-item-keys label {
  display: block;
}
.search-form .form-search::placeholder {
  color: var(--grey);
}
/* New form with autocomplete*/
#views-exposed-form-articlesg-page-recherche,
#views-exposed-form-search-articles-page-sa {
  font-size: 1rem;
}
.path-search #views-exposed-form-articlesg-page-recherche,
.path-search #views-exposed-form-search-articles-page-sa {
  font-size: 1.4rem;
}
#views-exposed-form-search-articles-page-sa > div {
	display: flex;
	justify-content: center;
	margin-block: 2rem;
	flex-direction: column;
	align-items: center;
}
#views-exposed-form-articlesg-page-recherche .form-text,
#views-exposed-form-search-articles-page-sa .form-text {
  /*! float: left; */ /* LTR */
  margin-right: 5px; /* LTR */
  padding: 4px;
  padding-left: 45px;
  background-image: url(/themes/custom/corvin/images/loupe.svg);
  background-repeat: no-repeat;
  background-position: center left 15px;
  background-size: 22px;
  outline: none;
  border-radius: 40px;
  height: 5rem;
  max-width: 42rem;
  width: 100%;
  text-align: left;
}
#views-exposed-form-articlesg-page-recherche .form-text:focus,
#views-exposed-form-search-articles-page-sa .form-text:focus {
  border: 2px solid var(--text-color);
}
#views-exposed-form-search-articles-page-sa .form--inline .form-item {
  float: none; /* LTR */
  margin-right: 0.5em; /* LTR */
}
/*[dir="rtl"] #views-exposed-form-articlesg-page-recherche .form-text,
#views-exposed-form-search-articles-page-sa .form-text {
  float: right;
  margin-right: 0;
  margin-left: 5px;
}*/
#views-exposed-form-articlesg-page-recherche .button.form-submit,
#views-exposed-form-articlesg-page-recherche .form-submit,
#views-exposed-form-search-articles-page-sa .button.form-submit,
#views-exposed-form-search-articles-page-sa .form-submit {
  overflow: hidden;
  width: 11rem;
  height: 5rem;
  margin: 0;
  padding: 0;
  cursor: pointer;
  direction: ltr;
  border: 0px;
  background-image: none;
  background-color: #0000;
  text-transform: uppercase;
  color: var(--dark-grey-blue);
}
/*#views-exposed-form-articlesg-page-recherche .form-item,
#views-exposed-form-search-articles-page-sa .form-item {
  width: 100%;
}*/
#views-exposed-form-articlesg-page-recherche .form-item-keys label,
#views-exposed-form-search-articles-page-sa .form-item-keys label {
  display: block;
}
#views-exposed-form-articlesg-page-recherche .form-text::placeholder,
#views-exposed-form-search-articles-page-sa .form-text::placeholder {
  color: var(--dark-grey-blue);
}

@media only screen and (min-width: 750px) {
	#views-exposed-form-search-articles-page-sa > div {
		flex-direction: row;
	}
}