:root {
  /*
   * Want to change button background color? Do it here and only here.
   * Note: Don't try to make the background color a light color, it is
   * not easy to change the text color to a dark color so it is readable.
   */
  --crm-primary-color: #5e7876;
  --crm-alert-success-bg-color: #FCF7E8;
  --crm-alert-success-text-color: #292629;
  --crm-input-label-color: #1D1D1B;
  --crm-font: 'Neue Haas Grotesk Display Pro';
  /* these are duplicated from riverlea but we need them when a webform
   * that does not link to CiviCRM is used.
   */
  --crm-input-border-color: #c2cfd8;
  --crm-input-bg-color: #fff;
  --crm-input-color: #34303b;
  --crm-f-input-radius: 2px;
}

/*
 * By default, the logo is small and flushed left. Optionally, set the logo to in banner mode
 * to spread out (or change max-width to a px value to make it small).
*/
header img{
  max-width: clamp(calc(var(--crm-f-form-width) / 2),100%,var(--crm-f-form-width));
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/*
 * Here is an example of how to change the header background color and/or the body
 * background color.
 */

/*
body {
  margin: 0;
  background-color: green;
}
header {
  background-color: blue;
  height: 75px;
  padding-top: 30px;
}
*/


@font-face {
  font-family: "Neue Haas Grotesk Display Pro";
  font-style: normal;
  font-weight: 400;
  src: url(/sites/default/themes/palestinianfeministcollective/fonts/HaasGrotDisp-65Medium.otf) format('opentype');
}

h1 {
  font-family: "Neue Haas Grotesk Display Pro";
}