/*
* Pulse Style Sheet used by all Members Landing Pages, but not the inside pages
*/

/* 3. Text */
h1 {color:white;}
h2 {color:var(--pulse-colour1);}
h3 {color:white;}
h4,legend {color:var(--pulse-colour1);}
a {text-decoration: none;color:var(--pulse-colour1)}
a:hover {color:var(--pulse-colour1-hover)}

.text-feature {color:var(--pulse-colour1)}
.feature-colour {color:var(--pulse-colour1)!important}
.feature-bold {font-weight:bold}
.feature-break {display:block}

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

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

/* 5. Structure */
#page_content, .container {z-index: 10; text-align:center;position:relative;margin-left:auto;margin-right:auto}
.page-login #page_content {max-width:400px}

/* 6. Page Background */
.page-bg { z-index: 1; position: fixed; height: 100vh; width:100%; top: 0; left: 0; }
.page-bg:after {content: ' '; z-index: 2; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; }

/* 7. Forms */
.dia-form-field {margin-bottom:.9375rem}
textarea {height:100px!important}
.form-floating label {align-items: center !important;}

.form-check {text-align: left;}
.input-note {text-align: left;font-size: .8rem;color:#999}

/* 10. Apple Pay */
.apple-pay-button {height:70px;-webkit-appearance:-apple-pay-button;}
.apple-pay-button-with-text>* {display:none;}
.apple-pay-button-black-with-text {-apple-pay-button-style:black;}
.apple-pay-button-white-with-text {-apple-pay-button-style:white;}
.apple-pay-button-white-with-line-with-text {-apple-pay-button-style:white-outline;}
.apple-pay-button-text-book {-apple-pay-button-type:book;}
.apple-pay-button-text-buy {-apple-pay-button-type:buy;}
.apple-pay-button-text-check-out {-apple-pay-button-type:check-out;}
.apple-pay-button-text-donate {-apple-pay-button-type:donate;}

.divider-icon {position:relative;height:1px;display:block;background-color:rgba(0, 0, 0, .05);margin:30px 17px 30px 17px;}
.divider-icon i {position:absolute;width:50px;text-align:center;margin-top:-12px;left:50%;transform:translateX(-50%);}

/* Join From Service */
.rebate-text {display:none}
.has-rebate .rebate-text {display:block}
.has-rebate .no-rebate-text {display: none;}

/*  Gift Cards */
.page-purchase-giftcard #Home, .page-purchase-giftcard #Customer, .page-purchase-giftcard #Payment,.page-purchase-giftcard #Complete {z-index:10;position: relative;padding-bottom:3rem;}

.page-purchase-giftcard #Customer,.page-purchase-giftcard #Payment {margin-top:3rem}
.page-purchase-giftcard #Customer .container,.page-purchase-giftcard #Payment .container {background-color:#eeeeee;}

.page-purchase-giftcard #Payment form,.page-purchase-giftcard #Customer form {padding:3rem 0}
@media (min-width:575px) {
	.page-purchase-giftcard #Payment form,.page-purchase-giftcard #Customer form {padding-left:3rem;padding-right:3rem}
}

.select-giftcard {display: block;padding:2rem 1rem .5rem;height:100%}
.giftcard-title {margin-bottom:0}
.giftcard-price {font-size: 1.8rem;font-weight:500;margin:0.5rem 0;}
.giftcard-description p {margin-bottom:0.5rem;}
.giftcard-title i {display:none}
.product-sale-price {color:#C63835;text-decoration;text-decoration: line-through;}

/*  Gift Cards 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,.select-giftcard.selected p {color:#fff}

/* Giftcard Summary */
#giftcardSummary  {padding-top:2rem}
#giftcardSummary .wrapper {background-color: var(--pulse-colour1);border: 1px solid var(--pulse-colour1);border-radius:10px;text-align: center;margin:0 auto 2rem;padding:2rem;max-width:500px;}
#productDescription {font-size:2rem}
#productPrice {color:var(--pulse-colour1);margin-bottom:0;font-size: 1.5rem;}