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

/* 1. Colours */
:root {
	--pulse-colour1: #17a7e3;
	--pulse-colour1-hover: #0797d3;
	--pulse-text: #616161;
}

/* 2. Fonts */

/* 3. Text */
h1 {font-size: 40px;font-weight:800;color:var(--pulse-colour1)}
h2 {font-size: 24px;text-transform: uppercase; color: var(--pulse-text); font-weight: 300;}
h3 { color: var(--pulse-text);}
h4, legend {font-size: 1.5rem;}



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

label {color:#999}

.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, .page-washclub-complete .container {background-color:white;color:#333;padding:20px 30px;border-radius:10px;margin-top:3rem;max-width: 700px;}

/* 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));}


/*  Gift Cards */

.select-giftcard {background-color: #fff;border:3px solid var(--pulse-colour1);border-radius: 10px;}
.select-giftcard p {color: var(--pulse-text);}
#giftcardSummary {color:white}
.giftcard-price {color:var(--pulse-colour1)}


.page-purchase-giftcard .banner {
	position:relative;
	height:600px
}
@media (max-width:991px) {
	.page-purchase-giftcard .banner {
		height:400px
	}
}
@media (max-width:767px) {
	.page-purchase-giftcard .banner {
		height:350px
	}
}
@media (max-width:600px) {
	.page-purchase-giftcard .banner {
		height:300px
	}
}
@media (max-width:400px) {
	.page-purchase-giftcard .banner {
		height:200px;
	}
}
.page-purchase-giftcard .banner h2,.page-purchase-giftcard .banner p {color:white}

.page-purchase-giftcard .page-bg {
	display:none
}
.page-purchase-giftcard .banner-bg,.page-purchase-giftcard .cover-bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

.page-purchase-giftcard .banner-bg {
	background: url('/export/shared/washer/members/giftcard/img/banner.png') 50% 50% no-repeat;
	background-size: cover;
}