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

@media (min-width: 992px) { .header-links { max-width: 600px; } }

.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; }

.bg-lighter-green { background-color: #E6FFF9; }

.bg-light-green { background-color: #D1FAEF; }

.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; }

.event-card { border: 1px solid black; width: 385px; padding-bottom: 1rem; margin: 0 0 15px 15px; }

.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; }

.iframe-embed-doc { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; min-height: 2000px; 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; }

.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: 10px; color: #fff; text-align: center; line-height: normal; }

p.hero { font-size: 1.2rem; text-align: center; margin: 20px; }

@media (min-width: 992px) { p.hero { margin: 0; } }

img.hero { max-width: 300px; border-radius: 9999px; }

@media (min-width: 992px) { img.hero { max-width: 450px; } }

.hero-content { display: flex; flex-direction: column; justify-content: center; gap: 0rem; }

@media (min-width: 992px) { .hero-content { flex-direction: row-reverse; justify-content: space-evenly; align-items: center; gap: 2rem; } }

.hero-content-image { width: fit-content; margin: auto auto; }

.hero-buttons { display: flex; flex-direction: column; align-items: center; }

@media (min-width: 992px) { .hero-buttons { flex-direction: row; justify-content: space-evenly; } }

.hero-buttons * { font-weight: 600; }

#what-we-offer h2 { text-align: center; }

.offer-content { display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 1rem; }

@media (min-width: 768px) and (max-width: 992px) { .offer-content { flex-direction: row; } }

.offer-content-row { display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; }

@media (min-width: 992px) { .offer-content-row { flex-direction: row; } }

.offer-card { width: 300px; background-color: #f1f1f1; box-shadow: 0px 2px 5px 0px #8B8A8C; padding: 24px; }

.offer-card h3 { margin: 0; text-align: end; }

.offer-card p { margin-bottom: 0; }

.offer-card .offer-img { background-color: #1BB890; min-width: 50px; margin-right: 5px; border-radius: 50%; position: relative; display: flex; justify-content: center; align-items: center; padding: 0.5rem; }

#btn-slack { min-width: fit-content; font-weight: 600; }

.slack-content { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 1.5rem; margin-bottom: 1.5rem; gap: 0.5rem; }

@media (min-width: 768px) { .slack-content { flex-direction: row; } }

.oo-logo-list { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; }

.oo-logo-list li, ol { width: 100%; margin: 0; }

.why-choose-oo-content { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; }

@media (min-width: 992px) { .why-choose-oo-content { flex-direction: row; align-items: start; } }

.iframe-container-form-apply { overflow: visible; min-height: 1900px; }

@media (max-width: 500px) { .iframe-container-form-apply { min-height: 2100px; } }

.partner-logos-wrapper { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 1.2rem; /* spacing between logos */ }

.partner-logo { flex: 0 1 auto; max-height: 120px; min-height: 60px; max-width: 220px; object-fit: contain; }

@media (max-width: 576px) { .partner-logo-container { flex: 0 0 100%; /* full width on xs screens */ } }

.citycamp-session-table th { background-color: #2c5f2d; color: white; padding: 12px; text-align: left; }

.citycamp-session-table td { padding: 10px; border-bottom: 1px solid #ddd; vertical-align: top; }

.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-bottom: 0; }

#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 */