/* Style the search field */

.form-search-container {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.subtitle-container {
    display: inline-block;
    margin-left: 20px;
    margin-top: 7px;
    position: absolute;
    padding: 5px 10px;
    border-style: groove;
    border-radius: 5px;
    border-color: darkgreen;
    border-width: 1px;
    background: whitesmoke;

    color: linen;

    background-image: url("../images/system/wood.png");
    background-repeat: no-repeat;
    
}


.form-search {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

form.form-search input[type=text] {
    padding: 5px 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 400px;
    background: #f1f1f1;
  }
  
  /* Style the submit button */
  form.form-search input[type=submit] {
    float: left;
    width: 75px;
    padding: 5px 10px;
    background: #2196F3;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none; /* Prevent double borders */
    cursor: pointer;
  }
  
  form.form-search input[type=submit]:hover {
    background: #0b7dda;
  }
  
  /* Clear floats */
  form.form-search::after {
    content: "";
    clear: both;
    display: table;
  }

  /* SORT */

  .form-sort {
    min-width: 230px;
    display: inline-block;
    margin-left: 30px;
    margin-right: auto;
    text-align: center;
}

form.form-sort select[type=select] {
  padding: 5px 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 150x;
  background: #f1f1f1;
}