{"id":221,"date":"2017-08-11T22:41:49","date_gmt":"2017-08-11T20:41:49","guid":{"rendered":"http:\/\/e-merald.com\/themes\/annuity-wp\/?page_id=221"},"modified":"2017-08-12T13:40:45","modified_gmt":"2017-08-12T11:40:45","slug":"typography","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/annuity-wp\/resources\/general\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-0\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"11\" ><div id=\"pgc-221-0-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-0-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"0\" >\n<p class=\"left-border-block lead-text-large text-black\">A heading element briefly describes the topic of the section it introduces.<\/p>\n<p>Heading elements implement six levels of document headings, &lt;h1&gt; is the most important and &lt;h6&gt; is the least.<\/p>\n<h1 class=\"text-primary-color-pale\">H1 Heading<\/h1>\n<h2>H2 Heading<\/h2>\n<h3>H3 Heading<\/h3>\n<h4>H4 Heading<\/h4>\n<h5>H5 Heading<\/h5>\n<h6>H6 Heading<\/h6>\n<p>Sed vulputate, nunc a cursus imperdiet, felis tortor interdum purus, non viverra justo libero et erat. Aliquam dignissim lorem ac leo egestas pellentesque.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-bg stripe-wordgram-bg-left\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-1\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"11\" ><div id=\"pgc-221-1-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-1-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"1\" >\n<h2 class=\"h2-slogan\" style=\"text-align: center;\">H2 Heading Slogan<\/h2>\n<p class=\"lead-text-large width-70pct-centered margin-bottom-30px\" style=\"text-align: center;\">Large lead text + helper class that centers a single paragraph or block of text using the adaptive width<\/p>\n<h3 class=\"h3-slogan\" style=\"text-align: center;\">H3 Heading Slogan<\/h3>\n<h4 class=\"h4-slogan\" style=\"text-align: center;\">H4 Heading Slogan<\/h4>\n<h5 class=\"h5-slogan remove-bottom\" style=\"text-align: center;\">H5 Heading Slogan<\/h5>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-2\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"11\" ><div id=\"pgc-221-2-0\"  class=\"panel-grid-cell col-sm-6 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-2-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"2\" >\n<p class=\"lead-text-large\">Lead text large<\/p>\n<p class=\"lead-text-medium\">Lead text medium<\/p>\n<p class=\"lead-text-basic\">Lead text basic<\/p>\n<p class=\"lead-text-light\">Lead text light<\/p>\n<h2 class=\"lead-text-large\">H2 or H3 + Lead text large<\/h2>\n<h2 class=\"lead-text-medium\">H2 or H3 + Lead text medium<\/h2>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><div id=\"pgc-221-2-1\"  class=\"panel-grid-cell col-sm-6 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-2-1-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"3\" >\n<h4 class=\"underline-small\">Heading with small underline<\/h4>\n<p class=\"text-aside\"><strong>Aside text<\/strong> \u2014 a bit smaller than body text. Can be used in an info box or a stripe section with light grey background.<\/p>\n<p class=\"text-small\"><strong>Small text<\/strong> vulputate, nunc a cursus imperdiet, felis tortor interdum purus, non viverra justo libero et erat. Aliquam dignissim lorem ac leo egestas pellentesque.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-light-grey-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-3\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"11\" ><div id=\"pgc-221-3-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-3-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child offset-md-left-1col\" data-index=\"4\" >\n<h3 class=\"step-number-1 margin-bottom-10px\">Heading with number<\/h3>\n<p>Proin viverra ipsum ut tortor tincidunt sodales mauris ipsum id ultricies elit. Mauris auctor nulla sit amet libero molestie interdum hasellus consectetur egestas erat, at euismod nisl sodales.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-4\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"11\" ><div id=\"pgc-221-4-0\"  class=\"panel-grid-cell col-sm-7 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-4-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"5\" >\n<h4>Text transform<\/h4>\n<div class=\"divider-dotline grey-divider margin-bottom-30px\">\u00a0<\/div>\n<p>Transform text with text capitalization and decoration\u00a0classes:<\/p>\n<p><span class=\"text-uppercase\">Uppercased text<\/span><\/p>\n<p class=\"margin-bottom-40px\"><span class=\"text-underline\">Underlined text<\/span><\/p>\n<h4>Highlights<\/h4>\n<div class=\"divider-dotline grey-divider margin-bottom-30px\">\u00a0<\/div>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras leo urna, <span class=\"highlight\">licensed and certified<\/span>, convallis quis nisi. In eleifend ligula sit amet lacus suscipit tristique tempor turpis aliquet. Etiam sollicitudin turpis in quam tincidunt lacinia. In Australia, there are around <span class=\"highlight-dashline\">18,000 financial advisers<\/span>, non ultricies lorem risus nec neque.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><div id=\"pgc-221-4-1\"  class=\"panel-grid-cell col-sm-5 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-4-1-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"6\" >\n<h4>Text color<\/h4>\n<div class=\"divider-dotline grey-divider margin-bottom-30px\">\u00a0<\/div>\n<h6 class=\"text-black\">black text<\/h6>\n<h6 class=\"text-grey\">grey text<\/h6>\n<h6 class=\"text-light-grey\">light grey text<\/h6>\n<h6 class=\"text-body-color margin-bottom-25px\">body color text<\/h6>\n<h6 class=\"text-primary-color\">primary color text<\/h6>\n<h6 class=\"text-primary-color-muted\">primary color muted text<\/h6>\n<h6 class=\"text-primary-color-pale\">primary color pale text<\/h6>\n<h6 class=\"text-primary-color-light margin-bottom-25px\">primary color light text<\/h6>\n<h6 class=\"text-secondary-color\">secondary color text<\/h6>\n<h6 class=\"text-secondary-color-dark\">secondary color dark text<\/h6>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-upper-bg-gradient dark-colored-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-5\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"11\" ><div id=\"pgc-221-5-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-5-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"7\" >\n<h2 class=\"text-white remove-bottom\" style=\"text-align: center;\">Blockquote, Links and Buttons<\/h2>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-transparent-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-6\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"11\" ><div id=\"pgc-221-6-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-6-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child\" data-index=\"8\" >\n<blockquote>\n<p>To reduce the risk of losing capital when investing, you should diversify your investment portfolio. This means not putting all your eggs in the one basket.<cite class=\"title\"><strong>Richard Smart<\/strong>, the Founder of Annuity Strategic<\/cite><\/p>\n<\/blockquote>\n\n<\/div>\n<!-- end Text Block -->\n\n\n<!-- Gap -->\n<div id=\"panel-221-6-0-1\" class=\"so-panel widget widget_annuity-divider widget-divider\" data-index=\"9\" >\n<div class=\"gap margin-bottom-30px\"><\/div>\n<\/div>\n<!-- end Gap -->\n<div id=\"panel-221-6-0-2\" class=\"so-panel widget widget_siteorigin-panels-builder panel-last-child\" data-index=\"10\" ><div id=\"pg-w598ee93d6f2cb-0\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"2\" ><div id=\"pgc-w598ee93d6f2cb-0-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-w598ee93d6f2cb-0-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"0\" >\n<h4>Buttons &amp; Links<\/h4>\n<div class=\"divider-dotline grey-divider\">\u00a0<\/div>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div><div id=\"pg-w598ee93d6f2cb-1\"  class=\"panel-grid row\"  data-cells=\"3\"  data-grids=\"2\" ><div id=\"pgc-w598ee93d6f2cb-1-0\"  class=\"panel-grid-cell col-sm-4 columns\"  data-cells=\"3\" >\n\n<!-- Gap -->\n<div id=\"panel-w598ee93d6f2cb-1-0-0\" class=\"so-panel widget widget_annuity-divider widget-divider panel-first-child\" data-index=\"1\" >\n<div class=\"gap margin-bottom-30px\"><\/div>\n<\/div>\n<!-- end Gap -->\n\n\n<!-- Text Block -->\n<div id=\"panel-w598ee93d6f2cb-1-0-1\" class=\"so-panel widget widget_annuity-text-block widget-text-block\" data-index=\"2\" >\n<p><a class=\"button-std\" href=\"#\">Default Button<\/a><\/p>\n<p><a class=\"button-std button-colored\" href=\"#\">Colored Button<\/a><\/p>\n<p><a class=\"button-std button-grey\" href=\"#\">Grey Button<\/a><\/p>\n<p><a class=\"button-std download-icon\" href=\"#\">Download Button<\/a><\/p>\n<p class=\"remove-bottom\"><a class=\"button-std button-colored play-icon\" href=\"https:\/\/www.youtube.com\/watch?v=P8Rid73Cc6o\">Play Button<\/a><\/p>\n\n<\/div>\n<!-- end Text Block -->\n\n\n<!-- Gap -->\n<div id=\"panel-w598ee93d6f2cb-1-0-2\" class=\"so-panel widget widget_annuity-divider widget-divider panel-last-child hidden-sm-up\" data-index=\"3\" >\n<div class=\"gap margin-bottom-20px\"><\/div>\n<\/div>\n<!-- end Gap -->\n<\/div><div id=\"pgc-w598ee93d6f2cb-1-1\"  class=\"panel-grid-cell col-sm-4 columns\"  data-cells=\"3\" >\n\n<!-- Gap -->\n<div id=\"panel-w598ee93d6f2cb-1-1-0\" class=\"so-panel widget widget_annuity-divider widget-divider panel-first-child\" data-index=\"4\" >\n<div class=\"gap margin-bottom-30px\"><\/div>\n<\/div>\n<!-- end Gap -->\n\n\n<!-- Text Block -->\n<div id=\"panel-w598ee93d6f2cb-1-1-1\" class=\"so-panel widget widget_annuity-text-block widget-text-block\" data-index=\"5\" >\n<p><a class=\"button-std button-medium\" href=\"#\">Medium Size Button<\/a><\/p>\n<p><a class=\"button-std button-colored button-medium\" href=\"#\">Colored Button<\/a><\/p>\n<p><a class=\"button-std button-grey button-medium\" href=\"#\">Grey Button<\/a><\/p>\n<p><a class=\"button-std download-icon button-medium button-colored\" href=\"#\">Download Button<\/a><\/p>\n\n<\/div>\n<!-- end Text Block -->\n\n\n<!-- Gap -->\n<div id=\"panel-w598ee93d6f2cb-1-1-2\" class=\"so-panel widget widget_annuity-divider widget-divider panel-last-child hidden-sm-up\" data-index=\"6\" >\n<div class=\"gap margin-bottom-20px\"><\/div>\n<\/div>\n<!-- end Gap -->\n<\/div><div id=\"pgc-w598ee93d6f2cb-1-2\"  class=\"panel-grid-cell col-sm-4 columns\"  data-cells=\"3\" >\n\n<!-- Gap -->\n<div id=\"panel-w598ee93d6f2cb-1-2-0\" class=\"so-panel widget widget_annuity-divider widget-divider panel-first-child\" data-index=\"7\" >\n<div class=\"gap margin-bottom-30px\"><\/div>\n<\/div>\n<!-- end Gap -->\n\n\n<!-- Text Block -->\n<div id=\"panel-w598ee93d6f2cb-1-2-1\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-last-child\" data-index=\"8\" >\n<p>Etiam <a href=\"#\"><strong>bold link<\/strong><\/a> and <a class=\"text-underline\" href=\"#\">underlined link<\/a> elementum.<\/p>\n<p>Etiam lorem <a class=\"text-underline\" href=\"#\"><strong>underlined bold link<\/strong><\/a> elementum.<\/p>\n<p class=\"margin-bottom-30px\">Etiam lorem <a class=\"text-secondary-color\" href=\"#\"><strong>colored bold link<\/strong><\/a> elementum.<\/p>\n<p><a class=\"read-more-link\" href=\"#\">Learn more<\/a><\/p>\n<p><a class=\"pdf-file\" href=\"#\">Download PDF file<\/a><\/p>\n<p><a class=\"excel-file\" href=\"#\">Download Excel file<\/a><\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div><\/div><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-dark-colored-gradient-bg diagonal-pinstripe-bg dark-colored-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-7\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"11\" ><div id=\"pgc-221-7-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-7-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"11\" >\n<h2 class=\"text-white remove-bottom\" style=\"text-align: center;\">List Styles<\/h2>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-8\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"11\" ><div id=\"pgc-221-8-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" ><div id=\"panel-221-8-0-0\" class=\"so-panel widget widget_siteorigin-panels-builder panel-first-child panel-last-child\" data-index=\"12\" ><div id=\"pg-w5954111b6a3f2-0\"  class=\"panel-grid row\"  data-cells=\"2\"  data-grids=\"2\" ><div id=\"pgc-w5954111b6a3f2-0-0\"  class=\"panel-grid-cell col-sm-6 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-w5954111b6a3f2-0-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"0\" >\n<ul class=\"check-list margin-bottom-45px\">\n<li>Be prepared for your first meeting \u2014 and ask lots of questions<\/li>\n<li>Expect a candid, casual conversation in your initial meeting<\/li>\n<\/ul>\n<ul class=\"check-small-list margin-bottom-45px\">\n<li>Small check list \u2014 transition to retirement pensions<\/li>\n<li>Small check list \u2014 allocated pensions<\/li>\n<\/ul>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><div id=\"pgc-w5954111b6a3f2-0-1\"  class=\"panel-grid-cell col-sm-6 columns\"  data-cells=\"2\" >\n\n<!-- Text Block -->\n<div id=\"panel-w5954111b6a3f2-0-1-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"1\" >\n<ul class=\"arrow-list margin-bottom-45px\">\n<li>Arrow list item \u2014 we can assist you to become financially secure<\/li>\n<li>We can help you make smart decisions with your money<\/li>\n<\/ul>\n<ul class=\"dot-list margin-bottom-45px\">\n<li>Dot list item \u2014 we gave our clients a high level of confidence.<\/li>\n<li>We provided advice around a more efficient tax structure going forward.<\/li>\n<\/ul>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div><div id=\"pg-w5954111b6a3f2-1\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"2\" ><div id=\"pgc-w5954111b6a3f2-1-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-w5954111b6a3f2-1-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"2\" >\n<h4 class=\"margin-bottom-20px\">Custom ordered list<\/h4>\n<ol class=\"custom-counter margin-bottom-10px\">\n<li>Make sure you have adequate insurance.<\/li>\n<li>Set some savings goals. Whether it is accumulating a deposit for a home, paying for a car or saving for a vacation\u2026<\/li>\n<li>Take advantage of employee benefit plans offered by your employer.<\/li>\n<\/ol>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div><\/div><\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-upper-bg-gradient dark-colored-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-9\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"11\" ><div id=\"pgc-221-9-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-9-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"13\" >\n<h2 class=\"text-white remove-bottom\" style=\"text-align: center;\">Dividers<\/h2>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n\n\t\t<!-- Stripe section -->\n\t\t<div class=\"stripe stripe-white-bg\">\n\t\t\t<div class=\"stripe-upper-bg\"><\/div>\n\n\t\t\t<div class=\"container\"> <!-- Container -->\n\n<div id=\"pg-221-10\"  class=\"panel-grid row\"  data-cells=\"1\"  data-grids=\"11\" ><div id=\"pgc-221-10-0\"  class=\"panel-grid-cell col-sm-12 columns\"  data-cells=\"1\" >\n\n<!-- Text Block -->\n<div id=\"panel-221-10-0-0\" class=\"so-panel widget widget_annuity-text-block widget-text-block panel-first-child panel-last-child\" data-index=\"14\" >\n<p><strong>NOTE:\u00a0The Divider is also available as widget (element) in the Page Builder.<\/strong><\/p>\n<p>Each divider can be grey (default) or colored.<\/p>\n<h5 class=\"margin-bottom-20px\">Solid Divider Line<\/h5>\n<div class=\"divider-line grey-divider margin-bottom-20px\">\u00a0<\/div>\n<div class=\"divider-line colored-divider margin-bottom-20px\">\u00a0<\/div>\n<div class=\"divider-line grey-divider-double margin-bottom-20px\">\u00a0<\/div>\n<div class=\"divider-line colored-divider-double margin-bottom-30px\">\u00a0<\/div>\n<h5 class=\"margin-bottom-20px\">Dotted Divider Line<\/h5>\n<div class=\"divider-dotline grey-divider margin-bottom-20px\">\u00a0<\/div>\n<div class=\"divider-dotline colored-divider margin-bottom-45px\">\u00a0<\/div>\n<h5 class=\"margin-bottom-20px\">Gradient line with \"arrow down\"<\/h5>\n<p class=\"margin-bottom-45px\">Integer vel enim mi, sed suscipit neque. Integer at enim cursus massa malesuada tempus. Nullam tortor leo, tristique ac tempus eget, vestibulum nec ante. Aenean sit amet lorem vel eros viverra convallis at eu metus.<\/p>\n<div class=\"divider-gradient grey-divider margin-bottom-45px\">\u00a0<\/div>\n<p class=\"margin-bottom-45px\">Enim cursus massa malesuada tempus praesent congue molestie tristique nullam tortor leo, tristique ac tempus eget, vestibulum nec ante. Aenean sit amet lorem vel eros viverra convallis at eu metus.<\/p>\n<h5 class=\"margin-bottom-20px\">Small Bar<\/h5>\n<p>Proin viverra ipsum ut tortor tincidunt sodales. Nunc id mauris ipsum, id ultricies elit. Mauris auctor nulla sit amet libero molestie interdum.<\/p>\n<div class=\"small-bar grey-bar\">\u00a0<\/div>\n<p>Nam in orci turpis, congue volutpat augue. Nulla facilisi. Suspendisse lobortis consequat sapien, at accumsan justo condimentum.<\/p>\n<div class=\"small-bar colored-bar\">\u00a0<\/div>\n<p>Phasellus consectetur egestas erat, at euismod nisl sodales a sit amet lacus posuere lacus ullamcorper tempus.<\/p>\n<div class=\"small-bar colored-bar\" style=\"text-align: center;\">\u00a0<\/div>\n<p class=\"margin-bottom-45px\" style=\"text-align: center;\">Nulla ornare neque sit amet magna volutpat cursus sit amet sollicitudin massa. Sed a sapien ac odio fringilla accumsan, aliquam lectus ligula, fringilla quis ornare nec, sodales mollis nibh.<\/p>\n<h5 class=\"margin-bottom-20px\">Note Separator<\/h5>\n<p>Proin viverra ipsum ut tortor tincidunt sodales mauris ipsum id ultricies elit. Mauris auctor nulla sit amet libero molestie interdum hasellus consectetur egestas erat, at euismod nisl sodales.<\/p>\n<div class=\"note-separator grey-separator\">\u00a0<\/div>\n<p class=\"text-small text-grey\">With assets under management of $250,000 or more, financial planning services are included in the investment management fee.<\/p>\n\n<\/div>\n<!-- end Text Block -->\n<\/div><\/div>\n\n\t\t\t<\/div> <!-- end Container -->\n\n\t\t<\/div>\n\t\t<!-- end Stripe section -->\n","protected":false},"excerpt":{"rendered":"<p>A heading element briefly describes the topic of the section it introduces. Heading elements implement six levels of document headings, &lt;h1&gt; is the most important and &lt;h6&gt; is the least. H1 Heading H2 Heading H3 Heading H4 Heading H5 Heading [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10,"parent":217,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/221"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/pages\/217"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/media\/10"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/annuity-wp\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}