/**
 * CiviCRM Stylesheet.
 *
 * Implements default styling for all CiviCRM themes in all media.
 *
 * @since 1.0.0
 *
 * @package CRM_Microthemes
 */

/*--------------------------------------------------------------
## Variables.
--------------------------------------------------------------*/
:root {
  /* CiviCRM RiverLea overrides. */
  --crm-font: unset;
  /* CiviCRM General. */
  --microtheme-crm-text-color: #000;
  --microtheme-crm-expand-border: 1px solid #c9d5d7;
  --microtheme-crm-header-dark-bg-color: #888;
  /* CiviCRM Messages & Alerts. */
  --microtheme-crm-messages-bg-color: #e6e6e6;
  --microtheme-crm-messages-border: none;
  /* CiviCRM Forms. */
  --microtheme-crm-form-padding: 1rem;
  --microtheme-crm-form-fieldset-bg-color: #f5f5f5;
  --microtheme-crm-form-fieldset-border: 1px solid #fff;
  --microtheme-crm-form-fieldset-border: none;
  --microtheme-crm-form-fieldset-padding: 1rem;
  --microtheme-crm-form-fieldset-margin: 0 0 1rem;
  --microtheme-crm-form-label-color: #000;
  --microtheme-crm-form-text-color: #000;
  --microtheme-crm-form-button-color: var(--crm-c-primary-text);
  --microtheme-crm-form-select2-color: #000;
  --microtheme-crm-form-required-color: #000;
  --microtheme-crm-form-required-focus-color: #111;
}

/*--------------------------------------------------------------
## General.
--------------------------------------------------------------*/
#crm-container.crm-public,
#crm-container.crm-container {
  background: transparent;
  color: var(--microtheme-crm-text-color);
  padding: 0;
  margin: 0;
}

#crm-container.crm-public #crm-main-content-wrapper {
  width: auto;
  margin: 0;
}

#crm-container.crm-public h1,
#crm-container.crm-public h2,
#crm-container.crm-public h4,
#crm-container.crm-public h5,
#crm-container.crm-public h6 {
  color: var(--microtheme-text-heading);
}

#crm-container.crm-public .crm-socialnetwork h2 {
  margin-top: 0;
}

#crm-container.crm-public table,
#crm-container.crm-public tr,
#crm-container.crm-public tr td,
#crm-container.crm-public p,
#crm-container.crm-public ul {
  color: var(--microtheme-crm-form-text-color);
}

#crm-container.crm-public th,
#crm-container.crm-public tr td {
  color: var(--microtheme-crm-form-text-color);
  background: var(--microtheme-crm-form-fieldset-bg-color);
}

#crm-container.crm-public .crm-grid-table {
  background: var(--microtheme-crm-form-fieldset-bg-color);
}

#crm-container.crm-public a {
  color: var(--microtheme-crm-form-text-color);
  text-decoration: underline;
}

#crm-container.crm-public button a,
#crm-container.crm-public a.button {
  color: var(--microtheme-crm-form-button-color);
  text-decoration: none;
}

#crm-container.crm-public .select2-container a {
  color: var(--microtheme-crm-form-select2-color);
  text-decoration: none;
}

#crm-container.crm-public .form-layout label,
#crm-container.crm-public .form-layout-compressed label,
#crm-container.crm-public .form-item label,
#crm-container.crm-public .crm-accordion-body label,
#crm-container.crm-public .crm-form-block label,
#crm-container.crm-public #task-section label {
  color: var(--microtheme-crm-form-label-color);
}

#crm-container.crm-container.crm-public .price-set-row label,
#crm-container.crm-container.crm-public .price-set-row .crm-price-amount-label,
#crm-container.crm-container.crm-public .price-set-row .highlight label,
#crm-container.crm-container.crm-public .price-set-row .highlight .crm-price-amount-label,
#crm-container.crm-container.crm-public .price-set-row .crm-price-amount-amount {
  color: var(--microtheme-crm-form-label-color);
}

#crm-container.crm-public .required {
  color: var(--microtheme-crm-form-required-color);
  background-image: none;
}

#crm-container.crm-public .required:focus {
  color: var(--microtheme-crm-form-required-focus-color);
}

#crm-container.crm-public button {
  text-shadow: none;
}

/*--------------------------------------------------------------
## Notices.
--------------------------------------------------------------*/
#crm-container.crm-public .help,
#crm-container.crm-public .status,
#crm-container.crm-public .messages {
  color: var(--microtheme-crm-form-text-color);
  background: var(--microtheme-crm-messages-bg-color);
  border: var(--microtheme-crm-messages-border);
}

#crm-container.crm-public .status.alert,
#crm-container.crm-public .alert-warning,
#crm-container.crm-public .messages.warning {
  color: var(--microtheme-crm-form-text-color);
}

#crm-container.crm-public .help p,
#crm-container.crm-public .status p,
#crm-container.crm-public .messages p {
  margin: 0;
}

/*--------------------------------------------------------------
## Profiles.
--------------------------------------------------------------*/
#crm-container.crm-public .header-dark {
  background: var(--microtheme-crm-header-dark-bg-color);
}

#crm-container.crm-public .amount_display-section,
#crm-container.crm-public .contributor_email-section,
#crm-container.crm-public .credit_card_details-section,
#crm-container.crm-public #membership-listings,
#crm-container.crm-public #premiums-listings,
#crm-container.crm-public .amount_display-group .display-block,
#crm-container.crm-public .event_fees-group > .crm-section {
  margin: var(--microtheme-crm-form-fieldset-margin);
  padding: var(--microtheme-crm-form-fieldset-padding);
  background: var(--microtheme-crm-form-fieldset-bg-color);
}

#crm-container.crm-public .event_fees-group > .crm-section {
  margin: 0;
}

#crm-container.crm-public .event_fees-group .total-amount-section {
  margin: var(--microtheme-crm-form-fieldset-margin);
}

#crm-container.crm-public .billing_name_address-group {
  margin: var(--microtheme-crm-form-fieldset-margin);
  padding: 0;
}

#crm-container.crm-public .billing_name-section,
#crm-container.crm-public .billing_address-section {
  padding: var(--microtheme-crm-form-fieldset-padding);
  background: var(--microtheme-crm-form-fieldset-bg-color);
}

#crm-container.crm-public .intro_text-section {
  padding: var(--microtheme-crm-form-fieldset-padding);
}

#crm-container.crm-public .display-block {
  margin: var(--microtheme-crm-form-fieldset-margin);
  padding: var(--microtheme-crm-form-padding);
  border: var(--microtheme-crm-form-fieldset-border);
  background: var(--microtheme-crm-form-fieldset-bg-color);
}

#crm-container.crm-public table:not(.crm-inline-edit-form, .crm-table-group-summary),
#crm-container.crm-public table:not(thead) tr {
  background: var(--microtheme-crm-form-fieldset-bg-color);
  border: none;
  box-shadow: none;
}

/*--------------------------------------------------------------
## Price Set areas.
--------------------------------------------------------------*/
#crm-container.crm-public #priceset-div {
  margin: var(--microtheme-crm-form-fieldset-margin);
  padding: var(--microtheme-crm-form-padding);
  border: var(--microtheme-crm-form-fieldset-border);
  background: var(--microtheme-crm-form-fieldset-bg-color);
}

#crm-container.crm-public #pricevalue.calc-value {
  font-size: 180%;
}

#crm-container.crm-public #pledge_frequency_interval,
#crm-container.crm-public #pledge_frequency_unit,
#crm-container.crm-public #pledge_installments {
  width: auto;
  min-width: 3rem;
}

/*--------------------------------------------------------------
## Accordions.
--------------------------------------------------------------*/
#crm-container.crm-public .crm-accordion-bold > .crm-accordion-body {
  box-shadow: none;
  border: var(--microtheme-crm-expand-border);
  border-top: none;
}

/*--------------------------------------------------------------
## Forms.
--------------------------------------------------------------*/
#crm-container.crm-public fieldset:not(.collapsed, .crm-inactive-dashlet-fieldset, .af-container-style-pane),
#crm-container.crm-public .crm-event-info-form-block,
#crm-container.crm-public #crm-profile-block,
#crm-container.crm-public .crm-container.crm-public .af-container:not(.af-container-style-pane),
#crm-container.crm-public .email-5-section {
  border: var(--microtheme-crm-form-fieldset-border);
  background: var(--microtheme-crm-form-fieldset-bg-color);
  box-shadow: none;
  padding: var(--microtheme-crm-form-fieldset-padding);
}

#crm-container.crm-public .crm-section.is_pledge-section .label {
  background: none;
}

#crm-container.crm-public fieldset legend,
#crm-container.crm-public .crm-section .label {
  color: var(--microtheme-crm-form-label-color);
  background: var(--microtheme-crm-form-fieldset-bg-color);
  margin: 0;
}

#crm-container.crm-public .crm-section:has( > .content input:focus),
#crm-container.crm-public .crm-section:has( > .content select:focus),
#crm-container.crm-public .crm-section:has( > .content textarea:focus) {
  background: transparent;
}