/*-------------------------------------+
 | Site: Metropolitan Planning Council |
 | Part: Master styles                 |
 +-------------------------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(/styles/reset.css);
@import url(/styles/mpcfont.css);
@import url(/styles/forms.css?t=2);


/* Fonts
======================================================================*/
body, #cse *, input, .mute, select, textarea { font-family: "Open Sans", Arial, sans-serif; }

.action,
.archive-top-posts,
.btn,
#cse .gs-title,
#cse .gs-title *,
.event-header,
h1, h2, h3, h4, h5, h6,
.image-title-name,
.media-mentions-title,
#menu,
#nav,
#nav-secondary,
#nav-tertiary,
.summaries dt,
.work-preview-title {
    font-family: Montserrat, Arial, sans-serif;
}

.paper { font-family: Georgia, "Times New Roman", Times, serif; }


/* Basics
======================================================================*/
a { text-decoration: none; }
a, a em, a strong { color: #3c6cc7; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
body { color: #444; font-size: 16px; line-height: 1.6; }
blockquote { border-left: 5px solid #ddd; padding-left: 30px; }
cite, em { font-style: italic; }
dl, ol, table, p, ul { margin-bottom: 1.15em; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1 { color: #616365; font-size: 27px; font-weight: normal; line-height: 1.2; margin-bottom: 0.5em; padding-right: 35%; }
h2 { color: #c84f0e; font-size: 22px; font-weight: normal; line-height: 1.16; margin-bottom: 0.5em; }
h2 strong { font-weight: normal; }
h3 { font-size: 17px; margin-bottom: 0.25em; }
h3, h4, h5, h6, strong { font-weight: bold; }
hr { background: #d5d7d8; border: 0; clear: both; color: #d5d7d8; height: 1px; margin: 30px 0; }
html { -webkit-text-size-adjust: none; }
img { max-width: 100%; }
input, select, textarea { font-size: 1em; }
legend { background: #fff; font-size: 1.7em; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
li { margin-bottom: 0.5em; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; margin-top: 0.5em; }
ol { list-style: decimal; margin-left: 2em; }
sub { top: 0.4em; }
sub, sup { font-size: 12px; position: relative; top: -0.4em; vertical-align: baseline; }
table { border-collapse: collapse; width: 100%; }
ul { list-style: disc; margin-left: 1.5em; }
ul ul { list-style: circle; }

/* Stock classes */
.c { text-align: center; }
.caps { text-transform: uppercase; }
img.plain { border: 0; }
.l { float: left; }
.nb { white-space: nowrap; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat li { background: none; margin: 0; padding: 0; }
.url { word-wrap: break-word; }


/* Core layout
======================================================================*/
#admin .ribbon { margin: 0 auto; max-width: 1120px; width: auto; }
.clear { clear: both; }
#page { background: #ef681f; }

/* Admin */
.ribbon { margin: 0 auto; width: 960px; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

    /* Text flow */
    .cols2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    .cols3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
    .cols4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
    .cols2, .cols3, .cols4 { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; }
    [class *= "cols"] li { -webkit-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin: 0; padding-bottom: 0.75em; }
    [class *= "cols"] p { margin: 0; }
    ol[class *= "cols"], ul[class *= "cols"] { list-style: none; margin-left: 0; }

/* Column groups */
.colgroup { border-top: 1px solid #d5d7d8; clear: both; margin-bottom: 1.5em; padding-top: 1em; }

/* Content */
.content { box-sizing: border-box; margin: 0 auto; max-width: 1120px; padding: 0 20px 20px; }
#content-primary { float: left; width: 65.55%; }
#content-primary, #content-secondary, #content-tertiary { padding-bottom: 50px; }
#content-secondary { float: right; width: 31.11%; }
#content-wrapper { padding: 0 20px; }
#main { background: #fff; }
#main .content { padding-top: 20px; }

    /* Full (wide layout w/o sidebar)*/
    .full #content-primary { float: none; margin: 0 auto; width: 100%; }
    .full h1 { padding: 0; }
    
        /* Projects */
        .full.project #content-primary { width: 82.82%; }
    
    /* Home */
    .home #content-primary, .home #content-secondary { float: none; width: auto; }
    .home #main { padding-top: 30px; }
    .home-section { display: flex; justify-content: space-between; }
    .home-primary { flex: 0 0 auto; width: 65.55%; }
    .home-primary h1 { padding: 0; }
    .home-secondary { flex: 0 0 auto; width: 31.11%; }
    
    /* Sign in */
    .signin #content-primary { margin: 0 auto; max-width: 350px; }


/* Content
======================================================================*/

/* Action links */
.action {
    -webkit-appearance: none;
    background: #ef681f;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 1.07em;
    padding: 0.4em 1em 0.5em;
}

.action:hover { opacity: 0.7; text-decoration: none; }
.action:active { background: #ef681f; }
p.action { display: inline; }
.action a, p.action a { color: #fff; }

/* Announcement */
.announce { background: #f4f3f0; margin-bottom: 30px; padding: 30px 30px 10px; }

/* Archive */
.archive { margin-bottom: 30px; }
.archive .action { border-radius: 0; display: block; text-align: center; }
.archive h2 { font-size: 32px; }
.archive h3 { font-size: 25px; }
.archive h4 { color: #000; text-transform: uppercase; }
.archive .more { margin: 0; }
.archive-chart { height: 280px; }
.archive-data { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; padding: 30px; position: relative; }
.archive-data .close { opacity: 0.4; position: absolute; right: 30px; top: 25px; }
.archive-data-primary { width: 70.3%; }
.archive-data-secondary { width: 25.84%; }
.archive-data-secondary ol a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.archive-data-secondary ol li:before { content: ""; display: block; height: 1px; }
.archive-top-posts { display: flex; justify-content: space-between; list-style: none; margin: 0 0 1px; overflow: hidden; }
.archive-top-posts a { display: block; position: relative; }
.archive-top-posts a:hover { opacity: 0.7; text-decoration: none; }
.archive-top-posts img { display: block; width: 100%; }
.archive-top-posts li { background: #c2cdB8; margin: 0; width: 24.9%; }

.archive-top-posts .title {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 22px;
    line-height: 1.2;
    padding: 80px 20px 20px;
    position: absolute;
    width: 100%;
}

    /* Old */
    .archive-chart { width: 100%; }
    .archive-chart a:active { background: none; }
    .archive-chart .column { display: block; height: 70px; position: relative; }
    .archive-chart .column:hover span { background: #3c6cc7; }
    .archive-chart span { background: #ccc; bottom: 3px; display: block; left: 0; position: absolute; text-indent: -999em; width: 100%; }
    .archive-chart tbody th { width: 12.5%; }
    .archive-chart td { width: 7.29%; }
    .archive-chart tbody td { padding-top: 10px; vertical-align: bottom; }
    .archive-chart tbody th { padding-top: 10px; vertical-align: middle; }
    .archive-chart thead th { color: #777; text-align: center; vertical-align: bottom; }
    #content-secondary .archive-chart .column { height: 35px; }

/* Blog */
.blog h1 { padding: 0; }

/* Browse */
.browse { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); margin-bottom: 20px; overflow: hidden; padding: 30px; }
.browse .close { color: #aaa; float: right; font-size: 25px; margin-top: -10px; }
.browse-options { list-style: none; margin: 0; }

/* Bylines */
.byline { font-size: 0.8em; margin-bottom: 1.15em; overflow: hidden; }
ul.byline li { display: block; }
.byline img, .byline.details img { display: block; float: left; margin: 3px 10px 20px 0; }

/* Calendar */
.calendar .date { float: left; font-weight: normal; margin: 0 0 0 -160px; width: 145px; }
.calendar .date .day { display: block; }
.calendar dd, .calendar dt { padding-left: 160px; }
.calendar dd p { margin: 0; }
.calendar dd strong { color: #ef681f; }
.calendar dt { border-top: 1px solid #ddd; clear: both; font-weight: bold; margin-top: 1em; padding-top: 0.75em; }

    /* Event */
    .event-header { margin-bottom: 10px; font-size: 22px; line-height: 1.3; }
    .event-header p { margin-bottom: 0.5em; }
    
    /* Event feature */
    #events-feature-primary { float: left; width: 65.3%; }
    #events-feature-secondary { float: right; width: 30.61%; }
    
    /* Mini */
    .calendar-mini .date { margin-left: -80px; width: 65px; }
    .calendar-mini dd, .calendar-mini dt { padding-left: 80px; }
    .calendar-mini dt { margin-top: 0.75em; padding-top: 0.5em; }
    
    /* Past events */
    .past {
        border: 1px solid #ef681f;
        border-width: 1px 0;
        color: #ef681f;
        font-size: 18px;
        margin-top: 2em;
        padding: 0.5em 0;
        text-align: center;
        text-transform: uppercase;
    }

/* Callouts */
[class *= "call"] { font-size: 12px; line-height: 1.3; margin-bottom: 15px; max-width: 100%; }
[class *= "call"] img { display: block; margin-bottom: 5px; }
[class *= "call"] img.icon { display: inline; }
[class *= "call"] p { margin-bottom: 0.5em; }
.call-c, .pull-c { clear: both; display: block; margin: 1em auto; }
.call-c img { margin: 0 auto; }
.call-l, .pull-l, .pull-small-l { clear: left; float: left; margin: 0 30px 10px 0; }
.call-r, .pull-r, .pull-small-r { clear: right; float: right; margin: 0 0 10px 30px; }
dt img.call-l { margin-top: 0; }
.credit { font-size: 11px; letter-spacing: 0.01em; margin: 0.5em 0; text-align: right; }
.credit a { color: #7f8183; }
.pull, .pull-l, .pull-r { color: #4d4d4d; font-size: 24px; font-weight: bold; line-height: 1.3; }
.pull-l, .pull-r { width: 42.15%; }
[class *= "pull-small"] { border: 1px solid #ccc; border-width: 2px 0; font-size: 16px; line-height: 1.6; width: 42.15%; padding: 1em 0; }
[class *= "pull"] blockquote cite { color: #666; display: block; font-size: 16px; font-weight: normal; text-align: right; }
[class *= "pull"] .mute { font-weight: normal; }
[class *= "pull"] p { margin-bottom: 0.5em; }

    /* Project pages */
    .project #content-secondary .call-l, .project #content-secondary .pull-l { margin-left: 0; }
    .project #content-secondary .call-r, .project #content-secondary .pull-r { margin-right: 0; }

/* Comments */
.comments { list-style: none; margin: 0; }
.comments .author { margin-bottom: 0.25em; }
.comments .author strong { font-size: 1.07em; }
.comments li { background: #f7f7f7; border-top: 1px solid #ddd; margin-bottom: 1em; padding: 0.75em 1em 0.25em; }
.comments .staff { background: #f5f2ec; }

/* Contacts */
.contacts { list-style: none; margin-left: 0; }
.contacts .vcard .fn { font-weight: bold; }
.contacts .vcard .email { display: inline; }

/* Covers */
.cover { margin-bottom: 20px; position: relative; }
.cover .credit { font-size: 11px; margin-bottom: -20px; text-align: right; }
.cover img { display: block; width: 100%; }

.cover .overlay {
    background: #fff;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    max-width: 75%;
    padding: 25px 30px;
    position: absolute;
}

.cover .overlay h1 { font-size: 35px; padding: 0; }
.cover .overlay h1, .cover .overlay p { margin: 0; }
.cover-content { position: relative; }

/* Date + time */
#datetime { color: #000; font-size: 1.3em; margin-bottom: 1em; }
#datetime li { margin-bottom: 0.25em; }
#datetime ul { list-style: none; margin: 0; }

/* DataTables */
.dataTables_info, .dataTables_length { float: right; margin-bottom: 20px; }
.dataTables_paginate a { margin-right: 0.5em; }
.dataTables_paginate .paginate_active { font-weight: bold; }
.dataTables_paginate .paginate_button { cursor: pointer; text-decoration: underline; }
.dataTables_paginate .paginate_button:hover { text-decoration: none; }
.dataTables_paginate .paginate_button_disabled { color: #777; text-decoration: none; }
.dataTables_paginate span { margin-right: 0.5em; }
.dataTables_wrapper { margin-bottom: 1.5em; }
.dataTables_wrapper .sorting_asc span { background: url(/images/shared/sort-up.png) no-repeat 100% 75%; padding-right: 13px; }
.dataTables_wrapper .sorting_desc span { background: url(/images/shared/sort-down.png) no-repeat 100% 75%; padding-right: 13px; }
.dataTables_wrapper table { margin-bottom: 0.5em; }
.dataTables_wrapper thead span { cursor: pointer; }
.dataTables_wrapper .dataTables_scroll { margin-bottom: 10px; }
.dataTables_wrapper .dataTables_scrollHeadInner table { margin: 0; }
.dataTables_wrapper .dataTables_scrollHeadInner th { text-align: left; }
.dataTables_wrapper .row_selected td { background: #f5f5f5; }

/* Details */
.details { color: #888; font-size: 12px; list-style: none; margin: 0.25em 0; }
.details img { display: inline; margin: 0; vertical-align: middle; }
.details li { display: inline; margin: 0 0.4em 0 0; white-space: nowrap; }
.details .addthis_toolbox { margin-bottom: 1em; }

/* Fact sheets */
.fact-sheets { font-size: 14px; font-weight: bold; list-style: none; margin: 0 0 1em; }

/* Features */
.feature h1 { padding: 0; }
.features { line-height: 1.4; list-style: none; margin-left: 0; overflow: hidden; }
.features li { box-sizing: border-box; float: left; margin: 0 4.08% 30px 0; }
.features p { margin: 0; }
.features .thumb { display: block; margin-bottom: 5px; width: 100%; }
.features .title { margin-bottom: 0.2em; }

    /* Columns */
    .features.features-1 li { float: none; margin-right: 0; }
    .features.features-2 li { width: 47.95%; }
    .features.features-3 li { width: 30.61%; }
    .features.features-4 li { width: 21.93%; }
    
    .features.features-2 li:nth-child(2n+2),
    .features.features-3 li:nth-child(3n+3),
    .features.features-4 li:nth-child(4n+4) {
        margin-right: 0;
    }
    
    .features.features-2 li:nth-child(2n+3),
    .features.features-3 li:nth-child(3n+4),
    .features.features-4 li:nth-child(4n+5) {
        clear: left;
    }

/* Feeds */
.feed-list { font-size: 1.23em; font-weight: bold; list-style: none; margin: 0; }
.feed-list li { margin-bottom: 1em; }

/* Feed readers */
.feed-readers ul { list-style: none; margin-left: 0; }

/* Files */
    /* Tiles */
    .files-tiles { font-size: 14px; list-style: none; margin: 0; }
    .files-tiles img { float: left; margin: 2px 0 1em -42px; }
    .files-tiles li { clear: both; margin-bottom: 1em; padding-left: 42px; }
    .files-tiles p { margin: 0; }

/* Filters */
.filters { font-size: 1.2em; list-style: none; margin-left: 0; }
.filters .current { font-weight: bold; }
.filters li { margin-bottom: 0.25em; }

/* Flash content */
.flash-container { height: 0; overflow: hidden; padding-top: 30px; position: relative; }
.flash-container object, .flash-container embed { left: 0; height: 100%; position: absolute; top: 0; width: 100%; }

/* Footer */
#footer { font-size: 11px; padding-bottom: 30px; }
#footer, #footer a, #footer a strong { color: #fff; }
#footer .content { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 10px; }
#footer li { display: inline; margin-right: 1em; }
#footer ul { list-style: none; margin: 0; }

    /* Credit */
    #credit { float: right; text-align: right; }
    #credit a strong { font-weight: normal; }
    
    /* Subfooter */
    #subfooter { clear: both; margin-bottom: 10px; padding: 40px 0 20px; }
    #subfooter .action { background: #fff; color: #ef681f; }
    #subfooter .adr, #subfooter .fax, #subfooter .street-address, #subfooter .tel { display: block; }
    #subfooter h6 { font-size: 19px; font-weight: normal; margin-bottom: 0.5em; }
    #subfooter img { margin-bottom: 0.3em; }
    #subfooter .org { display: none; }
    #subfooter .social a:hover { opacity: 0.7; text-decoration: none; }
    #subfooter .social .fa-stack-1x { color: #ef681f; }
    #subfooter .social li { display: inline; }
    #subfooter, #subfooter a, #subfooter h6, #subfooter strong { color: #fff; }
    #subfooter-primary { float: left; width: 26.63%; }
    #subfooter-secondary { float: right; width: 68.34%; }
    #subfooter-secondary a:not(.action) { text-decoration: underline; }
    #subfooter-secondary h6 { font-weight: bold; }
    
    /* Page URL */
    #url, .url { display: none; }
    #url em, .url em { font-style: italic; }

/* Header */
#header { background: #fff; padding: 0.5em 20px 0.75em; }
#header .clear { display: none; }
#header .content { align-items: center; display: flex; justify-content: space-between; }
#header-secondary { text-align: right; }
#header-nav { font-size: 13px; line-height: 1; list-style: none; margin: 1em 0 1.5em; }
#header-nav .donate { color: #ef681f; font-weight: bold; text-transform: uppercase; }
#header-nav > li { display: inline-block; margin: 0 0 0 1em; vertical-align: middle; }

    /* Logo */
    #logo { padding-top: 30px; }
    #logo a:active { background: transparent; }
    #logo img { display: block; width: 391px; }
    
    /* Social */
    #header-secondary .social { display: inline-block; font-size: 22px; margin: 0; vertical-align: middle; }
    #header-secondary .social a { color: #000; opacity: 0.5; padding: 0.2em 0.3em; }
    #header-secondary .social a:hover { color: #3c6cc7; opacity: 1; text-decoration: none; }
    #header-secondary .social li { display: inline-block; margin: 0; vertical-align: middle; }

/* Help */
.help img { margin-bottom: -2px; }

/* Home */
.home h2 { border: 0; padding: 0; }
.home h4 { font-size: 16px; font-weight: normal; }

/* Icons */
a.icon { background-repeat: no-repeat; background-position: 0 50%; line-height: 1; margin-right: 0.25em; padding: 3px 0 3px 20px; }
a.icon-aol { background-image: url(/images/shared/aol.gif); }
a.icon-audio { background-image: url(/images/shared/podcast.gif); }
a.icon-comment { background-image: url(/images/shared/comment.gif); }
a.icon-calendar { background-image: url(/images/shared/calendar.gif); }
a.icon-email { background-image: url(/images/shared/email.gif); }
a.icon-facebook { background-image: url(/images/shared/facebook.png); }
a.icon-feed { background-image: url(/images/shared/feed.gif); }
a.icon-flickr { background-image: url(/images/shared/flickr.png); }
a.icon-google { background-image: url(/images/shared/google.gif); }
a.icon-map { background-image: url(/images/shared/map.gif); }
a.icon-netvibes { background-image: url(/images/shared/netvibes.gif); }
a.icon-pdf { background-image: url(/images/shared/pdf.gif); }
a.icon-print { background-image: url(/images/shared/print.gif); }
a.icon-slideshow { background-image: url(/images/shared/slideshow.gif); }
a.icon-twitter { background-image: url(/images/shared/twitter.png); }
a.icon-video { background-image: url(/images/shared/video.gif); }
a.icon-yahoo { background-image: url(/images/shared/yahoo.gif); }
a.icon-youtube { background-image: url(/images/shared/youtube.png); }
a.icon-ppt { background-image: url(/images/shared/chart_bar.png); }
.connector-bug { height: 9px; }
.m-bug { width: 13px; }
img.icon { background: none; border: 0; margin: 0 4px -3px 0; padding: 0; }
.file-link .fa { font-size: 1rem; margin-right: 0.2em; }

/* Iframes/video elements */
.iframe-container { height: 0; overflow: hidden; padding-top: 30px; position: relative; }
.iframe-container iframe, .iframe-container video { left: 0; height: 100% !important; position: absolute; top: 0; width: 100% !important; }

/* Images with titles overlayed */
a.image-title:hover { opacity: 0.8; text-decoration: none; }
.image-title { display: block; font-size: 23px; margin-bottom: 1.5em; min-height: 430px; position: relative; }
.image-title, .image-title a { color: #fff; }
.image-title h1 { font-size: 50px; font-weight: bold; }

.image-title-image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.image-title-overlay {
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 430px;
    padding: 10px 15%;
    position: relative;
    text-align: center;
    z-index: 100;
}

.image-title-name { color: #fff; display: block; font-size: 35px; line-height: 1.2; margin: 0; padding: 0; }
.image-title-summary { display: block; margin: 0; }

/* Intro */
.intro { font-size: 23px; font-weight: 300; line-height: 1.5; margin-bottom: 25px; }
.intro h2 { font-size: 35px; }

/* Logos */
.logos { font-size: 14px; list-style: none; margin-left: 0; line-height: 80px; text-align: center; }
.logos a:hover { opacity: 0.7; }
.logos img { max-height: 42px; vertical-align: middle; }
.logos img, .logos li { max-width: 130px; }
.logos li { display: inline-block; line-height: 1.2; margin: 0 12px; vertical-align: middle; }

    /* Sizes */
    .logos-2x { font-size: 18px; line-height: 130px; }
    .logos-2x img, .logos-2x li { max-width: 195px; }
    .logos-2x img { max-height: 100px; }
    .logos-3x { font-size: 22px; line-height: 170px; }
    .logos-3x img, .logos-3x li { max-width: 260px; }
    .logos-3x img { max-height: 140px; }

/* Maps */
.map img { max-width: none; }

/* Media mentions */
.media-mentions dt { font-weight: bold; }
.media-mentions-title { font-size: 22px; font-weight: normal; line-height: 1.2; margin-bottom: 1rem; }

/* Muted text */
.mute { color: #999; font-size: 13px; font-weight: normal; text-transform: none; }
h2 .mute, h3 .mute { font-size: 16px; margin-left: 1em; }

/* Navigation */
#nav .content { align-items: center; display: flex; justify-content: space-between; }

    /* Extra */
    #nav-extra { flex: 1 1 auto; font-weight: 600; list-style: none; margin: 0; text-align: right; text-transform: uppercase; }
    #nav-extra a { color: #fff; line-height: 1; padding: 0.8em 0.8em 0.9em; }
    #nav-extra a:hover { background: rgba(255, 255, 255, 0.3); text-decoration: none; }
    #nav-extra li { display: inline; }
    
    /* Menu */
    #menu {
        background: #ef681f;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        display: none;
        font-size: 15px;
        overflow: scroll;
        position: fixed;
        right: -400px;
        top: 0;
        width: 250px;
        z-index: 1000;
    }
    
    #menu a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; display: block; padding: 0.8em 1.1em; }
    #menu a:active { background: transparent; }
    #menu li { margin: 0; }
    #menu li.current { background: #fff; }
    #menu li.current a, #menu li.current a strong { color: #ef681f; }
    #menu ul { list-style: none; margin: 0; }
    #menu ul ul a { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); color: #3c6cc7; }
    #menu ul ul li.current a { color: #000; }
    
        /* Nav toggle */
        #nav-toggle { color: #ef681f; font-size: 18px; font-weight: bold; }
        #nav-toggle:hover { text-decoration: none; }
        #nav-toggle:active { background: none; color: #3c6cc7; }
        
            /* Minimal */
            #minimal #nav-toggle { padding-top: 8px; }
        
        /* Page tools */
        #menu .page-tools { padding-top: 20px; position: static; }
        #menu .page-tools a { border: 0; padding: 0; }
        
        /* Search */
        #menu-search { border-bottom: 1px solid rgba(255, 255, 255, 0.3); clear: both; float: none; padding: 0.8em 1.1em; text-align: left; }
        #menu-search .search { border: 0; }
        #menu-search #site-search { display: block; }
        
        /* Social */
        #menu .social { border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: flex; font-size: 20px; }
        #menu .social li { display: flex; flex: 1 1 auto; }
        #menu .social li:last-child a { border: 0; }
        #menu .social a { border: 0; border-right: 1px solid rgba(255, 255, 255, 0.3); color: #fff; display: block; flex: 1 1 auto; padding: 0.3em; text-align: center; }
    
    /* Primary */
    #nav { background: #ef681f; font-size: 18px; padding: 0 20px; }
    #nav .content { padding-bottom: 0; }
    #nav-primary { flex: 1 1 auto; list-style: none; margin: 0; }
    #nav-primary a { display: block; line-height: 1; padding: 0.8em 0.8em 0.9em; white-space: nowrap; }
    #nav-primary a, #nav-primary a:active { color: #fff; }
    #nav-primary a:active { background: transparent; }
    #nav-primary a:hover { background: rgba(255, 255, 255, 0.3); text-decoration: none; }
    #nav-primary .current a, #nav .current a strong { background: #fff; color: #ef681f; font-weight: normal; }
    #nav-primary .current a:active { background-color: #fff; }
    #nav-primary li { float: left; margin: 0; }
    
    /* Secondary */
    #nav-secondary { font-size: 18px; margin-bottom: 30px; }
    #nav-secondary .current a { color: #000; }
    #nav-secondary li { display: inline; padding-right: 1em; }
    #nav-secondary li, #nav-secondary ul { list-style: none; margin: 0; }

/* News */
.news { list-style: none; margin-left: 0; }
.news h2 { font-size: 20px; margin-bottom: 0.2em; }
.news > li { border-bottom: 1px solid #eee; overflow: hidden; margin-bottom: 1em; padding-bottom: 1em; }
.news > li:last-child { border: 0; }
.news .thumb { float: right; margin: 0 0 10px 20px; width: 130px; }

    /* Mini */
    .news-mini h2 { font-size: 18px; font-weight: normal; }
    .news-mini > li { border: 0; margin-bottom: 1em; padding: 0; }
    .news-mini .thumb { display: none; }

/* Newsletters */
#newsletters { list-style: none; margin: 0; }
#newsletters > li { float: left; margin-left: 20px; width: 23.36% }
#newsletters > li.first { margin: 0; }
#newsletters ul { list-style: none; margin: 0; }
#newsletters ul li { margin-bottom: 1em; }

/* Page tools */
.page-tools a { margin-bottom: 10px; }
.page-tools a:hover { opacity: 0.7; text-decoration: none; }

    /* Follow while scrolling */
    .page-tools-follow { float: left; font-size: 18px; margin-left: -4em; }
    .page-tools-follow a { display: block; margin-bottom: 5px; }
    .page-tools-follow .addthis_default_style .addthis_separator { border-bottom: 1px solid #ddd; display: block; float: none; margin-bottom: 5px; }
    .page-tools-follow.bottom { display: none; }
    .page-tools-follow [class *= "mpc-"] { font-size: 40px; padding: 5px; }
    
    /* Sharing colors */
    .share-comments { color: #777; }
    .share-email { color: #73af55; }
    .share-facebook { color: #3b5998; }
    .share-print { color: #ef681f; }
    .share-twitter { color: #1da1f2; }

/* Paper */
.paper { background: #f5f5f5; border: 1px solid #ddd; font-size: 1.1em; padding: 1.5em; }

/* Popular lists */
.popular { margin-left: 1.5em; }

/* Print only */
.printonly { display: none; }

/* Projects */
.project .summaries .thumb { width: 100%; }

    /* Project cover */
    .project-internal .cover .overlay { max-width: 100%; position: static; }
    
    /* Project key */
    .project-key { display: block; float: right; line-height: 1; padding-top: 5px; width: 50px; }
    .project-key .off { background: #ddd; }
    .project-key .on { background: #888; }
    .project-key span { display: inline-block; height: 15px; margin: 0 0 3px 3px; width: 15px; }
    
    /* Project list */
    .project-list { font-size: 1.23em; font-weight: bold; list-style: none; margin: 0; }
    .project-list li { margin-bottom: 0.5em; }
    
    /* Project managers */
    .project-managers { list-style: none; margin: 0; }
    .project-managers .email { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .project-managers > li { clear: both; margin-bottom: 20px; overflow: hidden; padding-left: 115px; }
    .project-managers .thumb { float: left; margin: 6px 0 0 -115px; width: 90px; }
    .project-managers ul { list-style: none; margin: 0; }
    .project-managers ul li { margin: 0; }
    
        /* Project pages */
        .project-managers.project-managers-columns { display: flex; flex-wrap: wrap; justify-content: space-between; }
        .project-managers.project-managers-columns > li { box-sizing: border-box; flex: 0 0 auto; width: 48%; }
    
    /* Project sites */
    #project-sites { list-style: none; margin-left: 0; text-align: center; }
    #project-sites img { vertical-align: middle; }
    #project-sites li { display: inline; margin: 0 7px; }
    
    /* Tertiary nav */
    .project #nav-tertiary { border-bottom: 1px solid #ddd; display: block; font-size: 20px; margin-bottom: 1em; padding-bottom: 1em; }
    .project #nav-tertiary .jump { display: none; }
    .project #nav-tertiary li { display: inline; margin-right: 1em; }
    .project #nav-tertiary li.current a { color: #000; }
    .project #nav-tertiary ul { list-style: none; margin: 0; }
    
        @media screen and (max-width: 950px) {
            /* Tertiary nav */
            .project #nav-tertiary .jump { display: block; }
            .project #nav-tertiary li { display: block; }
            .project #nav-tertiary ul { border: 1px solid #ddd; display: none; margin-top: 10px; padding: 15px; }
        }

/* References */
.references { column-count: 2; column-gap: 4em; font-size: 13px; }
.references li { page-break-inside: avoid; break-inside: avoid; }

/* Rules */
.rule-home { background: url(/images/rule-home.gif) no-repeat 50% 0; height: 3px; margin-bottom: 1.15em; }

/* Search results */
#cse .cse .gsc-control-cse, #cse .gsc-control-cse { padding: 0; }
#cse .gcsc-branding, #cse .gcsc-foot { display: none !important; }
#cse .gs-title { font-size: 20px; }
#cse a.gs-title:hover { text-decoration: underline; }
#cse .gsc-cursor-box.gs-bidi-start-align { text-align: center; }
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page { font-size: 1.2em; margin: 0; padding: 0.3em 0.5em; }
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background: #f0f0f0; text-decoration: none; }
#cse .gsc-result-info { padding: 0; }
#cse .gsc-control-cse, #cse .gsc-control-cse .gsc-table-result { font-size: 1em; }
#cse .gsc-control-cse .gs-spelling, #cst .gsc-control-cse .gs-result .gs-title, #cse .gsc-control-cse .gs-result .gs-title * { font-size: 1em; }
#cse .gsc-result .gs-title { height: auto; }
#cse .gs-result .gs-title, #cse .gs-result .gs-title * { text-decoration: none; }
#cse .gsc-table-result, #cse .gsc-thumbnail-inside, #cse .gsc-url-top { padding: 0; }
#cse .gsc-thumbnail-inside { padding: 0; }

/* Sequencing */
.sequence { list-style: none; line-height: 1.4; margin-left: 0; }
.sequence .call-r { margin-top: 0; }

.sequence > li {
    background: #f0f0f0;
    border-radius: 4px;
    cursor: url(/images/shared/grab.cur), move;
    height: 1%;
    margin-bottom: 2px;
    padding: 20px;
}

.sequence .remove { float: right; font-weight: bold; margin: 0 0 10px 10px; }

.sequence-single li { cursor: default; }

/* Skip link */
.skip { left: -9999em; position: absolute; }

/* Social links */
.social { list-style: none; margin-left: 0; }
#content-secondary .social li, #content-tertiary .social li { float: left; width: 49%; }

/* Stretch */
.stretch { clear: both; font-size: 23px; margin: 4em 0 2em; position: relative; }
.stretch .caption { padding: 0 20px; }
.stretch .credit { bottom: 0.5rem; font-size: 0.6rem; margin: 0; opacity: 0.7; position: absolute; right: 20px; }
.stretch h2 { font-size: 3rem; margin: 0; }
.stretch h3 { font-size: 2rem; font-weight: normal; text-transform: uppercase; }
.stretch img { display: block; max-width: none; width: 100%; }

.stretch .overlay {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    bottom: 0;
    box-sizing: border-box;
    padding-top: 5%;
    position: absolute;
    width: 100%;
    z-index: 900;
}

.stretch .overlay * { color: #fff; }

    /* Flexible (100% height) */
    .stretchflex { background-position: 50% 50%; background-size: cover; align-items: flex-end; display: flex; min-height: 100vh; }
    .stretchflex .overlay { padding-top: 30vh; position: static; }

/* Tables */
.data td, .data th { border: 1px solid #ddd; padding: 0.5em 0.7em; }
.data th { font-weight: bold; }

/* Tabs */
.related-group .ui-tabs { border: 0; border-radius: 0; padding: 0; }
.related-group .ui-tabs .ui-tabs-nav { background: none; border: 0; border-radius: 0; padding: 0; }
.related-group .ui-tabs .ui-tabs-nav a { color: #3c6cc7; }
.related-group .ui-tabs .ui-tabs-nav li { background: #f0f0f0; border: 1px solid #d5d7d8; border-radius: 0; margin-right: -1px; }
.related-group .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #fff; border-bottom: 0; }
.related-group .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #000; }
.related-group .ui-tabs .ui-tabs-panel { border: 1px solid #d5d7d8; border-radius: 0; clear: both; margin-bottom: 1em; padding: 1em; }

/* Tags */
.tags { font-size: 1.1em; line-height: 2.3em; list-style: none; margin-left: 0; }
.tags li { background: none; display: inline; margin-right: 0.5em; padding: 0; }
.tags li a { white-space: nowrap; }

.t-1 { font-size: 0.9em; }
.t-2 { font-size: 1em; }
.t-3 { font-size: 1.1em; }
.t-4 { font-size: 1.2em; }
.t-5 { font-size: 1.3em; }
.t-6 { font-size: 1.4em; }
.t-7 { font-size: 1.5em; }
.t-8 { font-size: 1.6em; }
.t-9 { font-size: 1.7em; }
.t-10 { font-size: 1.8em; }
.t-11 { font-size: 1.9em; }
.t-12 { font-size: 2em; }
.t-13 { font-size: 2.1em; }
.t-14 { font-size: 2.2em; }
.t-15 { font-size: 2.3em; }

    /* In sidebar */
    #content-secondary .tags { font-size: 1em; line-height: 2em; }
    #content-secondary .tags li a { white-space: normal; }

/* Thickboxes */
a.thickbox { position: relative; }
a.thickbox, a.thickbox img { display: block; }
a.thickbox .zoom { bottom: 0; height: 27px; position: absolute; right: 0; width: 27px; }

a.thickbox:hover .zoom {
    background: #000 url(/images/shared/zoom.gif) no-repeat 50% 50%;
    border-radius: 11px 0 0 0;
    opacity: 0.5;
}

/* TinyMCE */
.accessibility-issue__description .tox-button { display: none !important; }

/* Tooltips */
.tip { display: none; }
.tip ul { margin: 0; }
.tip ul li { list-style: none; }

#tooltip {
    background-color: #fff;
    border: 2px solid #777;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    position: absolute;
    padding: 5px;
    z-index: 3000;
}

#tooltip h3, #tooltip div { margin: 0; }

/* Twitter */
#twitter { background: #f4f3f0; border-radius: 9px; padding: 15px; }
#twitter .fa-twitter { color: #358bc9; }
#twitter-widget .twtr-follow-us { display: none; }
#twitter-widget .twtr-tweet { margin-bottom: 1em; }
#twitter-widget .twtr-tweet-actions { font-size: 10px; }
#twitter-widget .twtr-user { display: none; }

    /* Twitter name in bylines */
    .twitter-name { margin-left: 0.2em; opacity: 0.8; }
    .twitter-name:hover { opacity: 1; text-decoration: none; }
    .twitter-name .fa { margin-right: -0.2em; }
    
    /* Premade tweets */
    .premade-tweets { list-style: none; margin-left: 0; }
    .premade-tweets a { display: flex; border-bottom: 1px solid #f0f0f0; padding: 0.5em; }
    .premade-tweets a:hover { background: rgba(29, 161, 242, 0.1); text-decoration: none; }
    .premade-tweets .fa { color: #1da1f2; flex: 0 0 auto; font-size: 1.1em; padding-top: 0.1em; }
    .premade-tweets li { margin: 0; }
    .premade-tweet-text { flex: 1 1 auto; padding-left: 1em; }

/* Utility links */
.utilities { list-style: none; margin-left: 0; }
.utilities li { border-left: 1px solid #ddd; display: inline; margin: 0 0 0 0.5em; padding-left: 0.5em; }
.utilities li.first { border: 0; margin: 0; padding: 0; }

/* vCards */
#footer .vcard { margin: 0; }
.vcard { margin-bottom: 1.15em; }
.vcard .email, .vcard .fn { display: block; }

/* Viewing options */
.view { font-size: 1.1em; margin-bottom: 1.15em; }
.view li, .view p { padding-right: 0.75em; }
.view li, .view p, .view ul { display: inline; margin: 0; }

/* Work */
.work { display: flex; flex-wrap: wrap; line-height: 1.4; list-style: none; margin: 0 -20px 2em; }
.work .credit { float: right; margin: 0 0 5px 10px; }
.work h2, .work h3 { margin: 0; }
.work .image-title { margin: 0; }
.work > li { box-sizing: border-box; flex: 0 0 auto; margin: 0 0 30px; padding: 0 20px; }
.work .thumb { margin-bottom: 5px; position: relative; }
.work .thumb .thumb-img { display: block; width: 100%; }
.work .title { display: block; font-size: 18px; font-weight: bold; line-height: 1.4; margin-bottom: 0.2em; }

    /* Columns */
    .work.work-2 > li { width: 50%; }
    .work.work-3 > li { width: calc(100% / 3); }
    
    /* Overview */
    .work-overview { margin: 30px 0; padding: 0 10%; }
    .work-overview .action { font-size: 25px; }
    .work-overview h1 { font-size: 40px; margin-bottom: 0.5em; padding: 0; }
    .work-overview h2 { font-size: 25px; margin-bottom: 1.5em; }
    
    /* Preview */
    .work-preview { list-style: none; margin-left: 0; }
    .work-preview a { align-items: center; display: flex; }
    .work-preview-image { border-radius: 100%; flex: 0 0 auto; height: 64px; margin-right: 15px; width: 64px; }
    .work-preview-title { display: block; flex: 1 1 auto; font-size: 22px; line-height: 1.2; }
    

/* Widths
=====================================================================*/
@media screen and (max-width: 1270px) {
    .page-tools-follow { float: none; font-size: 12px; margin: 0; }
    .page-tools-follow a { display: inline-block; margin: 0; vertical-align: middle; }
    .page-tools-follow .addthis_default_style .addthis_separator { display: none; }
    .page-tools-follow.bottom { display: block; }
    .page-tools-follow [class *= "mpc-"] { font-size: 27px; padding: 0; vertical-align: -11px; }
}

@media screen and (max-width: 1010px) {
    /* Basics */
    h1 { padding: 0; }
    
    /* Content */
        /* Archive */
        .archive-top-posts .title { font-size: 18px; }
        
        /* Covers */
        .cover .overlay h1 { white-space: normal; }
        .cover .overlay { background: transparent; box-shadow: none; max-width: none; padding: 10px; position: static; }
        
        /* Features */
        .feature-wide { margin-bottom: 0; }
        .feature-wide .content { padding: 0; }
        .feature-wide .image { padding-top: 30%; position: static; }
        .feature-wide .overlay { background: #fff; border-bottom: 1px solid #ddd; float: none; max-width: none; position: static; }
        
        /* Goals */
            /* Work overview */
            .work-overview { margin: 15px 0; padding: 0; }
        
        /* Header */
        #header { border-bottom: 3px solid #ef681f; margin-bottom: 20px; padding: 15px; }
        #header .content { padding: 0; }
        #header-secondary { float: none; text-align: left; width: auto; }
        
        /* Project managers */
        .project-managers.project-managers-columns { display: block; }
        .project-managers.project-managers-columns li { width: auto; }
}

@media screen and (max-width: 750px) {
    /* Basics */
    blockquote { padding-left: 15px; }
    fieldset { border: 0; padding: 0; }
    h1 { font-size: 20px; padding: 0; }
    h2 { font-size: 18px; }
    legend { background: none; margin: 0; padding: 0; }
    
    /* Core layout */
    .blog #content-primary,
    .blog #content-secondary,
    .c2l, .c2r, .c3l, .c3m, .c3r,
    #content-primary,
    #content-secondary,
    #content-tertiary,
    #events-feature-primary,
    #events-feature-secondary,
    .full #content-primary,
    .full.project #content-primary,
    .full.project #content-secondary,
    .signin #content-primary,
    #subfooter-primary,
    #subfooter-secondary {
        float: none;
        max-width: none;
        padding: 0;
        width: auto;
    }
    
    #content-wrapper { padding: 0 15px; }
    .home #main { padding-top: 0; }
    .home-primary, .home-secondary { width: auto; }
    .home-section { display: block; }
    
        /* Column groups */
        .colgroup { border: none; clear: none; padding: 0; }
    
    /* Content */
        /* Action buttons */
        .action { display: block; text-align: center; width: 100%; }
        
        /* Archive */
        .archive-chart { height: 150px; }
        .archive-data { display: block; }
        .archive-data-primary { margin-bottom: 20px; }
        .archive-data-primary, .archive-data-secondary { width: auto; }
        .archive-top-posts { flex-wrap: wrap; }
        .archive-top-posts li { width: 49.9%; }
        .archive-top-posts li:nth-child(n+3) { display: none; }
        .archive-top-posts .title { font-size: 14px; padding: 40px 15px 15px; }
        
        /* Calendar */
        .calendar .date { display: block; float: none; font-weight: bold; margin: 0; width: auto; }
        .calendar .date .day { display: inline; }
        .calendar .date .day:after { content: ", "; }
        .calendar dd, .calendar dt { padding-left: 0; }
        .calendar dt { border: 0; padding-top: 0; }
        
        /* Callouts */
        [class *= "call"], [class *= "pull"] { width: auto !important; }
        [class *= "pull"] { font-size: 16px; }
        .call, .call-l, .pull-l, .call-r, .pull-r { float: none; margin: 0 0 10px; }
        .project .call-l, .project .pull-l, .project .call-r, .project .pull-r { margin-left: 0; margin-right: 0; }
        
        /* Columns */
        [class *= "cols"] { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
        
        /* Covers */
        .cover .overlay h1 { font-size: 20px; }
        
        /* Features */
        .features li:nth-child(n) { float: none; margin-right: 0; width: auto; }
        
            /* Wide */
            .feature-wide .overlay { padding: 15px; }
        
        /* Footer */
        #credit { float: none; text-align: left; }
        #footer ul li:first-child { display: block; }
        
            /* Subfooter */
            #subfooter h6 { font-size: 18px; line-height: 1.2; }
            
                /* Goals */
                #subfooter .goals [class *= "mpc"] { float: left; font-size: 30px; margin-left: -40px; vertical-align: middle; }
                #subfooter .goals li { float: none; padding-left: 40px; width: auto; }
        
        /* Forms */
        dl.form dd.field, dl.form dt, dl.form  dt .label { float: none; margin: 0; padding: 0; text-align: left; width: auto; }
        dl.form dt { margin-top: 1em; }
        dl.form .fields { width: auto; }
        dl.form .fields p { float: none; width: auto; }
        
            /* Field help */
            .field-help { margin: 0; }
            
            /* Options */
            .options-h li { display: block; margin-right: 0; white-space: normal; }
            
            /* Table-based */
            .form td { margin-bottom: 20px; }
            .form td, .form th, .form tr, .full .form th { display: block; padding: 0; text-align: left; width: auto; }
            .form th { font-weight: bold; }
            
            /* Text boxes */
            .txt, .txt-med { width: 98%; }
        
        /* Goals */
            /* Header */
            #goal-header [class *="mpc"] { float: right; font-size: 50px; margin: 0 0 10px 10px; }
            #goal-header .intro { padding-left: 0; }
            
            /* Projects */
            .full.project #content-primary .goals li { display: inline; }
            
            /* Work overview */
            .work-overview { padding: 0; }
            .work-overview h2 { margin-bottom: 0.5em; }
            .work-overview .intro { padding: 0; }
        
        /* Header */
        #header { border-bottom: 3px solid #ef681f; margin: 0; padding: 15px; }
        #header-secondary { float: none; text-align: left; width: auto; }
        
            /* Logo */
            #logo { padding: 0; width: 65%; }
        
        /* Images with titles overlayed */
        .image-title { font-size: 1em; min-height: 0; }
        .image-title h1, .image-title-name { font-size: 25px; }
        .image-title-overlay { min-height: 0; padding: 2em 10px; }
        
        /* Intro */
        .intro { font-size: 18px; font-weight: normal; }
        .intro h2 { font-size: 18px; }
        
        /* News */
        .news > li { margin-bottom: 15px; }
        .news .thumb { max-width: 150px; width: 30%; }
        
        /* Page tools */
        .project .page-tools { float: none; margin: 0; }
        .project .page-tools a { display: inline-block; margin: 0 5px 0 0; }
        
        /* Profile photo */
        #profile-photo { float: right; margin: 0 0 10px 20px; width: 30%; }
        
        /* Projects */
            /* Project managers */
            .project-managers > li,
            .project-managers.project-managers-columns > li {
                padding-left: 90px;
            }
            
            .project-managers .thumb,
            .project-managers.project-managers-columns .thumb {
                float: left;
                margin: 6px 0 15px -90px;
                width: 80px;
            }
        
        /* References */
        .references { column-count: 1; }
        
        /* Stretch */
        .stretch { font-size: 1em; margin: 2em 0; }
        .stretch .content { padding-bottom: 0; }
        .stretch:not(.stretchflex) .overlay { background: none; padding: 0; position: static; }
        .stretch .overlay * { color: #000; }
        .stretch .overlay h2 { font-size: 2rem; }
        .stretchflex .overlay * { color: #fff; }
        
        /* Work */
        .work { display: block; }
        .work.work-2 > li, .work.work-3 > li { width: auto; }
}