/* ========== global ==========*/
.no-js .top-bar {
  display: none;
}

body {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #455a64;
}

p {
    line-height: 1.75;
    margin-bottom: 2em;
}

.lowercase { text-transform: lowercase; }
.center-align { margin: 0 auto; text-align: center; }

a { color: #1d8dcd;
    font-weight: 600; }

a#back-to-top {
    border: 1px solid transparent;
    border-radius: 25px;
    color: #df283f;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    -webkit-transition: border-color .25s;
        transition: border-color .25s;
    }
    a#back-to-top:hover {
        border: 1px solid #ce2945;
        color: #ce2945; }
    a#back-to-top > i { margin-right: 6px;
}

hr { border-color: #cfd8dc; }
hr.invisible { visibility: hidden; }
hr.whitespace {
    border: none;
    height: 1.875rem;
}

.their-logo, .their-logo:hover {
    border-width: 0px;
    box-shadow: none;
}

ul.dev-ops-links, ul.dev-ops-links ul {
    font-size: .90rem;
    line-height: 1.375;
    list-style: circle;
    list-style-position: inside;
}

p.dev-ops-links {
    margin-bottom: 0.5em;
}

.fa-square-bracket:before {
    content: '[';
    font-size: 120%;
}

.fa-square-bracket:after {
    content: ']';
    font-size: 120%;
}

code.html {
    background: #eceff1 none repeat scroll 0 0;
    border-radius: 4px;
    display: block;
    font-size: .88rem;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    padding: 1rem 4rem 1rem 1rem;
}

code.highlighter-rouge {
    background-color: #f9f9f9;
    border-color: #d4d4d4;
}

.four-oh-four {
    max-width: 600px;
}

.headshot {
    border: 1px solid #CFD8DC;
    border-radius: 6px;
    max-width: 190px;
    padding: 6px;
}

/* ========== brand colors ==========*/
.ome-blue { color: #1d8dcd; }
.ome-green { color: #128669; }
.ome-red { color: #df283f; }
.ome-navy { color: #1c4a87; }

.bg-ome-blue { background-color: #1d8dcd; }
.bg-ome-green { background-color: #128669; }
.bg-ome-red { background-color: #df283f; }
.bg-ome-navy { background-color: #1c4a87; }

/* ========== headings ========== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

h1 { font-size: 2.5rem; }
h2 { color: #263238;
     font-size: 1.975rem; }
h3 { color: #263238;
     font-size: 1.75rem; }
h4 { color: #1c4a87;
     font-size: 1.5rem; }
h5 { color: #1c4a87;
     font-size: 1.1rem;
     font-weight: 600; }
h6 { color: #455a64;
     font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-size: .75rem;
     font-weight: normal; }

h3.subdivider {
    border-bottom: 1px dotted #cfd8dc;
    margin-bottom: 20px;
    padding-bottom: 10px; }
    h4.subdivider { margin-top: 20px;
}

.subheader {
    color: #607d8b;
    font-size: 1.125rem;
    font-weight: 400;
}

.header-blue { color: #1d8dcd; }
.header-indigo { color: #1c4a87; }
.header-green { color: #128669; }
.header-red { color: #df283f; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.text-shadow-dark { text-shadow: 1px 1px 3px rgba(0,0,0,1); }
.text-shadow-light { text-shadow: 1px 1px 3px rgba(255,255,255,1); }

.margin-top { margin-top: 20px;}
.margin-right { margin-right: 20px;}
.margin-right-half { margin-right: 10px;}
.margin-bottom { margin-bottom: 20px;}
.margin-left { margin-left: 20px;}

/* ========== buttons ==========*/
.button {
    color: #eceff1;
    border-radius: 30px;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}
.button:hover { color: #fff; }

.btn-blue { background-color: #1d8dcd; }
.btn-blue:hover { background-color: #1e8cbc; }
.btn-indigo { background-color: #1c4a87; }
.btn-indigo:hover { background-color: #1b4777; }
.btn-red { background-color: #df283f; }
.btn-red:hover { background-color: #ce2945; }

.button.hollow {
    border-color: #128669;
    color: #128669;
}
.button.hollow:hover {
    border-color: #127559;
    color: #127559;
}

.button.tiny { font-size: .75rem; }

/* ========== main navigation ==========*/
.logo {
    display: inline;
    height: 50px;
    width: 200px;
}

.menu > li > a.logo { padding: 0px 1em 0px 0px; }

.top-bar {
    background-color: #fff;
    /* border-bottom: 1px solid #cfd8dc; for sticky header */
}

.top-bar-right { padding-top: 4px; }

.top-bar ul {
    background-color: #fff;
    padding: 20px 0 15px;
}

.top-bar ul li {
    vertical-align: middle;
}

#main-menu {
    margin: 0 auto;
    max-width: 1160px;
    width: 100%;
}

#main-menu .is-dropdown-submenu {
    border-color: #fff;
}

#main-menu a, .menu-subnav a {
    color: #37474f;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}

#main-menu a:hover {
    color: #03a9f4;
}

/* These top menu links only expand submenu - we don't want them to look like links */
#main-menu .has-submenu>a:hover {
    color: #37474f;
    cursor: default;
}

#main-menu .dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-color: #37474f transparent transparent; }

.header-subnav {
    float: none;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0 auto;
    position: absolute; bottom: 0;
    text-align: center;
    width: 100%; }
    .header-subnav li {
    display: inline-block;
    float: none; }
    .header-subnav li a {
        color: #eceff1;
        display: block;
        font-size: 0.85rem;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 0.9rem 1rem;
        text-rendering: optimizeLegibility;
        text-transform: uppercase;
        transition: all 0.35s ease-in-out; }
        .header-subnav li a.is-active {
            background: rgba(250, 250, 250, 0.15);
            font-weight: bold; }
        .header-subnav li a:hover {
            background: rgba(250, 250, 250, 0.15);
            color: #fff;
            transition: all 0.35s ease-in-out;
}

.menu-subnav {
    background-color: #263238;
}

.menu-subnav a {
    color: #ECEFF1;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}

.menu-subnav li a:hover, .menu-subnav li a.is-active {
    color: #03a9f4;
}

/* ========== hero background images / callouts ==========*/
section.announcement {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-align: center; }
section.announcement a.styled-link {
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}

.marketing-hero, .callout {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

[id^="bg-image-"] {
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0,0,0,.2);
}

[id^="bg-image-"] > div.text-center p, p.hero-subheader {
    color: #fff;
    font-size: 1.11rem;
    font-weight: 600;
    margin-bottom: 5px;
    text-shadow: 1px 1px 3px rgba(0,0,0,1);
    line-height: 1.4rem;
}

#bg-image-users-meeting {
    background-color: #81D4FA;
    background-image: url('../img/bg/plane.png'), url('../img/bg/clouds.png'), url('../img/bg/submarine.png'), url('../img/bg/waves.png'), url('../img/bg/tay-road-bridge.png'), url('../img/bg/hills.png'), linear-gradient(to bottom, #99DBFA, #1C4A87 50%);
    background-position: center top 30px, top center, bottom 10px center, center bottom, center bottom, center bottom, center center;
    background-repeat: no-repeat, repeat-x, no-repeat, repeat-x, repeat-x, repeat-x, no-repeat;
    background-size: 374px 90px, 1290px 125px, 325px 78px, 1290px 128px, 120px 220px, 1290px 348px, cover; }
    .event-highlight {
        position: relative; top: 50px;
    }
#bg-image-main {
    background-image: url('../img/bg/hero-consortium.svg'), url('../img/bg/main.jpg');
    background-position: center 50px, center center;
    background-size: 1290px 500px, cover; }
#bg-image-main-plain { background-image: url('../img/bg/main.jpg'); }
#bg-image-about { background-image: url('../img/bg/about.jpg'); }
#bg-image-teams { background-image: url('../img/bg/teams.jpg'); }
#bg-image-contributors { background-image: url('../img/bg/contributors.jpg'); text-shadow: 0px 1px 7px rgba(0,0,0,1); }
#bg-image-commercial-partners { background-image: url('../img/bg/commercial-partners.jpg'); }
#bg-image-licensing { background-image: url('../img/bg/licensing.jpg'); }
#bg-image-news { background-image: url('../img/bg/news.jpg'); }
#bg-image-announcements { background-image: url('../img/bg/announcements.jpg'); }
#bg-image-events { background-image: url('../img/bg/events.jpg'); }
#bg-image-security { background-image: url('../img/bg/security.jpg'); }
#bg-image-careers { background-image: url('../img/bg/careers.jpg'); }
#bg-image-products { background-image: url('../img/bg/products.jpg'); text-shadow: 0px 1px 1px rgba(0,0,0,1); }
#bg-image-omero { background-image: url('../img/bg/omero-omero.jpg'); }
#bg-image-bio-formats { background-image: url('../img/bg/bio-formats.jpg'); }
#bg-image-community { background-image: url('../img/bg/community.jpg'); }
#bg-image-ome-files { background-image: url('../img/bg/ome-files.jpg'); }
#bg-image-support { background-image: url('../img/bg/support.jpg'); text-shadow: 0px 1px 1px rgba(0,0,0,1); }
#bg-image-docs { background-image: url('../img/bg/docs.jpg'); }
#bg-image-explore { background-image: url('../img/bg/explore.jpg'); }
#bg-image-social { background-image: url('../img/bg/social.jpg'); }
#bg-image-blog { background-image: url('../img/bg/blog.jpg'); }
#bg-image-minutes { background-image: url('../img/bg/minutes.jpg'); }

#bg-hero-ome-community-meeting-2020 {
    background-image: url('../img/bg/remote-world.svg'), linear-gradient(180deg, #fff, #546E7A);
    background-position: center top 30px;
    background-repeat: no-repeat;
    background-size: 1200px, 100%;
    color: #263238; }
#bg-hero-ome-community-meeting-2020-agenda {
    background-color: #fff;
    background-image: url('../img/bg/remote-world-v2.svg'), linear-gradient(180deg, #fff, #546E7A);
    background-position: center top 10px;
    background-repeat: no-repeat;
    background-size: 960px, 100%;
    color: #263238; }
#bg-hero-ome-community-meeting-2021 {
    background-image: url('../img/bg/remote-world.svg'), linear-gradient(180deg, #fff, #546E7A);
    background-position: center top 30px;
    background-repeat: no-repeat;
    background-size: 1200px, 100%;
    color: #263238; }
#bg-hero-ome-community-meeting-2021-agenda {
    background-color: #fff;
    background-image: url('../img/bg/remote-world-v2.svg'), linear-gradient(180deg, #fff, #546E7A);
    background-position: center top 10px;
    background-repeat: no-repeat;
    background-size: 960px, 100%;
    color: #263238; }

.dropdown-pane {
    border-color: #CFD8DC;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    font-weight: 600;
}
.color-coded {
    border: 1px solid #fff;
    border-radius: 4px;
    padding-top: 10px;
}

.marketing-hero-omero-figure {
    background: #CFD8DC url('../img/bg/figures.svg') center center repeat;
    background-size: 124px 124px;
}

.marketing-hero-omero-iviewer {
    background: #CFD8DC url('../img/bg/iviewer.svg') center center repeat;
    background-size: 124px 124px;
}


.bg-image-text-container, .bg-image-text-container-short {
    background-color: transparent;
    padding: 130px 0px;
    text-shadow: none;
}

.bg-image-text-container-short {
    padding: 50px 0px;
}


.bg-image-text-container-cta { padding: 50px 0px; }
.bg-image-text-container-cta > p { margin-bottom: 30px; }

.hero-main-header, div.callout > div.text-center h1, .headline {
    color: #fff;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.65rem;
    font-weight: normal;
    line-height: 1.125;
    margin-bottom: 20px;
    text-shadow: 1px 5px 15px rgba(0,0,0,1);
}

.hero-button-2 { margin-left: 15px; }

a.hero-link {
    color: #eceff1;
    display: block;
    margin-top: 20px;
    text-decoration: underline; }
        a.hero-link:hover {
            color: #fff;
}

a.hero-link-inline {
    color: #eceff1;
    margin-left: 20px;
    text-decoration: underline; }
        a.hero-link:hover {
            color: #fff;
}

a.hero-link-dark {
    color: #455A64;
    display: block;
    margin-top: 20px;
    text-decoration: underline; }
        a.hero-link-dark:hover {
            color: #37474F;
}

p.hero-subheader > a {
    color: #eceff1;
    text-decoration: underline; }
    a.hero-link:hover {
                color: #fff;
}


/* ========== header background images ==========*/
.header {
    background: #000;
    background-size: cover;
    overflow: visible;
    padding-top: 2.5rem;
    padding-bottom: 4.9rem;
    position: relative;
    text-align: center; }
    .header .headline {
        color: #eceff1; }

[id^="header-bg-"] {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#header-bg-scientists { background-image: url('../img/bg/omero-scientists.jpg'); }
#header-bg-developers { background-image: url('../img/bg/omero-developers.jpg'); }
#header-bg-institutions { background-image: url('../img/bg/omero-institutions.jpg'); }

/* ========== cards ==========*/
.card {
    border-color: #cfd8dc;
    border-style: solid;
    border-width: 3px 1px 1px;
    margin: 20px 0px 40px;
    padding: 40px 50px;
}

.card-consortium {
    background-color: transparent;
    border-color: #eceff1;
    border-top-width: 1px;
    color: #1d8dcd;
    font-size: 13px;
    margin: 2pxpx 2px;
    text-align: center;
    padding: 2px;
    -webkit-transition: background-color .65s;
        transition: background-color .65s;
    }
    .card-consortium:hover {
    background-color: #1d8dcd;
    color: #fff;
}

.card-feature {
    border: none;
    padding: 20px;
    }
    .card-feature > .card-section > p { min-height: 100px;
}

.card-public-server {
    min-height: 265px;
    padding: 30px; }
    .card-public-server > .card-section > h4 {
            font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 1rem;
            font-weight: 400;
            margin-bottom: 20px;
            text-transform: capitalize;
}

.card-getting-started {
    margin-bottom: 20px;
    padding: 25px 20px 30px 30px; }
    .card-getting-started > .card-section > i.fa {
        background-color: #eceff1;
        border: 1px solid transparent;
        border-radius: 4px;
        display: block;
        margin: 20px 0;
        padding: 30px;
        text-align: center; }
    .card-getting-started > .card-section > p.card-caption {
        min-height: 90px;
        text-align: center; }
    .card-getting-started > .card-section > h4 {
            font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 1rem;
            font-weight: 400;
            text-transform: capitalize;
}


.card-docs { min-height: 300px; }
    .card-docs > .card-section > h5 {
        color: #1c4a87;
        font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: 400;
        min-height: 130px; }
    .card-docs > .card-section > span { font-size: .88rem; }
    .card-docs.top-blue:hover { background-color: #03a9f4; border-color: #03a9f4; }
    .card-docs.top-gray:hover { background-color: #b0bec5; border-color: #b0bec5; }
    .card-docs.top-green:hover { background-color: #009688; border-color: #009688; }
    .card-docs.top-red:hover { background-color: #ef5350; border-color: #ef5350; }
    .card-docs:hover,
    .card-docs:hover > .card-section > .doc-title,
    .card-docs:hover > .card-section > p.card-caption,
    .card-docs:hover > .card-section > .doc-cta { color: #fff; }
    .doc-cta { color: #1d8dcd; font-size: .88rem; font-weight: 600;
}

.card-download {
    border-top-width: 1px;
    margin-bottom: 30px;
    padding: 25px 20px 30px;
    text-align: center; }
    .card-download > .card-section > i.fa { margin: 0px auto 30px; }
    .card-download > .card-section > img {
        margin: 0 auto 15px;
        max-height: 100px;
}
div.medium-4 > .card-download { min-height: 372px; }
div.medium-3 > .card-download { min-height: 491px; }

.card-download-small {
    border-top-width: 1px;
    margin-bottom: 30px;
    padding: 5px 5px 20px;
    text-align: center; }
    .card-download-small > .card-section > h5 { margin-bottom: 15px; }
    .card-download-small > .card-section > img {
        margin: 0 auto 15px;
        max-height: 100px;
}

.card-support {
    border-top-width: 1px;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 25px 25px 30px; }
    .card-support > .card-section > i.fa {
        border: 1px solid;
        border-radius: 120px;
        margin-bottom: 30px;
        padding: 20px;
    }
    .card-support > .card-section > div > img.thumbnail {
        margin: 0 0 15px;
        max-height: 44px;
    }
    .card-support > .card-section > h4 {
        font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: normal;
        text-transform: uppercase;
}

a.card-as-link > .card-support:hover {
    border: 1px solid #03a9f4;
}
    a.card-as-link > div > div > p.card-caption {
        height: 148px;
    }

p.card-caption, span.card-caption {
    color: #455a64;
    font-size: .90rem;
    font-weight: normal;
    line-height: 1.475;
    padding: 0;
}

.top-blue { border-top-color: #03a9f4; }
.top-gray { border-top-color: #b0bec5; }
.top-green { border-top-color: #009688; }
.top-red { border-top-color: #ef5350; }

.border-blue { border-color: #03a9f4; }
.border-gray { border-color: #b0bec5; }
.border-green { border-color: #009688; }
.border-red { border-color: #ef5350; }

.icon-blue { color: #03a9f4; }
.icon-gray { color: #b0bec5; }
.icon-green { color: #009688; }
.icon-red { color: #ef5350; }

/* ========== graphics: logos ==========*/
.logo-hero {
    margin-bottom: 10px;
    height: 40px;
    text-shadow: 1px 5px 15px rgba(0,0,0,1);
}

.section-title-logo { max-height: 36px; }

.section-title-img-logo {
    margin-bottom: 20px;
    max-height: 30px;
}

.thumbnail {
    border: none;
    box-shadow: none;
}

.thumbnail:focus, .thumbnail:hover {
    border: none;
    box-shadow: none;
}

.logomark {
    height: 60px;
    margin-bottom: 10px;
}

#powered-sites > div > a > img, #thank-you-sites > div > a > img {
    cursor: auto;
    filter: grayscale(100%);
    -webkit-transition: filter .65s;
        transition: filter .65s;
    }
    #powered-sites > div > a > img:hover, #thank-you-sites > div > a > img:hover {
    filter: grayscale(0%);
}

/* ========== graphics: FontAwesome icons ==========*/
[class^="icon-fa-"] {
    background-color: transparent;
    border: 1px solid #b0bec5;
    border-radius: 120px;
    color: #fff;
    height: 80px;
    margin: 0 auto 20px;
    padding: 22px 20px 0px;
    text-align: center;
    width: 80px;
}

/* e.g. omero/apps, /news pages, ensure that icons don't get too close to text. PR #249 */
@media print, screen and (min-width: 40em) {
    .row>div.medium-1 [class^="icon-fa-"] {
        float: right;
        margin-right: -15px;
    }
}

.icon-fa-blue { color: #03a9f4; }
.icon-fa-gray { color: #b0bec5; }
.icon-fa-green { color: #009688; }
.icon-fa-red { color: #ef5350; }

/* ========== graphics: illustrations ==========*/
.user-group-illustration {
    margin-bottom: 20px;
    max-width: 256px;
}

/* ========== graphics: OMERO features ==========*/
.omero-feature-container, .omero-key-feature-container  { margin-bottom: 40px; }
    .omero-feature-container > h4, .omero-key-feature-container > h4 {
        font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: .95rem;
        font-weight: normal;
        text-transform: uppercase; }
    .omero-feature-container > p {
        color: #546e7a;
        font-size: .88rem;
        line-height: 1.375;
        min-height: 45px;
        padding: 0 45px; }
    .omero-feature-container.tall-content > p {
        min-height: 60px;
}

.tall-caption {
    min-height: 85px;
}

.omero-key-feature-container > p {
    font-size: .88rem;
    line-height: 1.375;
    padding: 0;
}

.omero-feature { max-width: 128px; }
.omero-feature-png { max-width: 100px; }

/* ========== section: About ==========*/
.citation {
    border-radius: 2px;
    background-color: #e3f2fd;
    font-style: italic;
    margin-bottom: 10px;
    padding: 10px 15px;
}

a.pmid::before { content: "PMID: "; }

#team-swedlow > div.column {
    border: 1px solid transparent;
    padding-top: 15px;
}
#team-swedlow > div.column:hover {
    background-color: #eceff1;
    border-color: #eceff1;
}
a.team-member > h5 {
    color: #455a64;
    font-weight: normal;
}
a.team-member > p.job-title {
    min-height: 50px;
}
p.job-title {
    color: #90a4ae;
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: .75em;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.reveal {
    border-radius: 4px;
    padding: 30px 30px 20px;
}
.reveal > p { font-size: 14px; }
.reveal > p:not(.job-title)::first-letter {
    color: #1c4a87;
    font-size: 24px;
    font-weight: 600;
    margin-left: 30px;
    word-wrap: normal;
}
#partnerships > .column {
    margin-bottom: -30px;
}

#standards > .column {
    margin-bottom: -30px;
}

.consortium-list div {
    padding-bottom: 20px; }
    span.institution  {
    font-size: 90%;
    padding-left: 5px;
}

.contributors-list div {
    padding-bottom: 20px; }
    .contributors-list a {
    font-size: 90%;
    padding-left: 5px;
}

.logo-display {
    border: 1px solid #CFD8DC;
    border-radius: 4px;
    margin-bottom: 20px; }
    .logo-display > img {
        max-height: 150px;
        padding: 20px;
}

/* ========== section: News ==========*/
#community-posts h2 a { font-weight: normal; }

.event-row, .secvul-row {
    border-bottom: 1px dotted #cfd8dc;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.secvul-row {
    padding-top: 25px;
}
h2.event-day {
    font-size: 1.5rem;
    margin-bottom: 40px; }
h3.event-title, h3.event-title > a {
    font-size: 1.2rem;
    font-weight: 600; }
h3.secvul-heading { font-size: 1.5rem; }
    h3.secvul-heading > i.fa {
        width: 35px; }
    h5.secvul-version {
        color: #455a64;
    }
h4.event-speaker {
    color: #455a64;
    font-size: 1rem; }
h5.event-time {
    color: #263238; }

ul.event-workshop {
    list-style: circle;
    list-style-position: inside; }
    ul.event-workshop > li.event-workshop-title {
        font-weight: 600;
        list-style: none;
    }
    span.event-workshop-room {
        text-transform: uppercase;
    }

ul.pagination li a {
    color: #455a64;
    }
    ul.pagination li a.current:hover {
        color: #455a64;
    }
    ul.pagination li a:hover {
        background-color: #eceff1;
}

/* ========== footer ==========*/
#footer {
    background-color: #eceff1;
    border: none;
    border-top: 1px solid #cfd8dc;
    font-size: .85rem;
    margin-bottom: 0px;
}

#footer a { color: #78909c; }
#footer a:hover { color: #03a9f4; }

#footer h6 { text-transform: uppercase; }

#footer .badge {
    background-color: #1c4a87;
    border-radius: 1px;
}

.footer-logo {
    filter: brightness(0%);
    margin-bottom: 30px;
    max-height: 30px;
    color: #ffffff;
}

p.tiny-print { font-size: .8125rem; }

ul.no-list-style {
    list-style: none;
    margin-left: 0; }
    ul.no-list-style li ul li {
        list-style: "- ";
}

/* ========== social ==========*/
.marketing-site-content-section {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.marketing-site-content-section .marketing-site-content-section-img {
    -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
    -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

.marketing-site-content-section .marketing-site-content-section-img img { width: 100%; }

@media screen and (min-width: 40em) {
  .marketing-site-content-section .marketing-site-content-section-img {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}

.marketing-site-content-section .marketing-site-content-section-block {
    padding: 1rem;
    -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
    -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
    background: #f0f5f9;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
    -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
    -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 40em) {
  .marketing-site-content-section .marketing-site-content-section-block {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    padding: 2rem;
  }
}

.marketing-site-content-section-block-header { }

.marketing-site-content-section-block-subheader { margin-bottom: 20px; }


.social-media-feature-section {
    background: transparent;
    padding: 1rem;
}

.social-media-feature-section-outer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    margin: 0 auto;
    -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media print, screen and (min-width: 40em) {
  .social-media-feature-section-outer {
    max-width: 75%;
  }
}

.social-media-feature-section-headline {
    margin-bottom: 2rem;
    text-align: center;
}

.social-media-feature-section-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.social-media-feature-section-feature {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
    padding: 1rem;
    -webkit-flex: 1 0 50%;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
    -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
    -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.social-media-feature-section-feature.top-left {
    border-right: 1px solid #eceff1;
    border-bottom: 1px solid #eceff1;
}
    .social-media-feature-section-feature.top-right { border-bottom: 1px solid #eceff1; }
    .social-media-feature-section-feature.bottom-left { border-right: 1px solid #eceff1; }

.social-media-feature-section-feature .account-handle {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0px;
}

.social-media-feature-section-feature .account-handle > a { font-weight: 600; }
.social-media-feature-section-feature .account-desc { margin-bottom: 0; }

a.account-profile {
    margin-right: 1rem;
}

img.account-profile-pic {
    border: 2px solid #cfd8dc;
    border-radius: 2px;
    margin-right: 2.25rem;
    max-height: 64px;
    padding: 5px;
}

@media print, screen and (min-width: 40em) {
  .social-media-feature-section-feature {
    padding: 2rem;
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.event-future {
    color: #df283f;
}