{"id":3767,"date":"2017-02-19T04:13:30","date_gmt":"2017-02-19T04:13:30","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=268"},"modified":"2024-05-22T09:14:03","modified_gmt":"2024-05-22T09:14:03","slug":"accordion","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/accordion\/","title":{"rendered":"Accordion"},"content":{"rendered":"\n<div  class='hr av-184gqei-44ba9c51ed72903a3a0f0e9057fdf5ef hr-default  avia-builder-el-1  el_after_av_codeblock  el_before_av_heading '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-1bg37gn-2ead5b5f61b781c538b22ef75b2f76c7\">\n#top .av-special-heading.av-1bg37gn-2ead5b5f61b781c538b22ef75b2f76c7{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-1bg37gn-2ead5b5f61b781c538b22ef75b2f76c7 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-1bg37gn-2ead5b5f61b781c538b22ef75b2f76c7 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-1bg37gn-2ead5b5f61b781c538b22ef75b2f76c7 av-special-heading-h1 blockquote modern-quote  avia-builder-el-2  el_after_av_hr  el_before_av_hr '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Accordion<\/h1><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-xsgjuc-44c766a404c24cffcff5dcd785b8d71f hr-default  avia-builder-el-3  el_after_av_heading  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-xlstfw-6921a00a8d6cacd5a71f7b8e2a1b7a5c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Overview<\/h2>\n<\/div><\/section>\n<section  class='av_textblock_section av-xhg6jw-dcecfa8b817be576f427149634728276 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>If you have multiple sections of content and you are looking for a way to display all of it without the users having to scroll too much, the Accordion can be used to show or hide different sections of content.<\/p>\n<p>To take it to the next level, Enfold includes the sortable Accordion.<\/p>\n<p>Check out the live <a href=\"http:\/\/www.kriesi.at\/themes\/enfold-2017\/elements\/accordion\/\" target=\"_blank\" rel=\"noopener\">Example of Accordion<\/a><\/p>\n<\/div><\/section>\n<div  class='hr av-xd9i64-870615b15aded5056a9b8de3f42aca1b hr-default  avia-builder-el-6  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-wkf0d8-245491228f7e77dabcc623539f630e80 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Accordion Setup<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-wkf0d8-34-a5fa1333841f8b60a24a59d5357678a3 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Accordion elements are very easy to set up. By using the accordion element we can organize the\u00a0information into small sections which make it easy to understand:<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-jl9brptc-10695917433f54d3b14f3bbe94921ba4 av-minimal-toggle  avia-builder-el-9  el_after_av_textblock  el_before_av_hr  toggle_close_all' >\n<section class='av_toggle_section av-lmks7e-8edbe0ac67cca46b1e9e5f2e16e40157'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-1' data-fake-id='#toggle-id-1' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-1' data-slide-speed=\"200\" data-title=\"Add an Accordion element to your site.\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Add an Accordion element to your site.\" data-aria_expanded=\"Click to collapse: Add an Accordion element to your site.\">Add an Accordion element to your site.<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-1' aria-labelledby='toggle-toggle-id-1' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><ul>\n<li>Open an existing or a new page from your WordPress dashboard.<\/li>\n<li>Click on the \u201c<strong>Advanced Layout Editor<\/strong>\u201d button to display the\u00a0<strong>avia layout builder<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10739\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/07\/Advanced-Layout-Builder.png\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/07\/Advanced-Layout-Builder.png 500w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/07\/Advanced-Layout-Builder-300x112.png 300w\" alt=\"\" width=\"500\" height=\"187\" \/><\/li>\n<li>Select the \u201c<strong>Accordion<\/strong>\u201d element under the\u00a0<strong>Content Elements<\/strong>\u00a0section.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10937\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-element.png\" alt=\"\" width=\"1071\" height=\"322\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-element.png 1071w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-element-300x90.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-element-768x231.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-element-1030x310.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-element-705x212.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-element-600x180.png 600w\" sizes=\"auto, (max-width: 1071px) 100vw, 1071px\" \/><\/li>\n<\/ul>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-16jfene-c3bd079b606d27aa49f656ce680c68ab'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-2' data-fake-id='#toggle-id-2' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-2' data-slide-speed=\"200\" data-title=\"Add Accordion tabs\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Add Accordion tabs\" data-aria_expanded=\"Click to collapse: Add Accordion tabs\">Add Accordion tabs<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-2' aria-labelledby='toggle-toggle-id-2' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>After adding the accordion element on to the page, drag it above or below other elements to place it to suit your design and click on the newly added accordion element to open more options.<\/p>\n<p>By default to get you quickly started, Accordion element comes with substitute\u00a0tabs whose content can be easily replaced by clicking on it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10941\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-tabs.png\" alt=\"\" width=\"1087\" height=\"246\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-tabs.png 1087w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-tabs-300x68.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-tabs-768x174.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-tabs-1030x233.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-tabs-705x160.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/accordion-tabs-600x136.png 600w\" sizes=\"auto, (max-width: 1087px) 100vw, 1087px\" \/><\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-nbykoa-b2e0ed04374e3ad2fd57939fcf318989'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-3' data-fake-id='#toggle-id-3' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-3' data-slide-speed=\"200\" data-title=\"Add Accordion content\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Add Accordion content\" data-aria_expanded=\"Click to collapse: Add Accordion content\">Add Accordion content<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-3' aria-labelledby='toggle-toggle-id-3' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>To add the tab content click on the accordion element and open the tab options. Here each tab can have it&#8217;s own content.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10942\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/tab-content.png\" alt=\"\" width=\"838\" height=\"629\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/tab-content.png 838w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/tab-content-300x225.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/tab-content-768x576.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/tab-content-705x529.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/08\/tab-content-600x450.png 600w\" sizes=\"auto, (max-width: 838px) 100vw, 838px\" \/><\/p>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-8ogip6-953d0cb3425965bde7d863da57bc3351 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-19i5ugn-da87a68230e2761f10c061bf93d96c2c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-1nqmx4n-e66ac19cbd0538cecf63f043a1dc1e7b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-16a1gmv-003c50a7f9038747877275350dcbdd2a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n<div  class='hr av-wyrwe4-1a693dbf1234c56e7708ab15418ce449 hr-default  avia-builder-el-14  el_after_av_toggle_container  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-x6i2a4-41f3d11c8d0ea2a75afc9b41fc3cf569 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Code Snippets<\/h2>\n<\/div><\/section>\n<div  class='hr av-vqbmto-9336c915687d181c6043376cc95e013d hr-default  avia-builder-el-16  el_after_av_textblock  el_before_av_sidebar '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<div  class='avia-builder-widget-area clearfix  avia-builder-el-17  el_after_av_hr  el_before_av_textblock '><div id=\"text-3\" class=\"widget clearfix widget_text\">\t\t\t<div class=\"textwidget\"><p><strong>How to use the snippets?<\/strong><\/p>\n<ul>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-css\/\" target=\"_blank\" rel=\"noopener\">CSS Snippets<\/a> to Enfold child theme styles.<\/li>\n<li>Add the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-js-or-php-script\/\" target=\"_blank\" rel=\"noopener\">JS and PHP scripts<\/a> to your\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-install-enfold-theme\/#why-child-theme\" target=\"_blank\" rel=\"noopener\">child theme<\/a>\u00a0functions.php file.<\/li>\n<li>Shortcodes can be used in a text area in pages, posts, sliders and widget areas.\u00a0Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#debug-mode\" target=\"_blank\" rel=\"noopener\">debug mode<\/a>\u00a0to view the page shortcode.<\/li>\n<li>Enable\u00a0<a href=\"https:\/\/kriesi.at\/documentation\/enfold\/intro-to-advanced-layout-builder\/#turn-on-custom-css-class-field-for-all-alb-elements\">custom CSS class name support<\/a>\u00a0to\u00a0add your\u00a0class names to the theme elements.<\/li>\n<li>Disable <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/how-to-clear-the-cache\/\" target=\"_blank\" rel=\"noopener\">script merging and clear the cache<\/a>\u00a0to view the changes on the frontend.<\/li>\n<\/ul>\n<p><strong>NOTE<\/strong>: If the code snippets produce a different result on your site, it may be because the settings on your site are different or due\u00a0to any customization already added to achieve a similar result. Please try removing your customization if any and feel free to change the values in the example codes to suit your design.<\/p>\n<\/div>\n\t\t<\/div><\/div>\n<section  class='av_textblock_section av-wkf0d8-33-9c084617a60f6c50cb89899123161ab7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Shortcode<\/h3>\n<\/div><\/section>\n\n<div  class='hr av-wnhvvo-d1786f73716db1b5afb5b986b145cd23 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-vgwzgs-d84f587cc8ebf14787f7960612a3d114 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock h-tag'  itemprop=\"text\" ><h2>Customization<\/h2>\n<\/div><\/section>\n<section  class='av_textblock_section av-wkf0d8-31-bb369123803934169233805b4e5b9d52 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To access the styling options of the accordion element, double-click on the accordion element and select the styling tab here you can change the styles for the default, active and hover state along with options to change the color\u00a0of the text, background and border of the accordion tabs.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11647\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-styling-1.png\" alt=\"\" width=\"1277\" height=\"636\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-styling-1.png 1277w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-styling-1-300x149.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-styling-1-768x382.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-styling-1-1030x513.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-styling-1-705x351.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-styling-1-600x299.png 600w\" sizes=\"auto, (max-width: 1277px) 100vw, 1277px\" \/><\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-wkf0d8-30-8c3c66c0a3227d1da9d024c5d314d826 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Using custom code we can further change the way the tabs, text, background,\u00a0border, icons and tab content look and behave.<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-wkf0d8-29-5b4ede2d9404ddc79339edb2f22abcbd '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>NOTE: Before we start customization, enable custom CSS class name support from Enfold theme options &gt; Layout Builder so we can easily target specific elements. For the below examples to work please assign a class name &#8220;my-custom-tabs&#8221; to your accordion element or simply use the below accordion element shortcode to which we have already applied a custom class.<\/p>\n<\/div><\/section>\n\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-xd9i64-35-37cc190bb4251f8bd75eb987314f6ae5\">\n#top .hr.hr-invisible.av-xd9i64-35-37cc190bb4251f8bd75eb987314f6ae5{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-xd9i64-35-37cc190bb4251f8bd75eb987314f6ae5 hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-wkf0d8-28-7d0aafe40e5e0c847d1cc696788c9b45 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Default tab style:<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-wkf0d8-26-617ea2f34675716a9696bc2d8caccf0d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The default tab styles can be changed form the tab styling options CSS snippets to custom style the default tab styles:<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-jl9brptc-32-345533e2a71c3f4e8ee1ef3cd6661f2d av-minimal-toggle  avia-builder-el-20  avia-builder-el-no-sibling  toggle_close_all' >\n<section class='av_toggle_section av-1lcad2i-1ca61b90eaaffc9ae365738366419083'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-4' data-fake-id='#toggle-id-4' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-4' data-slide-speed=\"200\" data-title=\"Tab Title\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab Title\" data-aria_expanded=\"Click to collapse: Tab Title\">Tab Title<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-4' aria-labelledby='toggle-toggle-id-4' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Tab title font, size, color and other properties can be changed by using the below code.<\/p>\n<pre><code> \r\n\r\n\/* Tab Title *\/\r\n\r\n.my-custom-tabs .toggler {\r\n    font-family: 'Roboto', sans-serif!important;\r\n    font-size: 18px;\r\n    line-height: 1em;\r\n    color: #000;\r\n    text-transform: capitalize;\r\n    font-weight: bolder;\r\n}<section  class='av_textblock_section av-1nfrz1z-66f3f5b8c21b6bc19a21ace9953bf553 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-1ymdfu2-d66daa509c165c063ca61a582593dd08'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-5' data-fake-id='#toggle-id-5' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-5' data-slide-speed=\"200\" data-title=\"Tab Background\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab Background\" data-aria_expanded=\"Click to collapse: Tab Background\">Tab Background<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-5' aria-labelledby='toggle-toggle-id-5' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Tab Background *\/\r\n\r\n.my-custom-tabs .toggler {\r\n    background: blue;\r\n}<section  class='av_textblock_section av-1kn7n9j-a83e2baddaf2527ffce95aee0ee1b63c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-mmf2tm-dbc5af82c84d0645eb3e8be67f82909c'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-6' data-fake-id='#toggle-id-6' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-6' data-slide-speed=\"200\" data-title=\"Tab border\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab border\" data-aria_expanded=\"Click to collapse: Tab border\">Tab border<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-6' aria-labelledby='toggle-toggle-id-6' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Default tab border *\/\r\n.my-custom-tabs .toggler {\r\n    border: none;\r\n}\r\n<section  class='av_textblock_section av-1jmpk5z-6fa1407a08d3ce6e1aa656b1f142d34c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-ow81ca-bae8955261ded5fa08bc2f54b486a2cd'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-7' data-fake-id='#toggle-id-7' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-7' data-slide-speed=\"200\" data-title=\"Tab Title alignment\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab Title alignment\" data-aria_expanded=\"Click to collapse: Tab Title alignment\">Tab Title alignment<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-7' aria-labelledby='toggle-toggle-id-7' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Tab title alignment *\/\r\n.my-custom-tabs .toggler {\r\n    text-align: center;  \/* left | center | right*\/\r\n}\r\n\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-184ad47-eca52e9184404314b7de041bb1109695 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-1iefzc7-2a76072dfcd0fae0866343b231d60b12 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-14fxhmf-b0d25ed8377d8154c8b209aaae2fe1c8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-xd9i64-27-8f0d6ba2782352ea025b1fc964023764\">\n#top .hr.hr-invisible.av-xd9i64-27-8f0d6ba2782352ea025b1fc964023764{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-xd9i64-27-8f0d6ba2782352ea025b1fc964023764 hr-invisible  avia-builder-el-21  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-wkf0d8-25-2a224ca89a90be1d6c9c69e01a16ac90 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Tab style on hover<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-wkf0d8-22-39674ca2843cac0945a8136ef1497d6e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Tab styles for the hover state can be changed from the <strong>Tab options &gt; Styling &gt;\u00a0Hover Toggle Appearance.\u00a0<\/strong>Double click the Accordion element to access the Tab Styling options and define a custom color for Tab background and font color.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11625\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-hover-styling.png\" alt=\"\" width=\"1087\" height=\"528\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-hover-styling.png 1087w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-hover-styling-300x146.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-hover-styling-768x373.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-hover-styling-1030x500.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-hover-styling-705x342.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-hover-styling-600x291.png 600w\" sizes=\"auto, (max-width: 1087px) 100vw, 1087px\" \/><\/p>\n<p>To add custom styles using the CSS, please copy the below snippets to your website:<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-jl9brptc-24-c0fd84e64c8192c1fe769f12b2a5e322 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-1nzb57u-f79ab5bd739c2be13c9405b802d6fdd3'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-8' data-fake-id='#toggle-id-8' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-8' data-slide-speed=\"200\" data-title=\"Tab Title\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab Title\" data-aria_expanded=\"Click to collapse: Tab Title\">Tab Title<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-8' aria-labelledby='toggle-toggle-id-8' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Tab tile *\/\r\n.my-custom-tabs .activeTitle.toggler:hover, \r\n.my-custom-tabs .toggler:hover {    \r\n    color: red;    \r\n}<section  class='av_textblock_section av-5a658n-2a0ea595efb8c8b7747694ee569ea35d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-19crdt6-e9cb4a2fdb9c196546aec4e221dae5b6'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-9' data-fake-id='#toggle-id-9' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-9' data-slide-speed=\"200\" data-title=\"Tab Background\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab Background\" data-aria_expanded=\"Click to collapse: Tab Background\">Tab Background<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-9' aria-labelledby='toggle-toggle-id-9' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Tab background *\/\r\n.my-custom-tabs .activeTitle.toggler:hover, \r\n.my-custom-tabs .toggler:hover {    \r\n      background: gold;\r\n}<section  class='av_textblock_section av-1ejz76f-f004d046d28eb702fe58b8a39da4df68 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-ouslhm-0475cb7c6f42b04db7dd9c2c668a24cc'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-10' data-fake-id='#toggle-id-10' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-10' data-slide-speed=\"200\" data-title=\"Tab Border\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab Border\" data-aria_expanded=\"Click to collapse: Tab Border\">Tab Border<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-10' aria-labelledby='toggle-toggle-id-10' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Tab border *\/\r\n.my-custom-tabs .activeTitle.toggler:hover, \r\n.my-custom-tabs .toggler:hover {    \r\n      border: red;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-15udbzr-80fcc60c795fb41a3015b89c64b4fc81 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-1cfgkif-0316ff4f190d20ed0434e66690cabea2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-12rks13-c0fab09aa9f0643ab2439f7b8c068530 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-xd9i64-23-dd828546de65a66d4ae993a881801968\">\n#top .hr.hr-invisible.av-xd9i64-23-dd828546de65a66d4ae993a881801968{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-xd9i64-23-dd828546de65a66d4ae993a881801968 hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-wkf0d8-21-17714111573f59d8c1f0e4d497968b2b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Active tab style<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-wkf0d8-18-c1e58991e22929291aecf474ea4cbeea '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Active or Current Tab style options can be accessed by double-clicking the Accordion element to open the <strong>Accordion Options &gt; Styling &gt; Current Toggle Appearence<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11626\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-active-styling.png\" alt=\"\" width=\"941\" height=\"521\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-active-styling.png 941w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-active-styling-300x166.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-active-styling-768x425.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-active-styling-705x390.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/tab-active-styling-600x332.png 600w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/p>\n<p>To add custom CSS styling to the Active tabs please use the below CSS snippets:<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-jl9brptc-20-c8805625dd264c23b0bb52f04fd50833 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-1l3256y-4cac77a3967a23f89925703bf6789f13'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-11' data-fake-id='#toggle-id-11' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-11' data-slide-speed=\"200\" data-title=\"Tab Title\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab Title\" data-aria_expanded=\"Click to collapse: Tab Title\">Tab Title<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-11' aria-labelledby='toggle-toggle-id-11' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Active Tab Title *\/\r\n.my-custom-tabs .activeTitle.toggler {    \r\n      color: blue;\r\n}<section  class='av_textblock_section av-1bb8ivr-ece0fbed5fce24d33117002aa3d35c1d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-1ac4j56-908d4c59df43bdf6cd79f823883a8615'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-12' data-fake-id='#toggle-id-12' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-12' data-slide-speed=\"200\" data-title=\"Tab Background\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab Background\" data-aria_expanded=\"Click to collapse: Tab Background\">Tab Background<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-12' aria-labelledby='toggle-toggle-id-12' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Active Tab Title *\/\r\n.my-custom-tabs .activeTitle.toggler {    \r\n      background: orange ;\r\n}<section  class='av_textblock_section av-193vnnr-6b35deebc1d9c8c2d5d28d58a706fba9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-o0lx4a-d90d220f4a2ae0c613a66bab93d1d618'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-13' data-fake-id='#toggle-id-13' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-13' data-slide-speed=\"200\" data-title=\"Tab border\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab border\" data-aria_expanded=\"Click to collapse: Tab border\">Tab border<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-13' aria-labelledby='toggle-toggle-id-13' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Active Tab Title *\/\r\n.my-custom-tabs .activeTitle.toggler {    \r\n      border: blue;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-14nb9iv-7b7a8a6b61c883b2f9ef06a8f60e0445 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-18kga6v-2a070ef121d36f6954a8893388bad9ea '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-11535k7-eee24c9b2ef114e125e77006e08c791a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-xd9i64-19-687234ff4721d2cfc0310c8d3487773a\">\n#top .hr.hr-invisible.av-xd9i64-19-687234ff4721d2cfc0310c8d3487773a{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-xd9i64-19-687234ff4721d2cfc0310c8d3487773a hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-wkf0d8-17-54800e0a3cf3e25d60d3f33902fbaecd '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Tab icon style<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-wkf0d8-14-683cac4b21e5ad228ed524f068478a0a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To change the default accordion icons and use a custom icon from the theme use the below CSS snippet. The below CSS code snippet will help you change the following:<\/p>\n<ul>\n<li>Add custom icons to the tabs by updating the <a href=\"https:\/\/kriesi.at\/documentation\/enfold\/icon\/#how-to-find-the-icon-unicode\" target=\"_blank\" rel=\"noopener\">icon\u00a0unicode<\/a> value in the CSS code.<\/li>\n<li>Tab icon active\/hover state<\/li>\n<li>Tab icon color<\/li>\n<li>Tab icon size<\/li>\n<\/ul>\n<\/div><\/section>\n<div  class='togglecontainer av-jl9brptc-16-a65c7b9d2211632e0acb05809f0f3a0c av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-24jvhd6-df03d76f37930cff9503cf598a2026f4'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-14' data-fake-id='#toggle-id-14' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-14' data-slide-speed=\"200\" data-title=\"Default Icons\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Default Icons\" data-aria_expanded=\"Click to collapse: Default Icons\">Default Icons<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-14' aria-labelledby='toggle-toggle-id-14' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Remove default icon border *\/\r\n.my-custom-tabs .toggle_icon {\r\n    border:none;    \r\n}\r\n\r\n\/* Hide default icons *\/\r\n.my-custom-tabs .toggle_icon .vert_icon,\r\n.my-custom-tabs .toggle_icon .hor_icon {\r\n    display:none;\r\n} \r\n<section  class='av_textblock_section av-169i66v-3cb0fa7acaa9e39a6cb174267c72bed0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-s4bkay-b2a65606b8cb863df130f7e76a3a9d04'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-15' data-fake-id='#toggle-id-15' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-15' data-slide-speed=\"200\" data-title=\"Add custom icon\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Add custom icon\" data-aria_expanded=\"Click to collapse: Add custom icon\">Add custom icon<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-15' aria-labelledby='toggle-toggle-id-15' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Icon styles such as the position, color, size, etc can be defined in the below CSS selector:<\/p>\n<pre><code> \r\n\r\n\/* Custom Accordion Icon *\/\r\n.my-custom-tabs .toggle_icon {\r\n    display: inline-block!important;    \r\n}\r\n.my-custom-tabs .toggle_icon:before {\r\n    font-family: 'entypo-fontello';   \r\n    content:'e817';    \r\n    position: absolute;\r\n    font-size: 18px;\r\n    top:50%;\r\n    transform: translateY(-50%);\r\n    left: 0px;\r\n    line-height: 0;\r\n    color:red;\r\n}<section  class='av_textblock_section av-14ndmef-969c536ca631c433e21c32c180bad01f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-1cpqnxm-d6c8a5fda14599457fcd0fd962fed2bd'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-16' data-fake-id='#toggle-id-16' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-16' data-slide-speed=\"200\" data-title=\"Tab Icons on hover\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab Icons on hover\" data-aria_expanded=\"Click to collapse: Tab Icons on hover\">Tab Icons on hover<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-16' aria-labelledby='toggle-toggle-id-16' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Tab icon on hover *\/\r\n.my-custom-tabs .toggler:hover .toggle_icon:before {\r\n    color:gold;    \r\n}\r\n<section  class='av_textblock_section av-12v1qhj-271b78e6c95fe4905dc31aff8a1c3115 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-wa6d9m-fc27b7160391fb916e3713a55a0a2bfe'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-17' data-fake-id='#toggle-id-17' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-17' data-slide-speed=\"200\" data-title=\"Active Tab icon\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Active Tab icon\" data-aria_expanded=\"Click to collapse: Active Tab icon\">Active Tab icon<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-17' aria-labelledby='toggle-toggle-id-17' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Active tab icon *\/\r\n.my-custom-tabs .activeTitle .toggle_icon:before {\r\n    font-family: 'entypo-fontello';        \r\n    content:'e81a';\r\n}\r\n\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-1309x6f-409256c377f18cacf4ee91d348e3685f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-11h1ytj-6b01e4a854d138118288345089c55b54 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-zb9omv-3c1c9fe56e9aa28adc4532a15104e30f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-xd9i64-15-1d0d9dd1b36e0b8cf74cdf93bf33efbc\">\n#top .hr.hr-invisible.av-xd9i64-15-1d0d9dd1b36e0b8cf74cdf93bf33efbc{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-xd9i64-15-1d0d9dd1b36e0b8cf74cdf93bf33efbc hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-wkf0d8-13-39bc5321f621c3b2b82896d2cc193d19 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Tab content style<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-wkf0d8-10-e531aabb85a34301b4134826933db84d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Tab styles of the tab content can be changed using the below CSS snippets:<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-jl9brptc-12-d0e1db0d4d996a32ec53b72437eba842 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-27qjkh6-f2632538ffaf08d854eea4e868c040c1'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-18' data-fake-id='#toggle-id-18' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-18' data-slide-speed=\"200\" data-title=\"Tab Content\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Tab Content\" data-aria_expanded=\"Click to collapse: Tab Content\">Tab Content<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-18' aria-labelledby='toggle-toggle-id-18' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Tab content *\/\r\n.my-custom-tabs .toggle_content {\r\n    font-size: 20px;\r\n    line-height: 1.4em;\r\n}<section  class='av_textblock_section av-z0svtj-ef681d71a95b09ef1cac464bd1c0ae04 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-1j6ev56-cffedfc9909f06334ab431be33ee8163'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-19' data-fake-id='#toggle-id-19' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-19' data-slide-speed=\"200\" data-title=\"Content Background\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Content Background\" data-aria_expanded=\"Click to collapse: Content Background\">Content Background<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-19' aria-labelledby='toggle-toggle-id-19' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Tab content background *\/\r\n.my-custom-tabs .toggle_content {\r\n    background: #f2f6fa;\r\n}<section  class='av_textblock_section av-xsesyf-384435be4797ede93be466fc4adab7d8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-1627z9m-c5300232776b774ff1073cc9a22c7f1c'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-20' data-fake-id='#toggle-id-20' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-20' data-slide-speed=\"200\" data-title=\"Content border\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Content border\" data-aria_expanded=\"Click to collapse: Content border\">Content border<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-20' aria-labelledby='toggle-toggle-id-20' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Tab content border *\/\r\n.my-custom-tabs .toggle_content {\r\n    border:2px solid red;\r\n}<section  class='av_textblock_section av-vx1tkn-bc98113471f4c7ded49cfc6bb5e9127b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n[\/av_textblock]<section class='av_toggle_section av-20a99m-b55b1665f338ef7c941575d3527880a7'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-21' data-fake-id='#toggle-id-21' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-21' data-slide-speed=\"200\" data-title=\"Content link text\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Content link text\" data-aria_expanded=\"Click to collapse: Content link text\">Content link text<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-21' aria-labelledby='toggle-toggle-id-21' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code> \r\n\r\n\/* Tab content link text *\/\r\n.my-custom-tabs .toggle_content a {\r\n    color: red;\r\n}\r\n\r\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-120hk07-ff26ffad737de2361909847c2a194f0e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-urxmjb-b9cf08c5d390164d9d3f0d8cd3690d8e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-yb53nb-65d6fedc60b3874266b1b27daa7e6407 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n<div  class='hr av-xd9i64-11-181cd444f85764962ed734584929d071 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-ej17ac-e3e0364a270e7da6d0be82f000b2bffa '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Alternate tab colors<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-edig70-e040d3a9d2cccd83e0f5164a83a740a5 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To assign alternate tab colors first, add a custom CSS class name &#8220;<strong>av-accordion-bg-alternate<\/strong>&#8221; and use the below CSS snippet. The below CSS code snippet will help you change the following:<\/p>\n<ul>\n<li>Even tab color<\/li>\n<li>Odd tab color<\/li>\n<\/ul>\n<\/div><\/section>\n<div  class='togglecontainer av-1eyxb0-8578b4b7545708859dbe51caea64c402  av-accordion-bg-alternate toggle_close_all' >\n<section class='av_toggle_section av-dz4oj8-b19a9d566e4a4d774fade98dfa79aa56'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Installation} {Misc} \"  ><p id='toggle-toggle-id-22' data-fake-id='#toggle-id-22' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-22' data-slide-speed=\"200\" data-title=\"Toggle content using accordion\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Toggle content using accordion\" data-aria_expanded=\"Click to collapse: Toggle content using accordion\">Toggle content using accordion<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-22' aria-labelledby='toggle-toggle-id-22' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <strong>Aenean<\/strong> massa. Cum sociis natoque penatibus et magnis dis parturient montes, <strong>nascetur<\/strong> ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-dsihos-fbd236c35e990ba07aa6212c550c7469'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Installation} \"  ><p id='toggle-toggle-id-23' data-fake-id='#toggle-id-23' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-23' data-slide-speed=\"200\" data-title=\"Open multiple tabs at once\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Open multiple tabs at once\" data-aria_expanded=\"Click to collapse: Open multiple tabs at once\">Open multiple tabs at once<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-23' aria-labelledby='toggle-toggle-id-23' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. <strong>Vivamus<\/strong> elementum semper nisi. Aenean vulputate eleifend tellus.<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-dnsbx0-a41e687c04eac2eeb068b5b1a8feaa2e'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Features} {Misc} \"  ><p id='toggle-toggle-id-24' data-fake-id='#toggle-id-24' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-24' data-slide-speed=\"200\" data-title=\"Toggle one tab at a time\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Toggle one tab at a time\" data-aria_expanded=\"Click to collapse: Toggle one tab at a time\">Toggle one tab at a time<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-24' aria-labelledby='toggle-toggle-id-24' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Nullam sagittis. Suspendisse pulvinar, augue ac venenatis <strong>condimentum<\/strong>, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante <strong>ipsum<\/strong> primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-dgjhhg-20e35629ef2ac1afb8343886dd3404aa'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Features} \"  ><p id='toggle-toggle-id-25' data-fake-id='#toggle-id-25' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-25' data-slide-speed=\"200\" data-title=\"Add widgets or media content\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Add widgets or media content\" data-aria_expanded=\"Click to collapse: Add widgets or media content\">Add widgets or media content<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-25' aria-labelledby='toggle-toggle-id-25' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis<\/strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-zsmwcn-d6190e5fe162b160cded15bc67ab9a3a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-tmysef-6b3411f8f6554ac5a151888753c5df95 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-38ltqf-d407b95863a8d7815fc98ed93ccea4ce '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-d9e8ok-fbff5d3186fcc046cd609d5e975c8f9a\">\n#top .hr.hr-invisible.av-d9e8ok-fbff5d3186fcc046cd609d5e975c8f9a{\nheight:30px;\n}\n<\/style>\n<div  class='hr av-d9e8ok-fbff5d3186fcc046cd609d5e975c8f9a hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-d6vksk-e90e732e77990f57914e31c76923c757 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-cxve9o-fc9f72707aa336393d19f4f80b3fb108 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-cuo0pw-bbfaaa2e93c2c61cae9f84d892394dc1'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-26' data-fake-id='#toggle-id-26' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-26' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-26' aria-labelledby='toggle-toggle-id-26' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code>\/*----------------------------------------\r\n\/\/ CSS - Alternate tab color\r\n\/\/--------------------------------------*\/ \r\n\r\n\/* Even tab color *\/\r\n.av-accordion-bg-alternate .av_toggle_section:nth-child(even) .toggler  {\r\n  background: #3369e7;\r\n}\r\n\r\n\/*Odd tab color *\/\r\n.av-accordion-bg-alternate .av_toggle_section:nth-child(odd) .toggler  {\r\n  background: #00aeff;\r\n}\r\n\r\n\/* Remove default tab style *\/\r\n.av-accordion-bg-alternate .toggler, \r\n.av-accordion-bg-alternate .toggler.activeTitle:hover {\r\n  border:none;\r\n  color:#eee;\r\n}\r\n   <\/code><\/pre>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-ymgzaf-69bb4dabd7ae468034902c7b42970791 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-r9w5rr-7b76e07b0f000e1f6f80394e05729159 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-uvl86v-cbb713ce05b8071685eb511eb9c76935 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n<div  class='hr av-cpnsak-2c444f01bd6a535be88ea10b9939435d hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-cfiqbg-c4d09bdba71d2fd6dfa87526149a15e2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Multicolor tabs<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-c9bl50-fc944f75fedb07ff4ebda34f4c90648d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Each tab can have a unique color first, add a custom CSS class name &#8220;<strong>av-accordion-bg-multi<\/strong>&#8221; and use the below CSS snippet. In the CSS code below, the number of the tab is represented by <strong>nth-child(x)<\/strong>.<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-c5k1ic-834477ad33650b14fb91a2a187e06f98  av-accordion-bg-multi toggle_close_all' >\n<section class='av_toggle_section av-c01l7w-bbd0799f039354cceb329db0010d06df'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Installation} {Misc} \"  ><p id='toggle-toggle-id-27' data-fake-id='#toggle-id-27' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-27' data-slide-speed=\"200\" data-title=\"Toggle content using accordion\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Toggle content using accordion\" data-aria_expanded=\"Click to collapse: Toggle content using accordion\">Toggle content using accordion<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-27' aria-labelledby='toggle-toggle-id-27' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <strong>Aenean<\/strong> massa. Cum sociis natoque penatibus et magnis dis parturient montes, <strong>nascetur<\/strong> ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-16f2qs-0c0ea9a0ddd9630e804e452e807c1a72'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Installation} \"  ><p id='toggle-toggle-id-28' data-fake-id='#toggle-id-28' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-28' data-slide-speed=\"200\" data-title=\"Open multiple tabs at once\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Open multiple tabs at once\" data-aria_expanded=\"Click to collapse: Open multiple tabs at once\">Open multiple tabs at once<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-28' aria-labelledby='toggle-toggle-id-28' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. <strong>Vivamus<\/strong> elementum semper nisi. Aenean vulputate eleifend tellus.<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-1697bo-0f7635f7efcba389054f71632259a445'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Features} {Misc} \"  ><p id='toggle-toggle-id-29' data-fake-id='#toggle-id-29' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-29' data-slide-speed=\"200\" data-title=\"Toggle one tab at a time\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Toggle one tab at a time\" data-aria_expanded=\"Click to collapse: Toggle one tab at a time\">Toggle one tab at a time<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-29' aria-labelledby='toggle-toggle-id-29' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Nullam sagittis. Suspendisse pulvinar, augue ac venenatis <strong>condimentum<\/strong>, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante <strong>ipsum<\/strong> primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-bi96fo-77ceb630f7733182215706742ccaadc2'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Features} \"  ><p id='toggle-toggle-id-30' data-fake-id='#toggle-id-30' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-30' data-slide-speed=\"200\" data-title=\"Add widgets or media content\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Add widgets or media content\" data-aria_expanded=\"Click to collapse: Add widgets or media content\">Add widgets or media content<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-30' aria-labelledby='toggle-toggle-id-30' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis<\/strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-wy5rpj-ff98cad457b6990f73aa18008168c7ba '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-p6fok7-b1b2bf60cc477084ce2fd1d823780180 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-2z0j6f-cf5c607fb4070dcec7dfb745eff0df2f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-bdkhwk-f24e7ef4b045cec4c93f5ba7763b2243\">\n#top .hr.hr-invisible.av-bdkhwk-f24e7ef4b045cec4c93f5ba7763b2243{\nheight:30px;\n}\n<\/style>\n<div  class='hr av-bdkhwk-f24e7ef4b045cec4c93f5ba7763b2243 hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-b8s6z0-b652e12c8382f34a2a1093089dc7a965 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-az2hgs-d70bf5e658c0eadb725c131ef8402132 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-avic1g-2cc3cd44a374d144800ed1e795f435f4'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-31' data-fake-id='#toggle-id-31' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-31' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-31' aria-labelledby='toggle-toggle-id-31' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code>\/*----------------------------------------\r\n\/\/ CSS - Multicolor tabs\r\n\/\/--------------------------------------*\/ \r\n\r\n\/* Tab 1 *\/\r\n.av-accordion-bg-multi .av_toggle_section:nth-child(1) .toggler  {\r\n  background: #b84592;\r\n}\r\n\/* Tab 2 *\/\r\n.av-accordion-bg-multi .av_toggle_section:nth-child(2) .toggler  {\r\n  background: #3369e7;\r\n}\r\n\/* Tab 3 *\/\r\n.av-accordion-bg-multi .av_toggle_section:nth-child(3) .toggler  {\r\n  background: #00aeff;\r\n}\r\n\/* Tab 4 *\/\r\n.av-accordion-bg-multi .av_toggle_section:nth-child(4) .toggler  {\r\n  background: #003666;\r\n}\r\n\/* Tab title color*\/\r\n.av-accordion-bg-multi .toggler,\r\n.av-accordion-bg-multi .toggler.activeTitle:hover  {\r\n  color: #FFF;\r\n  border:none;\r\n}\r\n\r\n\/* Hide default icon *\/\r\n\r\n.av-accordion-bg-multi .toggle_icon {\r\n    display: none;\r\n}\r\n\r\n.av-accordion-bg-multi .toggler {\r\n\tpadding-left:20px;\r\n\tfont-size: 18px;\r\n\tfont-weight: bolder;\r\n}\r\n\r\n\/*Toggle content area *\/\r\n\r\n.av-accordion-bg-multi .toggle_content {\r\n\tbackground: #f2f6fa;\r\n}\r\n\r\n\r\n   <\/code><\/pre>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-vai4w7-9c657225f28c3232328b8e05584bbf66 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-o2r53b-e574a40eee15b55068714eff289a0cf9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-rclwaf-c015d5394a0449a3fe2ad63ed310ce0b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n<div  class='hr av-alpna4-ff3f3ed374e98331c643661291440a88 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-aihtj0-5d5c1782e687c55e5084366f89290a89 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Tab Shapes<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-ac9kzw-d293f8ea608daa069deb19385af498ca '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The tab shape can be changed using custom CSS. To make the tabs have rounded corners, please reduce the <strong>border-radius<\/strong> value in the below code.<\/p>\n<p>Custom CSS class assigned:\u00a0<strong>av-accordion-pill<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-a502n8-b0707f57ba6b7e68005b7acfa2618f15  av-accordion-pill toggle_close_all' >\n<section class='av_toggle_section av-9yw92c-333c7c2eeb88806952d3e555879c3bd8'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-32' data-fake-id='#toggle-id-32' class='toggler  activeTitle av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-32' data-slide-speed=\"200\" data-title=\"Business Tactics and Strategy\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Business Tactics and Strategy\" data-aria_expanded=\"Click to collapse: Business Tactics and Strategy\">Business Tactics and Strategy<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-32' aria-labelledby='toggle-toggle-id-32' role='region' class='toggle_wrap  active_tc av-title-above' style='display:block;' ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-9szhcc-1367c69c0bb7ba9a9d188456e43cd5b7-wrap avia-button-left '><a href='#'  class='avia-button av-9szhcc-1367c69c0bb7ba9a9d188456e43cd5b7 av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-theme-color'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-9n45bg-8852e5eb5fe0625a2c9d8c390bc3a0ab'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-33' data-fake-id='#toggle-id-33' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-33' data-slide-speed=\"200\" data-title=\"Foreign Trade Studies\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Foreign Trade Studies\" data-aria_expanded=\"Click to collapse: Foreign Trade Studies\">Foreign Trade Studies<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-33' aria-labelledby='toggle-toggle-id-33' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-yaamc-a311468a1de0538a3950590d59398d8b-wrap avia-button-left '><a href='#'  class='avia-button av-yaamc-a311468a1de0538a3950590d59398d8b av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-theme-color'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-9ejct0-55c184717505f87f9b2f4d9999693900'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-34' data-fake-id='#toggle-id-34' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-34' data-slide-speed=\"200\" data-title=\"The Six Figure Jobs\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: The Six Figure Jobs\" data-aria_expanded=\"Click to collapse: The Six Figure Jobs\">The Six Figure Jobs<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-34' aria-labelledby='toggle-toggle-id-34' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-97rc30-6dd2c91a6d1bdada5fefeac57ff22719-wrap avia-button-left '><a href='#'  class='avia-button av-97rc30-6dd2c91a6d1bdada5fefeac57ff22719 av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-theme-color'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-8yomic-a12e51b195404cf4c6f081f8e7d5b919'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-35' data-fake-id='#toggle-id-35' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-35' data-slide-speed=\"200\" data-title=\"Latest investing trends\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Latest investing trends\" data-aria_expanded=\"Click to collapse: Latest investing trends\">Latest investing trends<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-35' aria-labelledby='toggle-toggle-id-35' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-8se2n8-42956f1edb00312f8db5ac6c4c91cd2a-wrap avia-button-left '><a href='#'  class='avia-button av-8se2n8-42956f1edb00312f8db5ac6c4c91cd2a av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-theme-color'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-sja8xj-f3ca2582a216fd07074e802134c478d6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-me8fg7-981e4208262f2b442cd7e416921fae32 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-2i53w7-ef48f2a2a58f327a1a523d715b288c81 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-8n0klg-d9eb5cbc5bb8f059f6e27f94e25c3cc0\">\n#top .hr.hr-invisible.av-8n0klg-d9eb5cbc5bb8f059f6e27f94e25c3cc0{\nheight:30px;\n}\n<\/style>\n<div  class='hr av-8n0klg-d9eb5cbc5bb8f059f6e27f94e25c3cc0 hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-8gqxws-13adc19a8324013249332f06d96da31c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-8bsias-1ced1dc2414ac9498e9f3fa3ce304e1f av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-tfm1g-f5a03435f64bdb0334f62301a3a08d7e'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-36' data-fake-id='#toggle-id-36' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-36' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-36' aria-labelledby='toggle-toggle-id-36' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code>\/*----------------------------------------\r\n\/\/ CSS - Accordion tab shape\r\n\/\/--------------------------------------*\/ \r\n\r\n\r\n\r\n\/* Tab shape *\/\r\n.av-accordion-pill .toggler  {\r\n border-radius: 50px!important;\r\n background: #48b8e7;\r\n color: #FFF;\r\n}\r\n\r\n\/* Hover and active colors *\/\r\n.av-accordion-pill .toggler:hover,\r\n.av-accordion-pill .toggler.activeTitle:hover  {\r\n    background: #0d9ddb;\r\n    color: #FFF;\r\n}\r\n\r\n\/* Hide default icon *\/\r\n\r\n.av-accordion-pill .toggle_icon {\r\n    display: none;\r\n}\r\n\r\n.av-accordion-pill .toggler {\r\n    padding-left:20px;\r\n    font-size: 18px;\r\n    font-weight: bolder;\r\n}\r\n\r\n\/*Toggle content area *\/\r\n\r\n.av-accordion-pill .toggle_content {\r\n    background: #f2f6fa;\r\n    width: calc(100% - 50px);\r\n    position: relative;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n}\r\n\r\n   <\/code><\/pre>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-2plo3r-613d3020fd8dcbdb66e3a5bd801890d0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-kyysjr-4c26d3d9a7ad5e873d9f1638f7a2141c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-op0jef-6abc1a53a68caed92aa682e571bd5dc5 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n<div  class='hr av-820aik-3856192c48cb7d6ca5b482c80fee8e4f hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-7w74f8-f3e43b67769d5d472c2fc644dedef2a5 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Animated tabs<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-7nihsk-67f52b825a289c7820af7ab4092b690f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Accordion tabs can be animated using custom CSS. In the below example we have created a custom shake animation and applied\u00a0it to the hover state of the tabs.<\/p>\n<p>Custom CSS class assigned :\u00a0<strong>av-accordion-tab-animation<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-7kz0l0-67a43c102db57b1d99233d5162c45733  av-accordion-tab-animation toggle_close_all' >\n<section class='av_toggle_section av-7eum64-b96219adf158381a22f9bc656da165d1'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Installation} {Misc} \"  ><p id='toggle-toggle-id-37' data-fake-id='#toggle-id-37' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-37' data-slide-speed=\"200\" data-title=\"Toggle content using accordion\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Toggle content using accordion\" data-aria_expanded=\"Click to collapse: Toggle content using accordion\">Toggle content using accordion<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-37' aria-labelledby='toggle-toggle-id-37' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <strong>Aenean<\/strong> massa. Cum sociis natoque penatibus et magnis dis parturient montes, <strong>nascetur<\/strong> ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-pyz5o-8e5bd23a436e17839fd97465f568e007'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Installation} \"  ><p id='toggle-toggle-id-38' data-fake-id='#toggle-id-38' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-38' data-slide-speed=\"200\" data-title=\"Open multiple tabs at once\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Open multiple tabs at once\" data-aria_expanded=\"Click to collapse: Open multiple tabs at once\">Open multiple tabs at once<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-38' aria-labelledby='toggle-toggle-id-38' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. <strong>Vivamus<\/strong> elementum semper nisi. Aenean vulputate eleifend tellus.<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-73ulzw-9818307d4a37a9d13a2851681f9b8819'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Features} {Misc} \"  ><p id='toggle-toggle-id-39' data-fake-id='#toggle-id-39' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-39' data-slide-speed=\"200\" data-title=\"Toggle one tab at a time\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Toggle one tab at a time\" data-aria_expanded=\"Click to collapse: Toggle one tab at a time\">Toggle one tab at a time<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-39' aria-labelledby='toggle-toggle-id-39' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Nullam sagittis. Suspendisse pulvinar, augue ac venenatis <strong>condimentum<\/strong>, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante <strong>ipsum<\/strong> primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-6vcipg-46e25b8db6c78e927eafddf83a9c7100'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Features} \"  ><p id='toggle-toggle-id-40' data-fake-id='#toggle-id-40' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-40' data-slide-speed=\"200\" data-title=\"Add widgets or media content\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Add widgets or media content\" data-aria_expanded=\"Click to collapse: Add widgets or media content\">Add widgets or media content<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-40' aria-labelledby='toggle-toggle-id-40' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis<\/strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-p7ku1j-573eeac92dd4829ab84691a229e82614 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-j1xd8n-6f10f5195e8122538f2994022f0b96e7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-n0vbvb-6111222f69c3c5230285530cf8ab2b7c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-6n1e6s-abdf64a14a371167aca90528607d47e1\">\n#top .hr.hr-invisible.av-6n1e6s-abdf64a14a371167aca90528607d47e1{\nheight:30px;\n}\n<\/style>\n<div  class='hr av-6n1e6s-abdf64a14a371167aca90528607d47e1 hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-6j44jg-fd16084f6f41d89793ae57bfeb29ffc0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-6cw61g-776633b7e460ec760e0bdf4d2819a657 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-m7h2k-533c6bfd8ad1f777ce3da823f54c39b5'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-41' data-fake-id='#toggle-id-41' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-41' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-41' aria-labelledby='toggle-toggle-id-41' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code>\r\n\/*----------------------------------------\r\n\/\/ CSS - Accordion tab animation\r\n\/\/--------------------------------------*\/ \r\n\r\n\/* Animate tab on hover *\/\r\n\r\n.av-accordion-tab-animation .toggler:hover {\r\n    animation: headShake 0.82s cubic-bezier(.36,.07,.19,.97);\t\r\n}\r\n\r\n\r\n\/* Tab shape *\/\r\n\r\n.av-accordion-tab-animation .toggler  {\r\n background: #48b8e7;\r\n color: #FFF;\r\n}\r\n\r\n\r\n\/* Hover and active colors *\/\r\n\r\n.av-accordion-tab-animation .toggler:hover,\r\n.av-accordion-tab-animation .toggler.activeTitle:hover  {\r\n    background: #0d9ddb;\r\n    color: #FFF;\r\n}\r\n\r\n\/* Hide default icon *\/\r\n\r\n.av-accordion-tab-animation .toggle_icon {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* Custom animation *\/\r\n\r\n@keyframes headShake{ \r\n0%    { transform: translateX(0); }\r\n6.5%  { transform: translateX(-6px) rotateY(-9deg); }\r\n18.5% { transform: translateX(5px) rotateY(7deg); }\r\n31.5% { transform: translateX(-3px) rotateY(-5deg); }\r\n43.5% { transform: translateX(2px) rotateY(3deg); }\r\n50%   { transform: translateX(0); }\r\n}\r\n   <\/code><\/pre>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-o9hjxz-0c3c9d5b3acb0dc23c60c1bcfe4d5706 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-hhoc07-130823ddf0142f29279fd45b13d2a17b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-kb9ydz-ccbf2680d35bed2dd8141dd079ef0aa2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n<div  class='hr av-62dp1g-e701da002393ef35544dc28cfc88ecdd hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-5utjz0-8d57eade902c1aa9107e86b0c673dc1c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Styling the sort filter<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-5r3dq4-91962d0daf2990b5e5727296f2bfbc39 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To custom style, the accordion tab filter as seen in the below example copy the CSS code to your site and assign a custom CSS class &#8220;<strong>av-accordion-tab-sort-filter<\/strong>&#8221; to the accordion tab element.<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-5mal1o-0471c760f7af7419ecea6953470c385b av-minimal-toggle  av-accordion-tab-sort-filter toggle_close_all' ><div class='taglist'><div class=\"tag-tab\"><a href=\"#\" data-tag=\"{All}\" class=\"activeFilter\">All<\/a><span class='tag-seperator'>\/<\/span><\/div><div class=\"tag-tab\"><a href=\"#\" data-tag=\"{Features}\" class=\"\">Features<\/a><span class='tag-seperator'>\/<\/span><\/div><div class=\"tag-tab\"><a href=\"#\" data-tag=\"{Installation}\" class=\"\">Installation<\/a><span class='tag-seperator'>\/<\/span><\/div><div class=\"tag-tab\"><a href=\"#\" data-tag=\"{Misc}\" class=\"\">Misc<\/a><span class='tag-seperator'>\/<\/span><\/div><\/div>\n<section class='av_toggle_section av-5cyfys-3c215c49ffdff252a2e30498b4c55e42'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Installation} {Misc} \"  ><p id='toggle-toggle-id-42' data-fake-id='#toggle-id-42' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-42' data-slide-speed=\"200\" data-title=\"Toggle content using accordion\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Toggle content using accordion\" data-aria_expanded=\"Click to collapse: Toggle content using accordion\">Toggle content using accordion<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-42' aria-labelledby='toggle-toggle-id-42' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <strong>Aenean<\/strong> massa. Cum sociis natoque penatibus et magnis dis parturient montes, <strong>nascetur<\/strong> ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-59yfuk-d469fdfe44b1e59a5f4d0d0be6992ce2'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Installation} \"  ><p id='toggle-toggle-id-43' data-fake-id='#toggle-id-43' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-43' data-slide-speed=\"200\" data-title=\"Open multiple tabs at once\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Open multiple tabs at once\" data-aria_expanded=\"Click to collapse: Open multiple tabs at once\">Open multiple tabs at once<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-43' aria-labelledby='toggle-toggle-id-43' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. <strong>Vivamus<\/strong> elementum semper nisi. Aenean vulputate eleifend tellus.<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-4zc36s-ddbcef996508ede8c030e01e11688986'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Features} {Misc} \"  ><p id='toggle-toggle-id-44' data-fake-id='#toggle-id-44' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-44' data-slide-speed=\"200\" data-title=\"Toggle one tab at a time\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Toggle one tab at a time\" data-aria_expanded=\"Click to collapse: Toggle one tab at a time\">Toggle one tab at a time<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-44' aria-labelledby='toggle-toggle-id-44' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Nullam sagittis. Suspendisse pulvinar, augue ac venenatis <strong>condimentum<\/strong>, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante <strong>ipsum<\/strong> primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-4yj04c-01dbf842c80bbe8fd786b8a0440c304d'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Features} \"  ><p id='toggle-toggle-id-45' data-fake-id='#toggle-id-45' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-45' data-slide-speed=\"200\" data-title=\"Add widgets or media content\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Add widgets or media content\" data-aria_expanded=\"Click to collapse: Add widgets or media content\">Add widgets or media content<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-45' aria-labelledby='toggle-toggle-id-45' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis<\/strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-n58fqf-be3307bd2633298a6dcfe5598c807837 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-g4dn47-ffa98ecaa446cced28011a9d748a4da0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-jsusxj-dbcea197ca9aa65876f96d9cdb4466ac '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-4o1fj0-226cf7f300fc6f061efb52881c5a0933\">\n#top .hr.hr-invisible.av-4o1fj0-226cf7f300fc6f061efb52881c5a0933{\nheight:30px;\n}\n<\/style>\n<div  class='hr av-4o1fj0-226cf7f300fc6f061efb52881c5a0933 hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-4m4prg-302a6d48e64b39297701c451bd291dfe '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-4fm28c-4ab61eec32564e11344beddb7a108e93 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-fcpl0-fe6c29b8b3c917d4bdda0ce5bdf53198'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-46' data-fake-id='#toggle-id-46' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-46' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-46' aria-labelledby='toggle-toggle-id-46' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code>\r\n\/*----------------------------------------\r\n\/\/ CSS - Accordion tab sort filter\r\n\/\/--------------------------------------*\/ \r\n\r\n\/* Animate tab on hover *\/ \r\n\r\n.av-accordion-tab-sort-filter .taglist {    \r\n    background: #f3f3f5;\r\n    padding:10px 5px;    \r\n    border-radius: 4px;\r\n}\r\n.av-accordion-tab-sort-filter .taglist a {\r\n    background: #fff;\r\n    border-radius: 4px;\r\n    padding:5px 15px;\r\n    margin:5px;\r\n    color: #333;\r\n    text-decoration:none;\r\n}\r\n.av-accordion-tab-sort-filter .taglist a.activeFilter {\r\n    background: #3197d6;\r\n    color:#efefef;\r\n}\r\n.av-accordion-tab-sort-filter .taglist .tag-seperator {\r\n    display:none;\r\n}\r\n\r\n   <\/code><\/pre>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-kcz1gn-bb2653b45fddeabcdc3544b4c49e118e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-di25gn-4fb0eb03686e5fadf5d2f18a1557949a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-hqwzbb-67261388661f6315d556a8be389ff455 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n<div  class='hr av-42j8dw-d4d902993e8deb9e1f6401e22a0d6f4e hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-3uvrpw-d0390f268a7728a2eb512da44619bc41 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Accordion activate on hover<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-3ri5ms-81e7e93e96dfe70b2533239ceb93aa20 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To activate the accordion tabs on hover please assign the CSS class name &#8220;<strong>av_accordion_hover_active<\/strong>&#8221; and add the below function to your child theme functions.php<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-3m8vl8-f8852119f680b5edaa3d2cf7ebc83546 av-minimal-toggle  av_accordion_hover_active toggle_close_all' ><div class='taglist'><div class=\"tag-tab\"><a href=\"#\" data-tag=\"{All}\" class=\"activeFilter\">All<\/a><span class='tag-seperator'>\/<\/span><\/div><div class=\"tag-tab\"><a href=\"#\" data-tag=\"{Features}\" class=\"\">Features<\/a><span class='tag-seperator'>\/<\/span><\/div><div class=\"tag-tab\"><a href=\"#\" data-tag=\"{Installation}\" class=\"\">Installation<\/a><span class='tag-seperator'>\/<\/span><\/div><div class=\"tag-tab\"><a href=\"#\" data-tag=\"{Misc}\" class=\"\">Misc<\/a><span class='tag-seperator'>\/<\/span><\/div><\/div>\n<section class='av_toggle_section av-bzs6s-6d92d00682175304bb60a85a56b67b27'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Installation} {Misc} \"  ><p id='toggle-toggle-id-47' data-fake-id='#toggle-id-47' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-47' data-slide-speed=\"200\" data-title=\"Toggle content using accordion\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Toggle content using accordion\" data-aria_expanded=\"Click to collapse: Toggle content using accordion\">Toggle content using accordion<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-47' aria-labelledby='toggle-toggle-id-47' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <strong>Aenean<\/strong> massa. Cum sociis natoque penatibus et magnis dis parturient montes, <strong>nascetur<\/strong> ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-38c9zg-a1ebdf7a590fc4fdc9cf8c88f96aa38f'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Installation} \"  ><p id='toggle-toggle-id-48' data-fake-id='#toggle-id-48' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-48' data-slide-speed=\"200\" data-title=\"Open multiple tabs at once\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Open multiple tabs at once\" data-aria_expanded=\"Click to collapse: Open multiple tabs at once\">Open multiple tabs at once<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-48' aria-labelledby='toggle-toggle-id-48' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. <strong>Vivamus<\/strong> elementum semper nisi. Aenean vulputate eleifend tellus.<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-34cacc-1ac3142b52d8a50ab460f6363d9b94bf'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Features} {Misc} \"  ><p id='toggle-toggle-id-49' data-fake-id='#toggle-id-49' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-49' data-slide-speed=\"200\" data-title=\"Toggle one tab at a time\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Toggle one tab at a time\" data-aria_expanded=\"Click to collapse: Toggle one tab at a time\">Toggle one tab at a time<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-49' aria-labelledby='toggle-toggle-id-49' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Nullam sagittis. Suspendisse pulvinar, augue ac venenatis <strong>condimentum<\/strong>, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulum ante <strong>ipsum<\/strong> primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Ut varius tincidunt libero. Phasellus dolor. Maecenas vestibulum mollis<\/p>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-2v0dr0-5b6fd1653edd87e53eb2461f73574589'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} {Features} \"  ><p id='toggle-toggle-id-50' data-fake-id='#toggle-id-50' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-50' data-slide-speed=\"200\" data-title=\"Add widgets or media content\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Add widgets or media content\" data-aria_expanded=\"Click to collapse: Add widgets or media content\">Add widgets or media content<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-50' aria-labelledby='toggle-toggle-id-50' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et <strong>magnis<\/strong> dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<\/p>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-ip86wn-478280dcc72b91d4eb1b3c165c15d342 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-d6a747-4ecc843b907ab556bd5e0453a2b0ab02 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-f5g51z-f8a7937e996b6cf68f7cfca8895eb9dd '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-a1xj0-7199688b0d744741813953b6ccf96892\">\n#top .hr.hr-invisible.av-a1xj0-7199688b0d744741813953b6ccf96892{\nheight:30px;\n}\n<\/style>\n<div  class='hr av-a1xj0-7199688b0d744741813953b6ccf96892 hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-2mrhh8-81bec175143106b96ae59a2729f3e641 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-2emxuc-ee1d987161c846022fce6a01fb518ec3 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-26udj8-25e0daf187a0e201e1e8bac03a9e005d'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-51' data-fake-id='#toggle-id-51' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-51' data-slide-speed=\"200\" data-title=\"Function\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Function\" data-aria_expanded=\"Click to collapse: Function\">Function<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-51' aria-labelledby='toggle-toggle-id-51' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" >\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-h19euv-29d4524a188612320f82e56d7e146de4 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-atfpp3-a48c72028947153d9bec4ea9ae23dad6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-dzo5jb-82f15448e093303cd842f5f9b8071527 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n<div  class='hr av-6ud18-7e2a148af0647f29b433fef3c808815d hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1s83jo-7bf688d24c18c782967ef5530ae166ec '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Anchor links to according tab ID<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-1j4uok-d23f6fc47d815b0c60d4f72ee1c40c44 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Accordion tabs can be linked from a different page or the same page by using the tab ID&#8217;s. The URL pattern should be similar to the example below.<\/p>\n<pre><a href=\"https:\/\/kriesi.at\/documentation\/enfold\/accordion\/#toggle-id-3\">http:\/\/your-site.com\/page\/#toggle-id-46<\/a><\/pre>\n<\/div><\/section>\n<div  class='hr av-1cybvo-a96a9c39784e26207400dcee18a6280a hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1866ck-a07d5f49a010537aae5d11d4d4f59b36 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Custom tab and toggle ID\u2019s for prettier URL hashes<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-111cz8-c15660b34adda13948a61716833e8e53 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Tab ID&#8217;s are used to link to a tab section and since the tab ID&#8217;s are auto-generated it is usually in the format\u00a0<strong>#toggle-id-4<\/strong>. To change the hashtags to a more human-readable and prettier hashtag, please edit the Custom Toggle ID in the Toggle item &gt; Advanced &gt; Developer Settings &gt; For Developers: Custom Toggle ID.<\/p>\n<p><a href=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13756\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID.png\" alt=\"\" width=\"2353\" height=\"1292\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID.png 2353w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID-300x165.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID-1030x566.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID-768x422.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID-1536x843.png 1536w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID-2048x1125.png 2048w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID-1500x824.png 1500w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID-705x387.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID-450x247.png 450w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/Accordion-Custom-Toggle-ID-600x329.png 600w\" sizes=\"auto, (max-width: 2353px) 100vw, 2353px\" \/><\/a><\/p>\n<p>If this field isn&#8217;t available on your installation, please make sure that the Enfold theme options &gt; Layout Builder &gt; Show Advanced Options &gt; Hide Advanced Layout Builder Developer Options option is <strong>not<\/strong> disabled.<\/p>\n<\/div><\/section>\n<div  class='hr av-1cybvo-9-81f5040279a1b568c357bebf50853a9b hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-1866ck-8-bf868fcf4d448bc6525029656cc01589 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Disable certain accordion toggles<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-111cz8-7-ebb3b66fea61d998111642beb37f8c63 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To disable certain accordion toggles from opening, please edit the toggle you would like to disable and give it a custom tab ID (&#8220;disabled-acc&#8221; in this example)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13089\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/disabled-accordion-toggle.png\" alt=\"\" width=\"2020\" height=\"1526\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/disabled-accordion-toggle.png 2020w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/disabled-accordion-toggle-300x227.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/disabled-accordion-toggle-1030x778.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/disabled-accordion-toggle-768x580.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/disabled-accordion-toggle-1536x1160.png 1536w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/disabled-accordion-toggle-1500x1133.png 1500w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/disabled-accordion-toggle-705x533.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2017\/02\/disabled-accordion-toggle-600x453.png 600w\" sizes=\"auto, (max-width: 2020px) 100vw, 2020px\" \/><\/p>\n<p>and then add following code to Quick CSS field in Enfold theme options &gt; General Styling<\/p>\n<pre><code>\r\n.toggler[data-fake-id=\"#disabled-acc\"] {\r\n    pointer-events: none !important;\r\n}\r\n<\/code><\/pre>\n<\/div><\/section>\n<div  class='hr av-x6004-976e29efbcf1585d6845734eaa6c7d87 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-v5ww7g-631ffcde94dfc6ec20e24b82a6f5ee34 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Custom styled tabs<\/h2>\n<\/div><\/section>\n<div  class='hr av-x6004-6-93096557a40f8fa8bb2062d77730889f hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-v5ww7g-5-224111743511f729fd92ade88e2a36d7 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Accordion style-1<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-uyroy4-35034968bb87fba90b7a599178abf823 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The below accordion element has a CSS class name &#8220;av-accordion-style-1&#8221; assigned and styled using custom CSS. The easiest way to reproduce the below example is to copy the shortcode and CSS to your site.<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-331ovg-4e67101189b75e5b80b06bd3d7fbc0d6  avia-builder-el-27  avia-builder-el-no-sibling  av-accordion-style-1 toggle_close_all' >\n<section class='av_toggle_section av-uq7tm4-6831bdb2c1af794d9676aa42bea2164a'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-52' data-fake-id='#toggle-id-52' class='toggler  activeTitle av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-52' data-slide-speed=\"200\" data-title=\"Standard &lt;span class=&quot;extra-content&quot;&gt; $25.00&lt;\/span&gt;\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Standard &lt;span class=&quot;extra-content&quot;&gt; $25.00&lt;\/span&gt;\" data-aria_expanded=\"Click to collapse: Standard &lt;span class=&quot;extra-content&quot;&gt; $25.00&lt;\/span&gt;\">Standard <span class=\"extra-content\"> $25.00<\/span><span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-52' aria-labelledby='toggle-toggle-id-52' role='region' class='toggle_wrap  active_tc av-title-above' style='display:block;' ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-ukkxlo-aa7d1e6a04585c751b401c48e7c7a60f-wrap avia-button-left '><a href=''  class='avia-button av-ukkxlo-aa7d1e6a04585c751b401c48e7c7a60f av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-green'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-31f4uk-63becc217fbf481e7a0361bc53de25dd'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-53' data-fake-id='#toggle-id-53' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-53' data-slide-speed=\"200\" data-title=\"Premium &lt;span class=&quot;extra-content&quot;&gt; $50.00 &lt;\/span&gt; \" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Premium &lt;span class=&quot;extra-content&quot;&gt; $50.00 &lt;\/span&gt; \" data-aria_expanded=\"Click to collapse: Premium &lt;span class=&quot;extra-content&quot;&gt; $50.00 &lt;\/span&gt; \">Premium <span class=\"extra-content\"> $50.00 <\/span> <span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-53' aria-labelledby='toggle-toggle-id-53' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-u7znp8-59cb6c82f0cde5e82d4b80259d94aaa0-wrap avia-button-left '><a href='#'  class='avia-button av-u7znp8-59cb6c82f0cde5e82d4b80259d94aaa0 av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-green'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-u1yux0-fdbc9b5e62ecde83f80b5cca6ef0066f'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-54' data-fake-id='#toggle-id-54' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-54' data-slide-speed=\"200\" data-title=\"Deluxe &lt;span class=&quot;extra-content&quot;&gt; $75.00 &lt;\/span&gt; \" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Deluxe &lt;span class=&quot;extra-content&quot;&gt; $75.00 &lt;\/span&gt; \" data-aria_expanded=\"Click to collapse: Deluxe &lt;span class=&quot;extra-content&quot;&gt; $75.00 &lt;\/span&gt; \">Deluxe <span class=\"extra-content\"> $75.00 <\/span> <span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-54' aria-labelledby='toggle-toggle-id-54' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-tv72ok-cd508138c6b2fba2227cc9b912c24025-wrap avia-button-left '><a href='#'  class='avia-button av-tv72ok-cd508138c6b2fba2227cc9b912c24025 av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-green'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-fpv3dz-431e270cc28fa4c2c59577610636aaa6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-9j9rg7-dfae62d6d3e0a68629a46f14a78f67ca '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-ctqlef-c0257ae62f791aedf9bbc13b77ede59f '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-tnawqs-ae42e4d335512afdecdd2882bebc3d93\">\n#top .hr.hr-invisible.av-tnawqs-ae42e4d335512afdecdd2882bebc3d93{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-tnawqs-ae42e4d335512afdecdd2882bebc3d93 hr-invisible  avia-builder-el-28  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-th2udw-9a3cbbd359a46d5be55a9e72c767add2 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-tam4as-4709a5e0b0a9918ffc2e290e951a346f av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-556j6v-99b6026773ff5f3b7f19e5a53bb869f0'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-55' data-fake-id='#toggle-id-55' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-55' data-slide-speed=\"200\" data-title=\"Shortcode\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Shortcode\" data-aria_expanded=\"Click to collapse: Shortcode\">Shortcode<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-55' aria-labelledby='toggle-toggle-id-55' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p><br \/>\n<div  class='togglecontainer av-1e57ndj-90695f8abd5ee1fc55a3ef5ca5323dad  av-accordion-style-1 toggle_close_all' ><\/div><br \/>\n<br \/>\nMost of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-4pqc1j-707c539e6b02e57bc01df23f640c8a3c-wrap avia-button-left '><a href='#'  class='avia-button av-4pqc1j-707c539e6b02e57bc01df23f640c8a3c av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-theme-color'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section>\n\n<section  class='av_textblock_section av-780pxj-b79c400c94301d66b7703198ff09a404 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-bhxhiv-4a166df65947908ee56b36b4f03e6a56 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-eavykn-7889fbd6620db18dbf077fbf3d895298 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>[\/av_codeblock]<br \/>\n[\/av_toggle]<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-d2enyv-5e61f62b6d0176ceb27736124354a201 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>[\/av_toggle_container]<\/p>\n<\/div><\/section>\n<div  class='hr av-su7bs4-b9a66548d55e6ce5e0a0f9846ecfb6a1 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-sr2sus-bc9776a8c837cbb95586c4bffcb670de '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Accordion style-2<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-sizevw-c107d9fb5cefaeddb22273689e2dc640 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The below accordion element has a CSS class name &#8220;av-accordion-style-2&#8221; assigned and styled using custom CSS. The easiest way to reproduce the below example is to copy the shortcode and CSS to your site.<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-sfbj78-8c83c21f9648dbd23c90c41267b9a8b9  avia-builder-el-31  el_after_av_textblock  el_before_av_hr  av-accordion-style-2 toggle_close_all' >\n<section class='av_toggle_section av-s7ztdg-c5abc16e27f2e4e26db6e1be7901311e'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-56' data-fake-id='#toggle-id-56' class='toggler  activeTitle av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-56' data-slide-speed=\"200\" data-title=\"Standard &lt;span class=&quot;extra-content&quot;&gt; 2 TB File Storage and Easy File Manager&lt;\/span&gt;\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Standard &lt;span class=&quot;extra-content&quot;&gt; 2 TB File Storage and Easy File Manager&lt;\/span&gt;\" data-aria_expanded=\"Click to collapse: Standard &lt;span class=&quot;extra-content&quot;&gt; 2 TB File Storage and Easy File Manager&lt;\/span&gt;\">Standard <span class=\"extra-content\"> 2 TB File Storage and Easy File Manager<\/span><span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-56' aria-labelledby='toggle-toggle-id-56' role='region' class='toggle_wrap  active_tc av-title-above' style='display:block;' ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-s3ouo4-1cc8a0194922c2045289448c0b1a787f-wrap avia-button-left '><a href='#'  class='avia-button av-s3ouo4-1cc8a0194922c2045289448c0b1a787f av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-green'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-ru3fhg-3724fcc2f5a9e069dfe649dc8bb201f8'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-57' data-fake-id='#toggle-id-57' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-57' data-slide-speed=\"200\" data-title=\"Business &lt;span class=&quot;extra-content&quot;&gt; 5 TB File Storage and Complete Admin Control&lt;\/span&gt;\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Business &lt;span class=&quot;extra-content&quot;&gt; 5 TB File Storage and Complete Admin Control&lt;\/span&gt;\" data-aria_expanded=\"Click to collapse: Business &lt;span class=&quot;extra-content&quot;&gt; 5 TB File Storage and Complete Admin Control&lt;\/span&gt;\">Business <span class=\"extra-content\"> 5 TB File Storage and Complete Admin Control<\/span><span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-57' aria-labelledby='toggle-toggle-id-57' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-rq78f0-7b2863e7b5ea921f7bb83323ec4edeba-wrap avia-button-left '><a href='#'  class='avia-button av-rq78f0-7b2863e7b5ea921f7bb83323ec4edeba av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-green'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section>\n<section class='av_toggle_section av-rl0f3w-e5507b287a86c0efed037fb6a038e21c'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-58' data-fake-id='#toggle-id-58' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-58' data-slide-speed=\"200\" data-title=\"Premium &lt;span class=&quot;extra-content&quot;&gt; 10 TB File Storage, Version control and Collaboration &lt;\/span&gt;\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Premium &lt;span class=&quot;extra-content&quot;&gt; 10 TB File Storage, Version control and Collaboration &lt;\/span&gt;\" data-aria_expanded=\"Click to collapse: Premium &lt;span class=&quot;extra-content&quot;&gt; 10 TB File Storage, Version control and Collaboration &lt;\/span&gt;\">Premium <span class=\"extra-content\"> 10 TB File Storage, Version control and Collaboration <\/span><span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-58' aria-labelledby='toggle-toggle-id-58' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-reujgc-9c6221078177cf39fd2d6458a2537eec-wrap avia-button-left '><a href='#'  class='avia-button av-reujgc-9c6221078177cf39fd2d6458a2537eec av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-green'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-a6j61z-663d9dbc085ffbb844b338db7008bfca '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-55rbnb-b5cf6b4bda6ac0b5435691bfe996fdef '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-9dii13-791b6dca9e3eb3382b5a64c46a0be1b8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-r8uc9w-c17c93435353b793c405d15dbe18a75d\">\n#top .hr.hr-invisible.av-r8uc9w-c17c93435353b793c405d15dbe18a75d{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-r8uc9w-c17c93435353b793c405d15dbe18a75d hr-invisible'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-r2m278-b7a11ecfd7517fefa983b3f2e16b5b42 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-qv29h8-a59ffd553fffc24b122def78f87b0b47 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-12s551z-31960c0f1a08ae3fc9941ac48f245cb7'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-59' data-fake-id='#toggle-id-59' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-59' data-slide-speed=\"200\" data-title=\"Shortcode\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Shortcode\" data-aria_expanded=\"Click to collapse: Shortcode\">Shortcode<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-59' aria-labelledby='toggle-toggle-id-59' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p><br \/>\n<div  class='togglecontainer av-11ilh9z-42a5682d0017ff3e4a238bd3a6cdb387  av-accordion-style-2 toggle_close_all' ><\/div><br \/>\n<br \/>\nMost of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<div  class='avia-button-wrap av-xspb1j-8fb2d6cd8c2c00bb040136411575d96c-wrap avia-button-left '><a href='#'  class='avia-button av-xspb1j-8fb2d6cd8c2c00bb040136411575d96c av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-left avia-color-theme-color'   aria-label=\"Order Now!\"><span class='avia_button_icon avia_button_icon_left avia-iconfont avia-font-entypo-fontello' data-av_icon='\ue859' data-av_iconfont='entypo-fontello' ><\/span><span class='avia_iconbox_title' >Order Now!<\/span><\/a><\/div>\n<\/div><\/div><\/div><\/section>\n\n<section  class='av_textblock_section av-3y4gpz-dda2224cda528e7882f19d79d17e0a9c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-846k13-5b65307a992e91c1b29299294c9fa76b '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-8uzhon-2a38cb9dbe52d72d500c0c835b3aafe9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>[\/av_codeblock]<br \/>\n[\/av_toggle]<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-6z8sh3-24047c3af5e5b7c464457a86b128c608 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>[\/av_toggle_container]<\/p>\n<\/div><\/section>\n<div  class='hr av-qbqds4-ae7a6eb35be3029268f15c334802e841 hr-default  avia-builder-el-38  el_after_av_toggle_container  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-qaguw4-922666b66023b0c4ff57f6f77cc09ebe '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Accordion style-3<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-q2f9qk-ab64c9c06526e9c10321477a47336aeb '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The below accordion element has a CSS class name &#8220;av-accordion-style-2&#8221; assigned and styled using custom CSS. The easiest way to reproduce the below example is to copy the shortcode and CSS to your site.<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-pxvu90-fe4cb1b52d778aaac47e875f63f7ead4  avia-builder-el-41  el_after_av_textblock  el_before_av_hr  av-accordion-style-3 toggle_close_all' >\n<section class='av_toggle_section av-2kqnkc-91ff8452adcc2fc936cefb7236e21db7'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-60' data-fake-id='#toggle-id-60' class='toggler  activeTitle av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-60' data-slide-speed=\"200\" data-title=\"Available Plans &amp; Features\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Available Plans &amp; Features\" data-aria_expanded=\"Click to collapse: Available Plans &amp; Features\">Available Plans &amp; Features<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-60' aria-labelledby='toggle-toggle-id-60' role='region' class='toggle_wrap  active_tc av-title-above' style='display:block;' ><div class='toggle_content invers-color '  itemprop=\"text\" ><p>Most of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-pmq6dg-2d58989c4c3c600b896548d8cf3dcd2b\">\n.flex_column.av-pmq6dg-2d58989c4c3c600b896548d8cf3dcd2b{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-pmq6dg-2d58989c4c3c600b896548d8cf3dcd2b av_one_half first flex_column_div av-zero-column-padding  '     ><section  class='av_textblock_section av-pesd0s-7ca9757b582b9eb2a94c9b829ef6fe01 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><div  class='avia-icon-list-container av-p8iqc4-8359393ebffc186de08fc1c4c67726ad'><ul class='avia-icon-list avia_animate_when_almost_visible avia-icon-list-left av-iconlist-big av-p8iqc4-8359393ebffc186de08fc1c4c67726ad avia-iconlist-animate'>\n<li><div class='iconlist_icon av-p1l2ok-4500d749ec11329ba67eea94cc4851d5 avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Cornhole quinoa\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Cornhole quinoa<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Blog, cupidatat roof party est etsy snackwave four loko kitsch four dollar toast synth ugh plaid.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-ow1bbo-62291560f4eab04ee996e2700d051764 avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Empower communities\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Empower communities<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Justice empower communities theory of change green space society or think tank relief. Activate resilient.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-ormn4s-ec21fc63a42365789887f32227a1cdac avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Collaborate mass\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Collaborate mass<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Incarceration rubric, thought partnership white paper data. Social enterprise circular dynamic, paradigm natural.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<\/ul><\/div>\n<\/div><\/section><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-ol8m9o-06812fbfabeb1fdb3e62b2de64419276\">\n.flex_column.av-ol8m9o-06812fbfabeb1fdb3e62b2de64419276{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-ol8m9o-06812fbfabeb1fdb3e62b2de64419276 av_one_half flex_column_div av-zero-column-padding  '     ><section  class='av_textblock_section av-of30n8-5596df6d28e769a5db1b49913c72c925 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><div  class='avia-icon-list-container av-o6pyok-6b751c56052faec1fff4865ba92a2e1d'><ul class='avia-icon-list avia_animate_when_almost_visible avia-icon-list-left av-iconlist-big av-o6pyok-6b751c56052faec1fff4865ba92a2e1d avia-iconlist-animate'>\n<li><div class='iconlist_icon av-o3qimk-8a419c6eeb525009c37f19ef8ac315e4 avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Roof Top Party\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Roof Top Party<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Blog, cupidatat roof party est etsy snackwave four loko kitsch four dollar toast synth ugh plaid.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-nxz1ho-e8133f92321fbc3406d69c6b84f0ff83 avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Social enterprise\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Social enterprise<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Incarceration rubric, thought partnership white paper data. Social enterprise circular dynamic, paradigm natural.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-nrgruk-be9de9f9affbd3801c8b2d3ab04ceafc avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Green Space\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Green Space<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Justice empower communities theory of change green space society or think tank relief. Activate resilient.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<\/ul><\/div>\n<\/div><\/section><\/div><\/p>\n<\/div><\/div><\/div><\/section><section  class='av_textblock_section av-ksbmv-fb9ed9331f5877cd3e1a70d817137243 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-2h7vwn-cb98fa308abad9e4cc45115914fe40a6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section><section  class='av_textblock_section av-5qf2c7-df1bcb7e390091ae02915a397253f790 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><\/div><\/section>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-nmqhg4-bae1bb84f7e095e748a37feef239e7ee\">\n#top .hr.hr-invisible.av-nmqhg4-bae1bb84f7e095e748a37feef239e7ee{\nheight:50px;\n}\n<\/style>\n<div  class='hr av-nmqhg4-bae1bb84f7e095e748a37feef239e7ee hr-invisible  avia-builder-el-47  el_after_av_toggle_container  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-nd9mm4-bd41f91a2641481eac44df0776c94925 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Code snippets:<\/strong><\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-n6zw2k-938798574f550f48d98ba1df4b20bdf4 av-minimal-toggle toggle_close_all' >\n<section class='av_toggle_section av-lctc6mvv-085db055e966d1971996e74575cd8e59'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-61' data-fake-id='#toggle-id-61' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-61' data-slide-speed=\"200\" data-title=\"Shortcode\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: Shortcode\" data-aria_expanded=\"Click to collapse: Shortcode\">Shortcode<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-61' aria-labelledby='toggle-toggle-id-61' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><p><br \/>\n<div  class='togglecontainer av-oqlrl3-3-21d71a6e98aa7919554a6237f26589b6  av-accordion-style-3 toggle_close_all' ><\/div><br \/>\n<br \/>\nMost of the words of Lorem Ipsum dummy copy that are pasted into browser text boxes, content management systems, or word processors will get underlined with red or green wavy lines by the spell checker. This can be distracting during development as turning it off temporarily is a hassle.<\/p>\n<p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-ke94ev-ddbeeb182476898ee7cbfdcbffe277bd\">\n.flex_column.av-ke94ev-ddbeeb182476898ee7cbfdcbffe277bd{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-ke94ev-ddbeeb182476898ee7cbfdcbffe277bd av_one_half first flex_column_div av-zero-column-padding  '     ><section  class='av_textblock_section av-j9553b-7bf2ddcaac8c9ecc8d8b3ad04ac16662 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><div  class='avia-icon-list-container av-hecb0n-e0ba5cb4d622ed66ba79443d089062ac'><ul class='avia-icon-list avia_animate_when_almost_visible avia-icon-list-left av-iconlist-big av-hecb0n-e0ba5cb4d622ed66ba79443d089062ac avia-iconlist-animate'>\n<li><div class='iconlist_icon av-f9wodj-26b81fa60b5514c934ef44c6d4b31ee8 avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Cornhole quinoa\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Cornhole quinoa<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Blog, cupidatat roof party est etsy snackwave four loko kitsch four dollar toast synth ugh plaid.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-1fdsev-7b1939771955376d2a9f8849ee716b21 avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Empower communities\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Empower communities<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Justice empower communities theory of change green space society or think tank relief. Activate resilient.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-d7izrr-a94a475d3b036a84b25f37ccf5b98e55 avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Collaborate mass\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Collaborate mass<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Incarceration rubric, thought partnership white paper data. Social enterprise circular dynamic, paradigm natural.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<\/ul><\/div>\n<\/div><\/section><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-adz347-f46ae6e3e6ff9e0f6df3b780423a5af0\">\n.flex_column.av-adz347-f46ae6e3e6ff9e0f6df3b780423a5af0{\nborder-radius:0px 0px 0px 0px;\npadding:0px 0px 0px 0px;\n}\n<\/style>\n<div  class='flex_column av-adz347-f46ae6e3e6ff9e0f6df3b780423a5af0 av_one_half flex_column_div av-zero-column-padding  '     ><section  class='av_textblock_section av-9oe393-53f275071a6cb7429514dc1923c91cf3 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><div  class='avia-icon-list-container av-7vk76v-a52a7916f5db074cae0c60e25422ae09'><ul class='avia-icon-list avia_animate_when_almost_visible avia-icon-list-left av-iconlist-big av-7vk76v-a52a7916f5db074cae0c60e25422ae09 avia-iconlist-animate'>\n<li><div class='iconlist_icon av-5evgx3-148221c32023b71dd0beb35813ca6e14 avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Roof Top Party\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Roof Top Party<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Blog, cupidatat roof party est etsy snackwave four loko kitsch four dollar toast synth ugh plaid.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-4obyrr-ee8088b3e94800e504a620710b7aba4c avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Social enterprise\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Social enterprise<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Incarceration rubric, thought partnership white paper data. Social enterprise circular dynamic, paradigm natural.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<li><div class='iconlist_icon av-a6lcn-c3e467199acb0817c3c87beff44c7607 avia-font-entypo-fontello avia-iconfont avia-font-entypo-fontello'><span class='av-icon-char' data-av_icon='\ue812' data-av_iconfont='entypo-fontello' aria-hidden=\"true\"><\/span><\/div><article class=\"article-icon-entry \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class=\"iconlist_content_wrap\"><header class=\"entry-content-header\" aria-label=\"Icon: Green Space\"><h4 class='av_iconlist_title iconlist_title  '  itemprop=\"headline\" >Green Space<\/h4><\/header><div class='iconlist_content '  itemprop=\"text\" ><p>Justice empower communities theory of change green space society or think tank relief. Activate resilient.<\/p>\n<\/div><\/div><footer class=\"entry-footer\"><\/footer><\/article><div class=\"iconlist-timeline\"><\/div><\/li>\n<\/ul><\/div>\n<\/div><\/section><\/div><\/p>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<section  class='av_textblock_section av-3k7zqv-ac3a9eb297364078457ddd203edff96a '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>[\/av_codeblock]<br \/>\n[\/av_toggle]<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-3a1hav-00ec7fd50483288cc75fbcd5e412d0dc '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>[\/av_toggle_container]<\/p>\n<\/div><\/section>\n<div  class='hr av-j1zf8-ef19ad9b34f23e3f9cb882730037eae7 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-rsfn0-589e99ca30e32c2f42c833d88a1569c4 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Resource<\/h2>\n<\/div><\/section>\n<div  class='hr av-j1zf8-1-ca919302b76e521bdcabded84b5a3bb4 hr-default'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-dip1g-1d22be1cbeb6231e086548b6a18671c9 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Contributed video<\/strong>:<\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-94ga4-db16b10407ff66b8d2853d410ceae19c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><a href=\"https:\/\/www.youtube.com\/watch?v=6d_yT0xgMXU\">Accordion element tutorial <\/a><\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[2,6],"tags":[16],"class_list":["post-3767","post","type-post","status-publish","format-standard","hentry","category-documentation","category-content-elements","tag-content-elements","documentation","content-elements"],"modified_by":"Yigit","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/3767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=3767"}],"version-history":[{"count":28,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/3767\/revisions"}],"predecessor-version":[{"id":13755,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/3767\/revisions\/13755"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=3767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=3767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=3767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}