/* Renamel Brand Overrides */
body {
  background-color: transparent !important; /* Transparent, like home page */
  color: #FFFFFF;
}

/* Background image will be handled by the wrapper bg */
#wrapper {
  background-color: transparent !important;
}

#wrapper > .bg {
  background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/mountains.jpg") !important;
}

/* Override default type color inside main white cards */
#main, #main > * {
  color: #212931; /* keep readability on white backgrounds */
}

/* Header and Navigation */
#header, #nav {
  background: transparent !important;
}

#header .logo {
  color: #FFFFFF;
}

#nav ul.links li a {
  color: #FFFFFF;
  border-bottom-color: rgba(255, 255, 255, 0.4);
}

#nav ul.links li a:hover {
  color: #4E96B6; /* Sky Blue - Approved palette */
  border-bottom-color: transparent;
}

#nav ul.links li.active a {
  color: #4E96B6;
}

/* Button styling */
.button, input[type="submit"], .actions .button {
  background: #4E96B6;
  border-color: #4E96B6;
  color: #ffffff;
}

.button:hover, input[type="submit"]:hover, .actions .button:hover {
  background: #478FAE;
  border-color: #478FAE;
}

/* Footer */
#footer {
  background: #3B7791 !important; /* Deep Ocean Blue - Primary brand color */
  color: #FFFFFF;
}

#footer h3, 
#footer label, 
#footer p, 
#footer a,
#footer .icons .label {
  color: #FFFFFF !important;
}

/* Make the send message button white */
#footer input[type="submit"] {
  background-color: #ffffff !important;
  color: #3B7791 !important;
  border-color: #ffffff !important;
}

#footer input[type="submit"]:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Make social icons white */
#footer .icons a:before,
#footer .icons.alt a:before {
  color: #ffffff !important;
}

/* Copyright section */
#copyright {
  background-color: #3B7791 !important;
  color: #FFFFFF !important;
}

#copyright a {
  color: #FFFFFF !important;
}

/* Form input text color */
#footer input[type="text"],
#footer input[type="password"],
#footer input[type="email"],
#footer select,
#footer textarea {
  color: #ffffff !important;
}

#footer input::placeholder,
#footer textarea::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

#footer form label {
  color: #ffffff !important;
}