Zcollie — 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

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

COVID-19 Concerns
Post your questions or concerns about COVID-19 on Reeve Connect for our Information Specialists and experts to address here.

Zcollie

Moderator

Zcollie Moderator

About

Username: Zcollie
Joined: February 2019
Visits: 179
Last Active: June 2020
Roles: Moderator
Points: 251
Posts: 239
Badges: 12
Type of paralysis: Quadriplegia (C8 and above)
What is your primary relationship to paralysis?: Individual living with paralysis
Has the person with paralysis ever served or are they currently serving in the Armed Forces (U.S. military)?: No

Reactions

0 Promote 113 Like 69 Awesome 2 LOL

Zcollie

Howdy, Stranger!

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

Sign In Register

Badges

First Anniversary

100 Likes

100 Comments

25 Awesomes

25 Likes

5 Awesomes

10 Comments

5 Likes

Name Dropper

First Answer

First Comment

Photogenic

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

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