/**
 * Block Group styles
 */


.wp-block-group > *[class^="wp-block"] {
    margin-bottom: 1rem;
}

.wp-block-group.alignfull .wp-block-group__inner-container {
    padding-left: 1rem;
    padding-right:1rem;
}

.wp-block-group.alignfull.has-background .wp-block-group__inner-container {
    padding-top: 1rem;
    padding-bottom:1rem;
}

.wp-block-group > *:last-child {
    margin-bottom:0;
}

@media (max-width: 768px) {

    main > .wp-block-group.alignfull:first-child {
        padding-top: 6rem!important;
    }
    main > .wp-block-group:not(.alignfull):first-child {
        margin-top: 6rem;
    }
}

.wp-block-group:not(.alignfull).has-background {
    overflow: hidden;
    border-radius: 10px;
}

.wp-block-group__inner-container > *:last-child {
    margin-bottom:0;
}

.wp-block-group.has-background {
    padding: 1.5rem;
}

.has-small-padding, 
.has-medium-padding,
.has-large-padding,
.has-huge-padding {
    padding: 1rem!important;
}

@media (min-width: 768px) {

    .wp-block-group > *[class^="wp-block"] {
        margin-bottom: 2rem;
    }
    
    .wp-block-group > *:last-child {
        margin-bottom:0;
    }

    .has-small-padding {
        padding: 1.25rem!important;
    }

    .has-medium-padding {
        padding: 1.75rem!important;
    }

    .has-large-padding {
        padding: 2.25rem!important;
    }

    .has-huge-padding {
        padding: 3rem!important;
    }

    .wp-block-column .wp-block-group.has-background {
        padding: 10%!important;
    }

}

@media (min-width: 992px) {

    .wp-block-group.has-background {
        padding: 2rem!important;
    }

    .has-small-padding {
        padding: 1.25rem!important;
    }

    .has-medium-padding {
        padding: 1.75rem!important;
    }

    .has-large-padding {
        padding: 2.25rem!important;
    }

    .has-huge-padding {
        padding: 3rem!important;
    }

}

.wp-block-group.has-background.alignfull + p,
.wp-block-group.has-background.alignfull + blockquote,
.wp-block-group.has-background.alignfull + h2,
.wp-block-group.has-background.alignfull + h3,
.wp-block-group.has-background.alignfull + h4 {
    margin-top: 3rem;
}
