/*
 * Please place your own CSS code to this file
 *
 */

/*
 * Color Variables
 */
:root {
	--nafb-blue: #06357A;
	--nafb-gold: #B4975A;
	--nafb-gray: #535456;
	--nafb-green: #78BA2F;
	--nafb-light-gray: #D1D2D4;
	--nafb-light-green: #D1DDBC;
	--nafb-text-blue: rgb(10 45 100 / 1);
	--nafb-text-gold: rgb(180 151 90 / 1);

}


/*
 * Gin Changes
 */
/* Gin has an issue with sometimes moving table headers, this fixes it */
table.gin--sticky-table-header {
  inset-block-start: auto !important;
}
/*
 * UI Dialog Changes
 */

/* CiviCRM Ui Dialog are at wrong z-index */
.ui-dialog.crm-container {
	z-index: 1101;
}


/* CiviCRM fields */
.crm-container.ui-dialog .ui-dialog-title {
  color: var(--nafb-blue);
}

/* Fix buttons on bottom of settings pages */
.crm-container .action-link a.button {
  color: #333;
}
.crm-container .action-link a.button:hover {
  color: #fff;
}

.crm-container.ui-dialog .ui-dialog-buttonpane button {
  margin-left: 10px;
}
/*
 * CiviCRM Style Edits
 */

/* Fix Notification container being under menu. */
#crm-notification-container {
  top: 145px;
}

/* Fix issues with input and text areas not rendering */
.crm-block input, .crm-block textarea,
.crm-container input, .crm-container textarea,
#crm-container input, #crm-container textarea {
	-webkit-appearance: auto !important;
}

/* Sandbox disables pointer events in floating dialogs, re-enable */
.crm-container .modal-dialog {
  pointer-events: auto !important;
}

/* Remove background on CiviCRM pages */
#crm-container,
#crm-container div.crm-summary-row,
#crm-container div.crm-summary-row div.crm-label,
#crm-container div.crm-edit-help {
  background-color: unset;
}
#crm-container div.crm_summary-row {
  border-top: none;
}

/* Cleanup contact page colors */
.crm-summary-contactname-block {
  color: var(--nafb-blue);
}
.crm-contact-page #mainTabContainer .crm-contact-tabs-list {
  background: var(--nafb-blue);
}
.crm-container #mainTabContainer ul.ui-tabs-nav a em {
  background: var(--nafb-gold);
}
.crm-container .ui-tabs ul.ui-tabs-nav a:not(.button) {
  color: #000;
  font-size: 0.8rem;
}
.crm-container .ui-tabs ul.crm-contact-tabs-list a:not(.button),
.crm-container .nav-tabs > li > a, .crm-container .panel-heading .nav-tabs > li > a {
  color: #fff;
}
.crm-contact-page #mainTabContainer .ui-tabs-nav.crm-contact-tabs-list li.ui-tabs-active a, .crm-contact-page #mainTabContainer .ui-tabs-nav.crm-contact-tabs-list li:hover a, .crm-contact-page #mainTabContainer .ui-tabs-nav.crm-contact-tabs-list li:focus a {
  color: var(--nafb-blue);
}
.crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited {
  background: var(--nafb-light-gray);
}
.ac_results-inner, .crm-participant-list-inner, .crm-event-links-list-inner, .crm-contribpage-links-list-inner, .crm-contact-actions-list-inner, .crm-participant-list-inner, .crm-create-new-list-inner ul.ui-widget, .vakata-context {
  background-color: rgb(255, 255, 255);
  color: var(--nafb-blue);
}
.crm-container a {
    color: var(--nafb-blue);
}
#contact-summary .crm-edit-help .crm-i.fa-pencil {
  color: var(--nafb-blue) !important;
}
#contact-summary .crm-inline-edit:hover .crm-edit-help .crm-i.fa-pencil {
  color: var(--nafb-gold) !important;
}
.crm-container .crm-accordion-bold,
.crm-container .crm-accordion-bold > summary,
.crm-container .crm-accordion-bold > summary.active, .crm-container .crm-accordion-bold > summary:hover, .crm-container .crm-accordion-bold > summary:focus,
.crm-container .crm-accordion-bold>summary:is(:hover, :focus) {
  background-color: #fff;
}
.crm-container .crm-button-type-cancel, .crm-form-submit .cancel.crm-button, .crm-container button.ui-button:has(.fa-times), #bootstrap-theme button.btn-secondary-outline {
  background: var(--nafb-light-gray);
  color: #333;
}
}
.crm-container .crm-button-type-cancel:hover, .crm-container .crm-button-type-cancel:focus, .crm-container button.ui-button:has(.fa-times):hover, .crm-container button.ui-button:has(.fa-times):focus, #bootstrap-theme button.btn-secondary-outline:hover, #bootstrap-theme button.btn-secondary-outline:focus {
  background: var(--nafb-gray);
}


/*
 * Print friendly settings
 */

.solid-border-top #mainTabContainer {
  grid-template-columns: auto !important;
}
@media print {
  ul.crm-contact-tabs-list,
  #civicrm-menu-nav {
    display: none !important;
  }
  body {
    width: unset !important;
    padding: 0 !important;
  }
  #mainTabContainer {
    grid-template-columns: auto !important;
  }
  .crm-search-col-type-buttons .ng-scope,
  .btn-group {
    display: none !important;
  }
}