/* 
Theme Name: Una goccia per il mondo Child
Author: Piscaglia Nicola
Template: unagocciaperilmondo
Version: 2.0.0
Text Domain: unagocciaperilmondo-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

/* Menu */
#main-menu .dona {
    background-color: #61CE70;
    border-radius: 40px;
    color: white !important;
}

#main-menu .dona a {
    color: white !important;
}

/* Form newlsetter */
@media only screen and (min-width: 768px) {
	#newsletter .row {
	  display: flex;
	  flex-wrap: wrap;
	  margin-bottom: 15px;
	  align-items: center;
	}
	#newsletter .col {
	  flex: 1;
	  min-width: 0;
	  padding: 0 10px;
	}
	#newsletter .col.policy {
	  flex: 3; /* la policy prende più spazio */
	}
	#newsletter .submit {
	  flex: 1;
	  text-align: right; /* bottone a destra */
}
}

#newsletter .col.policy {
    font-size: 12px !important;
	color: white !important;
}

#newsletter .col.policy a{
	text-decoration:underline;
	color: white !important;
}

#newsletter .row {
    margin-bottom: 0px !important;
}

#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    padding: 7px 10px;
    border: 0px !important;
    background-color: #ff00;
    border-bottom: 3px solid white !important;
    border-radius: 0px !important;
}

#newsletter input::-webkit-input-placeholder,
#newsletter textarea::-webkit-input-placeholder {
  color: #ffffff;
}
#newsletter input:-moz-placeholder,
#newsletter textarea:-moz-placeholder {
  color: #ffffff;
}
#newsletter input::-moz-placeholder,
#newsletter textarea::-moz-placeholder {
  color: #ffffff;
}
#newsletter input:-ms-input-placeholder,
#newsletter textarea:-ms-input-placeholder {
  color: #ffffff;
}

#newsletter input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #ffffff00;
    border: 2px solid white !important;
    width: 150px;
    color: #fff;
    font-size: 18px;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 600;
}

#newsletter input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #fff !important;
    border: 2px solid white !important;
    width: 150px;
    color: #333;
	transition: 0,3s;
}

/* Pagina statuto */
#faq-statuto .e-n-accordion-item-title {
    margin-block-end: 0px !important;
	margin-bottom: 0px !important;
}

/* Pagina contatti */
@media only screen and (min-width: 768px) {
	#contatti .row {
	  display: flex;
	  flex-wrap: wrap;
	  margin-bottom: 15px;
	  align-items: center;
	}
	#contatti .col {
	  flex: 1;
	  min-width: 0;
	  padding: 0 10px;
	}
	#contatti .col.policy {
	  flex: 3; /* la policy prende più spazio */
	}
	#contatti .submit {
	  flex: 1;
	  text-align: right; /* bottone a destra */
	}
}

#contatti .col.policy {
    font-size: 12px !important;
	color: #000 !important;
}

#contatti .col.policy a{
	text-decoration:underline;
	color: #000 !important;
}

#contatti .row {
    margin-bottom: 0px !important;
}

#contatti input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    padding: 7px 10px;
    border: 0px !important;
    background-color: #ff00;
    border-bottom: 2px solid #000 !important;
    border-radius: 0px !important;
    color: #000 !important;
}

#contatti input::-webkit-input-placeholder,
#contatti textarea::-webkit-input-placeholder {
  color: #000;
}
#contatti input:-moz-placeholder,
#contatti textarea:-moz-placeholder {
  color: #000;
}
#contatti input::-moz-placeholder,
#contatti textarea::-moz-placeholder {
  color: #000;
}
#contatti input:-ms-input-placeholder,
#contatti textarea:-ms-input-placeholder {
  color: #000;
}

#contatti input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #ffffff00;
    border: 2px solid #000 !important;
    width: 150px;
    color: #000;
    font-size: 18px;
    padding: 5px;
    text-transform: uppercase;
    font-weight: 600;
}

#contatti input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #000 !important;
    border: 2px solid #000 !important;
    width: 150px;
    color: #fff;
	transition: 0.3s;
}

/* Menu mobile */
@media only screen and (max-width: 1024px) {
	#menu-mobile .submenu a {
		font-weight: 300 !important;
	}
	#menu-mobile .submenu {
		padding-left: 10% !important;
	}

	#menu-mobile.elementor-nav-menu--dropdown a {
			padding-top: 7px;
			padding-bottom: 7px;
	}

	#menu-mobile .dona {
		background-color: #61CE70;
		border-radius: 30px;
		border: 1px solid #61CE70;
	}

	#menu-mobile .dona a {
		color: #fff;
		text-align: center;
		display:block;
	}

	#menu-mobile .dona:hover  {
		color: #61CE70;
		background-color:#fff;
		border: 1px solid #61CE70;
		transition:0.3s;
	}

	#menu-mobile .dona {
		margin-top: 20px !important;
	}
}

/* Pagina dona ora */
.campaign h1.entry-title {
    text-align: center;
    font-weight: 800;
    padding-top: 30px;
}

.campaign main#content {
    max-width: 950px !important;
}

@media only screen and (min-width: 768px) {
.campaign  .charitable-campaign-column.charitable-campaign-column-1 {
    border-radius: 30px;
    padding: 40px !important;
    box-shadow: 0px 0px 20px #bbbbbb;
}
}

.campaign button.button.charitable-button.donate-button.button-primary {
    background-color: #61ce70 !important;
    border-color: #61ce70 !important;
    border-radius: 10px;
    font-size: 25px;
    font-weight: 700;
}

.campaign h5.charitable-field-template-headline {
    text-align: center;
}

.campaign .placeholder.charitable-placeholder p {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}

.campaign .charitable-campaign-column.charitable-campaign-column-1 {
    margin-bottom: 60px !important;
}

.campaign .charitable-campaign-field.charitable-campaign-field-donate-amount .charitable-template-donation-options ul.charitable-template-donation-amounts .charitable-template-donation-amount.selected {
    color: #000;
    border: 10px solid #61ce70;
	font-size: 20px !important;
}

.campaign span.amount {
    FONT-SIZE: 18PX;
    font-weight: 700 !important;
}

.campaign .dona-select h5 {
    font-size: 20px !important;
}

@media only screen and (max-width: 767px) {
	.campaign .dona-select h5 {
    font-size: 18x !important;
	}
	
	h5.charitable-field-template-headline {
    	font-size: 30px !important;
    	line-height: 30px !important;
	}
    .campaign .placeholder.charitable-placeholder p {
        text-align: center;
        font-size: 16px;
        line-height: 26px;
    }
	.campaign span.amount {
    	FONT-SIZE: 16PX;
    	font-weight: 700 !important;
	}
	span.amount,
	span.donors-count {
    	text-align: center !important;
	}
	.charitable-campaign-wrap.template-environmental .charitable-campaign-field-campaign-summary .campaign-summary-item.campaign_hide_amount_donated,
	.charitable-campaign-wrap.template-environmental .charitable-campaign-field-campaign-summary .campaign-summary-item.campaign_hide_number_of_donors {
    width: 50% !important;
    text-align: center;
	}
	.charitable-campaign-wrap.template-environmental .charitable-campaign-column:nth-child(even) {
    padding: 20px 25px 0 25px;
    background-color: #f7f7f7;
    BORDER-RADIUS: 20PX ! IMPORTANT;
	}
	
}