{"id":432,"date":"2019-01-31T07:32:32","date_gmt":"2019-01-31T07:32:32","guid":{"rendered":"https:\/\/exponentwptheme.com\/documentation\/?page_id=432"},"modified":"2019-07-02T10:32:51","modified_gmt":"2019-07-02T10:32:51","slug":"typehub","status":"publish","type":"page","link":"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/typehub\/","title":{"rendered":"Typehub"},"content":{"rendered":"<div  class=\"tatsu-fzpt5w3apk8tfefn tatsu-section    tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"90px 0px 88px 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-fzpt5w3as212dki3\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzpt5w3av7cdhip8\"  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-fzpt5w3awe21j2gk   \"  ><div class=\"widget_nav_menu widget\"><h6>Related Articles<\/h6><div class=\"menu-others-container\"><ul id=\"menu-others\" class=\"menu\"><li id=\"menu-item-402\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-402\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/site-performance\/\" title=\"Site Performance\">Site Performance<\/a><\/li>\n<li id=\"menu-item-400\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-400\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/multi-language-support\/\" title=\"Multi Language Support\">Multi Language Support<\/a><\/li>\n<li id=\"menu-item-401\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-401\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/site-translation\/\" title=\"Site Translation\">Site Translation<\/a><\/li>\n<li id=\"menu-item-415\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-415\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/set-up-single-page-site\/\" title=\"Set up Single Page Site\">Set up Single Page Site<\/a><\/li>\n<li id=\"menu-item-398\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-398\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/update-theme\/\" title=\"Update Theme\">Update Theme<\/a><\/li>\n<li id=\"menu-item-399\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-399\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/update-plugins\/\" title=\"Update Plugins\">Update Plugins<\/a><\/li>\n<li id=\"menu-item-465\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-465\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/change-log\/\" title=\"Change Log\">Change Log<\/a><\/li>\n<li id=\"menu-item-436\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-436\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/typehub\/\" title=\"Typehub\">Typehub<\/a><\/li>\n<li id=\"menu-item-435\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-435\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/colorhub\/\" title=\"Colorhub\">Colorhub<\/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-fzpt5w3av7cdhip8.tatsu-column{width: 25%;}.tatsu-fzpt5w3av7cdhip8.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzpt5w3av7cdhip8 > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzpt5w3av7cdhip8 > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzpt5w3av7cdhip8 > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzpt5w3av7cdhip8 > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzpt5w3av7cdhip8.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzpt5w3av7cdhip8.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzpt5w3av7cdhip8.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-fzpt5w3i9u1kribn\"  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-fzpt5w3icrkz9v5   \" ><style>.tatsu-fzpt5w3icrkz9v5 .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzpt5w3icrkz9v5.tatsu-inline-text{margin: 0px 0px 0px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzpt5w3icrkz9v5 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><a href=\"..\/\" target=\"_self\" rel=\"noopener noreferrer\"><span class=\"palette-0 tatsu-inline-link-style2 h9\">CATEGORY &#8211; OTHERS<\/span><\/a><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzpt5w3ixh2efykr   \" ><style>.tatsu-fzpt5w3ixh2efykr .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzpt5w3ixh2efykr .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Typehub<\/h3>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-BJoahQlEV   \" ><style>.tatsu-BJoahQlEV .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-BJoahQlEV .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p>Typehub plugin is used to control the typography of various elements across the site. Navigate to the Typehub screen on your wordpress dashboard to modify the Font settings. In this article we will explain each aspect of the plugin and how you can effectively use them for building your website.<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-HkkbTmg4N  \" ><div class=\"tatsu-single-image-inner \" style=\"width : 1682px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 40.190249702735%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"typehub-main-screen\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/typehub-main-screen.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-HkkbTmg4N{margin: 0px 0px 30px 0px;}.tatsu-HkkbTmg4N .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(245,245,245,1); max-width: 100%;}.tatsu-HkkbTmg4N.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-rywET7xVN   \" ><style>.tatsu-rywET7xVN .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-rywET7xVN .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Font Values &#8211;&nbsp;<\/h5>\n<p>This is the main tab in which you have to change the font values of different elements in the site. Click on the &#8220;?&#8221; icon beside the Label in the &#8220;Font Values&#8221; screen to see a preview of the corresponding setting.&nbsp;<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-HkVgRXeN4  \" ><div class=\"tatsu-single-image-inner \" style=\"width : 814px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 45.823095823096%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"typehub-tooltip\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/typehub-tooltip.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-HkVgRXeN4 .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-HkVgRXeN4.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzpu41c9ly97kjoh   \" ><style>.tatsu-fzpu41c9ly97kjoh .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzpu41c9ly97kjoh .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Font Schemes&nbsp;&#8211;&nbsp;<\/h5>\n<p>A font scheme is just an alias for a font family, which you can assign to a group of fields that may use the same font. For example: If all the headings in your website, use the same font family, just save the font as a scheme and assign the scheme as the font family value for the individual fields. If you want to change the font of all the headings at a later point in time, you don&rsquo;t have to edit each field individually. All you have to do is to edit the font scheme.<\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-SytNA7l4E   \" ><style>.tatsu-SytNA7l4E .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-SytNA7l4E .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Responsive Breakpoints&nbsp;&#8211;&nbsp;<\/h5>\n<p>Desktops &#8211; Screen size &gt; 1377px.&nbsp;<br \/>Laptops &#8211; Screen size between 1024px &#8211; 1377px&nbsp;<br \/>Tablets &#8211; Screen size 768px &#8211; 1024px<br \/>Mobile &#8211; Screen size &lt; 768px.<\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-rJFUR7x4E   \" ><style>.tatsu-rJFUR7x4E .tatsu-inline-text-inner{width: 100%;text-align: left;background-color: rgba(234,242,249,1);padding: 30px 30px 30px 30px;}.tatsu-rJFUR7x4E.tatsu-inline-text{margin: 0px 30px 30px 30px;}@media only screen and (max-width: 767px) {.tatsu-rJFUR7x4E .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h6><span class=\"palette-0\">NOTE &#8211;\u00a0<\/span><\/h6>\n<p>Devices are classified based on screen resolutions and not the actual device. So an actual laptop with a screen resolution of 1920px would still use the desktop values.<\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-Hy7FC7l4N   \" ><style>.tatsu-Hy7FC7l4N .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-Hy7FC7l4N .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Multi Select and Edit &#8211;<\/h5>\n<p>You can multi select and edit fields as long as they have the same properties. So you have to filter the items based on fields types, for ex: filter by font-family and subsequently you will be able to select and edit all the fields that have this property.<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-HJSC0XeNE  \" ><div class=\"tatsu-single-image-inner \" style=\"width : 650px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 52.923076923077%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"multiselect\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/multiselect.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-HJSC0XeNE{margin: 0px 0px 30px 0px;}.tatsu-HJSC0XeNE .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-HJSC0XeNE.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-g4lnbjsjnkb3v895   \" ><style>.tatsu-g4lnbjsjnkb3v895 .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-g4lnbjsjnkb3v895 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Uploading a custom Font &#8211;<\/h5>\n<p>In Typehub 2.0, we have added provision in the plugin to upload custom fonts. Follow the simple steps below to generate and upload your custom fonts.<\/p>\n<ol>\n<li>Go to <a href=\"https:\/\/www.web-font-generator.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Font Generater<\/a><\/li>\n<li>Upload your font&#8217;s source OTF \/ TTF file ( DO NOT check the Embed font data in CSS option )<\/li>\n<li>Generate web font and download the package<\/li>\n<li>Go to the Custom Fonts tab inside Typehub and upload the webfont package.<\/li>\n<li>That&#8217;s it, you can now use your custom font for any of the font options.<\/li>\n<\/ol>\n<\/div><\/div><div  class=\"tatsu-module tatsu-video tatsu-youtube-wrap tatsu-SkhLjjOlS   \" ><div class = \"be-video-embed be-embed-placeholder\"><div class = \"be-youtube-embed\" data-video-id = \"4kR7qCgMfQA\" data-autoplay = \"0\" data-loop = \"1\"><\/div><\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzpu7z42of754s9c   \" ><style>.tatsu-fzpu7z42of754s9c .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzpu7z42of754s9c .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Adding a custom Font programatically using APIs &#8211;<\/h5>\n<p>To add a custom font, simply register the font using the &#8220;typehub_register_font&#8221; hook. A sample code that you can add to the functions.php file of your child theme, is shown below.<\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-text-block-wrap tatsu-BJuPyVe4E  \"><div class=\"tatsu-text-inner tatsu-align-center  clearfix\" ><style>.tatsu-BJuPyVe4E.tatsu-text-block-wrap .tatsu-text-inner{width: 100%;text-align: left;box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);padding: 20px 20px 20px 20px;}<\/style>\n<pre>add_action( 'typehub_register_font', 'my_typehub_custom_font' );\nfunction my_typehub_custom_font() {\n    $font = array(\n        'name' => 'CUSTOM FONT NAME',\n        'src' => get_stylesheet_directory_uri().'\/fonts\/fonts.css',  \/\/ URL of your font's stylesheet. Assuming its inside the fonts folder of your child or main theme\n        'variants' => array(\n            '300' => 'Light',\n            '400' => 'Normal',\n            '500' => 'Medium',\n            '700' => 'Heavy'\n            )\n    );\ntypehub_register_font( $font );\n}\n<\/pre>\n<\/div><\/div><div id = \"\" class=\"tatsu-code tatsu-module tatsu-Hy04yVeNE   \"  ><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzpub1gpdx7teu7g   \" ><style>.tatsu-fzpub1gpdx7teu7g .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzpub1gpdx7teu7g .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Typehub Global Settings &#8211;<\/h5>\n<\/div><\/div><div class=\"tatsu-row-wrap  tatsu-row-has-one-half tatsu-row-has-two-cols tatsu-no-gutter tatsu-reg-cols tatsu-inner-row-wrap  tatsu-clearfix tatsu-rkl8ie4gEV\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-half tatsu-column-image- tatsu-column-effect-  tatsu-By2sg4lNN\"  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-ByTjeVgE4   \" ><style>.tatsu-ByTjeVgE4 .tatsu-inline-text-inner{width: 90%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-ByTjeVgE4 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner \">\n<p>Use the settings Icon in the Top Right corner to add your Type Kit Id and Save the settings. You will then be able to use your Type Kit Fonts.<\/p>\n<p><span style=\"font-size: 17px; background-color: #ffffff;\">Use the settings Icon in the Top Right corner to download the google fonts that are used to your local server. Any new fonts added \/ changed can be downloaded once you have SAVED the typehub Settings.<\/span><\/p>\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-By2sg4lNN.tatsu-column{width: 50%;}.tatsu-By2sg4lNN.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-By2sg4lNN > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-By2sg4lNN > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-By2sg4lNN > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-By2sg4lNN > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-By2sg4lNN.tatsu-column{width: 50%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-By2sg4lNN.tatsu-column{width: 50%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-By2sg4lNN.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-half tatsu-column-image- tatsu-column-effect-  tatsu-BJenjlNeEE\"  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-rymneVl4V  \" ><div class=\"tatsu-single-image-inner \" style=\"width : 442px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 71.0407239819%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"typehub-settings\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/typehub-settings.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-rymneVl4V .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-rymneVl4V.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-BJenjlNeEE.tatsu-column{width: 50%;}.tatsu-BJenjlNeEE.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-BJenjlNeEE > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-BJenjlNeEE > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-BJenjlNeEE > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-BJenjlNeEE > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-BJenjlNeEE.tatsu-column{width: 50%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-BJenjlNeEE.tatsu-column{width: 50%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-BJenjlNeEE.tatsu-column{width: 100%;}}<\/style><\/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-fzpt5w3i9u1kribn.tatsu-column{width: 75%;}.tatsu-fzpt5w3i9u1kribn.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 0px 0px 40px;}.tatsu-fzpt5w3i9u1kribn.tatsu-column > .tatsu-column-inner{border-width: 0px 0px 0px 1px;border-color: rgba(237,237,237,1); }.tatsu-fzpt5w3i9u1kribn.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzpt5w3i9u1kribn > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzpt5w3i9u1kribn > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzpt5w3i9u1kribn > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzpt5w3i9u1kribn > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzpt5w3i9u1kribn.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzpt5w3i9u1kribn.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzpt5w3i9u1kribn.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><style>.tatsu-fzpt5w3apk8tfefn .tatsu-section-pad{padding: 90px 0px 88px 0px;}.tatsu-fzpt5w3apk8tfefn > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzpt5w3apk8tfefn > .tatsu-top-divider{z-index: 9999;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-others\/typehub\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"parent":391,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-432","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/432","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=432"}],"version-history":[{"count":0,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/432\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/391"}],"wp:attachment":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}