/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19-Aug-2021, 10:18:10
    Author     : adrianlines
*/

body { 
    background:                 url("../images/ukcpg.jpg") no-repeat center center fixed;
    background-color:           #000000;
    -webkit-background-size:    cover; /* For WebKit*/
    -moz-background-size:       cover; /* Mozilla*/
    -o-background-size:         cover; /* Opera*/
    background-size:            cover; /* Generic*/
    font-size:                  12pt;
    font-family:                arial;
    color:                      darkblue;
    alignment-baseline:         center;
    padding:3vh 8vw 2vh 8vw;
}

a {
    text-decoration:none;
}

input[type='checkbox'] {
-webkit-appearance:none;
width: 24px;
height: 24px;
background:gainsboro;
border-radius:4px;
border: 1px solid darkgreen;
vertical-align:middle;
}

input[type='checkbox']:checked {
background-image: url("tick.jpg");    
background-repeat: no-repeat;
background-color: springgreen;
background-position: center; 
}

input[type='text']{
    border:0px;
    padding:2px;
}

input[type='password']{
    border:0px;
    padding:2px;
}

input[type='email']{
    border:0px;
    padding:2px;
}

select{
    border:0px;
    padding:2px;
}

.request {
    position:fixed;
    top:10vh;
    left:15vw;
    width:60vw;
    min-height:30vh;
    background-color:aliceblue;
    border:10px solid white;
    padding:5vh 5vw 5vh 5vw;
    box-shadow:0px 0px 50px black;
    display:none;
    font-size:1.1em; 
}

.footer {
    position:absolute; 
    left:0; 
    bottom:3vh; 
    width:100%;
    color:darkblue;
    text-align:center;
    font-size:0.8em;
}

.banner {
    font-size:3vh;
    padding-bottom:2vh;
}

.preview {
    position:absolute; 
    top:10%; 
    left:10%; 
    width:80%; 
    height:80%; 
    border:5px solid black;
    background-color:grey;
    box-shadow:0px 0px 100px black;
    display:none;
}

.clients {
    font-size:2vh;
    cursor:pointer;
}

.clients:hover{
    background-color:aliceblue;
}

.categoryBtn {
    text-align:center; 
    padding:0.5vh; 
    box-shadow:2px 2px 2px grey; 
    background-color:aliceblue;
    font-weight:normal;
}

.postContain {
    padding:1vh 1vw 1vh 2vw; 
    background-color:whitesmoke;
    color:darkblue;
}
.postHead {
    font-size:1.2em;
    font-weight:bold;
}

.postContent {
    width:100%; 
    display:table;
    clear:both;
}

#siteName {
    font-weight:bold;
    text-shadow:1px 1px 3px grey;
    color: darkblue;
}

#siteDescription {
    font-size:0.8em;
    font-style:italic;
    text-shadow:1px 1px 3px grey;
    color: darkblue;
}

#mainbody {
    min-height:20vh;
    background-color:white; 
    padding:2vh 4vw 2vh 4vw;  
    color: darkblue;
}

#builder {
    display:none;
    border:5px solid whitesmoke; 
    min-height:1vh; 
    background-color:white; 
    color: darkblue;
}