/* -------------------------------------------------------------- .;+++++++++', ,;, ,;+++++++++++ .@@@@@@@@@@@@@@@@@; :@@@@# ;@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@ :@@@@@@. @@@@@@@@@@@@@@@@@```` :@@@@. @@@@@ @@@@@ @@@@@ @@@@# #@@@@ @@@@@ `@@@@ @@@@@ @@@@# #@@@@ @@@@@ `@@@@ @@@@@ @@@@# #@@@@ @@@@@ `@@@@ @@@@@ @@@@# #@@@@ @@@@@ `@@@@ @@@@@ @@@@+ +####``````````.;@@@@@` `@@@@ `@@@@@;.```````.+@@@@@ @@@@@@@@@@@@@@@@ `@@@@ @@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@' `@@@@ '@@@@@@@@@@@@@: // Created by the fine folks at Dreamten Studios // Visit us at www.dreamten.com *********************************************************** * TABLE OF CONTENTS * Resetting browser default styles All Icons Notification Tablet menu Search block Header Top menu Container Main slider Main banner Problems block Solutions block Solutions tabs Info block Events news block Contact block Donate block The Problems Page Problems Details Problems Description Solution block Solution list About block Funders block Solutions detail News block Internal news Social news News article block Funders block Leadership block Campaign form Campaign desk Campaign stats Campaign bottom About Upcoming meetings Share list Sponsors list Footer Bottom menu Copyright Media Queries *********************************************************** ---------------------------------------------------------------- */ /* Resetting browser default styles */ @font-face {font-family: 'SentinelBook'; src: url('fonts/sentinel-book.eot'); src: url('fonts/sentinel-book.eot?#iefix') format('embedded-opentype'), url('fonts/sentinel-book.woff') format('woff'), url('fonts/sentinel-book.ttf') format('truetype'), url('fonts/sentinel-book.svg#SentinelBook') format('svg'); font-weight: normal;font-style: normal;} @font-face {font-family: 'SentinelLight'; src: url('fonts/sentinel-light.eot'); src: url('fonts/sentinel-light.eot?#iefix') format('embedded-opentype'), url('fonts/sentinel-light.woff') format('woff'), url('fonts/sentinel-light.ttf') format('truetype'), url('fonts/sentinel-light.svg#SentinelLight') format('svg'); font-weight: normal;font-style: normal;} @font-face {font-family: 'SentinelLightItalic'; src: url('fonts/sentinel-lightitalic.eot'); src: url('fonts/sentinel-lightitalic.eot?#iefix') format('embedded-opentype'), url('fonts/sentinel-lightitalic.woff') format('woff'), url('fonts/sentinel-lightitalic.ttf') format('truetype'), url('fonts/sentinel-lightitalic.svg#SentinelLightItalic') format('svg'); font-weight: normal;font-style: normal;} @font-face {font-family: 'SentinelMediumItalic'; src: url('fonts/sentinel-mediumitalic.eot'); src: url('fonts/sentinel-mediumitalic.eot?#iefix') format('embedded-opentype'), url('fonts/sentinel-mediumitalic.woff') format('woff'), url('fonts/sentinel-mediumitalic.ttf') format('truetype'), url('fonts/sentinel-mediumitalic.svg#SentinelMediumItalic') format('svg');font-weight: normal;font-style: normal;} body {font-size:62.5%;font-weight:400;} div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dt, dd, dl {margin:0;padding:0;} header, section, footer, aside, nav, article, figure, figcaption {display: block;} table {border-collapse:collapse;} img {border:none;max-width:100%;height:auto;} #map img { max-width:initial; } ul, li {list-style:none;} a, a:active, a:visited {text-decoration:none;color:#00a5e5;} a:hover {text-decoration:none;color:#f37827;} input:focus, textarea:focus {outline:none;} iframe, object, embed {max-width:100%;} button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;} ::selection {background: #ffa163;color: #fff;} ::-moz-selection {background: #ffa163;color: #fff;} /* All */ .main_wrapper {max-width:1600px;margin:0 auto;background:#fff;position:relative;box-shadow:#dddddd 0 0 13px 1px;overflow:hidden;} .wrapper {width:1200px;margin:0 auto;position:relative;} .clear:after, .wrapper:after {content:'';display:block;height:0;clear:both;} .mobile_tablet {display:none;} .button, .button:visited {border:none;background:#00a4e3;color:#fff;padding:0 26px;min-height:40px;font:24px/40px 'Knockout 28 A', 'Knockout 28 B';font-weight:500;float:left;display:block;text-align:center;text-transform:uppercase;border-radius:4px;} .button:hover {color:#fff;background:#0091c9;} .button_big, .button_big:visited {font-size:30px;line-height:50px;min-height:50px;} .button_bigger, .button_bigger:visited {font:35px/76px 'Knockout 28 A', 'Knockout 28 B';font-weight:700;min-height:76px;} .button_green, .button_green:visited {background:#84ba59;} .button_green:hover {background:#68aa10;} .button_orange, .button_orange:visited {background:#e79419;} .button_orange:hover {background:#cc8216;} .button_pink, .button_pink:visited {background:#eb008b;} .button_pink:hover {background:#cc0079;} .button_disabled, .button_disabled:visited, .button_disabled:hover {cursor: default; opacity: 0.25;} .button_transparent, .button_transparent:visited {border:2px solid #fff;min-height:46px;line-height:46px;background:none;} .button_transparent:hover {background:none;} input[type="checkbox"] {display:none;} input[type="checkbox"] + label {cursor:pointer;font-size:1.7em;color:#8d8d8d;} input[type="checkbox"] + label:before {content:'';width:35px;height:35px;background:url(../images/icons/checkbox.png) 0 0 no-repeat;display:inline-block;vertical-align:middle;zoom:1;*display:inline;margin-right:10px;} input[type="checkbox"]:checked + label:before, input[type="checkbox"] + label.checked:before, input[type="checkbox"] + label:active:before {background-position:0 bottom;} /* Icons */ [class^="sol_icon_"] {width:80px;height:80px;background:url(../images/icons/solutions_icons.png) 0 0 no-repeat;display:inline-block;vertical-align:middle;zoom:1;*display:inline;} .sol_icon_health-coordination {background-position:0 0;} .sol_icon_health-coordination:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_health-coordination, .active .sol_icon_health-coordination {background-position:-80px 0;} .sol_icon_wellness-empowerment {background-position:0 -80px;} .sol_icon_wellness-empowerment:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_wellness-empowerment, .active .sol_icon_wellness-empowerment {background-position:-80px -80px;} .sol_icon_housing-and-peer-development {background-position:0 -160px;} .sol_icon_housing-and-peer-development:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_housing-and-peer-development, .active .sol_icon_housing-and-peer-development {background-position:-80px -160px;} .sol_icon_prevention {background-position:0 -240px;} .sol_icon_prevention:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_prevention, .active .sol_icon_prevention {background-position:-80px -240px;} .sol_icon_syringe-access {background-position:0 -320px;} .sol_icon_syringe-access:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_syringe-access, .active .sol_icon_syringe-access {background-position:-80px -320px;} .sol_icon_health-center {background-position:0 -400px;} .sol_icon_health-center:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_health-center, .active .sol_icon_health-center {background-position:-80px -400px;} .sol_icon_drop-in-center {background-position:0 -480px;} .sol_icon_drop-in-center:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_drop-in-center, .active .sol_icon_drop-in-center {background-position:-80px -480px;} .sol_icon_food-and-nutrition {background-position:0 -560px;} .sol_icon_food-and-nutrition:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_food-and-nutrition, .active .sol_icon_food-and-nutrition {background-position:-80px -560px;} .sol_icon_legal-services {background-position:0 -640px;} .sol_icon_legal-services:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_legal-services, .active .sol_icon_legal-services {background-position:-80px -640px;} .sol_icon_advocacy-and-community-relations {background-position:0 -720px;} .sol_icon_advocacy-and-community-relations:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_advocacy-and-community-relations, .active .sol_icon_advocacy-and-community-relations {background-position:-80px -720px;} .sol_icon_social-enterprise {background-position:0 -800px;} .sol_icon_social-enterprise:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_social-enterprise, .active .sol_icon_social-enterprise {background-position:-80px -800px;} .sol_icon_boompharmacy {background-position:0 -880px;} .sol_icon_boompharmacy:hover, .header nav > ul > li > ul > li > ul > li:hover .sol_icon_boompharmacy, .active .sol_icon_boompharmacy {background-position:-80px -880px;} /* Icons big */ [class^="sol_icon_big_"] {width:105px;height:105px;background-image:url(../images/icons/solutions_icons_big.png);} .sol_icon_big_health-coordination {background-position:0 0;} .sol_icon_big_health-coordination:hover, .solution_list li:hover .sol_icon_big_health-coordination {background-position:-105px 0;} .sol_icon_big_wellness-empowerment {background-position:0 -105px;} .sol_icon_big_wellness-empowerment:hover, .solution_list li:hover .sol_icon_big_wellness-empowerment {background-position:-105px -105px;} .sol_icon_big_housing-and-peer-development {background-position:0 -210px;} .sol_icon_big_housing-and-peer-development:hover, .solution_list li:hover .sol_icon_big_housing-and-peer-development {background-position:-105px -210px;} .sol_icon_big_prevention {background-position:0 -315px;} .sol_icon_big_prevention:hover, .solution_list li:hover .sol_icon_big_prevention {background-position:-105px -315px;} .sol_icon_big_syringe-access {background-position:0 -420px;} .sol_icon_big_syringe-access:hover, .solution_list li:hover .sol_icon_big_syringe-access {background-position:-105px -420px;} .sol_icon_big_health-center {background-position:0 -525px;} .sol_icon_big_health-center:hover, .solution_list li:hover .sol_icon_big_health-center {background-position:-105px -525px;} .sol_icon_big_drop-in-center {background-position:0 -630px;} .sol_icon_big_drop-in-center:hover, .solution_list li:hover .sol_icon_big_drop-in-center {background-position:-105px -630px;} .sol_icon_big_food-and-nutrition {background-position:0 -735px;} .sol_icon_big_food-and-nutrition:hover, .solution_list li:hover .sol_icon_big_food-and-nutrition {background-position:-105px -735px;} .sol_icon_big_legal-services {background-position:0 -840px;} .sol_icon_big_legal-services:hover, .solution_list li:hover .sol_icon_big_legal-services {background-position:-105px -840px;} .sol_icon_big_advocacy-and-community-relations {background-position:0 -945px;} .sol_icon_big_advocacy-and-community-relations:hover, .solution_list li:hover .sol_icon_big_advocacy-and-community-relations {background-position:-105px -945px;} .sol_icon_big_boomcafe {background-position:0 -1050px;} .sol_icon_big_boomcafe:hover, .solution_list li:hover .sol_icon_big_boomcafe{background-position:-105px -1050px;} .sol_icon_big_pridecenter {background-position:0 -1260px;} .sol_icon_big_pridecenter:hover, .solution_list li:hover .sol_icon_big_pridecenter{background-position:-105px -1260px;} .sol_icon_big_boompharmacy {background-position:0 -1155px;} .sol_icon_big_boompharmacy:hover, .solution_list li:hover .sol_icon_big_boompharmacy {background-position:-105px -1155px;} /* Notification */ .notification {background:#fffcee;border-bottom:1px solid #f0dbb4;} .notification a {color:#f37320;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .notification a:hover {color:#be5511;} .notification p {font-size:1.4em;padding:10px 20px 10px 0;} .notification p a > span {padding-right:22px;background:url(../images/icons/arrow_right.png) right center no-repeat;} .notification .close {width:9px;height:9px;cursor:pointer;position:absolute;top:0;right:0;height:100%;background:url(../images/icons/close.png) 0 center no-repeat;} /* Tablet menu */ .tablet_menu {position:fixed;top:0;right:-40%;background:#fff;min-height:100%;width:40%;z-index:101;box-shadow:rgba(0,0,0,.10) 4px 0 3px 0 inset;} .tablet_menu nav > ul > li {border-bottom:1px solid #dbdbdb;} .tablet_menu nav > ul > li > a, .tablet_menu nav > ul > li > a:visited {font:1.8em/59px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;display:block;min-height:59px;color:#666;padding:0 60px 0 30px;background:url(../images/icons/arrow_right_tablet.png) right center no-repeat;} .tablet_menu nav > ul > li.active {background:#f37320;box-shadow:rgba(0,0,0,.10) 4px 0 3px 0 inset;} .tablet_menu nav > ul > li.active > a, .tablet_menu nav > ul > li.active > a:visited {background:#f37320;color:#fff;background:url(../images/icons/arrow_right_tablet_a.png) right center no-repeat;} .tablet_menu nav > ul > li:last-child > a, .tablet_menu nav > ul > li:last-child > a:visited, .tablet_menu nav > ul > li.active:last-child > a, .tablet_menu nav > ul > li.active:last-child > a:visited, .tablet_menu nav > ul > li.active:last-child {background:none;color:#666;} .tablet_menu nav > ul > li:nth-last-child(-n+2) > a {background:none;color:#666;} .tablet_menu nav > ul > li > ul {display:none;} .tablet_menu nav > ul > li > ul > li {padding:0 60px 0 30px;} .tablet_menu nav > ul > li > ul > li a, .tablet_menu nav > ul > li > ul > li a:visited {color:#fff;font:1.6em 'Gotham SSm A', 'Gotham SSm B';padding:10px 0 5px 0;display:block;font-weight:400;} .tablet_menu nav > ul > li > ul > li:last-child > a, .tablet_menu nav > ul > li > ul > li:last-child > ul > li:last-child a {padding-bottom:30px;} .tablet_menu nav > ul > li > ul > li a:hover {text-decoration:underline;} .tablet_menu nav > ul > li > ul > li > ul > li span {display:none;} .tablet_menu nav > ul > li.mobilehide > a, .tablet_menu nav > ul > li.mobilehide > a:visited, .tablet_menu nav > ul > li.active.mobilehide > a, .tablet_menu nav > ul > li.active.mobilehide > a:visited, .tablet_menu nav > ul > li.active.mobilehide, .tablet_menu nav > ul > li.desktophide > a, .tablet_menu nav > ul > li.desktophide > a:visited, .tablet_menu nav > ul > li.active.desktophide > a, .tablet_menu nav > ul > li.active.desktophide > a:visited, .tablet_menu nav > ul > li.active.desktophide {background:none;color:#666;} .tablet_menu nav .search_item a, .tablet_menu nav .search_item a:visited {border-bottom:1px solid #dbdbdb;font:1.8em/59px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;display:block;min-height:59px;color:#666;padding:0 60px 0 30px;background:url(../images/icons/zoom2.png) right center no-repeat;} .tablet_menu .social_list {padding:25px;} .tablet_menu .social_list li.close {display:block;font:25px 'Gotham SSm A', 'Gotham SSm B';font-weight:700;float:right;cursor:pointer;color:#acacac;margin-top:-3px;} .tablet_menu .social_list li.close:hover {color:#0b87b6;} .close_trigger {height:100%;width:100%;position:absolute;top:0;left:0;display:none;z-index:100;} .tablet_menu .social_block {padding:25px;} .tablet_menu .social_block > span {display:none;} .tablet_menu .social_block li {float:left;padding-right:17px;font-size:0;line-height:0;} .tablet_menu .social_block li.close {display:block;width:20px;height:20px;float:right;cursor:pointer;background:url(../images/icons/x2.png) no-repeat;padding:0;margin-top:3px;} /* Search block */ .search_wrap.fancybox-opened .fancybox-skin {border-radius:0;box-shadow:none;background:none;} .search_block, .search_block .close {display:none;} .search_block form {margin-top:23%;position:relative;} .search_block input[type="text"] {font:bold 125px 'Gotham SSm A', 'Gotham SSm B';color:#000;background:none;border:none;border-bottom:3px solid #333;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 80px 0 0;width:100%; font-weight:400;} .search_wrap .fancybox-close {margin-top:23%;position:absolute;top:65px;right:0;font-size:0;line-height:0;width:47px;height:45px;border:none;background:url(../images/icons/x.png) no-repeat;cursor:pointer;} .search_block p {color:#999;font:16px 'Gotham SSm A', 'Gotham SSm B';padding-top:15px;} /* Header */ .header {background:url(../images/demo/color_line.jpg) left bottom repeat-x;padding:40px 0;} .header .logo {float:left;width:265px;} .header .social_list {position:absolute;top:22px;right:0;z-index:-10;} .header .social_list li, .tablet_menu .social_list li {float:left;font-size:0;line-height:0;padding-left:10px;} .header .social_list li a, .tablet_menu .social_list li a {width:25px;height:25px;display:block;background:url(../images/icons/social.png) 0 0 no-repeat;} .header .social_list li .twitter, .tablet_menu .social_list li .twitter {background-position:0 0;} .header .social_list li .facebook, .tablet_menu .social_list li .facebook {background-position:-25px 0;} .header .social_list li .google, .tablet_menu .social_list li .google {background-position:-50px 0;} .header .social_list li .twitter:hover, .tablet_menu .social_list li .twitter:hover {background-position:0 -25px;} .header .social_list li .facebook:hover, .tablet_menu .social_list li .facebook:hover {background-position:-25px -25px;} .header .social_list li .google:hover, .tablet_menu .social_list li .google:hover {background-position:-50px -25px;} .header .social_list li.close {display:none;} .header .search_donate {position:absolute;top:16px;right:0;} .header .search_donate .search_trigger {cursor:pointer;width:46px;height:45px;display:inline-block;vertical-align:middle;zoom:1;*display:inline;background:#e1e1e1 url(../images/icons/zoom.png) center center no-repeat;font-size:0;line-height:0;border-radius:4px;margin-right:7px;} .header .search_donate .search_trigger:hover {background-color:#c6c6c6;} .header .search_donate .button {height:45px;line-height:45px;display:inline-block;vertical-align:middle;zoom:1;*display:inline;float:none;padding:0 15px;} /* Top menu */ .menu_trigger {width:50px;height:41px;background:url(../images/icons/menu_trigger.png) no-repeat;top:30px;right:30px;position:absolute;display:none;cursor:pointer;} .header nav {float:left;width:760px;position:relative;z-index:200;} .header nav > ul > li {float:left;padding:22px 30px;position:relative;} .header nav > ul > li > a, .header nav > ul > li > a:visited {font:2.4em 'Knockout 28 A', 'Knockout 28 B';text-transform:uppercase;color:#454545;display:block;padding-bottom:22px;background:url(../images/icons/arrow_top_menu.png) center bottom no-repeat;} .header nav > ul > li > a:hover, .header nav > ul > li:hover > a {color:#f37827;background-image:url(../images/icons/arrow_top_menu_h.png);} .header nav > ul > li:last-child {padding-right:0;} .header nav > ul > li:last-child a{background:none;} .header nav > ul > li:nth-last-child(-n+2) a{background:none;} .header nav > ul > li.desktophide {display:none;} /* submenu */ .header nav > ul > li > ul {display:none;position:absolute;top:100%;left:50%;margin-left:-115px;background:#fff;background:rgba(255,255,255,.97);box-shadow:rgba(0,0,0,.4) 0 2px 5px 0;min-width:230px;border-radius:6px;z-index:201;} .header nav > ul > li > ul:before {content:'';display:block;width:100%;height:13px;background:url(../images/icons/arrow_top_menu2.png) center 0 no-repeat;position:absolute;bottom:100%;left:0;} .header nav > ul > li > ul > li:first-child a {border-radius:6px 6px 0 0;} .header nav > ul > li > ul > li:last-child a {border-radius:0 0 6px 6px;} .header nav > ul > li > ul > li > a, .header nav > ul > li > ul > li > a:visited {font:18px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;color:#666;display:block;padding:20px;} .header nav > ul > li > ul > li > a:hover {background:#f37320;color:#fff;} .header nav > ul > li > ul > li:first-child a:hover {border-radius:6px 6px 0 0;} /* submenu solutions */ .header nav > ul > li:nth-child(2) > ul {margin-left:-425px;width:850px;padding:10px 0;} .header nav > ul > li:nth-child(2) > ul > li {float:left;width:33%;border-right:1px solid #d7d7d7;} .header nav > ul > li:nth-child(2) > ul > li:last-child {border-right:none;} .header nav > ul > li > ul > li > ul > li div {height:80px;position:relative;padding:10px 0;display:table;} .header nav > ul > li > ul > li > ul > li div span {position:absolute;top:10px;left:25px;} .header nav > ul > li > ul > li > ul > li a, .header nav > ul > li > ul > li > ul > li a:visited {display:table-cell;vertical-align:middle;font:14px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;color:#666;padding:0 25px 0 135px;} .header nav > ul > li > ul > li > ul > li a:hover {color:#333;} /* Container */ .container {padding:100px 0;} .container h1 {font:9em 'Knockout 47 A', 'Knockout 47 B';color:#454545;text-transform:uppercase;text-align:center;padding-bottom:35px;} .container h2 {font:7.2em 'Knockout 47 A', 'Knockout 47 B';color:#3d3d3d;text-transform:uppercase;text-align:center;padding-bottom:25px;} .container h2 + p {font-size:2.4em;line-height:34px;text-align:center;} .container h5 {font:3.6em 'Knockout 28 A', 'Knockout 28 B';padding-bottom:15px;} .container h6 {font:3.4em 'Knockout 47 A', 'Knockout 47 B';text-transform:uppercase;text-align:center;padding-bottom:15px;} .container p {padding-bottom:30px;} /* Main slider */ .main_slider {position:relative;font-size:0;line-height:0;} .main_slider figure {position:relative;} .main_slider figure > img {max-width:200%;} .main_slider .slide1 {background-color:#cda4d1;} .main_slider .slide2 {background:url(../images/demo/bg_slide2.png) repeat-x;} .main_slider figure.slide2 > img {max-width:200%;margin-left:-100px;} /* Slide 1 */ .main_slider figure {max-height:500px;overflow:hidden;} .main_slider figure figcaption {position:absolute;top:0;left:0;padding-top:140px;width:100%;} .main_slider figure figcaption .hearts {position:absolute;top:0;left:0;} .main_slider figure figcaption .hearts p {position:absolute;top:52px;left:0;color:#fff;font:56px 'Knockout 47 A', 'Knockout 47 B';text-transform:uppercase;width:100%;text-align:center;} .main_slider figure figcaption .hearts p span {padding:0 90px;} .main_slider figure figcaption .desc {position:absolute;top:0;right:0;width:515px;} .main_slider figure figcaption .desc p {font:19px/24px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;color:#6f3f5b;padding:20px 0 0 10px;} .main_slider figure figcaption .desc p:first-child {color:#fff;font:100px/100px 'Gotham SSm A', 'Gotham SSm B';font-weight:700;text-transform:uppercase;padding:0;text-align:center;} .main_slider figure figcaption .desc p:nth-child(2) {text-align:center;} .main_slider figure figcaption .desc .button {float:right;margin:25px 15px 0 0;} /* Slide 2 */ .main_slider figure figcaption .desc2 {position:absolute;top:0;right:0;width:615px;} .main_slider figure figcaption .desc2 p {font:17px/24px 'Gotham SSm A', 'Gotham SSm B';color:#b9deeb;padding:20px 0 0 10px;font-weight:400;} .main_slider figure figcaption .desc2 p:first-child {color:#fff;font:60px/60px 'Gotham SSm A', 'Gotham SSm B';font-weight:700;text-transform:uppercase;padding:0;} .main_slider figure figcaption .desc2 p:nth-child(2) {width:400px;} .main_slider figure figcaption .desc2 .button {margin:25px 15px 0 0;} .main_slider figure figcaption .desc2 .appstore {margin:10px 0 0 0;} .main_slider .bx-pager {text-align:center;position:absolute;bottom:70px;left:0;width:100%;z-index:100;} .main_slider .bx-pager .bx-pager-item {display:inline-block;zoom:1;*display:inline;padding:0 6px;} .main_slider .bx-pager .bx-pager-item .bx-pager-link, .main_slider .bx-pager .bx-pager-item .bx-pager-link:visited {display:block;width:12px;height:12px;background:#616161;border-radius:50%;} .main_slider .bx-pager .bx-pager-item .bx-pager-link:hover, .main_slider .bx-pager .bx-pager-item .active, .main_slider .bx-pager .bx-pager-item .active:visited {background:#fff;} /* Main banner */ .main_banner {background:#404040;padding:25px 0;color:#fff;} .main_banner p {font-size:2.1em;float:left;width:70%;} .main_banner p:nth-child(2) {float:right;width:30%;} .main_banner p:nth-child(2) .button {margin-left:20px;} /* Problems block */ .problems_block {background:#f6f6f6;} .problems_block h2 + p {color:#666;} .problems_block ul {text-align:center;font-size:0;line-height:0;} .problems_block ul li {display:inline-block;vertical-align:top;zoom:1;*display:inline;font-size:16px;line-height:20px;width:22%;padding:40px 1.5% 30px 1.5%;color:#666;} .problems_block ul li h5 {color:#58595b;font:40px/40px 'Knockout 47 A', 'Knockout 47 B';text-transform:uppercase;padding-top:25px;} .problems_block .issues_list li { opacity:0; filter: alpha(opacity=0); } /* Solutions block */ .solutions_block h2, .solutions_block h2 + p {text-align:left;padding-top:20px;} .solutions_block .desc {float:left;width:500px;margin-top:40px;} .solutions_tabs {width:572px;height:572px;float:right;margin:0;position:relative;display:table;} .solutions_tabs:before {content:'';display:block;width:557px;height:557px;border:1px solid #cacaca;border-radius:50%;position:absolute;top:8px;left:8px;} .solutions_tabs .tab_select {position:absolute;top:0;left:0;z-index:3;} .solutions_tabs .tab_select li {position:absolute;top:-40px;left:250px;} .solutions_tabs .tab_select li span {background-color:#fff;border-radius:50%;} .solutions_tabs .tab_select li:nth-child(2) {top:0;left:390px;} .solutions_tabs .tab_select li:nth-child(3) {top:105px;left:495px;} .solutions_tabs .tab_select li:nth-child(4) {top:250px;left:530px;} .solutions_tabs .tab_select li:nth-child(5) {top:390px;left:495px;} .solutions_tabs .tab_select li:nth-child(6) {top:495px;left:390px;} .solutions_tabs .tab_select li:nth-child(7) {top:532px;left:250px;} .solutions_tabs .tab_select li:nth-child(8) {top:495px;left:105px;} .solutions_tabs .tab_select li:nth-child(9) {top:390px;left:0;} .solutions_tabs .tab_select li:nth-child(10) {top:250px;left:-40px;} .solutions_tabs .tab_select li:nth-child(11) {top:105px;left:0;} .solutions_tabs .tab_select li:nth-child(12) {top:0;left:105px;} .solutions_tabs .tab_content {clear:both;text-align:center;padding:0 110px;display:table-cell;vertical-align: middle;position:relative;} .solutions_tabs .tab_content:before {content:'';display:block;width:572px;height:572px;border:2px solid #6aab35;border-radius:50%;position:absolute;top:0;left:0;} .solutions_tabs .tab_content .close {display:none;cursor:pointer;position:absolute;top:0;right:0;font-size:14px;z-index:2;padding:10px;} .solutions_tabs .tab_content .link {display:none;cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;} .solutions_tabs .tab_content h6 {color:#6aab35;z-index:100;position:relative;} .solutions_tabs .tab_content p {color:#3e3e3e;font-size:1.6em;line-height:24px;z-index:100;position:relative;} .solutions_tabs .tab_content a {z-index:100;position:relative;} .solutions_tabs .tab_content#tab-2:before {border-color:#118d84;} .solutions_tabs .tab_content#tab-2 h6 {color:#118d84;} .solutions_tabs .tab_content#tab-3:before {border-color:#d37f3f;} .solutions_tabs .tab_content#tab-3 h6 {color:#d37f3f;} .solutions_tabs .tab_content#tab-4:before {border-color:#833c91;} .solutions_tabs .tab_content#tab-4 h6 {color:#833c91;} .solutions_tabs .tab_content#tab-5:before {border-color:#cd007b;} .solutions_tabs .tab_content#tab-5 h6 {color:#cd007b;} .solutions_tabs .tab_content#tab-6:before {border-color:#73b041;} .solutions_tabs .tab_content#tab-6 h6 {color:#73b041;} .solutions_tabs .tab_content#tab-7:before {border-color:#732383;} .solutions_tabs .tab_content#tab-7 h6 {color:#732383;} .solutions_tabs .tab_content#tab-8:before {border-color:#1f948b;} .solutions_tabs .tab_content#tab-8 h6 {color:#1f948b;} .solutions_tabs .tab_content#tab-9:before {border-color:#1a9cdc;} .solutions_tabs .tab_content#tab-9 h6 {color:#1a9cdc;} .solutions_tabs .tab_content#tab-10:before {border-color:#d27d3c;} .solutions_tabs .tab_content#tab-10 h6 {color:#d27d3c;} .solutions_tabs .tab_content#tab-11:before {border-color:#118d84;} .solutions_tabs .tab_content#tab-11 h6 {color:#118d84;} .solutions_tabs .tab_content#tab-12:before {border-color:#1a9cdc;} .solutions_tabs .tab_content#tab-12 h6 {color:#1a9cdc;} .solutions_detail table {width:100%;} .solutions_detail table td {font-size:1.4em;line-height:1.4em;vertical-align:top;padding:15px;} .solutions_detail table tr td:first-child {min-width:150px;} .solutions_detail table tr:nth-child(odd) {background-color: #f6f6f6;} /* Info block */ .info_block {background:#f1f1f1;color:#666;} .info_block ul li {float:left;width:33.33333%;padding:40px 2.47% 0 2.47%;text-align:center;} .info_block ul li:first-child {padding-left:0;} .info_block ul li:last-child {padding-right:0;} .info_block ul li figure {position:relative;} .info_block ul li figure figcaption {position:absolute;top:43%;left:0;width:100%;height:100%;color:#fff;font:2.4em 'Gotham SSm A', 'Gotham SSm B';font-weight:700;text-transform:uppercase;} .info_block ul li figure .link {position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1;} .info_block ul li p {max-width:330px;margin:0 auto;text-align:center;font-size:1.5em;line-height:22px;padding:30px 10px 0 10px;} /* Events news block */ .events_news_block .wrapper > ul > li {float:left;width:30%;padding:20px 2.47%;} .events_news_block .wrapper > ul > li:first-child {padding-left:0;} .events_news_block .wrapper > ul > li:last-child {padding-right:0;} .events_news_block .wrapper > ul > li a, .events_news_block .wrapper > ul > li a:visited {color:#703998;} .events_news_block .wrapper > ul > li:nth-child(2) a, .events_news_block .wrapper > ul > li:nth-child(2) a:visited {color:#109996;} .events_news_block .wrapper > ul > li:nth-child(3) a, .events_news_block .wrapper > ul > li:nth-child(3) a:visited {color:#eb008b;} .events_news_block .wrapper > ul > li a:hover, .events_news_block .wrapper > ul > li:nth-child(2) a:hover, .events_news_block .wrapper > ul > li:nth-child(3) a:hover {color:#e79419;} .events_news_block .wrapper > ul > li > h3 {font:1.5em 'Gotham SSm A', 'Gotham SSm B';text-align:left;padding:0 0 23px 0;margin:0 0 25px 0;border-bottom:1px solid #e6e6e6;} .events_news_block .wrapper > ul > li > h3 a, .events_news_block .wrapper > ul > li > h3 a:visited {background:url(../images/icons/arrow_right_purple2.png) right center no-repeat;padding-right:25px;} .events_news_block .wrapper > ul > li:nth-child(2) > h3 a, .events_news_block .wrapper > ul > li:nth-child(2) > h3 a:visited {background-image:url(../images/icons/arrow_right_green2.png);} .events_news_block .wrapper > ul > li:nth-child(3) > h3 a, .events_news_block .wrapper > ul > li:nth-child(3) > h3 a:visited {background-image:url(../images/icons/arrow_right_pink2.png);} .events_news_block .wrapper > ul > li p {font-size:1.6em;line-height:24px;color:#606060;padding:18px 0 0 0;} .events_news_block .wrapper > ul > li h4 {font-size:2.2em;font-weight:normal;color:#d283b2;} .events_news_block .wrapper > ul > li .float_right {float:right;margin:0 0 10px 10px;} .events_news_block .wrapper > ul > li a.button, .events_news_block .wrapper > ul > li a.button:visited, .events_news_block .wrapper > ul > li a.button:hover {color:#fff;text-transform:none;} .events_news_block .wrapper > ul > li .news_list li {float:left;width:100%;padding:25px 0;border-bottom:1px solid #e5e5e5;} .events_news_block .wrapper > ul > li .news_list li:first-child {padding-top:0;} .events_news_block .wrapper > ul > li .news_list li:last-child {border-bottom:none;padding-bottom:0;} .events_news_block .wrapper > ul > li .news_list li figure img {float:left;max-width:87px;margin:0 27px 0 0;} .events_news_block .wrapper > ul > li .news_list li figure figcaption p {font:1.6em 'Gotham SSm A';padding:0 0 8px 0;} .events_news_block .wrapper > ul > li .news_list li figure figcaption p a, .events_news_block .wrapper > ul > li .news_list li figure figcaption p a:visited {color:#734595;} .events_news_block .wrapper > ul > li .news_list li figure figcaption p a:hover {color:#e99b27;} .events_news_block .wrapper > ul > li .news_list li figure figcaption p:first-child {font:bold 1.2em 'Gotham SSm A';color:#999;} /* Contact block */ .container.contact_block {padding:0 0 90px 0;} .contact_block #map {width:100%;height:450px;margin-bottom:80px;} .contact_block .wrapper > p {color:#333;font-size:3.6em;text-align:center;padding-bottom:55px;} .contact_block .social_list {text-align:center;padding-bottom:90px;} .contact_block .social_list li {display:inline-block;zoom:1;*display:inline;font-size:1.8em;padding:0 30px;} .contact_block .social_list li a, .contact_block .social_list li a:visited {color:#333;} .contact_block .social_list li a:before {content:'';display:inline-block;zoom:1;*display:inline;width:25px;height:25px;background:url(../images/icons/social.png) 0 0 no-repeat;margin-right:7px;vertical-align:middle;} .contact_block .social_list li a:hover {color:#00a4e3;} .contact_block .social_list li .twitter:before {background-position:0 0;} .contact_block .social_list li .facebook:before {background-position:-25px 0;} .contact_block .social_list li .google:before {background-position:-50px 0;} .contact_block .social_list li .email:before {background-position:-75px 0;} .contact_block .social_list li .twitter:hover:before {background-position:0 -25px;} .contact_block .social_list li .facebook:hover:before {background-position:-25px -25px;} .contact_block .social_list li .google:hover:before {background-position:-50px -25px;} .contact_block .social_list li .email:hover:before {background-position:-75px -25px;} .contact_block .contact_list > li {float:left;width:33.333%;padding:0 2.5%;} .contact_block .contact_list > li:nth-child(2) {border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;} .contact_block .contact_list > li:nth-child(3) {float:right;} .contact_block .contact_list > li h5 {padding-bottom:40px;height:100px;} .contact_block .contact_list > li h5:before {content:'';width:30px;height:40px;background:url(../images/icons/hearts.png) no-repeat;vertical-align:middle;display:inline-block;zoom:1;*display:inline;margin-right:20px;} .contact_block .contact_list > li ul {padding-top:25px;} .contact_block .contact_list > li ul li {padding:25px 0 0 0;} .contact_block .contact_list > li ul li p {font-size:1.6em;color:#333;padding:0 0 10px 0;line-height:22px;} .contact_block .contact_list > li ul li p:first-child {font:1.3em 'Gotham SSm A', 'Gotham SSm B';font-weight:700;text-transform:uppercase;color:#999;} .contact_block .contact_list > li ul li a, .contact_block .contact_list > li ul li a:visited {font:0.9em 'Gotham SSm A', 'Gotham SSm B';font-weight:700;text-transform:uppercase;background:right center no-repeat;padding-right:18px;} .contact_block .contact_list > li.central-office h5 {color:#93ca4a;} .contact_block .contact_list > li.central-office h5:before {background-position:-150px 0;} .contact_block .contact_list > li.central-office ul li a, .contact_block .contact_list > li.central ul li a:visited {color:#93ca4a;background-image:url(../images/icons/arrow_right_green.png);} .contact_block .contact_list > li.harm-reduction-center h5 {color:#eb008b;} .contact_block .contact_list > li.harm-reduction-center h5:before {background-position:-60px 0;} .contact_block .contact_list > li.harm-reduction-center ul li a, .contact_block .contact_list > li.harm-reduction-center ul li a:visited {color:#eb008b;background-image:url(../images/icons/arrow_right_pink.png);} .contact_block .contact_list > li.wellness-center h5 {color:#8d39cb;} .contact_block .contact_list > li.wellness-center h5:before {background-position:-90px 0;} .contact_block .contact_list > li.wellness-center ul li a, .contact_block .contact_list > li.wellness-center ul li a:visited {color:#8d39cb;background-image:url(../images/icons/arrow_right_purple.png);} .contact_block .wellness{ display:none; } /* Donate block */ .container.donate_block {background:url(../images/demo/donate_bg.jpg) center top no-repeat;padding-top:230px;} .donate_block h2 + p, .donate_block + .info_block h2 + p {font-size:1.8em;line-height:26px;} .donate_block h2 + p span {color:#00a5e5;font-family:'Gotham SSm A', 'Gotham SSm B';font-weight:700;} .donate_block p.tshirt {font-size:1.3em;text-align:center;text-align:center;font-size: 1.3em;color:#4c798b;border:2px solid #00a5e5;border-radius:4px;padding:10px 15px;background-color:#e6f8ff;margin:0 auto 30px;max-width:600px;} .donate_block ul.step_1 {padding:25px 0 0 85px;} .donate_block ul.step_1 > li {float:left;position:relative;padding:30px 0 60px 30px;} .donate_block ul.step_1 > li div {display:none;padding:15px 10px;border-radius:4px;background:#323232;background:rgba(50,50,50,.9);font-size:1.4em;color:#fff;width:140px;position:absolute;bottom:100%;left:50%;margin-left:-65px;z-index:2;text-align:center;} .donate_block ul.step_1 > li div:before {content:'';position:absolute;top:100%;left:50%;margin-left:-6px;border:solid transparent;border-top-color:#323232;border-top-color:rgba(50,50,50,.9);border-width:6px;} .donate_block ul.step_1 > li input[type="radio"] {display:none;} .donate_block ul.step_1 > li input[type="radio"] + label {cursor:pointer;width:111px;height:111px;font:2.4em/111px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;color:#7f7f7f;background:#e9e9e9;border:1px solid #e9e9e9;display:block;text-align:center;border-radius:4px;} .donate_block ul.step_1 > li input[type="radio"] + label:hover {background:#dbdbdb;border-color:#dbdbdb;color:#666;} .donate_block ul.step_1 > li input[type="radio"]:checked + label, .donate_block ul.step_1 > li input[type="radio"] + label.checked {background:#10aae5;background-image:-webkit-linear-gradient(top, #3fc7fb, #10aae5);background-image:linear-gradient(to bottom, #3fc7fb, #10aae5);color:#fff;border-color:#0c7aa4;border-top-color:#0b6b90;border-bottom-color:#0d8fc1;} .donate_block ul.step_1 > li input[type="text"] {cursor:pointer;width:111px;height:111px;font:2.4em/82px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;color:#7f7f7f;background:#e9e9e9;border:1px solid #e9e9e9;display:block;text-align:center;border-radius:4px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;} .donate_block ul.step_1 > li input[type="text"]:hover {background:#dbdbdb;border-color:#dbdbdb;color:#666;} .donate_block ul.step_1 > li input[type="text"]:active, .donate_block ul.step_1 > li input[type="text"]:focus {background:#10aae5;background-image:-webkit-linear-gradient(top, #3fc7fb, #10aae5);background-image:linear-gradient(to bottom, #3fc7fb, #10aae5);color:#fff;border-color:#00a5e5;} .donate_block form p {color:#969696;text-align:center;font-size:1.3em;padding-bottom:15px;} .donate_block form p .button {float:none;margin:0 auto;} .donate_block ul.step_2 {margin-bottom:40px;} .donate_block ul.step_2.fb_form {margin-left: 110px;} .donate_block ul.step_2 > li {padding:0 220px 19px 0;text-align:center;} .donate_block ul.step_2 > li div {text-align:left;} .donate_block ul.step_2 > li label:first-child {text-align:right;padding:0 24px 0 0;display:inline-block;vertical-align:middle;zoom:1;*display:inline;width:270px;font-size:2em;color:#333;} .donate_block ul.step_2 > li label[for="donate_step_item11"], .donate_block ul.step_2 > li label[for="donate_step_item12"] {width:490px;display:inline-block;vertical-align:middle;zoom:1;*display:inline;text-align:left;} .donate_block ul.step_2 > li label:hover {color:#000;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;} .donate_block ul.step_2 > li input[type="text"] {font:2.4em 'Gotham SSm A', 'Gotham SSm B';font-weight:400;color:#999;border:1px solid #c4c4c4;border-radius:4px;vertical-align:middle;box-shadow:rgba(0,0,0,.14) 0 2px 4px 0 inset;height:63px;padding:0 20px;width:450px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-outl} .donate_block ul.step_2 > li input[type="text"]:focus {border-color:#00a5e5;color:#000;background-color:#fff;} .donate_block ul.step_2 > li label:first-child {text-align:right;padding:0 24px 0 0;display:inline-block;vertical-align:middle;zoom:1;*display:inline;width:270px;font-size:2em;color:#333;} .donate_block ul.step_2 > li label[for="newsletter_subscribe"], .donate_block ul.step_2 > li label[for="tshirt_alt_address"], .donate_block ul.step_2 > li label[for="monthly_recurring"] {width:490px;display:inline-block;vertical-align:middle;zoom:1;*display:inline;text-align:left;} .donate_block ul.step_2 > li input[type="text"],.donate_block ul.step_2 > li input[type="tel"] {font:2.2em 'Gotham SSm A', 'Gotham SSm B';font-weight:400;color:#c3c3c3;border:1px solid #c4c4c4;border-radius:4px;vertical-align:middle;box-shadow:rgba(0,0,0,.14) 0 2px 4px 0 inset;height:63px;padding:0 20px;width:450px;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .donate_block ul.step_2 > li input[type="text"]:focus,.donate_block ul.step_2 > li input[type="tel"]:focus {border-color:#00a5e5;box-shadow:rgba(0,0,0,.14) 0 2px 4px 0 inset;color:#000;} .donate_block ul.step_2 > li select#billing_state, .donate_block ul.step_2 > li select#shipping_state {width:320px;} .donate_block ul.step_2 > li select#tshirt_size {width:490px;} .donate_block ul.step_2 > li select + input[type="text"] {width:110px;margin-left:20px;} .donate_block ul.step_2 > li h3 {text-align:center;padding:0;font-size:3em;font-weight:normal;width:490px;display:inline-block;vertical-align:middle;zoom:1;*display:inline;} .donate_block ul.step_2 > li.shipping {display:none;} .donate_block .errors, .donate_block .errors p { text-align:center;font-size: 1.3em;color: #f00;border:2px solid red;border-radius:4px;padding:10px 15px;background-color:#fcf3f3;display:none;margin:30px auto 0;max-width:600px;} /* The Problems Page */ .the_problems {min-height:1000px;background:#121212 url(../images/demo/problems_bg2.jpg) center top no-repeat;color:#fff;} .the_problems h1 {color:#fff;font-size:6em;text-align:left;padding-bottom:25px;} .the_problems p {font-size:2.4em;line-height:34px;} .the_problems ul {padding:70px 0;} .the_problems ul > li {font-size:6em;line-height:100px;text-transform:uppercase;} .the_problems ul > li a, .the_problems ul > li a:visited {color:#fff;} .the_problems ul > li:first-child a:hover {color:#e59726;} .the_problems ul > li:nth-child(2) a:hover {color:#10aae5;} .the_problems ul > li:nth-child(3) a:hover {color:#eb008b;} .the_problems ul > li:nth-child(4) a:hover {color:#00928f;} .the_problems ul > li:nth-child(5) a:hover {color:#f47c2e;} .the_problems ul > li:nth-child(6) a:hover {color:#8d39cb;} .the_problems ul > li:nth-child(7) a:hover {color:#93ca4a;} /* Problems Details */ .problems_details {min-height:546px;padding:75px 0 50px 0;background:#191919 url(../images/demo/overdose_bg.jpg) center top no-repeat;color:#fff;} .access-to-healthcare {background-image:url(../images/demo/access_to_healthcare.jpg);} .homelessness {background-image:url(../images/demo/homelessness.jpg);} .hiv-aids {background-image:url(../images/demo/hiv_aids.jpg);} .hepatitis-c {background-image:url(../images/demo/hepatitis_c.jpg);} .poverty {background-image:url(../images/demo/poverty.jpg);} .hunger-obesity {background-image:url(../images/demo/hunger_obesity.jpg);} .problems_details ul li {font:3.2em 'Knockout 28 A', 'Knockout 28 B';float:left;text-transform:uppercase;padding:0 33px 80px 0;} .problems_details ul li:last-child {padding-right:0;} .problems_details ul li a, .problems_details ul li a:visited {color:#696969;padding-bottom:15px;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .problems_details ul li.active a, .problems_details ul li.active a:visited {color:#fff;background:url(../images/icons/arrow_down.png) center bottom no-repeat;} .access-to-healthcare ul li.active a, .access-to-healthcare ul li.active a:visited {background-image:url(../images/icons/arrow_down2.png);} .homelessness ul li.active a, .homelessness ul li.active a:visited {background-image:url(../images/icons/arrow_down3.png);} .hiv-aids ul li.active a, .hiv-aids ul li.active a:visited {background-image:url(../images/icons/arrow_down4.png);} .hepatitis-c ul li.active a, .hepatitis-c ul li.active a:visited {background-image:url(../images/icons/arrow_down5.png);} .poverty ul li.active a, .poverty ul li.active a:visited {background-image:url(../images/icons/arrow_down6.png);} .hunger-obesity ul li.active a, .hunger-obesity ul li.active a:visited {background-image:url(../images/icons/arrow_down7.png);} .problems_details ul li a:hover {color:#fff;} .problems_details h1 {color:#e59726;font:15em 'Knockout 28 A', 'Knockout 28 B';text-align:left;padding-bottom:25px;} .problems_details.access-to-healthcare h1 {color:#10aae5;} .problems_details.homelessness h1 {color:#eb008b;} .problems_details.hiv-aids h1 {color:#00928f;} .problems_details.hepatitis-c h1 {color:#f47c2e;} .problems_details.poverty h1 {color:#8d39cb;} .problems_details.hunger-obesity h1 {color:#93ca4a;} .problems_details h1 + p {float:left;width:820px;font-size:3em;line-height:44px;padding:0;} .problems_details blockquote {float:right;width:215px;margin-top:10px;} .problems_details blockquote p:first-child {font:3em 'Knockout 28 A', 'Knockout 28 B';background:#109996;padding:17px;position:relative;margin-bottom:35px;} .problems_details blockquote p:first-child:before {content:'';display:block;width:15px;height:19px;position:absolute;top:100%;left:40px;background:url(../images/icons/corner.png) no-repeat;} .problems_details blockquote p:nth-child(2) {font:1.4em 'Gotham SSm A', 'Gotham SSm B';font-weight:500;line-height:20px;} /* Problems Description */ .problems_desc {background:#f1f1f1;padding:75px 0;} .problems_details sup, .problems_desc sup {vertical-align:super;font-size:.4em;} .problems_desc article {float:left;width:820px;padding-bottom:40px;} .problems_desc article p {color:#1d1d1d;font-size:1.8em;line-height:28px;} .problems_desc article p:first-child {font-size:2.4em;line-height:34px;} .problems_desc article ul {list-style:disc;margin-left:30px;margin-bottom:30px;} .problems_desc article ul li {list-style:disc;color:#1d1d1d;font-size:1.8em;line-height:28px;} .problems_desc aside {float:right;width:215px;padding-bottom:40px;} .problems_desc aside h3 {font:3.2em 'Knockout 47 A', 'Knockout 47 B';padding-bottom:20px;} .problems_desc aside p {font-size:1.5em;line-height:20px;} .problems_desc aside ul li {float:left;padding:0 20px 20px 0;font-size:0;line-height:0;} .problems_desc aside ul li:nth-child(2n) {padding-right:0;} .problems_desc .access {clear:both;border-top:1px solid #c9c9c9;padding-top:30px;} .problems_desc .access p {color:#8c8c8c;font-size:1.2em;line-height:20px;padding:0;} .problems_desc .access p:first-child {font:1.8em 'Gotham SSm A', 'Gotham SSm B';font-weight:500;padding-bottom:50px;} .problems_desc .access p a:first-child {background:url(../images/icons/arrow_prev.png) left center no-repeat;padding-left:23px;float:left;} .problems_desc .access p a:last-child {background:url(../images/icons/arrow_next.png) right center no-repeat;padding-right:23px;float:right;} .problems_desc .access + aside {display:none;} .problems_desc .access p a {-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .problems_desc .access p a:hover {color:#f37827;} /* Problem Description - Tooltip */ .container.problems_desc aside ul#related > li div {display:none;padding:15px;border-radius:4px;background:#323232;background:rgba(50, 50, 50, 0.9);font-size: 14px;line-height:20px;color: #FFF;width:150px;position: absolute;margin-left: -35px;margin-top:-145px;z-index:2;text-align:center;} .container.problems_desc aside ul#related > li div:before {content:'';position:absolute;top:100%;left:50%;margin-left:-6px;border:solid rgba(0,0,0,0);border-top-color:#323232;border-top-color:rgba(50,50,50,0.9);border-width:6px;} /* Solution block */ .solution_block {padding:75px 0;} .solution_block h2 {color:#646464;font-size:8em;} /* Solution list */ .solution_list {padding:75px 0 0 0;background:#f1f1f1;} .solution_list ul li {float:left;width:30%;margin:0 2.5% 90px 2.5%;text-align:center;color:#666;position:relative;} .solution_list ul li:nth-child(3n) {margin-right:0;float:right;} .solution_list ul li:nth-child(3n+1) {margin-left:0;clear:both;} .solution_list ul li h6 {font-size:3.2em;padding-top:25px;} .solution_list ul li p {font-size:1.6em;line-height:22px;} .solution_list ul li .link {position:absolute;top:0;left:0;display:block;width:100%;height:100%;} /* About block */ .container.about_block {padding:75px 0;} .about_block h2 {color:#646464;font-size:8em;} .container.about_block h2 + p {font-size:3em;line-height:42px;padding-bottom:0;} .about_block article {float:left;width:650px;padding-bottom:40px;} .about_block article p {font-size:2em;line-height:32px;} .about_block aside {float:right;width:360px;padding-bottom:40px;} .about_block aside h3 {font:3.2em 'Knockout 47 A', 'Knockout 47 B';padding-bottom:20px;} .about_block aside ul li {list-style:disc;color:#666;font-size:1.6em;line-height:30px;margin-left:20px;} /* Staff block */ .container.staff_block {padding:75px 0;} .staff_block h2 {color:#646464;font-size:8em;} .container.staff_block h2 + p {font-size:2.7em;line-height:36px;} .staff_block ul {margin-top:35px;} .staff_block ul li {font-size:2em;line-height:32px;text-align:center;} .staff_block li.left { float:left;width:40%;margin:0 2% 30px 8%;} .staff_block li.right {float:right;width:40%;margin:0 8% 30px 2%;} /* Board of Directors block */ .container.bod_block {padding:75px 0;} .bod_block h2 {color:#646464;font-size:8em;} .container.bod_block h2 + p {font-size:2.7em;line-height:36px;} .bod_block ul {margin-top:0;} .bod_block ul li.large {font-size:2.2em;line-height:34px;text-align:center;} .bod_block ul li {font-size:1.8em;line-height:30px;text-align:center;} .bod_block ul li strong {display:block;margin-top:35px;} .bod_block li.left { float:left;width:40%;margin:0 2% 30px 8%;} .bod_block li.right {float:right;width:40%;margin:0 8% 30px 2%;} /* Funders block */ .container.funders_block {padding:75px 0;} .funders_block h2 {color:#646464;font-size:8em;} .container.funders_block h2 + p {font-size:2.7em;line-height:36px;} .funders_block ul {margin-top:35px;} .funders_block ul li {font-size:2em;line-height:32px;text-align:center;} /* Leadership block */ .container.leadership {padding:75px 0;} .leadership_block h2 {color:#646464;font-size:8em;} .leadership_block p {font-size:2em !important;line-height:30px !important;max-width:900px;margin:0 auto 30px;} .leadership_list_top {;margin:0 auto;clear:both;} .leadership_list_top li {float:left;width:23%;margin-right:1%;margin-left:1%;position:relative;} .leadership_list_top li a {text-align:center;display:block;min-height:430px;cursor: default;} .leadership_list_top li.slide_active a {cursor: pointer;} .leadership_list_top li a h3 {font-family:;font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica Neue', Helvetica, Arial, Tahoma;font-weight:500;font-size:1.5em;color:#3d3d3d;margin:25px 0 3px;} .leadership_list_top li a h4 {font-family:;font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica Neue', Helvetica, Arial, Tahoma;font-weight:400;font-size:1.2em;color:#666;margin-bottom:45px;} .leadership_list_top li:nth-child(2) {margin-right:0;} .leadership_list {max-width:1010px;margin:0 auto;} .leadership_list li {float:left;width:25%;margin-right:30px;max-width:230px;position:relative;} .leadership_list li a {text-align:center;display:block;min-height:430px;} .leadership_list li a h3 {font-weight:500;font-size:1.5em;color:#3d3d3d;margin:25px 0 3px;} .leadership_list li a h4 {font-weight:400;font-size:1.2em;color:#666;margin-bottom:25px;} .leadership_list li:nth-child(4n) {margin-right:0;} .leadership_list li.slide_active, .leadership_list_top li.slide_active {cursor:pointer;} .leadership_single { max-width: 230px; min-width:140px; width: 25%; margin-right: 30px; text-align: center; float: left; } .leadership_single h3 { font-weight: 500; font-size: 1.5em; color: #3D3D3D; margin: 15px 0 3px; } .leadership_single h4 { font-weight: 400; font-size: 1.2em; color: #666; margin-bottom: 15px; } .leadership_single div::before { display:none; } /* Leadership Bio & Fun Images */ .leadership_list_top li a div,.leadership_list li a div {position:relative;height:325px;} .leadership_list_top li a div img,.leadership_list li a div img {position:absolute;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-o-transition: opacity .25s ease-in-out;transition: opacity .25s ease-in-out;} .leadership_list_top li a:hover img.top,.leadership_list li a:hover img.top {opacity:0;} .cd-panel *, .cd-panel *::after, .cd-panel *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cd-panel *::after, .cd-panel *::before, .cd-panel::after, .cd-panel::before { content: ''; } .cd-panel { position: fixed; top: 0; left: 0; height: 100%; width: 100%; visibility: hidden; -webkit-transition: visibility 0s 0.6s; -moz-transition: visibility 0s 0.6s; transition: visibility 0s 0.6s; z-index: 1000; } .cd-panel::after { /* overlay layer */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; cursor: pointer; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; } .cd-panel.is-visible { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; } .cd-panel.is-visible::after { background: rgba(0, 0, 0, 0.6); -webkit-transition: background 0.3s 0s; -moz-transition: background 0.3s 0s; transition: background 0.3s 0s; } .cd-panel.is-visible .cd-panel-close::before { -webkit-animation: cd-close-1 0.6s 0.3s; -moz-animation: cd-close-1 0.6s 0.3s; animation: cd-close-1 0.6s 0.3s; } .cd-panel.is-visible .cd-panel-close::after { -webkit-animation: cd-close-2 0.6s 0.3s; -moz-animation: cd-close-2 0.6s 0.3s; animation: cd-close-2 0.6s 0.3s; } @-webkit-keyframes cd-close-1 { 0%, 50% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(45deg); } } @-moz-keyframes cd-close-1 { 0%, 50% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(45deg); } } @keyframes cd-close-1 { 0%, 50% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } } @-webkit-keyframes cd-close-2 { 0%, 50% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(-45deg); } } @-moz-keyframes cd-close-2 { 0%, 50% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(-45deg); } } @keyframes cd-close-2 { 0%, 50% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } } .cd-panel-header { position: fixed; width: 90%; height: 50px; line-height: 50px; background: rgba(255, 255, 255, 0.96); z-index: 2; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); -webkit-transition: top 0.3s 0s; -moz-transition: top 0.3s 0s; transition: top 0.3s 0s; } .cd-panel-header h1 { font-weight: bold; color: #116A8D; padding-left: 5%; } .from-right .cd-panel-header, .from-left .cd-panel-header { top: -50px; } .from-right .cd-panel-header { right: 0; } .from-left .cd-panel-header { left: 0; } .is-visible .cd-panel-header { top: 0; -webkit-transition: top 0.3s 0.3s; -moz-transition: top 0.3s 0.3s; transition: top 0.3s 0.3s; } @media only screen and (min-width: 768px) { .cd-panel-header { width: 70%; } } @media only screen and (min-width: 1170px) { .cd-panel-header { width: 50%; } } .cd-panel-close { position: absolute; top: 0; right: 0; height: 100%; width: 60px; /* image replacement */ display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; } .cd-panel-close::before, .cd-panel-close::after { /* close icon created in CSS */ position: absolute; top: 22px; left: 20px; height: 3px; width: 20px; background-color: #424f5c; /* this fixes a bug where pseudo elements are slighty off position */ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-panel-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-panel-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .no-touch .cd-panel-close:hover { background-color: #424f5c; } .no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after { background-color: #ffffff; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .no-touch .cd-panel-close:hover::before { -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); -o-transform: rotate(220deg); transform: rotate(220deg); } .no-touch .cd-panel-close:hover::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .cd-panel-container { position: fixed; width: 90%; height: 100%; top: 0; background: #dbe2e9; z-index: 1; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .from-right .cd-panel-container { right: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .from-left .cd-panel-container { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .is-visible .cd-panel-container { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } @media only screen and (min-width: 768px) { .cd-panel-container { width: 70%; } } @media only screen and (min-width: 1170px) { .cd-panel-container { width: 50%; } } .cd-panel-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 70px 5%; overflow: auto; /* smooth scrolling on touch devices */ -webkit-overflow-scrolling: touch; } .cd-panel-content p { font-size: 14px; font-size: 0.875rem; color: #424f5c; line-height: 1.4; margin: 2em 0; } .cd-panel-content p:first-of-type { margin-top: 0; } @media only screen and (min-width: 768px) { .cd-panel-content p { font-size: 16px; font-size: 1rem; line-height: 1.6; } } /* Disclaimer block */ .container.disclaimer_block {padding:75px 0;} .disclaimer_block article h3 {color:#646464;font-size:2em;line-height:32px;margin-bottom:10px;} .disclaimer_block article p {color:#646464;font-size:1.6em;line-height:24px;} .disclaimer_block article {margin:0 auto;padding:0 10%;} /* News block */ .container.news_block {padding:75px 0;} .news_block article h3 {color:#646464;font-size:2.6em;line-height:38px;margin-bottom:40px;padding:0 20px;text-align:center;font-weight:500;} .news_block article p {color:#646464;font-size:1.6em;line-height:24px;} .news_block article {margin:0 auto;padding:0 10%;} .news_block .center {margin:0 auto;text-align: center;display: block;} .news_slider{text-align:center;width: 560px;margin: 0 auto 30px;} .news_block em.caption {color:#999;margin-top:15px;display:block;text-align:center;} /* Get Involved block */ .container.getinvolved_block {padding:75px 0;} .getinvolved_block h2 {color:#646464;font-size:8em;} .container.getinvolved_block h2 + p {font-size:2.7em;line-height:36px;} .getinvolved_block ul {margin-top:35px;} .getinvolved_block p {font-size:1.8em;line-height:28px;margin:0 5%;text-align:center;} .getinvolved_block a {-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .getinvolved_block article p strong {font-size:1.4em;line-height:32px;text-align:center;} .getinvolved_block article p {font-size:1.6em;line-height:24px;text-align:center;margin:10px auto 20px;max-width:600px;} .getinvolved_block em { font-size: .6em;line-height: 16px;margin-top: 10px;display: block;color: #999;} /* Solutions detail */ .solutions_detail article {float:left;width:66%;padding:30px 0;} .solutions_detail h2 {font-size:8em;text-align:left;} .solutions_detail h2 span {margin:-10px 25px 0 0;background: url(../images/icons/solutions_icons_big.png) -80px -800px no-repeat;background-size: 160px;} .solutions_detail p {font-size:1.8em;line-height:30px;} .solutions_detail header h2 + p, .solutions_detail header p {font-size:2.4em;line-height:36px;text-align:left;} .solutions_detail p span {font-family:'Gotham SSm A', 'Gotham SSm B';font-weight:700;} .solutions_detail a {-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .solutions_detail .sol_det_slider {float:right;width:350px;margin:0 0 25px 25px;} .solutions_detail .bx-viewport {height: 285px!important;width: 300px!important;max-width: 100%;} .solutions_detail .sol_det_slider li {background-size:cover;background-position:center;font-size:0;line-height:0;height: 285px!important;width:300px!important;} .solutions_detail .sol_det_slider li img {border:3px solid #dedede;} .solutions_detail article ul {margin-left:30px;} .solutions_detail article ul li {list-style:disc;color:#3d3d3d;font-size:1.8em;line-height:28px;} .sol_det_slider .bx-pager, .news_slider .bx-pager {text-align:center;padding-top:13px;} .sol_det_slider .bx-pager .bx-pager-item, .news_slider .bx-pager .bx-pager-item{display:inline-block;zoom:1;*display:inline;padding:0 5px;font-size:0;line-height:0;} .sol_det_slider .bx-pager .bx-pager-item .bx-pager-link, .sol_det_slider .bx-pager .bx-pager-item .bx-pager-link:visited, .news_slider .bx-pager .bx-pager-item .bx-pager-link,.news_slider .bx-pager .bx-pager-item .bx-pager-link:visited{display:block;width:11px;height:11px;background:#cacaca;border-radius:50%;} .sol_det_slider .bx-pager .bx-pager-item .bx-pager-link:hover, .sol_det_slider .bx-pager .bx-pager-item .active, .sol_det_slider .bx-pager .bx-pager-item .active:visited,.news_slider .bx-pager .bx-pager-item .bx-pager-link:hover, .news_slider .bx-pager .bx-pager-item .active, .news_slider .bx-pager .bx-pager-item .active:visited {background:#6f6f6f;} .solutions_detail aside {float:right;width:25%;padding:30px 0;} .solutions_detail aside .button {float:none;min-height:63px;font:30px/63px 'Gotham SSm A', 'Gotham SSm B';font-weight:700;} .solutions_detail aside h3 {font:3.2em 'Knockout 47 A', 'Knockout 47 B';padding:20px 0 10px 0;} .solutions_detail aside .available_list {margin-bottom:50px;} .solutions_detail aside .available_list li {font:1.8em/30px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;} .solutions_detail aside .available_list li a {display: block; padding-left: 26px; background-repeat: no-repeat;background-position: top 8px left;} .solutions_detail aside .available_list li.central-office a{color:#6e9d2f; background-image: url(/images/icons/heart_central.png);} .solutions_detail aside .available_list li.prevention a{color:#ec1092; background-image: url(/images/icons/heart_harm.png);} .solutions_detail aside .available_list li.harm-reduction-center a{color:#703998; background-image: url(/images/icons/heart_prevention.png);} .solutions_detail aside .more_list {padding:5px 0;} .solutions_detail aside .more_list li {color:#666;font-size:1.5em;line-height:22px;border-bottom:1px solid #e6e6e6;padding-bottom:22px;margin-bottom:22px;} .solutions_detail aside .more_list li:last-child {border-bottom:none;padding-bottom:0;margin-bottom:0;} .solutions_detail aside .more_list li:after {content:'';display:block;height:0;clear:both;} .solutions_detail aside .more_list li p { font-size: 1em; line-height: 22px;} .solutions_detail aside .more_list li p strong {color:#000;font-family:'Gotham SSm A', 'Gotham SSm B';font-weight:500;} .solutions_detail aside .more_list li em {font-size:12px;line-height:16px;margin-top:10px;display:block;color:#999;} .solutions_detail aside .more_list li img {float:right;border:3px solid #dedede;margin:0 0 10px 10px;} .solutions_detail .pager {clear:both;border-top:1px solid #c9c9c9;padding:25px 0 10px 0;} .solutions_detail .pager ul li {width:33.33%;float:left;font:1.8em 'Gotham SSm A', 'Gotham SSm B';font-weight:500;} .solutions_detail .pager ul li a {-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .solutions_detail .pager ul li a:hover {color:#f37827;} .solutions_detail .pager ul li:first-child a {background:url(../images/icons/arrow_prev.png) left center no-repeat;padding:5px 0 5px 23px;} .solutions_detail .pager ul li:nth-child(2) {text-align:center;} .solutions_detail .pager ul li:nth-child(2) a, .solutions_detail .pager ul li:nth-child(2) a:visited {color:#999;background:url(../images/icons/grid.png) left center no-repeat;padding:5px 0 5px 40px;} .solutions_detail .pager ul li:nth-child(2) a:hover {color:#000;} .solutions_detail .pager ul li:nth-child(3) {text-align:right;} .solutions_detail .pager ul li:nth-child(3) a {background:url(../images/icons/arrow_next.png) right center no-repeat;padding:5px 23px 5px 0;} /* Solutions Banners */ .prevention-banner {background:url(/images/solutions/banners/prevention.jpg) no-repeat top;padding-top:520px;background-size:100%;} .health-center-banner {background:url(/images/solutions/banners/healthcenter.jpg) no-repeat top;padding-top:520px;background-size:100%;} .evers-pharmacy-banner {background:url(/images/solutions/banners/pharmacy.jpg) no-repeat top;padding-top:520px;background-size:100%;} .syringe-access-banner {background:url(/images/solutions/banners/syringe.jpg) no-repeat top;padding-top:520px;background-size:100%;} .food-and-nutrition-banner {background:url(/images/solutions/banners/foodnutrition.jpg) no-repeat top;padding-top:520px;background-size:100%;} .advocacy-and-community-relations-banner {background:url(/images/solutions/banners/advocacy.jpg) no-repeat top;padding-top:520px;background-size:100%;} /* News block */ .news_block h2 {font-size:9em;margin-bottom:20px;} .news_block h6 {font-size:3.2em;text-align:left;} /* Internal news */ .internal_news {float:left;width:47%;padding:0 3% 0 0;border-right:2px solid #e5e5e5;} .internal_news h6 {color:#662c91;padding-bottom:30px;} .internal_news .news_list li {float:left;width:100%;padding:30px 0;border-bottom:1px solid #e5e5e5;} .internal_news .news_list li figure img {float:left;margin:0 27px 0 0;} .internal_news .news_list li figure figcaption p {font-family: 'Gotham', sans-serif;font-size:1.8em;padding:0 0 8px 0;} .internal_news .news_list li figure figcaption p a, .internal_news .news_list li figure figcaption p a:visited {color:#734595;} .internal_news .news_list li figure figcaption p a:hover {color:#e99b27;} .internal_news .news_list li figure figcaption p:first-child {font-family: "Gotham SSm A", "Gotham SSm B";font-size:1.2em;color:#999;} .internal_news .news_list li:first-child {padding-top:0;} .internal_news .news_list li:first-child figure img {float:none;margin:0 0 35px 0;} .internal_news .news_list li:first-child figure figcaption p {font-size:2.4em;} .internal_news .news_list li:first-child figure figcaption p:first-child {font-size:1.4em;} .internal_news .pager {margin-top:30px;float:left;} .internal_news .pager li {float:left;color:#999;font-size:2em;padding:5px 15px;border-left:1px solid #ddd;} .internal_news .pager li:last-child {padding-right:0;} .internal_news .pager li:first-child {padding-left:0;border-left:none;} .internal_news .pager li a, .internal_news .pager li a:visited {color:#703998;} .internal_news .pager li a:hover {color:#e79419;} .internal_news .pager li.dots, .internal_news .pager li.dots + li {border:none;padding-left:0;} .internal_news .pager li:last-child a {padding-right:25px;background:url(../images/icons/arrow_right_gray.png) right center no-repeat;} .internal_news .pager + p {float:right;font-size:1.4em;padding:41px 0 0 10px;} .internal_news .pager + p a, .internal_news .pager + p a:visited {padding:3px 32px 0 0;background:url(../images/icons/rss.png) right top no-repeat;color:#703998;} .internal_news .pager + p a:hover {color:#e79419;} /* Social news */ .social_news {float:right;width:47%;} .social_news .press {padding-bottom:45px;border-bottom:1px solid #e5e5e5;margin-bottom:30px;} .social_news .press h6 {color:#93ca4a;} .social_news .press h6 select {margin-left:20px;vertical-align:middle;} .social_news .press ul {display:none;} .social_news .press ul.active {display:block;} .social_news .press ul li {padding:0 60px 30px 0;} .social_news .press ul li p {padding:0;color:#999;font-size:1.6em;} .social_news .press ul li p:first-child {font-size:1.2em;margin-bottom:4px;} .social_news .press ul li p a, .social_news .press ul li p a:visited {color:#73a72e;padding-right:20px;background:url(../images/icons/new_window.png) right center no-repeat;-webkit-transition: color .1s ease-out;-moz-transition: color .1s ease-out;-o-transition: color .1s ease-out;transition: color .1s ease-out;} .internal_news .news_list a:hover, .social_news .press ul li p a:hover {color:#e99b27;} .scroll_block {height:480px;overflow:hidden;} .scrollable {position: relative;} .scrollable:focus {outline: 0;} .scrollable .viewport {position: relative;overflow: hidden;} .scrollable .viewport .overview {position: absolute;} .scrollable .scroll-bar {display: none;} .scrollable .scroll-bar.vertical {z-index:1000;position:absolute;right:0;height:100%;width:10px;background:#f2f2f2;border-radius:5px;} .scrollable .scroll-bar.horizontal {position: relative;width: 100%;height:10px;background:#f2f2f2;border-radius: 5px;} .scrollable .scroll-bar .thumb {position: absolute;} .scrollable .scroll-bar.vertical .thumb {width: 100%;min-height: 10px;background:#cacaca;border-radius: 5px;} .scrollable .scroll-bar.horizontal .thumb {height: 100%;min-width: 10px;left: 0;background:#cacaca;border-radius: 5px;} .not-selectable {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;} .social_news .twitter {float:left;width:50%;padding-bottom:20px;} .social_news .twitter h6 {color:#08a7e4;} .social_news .twitter #twitter-feed {min-height:500px;} .social_news .twitter .twitter-text p {padding:0 0 30px 0;} .social_news .twitter .twitter-text p .tweet-time {font-size:1.2em;color:#999;text-transform:uppercase;} .social_news .twitter .twitter-text p a, .social_news .twitter .twitter-text p a:visited {color:#08a7e4;font-size:1.4em;} .social_news .twitter .twitter-text p a:hover {color:#e99b27;} .social_news .facebook {float:right;width:45%;padding-bottom:20px; height: 554px;} .social_news .facebook h6 {color:#08a7e4;} .social_news .facebook .fb-like-box {min-height:500px;} .social_news .facebook + p {font-size:1.4em;clear:both;padding-top:35px;border-top:1px solid #e5e5e5;} .social_news .facebook + p a, .social_news .facebook + p a:visited {padding-left:27px;color:#39b3e7;background:url(../images/icons/twitter.png) left center no-repeat;} .social_news .facebook + p a:hover {color:#e99b27;} /* News article block */ .news_article_block .wrapper > p {text-align:center;padding-bottom:60px;} .news_article_block .wrapper > h2 {color:#646464;font-family: 'Gotham', sans-serif;font-size: 3.6em;text-transform:none;padding:0 60px 60px 60px;} .news_article_block #single {padding-bottom:20px;} .news_article_block .inner_content {max-width:800px;margin:0 auto;color:#646464;} .news_article_block .inner_content header {padding:20px 0;margin-bottom:25px;border-bottom:1px solid #e5e5e5;} .news_article_block .inner_content header div {float:left;font-size:1.4em;width:50%;} .news_article_block .inner_content header span {color:#cccccc;} .news_article_block .inner_content header ul {float:right;margin:0;} .news_article_block .inner_content header ul li {float:left;padding:0 0 0 30px;background:none;} .news_article_block .inner_content header ul li:nth-child(2) {padding-left:0px;} .news_article_block .inner_content p a {border-bottom: 1px solid #d7e8ef;} .news_article_block .inner_content p a:hover {border-bottom: 1px solid #f8e1d2;} .news_article_block .inner_content > p, .news_article_block .inner_content > ul li {font-size:1.8em;line-height:28px;} .news_article_block .inner_content blockquote {border-left:4px solid #e8e8e8;padding-left:15px;margin-bottom:25px;} .news_article_block .inner_content blockquote {border-left:4px solid #e8e8e8;padding-left:15px;margin-bottom:25px;} .news_article_block .inner_content blockquote p {color:#f37827;font:3.6em/1em 'Knockout 28 A', 'Knockout 28 B';padding:0;} .news_article_block .inner_content blockquote p:last-child {color:#999;font:1.3em 'Gotham SSm A';padding-top:10px;} .news_article_block .inner_content blockquote p:last-child span {font-weight:500;} .news_article_block .inner_content .float_right {margin-left:25px;float:right;width:260px;} .news_article_block .inner_content .float_left {margin-right:35px;float:left;width:300px;} .news_article_block .inner_content h3 {color:#333;font-size:2.4em;padding-bottom:15px;} .news_article_block .inner_content figure {margin-bottom:25px;} .news_article_block .inner_content figure figcaption {color:#999;font-size:1.3em;padding-top:15px;} .news_article_block .inner_content ul {margin-bottom:15px;} .news_article_block .inner_content ul li {padding:0 0 10px 40px;background:url(../images/icons/dot.png) 15px 12px no-repeat;} .news_article_block .inner_content .news_list {margin:0;border-top:1px solid #e5e5e5;} .news_article_block .inner_content .news_list li {float:left;width:100%;padding:22px 0;border-bottom:1px solid #e5e5e5;background:none;} .news_article_block .inner_content .news_list li figure img {float:left;margin:0 27px 0 0;} .news_article_block .inner_content .news_list li figure figcaption p {font:18px 'Gotham SSm A';padding:0 0 8px 0;} .news_article_block .inner_content .news_list li figure figcaption p a, .internal_news .news_list li figure figcaption p a {color:#734595;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out;border:0;} .news_article_block .inner_content .news_list li figure figcaption p a.external_link, .internal_news .news_list li figure figcaption p a.external_link {padding-right: 20px;background: url(../images/icons/new_window.png) right center no-repeat;} .news_article_block .inner_content .news_list li figure figcaption p a:hover, .internal_news .news_list li figure figcaption p a:hover {color:#e99b27;} .news_article_block .inner_content .news_list li figure figcaption p:first-child {font:bold 12px 'Gotham SSm A';color:#999;border:0;} .news_article_block .inner_content .pager {clear:both;padding-top:30px;} .news_article_block .inner_content .pager p {color:#8c8c8c;font-size:1.2em;line-height:20px;padding:0;} .news_article_block .inner_content .pager p:first-child {font:1.8em 'Gotham SSm A', 'Gotham SSm B';font-weight:500;padding-bottom:50px;} .news_article_block .inner_content .pager p a:first-child {background:url(../images/icons/arrow_prev.png) left center no-repeat;padding-left:23px;float:left;} .news_article_block .inner_content .pager p a:nth-child(2) {background:url(../images/icons/arrow_next.png) right center no-repeat;padding-right:23px;float:right;} .news_article_block .inner_content .pager p a {-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;border:0;} .news_article_block .inner_content .pager p a:hover {color:#f37827;border:0;} .news_article_block .inner_content .thumb_slider_wrap {padding:0 0 60px 0;font-size:0;line-height:0;} .news_article_block .inner_content .thumb_slider_wrap ul {margin:0;} .news_article_block .inner_content .thumb_slider_wrap ul li {padding:0;background:none;} .news_article_block .inner_content .thumb_slider_wrap ul li .resize {position:absolute;bottom:17px;right:17px;display:block;width:32px;height:32px;background:url(../images/icons/resize.png) no-repeat;} .news_article_block .inner_content .thumb_slider_wrap #thumb-pager {background:#f1f1f1;padding:15px 10px;height:80px;position:relative;} .news_article_block .inner_content .thumb_slider_wrap #thumb-pager .overview {white-space:nowrap;} .news_article_block .inner_content .thumb_slider_wrap #thumb-pager img {border:3px solid #fff;margin:0 5px;} .news_article_block .inner_content .thumb_slider_wrap #thumb-pager .active img {border-color:#ff9800;} /* Funders block */ .funders_block ul li img {vertical-align:middle;} .funders_block ul li:nth-child(5n) {border-right:0;} .funders_block ul li:last-child, .funders_block ul li:nth-last-child(2), .funders_block ul li:nth-last-child(3), .funders_block ul li:nth-last-child(4), .funders_block ul li:nth-last-child(5) {border-bottom:0;} /* Blog block */ .blog_block .left {float:left;} .blog_block h1 {text-align:left;display:inline-block;vertical-align:top;zoom:1;*display:inline;} .blog_block .browse_list {display:inline-block;vertical-align:top;zoom:1;*display:inline;padding:0 0 0 30px;} .blog_block .browse_list li {display:inline;font:italic 300 1.8em/9em 'Gotham SSm A', 'Gotham SSm B';padding-left:10px;} .blog_block .browse_list li:first-child {font-style:normal;font-weight:500;} .blog_block .browse_list li .close, .blog_block .browse_list li .close:visited {display:inline-block;vertical-align:middle;zoom:1;*display:inline;font-size:0;line-height:0;width:14px;height:14px;background:url(../images/icons/close2.png) no-repeat;margin-left:3px;} .blog_block .browse_list li .close:hover {background-image:url(../images/icons/close3.png);} .blog_block .year_tag {float:right;padding:50px 0 30px 0;} .blog_block .year_tag > ul > li {padding:0 0 0 20px;float:left;position:relative;z-index:3;} .blog_block .year_tag > ul > li > span {border:1px solid #c4c4c4;border-radius:4px;display:inline-block;vertical-align:top;zoom:1;*display:inline;min-width:50px;height:33px;padding:0 20px 0 10px;font-size:1.3em;line-height:33px;color:#989898;background:#fff url(../images/icons/arrow_down8.png) 60px center no-repeat;cursor:pointer;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .blog_block .year_tag > ul > li > span:hover {border-color:#908e8e;} .blog_block .year_tag > ul > li > div {display:none;position:absolute;top:100%;right:0;margin-top:20px;z-index:2;border:1px solid #c4c4c4;border-radius:4px;background:#fff;font-size:1.6em;padding:15px;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .blog_block .year_tag > ul > li > div:hover {border-color:#908e8e;} .blog_block .year_tag > ul > li > div.active {display:block;} .blog_block .year_tag > ul > li > div ul {height:120px;overflow:hidden;width:75px;} .blog_block .year_tag > ul > li:nth-child(2) > div ul {width:215px;} .blog_block .year_tag > ul > li > div ul li {color:#999;} .blog_block .year_tag > ul > li > div ul li a, .blog_block .year_tag > ul > li > div ul li a:visited {padding:0 15px 15px 0;display:block;color:#3d3d3d;} .blog_block .year_tag > ul > li > div ul li a:hover, .blog_block .year_tag > ul > li > div ul li:hover a, .blog_block .year_tag > ul > li > div ul li:hover a:visited {color:#f37320;} .blog_block .year_tag > ul > li > div ul li a span, .blog_block .year_tag > ul > li > div ul li a span:visited {color:#999;} .blog_block .year_tag > ul > li > div ul li a:hover span, .blog_block .year_tag > ul > li > div ul li:hover a span, .blog_block .year_tag > ul > li > div ul li:hover a:visited span {color:#ffb382;} .blog_block .blog_list {float:left;width:100%;border-bottom:1px solid #e5e5e5;margin-top:-30px;} .blog_block .blog_list li {float:left;width:31%;max-width:370px;margin:0 1.75% 40px 1.75%;color:#666;position:relative;} .blog_block .blog_list li:before {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:292px;background:url(../images/blog_shadow.png) no-repeat;} .blog_block .blog_list li.overlay:after {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;} .blog_block .blog_list li.purple_overlay:after {background:rgba(58,33,55,.7);} .blog_block .blog_list li.purple_overlay:hover:after {background:rgba(58,33,55,.5);} .blog_block .blog_list li.green_overlay:after {background:rgba(49,56,39,.7);} .blog_block .blog_list li.green_overlay:hover:after {background:rgba(49,56,39,.5);} .blog_block .blog_list li.blue_overlay:after {background:rgba(61,56,84,.7);} .blog_block .blog_list li.blue_overlay:hover:after {background:rgba(61,56,84,.5);} .blog_block .blog_list li.orange_overlay:after {background:rgba(37,27,12,.7);} .blog_block .blog_list li.orange_overlay:hover:after {background:rgba(37,27,12,.5);} .blog_block .blog_list li.dark_green_overlay:after {background:rgba(24,36,36,.7);} .blog_block .blog_list li.dark_green_overlay:hover:after {background:rgba(24,36,36,.5);} .blog_block .blog_list li.red_overlay:after {background:rgba(68,38,56,.7);} .blog_block .blog_list li.red_overlay:hover:after {background:rgba(68,38,56,.5);} .blog_block .blog_list li .item_link {position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:2;} .blog_block .blog_list li:nth-child(3n) {margin-right:0;float:right;} .blog_block .blog_list li:nth-child(3n+1) {margin-left:0;clear:both;} .blog_block .blog_list li figcaption > p {position:absolute;top:33px;left:33px;font-size:1.2em;color:#fff;text-transform:uppercase;z-index:1;} .blog_block .blog_list li figcaption > div {position:absolute;bottom:33px;left:33px;z-index:1;} .blog_block .blog_list li figcaption > div p {padding:0 33px 0 0;font-size:1.4em;} .blog_block .blog_list li figcaption > div p a, .blog_block .blog_list li figcaption > div p a:visited {color:#eb008b;} .blog_block .blog_list li:nth-child(2) figcaption > div p a, .blog_block .blog_list li:nth-child(2) figcaption > div p a:visited {color:#93ca4a;} .blog_block .blog_list li:nth-child(3) figcaption > div p a, .blog_block .blog_list li:nth-child(3) figcaption > div p a:visited {color:#08a7e4;} .blog_block .blog_list li:nth-child(4) figcaption > div p a, .blog_block .blog_list li:nth-child(4) figcaption > div p a:visited {color:#e79419;} .blog_block .blog_list li:nth-child(5) figcaption > div p a, .blog_block .blog_list li:nth-child(5) figcaption > div p a:visited {color:#109996;} .blog_block .blog_list li:nth-child(6) figcaption > div p a, .blog_block .blog_list li:nth-child(6) figcaption > div p a:visited {color:#bb5eff;} .blog_block .blog_list li figcaption > div p:first-child {font-size:2.6em;color:#fff;padding-bottom:13px;} .blog_block .blog_list li figcaption > div p:first-child a, .blog_block .blog_list li figcaption > div p:first-child a:visited {color:#fff;} .blog_block .pager {margin-top:20px;float:left;} .blog_block .pager li {float:left;color:#999;font-size:2em;padding:5px 15px;border-left:1px solid #ddd;} .blog_block .pager li:last-child {padding-right:0;} .blog_block .pager li:first-child {padding-left:0;border-left:none;} .blog_block .pager li a, .blog_block .pager li a:visited {color:#08a7e4;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .blog_block .pager li a:hover {color:#f37320;} .blog_block .pager li.dots, .blog_block .pager li.dots + li {border:none;padding-left:0;} .blog_block .pager li:last-child a {padding-right:25px;background:url(../images/icons/arrow_right_gray.png) right center no-repeat;} .blog_block .pager + p {float:right;font-size:1.4em;padding:31px 0 0 10px;} .blog_block .pager + p a, .blog_block .pager + p a:visited {padding:3px 32px 0 0;background:url(../images/icons/rss2.png) right top no-repeat;color:#08a7e4;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .blog_block .pager + p a:hover {color:#f37320;background-image:url(../images/icons/rss3.png);} /* Finances block */ .finances_block h2 {color:#646464;font-size:8em;} .finances_block .finances_list {border-bottom:1px solid #d7d7d7;padding-bottom:70px;margin-bottom:70px;} .finances_block .finances_list li {border:1px solid #d7d7d7;float:left;border-radius:3px;width:31%;margin:30px 3.1% 0 0;min-height:280px;} .finances_block .finances_list li:last-child {margin-right:0;} .finances_block .finances_list li h4 {background:#f1f1f1;color:#646464;font:3em 'Knockout 47 A', 'Knockout 47 B';text-transform:uppercase;padding:12px 30px;} .finances_block .finances_list li p {padding:12px 30px;font-size:1.6em;color:#646464;} .finances_block .finances_list li p:nth-child(3) {line-height:1.3em;} .finances_block .finances_list li h4 + p {color:#acacac;font-size:3em;} .finances_block .finances_list li h4 + p span {color:#00a4e3;font-size:60px;} .finances_block .chart_block {border-bottom:1px solid #d7d7d7;padding-bottom:70px;margin-bottom:70px;} .finances_block .chart_block > ul > li {float:left;width:50%;} .finances_block .chart_block > ul > li > div {height:500px;} .finances_block .chart_block > ul > li h3 {color:#646464;font:4.8em 'Knockout 47 A', 'Knockout 47 B';text-transform:uppercase;text-align:center;margin-bottom:-50px;position:relative;z-index:10;} .finances_block .chart_block > ul > li > ul {margin-top:-35px;} .finances_block .chart_block > ul > li > ul > li {font-size:1.6em;position:relative;margin:0 15% 3px 15%;color:#646464;padding-right:105px;} .finances_block .chart_block > ul > li > ul > li span {position:absolute;top:0;right:0;text-align:left;display:block;width:105px;} .finances_block .chart_block > ul > li > ul > li:last-child {font-weight:bold;border-top:1px dotted #d7d7d7;margin-top:10px;padding-top:12px;} .finances_block .chart_block > ul > li > ul > li:last-child span {top:12px;} .finances_block .finances_desc {float:left;width:64%;} .finances_block .finances_desc h3, .finances_block .finances_downloads h3 {color:#646464;font:3.2em 'Knockout 47 A', 'Knockout 47 B';text-transform:uppercase;padding-bottom:20px;} .finances_block .finances_desc p {color:#646464;font-size:1.8em;line-height:26px;} .finances_block .finances_downloads {float:right;width:32%;} .finances_block .finances_downloads ul li {font-size:1.4em;padding:0 0 15px 30px;background:url(../images/icons/download.gif) 0 0 no-repeat;} /* Campaign form */ .campaign_form {background:#730000 url(../images/demo/campaign.jpg) center top no-repeat;border-top:2px solid #000;min-height:550px;margin-top:-4px;} .campaign_form .wrapper {min-height:550px;} .campaign_form .wrapper > p {font:600 17em/145px 'Gotham SSm A', 'Gotham SSm B';color:#fff;letter-spacing:-10px;padding-top:60px;} .campaign_form form {position:absolute;top:0;right:0;width:340px;padding:0 30px;height:100%;background:#000;background:rgba(0,0,0,.5);text-align:center;color:#fff;} .campaign_form form p {font-size:1.6em;margin-bottom:30px;} .campaign_form form p:first-child {font-size:2.4em;font-weight:bold;text-transform:uppercase;border-bottom:2px solid #fff;padding:70px 0 12px 0;} .campaign_form form ul li {font-size:1.4em;padding:0 0 10px 0;} .campaign_form form ul li input[type="text"] {border:2px solid #fff;width:100%;height:46px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;background:rgba(0,0,0,.2);color:#fff;font:20px 'SentinelMediumItalic';} .campaign_form form ul li input[type="submit"] {margin:10px 0;background:#00b9cf;border:none;border-radius:0;width:100%;min-height:50px;font:600 24px/50px 'Gotham SSm A', 'Gotham SSm B';color:#fff;display:block;text-align:center;text-transform:uppercase;} .campaign_form form ul li input[type="submit"]:hover {color:#fff;background:#0a99aa;} .campaign_form img {width:739px;padding-top:420px;} /* Campaign desk */ .campaign_desk {padding:65px 0;} .campaign_desk p {font:3.2em/44px 'SentinelLight';color:#3d3d3d;} .campaign_desk p span {font-family:'SentinelLightItalic';color:#bf0000;} .campaign_desk em {color:#bf0000;} .campaign_footnote{ margin-top:20px; } .campaign_footnote p{ color: #8C8C8C; font-size: 1.2em; line-height: 20px; padding: 0; } /* Campaign stats */ .campaign_stats {background:#f1f1f1;padding:55px 0;} .campaign_stats ul {font-size:0;line-height:0;text-align:center;} .campaign_stats ul li {display:inline-block;vertical-align:middle;zoom:1;*display:inline;width:30%;padding:10px 1.5%;font-size:14px;line-height:18px;} .campaign_stats ul li img {margin-bottom:20px;} .campaign_stats ul li p {padding:0 20px;} /* Campaign bottom */ .campaign_bottom {padding:75px 0;} .campaign_bottom h4 {color:#00a3b6;font:2.4em 'SentinelMediumItalic';border-bottom:2px solid #e1e1e1;padding-bottom:15px;margin-bottom:20px;} /* About */ .campaign_bottom .about {float:left;width:30%;margin-right:5%;} .campaign_bottom .about p {color:#5a5a5a;font-size:1.6em;line-height:22px;padding-bottom:20px;} /* Upcoming meetings */ .campaign_bottom .upcoming_meetings {float:left;width:30%;} .campaign_bottom .upcoming_meetings ul li {clear:both;} .campaign_bottom .upcoming_meetings ul li figure img {float:left;margin:0 20px 35px 0;} .campaign_bottom .upcoming_meetings ul li figure figcaption {float:left;margin:0 0 35px 0;max-width:250px;} .campaign_bottom .upcoming_meetings ul li figure figcaption p {color:#4f4f4f;font:1.4em 'SentinelBook';} .campaign_bottom .upcoming_meetings ul li figure figcaption p a {color:#bf0000;font:14px/20px 'Gotham SSm A', 'Gotham SSm B';} /* Share list */ .campaign_bottom .share_list {float:right;width:30%;padding-bottom:85px;} .campaign_bottom .share_list ul li {float:left;width:30%;margin:0 5% 5% 0;} .campaign_bottom .share_list ul li:last-child {margin-right:0;} .campaign_bottom .share_list ul li a {background:#e8e8e8;display:block;line-height:64px;height:64px;text-align:center;} .campaign_bottom .share_list ul li img {vertical-align:middle;} /* Sponsors list */ .campaign_bottom .sponsors_list {float:right;width:30%;} .campaign_bottom .sponsors_list ul li {float:left;width:30%;margin:0 5% 6% 0;} .campaign_bottom .sponsors_list ul li:last-child {margin-right:0;} .campaign_bottom .sponsors_list p {color:#7f7f7f;font-size:1.2em;} /* Footer */ .footer {background:url(../images/demo/color_line.jpg) left top repeat-x;padding:45px 0;} .footer a {-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .footer a:hover {color:#f37827;} .footer .footer_desc {width:560px;float:right;} .footer .footer_desc ul {clear:both;} .footer .footer_desc ul li {float:left;font-size:1.3em;line-height:20px;width:50%;padding:0 0 25px 0;} .footer .footer_desc ul li span {font-family:'Gotham SSm A', 'Gotham SSm B';font-weight:500;color:#6e9d2f;font-size:16px;padding-bottom:10px;display:block;} .footer .footer_desc ul li:nth-child(2) span {color:#ec1092;} .footer .footer_desc ul li:nth-child(3) span {color:#703998;} .footer .footer_desc ul li:last-child span {color:#08a7e4;} .footer .footer_desc ul li .right {float:right;margin:5px 110px 0 0;} .footer .social_block {padding-bottom:20px;} .footer .social_block span {color:#333;font:5.4em 'Knockout 28 A', 'Knockout 28 B';float:left;} .footer .social_block ol {float:left;padding:20px 0 0 20px;} .footer .social_block ol li {float:left;padding:0 0 0 20px;} .footer .social_block ol li a {display:block;width:12px;height:25px;background:url(../images/icons/facebook.png) no-repeat;} .footer .social_block ol li a img {display:none;} .footer .social_block ol li a:hover {background-image:url(../images/icons/facebook3.png);} .footer .social_block ol li:nth-child(2) a {background-image:url(../images/icons/twitter2.png);width:31px;} .footer .social_block ol li:nth-child(2) a:hover {background-image:url(../images/icons/twitter4.png);} .footer .social_block ol li:nth-child(3) a {background-image:url(../images/icons/pinterest.png);width:25px;} .footer .social_block ol li:nth-child(3) a:hover {background-image:url(../images/icons/pinterest2.png);} .footer .social_block ol li:nth-child(4) a {background-image:url(../images/icons/youtube.png);width:20px;} .footer .social_block ol li:nth-child(4) a:hover {background-image:url(../images/icons/youtube2.png);} .footer .social_block ol li:nth-child(5) a {background-image:url(../images/icons/linkedin.png);width:25px;} .footer .social_block ol li:nth-child(5) a:hover {background-image:url(../images/icons/linkedin2.png);} .footer .social_block ol li.close {display:none;} .footer .footer_desc .newsletter_block {color:#333;padding-bottom:30px;} .footer .footer_desc .newsletter_block p {float:left;font-size:1.3em;padding-bottom:10px;} .footer .footer_desc .newsletter_block > p {width:25%;padding-top:3px;} .footer .footer_desc .newsletter_block p:first-child {font-family:'Gotham SSm A', 'Gotham SSm B';font-weight:500;letter-spacing:1px;} .footer .footer_desc .newsletter_block p input[type="text"] {border-radius:4px 0 0 4px;border:1px solid #cdcdcd;border-right:none;padding:0 15px;width:335px;height:40px;color:#828282;font:16px/20px 'Gotham SSm A', 'Gotham SSm B';font-weight:400;vertical-align:middle;background-color:#fff;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition:all .1s ease-out;} .footer .footer_desc .newsletter_block p input[type="text"]:focus {background-color:#fff;border-color:#00a4e3;color:#000;} .footer .footer_desc .newsletter_block p input[type="text"]:focus + input {border-color:#00a4e3;} .footer .footer_desc .newsletter_block p input[type="submit"] {border-radius:0 4px 4px 0;background:#d8d8d8 url(../images/icons/arrow_submit.png) center center no-repeat;border:1px solid #cdcdcd;border-left:none;width:45px;height:42px;padding:0;vertical-align:middle;font-size:0;line-height:0;text-indent:-999em;} /* Bottom menu */ .footer nav {float:left;width:540px;} .footer nav > ul > li {float:left;padding:0 35px 0 0;} .footer nav > ul > li:last-child {padding-right:0;} .footer nav > ul > li > ul > li {padding:0 0 9px 0;} .footer nav > ul > li > ul > li span {display:block;padding-bottom:10px;} .footer nav > ul > li > ul > li a {font-size:1.2em;color:#116a8d;} .footer nav > ul > li > ul > li span a {font:2.4em 'Knockout 28 A', 'Knockout 28 B';text-transform:uppercase;} /* Copyright */ .copyright {border-top:1px solid #dddddd;padding:45px 0;min-height:50px;} .copyright .wrapper:before {content:'';display:block;width:130px;height:49px;position:absolute;top:0;left:0;background:url(../images/logo_bottom.png) no-repeat;} .copyright p {font-size:1.2em;line-height:18px;color:#646464;padding:0 0 0 180px;float:left;} .copyright p span {font-family:'Gotham SSm A', 'Gotham SSm B';font-weight:500;} .copyright p a, .copyright p a:visited {color:#646464; -webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition:all .1s ease-out;} .copyright p a:hover {color:#f37827;} .copyright ul {float:right;} .copyright ul li {float:left;padding-left:40px;} .copyright ul li:nth-child(2) {padding-left:10px;} /* Media Queries */ @media only screen and (min-width: 960px) { .header .social_list, .header nav, .main_slider .bx-pager, .footer nav, .problems_desc article + aside {display:block;} } @media only screen and (min-width: 1200px) and (max-width: 1300px) { .wrapper {width:1120px;padding:0 40px;} .notification .close, .header .social_list {right:40px;} .header nav > ul > li {padding:22px 25px;} .main_slider figure figcaption .hearts {left:40px;} .main_slider figure figcaption .hearts p {font-size:50px;} .main_slider figure figcaption .hearts img {width:593px;} .main_slider figure figcaption .hearts p span {padding:0 80px;} .main_slider figure figcaption .desc {right:40px;width:490px;} .main_slider figure figcaption .desc p {font-size:15px;} .main_slider figure figcaption .desc p:first-child {font-size:90px;} .container h2 + p {font-size:2em;} .solutions_block .desc {width:400px;} .solutions_tabs {margin-right:40px;} .contact_block .contact_list > li:nth-child(2) {padding:0 4%;margin-left:4%;} .campaign_bottom .upcoming_meetings ul li figure figcaption {max-width:220px;} .footer nav > ul > li > ul > li a, .footer .footer_desc ul li, .footer .footer_desc .newsletter_block p {font-size:1.2em;} .copyright .wrapper:before {left:40px;} } @media only screen and (min-width: 959px) and (max-width: 1199px) { .wrapper {width:960px;padding:0 30px;} .button, .button_big {font-size:27px;line-height:46px;min-height:46px;padding:0 24px;} .button_bigger {font-size:31px;line-height:55px;min-height:55px;} .button_transparent {min-height:42px;line-height:42px;} .notification .close, .header .social_list {right:30px;} .header .logo {width:240px;} .header nav {width:620px;} .header nav > ul > li {padding:22px 15px;} .main_slider figure > img {height:500px;} .main_slider figure figcaption .hearts {left:30px;} .main_slider figure figcaption .hearts p {font-size:50px;} .main_slider figure figcaption .hearts img {width:593px;} .main_slider figure figcaption .hearts p span {padding:0 80px;} .main_slider figure figcaption .desc {right:30px;top:30px;width:350px;} .main_slider figure figcaption .desc p {font-size:14px;line-height:21px;} .main_slider figure figcaption .desc p:first-child {font-size:72px;line-height:72px;} .main_slider figure.slide2 figcaption {padding-top:100px;} .main_slider figure.slide2 > img {margin-left:-180px;} .main_slider .bx-pager {bottom:40px;} .container {padding:75px 0;} .container h1 {font-size:8em;} .container h2 {font-size:6em;} .container h2 + p {font-size:1.8em;line-height:25px;} .container h5 {font-size:3.2em;} .container h6 {font-size:3em;} .solutions_block {padding-top:120px;} .solutions_block .desc {width:350px;margin-top:0;} .solutions_tabs {width:487px;height:487px;margin:0 20px 0 0;} .solutions_tabs:before {width:472px;height:472px;top:8px;left:8px;} .solutions_tabs .tab_select li {position:absolute;top:-40px;left:205px;} .solutions_tabs .tab_select li:nth-child(2) {top:-10px;left:325px;} .solutions_tabs .tab_select li:nth-child(3) {top:75px;left:415px;} .solutions_tabs .tab_select li:nth-child(4) {top:195px;left:445px;} .solutions_tabs .tab_select li:nth-child(5) {top:320px;left:415px;} .solutions_tabs .tab_select li:nth-child(6) {top:420px;left:325px;} .solutions_tabs .tab_select li:nth-child(7) {top:445px;left:205px;} .solutions_tabs .tab_select li:nth-child(8) {top:420px;left:85px;} .solutions_tabs .tab_select li:nth-child(9) {top:320px;left:-5px;} .solutions_tabs .tab_select li:nth-child(10) {top:195px;left:-40px;} .solutions_tabs .tab_select li:nth-child(11) {top:75px;left:0;} .solutions_tabs .tab_select li:nth-child(12) {top:-10px;left:95px;} .solutions_tabs .tab_content:before {width:487px;height:487px;} .solutions_tabs .tab_content p {font-size:1.4em;} .prevention-banner, .health-center-banner, .evers-pharmacy-banner, .syringe-access-banner, .food-and-nutrition-banner, .advocacy-and-community-relations-banner {padding-top:420px;} .info_block ul li {padding-top:20px;} .info_block ul li p {font-size:1.4em;line-height:18px;} .events_news_block .wrapper > ul > li .news_list li figure img {max-width:100%;} .events_news_block .wrapper > ul > li .news_list li figure figcaption p {font-size:1.8em;} .events_news_block .wrapper > ul > li:first-child {padding-left:0;} .events_news_block .wrapper > ul > li:last-child {padding-right:0;} .contact_block #map {margin-bottom:50px;} .contact_block .wrapper > p {font-size:2.8em;} .contact_block .social_list {padding-bottom:50px;} .donate_block ul.step_1 {padding-left:0;} .donate_block ul.step_1 > li {padding:30px 0 50px 20px;} .donate_block ul.step_2 > li {padding-right:0;text-align:left;} .the_problems h1 {font-size:6em;} .the_problems ul {padding:50px 0;} .the_problems ul > li {font-size:4.8em;} .problems_details {min-height:1px;padding:230px 0 50px 0;} .problems_details div.clear {position:absolute;top:-180px;left:0;width:100%;z-index:1;} .problems_details ul {background:#f2f4f7 url(../images/select_line.png) repeat-x;border:1px solid #b7b8b8;padding:0 10px;height:33px;border-radius:4px;overflow:hidden;cursor:pointer;margin:0 30px;position:relative;-webkit-transition:height linear .4s;transition:height linear .4s;} .problems_details ul:before {content:'';display:block;width:100%;height:33px;position:absolute;top:0;left:0;background:url(../images/icons/arrow_select2.png) right 16px no-repeat;} .problems_details ul.active {height:340px;} .problems_details ul li {font:1.8em/33px 'Gotham SSm A', 'Gotham SSm B';font-weight:400;float:none;text-transform:none;padding:0;} .problems_details ul li:last-child {padding-right:0;} .problems_details ul li a, .problems_details ul li a:visited {color:#b7b7b7;padding-bottom:15px;display:block;} .problems_details ul li.active a, .problems_details ul li.active a:visited {color:#2e2e2e;background:none;} .problems_details ul li a:hover {color:#2e2e2e;} .problems_details h1 {font-size:12em;} .problems_details h1 + p {width:620px;font-size:2.4em;line-height:34px;} .problems_desc article {width:auto;float:none;} .problems_desc article + aside {display:none;} .problems_desc .access + aside {display:block;float:none;width:auto;padding-top:30px;} .problems_desc aside ul li:nth-child(2n) {padding-right:20px;} .container.about_block h2 + p {font-size:2em;line-height:32px;} .about_block article {float:left;width:500px;} .container.funders_block h2 + p {font-size:2em;line-height:32px;} .funders_block ul li {font-size:1.8em;line-height:28px;} .solutions_detail h2 {font-size:8em;} .news_block h2 {font-size:9.2em;text-align:left;padding-bottom:10px;} .internal_news {float:none;width:auto;padding:0 0 60px 0;border-right:none;} .social_news {float:none;width:auto;} .news_article_block .wrapper > h2 {padding:0 0 60px 0;} .blog_block .browse_list li {line-height:8em;} .blog_block .year_tag {padding-top:45px;} .finances_block .finances_list li {min-height:375px;} .footer nav {width:465px;} .footer nav > ul > li {padding-right:35px;} .footer nav > ul > li > ul > li a, .footer .footer_desc ul li, .footer .footer_desc .newsletter_block p {font-size:1.2em;} .footer nav > ul > li > ul > li span a {font-size:2.4em;} .footer nav > ul > li:last-child {clear:both;margin-top:-110px;} .footer .footer_desc {width:460px;} .footer .footer_desc ul li {font-size:1.3em;} .footer .footer_desc ul li span {font-size:15px;} .footer .footer_desc ul li span img {width:13px;} .footer .footer_desc ul li .right {margin-right:60px;} .footer .footer_desc .newsletter_block p {font-size:1.4em;} .footer .footer_desc .newsletter_block > p {width:30%;} .footer .footer_desc .newsletter_block p input[type="text"] {width:235px;} .copyright .wrapper:before {left:30px;} .copyright ul li {padding-left:10px;} .copyright ul li:nth-child(2) {padding-left:0;} .leadership_list {max-width:750px;margin:0 auto;} .leadership_list li {width:33%;max-width:230px;} .leadership_list li:nth-child(3n) {margin-right:0;} .leadership_list li:nth-child(4n) {margin-right:30px;} .campaign_form img {width:520px;padding-top:440px;} .campaign_form .wrapper > p {font-size:14em;} .campaign_desk {padding:50px 0;} .campaign_desk p {font-size:3em;line-height:45px;} .campaign_stats {padding:40px 0;} .campaign_bottom {padding:50px 0;} .campaign_bottom h4 {font-size:2em;} .campaign_bottom .about p {font-size:1.4em;line-height:20px;} .campaign_bottom .upcoming_meetings ul li figure figcaption {max-width:170px;} } @media only screen and (min-width: 768px) and (max-width: 959px) { body {background:#fff;} .wrapper {width:708px;padding:0 30px;} .mobile_tablet {display:block;} .header .social_list, .header nav, .main_slider .bx-pager {display:none;} .notification p {font-size:1.3em;} .notification .close {right:30px;} .menu_trigger {display:block;} .search_block input[type="text"] {font-size:95px;} .search_wrap .fancybox-close {top:40px;right:30px;} .header {padding:35px 0;} .header nav {left:-999em;top:-999em;position:absolute;} .header .search_donate {display:none;top:28px;right:92px;} .main_slider figure > img {height:500px;} .main_slider figure figcaption {padding-top:55px;} .main_slider figure figcaption .hearts {left:80px;} .main_slider figure figcaption .hearts p {font-size:50px;} .main_slider figure figcaption .hearts img {width:593px;} .main_slider figure figcaption .hearts p span {padding:0 80px;} .main_slider figure figcaption .desc {right:80px;top:230px;width:595px;} .main_slider figure figcaption .desc p {font-size:15px;line-height:22px;text-align:center;} .main_slider figure figcaption .desc p:first-child {font-size:72px;line-height:72px;} .main_slider figure figcaption .desc2 p {font:17px/24px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;color:#b9deeb;padding:20px 0 0 10px;} .main_slider figure figcaption .desc2 p:first-child {color:#fff;font:40px/40px 'Gotham SSm A', 'Gotham SSm B';font-weight:700;text-transform:uppercase;padding:0;} .main_slider figure figcaption .desc2 {position:absolute;top:60px;right:0;width:375px;} .main_slider figure.slide2 > img {margin-left:-180px;} .container {padding:75px 0;} .container h1 {font-size:7.2em;text-align:left;} .container h2 {font-size:6em;} .container h2 + p {font-size:1.8em;line-height:25px;} .container h5 {font-size:3.2em;} .container h6 {font-size:3em;} .main_banner p {font-size:1.7em;float:none;width:auto;} .main_banner p:nth-child(2) {float:none;text-align:center;padding-top:15px;width:auto;} .main_banner p:nth-child(2) .button {margin:0 10px;float:none;display:inline-block;vertical-align:middle;zoom:1;*display:inline;} .problems_block ul li {width:30%;} .solutions_block .desc {width:auto;float:none;margin:0 0 75px 0;} .solutions_tabs {float:none;margin:0 auto;} .solutions_block h2, .solutions_block h2 + p {text-align:center;padding-top:0;} .solutions_block p .button {float:none;margin:0 auto;width:190px;} .info_block ul li {padding-top:20px;} .info_block ul li p {font-size:1.3em;line-height:18px;padding:20px 0 0 0;} .events_news_block .wrapper > ul > li {width:100%;padding:20px 0;border-bottom:1px solid #e6e6e6;height:auto;} .events_news_block .wrapper > ul > li:last-child {float:right;} .events_news_block .wrapper > ul > li .news_list li figure img {max-width:100%;} .events_news_block .wrapper > ul > li .news_list li figure figcaption p {font-size:2em;} .events_news_block .wrapper > ul > li:first-child {padding-left:0;border-right:0;} .events_news_block .wrapper > ul > li:last-child {padding-right:0;border-left:0;} .events_news_block .wrapper > ul > li img {float:left;} .contact_block #map {margin-bottom:50px;} .contact_block .wrapper > p {font-size:2em;text-align:left;} .contact_block .social_list {text-align:left;padding-bottom:60px;} .contact_block .social_list li {padding:0 60px 0 0;} .contact_block .contact_list > li {float:none;width:auto;max-width:100%;border-bottom:1px solid #e6e6e6;padding:0 0 30px 0;margin:0 0 40px 0;} .contact_block .contact_list > li:nth-child(2) {border-left:none;border-right:none;padding:0 0 30px 0;margin:0 0 40px 0;} .contact_block .contact_list > li:nth-child(3) {float:none;border:none;margin:0;padding:0;} .contact_block .contact_list > li img {float:right;} .contact_block .contact_list > li ul {padding-top:0;margin-top:-20px;} .donate_block ul.step_1 {padding:25px 0 60px 50px;} .donate_block ul.step_1 > li {padding-bottom:0;} .donate_block ul.step_2 > li {padding-right:0;text-align:left;} .donate_block ul.step_2 > li label:first-child {text-align:left;padding:0 0 5px 0;display:block;width:auto;font-size:2em;} .donate_block + .info_block ul > li img {height:185px;} .the_problems h1 {font-size:6em;} .the_problems ul {padding:50px 0;} .the_problems ul > li {font-size:4.8em;} .problems_details {min-height:1px;padding:230px 0 50px 0;} .problems_details div.clear {position:absolute;top:-180px;left:0;width:100%;z-index:1;} .problems_details ul {background:#f2f4f7 url(../images/select_line.png) repeat-x;border:1px solid #b7b8b8;padding:0 10px;height:33px;border-radius:4px;overflow:hidden;cursor:pointer;margin:0 30px;position:relative;-webkit-transition:height linear .4s;transition:height linear .4s;} .problems_details ul:before {content:'';display:block;width:100%;height:33px;position:absolute;top:0;left:0;background:url(../images/icons/arrow_select2.png) right 16px no-repeat;} .problems_details ul.active {height:340px;} .problems_details ul li {font:1.8em/33px 'Gotham SSm A', 'Gotham SSm B';font-weight:400;float:none;text-transform:none;padding:0;} .problems_details ul li:last-child {padding-right:0;} .problems_details ul li a, .problems_details ul li a:visited {color:#b7b7b7;padding-bottom:15px;display:block;} .problems_details ul li.active a, .problems_details ul li.active a:visited {color:#2e2e2e;background:none;} .problems_details ul li a:hover {color:#2e2e2e;} .problems_details h1 {font-size:12em;} .problems_details h1 + p {width:420px;font-size:2.4em;line-height:34px;} .problems_desc article {width:auto;float:none;} .problems_desc article + aside {display:none;} .problems_desc .access + aside {display:block;float:none;width:auto;padding-top:30px;} .problems_desc aside ul li:nth-child(2n) {padding-right:20px;} .solution_list ul li {width:47.5%;margin:0 2.5% 40px 2.5%;} .solution_list ul li:nth-child(3n) {margin-right:2.5%;float:left;} .solution_list ul li:nth-child(3n+1) {margin-left:2.5%;clear:none;} .solution_list ul li:nth-child(2n) {margin-right:0;float:right;} .solution_list ul li:nth-child(2n+1) {margin-left:0;clear:both;} .container.about_block h2 + p {font-size:2em;line-height:32px;} .about_block article, .about_block aside {float:none;width:auto;} .container.funders_block h2 + p {font-size:2em;line-height:32px;} .funders_block ul li {font-size:1.8em;line-height:28px;} .news_block h1 {text-align: center;} .news_block article{padding:0;} .solutions_detail h2 {font-size:8em;} .solutions_detail article {float:none;width:auto;} .solutions_detail p, .solutions_detail article ul li {font-size:1.6em;line-height:25px;} .solutions_detail table td {font-size:1.4em;line-height:22px;} .solutions_detail table tr td:first-child {min-width: 150px;} .solutions_detail header h2 + p, .solutions_detail header p {font-size:1.8em;line-height:26px;} .solutions_detail aside {float:none;width:auto;padding-top:0;} .solutions_detail aside .left {float:left;width:47%;} .solutions_detail aside .right {float:right;width:47%;} .solutions_detail aside .right h3 {padding-top:0;} .solutions_detail .pager ul li {font-size:1.6em;} .prevention-banner, .health-center-banner, .evers-pharmacy-banner, .syringe-access-banner, .food-and-nutrition-banner, .advocacy-and-community-relations-banner {padding-top:320px;} .news_block h2 {font-size:9.2em;text-align:left;padding-bottom:10px;} .internal_news {float:none;width:auto;padding:0 0 60px 0;border-right:none;} .social_news {float:none;width:auto;} .news_article_block .wrapper > h2 {padding:0 0 60px 0;} .blog_block .browse_list li {line-height:7.2em;} .blog_block .year_tag {padding-top:35px;} .blog_block .blog_list li {width:47%;margin:0 0 40px 0;} .blog_block .blog_list li:nth-child(3n) {float:left;} .blog_block .blog_list li:nth-child(3n+1) {clear:none;} .blog_block .blog_list li:nth-child(2n) {float:right;} .blog_block .blog_list li:nth-child(2n+1) {clear:both;} .finances_block .finances_list li {margin:20px 3% 0 0;min-height:320px;} .finances_block .finances_list li h4 {padding:12px 20px;} .finances_block .finances_list li p {padding:12px 20px;font-size:1.5em;} .finances_block .finances_list li h4 + p {font-size:2em;} .finances_block .finances_list li h4 + p span {font-size:40px;letter-spacing:-3px;} .finances_block .chart_block > ul > li > div {height:400px;} .finances_block .chart_block > ul > li > ul > li {font-size:1.4em;margin:0 6% 8px 6%;} .footer nav {width:420px;} .footer nav > ul > li:last-child {clear:both;margin-top:-110px;} .footer .footer_desc {width:230px;float:right;} .footer .footer_desc ul li, .footer .footer_desc .newsletter_block p {font-size:1.4em;} .footer .social_block ol {clear:both;padding:30px 0 20px 0;} .footer .social_block ol li:first-child {padding-left:0;} .footer .footer_desc .newsletter_block > p {width:auto;} .footer .footer_desc .newsletter_block > p br {display:none;} .footer .footer_desc .newsletter_block p input[type="text"] {padding:0 10px;width:145px;height:34px;font-size:13px;line-height:34px;} .footer .footer_desc .newsletter_block p input[type="submit"] {width:42px;height:36px;} .footer .footer_desc ul li {float:none;width:auto;} .footer .footer_desc ul li span {font-size:15px;padding-bottom:4px;} .footer .footer_desc ul li .right {margin-right:65px;} .copyright .wrapper:before {left:30px;} .copyright p {padding:0 0 15px 0;float:right;text-align:right;} .copyright ul {clear:both;float:right;} .copyright ul li {padding-left:20px;} .copyright ul li:nth-child(2) {padding-left:0;} .leadership_block p {font-size: 1.8em !important;line-height: 25px !important;} .leadership_list_top {max-width:660px;} .leadership_list_top li {width:33%;max-width:200px; margin-left: 0;margin-right: 2%;} .leadership_list_top li:nth-child(3n) {margin-right:0;} .leadership_list_top li:nth-child(2) {margin-right: 2%;} .leadership_list_top li a div {height:275px;} .leadership_list_top li a {min-height:380px;} .campaign_form .wrapper > p {font-size:5em;line-height:50px;letter-spacing:0;padding:40px 0;} .campaign_form .wrapper > p br {display:none;} .campaign_form form {position:relative;width:auto;height:auto;} .campaign_form form p {font-size:1.7em;} .campaign_form form p:first-child {font-size:2em;padding-top:20px;} .campaign_form form ul li input[type="text"] {font-size:18px;} .campaign_form form ul li input[type="submit"] {min-height:40px;line-height:40px;font-size:20px;} .campaign_form img {width:100%;padding:60px 0 30px;} .campaign_desk {padding:50px 0;} .campaign_desk p {font-size:2.8em;line-height:40px;} .campaign_stats {padding:40px 0;} .campaign_stats ul li {width:97%;margin-bottom:30px;} .campaign_stats ul li:last-child {margin-bottom:0;} .campaign_bottom {padding:50px 0;} .campaign_bottom h4 {font-size:2em;} .campaign_bottom .about p {font-size:1.4em;line-height:20px;} .campaign_bottom .upcoming_meetings ul li figure img {float:none;margin:0 0 10px 0;} .campaign_bottom .upcoming_meetings ul li figure figcaption {float:none;} } @media only screen and (min-width: 480px) and (max-width: 767px) { body {background:#fff;} .wrapper {width:100%;padding:0 30px;} .mobile_tablet {display:block;} .header .social_list, .header nav, .main_slider .bx-pager, .footer nav, .solutions_tabs:before, .solutions_tabs .tab_content:before, .problems_desc aside {display:none;} .tablet_menu {right:-80%;width:80%;} .notification p {font-size:1.3em;} .notification .close {right:30px;} .menu_trigger {display:block;} .search_block input[type="text"] {font-size:65px;} .search_wrap .fancybox-close {top:10px;right:30px;} .header {padding:35px 0;} .header nav {left:-999em;top:-999em;position:absolute;} .header .search_donate {display:none;top:28px;right:92px;} .main_slider figure {height:500px;} .main_slider figure > img {height:500px;width:auto;max-width:1000%;position:absolute;top:0;left:-30%;} .main_slider figure figcaption {padding-top:55px;} .main_slider figure figcaption .hearts {left:40px;} .main_slider figure figcaption .hearts p {font-size:35px;top:30px;} .main_slider figure figcaption .hearts img {width:400px;} .main_slider figure figcaption .hearts p span {padding:0 55px;} .main_slider figure figcaption .desc {right:30px;top:160px;width:420px;} .main_slider figure figcaption .desc p {font-size:15px;line-height:22px;text-align:center;} .main_slider figure figcaption .desc p:first-child {font-size:72px;line-height:72px;} .main_slider figure figcaption .desc p:nth-child(2) {width:auto;float:none;} .main_slider figure figcaption .desc .button {width:140px;float:none;margin:40px auto 0 auto;} .main_slider figure figcaption .desc2 p {font:17px/24px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;color:#b9deeb;padding:20px 0 0 10px;} .main_slider figure figcaption .desc2 p:first-child {color:#fff;font:40px/40px 'Gotham SSm A', 'Gotham SSm B';font-weight:700;text-transform:uppercase;padding:0;} .main_slider figure figcaption .desc2 {position:absolute;top:60px;right:0;width:375px;} .main_slider figure.slide2 > img {margin-left:-180px;width:auto;} .container {padding:75px 0;} .container h1 {font-size:7.2em;text-align:left;} .container h2 {font-size:6em;} .container h2 + p {font-size:1.6em;line-height:22px;} .container h5 {font-size:3.2em;} .container h6 {font-size:3em;} .main_banner p {font-size:1.5em;float:none;width:auto;} .main_banner p:nth-child(2) {float:none;text-align:center;padding-top:15px;width:auto;} .main_banner p:nth-child(2) .button {margin:0 10px;float:none;display:inline-block;vertical-align:middle;zoom:1;*display:inline;} .problems_block ul li {width:auto;padding:15px 0;} .disclaimer_block article {margin:0 auto;padding:0;} .solutions_block .desc {width:auto;float:none;margin:0 0 40px 0;} .solutions_block h2, .solutions_block h2 + p {text-align:center;padding-top:0;} .solutions_block p .button {float:none;margin:0 auto;width:190px;} .solutions_tabs {width:auto;height:auto;float:none;margin:0;display:block;} .solutions_tabs .tab_select {position:relative;} .solutions_tabs .tab_select li {position:static;float:left;padding:0 0 20px 20px;} .solutions_tabs .tab_content {background:#fff;padding:20px;display:block;position:absolute;top:90px;left:0;z-index:4;border:1px solid #949494;box-shadow:rgba(0,0,0,.63) 0 3px 10px 0;border-radius:5px;} .solutions_tabs .tab_content#tab-5, .solutions_tabs .tab_content#tab-6, .solutions_tabs .tab_content#tab-7, .solutions_tabs .tab_content#tab-8 {top:190px;} .solutions_tabs .tab_content#tab-9, .solutions_tabs .tab_content#tab-10, .solutions_tabs .tab_content#tab-11, .solutions_tabs .tab_content#tab-12 {top:290px;} .solutions_tabs .tab_content .close, .solutions_tabs .tab_content .link {display:block;} .prevention-banner, .health-center-banner, .evers-pharmacy-banner, .syringe-access-banner, .food-and-nutrition-banner, .advocacy-and-community-relations-banner {padding-top:250px;} .info_block ul li {float:none;width:100%;padding:40px 0 0 0;} .info_block ul li p {padding:10px 0 20px 0;} .events_news_block .wrapper > ul > li {border-bottom:1px solid #e6e6e6;height:auto;} .events_news_block .wrapper > ul > li:first-child {padding-left:0;border-right:0;} .events_news_block .wrapper > ul > li:last-child {padding-right:0;border-left:0;} .events_news_block .wrapper > ul > li p {font-size:1.5em;} .events_news_block .wrapper > ul > li h4 {font-size:1.8em;} .events_news_block .wrapper > ul > li .float_right {max-width:105px;} .events_news_block .wrapper > ul > li {float:left;width:100%;padding:20px 0;} .events_news_block .wrapper > ul > li .news_list li figure img {display:none;} .container.contact_block {padding:0 0 45px 0;} .contact_block #map {height:300px;margin-bottom:40px;} .contact_block .social_list {text-align:left;padding-bottom:40px;} .contact_block .social_list li {display:block;padding:0 30px 10px 0;} .contact_block .wrapper > p {font-size:1.8em;text-align:left;} .contact_block .contact_list > li {float:none;width:auto;max-width:100%;border-bottom:1px solid #e6e6e6;padding:0 0 30px 0;margin:0 0 40px 0;} .contact_block .contact_list > li:nth-child(2) {border-left:none;border-right:none;padding:0 0 30px 0;margin:0 0 40px 0;} .contact_block .contact_list > li:nth-child(3) {float:none;border:none;margin:0;padding:0;} .contact_block .contact_list > li ul {padding-top:0;} .container.donate_block {background:url(../images/demo/donate_bg.jpg) center top no-repeat;padding-top:95px;} .donate_block ul.step_1 {padding:25px 0 60px 50px;} .donate_block ul.step_1 > li {padding-bottom:0;} .donate_block ul.step_2 > li {padding-right:0;text-align:left;} .donate_block ul.step_2 > li label:first-child {text-align:left;padding:0 0 5px 0;display:block;width:auto;font-size:1.8em;} .donate_block ul.step_2 > li input[type="text"] {width:350px;} .donate_block ul.step_2 > li select#billing_state,.donate_block ul.step_2 > li select#shipping_state {width:220px;} .donate_block ul.step_2 > li label[for="newsletter_subscribe"], .donate_block ul.step_2 > li label[for="tshirt_alt_address"], .donate_block ul.step_2 > li h3, .donate_block ul.step_2 > li select#tshirt_size {width:390px;} .donate_block ul.step_2 > li select + input[type="text"] {width:110px;margin:20px 0 0 0;} .donate_block ul.step_2 > li select#billing_state + input[type="text"], .donate_block ul.step_2 > li select#shipping_state + input[type="text"] {margin:0 0 0 20px;} .donate_block + .info_block ul > li img {height:185px;} .the_problems {min-height:1px;} .the_problems h1 {font-size:6em;} .the_problems p {font-size:1.8em;line-height:24px;} .the_problems ul {padding:20px 0;} .the_problems ul > li {font-size:2em;line-height:48px;} .problems_details {min-height:1px;padding:110px 0 30px 0;} .problems_details div.clear {position:absolute;top:-80px;left:0;width:100%;z-index:1;} .problems_details ul {background:#f2f4f7 url(../images/select_line.png) repeat-x;border:1px solid #b7b8b8;padding:0 10px;height:33px;border-radius:4px;overflow:hidden;cursor:pointer;margin:0 30px;position:relative;-webkit-transition:height linear .4s;transition:height linear .4s;} .problems_details ul:before {content:'';display:block;width:100%;height:33px;position:absolute;top:0;left:0;background:url(../images/icons/arrow_select2.png) right 16px no-repeat;} .problems_details ul.active {height:340px;} .problems_details ul li {font:1.8em/33px 'Gotham SSm A', 'Gotham SSm B';font-weight:400;float:none;text-transform:none;padding:0;} .problems_details ul li:last-child {padding-right:0;} .problems_details ul li a, .problems_details ul li a:visited {color:#b7b7b7;padding-bottom:15px;display:block;} .problems_details ul li.active a, .problems_details ul li.active a:visited {color:#2e2e2e;background:none;} .problems_details ul li a:hover {color:#2e2e2e;} .problems_details h1 {font-size:7em;} .problems_details h1 + p {width:auto;float:none;font-size:1.8em;line-height:24px;} .problems_details blockquote {float:none;margin-top:30px;} .problems_desc {padding:35px 0;} .problems_desc article {width:auto;float:none;padding-bottom:10px;} .problems_desc article p {font-size:1.6em;line-height:22px;} .problems_desc article p:first-child {font-size:2em;line-height:28px;} .problems_desc .access p:first-child {font-size:1.6em;padding-bottom:15px;} .problems_desc article + aside {display:none;} .problems_desc .access + aside {display:block;float:none;width:auto;padding-top:30px;} .problems_desc aside ul li:nth-child(2n) {padding-right:20px;} .solution_list ul li {width:47.5%;margin:0 2.5% 40px 2.5%;} .solution_list ul li:nth-child(3n) {margin-right:2.5%;float:left;} .solution_list ul li:nth-child(3n+1) {margin-left:2.5%;clear:none;} .solution_list ul li:nth-child(2n) {margin-right:0;float:right;} .solution_list ul li:nth-child(2n+1) {margin-left:0;clear:both;} .container.about_block h2 + p {font-size:2em;line-height:32px;} .about_block article p {font-size:1.6em;line-height:24px;} .about_block article, .about_block aside {float:none;width:auto;} .container.funders_block h2 + p {font-size:2em;line-height:32px;} .funders_block ul li {font-size:1.8em;line-height:24px;padding-bottom:15px;} .news_block h1 {text-align: center;} .news_block article{padding:0;} .solutions_detail h2 {font-size:4.8em;position:relative;text-align:center;padding:0 0 100px 0;} .solutions_detail h2 span {margin:0 0 0 -40px;display:block;position:absolute;bottom:0;left:50%;} .solutions_detail .sol_det_slider {float:none;margin:0 auto 25px auto;} .solutions_detail article {float:none;width:auto;} .solutions_detail p, .solutions_detail article ul li {font-size:1.4em;line-height:22px;} .solutions_detail table td {font-size:1.2em;line-height:18px;} .solutions_detail table tr td:first-child {min-width: 70px;} .solutions_detail header h2 + p, .solutions_detail header p {font-size:1.6em;line-height:22px;} .solutions_detail aside {float:none;width:auto;padding-top:0;} .solutions_detail .pager ul li {font-size:0;line-height:0;} .solutions_detail .pager ul li a {min-height:30px;display:block;} .solutions_detail .pager ul li:nth-child(2) a, .solutions_detail .pager ul li:nth-child(2) a:visited {background-position:center center;} .news_block h2 {font-size:9.2em;text-align:left;padding-bottom:10px;} .internal_news {float:none;width:auto;padding:0 0 60px;border-right:none;} .internal_news .news_list li figure figcaption p {font-size:1.6em;} .internal_news .news_list li:not(:first-child) figure img {display:none;} .internal_news .news_list li:first-child figure figcaption p {font-size:1.8em;} .internal_news .pager + p {float:none;clear:both;text-align:center;padding-top:20px;} .social_news, .social_news .twitter, .social_news .facebook {float:none;width:auto;} .news_article_block .wrapper > p {padding-bottom:30px;} .news_article_block .wrapper > h2 {font-size:1.8em;padding:0 0 30px 0;} .news_article_block .inner_content header {padding-top:10px;} .news_article_block .inner_content header div {float:none;width:auto;text-align:center;padding-bottom:15px;} .news_article_block .inner_content header ul {float:none;width:auto;} .news_article_block .inner_content header ul li {padding-left:20px;} .news_article_block .inner_content header ul li:nth-child(2) {padding-left:0;} .news_article_block .inner_content > p, .news_article_block .inner_content > ul li {font-size:1.4em;line-height:20px;} .news_article_block .inner_content .float_right {margin-left:0;float:none;width:auto;} .news_article_block .inner_content .float_left {margin-right:0;float:none;width:auto;} .news_article_block .inner_content h3 {font-size:1.8em;} .news_article_block .inner_content .news_list li {padding-bottom:0;} .news_article_block .inner_content .news_list li figure img {float:none;margin:0;} .news_article_block .inner_content .news_list li figure figcaption p {font-size:14px;padding:0;} .news_article_block .inner_content .news_list li figure figcaption p:first-child {padding-bottom:10px;} .blog_block h1 {padding:0;display:block;*display:block;} .blog_block .browse_list {display:block;*display:block;padding:0;margin:-50px 0;} .blog_block .browse_list li {padding-right:10px;padding-left:0;} .blog_block .year_tag {float:none;clear:both;padding:10px 0 90px 0;} .blog_block .year_tag > ul > li {padding:0 20px 0 0;} .blog_block .year_tag > ul > li > div {right:auto;left:0;} .blog_block .blog_list li {width:100%;margin:0 auto 40px auto;float:none;} .blog_block .blog_list li:nth-child(3n) {float:none;margin-right:auto;} .blog_block .blog_list li:nth-child(3n+1) {clear:none;margin-left:auto;} .finances_block .finances_list {padding-bottom:40px;margin-bottom:40px;} .finances_block .finances_list li {float:none;margin:20px 0 0 0;width:auto;min-height:100px;} .finances_block .finances_list li h4 {padding:12px 20px;} .finances_block .finances_list li p {padding:12px 20px;font-size:1.5em;} .finances_block .finances_list li h4 + p {font-size:2em;} .finances_block .finances_list li h4 + p span {font-size:40px;letter-spacing:-3px;} .finances_block .chart_block {border-bottom:none;padding-bottom:0;margin-bottom:0;} .finances_block .chart_block > ul > li {float:none;width:auto;margin-bottom:55px;} .finances_block .chart_block > ul > li > div {height:400px;} .finances_block .chart_block > ul > li > ul > li {font-size:1.2em;margin:0 0 8px 0;padding-right:80px;} .finances_block .chart_block > ul > li > ul > li span {width:80px;} .finances_block .finances_desc, .finances_block .finances_downloads {float:none;width:auto;} .finances_block .finances_desc p {font-size:1.4em;line-height:20px;} .footer .footer_desc {width:auto;float:none;} .footer .footer_desc ul li, .footer .footer_desc .newsletter_block p {font-size:1.4em;} .footer .social_block ol {padding-top:13px;} .footer .footer_desc .newsletter_block {width:auto;} .footer .footer_desc .newsletter_block > p {width:auto;float:none;} .footer .footer_desc ul li span img {width:13px;} .footer .social_block ol {clear:both;padding:30px 0 20px 0;} .footer .social_block ol li:first-child {padding-left:0;} .footer .footer_desc .newsletter_block > p {width:auto;font-size:13px;} .footer .footer_desc .newsletter_block > p br {display:none;} .footer .footer_desc .newsletter_block p input[type="text"] {padding:0 10px;width:145px;height:34px;font-size:13px;line-height:34px;} .footer .footer_desc .newsletter_block p input[type="submit"] {width:42px;height:36px;} .footer .footer_desc ul li {float:none;width:auto;font-size:13px;} .footer .footer_desc ul li span {font-size:14px;padding-bottom:4px;} .footer .footer_desc ul li .right {margin-right:250px;} .copyright .wrapper:before {left:50%;margin-left:-65px;} .copyright p {float:none;padding:70px 0 15px 0;text-align:center;} .copyright ul {clear:both;float:none;text-align:center;} .copyright ul li {padding:0 3px 10px 3px;float:none;display:inline-block;vertical-align:top;zoom:1;*display:inline;} .copyright ul li:first-child {padding-right:0;} .copyright ul li:nth-child(2) {padding-left:0;} .leadership_block p {font-size: 1.8em !important;line-height: 25px !important;} .leadership_list, .leadership_list_top {max-width:430px;} .leadership_list li, .leadership_list_top li {width:46%;max-width:200px;margin-right:0;} .leadership_list li:nth-child(2n), .leadership_list_top li:nth-child(2n) {margin-left:7%;} .leadership_list li a div, .leadership_list_top li a div {height:265px;} .leadership_list li a, .leadership_list_top li a {min-height:360px;} .campaign_form img {width:100%;padding:60px 0 30px;} .campaign_form .wrapper > p {font-size:3.5em;line-height:35px;letter-spacing:0;padding:30px 0;} .campaign_form .wrapper > p br {display:none;} .campaign_form form {position:relative;width:auto;height:auto;} .campaign_form form p {font-size:1.5em;} .campaign_form form p:first-child {font-size:1.8em;padding-top:20px;} .campaign_form form ul li input[type="text"] {font-size:17px;} .campaign_form form ul li input[type="submit"] {min-height:35px;line-height:35px;font-size:18px;} .campaign_desk {padding:45px 0;} .campaign_desk p {font-size:1.8em;line-height:22px;} .campaign_stats {padding:40px 0;} .campaign_stats ul li {width:97%;margin-bottom:30px;} .campaign_stats ul li:last-child {margin-bottom:0;} .campaign_bottom {padding:45px 0;} .campaign_bottom h4 {font-size:2em;} .campaign_bottom .about {float:none;width:auto;margin-right:0;} .campaign_bottom .about p {font-size:1.4em;line-height:20px;} .campaign_bottom .upcoming_meetings {float:none;width:auto;} .campaign_bottom .share_list {clear:both;float:none;width:auto;padding-bottom:20px;} .campaign_bottom .sponsors_list {clear:both;float:none;width:auto;} } @media only screen and (max-width: 479px) { body {background:#fff;} .wrapper {width:100%;padding:0 20px;} .mobile_tablet {display:block;} .header .social_list, .header nav, .main_slider .bx-pager, .footer nav, .solutions_tabs:before, .solutions_tabs .tab_content:before, .footer .footer_desc .van, .problems_desc aside {display:none;} #main-header .buttons-container .donate-button {display: none;} .button_bigger {font-size:25px;line-height:45px;min-height:45px;} .tablet_menu {right:-80%;width:80%;} .notification p {font-size:1.3em;} .notification .close {right:30px;} .menu_trigger {display:block;top:0;} .search_block input[type="text"] {font-size:35px;} .search_wrap .fancybox-close {top:0;background-size:25px auto;} .header {padding:35px 0;} .header .logo {float:none;width:auto;} .header .logo img {width:170px;} .header nav {left:-999em;top:-999em;position:absolute;} .header .search_donate {display:none;top:46px;right:30px;} .main_slider figure {height:500px;} .main_slider figure > img {height:500px;width:auto;max-width:1000%;position:absolute;top:0;left:-50%;} .main_slider figure.slide2 > img {heig611ht:500px;width:auto;max-width:1000%;position:absolute;top:0;left:-120%;} .main_slider figure figcaption {padding-top:55px;} .main_slider figure figcaption .hearts {left:20px;} .main_slider figure figcaption .hearts p {font-size:25px;top:22px;} .main_slider figure figcaption .hearts img {width:280px;} .main_slider figure figcaption .hearts p span {padding:0 30px;} .main_slider figure figcaption .desc {right:30px;top:160px;width:280px;} .main_slider figure figcaption .desc p {font-size:15px;line-height:22px;text-align:center;} .main_slider figure figcaption .desc p:first-child {font-size:60px;line-height:60px;} .main_slider figure figcaption .desc p:nth-child(2) {width:auto;float:none;} .main_slider figure figcaption .desc .button {width:140px;float:none;margin:40px auto 0 auto;} .main_slider figure figcaption .desc2 p {font:17px/24px 'Gotham SSm A', 'Gotham SSm B';font-weight:500;color:#b9deeb;padding:20px 0 0 10px;} .main_slider figure figcaption .desc2 p:first-child {color:#fff;font:40px/40px 'Gotham SSm A', 'Gotham SSm B';font-weight:700;text-transform:uppercase;padding:0;} .main_slider figure figcaption .desc2 {position:absolute;top:60px;right:0;width:325px;} .main_slider figure.slide2 > img {margin-left:-180px;} .container {padding:75px 0;} .container h1 {font-size:7.2em;text-align:left;} .container h2 {font-size:6em;} .container h2 + p {font-size:1.6em;line-height:24px;} .container h5 {font-size:3.2em;} .container h6 {font-size:3em;} .main_banner p {font-size:1.5em;float:none;width:auto;text-align:center;} .main_banner p:nth-child(2) {float:none;text-align:center;padding-top:15px;width:auto;} .main_banner p:nth-child(2) .button {margin:10px 5px;float:none;display:inline-block;vertical-align:middle;zoom:1;*display:inline;} .problems_block ul li {width:auto;padding:15px 0;} .disclaimer_block article {margin:0 auto;padding:0;} .disclaimer_block article h3 {font-size:1.6em;line-height:24px;} .disclaimer_block article p {font-size:1.4em;line-height:20px;} .solutions_block .desc {width:auto;float:none;margin:0 0 40px 0;} .solutions_block h2, .solutions_block h2 + p {text-align:center;padding-top:0;} .solutions_block p .button {float:none;margin:0 auto;width:190px;} .solutions_tabs {width:auto;height:auto;float:none;margin:0;display:block;} .solutions_tabs .tab_select {position:relative;} .solutions_tabs .tab_select li {position:static;float:left;padding:0 0 20px 10px;} .solutions_tabs .tab_content {background:#fff;padding:20px;display:block;position:absolute;top:90px;left:0;z-index:4;border:1px solid #949494;box-shadow:rgba(0,0,0,.63) 0 3px 10px 0;border-radius:5px;} .solutions_tabs .tab_content#tab-4, .solutions_tabs .tab_content#tab-5, .solutions_tabs .tab_content#tab-6 {top:190px;} .solutions_tabs .tab_content#tab-7, .solutions_tabs .tab_content#tab-8, .solutions_tabs .tab_content#tab-9 {top:290px;} .solutions_tabs .tab_content#tab-10, .solutions_tabs .tab_content#tab-11, .solutions_tabs .tab_content#tab-12 {top:390px;} .solutions_tabs .tab_content .close, .solutions_tabs .tab_content .link {display:block;} .prevention-banner, .health-center-banner, .evers-pharmacy-banner, .syringe-access-banner, .food-and-nutrition-banner, .advocacy-and-community-relations-banner {padding-top:130px;} .info_block ul li {float:none;width:100%;padding:40px 0 0 0;} .info_block ul li p tshirt_size .events_news_block .wrapper > ul > li {border-bottom:1px solid #e6e6e6;height:auto;} .events_news_block .wrapper > ul > li:first-child {padding-left:0;border-right:0;} .events_news_block .wrapper > ul > li:last-child {padding-right:0;border-left:0;} .events_news_block .wrapper > ul > li p {font-size:1.5em;} .events_news_block .wrapper > ul > li h4 {font-size:1.8em;} .events_news_block .wrapper > ul > li .float_right {max-width:105px;} .events_news_block .wrapper > ul > li {float:left;width:100%;padding:20px 0;} .events_news_block .wrapper > ul > li .news_list li figure img {display:none;} .container.contact_block {padding:0 0 45px 0;} .contact_block #map {height:300px;margin-bottom:40px;} .contact_block .social_list {text-align:left;padding-bottom:40px;} .contact_block .social_list li {display:block;padding:0 30px 10px 0;} .contact_block .wrapper > p {font-size:1.8em;text-align:left;} .contact_block .contact_list > li {float:none;width:auto;max-width:100%;border-bottom:1px solid #e6e6e6;padding:0 0 30px 0;margin:0 0 40px 0;} .contact_block .contact_list > li:nth-child(2) {border-left:none;border-right:none;padding:0 0 30px 0;margin:0 0 40px 0;} .contact_block .contact_list > li:nth-child(3) {float:none;border:none;margin:0;padding:0;} .contact_block .contact_list > li ul {padding-top:0;} .container.donate_block {background:url(../images/demo/donate_bg.jpg) center top no-repeat;padding-top:95px;} .donate_block ul.step_1 {padding:25px 0 60px 0;} .donate_block ul.step_1 > li {padding:15px 0 0 15px;} .donate_block + .info_block ul > li img {height:185px;} .donate_block ul.step_2 > li {padding-right:0;text-align:left;} .donate_block ul.step_2 > li label:first-child {text-align:left;padding:0 0 5px 0;display:block;width:auto;font-size:1.8em;} .donate_block ul.step_2 > li input[type="text"] {width:230px;} .donate_block ul.step_2 > li .select2-container {margin-bottom:20px;} .donate_block ul.step_2 > li label[for="newsletter_subscribe"], .donate_block ul.step_2 > li label[for="tshirt_alt_address"], .donate_block ul.step_2 > li h3, .donate_block ul.step_2 > li select#billing_state, .donate_block ul.step_2 > li select#tshirt_size, .donate_block ul.step_2 > li select#shipping_state {width:270px;} .donate_block ul.step_2 > li select + input[type="text"] {width:230px;margin:0;} .the_problems {min-height:1px;} .the_problems h1 {font-size:6em;} .the_problems p {font-size:1.8em;line-height:24px;} .the_problems ul {padding:20px 0;} .the_problems ul > li {font-size:2em;line-height:48px;} .problems_details {min-height:1px;padding:110px 0 10px 0;} .problems_details div.clear {position:absolute;top:-80px;left:0;width:100%;z-index:1;} .problems_details ul {background:#f2f4f7 url(../images/select_line.png) repeat-x;border:1px solid #b7b8b8;padding:0 10px;height:33px;border-radius:4px;overflow:hidden;cursor:pointer;margin:0 30px;position:relative;-webkit-transition:height linear .4s;transition:height linear .4s;} .problems_details ul:before {content:'';display:block;width:100%;height:33px;position:absolute;top:0;left:0;background:url(../images/icons/arrow_select2.png) right 16px no-repeat;} .problems_details ul.active {height:340px;} .problems_details ul li {font:1.8em/33px 'Gotham SSm A', 'Gotham SSm B';font-weight:400;float:none;text-transform:none;padding:0;} .problems_details ul li:last-child {padding-right:0;} .problems_details ul li a, .problems_details ul li a:visited {color:#b7b7b7;padding-bottom:15px;display:block;} .problems_details ul li.active a, .problems_details ul li.active a:visited {color:#2e2e2e;background:none;} .problems_details ul li a:hover {color:#2e2e2e;} .problems_details h1 {font-size:7em;} .problems_details h1 + p {width:auto;float:none;font-size:1.8em;line-height:24px;} .problems_details blockquote {float:none;margin-top:30px;} .problems_desc {padding:35px 0;} .problems_desc article {width:auto;float:none;padding-bottom:10px;} .problems_desc article p {font-size:1.6em;line-height:22px;} .problems_desc article p:first-child {font-size:2em;line-height:28px;} .problems_desc .access p:first-child {font-size:1.6em;padding-bottom:15px;} .problems_desc article + aside {display:none;} .problems_desc .access + aside {display:block;float:none;width:auto;padding-top:30px;} .problems_desc aside ul li:nth-child(2n) {padding-right:20px;} .solution_list ul li {width:auto;margin:0 0 40px 0;float:none;} .solution_list ul li:nth-child(3n) {margin-right:0;float:none;} .solution_list ul li:nth-child(3n+1) {margin-left:0;clear:both;} .container.about_block h2 + p {font-size:2em;line-height:32px;} .about_block article p {font-size:1.6em;line-height:24px;} .about_block article, .about_block aside {float:none;width:auto;} .container.funders_block h2 + p {font-size:2em;line-height:32px;} .funders_block ul li {font-size:1.8em;line-height:24px;padding-bottom:15px;} .news_block h1 {text-align: center;} .news_block article h3 {font-size:2.2em;line-height:26px;padding:20px 0 0;} .news_block article{padding:0;} .solutions_detail h2 {font-size:4.8em;position:relative;text-align:center;padding:0 0 100px 0;} .solutions_detail h2 span {margin:0 0 0 -40px;display:block;position:absolute;bottom:0;left:50%;} .solutions_detail .sol_det_slider {float:none;width:280px;margin:0 auto 25px auto;} .solutions_detail article {float:none;width:auto;} .solutions_detail p, .solutions_detail article ul li {font-size:1.4em;line-height:22px;} .solutions_detail table td {font-size:1.2em;line-height:18px;} .solutions_detail table tr td:first-child {min-width: 70px;} .solutions_detail header h2 + p, .solutions_detail header p {font-size:1.6em;line-height:22px;} .solutions_detail aside {float:none;width:auto;padding-top:0;} .solutions_detail .pager ul li {font-size:0;line-height:0;} .solutions_detail .pager ul li a {min-height:30px;display:block;} .solutions_detail .pager ul li:nth-child(2) a, .solutions_detail .pager ul li:nth-child(2) a:visited {background-position:center center;} .news_block h2 {font-size:9.2em;text-align:left;padding-bottom:10px;} .internal_news {float:none;width:auto;padding:0 0 60px 0;border-right:none;} .internal_news .news_list li figure figcaption p {font-size:1.6em;} .internal_news .news_list li:not(:first-child) figure img {display:none;} .internal_news .news_list li:first-child figure figcaption p {font-size:1.8em;} .internal_news .pager + p {float:none;clear:both;text-align:center;padding-top:20px;} .social_news, .social_news .twitter, .social_news .facebook {float:none;width:auto;} .news_article_block .wrapper > p {padding-bottom:30px;} .news_article_block .wrapper > h2 {font-size:1.8em;padding:0 0 30px 0;} .news_article_block .inner_content header {padding-top:10px;} .news_article_block .inner_content header div {float:none;width:auto;text-align:center;padding-bottom:15px;} .news_article_block .inner_content header ul {float:none;width:auto;} .news_article_block .inner_content header ul li {padding-left:10px;} .news_article_block .inner_content header ul li:nth-child(2) {padding-left:0;} .news_article_block .inner_content > p, .news_article_block .inner_content > ul li {font-size:1.4em;line-height:20px;} .news_article_block .inner_content .float_right {margin-left:0;float:none;width:auto;} .news_article_block .inner_content .float_left {margin-right:0;float:none;width:auto;} .news_article_block .inner_content h3 {font-size:1.8em;} .news_article_block .inner_content .news_list li {padding-bottom:0;} .news_article_block .inner_content .news_list li figure img {float:none;margin:0;} .news_article_block .inner_content .news_list li figure figcaption p {font-size:14px;padding:0;} .news_article_block .inner_content .news_list li figure figcaption p:first-child {padding-bottom:10px;} .blog_block h1 {padding:0;display:block;*display:block;} .blog_block .browse_list {display:block;*display:block;padding:0;margin:-50px 0;} .blog_block .browse_list li {padding-right:10px;padding-left:0;} .blog_block .year_tag {float:none;clear:both;padding:10px 0 90px 0;} .blog_block .year_tag > ul > li {padding:0 20px 0 0;} .blog_block .year_tag > ul > li > div {right:auto;left:0;} .blog_block .blog_list li {width:100%;margin:0 auto 30px auto;float:none;} .blog_block .blog_list li:nth-child(3n) {float:none;margin-right:auto;} .blog_block .blog_list li:nth-child(3n+1) {clear:none;margin-left:auto;} .blog_block .blog_list li figcaption > p {top:25px;left:25px;} .blog_block .blog_list li figcaption > div {bottom:25px;left:25px;} .blog_block .pager + p {float:none;clear:both;text-align:center;} .finances_block h2 {line-height:60px;} .finances_block .finances_list {padding-bottom:40px;margin-bottom:40px;} .finances_block .finances_list li {float:none;margin:20px 0 0 0;width:auto;min-height:100px;} .finances_block .finances_list li h4 {padding:12px 20px;} .finances_block .finances_list li p {padding:12px 20px;font-size:1.5em;} .finances_block .finances_list li h4 + p {font-size:2em;} .finances_block .finances_list li h4 + p span {font-size:40px;letter-spacing:-3px;} .finances_block .chart_block {border-bottom:none;padding-bottom:0;margin-bottom:0;} .finances_block .chart_block > ul > li {float:none;width:auto;margin-bottom:55px;} .finances_block .chart_block > ul > li > div {height:400px;} .finances_block .chart_block > ul > li > ul > li {font-size:1.2em;margin:0 0 8px 0;padding-right:80px;} .finances_block .chart_block > ul > li > ul > li span {width:80px;} .finances_block .finances_desc, .finances_block .finances_downloads {float:none;width:auto;} .finances_block .finances_desc p {font-size:1.4em;line-height:20px;} .footer .footer_desc {width:auto;float:none;} .footer .footer_desc ul li, .footer .footer_desc .newsletter_block p {font-size:1.4em;} .footer .social_block ol {padding-top:13px;} .footer .footer_desc .newsletter_block {width:auto;} .footer .footer_desc .newsletter_block > p {width:auto;float:none;} .footer .footer_desc ul li span img {width:13px;} .footer .social_block ol {clear:both;padding:30px 0 20px 0;} .footer .social_block ol li:first-child {padding-left:0;} .footer .footer_desc .newsletter_block > p {width:auto;font-size:13px;} .footer .footer_desc .newsletter_block > p br {display:none;} .footer .footer_desc .newsletter_block p input[type="text"] {padding:0 10px;width:145px;height:34px;font-size:13px;line-height:34px;} .footer .footer_desc .newsletter_block p input[type="submit"] {width:42px;height:36px;} .footer .footer_desc ul li {float:none;width:auto;font-size:13px;} .footer .footer_desc ul li span {font-size:14px;padding-bottom:4px;} .footer .footer_desc ul li .right {margin-right:110px;} .copyright .wrapper:before {left:50%;margin-left:-65px;} .copyright p {float:none;padding:70px 0 15px 0;text-align:center;} .copyright ul {clear:both;float:none;text-align:center;} .copyright ul li {padding:0 2px 10px 2px;float:none;display:inline-block;vertical-align:top;zoom:1;*display:inline;} .copyright ul li:first-child {padding-right:0;} .copyright ul li:nth-child(2) {padding-left:0;} .leadership_block p {font-size: 1.8em !important;line-height: 25px !important;} .leadership_list, .leadership_list_top {max-width:320px;} .leadership_list li, .leadership_list_top li {width:45%;max-width:150px;margin-right:0;min-height:290px;} .leadership_list li:nth-child(2n), .leadership_list_top li:nth-child(2n) {margin-left:20px;} .leadership_list li a div, .leadership_list_top li a div {height:175px;} .leadership_list li a, .leadership_list_top li a {min-height:260px;} .leadership_list li a h3, .leadership_list_top li a h3 {font-size:1.3em;margin:25px 0 3px;} .leadership_list li a h4, .leadership_list_top li a h4 {font-size:1.1em;margin-bottom:25px;} .campaign_form img {width:100%;padding:30px 0 30px;} .campaign_form .wrapper > p {font-size:3.5em;line-height:35px;letter-spacing:0;padding:30px 0;} .campaign_form .wrapper > p br {display:none;} .campaign_form form {position:relative;width:auto;height:auto;} .campaign_form form p {font-size:1.5em;} .campaign_form form p:first-child {font-size:1.8em;padding-top:20px;} .campaign_form form ul li input[type="text"] {font-size:17px;} .campaign_form form ul li input[type="submit"] {min-height:35px;line-height:35px;font-size:18px;} .campaign_desk {padding:45px 0;} .campaign_desk p {font-size:1.8em;line-height:22px;} .campaign_stats {padding:40px 0;} .campaign_stats ul li {width:97%;margin-bottom:30px;} .campaign_stats ul li:last-child {margin-bottom:0;} .campaign_bottom {padding:45px 0;} .campaign_bottom h4 {font-size:2em;} .campaign_bottom .about {float:none;width:auto;margin-right:0;} .campaign_bottom .about p {font-size:1.4em;line-height:20px;} .campaign_bottom .upcoming_meetings {float:none;width:auto;} .campaign_bottom .upcoming_meetings ul li figure figcaption {max-width:160px;} .campaign_bottom .share_list {clear:both;float:none;width:auto;padding-bottom:20px;} .campaign_bottom .sponsors_list {clear:both;float:none;width:auto;} } /* Career Center */ .page-career-center { padding: 0 0 200px; } .page-career-center .page-header { width: 100%; padding: 530px 0 45px; background:url(../images/careers/careers_banner.jpg) no-repeat center 0; } .container h3 { font-size: 3.5em; font-weight: 400; margin:0 0 15px; } .page-career-center .page-header h3 { text-align: center; } .page-header p { font-size:2em; line-height: 1.5; text-align: center; padding-bottom: 45px; } .text-center { text-align: center; } .margin-bottom-40px { margin-bottom: 40px;} .button-blue, .button-blue:visited { display: inline-block; background-color: #00a4e3; color: #fff; font: 500 30px "Knockout 28 A","Knockout 28 B"; padding: 7px 40px; border-radius: 4px; background-clip: padding-box; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .button-blue:hover, .button-blue:focus { background-color:#15b2ef; color: #fff; } .icon-downarrow { width: 58px; height: 58px; display: inline-block; background: url(../images/careers/icon_downarrow.png) no-repeat 0 0; } .the-perks-block { background-color: #f6f6f6; padding: 75px 0 0; } .the-perks-block .wrapper { padding-left: 20px; padding-right: 20px; width: 1160px; } .perks { padding-top: 30px; } .perks .perk-text-block { width: 25%; float: left; } .perks .perk-text-block .block-inner-wrapper { padding: 0 20px 65px; } .perk-text-block h3 { font: 30px "Knockout 47 A","Knockout 47 B"; text-transform: uppercase; margin-bottom: 10px; font-weight: 400; margin-top: 30px; } .perk-text-block.block-1 h3 { color: #8fc844; } .perk-text-block.block-2 h3 { color: #00a4e3; } .perk-text-block.block-3 h3 { color: #662c91; } .perk-text-block.block-4 h3 { color: #eb088f; } .perk-text-block p { font-size: 1.5em; line-height: 1.5; font-weight: 300; } .icon-impact, .icon-people, .icon-baloon, .icon-healthcare { display: inline-block; width: 96px; height: 96px; vertical-align:middle; background: url(../images/careers/icons_perk.png) no-repeat 0 0; } .icon-people { width:98px; background-position:-132px 0; } .icon-baloon { width:62px; background-position:-261px 0; } .icon-healthcare { width:84px; background-position:-371px 0; } .current-openings-block { padding: 75px 0 40px; text-align: center; } .container .current-openings-block h2 { margin-bottom: 50px; } .openings { display: block; } .openings li { width: 22.5%; float: left; margin: 0 3.3333% 38px 0; text-align: left; background-color: #f6f6f6; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .openings li:hover { background-color: #fff7ec; } .openings li:nth-child(4n) { margin-right: 0; } .openings li:nth-child(4n+1) { clear: left; } .openings li .list-wrapper { padding: 20px 22px 40px 22px; display: block; min-height: 186px; height: auto !important; height: 186px; } .openings li .list-wrapper em { display: block; font-size: 1.5em; font-weight: 300; line-height: 1.5; font-style: normal; color:#3d3d3d; } .openings li .opening-title { font-size: 2.35em; font-weight: 500; color:#3d3d3d; margin-bottom: 15px; display: block; } .openings li h3 { font-size: 2.35em; font-weight: 500; } .openings li div.list-wrapper div { font-size: 1.5em; font-weight: 300; line-height: 1.5; } .openings li .learn-more { font-size: 1.5em; font-weight: 600; position: absolute; bottom: 20px; left: 22px; } .tag-new { display: inline-block; width: 36px; height: 21px; background: url(../images/careers/new.png) no-repeat left bottom; } .openings li .tag-new { position: absolute; top: 0; right: 0; } .faq-block { background-color: #f1f1f1; padding: 75px 0 25px; } .faq-block h2 { text-align: left; margin-bottom: 50px; } .faq-block .faqs-row { padding-bottom: 60px; } .faq-block .faqs-row .faq { float: left; width: 46%; margin-right: 8%; font-size: 1.5em; font-weight: 300; line-height: 1.5; } .faq-block .faqs-row .faq:last-child { margin-right: 0; } .faq-block .faqs-row .faq p { margin:0; padding: 0; overflow: hidden; } .faq-block .faqs-row .faq .question { margin-bottom: 15px; font-weight: 600; } .faq-block .faqs-row .faq span { float: left; width: 26px; } .faq-block .faqs-row .answer span { color: #999; } .form-block-submit-resume { padding: 75px 0 0; } .form-block-submit-resume p { max-width: 760px; margin-right: auto; margin-left: auto; } #carrers-resume-sent{ font-size: 2.2em; line-height: 34px; text-align: center; color: #FFA163; } .submit-resume-form { width: 730px; margin: 0 auto; padding-top: 40px; position: relative; left: -30px; } .form-item { margin-bottom: 20px; } .form-item .form-label { float: left; width: 215px; padding-right: 25px; font-size: 2.2em; text-align: right; padding-top: 15px; } .form-item .form-field { overflow: hidden; } .form-text, .form-control { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; background-clip: padding-box; background:#fff; border:1px solid #c4c4c4; padding: 15px 25px; font:400 2.2em "Gotham SSm A","Gotham SSm B","Helvetica Neue",Helvetica,Arial,Tahoma; box-shadow:rgba(0,0,0,.14) 0 2px 4px 0 inset; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .form-text:focus, .form-control:focus { border:1px solid #00a4e3; } .submit-resume-form .form-text, .submit-resume-form .form-control { width: 100%; } .bootstrap-filestyle { position: relative; } .bootstrap-filestyle .btn { display: block; width: 100px; height: 40px; background: #f1f1f1; position: absolute; right: 10px; top: 10px; text-align: center; font: 400 30px "Knockout 28 A","Knockout 28 B"; cursor: pointer; line-height: 38px; border-radius: 5px; background-clip: padding-box; } .form-action { padding-top: 20px; } .submit-resume-form .form-action { text-align: center; } input.button-blue { border:0; } .submit-resume-form input.button-blue { padding:4px 70px; } .text-right { text-align: right; } .page-bottom-section .pager {clear:both;border-top:1px solid #c9c9c9;padding:25px 0 10px 0;} .page-bottom-section .pager ul li {width:33.33%;float:left;font:1.8em 'Gotham SSm A', 'Gotham SSm B';font-weight:500;} .page-bottom-section .pager ul li a {-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;-o-transition: all .1s ease-out;transition: all .1s ease-out;} .page-bottom-section .pager ul li a:hover {color:#f37827;} .page-bottom-section .pager ul li:first-child a {background:url(../images/icons/arrow_prev.png) left center no-repeat;padding:5px 0 5px 23px;} .page-bottom-section .pager ul li:nth-child(2) {text-align:center;} .page-bottom-section .pager ul li:nth-child(2) a, .page-bottom-section .pager ul li:nth-child(2) a:visited {color:#999;background:url(../images/icons/grid.png) left center no-repeat;padding:5px 0 5px 40px;} .page-bottom-section .pager ul li:nth-child(2) a:hover {color:#000;} .page-bottom-section .pager ul li:nth-child(3) {text-align:right;} .page-bottom-section .pager ul li:nth-child(3) a {background:url(../images/icons/arrow_next.png) right center no-repeat;padding:5px 23px 5px 0;} .page-career-center-detail .page-content { padding-bottom: 80px; } .back-link { background:url(../images/icons/arrow_prev.png) left center no-repeat; padding:5px 0 5px 23px; display: inline-block; font:1.8em 'Gotham SSm A', 'Gotham SSm B'; font-weight:500; } .page-career-center-detail .back-link { position: relative; top: -80px; } .page-career-center-detail h1 { text-align: left; font-size: 8em; } .page-career-center-detail h2 { font:500 3.5em "Gotham SSm A","Gotham SSm B","Helvetica Neue",Helvetica,Arial,Tahoma; text-align: left; text-transform: none; } .page-career-center-detail .page-header p { text-align: left; } .container .page-content { font-size: 1.5em; font-weight: 300; } .container .page-content h3 { font: 2.1em "Knockout 47 A","Knockout 47 B"; text-transform: uppercase; font-weight: 400; margin-bottom: 10px; } .page-content ul { padding-bottom: 30px; } .page-content ul li { padding: 1px 0 1px 18px; background: url(../images/careers/dot.png) no-repeat 0 8px; } .three-column-block .column { float: left; width: 30%; margin-right: 5%; } .three-column-block .column:last-child { margin-right: 0; } .page-content h4 { margin-bottom: 10px; } .page-career-center-detail .page-main-content h2 { font: 500 2.34em "Gotham SSm A","Gotham SSm B","Helvetica Neue",Helvetica,Arial,Tahoma; text-align: left; text-transform: none; } .page-career-center-detail .page-main-content p{ font-size: 1.6em; line-height: 1.45; text-align: left; padding-bottom: 45px; } @media only screen and (min-width: 1200px) and (max-width: 1300px) { .openings li .opening-title { margin-bottom: 10px; } .openings li .learn-more { bottom: 15px; } .page-career-center-detail .page-main-content p { font-size: 1.3em; line-height: 34px; } } @media only screen and (min-width: 959px) and (max-width: 1199px) { .the-perks-block .wrapper { padding-right: 10px; padding-left: 10px; width: 1000px; } .openings li { width: 31%; margin-right: 3.5%; } .openings li:nth-child(3n) { margin-right:0; } .openings li:nth-child(3n+1) { clear: left; } .openings li:nth-child(4n) { margin-right: 3.5%; } .openings li:nth-child(4n+1) { clear: none; } .page-career-center-detail .back-link { top: -40px; } .page-career-center-detail .page-main-content p { font-size: 1.2em; line-height: 30px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .container h3 { font-size: 3em; } .page-header p { font-size: 1.8em; } .the-perks-block .wrapper { width: 748px; padding-right: 10px; padding-left: 10px; } .perks .perk-text-block .block-inner-wrapper { padding-left: 10px; padding-right: 10px; } .openings li .opening-title { font-size: 2em;} .openings li { width: 47.5%; margin-right: 5%; } .openings li:nth-child(2n) { margin-right:0; } .openings li:nth-child(2n+1) { clear: left; } .form-block-submit-resume p { width: 100%; } .submit-resume-form { width: 690px; left: -16px; } .page-career-center-detail .back-link { top: -40px; } .page-career-center-detail .page-main-content h2 { font-size: 2.3em; } .page-career-center-detail .page-main-content p { font-size: 1.2em; line-height: 26px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .page-career-center .page-header { background-size: 900px auto; padding-top: 300px; } .page-header p { font-size: 1.6em; } .container h3 { font-size: 3em;} .the-perks-block .wrapper { width: 460px; } } @media only screen and (max-width: 767px) { .page-career-center-detail .page-main-content h2 { font-size: 1.66em; } .page-career-center-detail .page-main-content p { font-size: 1.08em; line-height: 22px; } .the-perks-block .wrapper { padding-right: 10px; padding-left: 10px; } .perks .perk-text-block { width: 100%; float: none; } .openings li, .faq-block .faqs-row .faq { width: 100%; margin-right:0; float: none; } .faq-block .faqs-row .faq:first-child { padding-bottom: 60px; } .form-block-submit-resume p { width: 100%;} .submit-resume-form { width: 100%; left: auto; } .form-item .form-label { float: none; width: 100%; padding: 0 0 3px; text-align: left; display: block; } .page-bottom-section .pager ul li { font-size: 0; line-height: 0; } .page-bottom-section .pager ul li a { min-height: 30px; display: block; } .page-bottom-section .pager ul li:nth-child(2) a, .page-bottom-section .pager ul li:nth-child(2) a:visited { background-position: center center; } .page-career-center-detail .back-link { top: -40px; } .page-career-center-detail h1 { font-size: 4.8em; line-height: 1; } .page-career-center-detail h2 { font-size: 2.5em; } .container .page-content h3 { font-size: 1.9em; } .three-column-block .column { float: none; width: 100%; margin-right: 0; } } @media only screen and (max-width: 479px) { .page-career-center-detail .page-main-content h2 { font-size: 1.46em; } .page-career-center .page-header { background-size: 800px auto; padding-top: 255px; } .container h3 { font-size: 2.2em; font-weight: 600; } .page-header p { font-size: 1.6em; } .the-perks-block .wrapper { width:300px; } .perk-text-block h3 { font-size: 3em; margin-top: 20px; } .perks .perk-text-block .block-inner-wrapper { padding-bottom: 40px; } .form-item .form-label, .form-text, .form-control { font-size: 1.8em; } .form-text, .form-control { padding-left: 10px; padding-right: 10px; } .bootstrap-filestyle .btn { font-size: 22px; height: 36px; line-height: 36px; width: 80px; } .page-career-center-detail h2 { font-size: 2.2em; } .page-career-center-detail .back-link { float: left; } }