/* Setup
*********************************************************************************************/

body {
    background: url('../images/bg.jpg') no-repeat center center fixed;
    background-size: cover;
    color: rgba(255, 255, 255, 0.75);
}

body::after {
    border-color: rgba(255, 255, 255, 0.25);
}

/* Typography
*********************************************************************************************/

h1, h2, h3 {
    color: #ffffff;
}

a {
    color: rgba(255, 255, 255, 0.75);
}

a:hover {
    color: #ffffff;
}

p a {
    border-color: rgba(255, 255, 255, 0.25);
}

/* Header
*********************************************************************************************/

#header {
    border-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

#header .status {
    background-color: #ffffff;
}

#header .status span {
    border-color: #ffffff;
    color: #ffffff;
}

/* Forms
*********************************************************************************************/

input[type="text"],
input[type="email"] {
    border-color: #ffffff;
    color: rgba(255, 255, 255, 0.75);
}

::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.75);
}

:-moz-placeholder { 
   color: rgba(255, 255, 255, 0.75); 
}

::-moz-placeholder {
   color: rgba(255, 255, 255, 0.75);  
}

:-ms-input-placeholder {  
   color: rgba(255, 255, 255, 0.75); 
}

.button {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.55);
}

.button:hover {
    background-color: #49b266;
    color: #ffffff;
}

/* Social
*********************************************************************************************/

#social a.icon {
    border: none;
    
    color: rgba(0, 0, 0, 0.55);
    margin-left: 0;
}

#social a.icon:nth-child(1) {
    background-color: #dcdcdc;
}

#social a.icon:nth-child(2) {
    background-color: #f1f1f1;
}

#social a.icon:nth-child(3) {
    background-color: #ffffff;
}

#social a.icon:nth-child(4) {
    background-color: #ffffff;
}

#social a.icon:nth-child(5) {
    background-color: #ffffff;
}

#social a.icon:hover {
    color: #ffffff;
}

#social a.icon.flaticon-twitter16:hover {
    background-color: #55acee;
}

#social a.icon.flaticon-linkedin10:hover {
    background-color: #0077b5;
}

#social a.icon.flaticon-vimeo10:hover {
    background-color: #1ab7ea;
}

#social a.icon.flaticon-facebook25:hover {
    background-color: #4e69a2;
}

#social a.icon.flaticon-instagram3:hover {
    background-color: #125688;
}

#social a.icon.flaticon-youtube15:hover {
    background-color: #bb0000;
}

#social a.icon.flaticon-pinterest12:hover {
    background-color: #cb2027;
}