/*
  Theme Name: Eastridge Entertainment Precinct
  Author: Lucas Jordan, Stephen Arias
  Description: Styles for Eastridge Entertainment Precinct for KFT
  Version: 0.0.1
  Copyright: Raremedia Pty Ltd (Andrew Davidson)'
*/

/*--------------------------------------------------------------
  # Form
--------------------------------------------------------------*/

.contact-form .columns,
.function-form .columns {
    padding-right:0px;
}

.contact-form textarea,
.function-form textarea {
    min-height:180px;
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    background-color: rgba(0, 0, 0, 0.3);
    color:#fff;
    border: 1px solid #808080;
    border-radius:0px;
    font-size: .9rem;
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    border: 1px solid #808080;
    border-radius:0px;
}

.button.submit {
    padding: 12px 20px;
    font-weight: 500;
    border-radius: 0px;
}

.callout {
    text-align: center;
    color:#ffffff !important;
    font-size: 15px;
    font-weight: 500;
    padding: 0.5rem;
    text-transform: uppercase;
    border-radius: 0px;
}

.alert.callout  {
    background-color:rgba(255, 0, 0, 0.3);
}

.success.callout {
    background-color:rgba(7, 197, 25, 0.3);
}

.is-invalid-input:not(:focus) {
    background-color:rgba(255, 0, 0, 0.3);
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color:#fff;
}

.is-invalid-input:not(:focus):-moz-placeholder { /* Firefox 18- */
    color:#fff;
}

.is-invalid-input:not(:focus)::-moz-placeholder {  /* Firefox 19+ */
    color:#fff;
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color:#fff;
}

@media only screen and ( min-width: 930px ) and ( max-height: 780px ) {

    [type=color],
    [type=date],
    [type=datetime-local],
    [type=datetime],
    [type=email],
    [type=month],
    [type=number],
    [type=password],
    [type=search],
    [type=tel],
    [type=text],
    [type=time],
    [type=url],
    [type=week],
    textarea {
        height: 2.1rem;
    }
    .contact-form textarea, .function-form textarea {
        min-height: 100px;
    }
}

@media only screen and ( max-width: 930px ){

    .contact-form form > .columns,
    .function-form form > .columns {
        padding-left:0px;
    }

}