:root {
    --dark-background:  #303655;
    --light-background: #BFCBCE;
    --dark-backed-text: #FFFFFF;
    --light-backed-text:#000000;
    --accent-light:     #84A7BA;
    --accent-mid:       #6F90AF;
    --accent-dark:      #303655;
}

* {
    box-sizing: border-box;
}

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

table.colorize {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.colorize td {
    border: 1px solid #ddd;
    padding: 8px;
}

.colorize tr:nth-child(even) {
    background-color: #f2f2f2;
}
.colorize tr:nth-child(odd) {
    background-color: white;
}

.colorize tr:hover {
    background-color: #ddd;
}

.colorize th {
    padding-top: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

ul.manager li {
    margin: 0px 0px 10px 0px;
}

input[type=text].search {
    padding: 6px;
    border: 1px solid #5199a5;
    font-size: 1em;
    width: 80%;
}

button.search {
    margin-left: 4px;
    height: 2em;
    background-color: #9d9d9d;
}

img.search {
    width: 10px;
    height: 10px;
}

div.h2 {
    display: block; 
    font-size: 1.5em; 
    margin-top: 0.83em; 
    margin-bottom: 0.83em; 
    margin-left: 0; 
    margin-right: 0; 
    font-weight: bold;
}

/* set a maximum width when there isn't a sidebar */
.no-sidebar #primary {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* Special Hover Text for Abbreviations */
.tooltip {
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}
a .tooltip {
    border-bottom: 0px;
}

.tooltip h3 {margin:12px 0;}

.tooltip .bottom {
    min-width:300px;
    top:40px;
    left:50%;
    transform:translateX(-50%);
    padding:20px;
    color:var(--accent-dark);
    background-color:var(--light-background);
    font-weight:normal;
    font-size:.8em;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;
    font-size: x-small;
}

.tooltip:hover .bottom {
    display:block;
}

.tooltip .bottom img {
    width:400px;
}

.tooltip .bottom i {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#EEEEEE;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}
.tooltip .bottom .notooltip {
    display: block;
}

.notooltip > .tooltip {
    border-bottom: none;
}

.notooltip > .tooltip .bottom {
    display: none;
}

/* Style the header */
h1:empty {
    display: none;
}

.storydata {
    border-left: 1px dotted black;
    padding-left: 5px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.permalink {
    display: block;
    font-size: .8em;
}

.publisher {
    margin-top: 3px;
    margin-bottom: 3px;
    display: block;
    font-style: italic;
}

.authors {
    display: block;
    margin-top: 3px;
}

.authors a {
    color: inherit;
}

.doi {
    margin-top: 4px;
    margin-bottom: 3px;
    display: block;
    font-size: .7em;
}

.storyfooter {
    border-left: 1px dotted black;
    padding-left: 5px;
    margin-top: 20px;
    font-size: .7em;
}

.content, .story {
    width: 100%;
    background-color: #ecf9fb;
    padding: 20px 15px 20px 15px;
}

.bri_content .content, .bri_content .story {
    background-color: #f6fde4;
    width: 960px;
}

.story h2 {
    margin-top: 0px;
}

.inactive-people {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-start;
}

.peoplelist li {
    font-size: .8em;
    list-style-type: none;
    margin-bottom: 5px;
}

.curProject {
    font-weight: bold;
}

.two-column, .three-column {
    margin: 0px;
    padding-top: 0px;
    min-height: 400px;
}

.two-column {
    width: 50%;
}

.three-column {
    width: 33%;
}

.indent {
    text-indent: -20px;
    margin-left: 20px;
}

.scholarships {
    text-indent: -72px;
    margin-left: 72px;
}

.scholarships img {
    display: inline-block;
    margin-left: 75px;
    max-width: 300px;
    max-height: 225px;
}

.title {
    margin-bottom:10px;
}

.title_desc {
    margin-top:5px;
    margin-left:30px;
    font-size:.8em;
}

.titles {
    margin-bottom: 10px;
}

/* Site Specific */
.pub_list li {
    margin-bottom: 10px;
    font-size: 14px;
}

.storyCitation a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal; 
    color: black;
    font-size: 16px;
    text-decoration: none;
}

/* APA CITATIONS */
.apa_authors, .bsc_authors {
    font-size: .85em;
}
.bsc_authors {
    display: block;
}
.bsc_authors::before {
    content: "Authors: ";
}

.apa_authorCurrent {
    font-weight: bold;
}

.apa_date {
    font-size: .7em;
}

.apa_title {
    font-weight: bold;
    font-size: 1em;
    display: block;
    margin-top: 5px;
    margin-bottom: 1px;
}

.apa_publisher {
    font-size: .7em;
    font-style: italic;
}

.apa_volIss {
    font-size: .7em;
}

.apa_pages {
    font-size: .7em;
}

.apa_doi {
    border-bottom: 1px dotted black;
    font-size: .7em;
}

/* Study & Projects */
.studyCover {
    max-height: 300px;
    margin-bottom: 30px;
}

.studyBlockList { 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
    gap: 30px;
}

.gridItem {
    max-width: 300px;
    min-width: 250px; 
}

.studyBlock {
    color: var(--light-backed-text);
    border: 10px solid var(--accent-dark);
    background-color: var(--light-background);
    padding: 25px;
    min-width: 400px;
    border-radius: 40px;
}

.studyBlock a {
    text-decoration: none;
    color: inherit;
}

.studyBlock h2 {
    text-decoration: underline;
}

.studyBlock p {
}

.projectLink,.projectLink:hover {
    color: inherit;
    text-decoration: inherit;
}

.projectList {
    max-height: 230px;
    width: 315px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 20px;
    background-color: #a5afb1;
    border: 2px solid #1d2223;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.projectName {
    width: 100%;
    min-height: 50px;
    background-color: #94cbd6;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.bri_content .projectName {
    background-color: #4c6f14;
    color: white;
}

.projectName span {
    font-size: 1.17em;
    font-weight: bold;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 50px;
}

div.projectLogo {
    margin-bottom: -1px;
    min-height: 180px;
}

.projectLogo {
    max-height: 175px;
    display: block;
    margin: auto;
}

.projectAbout img {
    display: block;
    margin: auto;
}

.studyProjects {
    font-weight: bold;
    padding-left: 13px;
}
.studyProjects.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
}

.studyList {
    padding-left: 10px;
}

.studyPerson {
    width: 220px;
    height: 320px;
    border-radius: 25px;
    background-color: #94cbd6;
    margin: 2px;
    display: inline-block;
}

.studyPerson a {
    font: inherit;
    text-decoration: inherit;
    color: inherit;
    float: left;
}

.studyPersonImage {
    width: 210px;
    height: 210px;
    margin: 5px;
}

.studyPersonImage,.studyPersonImage img {
    border-radius: 25px;
    width: 210px;
    height: 210px;
    object-fit: cover;
}

.studyPerson .info {
    width: 210px;
    height: 95px;
    background-color: #a5afb1;
    border-radius: 25px;
    padding: 10px;
    margin: 5px;
}

.studyPerson .info ul {
    font-size: .8em;
    margin-top: 5px;
    padding-left: 25px;
}

.grid-item header.entry-header {
    display: flex; 
    flex-direction: column;
}

.grid-item header.entry-header h2.entry-title {
    order: 1;
}
.grid-item header.entry-header img {
    order: 2;
}
.grid-item footer.storydata {
    display: none;
}