/** de-style.css @author: Simon Web Design, LLC @version: 1.7 - April 11th, 2017 Copyright (C) Simon Web Design, LLC - All Rights Reserved. Unauthorized copying of this file, via any medium is strictly prohibited. This file is proprietary and confidential.  */
/* Donate Boost styles */
#donate-boost-wrap { width: 100%; height: 100%; top: 0; left: 0; z-index: 999991; }

#donate-boost { font-family: arial; }

#donate-boost * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; -webkit-overflow-scrolling: touch; }

#donate-boost .donate-boost-form { position: relative; margin: 0 auto; width: 100%; z-index: 999992; }

@media (min-width: 48em) { #donate-boost .donate-boost-form { width: 320px; } }

#donate-boost .donate-boost-form .donate-boost-form-wrap { padding: 0; overflow: hidden; background: #fafafa; }

@media (min-width: 48em) { #donate-boost .donate-boost-form .donate-boost-form-wrap { box-shadow: 0px 35px 85px 0px rgba(0, 0, 0, 0.4); } }

#donate-boost .donate-boost-form .donate-boost-form-outerwrap { -webkit-animation-duration: .5s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-duration: .5s; animation-delay: 0s; animation-iteration-count: 1; }

#donate-boost .donate-boost-form .form-wrap { display: block; margin: 20px 30px; overflow: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-duration: 1s; animation-delay: 0s; animation-iteration-count: 1; }

#donate-boost .donate-boost-form .form-wrap.form-top { margin-top: 0px; }

#donate-boost .donate-boost-form .form-wrap .de-tiers-wrap { border: 0; background: none; margin-top: 20px; text-align: center; }

#donate-boost .donate-boost-form .form-wrap .de-tiers-wrap a { font-family: Arial, "Lucida Grande", sans-serif !important; font-weight: 600; text-transform: uppercase; z-index: 999999; width: 23%; font-size: 16px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding: 4px; border: solid 1px #dfdfdf; cursor: pointer; overflow: hidden; color: #777; background-color: #fff; display: inline-block; text-align: center; margin: 0 0 0 0; text-decoration: none; }

#donate-boost .donate-boost-form .form-wrap .de-tiers-wrap a.selected { background-color: #f3f3f3; color: #000; }

#donate-boost .donate-boost-form .form-wrap .de-tiers-wrap a:hover { outline: 0; border-color: #03a9f4; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

#donate-boost .donate-boost-form .form-wrap .de-tiers-wrap a:first-child { margin-left: 0; }

#donate-boost .donate-boost-form .form-wrap .de-tiers-wrap a:first-lst { margin-right: 0; }

#donate-boost .donate-boost-form .form-wrap -webkit-input-placeholder, #donate-boost .donate-boost-form .form-wrap -moz-placeholder, #donate-boost .donate-boost-form .form-wrap -ms-input-placeholder, #donate-boost .donate-boost-form .form-wrap -moz-placeholder { color: red; }

#donate-boost .donate-boost-form .form-wrap input { padding: 0; border: 0; background: none; line-height: auto; color: #000; }

#donate-boost .donate-boost-form .form-wrap label { color: gray; font-size: 10px; }

#donate-boost .donate-boost-form .form-wrap .field-wrap { margin: 0; position: relative; padding: 0; border: solid 1px #dfdfdf; }

#donate-boost .donate-boost-form .form-wrap .field-wrap input { -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; padding: 23px 10px 8px 10px; font-size: 16px; border-radius: 0; background-color: white; border: solid 1px white; }

#donate-boost .donate-boost-form .form-wrap .field-wrap input:focus { outline: 0; border-color: #03a9f4; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

#donate-boost .donate-boost-form .form-wrap .field-wrap label { position: absolute; color: gray; top: 5px; left: 12px; font-size: 10px; opacity: 1; padding: 0; margin: 0; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-transform: uppercase; pointer-events: none; }

#donate-boost .donate-boost-form .form-wrap .field-wrap input:focus + label { color: #03a9f4; }

#donate-boost .donate-boost-form .form-wrap .de-amount input { font-size: 28px; }

#donate-boost .donate-boost-form .form-wrap .de-donor .field-wrap, #donate-boost .donate-boost-form .form-wrap .de-name .field-wrap, #donate-boost .donate-boost-form .form-wrap .de-cc .field-wrap { border-bottom: 0; }

#donate-boost .donate-boost-form .form-wrap .de-mm .field-wrap, #donate-boost .donate-boost-form .form-wrap .de-yy .field-wrap { border-right: 0; }

#donate-boost .donate-boost-form .form-wrap .de-subscription { font-size: 10px; color: #777777; opacity: 1; padding: 0; margin: 1px; text-transform: uppercase; }

#donate-boost .donate-boost-form .form-wrap .de-cc-details { display: block; overflow: hidden; }

#donate-boost .donate-boost-form .form-wrap .de-cc-details .de-mm, #donate-boost .donate-boost-form .form-wrap .de-cc-details .de-yy, #donate-boost .donate-boost-form .form-wrap .de-cc-details .de-cvc { float: left; }

#donate-boost .donate-boost-form .form-wrap .de-cc-details .de-mm input, #donate-boost .donate-boost-form .form-wrap .de-cc-details .de-yy input, #donate-boost .donate-boost-form .form-wrap .de-cc-details .de-cvc input { border-radius: 0; }

#donate-boost .donate-boost-form .form-wrap .de-cc-details .de-mm input:focus, #donate-boost .donate-boost-form .form-wrap .de-cc-details .de-yy input:focus, #donate-boost .donate-boost-form .form-wrap .de-cc-details .de-cvc input:focus { outline: 0; border-color: #03a9f4; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

#donate-boost .donate-boost-form .form-wrap .de-cc-details .de-mm { width: 25%; }

#donate-boost .donate-boost-form .form-wrap .de-cc-details .de-yy { width: 25%; }

#donate-boost .donate-boost-form .form-wrap .de-cc-details .de-cvc { width: 50%; }

#donate-boost .donate-boost-form .form-wrap .de-address-details-wrap { overflow: hidden; display: block; }

#donate-boost .donate-boost-form .form-wrap .de-address .field-wrap { border-bottom: 0; }

#donate-boost .donate-boost-form .form-wrap .de-city .field-wrap, #donate-boost .donate-boost-form .form-wrap .de-state .field-wrap { border-bottom: solid 1px #dfdfdf; }

@media (min-width: 48em) { #donate-boost .donate-boost-form .form-wrap .de-city .field-wrap, #donate-boost .donate-boost-form .form-wrap .de-state .field-wrap { border-bottom: 0; } }

#donate-boost .donate-boost-form .form-wrap .de-city .field-wrap { border-right: 0; }

#donate-boost .donate-boost-form .form-wrap .de-address { width: 100%; }

#donate-boost .donate-boost-form .form-wrap .de-city, #donate-boost .donate-boost-form .form-wrap .de-state, #donate-boost .donate-boost-form .form-wrap .de-code { float: left; }

#donate-boost .donate-boost-form .form-wrap .de-city { width: 25%; }

@media (min-width: 48em) { #donate-boost .donate-boost-form .form-wrap .de-city { width: 50%; } }

#donate-boost .donate-boost-form .form-wrap .de-state { width: 25%; }

#donate-boost .donate-boost-form .form-wrap .de-state .field-wrap { border-right: 0; }

@media (min-width: 48em) { #donate-boost .donate-boost-form .form-wrap .de-state { width: 50%; }
  #donate-boost .donate-boost-form .form-wrap .de-state .field-wrap { border-right: solid 1px #dfdfdf; } }

#donate-boost .donate-boost-form .form-wrap .de-code { width: 50%; }

@media (min-width: 48em) { #donate-boost .donate-boost-form .form-wrap .de-code { width: 100%; } }

#donate-boost .donate-boost-form .form-wrap .de-honoree { width: 100%; }

#donate-boost .donate-boost-form .circle { background-color: #ffffff; box-shadow: 0px 1px 1px 0px #4478b2; height: 10px; margin: 0 0 3px 0; width: 10px; display: inline-block; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; opacity: 0; }

#donate-boost .donate-boost-form #circle1 { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; }

#donate-boost .donate-boost-form #circle2 { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; }

#donate-boost .donate-boost-form #circle3 { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; }

#donate-boost button#stripe-submit, #donate-boost button.donor-submit, #donate-boost input[type="submit"], #donate-boost input[type="button"], #donate-boost input[type="reset"] { font-family: Arial, "Lucida Grande", sans-serif !important; font-weight: 600; text-transform: uppercase; z-index: 999999; width: 100%; font-size: 24px; padding: 20px 20px; border-top: 0; border-right: 0; border-left: 0; border-bottom: 0; cursor: pointer; color: #ffffff; line-height: 24px; box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.4); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); background-image: url(../images/btn-bg.png); background-position: center center; background-size: 25% 100%; border-radius: 0; }

@media (min-width: 48em) { #donate-boost button#stripe-submit, #donate-boost button.donor-submit, #donate-boost input[type="submit"], #donate-boost input[type="button"], #donate-boost input[type="reset"] { padding: 15px 10px; } }

#donate-boost button#stripe-submit:disabled, #donate-boost button.donor-submit:disabled, #donate-boost input[type="submit"]:disabled, #donate-boost input[type="button"]:disabled, #donate-boost input[type="reset"]:disabled { opacity: 0.5; cursor: not-allowed; }

#donate-boost .close-button { font-family: Arial, "Lucida Grande", sans-serif !important; font-weight: 600; text-transform: uppercase; z-index: 999999; width: 120px; font-size: 14px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding: 5px 4px; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 20px; border: solid 1px #fff; cursor: pointer; color: #ffffff; line-height: 24px; }

#donate-boost #stripe-progress { font-family: Arial, "Lucida Grande", sans-serif !important; font-weight: 600; text-transform: uppercase; z-index: 999999; width: 100%; font-size: 24px; padding: 20px 20px; border-top: 0; border-right: 0; border-left: 0; border-bottom: 0; cursor: pointer; color: #ffffff; line-height: 24px; box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.4); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); background-image: url(../images/btn-bg.png); background-position: center center; background-size: 25% 100%; border-radius: 0; }

@media (min-width: 48em) { #donate-boost #stripe-progress { padding: 15px 10px; } }

#donate-boost .payment-errors .de-error-content { text-transform: uppercase; font-weight: 600; padding: 0 0 10px 0; color: red; text-align: center; font-size: 12px; }

#donate-boost select { font-family: Arial, "Lucida Grande", sans-serif; font-size: 13px; padding: 12px 0 12px 10px !important; width: 100%; text-align: center !important; color: #588DCA; background: #F4F4F4; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; border: none; box-shadow: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#donate-boost select:focus { outline: none; }

#donate-boost .video-container { height: 0; padding-bottom: 56.25%; position: relative; margin-bottom: 1.5rem; }

#donate-boost .video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

#donate-boost .donate-boost-success-wrap { height: 320px; width: 320px; text-align: center; display: table-cell; vertical-align: middle; color: white !important; }

#donate-boost .donate-boost-success-wrap .icon { height: initial; }

#donate-boost .donate-boost-success-wrap .donate-boost-thanks-text { font-family: arial; color: white !important; font-size: 24px; font-weight: 300; }

#donate-boost .donate-boost-success-wrap p { color: white !important; font-size: 14px; margin: 20px 0 0 0; }

#donate-boost .donate-boost-success-wrap p a { color: white !important; text-decoration: underline; }

#donate-boost .donate-boost-success-wrap .donate-boost-success-check { text-align: center; display: block; }

#donate-boost .donate-boost-success-wrap .donate-boost-success-check i { font-size: 72px; color: #ffffff; }

.donate-boost-header .donate-boost-close { display: block; padding: 5px 0 5px 10px; cursor: pointer; line-height: 0; color: #9F9FA5; }

.donate-boost-header .donate-boost-close i { font-size: 18px; }

#de-branding { color: #707070; text-align: center; padding: 0; }

#de-branding .video-container p { padding: 0; margin: 0; }

#donate-boost-logo { bottom: 20px; position: absolute; margin: 0 auto; left: 0; right: 0; opacity: .25; width: 88px; height: auto; }

.donate-boost-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999990; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
