@font-face { font-family: "Museo Sans 700"; src: url("https://framerusercontent.com/assets/iPKGM18zCWVdFYyDpXgDakDnQo.woff2"); font-display: swap; font-style: normal; font-weight: 600 }
@font-face { font-family: "Museo Sans 700"; src: url("https://framerusercontent.com/assets/iPKGM18zCWVdFYyDpXgDakDnQo.woff2"); font-display: swap }
@font-face { font-family: "Museo Sans 500"; src: url("https://framerusercontent.com/assets/KIDbSVTp5qqQzpnx45Z7JUxPs.woff2"); font-display: swap }
@font-face { font-family: "Veneer Regular"; src: url("https://framerusercontent.com/assets/o0U61Vf5CfJ6DKP9hLVSyxSuRo.woff2"); font-display: swap }
@font-face { font-family: "Museo Sans 900"; src: url("https://framerusercontent.com/assets/mPBzEIAlPAs2BIyDm8TAe0ZEKUo.woff2"); font-display: swap }
@font-face { font-family: "Veneer Regular"; src: url("https://framerusercontent.com/assets/o0U61Vf5CfJ6DKP9hLVSyxSuRo.woff2"); font-display: swap; font-style: normal; font-weight: 400 }
@font-face { font-family: "Museo Sans 500"; src: url("https://framerusercontent.com/assets/KIDbSVTp5qqQzpnx45Z7JUxPs.woff2"); font-display: swap; font-style: normal; font-weight: 400 }

body {
    background: #FFF;
    color: #000;
    font-family: "Museo Sans 700", "Museo Sans 700 Placeholder", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: "Veneer Regular", "Veneer Regular Placeholder", sans-serif;
}

h1 {
    color: #002E6D;
}

.widget-header.widget {
    background: #FFF;
    padding-top: 0;
    padding-bottom: 0;
    color: #000;
    padding-top: 24px;
}

.giftshop-nav {
    margin-top: 30px;
}


.twingleBodyWrapper {
    background: #FFF;
    padding-top: 30px;
}

label {
    color: #000;
}

step-index > div {
    margin-top: 20px;
    margin-bottom: 20px;
}


input[type=radio]+label {
    border-radius: 6px !important;
    background: transparent;
    color: #000;
    margin-bottom: 0;
}

input[type=radio]:checked+label {
    background: #008FC3;
    color: #FFF;
}

.onetime-recurring-wrapper {
    padding: 4px;
    background: #EDF5FA;
    border-radius: 10px;
    margin-bottom: 10px;

    & input[type=radio]+label {
        font-size: 16px;
    }
}

#donation-rhythm-select .row.collapse {
    padding: 4px;
    background: #EDF5FA;
    border-radius: 10px;

    & input[type=radio]+label {
        font-size: 14px;
    }
}

.amount-wrapper .slider-wrapper {
    background: #EDF5FA;
}

.amount-wrapper input[type=number], .amount-wrapper input[type=text], .amount-wrapper input[type=tel], .amount-wrapper .input-wrapper .currency-symbol {
    border-color: #e8e8e8;
}

footer .impress-wrapper a {
    color: #000;
}


button.button, a.button, button.button.arrow, a.button.arrow {
    margin: 0 auto;
    width: inherit;
    padding: .85em 4em;
    border-radius: 10px;
}

button.button.arrow:after, a.button.arrow:after {
    display: none;
}

.amount-select {
	border-radius: 10px 0 0 10px;
}

.shop-product.shop-product--product button {
	width: 100%;
}

.shop-product-list-buttons {
	button.button, a.button, button.button.arrow, a.button.arrow {
		margin-top: 10px;
	}	
}

.price-wrapper, .cart-change>.column, .cart-change>.columns, .shop-detail .shop-price.textinput {
	background: transparent;
}

.row.collapse.cart-change .column.small-8 {
	button.button, a.button, button.button.arrow, a.button.arrow {
		border-radius: 0 10px 10px 0;
	}
}


/** SPENDENSHOP  */


#twingleBodyWrapper {
	background: #FFF !important;
}