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

/* 1. Colours */
:root {
	--pulse-colour1: #F79428;
	--pulse-colour1-hover: #E78418;
	--pulse-text: #212529;
}

/* 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 */

/* 5. Structure */
.page-login #page_content {max-width: none;}
.page-login .container {color:#333;padding:20px 30px;border-radius:10px;margin-top:3rem;max-width: 700px;}
.banner {background: #333;padding: 2rem;margin-bottom: 1rem;z-index: 1020;position: relative;text-align: center;}

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

.page-purchase-giftcard .page-bg, .page-washclub-complete .page-bg {background: url(/export/shared/washer/img/bg2.jpg);background-size: cover;}
.page-purchase-giftcard .page-bg:after, .page-washclub-complete .page-bg:after {background: #ffffffdd}

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

/*  Gift Cards */
.page-purchase-giftcard h1, .page-washclub-complete h1 {color:var(--pulse-colour1)}
.page-purchase-giftcard p, .page-washclub-complete p {color:var(--pulse-text)}
.giftcard-title i {display:none}
.purchase-button {color:#000;background-color:var(--pulse-colour1);text-transform:uppercase;}
.purchase-button:hover {background-color:var(--pulse-colour1-hover)}

.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}
}