/*
 * Theme Name: Uncode Child
 * File Name: givewp-iframes-styles.css
 * Description: Custom styles for GiveWP iframe templates (Multi-Step Form only)
 * Author: Keith Follett
 * Version: 1.1.4
 * Location: /wp-content/themes/uncode-child/css/givewp-iframes-styles.css
 */
 
body {
	font-family: Roboto;
}

/* Remove form border radius */
.givewp-donation-form__steps {
	border-radius: 0;
}

.givewp-donation-form__steps input, .givewp-donation-form__steps select, .givewp-donation-form__steps textarea, .givewp-donation-form__steps button {
	border-radius: 0 !important;	
}

.givewp-fields-amount__currency-container, .givewp-fields-amount__currency-select {
	border-radius: 0;
}

.givewp-fields-amount__level {
	border-radius: 0;
}

.givewp-fields-radio-subscriptionPeriod .givewp-fields-radio__options {
	border-radius: 0;
}

/* Change title and button fonts */
.givewp-donation-form__steps-header-title-text {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.05em;
}
.givewp-donation-form__steps-button-next {
	font-weight: 600 !important;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border: 1px solid #ff642e;
}

/* Button Amounts */
.givewp-fields-amount__level--selected {
	border: 1px solid #ff642e;
}

/* Donation frequency */
.givewp-fields-radio__option-container {
	border-radius: 0;
}

.givewp-fields-radio__option-container:focus-within {
        outline: none;
}

.givewp-fields-radio__options {
	border: 1px solid #9a9a9a;
}

/* Error message formats */
.givewp-field-error-message >* {
	color: #ff2d2d;
	font-weight: 600;
}

.givewp-donation-form__steps input[type=text][aria-invalid=true], .givewp-donation-form__steps input[type=email][aria-invalid=true] {
	border-color: #ff2d2d;
}

.givewp-donation-form__steps [aria-invalid=true] {
	fill: #ff2d2d;
}

/* Compulsory fields */
.givewp-field-required {
	color: #ff642e;
}

/* Custom amount text Weighting */
.givewp-fields-amount__input-custom {
	font-weight: 400;
}

/* Remove header backgrounds */
.givewp-donation-form__steps-header, .givewp-elements-donationSummary {
	background-color: transparent !important;
}

/* Form progress background */
.givewp-donation-form__steps progress {
	background-color:  #e6e6e6;
}

/* Payment Summary */
.givewp-elements-donationSummary__header {
	font-family: 'Montserrat', sans-serif;
}

.givewp-elements-donationSummary__list__item__value {
	font-size: 1rem;
}
.receipt-header-heading, .receipt-header-heading p, .receipt-header-description p {
	color: #FFFFFF !important;
}
:focus {
	border-color: #ff642e;
}