/* Custom CSS for CiviCRM Forms and Output
   ========================================================================== */

/**
 * Profile Forms
 */
 @media (min-width: 480px) {
    .crm-container .crm-section .label {
        float: none;
        width: 100%;
        text-align: left;
    }
    .crm-container .crm-section .content {
      margin-left: 0;
    }
}

.crm-container .help,
.crm-container #help {
  background: none;
  border: none;
  color: inherit;
  font-size: inherit;
  margin: 0 0 1rem;
  padding: 0;
}
.crm-container .help p {
    margin: inherit;
}

.crm-container h3 {
    background: none;
    padding: 0;
    color: #DA7C01;
}

.crm-container .crm-section label {
    font-weight: bold !important;
}
.crm-container .crm-section td.labels label {
    font-weight: normal !important;
}

#crm-container.crm-public input[type="text"],
#crm-container.crm-public input[type="password"],
#crm-container.crm-public input[type="email"],
#crm-container.crm-public textarea {
    background: #F2F2F2;
    border: none;
}
#crm-container.crm-public input.crm-form-text[type="text"],
#crm-container.crm-public input.big.crm-form-text[type="text"],
#crm-container.crm-public input.huge.crm-form-text[type="text"]{
    width: 100%;
}
#crm-container.crm-public input.medium.crm-form-text[type="text"] {
    width: 50%;
}
#crm-container.crm-public input.six.crm-form-text[type="text"] {
    width: 25%;
}
#crm-container.crm-public input[type="text"],
.crm-container div.select2-container {
    min-width: 10rem;
    max-width: 100%;
}
.crm-container div.select2-container {
    width: 100% !important;
}

.crm-container.crm-public .select2-container .select2-choice {
    background: #F2F2F2;
    border: none;
}

.crm-section.helprow-post > .content {
    padding-top: 0 !important;
    padding-bottom: 1rem;
    font-size: 0.8rem !important;
}