/* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/*****************************************/
/* Start your style declarations here */
/*****************************************/
li::marker {
color: #FF9902;
}
a#return-to-top {
background: #FF9902; !important
}
a#return-to-top:hover {
background: #FF9902; !important
}
.checkmark-list li {
list-style-image: url('data:image/svg+xml,');
}
.checkmark-list li::marker {
font-size: 2em;
line-height: 0.1;
}
.price-cards li {
list-style-image: url('data:image/svg+xml,');
}
.price-cards li::marker {
font-size: 2em;
line-height: 0.1;
}
.header .hhs-extras-ctas .hhs-header-cta .hhs-head-cta-1 {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.header .hhs-extras-ctas .hhs-header-cta .hhs-head-cta-2 {
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.text-video-module iframe {
border-radius: 8px;
}
.text-image-module img {
border-radius: 8px;
}
.global-footer .hhs-social-con svg {
height: 20px;
width: 20px;
}
@media(max-width: 768px) {
.global-footer .c-cta-con {
margin-bottom: 25px;
}
}
@media(max-width: 768px) {
.global-footer .hhs-foot-base-nav {
text-align: center;
}
}
@media(max-width: 575px) {
.global-footer .c-cta-con {
align-items: center;
justify-content: center;
}
}
.image-text-slider .c-slide-inner-1 {
border-radius: 8px;
}
.image-text-slider .c-image-1 img {
border-radius: 8px;
}
@media(max-width: 768px) {
.salesware-module-button .c-content-con .c-w-100 .c-in-2 .c-justify-left
{
justify-content: center;
align-items: center;
}
}
.nav-fixed {
box-shadow: 0 6px 6px -6px #e6e6e6;
}
.foursolutions-cards .filter-card {
pointer-events: none;
}
.mega-menu {
max-width: 900px;
width: 100%;
left: 50% !important;
transform: translateX(-50%) !important;
}
/* =========================================================
Step 1: Reduce spacing inside the mega-menu dropdown
- Top/bottom padding of dropdown
- Left/right padding of inner container
- Row/column gutters (space between columns + outer edges)
- UL default margins/padding
========================================================= */
/* A) Reduce the overall inner padding of the dropdown */
#hhs-main-nav .mega-menu{
padding: 12px; /* adjust: 8–16px */
}
/* B) Reduce the left/right padding coming from the inner .container */
#hhs-main-nav .mega-menu > div > .container{
padding-left: 12px !important; /* adjust: 8–16px */
padding-right: 12px !important;
padding-top: 8px !important; /* reduce top spacing */
padding-bottom: 8px !important;/* reduce bottom spacing */
}
/* C) Reduce row gutter + prevent row negative margins from creating extra space */
#hhs-main-nav .mega-menu .row{
margin-left: 0 !important;
margin-right: 0 !important;
column-gap: 20px; /* space BETWEEN columns */
row-gap: 12px; /* space between wrapped rows (if any) */
}
/* D) Reduce the padding INSIDE each column (this affects left/right spacing at edges too) */
#hhs-main-nav .mega-menu .row > [class*="col-"]{
padding-left: 8px !important; /* adjust: 4–12px */
padding-right: 8px !important;
}
/* E) Remove default UL spacing so lists don’t add extra top/left/bottom space */
#hhs-main-nav .mega-menu ul{
margin: 0 !important;
padding: 0 !important;
}
/* Optional: tighten spacing between the heading and the list */
#hhs-main-nav .mega-menu .mega-text-con{
margin-bottom: 6px; /* adjust: 0–10px */
}
#hhs-main-nav .mega-menu .mega-nav-con{
margin-top: 0;
}
/* =========================================================
Keep ALL mega-menu columns on ONE line (no wrapping)
This overrides the earlier flex-wrap / min-width approach.
========================================================= */
/* 1) Force the mega menu row to NEVER wrap */
#hhs-main-nav .mega-menu .row{
display: flex !important;
flex-wrap: nowrap !important; /* key line */
align-items: flex-start;
column-gap: 20px; /* keep your tighter spacing */
row-gap: 0 !important; /* irrelevant when nowrap, but keeps it clean */
}
/* 2) Make columns shrink to fit in one row (and keep consistent widths) */
#hhs-main-nav .mega-menu .row > [class*="col-"]{
flex: 0 1 auto !important; /* allow shrinking instead of wrapping */
min-width: 0 !important; /* IMPORTANT: prevents overflow forcing wrap */
}
/* 3) Explicit widths per mega layout (matches your markup: col-3/4/6) */
#hhs-main-nav .mega-menu-1 .row > .col-3{ flex-basis: calc(25% - 12px) !important; }
#hhs-main-nav .mega-menu-2 .row > .col-4{ flex-basis: calc(33.333% - 11px) !important; }
#hhs-main-nav .mega-menu-3 .row > .col-6{ flex-basis: calc(50% - 8px) !important; }
#hhs-main-nav .mega-menu-5 .row > .col-6{ flex-basis: calc(50% - 8px) !important; }
#hhs-main-nav .mega-menu-6 .row > .col-4{ flex-basis: calc(33.333% - 11px) !important; }
/* 4) If any theme styles apply max-widths to columns, neutralize them */
#hhs-main-nav .mega-menu-1 .row > .col-3,
#hhs-main-nav .mega-menu-2 .row > .col-4,
#hhs-main-nav .mega-menu-3 .row > .col-6,
#hhs-main-nav .mega-menu-5 .row > .col-6,
#hhs-main-nav .mega-menu-6 .row > .col-4{
max-width: none !important;
}
/* 5) Safety: ensure padding doesn’t accidentally push total width over 100% */
#hhs-main-nav .mega-menu .row > [class*="col-"]{
box-sizing: border-box;
}
/* Rounded corners for the mega dropdown */
#hhs-main-nav .mega-menu{
border-radius: 8px;
overflow: hidden; /* makes inner background respect the radius */
}
/* If the white background is applied on an inner container instead */
#hhs-main-nav .mega-menu > div,
#hhs-main-nav .mega-menu > div > .container{
border-radius: 8px;
}
/* Optional: softer card-like look */
#hhs-main-nav .mega-menu{
box-shadow: 0 12px 30px rgba(0,0,0,0.12);
border: 1px solid rgba(0,0,0,0.06);
}
/* 1) HARD stop wrapping on the mega menu column headings */
#hhs-main-nav .mega-menu .mega-text-con h5,
#hhs-main-nav .mega-menu .mega-text-con h5 * ,
#hhs-main-nav .mega-menu .mega-text-con h5 a{
white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
/* keep icon + text on the same line */
#hhs-main-nav .mega-menu .mega-text-con h5{
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0; /* optional: tighter */
}