/** City of Bloomington Theme This stylesheet extends the default Factory Number One CSS. @see https://github.com/City-of-Bloomington/factory-number-one */
/** Urls are relative to screen.css */
@import 'https://fonts.googleapis.com/css?family=Lora';
@import 'https://fonts.googleapis.com/css?family=Roboto';
/** @see https://en.wikipedia.org/wiki/Web_colors */
body { color: #212121; font-family: "Roboto", sans-serif; font-size: 1rem; }

h1, h2, h3, h4, h5, h6 { color: #555; font-family: "Roboto", sans-serif; font-size: 1rem; font-weight: 700; }

h1 { font-size: 1.6667rem; margin: 0 0 .5em; }

h2 { font-size: 1.5rem; margin: 0.5em 0; }

h3 { font-size: 1.3rem; margin: 0.5em 0 0.25em 0; }

h4 { font-size: 1.3rem; margin: 0; }

h5 { margin: 0; }

h6 { margin: 0; }

a { color: inherit; text-decoration: none; }

p { line-height: 1.25em; font-size: 1rem; font-weight: 400; margin: 0.5em 0; }

p a { color: #315da6; }

address { white-space: pre-line; }

ol, ul { margin: 0; padding: 0; list-style-type: none; }

table { margin: 1em 0 1em 0; }

th { font-weight: 700; }

td { padding: 0.25em; }

thead th { text-align: left; }

tbody th { text-align: right; }

fieldset { margin: 0 0 3em 0; padding: 0; }

form { margin: 0 0 .2rem 0; }

legend { color: #555; display: block; font-size: 0.8rem; font-weight: 300; margin: 0; padding: 0 0 0 0; }

label { font-weight: normal; }

@media all and (min-width: 640px) { textarea { width: 55ex; height: 12em; } }

@media print { :root { font-size: 10pt; } h1 { font-size: 1.6667rem; margin: 0.5em 0 0 0; } h2 { font-size: 1.5rem; margin: 0.5em 0 0 0; } }

body > header { background-color: #fff; color: #183365; padding-top: 0.5em; padding-left: 0.5em; }

body > header a { color: #183365; font-family: "Roboto", sans-serif; }

body > header > .container h1, body > header > .container h2 { display: inline-block; margin: .2em 0; vertical-align: middle; }

body > header > .container h1 a { margin-left: 0.5em; font-size: 1.5rem; font-weight: normal; display: inline-block; background: url("") no-repeat left center; background-size: 2.5rem; padding-left: 3rem; line-height: 2.5rem; }

body > header > .container h2 { font-size: 0.8rem; margin: 0 0 0 2em; padding: 0 0 0 2em; border-left: 1px solid #eee4e1; }

body > header .utilityBar { position: absolute; right: 10px; top: 10px; }

body > header .utilityBar nav { float: right; margin: 0 0 0 1em; }

@media all and (min-width: 640px) { #nav1 { overflow: auto; } #nav1 a { color: #183365; display: block; float: left; margin-right: 0.5em; padding: 0.5em 0.75em; } #nav1 form { float: right; } #nav1 fieldset { margin: 0; } #nav1 input { font-size: 1em; padding: 0.25em; } }

button, .button { font-family: "Roboto", sans-serif; background: #4caf50; border: 1px solid #9e9e9e; border-radius: 0.5em; box-sizing: content-box; color: #fff; display: inline-block; line-height: 1.2em; margin-right: 0.5em; padding: 0.5em 1em; font-size: 0.8rem; font-weight: normal; vertical-align: middle; background-repeat: no-repeat; background-position: 0.5em center; background-size: 1em 1em; }

button:hover, .button:hover { background-color: #77cc7d; cursor: pointer; text-decoration: none; }

.icon { cursor: pointer; display: inline-block; width: 0; height: 1em; overflow: hidden; text-indent: -1000em; background-repeat: no-repeat; background-position: center center; background-size: 1em 1em; }

button.add, .button.add, .icon.add { background-image: url("../img/fa-svg/gray/svg/plus.svg"); padding-left: 1.6rem; }

button.edit, .button.edit, .icon.edit { background-image: url("../img/fa-svg/gray/svg/pencil.svg"); padding-left: 1.6rem; }

button.delete, .button.delete, .icon.delete { background-image: url("../img/fa-svg/gray/svg/times.svg"); padding-left: 1.6rem; }

button.submit, .button.submit, .icon.submit { background-image: url("../img/fa-svg/gray/svg/check.svg"); padding-left: 1.6rem; }

button.save, .button.save, .icon.save { background-image: url("../img/fa-svg/gray/svg/floppy-o.svg"); padding-left: 1.6rem; }

button.search, .button.search, .icon.search { background-image: url("../img/fa-svg/gray/svg/search.svg"); padding-left: 1.6rem; }

button.calendar, .button.calendar, .icon.calendar { background-image: url("../img/fa-svg/gray/svg/calendar.svg"); padding-left: 1.6rem; }

button.location, .button.location, .icon.location { background-image: url("../img/fa-svg/gray/svg/map-marker.svg"); padding-left: 1.6rem; }

button.map, .button.map, .icon.map { background-image: url("../img/fa-svg/gray/svg/globe.svg"); padding-left: 1.6rem; }

button.list, .button.list, .icon.list { background-image: url("../img/fa-svg/gray/svg/list-ul.svg"); padding-left: 1.6rem; }

button.print, .button.print, .icon.print { background-image: url("../img/fa-svg/gray/svg/print.svg"); padding-left: 1.6rem; }

button.reorder, .button.reorder, .icon.reorder { background-image: url("../img/fa-svg/gray/svg/reorder.svg"); padding-left: 1.6rem; }

button.user, .button.user, .icon.user { background-image: url("../img/fa-svg/gray/svg/user.svg"); padding-left: 1.6rem; }

button.upload, .button.upload, .icon.upload { background-image: url("../img/fa-svg/gray/svg/upload.svg"); padding-left: 1.6rem; }

button.download, .button.download, .icon.download { background-image: url("../img/fa-svg/gray/svg/download.svg"); padding-left: 1.6rem; }

.dropdown { display: inline-block; margin: 0 0.5em; position: relative; }

.dropdown .launcher { border: 1px solid #9e9e9e; border-radius: 0.5em; outline: none; background-repeat: no-repeat; background-position: 0.5em center; background-size: 1em 1em; background-image: url("../img/fa-svg/gray/svg/chevron-down.svg"); padding-left: 1.7em; }

.dropdown .launcher[aria-expanded="true"] + .links { display: block; }

.dropdown .launcher[aria-expanded="false"] + .links { display: none; }

.dropdown .links { background: #fff; box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.5); min-width: 12rem; padding: 0.5em 0; position: absolute; top: 100%; left: 0; text-align: left; transition: opacity .125s ease-in-out; z-index: 20; }

.dropdown .subgroup:not(:first-of-type):before { background-color: #315da6; color: #fff; content: ''; display: block; height: 1px; margin: 0.5em; }

.dropdown a { font-family: "Roboto", sans-serif; display: block; padding: 0.25em 0.5em; }

.dropdown a:hover { background-color: #315da6; color: #fff; }

/* Events, dates, and times. */
.dateHeader { font-size: 0.875rem; font-weight: normal; text-transform: uppercase; margin: 0.67em 0; }

@media all and (min-width: 350px) { .dateHeader { text-transform: none; } .dateHeader-weekday { display: block; font-size: 1.125rem; font-style: italic; line-height: 1em; margin: 0 0 -.25em 0; } .dateHeader-month { font-size: 1.25rem; line-height: 1em; } .dateHeader-monthDate { display: inline-block; font-size: 2.25rem; font-style: italic; line-height: 1rem; position: relative; top: .125em; } }

.event { display: block; }

.event > h1 { display: block; font-size: 1.25em; line-height: 1.25em; margin: 0 0 .25em 0; }

.event-list { display: block; list-style: none; margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; }

.event-dateTime, .event-location { display: inline-block; }

.event-location:before { background: url("../img/fa-svg/gray/svg/map-marker.svg") no-repeat 50% 50%/100% 100%; content: ''; display: inline-block; height: 1em; position: relative; top: .1em; width: 1em; }

.event-meta { margin: 0 0 1rem 0; }

@media all and (min-width: 640px) { .event-meta { margin: 0 0 .5rem 0; } }

.fsCal { border-top: 1px solid; }

.fsCal > .event { position: relative; }

.fsCal > .event > h1 { font-size: 1.125rem; font-weight: normal; margin-right: 2.25rem; }

.fsCal > .event > .icon.calendar { height: 1.4375rem; position: absolute; top: .5rem; right: .5rem; width: 1.4375rem; }

@media all and (min-width: 640px) { .fsCal > .event { box-sizing: border-box; padding-left: 16.6666666667%; } .fsCal > .event:not(:first-of-type) { border-top: 1px solid; } .fsCal > .event > h1 { line-height: 1.25em; margin-bottom: 0; padding-top: .5rem; } .fsCal > .event > time { font-size: 1.125rem; line-height: 1.25em; position: absolute; top: .6rem; left: 0; } .fsCal > .event > .event-description > p { margin: 0.5rem 0; } }

@media all and (min-width: 1080px) { .fsCal > .dateHeader { float: left; } .fsCal > .event { margin-left: 16.6666666667%; padding-left: 8.3333333333%; } }

input[type="tel"] { padding-left: 44px; }

input.date, input.time { width: 10em; }

input[type="checkbox"], input[type="radio"] { font-size: 1em; padding: 0; vertical-align: middle; width: 1em; height: 1em; }

dl { border-top: 1px solid #eee4e1; display: block; margin: 0; padding: 0.5em 0; overflow: auto; }

dl dt { font-family: "Roboto", sans-serif; font-size: 1rem; font-weight: bold; margin: 1em 0 0 0; padding: .2em 0 0 0; }

dl dd { margin: 0; padding: 0; }

dl dd .help { display: inline-block; margin-left: 1em; }

form dl { border-top: none; }

form dl input:not([type="checkbox"]):not([type="radio"]) { box-sizing: border-box; border: 1px solid #9e9e9e; font-family: "Roboto", sans-serif; font-size: 1rem; padding: 0.5em; width: 100%; }

form dl input:not([type="checkbox"]):not([type="radio"]):focus { background-color: #fff; border-color: #212121; }

form dl.checkbox label, form dl.radio label { display: block; margin: 0; vertical-align: middle; margin-bottom: 0.25em; padding: 0 0 0 1.6em; vertical-align: middle; line-height: 1.2em; }

@media all and (min-width: 640px) { form dl { background: gainsboro; margin: 2px 0; } form dl:after { clear: both; content: ''; display: table; } form dl dt { color: #555; float: left; font-size: 0.8125em; margin: 0; padding: .75em 0 0 1em; width: 8em; } form dl dd { margin-left: 8em; } form dl input:not([type="checkbox"]):not([type="radio"]) { font-size: 0.875em; width: 20em; } form dl input:not([type="checkbox"]):not([type="radio"]).datePicker { width: inherit; } form dl input:not([type="checkbox"]):not([type="radio"]).timePicker { width: inherit; } form dl.radio dt, form dl.checkbox dt, form dl.select dt { padding-top: 0.5em; } }

.miniGallery:after { clear: both; content: ''; display: table; }

.miniGallery-col img { width: 100%; }

@media all and (min-width: 640px) { .miniGallery-col { box-sizing: border-box; float: left; } .miniGallery-col:nth-last-of-type(3):first-child, .miniGallery-col:nth-last-of-type(3):first-child ~ .miniGallery-col { width: 33%; } .miniGallery + .text-description ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em; } .miniGallery + .text-description ul > li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } }

thead th { background: #183365; color: gainsboro; font-size: 0.8rem; font-weight: normal; font-family: "Roboto", sans-serif; height: 2em; padding: 0.5em; vertical-align: bottom; }

thead th:first-child { padding-left: 1.5em; }

thead th a { color: #fff; }

tbody th, tbody td { background: gainsboro; border-top: 1px solid #eee4e1; font-size: 1rem; font-family: "Roboto", sans-serif; line-height: 1.2em; padding: 0.5em; vertical-align: top; }

tbody th:first-child, tbody td:first-child { padding-left: 1.5em; }

tbody tr:nth-child(even) td { background: silver; }

table { width: 100%; }

@media print { table .dropdown { display: none; } }

@media print { thead th, thead td, tbody th, tbody td { background: none; font-size: 11pt; } thead th:first-child, thead td:first-child, tbody th:first-child, tbody td:first-child { padding-left: 0; } }

.personList:after { clear: both; content: ''; display: table; }

.personListing { box-sizing: border-box; }

.personListing > dt { float: none; font-size: 1.5rem; line-height: 1.875rem; margin: 0.625rem 0 0 0; }

.personListing > dt:first-child { margin-top: 0; }

.personListing > dt > span:last-child { font-weight: 600; }

.personListing > dd { font-size: 0.875rem; margin: 0; }

@media all and (min-width: 640px) { .personListing { float: left; } }

@media screen and (min-width: 640px) and (max-width: 1080px) { .personListing { width: 33%; } .personListing:nth-of-type(3n+1) { clear: both; } }

@media all and (min-width: 1080px) { .personListing { width: 25%; } .personListing:nth-of-type(4n+1) { clear: both; } }

.pricingTable { margin-right: auto; margin-left: auto; }

.pricingTable:after { clear: both; content: ''; display: table; }

.pricingOffer { box-sizing: border-box; margin-bottom: 2em; }

.pricingOffer-title { font-size: 1.125rem; margin-bottom: 0; }

.pricingOffer-meta { margin: 0 0 .25em 0; }

.pricingOffer-details > p { line-height: 1.25em; margin: .33em 0; }

.pricingOffer-value { font-size: 2em; }

@media all and (min-width: 640px) { .pricingOffer { float: left; width: 50%; } .pricingOffer:nth-last-of-type(3):first-child, .pricingOffer:nth-last-of-type(3):first-child ~ .pricingOffer { width: 33%; } .pricingOffer-title { font-size: 1.5rem; } }

@media all and (min-width: 1080px) { .pricingOffer:nth-last-of-type(4):first-child, .pricingOffer:nth-last-of-type(4):first-child ~ .pricingOffer { width: 25%; } }

main header h1 { display: inline-block; font-size: 1.5rem; margin-right: 1em; }

main header .tools { display: inline-block; }

section, article { margin: 0 0 2em 0; }

section section, section article, article section, article article { margin: 0 0 1rem 0; }

body > header { background-color: #fff; border-top: 0.5em solid #183365; box-shadow: none; margin-bottom: 0; padding: 0; }

body > header a { color: #183365; }

body > header > .container h1, body > header > .container h2 { display: inline-block; height: 2.5rem; margin: 0; vertical-align: middle; }

body > header > .container h1 a, body > header > .container h2 a { display: inline-block; height: 2.5rem; line-height: 2.5rem; vertical-align: middle; }

body > header > .container h1 a { background: url("images/logo.svg") no-repeat left center; font-size: 1rem; font-weight: normal; margin: 0; padding-left: 3rem; background-size: 2.5rem 2.5rem; }

body > header > .container h2 { font-size: 0.8rem; margin: 0 0 0 2em; padding: 0.5em 2em; border-left: 1px solid #eee4e1; }

@media all and (min-width: 640px) { body > header { position: relative; } }

body > header #nav1 { background-color: #183365; }

body > header #nav1 a { background: none; color: #fff; }

table thead th { background: #183365; color: gainsboro; }

table thead th a { color: #fff; }

table tbody th, table tbody td { border-top: 1px solid #eee4e1; }

body { margin: 0; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: #315da6; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

footer { background-color: #212121; color: #555; margin-top: 1em; padding: 0.5em; }

footer p { font-size: 0.8rem; }

form dl { margin: 0; }

fieldset { border: none; }

main { padding-left: 0.5em; }

main .dropdown .launcher { background-color: #4caf50; border-bottom: 0.25em solid #9e9e9e; color: #fff; }

main header { margin-bottom: 0.5em; }

.searchLayout main { padding: 0; }

.searchLayout #panel-one { background-color: #555; color: #fff; }

.searchLayout #panel-one > div, .searchLayout #panel-one > section { margin-left: 0.5em; }

.searchLayout #panel-one summary { font-size: 1rem; margin-bottom: 0.5em; }

.searchLayout #panel-one summary, .searchLayout #panel-one legend, .searchLayout #panel-one dt, .searchLayout #panel-one a, .searchLayout #panel-one h1 { color: #fff; }

.searchLayout #panel-one dl { background-color: #555; }

.searchLayout #panel-one .dropdown a { color: #315da6; }

.searchLayout #panel-one .dropdown a:hover { color: #fff; }

.searchLayout #panel-one input { color: #212121; }

.searchLayout #content-panel h1 { margin-bottom: 0; }

.searchLayout #content-panel h2 { margin: 0; }

.searchLayout #content-panel dl { padding: 0; }

.searchLayout table thead th { text-align: left; }

.icon.slide { background-image: url("images/fa-svg/gray/angle-left.svg"); padding-left: 1.7em; }

.button.text { background-image: url("images/fa-svg/gray/reorder.svg"); padding-left: 1.7em; }

.button.csv { background-image: url("images/fa-svg/gray/download.svg"); padding-left: 1.7em; }

#ticketSearchForm { margin-left: 0.5em; }

#ticketSearchForm ul { list-style-type: none; padding: 0 1rem; }

#ticketSearchForm #display_fields dl { margin: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

#ticketSearchForm #display_fields dd { margin: 0; font-size: 0.8rem; }

#bookmark-updateForm label { display: block; }

#advanced-search > .button.delete { display: block; }

#reportSearchForm ul { padding: 0 1rem; }

#reportSearchForm dd { margin-left: 1em; }

#reportSearchForm select { width: 10em; }

.searchResults { padding: 0 1em; }

.searchResults article { border: 1px solid #eee4e1; padding: 0.5em; }

.searchResults dl { border: none; display: flex; flex-direction: row; }

.searchResults dt { margin: 0; padding: 0; }

.searchResults dd { margin-left: 1em; }

#resultFormatButtons { background-color: #315da6; text-align: center; padding: 0.5em; box-sizing: border-box; }

#resultFormatButtons a { border: 1px solid #555; border-radius: 0; background-color: #315da6; color: #fff; }

#resultFormatButtons a:first-child { border-radius: .25em  0     0  .25em; }

#resultFormatButtons a:last-child { border-radius: 0  .25em .25em  0; }

#resultFormatButtons a.current { background-color: #183365; }

tr.verified td:first-child, tr.usedForNotifications td:first-child { padding-left: 1.7em; background-repeat: no-repeat; background-position: 0.5em center; background-size: 1em 1em; background-image: url("images/fa-svg/green/check.svg"); }

tr.verified td, tr.usedForNotifications td { background-color: gainsboro; }

tr.verified .edit, tr.usedForNotifications .edit { background-image: url("images/fa-svg/white/pencil.svg"); }

tr.verified .delete, tr.usedForNotifications .delete { background-image: url("images/fa-svg/white/times.svg"); }

tr.missing td { background-color: #ed9a9c; }

.pageNavigation { margin: 0.5em; }

.pageNavigation li { display: inline; margin: 0.5em; }

a.current { border: 2px solid #4caf50; }

.searchResultsRows header h1, .ticketInfo header h1 { display: block; margin-bottom: 0; }

.searchResultsRows header .status, .ticketInfo header .status { float: right; }

.searchResultsRows header .status.open, .ticketInfo header .status.open { color: #4caf50; }

.searchResultsRows header .tools, .ticketInfo header .tools { position: relative; top: -1.8em; left: 7em; }

.history article { padding-left: 1rem; }

.history article h1 { font-size: 1rem; }

.history article .sentNotification .message { white-space: pre; }

#location_map { margin-top: 0.5em; }

@media print { body { font-size: 10pt; } main { padding: 0; } body > header, body > footer, #locationInfo .ticketList, .dropdown { display: none; } .tickets #content-panel { width: 48%; float: left; } .tickets #panel-one { margin-left: 50%; } #location_map { width: 312px; } }

/*# sourceMappingURL=screen-2.3.1.css.map */