/* =============================================================
   cutdate.net — Shared Site Stylesheet
   Centralises styles that were previously duplicated inline on
   every page.  Link this AFTER w3.css on all pages:
     <link rel="stylesheet" href="/css/site.css">
   ============================================================= */

/* --- Base typography & background ----------------------------- */
body, h1 {
    font-family: "Raleway", sans-serif;
}

body, html {
    height: 100%;
}

body {
    background-image: url("/images/2017xxbg.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100%;
    background-position: center;
    background-size: cover;
    background-color: #000000;
}

/* --- Navigation link bar -------------------------------------- */
.botbar {
    color: rgba(253, 180, 47, 1);
    text-decoration: none;
}

.botbar:hover {
    color: #ffff33;
}

/* --- Form field rows ------------------------------------------ */
.actf {
    -webkit-transition: .8s ease-out;
    -o-transition: .8s ease-out;
    transition: .8s ease-out;
    color: #ffffff;
    margin-right: 20px;
    border: solid 3px transparent;
}

.actf:hover {
    border: solid 3px rgba(0, 95, 255, 0.3);
    background-color: rgba(55, 85, 0, 0.5);
    color: #ffff33;
}

/* --- Text inputs and textareas -------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    border: solid 2px gray;
    background-color: rgba(35, 0, 0, 0.5);
    caret-color: orange;
    padding-left: 10px;
    font-size: 98%;
    color: yellow;
    font-weight: bold;
    width: 250px;
    height: 20px;
    margin-top: -5px;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover {
    border-color: #ffffff;
    background-color: rgba(35, 85, 0, 0.5);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
    background-color: rgba(35, 65, 0, 0.5);
    border-color: #ffffff;
}

textarea:hover {
    border-color: #ffffff;
    background-color: rgba(35, 85, 0, 0.5);
}

textarea:focus {
    border-color: #ffffff;
    background-color: rgba(35, 55, 0, 0.5);
}