OwlCyberSecurity - MANAGER

Edit File: _give.scss

.lakit-mfp--content{
  &:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .lakit-give-form-modal{
    background: transparent;
    padding: 0;
    max-height: 100%;
    margin: 50px auto;
    overflow: inherit;
  }
  .give-form-wrap{
    background-color: #fff;
    padding: 2em 2em 0;
  }
  .mfp-close{
    top: -40px;
    color: $secondary-color;
    right: -15px;
    font-size: 40px;
  }
}
.lakit-give-form-modal{
  font-size: 16px;
  .give_error,
  .give_success,
  .give_warning {
    font-size: 15px;
    margin: 0 0 1em;
  }
  form legend {
    font-size: var(--theme-h4-font-size);
    font-family: var(--theme-heading-font-family);
    font-weight: var(--theme-heading-font-weight);
    margin: 0 0 20px;
    color: var(--theme-heading-font-color);
    line-height: var(--theme-heading-font-line-height);
    font-style: var(--theme-heading-font-style);
    letter-spacing: var(--theme-heading-font-spacing);
    text-align: var(--theme-heading-font-align);
    padding-bottom: 0.8em;
  }
  fieldset,
  #give-donation-level-button-wrap {
    margin-bottom: 2em;
  }
  fieldset{
    .form-row:last-child,
    p:last-child{
      margin-bottom: 0
    }
  }
  .give-donation-levels-wrap{
    .give-btn {
      background-color: $secondary-color;
      color: $heading-font-color;
      border: none;
      border-radius: 2em;
      padding: 0.65em 1em;
      line-height: 1;
      &.give-default-level,
      &:hover{
        background-color: $primary-color;
        color: #fff;
      }
    }
  }
  form[id*=give-form]{
    margin: 0;
    .form-row{
      .give-input:not([type="checkbox"]){
        border-color: $border-color;
        padding: .6em 1.1em;
      }
    }
    .give-donation-amount{
      margin: 0 0 1.5em;
      .give-currency-symbol{
        border: none;
        background: #ECECEC;
        padding: 0 1em;
      }
      .give-text-input#give-amount{
        border-color: $border-color;
      }
    }
    #give-final-total-wrap{
      margin: 0 0 3em;
      .give-donation-total-label{
        border: none;
        background: #ECECEC;
        height: 40px;
        line-height: 40px;
      }
      .give-final-total-amount{
        border-color: $border-color;
        height: 40px;
        line-height: 40px;
      }
    }
  }
  .give-submit-button-wrap{
    position: relative;
    .give-loading-animation {
      position: absolute;
      right: 1em;
      top: calc(50% - 8px);
    }
    .give-submit {
      text-transform: uppercase;
      font-size: var(--theme-h5-font-size);
      font-weight: $heading-font-weight;
      width: 100%;
      padding: 1em;
      &:not(:hover){
        background-color: $secondary-color;
        color: $heading-font-color
      }
    }
  }
}

.lakit-mfp--content{
  .lakit-give-form-modal{
    .give-submit-button-wrap{
      margin: 0 -2em;
    }
  }
}
body table.give-table {
  font-size: min(16px, var(--theme-body-font-size));
}
.iframe-loader > div {
  box-shadow: none !important;
}