• File: _header.scss
  • Full Path: /home/bravrvjk/itiministry.org/wp-content/plugins/give/src/DonationForms/FormDesigns/TwoPanelStepsFormLayout/css/_header.scss
  • Date Modified: 03/14/2024 1:54 AM
  • File size: 1.06 KB
  • MIME-type: text/plain
  • Charset: utf-8
.givewp-layouts {
    &-header {
        max-width: var(--two-panel-header-width);
        text-align: center;
        width: 100%;

        @media screen and (min-width: 71.5rem) {
            border: solid 1px var(--givewp-grey-25);
            border-radius: var(--givewp-rounded-8);
            box-shadow: var(--givewp-shadow-sm);
        }
    }

    &-headerTitle {
        margin-bottom: var(--givewp-spacing-3);
    }

    &-headerDescription {
        margin-bottom: var(--givewp-spacing-10);
    }

    .givewp-layouts-header__templates-ms {
        padding-bottom: 2rem;

        &--background {
            .givewp-layouts-header__content {
                position: static;
                margin-bottom: 0;
            }

            .givewp-layouts-headerImage {

                img {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    height: 100%;
                    min-height: 100%;
                    border-radius: var(--givewp-rounded-8);
                }
            }
        }
    }
}