/* * Sprout - A CSS reset & normalizer * @author Ben Plum * @version 0.1 * * Copyright © 2012 Ben Plum * Released under the MIT License */ /* Reset Box Sizing */ /* * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); } */ /* Reset Properties */ a, abbr, address, area, article, aside, audio, b, bdi, bdo, blockquote, body, /* button, */ canvas, caption, cite, code, col, colgroup, command, data, datagrid, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hgroup, html, i, iframe, img, /* input, */ ins, kbd, keygen, label, legend, li, link, mark, map, menu, meter, nav, object, ol, optgroup, option, output, p, pre, progress, q, ruby, rp, rt, s, samp, section, /* select, */ small, span, strong, sub, summary, sup, table, tbody, td, /* textarea, */ tfoot, th, thead, time, title, tr, track, u, ul, var, video { border: 0; font: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } /* Reset Display Roles */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video, figure { display: inline-block; } :focus, :hover, :active { outline: none; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* Form Inconsistencies */ button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; padding: 0; margin: 0; } /* Basic Text Styles */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { line-height: 1; } /* h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size: 32px; margin: 24px 0; } h2 { font-size: 24px; margin: 22px 0; } h3 { font-size: 18px; margin: 20px 0; } h4 { font-size: 16px; margin: 18px 0; } h5 { font-size: 14px; margin: 16px 0; } h6 { font-size: 12px; margin: 14px 0; } p, pre { font-size: 1em; margin: 20px 0; } blockquote { margin: 20px; } li { margin: 5px 0 5px 20px; } dd { margin: 5px 0 5px 20px; } */ b, strong { font-weight: bold; } address, dfn, em, i, var { font-style: italic; } small, sub, sup { font-size: 75%; } sub, sup { line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } code, kbd, pre, samp { font-family: monospace; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* input, textarea { font-family: sans-serif; font-size: 1em; } */ /* * Gridlock - A CSS responsive grid system [12 column - Mobile First variant] * @author Ben Plum * @version 0.2.0 * * Copyright © 2013 Ben Plum * Released under the MIT License */ /* !Reset Box-sizing */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); } /* !Defaults */ .gridlock .row { margin-left: auto; margin-right: auto; width: 300px; /* Default */ } .gridlock .row:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .gridlock .row .row { margin-left: -1.0416666666666667%; margin-right: -1.0416666666666667%; width: 102.0833333333333334%; } .gridlock .row [class*="mobile-"] { float: left; margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row [class*="mobile-"].right { float: right; } .gridlock .row [class*="mobile-"].padded { margin-left: 0; margin-right: 0; padding-left: 1.0416666666666667%; padding-right: 1.0416666666666667%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; *behavior: none; } /* !Rows, Thinest to Widest */ @media screen and (min-width: 500px) { .gridlock .row { width: 480px; } } @media screen and (min-width: 740px) { .gridlock .row { width: 720px; } } @media screen and (min-width: 980px) { .gridlock .row { width: 960px; } } @media screen and (min-width: 1220px) { .gridlock .row { width: 1200px; } } /* !Mobile, 3 column */ .gridlock .row .mobile-1 { width: 31.25%; } .gridlock .row .mobile-2 { width: 64.5833333333333333%; } .gridlock .row .mobile-3 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .mobile-push-1 { margin-left: 34.375%; } .gridlock .row .mobile-push-2 { margin-left: 67.7083333333334%; } /* !Generic, fractions */ .gridlock .row .mobile-third { width: 31.25%; } .gridlock .row .mobile-half { width: 47.9166666666666667%; } .gridlock .row .mobile-full { width: 97.9166666666666667%; } .gridlock .row .mobile-push-third { margin-left: 34.375%; } .gridlock .row .mobile-push-half { margin-left: 51.0416666666666667%; } /* !Mobile, Min, 300 (max 500) */ @media screen and (max-width: 500px) { .gridlock .row .min-push-0 { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .min-full { width: 97.9166666666666667%; } } /* !Tablet, 6 column, 720 (min 740) */ @media screen and (min-width: 740px) { .gridlock .row [class*="mobile-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .tablet-1 { width: 14.5833333333333333%; } .gridlock .row .tablet-2 { width: 31.25%; } .gridlock .row .tablet-3 { width: 47.9166666666666667%; } .gridlock .row .tablet-4 { width: 64.5833333333333333%; } .gridlock .row .tablet-5 { width: 81.25%; } .gridlock .row .tablet-6 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .tablet-push-1 { margin-left: 17.7083333333333333%; } .gridlock .row .tablet-push-2 { margin-left: 34.375%; } .gridlock .row .tablet-push-3 { margin-left: 51.0416666666666667%; } .gridlock .row .tablet-push-4 { margin-left: 67.7083333333334%; } .gridlock .row .tablet-push-5 { margin-left: 84.375%; } /* !Generic, fractions */ .gridlock .row .tablet-third { width: 31.25%; } .gridlock .row .tablet-half { width: 47.9166666666666667%; } .gridlock .row .tablet-full { width: 97.9166666666666667%; } .gridlock .row .tablet-push-third { margin-left: 34.375%; } .gridlock .row .tablet-push-half { margin-left: 51.0416666666666667%; } } /* !Desktop, 12 column, 960 (min 980) */ @media screen and (min-width: 980px) { .gridlock .row [class*="tablet-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .desktop-1 { width: 6.25%; } .gridlock .row .desktop-2 { width: 14.5833333333333333%; } .gridlock .row .desktop-3 { width: 22.9166666666666667%; } .gridlock .row .desktop-4 { width: 31.25%; } .gridlock .row .desktop-5 { width: 39.5833333333333333%; } .gridlock .row .desktop-6 { width: 47.9166666666666667%; } .gridlock .row .desktop-7 { width: 56.25%; } .gridlock .row .desktop-8 { width: 64.5833333333333333%; } .gridlock .row .desktop-9 { width: 72.9166666666666667%; } .gridlock .row .desktop-10 { width: 81.25%; } .gridlock .row .desktop-11 { width: 89.5833333333333333%; } .gridlock .row .desktop-12 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .desktop-push-1 { margin-left: 9.375%; } .gridlock .row .desktop-push-2 { margin-left: 17.7083333333333333%; } .gridlock .row .desktop-push-3 { margin-left: 26.0416666666666667%; } .gridlock .row .desktop-push-4 { margin-left: 34.375%; } .gridlock .row .desktop-push-5 { margin-left: 42.7083333333333334%; } .gridlock .row .desktop-push-6 { margin-left: 51.0416666666666667%; } .gridlock .row .desktop-push-7 { margin-left: 59.375%; } .gridlock .row .desktop-push-8 { margin-left: 67.7083333333334%; } .gridlock .row .desktop-push-9 { margin-left: 76.0416666666668%; } .gridlock .row .desktop-push-10 { margin-left: 84.375%; } .gridlock .row .desktop-push-11 { margin-left: 92.7083333333335%; } /* Center Cells */ .gridlock .row [class*="desktop-"].center { margin-left: auto; margin-right: auto; } /* !Generic, fractions */ .gridlock .row .desktop-third { width: 31.25%; } .gridlock .row .desktop-half { width: 47.9166666666666667%; } .gridlock .row .desktop-full { width: 97.9166666666666667%; } .gridlock .row .desktop-push-third { margin-left: 34.375%; } .gridlock .row .desktop-push-half { margin-left: 51.0416666666666667%; } } /* !Desktop, Max, 12 column, 1200 (min 1220) */ @media screen and (min-width: 1220px) { .gridlock .row .max-1 { width: 6.25%; } .gridlock .row .max-2 { width: 14.5833333333333333%; } .gridlock .row .max-3 { width: 22.9166666666666667%; } .gridlock .row .max-4 { width: 31.25%; } .gridlock .row .max-5 { width: 39.5833333333333333%; } .gridlock .row .max-6 { width: 47.9166666666666667%; } .gridlock .row .max-7 { width: 56.25%; } .gridlock .row .max-8 { width: 64.5833333333333333%; } .gridlock .row .max-9 { width: 72.9166666666666667%; } .gridlock .row .max-10 { width: 81.25%; } .gridlock .row .max-11 { width: 89.5833333333333333%; } .gridlock .row .max-12 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .max-push-0 { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .max-push-1 { margin-left: 9.375%; } .gridlock .row .max-push-2 { margin-left: 17.7083333333333333%; } .gridlock .row .max-push-3 { margin-left: 26.0416666666666667%; } .gridlock .row .max-push-4 { margin-left: 34.375%; } .gridlock .row .max-push-5 { margin-left: 42.7083333333333334%; } .gridlock .row .max-push-6 { margin-left: 51.0416666666666667%; } .gridlock .row .max-push-7 { margin-left: 59.375%; } .gridlock .row .max-push-8 { margin-left: 67.7083333333334%; } .gridlock .row .max-push-9 { margin-left: 76.0416666666668%; } .gridlock .row .max-push-10 { margin-left: 84.375%; } .gridlock .row .max-push-11 { margin-left: 92.7083333333335%; } } /*--------------------------- Fonts ---------------------------*/ /* DOSIS */ @font-face { font-family: 'dosissemibold'; src: url('../fonts/dosis-semibold-webfont.eot'); src: url('../fonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dosis-semibold-webfont.woff') format('woff'), url('../fonts/dosis-semibold-webfont.ttf') format('truetype'), url('../fonts/dosis-semibold-webfont.svg#dosissemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dosismedium'; src: url('../fonts/dosis-medium-webfont.eot'); src: url('../fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dosis-medium-webfont.woff') format('woff'), url('../fonts/dosis-medium-webfont.ttf') format('truetype'), url('../fonts/dosis-medium-webfont.svg#dosismedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dosisbold'; src: url('../fonts/dosis-bold-webfont.eot'); src: url('../fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dosis-bold-webfont.woff') format('woff'), url('../fonts/dosis-bold-webfont.ttf') format('truetype'), url('../fonts/dosis-bold-webfont.svg#dosisbold') format('svg'); font-weight: normal; font-style: normal; } /* OPEN SANS */ @font-face { font-family: 'OpenSansRegular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('../fonts/OpenSans-Italic-webfont.eot'); src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('../fonts/OpenSans-Semibold-webfont.eot'); src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldItalic'; src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot'); src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight: normal; font-style: normal; } /* * Boxer [Formstone Library] * @author Ben Plum * @version 1.6.5 * * Copyright © 2013 Ben Plum * Released under the MIT License */ #boxer, #boxer .boxer-container, #boxer .boxer-content, #boxer-overlay { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #boxer-overlay { background: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 105; } #boxer { background: #fff url(fs-boxer-loading.gif) no-repeat center; border-radius: 5px; box-shadow: 0 0 25px #000; padding: 10px; position: absolute; z-index: 105; } /* #boxer.inline { padding: 30px; } */ #boxer .boxer-close { background: #fff url(fs-boxer-icons.png) no-repeat -70px 10px; border-radius: 100%; cursor: pointer; display: block; height: 30px; position: absolute; padding: 0; right: -8px; top: -8px; width: 30px; text-indent: -99999px; z-index: 106; } #boxer .boxer-close:hover { background-position: -70px -20px; } #boxer .boxer-container { background: #fff; height: 100%; overflow: hidden; position: relative; width: 100%; z-index: 105; zoom: 1; } #boxer .boxer-content { background: #fff; overflow: hidden; padding: 0; width: 10000px; } #boxer .boxer-image { float: left; } #boxer .boxer-video { height: 100%; width: 100%; } #boxer .boxer-iframe { float: left; height: 100%; overflow: auto; width: 100%; } #boxer .boxer-meta { clear: both; } #boxer .boxer-arrow { background: #fff url(fs-boxer-icons.png) no-repeat 0 0; border-radius: 100%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); cursor: pointer; display: block; height: 40px; margin-right: auto; margin-left: auto; opacity: 0; position: absolute; text-indent: -99999px; top: 0; width: 40px; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -ms-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } #boxer .boxer-arrow.previous { left: 20px; } #boxer .boxer-arrow.next { background-position: -40px 0; right: 20px; } #boxer .boxer-content:hover .boxer-arrow { opacity: 0.75; } #boxer .boxer-content .boxer-arrow:hover { opacity: 1; } #boxer .boxer-content:hover .boxer-arrow.disabled { opacity: 0.3; cursor: default !important; } #boxer .boxer-position { color: #999; font-size: 11px; margin: 0; padding: 15px 10px 5px; } #boxer .boxer-caption p { margin: 0; padding: 15px 10px 10px 10px; } #boxer .boxer-caption.gallery p { padding-top: 0; } #boxer { background-image: url(../images/fs-boxer-loading.gif); } #boxer .boxer-close { background-image: url(../images/fs-boxer-icons.png) } #boxer .boxer-arrow { background-image: url(../images/fs-boxer-icons.png); } /* * Picker Plugin [Formstone Library] * @author Ben Plum * @version 0.3.4 * * Copyright © 2013 Ben Plum * Released under the MIT License */ .picker-element { left: -999999px; position: absolute; } .picker { cursor: pointer; margin: 0 0 10px 0; overflow: hidden; } .picker .picker-label { color: #888; cursor: pointer; display: block; float: left; font-size: 14px; float: left; line-height: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .picker .picker-handle { border: 1px solid #ccc; display: block; float: left; height: 16px; margin: 0 5px 0 0; width: 16px; } @media screen and (min-width: 740px) { .picker:hover .picker-label { color: #555; } .picker:hover .picker-handle { border-color: #aaa; } .picker.picker-radio:hover .picker-flag { background: #ddd; } } .picker.focus .picker-label { color: #555; } .picker.focus .picker-handle { border-color: #aaa; } /* Radio Input */ .picker.picker-radio .picker-handle { border-radius: 8px; } .picker.picker-radio .picker-flag { background: #fff; display: block; border-radius: 4px; height: 8px; margin: 3px; width: 8px; } .picker.picker-radio.focus .picker-flag { background: #ddd; } .picker.picker-radio.checked .picker-flag { background: #999; } /* Checkbox Input */ .picker.picker-checkbox .picker-handle { border-radius: 3px; } .picker.picker-checkbox .picker-flag { background: #fff; border-radius: 2px; display: block; height: 100%; margin: 0; width: 100%; } /* 'Checked' */ .picker.picker-checkbox.checked .picker-flag { background: #fff url(fs-picker-icon.png) no-repeat center; } /* Toggle Input */ .picker.picker-toggle { padding: 20px 0 0; position: relative; } .picker.picker-toggle .picker-toggle-label { color: #999; font-size: 12px; position: absolute; text-transform: uppercase; top: 0; } .picker.picker-toggle .picker-toggle-label.on { left: 0; } .picker.picker-toggle .picker-toggle-label.off { color: #333; right: 0; } .picker.picker-toggle .picker-label { display: none; } .picker.picker-toggle .picker-handle { border-radius: 3px; position: relative; width: 100%; } .picker.picker-toggle .picker-flag { background: #666; border-radius: 2px; display: block; height: 100%; left: 50%; margin: 0; position: absolute; top: 0; width: 50%; -webkit-transition: left 0.1s linear; -moz-transition: left 0.1s linear; -ms-transition: left 0.1s linear; -o-transition: left 0.1s linear; transition: left 0.1s linear; } .picker.picker-toggle.checked .picker-toggle-label.on { color: #333; } .picker.picker-toggle.checked .picker-toggle-label.off { color: #999; } .picker.picker-toggle.checked .picker-flag { background: #666; left: 0; } /* 'Disabled' State */ .picker.disabled .picker-label { color: #ccc; cursor: default; } .picker.disabled .picker-handle { border-color: #eee; cursor: default; } .picker.picker-radio.disabled .picker-flag { background: #fff; } .picker.picker-radio.disabled.checked .picker-flag { background: #eee; } .picker.picker-checkbox.disabled .picker-flag::after { color: #eee; content: ''; } .picker.picker-checkbox.disabled.checked .picker-flag::after { color: #eee; content: '\2714'; } /* * Selecter Plugin [Formstone Library] * @author Ben Plum * @version 2.1.2 * * Copyright © 2013 Ben Plum * Released under the MIT License */ .selecter-element { *left: -999999px; position: absolute; opacity: 0; } .selecter { display: block; margin: 10px 0; position: relative; max-width: 30%; z-index: 1; } .selecter .selecter-selected { background: #F9F9F9 url(fs-selecter-arrow.png) no-repeat right center; border: 1px solid #ccc; border-radius: 3px; color: #333; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; position: relative; text-overflow: clip; z-index: 49; white-space: nowrap; } .selecter .selecter-options { border: 1px solid #ccc; border-width: 0 1px 1px; background-color: #fefefe; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0; margin: 0; max-height: 260px; overflow: auto; overflow-x: hidden; padding: 0; position: absolute; top: 100%; width: 100%; *width: auto; z-index: 50; } .selecter .selecter-group { background: #F9F9F9; border-bottom: 1px solid #e3e3e3; color: #999; display: block; font-size: 11px; padding: 5px 10px 4px; text-transform: uppercase; } .selecter .selecter-item { background: #fff; border-bottom: 1px solid #e3e3e3; color: #666; cursor: pointer; display: block; font-size: 13px; margin: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 100%; } .selecter .selecter-item.selected { background: #F9F9F9; } .selecter .selecter-item.first { border-radius: 0; } .selecter .selecter-item.last { border-radius: 0 0 2px 2px; border-bottom: 0; } @media screen and (min-width: 740px) { .selecter .selecter-item:hover, .selecter .selecter-item.selected:hover { background-color: #f3f3f3; } .selecter:hover .selecter-selected { background-color: #fff; } .selecter.disabled .selecter-item:hover { background: #fff; } } /* Open */ .selecter.open { z-index: 3; } .selecter.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 51; } .selecter.open .selecter-selected, .selecter.focus .selecter-selected { background-color: #fff; } /* 'Cover' Positioning */ .selecter.cover .selecter-options { border-radius: 3px; border-width: 1px; top: 0; } .selecter.cover .selecter-options .selecter-item.first { border-radius: 3px 3px 0 0; } .selecter.cover.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 49; } /* 'Bottom' Positioning */ .selecter.bottom .selecter-options { border-width: 1px 1px 0; bottom: 100%; top: auto; } .selecter.bottom .selecter-item.last { border: none; } .selecter.bottom.open .selecter-selected { border-radius: 0 0 3px 3px; } .selecter.bottom.open .selecter-options { border-radius: 3px 3px 0 0; } /* 'Bottom' + 'Cover' Positioning */ .selecter.bottom.cover .selecter-options { bottom: 0; top: auto; } .selecter.bottom.cover.open .selecter-selected { border-radius: 3px; } .selecter.bottom.cover.open .selecter-options { border-radius: 3px; } /* Multiple Select */ .selecter.multiple .selecter-options { border-radius: 3px; border-width: 1px; box-shadow: none; display: block; position: static; width: 100%; } /* 'Disabled' State */ .selecter.disabled .selecter-selected { background: #fff; border-color: #eee; color: #ccc; cursor: default; } .selecter.disabled .selecter-options { background: #fff; border-color: #eee; } .selecter.disabled .selecter-group, .selecter.disabled .selecter-item { border-color: #eee; color: #ccc; cursor: default; } .selecter.disabled .selecter-item.selected { background: #fafafa; } /* Media Queries */ @media screen and (max-width: 740px) { .selecter { max-width: 40%; } } @media screen and (max-width: 500px) { .selecter { max-width: 100%; } } /* * Stepper Plugin [Formstone Library] * @author Ben Plum * @version 0.1.4 * * Copyright © 2013 Ben Plum * Released under the MIT License */ .stepper { border-radius: 3px; margin: 0 0 10px 0; overflow: hidden; position: relative; width: 300px; } .stepper .stepper-input { background: #F9F9F9; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 13px; line-height: 1.2; margin: 0; overflow: hidden; padding: 9px 10px 10px; width: 100%; z-index: 49; } .stepper .stepper-input::-webkit-inner-spin-button, .stepper .stepper-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .stepper .stepper-input:focus { background-color: #fff; } .stepper .stepper-step { background: #eee url(fs-stepper-arrows.png) no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 50%; position: absolute; right: 0; text-indent: -99999px; width: 20px; z-index: 50; } .stepper .stepper-step.up { background-position: center top; border-bottom: none; top: 0; } .stepper .stepper-step.down { background-position: center bottom; bottom: 0; } @media screen and (min-width: 740px) { .stepper:hover .stepper-input { background-color: #fff; } .stepper .stepper-step:hover { background-color: #F9F9F9; } .stepper.disabled .stepper-step { background: #fff; border-color: #eee; cursor: default; } } .stepper.disabled .stepper-input { background: #fff; border-color: #eee; color: #ccc; } .stepper.disabled .stepper-step { background: #fff; border-color: #eee; cursor: default; } /* * Tabber [Formstone Library] * @author Ben Plum * @version 0.1.0 * * Copyright © 2013 Ben Plum * Released under the MIT License */ .tabber.active { overflow: hidden; } .tabber.active .tabber-tabs { overflow: hidden; } .tabber.active .tabber-tab { color: #999; cursor: pointer; /* display: block; float: left; */ } .tabber.active .tabber-tab.active { color: #333; } .tabber.active .tabber-contents { overflow: hidden; } .tabber.active .tabber-content { display: none; } .tabber.active .tabber-content.active { display: block; } /* #222222 #18A7B4 font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em font-family: dosisbold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em font-family: OpenSansSemiboldItalic, sans-serif; font-style: normal; font-weight: normal font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal font-family: OpenSansItalic, sans-serif; font-style: normal; font-weight: normal font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal */ /*--------------------------- Elements ---------------------------*/ body { background: #222222; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; overflow: hidden; overflow-y: scroll; position: relative; font-smoothing: antialiased; } body * { word-wrap: break-word; /* Webkit Text Wrap Fix */ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2; margin: 20px 0 15px; } h2 { font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 24px; } h3 { font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 18px; } h4 { font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; text-transform: uppercase; } a { text-decoration: none; } a:hover { } em { } strong { font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; } p, pre { font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 1.5; margin: 15px 0 20px; } em { font-style: italic; } /* strong { font-weight: bold; } */ ol, ul { margin: 15px 0 40px 20px; } li { font-size: 13px; line-height: 1.5; margin-bottom: 20px; } /* LIST STYLES */ ol { counter-reset: term; } ol > li { list-style: none; } ol > li:before { color: #18A7B4; counter-increment: term; content: counter(term) ". "; font-family: OpenSansSemiboldItalic, sans-serif; font-style: normal; font-weight: normal; margin: 0 5px 0 -20px; text-align: right; } ul { counter-reset: term; } ul > li { list-style: none; } ul > li:before { background: transparent; background-color: #18A7B4; border-radius: 100%; content: ''; display: block; float: left; height: 7px; margin: 8px 0px 0 -20px; width: 7px; } li ol, li ul { margin-bottom: 0; } table { border: 1px solid #eee; font-size: 13px; line-height: 1.5; margin: 15px 0 20px; width: 100%; max-width: 100%; } table caption { font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; margin-bottom: 10px; text-align: left; } table thead { display: none; } table th, table thead td { background-color: #eee; border: 1px solid #eee; color: #18A7B4; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; padding: 5px 10px; text-transform: uppercase; text-align: left; } table tr { width: 100%; max-width: 100%; } table tr:nth-child(odd) td { background: #f8f8f8; } table td { border-bottom: 1px solid #eee; display: block; padding: 15px 15px; } table td pre { margin: 0; } hr { border: 1px solid #eee; border-width: 1px 0 0; clear: both; } hr.intro { margin: 0 0 20px; } .no_select * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .no_transition { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /*------------------------------------------- Global -------------------------------------------*/ .left { float: left; } .block_left { float: left; margin: 0 20px 20px 0; } .right { float: right; } .block_right { float: right; margin: 0 0 20px 20px; } .center { text-align: center; } .clear { clear: both; } .clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .contain { overflow: hidden; } .circle_crop { border-radius: 100% 100% 100% 100%; overflow: hidden; } .circle_crop img { display: block; } .no_border { border: none; } .split { width: 48%; } .table { display: table; width: 100%; max-width: 100%; } .tr { display: table-row; width: 100%; max-width: 100%; } .td { display: table-cell; max-width: 100%; } /* .link { border-bottom: 1px solid #222222; } .link.blue { border-color: #18A7B4; color: #18A7B4; } */ .page { background: #fff; overflow: hidden; } .gradient { background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); background-image: -o-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); background-image: linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F3F3F3', endColorstr='#FFFFFF'); } /* ROLLER */ .roller { position: relative; } .roller .roller_canister { overflow: hidden; width: 99999px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } .roller.animated .roller_canister { -webkit-transition: -webkit-transform 0.25s ease-out; -moz-transition: -moz-transform 0.25s ease-out; -ms-transition: -ms-transform 0.25s ease-out; -o-transition: -o-transform 0.25s ease-out; transition: transform 0.25s ease-out; } .roller .roller_item { float: left; } .roller .controls, .roller .pagination { margin: 0; padding: 0; width: 100%; } .roller .controls span, .roller .pagination span { cursor: pointer; display: inline-block; overflow: hidden; text-indent: 110%; white-space: nowrap; } .roller .controls span.disabled, .roller .pagination span.disabled { cursor: default; } /* SLIDE NAV */ .nav_slider_navigation { display: none; opacity: 0; } @media screen and (max-width: 980px) { .nav_slider_page { background: #fff; box-shadow: 3px 0 0 rgba(0, 0, 0, 0.25); display: block; left: 0; min-height: 100%; overflow: hidden; position: relative; top: 0; z-index: 1; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; -webkit-transform: translate3D(0px, 0px, 0px); -moz-transform: translate3D(0px, 0px, 0px); -ms-transform: translate3D(0px, 0px, 0px); -o-transform: translate3D(0px, 0px, 0px); transform: translate3D(0px, 0px, 0px); } .nav_slider_navigation { background: #fff; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 270px; z-index: 0; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; -webkit-transform: translate3D(270px, 0px, 0px); -moz-transform: translate3D(270px, 0px, 0px); -ms-transform: translate3D(270px, 0px, 0px); -o-transform: translate3D(270px, 0px, 0px); transform: translate3D(270px, 0px, 0px); } .nav_slider_initialized .nav_slider_navigation { opacity: 1; } .nav_slider_open .nav_slider_page { -webkit-transform: translate3D(-270px, 0px, 0px); -moz-transform: translate3D(-270px, 0px, 0px); -ms-transform: translate3D(-270px, 0px, 0px); -o-transform: translate3D(-270px, 0px, 0px); transform: translate3D(-270px, 0px, 0px); } .nav_slider_open .nav_slider_navigation { -webkit-transform: translate3D(0px, 0px, 0px); -moz-transform: translate3D(0px, 0px, 0px); -ms-transform: translate3D(0px, 0px, 0px); -o-transform: translate3D(0px, 0px, 0px); transform: translate3D(0px, 0px, 0px); } } /* ALPHA NAV */ .page_content .alpha_nav { display: none; } /* COLLAPSIBLE */ .collapsible { overflow: hidden; } .collapsible .collapsible_content { display: none; } .collapsible.open .collapsible_content { display: block; overflow: hidden; } .collapsible.open { /* max-height: 800px !important; */ } /* BUTTONS */ .button, .page_content .button, .page_content .button.red, .page_content .button.green, .page_content .button.orange { border-radius: 3px; border: none; cursor: pointer; color: #fff; display: block; font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 14px; height: 40px; line-height: 38px; padding: 0 12px; text-transform: uppercase; } .button.black { background: #222222; } .button.gray { background: rgba(0, 0, 0, 0.5); } .button.white { background: #fff; color: #222222; } .button.blue { background-color: #18A7B4; } .button.green { background-color: #49A24A; color: #fff; } .button.red { background-color: #CC453D; color: #fff; } .button.orange { background-color: #E9AA35; color: #fff; } .button.purple { background-color: #9966CC; color: #fff; } .contain .button.purple { background-color: #9966CC; color: #fff; } .button.icon:before, .button.profile .text:before { background: url(../images/icons.png) no-repeat 20px 20px; border: none; content: ''; display: block; float: left; margin: 0 10px 0 0; } .button.list:before { background-position: -390px -50px; height: 13px; margin-top: 13px; width: 15px; } .button.profile:before { display: none; } .button.profile .text:before { background-position: -505px 0; height: 19px; margin-top: 9px; width: 24px; } .button.profile.added .text:before { background-position: -820px 0; } .button.profile.blue .text:before, .button.profile.purple .text:before, .button.profile.green .text:before { background-position: -505px -20px; height: 19px; margin-top: 11px; width: 24px; } .button.profile.blue.added .text:before, .button.profile.purple.added .text:before, .button.profile.green.added .text:before { background-position: -820px -20px; width: 22px; } /* BUTTON - ADDER */ .button.adder, .page_content .button.adder, .button.saver, .page_content .button.saver { overflow: hidden; padding: 0; position: relative; } .button.adder span, .button.saver span { display: block; float: left; } .button.adder .text, .button.saver .text { padding: 0 12px; } .button.adder .spinner, .button.saver .spinner { background: #666 url(../images/icon_button_loading.gif) no-repeat center; height: 100%; left: 0; margin: 0; position: absolute; opacity: 0; top: 0; width: 100%; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -ms-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .button.adder.loading .spinner, .button.saver.loading .spinner { opacity: 1; } /* META */ .page_content .meta { border: 1px solid #EEE; border-width: 1px 0; margin-top: 30px; padding: 5px 0; overflow: hidden; } .page_content .meta .button { background: transparent; color: #999999; float: left; font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 14px; height: auto; padding: 0; } .page_content .meta .button:before { background-position: -735px 0; margin-top: 0px; } .page_content .meta .button .text { padding: 0; } .page_content .meta .button.right { float: right; } .page_content .meta .button.profile { float: right; } .page_content .meta .button.profile .text:before { background-position: -535px -20px; /* margin-top: 0; */ } .page_content .meta .button.profile.added .text:before { background-position: -850px -20px; /* margin-top: 0; */ } .page_content .meta .button.remover { float: right; } .page_content .meta .button.remover:before { background-position: -768px -19px; height: 18px; margin-top: 8px; width: 18px; } /* ACTIONS */ .action { border: none; color: #18A7B4; font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 14px; display: block; text-transform: uppercase; } .action.green { color: #49A24A; } .action.red { color: #CC453D; } .action.orange { color: #E9AA35; } .action.purple { color: #9966CC; } /* INFO WINDOWS */ .infowindow { background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); position: absolute; } .infowindow .inner { border-radius: 3px; float: left; margin: 5px; padding: 10px 15px 13px; } .infowindow .caret { background: url(../images/icons.png) no-repeat -300px -70px; content: ''; display: block; height: 21px; left: -10px; position: absolute; top: 16px; width: 10px; } .infowindow_tooltip { white-space: nowrap; } .infowindow_tooltip .inner { background: #eee; } .infowindow_tooltip h3 { float: left; font-size: 18px; line-height: 1; margin: 0; padding: 0; } .infowindow_tooltip small { color: #999; display: inline-block; font-size: 11px; margin: 0 0 0 10px; text-transform: uppercase; } .infowindow_feature .callout.feature { border-radius: 3px; padding: 20px; width: 300px; } .infowindow_feature .callout.feature .marker { right: 10px; top: 10px; } .infowindow_feature h3 { margin: 0 0 10px; } .infowindow_feature h5 { margin: 0 0 10px; } .infowindow_feature p, .infowindow_feature pre { color: #999999; margin: 10px 0; } /* ALERTS */ .alert { background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); padding: 25px; left: -140px; margin: 0 0 0 50%; position: fixed; top: 100px; width: 280px; z-index: 10000; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .alert.ready { -webkit-transition: -webkit-transform 0.25s ease-out; -moz-transition: -moz-transform 0.25s ease-out; -ms-transition: -ms-transform 0.25s ease-out; -o-transition: -o-transform 0.25s ease-out; transition: transform 0.25s ease-out; } .alert.visible { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .alert h2 { color: #18A7B4; margin: 0 0 10px; } .alert p { color: #222222; font-size: 12px; line-height: 1.4; margin: 15px 0 0; } .alert p a { border-bottom: 1px solid #eee; color: #18A7B4; } .alert .styled_form input.button { margin: 10px 0; } /* ADD THIS */ .add_this { clear: both; margin: 10px 0; } .add_this a { border: none !important; } .add_this img { margin: 0 !important; } /* RECAPTCHA */ #recaptcha_widget_div, #recaptcha_widget_div * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; *behavior: none; } #recaptcha_widget_div td { background: #fff; display: table-cell; } #recaptcha_widget_div a { color: #18A7B4; } #recaptcha_widget_div #recaptcha_response_field { border: none !important; font-size: 12px; } /* LIGHTBOX */ #boxer .caption .credit { color: #666666; display: block; } /* VIDEOS */ .video_frame { cursor: pointer; display: block; overflow: hidden; position: relative; } .video_frame:before { background: url(../images/icons.png) no-repeat -600px -100px; content: ''; display: block; height: 40px; left: 50%; margin: -20px 0 0 -20px; position: absolute; top: 50%; width: 40px; z-index: 2; } .video_frame img { position: relative; width: 100%; z-index: 1; } .video_frame iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .video_frame.video_active { cursor: default; } .video_frame.video_active:after { display: none; } /*------------------------------------------- Structure -------------------------------------------*/ /* HEADER */ #header { background: #222222; left: 0; padding: 10px 0; top: 0; width: 100%; } #header .logo { background: url(../images/icons.png) no-repeat 0 -70px; display: block; height: 40px; width: 172px; overflow: hidden; text-indent: 110%; white-space: nowrap; } #geolocator { background: #18A7B4; display: none; height: 60px; overflow: hidden; padding: 10px 0; } #geolocator.visible { display: block; } #geolocator.loading { background: #18A7B4 url(../images/icon_geo_loading.gif) no-repeat center; } #geolocator.loading .step { display: none; } #geolocator .step { display: none; } #geolocator.request .request { display: block; } #geolocator.active .active { display: block; } #geolocator.error .error { display: block; } #geolocator p { color: #fff; font-size: 12px; margin: 0 20px 0 0; } /* #geolocator.error p { margin: 0 100px 0 0; } */ #geolocator .neighborhood { color: #fff; display: block; font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 18px; line-height: 1.2; margin: 0; } #geolocator small { *color: #fff; color: rgba(255, 255, 255, 0.75); display: block; font-size: 11px; margin: 0 0 5px; text-transform: uppercase; } #geolocator .button { background: #D1EDF0; color: #18A7B4; float: right; margin: 0 0 0 10px; } #geolocator .button.refresh { height: 40px; overflow: hidden; padding: 0 0 0 10px; width: 41px; } #geolocator .button.refresh:before { background-position: -670px -20px; height: 19px; margin: 10px 0 0; width: 23px; } #geolocator a { display: block; } .navigation a { color: #fff; font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; display: block; font-size: 13px; line-height: 1.2; text-align: left; text-transform: uppercase; } .navigation .search span { background: url(../images/icons.png) no-repeat -325px 0; content: ''; display: inline-block; height: 24px; width: 24px; overflow: hidden; text-indent: 110%; white-space: nowrap; } .navigation_desktop { width: 100%; } .navigation_full { display: none; } .navigation_compact { display: block; } .navigation_mobile { background: #FAF9F8; height: 100%; width: 270px; } .navigation_mobile .item { border-bottom: 1px solid #eee; } .navigation_mobile a { color: #222222; font-size: 14px; height: 50px; line-height: 50px; padding: 0 30px; } .navigation_mobile a.active { color: #18A7B4; } .navigation_mobile .children { padding: 0 0 20px 20px; } .navigation_mobile .children .children { padding-bottom: 0; } .navigation_mobile .children .item { border: none; } .navigation_mobile .children a { font-size: 12px; height: auto; line-height: 1.3; padding: 5px 30px 5px 30px; } .navigation_mobile .secondary { color: #18A7B4; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 11px; } .navigation_mobile .icon:after { background: url(../images/icons.png) no-repeat 0 0; content: ''; display: block; float: right; margin: 15px 0 0; } .navigation_mobile .profile:after { background-position: -450px 0; height: 19px; width: 19px; } .navigation_mobile .login:after { background-position: -480px 0; height: 19px; margin-right: 3px; width: 14px; } .navigation_mobile .secondary .children .item a { color: #18A7B4; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 11px; letter-spacing: normal; } .navigation_mobile .search { background: #fff; border-bottom: 1px solid #eee; overflow: hidden; padding: 30px; } .navigation_mobile .search fieldset { position: relative; } .navigation_mobile .search input { background-color: #F0F1EF; border: none; float: left; padding: 10px 40px 10px 10px; width: 100%; } .navigation_mobile .search .text { border-radius: 3px; color: #222222; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; } .navigation_mobile .search .submit { background: url(../images/icons.png) no-repeat -350px 0; height: 24px; padding: 0; position: absolute; right: 7px; top: 7px; width: 24px; overflow: hidden; text-indent: 110%; white-space: nowrap; } .navigation_compact .mobile_handle { background: url(../images/icons.png) no-repeat -380px 3px; cursor: pointer; content: ''; display: inline-block; float: right; height: 24px; margin: 8px 0 0; width: 24px; overflow: hidden; text-indent: 110%; white-space: nowrap; } .nav_slider_open .navigation_compact .mobile_handle { background-position: -410px 3px; } .navigation_secondary { margin: 10px 0 15px; text-align: right; clear: both; } .navigation_secondary span, .navigation_secondary a, .navigation_secondary .divider { color: #666666; font-size: 11px; display: inline-block; line-height: 18px; margin: 0 0 0 10px; text-transform: uppercase; } .navigation_secondary .divider { margin: 0 -5px 0 5px; } .navigation_secondary .button_small { background: #999999; border-radius: 2px; color: #fff; height: 18px; padding: 0 7px; } /* FOOTER */ #footer { background: #222222; padding: 10px 0; } #footer article { border-bottom: 1px solid #333; padding: 20px 0; } #footer h5 { color: #E9AA35; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 18px; margin: 0 0 10px; text-transform: none; } #footer p { color: #fff; font-size: 14px; } #footer p a { color: #fff; } #footer .action { color: #E9AA35; margin: 0 15px 10px 0; } #footer .social a { display: block; color: #fff; font-size: 14px; line-height: 24px; margin: 0 0 10px; } #footer .social a:before { background: url(../images/icons.png) no-repeat 10px 10px; clear: both; content: ''; display: block; float: left; height: 24px; margin: 0 10px 0 0; width: 24px; } #footer .social .facebook:before { background-position: -300px -100px; } #footer .social .flickr:before { background-position: -330px -100px; } #footer .social .blog:before { background-position: -360px -100px; } #footer .social .twitter:before { background-position: -390px -100px; } #footer .social .youtube:before { background-position: -420px -100px; } #footer .newsletter { margin: 20px 0 0; } #footer .newsletter input { border: none; border-radius: 3px; float: left; margin: 0 5px 0 0; } #footer .newsletter .text { background: #fff; color: #222222; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; height: 36px; line-height: 34px; padding: 0 10px; width: 70%; } #footer .newsletter .submit { background: #E9AA35; height: 36px; line-height: 34px; } #footer .partners img { border-radius: 3px; width: 140px; } #footer .partners .action { clear: both; margin-top: 10px; } #footer .copyright { color: #fff; font-size: 10px; line-height: 2; text-align: center; } #footer .copyright a { color: #E9AA35; } #footer .copyright .divider { display: none; } #footer .copyright .links .divider { display: inline; } #footer .copyright .love { color: #fff; } #footer .copyright .hearts { color: #E9AA35; } /*------------------------------------------- Page Styles -------------------------------------------*/ .page.dark, .page_header.dark { background: #222222; border-top: 1px solid #424242; } .page.dark h1, .page_header.dark h1 { color: #fff; } .page_header figure.block_right { margin: 0 0 20px; width: 100%; } .page_content { padding: 0 0 30px; } .page_profile { padding-top: 30px; } .page_content h1 { color: #18A7B4; font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 32px; line-height: 1.2; } .page_content h2 { color: #222222; font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 22px; line-height: 1.2; } .page_content h3 { color: #18A7B4; font-size: 18px; } .page_content p .page_content pre, .page_content li { color: #222222; font-size: 14px; line-height: 1.5; } .page_content p.intro { font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1.8; padding: 0 0 20px; } .page_content div.intro p { font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1.8; } .page_content p.borderless { border: 0; } .page_content p.no_results { font-size: 15px; margin-bottom: 50px; } .page_content p.no_results.slim_margin { margin-bottom: 20px; } .page_content h2.bordered, .page_content h2.bordered { border-bottom: 1px solid #eee; padding: 0 0 15px; } .page_content img { max-width: 100%; } .page_content a { border-bottom: 1px solid #eee; color: #18A7B4; } .page_content .action { border: 0; display: inline-block; } .page_content blockquote, .page_content blockquote p { color: #666; font-size: 18px; } .page_content blockquote { margin: 35px 20px 35px 25px; } .page_content blockquote:before {color: #18A7B4; content:"\201C"; display: block; float: left; font-family: dosisbold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 54px; height: 45px; margin: -3px 0 0 -25px; overflow: hidden; width:25px; } .page_content blockquote p { margin: 0; } .page_content figure figcaption { font-size: 12px; line-height: 1.5; margin-top: 8px; } .page_content figure figcaption p { font-size: 12px; margin: 0; } .page_content figure figcaption em { color: #666666; font-family: OpenSansItalic, sans-serif; font-style: normal; font-weight: normal; font-size: 10px; } .page_content figure.block_right { margin: 0 0 20px; } .page_content figure.block_right figcaption { text-align: right; } /* COLORS */ body.green .page_content blockquote:before { color: #49A24A; } body.red .page_content blockquote:before { color: #CC453D; } body.orange .page_content blockquote:before { color: #E9AA35; } body.purple .page_content blockquote:before { color: #9966CC; } body.green .page_content h1, body.green .page_content h3, body.green .page_content a { color: #49A24A; } body.red .page_content h1, body.red .page_content h3, body.red .page_content a { color: #CC453D; } body.orange .page_content h1, body.orange .page_content h3, body.orange .page_content a { color: #E9AA35; } body.purple .page_content h1, body.purple .page_content h3, body.purple .page_content a { color: #9966CC; } .page_content h1 a, .page_content h2 a, .page_content h3 a { border: none; } body.green ol > li:before { color: #49A24A; } body.green ul > li:before { background-color: #49A24A; } body.red ol > li:before { color: #CC453D; } body.red ul > li:before { background-color: #CC453D; } body.orange ol > li:before { color: #E9AA35; } body.orange ul > li:before { background-color: #E9AA35; } body.purple ol > li:before { color: #9966CC; } body.purple ul > li:before { background-color: #9966CC; } body.green table th, body.green table thead td { color: #49A24A; } body.red table th, body.red table thead td { color: #CC453D; } body.orange table th, body.orange table thead td { color: #E9AA35; } body.purple table th, body.purple table thead td { color: #9966CC; } /*------------------------------------------- Callouts -------------------------------------------*/ .sidebar { padding: 0 0 30px; } .callout { border-radius: 5px; margin: 0 0 15px; padding: 25px 30px; } .callout.split { width: 48%; } .callout figure a { border: none; display: block; } .callout h3 a { border: none; } /* Callout Colors */ .callout.blue { background-color: #D1EDF0; } .callout.blue .action { color: #18A7B4; } .callout.orange { background-color: #FBEFDA; } .callout.orange .action { color: #E9AA35; } .callout.green { background-color: #DBECDB; } .callout.green .action { color: #49A24A; } .callout.red { background-color: #F5DAD8; } .callout.red .action { color: #CC453D; } .callout.purple { background-color: #EBE0F5; } .callout.purple .action { color: #9966CC; } .callout.pink { background-color: #F9DBEB; } .callout.pink .action { color: #E04D99; } .callout.lighter_gray { background-color: #FAF9F8; } /* Profile Callouts */ .callout.statistics { overflow: hidden; position: relative; } .callout.statistics h4 { color: #18A7B4; font-size: 14px; margin: -10px 0 10px; padding: 10px 36px 10px 0; text-transform: uppercase; } .callout.statistics.split h4 { padding-right: 0; } .callout.statistics:after { background: url(../images/icons.png) no-repeat 100px 100px; content: ""; display: block; height: 32px; position: absolute; right: 30px; top: 15px; width: 32px; } .callout.statistics.split:after { background-image: none; } .callout.data:after { background-position: -530px -46px; } .callout.people:after { background-position: -580px -50px; } .callout.districts:after { background-position: -911px -50px; } .callout.housing:after, .callout.home:after { background-position: -625px -50px; } .callout.resources:after { background-position: -670px -42px; } .callout.person:after { background-position: -445px -50px; width: 28px; } .callout.contact:after { background-position: -720px -50px; width: 25px; } .callout.address:after { background-position: -760px -50px; width: 28px; } .callout.world:after { background-position: -800px -50px; width: 32px; } .callout.lightbulb:after { background-position: -845px -50px; width: 26px; } .callout.login:after { background-position: -880px -50px; width: 26px; } .callout.statistics .figure { border: none; color: #222222; display: block; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 34px; line-height: 1; } .callout.statistics .figure:before { background: url(../images/icons.png) no-repeat 20px 20px; content: ''; display: block; float: left; margin: 3px 10px 0 0; } .callout.statistics .walk:before { background-position: -450px -50px; height: 32px; width: 14px; } .callout.statistics .transit:before { background-position: -480px -50px; height: 32px; width: 32px; } .callout.statistics .table { color: #666666; font-size: 13px; width: 100%; } .callout.statistics a { border-bottom: 1px solid #666666; border-color: #999999; color: #666666; line-height: 1.8; } .callout.statistics strong { color: #222222; } .callout.statistics .td { background-color: #E8F6F8; border-bottom: 1px solid #D1EDF0; line-height: 1.2; padding: 15px; } .callout.statistics .td.split { width: 50%; } .callout.statistics .edit { color: #18A7B4; border: 0; float: right; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 100%; margin-top: 10px; padding: 0 0 3px; text-transform: uppercase; } .callout.statistics .edit:before { background: url(../images/icons.png) no-repeat -505px -106px; content: ""; display: inline-block; height: 15px; margin: 0 5px -3px 0; width: 15px; } .callout.statistics.collapsible { padding-bottom: 0; } .callout.statistics.collapsible.open { padding-bottom: 25px; } .callout.statistics.collapsible h4 { cursor: pointer; } .callout.statistics.collapsible h4:after { background: url(../images/icons.png) no-repeat -800px -15px; content: ""; display: inline-block; height: 6px; margin: 0 0 1px 10px; width: 8px; } .callout.statistics.open h4:after { background: url(../images/icons.png) no-repeat -800px 0; } .callout.statistics .source { color: #18A7B4; display: block; margin: 10px 0 0; } .callout.statistics .source strong { color: #18A7B4; } .callout.statistics .subhead { color: #18A7B4; display: block; margin: 0 0 10px 0; } .callout.statistics .subhead strong { color: #18A7B4; } .callout.statistics.score { padding-right: 20px; } .callout.statistics.school .figure{ font-size:26px; } .callout.statistics.school .figure:before{ margin: 0 10px 0 0; } .statistics .statistics_break { height: 16px; } /* Profile Callouts - Housing Types */ .callout.housing .tr { background: #DDF2F4; } /* Flexible Callouts */ .callout.flexible { float: right; padding: 0; margin: 0 0 10px 0; width: 100%; } .callout.flexible a { border: none; display: block; overflow: hidden; padding: 20px; } .callout.flexible.last { margin-bottom: 20px; } .callout.flexible h2 { color: #222222; font-size: 18px; margin-top: 0; } .callout.flexible p { color: #222222; font-size: 13px; margin-bottom: 15px; } .callout.flexible figure { margin-bottom: 20px; } .callout.flexible img { border-radius: 3px; } /* SIDEBAR CALLOUTS */ .sidebar .callout img { width: 100%; } .sidebar .callout figure { width: 100%; } .sidebar .callout.flexible .contain { clear: both; } .sidebar .callout.flexible h4 { color: #222222; color: rgba(0, 0, 0, 0.75); font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; opacity: .8; margin: 0 0 10px; } .school_principal.contain h3 { margin-top: 0; } /* Cards */ .callout.card { border-radius: 6px; padding: 30px; } .callout.card article { padding: 30px; } .callout.card h3 { color: #222222; font-size: 18px; margin-top: 10px; } .profile_content .callout.card h3 { color: #222222; font-size: 18px; margin-top: 10px; } .callout.card h4 { color: #18A7B4; font-size: 13px; margin: 20px 0 10px; text-transform: uppercase; } .callout.card h5 { color: #666666; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 13px; margin: 20px 0 10px; } .callout.card p, .callout.card pre { color: #666666; font-size: 13px; margin: 10px 0; } .callout.card .links { -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; -o-column-gap: 30px; column-gap: 30px; } .callout.card .links span { display: block; } .callout.card .links a { border-bottom: 1px solid #eee; color: #666666; font-size: 13px; line-height: 1.6; } .callout.card .contact { border-bottom: 1px solid #eee; padding: 15px 0; } .callout.card .contact:first-of-type { padding-top: 0; } .callout.card .contact:last-of-type { border: none; padding-bottom: 0; } .callout.card .contact span { color: #666666; display: block; font-size: 13px; line-height: 1.6; } .callout.card .contact a { border-bottom: 1px solid #eee; color: #666666; font-size: 13px; line-height: 1.6; } .callout.card .extras { clear: both; margin: 10px 0 10px 20px; } .callout.card .extras li { color: #666666; font-size: 13px; } .callout.card .extras li:before { margin-top: 7px; } /* NEIGHBORHOOD FEATURES */ .callout.feature { position: relative; } .callout.feature .marker { background: url(../images/markers.png) no-repeat 100px 100px; display: block; height: 51px; position: absolute; right: 20px; top: 20px; width: 40px; } .callout.feature .action { border: none; display: block; margin: 10px 0 0; } .callout.feature h5 { color: #222222; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 18px; margin-top: 10px; margin-right: 40px; } .callout.feature h3 { color: #222222; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; margin: 20px 0 10px; } .callout.feature.market h4, .callout.feature.market h5, .callout.feature.market .action { color: #E9AA35; } .callout.feature.dog h4, .callout.feature.dog h5, .callout.feature.dog .action { color: #E04D99; } .callout.feature.community h4, .callout.feature.community h5, .callout.feature.community .action { color: #18A7B4; } .callout.feature.park h4, .callout.feature.park h5, .callout.feature.park .action { color: #49A24A; } .callout.feature.transit h4, .callout.feature.transit h5, .callout.feature.transit .action { color: #9966CC; } .callout.feature.market .marker { background-position: 0 0; } .callout.feature.dog .marker { background-position: 0 -55px; } .callout.feature.community .marker { background-position: 0 -110px; } .callout.feature.park .marker { background-position: 0 -165px; } .callout.feature.transit .marker { background-position: 0 -220px; } .profile_callouts .callout:nth-child(odd) { clear: both; } /* ADDABLE ITEMS */ .callout.addable { border-radius: 6px; padding: 30px; } .callout.addable h3 { color: #222222; font-size: 18px; margin-top: 0; } .callout.addable p { color: #666666; font-size: 13px; } .callout.inactive { opacity: 0.35; } .page .callout.inactive .button.profile { display: none; } /* EVENTS */ .callout.event { border: none; border-radius: 6px; padding: 30px; } .callout.event h2 { color: #CC453D; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal_regular; font-size: 18px; margin-top: 10px; text-transform: uppercase; } .callout.event h2 a { border: none; } .callout.event figure, .callout.event picture, .callout.event img { width: 100%; } .callout.event h4 { font-size: 13px; margin: 15px 0 0; text-transform: uppercase; } .callout.event h3 { color: #CC453D; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal_regular; font-size: 15px; line-height: 1.4; margin: 10px 0 0; text-transform: none; } .callout.event time { color: #666666; display: block; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 13px; margin: 10px 0; } .callout.event .info, .callout.event .address { color: #666666; font-size: 13px; line-height: 170%; } .callout.event.detail h2 { color: #222222; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 15px; text-transform: none; } .callout.event.detail time { color: #CC453D; } .callout.event:nth-child(odd) { clear: both; } /*------------------------------------------- Forms -------------------------------------------*/ .styled_form fieldset, .styled_form .fieldset { padding: 10px 0; } .styled_form .split { width: 48%; } .styled_form .last_name { width: 50%; } .styled_form .city { width: 48%; } .styled_form .state { margin: 0 2%; width: 28%; } .styled_form .zip { width: 20%; } .styled_form label { color: #666666; display: block; font-size: 12px; margin: 0 0 10px; } .styled_form input, .styled_form textarea { background: #EDEDEA; border: none; border-radius: 3px; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; color: #222222; font-size: 12px; height: 30px; line-height: 26px; padding: 2px 10px; width: 100%; } .styled_form textarea { height: 100px; } .styled_form input.button { background: #18A7B4; color: #fff; display: block; font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; float: left; font-size: 14px; height: 40px; line-height: 38px; margin: 20px 0; padding: 0 20px; text-transform: uppercase; width: auto; } .styled_form input.button:disabled { opacity: 0.25; } .styled_form p.forgot { float: right; padding: 15px 0 0; } .styled_form p.error { background: #CC453D; border-radius: 3px; color: #fff; padding: 15px 20px; } .styled_form p.error span { display: block; } .styled_form p.error span:before { background: transparent; background-color: #fff; border-radius: 100%; content: ''; display: block; float: left; height: 7px; margin: 8px 5px 0 0; width: 7px; } .styled_form p.error a { border-color: rgba(255, 255, 255, 0.5); color: #fff; } .styled_form .error label { color: #CC453D!important; } .styled_form .error textarea, .styled_form .error input { background: #CC453D; color: #fff; } .styled_form .picker { overflow: visible; } .styled_form .picker:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .styled_form .picker-checkbox { background: #EDEDEA; border-radius: 3px; cursor: pointer; padding: 7px 10px; } .styled_form .picker-checkbox .picker-handle { background: #D9DBD6; border: none; border-radius: 3px; height: 15px; margin: 0 8px 0 0; padding: 2px; width: 15px; } .styled_form .picker-checkbox .picker-flag { background: transparent; border-radius: 2px; } .styled_form .picker-checkbox .picker-label { color: #222222; font-size: 12px; width: 80%; } .styled_form .picker-checkbox.checked .picker-flag { background: #18A7B4; } .styled_form .picker-radio { cursor: pointer; padding: 5px; } .styled_form .picker-radio .picker-flag { background: transparent; } .styled_form .picker-radio .picker-label { color: #222222; font-size: 12px; } .styled_form .picker-radio.checked .picker-flag { background: #18A7B4; } .styled_form .selecter-element { z-index: -1; } .styled_form .selecter { max-width: 100%; } .styled_form .selecter .selecter-selected, .styled_form .selecter .selecter-item { background: #EDEDEA; color: #222222; font-size: 12px; line-height: 26px; } .styled_form .selecter .selecter-item { line-height: 1; } .styled_form .selecter .selecter-item:hover { background: #ccc; } .styled_form .selecter .selecter-item.first { border-top: 1px solid #E3E3E3; } .styled_form .selecter .selecter-options { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); max-height: 150px; } .styled_form .selecter .selecter-options, .styled_form .selecter .selecter-selected { border: none; } .styled_form .selecter .selecter-selected { padding: 2px 32px 2px 10px; position: relative; text-overflow: ellipsis; white-space: nowrap; } .styled_form .selecter .selecter-selected:before { background: url(../images/icons.png) no-repeat -565px 0; content: ''; display: block; height: 26px; position: absolute; right: 2px; top: 2px; width: 26px; } .styled_form .stepper { width: 60%; z-index: 2; } .styled_form .stepper:hover .stepper-input, .styled_form .stepper .stepper-input, .styled_form .stepper .stepper-input:hover, .styled_form .stepper .stepper-input:focus { background: #EDEDEA; border: none; border-radius: 3px; color: #222222; font-size: 12px; height: 30px; line-height: 26px; padding: 2px 10px; } .styled_form .stepper .stepper-step, .styled_form .stepper .stepper-step:hover { background: #18A7B4 url(../images/icons.png) no-repeat 20px 20px; border: none; border-radius: 2px; height: 12px; width: 20px; z-index: 40; } .styled_form .stepper .stepper-step.up { background-position: -604px 3px; margin: 2px 2px 0 0; } .styled_form .stepper .stepper-step.down { background-position: -604px -12px; margin: 0 2px 2px 0; } .styled_form .dollar_container { position: relative; } .styled_form .dollar { padding-left: 20px; } .styled_form .dollar_sign { left: 7px; position: absolute; top: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } /* FORM BUILDER SPECIFIC */ .styled_form .form_builder_column { float: left; margin: 0 1%; width: 48%; } .styled_form .form_builder_column fieldset { margin: 0; } .styled_form.form_builder .picker-checkbox { background: none; padding: 0; } .styled_form.form_builder .picker-radio { padding: 0; } .styled_form .form_builder_sublabel { clear: both; color: #999; margin-top: 3px; } .styled_form .form_builder_submit { background: #18A7B4; color: #fff; display: block; font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 14px; height: 40px; line-height: 38px; padding: 0 18px; text-transform: uppercase; width: auto; } .styled_form .form_builder_upload { height: auto; line-height: 18px; padding: 7px 10px; } .styled_form.form_builder .selecter { margin: 0; } .styled_form textarea { font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal_regular; } .styled_form .form_builder_submit:hover { background: #222222; } .styled_form .required { position: relative; } .styled_form .required:before { color: #CC453D; content: "*"; display: block; position: absolute; left: -15px; top: 10px; } .styled_form .picker.required:before { top: 2px; } /* PROFILE FORM */ .profile_form .section { clear: both; margin-top: 20px; } .profile_form .section:after { clear: both; content: ""; display: block; } .profile_form h4 { clear: both; } .profile_form.styled_form .picker-checkbox { background: none; padding: 0; } .profile_form.styled_form .picker-label { max-width: 90%; } /* AUTOCOMPLETE */ .map_autocomplete input { position: relative; width: 100%; z-index: 3; } .nkia_autocomplete input, .skia_autocomplete input, .partner_autocomplete input { position: relative; z-index: 3; } .map_autocomplete label { color: #18A7B4; text-transform: uppercase; } .nkia_autocomplete fieldset, .skia_autocomplete fieldset, .partner_autocomplete fieldset, .map_autocomplete fieldset { position: relative; } .nkia_autocomplete .results, .skia_autocomplete .results, .partner_autocomplete .results, .map_autocomplete .results { background: #EDEDEA; border-radius: 0 0 5px 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); display: none; margin-top: -13px; padding: 3px 0 0; position: absolute; top: 100%; right: 0; width: 100%; z-index: 2; } .nkia_autocomplete .results a, .skia_autocomplete .results a, body.orange .partner_autocomplete .results a, .map_autocomplete .results a { border-bottom: none; border-top: 1px solid #e3e3e3; color: #222222; display: block; font-size: 12px; margin: 0; padding: 10px; } .nkia_autocomplete .results a:hover, .skia_autocomplete .results a:hover, .map_autocomplete .results a:hover { border-bottom: none; color: #18A7B4; } body.orange .partner_autocomplete .results a:hover { border-bottom: none; color: #E9AA35; } .profile_nkias.tabber .tabber-tab { background: #eee; border-radius: 3px; color: #222222; cursor: pointer; display: inline-block; font-size: 18px; height: 60px; line-height: 40px; margin: 0 0 5px; padding: 10px; width: 60px; } .profile_nkias.tabber .tabber-tab.active { background: #E9AA35; } .profile_nkias.tabber .tabber-tab.active:after { } .profile_nkias.tabber .tabber-tab figure { border-radius: 3px; float: left; height: 40px; margin: 0 10px 0 0; overflow: hidden; width: 40px; } .profile_nkias.tabber .tabber-tab img { width: 100%; } .profile_nkias.tabber .tabber-tab span { display: none; } .profile_nkias.tabber .tabber-contents { border-bottom: 1px solid #FAF9F8; margin-top: 10px; margin-bottom: 20px; padding: 0 0 30px; } .profile_nkias.tabber .tabber-contents h4 { color: #222222; font-size: 13px; margin: 0; text-transform: uppercase; } .profile_nkias.tabber .tabber-contents p { color: #666666; font-size: 13px; margin: 10px 0 20px; } .profile_nkias.tabber .tabber-contents .links span { display: block; } .profile_nkias.tabber .tabber-contents .links a { border-bottom: 1px solid #C7D2D3; color: #18A7B4; font-size: 13px; line-height: 1.6; } .nkia_callout .button { font-size:13px; } /*------------------------------------------- Maps -------------------------------------------*/ .map_controls { display: none; width: 350px; z-index: 3; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; } .map_controls span { background-color: #666666; border: 3px solid #fff; border-radius: 16px; cursor: pointer; display: block; float: left; margin: 0 10px 0 0; } .map_controls span.active { background-color: #18A7B4; } .map_controls .zoom { background: #666666 url(../images/icons.png) no-repeat 30px 30px; display: block; height: 32px; width: 32px; overflow: hidden; text-indent: 110%; white-space: nowrap; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .map_controls .zoom.in { background-position: -293px -42px; } .map_controls .zoom.out { background-position: -318px -42px; } .map_controls .pill { color: #fff; font-size: 11px; height: 32px; line-height: 24px; padding: 0 15px; text-transform: uppercase; width: auto; } .map_controls .pill.icon { padding: 0 15px 0 10px; } .map_controls .pill.icon:before { background: url(../images/icons.png) no-repeat 20px 20px; content: ''; display: block; float: left; margin: 0 5px 0 0; } .map_controls .icon.filters:before { background-position: -390px -50px; height: 12px; margin-top: 7px; width: 12px; } .map_controls .icon.features:before { background-position: -370px -50px; height: 14px; margin-top: 6px; width: 13px; } .map_ready .map_controls { display: block; } .map_frame { background: #ccc; height: 100%; width: 100%; z-index: 1; } .map_container { overflow: hidden; position: relative; height: 100%; width: 100%; } .map_full { background: #fff; border-radius: 3px; height: 345px; margin: 0 0 30px; position: relative; width: 100%; } .map_full .map_frame { border-radius: 3px; } .map_full .map_controls { left: -16px; position: absolute; top: 0; } /* MAP FORMS */ .map_tray { background: #fff; box-shadow: 3px 0 0 rgba(0, 0, 0, 0.25); border-radius: 3px 0 0 3px; display: block; height: 100%; overflow-y: auto; left: -420px; position: absolute; top: 0; width: 415px; z-index: 2; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -ms-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; } .map_tray.active { left: 0; } .map_tray .close { display: block; } .map_form { padding: 20px 40px; } .map_form p { color: #666; font-family: OpenSansItalic, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; line-height: 1.1; margin: 22px 0 0; } .map_form p em { color: #222222; font-style: normal; } .map_form fieldset { padding: 5px 0 10px; } .map_form fieldset.gradient { margin: 20px -40px 0; padding: 30px 40px 10px; background-image: -webkit-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); background-image: -o-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); background-image: linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F3F3F3', endColorstr='#FFFFFF'); } .map_form label { color: #222222; margin: 0; } .map_form .title { display: block; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; margin: 0 0 15px; text-transform: uppercase; } /* MAP - FEATURES FORM */ .features_form .picker-checkbox { background: #F3F3F1; border-radius: 5px; cursor: pointer; padding: 10px 15px; } .features_form .picker-checkbox .picker-handle { background: url(../images/markers.png) no-repeat 100px 100px; border: none; border-radius: 8; height: 51px; margin: 0 10px 0 0; padding: 0; width: 40px; } .features_form .picker-checkbox .picker-flag { display: none; } .features_form .picker-checkbox .picker-label { color: #666; font-size: 18px; line-height: 1.1; margin: 13px 0 0; text-decoration: line-through; } .features_form .picker-checkbox.checked .picker-label { text-decoration: none; } .features_form .picker-checkbox.market .picker-handle { background-position: -40px 0; } .features_form .picker-checkbox.dog .picker-handle { background-position: -40px -55px; } .features_form .picker-checkbox.community .picker-handle { background-position: -40px -110px; } .features_form .picker-checkbox.park .picker-handle { background-position: -40px -165px; } .features_form .picker-checkbox.transit .picker-handle { background-position: -40px -220px; } .features_form .picker-checkbox.checked.market .picker-handle { background-position: 0 0; } .features_form .picker-checkbox.checked.dog .picker-handle { background-position: 0 -55px; } .features_form .picker-checkbox.checked.community .picker-handle { background-position: 0 -110px; } .features_form .picker-checkbox.checked.park .picker-handle { background-position: 0 -165px; } .features_form .picker-checkbox.checked.transit .picker-handle { background-position: 0 -220px; } .features_form .picker-checkbox.checked.market .picker-label { color: #E9AA35; } .features_form .picker-checkbox.checked.dog .picker-label { color: #E04D99; } .features_form .picker-checkbox.checked.community .picker-label { color: #18A7B4; } .features_form .picker-checkbox.checked.park .picker-label { color: #49A24A; } .features_form .picker-checkbox.checked.transit .picker-label { color: #9966CC; } /*------------------------------------------- Home Page -------------------------------------------*/ /* HOME - FEATURED NEIGHBORHOOD */ .featured_neighborhood { margin: 10px 0; overflow: hidden; } .featured_neighborhood .mobile-full { background: #18A7B4; border-radius: 3px; overflow: hidden; position: relative; } .featured_neighborhood .roller { height: 100%; width: 100%; } .featured_neighborhood .roller_item { overflow: hidden; position: relative; width: 294px; } .featured_neighborhood .roller_item:before { background: transparent; content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .featured_neighborhood .roller_item img { width: 100%; } .featured_neighborhood .viewport { height: 189px; overflow: hidden; position: relative; width: 294px; } .featured_neighborhood .pagination { bottom: 20px; position: absolute; left: 20px; z-index: 3; } .featured_neighborhood .pagination span { background: rgba(255, 255, 255, 0.5); border-radius: 100%; cursor: pointer; display: block; float: left; height: 15px; margin: 0 5px 0 0; width: 15px; overflow: hidden; text-indent: 110%; white-space: nowrap; } .featured_neighborhood .pagination span.active { background: #fff; } .featured_neighborhood .title { background: #18A7B4; overflow: hidden; padding: 20px; position: relative; z-index: 5; } .featured_neighborhood h2 { color: #fff; font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 28px; line-height: 1.2; margin: 0; } .featured_neighborhood h2 a { color: #fff; } .featured_neighborhood h6 { *color: #fff; color: rgba(255, 255, 255, 0.75); font-size: 12px; margin: 0 0 5px; text-transform: uppercase; } .featured_neighborhood p { display: none; margin: 10px 0 20px; } .featured_neighborhood .text { } .featured_neighborhood .buttons { margin: 10px 0; } .featured_neighborhood .button { float: left; margin: 0 5px 0 0; } .featured_neighborhood .button .text:before { margin-right: 0; } /* HOME - FEATURES */ .site_features { margin: 0 0 20px; } .site_features hr { border: 1px solid #eee; border-width: 1px 0 0; display: none; margin: 0 0 -1px 0; } .site_features article { border: 1px solid #eee; border-width: 0 0 1px 0; padding: 20px 10px; } .site_features article:last-child { border-width: 0; } .site_features h3 { color: #222222; font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 24px; letter-spacing: 0; margin: 0 0 10px; } .site_features p { color: #666666; font-size: 13px; margin: 0 0 10px; } .site_features .illustration:before { background: url(../images/illustrations.png) no-repeat 100px 0; content: ''; display: block; float: left; height: 87px; margin: 0 15px 10px 0; width: 87px; } .site_features .search .illustration:before { background-position: 0 -185px; } .site_features .explore .illustration:before { background-position: -100px -185px; } .site_features .compare .illustration:before { background-position: -200px -185px; } .site_features .partner .illustration:before { background-position: -300px -185px; } /* HOME - KNOW IT ALLS */ .nkias { margin: 0 0 40px; } .nkias .contain { background-color: #D1EDF0; border-radius: 5px; padding: 20px; } .nkias h2 { color: #18A7B4; margin: 10px 0 0; } .nkias p { margin: 20px 0; } .nkias hr { display: none; } .nkias .button { margin-bottom: 20px; } .nkias .link { border-bottom: 1px solid #ccc; color: #18A7B4; } /* NEWS / EVENTS */ .news_events .all { color: #666666; display: block; font-size: 14px; font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; line-height: 36px; margin: 20px 0 0; text-transform: uppercase; } .news_events .story { margin: 20px 0 0; padding: 0 0 20px; } .news_events .story:first-of-type { border-bottom: 1px solid #eee; } .news_events .story h3, .news_events .story h4, .news_events .story p { color: #222222; margin: 10px 0; } .news_events .story h4 { color: #666666; font-size: 14px; text-transform: uppercase; } .news_events .story h3 { color: #222222; font-size: 18px; } .news_events .story .date { color: #18A7B4; font-family: OpenSansItalic, sans-serif; font-style: normal; font-weight: normal; } .news_events .story figure { display: none; float: left; margin-right: 25px; width: 175px; } .news_events .story figure img { border-radius: 3px; width: 100%; } .news_events .event { margin: 25px 0 0; padding: 0 0 25px; } .news_events .event:first-of-type { border: 1px solid #eee; border-width: 0 0 1px 0; } .news_events .event h3, .news_events .event h4, .news_events .event h5, .news_events .event span { margin: 5px 0; } .news_events .event h3 { color: #222222; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 18px; } .news_events .event h4 { color: #CC453D; font-family: dosisbold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 24px; text-transform: uppercase; } .news_events .event h5 { color: #666666; font-size: 14px; text-transform: uppercase; } .news_events .event .info { color: #222222; display: block; font-family: OpenSansItalic, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 1.3; } /*------------------------------------------- Neighborhoods -------------------------------------------*/ /* NEIGHBORHOOD LIST */ .neighborhood_list, .school_list { margin-top: 10px; clear:both; } .neighborhood_list .group, .school_list .group { overflow: hidden; } .neighborhood_list h3, .school_list h3 { border-bottom: 1px solid #eee; color: #18A7B4; font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; padding: 0 0 10px; } .neighborhood_list a, .neighborhood_list span { border: none; color: #222222; display: block; margin: 0 0 5px; padding: 5px 0; } .page_content .school_list a.school, .page_content .school_list span.school { border: none; color: #222222; display: inline-block; margin: 0 0 5px; padding: 5px 0; } .neighborhood_list span, .school_list span { color: #999999; } .page_content .schools_callout h2 { color: #9966CC; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal_regular; font-size: 18px; margin-top: 0; } /* NEIGHBORHOOD PROFILE */ .profile_header h1 { font-size: 54px; float: left; } .profile_header .button { clear: both; float: none; margin: 0; } .page .button.profile:before { margin-right: 10px; } .profile_content h2 { font-size: 28px; } .profile_content h3 { color: #18A7B4; font-size: 18px; } .profile_gallery { margin: 20px 0 0; overflow: hidden; } .profile_gallery .roller_viewport { border-radius: 5px; margin: 0 0 10px; overflow: hidden; } .profile_gallery .roller_item { height: 188px; overflow: hidden; position: relative; width: 294px; } .profile_gallery .lightbox { display: none; } .profile_gallery img { float: left; width: 100%; } .profile_gallery figcaption { background: #18A7B4; background: rgba(26, 167, 180, 0.75); bottom: 0; left: 0; padding: 15px 20px; position: absolute; width: 100%; z-index: 2; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -ms-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .profile_gallery span { color: #fff; display: block; font-size: 13px; line-height: 1.6; } .profile_gallery .credit { color: rgba(255, 255, 255, 0.75); } .profile_gallery .pagination span { background: rgba(255, 255, 255, 0.5); border-radius: 100%; cursor: pointer; display: block; float: left; height: 15px; margin: 0 5px 0 0; width: 15px; overflow: hidden; text-indent: 110%; white-space: nowrap; } .profile_gallery .pagination span.active { background: #fff; } .map_profile { height: 480px; position: relative; width: 100%; } .map_profile .map_controls { left: -16px; position: absolute; top: -10px; } .profile_callouts h2 { clear: both; } /*------------------------------------------- Incentives -------------------------------------------*/ /* Financial Incentives */ .page_content .incentives_callout h2 { color: #49A24A; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal_regular; font-size: 18px; margin-top: 0; } .incentive_filters { border: 1px solid #EEEEEE; border-radius: 5px; } .green.styled_form .picker-checkbox.checked .picker-flag { background: #49A24A; } .incentive_filters .title { color: #222222; display: block; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; margin: 0 0 5px; text-transform: uppercase; } .incentive_filters .margined { margin: 0 0 10px; } .incentive_filters fieldset { display: block; padding: 20px 20px 10px; } .incentive_filters .incentive_types { border: 0; } .incentive_filters .incentive_types fieldset { padding-bottom: 0; } .incentive_filters .identifiers fieldset { padding-top: 0; } .incentive_filters .field_wrap { background: #FAF9F8; border-top: 1px solid #EEE; border-radius: 0 0 4px 4px; clear: both; width: 100%; } .incentive_filters .styled_form .picker-checkbox { background: none; padding: 0; width: 100%; } .incentive_filters .styled_form .stepper { width: 100%; } .incentive_filters .styled_form .identifiers .picker-checkbox { background: #EDEDEA; padding: 7px 10px 0; } .incentive_filters .styled_form .split .picker-checkbox .picker-label { width: 86%; } .incentive_filters .styled_form .stepper .stepper-step, .incentive_filters .styled_form .stepper .stepper-step:hover { background-color: #49A24A; } .incentive_filters .styled_form .selecter { margin-bottom: 20px; } .incentive_filters .styled_form .selecter .selecter-selected:before { background: url(../images/icons.png) no-repeat -460px -100px; } .incentive_filters .employer_link { display: block; font-size: 12px; margin: 5px 0 15px; } .incentive_filters .sublabel { color: #999999; display: block; font-size: 12px; line-height: 1.4; margin: 0 0 15px; } /* .incentive_filters a.sublabel { border: none; } */ .button.filters.incentives { border: 0; color: #49A24A; float: right; font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; margin: 10px 0 0; padding-right: 0; } .button.filters.incentives .text:before { background: url(../images/icons.png) no-repeat -705px 0; display: block; float: right; margin: 8px 0 0 10px; height: 19px; width: 24px; } .button.filters.maps { border: 0; color: #18A7B4; font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; margin: 10px 0 0; padding-right: 0; } .button.filters.maps .text:before { background: url(../images/icons.png) no-repeat -535px 0; display: block; float: right; margin: 8px 0 0 10px; height: 19px; width: 24px; } .ami_table_wrap { display: none; } .ami_table { overflow: auto; margin: 0 10px; width: 240px; } .ami_table .local_th { color: #49A24A; display: inline-block; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; width: 35%; } .incentives { clear: both; margin: 0; } .incentives h2 { clear: both; color: #999999; cursor: pointer; } .page .page_content .incentives h3, .page .page_content .incentives h3 a { color: #222222; } .page .page_content .incentives .closed { display: none; } .page .page_content .incentives .closed .callout { opacity: 0.5; } .page .page_content .incentives .closed h2, .page .page_content .incentives .closed h2 a { color: #999999; } .incentives .callout:nth-child(odd) { clear: both; } .incentives.incentive_category .callout:nth-child(odd) { clear: both; } .incentive_header .button { clear: both; float: none; margin: 0 0 10px; } /*------------------------------------------- NKIAs -------------------------------------------*/ .nkia_filters { padding: 0 0 20px 0; } .nkia_filters .selecter { margin: 0; } .page .page_content .partners_all, .page .page_content .nkias_all { border: none; color: #666666; float: left; display: block; font-size: 14px; font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; line-height: 24px; margin: 0; text-transform: uppercase; } .page_content .profile_content .nkias_all { line-height: 36px; } .page .page_content .nkias_all.right { float: right; margin-top: 20px; } /* body.orange .page_content .nkias_all { color: #666666; line-height: 34px; } body.orange .page_content .nkias_all:hover { color: #E9AA35; } body.orange .page_content .intro .nkias_all { line-height: 30px; margin-top: 0; } */ .nkias_list .callout:nth-child(odd) { clear: both; } .nkias_list .callout .headshot { border-radius: 3px; height: 50px; overflow: hidden; width: 50px; } .nkias_list .callout h3 { margin: 2px 0 5px; } .nkias_list .callout h4 { clear: both; } .nkias_list .callout .location { color: #18A7B4; font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 14px; text-transform: uppercase; } /*------------------------------------------- Partners -------------------------------------------*/ .partner img { border: 1px solid #eee; width: 100%; } /* .profile_detail { margin-top: 40px; } */ .profile_detail img { border: 1px solid #eee; } .profile_detail .block_right { margin: 0 0 20px; width: 100%; } .profile_detail .links { line-height: 1.6; margin: 10px 0 30px; } .profile_detail .links span { display: block; } .profile_detail .links a { font-size: 13px; } .profile_detail .partner_neighborhoods { line-height: 2; } .partners .callout:nth-child(odd) { clear: both; } .page_content .partners .callout h3 { margin-bottom: 5px; } .page_content .partners .callout h3, .page_content .partners .callout h3 a { color: #222222; } .page_content .partners .callout h4 { color: #E9AA35; } .page_content .partners .callout h5 { margin-top: 0; } .partner_filters { padding: 0 0 20px 0; } .partner_filters .styled_form .selecter .selecter-selected:before { background: url(../images/icons.png) no-repeat -460px -135px; } .partner_filters .selecter { margin: 0; } .partner_filters label { margin: 0; } .partner_filters .styled_form .picker-checkbox.checked .picker-flag { background-color: #E9AA35; } /*------------------------------------------- CSE -------------------------------------------*/ #cse .gsc-input input[type=text] { display: inline-block; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; margin: 0; } #cse table tr { border: none; } #cse table.gsc-search-box { margin-top: 20px; } #cse table.gsc-search-box td { padding: 0; display: block; } #cse table.gsc-search-box tr { display: block; position: relative; } #cse td.gsc-input { display: block; width: 100%; } #cse td.gsc-input input[type=text] { background: #F0F1EF !important; border-radius: 3px; border: none; float: left; padding: 10px 40px 10px 10px; width: 100%; } #cse td.gsc-input input[type=text]:active, #cse .gsc-input input[type=text]:focus { background-color: #F0F1EF !important; } #cse td.gsc-input input[type=text]::-webkit-input-placeholder, #cse td.gsc-input input[type=text]:-moz-placeholder, #cse td.gsc-input input[type=text]::-moz-placeholder, #cse td.gsc-input input[type=text]:-ms-input-placeholder { color: #222222; } #cse td.gsc-search-button { display: block; position: absolute; right: 0; top: 0; width: 125px; } #cse td.gsc-search-button input[type=button] { border: none; background: url(../images/icons.png) no-repeat -350px 0; height: 24px; padding: 0; position: absolute; right: 7px; top: 7px; width: 24px; overflow: hidden; text-indent: 110%; white-space: nowrap; } #cse td.gsc-clear-button { display: block; height: 100%; left: 100%; position: absolute; top: 0; width: 35px; } #cse td.gsc-clear-button > div { display: block; height: 100%; } #cse .gsc-branding { margin-top: 10px; } #cse .gcsc-branding a, #cse .gcsc-branding a:hover { border: none; } #cse .gsc-result { border-color: #999999; border-bottom: none; } #cse .gsc-thumbnail { display: none; } #cse table, #cse td { background: none; border: none; padding: 0; margin: 0; } #cse .gcsc-branding-text, #cse .gsc-branding-text { color: #666666; } #cse .gsc-control-cse { background: none; border: none; padding: 0; margin: 0; width: 100%; } #cse .gsc-results { width: 100%; } #cse .gsc-tabsArea, #cse .gsc-resultsHeader { display: none; } #cse .gsc-search-box { padding: 0 0 10px 0; } #cse table.gsc-search-box { border: none; } #cse table tbody { border: none !important; } #cse .gsc-search-box td { border: none; padding:0; display: table-cell; } #cse .gsc-thinWrapper { width: 100%; } #cse .gs-spelling b, #cse .gs-spelling i, #cse .gs-spelling a { color: #666666; font-weight: normal; text-decoration: none; } #cse .gsc-above-wrapper-area { border-bottom: none; } #cse .gsc-result-info { border: none; color: gray; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; margin: 8px 0; padding:0;} #cse .gsc-table-result { color: #222222; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 14px } #cse .gsc-wrapper { border-top: 1px solid #ddd; } #cse .gsc-result { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; clear: both; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; margin: 0; overflow: hidden; padding: 25px 0; } #cse .gs-result img.gs-image { border: none; max-width: 60px; } #cse a.gs-image { border: none; display: block; height: 60px; overflow: hidden; width: 60px; } #cse .gs-result .gs-web-image-box { padding: 0; margin: 10px 10px 10px 0; } #cse .gs-no-results-result .gs-snippet { background: none; border: none; font-size: 24px; font-style: italic; font-weight: 400; line-height: 32px; } #cse .gs-title { border: none; color: #18A7B4; height: auto; text-decoration: none !important; margin: 0 0 5px; } #cse .gs-title b { color: #18A7B4; text-decoration: none !important; font-wight: normal; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; } #cse a.gs-title { color: #18A7B4; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; } #cse a.gs-title:hover b, #cse a.gs-title:hover { color: #222222; font-wight: normal; text-decoration: none; } #cse .gs-snippet { color: #222222; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; } #cse .gs-snippet b { color: #222222; font-weight: 700; } #cse .gsc-url-bottom { clear: both; } #cse .gs-visibleUrl { color: #666666; font-family: OpenSansItalic, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; margin: 8px 0 0; } #cse .gs-visibleUrl-short { display: none; } #cse .gs-visibleUrl-long { display: block; overflow: visible; } #cse .gsc-cursor-box { border: none; border-top: 1px solid #fff; margin-bottom: 0; padding: 25px 0 0; overflow: hidden; } #cse .gsc-cursor { } #cse .gsc-cursor-page { border-radius: 3px; color: #18A7B4; display: inline-block; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; padding: 6px 8px 5px; text-align: center; text-decoration: none; text-transform: uppercase; width: auto; vertical-align: bottom; } #cse .gsc-cursor-page:hover { background: #999999; color: #fff; } #cse .gsc-cursor-current-page, #cse .gsc-cursor-current-page:hover { background: #18A7B4; color: #fff; } #cse .gsc-trailing-more-results { display:none; } #cse .gsc-adBlockVertical { display: none; } /* MIN ONLY */ @media screen and (max-width: 500px) { .min_hide { display: none; } .callout.flexible figure { width: 100%; } .callout.flexible img { width: 100%; } .callout.statistics.split h4 { width: 80%; } .styled_form .split, .styled_form .last_name { width: 100%; } .profile_nkias.tabber .tabber-contents .split { width: 100%; } .map_page .page_content h1 { font-size: 28px!important; } .map_form .split { width: 100%; } .map_form p { clear: both; margin: 0; padding: 10px 0 0; } .map_tray { left: -300px; width: 294px; } .map_tray.active { left: 0; } .filter_form .picker-checkbox.historic .picker-label { width: 150px; } .features_form .picker-checkbox .picker-label { margin: 5px 0 0; width: 100px; } .map_profile { height: 300px; } .styled_form .state { margin: 0 2% 0 0; width: 65%; } .profile_detail .contain { clear: both; } } /* MOBILE */ @media screen and (min-width: 500px) { h2 { font-family: dosissemibold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 28px; } h3 { font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 18px; } #geolocator p { font-size: 13px; margin: 9px 20px 0 0; } #footer .action { display: inline-block; } .page_header figure.block_right { margin: 0 0 20px 20px; width: auto; max-width: 50%; } .profile_detail .block_right { margin: 0 0 20px 20px; width: auto; max-width: 50%; } .page_content figure.block_right { margin: 0 0 20px 20px; } .callout.flexible figure { float: left; margin: 0 26px 0 0; } .sidebar .callout figure { max-width: 175px; width: auto; } .sidebar .callout.flexible .contain { clear: none; } .map_full { height: 480px; } .featured_neighborhood .viewport { height: 302px; width: 470px; } .featured_neighborhood .roller_item { width: 470px; } .featured_neighborhood .text { float: left; width: 55%; } .featured_neighborhood .buttons { float: right; width: 45%; } .featured_neighborhood .button { margin: 0 0 0 5px; } .site_features .article { padding: 20px; } .statistics .statistics_break { height: 0; } .neighborhood_list .set, .school_list .set { -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 25px; -moz-column-gap: 25px; -o-column-gap: 25px; column-gap: 25px; } .profile_gallery .roller_item { height: 302px; width: 470px; } .partner_neighborhoods { -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; -o-column-gap: 30px; column-gap: 30px; } } /* TABLET ONLY */ @media screen and (max-width: 740px) { .mobile_hide { display: none !important; } #footer .copyright .links, #footer .copyright .love { display: block; } .page_content .school_page_container { margin-top:20px; text-align:center; } .page_content .school_page_container .locator { float:none; } .map_full, .map_autocomplete { display: none; } #cse td { display: table-cell; } .callout.statistics .td { display: block; } .callout.statistics .td.split { width: 100%; } .page .page_content .partners_all, .page .page_content .nkias_all { clear: both; } } /* TABLET */ @media screen and (min-width: 740px) { table thead { display: table-header-group; } table td { border: 1px solid #eee; display: table-cell; } .alert { left: -180px; width: 360px; } .alert p { font-size: 13px; } .video_frame:before { background-position: -650px -100px; height: 60px; margin: -30px 0 0 -30px; width: 60px; } #geolocator p { font-size: 14px; } #footer article { border: none; } #footer .partners .action:after { background: url(../images/icons.png) no-repeat -300px -30px; clear: both; content: ''; display: block; float: right; height: 10px; margin: 2px 0 0 10px; width: 17px; } #footer .copyright { border-top: 1px solid #333; font-size: 11px; padding: 20px 0 0; } #footer .copyright .divider { display: inline; } .page_content h1 { font-size: 54px; } .page_content h2 { font-size: 28px; } .page_content h3 { font-size: 22px; } .page_content h4 { font-size: 16px; } .page_content p.intro { font-size: 18px; } .page_content div.intro p { font-size: 18px; } body.orange .page_content .intro .nkias_all { line-height: 34px; margin-top: 0; } .page_header figure.block_right { max-width: 100%; } .profile_detail .block_right { max-width: 100%; } .callout.flexible a { padding: 25px; } .callout.flexible figure img { border-radius: 2px; margin: 0; } .page .page_content .button.filters { float: right; } .page .callout.addable .button.added { cursor: default; } .profile_nkias.tabber .tabber-tab { display: block; margin: 0 0 5px; width: 100%; } .profile_nkias.tabber .tabber-tab span { display: block; } .profile_nkias.tabber .tabber-contents { border: none; margin-bottom: 0; padding: 0 0 0 20px; } /* .profile_nkias.tabber .tabber-tab:hover { background: #ccc; } */ .map_header h1 { float: left; width: 50%; } .map_autocomplete { float: right; margin-top: 5px; width: 50%; } .map_autocomplete input { float: left; width: 68%; } .map_autocomplete label { float: left; margin: 5px 2% 0 0; width: 30%; } .map_autocomplete .results { width: 68%; } /* ALPHA NAV */ .page_content .alpha_nav { border-bottom: 1px solid #eee; display: block; margin: 30px 0 10px; padding: 0 0 15px; } .page_content .alpha_nav a { border: none; display: inline-block; font-family: dosisbold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 14px; text-align: center; width: 3.84615%; } .featured_neighborhood .pane { height: 300px; } .featured_neighborhood .viewport { float: left; width: 470px; } .featured_neighborhood .roller_item { width: 470px; } .featured_neighborhood .title { box-shadow: -3px 0 0 rgba(0, 0, 0, 0.25); width: 235px; } .featured_neighborhood .text, .featured_neighborhood .buttons { float: none; width: 100%; } .featured_neighborhood .button { clear: both; display: block; margin: 0 0 5px 0; } .featured_neighborhood .button .text:before { margin-right: 10px; } .page_content .school_page_container { border-bottom: 1px solid #eee; display: block; margin: 30px 0 10px; padding: 0 0 15px; } .page_content .school_page_container .locator { float:right; border: none; display: inline-block; font-family: dosisbold, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 14px; text-align: center; } .site_features { margin: 20px 0 0; } .site_features article { height: 145px; } .site_features article:nth-child(odd) { border-right-width: 1px; } .gridlock .site_features .row article:nth-child(even) { margin-left: -1px; } .gridlock .site_features .row article:nth-child(3n+3) { border-bottom-width: 0; } .site_features .pad { display: block; overflow: hidden; padding: 0 10px; } /* .home_flexible_callouts .callout.flexible h2 { margin-top: 18px; } */ .nkias .contain { background: transparent; padding-left: 0; padding-right: 0; } .nkias h2 { color: #222222; margin-top: 20px; margin-bottom: 15px; } .nkias hr { display: block; } .nkias .info { padding-right: 20px; } .nkias article { padding: 20px 0 0; } .nkias figure { border-radius: 3px; overflow: hidden; height: 225px; width: 225px; } .nkias figure img { display: block; height: 100%; margin: 0 0 0 -62px; } .nkias .person { margin: 10px 0 0; } .nkias .person img { border-radius: 2px; float: left; height: 40px; margin-right: 10px; width: 40px; } .nkias .person span { display: block; } .nkias .person .name { color: #222222; font-family: OpenSansSemibold, sans-serif; font-style: normal; font-weight: normal; font-size: 18px; margin: 0 0 5px; } .nkias .person .location { color: #18A7B4; font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 14px; text-transform: uppercase; } .news_events { margin: 0 0 40px; } .news_events .story { padding-bottom: 0; } .news_events .story:first-of-type { border: none; } .news_events .story figure { display: block; } .news_events .event { float: left; margin-top: 15px; padding: 0 0 15px; width: 50%; } .news_events .event .contain { display: inline; } .news_events .event .date { float: none; } .news_events .event h3 { margin: 5px 0; } .news_events .event h5 { line-height: 1.3; margin: 5px 0; } .news_events .event:first-of-type { border-width: 0 1px 0 0; padding-right: 20px; } .news_events .event:last-of-type { padding-left: 25px; } .profile_header h1 { font-size: 62px; } .profile_gallery .roller_item { height: 450px; width: 705px; } .incentive_filters .identifiers fieldset { padding-top: 20px; } .incentive_filters .identifiers .split { width: 100%; } .incentive_filters .personal_info fieldset { padding-right: 5px; } .incentive_filters .identifiers fieldset { padding-left: 5px; } .ami_table { width: 500px; } .ami_table .local_th { display: none; } .incentives.incentive_category .callout:nth-child(3n+1) { clear: none; } .incentives.incentive_category .callout:nth-child(odd) { clear: both; } .partner_neighborhoods { -webkit-column-count: 3; -moz-column-count: 3; -o-column-count: 3; column-count: 3; } .page .page_content .partners_all, .page .page_content .nkias_all { float: right; margin: 21px 0 0; } } /* ONLY BETWEEN 740px and 980px */ @media screen and (min-width: 740px) and (max-width: 980px) { .featured_neighborhood .button { width: 100%; } .callout.split { width: 49%; } } /* TABLET ONLY */ @media screen and (max-width: 980px) { .tablet_hide { display: none; } .map_page .page_content h1 { font-size: 36px; } #footer .partners .items a:nth-child(2) { display: none; } } /* DESKTOP */ @media screen and (min-width: 980px) { .desktop_hide { display: none !important; } .button, .page_content .button { border: none; display: block; float: left; } .button:hover, .blue .page_content .button:hover, .green .page_content .button:hover, .red .page_content .button:hover, .orange .page_content .button:hover, .purple .page_content .button:hover { background: #222222; border: none; color: #fff; } .button.profile:hover .text:before { background-position: -505px -20px; } .button.profile.added:hover .text:before { background-position: -820px 0; } .button.profile.blue.added:hover .text:before { background-position: -820px -20px; width: 22px; } .button.profile.blue:hover .text:before { background-position: -505px 0px; } .button.profile.purple.added:hover .text:before { background-position: -820px -20px; width: 22px; } .button.profile.purple:hover .text:before { background-position: -505px 0px; } .profile_header .button { clear: none; float: left; margin: 39px 0 0 20px; } .school_profile_header.profile_header .button { margin:0; clear:both } .profile_header .button.profile:hover { background-color: #fff; color: #222222; } .profile_header .button.profile.added:hover { background-color: #18A7B4; color: #fff; cursor: default; } .page_content .button.filters.incentives:hover { background: #fff; color: #222222; } .page_content .button.filters.incentives:hover .text:before { background-position: -505px 0; } .page_header .button.filters.maps:hover { background: #fff; color: #222222; } .page_header .button.filters.maps:hover .text:before { background-position: -505px 0; } .page_content .meta .button:hover { background: none; color: #222222; } .callout.addable .button.added:hover { color: #999999; } .callout.addable .button.remover:hover:before { background-position: -768px 1px; height: 18px; width: 18px; } .page_content .meta .button.profile:hover .text:before { background-position: -505px 0; } .page_content .meta .button.profile.added:hover .text:before { background-position: -850px -20px; } .map_controls span:hover { background-color: #18A7B4; } .featured_neighborhood .button.added:hover { background: #fff; color: #222222; cursor: default; } .news_events .story h3 a:hover { color: #18A7B4; } #header { padding: 15px 0 5px; } #header .logo { background-position: 0 0; height: 56px; margin: 0 auto 10px; width: 239px; } #geolocator.visible { display: none; } /* #geolocator .button { float: right; } */ .navigation_secondary { margin: 20px 0 30px; } .navigation_secondary a:hover { color: #222222; } .dark .navigation_secondary a:hover { color: #999999; } .navigation_secondary .button_small:hover, .dark .navigation_secondary .button_small:hover { background: #E9AA35; color: #fff; } .navigation_full a:hover { color: #18A7B4; } .navigation_full .active a { background: #18A7B4; color: #fff; } .navigation_full .active a:hover { color: #fff !important; } .navigation_full .green a:hover { color: #49A24A; } .navigation_full .green.active a { background: #49A24A; color: #fff; } .navigation_full .red a:hover { color: #CC453D; } .navigation_full .red.active a { background: #CC453D; color: #fff; } .navigation_full .orange a:hover { color: #E9AA35; } .navigation_full .orange.active a { background: #E9AA35; color: #fff; } .navigation_full .purple a:hover { color: #9966CC; } .navigation_full .purple.active a { background: #9966CC; color: #fff; } .navigation_compact { display: none; } .navigation_full { display: table; width: 100%; } .navigation_full .item { display: table-cell; padding: 2px 12px; vertical-align: middle; } .navigation_full a { border-radius: 3px; display: block; padding: 7px 8px; text-align: center; } .navigation_full .search span { background-position: -300px 0; height: 16px; margin-top: 7px; width: 16px; } #footer .partners { position: relative; } #footer .partners .action { margin-top: 0; position: absolute; right: 0; top: 26px; } #footer .social .links { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 25px; -moz-column-gap: 25px; -ms-column-gap: 25px; -o-column-gap: 25px; column-gap: 25px; } #footer .social a { white-space: nowrap; } #footer .copyright { font-size: 12px; } .sidebar { padding: 0 20px 30px 0; } .subnavigation { border-radius: 5px; overflow: hidden; } .subnavigation a { background: #18A7B4; color: #fff; display: block; font-family: dosismedium, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0.05em; font-size: 14px; line-height: 18px; margin: 0 0 1px 0; padding: 18px 20px; text-transform: uppercase; } .subnavigation a:hover, .subnavigation a.active, .subnavigation a.open { background: #222222 !important; } .subnavigation a.parent { padding-bottom: 10px; } .green .subnavigation a { background: #49A24A; } .red .subnavigation a { background: #CC453D; } .orange .subnavigation a { background: #E9AA35; } .purple .subnavigation a { background: #9966CC; } .subnavigation .children { background: #222222; margin: -1px 0 1px; padding: 0 0 20px; } .subnavigation .children a { background: transparent; margin: 0; padding: 5px 10px 5px 30px; text-transform: none; } .subnavigation .children a.active { color: #18A7B4; } .green .subnavigation .children a.active { color: #49A24A; } .red .subnavigation .children a.active { color: #CC453D; } .orange .subnavigation .children a.active { color: #E9AA35; } .purple .subnavigation .children a.active { color: #9966CC; } .blue .page_content a:hover, .green .page_content a:hover, .red .page_content a:hover, .orange .page_content a:hover, .purple .page_content a:hover { border-color: #222222; color: #222222; } .page_content blockquote, .page_content blockquote p { font-size: 24px; } .page_content blockquote { margin-left: 35px; } .page_content blockquote:before {font-size: 72px; margin: -5px 0 0 -35px; width:35px; } .profile_callouts .callout:nth-child(odd) { clear: none; } .profile_callouts .callout:nth-child(3n+1) { clear: both; } .callout.profile nav a:hover { border-color: #222222; color: #222222; } .callout.statistics a:hover { border-color: #222222; color: #222222; } .callout.flexible { margin: 0 0 10px 25px; width: 470px; } .sidebar .callout.flexible { margin: 20px 0 0; width: 100%; } .sidebar .callout.flexible figure { margin: 0 0 15px; max-width: auto; width: 100%; } .sidebar .callout.flexible img { width: 100%; } .sidebar .callout.flexible .contain { clear: both; } .styled_form p.error a:hover { border-color: rgba(255, 255, 255, 1); } .map_autocomplete input { width: 74%; } .map_autocomplete label { width: 24%; } .map_autocomplete .results { width: 74%; } .featured_neighborhood .pane { height: 365px; } .featured_neighborhood .viewport { width: 570px; } .featured_neighborhood .roller_item { width: 570px; } .featured_neighborhood .title { float: right; padding: 30px 30px 0 30px; width: 339px; } .featured_neighborhood .title-wide { width: 370px; } .featured_neighborhood p { color: #fff; display: block; } .featured_neighborhood .map { background: #666; border-left: 3px solid #fff; box-shadow: -3px 0 0 rgba(0, 0, 0, 0.25); position: absolute; right: 339px; width: 60px; z-index: 4; -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; } .featured_neighborhood .map:hover { width: 80px; } .featured_neighborhood .map.active { width: 400px !important; } .featured_neighborhood .container { height: 100%; position: relative; /* width: 100%; */ width: 400px; } .featured_neighborhood .map_controls { left: -18px; position: absolute; top: 0; } .featured_neighborhood .pagination span:hover { background: #fff; } .site_features { margin: 40px 0 0; } .site_features hr { display: none; } .site_features article { height: 390px; padding-bottom: 0; } .site_features article, .site_features article:nth-of-type(2n+2) { border-width: 0 1px 0 0; } .site_features article:last-of-type { border-width: 0; } .gridlock .site_features .row article:last-of-type { width: 22.5%; } .site_features h3 { font-size: 22px; text-align: center; } .site_features p { margin-bottom: 0; } .site_features .contain { caption-side: top; clear: both; display: table; } .site_features .action_wrap { display: table-caption; margin: 10px 0 20px; text-align: center; } .site_features .action { display: block; } .site_features .illustration { margin: 15px 0; } .site_features .illustration:before { float: none; height: 174px; margin: 10px auto; width: 174px; } .site_features .search .illustration:before { background-position: 0 0; } .site_features .explore .illustration:before { background-position: -185px 0; } .site_features .compare .illustration:before { background-position: -370px 0; } .site_features .partner .illustration:before { background-position: -555px 0; } .site_features .search:hover h3 { color: #18A7B4; } .site_features .explore:hover h3 { color: #E9AA35; } .site_features .compare:hover h3 { color: #CC453D; } .site_features .partner:hover h3 { color: #49A24A; } .nkias figure { height: 140px; width: 140px; } .nkias figure img { margin-left: -40px; } .nkias .link:hover { border-color: #222222; color: #222222; } .news_events .all:hover { color: #18A7B4; } .news_events .events .all:hover { color: #CC453D; } .news_events .story:hover h3 { color: #18A7B4; } .news_events .event:hover h3 { color: #CC453D; } .news_events .event { float: none; width: auto; } .news_events .event:first-of-type { border-width: 0 0 1px 0; padding-right: 0; } .news_events .event:last-of-type { padding-left: 0; } .neighborhood_list .set, .school_list .set { -webkit-column-count: 3; -moz-column-count: 3; -o-column-count: 3; column-count: 3; } .neighborhood_list a:hover { border: none; color: #18A7B4 !important; } .school_list a:hover { border: none; color: #9966CC !important; } .profile_gallery { border-radius: 0; } .profile_gallery .pagination { display: none; } .profile_gallery .lightbox { background: transparent; border: none; display: block; height: 100%; left: 1; opacity: 0; overflow: hidden; position: absolute; top: 0; width: 100%; text-indent: 110%; white-space: nowrap; z-index: 3; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 150px); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 150px); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 150px); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 150px); background-image: linear-gradient(top, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 150px); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#000000'); } .profile_gallery .lightbox:hover { opacity: 1; } .profile_gallery .lightbox:after { background: url(../images/icons.png) -535px -100px; border: none;content: ''; display: block; float: right; height: 22px; margin: 0 15px 0 0; width: 22px; overflow: hidden; } .profile_gallery .lightbox.video:after { background-position: -570px -100px; } .profile_gallery .video_frame { cursor: default; } .profile_gallery .video_frame:before { display: none; } .profile_gallery figcaption { display: none; } .profile_gallery .large figcaption { display: block; } .profile_gallery .roller_canister { position: static; width: 105%; } .profile_gallery .gallery_column { float: left; margin: 0 20px 0 0; width: 140px; } .profile_gallery .roller_item { border-radius: 5px; float: left; height: auto; margin: 0 0 20px 0; width: 100%; } .profile_gallery .roller_item img { margin-left: -37px; max-width: none; width: 215px; } .profile_gallery .roller_item.large { margin: 0 20px 20px 0; width: 460px; } .profile_gallery .roller_item.large img { margin-left: 0; width: 100%; } .profile_gallery figcaption { opacity: 0; } .profile_gallery figure:hover figcaption { opacity: 1; } .profile_gallery .pagination span:hover { background: #fff; } /* .details img { display: block; } */ .incentive_filters .incentive_types fieldset { padding-right: 0; } .incentive_filters .incentive_types .split { width: 100%; } .gridlock .incentive_filters .row .field_wrap { border-left: 1px solid #EEE; border-top: none; border-radius: 0 4px 4px 0; clear: none; margin-left: -1px; margin-right: 1.0416666666666667%; padding-left: 1.0416666666666667%; padding-right: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; *behavior: none; } .incentive_filters .personal_info fieldset { padding-left: 10px; padding-right: 10px; } .incentive_filters .identifiers fieldset { padding-left: 0; } .page .page_content .incentives h3 a:hover { color: #49A24A; } .page_content .partners .callout h3 a:hover { color: #E9AA35; } .incentives .callout:nth-child(odd) { clear: none; } .incentives .callout:nth-child(3n+1) { clear: both; } .nkias_list .callout:nth-child(odd) { clear: none; } .nkias_list .callout:nth-child(3n+1) { clear: both; } .page .page_content .partners_all:hover { color: #E9AA35; } .page .page_content .nkias_all:hover { color: #18A7B4; } } @media screen and (max-width: 1220px) and (min-width:980px) { .school_profile_sidebar .callout.statistics.split h4 { width:100%; text-align:center;} .school_profile_sidebar .callout.statistics.split { padding-right:10px; padding-left:10px } .statistics .statistics_break { height: 16px; } } @media screen and (max-width: 740px) { .school_profile_sidebar .callout.statistics.split h4 { width:100%; text-align:center;} .school_profile_sidebar .callout.statistics.split { padding-right:10px; padding-left:10px } } @media screen and (min-width: 1220px) { .max_hide { display: none !important; } .statistics .statistics_break { height: 16px; } .navigation_full { margin: 10px 0 0; } .navigation_full br { display: none; } .navigation_full .search span { margin-top: 0; } .sidebar { padding: 0 40px 30px 0; } .callout.event:nth-child(odd) { clear: none; } .callout.event:nth-child(3n+1) { clear: both; } .map_autocomplete input { width: 80%; } .map_autocomplete label { width: 18%; } .map_autocomplete .results { width: 80%; } .featured_neighborhood .pane { height: 430px; } .featured_neighborhood .viewport { width: 670px; } .featured_neighborhood .viewport-wide { width: 775px; } .featured_neighborhood .roller_item { width: 670px; } .featured_neighborhood .roller_item-wide { width: 775px; } .featured_neighborhood .title { padding: 40px 40px 0 40px; width: 400px; } .featured_neighborhood h2 { font-size: 34px; } .featured_neighborhood p { font-size: 14px; margin-bottom: 15px; } .featured_neighborhood .map { width: 120px; right: 400px; } .featured_neighborhood .map:hover { width: 140px; } .site_features article { height: 380px; } .site_features .pad { padding: 0 25px; } .site_features h3 { font-size: 24px; } .site_features .action { } .site_features .search .action:before, .site_features .action:after { background: url(../images/icons.png) no-repeat -300px -30px; content: ''; display: inline-block; height: 19px; line-height: 14px; margin: 0 0 0 10px; vertical-align: -4px; width: 17px; } .site_features .explore .action:after { background-position: -300px -26px; } .site_features .compare .action:after { background-position: -320px -26px; } .site_features .partner .action:after { background-position: -340px -26px; } .site_features .search .action:after { display: none; } .site_features .search .action:before { background-position: -535px 0; height: 19px; margin: 0 10px 0 0; width: 24px; } .nkias figure { height: 175px; width: 175px; } .nkias figure img { margin-left: -48px; } .neighborhood_list .set, .school_list .set { -webkit-column-count: 4; -moz-column-count: 4; -o-column-count: 4; column-count: 4; } .profile_gallery .gallery_column { margin: 0 25px 0 0; width: 175px; } .profile_gallery .roller_item { margin: 0 0 25px 0; } .profile_gallery .roller_item img { margin-left: -47px; width: 268px; } .profile_gallery .roller_item.large { margin: 0 25px 25px 0; width: 575px; } .incentive_filters .incentive_types .split { width: 48%; } .incentive_filters .styled_form .split .picker-checkbox .picker-label { width: 84%; } .incentive_filters .identifiers .split { width: 48%; } .incentives.incentive_category .callout:nth-child(odd) { clear: none; } .incentives.incentive_category .callout:nth-child(3n+1) { clear: both; } .partners .callout:nth-child(odd) { clear: none; } .partners .callout:nth-child(3n+1) { clear: both; } .partner_neighborhoods { -webkit-column-count: 4; -moz-column-count: 4; -o-column-count: 4; column-count: 4; } } /*--------------------------- IE 10 Specific ---------------------------*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #header .logo, .navigation .search span, .navigation_mobile .search .submit, .navigation_compact .mobile_handle, .styled_form .selecter .selecter-selected, .map_controls .zoom, .featured_neighborhood .pagination span, .profile_gallery .pagination span, #cse td.gsc-search-button input[type=button] { text-indent: -999999px !important; } } .page_content .nkia_callout h2 { color: #18A7B4; font-family: OpenSansRegular, sans-serif; font-style: normal; font-weight: normal_regular; font-size: 18px; margin-top: 0; } .callout.card .extras li { margin-bottom: 5px; } /* .map_tray { display: none; } */ @media screen and (min-width: 500px) { } @media screen and (min-width: 740px) { } @media screen and (min-width: 980px) { } @media screen and (min-width: 1220px) { } /*--------------------------- Formbuilder Styles ---------------------------*/ .form_builder input.form_builder_submit:disabled { opacity: 0.25; } .form_builder input.form_builder_submit:hover { } .form_builder fieldset.error input, .form_builder fieldset.error textarea { border-color: #D25E41; } .form_builder .form_builder_wrap { clear: both; } .form_builder .form_builder_last { margin: 0; } .form_builder_required_message { color: #999; font-size: 14px; float: right; } .form_builder_required_star { color: #CC453D; } .form_builder .form_builder_error { background: #CC453D; color: #fff; } .form_builder .form_builder_error .selecter .selecter-selected { border-color: #CC453D !important; } .form_builder .form_builder_errors { background: #CC453D; border-radius: 3px; color: #fff; padding: 15px 20px; } .form_builder .form_builder_errors p { color: #FFF; font-size: 12px; margin: 0; } /* .form_builder .form_builder_errors p:before { background: transparent; background-color: #fff; border-radius: 100%; content: ''; display: block; float: left; height: 7px; margin: 8px 5px 0 0; width: 7px; } */ .form_builder .form_builder_errors .form_builder_alert { margin: 0; font-size: 14px; } /* Column Styles */ .form_builder .form_builder_column { float: left; margin: 0 3% 0 0; width: 48.5%; } .form_builder .form_builder_column input.form_builder_text { width: 100%; } .form_builder .form_builder_column textarea { width: 100%; } .form_builder .form_builder_last { margin-right: 0; } .form_builder .form_builder_column .form_builder_checkbox { margin: 5px 0 0; } .form_builder .form_builder_column .form_builder_checkbox input { width: auto; } .form_builder .form_builder_column.third { width: 200px; } .form_builder .form_builder_column.third input { width: 174px; } .form_builder .form_builder_column.zip { width: 84px; } .form_builder .form_builder_column.zip input { width: 58px; } .form_builder_triple { overflow: hidden; } .form_builder_triple fieldset { clear: none; float: left; width: 33.3333%; margin-right: 0; } .form_builder_triple fieldset .form_builder_text { width: 90%; } /* Section Styles */ .form_builder .form_builder_section_header { clear: both; margin: 30px 0 15px 0; padding: 0 0 15px 0; } .form_builder .form_builder_section_header *:last-child { margin: 0; } .form_builder .form_builder_total_section { border: none; padding: 0; } /* Name Styles */ .form_builder .form_builder_firstname { float: left; margin: 0; width: 48%; } .form_builder .form_builder_lastname { float: right; margin: 0; width: 50%; } @media screen and (max-width: 500px) { .form_builder .form_builder_firstname { float: left; margin: 0; width: 100%; } .form_builder .form_builder_lastname { float: right; margin: 0; width: 100%; } } /* Radio Styles */ .form_builder .form_builder_radio { margin: 0 0 5px 0; overflow: hidden; padding: 2px; } .form_builder .form_builder_radio input { float: left; height: auto; margin: 0 5px 0 0; padding: 0; width: auto; } .form_builder .form_builder_radio label { margin: 0; width: 90%; } /* Checkbox Styles */ .form_builder .form_builder_checkbox { margin: 0 0 5px 0; overflow: hidden; padding: 2px; } .form_builder .form_builder_checkbox input { float: left; height: auto; margin: 0 5px 0 0; width: auto; } .form_builder .form_builder_checkbox label { margin: 0; width: 90%; } /* Select Styles */ .form_builder select { clear: both; display: block; margin: 0 0 5px 0; } /* Date Styles */ .form_builder .form_builder_date_2 { float: left; margin: 0 10px 0 0; } .form_builder .form_builder_date_2 input.form_builder_text { text-align: center; width: 60px; } .form_builder .form_builder_date_4 { float: left; margin: 0 10px 0 0; } .form_builder .form_builder_date_4 input.form_builder_text { text-align: center; width: 90px; } /* Address Styles */ .form_builder .form_builder_full { clear: both; margin: 0 0 10px 0; overflow: hidden; } .form_builder .form_builder_split { float: left; margin: 0 3% 2% 0; width: 48.5%; } .form_builder .form_builder_split_last_col { margin-right: 0px; } .form_builder .form_builder_split_last_row { margin-bottom: 0px; } .form_builder .form_builder_split input { width: 100%; } /* Phone Styles */ .form_builder .form_builder_phone_3 { float: left; margin: 0 10px 0 0; } .form_builder .form_builder_phone_3 input.form_builder_text { text-align: center; width: 60px; } .form_builder .form_builder_phone_4 { float: left; } .form_builder .form_builder_phone_4 input.form_builder_text { text-align: center; width: 80px; } .form_builder .error { border-color: #AD6672 !important; } .form_builder .form_builder_captcha_error { background: red; color: #FFF; margin: 0 0 10px 0; padding: 10px; } .form_builder .form_builder_captcha_error p { color: #FFF !important; margin: 0 !important; padding: 0; } /* Credit Card Styles */ .form_builder .form_builder_card_type { float: left; width: 150px; margin: 0 10px 10px 0; } .form_builder .form_builder_card_type select { width: 140px; height: 32px; margin: 0; border: 0; color: #333; font-size: 12px; padding: 3px 0 3px 5px; } .form_builder .form_builder_card_type .form_builder_select_wrapper { height: 40px; } .form_builder .form_builder_card_number { float: left; width: 70%; } .form_builder .form_builder_card_number input { width: 100%; } .form_builder .form_builder_card_code { float: right; width: 28%; } .form_builder .form_builder_card_code input { width: 100%; } .form_builder .form_builder_card_date { float: left; width: 150px; } .form_builder .form_builder_card_date .form_builder_card_month { width: 53px; text-align: center; float: left; margin: 0 10px 0 0; } .form_builder .form_builder_card_date .form_builder_card_year { width: 73px; text-align: center; } .form_builder #form_builder_total { font-weight: bold; } /* Selectbox Styles */ .form_builder .select-box-element { display: none; } .form_builder .select-box { color: #D79027; display: block; font-size: 14px; margin: 0 0 10px; position: relative; text-transform: uppercase; width: 520px; } .form_builder .select-box-selected { background: #fff url(../images/arrow_down_orange.png) no-repeat 490px 16px; cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 13px 0 13px 5%; text-overflow: clip; /* min-width: 50%; */z-index: 40; } .form_builder .select-box-options { background-color: #fff; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); left: 0; list-style: none; margin: -4px 0 0; max-height: 260px; /* overflow: auto; overflow-x: hidden; */padding: 13px 0 13px; position: absolute; top: 0; width: 100%; z-index: 500; } .form_builder .select-box-options li { background: #fff; float: left; margin: 0; overflow: hidden; padding: 0; width: 100%; } .form_builder .select-box-options a { display: block; font-size: 14px; font-weight: 200; padding: 7px 0 7px 5%; text-overflow: ellipsis; width: 95%; } .form_builder .select-box-options .selected a { background: #fff; } .form_builder .select-box-options a:hover, .select-box-options .selected a:hover { background-color: #fff; color: #000; } .form_builder .select-box-options .first a { border-radius: 5px 5px 0 0; } .form_builder .select-box-options .last a { border-radius: 0 0 5px 5px; } .form_builder .form_builder_section_header:first-of-type h2 { margin-top: 0; } /* Retina Assets */ @media only screen and (-moz-min-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx), only screen and (min-resolution: 120dpi) { .button.icon:before, .button.profile .text:before, .infowindow .caret, .video_frame:before, #header .logo, .navigation .search span, .navigation_mobile .icon:after, .navigation_mobile .search .submit, .navigation_compact .mobile_handle, #footer .social a:before, .callout.statistics:after, .callout.statistics .figure:before, .callout.statistics .edit:before, .callout.statistics.collapsible h4:after, .callout.statistics.open h4:after, .styled_form .selecter .selecter-selected:before, .styled_form .stepper .stepper-step:hover, .map_controls .zoom, .map_controls .pill.icon:before, .incentive_filters .styled_form .selecter .selecter-selected:before, .button.filters .text:before, .partner_filters .styled_form .selecter .selecter-selected:before, #cse td.gsc-search-button input[type=button], #footer .partners .action:after, .profile_gallery .lightbox, .site_features .action:after { background-image: url(../images/icons.2x.png); background-size: 1000px 500px; } .site_features .illustration:before { background-image: url(../images/illustrations.2x.png); background-size: 729px 272px; } }