/*************************************************/
/* Stylesheet for the Patrons details entry form */
/*************************************************/

form.pledge-details .description{
    color:#cbbb80;
	font-size:unset;
	line-height:1.5em;
}

form.pledge-details span.form-required {
    display: none;
}

form.pledge-details a,
form.pledge-details a:visited {
    color: #cbbb80;
    text-decoration: underline;
	border:0;
}

form.pledge-details h2,
form.pledge-details h3,
form.pledge-details p  {
    color:#cbbb80;
	margin-bottom:0;
}

form.pledge-details {
    background-color: #5a2f39;
    padding: 20px;
	border-radius:20px;
}

form.pledge-details .webform-component-markup hr {
    margin-bottom:10px;
	height:1px;
	border:none;
}

form.pledge-details  div.webform-component-markup{
    margin:0;
    padding:0;
}

form.pledge-details legend,
form.pledge-details label {
    color:#cbbb80;
	font-size:1em;
	font-weight:600;
}

form.pledge-details input,
form.pledge-details textarea  {
    padding: 10px 20px 11px;
    background-color: #6a434c;
    border-radius: 20px;
    margin-top: 10px;
    border-style:none;
    outline:none;
    color:#cbbb80;
	font-size:1em;
	font-weight:600;
}

form.pledge-details .form-item.webform-component.webform-component-checkboxes {
    margin-top: 0;
}

form.pledge-details input.form-radio,
form.pledge-details input.form-checkbox {
    margin-top:0;
}

/* stack the pledge option vertically */
form.pledge-details div.pledge-choices .form-type-checkbox {
    display: block;
}

@media (max-width: 940px) {
    form.pledge-details div.title, 
    form.pledge-details div.first-name, 
    form.pledge-details div.last-name,
    form.pledge-details div.email,
    form.pledge-details div.telephone,
    form.pledge-details div.address1,
    form.pledge-details div.address2, 
    form.pledge-details div.town-city, 
    form.pledge-details div.county, 
    form.pledge-details div.postcode,
    form.pledge-details div.form-type-radio,
    form.pledge-details div.form-type-checkbox,
    form.pledge-details div.bank-name,
    form.pledge-details div.bank-account-holder-name,
    form.pledge-details div.bank-sort-code,
    form.pledge-details div.bank-account-number 	{
        display:block;
    }

    form.pledge-details input.title, 
    form.pledge-details input.first-name, 
    form.pledge-details input.last-name,
    form.pledge-details input.email,
    form.pledge-details input.telephone,
    form.pledge-details input.address1,
    form.pledge-details input.address2,
    form.pledge-details input.town-city,
    form.pledge-details input.county,
    form.pledge-details input.postcode,
	form.pledge-details input.bank-name,
	form.pledge-details input.bank-account-holder-name,
    form.pledge-details input.bank-sort-code,
    form.pledge-details input.bank-account-number {
        width:80%;
    }
}

@media (min-width: 941px) {
    form.pledge-details div.title, 
    form.pledge-details div.first-name, 
    form.pledge-details div.last-name,
    form.pledge-details div.email,
    form.pledge-details div.telephone,
    form.pledge-details div.address1,
    form.pledge-details div.address2, 
    form.pledge-details div.town-city, 
    form.pledge-details div.county, 
    form.pledge-details div.postcode,
    form.pledge-details div.form-type-radio,
    form.pledge-details div.form-type-checkbox,
    form.pledge-details div.bank-name,
    form.pledge-details div.bank-account-holder-name,
    form.pledge-details div.bank-sort-code,
    form.pledge-details div.bank-account-number 	{
        display:inline;
    }

    form.pledge-details input.title, 
    form.pledge-details input.first-name, 
    form.pledge-details input.last-name 	{
        width:28%;
    }
	
    form.pledge-details input.email,
    form.pledge-details input.telephone,
    form.pledge-details input.address1,
    form.pledge-details input.address2,
    form.pledge-details input.town-city,
    form.pledge-details input.county,
    form.pledge-details input.postcode,
    form.pledge-details input.bank-name,
    form.pledge-details input.bank-account-holder-name,
    form.pledge-details input.bank-sort-code,
    form.pledge-details input.bank-account-number	{
        width:45%;
    }
}


form.pledge-details input.webform-submit.button-primary.button.form-submit {
  /*  color:#42b8b2; */
}

form.pledge-details input::-webkit-input-placeholder {
color: #cbbb80;
}
 
form.pledge-details input:-moz-placeholder { /* Firefox 18- */
color: #cbbb80;
}
 
form.pledge-details input::-moz-placeholder {  /* Firefox 19+ */
color: #cbbb80;
}
 
form.pledge-details input:-ms-input-placeholder {  
color: #cbbb80; 
}

form.pledge-details input.focus,
form.pledge-details input:focus {
  color: #424770;
  background-color: #f6f9fc;
}

form.pledge-details input.focus::-webkit-input-placeholder,
form.pledge-details input:focus::-webkit-input-placeholder {
  color: #cfd7df;
}

form.pledge-details input.focus::-moz-placeholder,
form.pledge-details input.focus::-moz-placeholder {
  color: #cfd7df;
}

form.pledge-details input.focus:-ms-input-placeholder,
form.pledge-details input.focus:-ms-input-placeholder {
  color: #cfd7df;
}

form.pledge-details .half-width {
  width: calc(50% - (5px / 2));
}

form.pledge-details .third-width {
  width: calc(33% - (5px / 3));
}

form.pledge-details .quarter-width {
  width: calc(25% - (5px / 3));
}