///////////////////////////////////////////////////////////////
// Device: Desktop
///////////////////////////////////////////////////////////////

///// GLOBAL ////////////////////
.casino-locator-filter-jeu-item {
    list-style: none;
    float: left;
    width: 50%;
    display: flex;

    input {
        display: block;
        flex-grow: 0;
        flex-shrink: 0;
        margin-top: 0;
    }
}

//.jeu-casino-locator, .jeu-rules-casino-locator {
.casino-locator-panel-form-checkbox {
    overflow: hidden;

    label {
        font-family: "Lucien-book";
        span {
            float: none;
            text-align: left;
            display: inline-block;
        }
        &.label-two-lines {
            input {
                display: inline-block;
                float: left;
                margin-top: 10px;
            }
        }
    }
}

.casino-locator-panel-form-search {
    margin-bottom: 40px;
}

    .casino-locator-panel-form-title-container {
        &:before {
            top: 10px;
        }
    }

.casino-locator-form-select-mobile {
    display: none;
}

.casino-locator-panel-location-mobile {
    display: none;
}

.casino-locator-panel-form-search-mobile {
    display: none;
}

//}

.casino-locator-jeu-all {
    font-size: 0.75em;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 20px;
}

///// JEU ///////////////////////

.jeu-casino-locator {
    @include outer-container;
    margin-top: 40px;
    margin-bottom: 40px;
}

.jeu-casino-locator-wrapper {
    @include span-columns(10);
    @include shift(1);
}

.jeu-casino-locator-wrapper-title {
    color: $color-golden;
    text-transform: uppercase;
    font-family: "Lucien-regular";
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 40px;
}

.jeu-casino-locator-wrapper-subtitle {
    color: $color-grey-light;
}

///// JEU RULES ////////////////////

.jeu-rules-casino-locator {
    @include outer-container;
}

.jeu-rules-casino-locator-wrapper {
    @include span-columns(12);
    @include shift(0);
}

///////////////////////////////////////////////////////////////
// Device: Desktop XL
///////////////////////////////////////////////////////////////

@include desktop-xl {

}

///////////////////////////////////////////////////////////////
// Device: Tablet :: LANDSCAPE
///////////////////////////////////////////////////////////////

@include tablet-landscape-and-below {

}

///////////////////////////////////////////////////////////////
// Device: Tablet :: PORTRAIT
///////////////////////////////////////////////////////////////

@include tablet-portrait-and-below {
    .jeu-casino-locator, .jeu-rules-casino-locator {

        margin-top: 0;

        #casino-locator-map {
            display: none;
            /*height: 500px;*/
        }

        .casino-locator-panel {
            border: none;
            padding: 0;
        }

        .jeu-casino-locator-wrapper {
            width: 100%;
            margin-left: 0;
        }

        .jeu-casino-locator-wrapper-title {
            display: none;
        }

        .casino-locator-panel-header {
            h2 {
                color: #4b4b4b;
                font-family: "Lucien-regular";
            }
        }

        .casino-locator-form-select-mobile {
            display: block;
            width: 89%; //74%;
            margin-left: 5%;
            //float: left;
            border: 1px solid #a0a0a0;
            height: 50px;
            margin-top: 20px;
            position: relative;

                select {
                    font-size: 1.2em;
                    text-transform: uppercase;
                    color: $color-golden;
                    width: 100%;
                    height: 100%;
                    padding: 0 20px;
                    border: none;
                    box-shadow: none;
                    background-color: transparent;
                    background-image: none;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                }

                .arrow-bottom {
                    $iconsize: 20px;
                    $decal: 15px;
                    position: absolute;
                    right: $decal;
                    top: $decal;
                    width: $iconsize;
                    height: $iconsize;
                    z-index: -1;
                    svg {
                        height: $iconsize;
                        width: $iconsize;
                    }
                }
            }

        .casino-locator-panel-location {
            display: none;
        }

        .casino-locator-panel-location-mobile {
            display: block;
            background-color: $color-golden;
            width: 15%;
            float: left;
            height: 50px;
            margin-top: 20px;
            text-align: center;
            cursor: pointer;
            margin-left: 1%;
            .icon-gps {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-top: 15px;
                svg {
                    height: 20px;
                    width: 20px;
                }
            }
        }

        /*.casino-locator-panel-form-search-mobile {
            display: block;
            border: 1px solid #a0a0a0;
            width: 15%;
            float: left;
            height: 50px;
            margin-top: 20px;
            text-align: center;
            cursor: pointer;
            margin-left: 1%;
            .icon-search {
                display: inline-block;
                width: 20px;
                height: 20px;
                margin-top: 15px;
                svg {
                    height: 20px;
                    width: 20px;
                }
            }
        }*/

        .casino-locator-infowindow {
            margin-left: 0;
        }

        .casino-locator-panel-form-checkbox {
            display: none;
        }

        .casino-locator-panel-form-title-container {
            display: none;
        }

        .line {
            display: none;
        }

        .casino-locator-panel-form-search {
            display: none;
        }

        .casino-locator-jeu-all {
            display: none;
        }
    }
}

///////////////////////////////////////////////////////////////
// Device: Mobile
///////////////////////////////////////////////////////////////

@include mobile-landscape-and-below {
    //.jeu-casino-locator, .jeu-rules-casino-locator {
    .casino-locator-form-select-mobile {
        select {
            font-size: 0.75em;
        }
    }
    //}
}



   //todo check merge