.elementor-1999 .elementor-element.elementor-element-5b159fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:22px;--padding-left:48px;--padding-right:48px;--z-index:999;}.elementor-1999 .elementor-element.elementor-element-5b159fc:not(.elementor-motion-effects-element-type-background), .elementor-1999 .elementor-element.elementor-element-5b159fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1999 .elementor-element.elementor-element-f5d137f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1999 .elementor-element.elementor-element-e553085{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1999 .elementor-element.elementor-element-e553085.elementor-element{--align-self:flex-start;}.elementor-1999 .elementor-element.elementor-element-e553085.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1999 .elementor-element.elementor-element-e553085 img{width:156px;}.elementor-1999 .elementor-element.elementor-element-6f0786e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1999 .elementor-element.elementor-element-6f0786e.e-con{--align-self:center;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-1999 .elementor-element.elementor-element-2d2b8c1.elementor-element{--align-self:flex-end;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-menu-toggle{margin:0 auto;background-color:#FFFFFF;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu .elementor-item{font-family:"Figtree", Sans-serif;font-size:18px;font-weight:500;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--main .elementor-item{color:#010403;fill:#010403;padding-left:0px;padding-right:0px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--main .elementor-item:hover, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--main .elementor-item:focus{color:#1A5632;fill:#1A5632;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#1A5632;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown a, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-menu-toggle{color:#1A5632;fill:#1A5632;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown a:hover, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown a:focus, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown .elementor-item, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Rethink Sans", Sans-serif;font-weight:bold;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown{border-style:solid;border-color:#1A5632;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#1A5632;border-bottom-width:2px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 div.elementor-menu-toggle{color:#000000;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 div.elementor-menu-toggle svg{fill:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1999 .elementor-element.elementor-element-f5d137f{--width:170px;}.elementor-1999 .elementor-element.elementor-element-6f0786e{--width:800px;}}@media(max-width:1024px){.elementor-1999 .elementor-element.elementor-element-5b159fc{--padding-top:22px;--padding-bottom:22px;--padding-left:34px;--padding-right:34px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown{border-width:2px 0px 0px 0px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown a{padding-left:28px;padding-right:28px;padding-top:30px;padding-bottom:30px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:24px !important;}}@media(max-width:767px){.elementor-1999 .elementor-element.elementor-element-5b159fc{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-1999 .elementor-element.elementor-element-f5d137f{--width:40%;}.elementor-1999 .elementor-element.elementor-element-6f0786e{--width:50%;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--main .elementor-item{padding-top:0px;padding-bottom:0px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown .elementor-item, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:18px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown{border-width:2px 0px 0px 0px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:30px;padding-bottom:30px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:22px !important;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1{--nav-menu-icon-size:20px;}.elementor-1999 .elementor-element.elementor-element-2d2b8c1 .elementor-menu-toggle{border-width:0px;border-radius:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-2d2b8c1 */.elementor-nav-menu .elementor-item:not([href="https://thefilipinodistrict.com/add-your-business/"]) { /* Use !important to ensure this overrides theme/widget default padding */ border-bottom: 2px solid transparent !important; /* Reserve 2px space */ text-decoration: none !important; /* Ensure base underline is off */ } /* 2. Hover State for Standard Menu Items: Change transparent border to active color */ .elementor-nav-menu .elementor-item:not([href="https://thefilipinodistrict.com/add-your-business/"]):hover { border-bottom: 2px solid #1A5632 !important; /* Color of the hover line */ text-decoration: none !important; } /* --- "ADD YOUR BUSINESS" BUTTON STYLES --- */ /* 3. Button Base Styles (Desktop & Mobile Base) */ .elementor-nav-menu .elementor-item[href="https://thefilipinodistrict.com/add-your-business/"] { background-color: #1A5632 !important; padding: 13px 24px !important; border-radius: 8px !important; margin-left: 15px !important; color: #FFFFFF !important; font-weight: 700 !important; text-decoration: none !important; display: inline-block !important; } /* 4. Button Hover State (Ensures underline removal and color change) */ .elementor-nav-menu .elementor-item[href="https://thefilipinodistrict.com/add-your-business/"]:hover { background-color: #5E886F !important; color: #F0F0F0 !important; text-decoration: none !important; } /* 2. ACTIVE STATE: Display the underline for the current page */ .elementor-nav-menu .elementor-item-active:not([href="https://thefilipinodistrict.com/add-your-business/"]) { border-bottom: 2px solid #1A5632 !important; /* Color of the active line (using hover color) */ text-decoration: none !important; } /* --- MOBILE LAYOUT OVERRIDE (MAX-WIDTH: 767px) --- */ @media (max-width: 767px) { /* 5. Full Width & 20px Gap Fix for Button */ .elementor-nav-menu .elementor-item-active:not([href="https://thefilipinodistrict.com/add-your-business/"]) { border-bottom: 0px solid #1A5632 !important; /* Color of the active line (using hover color) */ text-decoration: none !important } .elementor-nav-menu .elementor-item[href="https://thefilipinodistrict.com/add-your-business/"] { /* Full Width & Gap Fix */ display: block !important; width: calc(100% - 40px) !important; /* 100% - 20px margin left/right */ text-align: center !important; /* Margins for the 20px gap */ margin-left: 20px !important; margin-right: 20px !important; margin-top: 48px !important; margin-bottom: 48px !important; /* Padding */ padding: 16px 0 !important; box-sizing: border-box !important; } } /* --- TABLET LAYOUT OVERRIDE (MIN-WIDTH: 768px AND MAX-WIDTH: 1024px) --- */ @media (min-width: 768px) and (max-width: 1024px) { /* 1. Active line (non-button items) */ .elementor-nav-menu .elementor-item-active:not([href="https://thefilipinodistrict.com/add-your-business/"]) { text-decoration: none !important } /* 2. Button styling for 'Add Your Business' on Tablet */ .elementor-nav-menu .elementor-item[href="https://thefilipinodistrict.com/add-your-business/"] { /* --- CENTER BUTTON STYLES --- */ /* Change from block (which forces 100% width) to inline-block */ display: inline-block !important; /* Set width to auto so it only takes up the space it needs */ width: auto !important; /* Remove the aggressive left/right margins from the mobile version */ margin-left: auto !important; margin-right: auto !important; /* Optional: Add a top/bottom margin */ margin-top: 35px !important; margin-bottom: 35px !important; /* --- END CENTER BUTTON STYLES --- */ /* Padding adjustments (optional) */ padding: 12px 18px !important; box-sizing: border-box !important; } /* 3. Center the button's parent element (the list item) */ /* This assumes the button is a top-level nav item in a flex container (common in Elementor) */ /* If the button is wrapped in a list item, you might need to apply the centering to its parent container as well, but often, setting margin: auto on the button itself (as above) is enough if the menu is set to justify-content: center. If the link is a list item inside a