//@import "style.less";
@import "colors.less";

.resp(@maxWidth; @rules) {
    @media only screen and (max-width: @maxWidth) {
        @rules();
    }
}

html{
    background-color: @grey;
      .resp(479px, {
          overflow-x: hidden;
          });
    body{
    background: @grey;
    overflow-x: hidden;
    margin: auto;
    display: block;
    color: @black;
    font-size: 16px; /*musí zustat*/
    height: 100%;
    min-height: 100%;
    }
}

.wrapper{
    position: relative;
    &::after{
        content: '';
        position: absolute;
        bottom: -.5rem;
        right: -.5rem;
        width: 2rem;
        height: 2rem;
        background-color: var(--secondary);
        opacity: 0.3;
        z-index: 1;
    }
    .wrapBorder{
        position: relative;
        z-index: 5;
        padding: 2rem;
        border-bottom-left-radius: 2rem;
        border-top-right-radius: 2rem;
        //border: 2px solid @black;
        border-left: 1px solid @black;
        border-right: 2px solid @black;
        border-top: 1px solid @black;
        border-bottom: 2px solid @black;
        overflow: hidden;
        background-color: @white;
        .shadow;
        form{
            h2{
                position: absolute;
                top: 0;
                right: -1px;
                background-color: @black;
                padding: .5rem 1rem;
                color: @white;
                border-bottom-left-radius: 2rem;
                border-top-right-radius: 2rem;
            }
            input{
                background-color: @grey;
            }
        }
    }
    div {
        .logo{
            height: 10rem;
            position: relative;
            a{
                picture{
                    img{
                        height: 100%;
                        position: absolute;
                        top: 1px;
                        left: 0;
                        object-fit: fill;
                    }
                    &::after{
                        content: none;
                    }
                }
            }
        }
        .date{
            padding: 0 2rem 0 0;
        }
    }
}

.button{
    border: none;
    padding: .5rem 1rem;
    position: relative;
  }

.inputH{
    display: none;
    visibility: hidden;
}