webdesign — Reeve Connect

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

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

Reeve Foundation

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

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

webdesign

limoo

limoo Member Posts: 1 ✭

June 2019 in What Works

Essential elements on the front page of the site

1. Contact information

2. An email address

3 Address and Postcode
To get more tips and information about webdesign click the links below:
طراحی سایت ، طراحی سایت ، طراحی سایت ، طراحی سایت , طراحی سایت خودرو ,طراحی سایت نیازمندی , طراحی اپلیکیشن
طراحی سایت فروشگاهی , پارکت , قیمت, بهترین شرکت طراحی سایت فروشگاهی در تهران , قیمت طراحی سایت, ساخت سایت
سایت وردپرس، سایت وردپرس، بهترین شرکت طراحی وب سایت ، لیست شرکت های طراحی وب سایت , طراحی سایت تهران

0 ·

or Register to comment.

Howdy, Stranger!

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

Sign In Register

Categories

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

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

Back to top ▴

Connect with us

t
f
y
l
g

Get updates about our impact

> Get the Reeve newsletter

International support

▾ Pages in other languages

Made with ♡ in New Jersey

Christopher & Dana Reeve Foundation © 2020

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

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