/*
Theme Name: Placeholder
Author: Social Media Ltd
Author URI: https://social-media.co.uk/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
*/
html, body{
    background: rgba(255, 255, 255, 0.9) !important;
}
body {
    position: relative;
    min-height: 100vh;
}
* {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

#top-line {
    height: 5px;
}

.wpcf7-not-valid-tip{
    font-size: 12px;
    margin: 0;
}
.wpcf7-response-output{
    margin: 15px 0 10px;
    font-size: 12px;
    padding: 5px 10px;
}

a{
    color: black;
    text-decoration: underline;
    transition: 0.5s;
}
a:hover, a:focus{
    color: black;
    text-decoration: none;
}

video{
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url('img/green-theme1.jpg') no-repeat;
    background-size: cover;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}

.form-control:focus, .btn-black:focus{
    border-color: #666;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
}
.btn-black{
    background-color: #333;
    border-color: #222;
}
.btn-black:hover, .btn-black:focus{
    background-color: #111;
    border-color: #000;
}
.form-container{
    max-width: 320px;
    margin: auto;
}

.custom-logo {
    margin: 30px auto;
    transition: 0.5s;
    width: 100%;
    height: auto;
    max-width: 300px;
}
.the-content{
    overflow: hidden;
    transition: 0.5s;
    height: 70px;
}
.form-opened .the-content{
    height: 0;
}
.center-middle {
    transition: 0.5s;
    border-top: 5px solid black;
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.9);
    min-height: 100vh;
}
.center-middle > div {
    margin: auto;
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}