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

/* 1. Colours */
:root {
	--pulse-colour1: #0BAAE2;
	--pulse-colour1-hover: #1BBAF2;
	--pulse-colour2: #0BAAE2;
	--pulse-colour2-hover: #1BBAF2;
	--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 {background-color:white;color:#333;padding:20px 30px;border:1px solid #f5f5f5;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;background-position: center;}
.page-bg:after {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.9));}


/*  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: 1rem 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}