{"id":242,"date":"2019-01-24T09:16:10","date_gmt":"2019-01-24T09:16:10","guid":{"rendered":"https:\/\/exponentwptheme.com\/documentation\/?page_id=237"},"modified":"2019-01-26T09:49:05","modified_gmt":"2019-01-26T09:49:05","slug":"building-blocks","status":"publish","type":"page","link":"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/building-blocks\/","title":{"rendered":"Building Blocks"},"content":{"rendered":"<div  class=\"tatsu-fzhwvd9vqx43m0op tatsu-section    tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"90px 0px 90px 0px\"}' data-padding-top='90px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-fzhwvd9vtqdjnnvk\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzhwvd9vxbdix4l6\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-sidebar tatsu-fzhwvd9vyl9vqp0v   \" data-animation=\"fadeIn\"   ><div class=\"widget_nav_menu widget\"><h6>Related Articles<\/h6><div class=\"menu-header-builder-container\"><ul id=\"menu-header-builder\" class=\"menu\"><li id=\"menu-item-283\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-283\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/header-builder-introduction\/\" title=\"Header Builder Overview\">Header Builder Overview<\/a><\/li>\n<li id=\"menu-item-282\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-282\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/building-blocks\/\" title=\"Header Building Blocks\">Header Building Blocks<\/a><\/li>\n<li id=\"menu-item-279\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-279\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/header-modules\/\" title=\"Header Modules\">Header Modules<\/a><\/li>\n<li id=\"menu-item-281\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-281\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/global-settings\/\" title=\"Header Global Settings\">Header Global Settings<\/a><\/li>\n<li id=\"menu-item-304\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-304\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/transparent-header-configurations\/\" title=\"Transparent Header Configurations\">Transparent Header Configurations<\/a><\/li>\n<li id=\"menu-item-310\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-310\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/mega-menu\/\" title=\"Mega Menu\">Mega Menu<\/a><\/li>\n<li id=\"menu-item-406\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-406\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/tatsu-footer-builder\/\" title=\"Footer Builder\">Footer Builder<\/a><\/li>\n<li id=\"menu-item-280\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-280\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/responsive-settings-and-visibility\/\" title=\"Responsive Settings and Visibility\">Responsive Settings and Visibility<\/a><\/li>\n<\/ul><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzhwvd9vxbdix4l6.tatsu-column{width: 25%;}.tatsu-fzhwvd9vxbdix4l6.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzhwvd9vxbdix4l6 > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzhwvd9vxbdix4l6 > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzhwvd9vxbdix4l6 > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzhwvd9vxbdix4l6 > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzhwvd9vxbdix4l6.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzhwvd9vxbdix4l6.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzhwvd9vxbdix4l6.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzhwvd9vxbdix4l6.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-three-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzhwvda16698yzrq\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzk4s41sjfgvur7   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzk4s41sjfgvur7 .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzk4s41sjfgvur7.tatsu-inline-text{margin: 0px 0px 0px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzk4s41sjfgvur7 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><a href=\"..\/\" target=\"_self\"><span class=\"palette-0 tatsu-inline-link-style2 h9\">CATEGORY &#8211; HEADER AND FOOTER BUILDER<\/span><\/a><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzhwvda18w72qtx6   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzhwvda18w72qtx6 .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzhwvda18w72qtx6 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Building Blocks<\/h3>\n<p>The fundamental blocks of Header Builder are Header Row, Header Column and <span class=\"tatsu-inline-link-style2\"><a href=\"..\/header-modules\/\" target=\"_self\">Header Modules<\/a><\/span>. We will explain how to use the Header Row and Column in this article.\u00a0<\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-SkyGIXP74   \" data-animation=\"fadeIn\"  ><style>.tatsu-SkyGIXP74 .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-SkyGIXP74 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h4>Header Row<\/h4>\n<p>Header Row is the primary component that holds the Columns and Modules. A header row&#8217;s setting can be changed using the options present in the Left Panel. You can have as many Header Row&#8217;s for you site&#8217;s Header.\u00a0<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-Sy92IXPmN  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 1245px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 10.843373493976%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"multiple-header-row\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/multiple-header-row.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-Sy92IXPmN{margin: 0px 0px 30px 0px;}.tatsu-Sy92IXPmN .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-Sy92IXPmN.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-r15kP7PQN   \" data-animation=\"fadeIn\"  ><style>.tatsu-r15kP7PQN .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-r15kP7PQN .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p>Click on the Header Row in the Right Panel to edit the Settings of the Row. Settings will be listed in the Left Panel. Each of the Settings are explained below &#8211;\u00a0<\/p>\n<\/div><\/div><div class=\"tatsu-row-wrap  tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols tatsu-inner-row-wrap  tatsu-clearfix tatsu-S1gIe5XP7E\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-two-third tatsu-column-image- tatsu-column-effect-  tatsu-HJql5QDQN\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-text-block-wrap tatsu-HJ5IKQwXN  \"><div class=\"tatsu-text-inner tatsu-align-center  clearfix\" data-animation=\"fadeIn\"  ><style>.tatsu-HJ5IKQwXN.tatsu-text-block-wrap .tatsu-text-inner{width: 100%;text-align: left;}.tatsu-HJ5IKQwXN.tatsu-text-block-wrap{margin: 0px 0px 10px 0px;}<\/style>\n<ul class=\"exp-step-list\">\n<li><strong>Full Width Header<\/strong> &#8211; Enable this option to set the Header Row to Occupy full width of the screen<\/li>\n<li><strong>Background Color<\/strong><\/li>\n<li><strong>Padding<\/strong><\/li>\n<li><strong>Default Visibility<\/strong> &#8211; You can choose to hide \/ show a specific Header Row using this option.<\/li>\n<li><strong>Visibility in Sticky Header<\/strong> &#8211; You can choose to hide \/ show a specific Header Row in Sticky Header using this option.<\/li>\n<li><strong>Sticky Padding<\/strong> &#8211; Option to change the padding value of the Header Row when the header gets sticky.<\/li>\n<li><strong>Border Thickness<\/strong><\/li>\n<li><strong>Border Color<\/strong><\/li>\n<li><strong>Box Shadow<\/strong><\/li>\n<li><strong>Identifiers<\/strong> &#8211; You can set id or class for the specific header row.<\/li>\n<li><strong>Transparency Settings &#8211;<\/strong>\u00a0The option to enable Transparent Header is provided in the\u00a0<a href=\"..\/global-settings\/\" target=\"_self\">Global Settings<\/a>\u00a0panel. This setting will affect all the Header Rows present. However there are a few options of the Header Row that you can <a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/transparent-header-configurations\/\">Configure differently on a Transparent Header<\/a><\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-HJql5QDQN.tatsu-column{width: 66.67%;}.tatsu-HJql5QDQN.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-HJql5QDQN > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-HJql5QDQN > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-HJql5QDQN > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-HJql5QDQN > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-HJql5QDQN.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-HJql5QDQN.tatsu-column{width: 66.67%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-HJql5QDQN.tatsu-column{width: 66.67%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-HJql5QDQN.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-third tatsu-column-image- tatsu-column-effect-  tatsu-Hyecg5QwXN\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-H1Hbq7P74  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 299px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 298.99665551839%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"header-row-settings\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/header-row-settings.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-H1Hbq7P74 .tatsu-single-image-inner{border-style: solid;max-width: 100%;}.tatsu-H1Hbq7P74.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-Hyecg5QwXN.tatsu-column{width: 33.33%;}.tatsu-Hyecg5QwXN.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-Hyecg5QwXN > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-Hyecg5QwXN > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-Hyecg5QwXN > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-Hyecg5QwXN > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-Hyecg5QwXN.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-Hyecg5QwXN.tatsu-column{width: 33.33%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-Hyecg5QwXN.tatsu-column{width: 33.33%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-Hyecg5QwXN.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><div  class=\"tatsu-module tatsu-divider-wrap tatsu-animate tatsu-fzhyrsvb49b6oosq   \"  ><style>.tatsu-fzhyrsvb49b6oosq .tatsu-divider{height: 1px;width: 100%;background: rgba(222,222,222,1);}.tatsu-fzhyrsvb49b6oosq.tatsu-divider-wrap{text-align: left;}<\/style><hr class=\"tatsu-divider\"\/><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzhyouhyaz2ua22k   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzhyouhyaz2ua22k .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzhyouhyaz2ua22k .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h4>Header Column<\/h4>\n<p>Header Column is housed within the Row. The layout of the Header Column can be switched while adding a row, or even after that by navigating to the Column Switcher. Settings of a Header Column can be modified using the options present in the left panel. The options present for a Header Column are explained below.\u00a0<\/p>\n<\/div><\/div><div class=\"tatsu-row-wrap  tatsu-row-has-one-half tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols tatsu-inner-row-wrap  tatsu-clearfix tatsu-SylJM4ND7V\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-half tatsu-column-image- tatsu-column-effect-  tatsu-rJxf44P7E\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-text-block-wrap tatsu-BJXMNEDmV  \"><div class=\"tatsu-text-inner tatsu-align-center  clearfix\" data-animation=\"fadeIn\"  ><style>.tatsu-BJXMNEDmV.tatsu-text-block-wrap .tatsu-text-inner{width: 100%;text-align: left;}<\/style>\n<ul class=\"exp-step-list\">\n<li>Width &#8211; Width of the Column. Default value is set based on the Column Layout chosen.<\/li>\n<li>Horizontal Alignment &#8211;<\/li>\n<li>Vertical Alignment &#8211;<\/li>\n<li>Padding &#8211;<\/li>\n<li>Hide In &#8211; Option hide the column in specific devices.<\/li>\n<li>Identifiers &#8211; You can set id or class for the specific header row.<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-rJxf44P7E.tatsu-column{width: 70%;}.tatsu-rJxf44P7E.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-rJxf44P7E > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-rJxf44P7E > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-rJxf44P7E > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-rJxf44P7E > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-rJxf44P7E.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-rJxf44P7E.tatsu-column{width: 50%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-rJxf44P7E.tatsu-column{width: 50%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-rJxf44P7E.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-half tatsu-column-image- tatsu-column-effect-  tatsu-HyegMNEDm4\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-H1T4VEPQN  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 299px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 277.59197324415%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"header-column-settings\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/header-column-settings.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-H1T4VEPQN .tatsu-single-image-inner{border-style: solid;max-width: 100%;}.tatsu-H1T4VEPQN.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-HyegMNEDm4.tatsu-column{width: 30%;}.tatsu-HyegMNEDm4.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-HyegMNEDm4 > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-HyegMNEDm4 > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-HyegMNEDm4 > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-HyegMNEDm4 > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-HyegMNEDm4.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-HyegMNEDm4.tatsu-column{width: 50%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-HyegMNEDm4.tatsu-column{width: 50%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-HyegMNEDm4.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><div  class=\"tatsu-module tatsu-divider-wrap tatsu-animate tatsu-fzhyrxa0iz2ad2tz   \"  ><style>.tatsu-fzhyrxa0iz2ad2tz .tatsu-divider{height: 1px;width: 100%;background: rgba(222,222,222,1);}.tatsu-fzhyrxa0iz2ad2tz.tatsu-divider-wrap{text-align: left;}<\/style><hr class=\"tatsu-divider\"\/><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzhwvda16698yzrq.tatsu-column{width: 75%;}.tatsu-fzhwvda16698yzrq.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 0px 0px 40px;}.tatsu-fzhwvda16698yzrq.tatsu-column > .tatsu-column-inner{border-width: 0px 0px 0px 1px;border-color: rgba(237,237,237,1); }.tatsu-fzhwvda16698yzrq.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzhwvda16698yzrq > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzhwvda16698yzrq > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzhwvda16698yzrq > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzhwvda16698yzrq > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzhwvda16698yzrq.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzhwvda16698yzrq.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzhwvda16698yzrq.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzhwvda16698yzrq.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><style>.tatsu-fzhwvd9vqx43m0op .tatsu-section-pad{padding: 90px 0px 90px 0px;}.tatsu-fzhwvd9vqx43m0op > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzhwvd9vqx43m0op > .tatsu-top-divider{z-index: 9999;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/building-blocks\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"parent":240,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-242","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=242"}],"version-history":[{"count":0,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/242\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/240"}],"wp:attachment":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}