/* TheIsland - River file: river-light.css */
/* Main container padding: reduce on width, add to the bottom */
html.crm-standalone {
  --crm-page-padding: 1px 1.25vw 2rem;
}

:root {
  /* Links */
  --crm-link-color: #005c99;
  /* Buttons */
  --crm-primary-color: #0071bd;
  --crm-primary-text-color: white;
  /* avoid red delete buttons, they are not a CTA */
  --crm-dropdown-danger-bg-color: inherit;
  /* This is the background color for actions dropdown menus, but also for the Contact actions buttons, which we will override later below */
  /* --crm-secondary-color: #0071bd; (fixme, should be darker) */
  --crm-btn-padding-block: 0.75rem;
  --crm-btn-icon-spacing: 0.5rem;
  --crm-btn-icon-padding: 0.5rem;
  --crm-btn-padding-inline: 1rem;
  /* space between buttons */
  --crm-btn-margin: 0.5rem;
  /* Toggles */
  --crm-input-toggle-height: 1.25rem;
  --crm-input-toggle-enabled-bg: #0071bd;
  /* Forms */
  --crm-form-block-bg-color: white;
  /* Main background */
  --crm-page-bg-color: #f8f8f8;
  /* Tabs */
  --crm-tabs-padding: 10px 10px 0 10px;
  --crm-tab-bg-active: #fff;
  --crm-tab-hover-bg-color: #f3f6f7;
  /* Vertical contact tabs, h/t Thames */
  --crm-contact-direction: grid;
  --crm-contact-side-tabs-width: 220px;
  --crm-contact-tabs-flow: column;
  /* Contact blocks */
  --crm-contact-label-bg-color: #f8f8f8;
  --crm-container-bg-color: #f8f8f8;
  /* Tables */
  --crm-table-row-border: none;
  --crm-table-outside-border: none;
  --crm-table-row-border: 1px solid #D3D7DE;
  --crm-table-header-border-bottom: 2px solid #D3D7DE;
  /* Blocks */
  --crm-form-block-padding: 1rem;
  --crm-form-block-box-shadow: 0 3px 18px 0 rgba(48,40,40,.25);
  /* Dashboard dashlets */
  --crm-dashlet-padding: 0;
  --crm-dashlet-content-padding: 0.5rem;
  --crm-dashlet-header-color: #fff;
  /* Accordions */
  /* --crm-accordion-body-bg-color: #f3f6f7; */
  --crm-accordion-header-bg-color: #f3f6f7;
  --crm-accordion-header-color: #464354;
  --crm-accordion-header-bg-active-color: #f3f6f7;
  --crm-accordion-header-padding: 0.5rem 0.75rem;
  /* Alerts */
  --crm-alert-success-bg-color: #fbf0e2;
  --crm-alert-success-text-color: #111;
  --crm-alert-margin: 0;
  --crm-alert-padding: 16px 20px;
  --crm-alert-margin: 0 0 1rem;
}

/* White cancel button */
.crm-button-type-cancel,
.crm-button-type-back {
  background: white !important;
  border: solid 1px #4d4d69 !important;
  color: #363342 !important;
}
.crm-button_qf_Delete_done {
  background: #FF3F3D !important;
  border: solid 1px #FF3F3D !important;
}
/* Most buttons without an icon, ex: check for matching contacts on Edit Contact */
.crm-container button,
.crm-container .crm-button {
  /* increase vertical padding */
  padding: 1.25rem;
}
/* Most normal buttons with icons */
.crm-container button:has(i.crm-i),
.crm-container .crm-button:has(i.crm-i) {
  /* increase vertical padding */
  padding: 1.25rem 1.5rem 1.25rem 0;
}
/* Contact Actions/Edit buttons */
.crm-container .crm-actions-ribbon a.button,
.crm-container .crm-actions-ribbon a.button:link,
.crm-container .crm-actions-ribbon a.button:visited {
  background-color: #0071bd !important;
}
#crm-contact-actions-list {
  /* quickfix for the Contact actions button */
  top: 45px !important;
}

/**
 * Dropdown menus for row actions, which have both a menu and caret icon
 * ex: Scheduled Jobs
 */
.crm-container button.dropdown-toggle.btn-xs:has(i.crm-i) {
  padding: 0.25rem !important;
  background: inherit !important;
  color: inherit !important;
}
.crm-container button.dropdown-toggle.btn-xs:has(.caret) i.crm-i {
  display: none !important;
}
.crm-container button.dropdown-toggle.btn-xs .caret {
  color: #333 !important;
  border-top: 6px dashed !important;
  border-right: 6px solid transparent !important;
  border-left: 6px solid transparent !important;
}
.crm-container table > tbody > tr > td > .btn-group {
  border-left: 1px solid #777;
  padding-left: 1.25rem;
}

/* Remove distracting color emphasis on help texts at the top of the screen */
.crm-container .help,
.crm-container #help {
  border: 0;
  padding: 1.5rem 0.25rem;
  background-color: inherit;
  color: inherit;
}
.crm-container .help p,
.crm-container #help p,
.crm-container .messages p {
  color: inherit;
}

/* Form help icons (lighter) */
.crm-container a.helpicon {
  color: #76797e;
  font-size: 80%;
}

/* Tabs (ex: Manage Event) */
.crm-container .ui-tabs {
  background-color: #fff;
  border: 0 !important;
}
.crm-container .ui-tabs ul.ui-tabs-nav {
  background-color: #f3f6f7 !important;
  border: 0 !important;
  border-bottom: 1px solid #d3dee2 !important;
}
.crm-container .ui-tabs ul.ui-tabs-nav .ui-corner-all,
.crm-container .ui-tabs ul.ui-tabs-nav .ui-corner-top {
  border-radius: 2px 2px 0 0;
  /* border-bottom: inherit; */
  border-bottom: 1px solid #d3dee2 !important;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  margin-bottom: -1px;
  padding: 7px 15px;
  background-color: #f3f6f7 !important;
}
.crm-container .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected,
.crm-container .ui-tabs ul.ui-tabs-nav .ui-corner-all.ui-tabs-active,
.crm-container .ui-tabs ul.ui-tabs-nav .ui-corner-top.ui-tabs-active {
  background-color: #fff !important;
  border: 1px solid #d3dee2 !important;
  /* overlap on the bottom border to hide it */
  border-bottom: 1px solid rgba(0,0,0,0) !important;
  margin-bottom: -1px;
}
.crm-container .ui-tabs .ui-tabs-nav .ui-tabs-tab:hover,
.crm-container .ui-tabs .ui-tabs-nav .ui-tabs-tab:focus,
.crm-container .ui-tabs .ui-tabs-nav .ui-tabs-tab > a:hover,
.crm-container .ui-tabs .ui-tabs-nav .ui-tabs-tab > a:focus {
  background-color: inherit !important;
}
.crm-contact-page #mainTabContainer .ui-tabs-nav.crm-contact-tabs-list li.ui-tabs-active a {
  background-color: inherit !important;
}
.crm-container .ui-tabs .ui-tabs-panel {
  background-color: white !important;
}
/* Contact vertical tabs */
.crm-container .ui-tabs ul.ui-tabs-nav.crm-contact-tabs-list {
  border: none !important;
  padding: 0 !important;
}
.crm-container .ui-tabs ul.ui-tabs-nav.crm-contact-tabs-list .ui-corner-all,
.crm-container .ui-tabs ul.ui-tabs-nav.crm-contact-tabs-list .ui-corner-top {
  padding: 7px 0px;
  border-bottom: none !important;
}

/* Initially fo the Getting Started dashlet, but probably used elsewhere? */
.crm-container h3, #bootstrap-theme h3:not(.crm-dashlet-header h3) {
  background: inherit;
  color: inherit;
}

/**
 * Accordions
 */
.crm-container details > summary::before {
  /* smaller toggles */
  font-size: 75%;
}

/* Classic search filters */
.crm-container .crm-group-search-form-block .crm-form-block,
.CRM_Contact_Form_Search_Advanced .crm-form-block .crm-form-block,
.CRM_Contact_Form_Search_Basic .crm-form-block .crm-form-block,
.CRM_Case_Form_Search .crm-form-block .crm-form-block,
.CRM_Contribute_Form_Search .crm-form-block .crm-form-block,
.CRM_Member_Form_Search .crm-form-block .crm-form-block,
.CRM_Event_Form_Search .crm-form-block .crm-form-block,
.CRM_Pledge_Form_Search .crm-form-block .crm-form-block,
.CRM_Activity_Form_Search .crm-form-block .crm-form-block,
.crm-container .crm-report-instanceList-form-block .crm-form-block,
.CRM_Financial_Form_Search .crm-form-block .crm-form-block,
.CRM_Event_Form_SearchEvent .crm-form-block .crm-form-block {
  /* avoid shadow within shadow */
  background: inherit;
  box-shadow: none !important;
}

/**
 * Quicksearch
 */
#civicrm-menu input#crm-qsearch-input {
  /* do not hide search by default, people often do not see it */
  width: 150px !important;
}
.ui-widget.crm-quickSearch-results {
  /* var $box-shadow in scss */
  box-shadow: 0 3px 18px 0 rgba(48, 40, 40, 0.25);
}
.crm-quickSearch-results li a {
  text-decoration: none !important;
}
.crm-quickSearch-results .ui-menu-item-uiMenuItemWrapper,
.crm-quickSearch-results .ui-menu-item-wrapper {
  padding: 7px 5px;
}

/**
 * Manage Extensions
 */
/* Always set a white background */
.crm-container #extensions-main tr.crm-extension-row,
.crm-container #extensions-addnew tr.crm-extension-row {
  background: inherit !important;
}
/* Paddings */
.crm-container tr.crm-extension-row .crm-accordion-light > summary {
  padding: 16px 20px !important;
}
/* Enabled extension */
.crm-container tr.crm-extension-row.extension-installed td:first-child {
  border-left: 3px solid green;
}
.crm-container tr.crm-extension-row.extension-installed td:last-child {
  border-right: 3px solid green;
}
/* Avoid italic text for disabled extensions */
.crm-container #extensions-main tr.crm-extension-row.disabled td,
.crm-container #extensions-main tr.crm-extension-row.disabled td summary,
.crm-container #extensions-main tr.crm-extension-row.disabled td span {
  font-style: normal;
}
/* Disabled extension */
.crm-container #extensions-main tr.crm-extension-row.disabled td:first-child {
  /* orange */
  border-left: 3px solid #ffa500;
}
.crm-container #extensions-main tr.crm-extension-row.disabled td:last-child {
  /* orange */
  border-right: 3px solid #ffa500;
}
/* Not really useful, too much color-coding */
.crm-extensions-stage.fa-check-circle,
.crm-extensions-stage.fa-flask {
  display: none;
}
.crm-container #extensions-main tr.disabled td.crm-extensions-status::before {
  content: unset;
}

/**
 * Dashboard: Community Messages
 */
div.civicrm-community-messages {
  /* Same orange as the Status Check warnings */
  background-color: #e6ab5e !important;
  color: #333 !important;
  /* Avoid orange at the bottom when the fieldset is uncollapsed */
  padding: 0.25rem !important;
  margin-bottom: 2rem !important;
}
div.civicrm-community-messages summary {
  color: #333 !important;
}
div.civicrm-community-messages > details > .crm-accordion-body {
  padding: 1rem !important;
}
div.civicrm-community-messages a.civicrm-community-message-dismiss::before,
div.civicrm-community-messages a.fa-times {
  /* grey-ish, not blue */
  color: #333 !important;
  margin-right: 0.5rem !important;
}

/**
 * Dashboard: dashlet header
 */
.crm-container #civicrm-dashboard .crm-dashlet-header {
  background: #4d4d69;
  border-radius: 4px 4px 0 0;
  padding: 0.6rem 0.5rem;
}
#civicrm-news-feed .crm-news-feed-item-preview {
  /* clutter */
  display: none !important;
}
#civicrm-news-feed .crm-news-feed-item-title {
  font-weight: normal;
}

/**
 * System Status
 */
#crm-status-list {
 /*
  background: $crm-white;
  border-radius: $border-radius-base;
  */
}
#crm-status-list .ui-tabs .ui-tabs-panel {
  padding: 0.75rem;
}
#crm-status-list .crm-status-item {
  padding-bottom: 1rem;
}
#crm-status-list .crm-status-item h3 {
  opacity: 100% !important;
  /* make sure all titles are of the same height, including those without a hush button */
  height: 3rem !important;
}
#crm-status-list .crm-status-item h3.crm-severity-alert,
#crm-status-list .crm-status-item h3.crm-severity-critical,
#crm-status-list .crm-status-item h3.crm-severity-emergency,
#crm-status-list .crm-status-item h3.crm-severity-error {
  background: #cf3458;
  color: #fff;
}
#crm-status-list .crm-status-item h3.crm-severity-warning {
  /* orange */
  background: #ffa500;
  color: #333;
}

#crm-status-list .crm-status-item h3.crm-severity-info,
#crm-status-list .crm-status-item h3.crm-severity-debug {
  /* green */
  background: #0ca833;
  color: #fff;
}
#crm-status-list .crm-status-item h3.crm-severity-notice {
  background: #0071bd;
  color: #fff;
}
#crm-status-list .hush-menu button {
  /* more opaque */
  background-color: rgba(256,256,256,0.9);
}

/**
 * Footer
 */
#access.footer {
  margin-top: 2rem;
}
#civicrm-footer {
  /* reduce margin because we added it to the access keys */
  margin-top: 1rem;
}

:root { color-scheme: light; }