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

/*

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

*/

/* Basic */

body, html {
        height: 100%;
}

html {
        background: none;
}

/* List */

ul {
        &.actions {
                li {
                        padding: 0 0 0 (_size(element-margin) * 0.5);

                        &:first-child {
                                padding-left: 0;
                        }
                }
        }
}

/* Form */

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
        border: solid 2px _palette(border);
        position: relative;
}

input[type="text"],
input[type="password"],
input[type="email"] {
        line-height: _size(element-height);
}

input[type="checkbox"],
input[type="radio"] {
        font-size: 3em;

        & + label {
                &:before {
                        display: none;
                }
        }
}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
        border: solid 2px _palette(border);
}

/* Main BG */

.main-bg {
        z-index: 0;
}

/* Main */

.main {
        background-size: cover;

        .container {
                background: _palette(bg);
                border-top: solid 1px _palette(border);
                position: relative;
                z-index: 1;
        }

        .goto-next {
                @include icon;

                &:before {
                        color: _palette(border);
                        content: '\f063';
                        display: block;
                        font-size: 2em;
                        height: 2em;
                        left: 0;
                        line-height: 2em;
                        position: absolute;
                        text-align: center;
                        text-indent: 0;
                        top: 0;
                        width: 2em;
                }
        }
}

/* Header */

#header {
        -ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
        background-image: url('../../assets/images/bg.jpg');
        background-size: cover;
        height: 100%;

        &:after {
                min-height: 100%;
        }

        header {
                position: relative;
                z-index: 1;
        }

        .container {
                background: _palette(bg);
                z-index: 1;
        }
}

/* Footer */

#footer {
        -ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
        background-image: url('../../assets/images/bg.jpg');
        background-size: cover;

        .container {
                background: _palette(bg);
                border-top: solid 1px _palette(border);
                position: relative;
                z-index: 1;
        }
}