/* Hide the entire Quick Shortcuts container */
#cPanelQuickShortcutsPanel,
.panel[id*="QuickShortcuts"],
.card[id*="QuickShortcuts"] {
display: none !important;
}
/* Hide the entire Quick Create Email container */
#cPanelQuickEmailAccountPanel,
.panel[id*="QuickEmailAccount"],
.card[id*="QuickEmailAccount"] {
display: none !important;
}
/* Hide the headers specifically if they are separate */
h2:has(+ #cPanelQuickShortcutsPanel),
h3:has(+ #cPanelQuickShortcutsPanel) {
display: none !important;
}
/* Target the specific Webmail button by its value */
input[value="Log in to Webmail"] {
display: none !important;
}
/* If the button uses a language variable, this targets the onclick action */
input[onclick*="2096"] {
display: none !important;
}
/* Hide the 'Create' button you found in the code */
#btnCreateLoader, button:has(#btnCreateLoader) {
display: none !important;
}
/* Targeted removal based on the IDs provided in your HTML */
#Primary_Navbar-Website_Security-weebly,
#Primary_Navbar-Website_Security-siteBuilder {
display: none !important;
}
/* Change Primary Brand Color */
:root {
--primary: #c43639 !important;
}
/* Force Buttons to Red */
.btn-primary, .btn-success, .btn-checkout, .navbar-main {
background-color: #c43639 !important;
border-color: #c43639 !important;
color: #ffffff !important;
}
/* Force Hover State to a Darker Red */
.btn-primary:hover, .btn-success:hover {
background-color: #a02b2e !important;
border-color: #a02b2e !important;
}
/* --- EMERGENCY RESET TO KILL STICKY --- */
header, #header, .header, nav, .navbar {
position: static !important;
top: auto !important;
width: 100% !important;
box-shadow: none !important;
transform: none !important;
-webkit-transform: none !important;
}
body, #main-body, .main-content {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* Import Enfold Font */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=auto');
/* Navigation Styling to match Enfold */
#main-menu .navbar-nav > li > a {
font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
line-height: 1.3em !important;
padding-top: 25px !important;
padding-bottom: 25px !important;
text-align: center;
color: #333333 !important;
}
/* Style the subtext (the part after the
) */
.menu-subtext {
display: block;
font-size: 10px !important;
font-weight: 400 !important;
text-transform: none !important;
opacity: 0.7;
margin-top: 2px;
}
/* Active item highlight (Enfold style underline) */
#main-menu .navbar-nav > li.active > a,
#main-menu .navbar-nav > li > a:hover {
color: #7bb0e7 !important; /* Matches the 'Aero' color in your WP styles */
}
/* Prevent WHMCS from bundling menu items into 'More' dropdown */
.navbar-nav > li {
display: inline-block !important;
float: none !important;
}
.navbar-nav {
display: flex !important;
justify-content: center; /* This centers the menu like Enfold */
flex-wrap: nowrap !important;
}
/* Hide the automatic 'More' item if it still tries to appear */
#Primary_Navbar-More, .navbar-nav .dropdown.more {
display: none !important;
}
.navbar-main .navbar-nav > li > a {
padding-left: 10px !important;
padding-right: 10px !important;
min-width: 100px; /* Ensures enough room for the text */
}
/* 1. Push Menu to the Right */
.navbar-nav {
display: flex !important;
justify-content: flex-end !important; /* This flushes it right */
width: 100% !important;
flex-wrap: nowrap !important;
}
/* 2. Add Hairline Dividers */
.navbar-nav > li {
border-right: 1px solid #e1e1e1; /* The hairline divider color */
}
/* Remove the last divider so it stays flush with the edge */
.navbar-nav > li:last-child {
border-right: none !important;
}
/* 3. Refine Link Spacing & Font */
.navbar-nav > li > a {
font-family: 'Open Sans', sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
padding-left: 15px !important; /* Balanced spacing around dividers */
padding-right: 15px !important;
color: #333333 !important;
line-height: 1 !important;
}
/* 4. Ensure 'More' remains hidden */
#Primary_Navbar-More {
display: none !important;
}