/* adjust ATG spacing */
.custom-membership-landing {
	margin-bottom: 0 !important;
}
@media (min-width: 901px) {
	.membership-landing-container.pb-lg-m {
		padding-bottom: 0 !important;
	}
}
@media (min-width: 1024px) {
	.mbs-cq-container {
		padding-right: 1.5rem!important;
		padding-left: 1.5rem!important;
	}
}

.mbs-landing {
	font: normal 14px/21px Lato,sans-serif;
	color: #21282d;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 37px;
}
.mbs-landing.mbs-modal {
	width: 100%;
	max-width: 870px !important;
	margin: 0 auto;
	padding: 0;
}
.mbs-landing.mbs-modal .card {
	background-color: transparent;
	border: 0 none;
}
.mbs-landing.mbs-modal .card-header {
	padding: 0;
	background-color: transparent;
	border-bottom: 0 none;
}
.mbs-landing.mbs-modal a.btn-show-benefits:hover {
	color: #21282d;
}
.mbs-landing.mbs-modal .card-body {
	padding: 0;
}

.mbs-landing b { font-weight: 700; color: 000; }

.mbs-landing h2 {
	font: 600 italic 24px/36px poynter,PoynterOSDisp,serif;
	color: #000;
	letter-spacing: 0.46px;
	margin: 0 0 40px 0;
	padding: 0 20px;
	text-align: center;
}
.mbr-intro-banner a.beta-modal-link {
	width: 62px;
	display: inline-block;
}
.mbr-intro-banner h2 img.beta-badge {
	display: inline;
	border: 0;
	width: 62px;
	margin: 0;
	position: relative;
	top: -2px;
	left: 0;
}
.mbr-intro-banner-content {
	width: 100%;
	height: 200px;
	color: #fff;
	background-color: #174971;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 34px 0;
	overflow-y: visible;
}
.mbr-intro-banner-content .mbr-intro-left {
	width: 197px;
	position: relative;
	margin-right: 60px;
}
div.mbr-banner-lockup {
	position: relative;
	
}
.mbr-intro-banner-content .mbr-intro-right {
	width: 353px;
	position: relative;
	top: 14px;
}
.mbr-intro-banner-content .mbr-intro-including-ps {
	position: absolute;
	width: 133px;
	right: -78px;
	top: 31px;
}
.mbs-modal .block-info h2 {
    display: flex;
	justify-content: center;
	text-align: center;
    font: 600 14px/20px Lato,sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000000;
    padding-bottom: 16px;
}
.mbs-modal .block-info h2 button {
	display: block;
	text-decoration: none;
	cursor: default;
	pointer-events: none;
	padding: 0;
	height: auto;
	letter-spacing: 1px;
	text-transform: uppercase;
	font: 600 14px/20px Lato,sans-serif;
	background-color: transparent;
	color: #21282d;
}
.mbs-landing h2.mbs-faqs {
	text-align: center;
}
.mbs-landing p {
	margin: 0;
}
.mbs-landing a {
	color: #21282d;
	text-decoration: underline;
}
.mbr-intro-banner br.intro-br { display: none; }
.mbr-intro-banner br.beta-br { display: none; }



/* --------- COMPARISON GRID ---------------------------------------- */
.mbs-comparison-grid-container {
	width: 100%;
	background-color: #fafafa;
	border-top: 1px solid #c2a02e;
	border-bottom: 1px solid #c2a02e;
	padding: 32px 25px 36px 25px;
}
.mbs-comparison-grid {
	display: grid;
	grid-template-columns: 54px 1fr 191px 12px 191px;
	grid-template-rows: 80px 55px 102px repeat(10, 76px) 62px 70px;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	max-width: 765px;
	margin: 0 auto;
	color: #000;
}
.mbs-comparison-grid.buttons-off {
	grid-template-rows: 80px 55px 102px repeat(11, 76px) 62px 0px;
}
.mbs-comparison-grid > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.row-b, .row-1, .row-2, .row-2b, .row-3, .row-4, .row-5, .row-6, .row-7, .row-8, .row-9, .row-10 {
	border-bottom: 1px solid #d9d9d9;
}
.row-11 {
	border-bottom: 1px solid #c2a02e;
}
.span2 {
	grid-column-start: span 2;
}
div.g-buttons { 
	grid-column-start: span 5;
}
div.mbs-buttons-subgrid {
	width: 100%;
	text-align: right;
	margin-bottom: 20px;
}
.g-rewards-button, .g-premium-button { 
	display: inline-flex;
	flex-direction: column;
	align-items: center;
}
.premium-includes {
	font-style: italic;
	margin-top: 7px;
}
.g-rewards-button {
	padding-right: 12px;
}
.g-rewards-button > a.rewards-modal-btn { 
	width: 191px;
	border-radius: 2px !important;
  	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.1) !important;
  	background-color: #1d7d91 !important;
	text-transform: uppercase;
}
.g-premium-button > a.join-premium-btn { 
	width: 191px;
	text-transform: uppercase !important;
	border-radius: 2px !important;
  	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.1) !important;
	background-color: #01577c !important;
}

.mbs-comparison-grid div.g-card,
.mbs-comparison-grid div.g-label,
.mbs-comparison-grid div.g-dash,
.mbs-comparison-grid div.g-check {
	justify-content: center;
}
.mbs-comparison-grid div.g-label.snap-left {
	justify-content: flex-start;
}
.g-label {
	font: 600 16px/1.13 Lato,sans-serif;
	letter-spacing: 0.5px;
	text-align: center;
	color: #000;
}
.g-label-yearly-rewards div {
	margin-right: 0;
}
.g-label-yearly {
	grid-row: 14;
	grid-column-start: 1;
	grid-column-end: span 2;
}
.g-label-yearly-rewards {
	grid-row: 14;
	grid-column-start: 3;
	grid-column-end: 4;
}
.g-label-yearly-premium {
	grid-row: 14;
	grid-column-start: 5;
	grid-column-end: 6;
}
.g-label.row-c {
	padding-top: 15px;
}
.mbs-comparison-grid div.g-card img {
	position: relative;
	left: 16px;
	width: 150.5px;
}
.mbs-comparison-grid div.g-icon img {
	width: 30px;
}
.mbs-comparison-grid div.mbr-feature-desc * {
	font: 600 14px/18px Lato,sans-serif;
	letter-spacing: 0.4px;
	color: #21282d;
}
.mbs-comparison-grid div.mbr-feature-desc .desc-sub {
	font-weight: 400;
	color: #454f56;
}
.mbs-comparison-grid div.mbr-feature-desc .temp-msg {
	font: 500 italic 14px/18px Lato,sans-serif;
	color: #000;
}
.mbs-comparison-grid div.mbr-feature-desc a {
	font-weight: 400;
	color: #000;
}
.mbs-comparison-grid div.mbr-feature-desc sup {
	font-size: 65%;
	padding-left: 1px;
	line-height: 1;
}
.g-dash > div {
	width: 16px;
	height: 1px;
	flex-grow: 0;
	background-color: #454f56;
}
.g-check img {
	width: 20px;
}

@media screen and (max-width: 767px) {
	.mbs-comparison-grid-container {
		padding: 32px 0 16px 0;
	}
	.mbs-comparison-grid {
		padding: 0 15px;
		grid-template-columns: 32px 1fr 80px 0px 80px;
		grid-template-rows: 50px 34px auto repeat(11, auto) 66px 110px;
	}
	.mbs-comparison-grid.buttons-off {
		grid-template-rows: 50px 34px auto repeat(11, auto) 66px 0px;
	}
	.mbs-comparison-grid div.g-icon {
		align-items: flex-start;
	}
	.mbs-comparison-grid div.g-icon img {
		width: 24px;
		margin-top: 10px;
	}
	.mbs-comparison-grid div.g-card img {
		left: 7px;
		width: 72px;
	}
	.mbr-feature-desc {
		padding: 12px 0;
	}
	.g-label {
		font: 600 15px/1.13 Lato,sans-serif;
		letter-spacing: 0;
	}
	.g-label.row-b {
		align-self: flex-start;
		padding-bottom: 10px;
	}
	.g-label.row-c {
		padding-top: 0;
	}
	.row-c {
		border-bottom: 1px solid #c2a02e;
	}
	div.mbs-buttons-subgrid {
		text-align: left;
		display: flex;
		justify-content: space-between;
	}
	.g-rewards-button, .g-premium-button {
		width: 48%;
		padding: 0;
	}
	div.mbs-buttons-subgrid.single-button {
		flex: 1 0 auto;
		justify-content: center;
	}
	div.mbs-buttons-subgrid.single-button .g-rewards-button {
		width: 0;
	}
	.g-rewards-button > a.rewards-modal-btn { 
		width: 100% !important;
		margin-top: 20px !important;
	}
	.g-premium-button > a.join-premium-btn { 
		width: 100% !important;
		margin-top: 20px !important;
	}
}

@media screen and (max-width: 601px) {
	.mbs-comparison-grid-container {
		padding: 20px 0 16px 0;
	}
	.mbs-comparison-grid div.mbr-feature-desc .desc-sub {
		font-size: 13px;
	}
}

@media screen and (max-width: 374px) {
	.mbs-comparison-grid {
		grid-template-columns: 0px 1fr 80px 0px 80px;
	}
	.mbs-comparison-grid div.g-icon img { display: none; }
}

@media screen and (max-width: 359px) {
	.g-premium-button > a.join-premium-btn, .g-rewards-button > a.rewards-modal-btn {
		letter-spacing: 0;
		font-size: 12px !important;
	}
}

@media screen and (max-width: 350px) {
	.mbs-comparison-grid {
		padding: 0 10px;
	}
}
/* --------- END COMPARISON GRID ---------------------------------------- */


/* --------- SPECIAL MESSAGE (e.g. rewards multiplier) ------------- */
.mbs-landing .mbr-intro-banner h2.with-message-below { margin-bottom: 0; }
.mbs-message-block-container {
	margin: 16px auto 24px auto;
	padding: 0 24px;
	max-width: 595px;
}
.mbs-message-block h2 {
	font: 600 24px/1.33 poynter,PoynterOSDisp,serif;
	font-style: normal;
	letter-spacing: 0.43px;
	color: #000;
	margin: 0 !important;
	padding: 0;
}
.mbs-message-block p {
	margin: 5px 0 0 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.79;
	color: #21282d;
}
.mbs-message-block.multiplier {
	border: 1px solid #ccb692;
	padding: 17px 24px 20px 24px;
}
.mbs-message-icon-header {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.mbs-message-icon-lockup {
	position: relative;
	margin-right: 10px;
	flex: 0 0 40px;
}
.mbs-message-icon-lockup img.icon-lockup {
	width: 40px;
}
.mbs-message-block p.mbs-message-cta {
	margin-top: 10px;
}

@media screen and (max-width: 650px) {
	.mbs-message-block-container {
		padding: 0;
		max-width: unset;
		width: 100%;
	}
	.mbs-message-icon-lockup {
		width: auto;
	}
}

@media screen and (max-width: 560px) {
	.mbs-message-icon-lockup {
		display: none;
	}
	.mbs-landing .mbs-message-block-container h2 {
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.mbs-message-block-container {
		padding: 0 4.25%;
	}
}

/* --------- END SPECIAL MESSAGE (e.g. rewards multiplier) ------------- */


.mbs-levels {
	width: 100%;
	margin: 24px auto 0 auto; /* WAS: margin: 38px auto 0 auto; */
}
.mbs-block {
	display: flex;
	margin-bottom: 9px;
}
.mbs-modal .mbs-block {
	flex-direction: column;
}
.mbs-block div.ft-rewards + p {
	margin-top: 16px;
}
.block-intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 414px;
}
.block-intro.premium-intro {
	min-height: 695px;
	background-color: #d1612c;
}
.mbs-modal .block-intro.premium-intro {
    flex-direction: row;
    justify-content: space-between;
    min-height: unset;
    width: 100%;
    min-height: 160px;
    max-height: 208px;
}
.mbs-modal .block-intro.premium-intro .bnpm-logo {
  padding: 0 0 0 123px;
  position: relative;
  top: -10px;
}
.mbs-modal .block-intro.premium-intro .bnpm-art {
  padding: 0 24px 0 0;
  top: 6px;
  position: relative;
}
.block-intro.rewards-intro {
	/* min-height: 446px; */
	min-height: 323px;
	background-color: #0b4973;
}
.bnpm-logo {
	display: block;
	max-width: 100%;
	padding: 45px 27px 0px 27px;
}
.bnpm-art {
	display: block;
	max-width: 100%;
	padding-top: 22px;
}
.premium-pricing {
	font: normal 20px/28px Lato,sans-serif;
	letter-spacing: 1.25px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
}
.rewards-logo {
	margin-top: 10px;
}
.rewards-pricing {
	font: 600 italic 24px/30px poynter,PoynterOSDisp,serif;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.block-info {
	display: flex;
	flex-direction: column;
	width: calc(100% - 414px);
	padding: 32px 5.55%;
	background-color: #fafafa;
	border-top: 2px solid #ccb692;
}
.mbs-modal .block-info {
    width: calc(100% - 64px);
    margin: -24px 32px 0 32px;
    padding: 16px 25px 30px 20px;
    background-color: #f8f7f2;
    border-top: 0 none;
    z-index: 1;
}
.block-info > h2 {
	padding-bottom: 8px;
}
.block-info.premium-info > p {
	padding-bottom: 22px;
}
.block-info.rewards-info > p {
	padding-bottom: 24px;
}
.block-info p.final-p {
	padding-bottom: 0;
}
.mbs-modal .mbs-modal-promo {
	padding: 0 20px;
}
.mbs-modal .mbs-modal-promo h2 {
	font: 600 normal 26px/32px poynter,PoynterOSDisp,serif;
	letter-spacing: 0.46px;
	color: #000000;
	text-align: center;
	margin: 32px 0 12px 0;
}
.mbs-modal .mbs-modal-promo .premium-pricing {
	color: #21282d;
	font: 600 16px/20px Lato,sans-serif;
	letter-spacing: 1.14px;
	text-align: center;
	margin: 0;
	padding: 0 0 4px 0;
}
.mbs-modal .mbs-modal-promo sup {
	font-size: 50%;
}
.mbs-modal .premium-pricing-note {
	color: #767676;
	text-align: center;
}
.mbs-modal-divider {
	position: relative;
	margin: 24px auto 0 auto;
	padding: 0;
	width: 636px;
}
.mbs-modal-divider::before {
	position: absolute;
	content: "";
	height: 1px;
	background-color: #cccccc;
	width: 100%;
	top: 50%;
}
.nook-offer { margin-bottom: 4px; }
.block-info.rewards-info .ft-rewards p {
	padding-bottom: 8px;
}
.features-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px 20px;
	margin-bottom: 10px;
}
.mbs-modal .features-grid {
    grid-template-columns: repeat(4, 1fr);
	grid-auto-flow: column;
	grid-template-rows: repeat(2,auto);
}
.features-grid.plus-features {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1,auto);
	gap: 16px 25px;
}
.fts {
	display: flex;
	align-items: center;
}
.mbs-modal .fts {
	align-items: flex-start;
  }
.plus-features .fts, .fts.ft-nook, .fts.ft-rewards {
	align-items: center;
}
.plus-features .fts.ft-9, .plus-features .fts.ft-10 {
	align-items: flex-start;
}
.fts.ft-nook, .fts.ft-rewards {
	align-items: flex-start;
}
.mbs-modal .features-grid.plus-features {
    grid-template-columns: repeat(2,1fr);
	grid-template-rows: repeat(1,auto);
	margin: 0;
    gap: 0 53px;
	padding: 25px 4% 0 4%;
}
.stamp-round-icon {
	margin-top: 4px;
	margin-right: 16px;
	width: 56px;
	height: 56px;
}
.ft-9 img {
    position: relative;
    top: 0;
	max-width: 56px;
}
.mbs-modal .ft-9 img {
	max-width: 56px;
}
.fts-divider {
	width: 100%;
	position: relative;
}
.fts-divider.plain {
	width: 100%;
	position: relative;
	margin: 24px 0;
}
.fts-divider > span {
	display: block;
	position: relative;
	width: 120px;
	min-height: 20px;
	background-color: #fafafa;
	font: 600 14px/20px Lato,sans-serif;
	letter-spacing: 1.0px;
	text-align: center;
	margin: 20px auto;
}
.mbs-landing.mbs-modal .fts-divider > span {
	color: #000000;
	background-color: #f8f7f2;
}
.fts-divider::before {
	position: absolute;
	content: "";
	height: 1px;
	background-color: #a1a2a1;
	width: 100%;
	top: 50%;
}
.mbs-landing .fts-divider > span {
	background-color: #f8f7f2;
	margin: 2px auto;
}

.fts-divider.plain.on-white::before { opacity: 0.49; }

.features-content {
	padding: 0 0 0 10px;
	font: normal 14px/18px Lato,sans-serif;
	letter-spacing: 0;
}
.mbs-landing .features-grid .features-content {
	padding: 0 0 0 5px;
}
.mbs-landing .features-grid.plus-features .features-content {
	padding: 0 0 0 15px;
}
.mbs-landing .features-grid.plus-features .ft-9 .features-content {
	line-height: 26px;
}
.mbs-landing .features-grid.plus-features .ft-10 .features-content {
	padding: 15px 0 0 15px;
}
.features-content strong {
	color: #9c8226;
	margin-right: 2px;
	letter-spacing: 1.0px;
}
.features-content sup {
	font-size: 65%;
	padding-left: 3px;
}
.nook-icon {
	margin-right: 12px;
}
.fts.ft-9 picture, .fts.ft-10 picture {
	display: flex;
	justify-content: flex-end;
}
.mbs-modal .fts.ft-9 picture, .mbs-modal .fts.ft-10 picture {
	width: 56px;
}
.ft-9 img {
	position: relative;
	top: 0;
}
.plus-features {
	padding-top: 16px;
	padding-bottom: 0;
}
.fts.ft-9 .features-content, .fts.ft-10 .features-content {
	width: 300px !important;
}
.nook-offer b {
	font-weight: 600;
}
.ft-10 img {
	position: relative;
	top: 0;
	width: 53px;
	height: 69px;
}
.mbs-modal .ft-10 img {
	top: -10px;
}

a.join-premium-btn, a.join-rewards-btn, a.rewards-modal-btn {
	display: block;
	position: relative;
	width: 191px !important;
	height: 40px !important;
	margin: 0 !important;
	padding: 10px 16px !important;
	border: solid 1px transparent;
	font: 600 14px/18px Lato,sans-serif !important;
	letter-spacing: 1.4px;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
a.join-premium-btn { background-color: #01577c !important; }
a.rewards-modal-btn { background-color: #1d7d91 !important; }
a.join-rewards-btn { 
	background-color: #1d7d91 !important; 
	width: 219px !important; 
	margin: 20px auto 0 auto !important;
	display: flex !important;
}

.membership-terms .checkbox__box { top: 3px; margin-right: 10px !important; }
.membership-terms .checkbox input:checked ~ .checkbox__box {
	border-color: #3e5962;
	background: #3e5962;
}
.checkbox.Membership-terms-checkbox-label { margin-left: 3px; }
.checkbox.Membership-terms-checkbox-label:first-of-type { margin-bottom: 19px; }

.fpo-bn-app, .fpo-more-questions {
	width: 80%;
	margin: 40px auto;
}
.fpo-help-center {
	width: 100%;
	margin: 18px auto 0 auto;
	padding: 0;
}

.mbs-mc {width: 100%; margin: 0 auto 40px; border-bottom: 1px solid #c2a02e; background: linear-gradient(180deg, rgba(163,229,117,0.1) 0%, rgba(40,147,202,0.1) 100%);}
.mbs-mc-content-wrapper {width: 54.3%; margin: 0 auto; display: flex;}
.mbs-mc-content {margin: 32px 0;}
.mbs-mc-content h2 {text-align: center; margin-bottom: 4px; padding: 0;}
.mbs-mc-content p {text-align: center; margin-bottom: 32px;}
.mbs-mc-content img {position: relative; display: block; width: 355px;}
.mbs-mc-benefits-wrapper {display: flex;}
.mbs-mc-benefits ul {padding-left: 0;}
.mbs-mc-benefits li {list-style: none; background-image: url(https://dispatch.barnesandnoble.com/content/dam/ccr/membership/input-checkbox-circle-large-checked@2x.png); background-size: 20px; background-repeat: no-repeat; background-position: left top; padding-left: 27px; margin-bottom: 20px; font-size: 14px;}
.mbs-mc-benefits li b {display: block; font-size: 16px; margin-bottom: 4px;}
.mbs-mc-benefits > p {text-align: left; font-size: 16px; margin-bottom: 20px; margin-left: 28px;}
.mbs-mc-benefits a.button {width: 226px; height: 40px; padding: 13px 16px; border-radius: 2px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.1); background-color: #3e5962; font-family: Lato, sans-serif; font-size: 14px; font-weight: bold; line-height: 1; letter-spacing: 1.4px; text-align: center; color: #ffffff; text-decoration: none; text-transform: uppercase; margin-left: 28px;}
.mbs-mc-benefits span.terms {font-size: 12px; line-height: 16.2px; letter-spacing: 0.12px; color: #21282d; text-decoration: none; display: block; text-align: center; margin-left: 28px; width: 226px; margin-top: 8px;}

.mbs-bn-app {
	width: 100%;
	margin: 40px auto;
	border-bottom: 1px solid #a1a2a1;
}
.mbs-bn-app-content-wrapper {
	width: 73%;
	margin: 0 auto;
	display: flex;
}

.mbs-bn-app-content {
	margin-top: 48px;
}
.mbs-bn-app-content h2 {
	text-align: left;
	margin-bottom: 16px;
	padding: 0;
}
.mbs-bn-app-content p {
	margin-bottom: 32px;
}
.mbs-bn-app img.nook-device { 
	position: relative;
	display: block;
	width: 280px;
	margin-left: 40px;
}
.mbs-bn-app-downloads img {
	height: 40px;
}
.mbs-btn-googplay {
	margin-left: 20px;
}

.mbs-help-center {
	width: 100%;
	margin: 18px auto 0 auto;
	padding: 0;
}


/* HELP / FAQ section */
#cq-accordion.accordion {
	width: 99%;
	max-width: 826px;
	margin: 0 auto;
}
#cq-accordion .btn, #cq-accordion button {
	position: relative;
	height: 55px;
	padding: 0;
	color: #21282d;
	background-color: transparent;
	font: 600 16px/24px poynter,PoynterOSDisp,serif;
	letter-spacing: 0.29px;
	text-align: left;
	padding-right: 35px;
}
#cq-accordion .btn:not(.collapsed) {
    color: #21282d;
    background-color: transparent;
    box-shadow: none;
}
#cq-accordion .btn-block {
	justify-content: flex-start;
}
#cq-accordion .card {
	border: 0 none;
	border-bottom: 1px solid rgba(151,151,151,0.49);
	border-radius: unset;
	background-color: transparent;
}
#cq-accordion .card:last-of-type {
    border-bottom: 0 none;
}
#cq-accordion .card-header {
	position: relative;
	padding: 0;
	background-color: transparent;
	border-bottom: unset;
}
#cq-accordion .card-header button:after {
    font-family: 'bn-icons' !important;
    font-size: 11px;
	font-weight: normal;
    color: #000;
    content: "\e956";
    transform: rotate(90deg);
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    border: 0;
    transition: unset;
    top: unset;
    left: unset;
    right: 15px;
}
#cq-accordion .card-header button[aria-expanded="true"]:after {
    font-family: 'bn-icons' !important;
    font-size: 11px;
	font-weight: normal;
    color: #000;
    content: "\e956";
    transform: rotate(270deg);
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    border: 0;
    transition: unset;
    top: unset;
    left: unset;
    right: 15px;
}
#cq-accordion .card-header h4.focus button {
	text-decoration: underline;
}
#cq-accordion .card-body {
    padding: 0 0 16px 0;
}
/* END HELP / FAQ section */


.fpo-more-questions {
	border-top: 1px solid transparent;
	padding-top: 48px;
}
.fpo-bn-app img, .fpo-more-questions img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.fpo-more-questions img {
	max-width: 313px;
	margin: 0 auto;
}
.rn_MoreQuestions {
	text-align: center;
	padding-bottom: 28px;
}
.mbs-landing .rn_MoreQuestions h2 {
	font: 600 italic 24px/32px poynter,PoynterOSDisp,serif;
	letter-spacing: 0.86px;
	margin-bottom: 8px;
}
.rn_MoreQuestions img {
	width: 64px;
    height: 56px;
	margin-top: 48px;
	margin-bottom: 16px;
}
.rn_MoreQuestions p {
	padding: 0 15px;
}
.rn_MoreQuestions p.mterms {
	margin-top: 25px;
}
.mbs-footnotes {
	width: 80%;
	margin: 0 auto;
	padding: 20px 4.25%;
	border: 1px solid transparent;
}
.mbs-footnotes ol {
	counter-reset: unset;
	padding: 0 0 0 15px;
	list-style: decimal;
}
.mbs-footnotes ol li {
	position: relative;
	display: list-item;
	font: 400 12px/18px Lato,sans-serif;
	margin-bottom: 8px;
	padding: 0 0 0 8px;
}
.mbs-footnotes ol li::before {
	content: "";
	counter-increment: item;
	position: unset;
	font-size: unset;
}
.mbs-footnotes ol .extra-footnote {
	font: 400 12px/18px Lato,sans-serif;
	margin-top: 14px;
	padding: 0 0 0 8px;
}
.mbs-modal .mbs-footnotes {
	text-align: left;
	width: 100%;
	margin-bottom: 100px;
	padding: 0;
}


@media screen and (max-width: 1360px) { /* was 1140px */
	.features-grid.plus-features {
		grid-template-columns: repeat(1,1fr);
		gap: 20px 0;
		width: 100%;
		margin: 0 auto;
	}
	.fts.ft-9, .fts.ft-10 {
		justify-content: center;
	}
	.mbs-modal .fts.ft-9, .mbs-modal .fts.ft-10 {
		justify-content: flex-start;
	}
	.fts.ft-9 .features-content, .fts.ft-10 .features-content {
		width: 300px !important;
	}
	.fts.ft-9 picture, .fts.ft-10 picture {
		width: 56px;
	}
	.ft-10 picture {
		/* padding-right: 21px; */
		padding-right: unset !important;
	}
	.ft-10 img {
		position: relative;
		top: -10px;
	}
	.mbs-modal .ft-10 img {
		top: -10px;
	}
	.plus-features .fts {
		align-items: center;
	}
}


@media screen and (max-width: 1024px) {
	.block-intro {
		width: 300px;
	}
	.block-info {
		width: calc(100% - 300px);
		padding: 32px 4.5%;
	}
	.premium-pricing {
		margin-bottom: 92px;
	}
	.bnpm-art {
		padding-top: 50px;
	}
	.plus-features .fts {
		align-items: center;
	}
	.mbs-modal .features-grid.plus-features {
		margin: 0;
		gap: 0 53px;
		width: auto;
		padding: 25px 4% 0 4%;
	}
	.fts.ft-9, .fts.ft-10 {
		justify-content: center;
	}
	.mbs-modal .fts.ft-9, .mbs-modal .fts.ft-10 {
		justify-content: flex-start;
	}
	.fts.ft-9 picture, .fts.ft-10 picture {
		width: 56px;
		text-align: right;
	}
	.ft-9 img {
		top: 0;
	}
	.mbs-modal .fts.ft-9 picture, .mbs-modal .fts.ft-10 picture {
		width: 56px;
		text-align: left;
	}
	.mbs-modal .fts.ft-9 .features-content, .mbs-modal .fts.ft-10 .features-content {
		width: unset;
	}
	.ft-9 img {
		max-width: 100px;
	}
	.mbs-modal .ft-9 img {
		max-width: 100px;
	}
	.mbs-modal .ft-10 picture {
		padding-right: unset;
	}
	.rewards-art {
		max-width: 339px;
	}
	.rewards-logo {
		max-width: 250px;
		margin-top: 10px;
	}
	.rewards-pricing {
		font: 600 italic 20px/30px poynter,PoynterOSDisp,serif;
		margin-top: 10px;
		/* margin-bottom: 76px; */
		margin-bottom: 10px;
	}
	.mbs-bn-app-content {
	    margin-top: 0;
	}
	.mbs-bn-app-content-wrapper {
		width: 88%;
	}
	.mbs-bn-app img.nook-device {
	    width: 280px;
	    margin-left: 40px;
	}
}

@media screen and (max-width: 900px) {
	.mbs-landing {
		padding: 0 25px;
	}
	.mbs-landing h2 {
		margin: 0 0 32px 0;
	}
	.mbr-intro-banner-content .mbr-intro-left {
		margin-right: 5px;
	}
	.mbr-intro-banner-content .mbr-intro-right {
		margin-right: 20px;
	}
	.mbr-intro-banner-content .mbr-intro-including-ps {
		width: 123px;
		right: -51px;
		top: 40px;
	}
	#cq-accordion.accordion {
		max-width: 820px;
	}
	.mbs-modal .features-grid.plus-features {
		grid-template-columns: repeat(1,auto);
		grid-template-rows: repeat(2,auto);
		margin: 0 auto;
		gap: 20px 0;
		justify-content: center;
	}
	.mbs-modal .fts.ft-9, .mbs-modal .fts.ft-10 {
		justify-content: center;
	}
	.mbs-modal .fts.ft-9 picture, .mbs-modal .fts.ft-10 picture {
		width: 56px;
		text-align: right;
	}
	.mbs-modal .fts.ft-9 .features-content, .mbs-modal .fts.ft-10 .features-content {
		width: 200px;
	}
	a.join-premium-btn, a.join-rewards-btn {
		width: 307px;
	}
	.mbs-modal .mbs-footnotes {
		margin-bottom: 100px;
	}
	.mbs-mc-content-wrapper {width: 80%;}
	.mbs-mc-content img {margin: 0 auto;}
	.mbs-mc-benefits-wrapper {flex-direction: column-reverse;}
	.mc-img-container {text-align: center; margin-bottom: 12px;}
}


@media screen and (max-width: 880px) {
	.bnpm-art {
		position: relative;
		top: 0;
	}
}


@media screen and (max-width: 850px) {
	.mbs-modal .block-intro.premium-intro .bnpm-logo {
		padding: 0 0 0 33px;
	}
}


@media screen and (max-width: 767px) {
	.mbs-landing h2 {
		font: 600 italic 24px/28px poynter,PoynterOSDisp,serif;
		letter-spacing: 0.46px;
	}
	.mbr-intro-banner-content {
		margin: 0 0 30px 0;
	}
	.mbr-intro-banner-content .mbr-intro-left {
		margin-right: 5px;
	}
	.block-intro {
		flex-direction: row;
		width: 100%;
	}
	.dt-only { display: none; }
	.mbs-block {
		width: 100%;
		flex-direction: column;
	}
	.block-intro.premium-intro {
		display: flex;
		position: relative;
		overflow: hidden;
		min-height: unset;
		height: 300px;
		justify-content: flex-start;
		align-items: center;
	}
	.block-info.premium-intro picture.premium-intro-right {
		flex-basis: 100%;
		display: grid;
		object-position: right center;
	}
	.block-info {
	    width: 100%;
	    padding: 20px 4.25%;
		border-top: 0 none;
	}
	.bnpm-logo {
		max-width: 306px; /* 282px for lower breakpoints? */
		padding: 0 0 16px 24px;
	}
	.bnpm-art {
		max-width: unset;
		position: relative;
		max-height: 240px;
		height: unset;
		right: 0;
		top: 0;
		padding-top: 0;
		justify-self: flex-end;
	}
	.mbs-modal .block-intro.premium-intro .bnpm-art {
		padding: 0;
		top: 16px;
	}
	.premium-pricing {
		font: normal 20px/28px Lato,sans-serif;
		letter-spacing: 1.43px;
		margin-top: 5px;
		padding-left: 24px;
		margin-bottom: 0;
		text-align: left;
		padding-left: 24px;
	}
	.features-grid {
		width: calc(100% - 16px);
		gap: 16px 16px;
	}
	.mbs-modal-divider {
		width: auto;
	}
	.block-intro.rewards-intro {
		position: relative;
		overflow: hidden;
		min-height: unset;
		height: 240px;
		align-items: flex-start;
	  	justify-content: flex-start;
	}
	.rewards-logo {
		margin: 16px 0 0 16px;
		max-width: 280px;
	}
	.rewards-pricing {
		display: none;
	}
	.rewards-art {
		max-width: 370px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.mbs-bn-app {
	    margin: 32px auto;
	}
	.mbs-bn-app-content-wrapper {
		width: 100%;
		flex-direction: column;
	}
	.mbs-bn-app-content {
		padding: 0 4.25%;
		margin-top: 0;
		text-align: center;
	}
	.mbs-bn-app-content h2 {
		text-align: center;
		padding: 0 20px;
	}
	.mbs-bn-app-downloads {
		display: none;
	}
	.mbs-bn-app-content p {
		margin-bottom: 0;
	}
	.mbs-bn-app .nook-img-container {
		display: flex;
		justify-content: center;
	}
	.mbs-bn-app img.nook-device {
	    width: 256px;
	    margin-left: 0;
		left: 0;
		margin-top: 15px;
	}
	#cq-accordion .btn, #cq-accordion button {
		font: 600 14px/21px Lato,sans-serif;
		letter-spacing: 0.25px;
		padding-right: 35px;
		text-align: left;
	}
	.mbs-landing .rn_MoreQuestions h2 {
		font: 600 italic 20px/28px poynter,PoynterOSDisp,serif;
	}
	.mbs-footnotes { width: 100%; }
}


@media screen and (max-width: 750px) {
	.mbr-intro-banner-content {
		height: 184px;
	}
	.mbr-intro-banner-content .mbr-intro-left {
		width: 151px;
		margin-right: 0;
	}
	.mbr-intro-banner-content .mbr-intro-right {
		width: 286.5px;
		top: 23px;
	}
	.mbr-intro-banner-content .mbr-intro-including-ps {
		width: 95px;
	}
}


@media screen and (max-width: 700px) {
	.bnpm-art { right: -22px; }
}


@media screen and (max-width: 650px) {
	.block-intro.premium-intro {
		height: 222px;
	}
	.bnpm-logo {
		max-width: 184px; /* was 282px */
		padding: 0 0 16px 16px;
	}
	.mbr-intro-banner-content {
		margin: 0 0 16px 0;
		justify-content: center;
	}
	.mbr-intro-banner-content .mbr-intro-left {
		margin-left: 0;
		margin-right: 0;
	}
	.mbr-intro-banner-content .mbr-intro-right {
		left: 0;
	}
    .mbr-intro-banner-content .mbr-intro-including-ps {
        right: -35px;
    }
	.mbs-modal .block-intro.premium-intro .bnpm-logo {
		max-width: 282px;
		top: 0;
	}
	.bnpm-art {
		max-width: unset;
		position: relative;
		max-height: 175px;
		right: -12px;
		top: 0;
	}
	.premium-pricing {
		font: normal 14px/20px Lato,sans-serif;
		letter-spacing: 1.0px;
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
		padding-left: 16px;
		text-align: center;
	}
	.mbs-modal .block-info {
		width: 100%;
		margin: 0;
		padding: 0 16px 0 16px;
		background-color: #fafafa;
	}
	.mbs-modal .block-info h2 {
		padding-bottom: 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 60px;
		width: 100%;
	}
	.mbs-modal .block-info h2 button {
		display: block;
		text-decoration: none;
		cursor: pointer;
		pointer-events: initial;
		width: 100%;
		height: 60px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
		font-weight: 600;
		letter-spacing: 1px;
	}
	.mbs-modal .mbs-modal-promo {
		padding: 0 20px;
	}
	.mbs-modal .block-info h2 button.btn-show-benefits:not(.closed):after {
	    font-family: 'bn-icons' !important;
	    font-size: 20px;
		font-weight: normal;
	    color: #000;
	    content: "\e913";
	    cursor: pointer;
	    position: absolute;
	    width: auto;
	    height: auto;
	    border: 0;
	    transition: unset;
	    top: unset;
	    left: unset;
	    right: 4px;
	}
	.mbs-modal .block-info h2 button.btn-show-benefits.closed:after {
	    font-family: 'bn-icons' !important;
	    font-size: 20px;
		font-weight: normal;
	    color: #000;
	    content: "\e908";
	    cursor: pointer;
	    position: absolute;
	    width: auto;
	    height: auto;
	    border: 0;
	    transition: unset;
	    top: unset;
	    left: unset;
	    right: 4px;
	}
	.modal__dialog[data-modal-name="m-instant-purchase"] .newuser-premium {
		padding: 0 20px;
	}
	.mbs-modal .features-grid {
		width: 100%;
	}
	.mbs-modal .features-grid.plus-features {
		padding-bottom: 30px;
	}
	.mbs-landing.mbs-modal .fts-divider > span {
		color: #000000;
		background-color: #fafafa;
	}
	.mbs-modal .ft-9 img, .mbs-modal .ft-10 img {
		width: 56px;
		height: auto;
	}
	.mbs-modal .ft-10 picture {
		padding-left: 0;
	}
}


@media screen and (max-width: 570px) {
	.bnpm-logo {
		max-width: 184px; /* was 209px */
	}
	.bnpm-art {
		max-height: 175px;
		top: 0;
	}
	.block-intro.rewards-intro {
		height: 175px;
	}
	.rewards-logo {
		max-width: 233px;
	}
	.rewards-art {
		max-width: 252px;
	}
    .mbr-intro-banner-content {
		margin: 0 0 16px 0;
		justify-content: center;
	}
	.mbr-intro-banner-content .mbr-intro-left {
		margin-left: 16px;
		margin-right: 0;
	}
	.mbr-intro-banner-content .mbr-intro-right {
		width: 238px;
        top: 37px;
        left: 0;
	}
    .mbr-intro-banner-content .mbr-intro-including-ps {
        right: 17px;
        top: -17px;
    }
	.mbs-modal .features-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4,auto);
	}
	.mbs-modal .block-intro.premium-intro {
		min-height: unset;
		max-height: unset;
		height: 160px;
	}
	.mbs-modal .block-intro.premium-intro .bnpm-art {
	  top: 8px;
	}
}


@media screen and (min-width: 481px) and (max-width: 899px) {
	.mbs-mc-benefits {max-width: fit-content; margin: 0 auto;}
}


@media screen and (max-width: 480px) {
	.mbs-landing { padding: 0; }
	.mbs-landing h2 {
		margin: 0 0 20px 0;
	}
	.mbr-intro-banner br.beta-br { display: inline; }
	.mbr-intro-banner a.beta-modal-link {
		margin-bottom: 10px;
	}
	.ft-9 img, .ft-10 img {
		width: 40px;
		height: auto;
	}
	.fts.ft-9 picture, .fts.ft-10 picture {
		width: 40px;
	}
	.mbs-modal .fts.ft-9 picture, .mbs-modal .fts.ft-10 picture {
		width: 40px;
	}
	.mbs-modal .ft-9 img, .mbs-modal .ft-10 img {
		width: 40px;
		height: auto;
	}
	.ft-10 img {
		top: 0;
	}
	.mbs-modal .ft-10 img {
		top: 0;
	}
	#cq-accordion.accordion {
		padding: 0 16px;
		width: 100%;
	}
	.fts { align-items: flex-start; }
	.mbs-modal .mbs-modal-promo h2 {
		font: 600 normal 24px/28px poynter,PoynterOSDisp,serif;
		letter-spacing: 0.25px;
		margin: 24px 0 12px 0;
	}
	.mbs-mc-content-wrapper {width: 100%;}
	.mbs-mc-content {margin: 32px 25px;}
	.mbs-mc-content p {margin-bottom: 12px;}
	.mbs-mc-content img {margin-bottom: 12px; width: 100%;}
}


@media screen and (max-width: 420px) {
	.bnpm-art {
		max-height: 159px;
		right: -12px;
	}
    .mbr-intro-banner-content {
		margin: 0 0 16px 0;
		justify-content: space-between;
	}
	.mbr-intro-banner-content .mbr-intro-left {
		margin-left: 24px;
		margin-right: 0;
	}
	.mbr-intro-banner-content .mbr-intro-right {
		width: 210px;
        top: 31px;
        margin-right: 0;
        left: 0;
	}
    .mbr-intro-banner-content .mbr-intro-including-ps {
        right: 9px;
        top: -23px;
        clip-path: inset(6px 0 0 0);
    }
	.mbs-modal .block-intro.premium-intro .bnpm-logo {
		max-width: 204px !important;
		top: 2px !important;
		padding: 0 4vw 0 7vw !important;
	}
	.mbs-modal .block-intro.premium-intro .bnpm-art {
		right: -3px !important;
		padding-top: 12px !important;
	}
}

@media screen and (max-width: 385px) {
	.mbr-intro-banner-content .mbr-intro-left {
        margin-left: 16px;
    }
}

@media screen and (max-width: 375px) {
	.features-grid {
		width: calc(100% - 4px);
		gap: 16px 8px;
	}
	.block-info {
		padding: 20px 4%;
	}
	.stamp-round-icon {
		width: 40px;
		height: 40px;
	}
    .mbr-intro-banner-content .mbr-intro-right {
		width: 210px;
        top: 31px;
        margin-right: 0;
	}
}

@media screen and (max-width: 374px) {
    .mbr-intro-banner-content .mbr-intro-right {
		width: 175px;
		top: 42px;
	}
    .mbr-intro-banner-content .mbr-intro-including-ps {
        top: -36px;
    }
}

@media screen and (max-width: 360px) {
	.bnpm-logo {
		max-width: 180px; /* was 191px */
	}
	.bnpm-art {
		right: -12px;
	}
	.rewards-art { 
		clip-path: polygon(69.87% 0px, 100% 0px, 100% 100%, -5px 99.37%, -6px 53.36%, 72.25% 50.21%);
	}
	.fts.ft-9 .features-content, .fts.ft-10 .features-content {
		width: 240px !important;
	}
	.mbs-modal .features-grid.plus-features {
		grid-template-columns: 272px;
		margin-bottom: 15px;
	}
	.mbs-modal .features-grid.plus-features .features-content {
		width: 150px;
	}
}

@media screen and (max-width: 340px) {
	.mbr-intro-banner br.intro-br { display: none; }
	.mbr-intro-banner-content .mbr-intro-left {
		width: 130px;
	}
}

@media screen and (max-width: 330px) {
	.premium-pricing { font: normal 13px/20px Lato,sans-serif; }
	.bnpm-logo {
		max-width: 181px;
	}
	.bnpm-art {
		right: -12px;
	}
}