@import '/sites/default/files/civicrm/ext/org.civicrm.shoreditch/css/custom-civicrm.css';

/* On contribution pages, shoreditch forces field-and-label wrapper  width to 270px, which
 * causes undesirable label wrapping (reference: https://app.asana.com/0/241603776072319/1118360411383496)
 */
.page-civicrm-contribute form[class*='CRM_Contribute_Form_'] .label-left {
  width: unset;
}


/* On contribution pages, cc expiration date fields are too narrow.
 * (reference: https://app.asana.com/0/241603776072319/1118360411383496)
 */
form.CRM_Contribute_Form_Contribution_Main select.crm-form-select {
  min-width: 7em; 
}

/* In Select2 multi-select controls, each selected option has an 'x' to remove
 * it; this 'x' is overlaying the option label. Here we adjust padding to fix that.
 * (reference: https://app.asana.com/0/241603776072319/1118360411383496)
 */
.crm-container.crm-public .select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 20px 3px 3px;
}