/*
* Local Style Sheet used by all Members Pages
*/

/* 1. Colours */
:root {
	--pulse-colour1: #eee809;
	--pulse-colour1-hover: #cec809;
	--pulse-text: #616161;
}

/* 2. Fonts */

/* 3. Text */
h1 {color:#fff;font-size: 40px;font-weight:800}
h2 {font-size: 20px;font-weight:300}
h4, legend {color:#fff;font-size: 1.5rem;font-weight:800}

p {color:white}
a {color:var(--pulse-colour1)}
a:hover {color:var(--pulse-colour1-hover)}

label {color:#999}
label.form-check-label { color:white}

.input-note {font-size: .8rem;color:#999}

@media (max-width:767px) {
	h1 {font-size: 35px}
}

/* 4. Buttons */
.btn-success, .btn-primary {color:black}

/* 5. Structure */

/* 6. Page Background & Overlay */
.page-bg {background: url(/export/shared/washer/img/bg.png);background-size: cover;background-position: center;z-index:-1}
.page-bg:after {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.9));}

/* Giftcards */
#Customer .container, #Payment .container {background-color: #eeeeee;border-radius:10px}
#Customer h4, #Payment h4 {color:var(--pulse-colour1)}

/*  Gift Cards */
.giftcard-title i {display:none}

.giftcard-title,.giftcard-price {color:var(--pulse-colour1)}
.select-giftcard {background-color: #fff;border-radius: 10px;border: 1px solid}
.giftcard-description p {color:var(--pulse-text)}
.giftcard-price {color:var(--text-colour1);font-size:1.5rem;font-weight:500;}
.select-giftcard li {text-align:left}

/* Selected */
.selected .giftcard-title i {display:inline-block}
.select-giftcard.selected {background-color: var(--pulse-colour1);border-color: var(--pulse-colour1);color:#fff}
.select-giftcard.selected h4,.select-giftcard.selected .giftcard-description,.select-giftcard.selected .giftcard-price {color:#fff}

/* Giftcard Summary */

#giftcardSummary .wrapper {background-color: var(--pulse-colour1);border: 3px solid var(--pulse-colour1);border-radius:10px;text-align: center;margin:0 auto 2rem;padding:2rem;max-width:500px;color:#fff}
#productDescription {font-size:2rem}
#productPrice {color:var(--pulse-colour1);margin-bottom:0}

@media (min-width:575px) {
	#Payment form,#Customer form {padding-left:3rem;padding-right:3rem}
}