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

/* 1. Colours */
:root {
	--pulse-colour1: #82ca4e;
	--pulse-colour1-hover: #92da5e;
	--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;}

.page-login h2,.page-login h4,.page-login p,.page-login legend,.page-login label.form-check-label {color:white}

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 .container,.page-offers .container {margin-top:1rem;}

/* 6. Page Background & Overlay */
.page-bg {background-color:#f5f5f5}
.page-login .page-bg {background-color:#444444}

.banner {background: #444444;padding: 2rem;margin-bottom: 1rem;z-index: 1020;position: relative;text-align: center;}

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