/* Vanity Template Styles */

.vanity-header,
.vanity-main-container,
.vanity-footer {
    -moz-box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.15), -10px 0 10px -10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.15), -10px 0 10px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.15), -10px 0 10px -10px rgba(0, 0, 0, 0.15);
}

.header-banner-container .row {
    margin-left: 0px;
    margin-right: 0px;
}

.vanity-main-container {
    margin-top: -20px;
    padding-bottom: 0px;
    background-color: @white;
    .vanity-content {
        margin-top: -135px;
        padding: 1em 2em;
        background: @white;
        padding-bottom: 135px;
    }
}

.vanity-footer {
    background-color: @white;
    font-weight: 200;
    .vanity-footer-navigation {
        background-color: @brand-color;
        padding: 10px 0;
        ul {
            margin: 0;
            padding-left: 0;
            li {
                display: inline-block;
                margin: 0 20px 0 0;
                a {
                    color: @white;
                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
    }
    .footer-links {
        li {
            display: block;
        }
    }
    .vanitycopyright {
        padding: 10px 0;
    }
}

/*MD Styles*/

@media (min-width: 992px) and (max-width: 1199px) {
    .vanity-main-container {
        .vanity-content {
            margin-top: -145px;
        }
    }
}

/* SM Styles */

@media (min-width: 768px) and (max-width: 991px) {
    .vanity-main-container {
        .vanity-content {
            margin-top: -179px;
            padding: 0 2em 135px 2em;
        }
    }
}

/* XS Styles */

@media (max-width: 767px) {
    .vanity-main-container {
        .vanity-content {
            margin-top: 53px;
        }
    }
}