/**
 * CSS Anpassungen fuer FAU - CiviCRM
 */

@import url('./river_lea_fixes.css');


/* FAU-icon */
/* war nur menu, jetzt aber allgemein
#civicrm-menu-nav */
.fa-user-astronaut::before {
  content: url('/sites/default/files/fau-katze_bw.png');
}

/*
 * No druplicon in sidebar.
 */
.page-node-type-page,
.page-civicrm-willkommen
/* noch andere seiten? anderer selector? */
{
  background-image: none;
}

/**
 * Mitgliedsantrag
 */
/* bloecke von zusammengehoerenden eingabe-feldern */
.page-node-type-page .block-civicrm-form-builder-block fieldset.af-container > .af-container {
  margin-bottom: 2em;
}
/* einzelne felder */
.page-node-type-page .block-civicrm-form-builder-block af-field .crm-af-field {
  margin-bottom: 1em;
}

/* hidden fields die Platz wegnehmen */
af-field[name="location_type_id"] label,
af-field[name="is_primary"] label {
  display: none;
}

/* Fancy selects ... leider schlecht lesbar */
.page-node-type-page .block-civicrm-form-builder-block af-field .crm-af-field .crm-checkbox-list {
  min-height: 110px;
}
.page-node-type-page .block-civicrm-form-builder-block af-field .crm-af-field .crm-checkbox-list label {
  margin-left: 2em;
}
.page-node-type-page .block-civicrm-form-builder-block #bootstrap-theme af-field .crm-af-field .crm-checkbox-list input[type="checkbox"] {
  margin: 0;
}
.page-node-type-page #bootstrap-theme .crm-checkbox-list label.ng-binding {
  /* bootstrap macht labels fett, im select sieht das doof aus */
  font-weight: unset;
}

/* radio buttons */
.page-node-type-page #bootstrap-theme .af-field-type-radio .crm-af-field label.ng-binding {
  display: block;
  margin: 0 20px 10px;
  position: unset;
  padding-left: 0;
}
.page-node-type-page #bootstrap-theme .af-field-type-radio .crm-form-radio {
  margin-right: 5px;
}
.page-node-type-page #bootstrap-theme .radio-inline input[type="radio"] {
  position: unset;
}


/* crm-af-field-help-pos */





/**
 * Ab hier nicht-projekt-spezifisches.
 * Evtl. CS-eigenes River-Lea-Subtheme?
 */

/* Collapsed Suchfilter, z.B. FAU member */
#crm-main-content-wrapper form details.af-container-style-pane {
  background-color: var(--crm-c-background);
}
#crm-main-content-wrapper form details.af-container-style-pane .af-container {
  margin-left: 1em;
}
/* Ueber und unter Buttons (die sollten im untersten container stehen) etwas Abstand */
#crm-main-content-wrapper form details.af-container-style-pane .af-container button {
  margin-top: 1em;
  margin-bottom: 1em;
}
/* post-help text */
#crm-main-content-wrapper form details.af-container-style-pane .af-container .crm-af-field-help-post {
  font-style: italic;
  font-size: 90%;
}

/* inline-edit (hebt sich zu wenig ab) beispiel FAU-box kontakt */
.crm-inline-edit.form {
  /* war: border: 1px solid var(--crm-c-focus); */
  border-width: 3px;
  border-color: red;
  /* background-color: etwas dunkler?
    ist: background: var(--crm-inline-edit-bg);
    = var(--crm-c-background) - sollte m.E. aber andere Farbe sein
    -> --crm-inline-edit-bg setzen
   */

  /* evtl. etwas vom Rand weg?
    left: 0;
    testen mit allen blocks inbesondere links/rechts!!!
   */
}
.crm-container .crm-inline-edit:hover,
.crm-container .crm-editable-enabled:hover {
  /* war: border: var(--crm-dash-edit-border);
     = 2 px dashed var(--crm-c-gray-300)
   */
  border-color: red;
}

/**
 * tutorials (org.civicrm.tutorial)
 */
/* Tutorial-Text mit Zeilenumbruch */
div.hopscotch-bubble .hopscotch-content {
  /* Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks */
  white-space: pre-line;
}


/**
 * DEV-System only!
 *
 * #civicrm-menu li a zerhackt das menu. sic.
 */
/*
#civicrm-menu {
  background-color: pink;
} */