/*==============================================================================
// File:        holiday-inn-lapithus-gflow-style.css
// Package:     Guest Flow
// Synopsis:    Holiday Inn Lapithus Guest Flow Styles
//============================================================================*/

/* Manage IE8 logo */
.ie8 .hotel-logo {
    background: transparent url(../img/ie8-logo.png) no-repeat top
}
.radiant-language-selector {
    margin: 7px 5px 0 0
}

body {
    background: #D4D4D4;
    color: #FFF
}

h1, h2 {
    text-transform: none;
    font-weight: normal;
    line-height: 1.2em;
    text-align: center;
    font-size: 24px;
    color: #FFF;
    margin: 0
}

h2 {
    font-size: 16px
}

.gflow-wrapper {
    margin: 0 auto
}

.gflow-wrapper-bg {
    background: transparent url(../img/background.jpg) no-repeat fixed center top;
    background-size: cover;
    position: absolute;
    min-height: 100%;
    width: 100%;
    opacity: 1
}

.hotel-logo {
    background: transparent url(../img/logo.png) no-repeat top;
    background-size: 60px;
    margin: 6px auto;
    display: block;
    height: 200px;
    width: 60px
}

.clean-logo {
    background: transparent url(../img/clean-logo.png) no-repeat center;
    background-size: 58px;
    margin: 6px auto;
    display: block;
    height: 60px;
    width: 60px
    color: #499E42
}


/*------------------------------------------------------------------------------
Bootstrap Overrides
----------------------------------------------------------------------------*/

.col-xs-6 {
    width: 100%
}

.form-control {
    background: rgba(255, 255, 255, .2);
    margin: 0 auto 5px;
    border-color: #000;
    max-width: 100%;
    color: #FFF
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-transform: uppercase;
    color: #FFF
}

.form-control::-moz-placeholder { /* Firefox 19+ */
    text-transform: uppercase;
    color: #FFF
}

.form-control:-ms-input-placeholder { /* IE 10+ */
    text-transform: uppercase;
    color: #FFF
}

.form-control:-moz-placeholder { /* Firefox 18- */
    text-transform: uppercase;
    color: #FFF
}

.form-control:focus {
    border-color: #8FD441; /* Needs to be top */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),0 0 8px rgba(143, 212, 65, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),0 0 8px rgba(143, 212, 65, .6);
    outline: 0
}

.selectboxit-container .selectboxit {
    margin: 0 auto
}

.gflow-content .gflow-widgets .selectboxit-btn,
.selectboxit-btn {
    background: rgba(255, 255, 255, .2);
    border-color: #000
}

.gflow-content .gflow-widgets .selectboxit-container span.selectboxit-text {
    color: #FFF
}

.gflow-content .gflow-widgets .selectboxit-btn.selectboxit-enabled:active span.selectboxit-text,
.gflow-content .gflow-widgets .selectboxit-btn.selectboxit-enabled:focus span.selectboxit-text,
.gflow-content .gflow-widgets .selectboxit-btn.selectboxit-enabled:hover span.selectboxit-text {
    color: #333
}

.gflow-content .gflow-widgets .selectboxit-btn.selectboxit-enabled:focus {
    border-color: #8FD441
}

/*------------------------------------------------------------------------------
// Holiday Inn Lapithus Overrides
//----------------------------------------------------------------------------*/

.first-form {
   margin: 200px 0 0
}

.gflow-widgets-inner {
    background: rgba(0, 0, 0, .5);
    margin: 5px auto 30px;
    padding: 10px 0 15px;
    border-radius: 10px;
    max-width: 400px;
    min-width: 310px
}

.gflow-main-form {
    background: none;
    max-width: 100%;
    margin: 0 auto;
    outline: none;
    border: none;
    color: #FFF;
    padding: 0
}

.gflow-flavor-text p {
    color: #FFF
}

.gflow-main-form p.p1 {
    font-weight: 500;
    font-size: 22px;
    color: #FFF;
    margin: 0
}

.gflow-main-form p.p3 {
    font-weight: 400
}

.gflow-content .gflow-widgets {
    color: #FFF
}

.gflow-content .gflow-widgets a {
    text-decoration: underline;
    color: #FFF
}

.gflow-content .gflow-widgets a:hover,
.gflow-content .gflow-widgets a:focus {
    cursor: pointer;
    color: #FFF
}

.gflow-content .gflow-widgets img.img-responsive {
     margin: 0 auto 15px
}

.gflow-content .welcome-option.clickable {
    float: none;
    width: auto
}

.gflow-main-form button[type="submit"],
.gflow-main-form .welcome-option a,
.gflow-form button[type="submit"],
input.btn-default {
    margin: 10px auto 0;
    background: #7DB340;
    border-radius: 0;
    max-width: 100%;
    font-size: 18px
}

.gflow-main-form button[type="submit"]:hover,
.gflow-main-form button[type="submit"]:focus,
.gflow-main-form .welcome-option a:hover,
.gflow-main-form .welcome-option a:focus,
.gflow-form button[type="submit"]:hover,
.gflow-form button[type="submit"]:focus,
input.btn-default:hover,
input.btn-default:focus {
    text-decoration: none;
    background: #499E42;
    outline: none;
    color: #FFF;
    opacity: 1
}

.gflow-main-form .welcome-option a {
    margin: 10px auto 8px
}

.gflow-content .option-descr {
    font-size: 16px
}

.guest-authentication-title {
    line-height: 1.1em;
    font-size: 17px
}

.gflow-main-form p.subtext,
.back-to-options * {
    display: none
}

.gflow-content .gflow-main-form p.title {
    font-size: 22px
}

@media screen and (min-width: 100px) and (max-width: 645px) {

    .gflow-main-form button[type="submit"],
    .gflow-main-form .welcome-option a,
    .gflow-form button[type="submit"],
    input.btn-default {
        font-size: 16px
    }

} /* End Custom 645px to 100px */

@media screen and (min-width: 421px) and (max-width: 645px) {

    .gflow-main-form p.p1,
    h1 {
        font-size: 20px
    }

    h2 {
        font-size: 18px
    }


} /* End Custom 645px to 421px */

@media screen and (min-width: 100px) and (max-width: 420px) {

    .gflow-main-form p.p1,
    h1 {
        font-size: 18px
    }

    h2 {
        font-size: 16px
    }

    .guest-authentication-title {
        font-size: 15px
    }

    .gflow-main-form button[type="submit"],
    .gflow-main-form .welcome-option a,
    .gflow-form button[type="submit"],
    input.btn-default {
        font-size: 14px
    }

} /* End Custom 420px to 100px */