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

/* 1. Colours */
:root {
	--pulse-colour1: #ff6900;
	--pulse-colour1-hover: #df4900;
	--pulse-colour2: #ff6900;
	--pulse-colour2-hover: #df4900;
	--pulse-text: #616161;	
	--grey: #F0F0F8;
}

/* 2. Fonts */

/* 3. Text */
h1,h2,h3,h4,p {font-family: 'Montserrat', sans-serif;}
h1,h2,h3,h4 {font-weight:800}
h1 {color:#fff;font-size: 40px;}
h2 {font-size: 20px;}
h4, legend {font-size: 1.5rem;color:var(--pulse-colour2);}

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 {font-size:18px;color:#000;border-radius:48px}
.btn-success {background-color: var(--pulse-colour2);border:var(--pulse-colour2);}
.btn-success:hover {background-color: var(--pulse-colour2-hover);border:var(--pulse-colour2-hover);}

.btn-primary {background-color: var(--pulse-colour1);border:var(--pulse-colour1);}
.btn-primary:hover {background-color: var(--pulse-colour1-hover);border:var(--pulse-colour1-hover);}


/* 5. Structure */
.page-login .container {margin-top:3rem}
.page-purchase-giftcard, .page-washclub-complete {padding-top:5rem}
.banner {position:fixed;top:0;left:0;width:100%;padding:10px 0;background:#000;font-size:11pt;font-weight:600;color:#fff;z-index:100;text-align:left}

/* 6. Page Background & Overlay */
.page-bg {background: #000}


/* Giftcards */
#Customer .container, #Payment .container {background-color: #eeeeee;border-radius:10px}


/*  Gift Cards */
.giftcard-title i {display:none}
.giftcard-title {color:var(--pulse-colour2)}

.giftcard-price {color:var(--pulse-colour1)}
.select-giftcard {position:relative;background-color: #fff;border-radius: 10px;border: 1px solid var(--pulse-colour2);padding: 2rem 2rem 2.5rem;}
.giftcard-description p,.giftcard-description li {color:var(--pulse-text)}
.giftcard-price {position:absolute;bottom:0.1rem;width:100%;left: 0;color:var(--text-colour1);font-size:1.5rem;font-weight:500;}
.select-giftcard li {text-align:left}

/* Selected */
.select-giftcard.selected {background-color: var(--pulse-colour2);border-color: var(--pulse-colour2);color:#fff}
.select-giftcard.selected h4,.select-giftcard.selected .giftcard-description,.select-giftcard.selected .giftcard-description li,.select-giftcard.selected .giftcard-price {color:#fff}

/* Card Style */
#Cardstyle a {display:block;border: 5px solid #ffffff}
#Cardstyle .selected {border-color:var(--light-blue)}

/* Giftcard Summary */

#giftcardSummary .wrapper {background-color: var(--pulse-colour2);border: 3px solid var(--pulse-colour2);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}
}

/* Offers */
.page-offers .container {max-width: 720px;}