Diagonal section border

we see that the diagonal section border is for the bottom of the actual section.
So on most cases ( to mimic the diagonal effect) it is recomended that Diagonal Border Color is the background-color of the following section!

But why does it not work on last section . It would be nice to have it with footer too! So last Diagonal Border Color get the footer background-color. But on some reasons this is not accepted!

the only way now is to make another color-section after that and give the last color-section (no top border !) a custom class (in my example i call it: no-minheight
This will do the trick

.avia-section.no-minheight {
    height: 0;
    min-height: 0 !important;
}

#footer.container_wrap {
    border-top-width: 0 !important;
}

see Result on the bottom of: Link