// Import VARS
@import "vars";

// DEFAULT FRAMEWORK MODULES
@import "framework/framework-defer";

// Import base folder
@import "base/button";
@import "base/form";
@import "base/list";
@import "base/table";
@import "base/typography";
@import "base/account/register";
@import "base/account/login";

// Import layout folder
@import "layout/header";
@import "layout/hero";

// Import elements folder
/* .. */

/* ------- hide elements in main ------- */
.after-defer {
    transition: opacity .3s ease;
    opacity: 0;
}

/* ------- BODY ------- */
body {
    background: color(grey);
}

.container {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

/* ------- PARAGRAPH ------- */
p {
    margin-bottom: 3rem;

    @include media-query(lg){
        &:last-of-type {
            margin-bottom: 0;
        }
    }
}

a {
    color: color(green);
}

.follow-us {
    display: none;

    @include media-query(lg) {
        display: flex;
        position: fixed;
        top: 30%;
        right: 20rem;
        z-index: 9;
    }

    .follow-us__text {
        position: absolute;
        width: 10.5rem;
        height: 4.5rem;
        background: color(grey);
        padding: 0.5rem 1.5rem;
        right: -23rem;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .follow-us__icons {
        position: absolute;
        background: color(brand-sec);
        list-style: none;
        padding: 0;
        width: 4.5rem;
        height: 9rem;
        top: 7.5rem;
        right: -20rem;

        li {
            float: left;
            width: 4.5rem;
            height: 4.5rem;

            a {
                float: left;
                width: 1.9rem;
                height: 1.9rem;
                margin: 1.3rem;

                &.twitter {
                    background: url('/igolf/img/icon-twitter.svg');
                    background-size: 1.9rem 1.9rem;
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                }

                &.facebook {
                    background: url('/igolf/img/icon-facebook.svg');
                    background-size: 1.9rem 1.9rem;
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                }
            }
        }
    }
}

#cookie_tool_small {
    position: fixed;
    width: 100%;
    height: auto !important;
    background: color(brand-sec);
    bottom: 0 !important;
    left: 0;
    -webkit-box-shadow: 0px -2px 5px 3px rgba(color(brand),0.05) !important;
    -moz-box-shadow: 0px -2px 5px 3px rgba(color(brand),0.05) !important;
    box-shadow: 0px -2px 5px 3px rgba(color(brand),0.05) !important;
    z-index: 9;

    .cookie_tool_inner {
        text-align: center;
        padding: 0 !important;
        display: inline-block !important;

        p {
            display: block;
            margin: 0 !important;
            padding-top: 1.5rem !important;
            line-height: 2.4rem !important;

            @include media-query(lg) {
                display: inline !important;
                padding-top: 0 !important;
                margin-right: 2rem !important;
            }
        }

        form {
            display: inline-block;

            .button {
                background: color(green);
                color: color(brand-sec);

                &:hover {
                    background: color(blue);
                    color: color(brand-sec);
                }
            }

        }

        .cookie_tool_more {
            margin: 0 2rem;
            white-space: nowrap;
        }
    }
}

.cookie_tool_submit_field {
    display: inline-block;
    margin-bottom: 3rem !important;
}

.reservation-player-table {
    tbody {
        tr {
            td {
                .form-control {
                    opacity: 0;
                    transition: none;
                }
            }
        }
    }
}