/* Variables */
p { font-size: 1.2em; }

/* h2 { font-size: 3.0em; } */
.wrapper { font-size: 2.0rem; }

h2 ~ h3 { margin-top: -10px; }

.flashgrant.container { display: flex; }

@media screen and (max-width: 700px) { .flashgrant.container { flex-direction: column; } }

.flashgrant.columns { text-align: center; }

.flashgrant.columns img { height: 7em; width: initial; }

.container-fellow h2 { text-align: left; font-size: 1.75em; font-weight: 600; margin-top: 10px; margin-bottom: 20px; }

.spacer { height: 20px; }

.container-fellow { width: 100%; padding: 30px 0; }

.container-fellow:nth-child(odd) { background: #D0E6C7; }

.container-fellow .row { max-width: 970px; margin: auto; }

.container-fellow .row:nth-child(even) { background: #D0E6C7; }

.container-fellow .fellow-photo { width: 150px; height: 150px; }

.links.container h1 { margin-top: -10px; }

@media screen and (max-width: 550px) { .links.container h1 { margin-top: 4rem; } }

.links.block { display: flex; text-align: center; margin-top: 2.4em; }

.links-disabled .link-block { height: 100px; max-width: 300px; margin: 10px auto; }

.links-disabled .link-block img { height: 70px; width: 80px; margin: 5px 10px 5px 0; float: left; }

.links-disabled .link-block .link-heading { font-size: 1.25em; font-weight: 400; margin-top: 20px; margin-bottom: 5px; }

.links-disabled .link-block.link-block-large { margin: 25px auto; }

.row-flashgrants .col-flashgrant { height: 100px; margin: 30px 0; position: relative; }

.row-flashgrants .col-flashgrant img { height: 90px; width: 90px; margin: 10px 10px 5px 0; float: left; }

.row-flashgrants .col-flashgrant .content { position: absolute; bottom: 0; left: 120px; }

.container-fellow.container-total-spend { color: white; background: #4E5867; text-align: center; font-size: 2em; font-weight: 700; }

.container-fellow.container-total-spend .total { font-size: 4em; font-weight: 300; }

@media screen and (max-width: 900px) { .container-fellow.container-total-spend { font-size: 1.5em; } .container-fellow.container-total-spend .total { font-size: 2em; } }

.row-timeline .timeline { width: 100%; height: 30px; margin: 90px 0 70px 0; background: #61AC46; position: relative; }

.row-timeline .timeline .timeline-labels, .row-timeline .timeline .timeline-events { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.row-timeline .timeline .timeline-labels div { position: absolute; color: white; font-size: 1.25em; font-weight: 700; line-height: 30px; width: 50px; margin-left: -25px; text-align: center; }

.row-timeline .timeline .timeline-events .timeline-event { position: absolute; width: 400px; margin-left: -200px; text-align: center; font-size: 1.25em; background-repeat: no-repeat; }

.row-timeline .timeline .timeline-events .timeline-event:nth-child(odd) { top: -65px; background-image: url("../images/timeline-marker-top.svg"); padding-bottom: 45px; background-position: 50% 23px; }

.row-timeline .timeline .timeline-events .timeline-event:nth-child(even) { bottom: -61px; background-image: url("../images/timeline-marker-bottom.svg"); padding-top: 41px; background-position: 50% 0%; }

/* Hide vimeo controls. */
.vimeo iframe { height: 123%; margin-top: -53px; margin-bottom: 0; }

.vimeo, .video-container { width: 100%; height: 338px; overflow: hidden; }

.vimeo iframe, .video-container iframe { width: 600px; height: 460px; margin-top: -61px; float: right; }

/* Show controls on mobile devices. */
@media only screen and (max-width: 768px) { .video-container, .video-container iframe { width: 100%; height: auto; margin-top: 0; } }

.spend-breakdown-legend { margin: 20px 0; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-justify-content: space-between; flex-flow: row wrap; justify-content: space-between; }

.spend-breakdown-legend .spend-breakdown-legend-item .spend-breakdown-segment { margin-bottom: -5px; margin-right: 3px; }

.spend-breakdown { width: 100%; max-width: 1000px; margin: auto; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-justify-content: space-around; flex-flow: row wrap; justify-content: space-around; }

.spend-breakdown .spend-breakdown-year { width: 240px; margin: 20px; white-space: nowrap; }

.spend-breakdown .spend-breakdown-year.spend-breakdown-year-compact { width: 192px; }

.spend-breakdown.spend-breakdown-summary { font-size: 1.1em; }

.spend-breakdown .spend-breakdown-summary-year h4 { font-size: 3em; font-weight: 300; }

.spend-breakdown .spend-breakdown-summary-year h4 em { font-style: normal; font-weight: 700; color: #61AC46; }

.spend-breakdown .spend-breakdown-summary-total { margin-top: 10px; font-weight: 700; }

.spend-breakdown .spend-breakdown-summary-total em { font-style: normal; color: #61AC46; }

.spend-breakdown-infographic { display: -webkit-flex; display: flex; width: 240px; /* Flex container configuration. */ -webkit-flex-flow: row-reverse wrap; -webkit-align-items: flex-start; -webkit-align-content: flex-start; flex-flow: row-reverse wrap; align-items: flex-start; align-content: flex-start; }

.spend-breakdown-year.spend-breakdown-year-compact .spend-breakdown-infographic { width: 192px; }

.spend-breakdown-segment { display: inline-block; width: 20px; height: 20px; border: 2px solid #e5e5e5; position: relative; }

.spend-breakdown-segment:hover, .spend-breakdown-segment.highlighted { border: 2px solid lightgrey; }

.spend-breakdown-segment span { display: none; color: white; background-color: #4e5867; position: absolute; bottom: 30px; left: -20px; padding: 0.6em; border-radius: 1.2em; z-index: 10; pointer-events: none; }

.spend-breakdown-segment span:after { content: ""; display: block; position: absolute; top: 100%; left: 30px; border-width: 0.6em; border-style: solid; border-color: #4e5867; border-bottom-color: transparent; border-right-color: transparent; }

.spend-breakdown-segment:hover span { display: block; }

.spend-breakdown-segment.spend-breakdown-segment-none, .spend-breakdown-segment.spend-breakdown-segment-none:hover, .spend-breakdown-segment.spend-breakdown-segment-none.highlighted { border: 2px solid transparent; }

.spend-breakdown-segment.spend-breakdown-segment-people { background: #559CD3; }

.spend-breakdown-segment.spend-breakdown-segment-marketing { background: #F06E25; }

.spend-breakdown-segment.spend-breakdown-segment-software { background: #61AC46; }

.spend-breakdown-segment.spend-breakdown-segment-travel { background: #FBB916; }

.spend-breakdown-segment.spend-breakdown-segment-infrastructure { background: #CC2A27; }

.spend-breakdown-segment.spend-breakdown-segment-training { background: #F4319C; }

.spend-breakdown-segment.spend-breakdown-segment-office-space { background: #455FB4; }

.spend-breakdown-segment.spend-breakdown-segment-legal { background: #672C8F; }

.spend-breakdown-segment.spend-breakdown-segment-other { background: #6c797a; }

.tooltipster-sidetip .tooltipster-box { background: #4E5867; border-radius: 10px; border: none; }

.tooltipster-sidetip .tooltipster-box .tooltipster-content { font-size: 1.25em; font-weight: 600; line-height: 1.25em; }

.tooltipster-sidetip .tooltipster-arrow .tooltipster-arrow-border, .tooltipster-sidetip .tooltipster-arrow .tooltipster-arrow-background { border-top-color: #4E5867; }

/*# sourceMappingURL=fellow-2018.css.map */