/* Theme Name: Access Our Medicine Theme URI: http://www.accessourmedicine.com/ Author: Access Our Medicine Author URI: http://www.accessourmedicine.com/ Description: Default theme for Access Our Medicine website Version: 1.0 */ /*general reset*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus { outline: 0; } img {border:none} body { } .clearbreak {clear:both;font-size:0px;line-height:0px;height:0px;} .five {padding-bottom:5px;} .ten {padding-bottom:10px} .fifteen {padding-bottom:15px;} .twenty {padding-bottom:20px} .thirty {padding-bottom:30px;} .forty {padding-bottom:40px;} .fifty {padding-bottom:50px} .sixty {padding-bottom:60px} .left {float:left} .right {float:right} strong {font-weight:bold;} em { font-style:italic } .rollover_efx:hover { opacity:0.85; filter:alpha(opacity=85); } hr { border:0px; border-bottom: solid 1px #ccc !important; margin:15px 0 18px 0 !important; padding:0 !important } .noline { text-decoration:none !important } .video_wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .archive .grey-bar { display:none } #footer { width:100%; height:235px; background:#73b4dc; text-align:center; font: normal 15px 'Raleway', Arial, Helvetica, sans-serif; color:#FFF; } #footer .logos_center { width:601px; margin:0 auto; padding-top:50px } #footer .left_logo { float:left; width:300px; border-right: solid 1px #fff } #footer .right_logo { float:right; width:300px; } #footer #mf_logo { margin:15px 28px 0 0; } #footer .slogan { margin-top:30px; } #footer .tagline_left { display:inline } #footer .tagline_right { display:inline; padding-left:10px; font-weight:bold } #footer .tagline_right a, #footer .tagline_right a:visited { text-decoration:none; color:#fff } #footer .tagline_right a:hover { text-decoration:none; color:#ddd } #footer-wrapper .blog_text { display:inline-block; font: normal 30px 'Montserrat', Arial, Helvetica, sans-serif; color:#999; padding-left:20px; margin-left:20px; border-left: solid 2px #999 } #footer-wrapper .blog_text a { color:#fff; text-decoration:none; -webkit-border-radius: 50px; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } #footer-wrapper .blog_text a:visited { color:#fff; text-decoration:none } #footer-wrapper .blog_text a:hover { color:#e10000; text-decoration:none; } #web-attribution { margin-top: 30px; font-size: 13px; } #web-attribution img { margin-top: 5px; } #contact_area { height:348px; background:#4e4e4e; text-align:center; } #contact_area .social_icons_area { margin-top:15px } #contact_area .keep_in_touch { font: normal 50px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding-top:70px } #contact_area a.share_your_story_link { text-decoration:none; color:#fff; -webkit-border-radius: 50px; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } #contact_area a.share_your_story_link:visited { text-decoration:none; color:#fff } #contact_area a.share_your_story_link:hover { text-decoration:none; color:#e10000 } #contact_area .hear_from_you { font: normal 18px 'Raleway', Arial, Helvetica, sans-serif; padding-top:25px; color:#fff } #contact_area .share_your_story { display:inline-block; font: bold 24px 'Raleway', Arial, Helvetica, sans-serif; padding-top:10px; } #contact_area .fa-envelope { padding-right:7px } #contact_area .social_icons_area .fa-round-icon { color:#4e4e4e; font-size:32px; text-decoration:none; background:#fff; width:52px; height:42px; padding-top:10px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:0px; margin-right:5px; -webkit-transition: background 0.2s ease-in; -moz-transition:background 0.2s ease-in; -o-transition:background 0.2s ease-in; -ms-transition: background 0.2s ease-in; transition:background 0.2s ease-in; } #contact_area .social_icons_area .fa-round-icon:hover { color:#4e4e4e; text-decoration:none; background:#e10000; } /* parallax images */ #sect1 { /* top banner section on home page */ background: url("sect1.jpg") center 0 fixed; height: auto; margin: 0 auto; width: 100%; position: relative; } #sect1_1 { /* bar graph area on home page */ background: url("sect1.jpg") 50% 0 fixed; height: auto; margin: 0 auto; width: 100%; position: relative; } #sect2 { /* area with YouTube video on home page */ background:#ede5e2; height: auto; margin: 0 auto; width: 100%; position: relative; } #sect3 { /* infographics area on home page */ background: url("sect3.jpg") fixed; height:auto; margin: 0 auto; width: 100%; position: relative; } #sect4 { /* dynamic grid section on home page */ /* background: url(/web/20141219040905im_/http://accessourmedicine.com/wp-content/themes/aom/images/sect4.jpg) 50% fixed;*/ background:#EDE5E2; height: 800px; margin: 0 auto; width: 100%; position: relative; } #sect5 { /* sliding carousel area on home page */ /*background: url(/web/20141219040905im_/http://accessourmedicine.com/wp-content/themes/aom/images/sect4.jpg) 50% fixed;*/ background: url("sect1.jpg") 50% 0 fixed; height: auto; margin: 0 auto; width: 100%; position: relative; } #header-callout { background-repeat:repeat !important } #header-blurb { text-shadow: 0px 0px 30px #000, 0px 0px 30px #000; font-size:38px; line-height:15px !important; padding-top:30px !important } #header-blurb a { text-shadow:none } #header-blurb .blurb_text { margin-bottom:20px } #header-blurb #sign-button { line-height:40px !important; height:40px !important; font-size:20px !important; width:260px !important } .down_arrow { display:block; margin:0 auto; text-align:center; text-shadow: 0px 0px 30px #000, 0px 0px 30px #000; } .down_arrow .fa { color:#fff; font-size:100px; margin-bottom:30px } .sect1_blurb, .sect1_title { font: 600 60px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; width:1000px; margin:0 auto; text-align:center; line-height:62px; margin-bottom:30px; text-shadow:0px 0px 30px #000, 0px 0px 30px #000; /* double shadow effect for more intensity */ } .sect1_blurb { padding-top:60px } a.home_add_your_voice_link, a.home_add_your_voice_link:visited { color:#fff; text-decoration:none; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } a.home_add_your_voice_link:hover { color:#e10000; text-decoration:none } .top_icons .fa { font-size:25px; color:#000; } .top_icons .top_blog_link { display:inline-block; font: bold 26px 'Montserrat', Arial, Helvetica, sans-serif; padding-left:15px; margin-left:15px; border-left: solid 2px #888 } .top_icons .top_blog_link a { color:#eee; text-decoration:none; -webkit-border-radius: 50px; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; text-shadow:0px 0px 20px #000, 0px 0px 20px #000;} .top_icons .top_blog_link a:visited { color:#eee; text-decoration:none } .top_icons .top_blog_link a:hover { color:#e10000; text-decoration:none } .top_icons .sm_link { display:inline-block; width:40px; height:32px; background:#fff; opacity:0.6; filter:alpha(opacity=60); text-align:center; padding-top:8px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; margin-left:4px; -webkit-transition: background 0.2s ease-in; -moz-transition:background 0.2s ease-in; -o-transition:background 0.2s ease-in; -ms-transition:background 0.2s ease-in; transition:background 0.2s ease-in; } .top_icons .sm_link:hover { background:#e10000; text-decoration:none; opacity:1; filter:alpha(opacity=100); } #sect1 #thank_signer { width:100%; min-height:360px; background:#000 } #sect1 #thank_signer .thank_circle { width:278px; height:188px; background:#d70a1b; font: bold 60px/60px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-transform:uppercase; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; padding-top:90px; border: solid 15px #333; margin-top:25px } #sect1 #thank_signer .you_are { font: bold 36px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; border-bottom: solid 1px #fff; padding:60px 0 25px 0; margin-bottom:30px } #sect1 #thank_signer .you_are span { color:#d70a1b } #sect1 #thank_signer .we_need { font: bold 38px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; } #sect1 #thank_signer .we_need span { color:#d70a1b } #sect1 #thank_signer .fa { color:#000; background:#fff; width:55px; height:44px; padding-top:11px; font-size:35px; text-align:center; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; margin-left:10px; -webkit-transition: background 0.2s ease-in; -moz-transition:background 0.2s ease-in; -o-transition:background 0.2s ease-in; -ms-transition: background 0.2s ease-in; transition:background 0.2s ease-in; } #sect1 #thank_signer .fa:hover { color:#000; background:#d70a1b } #sect1 .form_area { width:100%; min-height:360px; background:#e10000; } #sect1 .form_area h1 { font: normal 35px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; padding:55px 0 35px 0; } #sect1 .form_area h1 span { font-weight:bold; color:#000; letter-spacing:-1px; } #sect1 .form_area h1 .fa { padding-left:10px; font-size:35px; } #sect1 form .email, #sect1 form .city, #sect1 form .full_name, #sect1 form #submit_button { width:100%; border:0px; background:#fff; color:#666; font: normal 22px 'Montserrat', Arial, Helvetica, sans-serif; padding:10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ /*Box sizing makes the input width stay at 100% rather than increase to 110% due to the padding.*/ } #sect1 form #submit_button { background:#000; text-transform:uppercase; color:#fff; padding:10px 0; box-shadow: 0px 0px 0px 1px #000; -webkit-transition: all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in;} #sect1 form #submit_button:hover { background:#e10000; color:#fff; text-decoration:none; cursor:pointer; box-shadow: 0px 0px 0px 1px #fff; } #sect1 form .email, #sect1 form .city, #sect1 form .full_name { } #sect1 form :-moz-placeholder{color:#c4c4c4 !important;font-style:normal} #sect1 form ::-webkit-input-placeholder{color:#c4c4c4 !important;font-style:normal} #sect1 form ::-moz-placeholder{color:#c4c4c4 !important;font-style:normal} #sect1 form :-ms-input-placeholder {color:#c4c4c4 !important;font-style:normal;} #sect1 .form_area .social_icons_area { float:right; font: normal 16px 'Montserrat', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; padding-top:32px } #sect1 .form_area .read_the_declaration { float:left; font: normal 16px 'Montserrat', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; padding-top:39px } #sect1 .form_area .read_the_declaration a, #sect1 .form_area .read_the_declaration a:visited { color:#fff; text-decoration:none } #sect1 .form_area .read_the_declaration a:hover { color:#000; text-decoration:none } #sect1 .form_area .fa { font-size:18px; } #sect1 .form_area .social_icons_area .sm_link { display:inline-block; width:30px; height:23px; color:#e10000; background:#fff; text-align:center; padding-top:7px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin-left:4px; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } #sect1 .form_area .social_icons_area .sm_link:hover { background:#000; color:#fff; text-decoration:none; } #sect1 .counter { width:207px; margin:0 auto; } .sig_word { font: normal 20px 'Montserrat', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; padding-top:10px; padding-bottom:30px; color:#333 } .sig_word a, .sig_word a:visited { color:#e10000; text-decoration:none } .sig_word a:hover { color:#000; text-decoration:none } .digit { display:inline-block; border: solid 2px #e10000; border-right:0px; height:47px } .first_digit { border-left: solid 2px #e10000 } .last_digit { border-right: solid 2px #e10000; } .num0 {display:inline-block;width:31px;height:47px;background:url("digits2.png") no-repeat;background-position:0px 0px} .num1 {display:inline-block;width:31px;height:47px;background:url("digits2.png") no-repeat;background-position:-31px 0px} .num2 {display:inline-block;width:31px;height:47px;background:url("digits2.png") no-repeat;background-position:-62px 0px} .num3 {display:inline-block;width:31px;height:47px;background:url("digits2.png") no-repeat;background-position:-93px 0px} .num4 {display:inline-block;width:31px;height:47px;background:url("digits2.png") no-repeat;background-position:-124px 0px} .num5 {display:inline-block;width:31px;height:47px;background:url("digits2.png") no-repeat;background-position:-155px 0px} .num6 {display:inline-block;width:31px;height:47px;background:url("digits2.png") no-repeat;background-position:-186px 0px} .num7 {display:inline-block;width:31px;height:47px;background:url("digits2.png") no-repeat;background-position:-217px 0px} .num8 {display:inline-block;width:31px;height:47px;background:url("digits2.png") no-repeat;background-position:-248px 0px} .num9 {display:inline-block;width:31px;height:47px;background:url("digits2.png") no-repeat;background-position:-279px 0px} #sect1_1 .bargraph_area { background:url("sect1-progress-area-bg.png") repeat } #sect1_1 .bargraph_area .voices { font: bold 36px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; letter-spacing:-1px; padding-top:70px; } #sect1_1 .bargraph_area .voices div { padding-top:20px; color:#ccc } #sect1_1 .bargraph_area .progress { font: bold 16px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; text-align:right; padding-top:60px; text-transform:uppercase; } #sect1_1 .bargraph_area .percent_number { float:left; font: normal 36px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; padding-top:26px; text-align:left; padding-left:10px } #sect1_1 .bargraph_area #progressbar { margin-top:20px } #sect1_1 .bargraph_area .progress_blurb { text-align:right; font: normal 14px/22px 'Open Sans', Arial, Helvetica, sans-serif; color:#ccc; text-transform:none; padding-top:20px; } #sect1_1 #progressbar { width:85%; float:left } #sect2 .wrap { padding-top:80px } #sect2 .sect2_title { font: bold 36px 'Montserrat', Arial, Helvetica, sans-serif; color:#555; padding-bottom:25px } #sect2 .sect2_blurb p { font: normal 18px/25px 'Open Sans', Arial, Helvetica, sans-serif; color:#555; margin-bottom:20px } #sect2 .sign_declare_form { padding-top:20px; font: bold 18px 'Montserrat', Arial, Helvetica, sans-serif; color:#555; text-transform:uppercase } #sect2 .sign_declare_form a, #sect2 .sign_declare_form a:visited { text-decoration:none; color:#555 } #sect2 .sign_declare_form a:hover { text-decoration:none; color:#e10000 } #sect2 .sign_declare_form i { color:#e10000; padding-left:5px; font-size:20px } #sect2 .video_wrapper { margin-top:10px; max-width:500px; margin-left:50px } #sect2 .spread_word { text-align:center; font: bold 16px 'Montserrat', Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; margin-top:25px; } #sect2 .spread_word .fa { display:inline-block; width:30px; font-size:18px; height:23px; color:#EDE5E2; background:#666; text-align:center; padding-top:7px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin-left:4px; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } #sect2 .spread_word .fa:hover { background:#e10000 } #sect3 .infographics_area { padding:70px 0 80px 0} #sect3 .facts_know { font: normal 36px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; width:100%; text-align:center; text-transform:uppercase; padding-top:40px} #sect3 .spread_word { text-align:center; font: bold 13px 'Montserrat', Arial, Helvetica, sans-serif; color:#a9a9a9; text-transform:uppercase; margin-top:30px } #sect3 .spread_word span{ padding-right:5px } #sect3 .spread_word .fa { color:#4e4e4e; font-size:15px } #sect3 .spread_word .sm_link { display:inline-block; width:22px; height:18px; background:#a9a9a9; opacity:0.6; filter:alpha(opacity=60); text-align:center; padding-top:4px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; margin-left:8px; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in; } #sect3 .spread_word .sm_link:hover { background:#e10000; text-decoration:none; color:#e10000 } #sect4 h2.section-title { color:#555 !important } .carousel_area { width:100%; height:auto; background:url("carousel-area-bg.png") repeat; font: bold 36px 'Montserrat', Arial, Helvetica, sans-serif; color:#555; padding-top:25px; padding-bottom: 80px; } .carousel_area .flex-control-paging li a { } .carousel_area .flex-control-nav { margin-bottom:-40px } .carousel_area .flexslider { margin-top:30px } .carousel_area .flexslider .slides > li { margin-right:20px } .carousel_area .person_name { font: bold 20px 'Raleway', Arial, Helvetica, sans-serif; color:#444; padding:30px 0 20px 0; } .carousel_area .fa-external-link { display:block; padding-top:20px; color:#444 } .carousel_area .sign_declaration { font-size:30px; margin-top:30px; float:right } .carousel_area .sign_declaration a, .carousel_area .sign_declaration a:visited { color:#e10000; text-decoration:none; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in;} .carousel_area .sign_declaration a:hover { color:#444; text-decoration:none } .carousel_area .flex-direction-nav a { opacity:0.7; margin-top:25px; top:inherit } .carousel_area .flex-direction-nav a:hover { opacity:1 } .carousel_area .flex-direction-nav .flex-prev { left:inherit !important } .carousel_area .flex-direction-nav .flex-next { right:inherit !important; margin-left:80px !important } #carousel_area_frontpage { background:url("sect1-progress-area-bg.png") repeat; padding-bottom:0 } #carousel_area_frontpage .we_signed_text { color:#fff } #carousel_area_frontpage a, #carousel_area_frontpage a:visited { color:#fff !important } #carousel_area_frontpage a:hover { color:#e10000 !important } /* captions on carousel on home page start */ figure { display: block; position: relative; float: left; overflow: hidden; } figcaption { width:100%; height:100%; position: absolute; background:#73b4dc; opacity: 0; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; font: normal 16px 'Raleway', Arial, Helvetica, sans-serif; color:#444; text-align:center } figure:hover figcaption { opacity: 1; } figure:before { /*content: "?";*/position: absolute; background: rgba(255,255,255,0.75); text-shadow: 0 0 5px white; color: black; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius:12px; border-radius:12px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.75 } figure:hover:before { opacity: 0; } .cap-bot:before { bottom: 10px; left: 10px; } .cap-bot figcaption { left: 0; bottom: -30%;} .cap-bot:hover figcaption { bottom: 0; } /* captions on carousel on home page end */ .organization_sign_up_page .we_signed_text { color:#555 } .organization_sign_up_page { min-height:inherit !important } .organization_sign_up_page h1 { text-transform:none !important; font: bold 36px 'Montserrat', Arial, Helvetica, sans-serif; margin-bottom: 40px; display: inline-block; vertical-align: middle; } .organization_sign_up_page #content { margin-bottom:0 !important } .organization_sign_up_page ul.menu { text-align:left !important } .organization_sign_up_page ul.menu li:first-child { margin-left:0 !important } /* sidebar for single post start */ .sidebar { margin-top:138px } .sidebar .share_this { margin-bottom:15px; float:right } .sidebar .share_this .share_text { float:left; font: bold 34px 'Montserrat', Arial, Helvetica, sans-serif; color:#444; text-transform:uppercase; } .sidebar .share_this .plus_icon { float:right; margin:5px 0 0 10px } .sidebar i.fa-plus { font-size:22px; padding-top:5px; width:32px; height:26px; background:#e10000; color:#fff; text-align:center; padding-top:6px; } .sidebar i.fa-twitter, .sidebar i.fa-facebook { color:#e10000; font-size:20px; width:30px; height:24px; padding-top:6px; background:#fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius:30px; text-align:center; margin-left:22px; margin-right:10px } .sidebar .twitter, .sidebar .facebook { width:90%; float:right; background:#e10000; font: bold 26px 'Montserrat', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; padding:9px 0; margin-bottom:20px; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in; transition:all 0.2s ease-in;} .sidebar .twitter:hover, .sidebar .facebook:hover { background:#fff; color:#e10000 } .sidebar a { text-decoration:none } /* sidebar for single post end */ .fb-comments { margin-top:30px } span.wpcf7-not-valid-tip { color:#fff; font-family:Arial, Helvetica, sans-serif; margin-top:5px; } div.wpcf7-validation-errors { border: 2px solid #f7e700; color: #fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold } .organization_sign_up_page form input { width: 100%; border: 0px; background: #FFF; color: #666; font: normal 22px 'Montserrat', Arial, Helvetica, sans-serif; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .organization_sign_up_page textarea { border: 0; width: 100%; height: 100px; background:#fff; color:#666; font: normal 22px 'Montserrat', Arial, Helvetica, sans-serif; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .organization_sign_up_page form .organ_submit_button { background: #000; text-transform: uppercase; color: #FFF; padding: 10px 0; box-shadow: 0px 0px 0px 1px #000; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .organization_sign_up_page form .organ_submit_button:hover { background:#e10000; color:#fff; text-decoration:none; cursor:pointer; box-shadow: 0px 0px 0px 1px #fff; } .organization_sign_up_page .form_area h1 { padding:10px 0 0 0 !important } .organization_sign_up_page .form_area { padding-bottom:50px } @media only screen and (max-width: 1200px) { #header-blurb { font-size:31px; line-height:10px !important; } .sect1_title { font-size:55px; width:98%; } #sect1 .form_area h1 { font-size:28px; } #sect1 .fifty { padding-bottom:30px } #sect1 .form_area h1 { padding-top:45px } #sect1 #thank_signer .you_are { font-size:30px } #sect1 #thank_signer .we_need { font-size:35px } #sect1 #thank_signer .thank_circle { font-size:55px; width:248px; height:178px; padding-top:70px; } #sect1_1 #progressbar { width:82% } #sect2 .wrap { padding-top:60px } #sect3 .infographics_area img { width:100% } .carousel_area { height:auto !important; padding-top:20px; padding-bottom:60px } .carousel_area .person_bio { font-size:14px } .carousel_area .person_name { font-size:18px; padding-top:15px } .carousel_area .flex-direction-nav a { opacity:0.7; margin-top:25px; top:inherit } .carousel_area .flex-direction-nav a:hover { opacity:1 } .carousel_area .flex-direction-nav .flex-prev { left:inherit } .carousel_area .flex-direction-nav .flex-next { right:inherit; margin-left:80px } #contact_area { height: auto !important; padding-bottom: 70px; } #contact_area .keep_in_touch { padding-top:60px } } /* END @media only screen and (max-width: 1200px) */ @media only screen and (max-width: 1024px) { #header-blurb { font-size:25px; line-height:10px !important; } #sect1 { background: url("sect1.jpg") no-repeat center 0 !important } #sect1_1 { background: url("sect1.jpg") 50% 0 no-repeat !important } #sect2 { background:#ede5e2; } #sect3 { background: url("sect3.jpg") !important } #sect4 { background:#EDE5E2 !important } #sect5 { background: url("sect1.jpg") 50% !important } .sect1_title { font-size: 55px; width: 98%; } #sect1 .form_area h1 { font-size:22px } #sect1 .form_area h1 { font-size:28px; text-align:center; padding:15px 0 35px 0; line-height:35px } #sect1_1 .bargraph_area .voices { font-size:28px; padding-top:90px } #sect1 .fifty { padding-bottom:30px } #sect1 .sect1_title { margin-bottom:100px } #sect1_1 #progressbar { width:77% } #sect1 #thank_signer .you_are { font-size:24px; margin-top:30px } #sect1 #thank_signer .thank_circle { width:200px; height:140px; font: bold 40px/45px 'Montserrat', Arial, Helvetica, sans-serif; padding-top:60px; margin-top:60px } #sect1 #thank_signer .we_need { font-size:25px } #sect2 .wrap { padding-top:40px } #sect2 .sect2_blurb p { font-size:16px; line-height:23px } #sect2 .sect2_title { font-size:32px } #sect3 .facts_know { font-size:32px } #sect3 .infographics_area { padding: 40px 0 60px 0; } #sect3 .infographics_area img { width:100% } #sect4 h2 { font-size:32px !important } #sect5 .span12 { margin:0; font-size:32px; } .carousel_area { padding-top:18px; height:auto; padding-bottom:50px } .carousel_area .person_bio { font-size:13px } .carousel_area .person_name { font-size:14px; } .carousel_area .fa-external-link { display:none } .carousel_area .flex-direction-nav .flex-next { right: 0px; } #contact_area { height:auto !important } #contact_area .keep_in_touch { font-size:45px; padding-top:50px } #contact_area .social_icons_area { padding-bottom:0px } } /* END @media only screen and (max-width: 1024px) */ @media only screen and (max-width: 767px) { #header-blurb { font-size:24px; line-height:25px !important; } #header-blurb .blurb_text { margin-bottom:0px !important } /* #sect1 { background-size:cover !important } #sect1_1 { background-size:cover !important } #sect2 { background:#ede5e2 !important } #sect3 { background-size:cover !important } #sect4 { background-size:cover !important} #sect5 { background-size:cover !important } */ #sect1 { background: url("sect1-mobile2.jpeg") no-repeat center 0 !important } #sect1_1 { background: url("sect1.jpg") 50% 0 no-repeat !important } #sect2 { background:#ede5e2; } #sect3 { background: url("sect3.jpg") !important } #sect4 { background:#EDE5E2 !important } #sect5 { background: url("sect1.jpg") 50% !important } #sect1 .down_arrow .fa { font-size:70px } #sect1 .fifty { padding-bottom:0px } #sect1 .top_icons { float:none; display:block; width:250px; margin:0 auto; margin-bottom:10px } #sect1 .form_area h1 { font-size:20px; } #sect1 .sect1_title { margin-bottom:70px; font-size:27px; line-height:30px } .sig_word { padding-bottom:20px } #sect1 .form_area h1 { font-size:25px; text-align:center; padding:5px 0 5px 0; line-height:35px } #sect1 .form_area h1 .fa { font-size:25px } #sect1 .form_area .social_icons_area { padding-top:20px; text-align:center; float:none; padding-bottom:30px } #sect1 .form_area .read_the_declaration { padding-top:0; margin-top: 0px; text-align: center; margin-bottom: 30px; } #sect1 .twenty { display:none } #sect1 .sect1_title { margin-bottom:0px } #sect1 #thank_signer { min-height:inherit; height:460px } #sect1 #thank_signer .you_are { font-size:24px; margin-top:30px } #sect1 #thank_signer .right { margin-top:30px } #sect1 #thank_signer .thank_circle { width:0px; height:0px; font: bold 40px/45px 'Montserrat', Arial, Helvetica, sans-serif; border:0px; padding-top:40px; white-space:nowrap } #sect1 #thank_signer .we_need { font-size:25px } #sect1_1 .bargraph_area .span4 { margin-top:0; padding-top:50px } #sect1_1 .bargraph_area .voices { text-align:center; font-size:28px; } #sect1_1 .bargraph_area .progress { padding-top:10px } #sect1_1 .bargraph_area .progress_blurb { text-align:left } #sect1_1 .bargraph_area .weekly_sigs { text-align:center } #sect1_1 #progressbar { width:60% } #sect2 .wrap { padding-top:30px } #sect2 .sect2_title { text-align:center } #sect2 .sect2_blurb p { font-size:16px; line-height:22px } #sect2 .fifty { padding-bottom:25px } #sect2 .video_wrapper { margin-left:0px; margin-top: 10px; width: 100%; max-width:none } #sect3 .facts_know { padding-top:20px; font-size:30px } #sect3 .infographics_area { padding-top:10px; padding-bottom:30px } #sect3 .infographics_area .span4 { margin-bottom:10px; padding-bottom:30px; border-bottom: solid 1px #fff } #sect3 .infographics_area .span4:nth-child(3) { margin-bottom:0; padding-bottom:10px; border-bottom:0 } #sect3 .infographics_area img { display: block; width: 290px; margin: 0 auto; } #sect4 h2.section-title { font-size:30px; margin-bottom:20px; float:none !important; text-align:center } #sect4 #featured-posts { padding-top:50px } #sect4 #featured-posts #view-more { float: none; padding-top: 0px; text-align: center; } .carousel_area { padding-top:0px } .carousel_area .flex-control-nav { width:inherit; position:absolute; bottom:-30px; text-align:center } .carousel_area .flex-control-nav a { margin:0 15px } .carousel_area .span12 { margin:0; font-size:30px; text-align:center } .carousel_area .sign_declaration { float:none; text-align:center } .carousel_area { height:auto; padding-bottom:30px } .carousel_area .sign_declaration a { font-size:30px; text-align:center; } .carousel_area .person_bio { font-size:16px } .carousel_area .person_name { font-size:19px; padding-top:20px } .carousel_area .fa-external-link { display:block } #contact_area .keep_in_touch { font-size:30px; padding-top:40px } #contact_area .social_icons_area { margin-top:30px } #footer-wrapper .blog_text { padding-left: 12px; margin-left: 10px; } #contact_area .share_your_story { font-size:20px } #contact_area .hear_from_you { padding-top:40px } #contact_area { height:auto !important; padding-bottom:50px } #footer { height:auto; padding-bottom:10px !important } #footer .logos_center { padding-top:30px !important; } #footer #aom_logo { display: block; float: none; margin: 0 auto; } #footer #mf_logo { display: block; margin: 0 auto; float: none; padding-top:25px } #footer .tagline_right { padding:10px 0 25px 0 !important } .organization_sign_up_page #thank_signer { margin-top:-70px } .organization_sign_up_page h1 { font-size:25px !important; margin-bottom:0px } .organization_sign_up_page .form_area { padding-bottom:0 } } /* END @media only screen and (max-width: 767px) */ /* force 5 digit display until we have more people signed up. But for now, let's hide the 6th digit. Comment out the lines below if you want to show 6 digits. */ .counter { width:171px !important } .counter .first_digit { display:none !important } /* FILE ARCHIVED ON 04:09:05 Dec 19, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 12:22:01 Apr 12, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): capture_cache.get: 0.329 load_resource: 126.419 PetaboxLoader3.resolve: 35.622 PetaboxLoader3.datanode: 16.812 */