/* Client notice - MyAccountLogin.aspx
   Commission Refunders retired 1 July 2025. Scoped so the legacy text.css / style.css
   rules for h1, h2, h6 and p are overridden locally only. Selectors are qualified with
   #content because style.css sets width and margin on that ID and would otherwise win.
----------------------------------------------------------------------------------------------------*/
#content.notice, #content.notice * 	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#content.notice 		{ float: left; width: 1000px; margin: 50px 0 60px 0; }

/* Left column - sits directly on the site gold background */
.notice-aside 			{ float: left; width: 300px; padding: 28px 0 0 0; }

.notice-effective 		{ display: inline-block; margin: 0 0 26px 0; padding: 7px 16px 6px 14px;
						  border: 1px solid rgba(31,31,31,0.40); border-radius: 999px;
						  font-family: Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;
						  line-height: 12px; letter-spacing: 1.6px; text-transform: uppercase; color: #1F1F1F; }
.notice-effective span 	{ display: inline-block; width: 5px; height: 5px; margin-right: 8px;
						  border-radius: 50%; background: #1F1F1F; vertical-align: middle; }

.notice-title 			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 58px;
						  line-height: 54px; letter-spacing: -1px; font-weight: normal; color: #1F1F1F;
						  margin: 0 0 20px 0; }

.notice-standfirst 		{ font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 23px;
						  color: #2A2A22; margin: 0 0 26px 0; }

.notice-rule 			{ border: none; border-top: 1px solid rgba(31,31,31,0.25);
						  height: 0; width: 100%; margin: 0 0 22px 0; }

.notice-issued 			{ font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px;
						  color: #4F4A33; margin: 0; }

/* Right column - the white notice card */
.notice-card 			{ float: right; width: 660px; padding: 44px; background: #FDFDFB;
						  border-radius: 4px;
						  -moz-box-shadow: 0 2px 18px rgba(0,0,0,0.12);
						  -webkit-box-shadow: 0 2px 18px rgba(0,0,0,0.12);
						  box-shadow: 0 2px 18px rgba(0,0,0,0.12); }

.notice-card p.notice-lead 	{ font-family: Helvetica, Arial, sans-serif; font-size: 19px; line-height: 29px;
							  color: #1A1A1A; margin: 0 0 28px 0; }

.notice-card-rule 		{ border: none; border-top: 1px solid #E6E4DA; height: 0; margin: 0 0 26px 0; }

.notice-card p.notice-body 	{ font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 25px;
							  color: #4A5A6E; margin: 0 0 22px 0; }

/* Three-up key dates strip. display: table keeps the cells equal height so the
   dividers run the full height of the strip even though the copy lengths differ. */
.notice-dates 			{ display: table; table-layout: fixed; width: 100%; border-collapse: collapse;
						  border: 1px solid #E6E4DA; margin: 10px 0 32px 0; }
.notice-date 			{ display: table-cell; width: 33.33%; vertical-align: top;
						  padding: 18px 20px 22px 20px; }
.notice-date-mid,
.notice-date-last 		{ border-left: 1px solid #E6E4DA; }
.notice-date h6 		{ font-family: Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;
						  line-height: 12px; letter-spacing: 1.4px; text-transform: uppercase;
						  color: #8A8574; margin: 0 0 10px 0; }
.notice-date p 			{ font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;
						  color: #1F1F1F; margin: 0; }

/* Adviser call to action */
.notice-cta 			{ clear: both; background: #111111; padding: 30px 34px 32px 34px; }
.notice-cta h2 			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px;
						  line-height: 30px; letter-spacing: 0; font-weight: normal; color: #FFFFFF;
						  margin: 0 0 8px 0; }
.notice-cta p 			{ font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;
						  color: #B8B4A8; margin: 0 0 24px 0; }

.notice-btn 			{ display: inline-block; margin: 0 8px 0 0; padding: 13px 24px;
						  font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold;
						  line-height: 16px; text-decoration: none; }
.notice-btn-phone 		{ background: #E1C668; color: #1F1F1F; border: 1px solid #E1C668; }
.notice-btn-phone:hover { background: #EBD483; border-color: #EBD483; }
.notice-btn-contact 	{ background: transparent; color: #FFFFFF; border: 1px solid #4A4A4A; }
.notice-btn-contact:hover 	{ border-color: #FFFFFF; }