/**
Theme Name: Burlo Donazioni
Author: Enrico Baravoglia
Author URI: https://www.fucine.it
Description: Tema child donazioni Burlo
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: burlo-donazioni
Template: astra
*/


/* style select  */

#gform_6.donazioni select.gfield_select {
  width: 70% !important;
  background-color: white;
  border: thin solid #06a688;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.2em !important;
  padding: 5px 20px 5px 20px !important;
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #06a688 50%),
    linear-gradient(135deg, #06a688 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 23px) 1em,
    calc(100% - 18px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 23px;
  background-repeat: no-repeat;
}


#gform_6.donazioni select.gfield_select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 23px;
  background-repeat: no-repeat;
  border-color: #06a688;
  outline: 0;
    color: #06a688;
}


#gform_6.donazioni select.gfield_select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}





/* donazioni destinazione */


#gform_6.donazioni .dona-destinazione .gchoice_6_32_0 input ~ label {
    background-image: url(images/dona-03.jpg) !important; 
}
#gform_6.donazioni .dona-destinazione .gchoice_6_32_1 input ~ label {
    background-image: url(images/dona-01.jpg) !important; 
}
#gform_6.donazioni .dona-destinazione .gchoice_6_33_0 input ~ label {
    background-image: url(images/dona-07.jpg) !important; 
}
#gform_6.donazioni .dona-destinazione .gchoice_6_33_1 input ~ label {
    background-image: url(images/dona-06.jpg) !important; 
}

#gform_6.donazioni .dona-destinazione input ~ label {
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: 0px !important;
    background-size: contain !important;
    width: 270px !important;
    height: 205px !important;
    background-color: #06a688 !important;
    text-align: center;
    border-radius: 0;
    border:none;
    padding: 5px 0 !important;
    margin-right: 20px;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: white;
    border-radius: 4px;
}


#gform_6.donazioni .dona-destinazione input:checked ~ label {
    background-color: #a6d419 !important;
    border-color: #fff !important;
    font-weight: 800;
    box-shadow: 0 0 30px rgba(19, 106, 45, 0.35);
    opacity: 1;
    transform: scale(1.02);
}
#gform_6.donazioni .dona-destinazione input ~ label {
opacity: 0.9
transition: transform .2s; /* Animation */
}

/* donazioni semestrali */


#gform_6.donazioni .dona-ric .gchoice_6_30_0 input ~ label {
    background-image: url(images/dona-04.jpg) !important; 
}

#gform_6.donazioni .dona-ric .gchoice_6_30_1 input ~ label {
    background-image: url(images/dona-02.jpg) !important; 
}
#gform_6.donazioni .dona-ric .gchoice_6_30_2 input ~ label {
    background-image: url(images/dona-08.jpg) !important; 
}
#gform_6.donazioni .dona-ric .gchoice_6_30_3 input ~ label {
    background-image: url(images/dona-05.jpg) !important; 
}

/* donazioni mensile */


#gform_6.donazioni .dona-ric .gchoice_6_20_0 input ~ label {
    background-image: url(images/dona-03.jpg) !important; 
}

#gform_6.donazioni .dona-ric .gchoice_6_20_1 input ~ label {
    background-image: url(images/dona-04.jpg) !important; 
}
#gform_6.donazioni .dona-ric .gchoice_6_20_2 input ~ label {
    background-image: url(images/dona-05.jpg) !important; 
}
#gform_6.donazioni .dona-ric .gchoice_6_20_3 input ~ label {
    background-image: url(images/dona-02.jpg) !important; 
}


/* donazioni annuali */

#gform_6.donazioni .dona-ric .gchoice_6_28_0 input ~ label {
    background-image: url(images/dona-02.jpg) !important; 
}
#gform_6.donazioni .dona-ric .gchoice_6_28_1 input ~ label {
    background-image: url(images/dona-05.jpg) !important; 
}
#gform_6.donazioni .dona-ric .gchoice_6_28_2 input ~ label {
    background-image: url(images/dona-04.jpg) !important; 
}
#gform_6.donazioni .dona-ric .gchoice_6_28_3 input ~ label {
    background-image: url(images/dona-03.jpg) !important; 
}

#gform_6.donazioni .dona-ric input ~ label {
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: top !important;
    background-size: contain !important;
    width: 190px !important;
    height: 166px !important;
    background-color: #06a688 !important;
    text-align: center;
    border-radius: 0;
    border-color: #ccc !important;
    padding: 5px 0 !important;
    margin-right: 20px;
    font-size: 22px;
    line-height: 2;
    color: white;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: white;
    border-radius: 4px;
}


#gform_6.donazioni .dona-ric input:checked ~ label {
    background-color: #a1cd1a !important;
    border-color: #fff !important;
    font-weight: 800;
    opacity: 1;
    transform: scale(1.02);
    box-shadow: 0 0 30px rgba(19, 106, 45, 0.35);
    
}
#gform_6.donazioni .dona-ric input ~ label {
opacity: 0.9
transition: transform .2s; /* Animation */
}

#gform_6.donazioni .gform_previous_button.button {
    background-image: url(images/arrow-back.svg) !important;  
     background-repeat: no-repeat !important;
    background-position: 16px center !important;
    background-size: 9px !important;
    padding: 30px 30px 30px 40px;
    height: auto;
    border: 2px solid #efefef !important;
    height: 55px;
    margin-right: 30px;
    background-color: rgba(245, 244, 244, 0.91);
    line-height: 0;
}
#gform_6.donazioni .gform-theme-button {
    padding: 10px 30px 10px 30px !important;
    height: auto !important;
    line-height: 2 !important;
    margin-top: 20px !important;
}

#gform_6.donazioni #gform_submit_button_6 {
    padding: 10px 30px 10px 30px !important;
    height: auto !important;
    line-height: 2 !important;
    margin-top: 20px !important;
    background-color: #a6d419;
    font-weight: 1000 !important;
    text-shadow: 1px 1px 30px rgba(132, 159, 42, 1);
}

#gform_6.donazioni .gform_page_footer{
    margin: 60px 0 0 0;   
    border-top: 1px solid #efefef; 
    
}
.gform_ppcp_payment_method select{
    text-align: left;
    margin-bottom: 30px !important;
    border: 1px solid #ccc;
    background-color: #fff !important;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px !important;
}



#gform_6.donazioni legend.gfield_label, #gform_6.donazioni legend.gform-field-label {
    padding-top: 30px !important;
}

#gform_6.donazioni #field_6_24 .gfield_label {
    display: none !important;
    padding: 0 !important;
}

#gform_6.donazioni .ginput_container_text input,
#gform_6.donazioni .ginput_container input{
    text-align: left;
    padding: 12px 18px!important;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width: 180px;
    background-color: #fff;
    font-size: 19px;
    color: #06a688;
}

#gform_6.donazioni .ginput_container_text input:focus,
#gform_6.donazioni .ginput_container input:focus{
    border: 1px solid #06a688 !important;

}

.gform_confirmation_message_6{
    width: 90%;
    margin: 20% auto;
    text-align: center;
font-weight: 600;
font-size: 23px !important;
text-transform: uppercase;
}

#gform_6.donazioni .gfield_total {
    display: none !important;
} 

#gform_6.donazioni #gf_page_steps_6 {
    border: none !important;
} 

#gform_6.donazioni .gf_step {
    margin: 0;
}
#gform_6.donazioni .gf_page_steps div {
border-bottom: 3px #efefef solid;
padding-bottom: 20px;
padding-right: 20px;
}
#gform_6.donazioni .gf_step_active {
border-color: #06a688 !important;
    
} 


#gform_6.donazioni .gf_step_completed .gf_step_number::after {
    width: 30px;
    height: 30px;
    font-size: 28px;
}
#gform_6.donazioni .gf_step_completed .gf_step_number::before {
    background: #009966;
    border: 2px solid #009966;
    border-radius: 50px;
    height: 35px;
    width: 35px;
}

#gform_6.donazioni .gf_step_number {
    background: transparent;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
    height: 35px;
    text-align: center;
    width: 35px;
} 


#gform_6.donazioni .gf_step_label{
font-weight: 700;
font-size: 20px !important;
text-transform: uppercase;
font-family: 'Titillium Web',sans-serif !important;
} 

#gform_6.donazioni legend.gfield_label {
font-weight: 700;
font-size: 23px !important;
} 

#gform_6.donazioni .gfield--type-radio legend.gform-field-label {
font-weight: 700;
font-size: 23px !important;
margin: 30px 0 20px 0;
    
} 

#gform_6.donazioni .gfield--type-select label.gform-field-label {
font-weight: 700;
font-size: 23px !important;
margin: 30px 0 15px 0;
    
} 

#gform_6.donazioni input ~ label {
    text-align: center;
    padding: 15px 20px!important;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width: 180px;
    background-color: #fff;
    float: left;
    margin-right: 20px;
    text-transform: uppercase;
	font-size: 17px;
}

#gform_6.donazioni input[type="radio"]:checked ~ label {
    background-color: #06a688;
    border: 1px solid #06a688;
    color: #fff;
}

#gform_6.donazioni input[type="radio"] {
    display: none !important;
}

#input_6_21, #input_6_4 {
    text-align: center;
    padding: 15px 20px!important;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width: 180px;
    background-color: #fff;
    float: left;
    margin-right: 20px;
    text-transform: uppercase;
}