@import 'libs/vars'; @import 'libs/functions'; @import 'libs/mixins'; @import 'libs/skel';

/*

Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

*/

/* Basic */

body {
        background-color:               _palette(bg);
        background-image:               url('../../images/bg.jpg');
        background-size:                cover;
        background-attachment:  fixed;
        background-position:    center;
        &:before {
                background: transparentize(_palette(bg), 0.2);
                content: '';
                display: block;
                height: 100%;
                left: 0;
                position: fixed;
                top: 0;
                width: 100%;
        }
        > * {
                position: relative;
                z-index: 1;
        }
}

/* Features */

.features {
        article {
                display: inline-block;
                width: 45%;
        }
}

/* Menu */

#menu {
        .inner {
                margin: 4em auto;
        }
}

/* Wrapper */

#wrapper {
        > header {
                background: none !important;
        }
}
.wrapper {
        &.spotlight {
                .inner {
                        text-align: left !important;
                }
                .image {
                        display: inline-block;
                        margin: 0 _size(section-spacing, large) _size(element-margin) 0 !important;
                        vertical-align: middle;
                        width: 24%;
                }
                .content {
                        display: inline-block;
                        vertical-align: middle;
                        width: 70%;
                }
        }
}

/* Banner */

#banner {
        background: none !important;
}

/* Footer */

#footer {
        background: none !important;
        .inner {
                form {
                        display: inline-block;
                        width: 45%;
                }
                .contact {
                        display: inline-block;
                        width: 45%;
                }
        }
}