/* fixing floats */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } #headerbar { margin-top: 0; } /* Pop-up Global styles */ #mc_embed_signup { background: url(../images/pop_bgd.jpg) repeat 0 0; width: 100%; font-family: Helsinki Light, sans-serif; font-size: 18px; padding: 30px 0; } #mc_embed_signup a { text-decoration: none; color: #000; -webkit-transition: 0.35s; -moz-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; } #mc_embed_signup a:hover { text-decoration: none; opacity: 0.75; } #mc_embed_signup .mc-field-group { text-align: center; } #mc_embed_signup .feature-img { width: 90%; margin: 0px auto; } #mc_embed_signup .logo-wp { width: 35%; margin: 0 auto 20px; } #mc_embed_signup .col-1-2, #mc_embed_signup .col-2-2 { float: left; width: 49%; line-height: 1.5; text-align: center; padding-bottom: 30px; } #mc_embed_signup .col-1-2 { margin-right: 0; margin-left: 2%; } #mc_embed_signup .btm { font-size: 18px; text-transform: uppercase; text-align: center; letter-spacing: 2px; font-weight: 600; margin: 30px auto 0px; } #mc_embed_signup .follow { font-size: 14px; text-transform: uppercase; text-align: center; letter-spacing: 2px; } #mc_embed_signup .follow a { text-decoration: none; color: #000; } #mc_embed_signup .step-two, #mc_embed_signup .step-three { display: none; } /* Pop-up Step 1 - email capture */ #mc_embed_signup .step-one .field-hdr { margin: 80px auto 40px; } #mc_embed_signup .step-one .btn-next a { background: #000; color: #fff; display: inline-block; padding: 10px 40px; font-size: 24px; font-weight: bold; text-transform: uppercase; margin: 40px auto 0; text-decoration: none; text-shadow: none; -webkit-transition: 0.35s; -moz-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; } #mc_embed_signup .step-one .btn-next a:hover { opacity: 0.75; } #mc_embed_signup .step-one .dislcaimer { width: 90%; margin: 80px auto 0; font-size: 12px; line-height: 1.3; } #mc_embed_signup .step-one input[type="email"] { border: 1px solid #000; text-align: center; width: 70%; line-height: 1.7; font-size: 18px; font-weight: 100; -webkit-appearance: none; border-radius: none; padding: 15px; background: transparent; } /* Pop-up Step 2 - other info */ #mc_embed_signup .step-two { font-size: 15px; text-align: left; } #mc_embed_signup .step-two .col-1-2 { margin: 0 auto; } #mc_embed_signup .step-two .mc-field-group { border: 1px solid #999; padding: 10px; width: 95%; margin: 0 auto; text-align: left; margin-bottom: 4px; } #mc_embed_signup .step-two input[type="text"] { width: 100%; border: none; font-size: 15px; padding: 5px 0; background: transparent; } #mc_embed_signup .step-two div.mce_inline_error { margin-bottom: 5px; margin-top: 3px; } #mc_embed_signup .step-two .left { float: left; width: 75%; } #mc_embed_signup .step-two .mc-field-group-2 .left { width: 90%; } #mc_embed_signup .step-two .right { float: right; } #mc_embed_signup .step-two .right label:first-of-type { margin-right: 14px; } #mc_embed_signup .step-two .dropdown { display: none; background: background: url(../images/pop_bgd.jpg) repeat 0 0; margin: 10px 0 10px 45px; } #mc_embed_signup .step-two .dropdown .item { margin-left: 12px; } #mc_embed_signup .step-two .dropdown .dropdown-title { margin-bottom: 12px; } #mc_embed_signup .step-two .dropdown-trigger { width: 12px; height: 10px; background-position: 0 8px; padding-bottom: 8px; background-repeat: no-repeat; display: block; } #mc_embed_signup .step-two .down-arrow { background-image: url(../images/pop_arrow-down.gif); } #mc_embed_signup .step-two .up-arrow { background-image: url(../images/pop_arrow-up.gif); } #mc_embed_signup .step-two .dropdown .col-1-2, #mc_embed_signup .step-two .dropdown .col-2-2 { padding-bottom: 0; text-align: left; } #mc_embed_signup .step-two .btn-submit { width: 100%; text-align: center; margin: 0 auto; } #mc_embed_signup .step-two .btn-submit input { background: #000; color: #fff; display: inline-block; padding: 10px 40px; cursor: pointer; border: none; font-size: 24px; font-weight: bold; text-transform: uppercase; margin: 40px auto 0; border-radius: none; text-decoration: none; text-shadow: none; font-family: Helsinki, arial, sans-serif; font-weight: 100; -webkit-transition: 0.35s; -moz-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; } #mc_embed_signup .step-two .btn-submit input:hover { opacity: 0.75; } /* Pop-up Step 3 - thank you page */ #mc_embed_signup .step-three { font-size: 18px; width: 85%; margin: 0 auto; } #mc_embed_signup .step-three { color: #293146; } #mc_embed_signup .step-three .special-txt { padding: 16px 0 23px; } #mc_embed_signup .step-three #mce-error-response { color: #6b0505; } #mc_embed_signup .step-three #mce-success-response { color: #6e4d27; } #mc_embed_signup .step-three .mc-field-group:last-child { margin-bottom: 0; padding-bottom: 0; } #mc_embed_signup .step-three .support-r4h { font-size: 15px; margin: 24px auto 20px;} #mc_embed_signup .step-three .support-r4h h5 { font-size: 20px; margin: 0; font-weight: normal; } #mc_embed_signup .step-three form { padding: 0; margin-bottom: 60px; } #mc_embed_signup .step-three .btn-logo-r4h { background: url(../images/pop_logo-r4h.png) no-repeat 0 0; width: 88px; height: 84px; border: none; margin: 0 auto; display: block; } #mc_embed_signup .step-three input.btn-donate { background: #000; color: #fff; display: inline-block; padding: 10px 40px; border: none; cursor: pointer; font-size: 24px; font-weight: bold; text-transform: uppercase; margin: 23px auto 0; text-decoration: none; text-shadow: none; -webkit-transition: 0.35s; -moz-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; } #mc_embed_signup .step-three input.btn-donate:hover { opacity: 0.75; } /* Placeholder styling */ #mc_embed_signup input:-ms-input-placeholder { font-family: Helsinki Light, sans-serif; color:#000; font-size: 15px; opacity: 1; } #mc_embed_signup input::-webkit-input-placeholder { font-family: Helsinki Light, sans-serif; color:#000; font-size: 15px; opacity: 1; } #mc_embed_signup input:-moz-placeholder { font-family: Helsinki Light, sans-serif; color:#000; font-size: 15px; opacity: 1; } #mc_embed_signup input::-moz-placeholder { font-family: Helsinki Light, sans-serif; color:#000; font-size: 15px; opacity: 1; } /* Checkbox & radio button styling */ #mc_embed_signup label { cursor:pointer; } #mc_embed_signup input[type="checkbox"], #mc_embed_signup input[type="radio"] { display: none; } #mc_embed_signup input[type="checkbox"] + label span, #mc_embed_signup input[type="radio"] + label span { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border: 1px solid #000; background: transparent; margin-left: 0px; margin-right: 5px; } #mc_embed_signup .multi-line input[type="checkbox"] + label span, #mc_embed_signup .multi-line input[type="radio"] + label span { display: block; position: relative; left: 37%; margin: 0; } #mc_embed_signup .multi-line input[type="checkbox"] + label span { left: 41%; } #mc_embed_signup input[type="radio"] + label span { border-radius: 50%; } #mc_embed_signup input[type="checkbox"] + label span::before { content: ""; display: block; } #mc_embed_signup input[type="checkbox"]:checked + label span::before { content: "x"; position:relative; top: -9px; color: #fdcd7a; text-align: center; font-size: 20px; } #mc_embed_signup input[type="radio"]:checked + label span { background: #fdcd7a; } /* error */ #mc_embed_signup div.mce_inline_error { display: none; font-weight: normal !important; } /* pop-up frame */ #mc_pop { height: auto; margin: 40px auto; width: 1100px; position: relative; } #mc_pop .mfp-close { right: 8px; top: 5px; } @media all and (max-width: 980px){ #mc_pop { width: 100%; } } @media all and (max-width: 900px){ #mc_embed_signup .step-two .left { width: 65%; } } @media all and (max-width: 768px){ #mc_embed_signup .col-1-2, #mc_embed_signup .col-2-2 { float: none; width: 90%; margin: 0 auto; } #mc_embed_signup .special-txt { padding-right: 15px; padding-left: 15px; } #mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"] { width: 90%; } } @media all and (max-width: 635px){ /*#mc_embed_signup .step-two .btn-submit { width: 43%; }*/ } @media all and (max-width: 545px){ #mc_embed_signup .step-one .col-2-2 .mc-field-group label { display: block; margin: 5px 0; } } @media all and (max-width: 460px){ #mc_embed_signup .step-two .left, #mc_embed_signup .step-two .right { width: 100%; float: none; } #mc_embed_signup .step-two .mc-field-group-2 .left { width: 90%; float: left; } #mc_embed_signup .step-two .mc-field-group-2 .right { width: 5%; float: right; } }