/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@font-face {
    font-family: 'OktaNeue-Bold';
    src: url('../fonts/OktaNeue-Bold/font.woff2') format('woff2'),
    url('../fonts/OktaNeue-Bold/font.woff') format('woff');
}

@font-face {
    font-family: 'OktaNeue-Normal';
    src: url('../fonts/OktaNeue-Normal/font.woff2') format('woff2'),
    url('../fonts/OktaNeue-Normal/font.woff') format('woff');
}

* {
    margin: 0;
    padding: 0;
    font-family: 'OktaNeue-Normal', sans-serif;
    box-sizing: border-box;
}

.hide {display: none !important}

#crear_crowfunding .row, .acb-form .row {margin-bottom:2rem !important;}
#crear_crowfunding .row.small-mb, .acb-form .row.small-mb {margin-bottom:.25rem !important;}

#footer[role="contentinfo"] {display:none !important}

form#crear_crowfunding input[type="text"]::placeholder, form.acb-form input[type="text"]::placeholder,
form#crear_crowfunding input[type="date"]:not(:placeholder-shown), form.acb-form input[type="date"]:not(:placeholder-shown),
form#crear_crowfunding input[type="number"]::placeholder, form.acb-form input[type="number"]::placeholder,
form#crear_crowfunding input[type="phone"]::placeholder, form.acb-form input[type="phone"]::placeholder,
form#crear_crowfunding input[type="email"]::placeholder, form.acb-form input[type="email"]::placeholder,
form#crear_crowfunding textarea::placeholder, form.acb-form textarea::placeholder {color: #6c757d;}

form#crear_crowfunding input[type="text"].form-error::placeholder, form.acb-form input[type="text"].form-error::placeholder,
form#crear_crowfunding input[type="date"].form-error:not(:placeholder-shown), form.acb-form input[type="date"].form-error:not(:placeholder-shown),
form#crear_crowfunding input[type="number"].form-error::placeholder, form.acb-form input[type="number"].form-error::placeholder,
form#crear_crowfunding input[type="phone"].form-error::placeholder, form.acb-form input[type="phone"].form-error::placeholder,
form#crear_crowfunding input[type="email"].form-error::placeholder, form.acb-form input[type="email"].form-error::placeholder,
form#crear_crowfunding textarea.form-error::placeholder, form.acb-form textarea.form-error::placeholder {color: #ff6666;}

form#crear_crowfunding input[type="text"], form.acb-form input[type="text"],
form#crear_crowfunding input[type="date"]:valid, form.acb-form input[type="date"]:valid,
form#crear_crowfunding input[type="number"], form.acb-form input[type="number"],
form#crear_crowfunding input[type="phone"], form.acb-form input[type="phone"],
form#crear_crowfunding input[type="email"], form.acb-form input[type="email"],
form#crear_crowfunding textarea, form.acb-form textarea {color: #0c4b78; border-radius: 4px !important; background-color:#ffffff !important;}

form#crear_crowfunding input[type="text"].filled, form.acb-form input[type="text"].filled,
form#crear_crowfunding input[type="date"].filled:valid, form.acb-form input[type="date"].filled:valid,
form#crear_crowfunding input[type="number"].filled, form.acb-form input[type="number"].filled,
form#crear_crowfunding input[type="phone"].filled, form.acb-form input[type="phone"].filled,
form#crear_crowfunding input[type="email"].filled, form.acb-form input[type="email"].filled,
form#crear_crowfunding textarea.filled, form.acb-form textarea.filled {color: #0c4b78 ; border-color:#0c4b78; background-color:#ffffff !important;}

form#crear_crowfunding input[type="text"]:focus, form.acb-form input[type="text"]:focus,
form#crear_crowfunding input[type="date"]:focus, form.acb-form input[type="date"]:focus,
form#crear_crowfunding input[type="number"]:focus, form.acb-form input[type="number"]:focus,
form#crear_crowfunding input[type="phone"]:focus, form.acb-form input[type="phone"]:focus,
form#crear_crowfunding input[type="email"]:focus, form.acb-form input[type="email"]:focus,
form#crear_crowfunding textarea:focus, form.acb-form textarea:focus {color: #0c4b78 ; background-color: #f8f8f8 ; border:1px solid #0c4b78 !important; outline: unset !important; box-shadow: none !important;}

form#crear_crowfunding input[type="text"]:disabled, form.acb-form input[type="text"]:disabled,
form#crear_crowfunding input[type="email"]:disabled, form.acb-form input[type="email"]:disabled {color: #0c4b78 ; background-color: #dcdcdc !important; border:1px solid #ced4da !important; outline: unset !important; box-shadow: none !important;}

.form-error, .form-error {border-color:#ff6666 !important; color:#ff6666 !important; border-width:2px !important;}
.validation-error {font-size:.75rem !important; color:#ff6666 !important; display: block;}
.validation-error.checkbox {margin-left:1.5rem !important; display: block;}
input:disabled {cursor:not-allowed !important;}

.row.section-title {margin-bottom: 2rem !important;}
.row.section-title h1 {font-family: 'OktaNeue-Bold', sans-serif; font-size: 2rem !important; font-weight: normal !important; color: #0c4b78 !important; margin-bottom: .25rem !important;}
.row.section-title p {font-family: 'OktaNeue-Normal', sans-serif; font-size: 1rem !important; font-weight: normal !important; color: #0c4b78 !important; margin-bottom: 0 !important;}

.date-pick p{}
#images_wrapper {display: flex; flex-direction: row;  align-items: center; justify-content: space-around; width: 60% !important; align-self: center; margin-top: 2rem;}
#images_wrapper .imagen_wrapper {display: flex; flex-direction: row; margin-right: 1rem; }
input.crowdfunding-loader {visibility:hidden; height: 1px; width: 1px;}
#images_wrapper .imagen_wrapper div.img_preview {border:2px solid #0c4b78; background-color: transparent; width:100px; height: 100px; position: relative;}
#images_wrapper .imagen_wrapper div.img_preview::before {content:""; position:absolute; top: calc((100px - 2.5rem) / 2) !important; left: calc((100px - 2.5rem) / 2) !important; background-color:#0c4b78; height:2.5rem; width:2.5rem; display:block; mask: url("../images/cloud-arrow-up-solid.svg") no-repeat center / 100%; -webkit-mask: url("../images/cloud-arrow-up-solid.svg") no-repeat center / 100%;}
#images_wrapper .imagen_wrapper:hover div.img_preview::before {background-color:#fff;}
#images_wrapper .imagen_wrapper.filled div.img_preview::before {content:""; position:absolute; top: calc((100px - 1.5rem) / 2) !important; left: calc((100px - 1.5rem) / 2) !important; background-color:#ffffff; height:1.5rem; width:1.5rem; display:block; mask: url("../images/trash-solid.svg") no-repeat center / 100%; -webkit-mask: url("../images/trash-solid.svg") no-repeat center / 100%;}
#images_wrapper .imagen_wrapper.filled:hover div.img_preview::before {background-color:#fff;}
#images_wrapper .imagen_wrapper.filled div.img_preview {}
#images_wrapper .imagen_wrapper div.img_preview:hover {border:2px solid #0c4b78; background-color: #0c4b78; cursor:pointer;}
#images_wrapper .imagen_wrapper div.img_preview img {width:100%; height:100%; object-fit: cover;}

#select-box {position: relative !important; width: calc(50% - 30px) !important;}
#select-box .select2-container .select2-dropdown.select2-dropdown--below {box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px !important; -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px !important; }

.select2-selection.select2-selection--single.select2-selection-wrapper {color: #0c4b78 !important; border-radius: 4px !important; background-color:#ffffff !important; height: calc(1.5em + .75rem + 2px) !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #444;line-height: 48px;}
.select2-container .select2-selection--single .select2-selection__rendered {display: block; padding: 0 30px 0 15px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.select2-selection__placeholder {color: #6c757d !important; opacity: 1 !important; font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.select2-container--default .select2-selection--single .select2-selection__arrow {height:unset !important; line-height: 48px !important; position: absolute; top: calc((48px - 5px) / 2) !important; right: 10px; width: 20px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top: 0 !important;}
.select2-container .select2-selection--single .select2-selection__arrow {height:unset !important; line-height: 36px !important; position: absolute; top: calc((36px - 5px) / 2) !important; right: 0; width: 20px;}
.select2-container .select2-selection--single .select2-selection__arrow b {margin-top: 0 !important; top:0 !important; left:0 !important;}

.select2-container--bootstrap4.select2-container--focus .select2-selection {border-color:#0c4b78 !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.select2-container--bootstrap4 .select2-selection.filled {border-color:#0c4b78 !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.select2-container--bootstrap4 .select2-selection.form-error {border-color:#ff6666 !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.select2-container--bootstrap4 .select2-selection.form-error .select2-selection__placeholder {color:#ff6666 !important;}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered.filled {color: #0c4b78 !important; }

label {line-height: 1.25rem !important; font-size: 1rem !important; font-weight: 400 !important; color: #444 !important; display: block !important; margin-bottom: .5rem !important;}
label input[type="checkbox"] {margin-right: 0.5rem !important; margin-left: 0 !important; width: 1.25rem !important; height: 1.25rem !important; vertical-align: middle !important;}

#bt_create_crowdfunding:disabled {cursor:not-allowed !important;}
#bt_create_crowdfunding.button-loader, #bt_create_crowdfunding.button-loader:focus {width: 240px !important; height: 67px !important; background-color: #0c4b78 !important; background: url('../images/spinner.gif'); background-repeat: no-repeat; background-position: center center; border: 0;}

.cf-disclaimer label a {font-weight: bold; color: #0c4b78 !important; text-decoration: none !important;}
.cf-disclaimer label a:hover {color: #082b5a !important; text-decoration: underline !important;}

.btn-primary {background-color: #0c4b78 !important; border-color: #0c4b78 !important; color:#fff !important;}
.btn-primary:hover {background-color: #082b5a !important; border-color: #082b5a !important;}

.result-box {margin: 4rem 0 4rem 0 !important; }
.result-box p {font-family: 'OktaNeue-Normal', sans-serif; font-size: 1.25rem !important; font-weight: normal !important; color: #0c4b78 !important; margin: 0 !important; text-align: center !important}
.result-box p.error-result {color:#ff6666 !important;}

/* DONATE NOW */
.donate-now .row.section-title {margin:3rem 0 !important;}
#donate_now .row {margin-bottom:2rem !important;}
#donate_now .mb0 {margin-bottom:0 !important;}
#donate_now .row.section-internal {margin:3rem 0 2rem 0 !important;}
#donate_now .row.section-internal h2 {font-family: 'OktaNeue-Bold', sans-serif; font-size: 2rem !important; font-weight: normal !important; color: #0c4b78 !important; margin-bottom: .25rem !important;}
.donation_amounts_container { }
.donation_amounts_wrappers {display:flex; flex-direction: row; justify-content: space-between; align-items: center; }
.donation_amounts_wrappers .donation_amounts {display:flex;}
.donation_amounts_wrappers .donation_amounts label {margin:0 !important;}
label input[type="radio"] {margin-right: .5rem;}
div.center {text-align: center;}
#donate_now .row.button-wrapper {margin: 3rem 0 !important}
#donate_now .pm-container {margin: 2rem 0 3rem 0 !important}
#donate_now .pm_wrappers {display:flex; flex-direction: row; justify-content: space-between; align-items: center; }
#donate_now .pm_wrappers label {display:flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; }
#donate_now .pm_wrappers label input[type="radio"] {margin-right:.75rem !important;}
#donate_now .pm_wrappers label div.pm-item {display:flex; flex-direction: row; justify-content: space-between; align-items: center; }
#donate_now .pm_wrappers label div.pm-item div.icon {display:flex; width:40px; height: 40px; position: relative; margin-right:.5rem !important}
#donate_now .pm_wrappers label div.pm-item div.name {font-family: 'OktaNeue-Normal', sans-serif; font-size: 1rem !important; font-weight: bold !important; color: #0c4b78 !important; }
#donate_now .pm_wrappers label.form-error div.pm-item div.name {color: #ff6666 !important; }
#donate_now .pm_wrappers label div.pm-item div.icon img {object-fit: cover}

form#donate_now input[type="text"].form-error::placeholder, form.acb-form input[type="text"].form-error::placeholder,
form#donate_now input[type="date"].form-error:not(:placeholder-shown), form.acb-form input[type="date"].form-error:not(:placeholder-shown),
form#donate_now input[type="number"].form-error::placeholder, form.acb-form input[type="number"].form-error::placeholder,
form#donate_now input[type="phone"].form-error::placeholder, form.acb-form input[type="phone"].form-error::placeholder,
form#donate_now input[type="email"].form-error::placeholder, form.acb-form input[type="email"].form-error::placeholder,
form#donate_now textarea.form-error::placeholder, form.acb-form textarea.form-error::placeholder {color: #ff6666;}