/*
primary blue: #3d62ac
link hover: #304d86
dark blue (from logo): #2e367f
green (from logo): #18797c
*/

.container { padding: 0 15px; }
#nav { background-color: #3d62ac; height: auto}
#nav>ul a{ font-size: 16px; color: #ffffff; font-weight: bold; text-transform: uppercase; font-family: "Open Sans", Roboto, Arial, sans-serif !important; }
#nav>ul a:hover{ color: #ffffff; text-decoration: none; background-color: #2F4C8A;}
#nav>ul>li:hover a { color: #ffffff; text-decoration: none; }

#header h1 {
    color: #3d62ac;
    text-align: left;
    padding-left: 40px;
    padding-top: 30px;
    line-height: inherit;
    padding-bottom: 30px;
}
#header h1 a { letter-spacing: normal; }
#header h1 img {
  height: 63px;
  width: auto;
}
#header h1 #title {
    position: absolute;
    top: 28px;
    font-size: 25px;
}
#header h1 #title::after {
    content: "Triumphing Through Science, Treatment, and Education";
    position: absolute;
    left: 0;
    top: 32px;
    color: #18797c;
    font-size: 12px;
}
a{ color: #3d62ac; }
a:hover{ color: #304d86; }

.bg-conditions{ background-color: #2e367f; }
.color-conditions{ color: #2e367f; }

.bg-institutions{ background-color: #18797c; }
.color-institutions{ color: #18797c; }

.btn-primary { background-color: #3d62ac; border: #3d62ac; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color: #3d62ac; border: #3d62ac; }

#footer { background-color: #3d62ac; text-align: left; font-size: 14px;}
#footer a.btn-default { color: #3d62ac; }