body { font: 400 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #111; background-color: #fdfdfd; display: flex; min-height: 100vh; flex-direction: column; }

h1, h2, h3, h4, h5, h6, p { margin-bottom: 12px; }

h2, h3, h4, h5, h6, p { margin-top: 8px; }

.question { font-size: 1.2rem; line-height: 1.8rem; font-weight: normal; color: #11624C; }

.media-headline { margin-bottom: -16px; font-size: 1rem; }

ol { margin-top: 1.6rem; margin-left: 1rem; }

ul { margin-top: 1.6rem; margin-left: 1rem; }

li { margin-top: .3rem; }

a:not([class]), .brand-link { color: #11624c; text-decoration: underline; }

a:not([class]):hover, .brand-link:hover { background-color: #11624c; color: white; }

.breadcrumb-nav, .breadcrumb-nav a { margin-top: 1rem; font-size: .8rem; }

.caption { font-size: 1rem; }

.image-caption { font-size: .9rem; line-height: 1.2rem; margin-bottom: 2rem; }

.blog-date { font-size: 1rem; }

.bold { font-weight: bold; }

.text-small, .fa-inline { font-size: 14px; }

img { max-width: 100%; }

main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ flex: 1; }

.wrapper { max-width: -webkit-calc(900px - (24px * 2)); max-width: calc(900px - (24px * 2)); margin-right: auto; margin-left: auto; padding: 24px; }

.site-header { border-top: 5px solid #424242; border-bottom: 1px solid #e8e8e8; min-height: 44.76px; margin-bottom: 40px; }

.header-logo { width: 240px; margin-right: 80px; }

@media (max-width: 320px) { .header-logo { width: 200px; } }

.site-footer { border-top: 1px solid #e8e8e8; }

.float-right { float: right; }

.float-left { float: left; }

.spacer-top { margin-top: 2rem; }

.spacer-bottom { margin-bottom: 2rem; }

.spacer-equal { margin-top: 2rem; margin-bottom: 2rem; }

.btn-primary { background-color: #21b890; border-color: #21b890; }

.btn-primary:hover { background-color: #11624c; border-color: #11624c; }

.btn-primary:active { background-color: #15775d !important; border-color: #15775d !important; }

.btn-primary:focus { box-shadow: 0 0 0 0.2rem #5de2bf !important; }

.page-section { clear: both; margin-bottom: 48px; }

.home__event-card { margin-bottom: 24px; }

.card-img { height: 100%; object-fit: cover; }

.iframe-container { position: relative; width: 100%; height: 0; }

.iframe-container-video { padding-bottom: 56.25%; margin-bottom: 72px; }

.iframe-video { position: absolute; margin-top: 20px; margin-bottom: 20px; width: 100%; height: 100%; }

.iframe-container-form-contact { overflow: visible; min-height: 1520px; }

.iframe-container-form-speaker { overflow: visible; min-height: 2000px; }

.iframe-form-generic { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; }

.responsiveCal { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }

.responsiveCal iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.project-filter__toolbar { display: flex; align-items: start; margin-top: 2rem; }

.project-filter__toolbar .dropdown:not(:first-of-type) { margin-left: 0.5rem; }

.project-badge { font-weight: normal; padding: 6px; }

article { margin-bottom: 40px; }

.PostNav { font-size: .8rem; display: block; width: auto; overflow: hidden; }

.PostNav a { font-size: .8rem; display: block; width: 50%; float: left; margin: 1em 0; }

.PostNav .next { text-align: right; }

.home-excerpt { font-weight: normal; }

.latest-updates { margin-bottom: 2rem; }

.index-hero { background-image: url("/assets/images/openoakland-blue.png"); /* The image used */ background-color: #013743; height: auto; /* You must set a specified height */ background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ color: #fff; padding: 3rem 2rem 2rem 2rem; margin-top: -2.4rem; }

h1.hero { margin-bottom: 0px; color: #fff; }

p.hero { font-size: 1.6rem; }

hr.hr-slack { border-top: 2px dotted #013743; margin: 5rem 0rem 3rem 0rem; }

hr.hr-home { border-top: 2px dotted #013743; margin: 4rem 0rem; }

.projects-h3 { margin-top: .8rem; }

.projects { float: left; margin-top: 1rem; margin-bottom: 2rem; }

.projects-btn { margin-top: .8em; margin-right: .5rem; }

.projects img, .projects a img { border: 1px #dadada solid; width: 100%; margin-bottom: 1rem; }

.projects a img:hover { border: 1px #1ab890 solid; opacity: 0.9; padding: 0px; }

.steeering-committee-image { margin: 0 3rem 0 0; height: 150px; width: 150px; }

.calendar-card { margin-bottom: 1rem; float: left; }

.calendar-card-subtitle { font-weight: normal; font-style: italic; }

.calendar-card-h3 { margin-top: .8rem; }

.card-header-h3 { margin-top: .3rem; line-height: 1.5rem; }

.resource-card-subtitle { font-weight: normal; font-style: italic; font-size: 1rem; margin-top: .8rem; }

.shout-out-body { padding: 0rem; }

.shout-out-text { padding: 1.25rem; margin-top: 0rem; }

.shout-out-header { font-weight: bold; }

.btn + .calendar-card-link { margin-left: .5rem; font-size: .9rem; }

#announcement { margin-top: 3rem; margin-bottom: 3rem; }

#announcement .container { padding: 0rem 2rem 0rem 2rem; }

.home-alert { margin-top: 2rem; }

#announcement h3 { font-size: 2rem; font-weight: bold; margin-top: -1.5rem; }

#announcement .secondaryLink { margin-left: .5rem; }

#clear { clear: both; }

#steering-faq h3 { font-size: 2rem; font-weight: bold; margin-top: .5rem; }

/** Type styles **/
* { margin: 0; padding: 0; font-size: 1.1rem; font-family: inherit; -webkit-text-size-adjust: 100%; }

body { font-family: 'Open Sans', Helvetica, sans-serif; color: #000; }

p { line-height: 1.5; margin-top: 20px; }

h1, h2, h3, h4, h5 { font-family: 'Open Sans', Helvetica, sans-serif; }

h1, h4, h5, .h5 { color: #013743; margin-top: 1.9rem; }

h1 { font-weight: bold; color: #000; font-size: 2rem; line-height: 1; margin-top: 0; }

h2 { color: #013743; font-weight: bold; font-size: 1.6rem; line-height: 1.2; margin-top: 3rem; }

h3 { font-weight: bold; font-size: 1.3rem; line-height: 1.1; margin-top: 1.9rem; }

h4 { font-size: 1.1rem; line-height: 1.5; font-weight: bold; }

h5, .h5 { font-style: italic; font-size: 1.1rem; line-height: 1.4; }

ul { margin-top: 1.6rem; line-height: 1.5; margin-top: 1.3rem; list-style-type: disc; }

li { margin-left: 1rem; }

.caption { color: #013743; font-size: .7rem; line-height: 1; margin-top: 1.3rem; }

.home-excerpt { font-weight: normal; }

/*# sourceMappingURL=main.css.map */