• File: _container-20260419101752.scss
  • Full Path: /home/bravrvjk/itiministry.org/wp-content/plugins/give/src/DonationForms/FormDesigns/TwoPanelStepsFormLayout/css/_container-20260419101752.scss
  • Date Modified: 07/18/2024 12:34 AM
  • File size: 672 bytes
  • MIME-type: text/plain
  • Charset: utf-8
.givewp-donation-form {
    --two-panel-header-width: 42.5rem;

    align-items: flex-start;
    gap: var(--givewp-spacing-2);
    display: flex;
    flex-direction: row;
    margin: auto;
    max-width: calc(var(--two-panel-header-width) + 35.5rem);
    padding: 0 .5rem;
    width: 100%;

    @media screen and (max-width: 53.5rem) {
        border: solid 1px var(--givewp-grey-25);
        border-radius: var(--givewp-rounded-8);
        box-shadow: var(--givewp-shadow-sm);
        flex-direction: column;
        gap: 0;
        max-width: 35rem;
    }

    @media screen and (max-width: 36rem) {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
    }
}