/**
 * @file
 * Styles for CIDEON's sub theme view download.
 */

/* Wenn irgendwo ein js-hide vorkommt, dann muss es (egal welche Browsergröße), ausgeblendet werden */
.view-download .js-hide {
  display: none;
}

/* Alle Form Items und Actions (Textfelder, Buttons,..) sollen Inline Block behandelt werden und keine Einrückungen haben */
.view-download .form-item,
.view-download .form-actions {
  display: inline-block;
  padding: 20px 0 20px 0;
  margin: 0 0 0 0;
}

/* Die Dropdowns sollen keine Border haben und ein wenig breiter sein als Inhalt */
.view-download select {
  border: none;
  padding: 5px 5px 5px 5px;
  font-size: 12px
}

/* Die Chosen Dropdowns sollen keine Border */
.view-download .chosen-container .chosen-drop, 
.view-download .chosen-container-single .chosen-single,
.view-download .chosen-container-active.chosen-with-drop .chosen-single {
 border: none;
}

/* Wir wollen generell einen grauen Hintergrund und 30px Abstand zwischen den einzelnen Elementen */
.view-download,
.view-download .views-field {
  background-color: #f5f5f7;
  margin: 0 0 30px 0;
}

/* Tabellen sollen keine generellen Einrückungen haben */
.view-download table {
  margin: 0 0 0 0;
}

/* Wir wollen in Tabellen generell keine Border und ein Abstand rings herum von 20px haben*/
.view-download tr,
.view-download td,
.view-download th {
  border: none;
  padding: 20px 20px 20px 20px;
}

/* Sobald es weitere Formelemente gibt (und es nicht das erste ist), wollen wir links einen Abstand */
.view-download .form-item:not(:first-child) {
  padding-left: 20px;
}

/* Sobald es weitere Formelemente gibt (und es nicht das letzte ist), wollen wir rechts einen Abstand */
.view-download .form-item:not(:last-child) {
  padding-right: 20px;
}

/* Die Überschrift soll als Inline Block und mit Einrückungen behandelt werden */
.view-download h2 {
  display: inline-block;
  padding: 20px 20px 20px 20px;
  margin: 0 0 0 0;
}

/* Alle Exposed BEF Filter sollen rechts float sein */
.view-download .bef-exposed-form {
  float: right;
}

/* Wenn es Pflichtfelder gibt, dann wollen die Kennzeichnung mit einem roten Stern im BEF-Exposed-Filter nicht sehen */
.view-download .bef-exposed-form .form-required {
  display: none;
}

/* Die Details sollen keine Border haben und nur so breit wie der Inhalt sein */
.view-download details {
  width: max-content;
  width: -moz-max-content;
  border: none;
  margin: 20px 0 0 0;
}

/* Sind die Details aufgeklappt, dann machen wir einen kleinen, weißen und geraden Border */
.view-download details[open] {
  border: 1px solid #fff;
}

/* Innerhalb der Details wollen wir ein wenig Abstände um die Items */
.view-download details[open] ul {
  margin: 0 20px 0 20px;
}

/* Der Hintergrund der Details/Summary soll weiß sein und ein wenig breiter im Inhalt */
.view-download summary {
  background-color: #fff;
  padding: 5px 5px 5px 5px;
}