/* =========================================================
   This CSS overrides template CSS as part of tweaking look and feel
========================================================= */

/* =========================================================

   BI TEXT LINK STYLES

   ========================================================= */

/* Clearly visible standard text link */

.BI-link {
	color: #20466b;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.BI-link:hover {
	color: #20466b;
	text-decoration: underline;
}

/* Subtle text link — no underline until hover */

.BI-link-subtle {
	color: #20466b;
}

.BI-link-subtle:hover {
	color: #20466b;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Warm accent text link */

.BI-link-orange {
	color: #A25E01;
}

.BI-link-orange:hover {
	color: #E39757;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Warm accent text link */

.BI-link-blue {
	color: #6EC1FF;
}

.BI-link-blue:hover {
	color: #e39757; /* light orange */
}



/* BI NOTE: Horiz Centered Orange Button -> Blk Button On Hover */
.BI-button-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.BI-button-actions {
    margin-top: 12px;
}




/* BI NOTE: tighten paragraph spacing */

.BI-content-sec .witr_section_title_inner.text-left p {
	margin-top: 0;
	margin-bottom: 25px;
}


/* BI NOTE: preserve section-title h2/h3 size hierarchy on smaller screens */

@media (max-width: 767px) {
	.witr_section_title_inner h1,
	.witr_section_title_inner h3 {
		font-size: 28px;
		line-height: 1.2;
	}

	.witr_section_title_inner h2 {
		font-size: 15px;
		line-height: 1.35;
		margin-bottom: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.witr_section_title_inner h1,
	.witr_section_title_inner h3 {
		font-size: 32px;
		line-height: 1.2;
	}

	.witr_section_title_inner h2 {
		font-size: 16px;
		line-height: 1.35;
		margin-bottom: 11px;
	}
}


/* BI - Smaller right-side action icon */
.BI-action-icon-sm {
    transform: scale(0.70);
    transform-origin: center center;
}


/* =========================================================
   BI NOTE: Preserve overlapping feature cards above
   Nivo slider transition slices/boxes
========================================================= */

.main-slider-area,
.em-nivo-slider-wrapper,
.nivoSlider {
	position: relative;
	z-index: 1;
}

.nivo-slice,
.nivo-box,
.nivo-main-image {
	z-index: 1 !important;
}

/* BI NOTE: overlapping feature cards stay above slider */

.anxiet_feature_area,
.anxiet_feature_area .container,
.anxiet_feature_area .row,
.anxiet_feature_area .feature_sub_inner {
	position: relative;
	z-index: 999;
}

/* =========================================================
   BI NOTE: Hero slider title transparency + subtle shadow
========================================================= */

.em-slider-sub-title {
	color: rgba(255,255,255,0.65);  /* 85% opacity */
	
	text-shadow:
		2px 2px 4px rgba(0,0,0,0.60);	

}

/* =========================================================
   BI NOTE: Hero slider text enters from off-screen right
========================================================= */

@-webkit-keyframes biSlideInFromViewportRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100vw, 0, 0);
		transform: translate3d(100vw, 0, 0);
		visibility: visible;
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes biSlideInFromViewportRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100vw, 0, 0);
		transform: translate3d(100vw, 0, 0);
		visibility: visible;
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bi-slideInViewportRight {
	-webkit-animation-name: biSlideInFromViewportRight !important;
	animation-name: biSlideInFromViewportRight !important;
}


. {
	text-shadow: 1px 2px 2px rgba(0,0,0,0.75);
}


/* =========================================================
   BI NOTE: custom 20/80 thumbnail/text layout for selected service rows only
========================================================= */

.BI-service-thumb-row .text_box {
	display: flex;
	align-items: flex-start;
	gap: 22px;
}

.BI-service-thumb-row .service_top_text {
	flex: 0 0 20%;
	max-width: 20%;
}

.BI-service-thumb-row .em-service-inner {
	flex: 1 1 80%;
	max-width: 80%;
	overflow: visible;
}

.BI-service-thumb-row.sleft .em-service-icon {
	float: none;
	margin: 0;
}

.BI-service-thumb-row .em-service-icon img {
	width: 100%;
	max-width: 150px;
	height: auto;
	display: block;
	margin: 0;
}

/* BI NOTE: stack thumbnail above text on tablet/phone */

@media (max-width: 991px) {
	.BI-service-thumb-row .text_box {
		display: block;
		text-align: center;
	}

	.BI-service-thumb-row .service_top_text,
	.BI-service-thumb-row .em-service-inner {
		max-width: 100%;
	}

	.BI-service-thumb-row .em-service-icon img {
		width: 60%;
		max-width: 240px;
		margin: 0 auto 18px;
	}
}



/* =========================================================
   BI NOTE: per-page breadcrumb hero background images
========================================================= */

.BI-breadcrumb-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}



/* =========================================================
   BI NOTE: Static centered title bar above video players
========================================================= */

.BI-video-title-bar {
	background: #367AA9;
	color: #ffffff;

	text-align: center;
	font-size: 18px;
	font-weight: 600;

	padding: 14px 18px;

	border-radius: 4px 4px 0 0;

	letter-spacing: 0.02em;

	margin-bottom: 0;
}

.BI-video-title-bar i {
	margin-right: 10px;
	font-size: 18px;
	vertical-align: middle;
}


/* =========================================================
   BI NOTE: video placeholder image moved into HTML inline style
========================================================= */

.BI-video-overlay-bg {
	padding: 227px 0px 14px 0px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.BI-video-overlay {
	position: relative;
}

.anxiet_choose_area .BI-video-overlay .video-item a {
	background: rgba(255,255,255,0.60);
}

.anxiet_choose_area .video-item a {
	background: rgba(255,255,255,0.60);
}

.anxiet_choose_area .video-item a::before {
	background: rgba(255,255,255,0.60);
}

/* BI NOTE: center animated video play button inside custom image placeholder */

.BI-video-overlay-bg {
	position: relative;
	min-height: 360px; /* adjust as desired */
}

.BI-video-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}


/* =========================================================
BI NOTE: clean checkmark bullet list
========================================================= */

.BI-check-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.BI-check-list li {
	position: relative;
	padding-left: 2em; /* space between check and text */
	margin-bottom: 10px;
}

.BI-check-list li::before {
	content: "\f00c"; /* Font Awesome check */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;

	position: absolute;
	left: 0;
	top: 0.05em;

	color: #459AD6; /* BI NOTE: change checkmark color here */
}


/* =========================================================
BI NOTE: tighten spacing between commentary slider and commentary grid
========================================================= */

.anxiet_blog_area {
	padding-bottom: 0px;
}

.witr-blog-side-area {
	padding-top: 30px;
}

/* =========================================================
BI: Keep right sidebar on screen while left column scrolls down
========================================================= */
.BI-sticky-sidebar {
	position: sticky;
	top: 110px;
	z-index: 2;
}

/* =========================================================
   BI NOTE: Trade / Newsletter alert banner
========================================================= */

.BI-alert-area {
	padding: 5px 0 20px;
}

.BI-alert-bg {
	width: 70%;
	margin: 0 auto;

	background-size: cover;
	background-position: center center;

	opacity: 0.92;

	padding: 28px 38px;
	border: 2px solid black;
	border-radius: 6px;

	box-shadow:
		rgba(14, 30, 37, 0.65) 0px 2px 4px 0px,
		rgba(14, 30, 37, 0.55) 0px 2px 16px 0px;
}

.BI-alert-RED {
	background-image:
		linear-gradient(-90deg, rgba(211,33,2,0.80) 10%, rgba(77,9,0,0.90) 90%),
		url('../images/Misc/FranklinsBkdrp.jpg');
}
.BI-alert-GREEN {
	background-image:
		linear-gradient(-90deg, rgba(64,173,74,0.80) 10%, rgba(34,78,24,0.90) 90%),
		url('../images/Misc/FranklinsBkdrp.jpg');
}

.BI-alert-BLUE {
	background-image:
		linear-gradient(-90deg, rgba(69,154,214,0.80) 10%, rgba(12,37,50,0.90) 90%),
		url('../images/Misc/FranklinsBkdrp.jpg');
}

.BI-alert-YELLOW {
	background-image:
		linear-gradient(-90deg, rgba(242,183,5,0.80) 10%, rgba(120,92,4,0.90) 90%),
		url('../images/Misc/FranklinsBkdrp.jpg');
}


.BI-alert-title h2 {
	color: #ffffff;
	font-size: 40px;
	margin-bottom: 6px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.90);	
}

.BI-alert-title h3 {
	color: #ffffff;
	line-height: 1.25;
	margin-bottom: 0;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.90);	
}

.BI-alert-title h4 {
	color: #ddd;
	font-size: 0.85em;
	line-height: 1.25;
	margin-bottom: 0;
	margin-top: 0.70em;
	text-shadow: 1px 2px 1px rgba(0,0,0,0.70);	
}

.BI-alert-action {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.BI-alert-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 82px;
	height: 82px;
	border-radius: 50%;

	background: rgba(255,255,255,0.88);
	color: #0C2532;

	font-size: 30px;
	z-index: 1;
}

.BI-alert-button::before {
	position: absolute;
	content: "";
	inset: 0;

	background: rgba(255,255,255,0.45);
	border-radius: 50%;

	animation-fill-mode: both;
	animation: witr_squares 1.5s ease-in-out infinite;
	z-index: -1;
}

.BI-alert-button:hover {
	background: #ffffff;
	color: #367AA9;
}

/* BI NOTE: mobile stacking */

@media (max-width: 767px) {
	.BI-alert-bg {
		width: 94%;
		padding: 28px 22px;
		text-align: center;
	}

	.BI-alert-title {
		text-align: center;
		margin-bottom: 22px;
	}

	.BI-alert-button {
		width: 74px;
		height: 74px;
		font-size: 27px;
	}
}

/* =========================================================
   BI NOTE: pulsing download button over special report image
========================================================= */

.BI-download-report-wrap {
	position: relative;
	display: inline-block;
	width: 100%;
}

.BI-download-report-wrap img {
	width: 100%;
	height: auto;
	display: block;
}

.BI-download-report-button {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 92px;
	height: 92px;
	border-radius: 50%;

	background: rgba(255,255,255,0.85);
	color: #0C2532;
	font-size: 34px;

	z-index: 2;
}

.BI-download-report-button::before {
	position: absolute;
	content: "";
	inset: 0;

	background: rgba(255,255,255,0.45);
	border-radius: 50%;

	animation-fill-mode: both;
	animation: witr_squares 1.5s ease-in-out infinite;

	z-index: -1;
}

.BI-download-report-button:hover {
	background: #ffffff;
	color: #367AA9;
}

/* =========================================================
BI NOTE: entire Market Commentary cards clickable
========================================================= */

.BI-card-link-wrap {
	display: block;
	text-decoration: none;
	color: inherit;
}

/* preserve image hover effects */

.BI-card-link-wrap:hover .anxiet-blog-thumb::before,
.BI-card-link-wrap:hover .anxiet-blog-thumb img,
.BI-card-link-wrap:hover .MKJSbiz-lt {
	transition: .5s;
}

/* BI NOTE: image overlay on fully-clickable Market Commentary cards */

.BI-card-link-wrap .anxiet-blog-thumb {
	position: relative;
	overflow: hidden;
}

.BI-card-link-wrap .anxiet-blog-thumb::before {
	content: "";
	position: absolute;
	inset: 0;
    background: rgba(0, 0, 0, .7);
	opacity: 0;
	transition: .5s;
	z-index: 1;
}

.BI-card-link-wrap:hover .anxiet-blog-thumb::before {
	opacity: 1;
}

.BI-card-link-wrap .anxiet-blog-thumb img {
	display: block;
	width: 100%;
	transition: .5s;
}

.BI-card-link-wrap:hover .anxiet-blog-thumb img {
	transform: scale(1.04);
}

/* =========================================================
   MARKET COMMENTARY SLIDER CATEGORY TAGS
========================================================= */

.witr_top_category{
    position: absolute;
    right: 20px;   /* moved from left to right */
    top: 20px;
    z-index: 999;
    text-align: right;
}

.witr_top_category ul li{
    display: inline-block;
}

.witr_top_category ul li span{
    color: #fff;
    background: rgba(32, 70, 107, 0.85);  /* #20466B at 85% */
    padding: 3px 10px;
    border-radius: 5px;
    margin: 0 0 10px 10px; /* spacing now favors right alignment */
    display: inline-block;
}


/* =========================================================
   MARKET COMMENTARY CARD TITLE COLOR
========================================================= */

.BI-card-link-wrap .witr_blog_con h2{
    color: #20466B;
    transition: 0.3s;
}

.BI-card-link-wrap .witr_blog_con h2:hover{
    color: #2F6699;
}


/* =========================================================
   BI NOTE: Responsive float-right content image
========================================================= */

.BI-float-image{
	float: right;

	width: 42%;
	max-width: 420px;

	margin:
		0 0 20px 30px;

	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.18);
}

/* Mobile adjustments */
@media (max-width: 767px){

	.BI-float-image{
		float: none;

		width: 100%;
		max-width: 100%;

		margin:
			0 0 20px 0;

		display: block;
	}
}

/* =========================================================
   BI NOTE: reusable form section/card styling
========================================================= */

.BI-form-section {
	padding: 55px 0;
}

.BI-form-card {
	background: #459AD6;
	padding: 34px 38px;
	border-radius: 8px;
	box-shadow: 0 2px 16px rgba(0,0,0,0.18);
}

.BI-form-title h3 {
	color: #ffffff;
	font-size:2em;
	text-align: center;
	margin-bottom: 28px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.55);
}

.BI-form-field {
	margin-bottom: 18px;
}

.BI-form-field label {
	display: block;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 7px;
}

.BI-form-field label em {
	color: #9C1904;
	margin-left: 3px;
}

.BI-form-field input,
.BI-form-field textarea {
	width: 100%;
	border: 1px solid rgba(0,0,0,0.18);
	border-radius: 5px;
	padding: 12px 14px;
	background: #ffffff;
	color: #0C2532;
}

.BI-form-field textarea {
	min-height: 140px;
	resize: vertical;
}

.BI-char-counter {
	text-align: right;
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
	margin-top: 5px;
}

.BI-char-counter.BI-char-warning {
	color: #FAB915;
}

.BI-char-counter.BI-char-danger {
	color: #9C1904;
}

.BI-recaptcha-placeholder {
	background: rgba(255,255,255,0.85);
	border: 2px dashed rgba(12,37,50,0.45);
	color: #0C2532;
	font-weight: 700;
	text-align: center;
	padding: 18px;
	border-radius: 5px;
	margin: 8px auto 22px;
	max-width: 320px;
}

.BI-form-submit {
	display: inline-block;
	margin: 0 auto;
	font-size:1.25em;
	font-weight: 700;
	color: #eee;
}

@media (max-width: 767px) {
	.BI-form-card {
		padding: 28px 20px;
	}
}

/* BI FAQ: optical alignment between IcoFont icon and text */
.BI-faq-text {
	position: relative;
	top: 2px;
}

.BI-footer-hot {
	font-size:1.05em; 
	color: #ddd;
}

.BI-footer-hot:hover {
	color: #e39757; /* light orange */
}

/* =========================================================
   BI NOTE: Invest contact page final layout polish
   Scoped to contact page only.
========================================================= */

/* Allow the two explanatory paragraphs inside the left-aligned title block
   to use the full available column width, overriding template 74% paragraph width. */
.BI-invst-contact-area .witr_section_title_inner.text-left p {
	width: 100%;
	max-width: none;
	margin-right: 0;
}

/* Keep Send Request icon/text white before and after hover. */
.BI-invst-contact-form-submit,
.BI-invst-contact-form-submit i,
.BI-invst-contact-form-submit:hover,
.BI-invst-contact-form-submit:hover i {
	color: #ffffff !important;
}

/* Make the map itself full viewport width while leaving its heading/text contained. */
.BI-invst-contact-map-area {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.BI-invst-contact-map-full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	line-height: 0;
}

.BI-invst-contact-map-full-width a {
	display: block;
	line-height: 0;
}

.BI-invst-contact-map-ratio {
	position: relative;
	width: 100%;
	height: 420px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	line-height: 0;
}

.BI-invst-contact-map-ratio iframe {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Pull the footer up to the map without editing footer markup/CSS. */
.BI-invst-contact-map-area + .witrfm_area {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

@media (max-width: 767px) {
	.BI-invst-contact-map-ratio {
		height: 320px;
	}
}

/* =========================================================
   BI NOTE: Invest contact form visual match to reusable BI form card
   Keeps v6 contact form HTML/classes but restores the polished blue card style.
========================================================= */

.BI-invst-contact-form-card {
	background: #459AD6;
	padding: 34px 38px;
	border-radius: 8px;
	box-shadow: 0 2px 16px rgba(0,0,0,0.18);
}

.BI-invst-contact-form-title h3 {
	color: #ffffff;
	font-size: 2em;
	text-align: center;
	margin-bottom: 28px;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.55);
}

.BI-invst-contact-form-field {
	margin-bottom: 18px;
}

.BI-invst-contact-form-field label {
	display: block;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 7px;
}

.BI-invst-contact-form-field label em {
	color: #9C1904;
	margin-left: 3px;
}

.BI-invst-contact-form-field input,
.BI-invst-contact-form-field textarea,
.BI-invst-contact-method-field input {
	width: 100%;
	border: 1px solid rgba(0,0,0,0.18);
	border-radius: 5px;
	padding: 12px 14px;
	background: #ffffff;
	color: #0C2532;
}

.BI-invst-contact-form-field textarea {
	min-height: 170px;
	resize: vertical;
}

.BI-invst-contact-form-helper {
	color: #ffffff;
	font-weight: 500;
}

.BI-invst-contact-form-helper a,
.BI-invst-contact-form-helper u {
	color: #ffffff;
}

.BI-invst-contact-method-row {
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}

.BI-invst-contact-method-icon {
	flex: 0 0 42px;
	max-width: 42px;
	color: #ffffff;
	font-size: 24px;
	text-align: center;
}

.BI-invst-contact-method-field {
	flex: 1 1 auto;
}

.BI-invst-contact-char-counter {
	text-align: right;
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
	margin-top: 5px;
}

.BI-invst-contact-char-counter.BI-invst-contact-char-warning {
	color: #FAB915;
}

.BI-invst-contact-char-counter.BI-invst-contact-char-danger {
	color: #9C1904;
}

.BI-invst-contact-recaptcha-box {
	background: rgba(255,255,255,0.15);
	border: 1px solid rgba(255,255,255,0.60);
	border-radius: 5px;
	padding: 18px;
	margin: 10px 0 24px;
}

.BI-invst-contact-recaptcha-box p {
	color: #ffffff;
	margin-bottom: 0;
}

.BI-invst-contact-recaptcha-placeholder {
	background: rgba(255,255,255,0.85);
	border: 2px dashed rgba(12,37,50,0.45);
	color: #0C2532;
	font-weight: 700;
	text-align: center;
	padding: 18px;
	border-radius: 5px;
	max-width: 320px;
	margin: 0 auto;
}

.BI-invst-contact-form-submit {
	display: inline-block;
	margin: 0 auto;
	font-size: 1.25em;
	font-weight: 700;
	color: #ffffff !important;
	border-color: rgba(255,255,255,0.75);
}

.BI-invst-contact-form-submit i {
	color: #ffffff !important;
	margin-right: 6px;
}

.BI-invst-contact-form-submit:hover,
.BI-invst-contact-form-submit:hover i {
	color: #ffffff !important;
}

@media (max-width: 767px) {
	.BI-invst-contact-form-card {
		padding: 28px 20px;
	}

	.BI-invst-contact-method-row {
		align-items: flex-start;
	}

	.BI-invst-contact-method-icon {
		padding-top: 8px;
	}
}

/* =========================================================
   LEGAL DISCLOSURES
   Uses the shared BI account tab-bar design.
   The main tab styling comes from:
   .BI-account-tabs-wrap
   .BI-account-tabs
   .BI-account-tab-content
========================================================= */

.BI-legal-disclosures {
	margin-top: 8px;
}


/* =========================================================
   LEGAL PAGE — SHARED ACCOUNT TAB BAR COMPATIBILITY
========================================================= */

.BI-legal-account-tabs-wrap {
	margin-top: 10px;
}

.BI-legal-account-tabs .nav-link {
	flex-basis: 33.333%;
}

.BI-legal-tab-content.BI-account-tab-content {
	padding-top: 42px;
}


/* =========================================================
   LEGAL CONTENT TYPOGRAPHY
========================================================= */

.BI-legal-tab-content h3 {
	color: #0C2532;
	font-size: 2em;
	line-height: 1.15;
	margin: 0 0 8px;
}

.BI-legal-tab-content h4 {
	color: #20466B;
	font-size: 1.25em;
	line-height: 1.25;
	margin: 28px 0 10px;
}

.BI-legal-tab-content p {
	width: 100% !important;
	max-width: none !important;
	margin: 0 0 16px;
	line-height: 1.65;
}

.BI-legal-tab-content .BI-check-list {
	margin: 0 0 18px;
}

.BI-legal-tab-content .BI-check-list li {
	margin-bottom: 9px;
	line-height: 1.55;
}

.BI-legal-effective-date {
	color: #5E5E5E;
	font-size: 0.95em;
	font-style: italic;
	margin-bottom: 20px !important;
}

.BI-legal-review-note {
	color: #5E5E5E;
	font-size: 0.92em;
	font-style: italic;
	margin: 18px 0 0;
	text-align: center;
}


/* =========================================================
   LEGAL PAGE RESPONSIVE ADJUSTMENTS
========================================================= */

@media (max-width: 991.98px) {
	.BI-legal-account-tabs .nav-link {
		flex-basis: 33.333%;
	}
}

@media (max-width: 767.98px) {
	.BI-legal-account-tabs .nav-link {
		flex-basis: 100%;
	}

	.BI-legal-tab-content.BI-account-tab-content {
		padding-top: 32px;
	}

	.BI-legal-tab-content h3 {
		font-size: 1.55em;
	}

	.BI-legal-tab-content h4 {
		font-size: 1.12em;
	}
}


/* =========================================================
   BI NOTE: Allow selected section-title paragraphs
   to use the full available column width.
   This utility is not specifically part of the legal tabs.
========================================================= */

.BI-full-p-width.witr_section_title_inner.text-left p {
	width: 100%;
	max-width: none;
	margin-right: 0;
}






/* =========================================================
   BI NOTE: Currently Open Positions responsive cards
   Bootstrap 4.6 three-column / two-column / one-column layout.
========================================================= */

.BI-position-col {
	margin-bottom: 30px;
}

.BI-position-card {
	width: 100%;
	border: 1px solid #0C2532;
	background: #ffffff;
	overflow: hidden;
}

.BI-position-company {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 72px;
	padding: 0 12px;
	background: #0C2532;
	color: #FAB915;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.BI-position-company-fit {
	display: inline-block;
	max-width: 100%;
	font-size: 17px;
	line-height: 1;
	font-weight: 500;
	white-space: nowrap;
}

.BI-position-image-wrap {
	position: relative;
	width: 100%;
	overflow: visible;
	background: #0C2532;
}

.BI-position-image-wrap img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 8.35;
	object-fit: cover;
}

.BI-position-sentiment {
	position: absolute;
	top: -18px;
	right: 10px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border: 1px solid #E39757;
	border-radius: 50%;
	background: #20466b;
	color: #ffffff;
	font-size: 24px;
	line-height: 1;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.15);
}

.BI-position-sentiment i {
	color: #ffffff;
	line-height: 1;
}

.BI-position-metrics {
	display: grid;
	grid-template-columns: 30% 40% 30%;
	min-height: 86px;
}

.BI-position-metric {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding: 8px 4px;
	text-align: center;
	color: #ffffff;
}

.BI-position-symbol {
	background: #20466b;
}

.BI-position-gain {
	background: #459AD6;
}

.BI-position-roi-up {
	background: #357822;
}

.BI-position-roi-even {
	background: #FAB915;
	color: #000000;
}

.BI-position-roi-down {
	background: #9C1904;
}

.BI-position-label {
	display: block;
	margin-bottom: 2px;
	font-size: 11px;
	line-height: 1.1;
	font-weight: 400;
	white-space: nowrap;
}

.BI-position-label i {
	margin-left: 2px;
	font-size: 12px;
	vertical-align: middle;
}

.BI-position-metric strong {
	display: block;
	font-size: 25px;
	line-height: 1.05;
	font-weight: 700;
	white-space: nowrap;
}

.BI-position-entered {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 58px;
	padding: 8px 12px;
	background: #0C2532;
	color: #FAB915;
	font-size: 15px;
	line-height: 1.2;
	text-align: center;
}

.BI-position-actions {
	display: grid;
	grid-template-columns: 30% 40% 30%;
	min-height: 92px;
}

.BI-position-last-close,
.BI-position-original-alert,
.BI-position-note-button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	text-align: center;
}

.BI-position-last-close {
	flex-direction: column;
	padding: 8px 4px;
	background: #20466b;
	color: #D5D5D5;
}

.BI-position-last-close span {
	font-size: 11px;
	line-height: 1.1;
}

.BI-position-last-close strong {
	margin-top: 3px;
	font-size: 21px;
	line-height: 1.05;
	font-weight: 400;
}

.BI-position-original-alert {
	background: #E39757;
	color: #000000 !important;
	font-size: 17px;
	line-height: 1.15;
	font-weight: 700;
	text-decoration: none !important;
}

.BI-position-original-alert:hover,
.BI-position-original-alert:focus {
	background: #FAB915;
	color: #000000 !important;
	text-decoration: none !important;
}

.BI-position-note-button {
	width: 100%;
	border: 0;
	border-radius: 0;
	padding: 0;
	background: #20466b;
	color: #D5D5D5;
	font-size: 34px;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.BI-position-note-button:hover,
.BI-position-note-button:focus,
.BI-position-note-button[aria-expanded="true"] {
	outline: none;
	background: #0C2532;
	color: #FAB915;
}

.BI-position-note-button i {
	color: inherit;
}

.BI-position-note {
	border-top: 1px solid #0C2532;
	background: #f4f7f9;
}

.BI-position-note-inner {
	padding: 18px 20px 16px;
	color: #0C2532;
	font-size: 14px;
	line-height: 1.55;
}

.BI-position-note-inner p {
	width: 100% !important;
	max-width: none !important;
	margin: 0;
}

.BI-position-note-inner strong {
	color: #20466b;
}

/* Tablet: Bootstrap changes cards to two across. */
@media (min-width: 768px) and (max-width: 991px) {
	.BI-position-company {
		height: 68px;
	}

	.BI-position-company-fit {
		font-size: 16px;
	}

	.BI-position-metric strong {
		font-size: 24px;
	}
}

/* Phone: one card per row with slightly roomier type. */
@media (max-width: 767px) {
	.BI-position-col {
		margin-bottom: 24px;
	}

	.BI-position-company {
		height: 64px;
	}

	.BI-position-company-fit {
		font-size: 17px;
	}

	.BI-position-metrics {
		min-height: 82px;
	}

	.BI-position-actions {
		min-height: 86px;
	}

	.BI-position-metric strong {
		font-size: 24px;
	}

	.BI-position-entered {
		min-height: 54px;
		font-size: 15px;
	}
}

/* Very narrow phones: preserve the three internal cells without overflow. */
@media (max-width: 420px) {
	.BI-position-label,
	.BI-position-last-close span {
		font-size: 9px;
	}

	.BI-position-metric strong {
		font-size: 20px;
	}

	.BI-position-last-close strong {
		font-size: 18px;
	}

	.BI-position-original-alert {
		font-size: 15px;
	}

	.BI-position-note-button {
		font-size: 30px;
	}
}


/* =========================================================
   BI NOTE: Recently Closed Positions responsive cards
   Variant of Currently Open Positions cards.
========================================================= */

.BI-rcp-col {
	margin-bottom: 30px;
}

.BI-rcp-card {
	width: 100%;
	border: 1px solid #0C2532;
	background: #ffffff;
	overflow: hidden;
}

.BI-rcp-result-row {
	position: relative;
	display: grid;
	grid-template-columns: 30% 40% 30%;
	min-height: 88px;
	color: #D5D5D5;
	background: #357822;
}

.BI-rcp-result-profit {
	background: #007000;
}

.BI-rcp-result-loss {
	background: #9C1904;
}

.BI-rcp-result-even {
	background: #FAB915;
	color: #000000;
}

.BI-rcp-closed-date,
.BI-rcp-roi-block,
.BI-rcp-symbol-result {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding: 7px 5px;
	text-align: center;
}

.BI-rcp-closed-date,
.BI-rcp-roi-block {
	flex-direction: column;
}

.BI-rcp-closed-date span {
	display: block;
	font-size: 11px;
	line-height: 1.1;
	font-weight: 400;
}

.BI-rcp-closed-date strong {
	display: block;
	margin-top: 3px;
	font-size: 16px;
	line-height: 1.1;
	font-weight: 400;
}

.BI-rcp-roi-block strong {
	display: block;
	font-size: 31px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.02em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}

.BI-rcp-result-profit .BI-rcp-roi-block strong,
.BI-rcp-result-even .BI-rcp-roi-block strong {
	color: #FAB915;
}

.BI-rcp-result-loss .BI-rcp-roi-block strong {
	color: #D5D5D5;
}

.BI-rcp-roi-block span {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.05;
	font-weight: 800;
	color: #D5D5D5;
}

.BI-rcp-result-even .BI-rcp-roi-block span {
	color: #000000;
}

.BI-rcp-symbol-result {
	position: relative;
	flex-direction: column;
	align-items: center;
	padding-right: 0;
	overflow: visible;
}

.BI-rcp-symbol-result strong {
	display: block;
	font-size: 29px;
	line-height: 1;
	font-weight: 400;
	color: #D5D5D5;
}

.BI-rcp-symbol-result span {
	display: block;
	margin-top: 5px;
	font-size: 15px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #D5D5D5;
}

.BI-rcp-sentiment {
	position: absolute;
	right: 9px;
	bottom: -33px;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border: 1px solid #E39757;
	border-radius: 50%;
	background: #20466b;
	color: #ffffff;
	font-size: 24px;
	line-height: 1;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.15);
}

.BI-rcp-sentiment i {
	color: #ffffff;
	line-height: 1;
}

.BI-rcp-image-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #0C2532;
}

.BI-rcp-image-wrap img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 8.35;
	object-fit: cover;
}

.BI-rcp-company {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 62px;
	padding: 0 12px;
	background: #0C2532;
	color: #FAB915;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.BI-rcp-company-fit {
	display: inline-block;
	max-width: 100%;
	font-size: 17px;
	line-height: 1;
	font-weight: 500;
	white-space: nowrap;
}

.BI-rcp-actions {
	display: grid;
	grid-template-columns: 30% 40% 30%;
	min-height: 92px;
}

.BI-rcp-entered,
.BI-rcp-exit-alert,
.BI-rcp-note-button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	text-align: center;
}

.BI-rcp-entered {
	flex-direction: column;
	padding: 8px 4px;
	background: #20466b;
	color: #D5D5D5;
}

.BI-rcp-entered span {
	font-size: 11px;
	line-height: 1.1;
}

.BI-rcp-entered strong {
	margin-top: 3px;
	font-size: 17px;
	line-height: 1.05;
	font-weight: 400;
}

.BI-rcp-exit-alert {
	background: #E39757;
	color: #000000 !important;
	font-size: 18px;
	line-height: 1.15;
	font-weight: 800;
	text-decoration: none !important;
}

.BI-rcp-exit-alert:hover,
.BI-rcp-exit-alert:focus {
	background: #FAB915;
	color: #000000 !important;
	text-decoration: none !important;
}

.BI-rcp-note-button {
	width: 100%;
	border: 0;
	border-radius: 0;
	padding: 0;
	background: #20466b;
	color: #D5D5D5;
	font-size: 34px;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.BI-rcp-note-button:hover,
.BI-rcp-note-button:focus,
.BI-rcp-note-button[aria-expanded="true"] {
	outline: none;
	background: #0C2532;
	color: #FAB915;
}

.BI-rcp-note-button i {
	color: inherit;
}

.BI-rcp-note {
	border-top: 1px solid #0C2532;
	background: #f4f7f9;
}

.BI-rcp-note-inner {
	padding: 18px 20px 16px;
	color: #0C2532;
	font-size: 14px;
	line-height: 1.55;
}

.BI-rcp-note-inner p {
	width: 100% !important;
	max-width: none !important;
	margin: 0;
}

.BI-rcp-note-inner strong {
	color: #20466b;
}

@media (min-width: 768px) and (max-width: 991px) {
	.BI-rcp-roi-block strong {
		font-size: 29px;
	}
	.BI-rcp-symbol-result strong {
		font-size: 27px;
	}
}

@media (max-width: 767px) {
	.BI-rcp-col {
		margin-bottom: 24px;
	}
	.BI-rcp-result-row {
		min-height: 84px;
	}
	.BI-rcp-company {
		height: 60px;
	}
	.BI-rcp-company-fit {
		font-size: 17px;
	}
	.BI-rcp-roi-block strong {
		font-size: 30px;
	}
	.BI-rcp-actions {
		min-height: 86px;
	}
}

@media (max-width: 420px) {
	.BI-rcp-closed-date span,
	.BI-rcp-entered span {
		font-size: 9px;
	}
	.BI-rcp-closed-date strong,
	.BI-rcp-entered strong {
		font-size: 14px;
	}
	.BI-rcp-roi-block strong {
		font-size: 26px;
	}
	.BI-rcp-roi-block span {
		font-size: 12px;
	}
	.BI-rcp-symbol-result strong {
		font-size: 23px;
	}
	.BI-rcp-symbol-result span {
		font-size: 12px;
	}
	.BI-rcp-exit-alert {
		font-size: 16px;
	}
	.BI-rcp-note-button {
		font-size: 30px;
	}
}


/* =========================================================
   BI NOTE: Recommendation alert presentation
   Top bands and rationale title for the recommendation page.
========================================================= */

.BI-rec-alert-card {
	overflow: hidden;
	border-radius: 8px 8px 0 0;
}

.BI-rec-published,
.BI-rec-type,
.BI-rec-action,
.BI-rec-rationale-title {
	width: 100%;
	text-align: center;
}

.BI-rec-published {
	background: #0C2532;
	padding: 16px 26px 18px;
}

.BI-rec-published p {
	width: 100% !important;
	margin: 0 0 8px !important;
	color: #FAB915;
	font-size: 15px;
	line-height: 1.25;
}

.BI-rec-published h1 {
	margin: 0;
	color: #C0C0C0;
	font-size: 44px;
	line-height: 1.08;
	font-weight: 400;
}

.BI-rec-type {
	padding: 17px 24px;
}

.BI-rec-type h4 {
	margin: 0;
	font-size: 31px;
	line-height: 1.15;
	font-weight: 700;
}

.BI-rec-type h4,
.BI-rec-type h4 i {
	color: inherit;
}

/* Default recommendation-type color */
.BI-rec-type-BLUE {
	background: #459AD6;
	color: #D6D6D6;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}

/* Alternate recommendation-type colors */
.BI-rec-type-RED {
	background: #9C1904;
	color: #D6D6D6;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}

.BI-rec-type-GREEN {
	background: #357822;
	color: #D6D6D6;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}

.BI-rec-type-GOLD {
	background: #FAB915;
	color: #000000;
	text-shadow: none;
}

.BI-rec-action {
	background: #20466b;
	padding: 36px 42px 38px;
}

.BI-rec-action h2 {
	margin: 0;
	color: #ffffff;
	font-size: 38px;
	line-height: 1.28;
	font-weight: 600;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}

.BI-rec-body {
	padding-top: 30px;
	padding-bottom: 26px;
}

.BI-rec-rationale-title {
	background: #20466b;
	padding: 20px 24px;
}

.BI-rec-rationale-title h2 {
	margin: 0;
	color: #ffffff;
	font-size: 29px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}

.BI-rec-rationale-title h2 i {
	color: #ffffff;
}

.BI-rec-rationale-body {
	padding-top: 0;
}

.BI-rec-chart img {
	display: block;
	width: 100%;
	height: auto;
}

/* Right-column Alert At A Glance sizing tweaks */
.BI-rec-summary-action strong {
	font-size: 31px !important;
	line-height: 1 !important;
}

.BI-rec-summary-order {
	font-size: 19px !important;
	font-weight: 700;
	letter-spacing: 0.02em;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
	.BI-rec-published h1 {
		font-size: 34px;
	}

	.BI-rec-type h4 {
		font-size: 25px;
	}

	.BI-rec-action {
		padding: 30px 26px 32px;
	}

	.BI-rec-action h2 {
		font-size: 30px;
	}

	.BI-rec-rationale-title h2 {
		font-size: 24px;
	}
}

/* Phone */
@media (max-width: 767px) {
	.BI-rec-published {
		padding: 15px 16px 17px;
	}

	.BI-rec-published p {
		font-size: 12px;
	}

	.BI-rec-published h1 {
		font-size: 29px;
	}

	.BI-rec-type {
		padding: 15px 14px;
	}

	.BI-rec-type h4 {
		font-size: 23px;
	}

	.BI-rec-action {
		padding: 26px 20px 28px;
	}

	.BI-rec-action h2 {
		font-size: 27px;
		line-height: 1.25;
	}

	.BI-rec-rationale-title {
		padding: 18px 15px;
	}

	.BI-rec-rationale-title h2 {
		font-size: 22px;
	}

	.BI-rec-body {
		padding-top: 24px;
		padding-bottom: 22px;
	}
}

@media (max-width: 420px) {
	.BI-rec-published h1 {
		font-size: 25px;
	}

	.BI-rec-type h4 {
		font-size: 20px;
	}

	.BI-rec-action h2 {
		font-size: 23px;
	}

	.BI-rec-rationale-title h2 {
		font-size: 19px;
	}
}


/* =========================================================
   BI NOTE: Recommendations overview cards
   Reuses the visual language from open/closed position cards.
========================================================= */

.BI-rec-grid-col {
	margin-bottom: 30px;
}

.BI-rec-grid-card {
	width: 100%;
	border: 1px solid #0C2532;
	background: #ffffff;
	overflow: hidden;
}

.BI-rec-grid-top {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 72px;
	padding: 10px 14px;
	background: #20466b;
	color: #FAB915;
	font-size: 18px;
	line-height: 1.15;
	font-weight: 500;
	text-align: center;
}

.BI-rec-grid-top-latest {
	background: #459AD6;
	color: #ffffff;
	font-weight: 700;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.85);
}

.BI-rec-grid-image {
	position: relative;
	width: 100%;
	background: #0C2532;
	overflow: visible;
}

.BI-rec-grid-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 8.35;
	object-fit: cover;
}

.BI-rec-grid-company {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 62px;
	padding: 0 12px;
	background: #0C2532;
	color: #FAB915;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.BI-rec-grid-company-fit {
	display: inline-block;
	max-width: 100%;
	font-size: 17px;
	line-height: 1;
	font-weight: 500;
	white-space: nowrap;
}

.BI-rec-grid-actions {
	display: grid;
	grid-template-columns: 30% 40% 30%;
	min-height: 92px;
}

.BI-rec-grid-symbol,
.BI-rec-grid-details,
.BI-rec-grid-last {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	text-align: center;
}

.BI-rec-grid-symbol {
	flex-direction: column;
	padding: 8px 4px;
	background: #20466b;
	color: #ffffff;
}

.BI-rec-grid-symbol span,
.BI-rec-grid-last span {
	font-size: 11px;
	line-height: 1.1;
	font-weight: 400;
	white-space: nowrap;
}

.BI-rec-grid-symbol strong {
	display: block;
	margin-top: 3px;
	font-size: 25px;
	line-height: 1.05;
	font-weight: 700;
	white-space: nowrap;
}

.BI-rec-grid-details {
	background: #E39757;
	color: #000000 !important;
	font-size: 18px;
	line-height: 1.15;
	font-weight: 800;
	text-decoration: none !important;
	transition: background 0.2s ease, color 0.2s ease;
}

.BI-rec-grid-details:hover,
.BI-rec-grid-details:focus {
	background: #FAB915;
	color: #000000 !important;
	text-decoration: none !important;
}

.BI-rec-grid-last {
	flex-direction: column;
	padding: 8px 4px;
	color: #ffffff;
}

.BI-rec-grid-last strong {
	display: block;
	margin-top: 3px;
	font-size: 21px;
	line-height: 1.05;
	font-weight: 400;
	white-space: nowrap;
}

.BI-rec-grid-last-new {
	background: #20466b;
	color: #D5D5D5;
}

.BI-rec-grid-last-up {
	background: #357822;
	color: #ffffff;
}

.BI-rec-grid-last-flat {
	background: #FAB915;
	color: #000000;
}

.BI-rec-grid-last-down {
	background: #9C1904;
	color: #ffffff;
}

/* Newsletter and webinar cards */
.BI-rec-grid-media-card {
	background: #0C2532;
}

.BI-rec-grid-media {
	position: relative;
	background: #0C2532;
}

/* Make every Bootstrap card column stretch its card to the row height */
.BI-rec-grid-col {
	display: flex;
	margin-bottom: 30px;
}

.BI-rec-grid-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	border: 1px solid #0C2532;
	background: #ffffff;
	overflow: hidden;
}


/* Newsletter and webinar cards */
.BI-rec-grid-media-card {
	background: #0C2532;
}

.BI-rec-grid-media {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	min-height: 0;
	background: #0C2532;
}

.BI-rec-grid-media-wrap {
	position: relative;
	display: block;
	flex: 1 1 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.BI-rec-grid-media-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.BI-rec-grid-media-icon {
	top: -18px;
	right: 10px;
}

.BI-rec-grid-media .BI-alert-action {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.BI-rec-grid-media .BI-alert-button {
	pointer-events: auto;
}

/* Important Information accordion */
.BI-rec-info-accordion {
	width: 100%;
}

.BI-rec-info-accordion .card {
	border: 1px solid #20466b;
	border-radius: 5px;
	overflow: hidden;
}

.BI-rec-info-accordion .card-header {
	padding: 0;
	border: 0;
	background: #20466b;
}

.BI-rec-info-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border: 0;
	padding: 14px 48px 14px 18px;
	background: #20466b;
	color: #ffffff;
	font-size: 17px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
}

.BI-rec-info-button:hover,
.BI-rec-info-button:focus {
	background: #0C2532;
	color: #ffffff;
	outline: none;
}

.BI-rec-info-button i:first-child {
	margin-right: 8px;
	color: #FAB915;
}

.BI-rec-info-arrow {
	position: absolute;
	right: 18px;
	color: #ffffff;
	transition: transform 0.2s ease;
}

.BI-rec-info-button[aria-expanded="true"] .BI-rec-info-arrow {
	transform: rotate(180deg);
}

.BI-rec-info-accordion .card-body {
	padding: 20px 22px;
	background: #ffffff;
	color: #0C2532;
}

.BI-rec-info-accordion .card-body p {
	width: 100% !important;
	margin: 0 !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
	.BI-rec-grid-top {
		min-height: 68px;
		font-size: 17px;
	}

	.BI-rec-grid-company {
		height: 60px;
	}

	.BI-rec-grid-company-fit {
		font-size: 16px;
	}
}

/* Phone */
@media (max-width: 767px) {
	.BI-rec-grid-col {
		margin-bottom: 24px;
	}

	.BI-rec-grid-top {
		min-height: 64px;
		font-size: 17px;
	}

	.BI-rec-grid-company {
		height: 58px;
	}

	.BI-rec-grid-company-fit {
		font-size: 17px;
	}

	.BI-rec-grid-actions {
		min-height: 86px;
	}

	.BI-rec-info-button {
		font-size: 15px;
	}
}

@media (max-width: 420px) {
	.BI-rec-grid-symbol span,
	.BI-rec-grid-last span {
		font-size: 9px;
	}

	.BI-rec-grid-symbol strong {
		font-size: 21px;
	}

	.BI-rec-grid-last strong {
		font-size: 18px;
	}

	.BI-rec-grid-details {
		font-size: 15px;
	}

	.BI-rec-grid-top {
		font-size: 15px;
	}
}


/* =========================================================
   BI NOTE: Customer testimonial list
   Bootstrap 4.6-compatible adaptation of the Spa layout.
========================================================= */

.BI-testimonial-panel {
	background: #ffffff;
	border: 1px solid rgba(12,37,50,0.07);
	box-shadow: 0 2px 14px rgba(0,0,0,0.04);
	padding: 26px 26px 8px;
}

.BI-testimonial-panel-title {
	color: #0C2532;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0;
	padding: 0 0 24px;
	border-bottom: 1px solid rgba(12,37,50,0.16);
}

.BI-testimonial-list {
	width: 100%;
}

.BI-testimonial-item {
	margin: 0;
	padding: 26px 0 28px;
	border-bottom: 1px solid rgba(12,37,50,0.14);
}

.BI-testimonial-item:last-child {
	border-bottom: 0;
}

.BI-testimonial-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
}

.BI-testimonial-client {
	display: flex;
	align-items: center;
	min-width: 0;
}

.BI-testimonial-avatar {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	margin-right: 16px;
	border-radius: 50%;
	object-fit: cover;
	background: #e9ecef;
}

.BI-testimonial-client-info {
	min-width: 0;
}

.BI-testimonial-name-location {
	display: flex;
	align-items: baseline;
	flex-wrap: nowrap;
	white-space: nowrap;
	line-height: 1.2;
}

.BI-testimonial-name-location strong {
	color: #111111;
	font-size: 17px;
	font-weight: 700;
	margin-right: 6px;
}

.BI-testimonial-name-location span {
	color: #6b6f73;
	font-size: 14px;
	font-weight: 400;
}

.BI-testimonial-stars {
	display: flex;
	align-items: center;
	gap: 2px;
	margin-top: 6px;
	color: #E9A93B;
	font-size: 16px;
	line-height: 1;
}

.BI-testimonial-tag {
	flex: 0 0 auto;
	background: #20466b;
	color: #ffffff;
	padding: 8px 14px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
}

.BI-testimonial-review {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #222222;
	font-family: inherit;
	font-size: 17px;
	line-height: 1.6;
	font-style: italic;
	font-weight: 400;
}

/* Preserve the sidebar as sticky beside the longer testimonial list. */
.BI-sticky-sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 110px;
	z-index: 2;
}

@media (min-width: 768px) and (max-width: 991px) {
	.BI-testimonial-panel {
		padding: 22px 20px 6px;
	}

	.BI-testimonial-header {
		gap: 12px;
	}

	.BI-testimonial-tag {
		padding: 7px 10px;
		font-size: 12px;
	}

	.BI-testimonial-name-location strong {
		font-size: 16px;
	}

	.BI-testimonial-name-location span {
		font-size: 12px;
	}

	.BI-testimonial-review {
		font-size: 16px;
	}
}

/* Phone presentation follows the supplied Spa screenshot. */
@media (max-width: 767px) {
	.BI-testimonial-panel {
		padding: 20px 20px 4px;
	}

	.BI-testimonial-panel-title {
		font-size: 25px;
		padding-bottom: 22px;
	}

	.BI-testimonial-item {
		padding: 24px 0 26px;
	}

	.BI-testimonial-header {
		align-items: center;
		gap: 12px;
		margin-bottom: 17px;
	}

	.BI-testimonial-avatar {
		flex-basis: 62px;
		width: 62px;
		height: 62px;
		margin-right: 14px;
	}

	.BI-testimonial-name-location strong {
		font-size: 16px;
	}

	.BI-testimonial-name-location span {
		font-size: 13px;
	}

	.BI-testimonial-tag {
		padding: 8px 12px;
		font-size: 13px;
	}

	.BI-testimonial-review {
		font-size: 16px;
		line-height: 1.65;
	}
}

@media (max-width: 480px) {
	.BI-testimonial-panel {
		padding-left: 16px;
		padding-right: 16px;
	}

	.BI-testimonial-header {
		flex-wrap: wrap;
	}

	.BI-testimonial-client {
		flex: 1 1 auto;
	}

	.BI-testimonial-tag {
		margin-left: auto;
	}

	.BI-testimonial-name-location strong {
		font-size: 15px;
	}

	.BI-testimonial-name-location span {
		font-size: 12px;
	}
}

@media (max-width: 380px) {
	.BI-testimonial-header {
		display: block;
	}

	.BI-testimonial-tag {
		display: inline-block;
		margin: 14px 0 0 78px;
	}

	.BI-testimonial-name-location {
		white-space: normal;
	}
}

/* =========================================================
   BI TESTIMONIAL SUBMISSION FORM — PHASE 1 DEMO
========================================================= */
.BI-testimonial-form-card{background:#459AD6;padding:38px;border-radius:10px;}
.BI-testimonial-form-card .BI-form-title h3{margin-bottom:24px;font-size:2.25em;}
.BI-testimonial-form-card .BI-form-title h3 span{color:#FAB915;}
.BI-testimonial-form-callout{background:#fff;border-left:7px solid #FAB915;border-radius:7px;padding:22px 24px;margin-bottom:30px;color:#0C2532;box-shadow:0 2px 10px rgba(12,37,50,.14);}
.BI-testimonial-form-callout h4{color:#20466b;font-size:1.35em;margin:0 0 10px;font-weight:700;}
.BI-testimonial-form-callout p{margin:0 0 9px;line-height:1.62;}
.BI-testimonial-form-callout p:last-child{margin-bottom:0;}
.BI-form-group-heading{display:flex;align-items:center;gap:13px;margin:29px 0 18px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.38);color:#fff;}
.BI-form-group-heading>span{display:flex;align-items:center;justify-content:center;flex:0 0 35px;width:35px;height:35px;border-radius:50%;background:#0C2532;color:#fff;font-weight:800;}
.BI-form-group-heading strong{display:block;font-size:1.18em;line-height:1.2;}
.BI-form-group-heading small{display:block;margin-top:3px;color:rgba(255,255,255,.88);font-size:13px;}
.BI-form-field select{width:100%;height:50px;border:1px solid rgba(0,0,0,.18);border-radius:5px;padding:0 14px;background:#fff;color:#0C2532;}
.BI-form-field label span{font-weight:400;font-style:normal;opacity:.88;}
.BI-field-help{display:block;color:rgba(255,255,255,.9);font-size:12px;margin-top:5px;}
.BI-form-field input:disabled{background:rgba(255,255,255,.72);cursor:not-allowed;}
.BI-mini-counter{text-align:right;color:#fff;font-size:12px;font-weight:700;margin-top:4px;}
.BI-rating-fieldset{border:0;margin:0 0 8px;padding:0;}
.BI-rating-scale{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;}
.BI-rating-scale label{margin:0;cursor:pointer;}
.BI-rating-scale input{position:absolute;opacity:0;pointer-events:none;}
.BI-rating-scale span{display:flex;align-items:center;justify-content:center;height:50px;border:2px solid rgba(12,37,50,.25);border-radius:7px;background:#fff;color:#0C2532;font-size:18px;font-weight:800;transition:.18s ease;}
.BI-rating-scale label:hover span,.BI-rating-scale input:focus+span{border-color:#FAB915;transform:translateY(-2px);box-shadow:0 4px 10px rgba(12,37,50,.18);}
.BI-rating-scale input:checked+span{background:#0C2532;border-color:#0C2532;color:#FAB915;box-shadow:0 0 0 3px rgba(250,185,21,.7);}
.BI-rating-labels{display:flex;justify-content:space-between;color:#fff;font-weight:700;font-size:13px;margin-top:7px;}
.BI-rating-feedback{margin-top:10px;text-align:center;color:#0C2532;background:rgba(255,255,255,.86);border-radius:5px;padding:8px 12px;font-size:13px;font-weight:700;}
.BI-photo-upload-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:#fff;border:2px dashed rgba(12,37,50,.36);border-radius:8px;padding:22px;color:#0C2532;}
.BI-photo-upload-avatar{display:block;flex:0 0 82px;width:82px;height:82px;margin:0;border:3px solid #ffffff;border-radius:50%;overflow:hidden;background:#e9ecef;box-shadow:0 0 0 1px rgba(12,37,50,.18);cursor:pointer;}
.BI-photo-upload-avatar img{display:block;width:100%;height:100%;object-fit:cover;}
.BI-photo-upload-avatar:hover{box-shadow:0 0 0 3px rgba(32,70,107,.22);}
.BI-photo-upload-copy strong,.BI-photo-upload-copy span{display:block;}
.BI-photo-upload-copy span{font-size:13px;color:#586773;margin-top:3px;}
.BI-photo-upload-button{display:inline-block;margin:0;background:#20466b;color:#fff;border-radius:5px;padding:11px 16px;font-weight:700;cursor:pointer;white-space:nowrap;}
.BI-photo-upload-button:hover{background:#0C2532;color:#fff;}
.BI-photo-upload-box input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;}
.BI-photo-file-name{grid-column:2/4;font-size:13px;font-style:italic;color:#66727d;border-top:1px solid #d9e0e5;padding-top:9px;overflow-wrap:anywhere;}
.BI-testimonial-media-box{background:#fff;border:2px dashed rgba(12,37,50,.36);border-radius:8px;padding:22px;color:#0C2532;}
.BI-testimonial-media-select{display:flex;align-items:center;flex-wrap:wrap;gap:14px;}
.BI-testimonial-media-box input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;}
.BI-testimonial-file-name{flex:1 1 220px;color:#66727d;font-size:13px;font-style:italic;overflow-wrap:anywhere;}
.BI-testimonial-media-box details{margin-top:17px;padding-top:14px;border-top:1px solid #d9e0e5;}
.BI-testimonial-media-box summary{color:#20466B;font-weight:700;cursor:pointer;}
.BI-testimonial-recording-tips{margin:14px 0 0;padding-left:22px;color:#35414B;}
.BI-testimonial-recording-tips li{margin-bottom:8px;line-height:1.55;}
.BI-testimonial-media-help{margin-top:14px;color:#586773;}
.BI-permission-box{background:rgba(255,255,255,.96);border-radius:7px;padding:18px 20px;margin-bottom:22px;}
.BI-check-row{display:flex;align-items:flex-start;gap:11px;margin:0 0 14px;color:#0C2532;font-weight:400;line-height:1.45;cursor:pointer;}
.BI-check-row:last-child{margin-bottom:0;}
.BI-check-row input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:#20466b;}
.BI-check-row em{color:#9C1904;margin-left:3px;}
.BI-recaptcha-placeholder i{margin-right:7px;}
.BI-demo-note{margin:12px 0 0;color:rgba(255,255,255,.9);font-size:12px;font-style:italic;}

@media(max-width:767px){
 .BI-testimonial-form-card{padding:27px 18px;}
 .BI-testimonial-form-card .BI-form-title h3{font-size:1.8em;}
 .BI-testimonial-form-callout{padding:18px 17px;}
 .BI-form-group-heading{align-items:flex-start;}
 .BI-rating-scale{grid-template-columns:repeat(5,1fr);gap:9px;}
 .BI-rating-scale label:last-child{grid-column:4/5;}
 .BI-rating-scale span{height:46px;}
 .BI-testimonial-media-select{align-items:stretch;flex-direction:column;}
 .BI-testimonial-media-select .BI-photo-upload-button{width:100%;text-align:center;}
 .BI-testimonial-file-name{flex-basis:auto;text-align:center;}
 .BI-photo-upload-box{grid-template-columns:auto 1fr;text-align:left;}
 .BI-photo-upload-button{grid-column:1/3;text-align:center;}
 .BI-photo-file-name{grid-column:1/3;}
}


/* =========================================================
   MKJS MEMBER ACCOUNT CENTER
   Append to assets/css/bi-tweaks.css
   ========================================================= */

.BI-membership-area {
	background: #fff;
	padding: 80px 0 95px;
	color: #35414B;
}

.BI-member-identity-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 28px;
	padding: 22px 28px;
	background: #fff;
	border: 1px solid rgba(12, 37, 50, 0.10);
	box-shadow: 0 5px 20px rgba(12, 37, 50, 0.10);
}

.BI-member-identity-main {
	display: flex;
	align-items: center;
	gap: 20px;
	min-width: 0;
}

.BI-member-avatar-wrap {
	flex: 0 0 auto;
}

.BI-member-avatar {
	display: block;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	object-fit: cover;
	border: 5px solid #fff;
	box-shadow: 0 0 0 3px #20466B, 0 7px 18px rgba(12, 37, 50, 0.18);
}

.BI-member-eyebrow,
.BI-panel-kicker,
.BI-service-type {
	display: block;
	margin-bottom: 5px;
	color: #20466B;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.BI-member-identity-copy h2 {
	margin: 0 0 5px;
	color: #0C2532;
	font-size: 26px;
	line-height: 1.2;
}

.BI-member-identity-copy p {
	margin: 0;
	color: #5E5E5E;
}

.BI-member-tenure {
	flex: 0 0 auto;
	text-align: center;
}

.BI-member-tenure > p {
	margin: 7px 0 0;
	color: #5E5E5E;
	font-size: 12px;
}

.BI-tenure-badge {
	position: relative;
	display: inline-grid;
	grid-template-columns: auto auto;
	align-items: center;
	column-gap: 9px;
	min-width: 190px;
	padding: 10px 16px;
	border-radius: 999px;
	cursor: help;
	outline: none;
	box-shadow: inset 0 0 0 1px rgba(12, 37, 50, 0.14), 0 4px 12px rgba(12, 37, 50, 0.12);
}

.BI-tenure-badge i {
	grid-row: 1 / span 2;
	font-size: 29px;
}

.BI-tenure-level {
	display: block;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.BI-tenure-years {
	display: block;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.15;
	opacity: 0.85;
}

.BI-tenure-gold {
	color: #0C2532;
	background: linear-gradient(135deg, #FFF2B3 0%, #FAB915 47%, #E39757 100%);
}

.BI-tenure-badge-inline {
	align-self: center;
}

.BI-account-tabs-wrap {
	position: relative;
	z-index: 2;
	margin-bottom: 0;
}

.BI-account-tabs {
	display: flex;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid rgba(12, 37, 50, 0.12);
	box-shadow: 0 6px 18px rgba(12, 37, 50, 0.10);
}

.BI-account-tabs .nav-link {
	position: relative;
	display: flex;
	flex: 1 1 25%;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 70px;
	margin: 0;
	padding: 16px 14px;
	color: #0C2532;
	background: #fff;
	border: 0;
	border-right: 1px solid rgba(12, 37, 50, 0.12);
	border-radius: 0;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-align: center;
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.BI-account-tabs .nav-link:last-child {
	border-right: 0;
}

.BI-account-tabs .nav-link i {
	color: #20466B;
	font-size: 21px;
	transition: color 0.2s ease;
}

.BI-account-tabs .nav-link:hover,
.BI-account-tabs .nav-link:focus {
	color: #20466B;
	background: rgba(69, 154, 214, 0.08);
}

.BI-account-tabs .nav-link.active {
	color: #fff;
	background: #20466B;
}

.BI-account-tabs .nav-link.active i {
	color: #fff;
}

.BI-account-tabs .nav-link.active::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -11px;
	width: 0;
	height: 0;
	transform: translateX(-50%);
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #20466B;
}

.BI-account-tab-content {
	position: relative;
	z-index: 1;
	padding: 55px 42px 42px;
	background: #fff;
	border: 1px solid rgba(12, 37, 50, 0.10);
	border-top: 0;
	box-shadow: 0 8px 24px rgba(12, 37, 50, 0.08);
}

.BI-account-panel-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 30px;
	padding-bottom: 21px;
	border-bottom: 1px solid rgba(12, 37, 50, 0.12);
}

.BI-account-panel-heading h2 {
	margin: 0 0 8px;
	color: #0C2532;
	font-size: 30px;
	line-height: 1.2;
}

.BI-account-panel-heading p {
	max-width: 820px;
	margin: 0;
	color: #5E5E5E;
}

.BI-profile-photo-panel {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	gap: 38px;
	align-items: center;
	margin-bottom: 38px;
	padding: 30px;
	background: rgba(69, 154, 214, 0.06);
	border: 1px solid rgba(32, 70, 107, 0.16);
}

.BI-photo-control {
	text-align: center;
}

.BI-profile-photo-button {
	position: relative;
	display: block;
	width: 144px;
	height: 144px;
	margin: 0 auto 18px;
	padding: 0;
	overflow: visible;
	background: transparent;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}

.BI-profile-photo-button img {
	display: block;
	width: 144px;
	height: 144px;
	object-fit: cover;
	border: 6px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #20466B, 0 9px 24px rgba(12, 37, 50, 0.18);
}

.BI-photo-edit-badge {
	position: absolute;
	right: 0;
	bottom: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	color: #fff;
	background: #20466B;
	border: 3px solid #fff;
	border-radius: 50%;
}

.BI-visually-hidden-file {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.BI-upload-status {
	display: block;
	margin-top: 10px;
	color: #5E5E5E;
	font-size: 12px;
}

.BI-photo-guidance h3,
.BI-form-section-title h3,
.BI-subscription-card h3,
.BI-communications-card h3,
.BI-security-card h3 {
	margin: 0 0 10px;
	color: #0C2532;
	font-size: 23px;
	line-height: 1.25;
}

.BI-photo-guidance p {
	margin-bottom: 14px;
}

.BI-check-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.BI-check-list li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 26px;
}

.BI-check-list li::before {
	content: "\eed6";
	position: absolute;
	left: 0;
	top: 1px;
	color: #357822;
	font-family: IcoFont;
	font-size: 17px;
}

.BI-form-section {
	padding-top: 4px;
}

.BI-form-section-title {
	margin-bottom: 22px;
}

.BI-form-section-title p {
	margin: 0;
	color: #5E5E5E;
	font-size: 13px;
}

.BI-form-group {
	margin-bottom: 24px;
}

.BI-form-group label {
	display: block;
	margin-bottom: 8px;
	color: #0C2532;
	font-weight: 700;
}

.BI-form-group label span {
	margin-left: 2px;
	color: #9C1904;
}

.BI-form-group .form-control {
	height: 50px;
	padding: 10px 14px;
	color: #35414B;
	background: #fff;
	border: 1px solid rgba(12, 37, 50, 0.18);
	border-radius: 0;
	box-shadow: 0 3px 9px rgba(12, 37, 50, 0.06);
}

.BI-form-group .form-control:focus {
	border-color: #459AD6;
	box-shadow: 0 0 0 3px rgba(69, 154, 214, 0.15);
}

.BI-form-group small {
	display: block;
	margin-top: 7px;
	color: #5E5E5E;
	line-height: 1.45;
}

.BI-form-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 12px;
	padding-top: 28px;
	border-top: 1px solid rgba(12, 37, 50, 0.12);
}

.BI-action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 47px;
	padding: 12px 20px;
	border: 1px solid transparent;
	border-radius: 0;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.BI-action-btn:hover,
.BI-action-btn:focus {
	transform: translateY(-1px);
	text-decoration: none;
}

.BI-action-btn-blue {
	color: #fff;
	background: #20466B;
}

.BI-action-btn-blue:hover,
.BI-action-btn-blue:focus {
	color: #fff;
	background: #0C2532;
}

.BI-action-btn-orange {
	color: #fff;
	background: #E39757;
	border-color: #E39757;
}

.BI-action-btn-orange:hover,
.BI-action-btn-orange:focus {
	color: #fff;
	background: #0C2532;
	border-color: #0C2532;
}

.BI-action-btn-outline {
	color: #20466B;
	background: #fff;
	border-color: #20466B;
}

.BI-action-btn-outline:hover,
.BI-action-btn-outline:focus {
	color: #fff;
	background: #20466B;
}

.BI-action-btn-disabled {
	color: #fff;
	background: #5E5E5E;
	border-color: #5E5E5E;
	cursor: not-allowed;
	opacity: 0.58;
}

.BI-demo-message {
	color: #357822;
	font-weight: 700;
}

.BI-subscription-grid {
	display: grid;
	gap: 30px;
}

.BI-subscription-card {
	display: grid;
	grid-template-columns: minmax(250px, 31%) minmax(0, 1fr);
	background: #fff;
	border: 1px solid rgba(12, 37, 50, 0.13);
	box-shadow: 0 7px 22px rgba(12, 37, 50, 0.08);
	overflow: hidden;
}

.BI-subscription-card-featured {
	border-top: 5px solid #20466B;
}

.BI-subscription-image {
	align-self: stretch;
	min-height: 280px;
	background: #0C2532;
	overflow: hidden;
}

.BI-subscription-image img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 280px;
	object-fit: cover;
}

.BI-subscription-card-body {
	padding: 28px 30px 25px;
}

.BI-subscription-card-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 14px;
}

.BI-subscription-card-header h3 {
	margin-bottom: 0;
	font-size: 25px;
}

.BI-status-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex: 0 0 auto;
	padding: 7px 11px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.BI-status-active,
.BI-status-current {
	color: #fff;
	background: #357822;
}

.BI-status-planned {
	color: #0C2532;
	background: rgba(250, 185, 21, 0.45);
}

.BI-subscription-summary {
	margin-bottom: 20px;
	color: #5E5E5E;
}

.BI-service-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
	border-top: 1px solid rgba(12, 37, 50, 0.12);
	border-left: 1px solid rgba(12, 37, 50, 0.12);
}

.BI-service-facts li {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-height: 76px;
	padding: 13px 15px;
	border-right: 1px solid rgba(12, 37, 50, 0.12);
	border-bottom: 1px solid rgba(12, 37, 50, 0.12);
}

.BI-service-facts li span {
	color: #5E5E5E;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.BI-service-facts li strong {
	color: #0C2532;
	font-size: 15px;
}

.BI-paid-through-date {
	color: #357822 !important;
}

.BI-card-actions {
	margin-bottom: 20px;
}

.BI-renewal-callout {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 12px;
	padding: 18px 20px;
	background: rgba(69, 154, 214, 0.08);
	border-left: 5px solid #20466B;
}

.BI-renewal-callout span {
	display: block;
	margin-bottom: 3px;
	color: #5E5E5E;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.BI-renewal-callout strong {
	color: #0C2532;
}

.BI-renewal-callout strong i {
	color: #357822;
}

.BI-subscriber-help {
	margin-bottom: 20px;
	color: #5E5E5E;
	font-size: 13px;
}

.BI-subscriber-help a {
	color: #20466B;
	font-weight: 800;
	text-decoration: underline;
}

.BI-history-trigger {
	margin-top: 20px;
	border: 1px solid rgba(12, 37, 50, 0.13);
	background: #20466B;
	border-radius: 999px;
	overflow: hidden;
}

.BI-history-trigger .btn-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 49px;
	padding: 13px 20px;
	color: #fff !important;
	background: #20466B !important;
	border: 0;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-align: left;
	text-decoration: none !important;
	box-shadow: none !important;
}

.BI-history-trigger .btn-link:hover,
.BI-history-trigger .btn-link:focus,
.BI-history-trigger .btn-link:active {
	color: #fff !important;
	background: #0C2532 !important;
	text-decoration: none !important;
}

.BI-history-trigger .btn-link span,
.BI-history-trigger .btn-link i {
	color: #fff !important;
}

.BI-history-trigger .btn-link::after {
	content: "\eab2";
	margin-left: 12px;
	color: #fff !important;
	font-family: IcoFont;
	font-size: 18px;
}

.BI-history-trigger .btn-link.collapsed::after {
	content: "\eab8";
}

.BI-history-panel-row {
	grid-column: 1 / -1;
	margin-top: 4px;
	background: #fff;
	border: 1px solid rgba(12, 37, 50, 0.13);
}

.BI-history-count {
	margin-left: auto;
	padding-left: 16px;
	color: #5E5E5E;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.BI-history-table-wrap {
	overflow-x: auto;
}

.BI-history-table {
	min-width: 700px;
	margin: 0;
}

.BI-history-table thead th {
	padding: 12px 14px;
	color: #fff;
	background: #20466B;
	border: 0;
	font-size: 11px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.BI-history-table tbody td {
	padding: 13px 14px;
	vertical-align: middle;
	border-color: rgba(12, 37, 50, 0.10);
}

.BI-history-table tbody tr:first-child {
	background: rgba(69, 154, 214, 0.06);
}

.BI-table-status {
	display: inline-block;
	padding: 5px 9px;
	color: #35414B;
	background: rgba(53, 65, 75, 0.10);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.BI-table-status-current {
	color: #fff;
	background: #357822;
}

.BI-history-note {
	margin: 0;
	padding: 13px 16px;
	color: #5E5E5E;
	background: rgba(69, 154, 214, 0.05);
	font-size: 12px;
}

.BI-communications-grid {
	display: grid;
	gap: 28px;
}

.BI-communications-card {
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr);
	gap: 22px;
	padding: 28px;
	background: #fff;
	border: 1px solid rgba(12, 37, 50, 0.13);
	box-shadow: 0 6px 18px rgba(12, 37, 50, 0.07);
}

.BI-required-communications {
	border-left: 5px solid #20466B;
}

.BI-communications-icon,
.BI-security-card-heading > i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	color: #fff;
	background: #20466B;
	border-radius: 50%;
	font-size: 26px;
}

.BI-info-callout {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-top: 19px;
	padding: 15px 17px;
	color: #0C2532;
	background: rgba(250, 185, 21, 0.16);
	border-left: 4px solid #FAB915;
}

.BI-info-callout i {
	margin-top: 1px;
	color: #20466B;
	font-size: 22px;
}

.BI-preference-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 20px;
}

.BI-custom-check {
	min-height: 100%;
	padding: 16px 16px 16px 44px;
	background: rgba(69, 154, 214, 0.05);
	border: 1px solid rgba(12, 37, 50, 0.12);
}

.BI-custom-check .custom-control-label {
	display: block;
	color: #35414B;
	cursor: pointer;
}

.BI-custom-check .custom-control-label strong,
.BI-custom-check .custom-control-label span {
	display: block;
}

.BI-custom-check .custom-control-label strong {
	margin-bottom: 4px;
	color: #0C2532;
}

.BI-custom-check .custom-control-label span {
	color: #5E5E5E;
	font-size: 12px;
	line-height: 1.45;
}

.BI-custom-check .custom-control-label::before,
.BI-custom-check .custom-control-label::after {
	top: 3px;
	left: -28px;
}

.BI-marketing-master {
	margin-top: 16px;
}

.BI-custom-check-master {
	background: rgba(156, 25, 4, 0.04);
	border-color: rgba(156, 25, 4, 0.18);
}

.BI-security-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

.BI-security-card {
	padding: 27px;
	background: #fff;
	border: 1px solid rgba(12, 37, 50, 0.13);
	box-shadow: 0 6px 18px rgba(12, 37, 50, 0.07);
}

.BI-security-card-heading {
	display: flex;
	align-items: flex-start;
	gap: 17px;
	margin-bottom: 22px;
}

.BI-security-card-heading > i {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	font-size: 22px;
}

.BI-security-card-heading h3 {
	margin-bottom: 5px;
}

.BI-security-card-heading p {
	margin: 0;
	color: #5E5E5E;
	font-size: 13px;
}

.BI-security-value-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 20px;
	padding: 16px;
	background: rgba(69, 154, 214, 0.06);
	border: 1px solid rgba(12, 37, 50, 0.10);
}

.BI-security-value-row span:not(.BI-status-pill) {
	display: block;
	margin-bottom: 3px;
	color: #5E5E5E;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.BI-security-value-row strong {
	color: #0C2532;
	word-break: break-word;
}

.BI-security-facts {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	border-top: 1px solid rgba(12, 37, 50, 0.12);
}

.BI-security-facts li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(12, 37, 50, 0.12);
}

.BI-security-facts li span {
	color: #5E5E5E;
	font-size: 12px;
}

.BI-security-facts li strong {
	color: #0C2532;
	text-align: right;
}

@media (max-width: 991.98px) {
	.BI-membership-area {
		padding: 60px 0 75px;
	}

	.BI-member-identity-strip,
	.BI-account-panel-heading,
	.BI-account-panel-heading-split {
		align-items: flex-start;
	}

	.BI-member-identity-strip {
		flex-direction: column;
	}

	.BI-member-tenure {
		text-align: left;
	}

	.BI-account-tabs {
		flex-wrap: wrap;
	}

	.BI-account-tabs .nav-link {
		flex: 1 1 50%;
		border-bottom: 1px solid rgba(12, 37, 50, 0.12);
	}

	.BI-account-tabs .nav-link:nth-child(2) {
		border-right: 0;
	}

	.BI-account-tabs .nav-link.active::after {
		display: none;
	}

	.BI-account-tab-content {
		padding: 40px 28px 32px;
		border-top: 1px solid rgba(12, 37, 50, 0.10);
	}

	.BI-profile-photo-panel {
		grid-template-columns: 220px minmax(0, 1fr);
	}

	.BI-subscription-card {
		grid-template-columns: 1fr;
	}

	.BI-subscription-image,
	.BI-subscription-image img {
		min-height: 240px;
		max-height: 330px;
	}

	.BI-preference-list,
	.BI-security-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767.98px) {
	.BI-membership-area {
		padding: 45px 0 60px;
	}

	.BI-member-identity-main {
		align-items: flex-start;
	}

	.BI-member-avatar {
		width: 70px;
		height: 70px;
	}

	.BI-member-identity-copy h2 {
		font-size: 22px;
	}

	.BI-member-tenure {
		width: 100%;
		text-align: center;
	}

	.BI-account-tabs {
		display: block;
		border: 0;
		box-shadow: none;
		background: transparent;
	}

	.BI-account-tabs .nav-link {
		display: flex;
		width: 100%;
		min-height: 58px;
		margin-bottom: 9px;
		border: 1px solid rgba(12, 37, 50, 0.12) !important;
		box-shadow: 0 4px 12px rgba(12, 37, 50, 0.08);
	}

	.BI-account-tab-content {
		margin-top: 6px;
		padding: 32px 20px 26px;
	}

	.BI-account-panel-heading,
	.BI-account-panel-heading-split {
		display: block;
	}

	.BI-tenure-badge-inline {
		margin-top: 18px;
	}

	.BI-profile-photo-panel {
		grid-template-columns: 1fr;
		padding: 24px 20px;
	}

	.BI-photo-guidance {
		text-align: left;
	}

	.BI-subscription-card-body {
		padding: 24px 20px 21px;
	}

	.BI-subscription-card-header,
	.BI-renewal-callout,
	.BI-security-value-row {
		align-items: flex-start;
		flex-direction: column;
	}

	.BI-service-facts {
		grid-template-columns: 1fr;
	}

	.BI-renewal-callout .BI-action-btn {
		width: 100%;
	}

	.BI-communications-card {
		grid-template-columns: 1fr;
		padding: 23px 20px;
	}

	.BI-history-count {
		display: none;
	}

	.BI-security-facts li {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
	}

	.BI-security-facts li strong {
		text-align: left;
	}
}

@media (max-width: 479.98px) {
	.BI-member-identity-strip {
		padding: 20px 17px;
	}

	.BI-member-identity-main {
		display: block;
		text-align: center;
	}

	.BI-member-avatar {
		margin: 0 auto 15px;
	}

	.BI-tenure-badge {
		width: 100%;
		min-width: 0;
		justify-content: center;
	}

	.BI-account-tab-content {
		padding-right: 15px;
		padding-left: 15px;
	}

	.BI-form-actions .BI-action-btn,
	.BI-card-actions .BI-action-btn {
		width: 100%;
	}

	.BI-security-card {
		padding: 22px 18px;
	}
}




/* =========================================================
   BI NEWSLETTER OFFER PRESENTATION
   Reusable guarantee heading and three-tier subscription cards.
========================================================= */

.BI-offer-guarantee-heading {
	margin-bottom: 34px;
	padding: 28px 30px;
	background: rgba(69, 154, 214, 0.06);
	border: 1px solid rgba(12, 37, 50, 0.10);
}

.BI-offer-guarantee-copy h2 {
	margin: 0 0 9px;
	color: #0C2532;
	font-size: 30px;
	line-height: 1.2;
}

.BI-offer-guarantee-copy p {
	width: 100%;
	max-width: none;
	margin: 0;
	color: #5E5E5E;
	line-height: 1.6;
}

.BI-offer-guarantee-image-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 230px;
	padding: 4px 10px;
}

.BI-offer-guarantee-image {
	display: block;
	width: 100%;
	max-width: 700px;
	height: auto;
	filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.70));
}


/* Offer columns remain equal height. */

.BI-offer-row {
	align-items: stretch;
}

.BI-offer-column {
	display: flex;
	margin-bottom: 28px;
}

.BI-offer-card {
	display: flex;
	width: 100%;
	margin: 0;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.BI-offer-card .pricing-part {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 0;
}

.BI-offer-card .pricing-part > sub,
.BI-offer-card .pricing-part > h4,
.BI-offer-card .pricing-part > h5,
.BI-offer-card .witr_pricing_icon {
	color: #ffffff;
}

.BI-offer-card .pricing-part > sub {
	display: block;
	min-height: 28px;
	margin: 0;
	padding: 0 18px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.BI-offer-card .pricing-part > h4 {
	margin: 0;
	padding: 8px 18px 4px;
	font-size: 28px;
}

.BI-offer-card .pricing-part > h5 {
	margin: 0;
	padding: 0 18px 20px;
	font-size: 38px;
}

.BI-offer-card .witr_pricing_icon {
	padding-top: 27px;
}

.BI-offer-card .witr_pricing_icon i {
	color: inherit;
}


/* Tier colors: strongest emphasis on the longest commitment. */

.BI-offer-card-24 .pricing-part {
	background: #20466B;
	box-shadow: 0 12px 26px rgba(12, 37, 50, 0.24);
}

.BI-offer-card-12 .pricing-part {
	background: #459AD6;
	box-shadow: 0 9px 20px rgba(12, 37, 50, 0.17);
}

.BI-offer-card-6 .pricing-part {
	background: #5E5E5E;
	box-shadow: 0 7px 16px rgba(12, 37, 50, 0.12);
}

.BI-offer-card-24 {
	transform: translateY(-7px);
}

.BI-offer-card-24:hover {
	transform: translateY(-10px);
}

.BI-offer-card-12:hover,
.BI-offer-card-6:hover {
	transform: translateY(-3px);
}


/* Spreadsheet-like alternating fact rows. */

.BI-offer-facts {
	margin-top: 0;
	background: #ffffff;
}

.BI-offer-facts ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.BI-offer-facts li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	margin: 0 !important;
	padding: 10px 14px !important;
	color: #35414B;
	background: #ffffff;
	border: 0;
	border-bottom: 1px solid rgba(12, 37, 50, 0.09);
	font-size: 16px;
	line-height: 1.35;
}

.BI-offer-facts li:nth-child(even) {
	background: rgba(69, 154, 214, 0.06);
}

.BI-offer-facts li:last-child {
	border-bottom: 0;
}


/* Buttons occupy the card bottom and swap labels on hover/focus. */

.BI-offer-action {
	margin-top: auto;
	padding: 22px 18px 25px;
	background: #ffffff;
}

.BI-offer-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 190px;
	min-height: 49px;
	padding: 11px 20px !important;
	border: 2px solid currentColor !important;
	border-radius: 0 !important;
	color: #ffffff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
	transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.BI-offer-card-24 .BI-offer-button {
	background: #20466B !important;
	border-color: #20466B !important;
}

.BI-offer-card-12 .BI-offer-button {
	background: #459AD6 !important;
	border-color: #459AD6 !important;
}

.BI-offer-card-6 .BI-offer-button {
	background: #5E5E5E !important;
	border-color: #5E5E5E !important;
	opacity: 0.85;
}

.BI-offer-button:hover,
.BI-offer-button:focus {
	background: #ffffff !important;
	transform: translateY(-1px);
	text-decoration: none;
}

.BI-offer-card-24 .BI-offer-button:hover,
.BI-offer-card-24 .BI-offer-button:focus {
	color: #20466B !important;
}

.BI-offer-card-12 .BI-offer-button:hover,
.BI-offer-card-12 .BI-offer-button:focus {
	color: #459AD6 !important;
}

.BI-offer-card-6 .BI-offer-button:hover,
.BI-offer-card-6 .BI-offer-button:focus {
	color: #5E5E5E !important;
	opacity: 1;
}

.BI-offer-button-hover {
	display: none;
}

.BI-offer-button:hover .BI-offer-button-default,
.BI-offer-button:focus .BI-offer-button-default {
	display: none;
}

.BI-offer-button:hover .BI-offer-button-hover,
.BI-offer-button:focus .BI-offer-button-hover {
	display: inline;
}


/* Responsive presentation. */

@media (max-width: 991.98px) {
	.BI-offer-guarantee-heading {
		padding: 25px 24px;
	}

	.BI-offer-guarantee-image-wrap {
		min-height: 190px;
	}

	.BI-offer-card-24 {
		transform: none;
	}

	.BI-offer-card-24:hover,
	.BI-offer-card-12:hover,
	.BI-offer-card-6:hover {
		transform: translateY(-3px);
	}
}

@media (max-width: 767.98px) {
	.BI-offer-guarantee-copy {
		text-align: center;
	}

	.BI-offer-guarantee-copy h2 {
		font-size: 25px;
	}

	.BI-offer-guarantee-image-wrap {
		min-height: 0;
		margin-top: 25px;
		padding: 0;
	}

	.BI-offer-guarantee-image {
		max-width: 560px;
	}

	.BI-offer-column {
		display: block;
	}

	.BI-offer-card {
		max-width: 520px;
		margin-right: auto;
		margin-left: auto;
	}
}


/* =========================================================
   BI NEWSLETTER OFFER PRESENTATION — REFINEMENTS
========================================================= */

/* Display the transparent guarantee seal at roughly 40% of its
   former rendered size while keeping it centered and responsive. */
.BI-offer-guarantee-image {
	width: 100%;
	max-width: 500px;
	min-width: 210px;
}


/* Match the site's standard orange top accent. */
.BI-offer-card .pricing-part {
	border-top: 4px solid #E39757 !important;
}


/* Gold diagonal corner ribbons with black lettering.
   These override the original template's pricing <sub> treatment. */
.BI-offer-card .pricing-part > sub {
	background: #FAB915 !important;
	color: #000000 !important;
}

.BI-offer-card .pricing-part > sub,
.BI-offer-card .pricing-part > sub strong {
	color: #000000 !important;
}


/* Make every alternating fact row span the full card width.
   The inner span protects normal spaces around <strong> elements. */
.BI-offer-facts,
.BI-offer-facts ul,
.BI-offer-facts li {
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box;
}

.BI-offer-facts ul {
	display: block !important;
}

.BI-offer-facts li {
	display: block !important;
	min-height: 50px;
	padding: 14px 18px !important;
	text-align: center;
}

.BI-offer-facts li > span {
	display: block;
	width: 100%;
}


/* Further de-emphasize the six-month tier without reducing readability. */
.BI-offer-card-6 .witr_pricing_icon,
.BI-offer-card-6 .witr_pricing_icon i,
.BI-offer-card-6 .pricing-part > h4,
.BI-offer-card-6 .pricing-part > h5,
.BI-offer-card-6 .pricing-part > h5 span {
	color: #C0C0C0 !important;
}

.BI-offer-card-6 .BI-offer-button,
.BI-offer-card-6 .BI-offer-button i,
.BI-offer-card-6 .BI-offer-button .BI-offer-button-default {
	color: #C0C0C0 !important;
}

.BI-offer-card-6 .BI-offer-button:hover,
.BI-offer-card-6 .BI-offer-button:focus,
.BI-offer-card-6 .BI-offer-button:hover i,
.BI-offer-card-6 .BI-offer-button:focus i,
.BI-offer-card-6 .BI-offer-button:hover .BI-offer-button-hover,
.BI-offer-card-6 .BI-offer-button:focus .BI-offer-button-hover {
	color: #5E5E5E !important;
}


/* Let the guarantee shrink naturally on narrow screens. */
@media (max-width: 767.98px) {
	.BI-offer-guarantee-image {
		width: 52%;
		max-width: 280px;
		min-width: 190px;
	}
}


/* =========================================================
   BI NEWSLETTER OFFER CARDS — FINAL ALIGNMENT AND TYPOGRAPHY
========================================================= */

/* Keep all three subscription cards aligned along the top edge. */
.BI-offer-card-24 {
	transform: none;
}

.BI-offer-card-24:hover,
.BI-offer-card-12:hover,
.BI-offer-card-6:hover {
	transform: translateY(-3px);
}


/* Base fact-row size for the emphasized 24-month offer. */
.BI-offer-card-24 .BI-offer-facts li,
.BI-offer-card-24 .BI-offer-facts li span,
.BI-offer-card-24 .BI-offer-facts li strong {
	font-size: 20px;
	color: green;
}


/* Slightly smaller fact rows for the 12-month offer. */
.BI-offer-card-12 .BI-offer-facts li,
.BI-offer-card-12 .BI-offer-facts li span,
.BI-offer-card-12 .BI-offer-facts li strong {
	font-size: 18px;
	color: #666;
}


/* Smallest and visually subdued fact rows for the 6-month offer. */
.BI-offer-card-6 .BI-offer-facts li,
.BI-offer-card-6 .BI-offer-facts li span,
.BI-offer-card-6 .BI-offer-facts li strong {
	font-size: 15px;
	color: red;
}


/* Responsive adjustment so the progression remains readable on phones. */
@media (max-width: 767.98px) {
	.BI-offer-card-24 .BI-offer-facts li {
		font-size: 17px;
	}

	.BI-offer-card-12 .BI-offer-facts li {
		font-size: 16px;
	}

	.BI-offer-card-6 .BI-offer-facts li,
	.BI-offer-card-6 .BI-offer-facts li span,
	.BI-offer-card-6 .BI-offer-facts li strong {
		font-size: 15px;
	}
}


/* =========================================================
   STORE PAGE — MEMBERSHIP-STYLE OPENING STRIP
   Store-only clone of the My Membership identity presentation.
   Does not change any .BI-member-* rules used by My Membership.
========================================================= */

.BI-store-member-strip {
	margin-bottom: 28px;
	padding: 22px 28px;
	background: #ffffff;
	border: 1px solid rgba(12, 37, 50, 0.10);
	box-shadow: 0 5px 20px rgba(12, 37, 50, 0.10);
}


/* Upper row: approximately 75% welcome copy / 25% badges. */

.BI-store-member-top {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(190px, 1fr);
	align-items: center;
	gap: 28px;
	width: 100%;
}

.BI-store-member-main,
.BI-store-member-copy {
	min-width: 0;
}

.BI-store-member-eyebrow {
	display: block;
	margin-bottom: 5px;
	color: #20466B;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.BI-store-member-copy h2 {
	margin: 0 0 5px;
	color: #0C2532;
	font-size: 26px;
	line-height: 1.2;
}

.BI-store-member-copy p {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	color: #5E5E5E;
}


/* Right column: two membership-sized pills stacked vertically. */

.BI-store-member-badges {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	width: 100%;
}

.BI-store-member-badge {
	display: inline-grid;
	grid-template-columns: auto auto;
	align-items: center;
	column-gap: 9px;
	width: 100%;
	max-width: 210px;
	min-width: 190px;
	min-height: 58px;
	padding: 10px 16px;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px rgba(12, 37, 50, 0.14), 0 4px 12px rgba(12, 37, 50, 0.12);
}

.BI-store-member-badge i {
	grid-row: 1 / span 2;
	font-size: 29px;
	line-height: 1;
}

.BI-store-member-badge-title,
.BI-store-member-badge-subtitle {
	display: block;
	line-height: 1.15;
}

.BI-store-member-badge-title {
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.BI-store-member-badge-subtitle {
	font-size: 11px;
	font-weight: 700;
	opacity: 0.85;
}

.BI-store-member-badge-gold {
	color: #0C2532;
	background: linear-gradient(135deg, #FFF2B3 0%, #FAB915 47%, #E39757 100%);
}

.BI-store-member-badge-gold i,
.BI-store-member-badge-gold span {
	color: #0C2532;
}

.BI-store-member-badge-green {
	color: #ffffff;
	background: #357822;
}

.BI-store-member-badge-green i,
.BI-store-member-badge-green span {
	color: #ffffff;
}


/* Lower row: full available width inside the same boxed container. */

.BI-store-member-full-copy {
	width: 100%;
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid rgba(12, 37, 50, 0.10);
}

.BI-store-member-full-copy p {
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-bottom: 0;
	color: #5E5E5E;
	line-height: 1.65;
}


/* Tablet: preserve two columns, but give the badge stack enough room. */

@media (min-width: 768px) and (max-width: 991.98px) {
	.BI-store-member-top {
		grid-template-columns: minmax(0, 2fr) minmax(190px, 1fr);
		align-items: start;
		gap: 24px;
	}
}


/* Phone: stack copy and badges while retaining the boxed presentation. */

@media (max-width: 767.98px) {
	.BI-store-member-strip {
		padding: 22px 20px;
	}

	.BI-store-member-top {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.BI-store-member-copy {
		text-align: left;
	}

	.BI-store-member-copy h2 {
		font-size: 22px;
	}

	.BI-store-member-badges {
		align-items: center;
	}

	.BI-store-member-badge {
		max-width: 240px;
	}

	.BI-store-member-full-copy {
		margin-top: 20px;
		padding-top: 18px;
	}
}

/* =========================================================
   FREE PASSWORD PAGE — REGISTRATION AND UPGRADE SECTIONS
========================================================= */
.BI-freepass-register-section { padding: 42px 0 64px; background: #fff; }
.BI-freepass-register-card { padding: 42px 46px 30px; background: #f1f4f6; border: 1px solid rgba(12,37,50,.10); box-shadow: 0 7px 24px rgba(12,37,50,.10); }
.BI-freepass-register-heading { padding-bottom: 28px; border-bottom: 1px solid rgba(12,37,50,.10); }
.BI-freepass-register-heading h2 { margin: 0 0 22px; color: #0C2532; font-size: 38px; }
.BI-freepass-register-heading p { width:100% !important; max-width:none !important; margin:0 0 12px; color:#35414B; line-height:1.65; text-align:left; }
.BI-freepass-form-section { padding: 28px 0; border-bottom: 1px solid rgba(12,37,50,.10); }
.BI-freepass-field { margin-bottom: 22px; }
.BI-freepass-field label { display:block; margin-bottom:8px; color:#0C2532; font-weight:700; }
.BI-freepass-field label span, .BI-freepass-terms label span { color:#9C1904; margin-left:2px; }
.BI-freepass-field .form-control { height:50px; padding:11px 14px; color:#0C2532; background:#fff; border:1px solid rgba(12,37,50,.16); border-radius:0; box-shadow:0 3px 10px rgba(12,37,50,.07); }
.BI-freepass-field .form-control:focus { border-color:#459AD6; box-shadow:0 0 0 3px rgba(69,154,214,.15); }
.BI-freepass-helper { width:100% !important; max-width:none !important; margin:0 0 17px; color:#35414B; line-height:1.6; }
.BI-freepass-password-wrap { position:relative; }
.BI-freepass-password-wrap .form-control { padding-right:62px; }
.BI-freepass-password-toggle { position:absolute; top:0; right:0; width:54px; height:50px; color:#A25E01; background:#f4f4f4; border:1px solid #E39757; cursor:pointer; }
.BI-freepass-password-toggle:hover, .BI-freepass-password-toggle:focus { color:#fff; background:#20466B; border-color:#20466B; }
.BI-freepass-save-note { width:100% !important; max-width:none !important; margin:4px 0 24px; color:#35414B; line-height:1.65; }
.BI-freepass-terms { min-height:32px; padding-left:42px; }
.BI-freepass-terms .custom-control-label { min-height:32px; padding-top:3px; color:#35414B; cursor:pointer; line-height:1.55; }
.BI-freepass-terms .custom-control-label::before,
.BI-freepass-terms .custom-control-label::after {
	top:0;
	left:-42px;
	width:30px;
	height:30px;
	border-radius:4px;
}
.BI-freepass-terms .custom-control-label::before {
	background:#fff;
	border:3px solid #20466B;
	box-shadow:0 2px 7px rgba(12,37,50,.18);
}
.BI-freepass-terms .custom-control-input:checked ~ .custom-control-label::before {
	background:#4397D1;
	border-color:#20466B;
}
.BI-freepass-terms .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow:0 0 0 4px rgba(67,151,209,.30),0 2px 7px rgba(12,37,50,.18);
}
.BI-freepass-security-section p, .BI-freepass-submit-section p { width:100% !important; max-width:none !important; color:#35414B; line-height:1.65; }
.BI-freepass-recaptcha-placeholder { display:flex; align-items:center; justify-content:center; gap:15px; width:100%; max-width:430px; margin:24px auto 0; padding:20px 24px; color:#0C2532; background:#fff; border:2px dashed rgba(32,70,107,.45); }
.BI-freepass-recaptcha-placeholder i { color:#20466B; font-size:34px; }
.BI-freepass-recaptcha-placeholder strong, .BI-freepass-recaptcha-placeholder span { display:block; }
.BI-freepass-recaptcha-placeholder span { margin-top:3px; color:#5E5E5E; font-size:12px; }
.BI-freepass-submit-section { border-bottom:0; }

/* WiseCharting reusable A-B-C form completion flow. Adapted from the proven TFS registration pattern. */
.WC-finalize-flow {
	overflow:hidden;
	margin-top:28px;
	border:1px solid rgba(67,151,209,.38);
	border-radius:16px;
	background:rgba(67,151,209,.045);
}
.WC-finalize-heading {
	margin:0;
	padding:17px 20px;
	background:rgba(67,151,209,.14);
	color:#20466B;
	font-size:21px;
	font-weight:800;
	text-align:center;
}
.WC-finalize-step {
	display:grid;
	grid-template-columns:44px minmax(0,1fr);
	gap:15px;
	align-items:start;
	padding:21px;
	border-top:1px solid rgba(67,151,209,.24);
	transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.WC-finalize-letter {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	border-radius:50%;
	background:#4397D1;
	color:#fff;
	font-size:19px;
	font-weight:800;
	line-height:1;
	box-shadow:0 3px 8px rgba(32,70,107,.18);
}
.WC-finalize-step-content { min-width:0; }
.WC-finalize-step-title {
	margin-bottom:10px;
	color:#20466B;
	font-size:17px;
	font-weight:800;
}
.WC-finalize-acknowledgement .BI-freepass-terms { margin-top:2px; }
.WC-finalize-recaptcha-box {
	padding:18px;
	border:1px solid rgba(12,37,50,.14);
	border-radius:10px;
	background:#fff;
}
.WC-finalize-recaptcha-box p { margin:0 0 15px; color:#35414B; line-height:1.65; }
.WC-finalize-recaptcha-widget { display:flex; justify-content:center; }
.WC-finalize-step-attention {
	border-top-color:rgba(156,25,4,.68);
	background:rgba(156,25,4,.08);
	box-shadow:inset 5px 0 0 #9C1904;
}
.WC-finalize-feedback { margin-top:12px; color:#9C1904; font-weight:800; }
@media (max-width:575.98px) {
	.WC-finalize-step { display:block; padding:17px; }
	.WC-finalize-letter { width:38px; height:38px; margin-bottom:12px; }
	.WC-finalize-heading { font-size:18px; }
	.WC-finalize-recaptcha-box { padding:14px 8px; }
	.WC-finalize-recaptcha-widget { overflow-x:auto; justify-content:flex-start; }
}
.BI-freepass-submit-btn { min-width:310px; }
.BI-freepass-thanks { width:100% !important; max-width:none !important; margin:0; padding-top:24px; border-top:1px solid rgba(12,37,50,.10); color:#35414B; }
.BI-freepass-verification-confirmation {
	padding:42px 38px;
	border:2px solid #4397D1;
	border-top:7px solid #4397D1;
	border-radius:14px;
	background:linear-gradient(180deg,#f4fbff 0%,#ffffff 100%);
	box-shadow:0 12px 30px rgba(12,37,50,.14);
	color:#35414B;
	text-align:center;
}
.BI-freepass-verification-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:82px;
	height:82px;
	margin:0 auto 20px;
	border:4px solid #20466B;
	border-radius:50%;
	background:#4397D1;
	color:#fff;
	font-size:39px;
	box-shadow:0 5px 14px rgba(32,70,107,.20);
}
.BI-freepass-verification-confirmation h2 { margin:8px 0 20px; color:#20466B; font-size:38px; line-height:1.2; }
.BI-freepass-verification-confirmation p { width:100% !important; max-width:760px !important; margin:0 auto 15px; line-height:1.65; }
.BI-freepass-verification-lead { margin-bottom:5px !important; font-weight:700; }
.BI-freepass-verification-address { color:#20466B; font-size:20px; font-weight:800; overflow-wrap:anywhere; }
.BI-freepass-verification-next { max-width:720px; margin:24px auto; padding:17px 20px; border-left:5px solid #E39757; background:#fff4e8; color:#35414B; line-height:1.6; text-align:left; }
.BI-freepass-verification-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:26px; }
@media (max-width:575.98px) {
	.BI-freepass-verification-confirmation { padding:30px 18px; }
	.BI-freepass-verification-confirmation h2 { font-size:30px; }
	.BI-freepass-verification-actions .BI-action-btn { width:100%; }
}

.BI-freepass-upgrade-banner { padding:64px 0; background:#20466B; border-top:5px solid #E39757; }
.BI-freepass-upgrade-heading { margin-bottom:34px; }
.BI-freepass-upgrade-heading .BI-panel-kicker { color:#FAB915; }
.BI-freepass-upgrade-heading h2 { margin:0 0 10px; color:#fff; font-size:34px; text-shadow:1px 1px 2px rgba(0,0,0,.55); }
.BI-freepass-upgrade-heading p { width:100% !important; max-width:820px !important; margin:0 auto; color:#D5D5D5; line-height:1.65; }
.BI-freepass-upgrade-card { display:flex; flex-direction:column; height:100%; overflow:hidden; background:#fff; border:1px solid rgba(255,255,255,.18); box-shadow:0 10px 25px rgba(0,0,0,.22); }
.BI-freepass-upgrade-card-featured { border-top:4px solid #FAB915; }
.BI-freepass-upgrade-image { height:230px; overflow:hidden; background:#0C2532; }
.BI-freepass-upgrade-image img { display:block; width:100%; height:100%; object-fit:cover; }
.BI-freepass-upgrade-guarantee { display:flex; align-items:center; justify-content:center; padding:22px; background:linear-gradient(135deg,#0C2532,#459AD6); }
.BI-freepass-upgrade-guarantee img { width:72%; height:auto; object-fit:contain; filter:drop-shadow(4px 4px 4px rgba(0,0,0,.55)); }
.BI-freepass-upgrade-body { display:flex; flex-direction:column; flex:1 1 auto; padding:25px 24px 27px; text-align:center; }
.BI-freepass-upgrade-body h3 { margin:0 0 12px; color:#0C2532; font-size:22px; }
.BI-freepass-upgrade-body p { width:100% !important; max-width:none !important; margin:0 0 17px; color:#5E5E5E; line-height:1.55; text-align:left; }
.BI-freepass-upgrade-body .BI-button-actions { margin-top:auto; }
.BI-freepass-upgrade-emphasis { color:#20466B !important; }

@media (max-width: 767.98px) {
	.BI-freepass-register-card { padding:30px 20px 24px; }
	.BI-freepass-register-heading h2 { font-size:31px; }
	.BI-freepass-submit-btn { width:100%; min-width:0; }
	.BI-freepass-upgrade-heading h2 { font-size:28px; }
	.BI-freepass-upgrade-image { height:210px; }
}


/* =========================================================
   BI SERVICE HIGHLIGHTS COUNTER ROW
   Completely independent of template counter layout CSS.
========================================================= */

.BI-highlights-area {
	background: #DEF0FF; /* #F7FAFF; */
	padding: 55px 0;
}

/*
Each Bootstrap column becomes an equal-height flex item.
Bootstrap's row already uses flex, but this explicitly restores
stretching in case template CSS overrides it.
*/
.BI-highlights-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

/*
The column itself fills the row height and supplies the
vertical-centering space.
*/
.BI-highlight-col {
	display: flex;
	align-items: stretch;
}

/*
Every card fills the entire column height.
Its content is centered both vertically and horizontally.
*/
.BI-highlight-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: 100%;
	min-height: 190px;
	padding: 18px 10px;

	text-align: center;
}

/* Left heading card */

.BI-highlight-heading h2 {
	margin: 0;
	color: #848E9F;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.18;
}

/* Small "About" heading */

.BI-highlight-kicker {
	margin-bottom: 8px;
	color: #222222;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.1;
}

/* Animated number line */

.BI-highlight-number {
	display: flex;
	align-items: baseline;
	justify-content: center;

	min-height: 62px;
	margin-bottom: 0px;

	color: #083791;
	font-size: 50px;
	font-weight: 800;
	line-height: 1;
}

/*
Keep the animation hook only.
No template counter layout class is used.
*/
.BI-highlight-number .counter {
	color: inherit;
	font: inherit;
	line-height: inherit;
}

/* Percent sign */

.BI-highlight-symbol {
	margin-left: 2px;
	color: inherit;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1;
}

/* Bottom descriptive text */

.BI-highlight-label {
	color: #222222;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.08;
}


/* Tablet */

@media (min-width: 768px) and (max-width: 991px) {

	.BI-highlight-card {
		min-height: 175px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.BI-highlight-heading h2 {
		font-size: 24px;
	}

	.BI-highlight-number {
		font-size: 42px;
	}

	.BI-highlight-label {
		font-size: 14px;
	}

	.BI-highlight-guarantee img {
		max-width: 145px;
	}
}

/* Phone */

@media (max-width: 767px) {

	.BI-highlights-area {
		padding: 35px 0;
	}

	.BI-highlight-col {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.BI-highlight-card {
		min-height: 150px;
		padding: 24px 15px;
		border-bottom: 1px solid rgba(32, 70, 107, 0.12);
	}

	.BI-highlight-col:last-child .BI-highlight-card {
		border-bottom: 0;
	}

	.BI-highlight-heading h2 {
		font-size: 29px;
	}

	.BI-highlight-number {
		font-size: 50px;
	}

	.BI-highlight-label {
		font-size: 17px;
	}

	.BI-highlight-guarantee img {
		max-width: 190px;
	}
}

/* =========================================================
   BI Information Callout
========================================================= */

.BI-info-callout {
    display: flex;
    align-items: center;      /* vertically center icon against text block */
    gap: 20px;

    padding: 22px 28px;
    border-radius: 10px;
}

.BI-info-icon {
    flex: 0 0 80px;           /* dedicated icon column */
    text-align: center;
}

.BI-info-icon i {
    font-size: 4rem;          /* make as large as desired */
    line-height: 1;
    color: #20466B;
}

.BI-info-text {
    flex: 1;
}




/* =========================================================
   BI EDGE-TO-EDGE TESTIMONIALS SLIDER
   Bootstrap 4.6 adaptation of the spa Splide testimonial design.
========================================================= */

.BI-testimonials-showcase {
    position: relative;
    padding: 86px 0 120px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.BI-testimonials-showcase-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg,
            rgba(12, 37, 50, 0.84) 0%,
            rgba(12, 37, 50, 0.78) 48%,
            rgba(12, 37, 50, 0.82) 100%);
}

.BI-testimonials-showcase-inner {
    position: relative;
    z-index: 2;
}

.BI-testimonials-showcase-heading {
    margin-bottom: 30px;
}

.BI-testimonials-kicker {
    display: block;
    margin-bottom: 8px;
    color: #E39757;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.20em;
    text-transform: uppercase;
}

.BI-testimonials-showcase-heading h2 {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.15;
}

.BI-testimonials-showcase-heading p {
    width: 100% !important;
    max-width: none !important;
    margin: 0;
    color: rgba(255,255,255,0.84);
    font-size: 17px;
}

.BI-testimonials-showcase-heading a {
    color: #459AD6;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.BI-testimonials-showcase-heading a:hover,
.BI-testimonials-showcase-heading a:focus {
    color: #E39757;
}

.BI-testimonials-slider {
    background: transparent;
}

.BI-testimonials-slider .splide__track {
    box-shadow: 0 12px 34px rgba(0,0,0,0.30);
}

.BI-testimonials-slider .splide__slide {
    height: auto;
}

.BI-slider-testimonial {
    position: relative;
    min-height: 225px;
    height: 100%;
    padding: 28px 32px 26px;
    background: rgba(32, 36, 42, 0.96);
    color: #ffffff;
    overflow: hidden;
}

.BI-slider-testimonial-quote {
    position: absolute;
    top: 24px;
    right: 28px;
    color: #ffffff;
    font-size: 58px;
    line-height: 1;
    opacity: 0.045;
}

.BI-slider-testimonial-client {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-right: 80px;
}

.BI-slider-testimonial-client img {
    display: block;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    margin-right: 16px;
    border: 2px solid rgba(255,255,255,0.16);
    border-radius: 50%;
    object-fit: cover;
}

.BI-slider-testimonial-client h3 {
    margin: 0 0 3px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.BI-slider-testimonial-client span {
    color: rgba(255,255,255,0.58);
    font-size: 13px;
}

.BI-slider-testimonial blockquote {
    width: 100%;
    max-width: none;
    margin: 0 0 22px;
    padding: 0;
    border: 0;
    color: rgba(255,255,255,0.88);
    font-size: 17px;
    font-style: italic;
    line-height: 1.65;
}

.BI-slider-testimonial-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.BI-slider-testimonial-stars {
    display: inline-flex;
    gap: 2px;
    color: #E39757;
    font-size: 16px;
    line-height: 1;
}

.BI-slider-testimonial-tag {
    display: inline-block;
    padding: 5px 13px;
    background: #20466B;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
}

/* Spa-like dash pagination beneath the testimonial card. */
.BI-testimonials-slider .splide__pagination {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    display: flex;
    justify-content: center;
    gap: 6px;
    margin: 27px 0 0;
    padding: 0;
}

.BI-testimonials-slider .splide__pagination__page {
    width: 25px;
    height: 3px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(255,255,255,0.34);
    opacity: 1;
    transform: none;
    transition: width 0.25s ease, background-color 0.25s ease;
}

.BI-testimonials-slider .splide__pagination__page:hover,
.BI-testimonials-slider .splide__pagination__page:focus {
    background: rgba(255,255,255,0.68);
}

.BI-testimonials-slider .splide__pagination__page.is-active {
    width: 48px;
    background: #E39757;
    transform: none;
}

@media (max-width: 767px) {
    .BI-testimonials-showcase {
        padding: 62px 0 55px;
    }

    .BI-testimonials-showcase-heading {
        text-align: center;
    }

    .BI-testimonials-showcase-heading h2 {
        font-size: 31px;
    }

    .BI-testimonials-showcase-heading p {
        font-size: 15px;
        line-height: 1.65;
    }

    .BI-slider-testimonial {
        min-height: 0;
        padding: 24px 22px 22px;
    }

    .BI-slider-testimonial-client {
        padding-right: 48px;
    }

    .BI-slider-testimonial-client img {
        flex-basis: 58px;
        width: 58px;
        height: 58px;
        margin-right: 13px;
    }

    .BI-slider-testimonial-client h3 {
        font-size: 18px;
    }

    .BI-slider-testimonial blockquote {
        font-size: 16px;
        line-height: 1.6;
    }

    .BI-slider-testimonial-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .BI-slider-testimonial-tag {
        align-self: flex-end;
    }

    .BI-slider-testimonial-quote {
        top: 22px;
        right: 20px;
        font-size: 48px;
    }
}

/* Hove effect for decisions decisions on about service page */
.BI-card-title{
    margin:0;
    color:inherit;
    cursor:default;
}

/* =========================================================
   BI STORY FEATURES AND PULL QUOTES
   Reusable editorial components for alternating image/copy
   exhibits and emphasized quotations on content pages.
========================================================= */

.BI-story-feature {
	display: flex;
	align-items: stretch;
	width: 85%;
	margin: 34px auto;
	background: #ffffff;
	border: 1px solid rgba(12, 37, 50, 0.12);
	box-shadow: 0 12px 30px rgba(12, 37, 50, 0.10);
	overflow: hidden;
}

.BI-story-feature-copy {
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
	padding: 26px 32px;
	border-left: 5px solid #459AD6;
}

.BI-story-feature-image-wrap {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.BI-story-feature-kicker {
	display: block;
	margin-bottom: 7px;
	color: #E39757;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.10em;
	line-height: 1.3;
	text-transform: uppercase;
}

.BI-story-feature-copy h3 {
	margin: 0 0 13px;
	color: #20466B;
	font-size: 29px;
	line-height: 1.2;
}

.BI-story-feature-copy p {
	width: 100%;
	max-width: none;
	margin: 0;
	color: #35414B;
	line-height: 1.72;
}

.BI-story-feature-image-wrap {
	min-height: 215px;
}

.BI-story-feature-image-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.BI-story-feature-reverse .BI-story-feature-copy {
	order: 2;
	border-right: 5px solid #459AD6;
	border-left: 0;
}

.BI-story-feature-reverse .BI-story-feature-image-wrap {
	order: 1;
}

.BI-pull-quote {
	position: relative;
	width: calc(100% - 36px);
	margin: 34px 18px;
	padding: 25px 52px 25px 62px;
	background: linear-gradient(135deg, rgba(69, 154, 214, 0.10), rgba(32, 70, 107, 0.04));
	border: 1px solid rgba(32, 70, 107, 0.16);
	border-left: 5px solid #E39757;
	box-shadow: 0 7px 20px rgba(12, 37, 50, 0.07);
}

.BI-pull-quote::before {
	position: absolute;
	top: 4px;
	left: 15px;
	content: "\201C";
	color: #20466B;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 72px;
	font-weight: 700;
	line-height: 1;
	opacity: 0.18;
}

.BI-pull-quote p {
	width: 100%;
	max-width: none;
	margin: 0;
	color: #20466B;
	font-size: 23px;
	font-weight: 700;
	font-style: italic;
	line-height: 1.42;
	text-align: center;
}

.BI-about-newsletter-action {
	justify-content: center;
	margin: 34px 0 12px;
}

@media (max-width: 991.98px) {
	.BI-story-feature {
		width: 92%;
	}

	.BI-story-feature-copy {
		padding: 24px 27px;
	}

	.BI-story-feature-copy h3 {
		font-size: 25px;
	}

	.BI-story-feature-image-wrap {
		min-height: 285px;
	}
}

@media (max-width: 767.98px) {
	.BI-story-feature {
		flex-direction: column;
		width: 100%;
		margin: 27px auto;
	}

	.BI-story-feature-copy,
	.BI-story-feature-reverse .BI-story-feature-copy {
		order: 1;
		flex-basis: auto;
		max-width: none;
		padding: 26px 24px;
		border-top: 4px solid #459AD6;
		border-right: 0;
		border-left: 0;
	}

	.BI-story-feature-image-wrap,
	.BI-story-feature-reverse .BI-story-feature-image-wrap {
		order: 2;
		flex-basis: auto;
		max-width: none;
		min-height: 0;
	}

	.BI-story-feature-image-wrap img {
		height: auto;
	}

	.BI-pull-quote {
		width: 100%;
		margin: 26px 0;
		padding: 23px 24px 23px 48px;
	}

	.BI-pull-quote::before {
		left: 10px;
		font-size: 58px;
	}

	.BI-pull-quote p {
		font-size: 19px;
		text-align: left;
	}

	.BI-about-newsletter-action .BI-action-btn {
		width: 100%;
	}
}


/* =========================================================
   BI ACCOUNT ACCESS AND ADMIN PROTOTYPES
   Shared presentation for authentication, payment, coming-soon
   and administration pages. Backend wiring intentionally deferred.
========================================================= */
.BI-account-access-section{padding:65px 0 75px;background:linear-gradient(180deg,#f7fafc 0%,#fff 100%)}
.BI-account-access-card{padding:38px 42px;background:#fff;border:1px solid rgba(12,37,50,.12);border-top:5px solid #459AD6;box-shadow:0 16px 42px rgba(12,37,50,.12)}
.BI-account-access-heading{margin-bottom:30px}.BI-account-access-heading h2{margin:7px 0 10px;color:#20466B;font-size:32px}.BI-account-access-heading p{width:100%;max-width:650px;margin:0 auto;color:#5E5E5E;line-height:1.65}
.BI-account-field{margin-bottom:20px}.BI-account-field label{display:block;margin-bottom:7px;color:#0C2532;font-weight:700}.BI-account-input-wrap{position:relative}.BI-account-input-wrap>i{position:absolute;top:50%;left:15px;z-index:2;color:#459AD6;font-size:18px;transform:translateY(-50%)}.BI-account-input-wrap .form-control{height:52px;padding-left:46px;border:1px solid rgba(12,37,50,.20);border-radius:0}.BI-account-input-wrap .form-control:focus{border-color:#459AD6;box-shadow:0 0 0 3px rgba(69,154,214,.14)}
.BI-account-form-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 24px}.BI-account-check{display:flex;align-items:center;gap:8px;margin:0;color:#35414B}.BI-account-check input{width:17px;height:17px;accent-color:#20466B}.BI-account-access-form a,.BI-account-access-footer a{color:#20466B;font-weight:700;text-decoration:underline}.BI-account-submit{width:100%;border:0}.BI-account-demo-message{margin:15px 0 0;color:#20466B;font-weight:700;text-align:center}.BI-account-access-footer{margin-top:26px;padding-top:22px;border-top:1px solid rgba(12,37,50,.12);color:#5E5E5E;text-align:center}
.BI-account-security-note{display:flex;align-items:flex-start;gap:13px;margin:20px 0 24px;padding:16px 18px;background:rgba(69,154,214,.09);border-left:4px solid #459AD6;color:#35414B;line-height:1.55}.BI-account-security-note i{color:#20466B;font-size:24px}.BI-account-complete-icon{display:flex;align-items:center;justify-content:center;width:82px;height:82px;margin:0 auto 25px;border-radius:50%;background:#357822;color:#fff;font-size:42px}.BI-account-choice-actions{justify-content:center}.BI-payment-summary{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;border:1px solid rgba(12,37,50,.12)}.BI-payment-summary>div{padding:22px}.BI-payment-summary>div+div{border-left:1px solid rgba(12,37,50,.12)}.BI-payment-summary span,.BI-payment-summary strong{display:block}.BI-payment-summary span{margin-bottom:7px;color:#5E5E5E;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.BI-payment-summary strong{color:#20466B;font-size:18px}
.BI-coming-soon-page{min-height:100vh;background-position:center;background-size:cover}.BI-coming-soon-overlay{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:35px;background:rgba(12,37,50,.76)}.BI-coming-soon-card{width:100%;max-width:760px;padding:48px;background:rgba(255,255,255,.96);border-top:6px solid #E39757;box-shadow:0 22px 60px rgba(0,0,0,.34);text-align:center}.BI-coming-soon-logo{display:block;max-width:185px;margin:0 auto 25px}.BI-coming-soon-card h1{margin:7px 0 17px;color:#20466B;font-size:58px}.BI-coming-soon-card p{width:100%;max-width:650px;margin:0 auto;color:#35414B;font-size:18px;line-height:1.65}.BI-coming-soon-rule{width:85px;height:3px;margin:25px auto;background:#FAB915}.BI-coming-soon-card .BI-coming-soon-small{font-size:15px}.BI-coming-soon-card .BI-button-actions{justify-content:center;margin-top:28px}

/* Coming-soon report request form. The action box reuses the site's pale-blue
   card treatment while keeping Google's fixed-width widget centered. */
.BI-coming-soon-form{margin-top:26px;text-align:left}
.BI-coming-soon-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:24px 24px 6px;background:#eef6fb;border:1px solid rgba(54,122,169,.28);border-radius:7px}
.BI-coming-soon-form .BI-form-field label{color:#20466B}
.BI-coming-soon-form .BI-form-field label em{color:#9C1904}
.BI-coming-soon-form .BI-form-field input{border-color:rgba(32,70,107,.3)}
.BI-coming-soon-email-field{grid-column:1/-1}
.BI-coming-soon-action-box{margin-top:18px;padding:22px 24px;background:#eef6fb;border:1px solid rgba(54,122,169,.28);border-radius:7px}
.BI-coming-soon-card .BI-coming-soon-action-box p{max-width:none;margin-bottom:20px;font-size:15px;line-height:1.55}
.BI-coming-soon-action-box a{color:#20466B;text-decoration:underline}
.BI-coming-soon-action-row{display:grid;grid-template-columns:minmax(304px,1fr) minmax(220px,.78fr);align-items:center;gap:24px}
.BI-coming-soon-recaptcha-wrap{display:flex;justify-content:center;width:100%;min-height:78px;overflow:visible}
.BI-coming-soon-recaptcha-wrap .g-recaptcha{display:inline-block;width:304px;min-height:78px;margin:0 auto}
.BI-coming-soon-recaptcha-wrap .g-recaptcha:empty::before{display:flex;align-items:center;justify-content:center;width:304px;height:78px;border:1px solid #d5d5d5;border-radius:3px;background:#fafafa;color:#5E5E5E;content:"reCAPTCHA will appear here";font-size:13px;font-weight:700}
.BI-coming-soon-submit-wrap{display:flex;align-items:center;flex-direction:column;text-align:center}
.BI-coming-soon-submit-wrap small{display:block;margin-bottom:7px;color:#0C2532;font-size:11px;font-weight:700;letter-spacing:.04em}
.BI-coming-soon-submit-wrap .BI-form-submit{width:100%;max-width:250px;margin:0;color:#fff}
.BI-coming-soon-submit-wrap .BI-form-submit i{margin-right:6px;color:inherit}
.BI-coming-soon-success{margin:30px 0 8px;padding:34px 36px 31px;border:1px solid rgba(53,120,34,.3);border-top:5px solid #357822;border-radius:7px;background:linear-gradient(180deg,#f3faef 0%,#fff 100%);box-shadow:0 12px 30px rgba(12,37,50,.1);text-align:center}
.BI-coming-soon-success-icon{display:flex;align-items:center;justify-content:center;width:78px;height:78px;margin:0 auto 18px;border-radius:50%;background:#357822;box-shadow:0 8px 20px rgba(53,120,34,.22);color:#fff;font-size:42px}
.BI-coming-soon-success .BI-panel-kicker{color:#357822}
.BI-coming-soon-success h2{margin:8px 0 12px;color:#20466B;font-size:36px}
.BI-coming-soon-card .BI-coming-soon-success p{max-width:540px;color:#35414B;font-size:17px;line-height:1.6;text-align:center}
.BI-coming-soon-card .BI-coming-soon-success .BI-coming-soon-success-note{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:10px 16px;border-radius:30px;background:#eef6fb;color:#20466B;font-size:14px;font-weight:700}
.BI-coming-soon-success-note i{color:#459AD6;font-size:18px}
.BI-admin-body{background:#f3f6f8;color:#35414B}.BI-admin-header{display:flex;align-items:center;gap:18px;padding:14px 4vw;background:#0C2532;color:#fff}.BI-admin-header img{width:150px}.BI-admin-header>div{flex:1}.BI-admin-header span,.BI-admin-header strong{display:block}.BI-admin-header span{color:rgba(255,255,255,.68);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.BI-admin-header strong{font-size:22px}.BI-admin-header>a:last-child{color:#fff;font-weight:700}.BI-admin-main{width:min(1460px,94%);margin:0 auto;padding:42px 0 70px}.BI-admin-intro h1{margin:5px 0;color:#20466B}.BI-admin-intro p{width:100%;max-width:none}.BI-admin-pending{display:flex;align-items:center;justify-content:space-between;margin:28px 0;padding:22px 25px;background:rgba(250,185,21,.14);border:1px solid rgba(227,151,87,.45);border-left:5px solid #E39757}.BI-admin-pending h2{margin:0 0 4px;color:#20466B;font-size:22px}.BI-admin-pending p{margin:0}.BI-admin-count{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#E39757;color:#fff;font-weight:800}.BI-admin-grid{display:grid;grid-template-columns:minmax(260px,28%) 1fr;gap:26px}.BI-admin-list-card,.BI-admin-editor{padding:27px;background:#fff;border:1px solid rgba(12,37,50,.10);box-shadow:0 10px 28px rgba(12,37,50,.08)}.BI-admin-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.BI-admin-card-heading h2{margin:0;color:#20466B;font-size:23px}.BI-admin-list-card .form-control{height:47px;margin-bottom:13px;border-radius:0}.BI-admin-empty{margin-top:18px;padding:35px 18px;background:#f7f9fa;color:#5E5E5E;text-align:center}.BI-admin-status{padding:5px 10px;background:#459AD6;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase}.BI-admin-editor .BI-form-group{margin-bottom:20px}.BI-admin-editor .BI-form-group label{display:block;margin-bottom:6px;color:#0C2532;font-weight:700}.BI-admin-editor .form-control{border-radius:0}.BI-admin-full-text{min-height:210px}.BI-admin-editor textarea{min-height:125px}.BI-admin-editor small{color:#5E5E5E}.BI-admin-photo-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:4px 0 22px;padding:20px;background:rgba(69,154,214,.07);border:1px dashed rgba(32,70,107,.35)}.BI-admin-photo-row img{width:86px;height:86px;border-radius:50%;object-fit:cover}.BI-admin-photo-row p{margin:4px 0 0}.BI-admin-photo-row input{position:absolute;width:1px;height:1px;opacity:0}.BI-admin-actions{display:flex;justify-content:space-between;gap:14px;margin-top:25px}
@media(max-width:991.98px){.BI-admin-grid{grid-template-columns:1fr}.BI-account-access-card{padding:34px}.BI-coming-soon-card{padding:40px}}
@media(max-width:767.98px){.BI-account-access-section{padding:40px 0 50px}.BI-account-access-card{padding:28px 20px}.BI-account-access-heading h2{font-size:27px}.BI-account-form-options{align-items:flex-start;flex-direction:column}.BI-payment-summary{grid-template-columns:1fr}.BI-payment-summary>div+div{border-top:1px solid rgba(12,37,50,.12);border-left:0}.BI-coming-soon-overlay{padding:18px}.BI-coming-soon-card{padding:34px 22px}.BI-coming-soon-card h1{font-size:42px}.BI-coming-soon-card .BI-button-actions{align-items:stretch;flex-direction:column}.BI-admin-header{align-items:flex-start;flex-wrap:wrap}.BI-admin-header>div{min-width:50%}.BI-admin-main{width:92%;padding-top:28px}.BI-admin-photo-row{grid-template-columns:auto 1fr}.BI-admin-photo-row .BI-action-btn{grid-column:1/3}.BI-admin-actions{align-items:stretch;flex-direction:column}}

@media(max-width:767.98px){.BI-coming-soon-fields{grid-template-columns:1fr;padding:20px 18px 3px}.BI-coming-soon-email-field{grid-column:auto}.BI-coming-soon-action-box{padding:20px 12px}.BI-coming-soon-action-row{grid-template-columns:1fr;gap:18px}.BI-coming-soon-submit-wrap .BI-form-submit{max-width:304px}}
@media(max-width:767.98px){.BI-coming-soon-success{padding:28px 20px 25px}.BI-coming-soon-success-icon{width:68px;height:68px;font-size:37px}.BI-coming-soon-success h2{font-size:31px}}
@media(max-width:380px){.BI-coming-soon-recaptcha-wrap{justify-content:flex-start;width:113.64%;margin-right:-6.82%;margin-bottom:-9px;transform:scale(.88);transform-origin:center top}}

/* =========================================================
   BI NOTE: private coming-soon special report landing page
========================================================= */
.BI-report-access-page{background:#fff;color:#35414B}
.BI-report-access-hero{background-position:center;background-repeat:no-repeat;background-size:cover}
.BI-report-access-hero-shade{padding:70px 20px;background:linear-gradient(135deg,rgba(12,37,50,.94),rgba(32,70,107,.78))}
.BI-report-access-hero-logo{display:block;width:190px;max-width:55vw;margin:0 auto 28px}
.BI-report-access-kicker{display:block;margin-bottom:11px;color:#FAB915;font-size:13px;font-weight:800;letter-spacing:.16em}
.BI-report-access-hero h1{margin:0 0 14px;color:#fff;font-size:48px;text-shadow:1px 2px 4px rgba(0,0,0,.35)}
.BI-report-access-hero p{width:100%;max-width:700px;margin:0 auto;color:#eef6fb;font-size:19px;line-height:1.6}
.BI-report-access-section{padding:62px 0 72px;background:linear-gradient(180deg,#f4f8fb 0,#fff 34%)}
.BI-report-access-confirmation{display:flex;align-items:center;gap:14px;max-width:760px;margin:0 auto 45px;padding:15px 20px;border:1px solid rgba(53,120,34,.28);border-left:5px solid #357822;background:#f3faef;box-shadow:0 5px 18px rgba(12,37,50,.07)}
.BI-report-access-confirmation i{color:#357822;font-size:30px}
.BI-report-access-confirmation strong,.BI-report-access-confirmation span{display:block}
.BI-report-access-confirmation strong{color:#20466B;font-size:17px}
.BI-report-access-confirmation span{color:#5E5E5E;font-size:14px}
.BI-report-access-cover{padding:17px;background:#fff;border:1px solid rgba(12,37,50,.13);box-shadow:0 18px 42px rgba(12,37,50,.16)}
.BI-report-access-cover img{display:block;width:100%;height:auto}
.BI-report-access-list{margin:22px 0}
.BI-report-access-note{padding:15px 17px;border-left:4px solid #459AD6;background:#eef6fb;color:#35414B}
.BI-report-access-download{margin-top:8px}
.BI-report-access-footer{padding:48px 20px 34px;background:linear-gradient(135deg,#0C2532 0%,#20466B 58%,#367AA9 100%);color:#fff;text-align:center}
.BI-report-access-footer-logo{display:block;width:190px;max-width:55vw;margin:0 auto 22px}
.BI-report-access-footer p{width:100%;max-width:720px;margin:0 auto 20px;color:#eef6fb;font-size:15px;line-height:1.7}
.BI-report-access-footer small{color:rgba(255,255,255,.72)}

@media(max-width:767.98px){.BI-report-access-hero-shade{padding:52px 18px}.BI-report-access-hero h1{font-size:37px}.BI-report-access-hero p{font-size:17px}.BI-report-access-section{padding:44px 0 52px}.BI-report-access-confirmation{align-items:flex-start;margin-bottom:32px}.BI-report-access-download{display:block;width:100%;text-align:center}}

/* =========================================================
   BI NOTE: reusable testimonial slider in a pale sidebar
   Scoped so homepage testimonial colors remain unchanged.
========================================================= */
.BI-market-commentary-sidebar .defaultsearch,
.BI-market-commentary-sidebar .defaultsearch input{background:#d7ecf8}
.BI-sidebar-testimonials .BI-slider-testimonial{cursor:pointer}
.BI-sidebar-testimonials .BI-slider-testimonial:focus-visible{outline:3px solid #459AD6;outline-offset:-3px}
.BI-sidebar-testimonials .BI-testimonials-slider .splide__track{box-shadow:none}
.blog-left-side .BI-sidebar-testimonials .splide__list>li,
.blog-left-side .BI-sidebar-testimonials .splide__pagination>li{margin:0;padding:0;border:0}
.blog-left-side .BI-sidebar-testimonials ul li::before{content:none}
.BI-sidebar-testimonials .BI-slider-testimonial-quote{opacity:.09}
.BI-sidebar-testimonials .splide__pagination__page{background:#d7ecf8}
.BI-sidebar-testimonials .splide__pagination__page:hover,
.BI-sidebar-testimonials .splide__pagination__page:focus{background:#9fcce6}
.BI-sidebar-testimonials .splide__pagination__page:focus,
.BI-sidebar-testimonials .splide__pagination__page:focus-visible,
.BI-sidebar-testimonials .splide.is-focus-in .splide__pagination__page:focus{outline:none;box-shadow:none}
.BI-sidebar-testimonials .splide__pagination__page.is-active{background:#E39757}

/* Demo/article header phone treatment: match the white utility links at right. */
.BI-top-phone-white p a{display:inline-flex;align-items:center;color:#fff!important}
.BI-top-phone-white p a i,
.BI-top-phone-white p a span{margin-right:0;color:#fff!important}
.BI-top-phone-white p a i{margin-right:7px}
.BI-top-phone-white p a:hover,
.BI-top-phone-white p a:focus,
.BI-top-phone-white p a:hover i,
.BI-top-phone-white p a:focus i,
.BI-top-phone-white p a:hover span,
.BI-top-phone-white p a:focus span{color:#A25E01!important}

/* Traditional position table: readable rows on desktop, labeled records on phones. */
.BI-position-guide-switch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.BI-position-view-switch{display:inline-flex;align-items:center;gap:7px;margin-left:8px}.BI-position-view-switch>span{margin-right:5px;color:#5e5e5e;font-size:12px;font-weight:800;letter-spacing:.08em}.BI-position-view-switch a{padding:9px 13px;border:1px solid rgba(32,70,107,.25);background:#fff;color:#20466b;font-size:14px;font-weight:700}.BI-position-view-switch a:hover,.BI-position-view-switch a.is-active{background:#20466b;color:#fff}.BI-position-view-switch i{margin-right:5px}
[data-newsletter-view]{flex:0 0 100%;width:100%;max-width:100%}[data-newsletter-view][hidden]{display:none!important}
.BI-position-table{margin-bottom:0}
.BI-position-table-wrap{overflow:visible;border:1px solid rgba(12,37,50,.16);box-shadow:0 10px 28px rgba(12,37,50,.09)}.BI-position-table{width:100%;border-collapse:collapse;background:#fff;color:#35414b;font-size:15px}.BI-position-table th{padding:15px 9px;background:#0c2532;border-right:1px solid rgba(255,255,255,.14);color:#fff;font-size:12px;line-height:1.25;text-align:center;text-transform:uppercase}.BI-position-table th:nth-child(2),.BI-position-table td:nth-child(2){text-align:left}.BI-position-table td{position:relative;padding:16px 9px;border-right:1px solid rgba(12,37,50,.1);border-bottom:1px solid rgba(12,37,50,.12);text-align:center;vertical-align:middle}.BI-position-table tbody tr:hover{background:#f1f7fb}.BI-position-table-row-bullish{box-shadow:inset 4px 0 #357822}.BI-position-table-row-bearish{box-shadow:inset 4px 0 #9c1904}
.BI-position-name{color:#20466b;font-weight:800;text-decoration:underline;text-decoration-color:rgba(69,154,214,.55);text-underline-offset:3px}.BI-position-bias{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:22px;font-weight:800}.BI-position-bias.bullish{background:#e7f3e4;color:#357822}.BI-position-bias.bearish{background:#f8e8e5;color:#9c1904}.BI-position-result-up{background:#e8f4e5;color:#357822;font-weight:800}.BI-position-result-down{background:#f8e8e5;color:#9c1904;font-weight:800}
.BI-position-note-date{padding:7px 8px;border:1px solid rgba(32,70,107,.25);background:#eef6fb;color:#20466b;font-weight:800;white-space:nowrap}.BI-position-note-date:hover,.BI-position-note-date:focus{background:#459ad6;color:#fff}.BI-position-note-popover{position:absolute;right:8px;bottom:calc(100% - 4px);z-index:15;width:310px;padding:14px 16px;background:#0c2532;box-shadow:0 10px 25px rgba(0,0,0,.25);color:#fff;font-size:13px;font-weight:400;line-height:1.5;text-align:left;visibility:hidden;opacity:0;transform:translateY(5px);transition:.18s ease}.BI-position-note-popover strong{display:block;margin:8px 0 2px;color:#fab915}.BI-position-note-popover strong:first-child{margin-top:0}.BI-position-note-date:hover+.BI-position-note-popover,.BI-position-note-date:focus+.BI-position-note-popover{visibility:visible;opacity:1;transform:none}.BI-position-price-note{margin:12px 0 0;color:#5e5e5e;font-size:13px;text-align:right}.BI-position-price-note i{color:#459ad6}
.BI-closed-position-table{font-size:14px}.BI-closed-position-table th,.BI-closed-position-table td{padding-right:7px;padding-left:7px}.BI-position-table-loss{background:#fdf3f1}.BI-position-table-loss:hover{background:#f8e8e5!important}
@media(min-width:768px){.BI-position-table:not(.BI-recommendations-table) th:nth-child(2){width:22%}}
.BI-recommendations-table col.BI-rec-date-col{width:11%}.BI-recommendations-table col.BI-rec-type-col{width:8%}.BI-recommendations-table col.BI-rec-description-col{width:81%}.BI-recommendations-table th:nth-child(3),.BI-recommendations-table td:nth-child(3){text-align:left}.BI-recommendations-table td{padding-top:17px;padding-bottom:17px}.BI-recommendations-table time{font-weight:800;white-space:nowrap}.BI-recommendation-type{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;font-size:25px}.BI-recommendation-type.bullish{background:#e7f3e4;color:#357822}.BI-recommendation-type.bearish{background:#f8e8e5;color:#9c1904}.BI-recommendation-type.newsletter{background:#fff2c9;color:#a66f00}.BI-recommendation-type.webinar{background:#e2eef8;color:#20466b}.BI-recommendations-table td:nth-child(3) a{display:block;color:#35414b}.BI-recommendations-table td:nth-child(3) strong,.BI-recommendations-table td:nth-child(3) span{display:block}.BI-recommendations-table td:nth-child(3) strong{margin-bottom:3px;color:#20466b;font-size:16px}.BI-recommendations-table td:nth-child(3) span{line-height:1.45}.BI-recommendations-table td:nth-child(3) em{display:inline-block;margin-top:7px;color:#367aa9;font-size:12px;font-style:normal;font-weight:800;text-transform:uppercase}.BI-recommendations-table tbody tr:nth-child(even){background:#f5f6f7}.BI-recommendations-table tbody tr:hover{background:#eef6fb}
@media(max-width:991.98px){.BI-position-table{font-size:14px}.BI-position-table th,.BI-position-table td{padding-right:6px;padding-left:6px}.BI-position-bias{width:32px;height:32px;font-size:20px}}
@media(max-width:767.98px){.BI-position-view-switch{justify-content:center;flex-wrap:wrap}.BI-position-view-switch>span{width:100%;text-align:center}.BI-position-table-wrap{border:0;box-shadow:none}.BI-position-table,.BI-position-table tbody,.BI-position-table tr,.BI-position-table td{display:block;width:100%}.BI-position-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.BI-position-table tr{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:4px 14px 10px;background:#fff;border:1px solid rgba(12,37,50,.16);box-shadow:0 8px 20px rgba(12,37,50,.08)}.BI-position-table td{display:grid;grid-template-columns:minmax(92px,.7fr) 1fr;align-items:center;min-height:45px;padding:9px 4px;border-right:0;border-bottom:1px solid rgba(12,37,50,.1);text-align:right}.BI-position-table td::before{content:attr(data-label);color:#5e5e5e;font-size:11px;font-weight:800;letter-spacing:.04em;text-align:left;text-transform:uppercase}.BI-position-table td:nth-child(1),.BI-position-table td:nth-child(2){grid-column:span 1}.BI-position-table td:nth-child(n+3){grid-column:1/-1}.BI-position-table td:nth-child(2){text-align:right}.BI-position-table tr td:last-child{border-bottom:0}.BI-position-table .BI-position-result-up,.BI-position-table .BI-position-result-down{margin:0 -4px;padding-right:8px;padding-left:8px}.BI-position-note-popover{right:0;bottom:calc(100% - 2px);width:min(310px,90vw)}.BI-position-price-note{text-align:center}}
@media(max-width:430px){.BI-position-table tr{grid-template-columns:1fr}.BI-position-table td:nth-child(1),.BI-position-table td:nth-child(2){grid-column:1}.BI-position-view-switch a{flex:1;text-align:center}}
@media(max-width:767.98px){.BI-recommendations-table tr{grid-template-columns:1fr 1fr}.BI-recommendations-table td:nth-child(1),.BI-recommendations-table td:nth-child(2){grid-column:span 1}.BI-recommendations-table td:nth-child(3){grid-column:1/-1;text-align:left}.BI-recommendations-table td:nth-child(3)::before{margin-bottom:7px}.BI-recommendations-table td:nth-child(3){display:block}.BI-recommendations-table .BI-recommendation-type{margin-left:auto}}

/* Table refinements: compact mixed-content columns, mobile top rows and desktop ROI tally. */
.BI-recommendations-table th:nth-child(2),.BI-recommendations-table td:nth-child(2){text-align:center}
@media(min-width:768px){.BI-position-average-row{display:table-row;background:#185f22;color:#fff}.BI-position-average-row td{padding:17px 12px;border:0;background:transparent!important;color:#fff!important;font-size:18px;font-weight:800;text-align:center;text-transform:uppercase}.BI-position-average-row td:first-child{text-align:right}.BI-position-average-negative{background:#8f1d12}}
@media(max-width:767.98px){.BI-position-average-row{display:none!important}.BI-position-table:not(.BI-recommendations-table) tr{grid-template-columns:76px minmax(0,1fr)}.BI-position-table:not(.BI-recommendations-table) td:nth-child(1){display:flex;grid-column:1;align-items:center;flex-direction:column;justify-content:center;gap:4px;padding-right:3px;padding-left:3px}.BI-position-table:not(.BI-recommendations-table) td:nth-child(1)::before{text-align:center}.BI-position-table:not(.BI-recommendations-table) td:nth-child(2){display:flex;grid-column:2;align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding-left:8px;text-align:left}.BI-position-table:not(.BI-recommendations-table) td:nth-child(2)::before{text-align:left}.BI-position-table:not(.BI-recommendations-table) td:nth-child(n+3){grid-column:1/-1}.BI-recommendations-table td:nth-child(1),.BI-recommendations-table td:nth-child(2){display:flex;grid-column:span 1;align-items:center;flex-direction:column;justify-content:center;gap:6px;padding-right:14px;padding-left:14px;text-align:center}.BI-recommendations-table td:nth-child(1)::before,.BI-recommendations-table td:nth-child(2)::before{text-align:center}.BI-recommendations-table td:nth-child(3){display:block;grid-column:1/-1;padding-right:12px;padding-left:12px;text-align:left}.BI-recommendations-table td:nth-child(3)::before{display:none}.BI-recommendations-table .BI-recommendation-type{margin:0 auto}}

/* Equal-height table bands and fully clickable recommendation rows. */
.BI-recommendation-link-row{cursor:pointer}.BI-recommendation-link-row:focus{outline:3px solid #459ad6;outline-offset:-3px}.BI-recommendation-link-row:focus:not(:focus-visible){outline:none}

/* Informational, non-actionable newsletter position updates. */
.BI-rec-update-explainer{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:22px;margin:0 0 18px;padding:24px 28px;background:#20466b;color:#fff;text-align:left}.BI-rec-update-explainer>i{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#459ad6;color:#fff;font-size:38px}.BI-rec-update-explainer p{margin:0;color:#fff;font-size:14px;line-height:1.65;text-align:left}.BI-rec-update-explainer strong{color:#fab915}.BI-rec-update-body{padding-top:12px}.BI-rec-update-body .WC-article-content>h2:first-child{margin-top:8px}.BI-rec-summary-update{background:#fab915!important;color:#0c2532!important}.BI-rec-summary-update strong{font-size:15px!important}.BI-rec-summary-open{background:#20466b!important;color:#fff!important}.BI-rec-update-body .WC-article-end{width:80px!important;height:80px!important}
@media(max-width:575.98px){.BI-rec-update-explainer{grid-template-columns:56px minmax(0,1fr);gap:15px;padding:20px 18px}.BI-rec-update-explainer>i{width:56px;height:56px;font-size:31px}.BI-rec-update-explainer p{font-size:14px}}
.BI-rec-original-link{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;color:#459ad6!important;font-size:1em;line-height:1;text-decoration:none!important;vertical-align:middle}.BI-rec-original-link:hover,.BI-rec-original-link:focus{color:#fab915!important}
.BI-rec-grid-top-update{background:#fab915!important;color:#0c2532!important;font-weight:800!important;text-shadow:none!important}.BI-recommendation-type.update{background:#fff2c9;color:#a66f00}
@media(min-width:768px){.BI-position-table thead th{height:62px}.BI-position-average-row{height:62px}.BI-position-average-row td{height:62px;padding:12px;font-size:15px;line-height:1.2}}
/* Newsletter-service schedule pills shared by Recommendations, COP and RCP. */
.BI-newsletter-schedule {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 auto 22px;
}
.BI-newsletter-schedule-label {
	color: #0c2532;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.BI-newsletter-schedule-pill {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 38px;
	padding: 7px 12px;
	border: 1px solid #d8a333;
	border-radius: 3px;
	background: #0c2532;
	color: #f7fbff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	box-shadow: 0 2px 7px rgba(12, 37, 50, .12);
	cursor: help;
}
.BI-newsletter-schedule-pill.is-current { background: #459ad6; }
.BI-newsletter-schedule-pill > i:first-child { color: #fff; font-size: 17px; }
.BI-schedule-help {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.75);
	border-radius: 50%;
	background: transparent;
	color: #fff;
	font: 700 12px/1 Arial, sans-serif;
	cursor: help;
}
.BI-schedule-help::after {
	position: absolute;
	z-index: 30;
	left: 50%;
	top: calc(100% + 10px);
	width: 290px;
	padding: 11px 13px;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(12, 37, 50, .22);
	color: #344b58;
	content: attr(data-tip);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.45;
	text-align: left;
	text-transform: none;
	transform: translate(-50%, -4px);
	opacity: 0;
	pointer-events: none;
	transition: opacity .16s ease, transform .16s ease;
}
.BI-newsletter-schedule-pill:hover .BI-schedule-help::after,
.BI-newsletter-schedule-pill:focus-within .BI-schedule-help::after,
.BI-schedule-help:focus::after { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 767px) {
	.BI-newsletter-schedule { align-items: stretch; flex-direction: column; }
	.BI-newsletter-schedule-label { text-align: center; }
	.BI-newsletter-schedule-pill { justify-content: center; }
	.BI-schedule-help::after { left: auto; right: -8px; transform: translateY(-4px); }
	.BI-newsletter-schedule-pill:hover .BI-schedule-help::after,
	.BI-newsletter-schedule-pill:focus-within .BI-schedule-help::after,
	.BI-schedule-help:focus::after { transform: translateY(0); }
}