Technology — Reeve Connect

.fullPageLoader { display: none } body.isLoading .page { max-height: initial; height: initial; }

@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); html, body, .header, .footer, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, datalist, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; } body, .header, .footer { line-height: 1; } pre, code { font-family: monospace; } input, textarea, button { margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; font: inherit; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } cite { font-style: normal; } html, body, .header, .footer { background: #F1F1F1; color: #252525; } body, .header, .footer { font-size: 17px; } @media only screen and (max-width: 769px) { #site-body { padding-top: 55px; } } form fieldset ol li input, form fieldset ol li textarea { background: #FFF; } form fieldset ol li input:focus, form fieldset ol li textarea:focus { outline: none; } form fieldset ol li input[type=text], form fieldset ol li input[type=email], form fieldset ol li input[type=password], form fieldset ol li textarea { -webkit-appearance: none; } form select { font-size: 17px; } form.general fieldset { border: 0; } form.general fieldset ol { list-style: none; } form.general fieldset ol li { padding-top: 10px; padding-bottom: 10px; } form.general fieldset ol li label, form.general legend { padding-bottom: 6.66667px; display: block; font-weight: bold; } form.general fieldset ol li label em { font-weight: normal; } form.general fieldset ol li input, form.general fieldset ol li textarea { width: 100%; background: #F1F1F1; border: 1px solid #B2B2B2; border-radius: 5px; padding: 10px 20px; } form.general fieldset ol li input[type=file] { padding: 0; background: transparent; border: none; } form.general fieldset ol li input:focus, form.general fieldset ol li textarea:focus { background: #FFF; border-color: #FFD217; } form.general fieldset ol li input.short { width: 50%; } form.general fieldset ol li textarea { display: block; height: 6em; } form.general fieldset ol li select { margin-left: 0.2%; margin-right: 0.2%; width: 99.4%; } form.general fieldset ol li.checkbox, form.general fieldset ol li.radio { padding-top: 5px; padding-bottom: 5px; } form.general fieldset ol li.checkbox label, form.general fieldset ol li.radio label { padding-left: 30px; padding-bottom: 0; font-weight: normal; } form.general fieldset ol li.checkbox input, form.general fieldset ol li.radio input { float: left; display: block; width: 20px; margin-top: 5px; background: transparent; box-shadow: none; } form.general fieldset ol li.checkbox label input, form.general fieldset ol li.radio label input { float: none; display: inline-block; min-width: 150px; margin: 0 0 0 10px; padding: 0 5px; background: #FFF; } form.general fieldset ol .faux-btn { position: relative; } form.general fieldset ol li.checkbox .faux-btn input[type=checkbox], form.general fieldset ol li.radio .faux-btn input[type=radio] { position: absolute; top: 7px; left: 7px; } form.general fieldset ol li.checkbox .faux-btn label, form.general fieldset ol li.radio .faux-btn label { display: inline-block; width: 100%; padding: 7px 7px 7px 37px; background: #F1F1F1; border-radius: 5px; cursor: pointer; } form.general fieldset ol li.checkbox .faux-btn label:hover, form.general fieldset ol li.checkbox .faux-btn label:focus, form.general fieldset ol li.radio .faux-btn label:hover, form.general fieldset ol li.radio .faux-btn label:focus { background: #B2B2B2; } form.general fieldset ol li.checkbox .faux-btn input:checked ~ label, form.general fieldset ol li.radio .faux-btn input:checked ~ label { background: #FFD217; } form.general fieldset ol li span.note { display: block; } form.general fieldset ol li span.note, form.general fieldset ol li span.error { clear: both; display: block; padding-top: 5px; } form.general fieldset ol li span.error { color: #E40000; } form.general fieldset ol li.field_with_errors input, form.general fieldset ol li.field_with_errors textarea { border-color: #E40000; } form.general div.submit { padding-top: 10px; padding-bottom: 10px; } form.text, form.text div.submit, form.text div.submit button { display: inline; } form.text div.submit button { padding: 0; background: transparent; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } form.general.inline { overflow: hidden; } form.general.inline p { margin-bottom: 0; } form.general.inline fieldset { display: block; width: 100%; } @media only screen and (min-width: 770px) { form.general.inline fieldset { float: left; width: 70%; } } @media only screen and (min-width: 770px) { form.general.inline fieldset ol li { padding: 0; } } form.general.inline fieldset input { height: 59px; } @media only screen and (min-width: 770px) { form.general.inline fieldset input { border-top-right-radius: 0; border-bottom-right-radius: 0; } } form.general.inline .submit { display: block; width: 100%; } @media only screen and (min-width: 770px) { form.general.inline .submit { float: left; width: 30%; padding: 0; } } form.general.inline .btn { display: block; width: 100%; height: 59px; } @media only screen and (min-width: 770px) { form.general.inline .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } } .pika-table tr { display: table-row; } .pika-table th, .pika-table td { display: table-cell; } #mc-embedded-subscribe-form div.response { display: none; } #mc-embedded-subscribe-form input.mce_inline_error { border-color: #E40000; } #mc-embedded-subscribe-form div.mce_inline_error, #mc-embedded-subscribe-form div#mce-error-response, #mc-embedded-subscribe-form div#mce-success-response { padding: 5px 0 0; } #mc-embedded-subscribe-form div.mce_inline_error, #mc-embedded-subscribe-form div#mce-error-response { background: transparent; color: #E40000; font-weight: normal; } #mc-embedded-subscribe-form div#mce-success-response { color: #12AB16; } #mc-embedded-subscribe-form div.honey { position: absolute; left: -5000px; } .wrapper, .grid { margin: 0 auto; width: 100%; max-width: 1200px; overflow: hidden; } .row { width: 100%; overflow: hidden; } .row:before, .row:after { content: ''; display: table; } .tuck-bottom { margin-bottom: 0; } .c1 { width: 8.33333%; } .c2 { width: 16.66667%; } .c3 { width: 25%; } .c4 { width: 33.33333%; } .c5 { width: 41.66667%; } .c6 { width: 50%; } .c7 { width: 58.33333%; } .c8 { width: 66.66667%; } .c9 { width: 75%; } .c10 { width: 83.33333%; } .c11 { width: 91.66667%; } .s1 { margin-left: 8.33333%; } .s2 { margin-left: 16.66667%; } .s3 { margin-left: 25%; } .s4 { margin-left: 33.33333%; } .s5 { margin-left: 41.66667%; } .s6 { margin-left: 50%; } .s7 { margin-left: 58.33333%; } .s8 { margin-left: 66.66667%; } .s9 { margin-left: 75%; } .s10 { margin-left: 83.33333%; } .s11 { margin-left: 91.66667%; } .s12 { margin-left: 100%; } .c1 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c2 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c3 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c4 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c5 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c6 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c7 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c8 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c9 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c10 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c11 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c12 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c12, .s12 { float: none; clear: both; display: block; width: 100%; } .no-pad { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 769px) { .med-c1 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 8.33333%; } .med-c2 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 16.66667%; } .med-c3 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 25%; } .med-c4 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 33.33333%; } .med-c5 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 41.66667%; } .med-c6 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 50%; } .med-c7 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 58.33333%; } .med-c8 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 66.66667%; } .med-c9 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 75%; } .med-c10 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 83.33333%; } .med-c11 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 91.66667%; } .med-s0 { margin-left: 0%; } .med-s1 { margin-left: 8.33333%; } .med-s2 { margin-left: 16.66667%; } .med-s3 { margin-left: 25%; } .med-s4 { margin-left: 33.33333%; } .med-s5 { margin-left: 41.66667%; } .med-s6 { margin-left: 50%; } .med-s7 { margin-left: 58.33333%; } .med-s8 { margin-left: 66.66667%; } .med-s9 { margin-left: 75%; } .med-s10 { margin-left: 83.33333%; } .med-s11 { margin-left: 91.66667%; } .med-s12 { margin-left: 100%; } .med-c12 { float: none; clear: both; display: block; width: 100%; } .med-no-pad { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 400px) { .sml-c1 { width: 8.33333%; } .sml-c2 { width: 16.66667%; } .sml-c3 { width: 25%; } .sml-c4 { width: 33.33333%; } .sml-c5 { width: 41.66667%; } .sml-c6 { width: 50%; } .sml-c7 { width: 58.33333%; } .sml-c8 { width: 66.66667%; } .sml-c9 { width: 75%; } .sml-c10 { width: 83.33333%; } .sml-c11 { width: 91.66667%; } .sml-s0 { margin-left: 0%; } .sml-s1 { margin-left: 8.33333%; } .sml-s2 { margin-left: 16.66667%; } .sml-s3 { margin-left: 25%; } .sml-s4 { margin-left: 33.33333%; } .sml-s5 { margin-left: 41.66667%; } .sml-s6 { margin-left: 50%; } .sml-s7 { margin-left: 58.33333%; } .sml-s8 { margin-left: 66.66667%; } .sml-s9 { margin-left: 75%; } .sml-s10 { margin-left: 83.33333%; } .sml-s11 { margin-left: 91.66667%; } .sml-s12 { margin-left: 100%; } .sml-c12 { float: none; clear: both; display: block; width: 100%; } .sml-no-pad { padding-left: 0; padding-right: 0; } } .grid-center { margin-left: auto; margin-right: auto; float: none; } .pull-right { float: right; } .pull-right.push-left { margin-left: 10px; } .pull-left { float: left; margin-right: 20px; } @media only screen and (max-width: 769px) { .med-no-pull-left { float: none; margin-right: 0; } } .push-top-quarter { margin-top: 5px; } .push-top-half { margin-top: 10px; } .push-top { margin-top: 20px; } .push-top-double { margin-top: 40px; } .push-top-triple { margin-top: 60px; } @media only screen and (max-width: 769px) { .med-push-top { margin-top: 20px; } } @media only screen and (max-width: 769px) { .med-push-top-half { margin-top: 10px; } } @media only screen and (max-width: 769px) { .med-push-top-double { margin-top: 40px; } } @media only screen and (max-width: 400px) { .sml-push-top { margin-top: 20px; } } @media only screen and (max-width: 400px) { .sml-push-top-half { margin-top: 10px; } } @media only screen and (max-width: 400px) { .sml-push-top-double { margin-top: 40px; } } .push-bottom-double { margin-bottom: 40px; } @media only screen and (max-width: 1199px) { .site-width-hide { display: none; height: 0; width: 0; visibility: hidden; } } @media only screen and (max-width: 400px) { .sml-hide { display: none; height: 0; width: 0; visibility: hidden; } } @media only screen and (min-width: 401px) { .sml-show { display: none; height: 0; width: 0; visibility: hidden; } } @media only screen and (max-width: 769px) { .med-hide { display: none; height: 0; width: 0; visibility: hidden; } } @media only screen and (min-width: 770px) { .med-show { display: none; height: 0; width: 0; visibility: hidden; } } @media only screen and (max-width: 769px) { .med-inline { display: inline; width: auto; padding-left: 0; padding-right: 0; position: static; float: none; } } .row-3-across .c4:nth-child(4n) { clear: left; } .hidden { display: none; } @font-face { font-family: "icons"; src: url("https://www.christopherreeve.org/assets/fonts/icons.eot"); src: url("https://www.christopherreeve.org/assets/fonts/icons.eot?#iefix") format("embedded-opentype"), url("https://www.christopherreeve.org/assets/fonts/icons.ttf") format("truetype"), url("https://www.christopherreeve.org/assets/fonts/icons.woff") format("woff"), url("https://www.christopherreeve.org/assets/fonts/icons.svg#icons") format("svg"); font-weight: normal; font-style: normal; } .icon { font-family: 'icons'; speak: none; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon.left, .icon.right, .icon.inline { display: inline-block; line-height: inherit; font-size: 1em; } .icon.left { float: left; margin-right: 10px; } .icon.right { float: right; margin-left: 10px; } .icon.inline { vertical-align: bottom; } .icon.lrg { font-size: 90px; } .icon-block { display: block; background: #FFD217; height: 44px; width: 44px; line-height: 44px; margin-bottom: 10px; border-radius: 5px; font-size: 22px; font-weight: normal; text-align: center; } .btn.with-action-icon .icon.right, .vrt-links li a .icon.right, .title-underline a .icon.right { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.3s transform ease; -moz-transition: 0.3s transform ease; -ms-transition: 0.3s transform ease; -o-transition: 0.3s transform ease; transition: 0.3s transform ease; } .btn.with-action-icon:hover .icon.right, .btn.with-action-icon:focus .icon.right, .vrt-links li a:hover .icon.right, .vrt-links li a:focus .icon.right, .title-underline a:hover .icon.right, .title-underline a:focus .icon.right { -webkit-transform: translate(3px, 0); -moz-transform: translate(3px, 0); -ms-transform: translate(3px, 0); -o-transform: translate(3px, 0); transform: translate(3px, 0); } .btn.with-action-icon .icon.right.no-animate { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .btn.with-action-icon:hover .icon.right.no-animate, .btn.with-action-icon:focus .icon.right.no-animate { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } html, body, .header, .footer { text-align: left; } body, .header, .footer, input, textarea, button { font-family: "Roboto", Helvetica, Arial, sans-serif; line-height: 1.6; } p { margin: 0 0 0.75em; } p:last-of-type { margin-bottom: 0; } p em, .article em { font-style: italic; } strong { font-weight: bold; } sup { font-size: 0.7em; vertical-align: top; } .meta { color: #B2B2B2; } .text-center { text-align: center; } @media only screen and (max-width: 400px) { .sml-text-center { text-align: center; } } .text-right { text-align: right; } .text-brand { color: #FFD217; } .text-dark-brand { color: #F18800; } .text-success { color: #12AB16; } .text-warn { color: #E40000; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; } h1 { font-size: 68px; font-weight: 900; line-height: 1.1; } @media only screen and (max-width: 769px) { h1 { font-size: 40px; } } h2 { font-size: 62px; font-weight: bold; } @media only screen and (max-width: 769px) { h2 { font-size: 36px; } } h3 { font-size: 34px; font-weight: bold; } @media only screen and (max-width: 769px) { h3 { font-size: 30px; } } h4 { font-size: 25px; line-height: 1.6; } h5 { font-size: 19px; line-height: 1.6; } h5.alt { font-weight: bold; } h6 { font-size: 15px; line-height: 1.6; } h6.alt { font-weight: bold; text-transform: uppercase; } h1 a, h2 a, h3 a { border-bottom: none; color: inherit; text-decoration: none; } a h3 { display: inline-block; } .title-underline { padding-bottom: 0.25em; border-bottom: 5px solid #FFD217; } .title-top-border { padding-top: 0.5em; border-top: 5px solid #FFF; } blockquote { padding-left: 57.6px; } @media only screen and (max-width: 769px) { blockquote { padding-left: 0; padding-left: 34.5px; } } blockquote.center { text-align: center; padding-left: 0; } blockquote.center .quote { display: inline-block; line-height: 1.4; margin-bottom: 30px; } blockquote.center .author { display: block; color: #FFF; font-size: 18px; font-weight: normal; } blockquote .author-description { color: #FFD217; } blockquote .image { border-radius: 50%; width: 70px; height: 70px; display: inline-block; margin-bottom: 20px; } blockquote .quote, .article blockquote.pull-quote { position: relative; display: block; font-size: 34px; font-weight: bold; line-height: 1.2; } @media only screen and (max-width: 769px) { blockquote .quote, .article blockquote.pull-quote { font-size: 25px; } } blockquote .quote:before, blockquote .quote:after, .article blockquote.pull-quote:before, .article blockquote.pull-quote:after { position: absolute; display: inline-block; width: 47.6px; height: 47.6px; color: #FFD217; font-size: 109.718px; font-weight: normal; line-height: 0.85; } @media only screen and (max-width: 769px) { blockquote .quote:before, blockquote .quote:after, .article blockquote.pull-quote:before, .article blockquote.pull-quote:after { width: 31.25px; height: 31.25px; font-size: 78.125px; } } blockquote .quote:before, .article blockquote.pull-quote:before { top: 0; left: -49.2px; content: '\201C'; } @media only screen and (max-width: 769px) { blockquote .quote:before, .article blockquote.pull-quote:before { left: -36.25px; } } .article blockquote.pull-quote:before { left: 0; } blockquote .quote:after, .article blockquote.pull-quote:after { content: '\201D'; text-align: right; } blockquote .author { color: #FFD217; font-size: 25px; font-weight: bold; } blockquote.fact { margin-left: 20px; padding-left: 20px; border-left: 10px solid #FFD217; font-size: 25px; font-weight: bold; } @media only screen and (min-width: 770px) { blockquote.fact { margin-left: 40px; } } a, a:before, a:after, button { cursor: pointer; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } button::-moz-focus-inner { padding: 0; border: none; } a, form.text div.submit button { border-bottom: 2px solid #F18800; color: #252525; text-decoration: none; } a:hover, a:focus, form.text:hover div.submit button span { color: #F18800; } input.placeholder, textarea.placeholder { color: #8b8b8b; } input[disabled], button[disabled] { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } div#site-footer { clear: both; background: #252525; color: #F1F1F1; } div#site-footer .footer-nav li { margin-top: 10px; } div#site-footer .footer-nav a { border-bottom: none; color: #F1F1F1; text-decoration: none; } div#site-footer .footer-nav a:hover, div#site-footer .footer-nav a:focus { color: #FFD217; } div#site-footer .section + .section { border-top: 1px solid #414141; } a.to-top { display: block; padding: 20px; overflow: hidden; background: #FFD217; border-bottom: none; text-decoration: none; } a.to-top:hover, a.to-top:focus, a.to-top:active { background: #F18800; color: #252525; } div#site-header { position: relative; z-index: 200; overflow: hidden; background: #F1F1F1; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 769px) { div#site-header { position: absolute; top: 0; display: block; width: 100%; overflow: visible; } } @media only screen and (min-width: 770px) { div#site-header .top-bar { padding-top: 10px; padding-bottom: 15px; } } @media only screen and (max-width: 769px) { div#site-header .top-bar.wrapper { float: left; padding-right: 45px; margin-right: -45px; } } @media only screen and (max-width: 769px) { div#site-header .wrapper { overflow: visible; } } div#site-header div.brand { width: 167px; max-width: 100%; } @media only screen and (min-width: 770px) { div#site-header div.brand { width: 296px; } } div#site-header div.brand a { display: block; width: 100%; padding-top: 22.2972973%; height: 0; background: url("https://www.christopherreeve.org/assets/images/logo.png") 0 0 no-repeat; background-size: 100%; border: none; text-decoration: none; text-indent: -9999em; } @media only screen and (max-width: 769px) { div#site-header div.brand a { background-image: url("https://www.christopherreeve.org/assets/images/logo-mobile.png"); margin-top: 11px; } } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div#site-header div.brand a { background-image: url("https://www.christopherreeve.org/assets/images/logo-2x.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 769px), only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 769px), only screen and (min-device-pixel-ratio: 2) and (max-width: 769px) { div#site-header div.brand a { background-image: url("https://www.christopherreeve.org/assets/images/logo-mobile-2x.png"); } } @media only screen and (min-width: 770px) { .quick-menu-wrapper { margin-top: 15px; } } @media only screen and (max-width: 769px) { #site-header .quick-menu { background: #FFF; } } @media only screen and (min-width: 770px) { #site-header .quick-menu { float: right; text-align: left; } } .quick-menu li { padding: 0; } @media only screen and (min-width: 770px) { .quick-menu li { float: left; padding: 0 15px; border-right: 1px solid #B2B2B2; } } .quick-menu li:nth-of-type(n+4) { padding-right: 0; } @media only screen and (min-width: 770px) { .quick-menu li:nth-of-type(n+4) { border: none; } } .quick-menu li.phone { border-top: 1px solid #F1F1F1; } @media only screen and (max-width: 769px) { .quick-menu li:first-of-type { border-right: 1px solid #F1F1F1; } } .quick-menu li a { border-bottom: none; font-weight: bold; line-height: 1.2; text-decoration: none; } @media only screen and (max-width: 769px) { .quick-menu li a { display: block; width: 100%; padding: 15px 10px; } } .quick-menu li a h6 { font-weight: normal; } .quick-menu li a > .icon { font-size: 32px; line-height: 1.2; vertical-align: top; } @media only screen and (max-width: 769px) { .quick-menu li a > .icon { display: block; } } @media only screen and (min-width: 770px) { .quick-menu li a > .icon { display: inline-block; padding-right: 8px; } } .quick-menu li a .icon-block { display: inline-block; margin-right: 20px; margin-bottom: 0; } .quick-menu li a .text { display: inline-block; } @media only screen and (max-width: 769px) { .global-nav { float: right; width: 45px; } } @media only screen and (min-width: 770px) { .global-nav { background: #FFF; border-top: 2px solid #FFD217; } } @media only screen and (max-width: 769px) { .global-nav ul { background: #FFF; } } @media only screen and (min-width: 770px) { .global-nav ul { float: left; text-align: left; } } .global-nav ul li { display: block; } @media only screen and (min-width: 770px) { .global-nav ul li { float: left; width: 25%; } } @media only screen and (min-width: 1200px) { .global-nav ul li { display: flex; align-items: 'center'; height: 65px; width: 11.1%; } } .global-nav ul li a { display: block; padding: 15px; border-bottom: 1px solid #F1F1F1; font-size: 15px; font-weight: bold; line-height: 1.25; text-align: center; text-decoration: none; } @media only screen and (min-width: 770px) { .global-nav ul li a { float: left; width: 100%; padding: 15px 5px; border-right: 1px solid #F1F1F1; } } @media only screen and (min-width: 1200px) { .global-nav ul li a { padding: 24px 7px 24px; border-bottom: none; } } @media only screen and (min-width: 770px) { .global-nav ul li.multi a { padding-top: 15px; padding-bottom: 15px; } } .global-nav ul li a:hover, .global-nav ul li a:focus { background: #F1F1F1; color: #252525; } .global-nav ul li a.cur { background: #FFD217; } @media only screen and (min-width: 770px) { .global-nav ul li a.cur { border-color: #FFD217; } } .global-nav ul li.cta { width: 100%; } @media only screen and (min-width: 1200px) { .global-nav ul li.cta { width: 11.1%; } } .global-nav ul li.cta a { background: #F18800; color: #FFF; } .global-nav ul li.cta a:hover, .global-nav ul li.cta a:focus, .global-nav ul li.cta a:active { background: #FFD217; } @media only screen and (min-width: 1200px) { .global-nav ul li a .line-break { display: block; } } .menu { display: none; overflow: hidden; border-top: 1px solid #F1F1F1; text-align: center; } @media only screen and (max-width: 1199px) { .menu { padding: 0; } } @media only screen and (max-width: 769px) { .menu { position: absolute; top: 55px; left: 0; width: 100%; } } @media only screen and (min-width: 770px) { .menu { display: block; border-top: none; } } .menu-toggle { display: none; } .newsletter-btn { display: inline-block; margin: 9px 3px; padding: 6px; background: #FFF; border-radius: 5px; border: 0; } .menu-label { display: none; } @media only screen and (max-width: 769px) { .menu-label { display: block; cursor: pointer; line-height: 1; } } .menu-label span { display: inline-block; margin: 9px 3px; padding: 6px; background: #FFF; border-radius: 5px; } .menu-label .text { font-size: 15px; font-weight: bold; line-height: 25px; } .menu-label .icon { font-size: 25px; } #quick-menu-label span { float: right; margin-left: 0; } #quick-menu-toggle:checked ~ #quick-menu-label span, .global-nav #global-menu-toggle:checked ~ #global-menu-label span { background: #FFD217; } #quick-menu-toggle:checked ~ .quick-menu, .global-nav #global-menu-toggle:checked ~ .global-menu { display: block; } #site-header .search { background: #FFF; border-bottom: none; font-size: 25px; text-decoration: none; } @media only screen and (max-width: 769px) { #site-header .search { margin: 9px 3px; padding: 6px; border-radius: 5px; } } @media only screen and (min-width: 770px) { #site-header .search { padding: 10px; margin-left: 20px; } } .btn { display: inline-block; padding: 7px 20px; overflow: hidden; background: #FFD217; border: none; border-radius: 5px; color: #252525; cursor: pointer; font-size: 19px; font-weight: bold; outline: none; text-align: center; text-decoration: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; transition: 0.3s all ease; } button.btn { vertical-align: top; } .btn:hover, .btn:focus, .btn:active { background: #F18800; color: #252525; } .btn.block { display: block; width: 100%; } .btn.flat { border-radius: 0; } .btn.with-action-icon { position: relative; text-align: left; padding: 10px 70px 10px 20px; } .btn.with-action-icon:hover:before, .btn.with-action-icon:focus:before, .btn.with-action-icon:active:before { background: #dd7c00; } .btn.with-action-icon:before { content: ''; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 55px; background: #f7c700; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .btn.with-action-icon.flat:before { border-radius: 0; } .btn.with-action-icon .icon.right { position: absolute; top: 10px; right: 18px; z-index: 100; } .btn.with-action-icon.lg { padding-right: 85px; } .btn.with-action-icon.lg:before { width: 70px; } .btn.dark { color: #FFF; background: #414141; } .btn.dark:hover { color: #414141; background: #FFF; } .btn.light { color: #414141; background: #FFF; } .btn.light:hover { color: #414141; background: #F18800; } .btn.with-action-icon.dark { color: #FFF; background: #414141; } .btn.with-action-icon.dark:before, .btn.with-action-icon.dark:hover:before, .btn.with-action-icon.dark:focus:before, .btn.with-action-icon.dark:active:before { background: #666; } .btn.icon-block { display: block; padding: 0; margin-bottom: 0; color: #FFF; } .btn.icon-block.twitter { background: #009CED; } .btn.icon-block.twitter:hover, .btn.icon-block.twitter:focus { background: #0088ce; } .btn.icon-block.facebook { background: #3b5998; } .btn.icon-block.facebook:hover, .btn.icon-block.facebook:focus { background: #324c82; } .btn.icon-block.youtube { background: #FB0000; } .btn.icon-block.youtube:hover, .btn.icon-block.youtube:focus { background: #dc0000; } .btn.icon-block.linkedin { background: #0077BA; } .btn.icon-block.linkedin:hover, .btn.icon-block.linkedin:focus { background: #00639b; } .btn.icon-block.google-plus { background: #E9260E; } .btn.icon-block.google-plus:hover, .btn.icon-block.google-plus:focus { background: #cc210c; } .btn.icon-block.instagram { background: #8a3ab9; } .btn.icon-block.instagram:hover, .btn.icon-block.instagram:focus { background: #7933a2; } .btn.text { background: none; } .btn.text:hover { color: #F18800; } div.notice, div.alert, div.error { clear: both; padding-top: 20px; padding-bottom: 20px; font-weight: bold; } div.notice { background: #12AB16; color: #FFF; } div.alert, div.error { background: #E40000; color: #FFF; } .bullets, .article ul { padding-left: 20px; list-style-type: disc; } .bullets li, .article ul li { margin-top: 5px; margin-bottom: 5px; } .numbers, .article ol { padding-left: 20px; list-style-type: decimal; } .numbers li, .article ol li { margin-top: 5px; margin-bottom: 5px; } .hoz { list-style: none; overflow: hidden; } .hoz li { float: left; display: block; padding: 0 8px; } .hoz li:first-of-type { padding-left: 0; } .hoz li:last-of-type { padding-right: 0; } .hoz.inline li { float: none; display: inline-block; } .vrt-links li { display: block; } .vrt-links li a, .vrt-links .item { display: block; border-top: 1px solid #F1F1F1; border-bottom: none; text-decoration: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .vrt-links .item { padding-top: 10px; padding-bottom: 10px; } .vrt-links li a { padding: 6.66667px 20px; } .vrt-links li a:hover, .vrt-links li a:focus { background: #414141; border-color: #414141; color: #FFD217; } .breadcrumbs { overflow: hidden; } .breadcrumbs li { float: left; } @media only screen and (max-width: 769px) { .breadcrumbs li { margin-top: 10px; } } .breadcrumbs .item { display: inline-block; padding: 5px 15px; background: #FFF; border: none; border-radius: 5px; color: #252525; font-size: 15px; font-weight: bold; text-decoration: none; } .breadcrumbs li a.item:hover, .breadcrumbs li a.item:focus { background: #F18800; color: #252525; } .breadcrumbs li.sp { display: inline-block; padding: 0 3px; color: #666; font-size: 25px; line-height: 34px; } .breadcrumbs li .item.cur { background: #252525; color: #FFF; } img { display: block; width: 100%; max-width: 100%; } img.inline { display: inline; width: auto; } .thumb { width: auto; border: 5px solid #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-transform: rotate(-3deg) scale(0.9); -moz-transform: rotate(-3deg) scale(0.9); -ms-transform: rotate(-3deg) scale(0.9); -o-transform: rotate(-3deg) scale(0.9); transform: rotate(-3deg) scale(0.9); } .rounded-edges { border-radius: 5px; overflow: hidden; } .img-team-reeve { display: block; width: 370px; max-width: 100%; margin: 0 auto; border: none; } .img-team-reeve span { display: block; width: 100%; height: 0; padding-top: 25.13514%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/team-reeve-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-team-reeve span { background-image: url("https://www.christopherreeve.org/assets/images/team-reeve-2x.png"); } } .img-team-legrand { display: block; width: 387px; max-width: 100%; margin: 0 auto; border: none; } .img-team-legrand span { display: block; width: 100%; height: 0; padding-top: 29.71576%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/team-legrand-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-team-legrand span { background-image: url("https://www.christopherreeve.org/assets/images/team-legrand-2x.png"); } } .img-phone { display: block; width: 120px; max-width: 100%; margin: 0 auto; border: none; } .img-phone span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/phone-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-phone span { background-image: url("https://www.christopherreeve.org/assets/images/phone-2x.png"); } } .img-big-idea { display: block; width: 410px; max-width: 100%; margin: 0 auto; border: none; } .img-big-idea span { display: block; width: 100%; height: 0; padding-top: 16.34146%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/big-idea-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-big-idea span { background-image: url("https://www.christopherreeve.org/assets/images/big-idea-2x.png"); } } .img-nrn { display: block; width: 560px; max-width: 100%; margin: 0 auto; border: none; } .img-nrn span { display: block; width: 100%; height: 0; padding-top: 17.5%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/nrn-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-nrn span { background-image: url("https://www.christopherreeve.org/assets/images/nrn-2x.png"); } } .img-nactn-logo { display: block; width: 507px; max-width: 100%; margin: 0 auto; border: none; } .img-nactn-logo span { display: block; width: 100%; height: 0; padding-top: 19.32939%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/nactn-logo-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-nactn-logo span { background-image: url("https://www.christopherreeve.org/assets/images/nactn-logo-2x.png"); } } .img-map-logo { display: block; width: 129px; max-width: 100%; margin: 0 auto; border: none; } .img-map-logo span { display: block; width: 100%; height: 0; padding-top: 32.55814%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/map-logo-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-map-logo span { background-image: url("https://www.christopherreeve.org/assets/images/map-logo-2x.png"); } } .img-peer-mentor-1 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-peer-mentor-1 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/peer-mentor-1-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-peer-mentor-1 span { background-image: url("https://www.christopherreeve.org/assets/images/peer-mentor-1-2x.png"); } } .img-peer-mentor-2 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-peer-mentor-2 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/peer-mentor-2-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-peer-mentor-2 span { background-image: url("https://www.christopherreeve.org/assets/images/peer-mentor-2-2x.png"); } } .img-peer-mentor-3 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-peer-mentor-3 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/peer-mentor-3-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-peer-mentor-3 span { background-image: url("https://www.christopherreeve.org/assets/images/peer-mentor-3-2x.png"); } } .img-grants-1 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-grants-1 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/grants-1-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-grants-1 span { background-image: url("https://www.christopherreeve.org/assets/images/grants-1-2x.png"); } } .img-grants-2 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-grants-2 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/grants-2-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-grants-2 span { background-image: url("https://www.christopherreeve.org/assets/images/grants-2-2x.png"); } } .img-grants-3 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-grants-3 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/grants-3-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-grants-3 span { background-image: url("https://www.christopherreeve.org/assets/images/grants-3-2x.png"); } } .img-advocacy-medal { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-advocacy-medal span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/advocacy-medal-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-advocacy-medal span { background-image: url("https://www.christopherreeve.org/assets/images/advocacy-medal-2x.png"); } } .img-charity-watch { display: block; width: 101px; max-width: 100%; margin: 0 auto; border: none; } .img-charity-watch span { display: block; width: 100%; height: 0; padding-top: 77.22772%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/charity-watch-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-charity-watch span { background-image: url("https://www.christopherreeve.org/assets/images/charity-watch-2x.png"); } } .img-charity-bbb { display: block; width: 206px; max-width: 100%; margin: 0 auto; border: none; } .img-charity-bbb span { display: block; width: 100%; height: 0; padding-top: 37.86408%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/charity-bbb-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-charity-bbb span { background-image: url("https://www.christopherreeve.org/assets/images/charity-bbb-2x.png"); } } .img-charity-navigator { display: block; width: 78px; max-width: 100%; margin: 0 auto; border: none; } .img-charity-navigator span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/charity-navigator-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-charity-navigator span { background-image: url("https://www.christopherreeve.org/assets/images/charity-navigator-2x.png"); } } .img-charity-guide-star { display: block; width: 73px; max-width: 100%; margin: 0 auto; border: none; } .img-charity-guide-star span { display: block; width: 100%; height: 0; padding-top: 106.84932%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/charity-guide-star-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-charity-guide-star span { background-image: url("https://www.christopherreeve.org/assets/images/charity-guide-star-2x.png"); } } .img-donate-shop { display: block; width: 120px; max-width: 100%; margin: 0 auto; border: none; } .img-donate-shop span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/donate-shop-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-donate-shop span { background-image: url("https://www.christopherreeve.org/assets/images/donate-shop-2x.png"); } } .img-veteran { display: block; width: 60px; max-width: 100%; margin: 0 auto; border: none; } .img-veteran span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/veteran-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-veteran span { background-image: url("https://www.christopherreeve.org/assets/images/veteran-2x.png"); } } iframe { display: block; width: 100%; max-width: 100%; } .mod { position: relative; overflow: hidden; margin-bottom: 3px; background: #FFF; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .mod.darker { background: #F1F1F1; } .mod img { width: 100%; } .mod .mod-image { position: relative; display: block; padding: 40px 20px; background: #414141 center center no-repeat; background-size: cover; color: #FFF; } .mod .mod-image h3, .mod .mod-image h5, .mod .mod-image p { position: relative; z-index: 10; text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5); } .mod .mod-image a { color: #FFF; } .mod .mod-image a:hover, .mod .mod-image a:focus { color: #FFD217; } .mod .mod-image a.btn { color: #252525; } .mod .mod-content { padding: 20px; color: #252525; } .mod .c-mod-content { padding-top: 20px; padding-bottom: 20px; color: #252525; } .mod .min-height { min-height: 227px; } .pagination { margin: 20px auto; text-align: center; } .pagination li { display: inline-block; padding: 10px; } .pagination li:first-of-type { padding-left: 0; } .pagination li:last-of-type { padding-right: 0; } .section { padding-top: 40px; padding-bottom: 40px; } @media only screen and (max-width: 400px) { .sml-section { padding-top: 40px; padding-bottom: 40px; } } @media only screen and (min-width: 770px) { .med-section { padding-top: 40px; padding-bottom: 40px; } } .section.short { padding-top: 20px; padding-bottom: 20px; } .section.x-short { padding-top: 13.33333px; padding-bottom: 13.33333px; } @media only screen and (min-width: 770px) { .section.tall { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (max-width: 400px) { .section.sml-tall, .sml-section.sml-tall { padding-top: 80px; padding-bottom: 80px; } } .section.page-header { padding-top: 20px; padding-bottom: 40px; } .section.with-shadow { position: relative; z-index: 10; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .section.with-border { border-top: 1px solid #B2B2B2; } .section.highlight { background: #FFF; } @media only screen and (max-width: 400px) { .section.sml-highlight, .sml-section.sml-highlight { background: #FFF; } } .section.section-brand { background: #FFD217; } .section.section-brand a:hover, .section.section-brand a:focus { color: #FFF; border-color: #FFF; } .section.section-brand .vrt-links a:hover, .section.section-brand .vrt-links a:focus { color: #FFD217; } .section.dark { background: #414141; color: #FFF; } .section.darker { background: #252525; color: #FFF; } .section.dark a, .section.darker a, .section.section-image a { color: #FFF; } .section.dark a:hover, .section.dark a:focus, .section.darker a:hover, .section.darker a:focus, .section.section-image a:hover, .section.section-image a:focus { color: #F18800; } .section.dark a.btn, .section.darker a.btn, .section.section-image a.btn { color: #252525; } .section.section-image a.btn.dark { color: #FFF; } .section.section-image a.btn.dark:hover { color: #414141; } @media only screen and (min-width: 770px) { .section.med-no-bg { background: none; } } @media only screen and (min-width: 770px) { .section.med-top-tall { padding-top: 60px; } } @media only screen and (min-width: 770px) { .section.med-bottom-short { padding-bottom: 10px; } } .section.success, .section.warn { background: #FFF; border-top: 8px solid; } .section.success { border-color: #12AB16; } .section.warn { border-color: #E40000; } .section.section-image { background: #414141 center center no-repeat; background-size: cover; color: #FFF; } .section.section-image.anchor-bottom { background-position: bottom center; } .section.section-image.anchor-top { background-position: top center; } @media only screen and (max-width: 400px) { .section.section-image.sml-anchor-right { background-position: center right; } } .section.section-image h1, .section.section-image h2, .section.section-image h3, .section.section-image h4, .section.section-image h5, .section.section-image p { text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5); } .section.section-image .mod h1, .section.section-image .mod h2, .section.section-image .mod h3, .section.section-image .mod h4, .section.section-image .mod h5, .section.section-image .mod p { text-shadow: none; } .sub-nav-wrapper { position: relative; } .sub-nav { display: none; width: 100%; } .sub-nav li { display: block; } .sub-nav li a { display: block; padding: 5px 10px; background: #666; border-bottom: none; color: #FFF; font-weight: bold; text-decoration: none; } .sub-nav li a:hover, .sub-nav li a:focus { background: #FFD217; color: #252525; } .sub-nav li:last-of-type a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #sub-nav-toggle { display: none; } #sub-nav-toggle:checked ~ #sub-nav-label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #sub-nav-toggle:checked ~ .sub-nav { display: block; } .article p { margin-bottom: 1em; line-height: 1.7; } .article :last-child { margin-bottom: 0; } .article h1, .article h2 { margin-bottom: 20px; } .article h3, .article h4, .article h5, .article h6 { margin-bottom: 10px; } .article blockquote { margin: 0.75em 0; } .article img, .article ul, .article ol { margin: 1em 0; } .article iframe { margin: 1.5em 0; } .article img { width: auto; } .article #dafdirectdiv { width: 160px; } @media only screen and (min-width: 770px) { .app-layout { position: absolute; display: block; height: 100%; width: 100%; overflow: hidden; } } .app-layout #site-header .brand { float: left; } .app-layout .map-logo { float: left; margin: 10px 0 0 15px; padding: 5px 0 5px 15px; border-left: 1px solid #B2B2B2; } @media only screen and (max-width: 1199px) { .app-layout .map-logo { display: none; } } @media only screen and (max-width: 769px) { .app-layout .map-logo { display: block; padding-left: 10px; margin-left: 10px; max-width: 100px; } } @media only screen and (max-width: 769px) { .app-layout #site-header form.general { padding-top: 8px; } } @media only screen and (max-width: 769px) { .app-layout #site-header form.general fieldset ol li { padding-top: 5px; padding-bottom: 0; } } @media only screen and (max-width: 769px) { .app-layout #site-body { padding-top: 199px; } } .map-container { position: relative; width: 100%; } @media only screen and (min-width: 770px) { .map-container { position: absolute; top: 91px; bottom: 0; left: 0; right: 0; } } .map-container .results, .map-container .map { width: 100%; } @media only screen and (min-width: 770px) { .map-container .results, .map-container .map { position: absolute; top: 0; height: 100%; } } @media only screen and (min-width: 770px) { .map-container .results { left: 0; width: 40%; z-index: 10; overflow: scroll; box-shadow: 1px 0 1px rgba(0, 0, 0, 0.2); } } @media only screen and (min-width: 770px) { .map-container .map { right: 0; width: 60%; z-index: 5; } } .map-container .map .smartmap-mapcanvas { height: 100%; } .mod.map-item { border-left: 10px solid transparent; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } .mod.map-item.cur { border-color: #FFD217; } table { background: #FFF; width: 100%; } @media only screen and (max-width: 400px) { table tr { display: block; } } table th, table td { padding: 5px 10px; } @media only screen and (max-width: 400px) { table th, table td { display: block; } } table thead tr { background: #FFD217; } table thead tr th { font-weight: bold; } table tbody tr:nth-of-type(2n) { background: #F1F1F1; } .js .js-hide { display: none; } .js-show { display: none; width: 0; height: 0; text-indent: -9999em; } .js .js-show { display: block; width: auto; height: auto; text-indent: 0; } .js .js-accordion-trigger { cursor: pointer; } .banner { background-color: #171717; position: fixed; width: 100%; height: auto; background-size: cover; background-repeat: no-repeat; bottom: 0; z-index: 200; padding: 20px; } .banner__container { display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto; width: 100%; height: 100%; max-width: 1200px; } @media only screen and (min-width: 920px) { .banner__container { flex-direction: row; } } .banner__copy { color: #ffffff; width: 80%; text-align: center; font-size: 16px; margin-bottom: 20px; } @media only screen and (min-width: 920px) { .banner__copy { margin-bottom: 0; font-size: 20px; } } .banner__button { min-width: 230px; } .seeUsPanel { padding: 90px 0; } .seeUsPanel__heading { font-family: Gotham-Medium; font-weight: 200; font-size: 20px; letter-spacing: 1.5px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); text-transform: uppercase; margin-bottom: -20px; } .seeUsPanel__subheading { font-family: TrajanPro-Bold; text-transform: uppercase; font-size: 85px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } .seeUsPanel__button { background: #dd620e; border-radius: 8px; margin-top: 0; font-weight: 200; font-family: Gotham-Medium; font-size: 16px; color: #ffffff; letter-spacing: 1.71px; text-align: center; text-transform: uppercase; padding: 12px 24px; color: #FFF !important; } .scheduleACall__formWrapper.is-hidden { display: none; } .collapse__checkbox { display: none; } .collapse__checkbox:checked ~ .collapse__label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .collapse__list { display: none; } .collapse__checkbox:checked ~ .collapse__list { display: block; } .collapse__list-link { display: block; padding: 5px 10px; background: #666; border-bottom: none; color: #FFF; font-weight: bold; text-decoration: none; } .collapse__list-link:hover, .collapse__list-link:focus { background: #FFD217; color: #252525; } .collapse__list-item:last-child .collapse__list-link { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .button-group .btn { margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 769px) { .button-group .btn { margin-left: 0; margin-right: 0; width: 100%; display: block; } } .button-group.right-aligned .btn { margin-left: 0; margin-right: 0; } @media only screen and (min-width: 770px) { .button-group.right-aligned .btn:last-child { margin-left: 20px; } } .cta-icon { position: relative; border-bottom: 0; display: block; } .cta-icon:after { content: ''; display: block; height: 4px; width: 70px; border-radius: 10px; margin: 10px auto; } .cta-icon.link:hover { transform: translate(0, -20px); } .cta-icon.link:hover:after { background-color: #FFD217; } .cta-icon__icon { width: 60px; display: block; margin: 0 auto; } .cta-icon__text { color: #252525; } .discussion-item { padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #D8D8D8; position: relative; display: flex; } .discussion-item__img { min-width: 50px; margin-right: 24px; border-radius: 100px; overflow: hidden; align-self: baseline; } .discussion-item__img img { width: 50px; max-width: 100%; max-height: 50px; } .discussion-item__title { font-size: 19px; line-height: 1.5; margin-top: 10px; } @media only screen and (min-width: 770px) { .discussion-item__title { padding-right: 65px; } } .discussion-item__date { font-size: 16px; } @media only screen and (min-width: 770px) { .discussion-item__date { position: absolute; top: 0; right: 0; } } .forum__title { width: 230px; margin: 0 auto; } @media only screen and (min-width: 770px) { .forum__title { margin: 0; } } .styleguide-example { margin: 20px auto; background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: relative; } .styleguide-example > h3 { display: block; padding: 5px 10px; background: #333; border-top: 1px solid #000; margin: 0; color: #fff; font-size: 1em; text-transform: uppercase; -webkit-font-smoothing: antialiased; } .styleguide-example > h3 > em, .styleguide-example > h3 > em > a { float: right; color: #999; font-style: normal; font-weight: normal; text-transform: none; } .styleguide-example .styleguide-description { padding: 10px; background: #f1f1f1; border-bottom: 1px solid #ddd; } .styleguide-example .styleguide-description p, .styleguide-example .styleguide-description ul { font-size: 13px; line-height: 1.4; } .styleguide-example .styleguide-description p:first-child { margin-top: 0; } .styleguide-example .styleguide-description p:last-child { margin-bottom: 0; } .styleguide-example .styleguide-element { position: relative; padding: 20px; } .styleguide-example .styleguide-element + .styleguide-element { margin-top: -5px; padding-top: 15px; overflow: hidden; border-top: 1px solid #eee; } .styleguide-example .styleguide-element .styleguide-modifier-name { display: block; position: absolute; top: 0; right: 0; padding: 5px 15px; background: #f9f9f9; border: 1px solid #eee; border-top: none; color: #999; font-size: 11px; } .styleguide-example .styleguide-html { padding: 15px 15px; overflow: auto; background: #edf6f8; border-top: 1px solid #dde7ea; font-size: 12px; } .styleguide-example .styleguide-html .highlight { background: none; } .styleguide-example ul.styleguide-modifiers { margin: 0 0 0 10px; } .styleguide-example ul.styleguide-modifiers li { margin-left: 0; list-style-type: none; } .styleguide-example ul.styleguide-modifiers li strong { color: #222; font: normal 12px/1.3 Monaco, monospace; } .styleguide-file-name { float: right; margin-top: .1em; color: white; -webkit-font-smoothing: antialiased; } .grid-example { background: rgba(200, 200, 200, 0.5); } .grid-example .c1 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c2 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c3 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c4 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c5 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c6 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c7 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c8 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c9 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c10 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c11 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c12 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example p, .grid-example h4 { margin-top: 16px; margin-bottom: 16px; background: #FFF; line-height: 2; text-align: center; } .grid-example p { text-transform: uppercase; font-size: 10px; } /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* clear child float (pika-lendar), using the famous micro clearfix hack http://nicolasgallagher.com/micro-clearfix-hack/ */ .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both; } .pika-single { *zoom: 1; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); } .pika-lendar { float: left; width: 240px; margin: 8px; } .pika-title { position: relative; text-align: center; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; /* hide text using text-indent trick, using width value (it's enough) */ text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; } .pika-prev:hover, .pika-next:hover { opacity: 1; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); *left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); *right: 0; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; } .pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; } .pika-week { font-size: 11px; color: #999; } .is-today .pika-button { color: #33aaff; font-weight: bold; } .is-selected .pika-button { color: #fff; font-weight: bold; background: #33aaff; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; } .is-inrange .pika-button { background: #D5E9F7; } .is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; } .is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; } .is-disabled .pika-button, .is-outside-current-month .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; } .pika-button:hover { color: #fff; background: #ff8000; box-shadow: none; border-radius: 3px; } /* styling for abbr */ .pika-table abbr { border-bottom: none; cursor: help; }

Reeve Foundation

Register for Living with Paralysis or Caring for a Family Member Living with Paralysis Virtual Support Groups.

Reeve en Español
Comunidad de información y apoyo para las personas que viven con parálisis y sus cuidadores en español.

Technology

Technology can have a transformative impact on individuals living with paralysis. Share the products that have been helpful to you. Tips and tricks welcome too.

Goggle home device

Announcement 11 views 0 comments 0 points Started by garrisonredd August 2020
Turn Air Bed...Now this is COOL!!!

Announcement 41 views 1 comment 0 points Most recent by ambercollie October 2019
The Apple iWatch For Quadriplegics

Announcement 92 views 3 comments 0 points Most recent by petermartin12475 September 2019
How can you score top grades with programming assignments?

12 views 1 comment 0 points Most recent by kimmel July 20
Tech mentor

11 views 1 comment 0 points Most recent by ambercollie July 18
Computer Interface?

31 views 3 comments 0 points Most recent by DrRon June 12
The Excitement of New Technology

181 views 12 comments 1 point Most recent by Brandilane1 April 15
Robotic Vacuum Cleaner

21 views 1 comment 0 points Most recent by Brandilane1 April 15
To Zoom and Back

1 view 0 comments 0 points Started by JHPRC March 31
BLEACH Brave Souls MOD v11.5.0 (Menu mod)

1 view 0 comments 0 points Started by alidacalliope February 25
Communications

1 view 0 comments 0 points Started by rheuer August 2020
Looking for participants for a Hyundai promo film featuring exoskeleton technology

21 views 1 comment 0 points Most recent by peferilo February 2020
What is the dictation software that you use and would you recommend it to others?

Answered 81 views 8 comments 0 points Most recent by leksa February 2020
A good trackball mouse for quads with tenodesis

181 views 12 comments 0 points Most recent by leksa February 2020
For You Female Quads-Any Advice On How To Handle Wearing A Bra With Back Spasms?

31 views 2 comments 0 points Most recent by punizino December 2019

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

Categories

@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); html, body, .header, .footer, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, datalist, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; } body, .header, .footer { line-height: 1; } pre, code { font-family: monospace; } input, textarea, button { margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; font: inherit; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } cite { font-style: normal; } html, body, .header, .footer { background: #F1F1F1; color: #252525; } body, .header, .footer { font-size: 17px; } @media only screen and (max-width: 769px) { #site-body { padding-top: 55px; } } form fieldset ol li input, form fieldset ol li textarea { background: #FFF; } form fieldset ol li input:focus, form fieldset ol li textarea:focus { outline: none; } form fieldset ol li input[type=text], form fieldset ol li input[type=email], form fieldset ol li input[type=password], form fieldset ol li textarea { -webkit-appearance: none; } form select { font-size: 17px; } form.general fieldset { border: 0; } form.general fieldset ol { list-style: none; } form.general fieldset ol li { padding-top: 10px; padding-bottom: 10px; } form.general fieldset ol li label, form.general legend { padding-bottom: 6.66667px; display: block; font-weight: bold; } form.general fieldset ol li label em { font-weight: normal; } form.general fieldset ol li input, form.general fieldset ol li textarea { width: 100%; background: #F1F1F1; border: 1px solid #B2B2B2; border-radius: 5px; padding: 10px 20px; } form.general fieldset ol li input[type=file] { padding: 0; background: transparent; border: none; } form.general fieldset ol li input:focus, form.general fieldset ol li textarea:focus { background: #FFF; border-color: #FFD217; } form.general fieldset ol li input.short { width: 50%; } form.general fieldset ol li textarea { display: block; height: 6em; } form.general fieldset ol li select { margin-left: 0.2%; margin-right: 0.2%; width: 99.4%; } form.general fieldset ol li.checkbox, form.general fieldset ol li.radio { padding-top: 5px; padding-bottom: 5px; } form.general fieldset ol li.checkbox label, form.general fieldset ol li.radio label { padding-left: 30px; padding-bottom: 0; font-weight: normal; } form.general fieldset ol li.checkbox input, form.general fieldset ol li.radio input { float: left; display: block; width: 20px; margin-top: 5px; background: transparent; box-shadow: none; } form.general fieldset ol li.checkbox label input, form.general fieldset ol li.radio label input { float: none; display: inline-block; min-width: 150px; margin: 0 0 0 10px; padding: 0 5px; background: #FFF; } form.general fieldset ol .faux-btn { position: relative; } form.general fieldset ol li.checkbox .faux-btn input[type=checkbox], form.general fieldset ol li.radio .faux-btn input[type=radio] { position: absolute; top: 7px; left: 7px; } form.general fieldset ol li.checkbox .faux-btn label, form.general fieldset ol li.radio .faux-btn label { display: inline-block; width: 100%; padding: 7px 7px 7px 37px; background: #F1F1F1; border-radius: 5px; cursor: pointer; } form.general fieldset ol li.checkbox .faux-btn label:hover, form.general fieldset ol li.checkbox .faux-btn label:focus, form.general fieldset ol li.radio .faux-btn label:hover, form.general fieldset ol li.radio .faux-btn label:focus { background: #B2B2B2; } form.general fieldset ol li.checkbox .faux-btn input:checked ~ label, form.general fieldset ol li.radio .faux-btn input:checked ~ label { background: #FFD217; } form.general fieldset ol li span.note { display: block; } form.general fieldset ol li span.note, form.general fieldset ol li span.error { clear: both; display: block; padding-top: 5px; } form.general fieldset ol li span.error { color: #E40000; } form.general fieldset ol li.field_with_errors input, form.general fieldset ol li.field_with_errors textarea { border-color: #E40000; } form.general div.submit { padding-top: 10px; padding-bottom: 10px; } form.text, form.text div.submit, form.text div.submit button { display: inline; } form.text div.submit button { padding: 0; background: transparent; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } form.general.inline { overflow: hidden; } form.general.inline p { margin-bottom: 0; } form.general.inline fieldset { display: block; width: 100%; } @media only screen and (min-width: 770px) { form.general.inline fieldset { float: left; width: 70%; } } @media only screen and (min-width: 770px) { form.general.inline fieldset ol li { padding: 0; } } form.general.inline fieldset input { height: 59px; } @media only screen and (min-width: 770px) { form.general.inline fieldset input { border-top-right-radius: 0; border-bottom-right-radius: 0; } } form.general.inline .submit { display: block; width: 100%; } @media only screen and (min-width: 770px) { form.general.inline .submit { float: left; width: 30%; padding: 0; } } form.general.inline .btn { display: block; width: 100%; height: 59px; } @media only screen and (min-width: 770px) { form.general.inline .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } } .pika-table tr { display: table-row; } .pika-table th, .pika-table td { display: table-cell; } #mc-embedded-subscribe-form div.response { display: none; } #mc-embedded-subscribe-form input.mce_inline_error { border-color: #E40000; } #mc-embedded-subscribe-form div.mce_inline_error, #mc-embedded-subscribe-form div#mce-error-response, #mc-embedded-subscribe-form div#mce-success-response { padding: 5px 0 0; } #mc-embedded-subscribe-form div.mce_inline_error, #mc-embedded-subscribe-form div#mce-error-response { background: transparent; color: #E40000; font-weight: normal; } #mc-embedded-subscribe-form div#mce-success-response { color: #12AB16; } #mc-embedded-subscribe-form div.honey { position: absolute; left: -5000px; } .wrapper, .grid { margin: 0 auto; width: 100%; max-width: 1200px; overflow: hidden; } .row { width: 100%; overflow: hidden; } .row:before, .row:after { content: ''; display: table; } .tuck-bottom { margin-bottom: 0; } .c1 { width: 8.33333%; } .c2 { width: 16.66667%; } .c3 { width: 25%; } .c4 { width: 33.33333%; } .c5 { width: 41.66667%; } .c6 { width: 50%; } .c7 { width: 58.33333%; } .c8 { width: 66.66667%; } .c9 { width: 75%; } .c10 { width: 83.33333%; } .c11 { width: 91.66667%; } .s1 { margin-left: 8.33333%; } .s2 { margin-left: 16.66667%; } .s3 { margin-left: 25%; } .s4 { margin-left: 33.33333%; } .s5 { margin-left: 41.66667%; } .s6 { margin-left: 50%; } .s7 { margin-left: 58.33333%; } .s8 { margin-left: 66.66667%; } .s9 { margin-left: 75%; } .s10 { margin-left: 83.33333%; } .s11 { margin-left: 91.66667%; } .s12 { margin-left: 100%; } .c1 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c2 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c3 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c4 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c5 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c6 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c7 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c8 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c9 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c10 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c11 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c12 { position: relative; float: left; padding-left: 20px; padding-right: 20px; min-height: 1px; } .c12, .s12 { float: none; clear: both; display: block; width: 100%; } .no-pad { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 769px) { .med-c1 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 8.33333%; } .med-c2 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 16.66667%; } .med-c3 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 25%; } .med-c4 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 33.33333%; } .med-c5 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 41.66667%; } .med-c6 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 50%; } .med-c7 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 58.33333%; } .med-c8 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 66.66667%; } .med-c9 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 75%; } .med-c10 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 83.33333%; } .med-c11 { position: relative; float: left; padding-left: 20px; padding-right: 20px; width: 91.66667%; } .med-s0 { margin-left: 0%; } .med-s1 { margin-left: 8.33333%; } .med-s2 { margin-left: 16.66667%; } .med-s3 { margin-left: 25%; } .med-s4 { margin-left: 33.33333%; } .med-s5 { margin-left: 41.66667%; } .med-s6 { margin-left: 50%; } .med-s7 { margin-left: 58.33333%; } .med-s8 { margin-left: 66.66667%; } .med-s9 { margin-left: 75%; } .med-s10 { margin-left: 83.33333%; } .med-s11 { margin-left: 91.66667%; } .med-s12 { margin-left: 100%; } .med-c12 { float: none; clear: both; display: block; width: 100%; } .med-no-pad { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 400px) { .sml-c1 { width: 8.33333%; } .sml-c2 { width: 16.66667%; } .sml-c3 { width: 25%; } .sml-c4 { width: 33.33333%; } .sml-c5 { width: 41.66667%; } .sml-c6 { width: 50%; } .sml-c7 { width: 58.33333%; } .sml-c8 { width: 66.66667%; } .sml-c9 { width: 75%; } .sml-c10 { width: 83.33333%; } .sml-c11 { width: 91.66667%; } .sml-s0 { margin-left: 0%; } .sml-s1 { margin-left: 8.33333%; } .sml-s2 { margin-left: 16.66667%; } .sml-s3 { margin-left: 25%; } .sml-s4 { margin-left: 33.33333%; } .sml-s5 { margin-left: 41.66667%; } .sml-s6 { margin-left: 50%; } .sml-s7 { margin-left: 58.33333%; } .sml-s8 { margin-left: 66.66667%; } .sml-s9 { margin-left: 75%; } .sml-s10 { margin-left: 83.33333%; } .sml-s11 { margin-left: 91.66667%; } .sml-s12 { margin-left: 100%; } .sml-c12 { float: none; clear: both; display: block; width: 100%; } .sml-no-pad { padding-left: 0; padding-right: 0; } } .grid-center { margin-left: auto; margin-right: auto; float: none; } .pull-right { float: right; } .pull-right.push-left { margin-left: 10px; } .pull-left { float: left; margin-right: 20px; } @media only screen and (max-width: 769px) { .med-no-pull-left { float: none; margin-right: 0; } } .push-top-quarter { margin-top: 5px; } .push-top-half { margin-top: 10px; } .push-top { margin-top: 20px; } .push-top-double { margin-top: 40px; } .push-top-triple { margin-top: 60px; } @media only screen and (max-width: 769px) { .med-push-top { margin-top: 20px; } } @media only screen and (max-width: 769px) { .med-push-top-half { margin-top: 10px; } } @media only screen and (max-width: 769px) { .med-push-top-double { margin-top: 40px; } } @media only screen and (max-width: 400px) { .sml-push-top { margin-top: 20px; } } @media only screen and (max-width: 400px) { .sml-push-top-half { margin-top: 10px; } } @media only screen and (max-width: 400px) { .sml-push-top-double { margin-top: 40px; } } .push-bottom-double { margin-bottom: 40px; } @media only screen and (max-width: 1199px) { .site-width-hide { display: none; height: 0; width: 0; visibility: hidden; } } @media only screen and (max-width: 400px) { .sml-hide { display: none; height: 0; width: 0; visibility: hidden; } } @media only screen and (min-width: 401px) { .sml-show { display: none; height: 0; width: 0; visibility: hidden; } } @media only screen and (max-width: 769px) { .med-hide { display: none; height: 0; width: 0; visibility: hidden; } } @media only screen and (min-width: 770px) { .med-show { display: none; height: 0; width: 0; visibility: hidden; } } @media only screen and (max-width: 769px) { .med-inline { display: inline; width: auto; padding-left: 0; padding-right: 0; position: static; float: none; } } .row-3-across .c4:nth-child(4n) { clear: left; } .hidden { display: none; } @font-face { font-family: "icons"; src: url("https://www.christopherreeve.org/assets/fonts/icons.eot"); src: url("https://www.christopherreeve.org/assets/fonts/icons.eot?#iefix") format("embedded-opentype"), url("https://www.christopherreeve.org/assets/fonts/icons.ttf") format("truetype"), url("https://www.christopherreeve.org/assets/fonts/icons.woff") format("woff"), url("https://www.christopherreeve.org/assets/fonts/icons.svg#icons") format("svg"); font-weight: normal; font-style: normal; } .icon { font-family: 'icons'; speak: none; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon.left, .icon.right, .icon.inline { display: inline-block; line-height: inherit; font-size: 1em; } .icon.left { float: left; margin-right: 10px; } .icon.right { float: right; margin-left: 10px; } .icon.inline { vertical-align: bottom; } .icon.lrg { font-size: 90px; } .icon-block { display: block; background: #FFD217; height: 44px; width: 44px; line-height: 44px; margin-bottom: 10px; border-radius: 5px; font-size: 22px; font-weight: normal; text-align: center; } .btn.with-action-icon .icon.right, .vrt-links li a .icon.right, .title-underline a .icon.right { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.3s transform ease; -moz-transition: 0.3s transform ease; -ms-transition: 0.3s transform ease; -o-transition: 0.3s transform ease; transition: 0.3s transform ease; } .btn.with-action-icon:hover .icon.right, .btn.with-action-icon:focus .icon.right, .vrt-links li a:hover .icon.right, .vrt-links li a:focus .icon.right, .title-underline a:hover .icon.right, .title-underline a:focus .icon.right { -webkit-transform: translate(3px, 0); -moz-transform: translate(3px, 0); -ms-transform: translate(3px, 0); -o-transform: translate(3px, 0); transform: translate(3px, 0); } .btn.with-action-icon .icon.right.no-animate { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .btn.with-action-icon:hover .icon.right.no-animate, .btn.with-action-icon:focus .icon.right.no-animate { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } html, body, .header, .footer { text-align: left; } body, .header, .footer, input, textarea, button { font-family: "Roboto", Helvetica, Arial, sans-serif; line-height: 1.6; } p { margin: 0 0 0.75em; } p:last-of-type { margin-bottom: 0; } p em, .article em { font-style: italic; } strong { font-weight: bold; } sup { font-size: 0.7em; vertical-align: top; } .meta { color: #B2B2B2; } .text-center { text-align: center; } @media only screen and (max-width: 400px) { .sml-text-center { text-align: center; } } .text-right { text-align: right; } .text-brand { color: #FFD217; } .text-dark-brand { color: #F18800; } .text-success { color: #12AB16; } .text-warn { color: #E40000; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; } h1 { font-size: 68px; font-weight: 900; line-height: 1.1; } @media only screen and (max-width: 769px) { h1 { font-size: 40px; } } h2 { font-size: 62px; font-weight: bold; } @media only screen and (max-width: 769px) { h2 { font-size: 36px; } } h3 { font-size: 34px; font-weight: bold; } @media only screen and (max-width: 769px) { h3 { font-size: 30px; } } h4 { font-size: 25px; line-height: 1.6; } h5 { font-size: 19px; line-height: 1.6; } h5.alt { font-weight: bold; } h6 { font-size: 15px; line-height: 1.6; } h6.alt { font-weight: bold; text-transform: uppercase; } h1 a, h2 a, h3 a { border-bottom: none; color: inherit; text-decoration: none; } a h3 { display: inline-block; } .title-underline { padding-bottom: 0.25em; border-bottom: 5px solid #FFD217; } .title-top-border { padding-top: 0.5em; border-top: 5px solid #FFF; } blockquote { padding-left: 57.6px; } @media only screen and (max-width: 769px) { blockquote { padding-left: 0; padding-left: 34.5px; } } blockquote.center { text-align: center; padding-left: 0; } blockquote.center .quote { display: inline-block; line-height: 1.4; margin-bottom: 30px; } blockquote.center .author { display: block; color: #FFF; font-size: 18px; font-weight: normal; } blockquote .author-description { color: #FFD217; } blockquote .image { border-radius: 50%; width: 70px; height: 70px; display: inline-block; margin-bottom: 20px; } blockquote .quote, .article blockquote.pull-quote { position: relative; display: block; font-size: 34px; font-weight: bold; line-height: 1.2; } @media only screen and (max-width: 769px) { blockquote .quote, .article blockquote.pull-quote { font-size: 25px; } } blockquote .quote:before, blockquote .quote:after, .article blockquote.pull-quote:before, .article blockquote.pull-quote:after { position: absolute; display: inline-block; width: 47.6px; height: 47.6px; color: #FFD217; font-size: 109.718px; font-weight: normal; line-height: 0.85; } @media only screen and (max-width: 769px) { blockquote .quote:before, blockquote .quote:after, .article blockquote.pull-quote:before, .article blockquote.pull-quote:after { width: 31.25px; height: 31.25px; font-size: 78.125px; } } blockquote .quote:before, .article blockquote.pull-quote:before { top: 0; left: -49.2px; content: '\201C'; } @media only screen and (max-width: 769px) { blockquote .quote:before, .article blockquote.pull-quote:before { left: -36.25px; } } .article blockquote.pull-quote:before { left: 0; } blockquote .quote:after, .article blockquote.pull-quote:after { content: '\201D'; text-align: right; } blockquote .author { color: #FFD217; font-size: 25px; font-weight: bold; } blockquote.fact { margin-left: 20px; padding-left: 20px; border-left: 10px solid #FFD217; font-size: 25px; font-weight: bold; } @media only screen and (min-width: 770px) { blockquote.fact { margin-left: 40px; } } a, a:before, a:after, button { cursor: pointer; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } button::-moz-focus-inner { padding: 0; border: none; } a, form.text div.submit button { border-bottom: 2px solid #F18800; color: #252525; text-decoration: none; } a:hover, a:focus, form.text:hover div.submit button span { color: #F18800; } input.placeholder, textarea.placeholder { color: #8b8b8b; } input[disabled], button[disabled] { cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } div#site-footer { clear: both; background: #252525; color: #F1F1F1; } div#site-footer .footer-nav li { margin-top: 10px; } div#site-footer .footer-nav a { border-bottom: none; color: #F1F1F1; text-decoration: none; } div#site-footer .footer-nav a:hover, div#site-footer .footer-nav a:focus { color: #FFD217; } div#site-footer .section + .section { border-top: 1px solid #414141; } a.to-top { display: block; padding: 20px; overflow: hidden; background: #FFD217; border-bottom: none; text-decoration: none; } a.to-top:hover, a.to-top:focus, a.to-top:active { background: #F18800; color: #252525; } div#site-header { position: relative; z-index: 200; overflow: hidden; background: #F1F1F1; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 769px) { div#site-header { position: absolute; top: 0; display: block; width: 100%; overflow: visible; } } @media only screen and (min-width: 770px) { div#site-header .top-bar { padding-top: 10px; padding-bottom: 15px; } } @media only screen and (max-width: 769px) { div#site-header .top-bar.wrapper { float: left; padding-right: 45px; margin-right: -45px; } } @media only screen and (max-width: 769px) { div#site-header .wrapper { overflow: visible; } } div#site-header div.brand { width: 167px; max-width: 100%; } @media only screen and (min-width: 770px) { div#site-header div.brand { width: 296px; } } div#site-header div.brand a { display: block; width: 100%; padding-top: 22.2972973%; height: 0; background: url("https://www.christopherreeve.org/assets/images/logo.png") 0 0 no-repeat; background-size: 100%; border: none; text-decoration: none; text-indent: -9999em; } @media only screen and (max-width: 769px) { div#site-header div.brand a { background-image: url("https://www.christopherreeve.org/assets/images/logo-mobile.png"); margin-top: 11px; } } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { div#site-header div.brand a { background-image: url("https://www.christopherreeve.org/assets/images/logo-2x.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 769px), only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 769px), only screen and (min-device-pixel-ratio: 2) and (max-width: 769px) { div#site-header div.brand a { background-image: url("https://www.christopherreeve.org/assets/images/logo-mobile-2x.png"); } } @media only screen and (min-width: 770px) { .quick-menu-wrapper { margin-top: 15px; } } @media only screen and (max-width: 769px) { #site-header .quick-menu { background: #FFF; } } @media only screen and (min-width: 770px) { #site-header .quick-menu { float: right; text-align: left; } } .quick-menu li { padding: 0; } @media only screen and (min-width: 770px) { .quick-menu li { float: left; padding: 0 15px; border-right: 1px solid #B2B2B2; } } .quick-menu li:nth-of-type(n+4) { padding-right: 0; } @media only screen and (min-width: 770px) { .quick-menu li:nth-of-type(n+4) { border: none; } } .quick-menu li.phone { border-top: 1px solid #F1F1F1; } @media only screen and (max-width: 769px) { .quick-menu li:first-of-type { border-right: 1px solid #F1F1F1; } } .quick-menu li a { border-bottom: none; font-weight: bold; line-height: 1.2; text-decoration: none; } @media only screen and (max-width: 769px) { .quick-menu li a { display: block; width: 100%; padding: 15px 10px; } } .quick-menu li a h6 { font-weight: normal; } .quick-menu li a > .icon { font-size: 32px; line-height: 1.2; vertical-align: top; } @media only screen and (max-width: 769px) { .quick-menu li a > .icon { display: block; } } @media only screen and (min-width: 770px) { .quick-menu li a > .icon { display: inline-block; padding-right: 8px; } } .quick-menu li a .icon-block { display: inline-block; margin-right: 20px; margin-bottom: 0; } .quick-menu li a .text { display: inline-block; } @media only screen and (max-width: 769px) { .global-nav { float: right; width: 45px; } } @media only screen and (min-width: 770px) { .global-nav { background: #FFF; border-top: 2px solid #FFD217; } } @media only screen and (max-width: 769px) { .global-nav ul { background: #FFF; } } @media only screen and (min-width: 770px) { .global-nav ul { float: left; text-align: left; } } .global-nav ul li { display: block; } @media only screen and (min-width: 770px) { .global-nav ul li { float: left; width: 25%; } } @media only screen and (min-width: 1200px) { .global-nav ul li { display: flex; align-items: 'center'; height: 65px; width: 11.1%; } } .global-nav ul li a { display: block; padding: 15px; border-bottom: 1px solid #F1F1F1; font-size: 15px; font-weight: bold; line-height: 1.25; text-align: center; text-decoration: none; } @media only screen and (min-width: 770px) { .global-nav ul li a { float: left; width: 100%; padding: 15px 5px; border-right: 1px solid #F1F1F1; } } @media only screen and (min-width: 1200px) { .global-nav ul li a { padding: 24px 7px 24px; border-bottom: none; } } @media only screen and (min-width: 770px) { .global-nav ul li.multi a { padding-top: 15px; padding-bottom: 15px; } } .global-nav ul li a:hover, .global-nav ul li a:focus { background: #F1F1F1; color: #252525; } .global-nav ul li a.cur { background: #FFD217; } @media only screen and (min-width: 770px) { .global-nav ul li a.cur { border-color: #FFD217; } } .global-nav ul li.cta { width: 100%; } @media only screen and (min-width: 1200px) { .global-nav ul li.cta { width: 11.1%; } } .global-nav ul li.cta a { background: #F18800; color: #FFF; } .global-nav ul li.cta a:hover, .global-nav ul li.cta a:focus, .global-nav ul li.cta a:active { background: #FFD217; } @media only screen and (min-width: 1200px) { .global-nav ul li a .line-break { display: block; } } .menu { display: none; overflow: hidden; border-top: 1px solid #F1F1F1; text-align: center; } @media only screen and (max-width: 1199px) { .menu { padding: 0; } } @media only screen and (max-width: 769px) { .menu { position: absolute; top: 55px; left: 0; width: 100%; } } @media only screen and (min-width: 770px) { .menu { display: block; border-top: none; } } .menu-toggle { display: none; } .newsletter-btn { display: inline-block; margin: 9px 3px; padding: 6px; background: #FFF; border-radius: 5px; border: 0; } .menu-label { display: none; } @media only screen and (max-width: 769px) { .menu-label { display: block; cursor: pointer; line-height: 1; } } .menu-label span { display: inline-block; margin: 9px 3px; padding: 6px; background: #FFF; border-radius: 5px; } .menu-label .text { font-size: 15px; font-weight: bold; line-height: 25px; } .menu-label .icon { font-size: 25px; } #quick-menu-label span { float: right; margin-left: 0; } #quick-menu-toggle:checked ~ #quick-menu-label span, .global-nav #global-menu-toggle:checked ~ #global-menu-label span { background: #FFD217; } #quick-menu-toggle:checked ~ .quick-menu, .global-nav #global-menu-toggle:checked ~ .global-menu { display: block; } #site-header .search { background: #FFF; border-bottom: none; font-size: 25px; text-decoration: none; } @media only screen and (max-width: 769px) { #site-header .search { margin: 9px 3px; padding: 6px; border-radius: 5px; } } @media only screen and (min-width: 770px) { #site-header .search { padding: 10px; margin-left: 20px; } } .btn { display: inline-block; padding: 7px 20px; overflow: hidden; background: #FFD217; border: none; border-radius: 5px; color: #252525; cursor: pointer; font-size: 19px; font-weight: bold; outline: none; text-align: center; text-decoration: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; transition: 0.3s all ease; } button.btn { vertical-align: top; } .btn:hover, .btn:focus, .btn:active { background: #F18800; color: #252525; } .btn.block { display: block; width: 100%; } .btn.flat { border-radius: 0; } .btn.with-action-icon { position: relative; text-align: left; padding: 10px 70px 10px 20px; } .btn.with-action-icon:hover:before, .btn.with-action-icon:focus:before, .btn.with-action-icon:active:before { background: #dd7c00; } .btn.with-action-icon:before { content: ''; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 55px; background: #f7c700; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .btn.with-action-icon.flat:before { border-radius: 0; } .btn.with-action-icon .icon.right { position: absolute; top: 10px; right: 18px; z-index: 100; } .btn.with-action-icon.lg { padding-right: 85px; } .btn.with-action-icon.lg:before { width: 70px; } .btn.dark { color: #FFF; background: #414141; } .btn.dark:hover { color: #414141; background: #FFF; } .btn.light { color: #414141; background: #FFF; } .btn.light:hover { color: #414141; background: #F18800; } .btn.with-action-icon.dark { color: #FFF; background: #414141; } .btn.with-action-icon.dark:before, .btn.with-action-icon.dark:hover:before, .btn.with-action-icon.dark:focus:before, .btn.with-action-icon.dark:active:before { background: #666; } .btn.icon-block { display: block; padding: 0; margin-bottom: 0; color: #FFF; } .btn.icon-block.twitter { background: #009CED; } .btn.icon-block.twitter:hover, .btn.icon-block.twitter:focus { background: #0088ce; } .btn.icon-block.facebook { background: #3b5998; } .btn.icon-block.facebook:hover, .btn.icon-block.facebook:focus { background: #324c82; } .btn.icon-block.youtube { background: #FB0000; } .btn.icon-block.youtube:hover, .btn.icon-block.youtube:focus { background: #dc0000; } .btn.icon-block.linkedin { background: #0077BA; } .btn.icon-block.linkedin:hover, .btn.icon-block.linkedin:focus { background: #00639b; } .btn.icon-block.google-plus { background: #E9260E; } .btn.icon-block.google-plus:hover, .btn.icon-block.google-plus:focus { background: #cc210c; } .btn.icon-block.instagram { background: #8a3ab9; } .btn.icon-block.instagram:hover, .btn.icon-block.instagram:focus { background: #7933a2; } .btn.text { background: none; } .btn.text:hover { color: #F18800; } div.notice, div.alert, div.error { clear: both; padding-top: 20px; padding-bottom: 20px; font-weight: bold; } div.notice { background: #12AB16; color: #FFF; } div.alert, div.error { background: #E40000; color: #FFF; } .bullets, .article ul { padding-left: 20px; list-style-type: disc; } .bullets li, .article ul li { margin-top: 5px; margin-bottom: 5px; } .numbers, .article ol { padding-left: 20px; list-style-type: decimal; } .numbers li, .article ol li { margin-top: 5px; margin-bottom: 5px; } .hoz { list-style: none; overflow: hidden; } .hoz li { float: left; display: block; padding: 0 8px; } .hoz li:first-of-type { padding-left: 0; } .hoz li:last-of-type { padding-right: 0; } .hoz.inline li { float: none; display: inline-block; } .vrt-links li { display: block; } .vrt-links li a, .vrt-links .item { display: block; border-top: 1px solid #F1F1F1; border-bottom: none; text-decoration: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .vrt-links .item { padding-top: 10px; padding-bottom: 10px; } .vrt-links li a { padding: 6.66667px 20px; } .vrt-links li a:hover, .vrt-links li a:focus { background: #414141; border-color: #414141; color: #FFD217; } .breadcrumbs { overflow: hidden; } .breadcrumbs li { float: left; } @media only screen and (max-width: 769px) { .breadcrumbs li { margin-top: 10px; } } .breadcrumbs .item { display: inline-block; padding: 5px 15px; background: #FFF; border: none; border-radius: 5px; color: #252525; font-size: 15px; font-weight: bold; text-decoration: none; } .breadcrumbs li a.item:hover, .breadcrumbs li a.item:focus { background: #F18800; color: #252525; } .breadcrumbs li.sp { display: inline-block; padding: 0 3px; color: #666; font-size: 25px; line-height: 34px; } .breadcrumbs li .item.cur { background: #252525; color: #FFF; } img { display: block; width: 100%; max-width: 100%; } img.inline { display: inline; width: auto; } .thumb { width: auto; border: 5px solid #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-transform: rotate(-3deg) scale(0.9); -moz-transform: rotate(-3deg) scale(0.9); -ms-transform: rotate(-3deg) scale(0.9); -o-transform: rotate(-3deg) scale(0.9); transform: rotate(-3deg) scale(0.9); } .rounded-edges { border-radius: 5px; overflow: hidden; } .img-team-reeve { display: block; width: 370px; max-width: 100%; margin: 0 auto; border: none; } .img-team-reeve span { display: block; width: 100%; height: 0; padding-top: 25.13514%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/team-reeve-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-team-reeve span { background-image: url("https://www.christopherreeve.org/assets/images/team-reeve-2x.png"); } } .img-team-legrand { display: block; width: 387px; max-width: 100%; margin: 0 auto; border: none; } .img-team-legrand span { display: block; width: 100%; height: 0; padding-top: 29.71576%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/team-legrand-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-team-legrand span { background-image: url("https://www.christopherreeve.org/assets/images/team-legrand-2x.png"); } } .img-phone { display: block; width: 120px; max-width: 100%; margin: 0 auto; border: none; } .img-phone span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/phone-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-phone span { background-image: url("https://www.christopherreeve.org/assets/images/phone-2x.png"); } } .img-big-idea { display: block; width: 410px; max-width: 100%; margin: 0 auto; border: none; } .img-big-idea span { display: block; width: 100%; height: 0; padding-top: 16.34146%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/big-idea-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-big-idea span { background-image: url("https://www.christopherreeve.org/assets/images/big-idea-2x.png"); } } .img-nrn { display: block; width: 560px; max-width: 100%; margin: 0 auto; border: none; } .img-nrn span { display: block; width: 100%; height: 0; padding-top: 17.5%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/nrn-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-nrn span { background-image: url("https://www.christopherreeve.org/assets/images/nrn-2x.png"); } } .img-nactn-logo { display: block; width: 507px; max-width: 100%; margin: 0 auto; border: none; } .img-nactn-logo span { display: block; width: 100%; height: 0; padding-top: 19.32939%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/nactn-logo-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-nactn-logo span { background-image: url("https://www.christopherreeve.org/assets/images/nactn-logo-2x.png"); } } .img-map-logo { display: block; width: 129px; max-width: 100%; margin: 0 auto; border: none; } .img-map-logo span { display: block; width: 100%; height: 0; padding-top: 32.55814%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/map-logo-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-map-logo span { background-image: url("https://www.christopherreeve.org/assets/images/map-logo-2x.png"); } } .img-peer-mentor-1 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-peer-mentor-1 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/peer-mentor-1-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-peer-mentor-1 span { background-image: url("https://www.christopherreeve.org/assets/images/peer-mentor-1-2x.png"); } } .img-peer-mentor-2 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-peer-mentor-2 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/peer-mentor-2-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-peer-mentor-2 span { background-image: url("https://www.christopherreeve.org/assets/images/peer-mentor-2-2x.png"); } } .img-peer-mentor-3 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-peer-mentor-3 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/peer-mentor-3-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-peer-mentor-3 span { background-image: url("https://www.christopherreeve.org/assets/images/peer-mentor-3-2x.png"); } } .img-grants-1 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-grants-1 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/grants-1-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-grants-1 span { background-image: url("https://www.christopherreeve.org/assets/images/grants-1-2x.png"); } } .img-grants-2 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-grants-2 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/grants-2-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-grants-2 span { background-image: url("https://www.christopherreeve.org/assets/images/grants-2-2x.png"); } } .img-grants-3 { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-grants-3 span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/grants-3-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-grants-3 span { background-image: url("https://www.christopherreeve.org/assets/images/grants-3-2x.png"); } } .img-advocacy-medal { display: block; width: 150px; max-width: 100%; margin: 0 auto; border: none; } .img-advocacy-medal span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/advocacy-medal-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-advocacy-medal span { background-image: url("https://www.christopherreeve.org/assets/images/advocacy-medal-2x.png"); } } .img-charity-watch { display: block; width: 101px; max-width: 100%; margin: 0 auto; border: none; } .img-charity-watch span { display: block; width: 100%; height: 0; padding-top: 77.22772%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/charity-watch-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-charity-watch span { background-image: url("https://www.christopherreeve.org/assets/images/charity-watch-2x.png"); } } .img-charity-bbb { display: block; width: 206px; max-width: 100%; margin: 0 auto; border: none; } .img-charity-bbb span { display: block; width: 100%; height: 0; padding-top: 37.86408%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/charity-bbb-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-charity-bbb span { background-image: url("https://www.christopherreeve.org/assets/images/charity-bbb-2x.png"); } } .img-charity-navigator { display: block; width: 78px; max-width: 100%; margin: 0 auto; border: none; } .img-charity-navigator span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/charity-navigator-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-charity-navigator span { background-image: url("https://www.christopherreeve.org/assets/images/charity-navigator-2x.png"); } } .img-charity-guide-star { display: block; width: 73px; max-width: 100%; margin: 0 auto; border: none; } .img-charity-guide-star span { display: block; width: 100%; height: 0; padding-top: 106.84932%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/charity-guide-star-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-charity-guide-star span { background-image: url("https://www.christopherreeve.org/assets/images/charity-guide-star-2x.png"); } } .img-donate-shop { display: block; width: 120px; max-width: 100%; margin: 0 auto; border: none; } .img-donate-shop span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/donate-shop-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-donate-shop span { background-image: url("https://www.christopherreeve.org/assets/images/donate-shop-2x.png"); } } .img-veteran { display: block; width: 60px; max-width: 100%; margin: 0 auto; border: none; } .img-veteran span { display: block; width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background: transparent url("https://www.christopherreeve.org/assets/images/veteran-1x.png") center center no-repeat; -webkit-background-size: contain; background-size: contain; text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .img-veteran span { background-image: url("https://www.christopherreeve.org/assets/images/veteran-2x.png"); } } iframe { display: block; width: 100%; max-width: 100%; } .mod { position: relative; overflow: hidden; margin-bottom: 3px; background: #FFF; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .mod.darker { background: #F1F1F1; } .mod img { width: 100%; } .mod .mod-image { position: relative; display: block; padding: 40px 20px; background: #414141 center center no-repeat; background-size: cover; color: #FFF; } .mod .mod-image h3, .mod .mod-image h5, .mod .mod-image p { position: relative; z-index: 10; text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5); } .mod .mod-image a { color: #FFF; } .mod .mod-image a:hover, .mod .mod-image a:focus { color: #FFD217; } .mod .mod-image a.btn { color: #252525; } .mod .mod-content { padding: 20px; color: #252525; } .mod .c-mod-content { padding-top: 20px; padding-bottom: 20px; color: #252525; } .mod .min-height { min-height: 227px; } .pagination { margin: 20px auto; text-align: center; } .pagination li { display: inline-block; padding: 10px; } .pagination li:first-of-type { padding-left: 0; } .pagination li:last-of-type { padding-right: 0; } .section { padding-top: 40px; padding-bottom: 40px; } @media only screen and (max-width: 400px) { .sml-section { padding-top: 40px; padding-bottom: 40px; } } @media only screen and (min-width: 770px) { .med-section { padding-top: 40px; padding-bottom: 40px; } } .section.short { padding-top: 20px; padding-bottom: 20px; } .section.x-short { padding-top: 13.33333px; padding-bottom: 13.33333px; } @media only screen and (min-width: 770px) { .section.tall { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (max-width: 400px) { .section.sml-tall, .sml-section.sml-tall { padding-top: 80px; padding-bottom: 80px; } } .section.page-header { padding-top: 20px; padding-bottom: 40px; } .section.with-shadow { position: relative; z-index: 10; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .section.with-border { border-top: 1px solid #B2B2B2; } .section.highlight { background: #FFF; } @media only screen and (max-width: 400px) { .section.sml-highlight, .sml-section.sml-highlight { background: #FFF; } } .section.section-brand { background: #FFD217; } .section.section-brand a:hover, .section.section-brand a:focus { color: #FFF; border-color: #FFF; } .section.section-brand .vrt-links a:hover, .section.section-brand .vrt-links a:focus { color: #FFD217; } .section.dark { background: #414141; color: #FFF; } .section.darker { background: #252525; color: #FFF; } .section.dark a, .section.darker a, .section.section-image a { color: #FFF; } .section.dark a:hover, .section.dark a:focus, .section.darker a:hover, .section.darker a:focus, .section.section-image a:hover, .section.section-image a:focus { color: #F18800; } .section.dark a.btn, .section.darker a.btn, .section.section-image a.btn { color: #252525; } .section.section-image a.btn.dark { color: #FFF; } .section.section-image a.btn.dark:hover { color: #414141; } @media only screen and (min-width: 770px) { .section.med-no-bg { background: none; } } @media only screen and (min-width: 770px) { .section.med-top-tall { padding-top: 60px; } } @media only screen and (min-width: 770px) { .section.med-bottom-short { padding-bottom: 10px; } } .section.success, .section.warn { background: #FFF; border-top: 8px solid; } .section.success { border-color: #12AB16; } .section.warn { border-color: #E40000; } .section.section-image { background: #414141 center center no-repeat; background-size: cover; color: #FFF; } .section.section-image.anchor-bottom { background-position: bottom center; } .section.section-image.anchor-top { background-position: top center; } @media only screen and (max-width: 400px) { .section.section-image.sml-anchor-right { background-position: center right; } } .section.section-image h1, .section.section-image h2, .section.section-image h3, .section.section-image h4, .section.section-image h5, .section.section-image p { text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5); } .section.section-image .mod h1, .section.section-image .mod h2, .section.section-image .mod h3, .section.section-image .mod h4, .section.section-image .mod h5, .section.section-image .mod p { text-shadow: none; } .sub-nav-wrapper { position: relative; } .sub-nav { display: none; width: 100%; } .sub-nav li { display: block; } .sub-nav li a { display: block; padding: 5px 10px; background: #666; border-bottom: none; color: #FFF; font-weight: bold; text-decoration: none; } .sub-nav li a:hover, .sub-nav li a:focus { background: #FFD217; color: #252525; } .sub-nav li:last-of-type a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #sub-nav-toggle { display: none; } #sub-nav-toggle:checked ~ #sub-nav-label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #sub-nav-toggle:checked ~ .sub-nav { display: block; } .article p { margin-bottom: 1em; line-height: 1.7; } .article :last-child { margin-bottom: 0; } .article h1, .article h2 { margin-bottom: 20px; } .article h3, .article h4, .article h5, .article h6 { margin-bottom: 10px; } .article blockquote { margin: 0.75em 0; } .article img, .article ul, .article ol { margin: 1em 0; } .article iframe { margin: 1.5em 0; } .article img { width: auto; } .article #dafdirectdiv { width: 160px; } @media only screen and (min-width: 770px) { .app-layout { position: absolute; display: block; height: 100%; width: 100%; overflow: hidden; } } .app-layout #site-header .brand { float: left; } .app-layout .map-logo { float: left; margin: 10px 0 0 15px; padding: 5px 0 5px 15px; border-left: 1px solid #B2B2B2; } @media only screen and (max-width: 1199px) { .app-layout .map-logo { display: none; } } @media only screen and (max-width: 769px) { .app-layout .map-logo { display: block; padding-left: 10px; margin-left: 10px; max-width: 100px; } } @media only screen and (max-width: 769px) { .app-layout #site-header form.general { padding-top: 8px; } } @media only screen and (max-width: 769px) { .app-layout #site-header form.general fieldset ol li { padding-top: 5px; padding-bottom: 0; } } @media only screen and (max-width: 769px) { .app-layout #site-body { padding-top: 199px; } } .map-container { position: relative; width: 100%; } @media only screen and (min-width: 770px) { .map-container { position: absolute; top: 91px; bottom: 0; left: 0; right: 0; } } .map-container .results, .map-container .map { width: 100%; } @media only screen and (min-width: 770px) { .map-container .results, .map-container .map { position: absolute; top: 0; height: 100%; } } @media only screen and (min-width: 770px) { .map-container .results { left: 0; width: 40%; z-index: 10; overflow: scroll; box-shadow: 1px 0 1px rgba(0, 0, 0, 0.2); } } @media only screen and (min-width: 770px) { .map-container .map { right: 0; width: 60%; z-index: 5; } } .map-container .map .smartmap-mapcanvas { height: 100%; } .mod.map-item { border-left: 10px solid transparent; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } .mod.map-item.cur { border-color: #FFD217; } table { background: #FFF; width: 100%; } @media only screen and (max-width: 400px) { table tr { display: block; } } table th, table td { padding: 5px 10px; } @media only screen and (max-width: 400px) { table th, table td { display: block; } } table thead tr { background: #FFD217; } table thead tr th { font-weight: bold; } table tbody tr:nth-of-type(2n) { background: #F1F1F1; } .js .js-hide { display: none; } .js-show { display: none; width: 0; height: 0; text-indent: -9999em; } .js .js-show { display: block; width: auto; height: auto; text-indent: 0; } .js .js-accordion-trigger { cursor: pointer; } .banner { background-color: #171717; position: fixed; width: 100%; height: auto; background-size: cover; background-repeat: no-repeat; bottom: 0; z-index: 200; padding: 20px; } .banner__container { display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto; width: 100%; height: 100%; max-width: 1200px; } @media only screen and (min-width: 920px) { .banner__container { flex-direction: row; } } .banner__copy { color: #ffffff; width: 80%; text-align: center; font-size: 16px; margin-bottom: 20px; } @media only screen and (min-width: 920px) { .banner__copy { margin-bottom: 0; font-size: 20px; } } .banner__button { min-width: 230px; } .seeUsPanel { padding: 90px 0; } .seeUsPanel__heading { font-family: Gotham-Medium; font-weight: 200; font-size: 20px; letter-spacing: 1.5px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); text-transform: uppercase; margin-bottom: -20px; } .seeUsPanel__subheading { font-family: TrajanPro-Bold; text-transform: uppercase; font-size: 85px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } .seeUsPanel__button { background: #dd620e; border-radius: 8px; margin-top: 0; font-weight: 200; font-family: Gotham-Medium; font-size: 16px; color: #ffffff; letter-spacing: 1.71px; text-align: center; text-transform: uppercase; padding: 12px 24px; color: #FFF !important; } .scheduleACall__formWrapper.is-hidden { display: none; } .collapse__checkbox { display: none; } .collapse__checkbox:checked ~ .collapse__label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .collapse__list { display: none; } .collapse__checkbox:checked ~ .collapse__list { display: block; } .collapse__list-link { display: block; padding: 5px 10px; background: #666; border-bottom: none; color: #FFF; font-weight: bold; text-decoration: none; } .collapse__list-link:hover, .collapse__list-link:focus { background: #FFD217; color: #252525; } .collapse__list-item:last-child .collapse__list-link { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .button-group .btn { margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 769px) { .button-group .btn { margin-left: 0; margin-right: 0; width: 100%; display: block; } } .button-group.right-aligned .btn { margin-left: 0; margin-right: 0; } @media only screen and (min-width: 770px) { .button-group.right-aligned .btn:last-child { margin-left: 20px; } } .cta-icon { position: relative; border-bottom: 0; display: block; } .cta-icon:after { content: ''; display: block; height: 4px; width: 70px; border-radius: 10px; margin: 10px auto; } .cta-icon.link:hover { transform: translate(0, -20px); } .cta-icon.link:hover:after { background-color: #FFD217; } .cta-icon__icon { width: 60px; display: block; margin: 0 auto; } .cta-icon__text { color: #252525; } .discussion-item { padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #D8D8D8; position: relative; display: flex; } .discussion-item__img { min-width: 50px; margin-right: 24px; border-radius: 100px; overflow: hidden; align-self: baseline; } .discussion-item__img img { width: 50px; max-width: 100%; max-height: 50px; } .discussion-item__title { font-size: 19px; line-height: 1.5; margin-top: 10px; } @media only screen and (min-width: 770px) { .discussion-item__title { padding-right: 65px; } } .discussion-item__date { font-size: 16px; } @media only screen and (min-width: 770px) { .discussion-item__date { position: absolute; top: 0; right: 0; } } .forum__title { width: 230px; margin: 0 auto; } @media only screen and (min-width: 770px) { .forum__title { margin: 0; } } .styleguide-example { margin: 20px auto; background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: relative; } .styleguide-example > h3 { display: block; padding: 5px 10px; background: #333; border-top: 1px solid #000; margin: 0; color: #fff; font-size: 1em; text-transform: uppercase; -webkit-font-smoothing: antialiased; } .styleguide-example > h3 > em, .styleguide-example > h3 > em > a { float: right; color: #999; font-style: normal; font-weight: normal; text-transform: none; } .styleguide-example .styleguide-description { padding: 10px; background: #f1f1f1; border-bottom: 1px solid #ddd; } .styleguide-example .styleguide-description p, .styleguide-example .styleguide-description ul { font-size: 13px; line-height: 1.4; } .styleguide-example .styleguide-description p:first-child { margin-top: 0; } .styleguide-example .styleguide-description p:last-child { margin-bottom: 0; } .styleguide-example .styleguide-element { position: relative; padding: 20px; } .styleguide-example .styleguide-element + .styleguide-element { margin-top: -5px; padding-top: 15px; overflow: hidden; border-top: 1px solid #eee; } .styleguide-example .styleguide-element .styleguide-modifier-name { display: block; position: absolute; top: 0; right: 0; padding: 5px 15px; background: #f9f9f9; border: 1px solid #eee; border-top: none; color: #999; font-size: 11px; } .styleguide-example .styleguide-html { padding: 15px 15px; overflow: auto; background: #edf6f8; border-top: 1px solid #dde7ea; font-size: 12px; } .styleguide-example .styleguide-html .highlight { background: none; } .styleguide-example ul.styleguide-modifiers { margin: 0 0 0 10px; } .styleguide-example ul.styleguide-modifiers li { margin-left: 0; list-style-type: none; } .styleguide-example ul.styleguide-modifiers li strong { color: #222; font: normal 12px/1.3 Monaco, monospace; } .styleguide-file-name { float: right; margin-top: .1em; color: white; -webkit-font-smoothing: antialiased; } .grid-example { background: rgba(200, 200, 200, 0.5); } .grid-example .c1 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c2 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c3 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c4 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c5 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c6 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c7 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c8 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c9 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c10 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c11 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example .c12 { background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } .grid-example p, .grid-example h4 { margin-top: 16px; margin-bottom: 16px; background: #FFF; line-height: 2; text-align: center; } .grid-example p { text-transform: uppercase; font-size: 10px; } /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* clear child float (pika-lendar), using the famous micro clearfix hack http://nicolasgallagher.com/micro-clearfix-hack/ */ .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both; } .pika-single { *zoom: 1; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); } .pika-lendar { float: left; width: 240px; margin: 8px; } .pika-title { position: relative; text-align: center; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; /* hide text using text-indent trick, using width value (it's enough) */ text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; } .pika-prev:hover, .pika-next:hover { opacity: 1; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); *left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); *right: 0; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; } .pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; } .pika-week { font-size: 11px; color: #999; } .is-today .pika-button { color: #33aaff; font-weight: bold; } .is-selected .pika-button { color: #fff; font-weight: bold; background: #33aaff; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; } .is-inrange .pika-button { background: #D5E9F7; } .is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; } .is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; } .is-disabled .pika-button, .is-outside-current-month .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; } .pika-button:hover { color: #fff; background: #ff8000; box-shadow: none; border-radius: 3px; } /* styling for abbr */ .pika-table abbr { border-bottom: none; cursor: help; }

This project was supported, in part, by grant number 90PRRC0002, from the U.S. Administration for Community Living, Department of Health and Human Services, Washington, D.C. 20201. Grantees undertaking projects under government sponsorship are encouraged to express freely their findings and conclusions. Points of view or opinions do not, therefore, necessarily represent official Administration for Community Living policy.

Back to top ▴

Connect with us

t
f
y
l
g

Get updates about our impact

> Get the Reeve newsletter

International support

▾ Pages in other languages

Made with ♡ in New Jersey

Christopher & Dana Reeve Foundation © 2020

636 Morris Turnpike Suite 3A Short Hills, NJ 07078
1-800-225-0292

The Christopher & Dana Reeve Foundation is a registered 501(c)(3) tax-exempt organization