{"id":10449,"date":"2021-04-08T11:25:04","date_gmt":"2021-04-08T11:25:04","guid":{"rendered":"https:\/\/diviforest.com\/demo\/premio\/?page_id=10449"},"modified":"2021-09-23T13:07:57","modified_gmt":"2021-09-23T13:07:57","slug":"header-v54","status":"publish","type":"page","link":"https:\/\/diviforest.com\/demo\/premio\/header-v54\/","title":{"rendered":"Header v54"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;header54-menu-section&#8221; module_class=&#8221;headerfixed-menu-section&#8221; _builder_version=&#8221;4.7.7&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; sticky_position=&#8221;top&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; module_class=&#8221;header54-menu-row&#8221; _builder_version=&#8221;4.6.3&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(255,255,255,0)&#8221; positioning=&#8221;absolute&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px|20px|0px|0px|true|false&#8221; custom_css_main_element=&#8221;position:relative;&#8221; border_width_top=&#8221;5px&#8221; border_color_top=&#8221;#00d2d3&#8243; border_color_right=&#8221;#00d2d3&#8243; border_width_bottom=&#8221;5px&#8221; border_color_bottom=&#8221;#00d2d3&#8243; box_shadow_style=&#8221;preset1&#8243; box_shadow_vertical=&#8221;0px&#8221; box_shadow_blur=&#8221;0px&#8221; global_colors_info=&#8221;{}&#8221; background__sticky_enabled=&#8221;on|sticky&#8221; background_color__sticky=&#8221;#FFFFFF&#8221; background_enable_color__sticky=&#8221;on&#8221; box_shadow_horizontal__sticky_enabled=&#8221;on|sticky&#8221; box_shadow_vertical__sticky_enabled=&#8221;on|sticky&#8221; box_shadow_vertical__sticky=&#8221;2px&#8221; box_shadow_blur__sticky_enabled=&#8221;on|desktop&#8221; box_shadow_blur__sticky=&#8221;18px&#8221; box_shadow_color__sticky_enabled=&#8221;on|sticky&#8221; box_shadow_color__sticky=&#8221;rgba(0,0,0,0.21)&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.6.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_menu active_link_color=&#8221;#000000&#8243; dropdown_menu_bg_color=&#8221;#ffffff&#8221; dropdown_menu_line_color=&#8221;#333333&#8243; dropdown_menu_text_color=&#8221;#333333&#8243; dropdown_menu_active_link_color=&#8221;#000000&#8243; mobile_menu_bg_color=&#8221;#ffffff&#8221; mobile_menu_text_color=&#8221;#333333&#8243; logo=&#8221;https:\/\/diviforest.com\/demo\/premio\/wp-content\/uploads\/sites\/10\/2021\/04\/logo.png&#8221; logo_url=&#8221;#&#8221; search_icon_color=&#8221;#e54823&#8243; menu_icon_color=&#8221;#e54823&#8243; module_class=&#8221;header54&#8243; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; menu_font=&#8221;Open Sans|500|||||||&#8221; menu_text_color=&#8221;#333333&#8243; menu_letter_spacing=&#8221;1px&#8221; background_enable_color=&#8221;off&#8221; text_orientation=&#8221;right&#8221; width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; hover_enabled=&#8221;0&#8243; menu_text_color_tablet=&#8221;&#8221; menu_text_color_phone=&#8221;&#8221; menu_text_color_last_edited=&#8221;on|desktop&#8221; custom_css_menu_link=&#8221;padding-top:15px !important;||padding-bottom:15px !important;||text-align:left;||||&#8221; custom_css_dropdown_links=&#8221;padding:5px 0 !important;||background-color:transparent !important;||opacity:1;||width:100px;||font-size:13px;&#8221; custom_css_menu_logo=&#8221;padding:20px;||background-color:#00d2d3;&#8221; border_color_top=&#8221;#00d2d3&#8243; global_colors_info=&#8221;{}&#8221; menu_text_color__sticky_enabled=&#8221;on|desktop&#8221; vertical_offset__sticky_enabled=&#8221;on|sticky&#8221; vertical_offset__sticky=&#8221;0px&#8221; dropdown_menu_text_color__sticky_enabled=&#8221;on|desktop&#8221; custom_css_dropdown_links__hover_enabled=&#8221;on|desktop&#8221; dropdown_menu_line_color__hover_enabled=&#8221;on|desktop&#8221; dropdown_menu_line_color__hover=&#8221;&#8221; menu_text_color__hover_enabled=&#8221;on|hover&#8221; menu_text_color__hover=&#8221;#ffffff&#8221; dropdown_menu_text_color__hover_enabled=&#8221;on|hover&#8221; dropdown_menu_text_color__hover=&#8221;#ffffff&#8221; custom_css_menu_link_last_edited=&#8221;on|tablet&#8221; custom_css_menu_link__hover_enabled=&#8221;on|desktop&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_menu][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.9.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#333333&#8243; background_image=&#8221;https:\/\/diviforest.com\/demo\/premio\/wp-content\/uploads\/sites\/10\/2021\/04\/header-banner-light.jpg&#8221; custom_padding=&#8221;300px||300px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Row&#8221; _builder_version=&#8221;4.9.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.9.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Heading&#8221; _builder_version=&#8221;4.9.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;Roboto|500|||||||&#8221; header_text_color=&#8221;#333333&#8243; header_font_size=&#8221;50px&#8221; header_letter_spacing=&#8221;1px&#8221; header_line_height=&#8221;1.5em&#8221; text_orientation=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Header V54<\/h1>\n<p>[\/et_pb_text][et_pb_code admin_label=&#8221;Header54-custom-css&#8221; _builder_version=&#8221;4.10.8&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;10px||10px||true|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->.header54 .menu-item {<!-- [et_pb_line_break_holder] -->\tmargin-top: 0 !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.header54 .menu-item-has-children > a:first-child::after {<!-- [et_pb_line_break_holder] -->\tright: 0;<!-- [et_pb_line_break_holder] -->\ttop: 50% !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.header54 .menu-item {<!-- [et_pb_line_break_holder] -->\tposition: relative;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.header54 .menu-item::before {<!-- [et_pb_line_break_holder] -->\tcontent: \"\";<!-- [et_pb_line_break_holder] -->\tposition: absolute;<!-- [et_pb_line_break_holder] -->\tbackground-color: #bcbabe;<!-- [et_pb_line_break_holder] -->\twidth: 100%;<!-- [et_pb_line_break_holder] -->\theight: 100%;<!-- [et_pb_line_break_holder] -->\tright: 0;<!-- [et_pb_line_break_holder] -->\tleft: 0;<!-- [et_pb_line_break_holder] -->\ttop: 0px;<!-- [et_pb_line_break_holder] -->\t-webkit-transition: all 0.5s ease-in-out;<!-- [et_pb_line_break_holder] -->\t-moz-transition: all 0.5s ease-in-out;<!-- [et_pb_line_break_holder] -->\ttransition: all 0.5s ease-in-out;<!-- [et_pb_line_break_holder] -->\ttransform: skew(0deg) scale(0);<!-- [et_pb_line_break_holder] -->\t-webkit-transform: skew(0deg) scale(0);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.header54 .sub-menu .menu-item::before {<!-- [et_pb_line_break_holder] -->\tleft: 9px;<!-- [et_pb_line_break_holder] -->\ttop: 0;<!-- [et_pb_line_break_holder] -->\twidth: calc(100% - 30px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.header54 .menu-item.current-menu-item::before,<!-- [et_pb_line_break_holder] -->.header54 .menu-item:hover::before {<!-- [et_pb_line_break_holder] -->\ttransform: skew(-25deg) scale(1);<!-- [et_pb_line_break_holder] -->\t-webkit-transform: skew(-25deg) scale(1);<!-- [et_pb_line_break_holder] -->\t-webkit-transition: all 0.5s ease-in-out;<!-- [et_pb_line_break_holder] -->\t-moz-transition: all 0.5s ease-in-out;<!-- [et_pb_line_break_holder] -->\ttransition: all 0.5s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.header54 .et_pb_menu__icon.et_pb_menu__search-button {<!-- [et_pb_line_break_holder] -->\tpadding-left: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.et_mobile_menu {<!-- [et_pb_line_break_holder] -->\tmax-height: 300px;<!-- [et_pb_line_break_holder] -->\tpadding: 20px 20px !important;<!-- [et_pb_line_break_holder] -->\toverflow-y: auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* Dropdown *\/<!-- [et_pb_line_break_holder] -->.header54 .nav li ul {<!-- [et_pb_line_break_holder] -->    width: 182px!important;<!-- [et_pb_line_break_holder] -->\tright: 0 !important;<!-- [et_pb_line_break_holder] -->\tleft: auto !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.header54 .nav li ul li ul {   <!-- [et_pb_line_break_holder] -->    right: 100% !important;\t\t<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.header54 .et-menu li li a {<!-- [et_pb_line_break_holder] -->    width: 142px!important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.header54 .et-menu li li.menu-item-has-children > a:first-child::after {<!-- [et_pb_line_break_holder] -->\ttop:6px !important;<!-- [et_pb_line_break_holder] -->\tright:10px !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/*sticky menu *\/<!-- [et_pb_line_break_holder] -->#main-content .headerfixed-menu-section.reset-position{<!-- [et_pb_line_break_holder] -->  position: inherit !important;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.et_mobile_menu li li {<!-- [et_pb_line_break_holder] -->    padding-left: 0;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->\/* Media Query *\/<!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 980px) {<!-- [et_pb_line_break_holder] -->\t.et_mobile_menu li a {<!-- [et_pb_line_break_holder] -->\t\tpadding: 5px 10px;<!-- [et_pb_line_break_holder] -->\t\tbackground-color: transparent !important;<!-- [et_pb_line_break_holder] -->\t\tposition: relative;<!-- [et_pb_line_break_holder] -->\t\tz-index: 1;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\t.header54.et_pb_module.et_pb_menu .et_mobile_menu li:hover a {<!-- [et_pb_line_break_holder] -->\t\tcolor: #000000 !important;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\t.header54 .et_mobile_menu li a:hover {<!-- [et_pb_line_break_holder] -->\t\tbackground-color: transparent;<!-- [et_pb_line_break_holder] -->\t\topacity: 1;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\t.header54 .menu-item.current-menu-item::before,<!-- [et_pb_line_break_holder] -->\t.header54 .menu-item:hover::before {<!-- [et_pb_line_break_holder] -->\t\theight: 35px;<!-- [et_pb_line_break_holder] -->\t\twidth: 100px;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\t.header54 .sub-menu .menu-item.current-menu-item::before,<!-- [et_pb_line_break_holder] -->\t.header54 .sub-menu .menu-item::before {<!-- [et_pb_line_break_holder] -->\t\twidth: 100px !important;<!-- [et_pb_line_break_holder] -->\t\theight: 35px;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\t.header54 .menu-item::before {   <!-- [et_pb_line_break_holder] -->\t\twidth: 100px;<!-- [et_pb_line_break_holder] -->\t\theight: 35px;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\t.et_mobile_menu li a {\t\t<!-- [et_pb_line_break_holder] -->\t\ttext-align:left;<!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->\t.et_mobile_menu .menu-item-has-children  a {<!-- [et_pb_line_break_holder] -->\t\tfont-weight: 400; <!-- [et_pb_line_break_holder] -->\t}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][et_pb_code admin_label=&#8221;header54-script&#8221; _builder_version=&#8221;4.7.7&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] -->jQuery(function($){<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  var lastScrollAt = Date.now()<!-- [et_pb_line_break_holder] -->    , timeout;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function scrollStartStop() {<!-- [et_pb_line_break_holder] -->      var $this = $(this);<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->      if (Date.now() - lastScrollAt > 100)<!-- [et_pb_line_break_holder] -->          $this.trigger('scrollstart');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->      lastScrollAt = Date.now();<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->      clearTimeout(timeout);<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->      timeout = setTimeout(function() {<!-- [et_pb_line_break_holder] -->          if (Date.now() - lastScrollAt > 99)<!-- [et_pb_line_break_holder] -->          $this.trigger('scrollend');<!-- [et_pb_line_break_holder] -->      }, 100);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  $(document).on('scroll', scrollStartStop);<!-- [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] -->jQuery(function($){<!-- [et_pb_line_break_holder] -->$(window).scroll(function() {\t<!-- [et_pb_line_break_holder] -->\t  var $header = $('.headerfixed-menu-section');<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->\t  if ($(this).scrollTop() > 80) {<!-- [et_pb_line_break_holder] -->\t\t\t<!-- [et_pb_line_break_holder] -->         $header.removeClass(\"reset-position\"); <!-- [et_pb_line_break_holder] -->     <!-- [et_pb_line_break_holder] -->\t  } else{<!-- [et_pb_line_break_holder] -->      \t$header.addClass(\"reset-position\");\t<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \tif( $header.hasClass(\"reset-position\") ){<!-- [et_pb_line_break_holder] -->       \t$header.css('position', 'inherit !important');<!-- [et_pb_line_break_holder] -->     }<!-- [et_pb_line_break_holder] -->\t});<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  $(document).on('scrollend', function(e) {<!-- [et_pb_line_break_holder] -->    e.preventDefault();<!-- [et_pb_line_break_holder] -->     var $header = $('.headerfixed-menu-section');<!-- [et_pb_line_break_holder] -->    if ($(window).scrollTop() > 80) {\t\t\t<!-- [et_pb_line_break_holder] -->         $header.removeClass(\"reset-position\"); <!-- [et_pb_line_break_holder] -->\t  } else{<!-- [et_pb_line_break_holder] -->      $header.addClass(\"reset-position\");\t<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \tif( $header.hasClass(\"reset-position\") ){<!-- [et_pb_line_break_holder] -->       \t$header.css('position', 'inherit !important');<!-- [et_pb_line_break_holder] -->      \t$header.css('margin-bottom', '1px');      <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  });  <!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Header V54<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/diviforest.com\/demo\/premio\/wp-json\/wp\/v2\/pages\/10449"}],"collection":[{"href":"https:\/\/diviforest.com\/demo\/premio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diviforest.com\/demo\/premio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diviforest.com\/demo\/premio\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/diviforest.com\/demo\/premio\/wp-json\/wp\/v2\/comments?post=10449"}],"version-history":[{"count":9,"href":"https:\/\/diviforest.com\/demo\/premio\/wp-json\/wp\/v2\/pages\/10449\/revisions"}],"predecessor-version":[{"id":20520,"href":"https:\/\/diviforest.com\/demo\/premio\/wp-json\/wp\/v2\/pages\/10449\/revisions\/20520"}],"wp:attachment":[{"href":"https:\/\/diviforest.com\/demo\/premio\/wp-json\/wp\/v2\/media?parent=10449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}