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

Reeve Summit 2021: Where Care, Cure and Community Connect | Virtual Conference | April 27-29, 2021
Register now!

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

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