@charset "utf-8";

/* CSS Document */


/*
 Theme Name:     NIHCR Main Theme
 Description:    Main theme for NIHCR Wordpress website
 Author:         Palladian Partners, Inc.
 Template:       nihcr
 Version:        1.0.0
*/

@import url("assets/bootstrap/css/bootstrap.css");
html,
body {
    height: 100%;
}

body {
    /*font-family: Arial, sans-serif;*/
}

h1,
h2 {
    /*font-family: Futura, Futuri, Tahoma, sans-serif;*/
    color: #384b75;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.2em;
}

h1 {
    font-size: 1.3em;
}

h1.entry-title a {
    color: #23527c;
    text-decoration: underline;
}

a {
    color: #384b75;
}

p.lead {
    font-size: inherit;
}

.widget-title {
    margin-top: 0;
}

#main h1,
.widget-title,
aside.post-side h1 {
    background: url("assets/img/hr.gif") no-repeat bottom left;
    padding: 0 0 .4em 0;
    font-size: 1em;
    color: #555;
    text-transform: uppercase;
}


/* HEADER STYLING */

header.jumbotron {
    background: url("assets/img/bg1a.jpg") bottom left;
}

#navbar.jumbotron {
    background: url("assets/img/bg3.png") repeat-x bottom left;
}

header.jumbotron,
#navbar.jumbotron,
footer.jumbotron {
    padding: 0;
    margin-bottom: 0;
}

.main-header {
    background: url("assets/img/bg1b.jpg") no-repeat bottom center;
    padding-right: 0;
}

#logo_and_title {
    padding: 20px 0;
}

.search-block {
    margin-bottom: 1em;
    background-color: transparent;
    margin-top: 20px;
    font-size: 1.1em;
}

.search-form {
    display: block;
    text-align: right;
}

.search-field {
    font-size: 1em;
    padding: .3em .5em;
    background-color: #fff;
    border-width: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #555;
    width: 15em;
    margin-right: .2em;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), inset 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), inset 1px 1px 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), inset 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), inset 1px 1px 3px rgba(0, 0, 0, 0.5);
    opacity: .5;
}

.search-field:focus {
    opacity: 1;
}

.search-submit {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    /* border-color: #1d2733; */
    border-color: #53708e #223853 #223853 #53708e;
    font-size: .8em;
    padding: .45em .6em;
    color: #fff;
    cursor: pointer;
    text-shadow: 1px 1px 2px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
    text-transform: capitalize;
    background: #3b6394;
    background: -moz-linear-gradient(top, #3a587a 0%, #385881 12%, #1d3045 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a587a), color-stop(12%, #385881), color-stop(100%, #1d3045));
    background: -webkit-linear-gradient(top, #3a587a 0%, #385881 12%, #1d3045 100%);
    background: -o-linear-gradient(top, #3a587a 0%, #385881 12%, #1d3045 100%);
    background: -ms-linear-gradient(top, #3a587a 0%, #385881 12%, #1d3045 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3a587a', endColorstr='#1d3045', GradientType=0);
    background: linear-gradient(top, #3a587a 0%, #385881 12%, #1d3045 100%);
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.search-submit:hover {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    /*  border-color:                       #3b6394;        */
    border-color: #171f2a #335884 #436894 #171f2a;
    background: #4b73A4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1d3045 0%, #385881 88%, #3a587a 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d3045), color-stop(88%, #385881), color-stop(100%, #3a587a));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1d3045 0%, #385881 88%, #3a587a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1d3045 0%, #385881 88%, #3a587a 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #1d3045 0%, #385881 88%, #3a587a 100%);
    /* IE10+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1d3045', endColorstr='#3a587a', GradientType=0);
    /* IE6-9 */
    background: linear-gradient(top, #1d3045 0%, #385881 88%, #3a587a 100%);
}


/*
 #################################################
#                                                 #
#    TOP NAVIGATION                               #
#                                                 #
 #################################################
*/

div.topnav {
    background: #3c6291 url("assets/img/bg2as.jpg") top left;
    font-size: 1.1em;
}

div.topnav > .main-navigation {
    background: url("assets/img/bg2bs.jpg") no-repeat top center;
}

.navbar {
    min-height: 40px;
    border: none;
}

nav.main-navigation {
    margin: 0;
}

nav.main-navigation ul {
    list-style: none;
    // padding: .6em 0;
}

nav.main-navigation ul li.active a {
    color: white !important;
}

nav.main-navigation ul li {}

nav.main-navigation ul li a {
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    filter: dropshadow(color=#274160, offx=1, offy=1);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

nav.main-navigation ul li a:link,
nav.main-navigation ul li a:visited,
nav.main-navigation ul li a:active {
    color: #8faadd;
}

nav.main-navigation ul li a:hover,
nav.main-navigation ul li a:focus {
    color: #d6dfff;
}

nav.main-navigation ul li.current a:link,
nav.main-navigation ul li.current a:visited,
nav.main-navigation ul li.current a:active {
    color: #fff;
}

nav.main-navigation ul li.current a:hover,
nav.main-navigation ul li.current a:focus {
    color: #fff;
}

.navbar-nav > li > a {
    padding: 0 30px 0 0px;
    margin-top: 8px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent;
}


/* Footer styling */

footer {
    // margin-top: -200px;
    // height: 200px;
}

footer.jumbotron p {
    color: #b5babf;
    font-size: .8em;
    padding-bottom: 1em;
}

footer.jumbotron a {
    text-decoration: underline;
}

footer.jumbotron {
    min-height: 200px;
    background: url("assets/img/bg5a.jpg") repeat-x top left;
    display: flex;
}

footer.jumbotron > div.container {
    display: flex;
}

footer > div.container > .footer-info {
    background: url("assets/img/bg5b.jpg") no-repeat top center;
    padding: 50px 0 0 0;
}


/* Sidebar styling */

#sidebar-2 {
    padding-left: 0;
}

#sidebar-2 div ul {
    list-style: none;
    padding: 0 0 20px 0;
    margin-bottom: 0;
}

#sidebar-2 .children {
    padding-left: 20px;
    display: none;
}

#sidebar-2 div ul li a {
    color: #2b4e75;
    font-size: .9em;
}

#sidebar-2 > div > h2:first-child {
    margin-top: 0;
}

#missionBlockAlt {
    margin-top: 4em;
    color: #444;
    font-size: .8em;
}

#missionBlockAlt a img {
    padding: 0 10px 10px 0;
}

#missionBlockAlt a {
    text-decoration: underline !important;
}


/* Content HOMEPAGE */

#main-content {
    padding-top: 40px;
    padding-bottom: 40px;
}

.content-area {
    padding-left: 50px;
}


.whats-new {
    background: url("assets/img/hr.gif") no-repeat bottom left;
    color: #98202b;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0 0 .4em 0;
}

#main ul {
    list-style: none;
    padding-left: 0;
}

#main ul li {
    padding-bottom: 20px;
}

#main ul li a {
    text-decoration: none;
}

#main ul li a:hover {
    text-decoration: none;
}

#main ul li a .title {
    text-decoration: underline;
    color: #2b4e75;
    font-weight: bold;
    font-size: .9em;
}

#main ul li a .subtitle {
    line-height: 1.1em;
    margin-top: .2em;
    color: #555;
    font-size: .8em;
}

#main ul li a p.title-cont {
    margin-bottom: 0;
}

#main ul li a time {
    font-style: italic;
    color: #999;
}

#main ul li a summary {
    color: #555;
    font-size: .9em;
}


/* Content Post */

.kicker {
    display: block;
    font-weight: bold;
    color: #98202b;
    font-size: .9em;
    margin-bottom: .7em;
}

.post-container header {
    padding: 0;
}

.post-container .post-subtitle {
    font-weight: bold;
}

#main > .post-container > header > .post-title,
#main > h1 {
    margin-top: 0;
    color: #384b75;
    font-size: 1.6em;
    background: none;
    text-transform: none;
}

.post-authors a {
    color: #2b4e75;
    text-decoration: underline;
}

.post-container > .content-body ul {
    list-style: inherit !important;
    padding-left: 40px !important;
}  

.post-side {
    padding-left: 30px;
} 

.post-container > .content-body a {
    text-decoration: underline !important;
}

/*
######################################
#  DOCUMENT FUNCTIONS
######################################
*/

.stdDocFunctions a.docFuncPrint,
.stdDocFunctions a.docFuncEmail {
    padding: .1em 1.5em .5em 1.6em;
    font-size: .8em;
    text-decoration: underline;
}

.stdDocFunctions a.docFuncPrint {
    background: url("assets/img/iconsPrint.gif") no-repeat top left;
}

.stdDocFunctions a.docFuncEmail {
    background: url("assets/img/iconsEmail.gif") no-repeat top left;
}


/*
 ###############################################################################
#                                                                               #
#                                                                               #
#    RELATED ITEMS                                                              #
#                                                                               #
#                                                                               #
 ###############################################################################
*/


/*
######################################
#  RELATED DOWNLOADS
######################################
*/

aside section.downloads div ul li a {
    background: url("assets/img/miniiconPDF.gif") no-repeat top left;
    padding-left: 2em;
    display: inline-block;
}

aside section.downloads div ul li a span.instructions {
    display: block;
    color: #555;
    font-size: .7em;
    font-style: italic;
}


/*
######################################
#  SOCIAL MEDIA
######################################
*/

aside div.snBar ul.menu > li {
    font-size: 1em;
    line-height: 1em;
    display: block;
    border-color: #888;
    border-width: 1px;
    border-style: dotted;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: .5em !important;
}

aside div.snBar ul.menu li a.expander {
    float: right;
    text-transform: uppercase;
}

aside div.snBar ul.menu li a.expander span {
    display: block;
}

aside div.snBar ul.menu li a.default {
    display: block;
    text-decoration: none;
}

aside div.snBar ul.menu li a.default span {
    display: block;
    padding: 0 0 0 2.2em;
}

aside div.snBar ul.submenu {
    margin-top: .3em;
    border-color: #888;
    border-width: 1px;
    border-style: dotted;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    display: none;
}

aside div.snBar ul.submenu li {
    font-size: 1em;
    line-height: 1em;
    border-color: #888;
    border-width: 0 0 1px 0;
    border-style: dotted;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: .5em !important;
}

aside div.snBar ul.submenu li a {
    display: block;
    padding: 0 0 0 2.2em;
}

aside div.snBar ul li a {
    background-position: .4em center;
    background-repeat: no-repeat;
}

aside div.snBar ul li a.digg {
    background-image: url("assets/img/sn_digg.gif");
}

aside div.snBar ul li a.buzz {
    background-image: url("assets/img/sn_buzz.gif");
}

aside div.snBar ul li a.twitter {
    background-image: url("assets/img/sn_twitter.gif");
}

aside div.snBar ul li a.mixx {
    background-image: url("assets/img/sn_mixx.gif");
}

aside div.snBar ul li a.citeulike {
    background-image: url("assets/img/sn_citeulike.gif");
}

aside div.snBar ul li a.connotea {
    background-image: url("assets/img/sn_connotea.gif");
}

aside div.snBar ul li a.facebook {
    background-image: url("assets/img/sn_facebook.gif");
}

aside div.snBar ul li a.delicious {
    background-image: url("assets/img/sn_delicious.gif");
}

aside div.snBar ul li a.google {
    background-image: url("assets/img/sn_google.gif");
}


/*
######################################
#  RELATED DOCS
######################################
*/

span.mediaType {
    padding-top: .4em;
    font-weight: bold;
    font-size: .84em;
    color: #444;
    line-height: 1.1em;
}

aside section.enhancedDocs div ul li a span.subtitle,
aside section.relDocs div ul li a span.subtitle {
    display: block;
}

aside section.enhancedDocs div ul li a time,
aside section.relDocs div ul li a time {
    display: block;
    margin-top: .2em;
    font-size: .7em;
}


/*
######################################
#  CATEGORY TABLE
######################################
*/

.dataTables_wrapper {
    padding-bottom: 50px;
}

.cat_table thead tr th {
    color: #2b4e75;
    font-size: .9em;
}

.cat_table time {
    font-style: italic;
    color: #666;
    font-size: .9em;
}

.cat_table .post-subtitle {
    font-size: .8em;
    font-weight: bold;
}

.cat_table .post-bio {
    font-size: .9em;
}


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    #primary {
        display: inline-block;
    }
    #sidebar-2 div {
        width: 50%;
        display: inline-block;
        float: left;
    }
    #sidebar-2 div:nth-child(4) {
        width: 100%;
    }
    #sidebar-2 div:nth-child(4) .textwidget {
        width: 100%;
    }
    #sidebar-2 div #missionBlockAlt {
        margin-top: 0;
        margin-bottom: 1em;
        width: 100%;
    }
    #sidebar-2 .children {
        display: block;
    }
}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .search-block {}
    .post-container,
    .post-container aside {
        padding: 0;
    }
    .post-container aside {
        border-top: 1px solid #3c6291;
        padding-top: 10px;
    }
    .content-area {
        padding: 15px;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .search-form {
        text-align: center;
        display: block;
    }
    .main-header {
        padding: 0;
    }
    .search-block {
        margin: 0;
        background-color: black;
        padding: 20px 0 0 0;
    }
    .search-form {
        padding: 0;
    }
    #logo_and_title {
        padding: 0;
    }
    #logo_and_title img {
        padding: 20px;
    }
    nav.main-navigation ul {
        float: none !important;
        text-align: center;
        padding: 0;
        margin: 10px 0;
    }
    .navbar-nav > li > a {
        padding: 5px 15px;
        margin-top: 0;
    }
    div.topnav {
        padding: 0;
    }
    /* SIDE NAV */
    #main-content {
        padding-top: 20px;
    }
    #sidebar-2 div {
        float: none;
        width: 100%;
    }
    .post-container,
    .post-container aside {
        padding: 0;
    }
    .post-container aside {
        border-top: 1px solid #3c6291;
        padding-top: 10px;
    }
    .content-area {
        padding: 15px;
    }
    .footer-contact p {
        float: none !important;
    }
}