{"context":"et_theme_builder","templates":[{"title":"Specific Pages: Free Download: Divi Header Template With Smooth Submenus Effect","autogenerated_title":true,"default":false,"enabled":true,"use_on":["singular:post_type:page:id:247556"],"exclude_from":[],"layouts":{"header":{"id":247564,"enabled":true},"body":{"id":0,"enabled":true},"footer":{"id":0,"enabled":true}}}],"layouts":{"247564":{"context":"et_builder","data":{"247564":"[et_pb_section fb_built=\"1\" admin_label=\"Section - Free Header Template #3 (Divicio.us)\" _builder_version=\"4.17.4\" _module_preset=\"default\" positioning=\"fixed\" position_origin_f=\"top_center\" overflow-x=\"visible\" overflow-y=\"visible\" custom_padding=\"0px|0px|0px|0px|true|true\" global_colors_info=\"{}\"][et_pb_row column_structure=\"3_4,1_4\" use_custom_gutter=\"on\" gutter_width=\"1\" make_equal=\"on\" custom_padding_last_edited=\"on|tablet\" _builder_version=\"4.17.4\" _module_preset=\"default\" background_color=\"#FFFFFF\" background_enable_pattern_style=\"on\" background_pattern_style=\"tufted\" background_pattern_color=\"rgba(224,43,32,0.84)\" background_pattern_size=\"custom\" background_pattern_width=\"42px\" width=\"100%\" module_alignment=\"center\" overflow-x=\"visible\" overflow-y=\"visible\" custom_padding=\"0px|0px|0px|0px|true|true\" custom_padding_tablet=\"15px|0px|15px|0px|true|true\" custom_padding_phone=\"15px|0px|15px|0px|true|true\" border_radii=\"on|4px|4px|4px|4px\" box_shadow_style=\"preset1\" box_shadow_color=\"rgba(0,0,0,0.1)\" global_colors_info=\"%91%93\"][et_pb_column type=\"3_4\" _builder_version=\"4.17.4\" _module_preset=\"default\" custom_css_main_element=\"width: calc( 100% - 140px ) !important;\" global_colors_info=\"{}\"][et_pb_menu menu_id=\"66\" dropdown_menu_bg_color=\"#FFFFFF\" dropdown_menu_line_color=\"RGBA(255,255,255,0)\" dropdown_menu_text_color=\"#000000\" mobile_menu_bg_color=\"#FFFFFF\" logo=\"http:\/\/localhost\/demos\/wp-content\/uploads\/2022\/08\/divicious_logo_black.png\" logo_url=\"https:\/\/www.divicio.us\/\" logo_width=\"200px\" show_search_icon=\"on\" cart_icon_color=\"#000000\" search_icon_color=\"#000000\" menu_icon_color=\"#000000\" search_icon_font_size=\"20px\" logo_tablet=\"http:\/\/localhost\/demos\/wp-content\/uploads\/2022\/08\/divicious_logo_black.png\" logo_phone=\"http:\/\/localhost\/demos\/wp-content\/uploads\/2022\/08\/divicious-logo-D-black-256x220-1.png\" logo_last_edited=\"on|phone\" logo_width_tablet=\"200px\" logo_width_phone=\"80px\" logo_width_last_edited=\"on|tablet\" search_icon_color_last_edited=\"off|tablet\" module_class=\"dvcs_free_header_3 dvcs_smooth_submenus\" _builder_version=\"4.17.4\" _module_preset=\"default\" menu_font=\"Almarai|800||on|||||\" menu_text_color=\"#000000\" menu_font_size=\"12px\" menu_letter_spacing=\"2px\" background_color=\"RGBA(255,255,255,0)\" background_pattern_repeat_origin=\"bottom_right\" custom_margin=\"||||false|false\" custom_margin_tablet=\"6px||||false|false\" custom_margin_phone=\"0px||||false|false\" custom_margin_last_edited=\"on|desktop\" custom_padding=\"|25px||25px|false|true\" custom_padding_tablet=\"|10px|||false|false\" custom_padding_phone=\"|10px|||false|false\" custom_padding_last_edited=\"on|phone\" border_radii=\"on|5px|5px|5px|5px\" global_colors_info=\"{}\"][\/et_pb_menu][et_pb_code admin_label=\"Code - CSS\" _builder_version=\"4.17.4\" _module_preset=\"default\" hover_enabled=\"0\" global_colors_info=\"{}\" sticky_enabled=\"0\"]<style type=\"text\/css\"><!-- [et_pb_line_break_holder] -->  \/* desktop menu *\/<!-- [et_pb_line_break_holder] -->  .et_pb_menu.dvcs_free_header_3 .et_pb_menu__menu {<!-- [et_pb_line_break_holder] -->      flex: 1 0 auto;<!-- [et_pb_line_break_holder] -->      justify-content: center;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* mobile menu *\/<!-- [et_pb_line_break_holder] -->  .et_pb_menu.dvcs_free_header_3 .et_mobile_menu {<!-- [et_pb_line_break_holder] -->  \tmax-height: 75vh;<!-- [et_pb_line_break_holder] -->    overflow-y: auto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  @media all and (max-width: 980px){<!-- [et_pb_line_break_holder] -->    .et_pb_menu.dvcs_free_header_3 .et_mobile_menu {<!-- [et_pb_line_break_holder] -->      border-radius: 4px;<!-- [et_pb_line_break_holder] -->      width: 300px !important;<!-- [et_pb_line_break_holder] -->      right: 0;<!-- [et_pb_line_break_holder] -->    \tleft: auto;<!-- [et_pb_line_break_holder] -->      \/*margin-left: 70px !important;*\/<!-- [et_pb_line_break_holder] -->      top: calc(100% + 25px) !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  @media all and (max-width: 768px){<!-- [et_pb_line_break_holder] -->    .et_pb_menu.dvcs_free_header_3 .et_mobile_menu {<!-- [et_pb_line_break_holder] -->      width: calc(100% + 160px) !important;<!-- [et_pb_line_break_holder] -->      left: 0;<!-- [et_pb_line_break_holder] -->      right: auto;<!-- [et_pb_line_break_holder] -->      margin-left: -18px !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* mobile menu first link *\/<!-- [et_pb_line_break_holder] -->  .dvcs_free_header_3 .et_mobile_menu > li:first-child > a {<!-- [et_pb_line_break_holder] -->      border-top: 1px solid rgba(0,0,0,.03) !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* open mobile menu icon *\/<!-- [et_pb_line_break_holder] -->  .et-db #et-boc .et-l .dvcs_free_header_3 .opened .mobile_menu_bar:before {<!-- [et_pb_line_break_holder] -->    content: \"\u0004d\";<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/* mobile menu parent menu items *\/<!-- [et_pb_line_break_holder] -->  .dvcs_free_header_3 .et_mobile_menu .menu-item-has-children > a {<!-- [et_pb_line_break_holder] -->    background-color: transparent;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] --><\/style>[\/et_pb_code][et_pb_code disabled_on=\"off|off|off\" admin_label=\"Code - Smooth Submenus Effect CSS & JS\" _builder_version=\"4.17.4\" _module_preset=\"default\" global_colors_info=\"{}\"]<style type=\"text\/css\"><!-- [et_pb_line_break_holder] -->  \/**<!-- [et_pb_line_break_holder] -->   * SMOOTH SUBMENUS EFFECT CSS.<!-- [et_pb_line_break_holder] -->   * @author\t\tIvan Chiurcci<!-- [et_pb_line_break_holder] -->   * @site  \t\thttps:\/\/www.divicio.us\/tutorials\/menu\/create-the-smooth-submenus-effect-for-divi-desktop-menu\/<!-- [et_pb_line_break_holder] -->   *\/<!-- [et_pb_line_break_holder] -->  \/* Submenu background and arrow *\/<!-- [et_pb_line_break_holder] -->  \/* visible submenu *\/<!-- [et_pb_line_break_holder] -->  .dvcs-item-enter > .sub-menu {<!-- [et_pb_line_break_holder] -->      display: block;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .dvcs-item-enter-active > .sub-menu {<!-- [et_pb_line_break_holder] -->      opacity: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* submenu background wrapper *\/<!-- [et_pb_line_break_holder] -->  .dvcs_submenu_bg_wrapper {<!-- [et_pb_line_break_holder] -->      position: absolute;<!-- [et_pb_line_break_holder] -->      z-index: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .dvcs_submenu_bg_wrapper.dvcs-animatable {<!-- [et_pb_line_break_holder] -->      transition: transform 0.2s; <!-- [et_pb_line_break_holder] -->      transform-origin: 50% 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .dvcs_submenu_bg_wrapper:not(.dvcs-animatable) {<!-- [et_pb_line_break_holder] -->      pointer-events: none;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* submenu background *\/<!-- [et_pb_line_break_holder] -->  .dvcs_submenu_bg {<!-- [et_pb_line_break_holder] -->      width: 150px;<!-- [et_pb_line_break_holder] -->      height: 100px;<!-- [et_pb_line_break_holder] -->      position: absolute;<!-- [et_pb_line_break_holder] -->      left: 50%;<!-- [et_pb_line_break_holder] -->      transform: translateX(-50%);<!-- [et_pb_line_break_holder] -->      background: #fff;<!-- [et_pb_line_break_holder] -->      border-radius: 4px;<!-- [et_pb_line_break_holder] -->      box-shadow: 0px 2px 18px 0px rgb(0 0 0 \/ 10%);<!-- [et_pb_line_break_holder] -->      transition: all 0.2s, opacity 0.1s, transform 0.1s;<!-- [et_pb_line_break_holder] -->      transform-origin: 50% 0;<!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] -->      justify-content: center;<!-- [et_pb_line_break_holder] -->      opacity: 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  .dvcs_submenu_bg.dvcs_open {<!-- [et_pb_line_break_holder] -->      opacity: 1;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* submenu background arrow *\/<!-- [et_pb_line_break_holder] -->  .dvcs_arrow {<!-- [et_pb_line_break_holder] -->      position: absolute;<!-- [et_pb_line_break_holder] -->      width: 7px;<!-- [et_pb_line_break_holder] -->      height: 7px;<!-- [et_pb_line_break_holder] -->      display: block;<!-- [et_pb_line_break_holder] -->      background: #f10e02;<!-- [et_pb_line_break_holder] -->      transform: translateY(-50%) rotate(45deg);<!-- [et_pb_line_break_holder] -->      pointer-events: none;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/* END Submenu background and arrow *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* Menus CSS *\/<!-- [et_pb_line_break_holder] -->  \/* first level submenus *\/<!-- [et_pb_line_break_holder] -->  .dvcs_madmenu_smooth_submenus .dvmm_menu__menu .dvmm_menu > li > ul,<!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .et_pb_menu__menu nav .et-menu > li > ul,<!-- [et_pb_line_break_holder] -->  #et-top-navigation #top-menu > li > ul {<!-- [et_pb_line_break_holder] -->      left: 50%;<!-- [et_pb_line_break_holder] -->      transform: translate(-50%, 0) translateZ(0);<!-- [et_pb_line_break_holder] -->      background-color: transparent !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* remove submenu box-shadow *\/<!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .nav li ul,<!-- [et_pb_line_break_holder] -->  #et-top-navigation #top-menu li ul {<!-- [et_pb_line_break_holder] -->      box-shadow: none !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  @media all and (min-width: 981px){<!-- [et_pb_line_break_holder] -->      \/* remove space between menu items (Divi default menu) *\/<!-- [et_pb_line_break_holder] -->      #top-menu {<!-- [et_pb_line_break_holder] -->          display: flex;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* remove parent item arrow *\/<!-- [et_pb_line_break_holder] -->  #main-header #top-menu > li.menu-item-has-children > a:after,<!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .et-menu > li.menu-item-has-children > a:after {<!-- [et_pb_line_break_holder] -->      content: \"\";<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* parent item link *\/<!-- [et_pb_line_break_holder] -->  #main-header #top-menu > li > a,<!-- [et_pb_line_break_holder] -->  .dvcs_smooth_submenus .et-menu > li > a {<!-- [et_pb_line_break_holder] -->      padding-left: 10px !important;<!-- [et_pb_line_break_holder] -->      padding-right: 10px !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* top level items padding (Divi default menu) *\/<!-- [et_pb_line_break_holder] -->  #top-menu > li {<!-- [et_pb_line_break_holder] -->      padding: 0px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/* remove parent item arrow (Divi MadMenu) *\/<!-- [et_pb_line_break_holder] -->  .dvcs_madmenu_smooth_submenus .dvmm_menu__menu .dvmm_menu > li > a .dvmm_submenu_toggle {<!-- [et_pb_line_break_holder] -->      display: none;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/* END Menus CSS *\/<!-- [et_pb_line_break_holder] -->  \/* END SMOOTH SUBMENUS EFFECT CSS *\/<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  \/**<!-- [et_pb_line_break_holder] -->   * SMOOTH SUBMENUS EFFECT FOR DIVI DESKTOP MENU.<!-- [et_pb_line_break_holder] -->   * @author\t\tIvan Chiurcci<!-- [et_pb_line_break_holder] -->   * @site  \t\thttps:\/\/www.divicio.us\/tutorials\/menu\/create-the-smooth-submenus-effect-for-divi-desktop-menu\/<!-- [et_pb_line_break_holder] -->   *\/<!-- [et_pb_line_break_holder] -->  window.dvcsSmoothSubmenus = {<!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Create the submenu background element<!-- [et_pb_line_break_holder] -->     * and insert it into the menu <nav> element before <ul> element.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * @param {HTMLelement}    nav     Menu <nav> element.<!-- [et_pb_line_break_holder] -->     * @param {HTMLelement}    ul      Menu <ul> element.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->     createSubmenuBg: function(nav, ul){<!-- [et_pb_line_break_holder] -->        \/\/ create submenu background element<!-- [et_pb_line_break_holder] -->        let submenuBgWrapper = document.createElement(\"div\"),<!-- [et_pb_line_break_holder] -->            submenuBg = document.createElement(\"div\"),<!-- [et_pb_line_break_holder] -->            arrow     = document.createElement(\"span\");<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ add CSS classes<!-- [et_pb_line_break_holder] -->        submenuBgWrapper.classList.add(\"dvcs_submenu_bg_wrapper\");<!-- [et_pb_line_break_holder] -->        submenuBg.classList.add(\"dvcs_submenu_bg\");<!-- [et_pb_line_break_holder] -->        arrow.classList.add(\"dvcs_arrow\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ insert into menu<!-- [et_pb_line_break_holder] -->        nav.insertBefore(submenuBgWrapper, ul);<!-- [et_pb_line_break_holder] -->        submenuBgWrapper.appendChild(submenuBg);<!-- [et_pb_line_break_holder] -->        submenuBg.appendChild(arrow);<!-- [et_pb_line_break_holder] -->    },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Handle the submenu bakcground on menu item mouse enter.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * Shows the submenu background when the parent menu item is hovered over<!-- [et_pb_line_break_holder] -->     * and updates it's coordinates and size values accordingly.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} item                The menu item that is currently hovered over.<!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} nav                 Menu <nav> element.<!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} submenuBgWrapper    Submenu background wrapper.<!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} submenuBg           Submenu background.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    handleEnter: function(item, nav, submenuBgWrapper, submenuBg){<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ coordinates of the current submenu and menu <nav> element<!-- [et_pb_line_break_holder] -->        const submenu      = item.querySelector('.sub-menu'),<!-- [et_pb_line_break_holder] -->              submenuRect  = submenu.getBoundingClientRect(),<!-- [et_pb_line_break_holder] -->              navRect       = nav.getBoundingClientRect();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ submenu background values<!-- [et_pb_line_break_holder] -->        const bg = {<!-- [et_pb_line_break_holder] -->            height: submenuRect.height,<!-- [et_pb_line_break_holder] -->            width: submenuRect.width,<!-- [et_pb_line_break_holder] -->            top: submenuRect.top - navRect.top,<!-- [et_pb_line_break_holder] -->            left: submenuRect.left - navRect.left<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ add CSS classes<!-- [et_pb_line_break_holder] -->        item.classList.add('dvcs-item-enter');<!-- [et_pb_line_break_holder] -->        setTimeout(() => item.classList.contains('dvcs-item-enter') && item.classList.add('dvcs-item-enter-active'), 150);<!-- [et_pb_line_break_holder] -->        submenuBg.classList.add('dvcs_open');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ set the submenu wrapper background properties<!-- [et_pb_line_break_holder] -->        submenuBgWrapper.style.setProperty('transform', `translate(${bg.left}px, ${bg.top}px)`);<!-- [et_pb_line_break_holder] -->        submenuBgWrapper.style.setProperty('width', `${bg.width}px`);<!-- [et_pb_line_break_holder] -->        submenuBgWrapper.style.setProperty('height', `${bg.height}px`);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ set the submenu background properties<!-- [et_pb_line_break_holder] -->        submenuBg.style.setProperty('width', `${bg.width}px`);<!-- [et_pb_line_break_holder] -->        submenuBg.style.setProperty('height', `${bg.height}px`);<!-- [et_pb_line_break_holder] -->    },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Handle the submenu background hiding.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * Hides the submenu background when the mouse leaves<!-- [et_pb_line_break_holder] -->     * the parent menu item.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} item        The menu item.<!-- [et_pb_line_break_holder] -->     * @param {HTMLelement} submenuBg   Submenu background.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    handleLeave: function(item, submenuBg){<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ remove CSS classes<!-- [et_pb_line_break_holder] -->        item.classList.remove('dvcs-item-enter', 'dvcs-item-enter-active');<!-- [et_pb_line_break_holder] -->        submenuBg.classList.remove('dvcs_open');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ remove the submenu background properties<!-- [et_pb_line_break_holder] -->        submenuBg.style.setProperty('width', '');<!-- [et_pb_line_break_holder] -->        submenuBg.style.setProperty('height', '');<!-- [et_pb_line_break_holder] -->    },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->       * Handle the submenu background when mouse enters the menu <ul> element.<!-- [et_pb_line_break_holder] -->       * <!-- [et_pb_line_break_holder] -->       * Enables transition for the submenu background to ensure it<!-- [et_pb_line_break_holder] -->       * moves smoothly in between the adjacent parent menu items. <!-- [et_pb_line_break_holder] -->       * <!-- [et_pb_line_break_holder] -->       * @param {HTMLelement} submenuBgWrapper Submenu background wrapper.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      handleEnterUl: function(submenuBgWrapper){\t\t<!-- [et_pb_line_break_holder] -->          setTimeout(function(){submenuBgWrapper.classList.add('dvcs-animatable')}, 150);<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->       * Handle the submenu background when mouse leaves the menu <ul> element.<!-- [et_pb_line_break_holder] -->       * <!-- [et_pb_line_break_holder] -->       * Disables transition for the submenu background and <!-- [et_pb_line_break_holder] -->       * resets it's size.<!-- [et_pb_line_break_holder] -->       * <!-- [et_pb_line_break_holder] -->       * @param {HTMLelement} submenuBgWrapper    Submenu background wrapper.<!-- [et_pb_line_break_holder] -->       * @param {HTMLelement} submenuBg           Submenu background. <!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      handleLeaveUl: function(submenuBgWrapper, submenuBg){<!-- [et_pb_line_break_holder] -->          submenuBgWrapper.classList.remove('dvcs-animatable');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ remove the submenu background properties<!-- [et_pb_line_break_holder] -->          submenuBg.style.setProperty('width', '');<!-- [et_pb_line_break_holder] -->          submenuBg.style.setProperty('height', '');<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Handle the \"smooth submenus\" effect.<!-- [et_pb_line_break_holder] -->       * <!-- [et_pb_line_break_holder] -->       * @param {string} menuSelector     Menu selector, CSS ID or class. Default: '#et-top-navigation'<!-- [et_pb_line_break_holder] -->       * @param {string} navSelector      Menu <nav> element selector, CSS ID or class. Default: '#top-menu-nav'<!-- [et_pb_line_break_holder] -->       * @param {string} ulSelector       Menu <ul> element selector, CSS ID or class. Default: '#top-menu'<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      effect: function(menuSelector = '#et-top-navigation', navSelector = '#top-menu-nav', ulSelector = '#top-menu'){<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ select the menu<!-- [et_pb_line_break_holder] -->          let menu = document.querySelector(menuSelector);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          if(!menu){return}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ select the menu <nav> and <ul> elements<!-- [et_pb_line_break_holder] -->          let nav  = menu.querySelector(navSelector),<!-- [et_pb_line_break_holder] -->              ul   = nav.querySelector(ulSelector);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ insert the submenu background element(with arrow) into the <nav> element<!-- [et_pb_line_break_holder] -->          this.createSubmenuBg(nav, ul);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          const items = nav.querySelectorAll(`${ulSelector} > li.menu-item-has-children`),<!-- [et_pb_line_break_holder] -->                submenuBgWrapper = nav.querySelector('.dvcs_submenu_bg_wrapper'),<!-- [et_pb_line_break_holder] -->                submenuBg = nav.querySelector('.dvcs_submenu_bg');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ handle <ul> element mouse enter<!-- [et_pb_line_break_holder] -->          ul.addEventListener('mouseenter', () => this.handleEnterUl(submenuBgWrapper));<!-- [et_pb_line_break_holder] -->          ul.addEventListener('touchstart', () => this.handleEnterUl(submenuBgWrapper)); \/\/ ???<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ handle menu items mouse enter<!-- [et_pb_line_break_holder] -->          items.forEach(item => {<!-- [et_pb_line_break_holder] -->              item.addEventListener('mouseenter', () => {<!-- [et_pb_line_break_holder] -->                  this.handleEnter(item, nav, submenuBgWrapper, submenuBg)<!-- [et_pb_line_break_holder] -->              })<!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] -->          items.forEach(item => {       \/\/ ???<!-- [et_pb_line_break_holder] -->              item.addEventListener('touchstart', () => {<!-- [et_pb_line_break_holder] -->                  this.handleEnter(item, nav, submenuBgWrapper, submenuBg)<!-- [et_pb_line_break_holder] -->              })<!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ handle menu items mouse leave<!-- [et_pb_line_break_holder] -->          items.forEach(item => {<!-- [et_pb_line_break_holder] -->              item.addEventListener('mouseleave', () => {<!-- [et_pb_line_break_holder] -->                  this.handleLeave(item, submenuBg)<!-- [et_pb_line_break_holder] -->              })<!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ handle <ul> element mouse leave<!-- [et_pb_line_break_holder] -->          ul.addEventListener('mouseleave', () => this.handleLeaveUl(submenuBgWrapper, submenuBg));<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  document.addEventListener('DOMContentLoaded', function(){<!-- [et_pb_line_break_holder] -->      \/\/ Divi Menu(or Fullwidth Menu) module<!-- [et_pb_line_break_holder] -->      dvcsSmoothSubmenus.effect('.dvcs_smooth_submenus', '.et-menu-nav', '.et-menu');<!-- [et_pb_line_break_holder] -->  })<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_code admin_label=\"Code - Collapse Mobile Submenus CSS & JS\" _builder_version=\"4.17.4\" _module_preset=\"default\" hover_enabled=\"0\" global_colors_info=\"{}\" sticky_enabled=\"0\"]<style type=\"text\/css\"><!-- [et_pb_line_break_holder] -->  \/**<!-- [et_pb_line_break_holder] -->   * Collapse Divi mobile menu submenus CSS.<!-- [et_pb_line_break_holder] -->   * @author\t\tIvan Chiurcci<!-- [et_pb_line_break_holder] -->   * @site  \t\thttps:\/\/www.divicio.us\/tutorials\/how-to-collapse-divi-menu-module-submenus-and-keep-parent-links-clickable-on-mobile-devices\/<!-- [et_pb_line_break_holder] -->   *\/<!-- [et_pb_line_break_holder] -->  \/* START: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile *\/<!-- [et_pb_line_break_holder] -->  \/* Parent menu item *\/<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children.clickable,<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children > a {<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/* Parent menu item icon *\/<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {<!-- [et_pb_line_break_holder] -->    font-family: \"ETmodules\";<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    speak: none;<!-- [et_pb_line_break_holder] -->    font-weight: normal;<!-- [et_pb_line_break_holder] -->    font-variant: normal;<!-- [et_pb_line_break_holder] -->    text-transform: none;<!-- [et_pb_line_break_holder] -->    -webkit-font-smoothing: antialiased;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/* Disabled parent menu item icon positioning *\/<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after {<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    top: 13px;<!-- [et_pb_line_break_holder] -->    right: 10px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/* Clickable parent menu item icon *\/<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon {<!-- [et_pb_line_break_holder] -->    display: grid;<!-- [et_pb_line_break_holder] -->    grid-template-rows: 1fr;<!-- [et_pb_line_break_holder] -->    grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    width: 46px;<!-- [et_pb_line_break_holder] -->    height: 46px;<!-- [et_pb_line_break_holder] -->    color: #120b75;<!-- [et_pb_line_break_holder] -->    background: rgba(0, 0, 0, 0);<!-- [et_pb_line_break_holder] -->    right: 0;<!-- [et_pb_line_break_holder] -->    top: 0;<!-- [et_pb_line_break_holder] -->    z-index: 9;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/* Collapsed submenu parent menu item icon *\/<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {<!-- [et_pb_line_break_holder] -->    content: \"#\";<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/* Expanded submenu parent menu item icon *\/<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable).visible > a:after,<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .menu-item-has-children.clickable.visible > span.parent_icon:after {<!-- [et_pb_line_break_holder] -->    content: \"\"\";<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/* Hide submenu by default *\/<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu ul.sub-menu,<!-- [et_pb_line_break_holder] -->  .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu > ul.sub-menu,<!-- [et_pb_line_break_holder] -->  .et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu > ul.sub-menu {<!-- [et_pb_line_break_holder] -->    display: none !important;<!-- [et_pb_line_break_holder] -->    visibility: hidden !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/* Show submenu *\/<!-- [et_pb_line_break_holder] -->  .et_pb_module .et_mobile_menu .visible > ul.sub-menu,<!-- [et_pb_line_break_holder] -->  .et-db #et-boc .et-l .et_pb_menu .et_mobile_menu .visible > ul.sub-menu,<!-- [et_pb_line_break_holder] -->  .et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu .visible > ul.sub-menu {<!-- [et_pb_line_break_holder] -->    display: block !important;<!-- [et_pb_line_break_holder] -->    visibility: visible !important;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  \/* END: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile *\/<!-- [et_pb_line_break_holder] --><\/style><!-- [et_pb_line_break_holder] --><script type=\"text\/javascript\"><!-- [et_pb_line_break_holder] -->(function($) {<!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Collapse Divi mobile menu submenus.<!-- [et_pb_line_break_holder] -->     *<!-- [et_pb_line_break_holder] -->     * Works for both the Menu and the Fullwidth Menu modules.<!-- [et_pb_line_break_holder] -->     * The parent item links can be either disabled or clickable.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * @author\t\tIvan Chiurcci<!-- [et_pb_line_break_holder] -->     * @site  \t\thttps:\/\/www.divicio.us\/tutorials\/how-to-collapse-divi-menu-module-submenus-and-keep-parent-links-clickable-on-mobile-devices\/<!-- [et_pb_line_break_holder] -->     *<!-- [et_pb_line_break_holder] -->     * @param  bool  parentClickable    Pass true to keep the parent menu item links clickable. Default: false.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function dvcs_collapse_menu_module_submenus_on_mobile(parentClickable = false) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Mobile menu<!-- [et_pb_line_break_holder] -->      let $menu = $('.et_pb_module .et_mobile_menu');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Iterate the mobile menu links<!-- [et_pb_line_break_holder] -->      $menu.find('a').each(function() {<!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] -->      \/\/ Menu hamburger icon<!-- [et_pb_line_break_holder] -->      let $menu_icon = $(this).parents('.mobile_nav').find('.mobile_menu_bar');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Remove click event handlers from the link<!-- [et_pb_line_break_holder] -->      $(this).off('click');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ If the menu item DOESN'T HAVE submenus<!-- [et_pb_line_break_holder] -->      if( ! $(this).siblings('.sub-menu').length ) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Close the mobile menu on link click<!-- [et_pb_line_break_holder] -->        $(this).on('click', (e) => $menu_icon.trigger('click'));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      } else {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ If parent items links are DISABLED<!-- [et_pb_line_break_holder] -->        if( ! parentClickable ){<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ Replace the URL with the # symbol<!-- [et_pb_line_break_holder] -->          $(this).attr('href', '#');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ Open\/close the submenu on link click<!-- [et_pb_line_break_holder] -->          $(this).on('click', (e) => toggle_visible(e, $(this).parent()));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ Add the \"clickable\" class to the parent(<li> tag)<!-- [et_pb_line_break_holder] -->          $(this).parent().addClass('clickable')<!-- [et_pb_line_break_holder] -->            \/\/ Prepend the icon to parent<!-- [et_pb_line_break_holder] -->            .prepend('<span class=\"parent_icon\"><\/span>')<!-- [et_pb_line_break_holder] -->            \/\/ Open\/close the submenu on icon click<!-- [et_pb_line_break_holder] -->            .find('.parent_icon').on('click', (e) => toggle_visible(e, $(this).parent()));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ Link click<!-- [et_pb_line_break_holder] -->          $(this).on('click', function(e){<!-- [et_pb_line_break_holder] -->            \/\/ Toggle the submenu if the link doesn't have a URL or anchor<!-- [et_pb_line_break_holder] -->            if ( $(this).attr('href') === '#' ) {<!-- [et_pb_line_break_holder] -->              toggle_visible(e, $(this).parent());<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->              \/\/ Close the mobile menu<!-- [et_pb_line_break_holder] -->              $menu_icon.trigger('click');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Toggles the 'visible' class on passed element.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const toggle_visible = (e, elem) => {<!-- [et_pb_line_break_holder] -->      e.preventDefault();<!-- [et_pb_line_break_holder] -->      elem.toggleClass('visible');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->   }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    $(function() {<!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Call the function with a delay to allow<!-- [et_pb_line_break_holder] -->     * the mobile menu(s) be ready first.<!-- [et_pb_line_break_holder] -->     * <!-- [et_pb_line_break_holder] -->     * To keep parent links clickable pass true (boolean) as argument.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->     setTimeout(function() {<!-- [et_pb_line_break_holder] -->         dvcs_collapse_menu_module_submenus_on_mobile(false);<!-- [et_pb_line_break_holder] -->     }, 700);<!-- [et_pb_line_break_holder] -->   });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=\"1_4\" _builder_version=\"4.17.4\" _module_preset=\"default\" custom_css_main_element=\"display: flex;||align-items: center;||width: 140px !important;\" global_colors_info=\"{}\"][et_pb_button button_url=\"https:\/\/www.divicio.us\/free-divi-resources\/\" button_text=\"Download\" button_alignment=\"center\" _builder_version=\"4.17.4\" _module_preset=\"default\" custom_button=\"on\" button_text_size=\"14px\" button_text_color=\"#FFFFFF\" button_bg_color=\"#000000\" button_border_width=\"6px\" button_border_color=\"#000000\" button_border_radius=\"4px\" button_letter_spacing=\"1px\" button_font=\"Almarai|700|||||||\" global_colors_info=\"%91%93\"][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]"},"images":[],"post_title":"Specific Pages: Free Download: Divi Header Template With Smooth Submenus Effect","post_type":"et_header_layout","theme_builder":{"is_global":false},"post_meta":[{"key":"_et_pb_use_builder","value":"on"},{"key":"_et_pb_show_page_creation","value":"off"},{"key":"_et_pb_built_for_post_type","value":"page"},{"key":"_et_pb_enable_shortcode_tracking","value":""},{"key":"_et_pb_custom_css","value":""},{"key":"_et_pb_gutter_width","value":"3"},{"key":"_et_pb_first_image","value":""},{"key":"_et_pb_truncate_post","value":""},{"key":"_et_pb_truncate_post_date","value":""},{"key":"_et_builder_version","value":"VB|Divi|4.17.4"}]}},"presets":{"et_pb_blurb":{"presets":{"_initial":{"name":"Blurb Preset 1","created":0,"updated":0,"version":"4.9.10","is_temp":false,"settings":{}},"6081dae5-973f-4052-8015-6fd0b684be73":{"name":"Demo Card Preset","created":1628709979155,"updated":1628709979155,"version":"4.9.10","is_temp":false,"settings":{"header_level":"h3","animation":"off","header_font":"Oswald||||||||","header_line_height":"1.4em","header_text_color":"#0b15c4","border_radii":"on|5px|5px|5px|5px","border_radii_image":"on|5px|5px|5px|5px","module_alignment":"center"}},"5dac6075-dce5-4481-a4a6-3a3a8678e27f":{"name":"Blurb - Product Feature","created":1632511261732,"updated":1632511261732,"version":"4.13.0","is_temp":false,"settings":{"icon_color":"#FFFFFF","use_circle":"on","circle_color":"#ffcc00","icon_placement":"left","use_icon_font_size":"on","icon_font_size":"16px","header_font":"Oswald||||||||","header_text_color":"#0b15c4","header_font_size":"24","header_font_size_tablet":"22","header_font_size_phone":"20px","header_font_size_last_edited":"on|desktop","header_line_height":"1.2em","header_line_height_tablet":"1.4em","header_line_height_phone":"1.5em","header_line_height_last_edited":"on|phone","body_font_size":"17px","body_font_size_tablet":"16px","body_font_size_phone":"14px","body_font_size_last_edited":"on|desktop","body_line_height":"1.5em","animation":"off","image_icon_background_color":"#ffcc00","border_radii_image":"on|100%|100%|100%|100%","image_icon_width":"16px","image_icon_custom_padding":"8px|8px|8px|8px|false|false","border_color_all_image":"","border_width_all_image":""}},"c5156637-0679-43de-85f8-bc6467b7596d":{"name":"Blurb - Product Feature imported","created":1661275828955,"updated":1661275828955,"version":"4.13.0","is_temp":false,"settings":{"icon_color":"#FFFFFF","use_circle":"on","circle_color":"#ffcc00","icon_placement":"left","use_icon_font_size":"on","icon_font_size":"16px","header_font":"Oswald||||||||","header_text_color":"#0b15c4","header_font_size":"24","header_font_size_tablet":"22","header_font_size_phone":"20px","header_font_size_last_edited":"on|desktop","header_line_height":"1.2em","header_line_height_tablet":"1.4em","header_line_height_phone":"1.5em","header_line_height_last_edited":"on|phone","body_font_size":"17px","body_font_size_tablet":"16px","body_font_size_phone":"14px","body_font_size_last_edited":"on|desktop","body_line_height":"1.5em","animation":"off","image_icon_background_color":"#ffcc00","border_radii_image":"on|100%|100%|100%|100%","image_icon_width":"16px","image_icon_custom_padding":"8px|8px|8px|8px|false|false","border_color_all_image":"","border_width_all_image":""}}},"default":"_initial"},"et_pb_row":{"presets":{"_initial":{"name":"Row Preset 1","created":0,"updated":0,"version":"4.9.10","is_temp":false,"settings":{}},"94916bda-deac-4ed5-9c0f-32d71b587463":{"name":"Row - MadMenu Demo Cards Row","created":1630672181000,"updated":1630672181000,"version":"4.9.10","is_temp":false,"settings":{"custom_padding":"0px||40px||false|false","custom_padding_tablet":"0px||30px||false|false","custom_padding_phone":"0px||20px||false|false","custom_padding_last_edited":"on|desktop"}}},"default":"_initial"},"et_pb_button":{"presets":{"_initial":{"name":"Button Preset 1","created":0,"updated":0,"version":"4.10.7","is_temp":false,"settings":{}},"838e8759-529c-45ea-bba3-8ec0c08428a8":{"name":"Button - Demos CTA (blue)","created":1631904456404,"updated":1631904456404,"version":"4.16","is_temp":false,"settings":{"button_alignment":"center","custom_button":"on","button_text_size":"18px","button_text_size_tablet":"17px","button_text_size_phone":"14px","button_text_size_last_edited":"on|phone","button_text_color":"#ffffff","button_bg_color":"#0b15c4","button_bg_color_gradient_start":"#030ef8","button_bg_color_gradient_end":"#0238fc","button_bg_color_gradient_direction":"237deg","button_border_width":"6px","button_border_color":"#0b15c4","button_letter_spacing":"0px","button_font":"|600|||||||","animation_direction":"bottom","button_bg_color_gradient_stops":"#030ef8 0%|#0238fc 100%","button_bg_color_gradient_stops_tablet":"#030ef8 0%|#0238fc 100%","button_bg_color_gradient_stops_phone":"#030ef8 0%|#0238fc 100%","button_bg_color_gradient_stops__hover":"#030ef8 0%|#0238fc 100%","button_bg_color_gradient_stops__sticky":"#030ef8 0%|#0238fc 100%"}},"ae8d99d6-5293-46c4-94ea-209d4687d416":{"name":"Secondary Button (light blue)","created":1635612006070,"updated":1635612006070,"version":"4.16","is_temp":false,"settings":{"button_alignment":"center","custom_button":"on","button_text_size":"18px","button_text_size_tablet":"17px","button_text_size_phone":"14px","button_text_size_last_edited":"on|phone","button_text_color":"#ffffff","button_bg_color":"#327dff","button_bg_color_gradient_start":"#030ef8","button_bg_color_gradient_end":"#0238fc","button_bg_color_gradient_direction":"237deg","button_border_width":"6px","button_border_color":"#327dff","button_letter_spacing":"0px","button_font":"|600|||||||","animation_direction":"bottom","custom_padding":"|30px||30px|false|false","custom_padding_tablet":"|40px||40px|false|true","custom_padding_last_edited":"on|desktop","custom_margin":"||15px||false|false","button_bg_enable_color":"on","custom_padding__hover_enabled":"on|desktop","custom_padding__hover":"|40px||20px|false|false","button_bg_color_gradient_stops":"#030ef8 0%|#0238fc 100%","button_bg_color_gradient_stops_tablet":"#030ef8 0%|#0238fc 100%","button_bg_color_gradient_stops_phone":"#030ef8 0%|#0238fc 100%","button_bg_color_gradient_stops__hover":"#030ef8 0%|#0238fc 100%","button_bg_color_gradient_stops__sticky":"#030ef8 0%|#0238fc 100%"}}},"default":"_initial"},"et_pb_fullwidth_header":{"presets":{"_initial":{"name":"Fullwidth Header Preset 1","created":0,"updated":0,"version":"4.10.7","is_temp":false,"settings":{}},"20985e47-8d0b-4176-b3f7-455d6bf4c9cc":{"name":"Fullwidth Header Module Preset #1","created":1631915582410,"updated":1631915582410,"version":"4.10.7","is_temp":false,"settings":{"text_orientation":"center","header_fullscreen":"on","scroll_down_icon":"%%6%%","scroll_down_icon_color":"#ffffff","content_max_width":"none","title_font_color":"#ffffff","title_level":"h2","title_font":"Oswald||||||||","title_text_color":"#ffffff","title_font_size":"40px","title_font_size_tablet":"30px","title_font_size_phone":"25px","title_font_size_last_edited":"on|desktop","title_line_height":"1.5em","background_color":"#031927","custom_button_one":"on","button_one_text_size":"18px","button_one_text_size_tablet":"17px","button_one_text_size_phone":"14px","button_one_text_size_last_edited":"on|phone","button_one_text_color":"#ffffff","button_one_bg_color":"#0b15c4","button_one_border_width":"6px","button_one_border_color":"#0b15c4","button_one_font":"|600|||||||","button_one_icon_color":"#ffffff","button_two_letter_spacing__hover":"0","button_two_letter_spacing__hover_enabled":"on"}}},"default":"_initial"},"et_pb_video":{"presets":{"_initial":{"name":"Video Preset 1","created":0,"updated":0,"version":"4.10.7","is_temp":false,"settings":{}},"2b42c3e0-6a20-4d53-85ee-bc8ebc8096da":{"name":"YouTube video","created":1635640556633,"updated":1635640556633,"version":"4.10.7","is_temp":false,"settings":{"border_radii":"on|3px|3px|3px|3px","border_width_all":"10px","border_color_all":"#c3daff"}}},"default":"_initial"}},"has_default_template":false,"has_global_layouts":false}