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

body {
    color: rgba(255, 255, 255, 0.85);
}

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

a {
    color: rgba(237, 211, 197, 0.75);
}

a:hover {
    color: #edd3c5;
}

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

/***********************************************************************************
  
Body
  
************************************************************************************/

body {
    /*background-image: url('../images/bg.jpg');*/
    background: #3e607c; /* Old browsers */
    background: -moz-linear-gradient(top,  #3e607c 0%, #284760 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e607c), color-stop(100%,#284760)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3e607c 0%,#284760 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3e607c 0%,#284760 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3e607c 0%,#284760 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3e607c 0%,#284760 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e607c', endColorstr='#284760',GradientType=0 ); /* IE6-9 */
}

body::after {
    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.85);
}

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

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

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

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

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

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

/***********************************************************************************
  
Services
  
************************************************************************************/

.strikethrough {
    text-decoration: line-through;
    color: rgba(237, 211, 197, 0.75);
}

.strikethroughtext{
    color: white;
}

.old-info{
    opacity: 0.7;
}

.services ul {
    list-style-type: disc;
    line-height: 1.5;
    margin-left: 1rem;
}



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

#social a.icon {
    color: rgba(0, 0, 0, 0.55);
}

#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:hover {
    color: #ffffff;
}

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

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

#social a.icon.email:hover {
    background-color: #49b266;
}

/***********************************************************************************
  
footer
  
************************************************************************************/

#footer {
    margin-top: 4rem;
}

#footer small {
    font-size: 0.75rem;
}