/*---------------------+
 | Site: USDN          |
 | Part: Master styles |
 +---------------------*/

/* Imports
=====================================================================*/
@import url(//stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css);
@import url(/styles/reset.css);
@import url(/styles/gothamnarrow.css);
@import url(/styles/fontawesome.css);
@import url(/styles/forms.css);
@import url(/styles/dev-notifications.css);
@import url(/styles/react-datepicker.css);


/* Fonts
======================================================================*/
body, input, select, textarea, .ui-widget { font-family: "Gotham Narrow", Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #1194b0; transition: all 0.1s ease-in-out; }
a:hover { color: #1194b0; text-decoration: underline; }
blockquote, ol, p, table, ul { margin-bottom: 1em; }
body { line-height: 1.55; overflow-wrap: break-word; word-wrap: break-word; }
cite, em { font-style: italic; }
h1 { color: #21295C; font-size: 2.5rem; font-weight: bold; margin-bottom: 0.26em; }
h2 { color: #21295C; font-size: 1.8rem; font-weight: bold; margin-bottom: 0.35em; }
h3 { color: #474747; font-size: 1.5rem; font-weight: 500; margin-bottom: 0.41em; }
h4 { font-size: 1.1rem; font-weight: 500; }
html { font-size: 16px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 2vw 0; }
img { height: auto; max-width: 100%; }
ol { list-style: decimal; margin-left: 2em; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-alpha; }
ol ol ol ol { list-style: lower-roman; }
section { padding: 3vw 50px; }
strong { font-weight: bold; }
table { border-collapse: collapse; width: 100%; }
td { border: 1px solid #ddd; padding: 0.3em 0.8em; }
th { font-weight: 500; white-space: nowrap; }
ul { list-style: disc; margin-left: 1.5em; }
ul ul { list-style: circle; }
p { color: #474747; }

/* Layout
======================================================================*/
.clear { clear: both; }
.content, .content-sidebar { margin: 0 auto; max-width: 1220px; }
#main { display: block; padding-top: 130px; }
.public #main { padding-top: 89px; }

    /* Narrow (detail pages) */
    .content-narrow { margin: 0 auto; max-width: 1000px; }
    
    /* Sidebar (subpages) */
    .content-primary { flex: 0 0 auto; width: 65.6%; }
    .content-secondary { flex: 0 0 auto; width: 31.31%; }
    .content-sidebar { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .content-sidebar .btn-toolbar { width: 100%; }


/* Content
======================================================================*/
/* Account */
.account-primary { flex: 0 0 auto; width: 20.80%; }
.account-secondary { flex: 0 0 auto; width: 77.36%; }
.account-section { border-top: 1px solid #ddd; display: flex; justify-content: space-between; margin-bottom: 3em; padding-top: 3em; }

/* Attachments */
.attachments { list-style: none; margin-left: 0; }
.attachments li { margin-bottom: 0.5em; }

/* Banners */
.banner { background-position: 50% 50%; background-size: cover; min-height: 35vh; padding: 0; position: relative; }
.banner h1 { color: #fff; font-size: 3.33rem; margin: 0; }

.banner-overlay {
    background: -moz-linear-gradient(top, rgba(17, 148, 176,0) 0%, rgba(17, 148, 176,1) 100%);
    background: -webkit-linear-gradient(top, rgba(17, 148, 176,0) 0%,rgba(17, 148, 176,1) 100%);
    background: linear-gradient(to bottom, rgba(17, 148, 176,0) 0%,rgba(17, 148, 176,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008bb3', endColorstr='#008bb3',GradientType=0 );
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 120px 50px 30px;
    position: absolute;
    width: 100%;
}

/* Badges */
.badge { background: #008bb3; color: #fff; font-size: 0.66rem; font-weight: 500; padding: 0.4em 0.8em 0.2em; text-transform: uppercase; }
.badge-accepting, .badge-cancelled { background: #cf1259; }
.badge-recommended { background: none; color: #cfbf00; padding: 0; }

/* Bootstrap fixes */
.h1, .h2, .h3, .h4, .h5, .h6 { font-size: 1rem; font-weight: normal; line-height: 1.55; }

/* Breadcrumbs */
.breadcrumbs { list-style: none; margin: 0 0 1em; }
.breadcrumbs li { display: inline-block; }
.breadcrumbs li:after { content: "»"; margin: 0 0.5em; }

/* Buttons */
.btn { border-radius: 3px; font-weight: bold; padding: 0.4rem 0.75rem 0.3rem; }
.btn:hover { opacity: 0.7; }
.btn-disabled { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.3); font-weight: normal; }
.btn-link { font-weight: normal; }
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { color: #008bb3; text-decoration: none; }
.btn-link.btn-on { color: #000; }
.btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary:hover { background: #1194b0 !important; border-color: #1194b0 !important; }
.btn-primary:not([href]):not([tabindex]), .btn-primary:not([href]):not([tabindex]):hover { color: #fff; }
.btn-outline-secondary { border-color: #008bb3; color: #008bb3; }
.btn-outline-secondary:hover { background: none; color: #008bb3; }
.btn-hidden { display: none; }

.btn-outline-secondary:active, .btn-outline-secondary.active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
    background: #f0f0f0 !important;
    color: #008bb3 !important;
}

.btn-toolbar { margin-bottom: 1em; }

/* Browse toolbar */
.browse-toolbar { align-items: center; display: flex; margin-bottom: 30px; }
.browse-toolbar .search { flex: 0 0 auto; margin-right: 1em; width: 30%; }
.browse-toolbar .dropdown { flex: 0 0 auto; margin-left: 1em; }

/* 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"] input { font-size: 1rem; }
[class *= "call"] .info { font-style: italic; }
[class *= "call"] p { margin-bottom: 0.5em; }
.call-c { clear: both; display: block; margin: 2em auto; }
.call-l { clear: left; float: left; margin: 0 30px 10px 0; }
.call-r { clear: right; float: right; margin: 0 0 10px 30px; }
.credit { font-size: 11px; letter-spacing: 0.01em; margin: 0.5em 0; text-align: right; }
.credit a { color: #7f8183; }

/* Columns */
    /* Automatic */
    [class *= "cols"] { column-gap: 30px; list-style: none; margin: 0; }
    [class *= "cols"] li { margin-bottom: 0.5em; }
    .cols2 { column-count: 2; }
    .cols3 { column-count: 3; }
    .cols4 { column-count: 4; }
    .cols5 { column-count: 5; }
    
    /* Manual */
    .columns { display: flex; margin: 0 -20px; }
    .columns .column { flex: 0 0 auto; padding: 0 20px; }
    .columns-2 .column { width: 50%; }
    .columns-3 .column { width: calc(100% / 3); }
    .columns-4 .column { width: 25%; }
    .columns-5 .column { width: 20%; }

/* Comments */
.comments { list-style: none; margin-left: 0; }
.comments > li { display: flex; margin-bottom: 2em; }
.comments-author .btn-link { line-height: 1; padding: 0.1em 0.5em; }
.comments-body { flex: 1 1 auto; padding-left: 15px; }
.comments-thumb { flex: 0 0 auto; width: 50px; }
.comments-thumb img { border-radius: 100px; width: 50px; }
.comments .heading-toolbar { justify-content: flex-start; }

/* Contact */
    /* List */
    .contact-list { list-style: none; margin: 0; }
    .contact-list-content { flex: 1 1 auto; margin-left: 40px; }
    .contact-list-item { display: flex; margin-bottom: 1em; }
    .contact-list-label { flex: 0 0 auto; opacity: 0.7; width: 4em; }
    
    /* Summary */
    .contact-summary { list-style: none; margin: 0; }
    .contact-summary li { display: inline-block; margin: 0 1em 0 0; }
    .contact-summary .contact-summary-social { font-size: 1.5rem; margin-right: 0.5em; }

/* Date/time heading */
.datetime { color: #000; font-weight: 500; }
.datetime strong { font-weight: normal; opacity: 0.7; }

/* DataTables */
.dataTables_filter { margin-bottom: 10px; }
.dataTables_filter input { padding: 0.2em; width: 15em; }
.dataTables_info, .dataTables_length { float: right; }
.dataTables_paginate .paginate_active { color: #000; font-weight: bold; margin-right: 0.5em; }
.dataTables_paginate a { margin-right: 0.5em; }
.dataTables_paginate a[class*="paginate_disabled"] { color: #777; cursor: default; }
.dataTables_wrapper { margin-top: 15px; }
.dataTables_wrapper th:not(.sorting_disabled) { cursor: pointer; }
.dataTables_wrapper th[class*="sorting"] { color: #008bb3; }
.dataTables_wrapper th.sorting_asc span:after { content: " ▲"; font-size: 0.8em; }
.dataTables_wrapper th.sorting_desc span:after { content: " ▼"; font-size: 0.8em; }
.dataTables_wrapper th.sorting_disabled { cursor: default; }
.dataTables_wrapper th:not(.sorting_disabled) span { background-position: 100% 50%; background-repeat: no-repeat; cursor: pointer; padding-right: 15px; }
.editable_text { color: #275ea0; cursor: pointer; text-decoration: none; }

/* Dropdowns */
.dropdown-body { padding: 20px; }
.dropdown-menu { border-radius: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.dropdown-header { font-size: 0.8rem; text-transform: uppercase; }
.dropdown-item:hover { background: #008bb3 !important; color: #fff !important; cursor: pointer; }
.dropdown-item.disabled { color: #ddd !important; }
.dropdown-item.disabled:hover { background: none !important; color: #ddd !important; cursor: default; }
.dropdown-item-checked .dropdown-item-icon { margin-left: -1.2em; text-align: center; width: 1em; }
.no-caret .dropdown-toggle::after { display: none; }
.dropdown { display: inherit !important; } /* hack to fix Prototype.js related bug: https://stackoverflow.com/a/32984728 */

    /* Contribute menu */
    .contribute-menu { font-size: 1.2rem; }
    .contribute-menu [class *= "fa"] { color: #008bb3; width: 1.2em; }
    .contribute-menu .dropdown-item { padding: 0.45rem 1.5rem 0.45rem 1.3rem; }
    .contribute-menu .dropdown-item:hover [class *= "fa"] { color: #fff; }
    
    /* Mega */
    .mega-dropdown { position: static !important; white-space: normal; }
    .mega-dropdown-menu { padding: 30px; width: 100%; }
    .mega-dropdown-menu hr { margin: 1em; }

/* Equity series */
.equity-facts { list-style: none; margin-left: 0; overflow: hidden; }
.equity-facts li { box-sizing: border-box; float: left; padding: 0 10px; text-align: center; width: 14.28%; }
.equity-facts strong { color: #777; display: block; font-size: 40px; font-weight: 300; line-height: 1.2; }
.equity-intro { margin: 0 auto; text-align: center; }
.equity-intro .equity-goal { font-size: 20px; font-weight: 300; }
.equity-intro [class *= "fa-"] { color: #cfbf00; font-size: 48px; }

/* Events */
.event-actions { list-style: none; margin: 1em 0; }
.event-actions li { display: inline-block; margin-right: 1em; }
.events { list-style: none; margin: 0 0 1em; }
.events > li { align-items: top; border-top: 2px solid #b2b2b2; display: flex; justify-content: space-between; padding: 1em 0; }
.events-attend { flex: 0 0 auto; margin-left: 10px; text-align: right; width: 8em; }
.attendance .attending a { cursor: pointer; }
.attendance .attending a.disabled { color: inherit; cursor: inherit; pointer-events: none; }
.events-attend .mute a { color: #474747; }
.events-date { flex: 0 0 auto; margin-right: 10px; width: 120px; }
.events-date-day { display: block; font-weight: 500; }
.events-date-weekday { display: block; text-transform: uppercase; }
.events-details { flex: 1 1 auto; min-width: 1px; }
.events-item { display: flex; justify-content: space-between; margin-bottom: 1em; }
.events-item:last-child { margin: 0; }
.events-summary { flex: 1 1 auto; min-width: 1px; }
.events-summary p { margin: 0; }
.events-title { font-weight: 500; line-height: 1.38; }

/* Features */
.features-image { margin-bottom: 10px; }
.features-list { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20px 0; }
.features-panel { flex: 0 0 auto; padding: 0 20px; }
.features-panel .img-card { margin-bottom: 0.5em; }
.features-panel-thumb .mute { margin: 0; }
.features-panel-thumb h2 { margin-bottom: 0.2em; }

    /* Layouts */
    .features-2 .features-panel { width: 50%; }
    .features-3 .features-panel { width: calc(100% / 3); }
    .features-4 .features-panel { width: 25%; }
    .features-5 .features-panel { width: 20%; }

    /* Monthly */
    .month a { font-weight: bold; }
    .month .month-nav { float: right; }
    .month .month-nav a { margin-left: 0.5em; }
    .month td.fc-state-highlight { background: none; border: 1px solid #b2b2b2; }
    .month tr.fc-state-highlight { background: #f2f2f2; }

/* File manager */
.win-thumb-image { width: 100% !important; }
.win-thumb-image + a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.win-thumb-image span { display: none !important; }
.win-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(134px, 1fr)); margin: 0 -5px; }
ul.win-thumbs li { float: none !important; padding: 10px !important; width: auto !important; }

/* Filters */
.filters { margin-bottom: 2em; }

    /* Applied filters */
    .applied-filters { display: flex; flex-wrap: wrap; list-style: none; margin: 0 0 2em; }
    .applied-filters .filter-type { color: #666; display: block; font-size: 12px; text-transform: uppercase; }
    .applied-filters .filter-value { display: block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .applied-filters li { background: rgba(0, 140, 179, 0.1); border: 1px solid #7f7f7f; border-radius: 3px; margin: 0 10px 10px 0; min-width: 70px; padding: 8px 17px 8px 12px; position: relative; }
    .applied-filters .remove { line-height: 1; opacity: 0.3; padding: 3px; position: absolute; right: 4px; top: 4px; }
    .applied-filters .remove:hover { opacity: 1; text-decoration: none; }
    
    /* Filter navigation */
    .filter-nav { list-style: none; margin: 0 0 15px; }
    .filter-nav .current { font-weight: bold; }
    .filter-nav .current a { color: #000; }
    .filter-nav li { display: inline-block; margin: 0 1em 0 0; vertical-align: middle; }
    .filter-nav .dropdown .menu { max-height: none; }
    .filter-nav .search { width: 20em; }
    
    /* Filter options */
    .filter-list { column-count: 4; column-gap: 40px; list-style: none; margin-left: 0; }
    .filter-list a { display: flex; padding: 0.2em 0.4em; }
    .filter-list a:hover { background: rgba(0, 140, 179, 0.1); text-decoration: none; }
    .filter-list .filter-count { color: #8c8c8c; flex: 0 0 auto; }
    .filter-list .filter-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .filter-options { border: 1px solid #ccc; margin: 10px 0; padding: 20px; position: relative; }
    .filter-options .close { color: #aaa; position: absolute; right: 16px; top: 10px; }
    .filter-options .close:hover { color: #000; text-decoration: none; }
    
        /* Date filters */
        #filters-date .panel { width: 48%; }
    
    /* Filter pages */
    .filter-pages { display: flex; list-style: none; margin: 0 -20px; }
    .filter-pages li { flex: 0 0 auto; padding: 0 20px; width: 50%; }

/* Flat lists (no bullets) */
.flat { list-style: none; margin-left: 0; }
.flat li { margin-bottom: 0.5em; }

/* Footer */
#colophon {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    font-size: 0.77rem;
    justify-content: space-between;
    margin-top: 30px;
    padding: 0.5em 0;
    width: 100%;
}

.colophon-nav { display: flex; flex: 0 0 auto; list-style: none; margin: 0 0 0.5em; width: 100%; }
.colophon-nav li { margin-right: 1em; }
#footer { background: #EDEDED; padding: 30px 50px; }
#footer a { font-weight: bold;}
#footer .content { display: flex; flex-wrap: wrap; justify-content: space-between; }
#footer-primary { flex: 0 0 auto; width: 22.72%; }
#footer-primary li { margin-bottom: 0.5em; }
#footer-primary ul { list-style: none; margin-left: 0; }
#footer-secondary { flex: 0 0 auto; width: 39.89%; }
#footer-social { display: flex; list-style: none; margin-left: 0; }
#footer-social li { margin-right: 1.3em; }
#footer-subscribe { display: flex; list-style: none; margin-left: 0; }
#footer-subscribe li { margin-right: 1.3em; }
#footer-tertiary { flex: 0 0 auto; width: 31.31%; }

/* Grants */
.grant { display: flex; margin-bottom: 40px; }
.grant h2 { margin: 0; }
.grant-content { flex: 1 1 auto; }
.grant-thumb { flex: 0 0 auto; padding-right: 40px; width: 31.33%; }

/* Group types */
.group-type { border-top: 1px dashed rgba(0, 0, 0, 0.3); display: flex; padding: 25px 0; }
.group-type .img-card-grid { flex: 1 1 auto; padding-left: 40px; }
.group-type .img-card-grid > li { width: 50%; }
.group-type-summary { flex: 0 0 auto; width: 31.31%; }

/* Header */
#header { background: #fff; border-bottom: 3px solid #008bb3; left: 0; padding: 20px 50px 15px; position: fixed; top: 0; width: 100%; z-index: 100; }
#header-primary, #header-secondary { align-items: center; display: flex; justify-content: space-between; }
#logo { flex: 0 0 auto; width: 275px; }
#logo a, #logo img { display: block; }

/* Hero */
.hero { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; font-size: 1.22rem; line-height: 1.27; padding: 0; text-align: center; }
.hero .btn { font-size: 1.3rem; padding: 0.4rem 1.5rem 0.3rem; }
.hero .btn-light { color: #008bb3; }
.hero, .hero a, .hero h1, .hero h2 { color: #fff; }
.hero h1 { font-size: 3.33rem; }
.hero-overlay { background: rgba(17, 148, 176, 0.8); padding: 0 20px; }
.hero-overlay .content { max-width: 866px; padding: 10vh 0; }

/* Hidden */
.hidden, .closed { display: none; }

/* Highlighted sections */
.section-highlight { background: #EDEDED; }
section.section-highlight.subheader p { font-size: 14pt; }
section.section-highlight.subheader a { font-weight: bold; }
/* Icons */
.fa-angle-down {
    color: #666;
}
.fa-check, .fa-lightbulb { color: #1194b0; }

/* Iframes/video elements */
.iframe-container { height: 0; margin-bottom: 1em; 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; }

/* Image cards */
.img-card { align-items: center; display: flex; margin-bottom: 1em; }
.img-card-details { list-style: none; margin: 0; }
.img-card-details li { display: inline; margin-right: 0.7em; white-space: nowrap; }
.img-card-name { font-weight: 500; line-height: 1.3; }
.img-card-summary { flex: 1 1 auto; margin-left: 10px; }
.img-card-summary p { margin: 0; }
.img-card-thumb { flex: 0 0 auto; width: 70px }
.img-card-thumb img { border-radius: 200px; display: block; }

    /* Additional sizes */
    .img-card-large .img-card-thumb { width: 90px; }
    .img-card-mini { margin-bottom: 0.3em; }
    .img-card-mini .img-card-thumb { width: 40px; }
    
    /* Grid display */
    .img-card-grid { display: flex; flex-wrap: wrap; list-style: none; margin: 0 -20px; }
    .img-card-grid > li { flex: 0 0 auto; padding: 0 20px; margin-bottom: 10px; width: calc(100% / 3); }
    
    /* List display */
    .img-card-list { list-style: none; margin: 0; }

/* Intro */
.intro { color: #474747; font-size: 1.22rem; line-height: 1.27; }
.intro-large { color: #474747; font-size: 1.6rem; line-height: 1.27; }

/* jQuery overrides */
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    background: #f0f0f0;
    border: 0;
    cursor: pointer;
}

.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus {
    margin: 0;
}

/* Like buttons */
@keyframes wiggle {
    10% { transform: translateX(3px) rotate(10deg); }
    20% { transform: translateX(-3px) rotate(-10deg); }
    30% { transform: translateX(3px) rotate(10deg); }
    40% { transform: translateX(-3px) rotate(-10deg); }
    50% { transform: translateX(2px) rotate(5deg); }
    60% { transform: translateX(-2px) rotate(-5deg); }
    70% { transform: translateX(2px) rotate(5deg); }
    80% { transform: translateX(-2px) rotate(-5deg); }
    90% { transform: translateX(1px) rotate(0); }
    100% { transform: translateX(-1px) rotate(0); }
}

@keyframes slam {
    0% { opacity: 0; transform: scale(7); }
    100% { opacity: 1; transform: scale(1); }
}

.like { font-size: 0.9rem; margin-top: 0.3em; }
.like a [class="fa-"].clicked { animation-duration: 0.4s; animation-iteration-count: 1; animation-name: slam; animation-timing-function: cubic-bezier(.39,0,1,.48); }
.like a:hover { text-decoration: none; }
.like a:hover [class *= "fa-"]:not(.clicked) { animation-duration: 0.75s; animation-iteration-count: 1; animation-name: wiggle; animation-timing-function: linear; }
.like .count { color: #8c8c8c;  font-size: 0.77rem; }
.like-full a { border: 1px solid #ccc; padding: 0.4em 1em; }
.like-full a:hover { background: #f7f7f7; }
.like-full a [class *= "fa-"] { transform: translateZ(0); }
.like-mini { display: inline-block; }
.like-mini .title { display: none; }
.liked { color: #cfbf00; }

/* List toggle */
.list-toggle li { display: inline; margin: 0; }
.list-toggle li:after { content: ", "; }
.list-toggle li:last-child:after { content: ""; margin-right: 0.7em; }
.list-toggle li:nth-child(n+3):not(:last-child) { display: none; }
.list-toggle p { display: inline; }
.list-toggle ul { display: inline; list-style: none; margin: 0; }
.list-toggle-label { display: inline; }
.list-toggle-label:after { content: ":"; }
.list-toggle-label .list-toggle-trigger { display: none; }

    /* Expanded */
    .list-toggle.expanded { border: 1px solid #ddd; margin: 0.5em 0; padding: 15px; }
    .list-toggle.expanded li { display: block; margin-bottom: 0.5em; }
    .list-toggle.expanded li:after { content: ""; }
    .list-toggle.expanded li:nth-child(n+2) { display: block; }
    .list-toggle.expanded li:last-child { display: none; }
    .list-toggle.expanded .list-toggle-label { color: #000; }
    .list-toggle.expanded p { font-weight: bold; }
    .list-toggle.expanded ul { column-count: 3; column-gap: 40px; display: block; margin-bottom: 0.5em; }
    .list-toggle.expanded .list-toggle-label:after { content: ""; }
    .list-toggle.expanded .list-toggle-label .list-toggle-trigger { display: inline; margin-left: 1em; }

/* 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; }
.logos [class *= "call"] { float: none !important; margin: 0 !important; vertical-align: middle; width: auto !important; }

    /* 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; }

/* Map */
.marker { box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); padding: 15px; text-align: center; width: 300px; }
.marker h3 { margin: 0; }
#map, .map { background: #ddd; height: 60vh; }
.infoBox { overflow: visible !important; }
.section-map { padding: 0; }
    
/* Mask */
#mask {
    background: rgba(255, 255, 255, 0.7);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    transition: filter 0.25s, opacity 0.25s;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 100;
}

.masked { overflow: hidden; }
.masked #mask { opacity: 1; visibility: visible; }

/* Muted text */
.mute { font-size: 0.77rem; }
.mute, .mute a { color: #8c8c8c; }

/* Navigation */
    /* Account */
    .account-menu { font-size: 0.9rem; padding: 0; }
    .account-menu-actions { display: flex; list-style: none; margin: 0; padding: 15px; }
    .account-menu-actions .btn { font-weight: normal; }
    .account-menu-actions li { flex: 1 1 auto; padding-right: 15px; }
    .account-menu-actions li:last-child { padding: 0; }
    .account-menu-user { align-items: center; border-bottom: 1px solid #ddd; display: flex; padding: 15px; }
    .account-menu-primary { background: #f0f0f0; }
    .account-menu-user-actions { display: flex; list-style: none; margin: 0; padding-right: 15px; }
    .account-menu-user-actions li { margin: 0 1em 0 0; }
    .account-menu-user-name { font-weight: bold; white-space: nowrap; }
    .account-menu-user-summary { flex: 1 1 auto; }
    .account-menu-user-thumb { flex: 0 0 auto; margin-right: 10px; width: 70px; }
    .account-menu-user-thumb img { border-radius: 100px; display: block; }
    
    /* Extras */
    #nav-extras { align-items: center; display: flex; flex: 0 0 auto; }
    #nav-extras-account { display: flex; list-style: none; margin: 0 0 0 1em; }
    #nav-extras-account > li { margin: 0 0 0 0.5em; }
    #nav-extras-public { display: flex; font-size: 0.88rem; list-style: none; margin: 0; }
    #nav-extras-public a:hover { text-decoration: underline; }
    #nav-extras-public .current a { color: #21295c; font-weight: 500; }
    #nav-extras-public li { margin: 0 0 0 1em; }
    
    /* Focus areas */
    #focus-area-menu li { margin-bottom: 0.3em; }
    #focus-area-menu ul { list-style: none; margin: 0; }
    #focus-area-menu-primary { flex: 0 0 auto; width: 48.41%; }
    #focus-area-menu-secondary, #focus-area-menu-tertiary { flex: 0 0 auto; width: 22.61%; }
    
        /* Featured */
        #focus-area-menu .featured-focus-areas {
            display: grid;
            grid-gap: 20px;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            list-style: none;
            margin: 0;
            text-align: center;
        }
        
        #focus-area-menu .featured-focus-areas a { display: block; }
        #focus-area-menu .featured-focus-areas img { display: block; margin-bottom: 5px; width: 100%; }
    
    /* Members */
    #nav-members { display: flex; flex: 0 0 auto; font-size: 1.11rem; justify-content: space-between; padding-top: 0.75em; position: relative; width: 100%; }
    #nav-members-primary { display: flex; list-style: none; margin: 0 0 0 -0.5em; }
    #nav-members-primary a { padding: 0.5em; }
    #nav-members-primary a:hover { text-decoration: underline; }
    #nav-members-primary .current a { color: #21295c; font-weight: 500; }
    #nav-members-primary li { margin: 0; }
    #nav-members-focus-areas { display: flex; list-style: none; margin: 0 -0.5em 0 0; }
    #nav-members-focus-areas a:hover { text-decoration: underline; }
    #nav-members-focus-areas .current a { color: #000; font-weight: 500; }
    #nav-members-focus-areas > li { margin: 0; }
    #nav-members-focus-areas > li > a, #nav-members-focus-areas > li > .dropdown > a { padding: 0.5em; }
    
    /* Menu (small screens) */
    .menu {
        background: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        height: 100%;
        opacity: 0;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 45.9px;
        position: fixed;
        right: 0;
        top: 0;
        transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95), visibility 0s 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
        visibility: hidden;
        width: 300px;
    }
    
    .menu > ul { border-bottom: 2px solid #ddd; list-style: none; margin: 0; }
    .menu > ul a { display: block; border-bottom: 1px solid #ddd; padding: 0.5em 1em; }
    .menu-head { background: #008bb3; color: #fff; padding: 0.5em 1em; position: fixed; right: 0; text-align: center; top: 0; width: 300px; }
    .menu-head .menu-close { color: #fff; padding: 0 0.7em; position: absolute; right: 12px; top: 10px; }
    .menu-open #menu-nav { opacity: 1; transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); visibility: visible; z-index: 1000; }
    .menu-signin { padding: 15px 15px 10px; }
    .menu-signin .btn-outline-secondary { border-bottom-color: #008bb3; }
    .menu-signin li { margin-bottom: 15px; }
    
    /* Secondary */
    .nav-secondary { background: #1194b0; padding: 30px 50px 15px; }
    .nav-secondary a { color: #fff; }
    .subnav { height: fit-content; margin: 0; overflow: hidden; position: relative; }
    .subnav .current a { font-weight: bold; color: #21295c;}
    .subnav li { display: inline-block; margin: 0 1em 0 0; white-space: nowrap; }
    .subnav ul { list-style: none; margin: 0; }
    .subnav-toggle { display: none; }
    
        /* Collapsed */
        .subnav.collapsed .subnav-toggle { background: #008bb3; display: block; padding: 0 0 0 20px; position: absolute; right: 0; top: 0; }
        
        .subnav.collapsed .subnav-toggle:after {
            background: -moz-linear-gradient(left, rgba(0,139,179,0) 0%, rgba(0,139,179,1) 100%);
            background: -webkit-linear-gradient(left, rgba(0,139,179,0) 0%,rgba(0,139,179,1) 100%);
            background: linear-gradient(to right, rgba(0,139,179,0) 0%,rgba(0,139,179,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bb3', endColorstr='#008bb3',GradientType=1 );
            content: "";
            height: 100%;
            left: -30px;
            position: absolute;
            top: 0;
            width: 30px;
        }
        
        .subheader .subnav.collapsed .subnav-toggle { background: #e5f3f7; }
        
        .subheader .subnav.collapsed .subnav-toggle:after {
            background: -moz-linear-gradient(left, rgba(229,243,247,0) 0%, rgba(229,243,247,1) 100%);
            background: -webkit-linear-gradient(left, rgba(229,243,247,0) 0%,rgba(229,243,247,1) 100%);
            background: linear-gradient(to right, rgba(229,243,247,0) 0%,rgba(229,243,247,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5f3f7', endColorstr='#e5f3f7',GradientType=1 );
        }
        
        /* Expanded */
        .subnav.expanded { height: auto; }
        .subnav.expanded li { display: block; margin-bottom: 0.5em; white-space: normal; }
        .subnav.expanded .subnav-toggle { display: block; padding: 0 20px; position: absolute; right: 0; top: 0; }
        .subnav.expanded ul { column-count: 3; column-gap: 40px; }
    
    /* Toggles */
    #nav-toggle { display: none; font-size: 1.3rem; }
    #nav-toggle li { margin: 0 0 0 1em; }
    #nav-toggle ul { display: flex; list-style: none; margin: 0; }

/* No-break */
.nb { white-space: nowrap; }

/* Posts */
    /* Actions */
    .post-actions { list-style: none; margin-left: 0; }
    .post-actions > li { display: inline-block; margin-right: 1em; }
    
    /* Details */
    .post-details { color: #8c8c8c; font-size: 0.77rem; list-style: none; margin-left: 0; }
    .post-details li { margin: 0; }

/* Popups (qTip) */
.qtip { background: #fff; border: 1px solid #ccc; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25); font-size: 16px; line-height: 1.4; max-width: 400px; }
.qtip h2 { font-size: 1em; }
.qtip p { margin: 0; }
.qtip-content { max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 20px; }
.qtip-titlebar { border-bottom: 1px solid #ddd; padding: 10px 20px; }

/* Profile */
.profile-primary { flex: 0 0 auto; width: 65.65%; }
.profile-secondary { flex: 0 0 auto; width: 31.31%; }
.profile-section { display: flex; justify-content: space-between; }

/* Search results */
.search-results { display: flex; }
.search-results-categories { flex: 0 0 auto; margin-right: 40px; width: 14.14%; }
.search-results-categories .current a { color: #000; font-weight: bold; }
.search-results-primary { flex: 1 1 auto; width: 57.07%; }
.search-results-secondary { flex: 0 0 auto; margin-left: 40px; width: 22.72%; }

/* Section features */
.section-feature { align-items: center; display: flex; justify-content: space-between; }
.section-feature-media, .section-feature-text { flex: 0 0 auto; width: 48%; }

/* Subheader */
.subheader { padding-bottom: 25px; padding-top: 25px; }
.subheader .browse-toolbar { margin: 1em 0 0; }
.subheader .content { align-items: center; display: flex; }
.subheader h1 { margin: 0; }
.subheader-actions { flex: 0 0 auto; margin-left: 30px; text-align: center; width: 300px; }
.subheader-description { flex: 0 0 auto; padding-top: 1em; width: 100%; }
.subheader p { margin-bottom: 0; }
.subheader-primary { flex: 1 1 auto; }
.subheader-thumb { flex: 0 0 auto; margin-right: 30px; width: 110px; }
.subheader-thumb img { border: 2px solid #fff; border-radius: 100px; display: block; }

/* Stream */
.stream { border: 1px solid #ddd; border-bottom: 0; margin-bottom: 1em; }
.stream .like { float: right; }
.stream-content { flex: 1 1 auto; padding-left: 20px; }
.stream-item { border-bottom: 1px solid #ddd; display: flex; padding: 15px; }
.stream-thumb { flex: 0 0 auto; width: 50px; }
.stream-thumb img { border-radius: 100px; }
.stream-title { font-weight: 500; line-height: 1.38; }

/* Tags Assigned */
#tags-assigned { margin-top: 1rem; }
#tags-assigned ol { list-style: none; margin-left: 0; }
#tags-assigned a:before { content: "+ "; }
#tags-assigned a.selected:before { color: red; content: "× "; }

/* Thumbnail grid */
.thumb-grid { display: flex; flex-wrap: wrap; list-style: none; margin: 0 -10px 1em; }
.thumb-grid > li { flex: 0 0 auto; padding: 0 10px; }
.thumb-grid-image img { display: block; margin-bottom: 5px; width: 100%; }

    /* Grid sizes */
    .thumb-grid-3 > li { width: calc(100% / 3); }
    .thumb-grid-4 > li { width: 25%; }
    .thumb-grid-5 > li { width: 20%; }
    .thumb-grid-6 > li { width: calc(100% / 6); }

/* Thumbnail table */
.thumb-table { width: 100%; }
.thumb-table td { border: 1px solid #ddd; border-width: 1px 0; padding: 0.5em; vertical-align: middle; }
.thumb-table-thumb { width: 70px; }
.thumb-table-thumb img { display: block; }

/* Toolbars */
.heading-toolbar { align-items: baseline; display: flex; justify-content: space-between; }
.heading-toolbar-collapsed { display: none; }
.heading-toolbar-collapsed .btn-link { padding: 0.4em 0.7em; }
.heading-toolbar-label { flex: 0 0 auto; margin-right: 0.7em; }
.heading-toolbar-legend { margin-right: 1em; white-space:  nowrap; }
.heading-toolbar-primary { align-items: baseline; display: flex; flex: 1 1 auto; }
.heading-toolbar-primary-options { align-items: baseline; display: flex; }
.heading-toolbar-secondary { flex: 1 1 auto; text-align: right; }

/* Truncation toggle */
.truncate { overflow: hidden; }
.truncate.open { overflow: auto; height: auto !important; }

/* Twitter widget */
#twitter img { display: block; margin: 0 auto; width: auto; }
.twtr-header, .twtr-user { display: none; }
.twtr-tweet { margin-bottom: 1em; }
.twtr-tweet-actions { font-size: 0.77rem; }
.twtr-tweet-actions, .twtr-tweet-actions a { color: #8c8c8c; }

/* Walled content */
.wall {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    height: 100vh;
    overflow: auto;
    padding: 20px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.wall-content { max-width: 400px; }
.walled #mask { background: #fff; opacity: 1; visibility: visible; z-index: 1000; }
.walled { overflow: hidden; }


/* Widths
=====================================================================*/
@media screen and (max-width: 1050px) {
    section { padding-left: 20px; padding-right: 20px; }
    #header { padding-left: 20px; padding-right: 20px; }
    #logo { width: 185px; }
    #main { padding-top: 118px; }
    .public #main { padding-top: 74px; }
}

@media screen and (max-width: 900px) {
    /* Layout */
    #main, .public #main { padding-top: 56px; }
    
    /* Content */
        /* Dropdowns */
        .mega-dropdown-menu { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; padding: 15px; position: static; }
        
        /* Features */
        .features-4 .features-panel { width: 50%; }
        .features-5 .features-panel { width: calc(100% / 3); }
        
        /* Footer */
        #footer-nav { line-height: 1.8; }
        #footer-nav li { display: inline-block; margin: 0 0.5em; white-space: nowrap; }
        #footer-primary { border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 30px; padding-bottom: 30px; text-align: center; width: 100%; }
        #footer-secondary { width: 55%; }
        #footer-tertiary { width: 30%; }
        
        /* Forms */
            /* Search */
            #site-search {
                background: #fff;
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
                left: 0;
                opacity: 0;
                padding: 10px;
                position: fixed;
                top: 0;
                transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95), visibility 0s 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
                visibility: hidden;
                width: 100%;
            }
            
            .search-open #site-search {
                opacity: 1;
                transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
                visibility: visible;
                z-index: 1000;
            }
        
        /* Header */
        #header { padding: 10px 15px; }
        #header .content { flex-wrap: nowrap; }
        
        /* Hero */
        .hero h1 { font-size: 2.5rem; }
        
        /* Navigation */
        #nav-extras, #nav-members { display: none; }
        #nav-toggle { display: block; }
        
            /* Focus areas */
            #focus-area-menu { display: block; }
            #focus-area-menu a { border: 0; display: inline; padding: 0; }
            #focus-area-menu-primary, #focus-area-menu-secondary, #focus-area-menu-tertiary { margin-bottom: 1em; width: auto; }
        
        /* Search results */
        .search-results { flex-wrap: wrap; }
        .search-results-categories { width: 100%; }
        .search-results-categories li { display: inline-block; margin-right: 1em; }
        .search-results-categories ul { -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
        .search-results-secondary { width: 31.28%; }
}

@media screen and (max-width: 900px) {
    /* Layout */
    .content-primary, .content-secondary { width: auto; }
    .content-sidebar { display: block; }
    
        /* Columns */
        [class *= "cols"] { column-count: 2; }
        .columns { display: block; }
        [class *= "columns-"] .column { width: auto; }
    
    /* Content */
        /* Banners */
        .banner { min-height: 300px; }
        .banner h1 { font-size: 2.5rem; }
        .banner-overlay { padding: 80px 20px 40px; }
        
        /* Browse toolbar */
        .browse-toolbar .search { flex: 1 1 auto; width: auto; }
        .browse-toolbar .btn-label { display: none; }
        
        /* Events */
        .event-actions li { display: block; margin: 0 0 0.5em; }
        .events > li { display: block; }
        .events-date { align-items: baseline; display: flex; margin-bottom: 1em; width: 100%; }
        .events-date-day { margin-right: 0.7em; }
        
        /* Features */
        .features-list { display: block; }
        
            /* Layouts */
            [class *= "features-"] .features-panel { width: auto; }
            
            /* Thumbnails */
            .features-panel-thumb { margin-bottom: 15px; overflow: hidden; }
            .features-panel-thumb .features-image { float: right; margin: 0 0 1em 1em; width: 30%; }
        
        /* Filters */
        .filter-list { column-count: 2; }
        
        /* Footer */
        #footer { padding-left: 20px; padding-right: 20px; }
        
        /* Forms */
        .form-field { width: auto; }
        .form-label { font-weight: 500; text-align: left; width: auto; }
        .form-row { display: block; }
        
            /* Search help */
            .search-help { display: block; }
            .search-help dd, .search-help dt { width: auto; }
            .search-help dt { font-size: 0.85rem; font-weight: bold; margin-bottom: 0; text-transform: uppercase; }
        
        /* Group types */
        .group-type { display: block; }
        .group-type .img-card-grid { padding: 0; }
        .group-type-summary { width: auto; }
        
        /* Image cards */
        .img-card-grid li { width: 50%; }
        
        /* List toggle */
            /* Expanded */
            .list-toggle.expanded ul { column-count: 2; }
        
        /* Navigation */
            /* Secondary */
            .subnav.expanded ul { column-count: 2; }
        
        /* Profile */
        .profile-primary, .profile-secondary { margin-bottom: 3vw; width: auto; }
        .profile-section { display: block; }
        
        /* Search results */
        .search-results { display: block; }
        .search-results-primary { border-bottom: 1px solid #ddd; margin-bottom: 2em; padding-bottom: 2em; width: auto; }
        .search-results-secondary { margin: 0; width: auto; }
        
        /* Subheader */
        .subheader { padding-bottom: 25px; padding-top: 20px; }
        .subheader .content { display: block; }
        .subheader-actions { margin: 0.5em 0 0; text-align: left; width: 100%; }
        .subheader-thumb { float: right; margin: 0 0 0 20px; width: 90px; }
        
        /* Thumbnail grid */
        .thumb-grid-5 > li, .thumb-grid-6 > li { width: 25%; }
}

@media screen and (max-width: 600px) {
    /* Basics */
    h1 { font-size: 1.6rem; }
    h2 { font-size: 1.4rem; }
    h3 { font-size: 1.2rem; }
    html { font-size: 16px; }
    section { padding-bottom: 7vw; padding-top: 7vw; }
    
    /* Layout */
    #main, .public #main { padding-top: 55.2px; }
    
    /* Content */
        /* Accounts */
        .account-primary, .account-secondary { width: auto; }
        .account-section { display: block; padding-top: 1.5em; }
        
        /* Banner */
        .banner { min-height: 30vh; }
        .banner h1 { font-size: 1.6rem; }
        .banner-overlay { padding: 40px 20px 20px; }
        
        /* Callouts */
        [class *= "call"] { float: none; margin: 0 0 10px; width: auto !important; }
        [class *= "call"] img { display: block; width: 100%; }
        
        /* Comments */
        .comments > li { display: block; }
        .comments-author .heading-toolbar-primary { display: flex; }
        .comments-body { padding-left: 0; }
        .comments-thumb { float: right; margin: 0 0 1em 1em; }
        .comments .heading-toolbar-label { width: auto; }
        
        /* Filters */
        .filter-list { column-count: 1; }
        
        /* Footer */
        #colophon { display: block; text-align: center; }
        .colophon-nav { justify-content: center; }
        #footer .content { display: block; }
        #footer-primary { text-align: left; }
        #footer-primary li { display: block; margin: 0 0 0.3em; }
        #footer-primary, #footer-secondary, #footer-tertiary { border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 20px; padding-bottom: 20px; width: auto; }
        #footer-tertiary { border: 0; margin: 0; padding: 0; }
        
        /* Forms */
            /* Search */
            #site-search > .input-group { flex-wrap: wrap; }
            #site-search .input-group-prepend { border-bottom: 1px solid #ddd; margin-bottom: 0.5em; width: 100%; }
            #site-search .input-group-prepend .dropdown-toggle { display: block; text-align: center; width: 100%; }
            #search-autocomplete { max-height: 50vh; width: 80% !important; }
            
            /* Textboxes */
            .txt-med { width: 100%; }
        
        /* Grants */
        .grant { display: block; }
        .grant-thumb { padding: 0; width: auto; }
        
        /* Group types */
        .group-type .img-card-grid > li { width: auto; }
        
        /* Header */
        #logo { width: 150px; }
        
        /* Hero */
        .hero h1 { font-size: 2rem; }
        .hero-overlay .content { padding: 30px 0; }
        
        /* Image cards */
            /* Grid display */
            .img-card-grid { display: block; }
            .img-card-grid > li { width: auto; }
        
        /* List toggle */
            /* Expanded */
            .list-toggle.expanded ul { column-count: 1; }
        
        /* Map */
        .marker { width: 200px; }
        
        /* Navigation */
            /* Menu */
            .menu, .menu-head { width: 100%; }
            
            /* Secondary */
            .nav-secondary { padding: 15px; }
            .subnav { height: auto; overflow: auto; }
            .subnav.collapsed ul { display: none; }
            .subnav.collapsed .subnav-toggle { display: block; left: 0; padding: 0; position: static; right: auto; text-align: center; width: 100%; }
            .subnav ul { display: none; }
            .subnav.expanded ul { display: block; column-count: 1; }
        
        /* Section featres */
        .section-feature { flex-direction: column; }
        .section-feature-media { margin-bottom: 15px; order: 1; width: auto; }
        .section-feature-text { order: 2; width: auto; }
        
        /* Stream */
        .stream-author .mute { display: block; }
        .stream-content { padding-left: 10px; }
        .stream-item { padding: 10px; }
        
        /* Subheader */
        .subheader { text-align: center; }
        .subheader-actions { text-align: center; }
        .subheader-thumb { float: none; margin: 0 auto; }
        
        /* Thumbnail grid */
        [class *= "thumb-grid-"] > li { width: 50%; }
        
        /* Toolbars */
        .heading-toolbar { flex-wrap: wrap; }
        .heading-toolbar-collapsed { display: block; }
        .heading-toolbar-label { margin-right: 0; width: 100%; }

	/* Rich temp styles */
	.basic-multi-select {width:50%;}

}