* {
  font-family: "Open Sans", system-ui, sans-serif;
  font-weight: 400;
}

.CIT-site-content {
  margin-top: 0 !important;
}

.mdc-elevation--z1 {
  box-shadow: none !important;
}

*::selection {
    background: #0191ff;
    color: #ffffff;
}

html,
body {
  color: #082538;
  background-color: #f5f5f5;
}

.CIT-section {
  background-color: #f5f5f5;
}

.CIT-section.support-footer {
    max-width: 1400px;
    margin: auto;
    border-radius: 15px;
    background-color: #D8E5EA;
}

div .additional-information,
.savings-label{
    color: #007255 !important;
}

p {
  line-height: 24px;
}

a,
.CIT-typography--link {
  color: #007255;
}

a:hover,
.CIT-typography--link:hover {
  color: #007255;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.CIT-typography--h1-font-color,
.CIT-typography--h2-font-color,
.CIT-typography--h3-font-color,
.CIT-typography--h4-font-color,
.CIT-typography--h5-font-color,
.CIT-typography--h6-font-color,
.CIT-text--h1-font-color,
.CIT-text--h2-font-color,
.CIT-text--h3-font-color,
.CIT-text--h4-font-color,
.CIT-text--h5-font-color,
.CIT-text--h6-font-color{
  color: #082538 !important;
}

.CIT-typography--h1-font-weight,
.CIT-typography--h2-font-weight,
.CIT-typography--h3-font-weight,
.CIT-typography--h4-font-weight,
.CIT-typography--h5-font-weight,
.CIT-typography--h6-font-weight,
.CIT-text--h1-font-weight,
.CIT-text--h2-font-weight,
.CIT-text--h3-font-weight,
.CIT-text--h4-font-weight,
.CIT-text--h5-font-weight,
.CIT-text--h6-font-weight {
  font-weight: 700;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  padding: 0;
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: #B5BBC4;
  height: 2px;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: transparent;
}

.option .active-header {
  font-size: 14px;
  padding: 8px 0;
  margin-top: 8.5px;
}

.CIT-background--gray-25 {
  background: #dadce1;
}

.CIT-typography--h5-font-size {
  color: #007255 !important;
}

.mdc-card,
.option {
  border-radius: 15px;
  box-shadow: none;
}

.option {
  background-color:  #007255;
}

.CIT-card--padding,
.mdc-card .CIT-card--inner {
  padding: 32px;
}

.mdc-card .CIT-card--inner {
  border-radius: 15px;
  padding: 32px;
}

.mat-form-field-label,
.mat-form-field.mat-focused .mat-form-field-label {
  color: #082538;
}

.mat-input-element {
  font-size: 26px;
  caret-color: #082538
}

.mdc-button,
.mdc-button--outlined {
      position: relative;
    font-family: Harmonia Sans,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
    border-radius: 8px;
    min-width: 25px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
  padding: 16px 32px;
  margin-top: 0 !important;
}

.CIT-button--secondary:disabled,
.CIT-button--secondary:not(:disabled) {
  color: #ffffff;
  background-color: #007255;
}

.CIT-button--secondary:disabled:hover,
.CIT-button--secondary:not(:disabled):hover {
  background-color: #008B68;
}

.CIT-button--secondary:disabled {
  color: #ffffff !important;
  background-color: #007255;
  opacity: 0.55;
}

.CIT-button--secondary:not(:disabled) .mdc-button__label {
  color: #ffffff !important
}

.mdc-button--outlined:not(:disabled) {
    color: #007255;
    background-color: transparent;
    border: 2px solid #007255;
}

.mdc-button--outlined:not(:disabled):hover {
  color: #ffffff;
  background-color: #007255;
}

@media screen and (min-width: 768px) {
  body {
    font-size: 18px;
  }
  
  p {
    line-height: 28px;
  }
  
  .mdc-button,
  .mdc-button--outlined {
  font-size: 18px;
  padding: 24px 48px;
  }
  
  .mdc-layout-grid__cell--span-3-desktop + .mdc-layout-grid__cell--span-3-desktop + .mdc-layout-grid__cell--span-3-desktop + .mdc-layout-grid__cell--span-3-desktop  .mdc-button--outlined {
    font-size: 16px;
    padding: 16px 32px;
    margin-top: 1em !important;
  } 
  
  .mat-input-element {
    font-size: 40px;
    line-height: 40px;
  }
  
  .mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.2em;
  }
  
  .mat-form-field-hide-placeholder.mat-form-field-appearance-fill .mat-form-field-label {
    top: 2.3em;
  }
  
  select.mat-input-element {
    padding-top: 0.95em;
  }
}