Legendary Gym – Umeå

everyday is

Våra anläggningar

City

Öppet dygnet runt
Västra Norrlandsgatan 5C
903 27 Umeå

Till City

Mariedal

Öppet 04:00-24:00
Björnvägen 17
906 40 Umeå

Till Mariedal

Nära dig

Legendary Gym finns i centrum och på Mariedal – två anläggningar med Umeås största träningsutbud. Här möts du av toppmodern utrustning, gemenskap och passion för träning.

Hitta hit

Google testimonials

    
 
 
         
   Mark Fakhimi 
 
 
 
 Trustindex verifierar att den ursprungliga källan till recensionen är Google. Fint gym med alla maskiner man kan tänka sig, trevlig personal.
  
 
        
   Karl Kraft 
 
 
 
 Trustindex verifierar att den ursprungliga källan till recensionen är Google. Super bra
  
 
        
   Jani Kiviniemi 
 
 
 
 Trustindex verifierar att den ursprungliga källan till recensionen är Google. Bra gym och ännu bättre personal 💪🏻
  
 
        
   erik 
 
 
 
 Trustindex verifierar att den ursprungliga källan till recensionen är Google. Bästa gymmet jag besökt
  
 
        
   Dominique Persson 
 
 
 
 Trustindex verifierar att den ursprungliga källan till recensionen är Google. Trevlig personal och fint gym!
  
 
  
  
 
 
   Googles sammanlagda betyg 4.9 utav 5, baserat på 215 recensioner

Legendary. Gym & Fitness 24/7 Logotyp

Legendary Gym – Vinnare av Guldhjärtat som ”årets gym” på nordens största träningsmässa, Fitnessfestivalen.

Hos oss finner du Umeås största utbud av gymmaskiner och en nogrannt handplockad maskinpark. Uppskattar du som medlem att det är ordning och reda, generösa öppettider, fri parkering, samt ett aktivt gym med mervärden, rabatter och förmåner du hittat rätt!

Vi lägger stort fokus på kundvård, motivation och samhörighet med våra medlemmar för att våra medlemmar ska få bästa möjlighet att få önskade resultat i sin träning. Hos oss tränar alltifrån elit till motionär i blandade åldrar med ett gemensamt intresse, kärleken till träningen. Varmt välkomna till oss!

Vill du veta mer om våra anläggningar? Klicka på någon av knapparna nedan för att läsa mer om respektive anläggning.

City

Mariedal

Instagram

Följ oss på instagram

.mobile_nav .select_page { display: none !important; } .et-db #et-boc .et-l.et-l--header .mobile_menu_bar:before, .et-l--header .mobile_menu_bar:before { content: unset; } .et_header_style_centered #main-header .mobile_nav.mobile_nav, .et_header_style_split #main-header .mobile_nav.mobile_nav { padding: 0; border-radius: 0; background-color: unset; background: unset; } .et_header_style_centered #et_mobile_nav_menu#et_mobile_nav_menu, .et_header_style_split #et_mobile_nav_menu#et_mobile_nav_menu { position: unset; } .et_header_style_centered.et_header_style_centered .mobile_menu_bar.mobile_menu_bar, .et_header_style_split.et_header_style_split .mobile_menu_bar.mobile_menu_bar { position: relative; } .et_header_style_centered .et_mobile_menu.et_mobile_menu, .et_header_style_split .et_mobile_menu.et_mobile_menu { top: 62px; } .et_header_style_left .et_mobile_menu.et_mobile_menu { top: 90px; } .et_header_style_centered .et_menu_container .mobile_menu_bar.mobile_menu_bar, .et_header_style_split .et_menu_container .mobile_menu_bar.mobile_menu_bar, .et_header_style_split .et_menu_container #et-top-navigation .mobile_menu_bar.mobile_menu_bar { top: unset; left: unset; right: unset; bottom: unset; padding: 0; float: right; } .et_header_style_split #main-header div#et-top-navigation { bottom: 0; } #main-header .mobile_menu_bar:before { content: unset; } #main-content .mobile_menu_bar:before { content: unset !important; } @media all and (max-width: 1024px) { .et_header_style_split #main-header, .et_header_style_centered #main-header { display: flex; flex-direction: column; align-items: center; } .et_header_style_split .logo_container span.logo_helper { display: inline-block; } .et_header_style_split #main-header#main-header .container, .et_header_style_centered #main-header#main-header .container { height: auto; } .et_header_style_centered .et_menu_container .mobile_menu_bar.mobile_menu_bar, .et_header_style_split .et_menu_container .mobile_menu_bar.mobile_menu_bar, .et_header_style_split .et_menu_container #et-top-navigation .mobile_menu_bar.mobile_menu_bar { padding-bottom: 24px; } .et_header_style_split #main-header#main-header #et_mobile_nav_menu, .et_header_style_centered #main-header#main-header #et_mobile_nav_menu { margin-top: 0; } .et_header_style_split #main-header#main-header .logo_container, .et_header_style_centered #main-header#main-header .logo_container { position: absolute; height: 100%; width: 100%; z-index: 0; } .et_header_style_split #main-header#main-header #et-top-navigation, .et_header_style_centered #main-header#main-header #et-top-navigation { float: right; width: auto; position: unset; padding-top: 24px; } .et_header_style_split #main-header#main-header, .et_header_style_centered #main-header#main-header { padding: unset; } .et_header_style_split #main-header#main-header .et_header_style_centered #main-header#main-header div#et-top-navigation { position: absolute; } .et_header_style_fullscreen .et-fixed-header #et-top-navigation, .et_header_style_fullscreen #et-top-navigation { padding-bottom: 0 !important; } } /* FIXME: only if style is not fullscreen oder slidein */ @media all and (min-width: 1025px) { .dipi_hamburger { display: none; } .et_header_style_slide .dipi_hamburger, .et_header_style_fullscreen .dipi_hamburger { display: block; margin-bottom: 0 !important; } } /*# sourceURL=global-styles-inline-css */ :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000; --wp--preset--shadow--crisp: 6px 6px 0px #000; } .wp-block-button { --wp--preset--dimension--25: 25%; --wp--preset--dimension--50: 50%; --wp--preset--dimension--75: 75%; --wp--preset--dimension--100: 100%; } :root { --wp--style--global--content-size: 823px; --wp--style--global--wide-size: 1080px; } :where(body) { margin: 0; } .wp-site-blocks > .alignleft { float: left; margin-right: 2em; } .wp-site-blocks > .alignright { float: right; margin-left: 2em; } .wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; } :where(.is-layout-flex) { gap: .5em; } :where(.is-layout-grid) { gap: .5em; } .is-layout-flow > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-flow > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-constrained > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained > .alignwide { max-width: var(--wp--style--global--wide-size); } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0; } body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } :root :where(.wp-element-button, .wp-block-button__link) { background-color: #32373c; border-width: 0; color: #fff; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding-top: calc(.667em + 2px); padding-right: calc(1.333em + 2px); padding-bottom: calc(.667em + 2px); padding-left: calc(1.333em + 2px); text-decoration: none; text-transform: inherit; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } /*# sourceURL=pac-da-inline-css */ #et-fb-settings-column.et_fb_add_section_modal div.et-fb-settings-options div.et-fb-settings-options-tab div.et-fb-settings-ai-button { display: none !important; } #et-fb-settings-column.et_fb_add_section_modal.et-fb-modal-settings--modules_all { height: 198px !important; } div.et-fb-page-creation-container .et-fb-page-creation-card-wrapper:nth-child(3), div.et-fb-layout-creation-card.et-fb-layout-creation-card__accent-dark-blue, .et-fb-modal select#et-fb-page_creation option:nth-child(4) { display: none !important; } button.et-fb-settings-option-ai__button.et-fb-settings-option-ai__button--tiny_mce.et-fb-settings-option-ai__enable.et-fb-settings-option-ai__enable--tiny_mce, .et-fb-button.et-fb-button--info.et-fb-ai-options-button, button.et-fb-settings-option-ai__button.et-fb-settings-option-ai__button--text.et-fb-settings-option-ai__enable.et-fb-settings-option-ai__enable--text { display: none !important; } button.et-fb-settings-option-ai__button.et-fb-settings-option-ai__button--upload.et-fb-settings-option-ai__enable { display: none !important; } li.et-code-ai-btn { display: none !important; } div.et-cloud-app-view-header--right > div.et-cloud-toggle, .et-fb-modal-settings--existing_pages div.et-cloud-app__upsell.card-library.card-default, .et-fb-modal-settings--modules_library div.et-cloud-app__upsell.card-library.card-default, #et-fb-right-click-controls > a.et-fb-right-click-menu__item.et-fb-right-click-menu__item--saveCloud, #et-fb-settings-column.et-fb-tooltip-modal--save_to_library > div > div > div > div > div.et-cloud-app__upsell.card-save-modal.card-default, #et-fb-settings-column.et-fb-tooltip-modal--save_to_library > div > div > div > div > div:nth-child(3) { display: none !important; } .et-fb-modal-settings--modules_all div.et-cloud-app__upsell.card-library.card-default { display: none !important; } .mce-panel .mce-stack-layout-item.mce-first { position: sticky !important; top: -60px; } .et-fb-modal--expanded .mce-panel .mce-stack-layout-item.mce-first { top: -24px !important; } .et-db #et-boc .et-fb-popover--inverse.et-fb-popover--arrow { display: none !important; } .et-fb-field-settings-modal { min-height: 500px !important; } .et-db #et-boc .et-l .et-fb-font-icon-list { min-height: 300px !important; } @media all and (max-width: 980px) { html, body { overflow-x: hidden; } body { position: relative; } } .et-db #et-boc .et-l .et-fb-option--tiny-mce .et-fb-tinymce-html-input { min-height: 400px !important; } @media (min-width: 981px) and (max-width: 1024px) { /*********************************** * Styles from Divis style.dev.css * ***********************************/ /* Hide Logo On Mobile */ .et_hide_mobile_logo #main-header .logo_container { display: none; opacity: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* Full width Logo */ .et_fullwidth_nav #main-header .container { width: 80%; margin: auto; position: relative; } /* Page Containers */ #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav #page-container { padding-top: 80px; } .et-tb #page-container, .et-tb-has-header #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et-tb #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et-tb-has-header #page-container, .et_fixed_nav.et_show_nav.et-tb #page-container, .et_fixed_nav.et_show_nav.et-tb-has-header #page-container { padding-top: 0 !important; } .et_non_fixed_nav #page-container { padding-top: 0; } .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_header_style_centered #page-container { padding-top: 136px; } #sidebar, #left-area { width: 100% !important; } /* With Sidebar */ .et_right_sidebar #left-area, .et_right_sidebar #sidebar, .et_left_sidebar #left-area, .et_left_sidebar #sidebar { width: auto; float: none; padding-right: 0; padding-left: 0; } .et_right_sidebar #left-area { margin-right: 0; } .et_right_sidebar #sidebar { margin-left: 0; border-left: none; } .et_left_sidebar #left-area { margin-left: 0; } .et_left_sidebar #sidebar { margin-right: 0; border-right: none; } #main-content .container:before { display: none !important; } .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1), .et_full_width_page .et_gallery_item:nth-child(4n+1) { clear: none; } /* Blog + Sidebar Module + Footer */ .footer-widget:nth-child(n) { width: 46.25% !important; margin: 0 7.5% 7.5% 0 !important; } #footer-widgets .footer-widget .fwidget { margin-bottom: 16.21%; } .et_pb_gutters1 .footer-widget:nth-child(n) { width: 50% !important; margin: 0 !important; } .et_pb_gutters1 #footer-widgets .footer-widget .fwidget { margin-bottom: 0; } #footer-widgets { padding: 8% 0; } #footer-widgets .footer-widget:nth-child(2n) { margin-right: 0 !important; } #footer-widgets .footer-widget:nth-last-child(-n+2) { margin-bottom: 0 !important; } .bottom-nav { text-align: center; } /* WooCommerce */ .woocommerce .cart-collaterals > div, .woocommerce .cart-collaterals > form { width: 100% !important; float: none !important; } .shop_table .coupon { margin-bottom: 25px !important; } .checkout .form-row, .checkout .col-1, .checkout .col-2 { float: none !important; width: auto !important; } .checkout .col-1, .checkout .col-2 { margin-bottom: 25px !important; } /* Header Styles */ #main-header, #top-header { transition: none; -webkit-transition: none; -moz-transition: none; } #top-menu { display: none; } .et_hide_nav.et_non_fixed_nav.et_transparent_nav #top-header, .et_hide_nav.et_non_fixed_nav.et_transparent_nav #main-header, .et_hide_nav.et_fixed_nav #top-header, .et_hide_nav.et_fixed_nav #main-header { transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; opacity: 1; } .et_header_style_centered #main-header { padding: 20px 0; } .et_header_style_centered nav#top-menu-nav { display: none; } .et_header_style_split #main-header { padding: 20px 0; } .et_header_style_split #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { display: block; padding-top: 0; } #et-top-navigation { margin-right: 0; transition: none; -webkit-transition: none; -moz-transition: none; } .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: absolute; } .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation { padding-top: 24px; display: block; } .et_non_fixed_nav.et_transparent_nav #main-header, .et_fixed_nav #main-header { -webkit-transition: none; transition: none; } .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area { width: auto; } #et-secondary-nav, #et-secondary-menu { display: none !important; } .et_non_fixed_nav.et_transparent_nav_temp #main-header, .et_secondary_nav_only_menu #main-header, .et_fixed_nav_temp #main-header, .et_secondary_nav_only_menu #main-header { top: 0 !important; } .et_secondary_nav_only_menu #top-header { display: none; } #top-header .container { padding-top: 0; } #et-info { padding-top: .75em; } /* Logo */ #logo, .logo_container, #main-header, .container { transition: none; -webkit-transition: none; -moz-transition: none; } .et_header_style_centered #logo#logo { max-height: 60px; } .et_header_style_centered header#main-header .logo_container { height: auto; max-height: 100px; padding: 0; } .et_header_style_split header#main-header .logo_container { height: auto; max-height: 100px; padding: 0; } .et_header_style_split #logo { max-height: 60px; } .et_vertical_nav span.logo_helper { display: inline-block; } .et_vertical_nav.et_header_style_left .logo_container { height: 100%; position: absolute; } .et_header_style_left #logo, .et_header_style_split #logo { max-width: 50%; } /* Search Form */ #et_top_search { margin: 0 35px 0 0; float: left; } #et_search_icon:before { top: 7px; } .et_header_style_centered #et_top_search, .et_vertical_nav.et_header_style_centered #main-header #et_top_search { display: none !important; } .et_header_style_centered .et_search_outer, .et_header_style_split .et_search_outer { display: none; } .et_header_style_split #et_top_search, .et_vertical_nav.et_header_style_split #main-header #et_top_search { display: none !important; } .et_header_style_left .et-search-form, .et_header_style_split .et-search-form { width: 50% !important; max-width: 50% !important; } .et_header_style_slide .et_slide_in_menu_container .et-search-form { width: 100% !important; max-width: 100% !important; } /* Social Icons */ .et-social-icons, #footer-info { float: none; text-align: center; } .et-social-icons { margin: 0 0 5px; } #top-header .et-social-icons { margin-bottom: 0; } /* Cart */ .et_header_style_centered #et-top-navigation .et-cart-info { display: none; } #et-top-navigation .et-cart-info { margin-top: 5px; } .et_vertical_nav #et-top-navigation .et-cart-info { margin-left: -38px; } /* Mobile Menu */ header .et_mobile_nav_menu, header #et_mobile_nav_menu { display: flex; -webkit-box-align: center; align-items: center; } /* Centered */ .et_header_style_centered .et_menu_container .mobile_menu_bar, .et_header_style_split .et_menu_container .mobile_menu_bar { opacity: 1; } .et_header_style_centered .et_mobile_nav_menu, .et_header_style_centered #et_mobile_nav_menu { float: none; position: relative; margin-top: 20px; } .et_header_style_centered #main-header .mobile_nav { display: block; text-align: left; background-color: rgba(0, 0, 0, .05); border-radius: 5px; padding: 5px 10px; } .et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page { display: inline-block; color: #666; font-size: 14px; } .et_header_style_centered .et_menu_container .mobile_menu_bar { position: absolute; right: 5px; top: 2px; } .et_header_style_centered .et_mobile_menu { top: 53px; } /* Centered Inline Logo */ .et_header_style_split .et_mobile_nav_menu, .et_header_style_split #et_mobile_nav_menu { float: none; position: relative; margin-top: 20px; display: block; } .et_header_style_split nav#top-menu-nav { display: none; } .et_header_style_split #main-header .mobile_nav { display: block; text-align: left; background-color: rgba(0, 0, 0, .05); border-radius: 5px; padding: 9px 10px; } .et_header_style_split .et_menu_container .mobile_menu_bar { position: absolute; right: 5px; top: 2px; } .et_header_style_split .et_mobile_menu { top: 53px; } /* Admin Bar Fixes */ body.admin-bar.et_vertical_nav #main-header { top: 0 !important; } .et_non_fixed_nav.et_transparent_nav.et_secondary_nav_only_menu.admin-bar #main-header, .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header { top: 32px !important; } body.admin-bar.et_fixed_nav.et_header_style_slide #main-header { top: 0 !important; } .et_fixed_nav.et_header_style_slide #main-header { left: 0 !important; } .et_fixed_nav.et_boxed_layout.et_header_style_slide #page-container #main-header { width: 100%; } /************************************** * Styles from Divis style-cpt.dev.css * ***************************************/ /* Hide Logo On Mobile */ .et_hide_mobile_logo #main-header .logo_container { display: none; opacity: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* Page Containers */ #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav #page-container { padding-top: 80px; } .et-tb #page-container, .et-tb-has-header #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et-tb #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et-tb-has-header #page-container, .et_fixed_nav.et_show_nav.et-tb #page-container, .et_fixed_nav.et_show_nav.et-tb-has-header #page-container { padding-top: 0 !important; } .et_non_fixed_nav #page-container { padding-top: 0; } .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_header_style_centered #page-container { padding-top: 136px; } #sidebar, #left-area { width: 100% !important; } /* With Sidebar */ .et_right_sidebar #left-area, .et_right_sidebar #sidebar, .et_left_sidebar #left-area, .et_left_sidebar #sidebar { width: auto; float: none; padding-right: 0; padding-left: 0; } .et_right_sidebar #left-area { margin-right: 0; } .et_right_sidebar #sidebar { margin-left: 0; border-left: none; } .et_left_sidebar #left-area { margin-left: 0; } .et_left_sidebar #sidebar { margin-right: 0; border-right: none; } #main-content .container:before { display: none !important; } .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1), .et_full_width_page .et_gallery_item:nth-child(4n+1) { clear: none; } /* Blog + Sidebar Module + Footer */ .footer-widget:nth-child(n) { width: 46.25% !important; margin: 0 7.5% 7.5% 0 !important; } #footer-widgets .footer-widget .fwidget { margin-bottom: 16.21%; } .et_pb_gutters1 .footer-widget:nth-child(n) { width: 50% !important; margin: 0 !important; } .et_pb_gutters1 #footer-widgets .footer-widget .fwidget { margin-bottom: 0; } #footer-widgets { padding: 8% 0; } #footer-widgets .footer-widget:nth-child(2n) { margin-right: 0 !important; } #footer-widgets .footer-widget:nth-last-child(-n+2) { margin-bottom: 0 !important; } .bottom-nav { text-align: center; } /* WooCommerce */ .woocommerce .cart-collaterals > div, .woocommerce .cart-collaterals > form { width: 100% !important; float: none !important; } .shop_table .coupon { margin-bottom: 25px !important; } .checkout .form-row, .checkout .col-1, .checkout .col-2 { float: none !important; width: auto !important; } .checkout .col-1, .checkout .col-2 { margin-bottom: 25px !important; } /* Header Styles */ #main-header, #top-header { transition: none; -webkit-transition: none; -moz-transition: none; } #top-menu { display: none; } .et_hide_nav.et_non_fixed_nav.et_transparent_nav #top-header, .et_hide_nav.et_non_fixed_nav.et_transparent_nav #main-header, .et_hide_nav.et_fixed_nav #top-header, .et_hide_nav.et_fixed_nav #main-header { transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; opacity: 1; } .et_header_style_centered #main-header { padding: 20px 0; } .et_header_style_centered nav#top-menu-nav { display: none; } .et_header_style_split #main-header { padding: 20px 0; } .et_header_style_split #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { display: block; padding-top: 0; } #et-top-navigation { margin-right: 0; transition: none; -webkit-transition: none; -moz-transition: none; } .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: absolute; } .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation { padding-top: 24px; display: block; } .et_non_fixed_nav.et_transparent_nav #main-header, .et_fixed_nav #main-header { -webkit-transition: none; transition: none; } .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area { width: auto; } #et-secondary-nav, #et-secondary-menu { display: none !important; } .et_non_fixed_nav.et_transparent_nav_temp #main-header, .et_secondary_nav_only_menu #main-header, .et_fixed_nav_temp #main-header, .et_secondary_nav_only_menu #main-header { top: 0 !important; } .et_secondary_nav_only_menu #top-header { display: none; } #top-header .container { padding-top: 0; } #et-info { padding-top: .75em; } /* Logo */ #logo, .logo_container, #main-header, .container { transition: none; -webkit-transition: none; -moz-transition: none; } .et_header_style_centered #logo { max-height: 60px; } .et_header_style_centered header#main-header .logo_container { height: auto; max-height: 100px; padding: 0; } .et_header_style_split header#main-header .logo_container { height: auto; max-height: 100px; padding: 0; } .et_header_style_split #logo { max-height: 60px; } .et_vertical_nav span.logo_helper { display: inline-block; } .et_vertical_nav.et_header_style_left .logo_container { height: 100%; position: absolute; } .et_header_style_left #logo, .et_header_style_split #logo { max-width: 50%; } /* Search Form */ #et_top_search { margin: 0 35px 0 0; float: left; } #et_search_icon:before { top: 7px; } .et_header_style_centered #et_top_search, .et_vertical_nav.et_header_style_centered #main-header #et_top_search { display: none !important; } .et_header_style_centered .et_search_outer, .et_header_style_split .et_search_outer { display: none; } .et_header_style_split #et_top_search, .et_vertical_nav.et_header_style_split #main-header #et_top_search { display: none !important; } .et_header_style_left .et-search-form, .et_header_style_split .et-search-form { width: 50% !important; max-width: 50% !important; } .et_header_style_slide .et_slide_in_menu_container .et-search-form { width: 100% !important; max-width: 100% !important; } /* Social Icons */ .et-social-icons, #footer-info { float: none; text-align: center; } .et-social-icons { margin: 0 0 5px; } #top-header .et-social-icons { margin-bottom: 0; } /* Cart */ .et_header_style_centered #et-top-navigation .et-cart-info { display: none; } #et-top-navigation .et-cart-info { margin-top: 5px; } .et_vertical_nav #et-top-navigation .et-cart-info { margin-left: -38px; } /* Centered */ .et_header_style_centered .et_menu_container .mobile_menu_bar, .et_header_style_split .et_menu_container .mobile_menu_bar { opacity: 1; } .et_header_style_centered .et_mobile_nav_menu, .et_header_style_centered #et_mobile_nav_menu { float: none; position: relative; margin-top: 20px; } .et_header_style_centered #main-header .mobile_nav { display: block; text-align: left; background-color: rgba(0, 0, 0, .05); border-radius: 5px; padding: 5px 10px; } .et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page { display: inline-block; color: #666; font-size: 14px; } .et_header_style_centered .et_menu_container .mobile_menu_bar { position: absolute; right: 5px; top: 2px; } .et_header_style_centered .et_mobile_menu { top: 53px; } /* Centered Inline Logo */ .et_header_style_split .et_mobile_nav_menu, .et_header_style_split #et_mobile_nav_menu { float: none; position: relative; margin-top: 20px; display: block; } .et_header_style_split nav#top-menu-nav { display: none; } .et_header_style_split #main-header .mobile_nav { display: block; text-align: left; background-color: rgba(0, 0, 0, .05); border-radius: 5px; padding: 9px 10px; } .et_header_style_split .et_menu_container .mobile_menu_bar { position: absolute; right: 5px; top: 2px; } .et_header_style_split .et_mobile_menu { top: 53px; } /* Admin Bar Fixes */ body.admin-bar.et_vertical_nav #main-header { top: 0 !important; } .et_non_fixed_nav.et_transparent_nav.et_secondary_nav_only_menu.admin-bar #main-header, .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header { top: 32px !important; } body.admin-bar.et_fixed_nav.et_header_style_slide #main-header { top: 0 !important; } .et_fixed_nav.et_header_style_slide #main-header { left: 0 !important; } .et_fixed_nav.et_boxed_layout.et_header_style_slide #page-container #main-header { width: 100%; } /********************************** * Styles from Divis functions.php * ***********************************/ /** * Theme Builder Header */ header .et_pb_menu .et_pb_menu__wrap { justify-content: flex-end; } /************************* * Styles from style.css * *************************/ header .et_pb_fullwidth_menu .et_pb_menu__menu, header .et_pb_menu .et_pb_menu__menu { display: none; } .et_pb_fullwidth_menu .et_mobile_menu, .et_pb_fullwidth_menu .et_mobile_menu ul, .et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul { list-style: none !important; text-align: left; } .et_pb_fullwidth_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu { top: 100%; padding: 5%; } } body.dipi-menu-custom-breakpoint #et_mobile_nav_menu { display: none !important; } body.dipi-menu-custom-breakpoint #top-menu { display: block !important; white-space: nowrap; } body.dipi-menu-custom-breakpoint #top-menu > * { white-space: normal; } /* .et_header_style_centered body.dipi-menu-custom-breakpoint #top-menu { display: flex; align-items: center; } */ @media (max-width: 1024px) { body.dipi-menu-custom-breakpoint #top-menu, body.dipi-menu-custom-breakpoint #menu-main { display: none !important; } body.dipi-menu-custom-breakpoint #et_mobile_nav_menu { display: block !important; } .et_header_style_split #et_top_search { display: none !important; } .et_header_style_split .et_menu_container .mobile_menu_bar { position: absolute; right: 5px; top: 2px; } .et_header_style_centered #main-header .container, .et_header_style_split #main-header .container { height: auto; } .et_header_style_centered #et_mobile_nav_menu, .et_header_style_split #et_mobile_nav_menu { float: none; position: relative; margin-top: 20px; display: block; } .et_header_style_split #main-header { padding: 20px 0; } .et_header_style_split .dipi_logo_container { position: absolute; height: 100%; width: 100%; z-index: 0; } .et_header_style_split .dipi_logo_container span.logo_helper, .et_header_style_split .dipi_logo_container #dipi_logo { display: inline-block; vertical-align: middle; } .et_header_style_split.et_header_style_split #et-top-navigation, .et_header_style_split.et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 0; } .et_header_style_split .logo_container { display: none; } #et-top-navigation #et_top_search { margin: 0 35px 0 0; float: left; } #et-top-navigation #et_top_search #et_search_icon:before { top: 7px; } .et_header_style_fullscreen #main-header #et-top-navigation #et_mobile_nav_menu, .et_header_style_slide #main-header #et-top-navigation #et_mobile_nav_menu { display: none !important; } } @media (min-width: 1025px) { .et_header_style_centered nav#top-menu-nav#top-menu-nav, .et_header_style_split nav#top-menu-nav#top-menu-nav { display: inline-block; } .dipi_logo_container { display: none; } } @media (min-width: 981px) and (max-width: 1024px) { /*********************************** * Styles from Divis style.dev.css * ***********************************/ /* Hide Logo On Mobile */ .et_hide_mobile_logo #main-header .logo_container { display: none; opacity: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* Full width Logo */ .et_fullwidth_nav #main-header .container { width: 80%; margin: auto; position: relative; } /* Page Containers */ #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav #page-container { padding-top: 80px; } .et-tb #page-container, .et-tb-has-header #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et-tb #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et-tb-has-header #page-container, .et_fixed_nav.et_show_nav.et-tb #page-container, .et_fixed_nav.et_show_nav.et-tb-has-header #page-container { padding-top: 0 !important; } .et_non_fixed_nav #page-container { padding-top: 0; } .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_header_style_centered #page-container { padding-top: 136px; } #sidebar, #left-area { width: 100% !important; } /* With Sidebar */ .et_right_sidebar #left-area, .et_right_sidebar #sidebar, .et_left_sidebar #left-area, .et_left_sidebar #sidebar { width: auto; float: none; padding-right: 0; padding-left: 0; } .et_right_sidebar #left-area { margin-right: 0; } .et_right_sidebar #sidebar { margin-left: 0; border-left: none; } .et_left_sidebar #left-area { margin-left: 0; } .et_left_sidebar #sidebar { margin-right: 0; border-right: none; } #main-content .container:before { display: none !important; } .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1), .et_full_width_page .et_gallery_item:nth-child(4n+1) { clear: none; } /* Blog + Sidebar Module + Footer */ .footer-widget:nth-child(n) { width: 46.25% !important; margin: 0 7.5% 7.5% 0 !important; } #footer-widgets .footer-widget .fwidget { margin-bottom: 16.21%; } .et_pb_gutters1 .footer-widget:nth-child(n) { width: 50% !important; margin: 0 !important; } .et_pb_gutters1 #footer-widgets .footer-widget .fwidget { margin-bottom: 0; } #footer-widgets { padding: 8% 0; } #footer-widgets .footer-widget:nth-child(2n) { margin-right: 0 !important; } #footer-widgets .footer-widget:nth-last-child(-n+2) { margin-bottom: 0 !important; } .bottom-nav { text-align: center; } /* WooCommerce */ .woocommerce .cart-collaterals > div, .woocommerce .cart-collaterals > form { width: 100% !important; float: none !important; } .shop_table .coupon { margin-bottom: 25px !important; } .checkout .form-row, .checkout .col-1, .checkout .col-2 { float: none !important; width: auto !important; } .checkout .col-1, .checkout .col-2 { margin-bottom: 25px !important; } /* Header Styles */ #main-header, #top-header { transition: none; -webkit-transition: none; -moz-transition: none; } #top-menu { display: none; } .et_hide_nav.et_non_fixed_nav.et_transparent_nav #top-header, .et_hide_nav.et_non_fixed_nav.et_transparent_nav #main-header, .et_hide_nav.et_fixed_nav #top-header, .et_hide_nav.et_fixed_nav #main-header { transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; opacity: 1; } .et_header_style_centered #main-header { padding: 20px 0; } .et_header_style_centered nav#top-menu-nav { display: none; } .et_header_style_split #main-header { padding: 20px 0; } .et_header_style_split #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { display: block; padding-top: 0; } #et-top-navigation { margin-right: 0; transition: none; -webkit-transition: none; -moz-transition: none; } .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: absolute; } .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation { padding-top: 24px; display: block; } .et_non_fixed_nav.et_transparent_nav #main-header, .et_fixed_nav #main-header { -webkit-transition: none; transition: none; } .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area { width: auto; } #et-secondary-nav, #et-secondary-menu { display: none !important; } .et_non_fixed_nav.et_transparent_nav_temp #main-header, .et_secondary_nav_only_menu #main-header, .et_fixed_nav_temp #main-header, .et_secondary_nav_only_menu #main-header { top: 0 !important; } .et_secondary_nav_only_menu #top-header { display: none; } #top-header .container { padding-top: 0; } #et-info { padding-top: .75em; } /* Logo */ #logo, .logo_container, #main-header, .container { transition: none; -webkit-transition: none; -moz-transition: none; } .et_header_style_centered #logo#logo { max-height: 60px; } .et_header_style_centered header#main-header .logo_container { height: auto; max-height: 100px; padding: 0; } .et_header_style_split header#main-header .logo_container { height: auto; max-height: 100px; padding: 0; } .et_header_style_split #logo { max-height: 60px; } .et_vertical_nav span.logo_helper { display: inline-block; } .et_vertical_nav.et_header_style_left .logo_container { height: 100%; position: absolute; } .et_header_style_left #logo, .et_header_style_split #logo { max-width: 50%; } /* Search Form */ #et_top_search { margin: 0 35px 0 0; float: left; } #et_search_icon:before { top: 7px; } .et_header_style_centered #et_top_search, .et_vertical_nav.et_header_style_centered #main-header #et_top_search { display: none !important; } .et_header_style_centered .et_search_outer, .et_header_style_split .et_search_outer { display: none; } .et_header_style_split #et_top_search, .et_vertical_nav.et_header_style_split #main-header #et_top_search { display: none !important; } .et_header_style_left .et-search-form, .et_header_style_split .et-search-form { width: 50% !important; max-width: 50% !important; } .et_header_style_slide .et_slide_in_menu_container .et-search-form { width: 100% !important; max-width: 100% !important; } /* Social Icons */ .et-social-icons, #footer-info { float: none; text-align: center; } .et-social-icons { margin: 0 0 5px; } #top-header .et-social-icons { margin-bottom: 0; } /* Cart */ .et_header_style_centered #et-top-navigation .et-cart-info { display: none; } #et-top-navigation .et-cart-info { margin-top: 5px; } .et_vertical_nav #et-top-navigation .et-cart-info { margin-left: -38px; } /* Mobile Menu */ header .et_mobile_nav_menu, header #et_mobile_nav_menu { display: flex; -webkit-box-align: center; align-items: center; } /* Centered */ .et_header_style_centered .et_menu_container .mobile_menu_bar, .et_header_style_split .et_menu_container .mobile_menu_bar { opacity: 1; } .et_header_style_centered .et_mobile_nav_menu, .et_header_style_centered #et_mobile_nav_menu { float: none; position: relative; margin-top: 20px; } .et_header_style_centered #main-header .mobile_nav { display: block; text-align: left; background-color: rgba(0, 0, 0, .05); border-radius: 5px; padding: 5px 10px; } .et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page { display: inline-block; color: #666; font-size: 14px; } .et_header_style_centered .et_menu_container .mobile_menu_bar { position: absolute; right: 5px; top: 2px; } .et_header_style_centered .et_mobile_menu { top: 53px; } /* Centered Inline Logo */ .et_header_style_split .et_mobile_nav_menu, .et_header_style_split #et_mobile_nav_menu { float: none; position: relative; margin-top: 20px; display: block; } .et_header_style_split nav#top-menu-nav { display: none; } .et_header_style_split #main-header .mobile_nav { display: block; text-align: left; background-color: rgba(0, 0, 0, .05); border-radius: 5px; padding: 9px 10px; } .et_header_style_split .et_menu_container .mobile_menu_bar { position: absolute; right: 5px; top: 2px; } .et_header_style_split .et_mobile_menu { top: 53px; } /* Admin Bar Fixes */ body.admin-bar.et_vertical_nav #main-header { top: 0 !important; } .et_non_fixed_nav.et_transparent_nav.et_secondary_nav_only_menu.admin-bar #main-header, .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header { top: 32px !important; } body.admin-bar.et_fixed_nav.et_header_style_slide #main-header { top: 0 !important; } .et_fixed_nav.et_header_style_slide #main-header { left: 0 !important; } .et_fixed_nav.et_boxed_layout.et_header_style_slide #page-container #main-header { width: 100%; } /************************************** * Styles from Divis style-cpt.dev.css * ***************************************/ /* Hide Logo On Mobile */ .et_hide_mobile_logo #main-header .logo_container { display: none; opacity: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* Page Containers */ #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav #page-container { padding-top: 80px; } .et-tb #page-container, .et-tb-has-header #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et-tb #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et-tb-has-header #page-container, .et_fixed_nav.et_show_nav.et-tb #page-container, .et_fixed_nav.et_show_nav.et-tb-has-header #page-container { padding-top: 0 !important; } .et_non_fixed_nav #page-container { padding-top: 0; } .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container, .et_fixed_nav.et_show_nav.et_header_style_centered #page-container { padding-top: 136px; } #sidebar, #left-area { width: 100% !important; } /* With Sidebar */ .et_right_sidebar #left-area, .et_right_sidebar #sidebar, .et_left_sidebar #left-area, .et_left_sidebar #sidebar { width: auto; float: none; padding-right: 0; padding-left: 0; } .et_right_sidebar #left-area { margin-right: 0; } .et_right_sidebar #sidebar { margin-left: 0; border-left: none; } .et_left_sidebar #left-area { margin-left: 0; } .et_left_sidebar #sidebar { margin-right: 0; border-right: none; } #main-content .container:before { display: none !important; } .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n+1), .et_full_width_page .et_gallery_item:nth-child(4n+1) { clear: none; } /* Blog + Sidebar Module + Footer */ .footer-widget:nth-child(n) { width: 46.25% !important; margin: 0 7.5% 7.5% 0 !important; } #footer-widgets .footer-widget .fwidget { margin-bottom: 16.21%; } .et_pb_gutters1 .footer-widget:nth-child(n) { width: 50% !important; margin: 0 !important; } .et_pb_gutters1 #footer-widgets .footer-widget .fwidget { margin-bottom: 0; } #footer-widgets { padding: 8% 0; } #footer-widgets .footer-widget:nth-child(2n) { margin-right: 0 !important; } #footer-widgets .footer-widget:nth-last-child(-n+2) { margin-bottom: 0 !important; } .bottom-nav { text-align: center; } /* WooCommerce */ .woocommerce .cart-collaterals > div, .woocommerce .cart-collaterals > form { width: 100% !important; float: none !important; } .shop_table .coupon { margin-bottom: 25px !important; } .checkout .form-row, .checkout .col-1, .checkout .col-2 { float: none !important; width: auto !important; } .checkout .col-1, .checkout .col-2 { margin-bottom: 25px !important; } /* Header Styles */ #main-header, #top-header { transition: none; -webkit-transition: none; -moz-transition: none; } #top-menu { display: none; } .et_hide_nav.et_non_fixed_nav.et_transparent_nav #top-header, .et_hide_nav.et_non_fixed_nav.et_transparent_nav #main-header, .et_hide_nav.et_fixed_nav #top-header, .et_hide_nav.et_fixed_nav #main-header { transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; opacity: 1; } .et_header_style_centered #main-header { padding: 20px 0; } .et_header_style_centered nav#top-menu-nav { display: none; } .et_header_style_split #main-header { padding: 20px 0; } .et_header_style_split #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { display: block; padding-top: 0; } #et-top-navigation { margin-right: 0; transition: none; -webkit-transition: none; -moz-transition: none; } .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: absolute; } .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation { padding-top: 24px; display: block; } .et_non_fixed_nav.et_transparent_nav #main-header, .et_fixed_nav #main-header { -webkit-transition: none; transition: none; } .et_vertical_nav.et_right_sidebar #left-area, .et_vertical_nav.et_left_sidebar #left-area { width: auto; } #et-secondary-nav, #et-secondary-menu { display: none !important; } .et_non_fixed_nav.et_transparent_nav_temp #main-header, .et_secondary_nav_only_menu #main-header, .et_fixed_nav_temp #main-header, .et_secondary_nav_only_menu #main-header { top: 0 !important; } .et_secondary_nav_only_menu #top-header { display: none; } #top-header .container { padding-top: 0; } #et-info { padding-top: .75em; } /* Logo */ #logo, .logo_container, #main-header, .container { transition: none; -webkit-transition: none; -moz-transition: none; } .et_header_style_centered #logo { max-height: 60px; } .et_header_style_centered header#main-header .logo_container { height: auto; max-height: 100px; padding: 0; } .et_header_style_split header#main-header .logo_container { height: auto; max-height: 100px; padding: 0; } .et_header_style_split #logo { max-height: 60px; } .et_vertical_nav span.logo_helper { display: inline-block; } .et_vertical_nav.et_header_style_left .logo_container { height: 100%; position: absolute; } .et_header_style_left #logo, .et_header_style_split #logo { max-width: 50%; } /* Search Form */ #et_top_search { margin: 0 35px 0 0; float: left; } #et_search_icon:before { top: 7px; } .et_header_style_centered #et_top_search, .et_vertical_nav.et_header_style_centered #main-header #et_top_search { display: none !important; } .et_header_style_centered .et_search_outer, .et_header_style_split .et_search_outer { display: none; } .et_header_style_split #et_top_search, .et_vertical_nav.et_header_style_split #main-header #et_top_search { display: none !important; } .et_header_style_left .et-search-form, .et_header_style_split .et-search-form { width: 50% !important; max-width: 50% !important; } .et_header_style_slide .et_slide_in_menu_container .et-search-form { width: 100% !important; max-width: 100% !important; } /* Social Icons */ .et-social-icons, #footer-info { float: none; text-align: center; } .et-social-icons { margin: 0 0 5px; } #top-header .et-social-icons { margin-bottom: 0; } /* Cart */ .et_header_style_centered #et-top-navigation .et-cart-info { display: none; } #et-top-navigation .et-cart-info { margin-top: 5px; } .et_vertical_nav #et-top-navigation .et-cart-info { margin-left: -38px; } /* Centered */ .et_header_style_centered .et_menu_container .mobile_menu_bar, .et_header_style_split .et_menu_container .mobile_menu_bar { opacity: 1; } .et_header_style_centered .et_mobile_nav_menu, .et_header_style_centered #et_mobile_nav_menu { float: none; position: relative; margin-top: 20px; } .et_header_style_centered #main-header .mobile_nav { display: block; text-align: left; background-color: rgba(0, 0, 0, .05); border-radius: 5px; padding: 5px 10px; } .et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page { display: inline-block; color: #666; font-size: 14px; } .et_header_style_centered .et_menu_container .mobile_menu_bar { position: absolute; right: 5px; top: 2px; } .et_header_style_centered .et_mobile_menu { top: 53px; } /* Centered Inline Logo */ .et_header_style_split .et_mobile_nav_menu, .et_header_style_split #et_mobile_nav_menu { float: none; position: relative; margin-top: 20px; display: block; } .et_header_style_split nav#top-menu-nav { display: none; } .et_header_style_split #main-header .mobile_nav { display: block; text-align: left; background-color: rgba(0, 0, 0, .05); border-radius: 5px; padding: 9px 10px; } .et_header_style_split .et_menu_container .mobile_menu_bar { position: absolute; right: 5px; top: 2px; } .et_header_style_split .et_mobile_menu { top: 53px; } /* Admin Bar Fixes */ body.admin-bar.et_vertical_nav #main-header { top: 0 !important; } .et_non_fixed_nav.et_transparent_nav.et_secondary_nav_only_menu.admin-bar #main-header, .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header { top: 32px !important; } body.admin-bar.et_fixed_nav.et_header_style_slide #main-header { top: 0 !important; } .et_fixed_nav.et_header_style_slide #main-header { left: 0 !important; } .et_fixed_nav.et_boxed_layout.et_header_style_slide #page-container #main-header { width: 100%; } /********************************** * Styles from Divis functions.php * ***********************************/ /** * Theme Builder Header */ header .et_pb_menu .et_pb_menu__wrap { justify-content: flex-end; } /************************* * Styles from style.css * *************************/ header .et_pb_fullwidth_menu .et_pb_menu__menu, header .et_pb_menu .et_pb_menu__menu { display: none; } .et_pb_fullwidth_menu .et_mobile_menu, .et_pb_fullwidth_menu .et_mobile_menu ul, .et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul { list-style: none !important; text-align: left; } .et_pb_fullwidth_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu { top: 100%; padding: 5%; } } @media all and (max-width: 1024px) { body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li .sub-menu, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li .sub-menu { width: 100%; overflow: hidden; max-height: 0; visibility: hidden !important; } body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li .dipi-collapse-closed, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li .dipi-collapse-closed { width: 100%; max-height: 0px; display: none !important; } body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li .dipi-collapse-animating, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li .dipi-collapse-animating { display: block !important; } body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li .dipi-collapse-opened, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li .dipi-collapse-opened { width: 100%; max-height: 3000px; display: block !important; visibility: visible !important; } body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li ul.sub-menu, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li ul.sub-menu { -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } body.dipi-collapse-submenu-mobile .et_mobile_menu li li { padding-left: 0 !important; } body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children > a, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children > a { cursor: pointer; font-weight: 600 !important; position: relative; } body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children ul li a, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children ul li a { font-weight: 600 !important; } body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children > a:before, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children > a:before, body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children > a:after, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children > a:after { font-size: 18px; margin-right: 10px; display: inline-block; position: absolute; right: 5px; z-index: 10; cursor: pointer; font-family: "ETmodules"; transition-timing-function: ease-in-out; transition-property: all; transition-duration: .4s; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; text-align: center; vertical-align: middle; } /* Submenu closed */ body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children > a:before, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children > a:before { content: "L"; font-family: ETmodules; font-weight: 400; color: #fff; background-color: rgba(44, 61, 73, .05); border-radius: 50%; } body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children > a:after, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children > a:after { content: "!"; font-family: ETmodules; font-weight: 400; color: #fff; background-color: rgba(255, 255, 255, 0); border-radius: 50%; transform: rotate(-90deg); opacity: 0; } /* Submenu opened */ body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children > a.dipi-collapse-menu:before, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children > a.dipi-collapse-menu:before { transform: rotate(90deg); opacity: 0; } body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children > a.dipi-collapse-menu:after, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children > a.dipi-collapse-menu:after { transform: rotate(0deg); opacity: 1; } } body.et-fb.dipi-mobile-menu-fullscreen .mobile_nav.opened ul.et_mobile_menu { display: none !important; } body.dipi-mobile-menu-fullscreen { overflow-x: hidden; } @media all and (max-width: 1024px) { body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.opened:before, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu .mobile_nav.opened:before { visibility: visible; background: #242428 !important; opacity: 1; } body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.closed:before, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu .mobile_nav.closed:before { visibility: hidden; background: transparent !important; opacity: 0; } body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.opened ul.et_mobile_menu, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu .mobile_nav.opened ul.et_mobile_menu { opacity: 1; transition: all 1s; transition-timing-function: cubic-bezier(.79, .14, .15, .86); max-height: 100vh; overflow: scroll; /* Hide scrollbars in IE and Edge */ -ms-overflow-style: none; /* Hide scrollbars in Firefox */ scrollbar-width: none; } /* Hide scrollbars in Chrome, Safari and Opera */ body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.opened ul.et_mobile_menu::-webkit-scrollbar, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu .mobile_nav.opened ul.et_mobile_menu::-webkit-scrollbar { display: none; } body.dipi-mobile-menu-fullscreen #main-header.et-db #et-boc .et-l .mobile_nav.closed ul.et_mobile_menu, body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.closed ul.et_mobile_menu, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu .mobile_nav.closed ul.et_mobile_menu { opacity: 0 !important; } body.dipi-mobile-menu-fullscreen #main-header .mobile_nav:before, body.dipi-mobile-menu-fullscreen .et-l--header .mobile_nav:before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; display: block; transition: all 1s !important; transition-timing-function: cubic-bezier(.79, .14, .15, .86) !important; opacity: 0; visibility: hidden; height: 120vh; top: -20vh; } /* Not working mobile menu when use sticky header & scroll down @since 20231204 */ body.dipi-mobile-menu-fullscreen #main-header .et_pb_sticky_placeholder .mobile_nav, body.dipi-mobile-menu-fullscreen .et-l--header .et_pb_sticky_placeholder .mobile_nav { pointer-events: none; } /* Animation Circle */ body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.dipi-menu-background-animation-circle:before, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu.dipi-menu-background-animation-circle .mobile_nav:before { position: absolute; top: calc(20px - 50vh); right: calc(20px - 50vh); bottom: auto; left: auto; height: 100vh; width: 100vh; transform-origin: 50% 50%; border-radius: 50%; background: #242428 !important; transition-property: transform; } body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.dipi-menu-background-animation-circle.closed:before, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu.dipi-menu-background-animation-circle .closed:before { opacity: 0; visibility: visible; transform: scale(0); will-change: transform; } body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.dipi-menu-background-animation-circle.closed.animate:before, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu.dipi-menu-background-animation-circle .closed.animate:before { opacity: 1; } body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.dipi-menu-background-animation-circle.opened:before, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu.dipi-menu-background-animation-circle .opened:before { transform: scale(4.8); position: fixed; } body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.dipi-menu-background-animation-circle.opened:before, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu.dipi-menu-background-animation-circle .opened:before { transition-duration: .8s !important; } body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.dipi-menu-background-animation-circle.closed:before, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu.dipi-menu-background-animation-circle .closed:before { transition-duration: .5s !important; } /* Animation Slide Left */ .dipi-menu-animation-slide-left.closed #mobile_menu, .et-l--header .dipi-menu-animation-slide-left .closed ul.et_mobile_menu { transform: translateX(-120%); } .dipi-menu-animation-slide-left.opened #mobile_menu, .et-l--header .dipi-menu-animation-slide-left .opened ul.et_mobile_menu { transform: translateX(0); } .dipi-menu-background-animation-slide-left.closed:before, .et-l--header .dipi-menu-background-animation-slide-left .closed:before { transform: translateX(-100%); } .dipi-menu-background-animation-slide-left.opened:before, .et-l--header .dipi-menu-background-animation-slide-left .opened:before { transform: translateX(0); } /* Animation Slide Right */ .dipi-menu-animation-slide-right.closed #mobile_menu, .et-l--header .dipi-menu-animation-slide-right .closed ul.et_mobile_menu { transform: translateX(120%); } .dipi-menu-animation-slide-right.opened #mobile_menu, .et-l--header .dipi-menu-animation-slide-right .opened ul.et_mobile_menu { transform: translateX(0); } .dipi-menu-background-animation-slide-right.closed:before, .et-l--header .dipi-menu-background-animation-slide-right .closed:before { transform: translateX(100%); } .dipi-menu-background-animation-slide-right.opened:before { transform: translateX(0); } /* Animation Slide Bottom */ .dipi-menu-animation-slide-bottom.closed #mobile_menu, .et-l--header .dipi-menu-animation-slide-bottom .closed ul.et_mobile_menu { transform: translateY(120%); } .dipi-menu-background-animation-slide-bottom.closed:before, .et-l--header .dipi-menu-background-animation-slide-bottom .closed:before { transform: translateY(100%); } .dipi-menu-animation-slide-bottom.opened #mobile_menu, .et-l--header .dipi-menu-animation-slide-bottom .opened ul.et_mobile_menu, .dipi-menu-background-animation-slide-bottom.opened:before, .et-l--header .dipi-menu-background-animation-slide-bottom .opened:before { transform: translateY(0); } /* Animation Slide Top */ .dipi-menu-animation-slide-top.closed #mobile_menu, .et-l--header .dipi-menu-animation-slide-top .closed ul.et_mobile_menu { transform: translateY(-120%); } .dipi-menu-background-animation-slide-top.closed:before, .et-l--header .dipi-menu-background-animation-slide-top .closed:before { transform: translateY(-100%); } .dipi-menu-animation-slide-top.opened #mobile_menu, .et-l--header .dipi-menu-animation-slide-top .opened ul.et_mobile_menu, .dipi-menu-background-animation-slide-top.opened:before, .et-l--header .dipi-menu-background-animation-slide-top .opened:before { transform: translateY(0); } /* Animation Grow */ .et-db #et-boc .et-l .dipi-menu-animation-grow.closed .et_mobile_menu, .dipi-menu-animation-grow.closed #mobile_menu, .dipi-menu-background-animation-grow.closed:before, .et-l--header .dipi-menu-animation-grow .closed ul.et_mobile_menu, .et-l--header .dipi-menu-background-animation-grow .closed:before { transform: scale(.5); opacity: 0; visibility: hidden; } .et-db #et-boc .et-l .et_pb_module .dipi-menu-animation-grow .mobile_menu_bar:before { content: none; } #main-header .mobile_nav.closed .et_mobile_menu li ul, .et_pb_fullwidth_menu .mobile_nav.closed .et_mobile_menu li ul, .et_pb_menu .mobile_nav.closed .et_mobile_menu li ul, .et-l--header .mobile_nav.closed .et_mobile_menu li ul { visibility: hidden !important; } .dipi-menu-animation-grow.opened #mobile_menu, .et-l--header .dipi-menu-animation-grow .opened ul.et_mobile_menu, .dipi-menu-background-animation-grow.opened:before, .et-l--header .dipi-menu-background-animation-grow .opened:before { transform: scale(1); opacity: 1; visibility: visible; } /* Animation Fade In */ .dipi-menu-animation-fade.closed #mobile_menu, .et-db #et-boc .et-l--header .dipi-menu-animation-fade .closed ul.et_mobile_menu, .et-l--header .dipi-menu-animation-fade .closed ul.et_mobile_menu, .dipi-menu-background-animation-fade .closed:before { opacity: 0; visibility: hidden; } .dipi-menu-animation-fade.opened #mobile_menu, .et-db #et-boc .et-l--header .dipi-menu-animation-fade .opened .et_mobile_menu, .et-l--header .dipi-menu-animation-fade .opened .et_mobile_menu, .dipi-menu-background-animation-fade.opened:before { opacity: 1; visibility: visible; } /* Overlay Background */ body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.closed:before, body.dipi-mobile-menu-fullscreen .et-l--header .mobile_nav.closed:before { transition-duration: .7s !important; transition-delay: .2s; transition-timing-function: cubic-bezier(.79, .14, .15, .86); } body.dipi-mobile-menu-fullscreen #main-header .mobile_nav.opened:before, body.dipi-mobile-menu-fullscreen .et-l--header .mobile_nav.opened:before { transition-duration: .7s !important; transition-timing-function: cubic-bezier(.79, .14, .15, .86); } /* Menu Links */ .mobile_nav.closed #mobile_menu, .et-l--header .mobile_nav.closed ul.et_mobile_menu { transition-duration: .5s; } .mobile_nav.opened #mobile_menu, .et-l--header .mobile_nav.opened ul.et_mobile_menu { transition-duration: .5s; transition-delay: .2s !important; } .mobile_nav #mobile_menu, .et-l--header .mobile_nav .et_mobile_menu { display: block !important; position: absolute; z-index: 9998; width: 100%; } .mobile_nav:not(.opened) #mobile_menu, .et-l--header .mobile_nav:not(.opened) .et_mobile_menu { pointer-events: none; } body.dipi-mobile-menu-fullscreen #main-header #mobile_menu, body.dipi-mobile-menu-fullscreen .et-l--header .et_mobile_nav_menu .et_mobile_menu { top: 0; min-height: 100vh; background: transparent !important; border-top: none !important; box-shadow: none !important; list-style: none; } #main-header .mobile_menu_bar, .et-l--header .mobile_menu_bar { z-index: 10001; } } .dipi_hamburger.hamburger { background-color: rgba(44, 61, 73, 0) !important; border-radius: 100px !important; padding-top: 12px !important; padding-bottom: 11px !important; padding-left: 10px !important; padding-right: 10px !important; } .dipi_hamburger.hamburger.is-active { background-color: rgba(44, 61, 73, 0) !important; } .dipi_hamburger .hamburger-inner, .dipi_hamburger .hamburger-inner:after, .dipi_hamburger .hamburger-inner:before { background-color: #fff !important; } .dipi_hamburger.hamburger.is-active .hamburger-inner, .dipi_hamburger.hamburger.is-active .hamburger-inner:after, .dipi_hamburger.hamburger.is-active .hamburger-inner:before { background-color: #c60202 !important; } .dipi_hamburger.hamburger.hamburger--spring.is-active .hamburger-inner, .dipi_hamburger.hamburger.hamburger--stand.is-active .hamburger-inner { background-color: transparent !important; } @media (max-width: 1024px) { .et_pb_module.et_pb_fullwidth_menu div.et_pb_menu__wrap, .et_pb_module.et_pb_menu div.et_pb_menu__wrap { margin: 0; } .et_pb_module.et_pb_fullwidth_menu div.et_pb_menu__wrap .et_mobile_nav_menu, .et_pb_module.et_pb_menu div.et_pb_menu__wrap .et_mobile_nav_menu { margin-right: 0; } .et_pb_fullwidth_menu .et_mobile_menu ul, .et_pb_menu .et_mobile_menu ul { padding: 0; } .et_pb_fullwidth_menu .mobile_menu_bar, .et_pb_menu .mobile_menu_bar { display: inline; } @media only screen and (max-width: 980px) { .et_header_style_centered:has(.dipi_hamburger) div#et-top-navigation { pointer-events: none; } .et_header_style_centered:has(.dipi_hamburger) span.mobile_menu_bar.mobile_menu_bar_toggle { pointer-events: all; } .et_header_style_centered:has(.dipi_hamburger) ul#mobile_menu { pointer-events: all; } } } @media screen and (max-width: 1024px) { #main-header { display: flex; flex-direction: column; align-items: center; height: 80px !important; background: #242428 !important; } /*,.et_header_style_fullscreen #et-top-navigation */ /* Comment for Enable Custom Mobile Menu Style + Add Hamburger Icon Animation + Full screen of HEADER STYLE */ .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left:not(.et_header_style_slide):not(.et_header_style_fullscreen) #et-top-navigation { padding-top: 0 !important; } /* Need for Enable Custom Mobile Menu Style + Default HeaderStyle Comment for Enable Custom Mobile Menu Style + SlideIn HeaderStyle */ .et_header_style_left:not(.et_header_style_slide):not(.et_header_style_fullscreen) #et-top-navigation .mobile_menu_bar, .et_header_style_fullscreen #et-top-navigation { padding-bottom: 0 !important; } #main-header #et_top_search { margin: 0 35px 0 0; } #main-header #et_top_search #et_search_icon:before { top: 7px; } #top-header .container #et-info { width: 100% !important; text-align: center; } .et-l--header { height: 80px !important; background: #242428 !important; } .et_header_style_left #logo { max-height: 35px !important; height: auto !important; } .et_header_style_split header#main-header #dipi_logo, .et_header_style_centered header#main-header #logo { max-height: 35px !important; height: auto !important; margin: 0 auto !important; width: auto; } .et_header_style_left #logo, .et_header_style_split header#main-header #dipi_logo, .et_header_style_centered header#main-header #logo { width: px !important; } header .et_mobile_menu { background: #242428 !important; /*padding-top: 0px !important;*/ padding-right: 0px !important; /*padding-bottom: 0px !important;*/ padding-left: 0px !important; } header .et_mobile_menu:before { content: ""; display: block; height: 80px !important; } header .et_mobile_menu:after { content: ""; display: block; height: 20px !important; } header .et_mobile_menu li:not(:last-child) a { margin-bottom: 10px !important; } header .et_mobile_menu li > a + ul {} header .et_mobile_menu > li > a { text-align: center !important; } header .et-menu li { margin-bottom: 10px !important; text-align: center !important; } header .et_mobile_menu > li > a, header .et-menu > li > a { background-color: rgba(44, 61, 73, .03) !important; padding-top: 15px !important; padding-right: 10px !important; padding-bottom: 15px !important; padding-left: 10px !important; font-size: 16px !important; color: #fff !important; letter-spacing: 0px !important; font-weight: 600; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-width: 0px !important; border-style: solid !important; border-color: rgba(126, 190, 197, 0) !important; } header .et_mobile_menu li > ul.sub-menu > li > a {} header .et_mobile_menu li.menu-item-has-children > a, header .et-menu li.menu-item-has-children > a { font-weight: 600 !important; } .et_header_style_centered header#main-header.et-fixed-header .logo_container.logo_container { height: auto !important; } #main-header .et_mobile_menu li li, #main-header .et_mobile_menu li ul.sub-menu { padding-left: 0; } } @media all and (max-width: 1024px) { .et_header_style_centered.et_header_style_centered header#main-header.et-fixed-header .logo_container { height: auto; } .et_header_style_split #et_mobile_nav_menu, .et_header_style_centered #et_mobile_nav_menu { flex: 1; } #et-top-navigation { display: flex !important; } } @media all and (min-width: 1025px) { .et_header_style_centered #et-top-navigation { justify-content: center; } .et_header_style_centered #et_search_icon#et_search_icon:before { position: relative; top: 0; } } header .et_mobile_menu li > .sub-menu > li { margin-bottom: 5px !important; } body.dipi-collapse-submenu-mobile header .et_mobile_menu li .sub-menu { padding-right: 10px !important; padding-left: 10px !important; } body.dipi-collapse-submenu-mobile header .et_mobile_menu li .sub-menu:before { content: ""; display: block; height: 10px !important; } body.dipi-collapse-submenu-mobile header .et_mobile_menu li .sub-menu:after { content: ""; display: block; height: 10px !important; } header .et_mobile_menu li > .sub-menu > li > a { padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; border-width: 0px !important; border-style: solid; border-radius: 50px 50px 50px 50px !important; border-color: rgba(126, 190, 197, 0) !important; background-color: rgba(255, 255, 255, 0) !important; text-align: center; font-weight: 500; font-size: 16px !important; letter-spacing: 1px !important; color: #f6f6f6 !important; } @media screen and (min-width: 1025px) { body.dipi-cta-button #et_top_search { margin: 15px 0 0 22px; } .et_header_style_split div#et-top-navigation, .et_header_style_left div#et-top-navigation { align-items: flex-start !important; } .et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a { padding-bottom: 33px !important; } /* .et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a, .et_header_style_centered #et-top-navigation nav > ul > li > a { line-height: 2.5em; } */ .et_header_style_left div#et-top-navigation { display: flex; align-items: center; /* With social icons enabled, we remove the bottom padding below the li elements so we need to add it to the container */ padding-top: 33px; padding-bottom: 0px; } .et_header_style_split div#et-top-navigation { align-items: center; /* With social icons enabled, we remove the bottom padding below the li elements so we need to add it to the container */ padding-top: 33px !important; padding-bottom: 0px !important; } .et_header_style_fullscreen #et-top-navigation { padding-bottom: 0px !important; } /* Vertical Navigation Styles */ .et_vertical_nav #main-header #top-menu > li > a { padding-bottom: 19px !important; line-height: inherit; } .et_vertical_nav #main-header #et-top-navigation { display: block; } .et_vertical_nav #top-header { position: initial; } .et_vertical_fixed.admin-bar #page-container #main-header { top: 32px !important; } .et_vertical_nav.et_vertical_fixed.et_header_style_left #et-top-navigation { padding-top: 33px !important; } .et_vertical_fixed.admin-bar #page-container #main-header { transform: translateY(0) !important; } .et_vertical_nav #page-container #main-header { top: 0 !important; } /* With do-not-shrink functionality enabeld, we also must apply padding to fixed menu */ .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 20px !important; padding-bottom: 0px !important; } .et_header_style_centered .et-fixed-header #et-top-navigation { padding-top: 20px; padding-bottom: 0px !important; } .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a { padding-bottom: 20px !important; } .et-menu li:not(.mega-menu) ul, #top-menu li:not(.mega-menu) ul { width: 240px !important; } .et-menu li li a, #top-menu li li a { width: 100% !important; } #top-menu li li, .et-menu li li { width: 100%; } } .dipi-fixed-header #main-header, .dipi-fixed-header #top-header { position: fixed !important; width: 100%; } @media (max-width: 980px) { #main-header, #top-header { transition: transform .4s, opacity .4s ease-in-out, -webkit-transform .4s !important; } } #top-header {} #top-header li a, #et-info-email, #et-info-phone {} .et-menu-nav ul.et-menu li, #top-menu li {} .et-menu-nav ul.et-menu li:hover, #top-menu li:hover { transition: all .3s ease-in-out; } .et-fixed-header #top-menu li { transition: all .3s ease-in-out; } /*.et-menu-nav ul.et-menu li:last-of-type, #top-menu>li:last-of-type { padding-right: 0 !important; }*/ .et-menu-nav ul.et-menu li a, #top-menu a {} .et-menu-nav ul.et-menu li a:hover, #top-menu a:hover { opacity: 1 !important; } .et-fixed-header ul#top-menu li a:hover {} header.et-l--header .nav li ul, .nav li ul { background: #242428 !important; border-radius: 5px !important; } #top-menu.nav li ul li.current-menu-item a, #top-menu.nav li ul a, .et-menu-nav ul.et-menu ul.sub-menu li a { font-weight: 700 !important; font-size: 14px !important; letter-spacing: 0px !important; color: #fff !important; transition: all .2s ease-in-out !important; } #top-menu.nav li ul li.current-menu-item a:hover, #top-menu.nav li ul a:hover, .et-menu-nav ul.et-menu ul.sub-menu li a:hover { letter-spacing: 0px !important; transition: all .2s ease-in-out; } body.custom-background { background-color: #f6f6f6; } #sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus { outline: none; box-shadow: inset 0 0 10px 20px #e02f2f; } #top-menu li a, .et_pb_menu__menu > nav > ul > li a { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #top-menu li > a > span, .et_pb_menu__menu > nav > ul > li a > span { position: relative; } .three_dots #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after, .three_dots .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after { position: absolute; content: ""; left: 50%; top: 25px; transition: all .3s ease-in-out; text-shadow: 0 0 transparent; width: 5px; height: 5px; border-radius: 100px; transform: translateX(-50%); } .three_dots #top-menu li.current-menu-ancestor > a > span:after, .three_dots .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .three_dots #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover > a > span:after, .three_dots .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover > a > span:after { background-color: #c60202; box-shadow: 10px 0 #c60202, -10px 0 #c60202; } .three_dots .et-fixed-header #top-menu li.current-menu-ancestor > a > span:after, .three_dots .et-fixed-header #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover > a > span:after { background-color: #fff !important; box-shadow: 10px 0 #fff, -10px 0 #fff !important; } .filled_background #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span, .filled_background .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span { border-style: solid; border-color: transparent; background-color: transparent; transition: background-color .1s ease-in-out, box-shadow .1s ease-in-out, border-color .2s ease-in-out, margin .1s ease, padding .1s ease; border-width: 2px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .filled_background #top-menu li.current-menu-ancestor > a > span, .filled_background .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span, .filled_background #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover > a > span, .filled_background .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover > a > span { border-color: #2ea3f2; background-color: #c60202; } .filled_background #top-menu li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover > a > span, .filled_background .et_pb_menu__menu > nav ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover > a > span { padding: 5px 10px; margin: -5px -10px; } .filled_background #top-menu li.menu-item-has-children > a > span, .filled_background .et_pb_menu__menu > nav > ul > li.menu-item-has-children > a > span, .filled_background #top-menu li.menu-item-has-children:hover > a > span, .filled_background .et_pb_menu__menu > nav > ul > li.menu-item-has-children:hover > a > span { padding: 5px 25px 5px 10px; margin: -5px -25px -5px -10px; } .filled_background .et-fixed-header #top-menu li.current-menu-ancestor > a > span, .filled_background .et-fixed-header #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover > a > span { background-color: #fff !important; } .slide_up_below #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after, .slide_up_below .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after { content: ""; display: block; background: #c60202; width: 100%; height: 2px; left: 0; position: absolute; top: 25px; transition: all .3s ease-in-out; opacity: 0; border-radius: 0px; } .slide_up_below #top-menu li.current-menu-ancestor > a > span:after, .slide_up_below .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .slide_up_below #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover > a > span:after, .slide_up_below .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover > a > span:after { top: calc(25px - 5px) !important; opacity: 1 !important; } .slide_up_below .et-fixed-header #top-menu li.current-menu-ancestor > a > span:after, .slide_up_below .et-fixed-header #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after { background-color: #fff !important; } .slide_down_below #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after, .slide_down_below .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after { content: ""; display: block; background: #c60202; width: 100%; height: 2px; left: 0; position: absolute; top: 25px; transition: all .3s ease-in-out; opacity: 0; border-radius: 0px; } .slide_down_below #top-menu li.current-menu-ancestor > a > span:after, .slide_down_below .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .slide_down_below #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap):hover a > span:after, .slide_down_below .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap):hover a > span:after { top: calc(25px + 5px) !important; opacity: 1 !important; } .slide_down_below .et-fixed-header #top-menu li.current-menu-ancestor > a > span:after, .slide_down_below .et-fixed-header #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after { background-color: #fff !important; } .grow_below_left #top-menu > li:not(.menu-item-has-children):not(.centered-inline-logo-wrap) a > span:after, .grow_below_left .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children) a > span:after, .grow_above_and_below_left #top-menu > li:not(.menu-item-has-children) a > span:after, .grow_above_and_below_left .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children) a > span:after { content: ""; display: block; background: #c60202; width: 0; height: 2px; left: 0; position: absolute; top: 25px; transition: all .3s ease-in-out; opacity: 0; border-radius: 0px; } .grow_above_and_below_left #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:before, .grow_above_and_below_left .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:before { content: ""; display: block; background: #c60202; width: 0; height: 2px; left: 0; position: absolute; top: -5px; transition: all .3s ease-in-out; opacity: 0; border-radius: 0px; } .grow_below_left #top-menu li.current-menu-ancestor > a > span:after, .grow_below_left .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .grow_above_and_below_left #top-menu li.current-menu-ancestor > a > span:after, .grow_above_and_below_left #top-menu li.current-menu-ancestor > a > span:before, .grow_above_and_below_left .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .grow_above_and_below_left .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:before, .grow_below_left #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .grow_below_left .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .grow_above_and_below_left #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap):hover a > span:after, .grow_above_and_below_left #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap):hover a > span:before, .grow_above_and_below_left .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .grow_above_and_below_left .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:before { width: 100% !important; opacity: 1 !important; } .grow_below_left .et-fixed-header #top-menu li.current-menu-ancestor > a > span:after, .grow_above_and_below_left .et-fixed-header #top-menu li.current-menu-ancestor > a > span:after, .grow_above_and_below_left .et-fixed-header #top-menu li.current-menu-ancestor > a > span:before, .grow_below_left .et-fixed-header #top-menu li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after, .grow_above_and_below_left .et-fixed-header #top-menu li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after, .grow_above_and_below_left .et-fixed-header #top-menu li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:before { background-color: #fff !important; } .grow_below_center #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:after, .grow_above_and_below_center #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:after, .grow_below_center .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after, .grow_above_and_below_center .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after { content: ""; display: block; background: #c60202; width: 0; height: 2px; left: 50%; position: absolute; top: 25px; transition: all .3s ease-in-out; opacity: 0; border-radius: 0px; } .grow_above_and_below_center #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:before, .grow_above_and_below_center .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:before { content: ""; display: block; background: #c60202; width: 0; height: 2px; left: 50%; position: absolute; top: -5px; transition: all .3s ease-in-out; opacity: 0; border-radius: 0px; } .grow_below_center #top-menu li.current-menu-ancestor > a > span:after, .grow_above_and_below_center #top-menu li.current-menu-ancestor > a > span:before, .grow_above_and_below_center #top-menu li.current-menu-ancestor > a > span:after, .grow_below_center .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .grow_above_and_below_center .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:before, .grow_above_and_below_center .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .grow_below_center #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .grow_above_and_below_center #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:before, .grow_above_and_below_center #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .grow_below_center .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .grow_above_and_below_center .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:before, .grow_above_and_below_center .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after { width: 100% !important; opacity: 1 !important; left: 0 !important; } .grow_below_center .et-fixed-header #top-menu li.current-menu-ancestor > a > span:after, .grow_above_and_below_center .et-fixed-header #top-menu li.current-menu-ancestor > a > span:after, .grow_above_and_below_center .et-fixed-header #top-menu li.current-menu-ancestor > a > span:before, .grow_below_center .et-fixed-header #top-menu li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after, .grow_above_and_below_center .et-fixed-header #top-menu li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after, .grow_above_and_below_center .et-fixed-header #top-menu li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:before { background-color: #fff !important; } .grow_below_right #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:after, .grow_above_and_below_right #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:after, .grow_below_right .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after, .grow_above_and_below_right .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after { content: ""; display: block; background: #c60202; width: 0; height: 2px; right: 0; position: absolute; top: 25px; transition: all .3s ease-in-out; opacity: 0; border-radius: 0px; } .grow_above_and_below_right #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:before, .grow_above_and_below_right .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:before { content: ""; display: block; background: #c60202; width: 0; height: 2px; right: 0; position: absolute; top: -5px; transition: all .3s ease-in-out; opacity: 0; border-radius: 0px; } .grow_below_right #top-menu li.current-menu-ancestor > a > span:after, .grow_above_and_below_right #top-menu li.current-menu-ancestor > a > span:after, .grow_above_and_below_right #top-menu li.current-menu-ancestor > a > span:before, .grow_below_right .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .grow_above_and_below_right .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .grow_above_and_below_right .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:before, .grow_below_right #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .grow_above_and_below_right #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .grow_above_and_below_right #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:before, .grow_below_right .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .grow_above_and_below_right .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .grow_above_and_below_right .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:before { width: 100% !important; opacity: 1 !important; } .grow_below_right .et-fixed-header #top-menu li.current-menu-ancestor > a > span:after, .grow_above_and_below_right .et-fixed-header #top-menu li.current-menu-ancestor > a > span:after, .grow_above_and_below_right .et-fixed-header #top-menu li.current-menu-ancestor > a > span:before, .grow_below_right .et-fixed-header #top-menu li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after, .grow_above_and_below_right .et-fixed-header #top-menu li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:after, .grow_above_and_below_right .et-fixed-header #top-menu li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) > a > span:before { background-color: #fff !important; } .bracketed_out #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:before, .bracketed_out .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:before { content: "["; display: inline-block; color: #c60202; transition: all .15s ease-in-out; opacity: 0; left: 0; position: absolute; top: 25px; font-size: 120%; } .bracketed_out #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:after, .bracketed_out .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after { content: "]"; display: inline-block; color: #c60202; transition: all .15s ease-in-out; opacity: 0; right: 0; position: absolute; top: 25px; font-size: 120%; } .bracketed_in #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:before, .bracketed_in .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:before { content: "["; display: inline-block; color: #c60202; transition: all .15s ease-in-out; opacity: 0; left: -20px; position: absolute; top: 25px; font-size: 120%; } .bracketed_in #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:after, .bracketed_in .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after { content: "]"; display: inline-block; color: #c60202; transition: all .15s ease-in-out; opacity: 0; right: -20px; position: absolute; top: 25px; font-size: 120%; } .bracketed_out #top-menu li.current-menu-ancestor > a > span:before, .bracketed_in #top-menu li.current-menu-ancestor > a > span:before, .bracketed_out .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:before, .bracketed_in .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:before, .bracketed_out #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:before, .bracketed_in #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:before, .bracketed_out .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:before, .bracketed_in .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:before { left: -10px !important; opacity: 1 !important; } .bracketed_out #top-menu li.current-menu-ancestor > a > span:after, .bracketed_in #top-menu li.current-menu-ancestor > a > span:after, .bracketed_out .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .bracketed_in .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a > span:after, .bracketed_out #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .bracketed_in #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .bracketed_out .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after, .bracketed_in .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):hover a > span:after { right: -10px !important; opacity: 1 !important; } /* @-moz-document url-prefix() { .filled_background #top-menu li:not(.dipi-cta-button-menu-item) > a > span, .filled_background .et_pb_menu__menu > nav > ul > li:not(.dipi-cta-button-menu-item) > a > span, .filled_background #top-menu li:not(.dipi-cta-button-menu-item):hover > a > span, .filled_background .et_pb_menu__menu > nav > ul > li:not(.dipi-cta-button-menu-item):hover > a > span { margin: 0 !important; } } */ .filled_background #top-menu li:not(.dipi-cta-button-menu-item) > a > span, .filled_background .et_pb_menu__menu > nav > ul > li:not(.dipi-cta-button-menu-item) > a > span, .filled_background #top-menu li:not(.dipi-cta-button-menu-item):hover > a > span, .filled_background .et_pb_menu__menu > nav > ul > li:not(.dipi-cta-button-menu-item):hover > a > span { white-space: nowrap; } .bracketed_out .et-fixed-header #top-menu > li.current-menu-ancestor a > span:before, .bracketed_in .et-fixed-header #top-menu > li.current-menu-ancestor a > span:before, .bracketed_out .et-fixed-header #top-menu > li.current-menu-ancestor a > span:after, .bracketed_in .et-fixed-header #top-menu > li.current-menu-ancestor a > span:after, .bracketed_out .et-fixed-header #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:before, .bracketed_in .et-fixed-header #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:before, .bracketed_out .et-fixed-header #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after, .bracketed_in .et-fixed-header #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after { color: #fff !important; }