/************* font specifications ****************/
/************* Symantic names for All Applications ***********************/
/* transparent white */
/* transparent blacks */
/************** Applications **************/
/************* Mixins for all applications ***************/
.div-button-primary {
  color: #FFFFFF;
  background-color: #7A5BCA;
  border: 2px solid #7A5BCA;
  border-radius: 0;
  box-shadow: none;
  min-width: 100px;
  padding: 10px 7px;
  text-align: center;
  margin-left: 20px; }
  .div-button-primary:hover {
    color: #FFFFFF;
    background-color: #3D2375;
    border: 2px solid #3D2375; }
  .div-button-primary.disabled, .div-button-primary[disabled] {
    color: #313131;
    background-color: #D0D2D3;
    border: 2px solid #D0D2D3; }
    .div-button-primary.disabled:hover, .div-button-primary[disabled]:hover {
      color: #313131;
      background-color: #D0D2D3;
      border: 2px solid #D0D2D3; }

.jmh-button-group {
  display: -webkit-flex;
  display: flex;
  flex-flow: row nowrap; }

.jmh-button-group-item {
  -webkit-flex: none;
  flex: none; }

.jmh-button-group-item:nth-child(2) {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  padding-left: 10px; }

.div-button-navigation {
  color: #313131;
  background-color: #FFFFFF;
  border: 2px solid #006064;
  border-radius: 0;
  box-shadow: none;
  min-width: 100px;
  padding: 10px 7px;
  text-align: center; }
  .div-button-navigation:hover {
    color: #FFFFFF;
    background-color: #006064;
    border: 2px solid #006064; }
  .div-button-navigation.disabled, .div-button-navigation[disabled] {
    background-color: #D0D2D3; }

@-webkit-keyframes load8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.raised-shadow-border {
  position: relative;
  float: left;
  width: 40%;
  background: #FFFFFF;
  opacity: .7;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
  .raised-shadow-border:before {
    content: "";
    position: absolute;
    z-index: -2; }
  .raised-shadow-border:after {
    content: "";
    position: absolute;
    z-index: -2; }

#foundationDonationForm .section-row {
  background-color: #f7f7f7;
  padding: 1em;
  margin-bottom: .5em;
  border-radius: 5px; }
  @media (min-width: 768px) {
    #foundationDonationForm .section-row {
      padding: 3em 4em; } }

.md .select-field > label {
  transform: translateY(-1em) scale(0.8);
  transform-origin: 0 0; }

.md .select-field select {
  padding-left: 0;
  padding-right: .5em;
  outline: none;
  border: 0;
  border-bottom: 1px solid #313131;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../../../../../etc.clientlibs/jmh/components/content/jmhfDonationForm/clientlib/resources/images/chevron-down.svg") calc(100% - 0.5rem) 50%/auto 1rem no-repeat, #f7f7f7; }

.md .select-field select:focus,
.md .select-field select:active {
  outline: none;
  border-bottom: 1px solid #6444BB; }

.md #foundationDonationForm .honor-wish-section {
  border: 1px solid #d9d9d9;
  padding: 1em;
  border-radius: 5px; }

.md #foundationDonationForm .honor-wish-section > .row {
  margin-bottom: .5em; }

.md #foundationDonationForm .field-help {
  font-size: .8em; }

.md #foundationDonationForm .memory-honor-box {
  margin: .85em 0 1.5em -0.15em; }

.md #foundationDonationForm .notify-header {
  font-size: unset;
  margin: 1.25em 0;
  font-weight: bold; }

.md #foundationDonationForm h3 {
  font-size: 1.2rem;
  margin: 0em 0 1em; }

.md #foundationDonationForm .row.daf-box {
  margin-top: .5em;
  margin-bottom: 2em; }

.md #foundationDonationForm label,
.md #foundationDonationForm .input-field,
.md #foundationDonationForm .input-field > label,
.md #foundationDonationForm h3 {
  color: #313131; }

.md #foundationDonationForm input[type=text]:not(.browser-default):focus:not([readonly]),
.md #foundationDonationForm input[type=text]:not(.browser-default).valid,
.md #foundationDonationForm textarea.materialize-textarea.valid,
.md #foundationDonationForm textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid #6444BB;
  box-shadow: 0 1px 0 0 #6444BB; }

.md #foundationDonationForm label,
.md #foundationDonationForm .input-field > label {
  white-space: nowrap; }

.md #foundationDonationForm #comments {
  line-height: 1.5em; }

.md #foundationDonationForm [type=radio]:checked + span:after,
.md #foundationDonationForm [type=radio].with-gap:checked + span:before,
.md #foundationDonationForm [type=radio].with-gap:checked + span:after {
  border: 2px solid #6444BB; }

.md #foundationDonationForm [type=radio]:checked + span:after,
.md #foundationDonationForm [type=radio].with-gap:checked + span:after {
  background-color: #6444BB; }

.md #foundationDonationForm .row.matching-funds {
  margin-bottom: 1em; }

#foundationDonationForm .matching-funds .info {
  line-height: 1.4em;
  margin-bottom: 1.2em; }

.md #foundationDonationForm .col label > span {
  margin-right: 1.5em; }

.md #foundationDonationForm .col label:nth-child(1) > span,
.md #foundationDonationForm .col label:nth-child(2) > span {
  margin-left: -.2em; }

.md #foundationDonationForm .row {
  margin-bottom: 0; }

#foundationDonationForm .error {
  color: red;
  font-size: .75em; }

#foundationDonationForm .error-msg-box {
  margin-bottom: 1em; }

.md #foundationDonationForm label.required:after,
.md #foundationDonationForm div.required:after {
  content: "*";
  display: inline;
  color: red;
  opacity: 1;
  top: unset;
  left: unset;
  margin-left: .2em; }

/* Hiding reCAPTCHA badge as we display our  own privacy/terms notice text in the form */
.grecaptcha-badge {
  visibility: hidden; }