/* Add here all your CSS customizations */

:invalid {
    box-shadow: none;
}
:-moz-submit-invalid {
    box-shadow: none;
}
:-moz-ui-invalid {
    box-shadow:none;
}

.all-game-video {
    width: 80%;
}


/* Contact Form CSS */
#newsletterRes {
    width: 100%;
    margin: 10px auto;
    font-size: 14px;
    padding: 10px;
    border-radius: 50px;
    text-align: center;
}
#contactRes, #responseMsg {
    width: 100%;
    font-size: 14px;
    border-radius: 3px;
}
.error {
    padding: 10px;
    margin: 10px auto;
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid rgba(185, 74, 72, 0.3);
}
.success {
    padding: 10px;
    margin: 10px auto;
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
}

.contact-form input[type=submit]:visited,
.contact-form input[type=submit]:active,
.contact-form input[type=submit]:focus {
    background-color: #212529;
    border: 1px solid #212529;
}

#newsletterForm button:visited,
#newsletterForm button:active,
#newsletterForm button:focus {
    background-color: #23a5b8;
}

#feedbackForm {
    margin-bottom: 50px;
}

#feedbackForm fieldset {
    border: 1px solid lightgray;
    padding: 15px;
    margin-bottom: 20px;
}

#feedbackForm legend {
    display: inline-block;
    width: initial;
    padding-left: 10px;
    padding-right: 10px;
}

#feedbackForm .main-label {
    display: block;
    font-weight: 600;
}

#feedbackForm .alert-primary {
    background-color: transparent;
    color: #23a5b8;
    border: 1px solid #23a5b8;
    padding: 5px 12px;
}

/* Responsive CSS */
@media only screen and (max-width: 767px) {
    .all-game-video {
        width: 100%;
    }
}