@charset "utf-8";
/* CSS Document */

/* DONATIONS */

.donations_wrap{
   --label-inactive:#fff!important; 
   --label-inactive-hover:#fff!important;
}


.donations_wrap .lds-ellipsis div{background:#f6ce0c}
.donations_wrap .wcdp-divider-arrow path{fill:#f6ce0c}
.donations_wrap .wcdp-divider-arrow rect{filter:invert(79%) sepia(62%) saturate(1509%) hue-rotate(357deg) brightness(105%) contrast(93%)}

.donations_wrap .woocommerce form .form-row{margin:0 0 10px}


.donations_wrap h3{font-size:26px; text-transform:uppercase; color:#666}

.donations_wrap .wcdp-row>label, .wcdp-variation-heading{font-family:'Roboto Condensed',sans-serif; font-size:18px}

.donations_wrap label abbr[title]{color:#c02b0a!important; text-decoration:none!important; border:none!important}


.donations_wrap .woocommerce-billing-fields{}

.donations_wrap .woocommerce-billing-fields label{font-family: 'Roboto Condensed',sans-serif; font-size:18px!important; line-height:unset!important; margin-bottom:8px}



.donations_wrap #wcdp_amount{padding:0}

.donations_wrap .wcdp_options>li>label{background:#fff; border:1px dashed #818181; background-image: linear-gradient(rgb(246, 206, 12), rgb(246, 206, 12)); background-position:0 100%; background-size:0% 100%; background-repeat:no-repeat; transition:background-size .2s, border-color .2s, font-weight .05s 0.05s, box-shadow .2s; transition-timing-function:ease-in}

.donations_wrap .wcdp_options>li>label:hover{background-size:100% 100%; font-weight:700; -webkit-box-shadow:1px 2px 4px 0px rgba(0,0,0,0.5); box-shadow:1px 2px 4px 0px rgba(0,0,0,0.25); transition:background-size .4s, border-color .4s, font-weight .1s .1s, box-shadow .4s; transition-timing-function:ease-out}

.donations_wrap ul.wcdp_options>li>input:checked+label{font-weight:700;  -webkit-box-shadow:1px 2px 4px 0px rgba(0,0,0,0.5); box-shadow:1px 2px 4px 0px rgba(0,0,0,0.25); transition:background-color .4s, border-color .4s, font-weight .1s .1s, box-shadow .4s; transition-timing-function:ease-out}

.donations_wrap .woocommerce-billing-fields input[type="text"], .donations_wrap .woocommerce-billing-fields input[type="email"], .donations_wrap .woocommerce-billing-fields input[type="tel"], .donations_wrap .woocommerce-billing-fields select{height:40px; font-size:16px!important; background-color:#fff!important; color:#818181; border-radius:0; border:dashed 1px #818181; background-image: linear-gradient(rgb(246, 206, 12), rgb(246, 206, 12))!important; background-position:0 100%; background-size:0% 100%!important; background-repeat:no-repeat; transition:background-size .2s, border-color .2s, font-weight .05s 0.05s, box-shadow .2s; transition-timing-function:ease-in}


.donations_wrap .woocommerce-billing-fields input[type="text"]:focus, .donations_wrap .woocommerce-billing-fields input[type="email"]:focus, .donations_wrap .woocommerce-billing-fields input[type="tel"]:focus, .donations_wrap .woocommerce-billing-fields select:focus{background-color:#fff!important; background-image: linear-gradient(rgb(246, 206, 12), rgb(246, 206, 12))!important;  background-position:0 100%; background-size:100% 100%!important;  color:#000; border-color:#666; font-weight:700; -webkit-box-shadow:1px 2px 4px 0px rgba(0,0,0,0.5); box-shadow:1px 2px 4px 0px rgba(0,0,0,0.25); transition:background-size .4s, border-color .4s, font-weight .1s .1s, box-shadow .4s; transition-timing-function:ease-out}



.donations_wrap .woocommerce-billing-fields input[type="text"]::placeholder, .donations_wrap .woocommerce-billing-fields input[type="email"]::placeholder, .donations_wrap .woocommerce-billing-fields input[type="tel"]::placeholder, .donations_wrap .woocommerce-billing-fields select::placeholder{color:#818181; font-weight:400}

.donations_wrap .woocommerce-billing-fields input[type="text"]:focus::placeholder, .donations_wrap .woocommerce-billing-fields input[type="email"]:focus::placeholder, .donations_wrap .woocommerce-billing-fields input[type="tel"]:focus::placeholder, .donations_wrap .woocommerce-billing-fields select:focus::placeholder{font-weight:400; color:#666}


.donations_wrap input[type="text"]::selection, .donations_wrap input[type="email"]::selection, .donations_wrap input[type="tel"]::selection, .donations_wrap select::selection{background-color:#000; color:#fff}

.donations_wrap textarea{font-size:16px!important; background-color:#fff!important; color:#818181; border-radius:0; border:dashed 1px #818181; background-image: linear-gradient(rgb(246, 206, 12), rgb(246, 206, 12))!important; background-position:0 100%; background-size:0% 100%!important; background-repeat:no-repeat; transition:background-size .2s, border-color .2s, font-weight .05s 0.05s, box-shadow .2s; transition-timing-function:ease-in; resize:vertical; min-height:120px; max-height:240px}

.donations_wrap textarea:focus{background-color:#fff!important; background-image:linear-gradient(rgb(246, 206, 12), rgb(246, 206, 12))!important;  background-position:0 100%; background-size:100% 100%!important; color:#000; border-color:#666; font-weight:700; -webkit-box-shadow:1px 2px 4px 0px rgba(0,0,0,0.5); box-shadow:1px 2px 4px 0px rgba(0,0,0,0.25);  transition:background-size .4s, border-color .4s, font-weight .1s .1s, box-shadow .4s; transition-timing-function:ease-out}

.donations_wrap textarea::selection{background-color:#000; color:#fff}

.donations_wrap textarea::-webkit-scrollbar{width:5px; height:5px}
.donations_wrap textarea::-webkit-scrollbar-thumb{background:#666}
.donations_wrap textarea::-webkit-scrollbar-thumb:hover{background:#000}
.donations_wrap textarea::-webkit-scrollbar-track{background:#f6ce0c}

@-moz-document url-prefix() {
.donations_wrap textarea {
    scrollbar-width:thin;
    scrollbar-color:#666 #f6ce0c
  }
} 

.gform_wrapper.gravity-theme .ginput_counter{width:-moz-fit-content; width:fit-content; background-color:#fff; border:1px dashed #818181; padding:2.5px 5px; color:#666}



.donations_wrap input[type="checkbox"] {width:20px; height:20px; background-color:#fff; border-radius:0; border:1px dashed #818181; -moz-appearance:none; -webkit-appearance:none; appearance:none}
.donations_wrap input[type="checkbox"]:focus{border-color:#666}
.donations_wrap input[type="checkbox"]:checked{background-image:url(/wp-content/themes/christina-child/img/check.svg); background-repeat:no-repeat; background-size:cover; background-color:#f6ce0c; border-color:#000}

.donations_wrap input[type="radio"]{width:20px; height:20px; background-color:#fff; border-radius:50%; margin:0 10px 0 0!important; border:1px dashed #818181; -moz-appearance:none; -webkit-appearance:none; appearance:none}
.donations_wrap input[type="radio"]:focus{border-color:#666}
.donations_wrap input[type="radio"]:checked{background-color:#f6ce0c; border-color:#000}

.donations_wrap #payment .wc_payment_methods li label{display:inline-flex; width:calc(100% - 34px); -webkit-transform:translateY(-4px); transform:translateY(-4px)}


/* SELECT 2 */


.donations_wrap .select2.select2-container{width:100%!important; line-height:0!important; padding:0!important}
.donations_wrap .select2.select2-container .dropdown-wrapper{display:none}


.donations_wrap .select2.select2-container .select2-selection--single{outline:0; padding:8px; height:40px; border-radius:0; background-color:#fff!important; color:#818181; border:dashed 1px #818181; background-image: linear-gradient(rgb(246, 206, 12), rgb(246, 206, 12))!important; background-position:0 100%; background-size:0% 100%!important; background-repeat:no-repeat; transition:background-size .2s, border-color .2s, font-weight .05s 0.05s; transition-timing-function:ease-in}
.donations_wrap .select2.select2-container .select2-selection--single .select2-selection__rendered{padding:0; line-height:24px; color:#818181}

.donations_wrap .select2-container--default .select2-selection--single .select2-selection__arrow{top:7px; right:7px; padding:0 .9804%; width:20px!important; transform:unset}
.donations_wrap .select2-container--default .select2-selection--single .select2-selection__arrow b{display:block!important; border-color:#818181 transparent transparent transparent; border-width:7.5px 6px 0 6px; margin-left:-6px; margin-top:-3px; transition:border-color .2s}
.donations_wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #000 transparent; border-width:0 6px 7.5px 6px; transition:border-color .4s}

.donations_wrap .select2-container .select2-selection--single:focus{background-color:#fff!important; background-image: linear-gradient(rgb(246, 206, 12), rgb(246, 206, 12))!important;  background-position:0 100%; background-size:100% 100%!important;  color:#000; border-color:#666; font-weight:700; transition:background-size .4s, border-color .4s, font-weight .1s .1s; transition-timing-function:ease-out}


.donations_wrap .select2-container .select2-selection--single:focus .select2-selection__rendered{color:#000}


.select2-search--dropdown{background-color:#fff}
.select2-search--dropdown .select2-search__field{border:1px dashed #000!important; background-color:#f6ce0c!important; font-weight:700; color:#000; outline:0!important; border-radius:0; padding:8px!important; height:40px}
.select2-dropdown.select2-dropdown--below{border:1px dashed #818181; border-radius:0; -webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.5); box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.5)}


.select2-results__options{background-color:#fff; overscroll-behavior:contain}


.select2-results__options::-webkit-scrollbar{width:8px; height:8px}
.select2-results__options::-webkit-scrollbar-thumb{background:#666}
.select2-results__options::-webkit-scrollbar-thumb:hover{background:#000}
.select2-results__options::-webkit-scrollbar-track{background:#fff}

@-moz-document url-prefix() {
.select2-results__options {
    scrollbar-width:thin;
    scrollbar-color:#666 #fff
  }
} 

.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:rgba(246,206,12,.75)!important; color:#000!important; font-weight:500}
.select2-container--default .select2-results__option[data-selected=true]{background-color:#f6ce0c!important; color:#000!important; font-weight:700}

.input_field_desc_act{color:#000!important; font-weight:500}


/* ERRORS */


.donations_wrap form > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-error{margin-top:unset; margin-bottom:25px; padding:5px 0 5px 40px}
    
.donations_wrap form > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-error:before, .donations_wrap form > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-info:before, .donations_wrap form > .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout ul.woocommerce-message:before{left:.85em; height:16px; line-height:1; top:calc(50% - 8px)}


/* SHOP TABLE */


.donations_wrap .shop_table{border:1px dashed #818181!important}

.donations_wrap table.shop_table td{padding:10px!important}

.donations_wrap .woocommerce-checkout table.shop_table th{border:1px dashed #818181; border-left:none; border-right:none; border-bottom:none}

.donations_wrap .woocommerce-checkout table.shop_table tbody td{border-bottom:none}

.donations_wrap .woocommerce-checkout table.shop_table tfoot td{border:1px dashed #818181; border-bottom:none; border-right:none}


/* PAYMENT */


.woocommerce-checkout #payment div.payment_box::before{top:-.92em}


/* T&C */


.donations_wrap .woocommerce-terms-and-conditions-wrapper a{display:inline-flex; background-image: linear-gradient(rgb(246, 206, 12), rgb(246, 206, 12)); text-decoration:none!important; font-weight:500; color:#000; background-size:0% 100%; background-position:0 100%; background-repeat:no-repeat; transition:background-size .25s, padding .25s}
.donations_wrap .woocommerce-terms-and-conditions-wrapper a:hover{background-size:100% 100%; padding:0 5.5px; color:#000; transition:background-size .5s, padding .5}


@media all and (max-width : 544px)  and (-webkit-min-device-pixel-ratio:1.5) {

/* DONATIONS */

.form-row.place-order{padding:0!important}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{margin-bottom:0}
    
}

@media all and (max-width : 430px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* DONATIONS */
   
.donations_wrap h3{font-size:22.6px}    
    
.donations_wrap .woocommerce-checkout .woocommerce-billing-fields #billing_first_name_field{width:100%}
.donations_wrap .woocommerce-checkout .woocommerce-billing-fields #billing_last_name_field{width:100%}    
        
} 

@media all and (max-width : 360px) and (-webkit-min-device-pixel-ratio:1.5) {
    
/* DONATIONS */  
    
.donations_wrap h3{font-size:21.6px}   
    
}