.fade-enter-active, .fade-leave-active { transition: opacity .3s; } .fade-enter, .fade-leave-to { opacity: 0; } .hebrew { direction: rtl; } [v-cloak] { display: none; } #vue-stick-opt-in .wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: white; z-index: 9999; } @media (min-width: 1000px) { #vue-stick-opt-in .wrapper { top: auto; bottom: 0; right: 0; width: 306px; left: auto; height: auto; padding-top: 20px; } #vue-stick-opt-in .wrapper.hebrew { right: auto; left: 0; } } #vue-stick-opt-in, #vue-stick-opt-in * { box-sizing: border-box; font-family: 'Trade Gothic', sans-serif; } #vue-stick-opt-in div { line-height: 1; } #vue-stick-opt-in .border { position: absolute; bottom: 0; left: 0; width: 100%; height: 15px; } @media (min-width: 1000px) { #vue-stick-opt-in .border { height: 9px; } } #vue-stick-opt-in .container { padding: 0 18px; position: absolute; width: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } @media (min-width: 1000px) { #vue-stick-opt-in .container { position: relative; top: auto; transform: none; left: auto; padding: 0 20px 30px; } } #vue-stick-opt-in h2 { font-family: 'Trade Gothic Condensed 20'; font-style: normal; margin-bottom: 21px; color: #706f6f; } @media (min-width: 1000px) { #vue-stick-opt-in h2 { font-size: 15px; margin-bottom: 1px; } } #vue-stick-opt-in p { font-size: 14px; line-height: 1.6; color: #706f6f; margin-bottom: 19px; } @media (min-width: 1000px) { #vue-stick-opt-in p { line-height: 1.1; margin-bottom: 26px; } } #vue-stick-opt-in .wpcf7-form p { margin-bottom: 0; } #vue-stick-opt-in .wpcf7-form br { display: none; } #vue-stick-opt-in .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) { display: block; width: 100%; border: none; background: #e6e6e6; color: #6f6f6f; text-transform: uppercase; text-align: center; font-size: 16px; height: 39px; outline: none !important; } @media (min-width: 1000px) { #vue-stick-opt-in .wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) { height: 33px; font-size: 13px; } } #vue-stick-opt-in .wpcf7-form .wpcf7-submit { text-transform: uppercase; background: #0054a5; color: #fff; font-weight: bold; border: none; display: block; width: 100%; font-size: 15px; padding: 11px 5px; text-align: center; border-radius: 0; line-height: 1; height: auto; } @media (min-width: 1000px) { #vue-stick-opt-in .wpcf7-form .wpcf7-submit { font-size: 11px; padding: 11px 5px; } } #vue-stick-opt-in .wpcf7-form .wpcf7-response-output { display: block; color: #706f6f; text-align: center; padding: 0; margin-top: 0px; } #vue-stick-opt-in .wpcf7-form .wpcf7-response-output::before { display: none; } #vue-stick-opt-in .wpcf7-form .wpcf7-not-valid-tip { margin-top: 5px; margin-bottom: 5px; } #vue-stick-opt-in .close-btn { position: absolute; cursor: pointer; z-index: 9999; top: 38px; right: 31px; height: 29px; width: 30px; } @media (min-width: 1000px) { #vue-stick-opt-in .close-btn { top: 10px; margin-top: 10px; right: 13px; width: 15px; height: 15px; } } #vue-stick-opt-in .close-btn::after, #vue-stick-opt-in .close-btn::before { display: block; content: ''; background: #7e6f8d; position: absolute; top: 0; height: 100%; width: 2px; left: 50%; } @media (min-width: 1000px) { #vue-stick-opt-in .close-btn::after, #vue-stick-opt-in .close-btn::before { width: 1px; } } #vue-stick-opt-in .close-btn::after { transform: translateX(-50%) rotate(45deg); } #vue-stick-opt-in .close-btn::before { transform: translateX(-50%) rotate(-45deg); } #vue-stick-opt-in .form-sent { background: #40c2cf; text-transform: uppercase; min-height: 107px; } #vue-stick-opt-in .form-sent .container { padding-top: 4px; } #vue-stick-opt-in .form-sent p { color: #fff; line-height: 1.35; margin-top: -2px; text-align: center; font-size: 16px; width: 90%; float: left; } @media (min-width: 1000px) { #vue-stick-opt-in .form-sent p { font-size: 14px; vertical-align: top; text-align: left; } } @media (max-width: 1000px) { #vue-stick-opt-in .form-sent p { float: left; text-align: left; } } #vue-stick-opt-in .form-sent .fa { margin-right: 0; margin-bottom: 15px; color: #fff; font-size: 19px; width: 8%; float: left; margin-right: 6px; font-family: FontAwesome; } @media (min-width: 1000px) { #vue-stick-opt-in .form-sent .fa { vertical-align: top; margin-bottom: 0; } } #vue-stick-opt-in .form-sent .close-btn::after, #vue-stick-opt-in .form-sent .close-btn::before { background: #fff; } @media (min-width: 1000px) { #vue-stick-opt-in .event { width: 355px; } } #vue-stick-opt-in .event h3 { font-family: 'HelveticaNeue Heavy'; text-transform: none; font-weight: bold; margin-top: 7px; font-size: 20px; letter-spacing: 0px; color: #0a5aa9; } #vue-stick-opt-in .event p { font-size: 15px; margin-bottom: 0px; line-height: 20px; } #vue-stick-opt-in .event p.host { text-transform: uppercase; font-size: 13px; margin-bottom: 14px; } #vue-stick-opt-in .event a { display: block; background: #0054a6; color: #fff; font-weight: normal; text-align: center; padding: 12.5px 0; font-size: 14px; font-family: 'Trade Gothic Condensed 20'; transition: background-color ease 200ms; } #vue-stick-opt-in .event a:hover { background: transparent; color: #0054a6; border: 4px solid; padding: 8.5px 0; text-decoration: none; } /* issue #6349, issue #6350 */ #vue-stick-opt-in { /* stick black */ /* stick red */ /* stick gray */ } #vue-stick-opt-in input, #vue-stick-opt-in button { width: 100% !important; text-align: center; } #vue-stick-opt-in input { height: 33px; font-size: 14px; background: #e6e6e6; color: #6f6f6f; text-transform: uppercase; border: 0 !important; font-family: 'Trade Gothic Condensed 18' !important; } #vue-stick-opt-in .sticky-form-btn { background: #0054a5 !important; color: #ffffff !important; font-weight: normal; margin-bottom: 0 !important; width: 100% !important; font-family: 'Trade Gothic Condensed 20'; font-style: normal; letter-spacing: 1px; text-shadow: none; } #vue-stick-opt-in .container #email { margin-top: 10px; } #vue-stick-opt-in .sticky-form-btn:hover { background: transparent !important; color: #0054a6 !important; border: 4px solid !important; } #vue-stick-opt-in .errors { text-align: left; color: red; font-weight: normal; font-size: 13px; font-family: 'Trade Gothic Condensed 20'; } #vue-stick-opt-in .sticky-email-error { background: red; } #vue-stick-opt-in .emailError { background: #fe999d !important; color: #FFFFFF !important; } #vue-stick-opt-in .container { width: 350px; } @media (min-width: 1000px) { #vue-stick-opt-in .wrapper { width: 350px; } #vue-stick-opt-in .container { padding: 0 20px 30px; } #vue-stick-opt-in .container .form-box p, #vue-stick-opt-in .container .event-box p { margin: 14px 0; } #vue-stick-opt-in #sticky-container p { margin: 14px 0; } } @media (max-width: 1000px) { #vue-stick-opt-in .wrapper { opacity: 0.97; } } #vue-stick-opt-in .black-alert { background: black; } #vue-stick-opt-in .black-alert h2 { font-size: 14px !important; font-family: 'Trade Gothic Condensed 20' !important; color: white; } #vue-stick-opt-in .black-alert h3 { font-size: 15px !important; font-family: 'HelveticaNeue Heavy' !important; color: white; line-height: 18px; } #vue-stick-opt-in .red-alert { background: #cf1900; } #vue-stick-opt-in .red-alert h2 { font-size: 14px !important; font-family: 'Trade Gothic Condensed 20' !important; color: white; } #vue-stick-opt-in .red-alert h3 { font-size: 15px !important; font-family: 'HelveticaNeue Heavy' !important; color: white; line-height: 18px; } #vue-stick-opt-in .gray-alert { background: #6d6e71; } #vue-stick-opt-in .gray-alert h2 { font-size: 14px !important; font-family: 'Trade Gothic Condensed 20' !important; color: white; } #vue-stick-opt-in .gray-alert h3 { font-size: 15px !important; font-family: 'HelveticaNeue Heavy' !important; color: white; line-height: 18px; } #vue-stick-opt-in .default .close-btn:after, #vue-stick-opt-in .default .close-btn:before { background: #706f6f !important; } .modal-donate-section { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.9); z-index: 9998; } .modal-donate-section * { box-sizing: border-box; font-family: 'Trade Gothic bold condesed', sans-serif !important; } .modal-donate-section .container { padding: 0px 15px; } @media (min-width: 768px) { .modal-donate-section .container { padding: 0px 30px; } } .modal-donate-section .box { background: #fff; position: absolute; text-align: center; color: #706f6f; width: 100%; top: 0; left: 0; height: 100%; overflow: auto; padding-bottom: 30px; padding-top: 50px; } @media (min-width: 768px) { .modal-donate-section .box { padding-top: 98px; } } @media (min-width: 1000px) { .modal-donate-section .box { max-width: 100%; height: auto; min-height: 0; width: 782px; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); padding-bottom: 162px; } } .modal-donate-section .box .close-btn { position: absolute; cursor: pointer; width: 22px; height: 20px; top: 30px; right: 12px; background-size: cover; } @media (min-width: 768px) { .modal-donate-section .box .close-btn { top: 37px; right: 22px; width: 29px; height: 27px; } } .modal-donate-section .box .border-top { position: absolute; top: 0; left: 0; width: 100%; background-size: cover; height: 19px; } .modal-donate-section .box h3 { text-transform: none; font-weight: bold; letter-spacing: -1px; color: #0154a6; font-size: 37px; margin-bottom: 20px; } @media (min-width: 768px) { .modal-donate-section .box h3 { font-size: 49px; margin-bottom: 35px; } } .modal-donate-section .box .description { margin-bottom: 20px; } @media (min-width: 768px) { .modal-donate-section .box .description { margin-bottom: 39px; } } .modal-donate-section .box .description p { line-height: 1.4; margin-bottom: 3px; } .modal-donate-section .box .description p:first-child { font-weight: 900; letter-spacing: -0.1px; line-height: 1.3; margin-bottom: 24px; font-size: 19px; } @media (min-width: 768px) { .modal-donate-section .box .description p:first-child { font-size: 23px; } } .modal-donate-section .box .link-container { margin-bottom: 20px; } @media (min-width: 768px) { .modal-donate-section .box .link-container { margin-bottom: 41px; } } .modal-donate-section .box .link-container a { display: inline-block; color: #fff; background: #00c7d0; text-transform: uppercase; font-weight: bold; padding: 12px 26px; font-size: 13px; } @media (min-width: 768px) { .modal-donate-section .box .link-container a { font-size: 21px; } } .modal-donate-section .box .alternative-link-container p { margin-bottom: -4px; } .modal-donate-section .box .alternative-link-container p a { text-transform: uppercase; text-decoration: underline; font-weight: bold; color: inherit; } /* 4.0+ styles */ input[type="text"].seamless-donations-invalid-input { background-color: #ff8486; } .seamless-donations-error-message-field { color: red; background-color: yellow; } .seamless-donations-forms-error-message { color: yellow; background-color: red; } .dgx-donate-form-section span.horiz { margin-left: 25px; } .dgx-donate-form-section #designate_fund { margin-top: 1em; } .dgx-donate-form-section #repeating_checkbox { margin-top: 1em; } div#designated_fund_selector select { max-width: 100%; } .dgx-donate-form-section { border: 1px solid darkred !important; } /* Legacy styles pre-4.0 */ #dgx-donate-container { border: none; padding: 24px; margin: 0 12px 12px 12px; background: #f8f8f8; border-radius: 8px; } .dgx-donate-form-section { border: 1px solid #eee; background: #fff; padding: 32px; margin: 0 0 24px; border-radius: 4px; } .dgx-donate-form-section h2 { margin-top: 0px; margin-bottom: 12px; } .dgx-donate-form-section hr { border: none; border-bottom: 1px solid #eee; margin-bottom: 20px; } .dgx-donate-form-subsection { padding-left: 40px; margin-bottom: 24px; } .dgx-donate-comment { font-size: 80%; color: #aaa; } .dgx-donate-form-section input { width: auto; margin-right: 10px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; font-family: sans-serif; font-size: 13px; padding: 4px; vertical-align: middle; } .dgx-donate-form-section > p:last-child { margin-bottom: 0; } .dgx-donate-form-section select { max-width: 200px; } .dgx-donate-form-section input.horiz { margin-left: 50px; } .dgx-donate-form-section .aftertext { margin-left: 30px; } .dgx-donate-form-section label { width: 144px; display: inline-block; } .dgx-donate-form-indent { margin-left: 20px; } .dgx-donate-form-tribute-box, .dgx-donate-form-designated-box { margin-top: 24px; display: none; /* initially hidden */ border: 1px solid #f0f0f0; background: #f8f8f8; border-radius: 8px; padding: 24px; } .dgx-donate-form-designated-box { margin-bottom: 24px; } .dgx-donate-form-section input.dgx-donate-invalid-input { background: #faa; } .dgx-donate-busy, .dgx-donate-error-msg, .dgx-donate-pay-disabled { display: none; } .dgx-donate-form-section input.dgx-donate-pay-enabled { padding: 10px; cursor: pointer; border: none; } .dgx-donate-pay-disabled { padding: 10px; } .donation-module .row:before, .donation-module .row:after { display: table; content: ""; } .donation-module .row:after { clear: both; } .donation-module [class*="col-"] { float: left; padding: 0 15px; } .donation-module .col-3 { width: 25%; } .donation-module .col-6 { width: 50%; } .donation-module .form-group { margin-bottom: 30px; } .donation-module .form-center { text-align: center; } #dgx-donate-form-donor-section { margin-bottom: 120px; } #dgx-donate-form-donor-section:before, #dgx-donate-form-donor-section:after { display: table; content: ""; } #dgx-donate-form-donor-section:after { clear: both; } #dgx-donate-form-donor-section > div:not(#donation_header) { text-align: left; font-size: 20px; color: #706f6f; } .donation-module .form-control, #dgx-donate-form-donor-section input[type="text"], #dgx-donate-form-donor-section input[type="email"], #dgx-donate-form-donor-section input[type="tel"], #dgx-donate-form-donor-section input[type="number"] { width: 435px; height: 50px; background-color: #eeeeee; border: none; padding: 20px 30px; font-size: 20px; } [type="checkbox"] { -webkit-appearance: none; appearance: none; border: none !important; position: relative; top: -2px; } [type="checkbox"]:before { display: block; content: ""; width: 30px; height: 30px; background-color: #eeeeee; } [type="checkbox"]:checked:after { display: block; content: "\F00C"; font-family: FontAwesome; position: absolute; top: 6px; left: 8px; font-size: 23px; color: #706f6f; } .donation-module, .donation-module * { box-sizing: border-box; outline: none !important; } .donation-module { padding: 90px 30px; } /*button*/ .donation-module .btn, #dgx-donate-pay-enabled { display: inline-block; height: 50px; border: 5px solid #555; font-size: 22px; line-height: 20px !important; font-weight: bold; color: #fff !important; background-color: #555; padding: 12px 0 8px 0; width: 260px; max-width: 100%; text-align: center; margin: 0 20px; -webkit-transition: ease 0.3s all; -moz-transition: ease 0.3s all; -ms-transition: ease 0.3s all; transition: ease 0.3s all; } .donation-module .btn-info, #dgx-donate-pay-enabled { background-color: #79d4dd; border-color: #79d4dd; } .donation-module .btn-info.disable { background-color: rgba(64, 194, 207, 0.5) !important; border-color: rgba(64, 194, 207, 0) !important; color: #fff !important; cursor: no-drop; } .donation-module .btn-block { width: 100%; display: block; } .donation-module .btn-info:hover, #dgx-donate-pay-enabled:hover { background-color: transparent; color: #79d4dd !important; } .donation-module .btn-info.disable:hover { color: #fff !important; } .donation-module .btn-info.btn-inverse { background-color: transparent; color: #79d4dd !important; } .donation-module .btn-info.btn-inverse:hover { background-color: #79d4dd; color: #fff !important; } /*componente*/ .donation-module p, .dgx-donate-form-section > div { font-weight: 100; font-size: 30px; line-height: 35px; text-align: center; color: #706f6f; margin: 0; } .donation-module .content { padding: 70px 0; } .donation-module a, .donation-module p a { color: inherit !important; text-decoration: none !important; font-weight: bold; position: relative; } .donation-module p a:after { display: block; content: ""; position: absolute; left: 0; width: 0%; height: 3px; background-color: #40c2c4; -webkit-transition: ease 0.3s all; -moz-transition: ease 0.3s all; -ms-transition: ease 0.3s all; transition: ease 0.3s all; } .donation-module p a:hover:after { width: 100%; } .donation-module h2 { font-family: 'Trade Gothic Condensed 18','sans-serif'; font-size: 18px; font-weight: 400; line-height: 22px; color: #706f6f; margin: 0; padding: 0; text-align: center; } .donation-module h2 a { color: inherit !important; text-decoration: underline !important; -webkit-transition: ease 0.3s all; -moz-transition: ease 0.3s all; -ms-transition: ease 0.3s all; transition: ease 0.3s all; } .donation-module h2 a:hover { color: #40c2c4 !important; } .donation-module .content h3, .donation-module .content p { font-family: 'HelveticaNeueThin',sans-serif; } .donation-module h3, #dgx-donate-container h2 { font-weight: 100; font-size: 40px; line-height: 45px; text-align: center; color: #706f6f; margin: 0 0 60px; } .donation-module h3 small { font-size: 30px; } .donation-module .btns-center { text-align: center; } /*theme white*/ .donation-module.white { color: #706f6f; background-color: #fff; } .donation-module.white .btn-info { background-color: #79d4dd; border-color: #79d4dd; } .donation-module.white .btn-info:hover { background-color: transparent; color: #79d4dd !important; } .donation-module.white .btn-info.btn-inverse { background-color: transparent; color: #79d4dd !important; } .donation-module.white .btn-info.btn-inverse:hover { background-color: #79d4dd; color: #fff !important; } .donation-module.white p a:after { background-color: #79d4dd; } .steps { position: relative; } .steps .step { display: none; } .steps .step.active { display: block; } .steps .back { position: absolute; top: 300px; left: 0; } .steps .container_inner { position: relative; width: 1250px; max-width: 100%; margin: 0 auto; } .donation-module .content-btns { width: 1010px; max-width: 100%; margin: 0 auto; } .donation-module .content-btns .btn { font-family: 'Trade Gothic Condensed 20',sans-serif !important; margin-bottom: 25px; font-size: 16px; padding: 12px 5px; } .donation-module .btn input { -webkit-appearance: none; appearance: none; } .donation-module .content-btns .col-6:first-child { padding-left: 0; padding-right: 45px; } .donation-module .content-btns .col-6:last-child { padding-left: 45px; padding-right: 0; } #step-5 .content-btns { width: 620px; max-width: 100%; margin: 0 auto; } #step-7 p { line-height: 25px; font-weight: 200; } #step-7 .btn { width: 290px; } #step-11.donation-module h3 { font-size: 42px; margin-bottom: 30px; } #step-11 .content-btns { width: 900px; } #step-11 .content-btns .col-6:first-left { padding-right: 15px; } #step-11 .content-btns .col-6:last-child { padding-left: 15px; } #step-11 .content { padding-bottom: 30px; } /*donation*/ #dgx-donate-container { padding: 0; margin: 0 auto; width: 1000px; max-width: 100%; color: #706f6f; background: none; font-family: 'Trade Gothic', sans-serif; } #dgx-donate-container #header_desc p { display: none; } .dgx-donate-form-section, #dgx-donate-tribute { border: none !important; background: none !important; } #dgx-donate-tribute { margin-bottom: -6px; } .dgx-donate-form-section + .dgx-donate-form-section { margin-bottom: 60px; } #donation_header { margin-bottom: 10px; } #donation_header, #donation_header { margin-bottom: 30px; } .dgx-donate-form-section { border: none !important; margin: 0; } .dgx-donate-form-section { padding: 0; text-align: center; } #dgx-donate-form-donor-section, #dgx-donate-form-donor-section { display: table; content: ""; } #dgx-donate-form-donor-section { clear: both; } #dgx-donate-form-donor-section > div { float: left; width: 25%; padding: 0 15px 15px; } #dgx-donate-form-donor-section > #donation_header { display: block; float: none; width: 100%; padding: 0; } #dgx-donate-form-donor-section input[type="text"], #dgx-donate-form-donor-section input[type="email"], #dgx-donate-form-donor-section input[type="tel"], #dgx-donate-form-donor-section input[type="number"] { width: 100%; margin: 10px 0 0; border-radius: 0; } .dgx-donate-form-section > div { font-weight: 200; } .dgx-donate-form-section > div { height: 50px; } #dgx-donate-pay-enabled { position: relative; overflow: hidden; cursor: pointer; } #dgx-donate-pay-enabled:before { display: inline-block; content: "Donate"; position: relative; bottom: 3px; } #dgx-donate-pay-enabled input { border: none; margin: 0; padding: 0; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } #dgx-donate-form-donation-section { display: none; } .donation-modal, .donation-modal * { box-sizing: border-box; } .donation-modal .clearfix:before, .donation-modal .clearfix:after { display: table; content: ""; } .donation-modal .clearfix:after { clear: both; } .donation-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; display: none; padding: 0 15px; } .donation-modal .content { width: 690px; max-width: 100%; margin: 0 auto; background: none !important; } .donation-modal .content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .donation-modal .scroll { height: calc(100% - 100px); /*background-color: red;*/ } .donation-modal .scroll::-webkit-scrollbar { width: 5px; } .donation-modal .scroll::-webkit-scrollbar-track { background: #f1f1f1; } .donation-modal .scroll::-webkit-scrollbar-thumb { background: #706f6f; border-radius: 10px; } .donation-modal .scroll::-webkit-scrollbar-thumb:hover { background: #555; } .donation-modal .content .top { -webkit-flex-basis: 150px; -moz-flex-basis: 150px; -ms-flex-basis: 150px; flex-basis: 150px; } .donation-modal .content .top > div { padding-top: 65px; } .donation-modal .content .scroll { overflow: hidden; overflow-y: auto; } .donation-modal h2 { font-size: 22px; line-height: 32px; font-weight: 900; color: #706f6f; margin: 0; float: left; } .donation-modal p { font-size: 14px; line-height: 22px; font-weight: 300; color: #706f6f; } .donation-modal .close { float: right; width: 25px; height: 25px; position: relative; } .donation-modal .close:before, .donation-modal .close:after { display: block; content: ""; width: 100%; height: 3px; background-color: #717070; position: absolute; top: 50%; left: 50%; margin-top: -1.5%; margin-left: -50%; -webkit-transition: ease 0.3s all; -moz-transition: ease 0.3s all; -ms-transition: ease 0.3s all; transition: ease 0.3s all; } .donation-modal .close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .donation-modal .close:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .donation-modal .close:hover:before, .donation-modal .close:hover:after { background-color: #000; } @media (max-width: 1050px) { #step-3 .content-btns .btn { font-size: 14px; } } @media (max-width: 1015px) { .donation-module .btns-center .btn { margin: 0 auto 10px; display: block; } } @media (max-width: 992px) { .donation-module .content-btns .col-6:first-child { padding-right: 5px; } .donation-module .content-btns .col-6:last-child { padding-left: 5px; } } @media (max-width: 992px) { #step-3 .content-btns .btn { font-size: 12px; } } @media (max-width: 768px) { .only-desktop { display: none; } .donation-module { padding: 50px 30px; } .donation-module .content { padding: 50px 0; } .donation-module p, .dgx-donate-form-section > div { font-size: 20px; line-height: 24px; font-weight: 200; } .donation-module h2 { font-size: 13px; line-height: 16px; } .donation-module h3, #dgx-donate-container h2, #step-11.donation-module h3 { font-size: 24px; line-height: 34px; font-weight: 300; margin-bottom: 40px; } .donation-module h2 br, .donation-module h3 br, .donation-module p br { display: none; } .donation-module .btn { font-size: 17px; height: 38px; padding: 5px; } #step-3 .content-btns .btn { font-size: 12px; padding: 9px 5px; } .donation-module .btns-center .btn { margin: 0 auto 10px; display: block; } .steps .back img { width: 30px; } .steps .back { left: 10px; top: inherit; bottom: 10px; } .donation-module .col-6 { display: block; width: 100%; float: none; padding: 0 !important; } .donation-module .content-btns .btn { margin-left: 0; margin-right: 0; margin-bottom: 10px !important; } .hidden-xs { display: none; } .donation-module .col-3 { width: 50%; padding: 0 5px; } #step-5 .content-btns { padding: 0 20px; } #step-5 .content-btns .btn { padding: 7px 0; } #dgx-donate-container h2 { margin: 0 !important; text-indent: 0; } #donation_header { text-indent: 0; padding-left: 0; } #dgx-donate-form-donor-section > div { width: 100%; float: none; text-indent: 0; padding-left: 0; padding-right: 0; } #dgx-donate-form-donor-section { margin-bottom: 20px; } #dgx-donate-pay-enabled { margin: 0; width: 100% !important; text-indent: 0; padding: 12px; } .donation-module .form-control, #dgx-donate-form-donor-section input[type="text"], #dgx-donate-form-donor-section input[type="email"], #dgx-donate-form-donor-section input[type="tel"], #dgx-donate-form-donor-section input[type="number"] { width: 100%; } #step-6 .btns-center .btn { width: 100%; } #step-11 input { font-size: 16px; } } @media (max-width: 768px) { .dgx-donate-form-section > div { text-indent: -52px; text-align: left; padding-left: 47px; height: auto; } } #paypal-donate-button { text-align: center; } #vue-donate-module .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #f6f6f6; z-index: 9998; padding-top: 50px; } #vue-donate-module .close-btn { position: fixed; top: 50px; right: 20px; width: 29px; height: 29px; cursor: pointer; z-index: 999; } #vue-donate-module a { text-transform: uppercase; } #vue-donate-module #step-3 label, #vue-donate-module #step-4 label, #vue-donate-module #step-5 label { text-transform: uppercase; } #vue-donate-module #step-7 p { text-transform: uppercase; } #vue-donate-module #step-8 #dgx-donate-form-payment-section { display: none; } #vue-donate-module #step-11 .form-group:not(.text-normal) ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-transform: uppercase; } #vue-donate-module #step-11 .form-group:not(.text-normal) ::-moz-placeholder { /* Firefox 19+ */ text-transform: uppercase; } #vue-donate-module #step-11 .form-group:not(.text-normal) :-ms-input-placeholder { /* IE 10+ */ text-transform: uppercase; } #vue-donate-module #step-11 .form-group:not(.text-normal) :-moz-placeholder { /* Firefox 18- */ text-transform: uppercase; } /*# sourceMappingURL=app.css.map*/