.navik-header-container::after {
  	display: block;
  	clear: both;
  	content: "";
}

.navik-menu {
  	display: none;
}

.navik-menu ul {
  	display: block;
}

.line-menu.line-half {
	width: 100%;
}

.menu-open .line-menu.line-half {
	width: 50%;
}

.line-menu.first-line,
.line-menu.last-line {
	transition: all 0.3s;
	transform-origin: inherit;
}

/*.menu-open .line-menu.first-line {
	transition: all 0.5s;
	-webkit-transform: rotate(90deg) translateX(2px) translateY(-5px);
	-moz-transform: rotate(90deg) translateX(2px) translateY(-5px);
	-o-transform: rotate(90deg) translateX(2px) translateY(-5px);
	transform: rotate(90deg) translateX(2px) translateY(-5px);
}

.menu-open .line-menu.last-line {
	transition: all 0.5s;
	-webkit-transform: rotate(90deg) translateX(-2px) translateY(5px);
	-moz-transform: rotate(90deg) translateX(-2px) translateY(5px);
	-o-transform: rotate(90deg) translateX(-2px) translateY(5px);
	transform: rotate(90deg) translateX(-2px) translateY(5px);
}

/* =============================================
Mobile header sticky
================================================ */
/*.navik-header.viewport-sm.sticky {
	top: 0;
	position: fixed;
	width: 100%;
	max-height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background-color: transparent;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: mobileStickyTransition;
	animation-name: mobileStickyTransition;
}
*/
/*2020*/
.navik-header.viewport-sm.sticky {
  top: 0;
  position: fixed;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background-color: transparent;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: none;
  animation-name: none;
}

@-webkit-keyframes mobileStickyTransition {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
}

@keyframes mobileStickyTransition {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
}




.navik-header.viewport-sm.sticky .logo {
	padding-top: 20px;
	padding-bottom: 20px;
}


.navik-header.viewport-sm.sticky .container-wrap {
	background-color: #fff;
}

.navik-header.viewport-sm.header-dark.sticky .container-wrap {
	background-color: #111111;
}

.navik-header.viewport-sm.sticky .header-shadow-wrapper {
	position: relative;
}

.navik-header.viewport-sm.sticky .burger-menu {
	/*! top: 25px; */
	/*top: 28px;*/
	top: 22px;
}

/* =============================================
Phone icon
================================================ */
.navik-header .top-phone-icon {
	position: absolute;
	top: 15px;
	/*top: 31px;*/
	font-size: 38px;
	right: 69px;
}


.navik-header.sticky .top-phone-icon {
	top: 14px;
}

/* =============================================
Burger Menu Icon 2024
================================================ */

.burger-menu {
   top:22px;
   /*top:38px;*/
   font-size: 38px;   
   width:auto;
   height:auto;
}



.burger-menu.menu-open {
   -webkit-transform:rotate(0);
   transform:rotate(0);
}



/* =============================================
Reduce the logo height to make mobile sticky menu smaller size when scrolling
================================================ */
.navik-header.viewport-sm.sticky .logo img {
    width: auto;
    height: 40px;
}

/* =============================================
Reduce the logo height for desktop sticky menu
================================================ */
.navik-header.sticky .logo img {
	width: auto;
	height: 45px;
}


/*5-11-2019*/
/*hyperlink issue*/
.navik-header .logo {
    float: left;
	/*3-20-2024 adjusted logo padding for new burger menu icon*/
	padding: 15px 10px;
}
.navik-menu {
    clear: both;
}




/*iPhone5 layout*/
@media (max-width: 374px) {
    .navik-header .logo {
        padding: 35px 10px;
    }
    .navik-header.viewport-sm.sticky .logo {
        padding-top: 20px;
        padding-bottom: 20px;
		/*added*/
		width: 175px !important;
        height: auto !important;
    }
    .navik-header .logo img {
        width: 185px !important;
		/*width: 170px !important;*/
        height: auto !important;
    }
}

@media (min-width: 1200px) {
    .navik-menu {
        display: block !important;
        clear: inherit;
    }
    .top-phone-icon,
    .cta-btn {
        display: none;
    }
}

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*Bootstrap Navik Menu CTA Button*/ 
 
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}


.btn-secondary {
  color: #fff;
  /*background-color: #ff9f00;
  border-color: #ff9f00;*/
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  /*background-color: #ff8400;
  border-color: #ff8400;*/
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

/*Button Info*/

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}



/*Bootstrap CTA DIV */

.text-primary {
    color: #007bff !important;
}

.text-center {
    text-align: center !important;
}

.mt-4, .my-4 {
    /*margin-top: 1.5rem !important;*/
}

.mb-4, .my-4 {
	margin-bottom: 1.5rem !important;
}

/*Add space to buttons*/

.cta-btn {
    text-transform: uppercase;
}

.cta-btn .btn:first-child {
    margin-right: 5px;
}

.cta-btn .btn:nth-child(2) {
    margin-left: 5px;
}

/*Added space to 3 button 2020*/
.cta-btn .btn:nth-child(3) {
    margin-left: 10px;
}

/*Nav Phone*/
.nav-phone {
    font-size: 1.5rem !important;
    color: #007bff !important;
}

/*New Buttons 2019*/
.ask-btn .btn {
    margin-top: 10px;
    margin-bottom: 20px;
	padding: 5px 20px;
	/*background: #ff9f00;*/
    /*padding: 11px 45px;*/
}

/*Quform Submit*/
.quform-submit-inner span {font-size: 1.1rem;}




/* Desktop Right-Side Buttons - Modern Style */
.desktop-nav-right {
    display: none; /* Hidden on mobile */
    align-items: center;
    gap: 20px;
}

.desktop-nav-phone,
.desktop-nav-quote {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
    font-size: 18px !important; /* Match nav menu size */
    box-sizing: border-box;
}

.desktop-nav-phone {
    border: 2px solid #007bff;
    color: #007bff !important;
    background-color: transparent;
}

.desktop-nav-phone:hover {
    background: #007bff;
    color: #fff !important;
}

.desktop-nav-quote {
	/*background: #007bff;
    color: #fff !important;
    border: 2px solid #007bff;*/	
    background: #28a745;
    color: #fff !important;
    border: 2px solid #28a745;
}

.desktop-nav-quote:hover {
    /*background: #0056b3;
    border-color: #0056b3;	*/
    background: #218838;
    border-color: #218838;
}

/* Shrink buttons when header is sticky */
.navik-header.sticky .desktop-nav-phone,
.navik-header.sticky .desktop-nav-quote {
    height: 40px;
    padding: 0 20px;
    font-size: 16px !important; /* Slightly smaller on sticky, but still harmonious */
}

/* Mobile menu items styling (unchanged) */
.nav-phone,
.nav-quote {
    font-size: 1.5rem !important;
    color: #007bff !important;
    font-weight: bold;
}

/* Desktop layout fixes */
@media (min-width: 1200px) {
    .navik-header-container {
        display: flex;
        align-items: center;
    }

    .logo {
        flex: 0 0 auto;
    }

    .navik-menu {
        flex-grow: 1;
        display: block !important;
        clear: inherit;
    }

    .desktop-nav-right {
        display: flex;
        flex: 0 0 auto;
        margin-left: auto; /* Pushes buttons to the right */
    }

    /* Hide mobile-specific elements */
    .top-phone-icon,
    .cta-btn,
    .nav-phone-li,
    .nav-quote-li {
        display: none !important;
    }
}



/* ---

// iOS Safari: momentum scrolling should ONLY be on scrollable containers
// Header should never use -webkit-overflow-scrolling

*/
body {
    -webkit-overflow-scrolling: touch;
}



/* iOS Safari scrolling fix for fixed/sticky elements 
body,
.navik-header-container {
    -webkit-overflow-scrolling: touch;
}

*/

/* Comtrol font size for navigation from here */
.navik-menu ul li > a {
	font-size: 18px;
	text-transform: none;
}

.desktop-nav-phone,
.desktop-nav-quote {
    font-size: 18px !important; /* Matches nav menu */
}

/* Sticky adjustment */
.navik-header.sticky .desktop-nav-phone,
.navik-header.sticky .desktop-nav-quote {
    font-size: 17px !important;
}




/* Gemini Fix Vertical Alignment in Sticky Mode */
/* Final Fix for Logo Vertical Centering - 2025 Version */
/* --- 2025 Optimized Sticky Header Fix for Safari iOS --- */
@media (min-width: 1200px) {
    /* 1. Force the container to remain a flexbox in sticky mode */
    .navik-header.sticky .navik-header-container {
        display: flex !important;
        align-items: center !important;
        height: 80px !important; /* Forces consistent height for centering calculations */
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 2. Reset the Logo: Kill floats and padding that cause the "drop" */
    .navik-header.sticky .logo {
        float: none !important; 
        padding: 0 !important; 
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        height: 100% !important; /* Allows logo to center within the 80px container */
    }

    /* 3. Ensure the anchor and image are vertically aligned */
    .navik-header.sticky .logo a {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }

    .navik-header.sticky .logo img {
        max-height: 50px !important; /* Adjust if you want the logo larger/smaller */
        width: auto !important;
        margin: 0 !important;
        /* Hardware acceleration for smoother Safari scrolling */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    /* 4. Align the Navigation Menu and Buttons */
    .navik-header.sticky .navik-menu,
    .navik-header.sticky .desktop-nav-right {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }
}

/* Safari-specific fix for "jittery" or offset sticky elements on iPhone */
.navik-header {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}



/* Gemini Fix for micro-alignment issues in older browsers */
.navik-header.sticky .logo a {
    line-height: 0; /* Prevents text-based spacing from affecting the image */
    display: flex;
    align-items: center;
}



/* Gemini High-DPI (Retina) Logo Sharpness */
.navik-header.sticky .logo img {
    height: 45px !important;
    width: auto !important; /* Forces aspect ratio preservation */
    image-rendering: -webkit-optimize-contrast; /* Extra sharpness for Safari */
}


/* Gemini ensure your "Phone" and "Get Quote" buttons are fully optimized for the US market */
/* 1. US Mobile UX: Better touch targets for iPhone users */
.nav-phone, .nav-quote {
    display: block;
    padding: 10px 0;
    -webkit-tap-highlight-color: transparent; /* Removes the grey box on iPhone tap */
}

/* 2. Desktop Sticky: Ensure buttons don't "wiggle" during transition */
.desktop-nav-phone, .desktop-nav-quote {
    will-change: height, padding, font-size;
    backface-visibility: hidden;
}

/* 3. Global: Ensure the blue color meets US Accessibility (A11y) standards */
.desktop-nav-phone, .desktop-nav-quote {
    border-width: 2px !important; /* Ensures visibility on high-resolution screens */
}







/* --- Gemini Horizontal Centering Fix for 2026/1/1 --- */
/* --- Desktop-Only Horizontal Centering (NY/PA Optimized) --- */
/* --- Desktop-Only Centering (Safe Version) --- */
/* --- 2026 Desktop-Only Centering (Submenu & Mobile Safe) --- */
/* --- 2026 Desktop-Only Centering (Fixed for Mobile Click) --- */
@media (min-width: 1200px) {
    /* 1. Standard Flex layout for the main bar */
    .navik-header-container {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }

    /* 2. Center the menu wrapper without breaking display logic */
    .navik-menu {
        flex-grow: 1;
        display: block !important;
        text-align: center !important; 
        float: none !important;
    }

    /* 3. Target ONLY the immediate top-level list */
    .navik-menu > ul {
        display: inline-block !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 0;
        vertical-align: middle;
    }

    /* 4. Horizontal items for desktop */
    .navik-menu > ul > li {
        float: none !important;
        display: inline-block !important;
        text-align: left;
    }

    /* 5. Submenu Reset (Left Aligned) */
    .navik-menu ul li ul {
        text-align: left !important;
    }
    
    .navik-menu ul li ul li {
        display: block !important;
        width: 100%;
    }

    .logo, .desktop-nav-right {
        flex-shrink: 0;
    }
}

/* --- Gemini  Mobile Restoration (No '!important' on Display) 2026/1/1 --- */
@media (max-width: 1199px) {
    /* We remove the 'display' and 'visibility' overrides so jQuery can work */
    .navik-menu {
        text-align: left;
        float: none;
    }
    
    .navik-menu ul {
        text-align: left;
    }

    .navik-menu ul li {
        display: block;
        float: none;
    }

    /* Ensure submenus are hidden until Navik JS toggles them */
    .navik-menu ul li ul {
        text-align: left;
    }
}






/* --- Gemini Vertical Logo Alignment (Pre-Scroll Fix) 2026/1/1 --- */
/* --- Final Vertical & Height Fix (Desktop Only) --- */
@media (min-width: 1200px) {
    /* 1. Reset the header container height to be consistent */
    .navik-header:not(.sticky) .navik-header-container {
        display: flex !important;
        align-items: center !important; /* This is the primary vertical center tool */
        height: 80px !important; /* Force the height back to 80px so it doesn't look too thick */
        padding: 0 15px !important;
    }

    /* 2. Strip all legacy padding from the logo wrapper */
    .navik-header:not(.sticky) .logo {
        display: flex !important;
        align-items: center !important;
        height: 100% !important; /* Fill the 80px height to center within it */
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
    }

    /* 3. Ensure the anchor inside the logo is also a flex-center */
    .navik-header:not(.sticky) .logo a {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        padding: 0 !important;
        line-height: 0 !important; /* Removes "text baseline" ghost space below the image */
    }

    /* 4. Ensure the navigation menu links are also centered on the same line */
    .navik-menu, 
    .navik-menu > ul, 
    .navik-menu > ul > li {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    /* 5. Fix the Buttons (Phone/Quote) vertical position */
    .desktop-nav-right {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }
}




/* --- Gemini  Fix for Double Blue Line Issue --- */
/* --- Fix for Double Blue Line Issue --- */
@media (min-width: 1200px) {
    /* 1. Nudge the submenu up to overlap the parent link's bottom border */
    .navik-menu ul li ul {
        margin-top: -1px !important;
    }

    /* 2. Ensure the top-level link remains the anchor point */
    .navik-menu > ul > li {
        position: relative;
    }

    /* 3. Ensure the active/hover line on the link stays at the very bottom */
    .navik-menu > ul > li > a {
        display: flex !important;
        align-items: center !important;
        height: 80px !important;
        position: relative;
    }

    /* 4. Match the adjustment in Sticky mode */
    .navik-header.sticky .navik-menu ul li ul {
        margin-top: -1px !important;
    }
}




/* --- ChatGPT 2026/1/1 FIX: Limit flex to TOP-LEVEL menu items only (Desktop) --- */
/* --- 2026/1/1 FIX: Limit flex to TOP-LEVEL menu items only (Desktop) --- */
/* --- Prevents any potential Safari iOS rendering quirks --- */
/* --- Keeps Navik submenu logic intact --- */
/* --- Modern flex centering for better alignment --- */
@media (min-width: 1200px) {
    /* Flex ONLY the top-level UL for centering and alignment */
    .navik-menu > ul {
        display: flex !important;
        justify-content: center; /* Perfect horizontal centering */
        align-items: center !important;
        height: 100%;
        margin: 0 auto !important;
        padding: 0;
    }
    /* Top-level LI only (not submenu LI) */
    .navik-menu > ul > li {
        display: inline-flex !important; /* inline-flex for text alignment inside items */
        align-items: center !important;
        height: 100%;
    }
    /* Ensure submenu items stay block-based (critical for dropdowns) */
    .navik-menu ul li ul li {
        display: block !important;
        height: auto !important;
    }
    /* Optional: Reset any old inline-block if needed */
    .navik-menu > ul > li {
        float: none !important;
    }
}



/* --- Grok 20261/1 Preventive Fixes: No wrap on top menu + Block submenus --- */
/* --- Prevents rare Safari wrap glitches if zoomed or localized text expands --- */
/* --- Ensures submenu integrity if flex context nests oddly in Safari --- */
@media (min-width: 1200px) {
    .navik-menu > ul {
        flex-wrap: nowrap !important; /* Force single horizontal row */
    }

    /* Reinforce block display on ALL submenus (any nesting level) */
    .navik-menu ul li ul {
        display: block !important;
    }
}


/* Grok Prevent submenu text wrapping and make dropdown wider for long items */
@media (min-width: 1200px) {
    .navik-menu ul ul {
        width: auto !important;        /* Allows dropdown to expand as needed */
        min-width: 250px;              /* Minimum width - increase if needed */
        white-space: nowrap;           /* Prevents text wrapping */
    }

    .navik-menu ul ul li > a {
        white-space: nowrap;           /* Ensures link text stays on one line */
        padding-right: 30px;           /* Extra right padding so long text doesn't hit the edge */
    }
}