//  --------------------------------------------------------
//  fallback css for ie9 or later
//  copyright 2015 - 2017 by interpunkt. ag
//  author: selim imoberdorf
//  --------------------------------------------------------

@import "______tools/tools.mixin.space";
@import "_______settings/settings.colors";
@import "_______settings/settings.typo";
@import "_______settings/settings.layout";

body {
    position   : relative;
    width      : 100%;
    height     : 100%;
    min-height : 100%;
    overflow   : hidden;
    
    > * {
        display : none !important;
    }
}

//  Fallback Styles
.fallback {
    display          : block !important;
    padding          : s(5);
    position         : absolute;
    max-width        : 640px;
    top              : s(12);
    left             : 50%;
    margin-left      : -340px;
    background-color : $COLOR-WHITE;
    
    & h2 {
        color      : $COLOR-BLACK;
        margin-top : 0;
    }
    
    & a:active,
    & a:focus,
    & a:hover {
        text-decoration : none;
    }
    
    & &__link {
        margin          : 30px 0 0;
        padding         : 10px 20px;
        display         : inline-block;
        border          : 2px solid $COLOR-BLACK;
        color           : $COLOR-BLACK;
        text-align      : center;
        font-size       : 20px;
        text-transform  : uppercase;
        text-decoration : none;
    }
    
    & &__link:active,
    & &__link:focus,
    & &__link:hover {
        color            : $COLOR-WHITE;
        background-color : $COLOR-BLACK;
        text-decoration  : none;
    }
}