.elementor-3509 .elementor-element.elementor-element-16665268{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--overlay-opacity:0.15;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-16665268:not(.elementor-motion-effects-element-type-background), .elementor-3509 .elementor-element.elementor-element-16665268 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3509 .elementor-element.elementor-element-16665268::before, .elementor-3509 .elementor-element.elementor-element-16665268 > .elementor-background-video-container::before, .elementor-3509 .elementor-element.elementor-element-16665268 > .e-con-inner > .elementor-background-video-container::before, .elementor-3509 .elementor-element.elementor-element-16665268 > .elementor-background-slideshow::before, .elementor-3509 .elementor-element.elementor-element-16665268 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3509 .elementor-element.elementor-element-16665268 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.greysonprivatewealth.com/wp-content/uploads/2026/10/wave-clear-2.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;}.elementor-3509 .elementor-element.elementor-element-4677996d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-3509 .elementor-element.elementor-element-4677996d .elementor-heading-title{font-family:var( --e-global-typography-typo102-font-family ), Sans-serif;font-size:var( --e-global-typography-typo102-font-size );font-weight:var( --e-global-typography-typo102-font-weight );line-height:var( --e-global-typography-typo102-line-height );letter-spacing:var( --e-global-typography-typo102-letter-spacing );color:var( --e-global-color-fff0001 );}.elementor-3509 .elementor-element.elementor-element-24a75364{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:34px 34px;--row-gap:34px;--column-gap:34px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-6ff40351{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:14px 14px 14px 14px;--padding-top:34px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3509 .elementor-element.elementor-element-6ff40351:not(.elementor-motion-effects-element-type-background), .elementor-3509 .elementor-element.elementor-element-6ff40351 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-surf002 );}.elementor-3509 .elementor-element.elementor-element-357ba526{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-db484e{text-align:start;}.elementor-3509 .elementor-element.elementor-element-db484e img{width:70px;max-width:70px;height:70px;border-radius:35px 35px 35px 35px;}.elementor-3509 .elementor-element.elementor-element-2eaa6a94{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3509 .elementor-element.elementor-element-2eaa6a94 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:23px;font-weight:500;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-3509 .elementor-element.elementor-element-7ce5cb94{margin:9px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;}.elementor-3509 .elementor-element.elementor-element-7ce5cb94 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:1.5em;letter-spacing:1.5px;color:var( --e-global-color-accent );}.elementor-3509 .elementor-element.elementor-element-2bf58dfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3509 .elementor-element.elementor-element-2bf58dfa .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:var( --e-global-color-mute005 );}.elementor-3509 .elementor-element.elementor-element-50e079f1 .elementor-button{background-color:#FFFFFF00;font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;letter-spacing:0.6px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-bord004 );border-radius:0px 0px 0px 0px;padding:0px 0px 2px 0px;}.elementor-3509 .elementor-element.elementor-element-50e079f1 .elementor-button:hover, .elementor-3509 .elementor-element.elementor-element-50e079f1 .elementor-button:focus{background-color:#FFFFFF00;color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-3509 .elementor-element.elementor-element-50e079f1{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3509 .elementor-element.elementor-element-50e079f1 .elementor-button:hover svg, .elementor-3509 .elementor-element.elementor-element-50e079f1 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-3509 .elementor-element.elementor-element-4242247a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:14px 14px 14px 14px;--padding-top:34px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3509 .elementor-element.elementor-element-4242247a:not(.elementor-motion-effects-element-type-background), .elementor-3509 .elementor-element.elementor-element-4242247a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-surf002 );}.elementor-3509 .elementor-element.elementor-element-798f7fe7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-1b135cd8{text-align:start;}.elementor-3509 .elementor-element.elementor-element-1b135cd8 img{width:70px;max-width:70px;height:70px;border-radius:35px 35px 35px 35px;}.elementor-3509 .elementor-element.elementor-element-1e479c1e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3509 .elementor-element.elementor-element-1e479c1e .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:23px;font-weight:500;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-3509 .elementor-element.elementor-element-60dad8d{margin:9px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;}.elementor-3509 .elementor-element.elementor-element-60dad8d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;line-height:1.5em;letter-spacing:1.5px;color:var( --e-global-color-accent );}.elementor-3509 .elementor-element.elementor-element-1c4f109a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3509 .elementor-element.elementor-element-1c4f109a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:var( --e-global-color-mute005 );}.elementor-3509 .elementor-element.elementor-element-55819cfe .elementor-button{background-color:#FFFFFF00;font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;letter-spacing:0.6px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-bord004 );border-radius:0px 0px 0px 0px;padding:0px 0px 2px 0px;}.elementor-3509 .elementor-element.elementor-element-55819cfe .elementor-button:hover, .elementor-3509 .elementor-element.elementor-element-55819cfe .elementor-button:focus{background-color:#FFFFFF00;color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-3509 .elementor-element.elementor-element-55819cfe{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3509 .elementor-element.elementor-element-55819cfe .elementor-button:hover svg, .elementor-3509 .elementor-element.elementor-element-55819cfe .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-3509 .elementor-element.elementor-element-190ba64d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--border-radius:14px 14px 14px 14px;--padding-top:34px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-3509 .elementor-element.elementor-element-190ba64d:not(.elementor-motion-effects-element-type-background), .elementor-3509 .elementor-element.elementor-element-190ba64d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-surf002 );}.elementor-3509 .elementor-element.elementor-element-6fca33f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-1a9072f1{text-align:start;}.elementor-3509 .elementor-element.elementor-element-1a9072f1 img{width:70px;max-width:70px;height:70px;border-radius:35px 35px 35px 35px;}.elementor-3509 .elementor-element.elementor-element-4e70b46b{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3509 .elementor-element.elementor-element-4e70b46b .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:23px;font-weight:500;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-3509 .elementor-element.elementor-element-4127921d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3509 .elementor-element.elementor-element-4127921d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:1.5em;color:var( --e-global-color-mute005 );}.elementor-3509 .elementor-element.elementor-element-53c6564d .elementor-button{background-color:#FFFFFF00;font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;letter-spacing:0.6px;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-bord004 );border-radius:0px 0px 0px 0px;padding:0px 0px 2px 0px;}.elementor-3509 .elementor-element.elementor-element-53c6564d .elementor-button:hover, .elementor-3509 .elementor-element.elementor-element-53c6564d .elementor-button:focus{background-color:#FFFFFF00;color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-3509 .elementor-element.elementor-element-53c6564d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3509 .elementor-element.elementor-element-53c6564d .elementor-button:hover svg, .elementor-3509 .elementor-element.elementor-element-53c6564d .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(max-width:1440px){.elementor-3509 .elementor-element.elementor-element-4677996d .elementor-heading-title{font-size:var( --e-global-typography-typo102-font-size );line-height:var( --e-global-typography-typo102-line-height );letter-spacing:var( --e-global-typography-typo102-letter-spacing );}.elementor-3509 .elementor-element.elementor-element-24a75364{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-3509 .elementor-element.elementor-element-24a75364{--grid-auto-flow:row;}}@media(max-width:768px){.elementor-3509 .elementor-element.elementor-element-4677996d .elementor-heading-title{font-size:var( --e-global-typography-typo102-font-size );line-height:var( --e-global-typography-typo102-line-height );letter-spacing:var( --e-global-typography-typo102-letter-spacing );}.elementor-3509 .elementor-element.elementor-element-24a75364{--e-con-grid-template-columns:repeat(3, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;}.elementor-3509 .elementor-element.elementor-element-6ff40351{--padding-top:28px;--padding-bottom:26px;--padding-left:24px;--padding-right:24px;}.elementor-3509 .elementor-element.elementor-element-4242247a{--padding-top:28px;--padding-bottom:26px;--padding-left:24px;--padding-right:24px;}.elementor-3509 .elementor-element.elementor-element-190ba64d{--padding-top:28px;--padding-bottom:26px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-3509 .elementor-element.elementor-element-16665268{--padding-top:56px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-3509 .elementor-element.elementor-element-4677996d .elementor-heading-title{font-size:var( --e-global-typography-typo102-font-size );line-height:var( --e-global-typography-typo102-line-height );letter-spacing:var( --e-global-typography-typo102-letter-spacing );}.elementor-3509 .elementor-element.elementor-element-24a75364{--e-con-grid-template-columns:repeat(1, 1fr);--gap:18px 18px;--row-gap:18px;--column-gap:18px;--grid-auto-flow:row;}.elementor-3509 .elementor-element.elementor-element-6ff40351{--padding-top:26px;--padding-bottom:24px;--padding-left:22px;--padding-right:22px;}.elementor-3509 .elementor-element.elementor-element-4242247a{--padding-top:26px;--padding-bottom:24px;--padding-left:22px;--padding-right:22px;}.elementor-3509 .elementor-element.elementor-element-190ba64d{--padding-top:26px;--padding-bottom:24px;--padding-left:22px;--padding-right:22px;}}/* Start custom CSS *//* --- Paired blocks: keep the bullet lists on the same line ------------- * "Who This Is Built For" and "Why Now?" each put a short intro paragraph * above a bullet list, twice, side by side. The intros wrap to different * line counts, so the lists start at different heights. A floor of two * lines on each intro makes the shorter one reserve the space the taller * one already uses. Below 1200px the Business Owners intro wraps to three. * --------------------------------------------------------------------- */ @media (min-width:1025px){ .elementor-element-435dad8 > p:first-of-type, .elementor-element-18fe5fc > p:first-of-type, .elementor-element-a209e47 > p:first-of-type, .elementor-element-2c5ee83 > p:first-of-type{ min-height:3.45em; min-height:2lh; } } @media (min-width:1025px) and (max-width:1199px){ .elementor-element-435dad8 > p:first-of-type, .elementor-element-18fe5fc > p:first-of-type{ min-height:5.15em; min-height:3lh; } } /* --- Bullet lists ------------------------------------------------------ * The default disc markers sat tight against the text and wrapped lines * ran back under the marker. Gold markers, a hanging indent so wrapped * lines align with the first character, and room to breathe between items. * --------------------------------------------------------------------- */ .elementor-227 .elementor-widget-text-editor ul{ list-style:none; margin:.9em 0 0; padding:0; } .elementor-227 .elementor-widget-text-editor ul > li{ position:relative; padding-left:1.5em; margin-bottom:.72em; line-height:1.7; } .elementor-227 .elementor-widget-text-editor ul > li::before{ content:""; position:absolute; left:.15em; top:.72em; width:6px; height:6px; border-radius:50%; background:#D09748; } .elementor-227 .elementor-widget-text-editor ul > li:last-child{ margin-bottom:0; } .elementor-227 .elementor-widget-text-editor ol{ padding-left:1.35em; margin:.9em 0 0; } .elementor-227 .elementor-widget-text-editor ol > li{ margin-bottom:.72em; line-height:1.7; padding-left:.25em; } .elementor-227 .elementor-widget-text-editor ol > li::marker{ color:#7A828C; } /* --- "Why Now?" - rebuilt to the client's mockup ---------------------- * Two cards side by side: the left white, the right navy, each with a gold * line icon at the top left. Copy unchanged - the existing intro paragraph * and the existing three bullets in each column. * --------------------------------------------------------------------- */ .elementor-element-518f384{ align-items:stretch !important; gap:28px; } .elementor-element-92018a0, .elementor-element-e28fa3b{ border-radius:14px; /* Mockup-derived. Measuring the supplied mockup: the card is 514px wide with * the icon and heading starting 45px in - 8.75% of the card width - against * 6.3% live (38.4px on a 606px card), which is why it read as cramped. * 3.3rem = 52.8px on this card, i.e. 8.7%. Vertical padding was already close * to the mockup's ~6.6%, so only the sides move materially. */ padding:2.6rem 3.3rem 3rem; height:100%; justify-content:flex-start !important; } /* --- Interactive cards ------------------------------------------------- * Client: both cards white at rest, navy on hover or click, keeping the two * colours already in use. The right card used to be *permanently* navy, so its * colouring is rewritten as a STATE both cards share rather than a property of * one of them. * * @media (hover:hover) guards the :hover rule. Without it, iOS applies :hover on * tap and leaves it stuck, which would fight the .gw-on class the tap also sets * and make the second tap appear to do nothing. Touch gets .gw-on only. * * Deliberately NOT focusable and no :focus-visible: the colour change carries no * information and the cards are not controls, so exposing them to keyboard and * screen-reader users as fake buttons would add noise for no benefit. * --------------------------------------------------------------------- */ .elementor-element-92018a0, .elementor-element-e28fa3b{ background:#FFFFFF; box-shadow:0 2px 18px rgba(37,49,63,.07); cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background-color .3s ease, box-shadow .3s ease; } .elementor-element-92018a0.gw-on, .elementor-element-e28fa3b.gw-on{ background:#25313F; box-shadow:0 6px 26px rgba(37,49,63,.18); } @media (hover:hover){ .elementor-element-92018a0:hover, .elementor-element-e28fa3b:hover{ background:#25313F; box-shadow:0 6px 26px rgba(37,49,63,.18); } } .elementor-element-92018a0 > .e-con-inner, .elementor-element-e28fa3b > .e-con-inner{ justify-content:flex-start; } /* NOTE ON SCOPING: every rule below that targets a widget TYPE rather than a * specific element id is prefixed `.elementor-227`. Elementor does not scope a * page's Custom CSS automatically, so an unprefixed `.elementor-widget-icon-list` * rule also matched the header template's "Client Login" icon list and shrank * its 18px SVG to the 7px bullet size - visible on this page only, which is * exactly how it was reported. Keep the prefix on any new widget-type rule. */ /* Icon sits top-left, gold. These are the two SVGs the client supplied, * inlined in an HTML widget rather than uploaded - putting them in the media * library would mean enabling SVG uploads site-wide, which is a standing * security trade-off not worth taking for two decorative icons. The files * already carry fill:#d09748, so nothing recolours them here. * * Same shrink-to-fit trap as the icon widget it replaces: the widget box * measured x=1016 against a card content edge of 772, so it has to be a * full-width, self-start flex item, not a centred inline one. * * height + width:auto (not max-height) is deliberate: both SVGs carry explicit * width/height attributes, and max-height would cap the height while leaving * the attribute width in place, distorting them. With a viewBox present, * height:44px/width:auto scales both from their own aspect ratio - the arrow * lands ~51px wide, the hourglass ~33px, matching the mockup's optical weight. */ .elementor-element-92018a0 .elementor-widget-html, .elementor-element-e28fa3b .elementor-widget-html{ width:100%; align-self:flex-start; text-align:left; margin-bottom:1.05rem; } .gr-wn-icon{ display:block; line-height:0; } .gr-wn-icon svg{ display:block; height:44px; width:auto; } /* every child runs the full card width, left aligned, so the two mirror */ .elementor-element-92018a0 .elementor-widget-text-editor, .elementor-element-e28fa3b .elementor-widget-text-editor, .elementor-element-92018a0 .elementor-widget-icon-list, .elementor-element-e28fa3b .elementor-widget-icon-list{ width:100%; max-width:none; text-align:left; } .elementor-element-92018a0 .elementor-widget-text-editor p, .elementor-element-e28fa3b .elementor-widget-text-editor p{ text-align:left; margin:0; } .elementor-element-92018a0 .elementor-widget-text-editor > p:first-of-type, .elementor-element-e28fa3b .elementor-widget-text-editor > p:first-of-type{ font-weight:600; } /* REST: both cards carry navy type on white */ .elementor-element-92018a0 .elementor-widget-text-editor, .elementor-element-92018a0 .elementor-widget-text-editor p, .elementor-element-92018a0 .elementor-icon-list-text, .elementor-element-92018a0 .elementor-widget-text-editor > p:first-of-type, .elementor-element-e28fa3b .elementor-widget-text-editor, .elementor-element-e28fa3b .elementor-widget-text-editor p, .elementor-element-e28fa3b .elementor-icon-list-text, .elementor-element-e28fa3b .elementor-widget-text-editor > p:first-of-type{ color:#25313F; transition:color .3s ease; } /* ACTIVE: light type once the card goes navy. Listed for .gw-on and, separately, inside the hover guard - the two cannot be combined in one list because an unsupported :hover would invalidate the whole list. */ .elementor-element-92018a0.gw-on .elementor-widget-text-editor, .elementor-element-92018a0.gw-on .elementor-widget-text-editor p, .elementor-element-92018a0.gw-on .elementor-widget-text-editor > p:first-of-type, .elementor-element-e28fa3b.gw-on .elementor-widget-text-editor, .elementor-element-e28fa3b.gw-on .elementor-widget-text-editor p, .elementor-element-e28fa3b.gw-on .elementor-widget-text-editor > p:first-of-type{ color:#FFFFFF; } .elementor-element-92018a0.gw-on .elementor-icon-list-text, .elementor-element-e28fa3b.gw-on .elementor-icon-list-text{ color:#FFFFFFD9; } @media (hover:hover){ .elementor-element-92018a0:hover .elementor-widget-text-editor, .elementor-element-92018a0:hover .elementor-widget-text-editor p, .elementor-element-92018a0:hover .elementor-widget-text-editor > p:first-of-type, .elementor-element-e28fa3b:hover .elementor-widget-text-editor, .elementor-element-e28fa3b:hover .elementor-widget-text-editor p, .elementor-element-e28fa3b:hover .elementor-widget-text-editor > p:first-of-type{ color:#FFFFFF; } .elementor-element-92018a0:hover .elementor-icon-list-text, .elementor-element-e28fa3b:hover .elementor-icon-list-text{ color:#FFFFFFD9; } } @media (max-width:767px){ .elementor-element-92018a0, .elementor-element-e28fa3b{ padding:1.9rem 1.6rem 2.1rem; } } /* --- The long-form guide ---------------------------------------------- * Long-form reading, so hold the measure and give the headings a clear * hierarchy. Without this the guide inherits the marketing rhythm and runs * the full boxed width, which is punishing at 2,500 words. * --------------------------------------------------------------------- */ /* Client asked for the guide to run full width rather than being held to a reading measure. */ #complete-guide .elementor-widget-text-editor, .gr-guide-part .elementor-widget-text-editor{ max-width:none; } #complete-guide h2{ margin-bottom:.35em; } .gr-guide-part h3{ font-size:1.45rem; margin:2.1em 0 .55em; padding-top:1.5em; border-top:1px solid #DFE5F3; color:#25313F; } .gr-guide-part h3:first-of-type{ border-top:0; padding-top:0; margin-top:1.2em; } .gr-guide-part h4{ font-size:1.08rem; font-weight:600; margin:1.7em 0 .4em; color:#25313F; } .gr-guide-part p{ line-height:1.8; margin-bottom:1.05em; } .gr-guide-part p strong{ color:#25313F; } /* Footnotes and bibliography are reference matter - set them smaller and quieter so they read as apparatus rather than as body copy. */ .gr-guide-part ol li, .gr-guide-part h3 + p + p{ font-size:.95rem; } .gr-guide-part em{ color:#7A828C; } /* --- Icon lists ------------------------------------------------------- * Measured, not guessed: * - list text rendered at 16px while the page body is 18px, so converting * the