@charset "UTF-8";
/* CSS Document */

/* header */
#name {margin: 9px 0 0 0; }
#name a:link, #name a:visited, #name a:active, #name a:hover {font-family: 'Josefin Sans', sans-serif; font-size: 4em; color: #000!important; text-decoration: none; }
#title {font-family: 'Lato', sans-serif; font-size: 1.8em; color: #000; margin:19px 0px 0px 0px; line-height: 1.3em}
#title span a { color: #000 !important; text-decoration: none !important; }
#subtitle {font-family: 'Lato', sans-serif; color: #006666; font-size: 1.1em; margin-bottom: 20px}
#subtitle span a { color: #006666 !important; text-decoration: none !important; }

/* Navigation */
.navigation {background-color: #000; border-radius: 0;}
.navbar {margin:0 auto !important; padding: 0px 0px 5px 0px !important; }
.navbar a:hover {color: #fff; background-color:#6da4ac; text-decoration: none; }
.nav-link {
    margin: 0 30px 0 30px;
	padding: 15px !important;
	font-size: 1.1em;
	margin-bottom: -5px !important;
	margin-right: 10px;
	color: #fff !important;
}

/* Layout */
.header-image {text-align: center; }
.center {text-align: center; }

.content {margin: 0px 20px 0 20px; min-height: 550px;}
.content a:link, .content a:visited, .content a:active	{color:#008a9f;}
.content a:hover {color:#006666 !important; text-decoration: underline !important;}

/* sidebar */
.sidebar {margin: 65px 0px 10px 4px;}
.sidebar a:hover {color:#008a9f !important; text-decoration: underline !important;}
.sidebar li {
	padding: 5px 17px 10px 0px !important;
	font-weight: bold;
	font-size: 1em;
	color:#000 !important;
}

/* type styles */
h1, h2, h3 {margin-bottom: 30px; letter-spacing: .02em; font-family: 'Lato', sans-serif !important}
h1 {margin-top: 20px !important}
h2 {color: #009bb4;}
h3 {color: #000;}
.left {text-align: left; }
.arrow {margin-left: 15px}

.caption {font-size: .8em; color: #807e7e;}
.btn-link {color:#008a9f !important;}
.btn-link:hover {color:#008a9f !important;}

.caption2 {font-size: .9em; color: #fff;}

/* People */
.people-wrapper {margin: 0px 0px 30px 0px;}
.people {clear:both; min-height: 150px; padding: 10px;}
.people img {float: left; margin: 5px 20px 5px 5px; border: solid 1px #999;}
.people p {margin:0px 0px 5px 0px; }

/* Research */
.research-card { margin-bottom: 1em; padding:1em; }

/* Footer */
.footer-container {
	padding: 10px 0 0 0;
	background-color: #333;
	margin-top: 50px;
	color: #fff;
/*	width: 1095px; margin: 0 auto; position: relative; */
}
.footer {
	text-align: center;
	height: 300px;
}
.footer a:link, .footer a:active, .footer a:visited, .footer a:hover{
	color: #fff;
	font-size: .8em;
}





/* Bootstrap Override */

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125) !important; 

.clearfix {
  overflow: auto;
}


$accordion-padding-y:                     1rem;
$accordion-padding-x:                     1.25rem;
$accordion-color:                         $body-color;
$accordion-bg:                            $body-bg;
$accordion-border-width:                  $border-width;
$accordion-border-color:                  rgba($black, .125);
$accordion-border-radius:                 $border-radius;
$accordion-inner-border-radius:           subtract($accordion-border-radius, $accordion-border-width);

$accordion-body-padding-y:                $accordion-padding-y;
$accordion-body-padding-x:                $accordion-padding-x;

$accordion-button-padding-y:              $accordion-padding-y;
$accordion-button-padding-x:              $accordion-padding-x;
$accordion-button-color:                  $accordion-color;
$accordion-button-bg:                     $accordion-bg;
$accordion-transition:                    $btn-transition, border-radius .15s ease;
$accordion-button-active-bg:              tint-color($component-active-bg, 90%);
$accordion-button-active-color:           shade-color($primary, 10%);

$accordion-button-focus-border-color:     $input-focus-border-color;
$accordion-button-focus-box-shadow:       $btn-focus-box-shadow;

$accordion-icon-width:                    1.25rem;
$accordion-icon-color:                    $accordion-color;
$accordion-icon-active-color:             $accordion-button-active-color;
$accordion-icon-transition:               transform .2s ease-in-out;
$accordion-icon-transform:                rotate(-180deg);

$accordion-button-icon:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
$accordion-button-active-icon:  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");