header {
	margin: 0;
	padding:0;
	position: relative;
	overflow-x: hidden;
    background: #444;
    -webkit-transition: all 0.65s ease-out;
	-moz-transition: all 0.65s ease-out;
	-ms-transition: all 0.65s ease-out;
	-o-transition: all 0.65s ease-out;
	transition: all 0.65s ease-out;
	height: 6.25rem;
}

header:has(.burger-button.clicked) {
	height: auto;
}

.header-banner {
	align-items: center;
	background: #111;
    padding: 0rem 1rem;
    width: 100%;
    border-bottom: 0.25rem solid #fd793d;
    justify-content: space-around;
}

.branding {
	align-items: center;
	justify-content: space-between;
}

.site-title {
	display: block;
	width: 18rem;
	height: 6rem;
	background-image: url('/wp-content/uploads/2024/05/lc-color-logo-no-background.png');
	background-size: contain;
	background-repeat: no-repeat;
}

.burger-button {
	cursor: pointer;
}

.burger-bar {
	position: relative;
	top: 0;
	opacity: 1;
	height: 0.25rem;
	width: 2rem;
	margin: 0.25rem 0rem;
	background-color: #f9f9f9;
	border-radius: 5rem;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.clicked .burger-bar:first-of-type {
	rotate: 45deg;
	top: 0.5rem;
}

.clicked .burger-bar:nth-of-type(2) {
	opacity: 0;
}

.clicked .burger-bar:last-of-type {
	rotate: 135deg;
	top: -0.5rem;
}

.mobile-menu, .desktop-menu {
	display: none;
}

.menu-mobile-menu-container {
	background: #444;
}

.menu-mobile-menu-container ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.menu-mobile-menu-container ul li {
	position: relative;
	display: block;
	left: 0;
}

.menu-mobile-menu-container ul li a {
	display: block;
	width: 100%;
	padding: 1rem 1.5rem;
	color: #fff;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
}

.menu-mobile-menu-container ul li:last-of-type a {
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: none;
}

/* Hide sub-menus by default */
.menu-mobile-menu-container ul.sub-menu {
	width: 100%;
	position: static;
	display: none; /* Hidden by default */
	background: #555;
	margin-left: 1rem;
}

/* Display submenu on hover (desktop) and focus-within (touch devices) */
.menu-mobile-menu-container li.menu-item-has-children:hover > ul.sub-menu,
.menu-mobile-menu-container li.menu-item-has-children:focus-within > ul.sub-menu {
	display: block;
}

.menu-mobile-menu-container ul.sub-menu li a {
	display: block;
	width: 100%;
	padding-left: 1.5rem;
	font-size: 0.9rem;
	color: #fff;
	border-bottom: 1px solid #949494;
}

/* Arrow indicator for items with submenus */
.menu-item-has-children > a:after {
	content: '▼';
	display: inline-block;
	margin-left: 0.5rem;
	font-size: 0.8rem;
}

.menu-mobile-menu-container ul.sub-menu li.nav-grid-title a {
	color: #fff;
	background-color: #fa814b;
	border-bottom: 2px solid #fd793d;
	pointer-events: none;
}

.mobile-menu .cta {
	width: fit-content;
	margin: 0 auto;
	text-align: center;
}



@media only screen and (min-width:1069px) {
	header {
		height: fit-content;
        overflow: visible;
        position: fixed;
        width: 100%;
        z-index: 99999999;
	}

	header:has(.burger-button.clicked) {
		height: unset;
	}

	.header-banner {
		align-items: flex-start;
	}

	.burger-button {
		display: none;
	}

	.menu-mobile-menu-container, .mobile-menu, .mobile-menu.open {
		display: none;
	}
	
	.desktop-menu {
		display: block;
	}


	/********************************** DESKTOP MENU **********************************/


	.desktop-menu .menu {
		display: flex; /* Keep flex display for horizontal layout */
		margin-top: 1rem;
	}
	
	.menu-main-menu-container ul {
		display: flex; /* Keep items in a row */
		padding: 0; /* Remove default padding */
		list-style-type: none; /* Remove bullet points */
	}
	
	.menu-main-menu-container ul li {
		position: relative;
	}
	
	.menu-main-menu-container ul li a {
		display: block; /* Full block for parent links */
		padding: 1.5rem 1.25rem; /* Adjust padding as needed */
		color: #fff;
		font-weight: 600;
		text-align: left; /* Align text to the left */
		width: 100%; /* Ensure the anchor takes full width */
		box-sizing: border-box; /* Include padding in the width */
	}
	
	.menu-main-menu-container ul li a:hover {
		color: #fd793d;
	}
	
	.menu-main-menu-container ul li a.sub-open {
		color: #fd793d;
	}
	
	.desktop-menu .menu-item-has-children {
		position: relative; /* Position parent menu item relative for the submenu */
	}
	
	.desktop-menu .menu-item-has-children {
		position: relative; /* Position parent menu item relative for the submenu */
	}
	
	.desktop-menu .menu-item-has-children {
		position: relative; /* Keep the parent menu item relative for the submenu */
	}
	
	.desktop-menu .menu-item-has-children {
		position: relative; /* Keep the parent menu item relative for positioning the submenu */
	}
	
	.desktop-menu .menu-item-has-children > a:after {
		content: '';
		width: 0.5rem;
		height: 0.5rem;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		border-radius: 2px;
		rotate: 45deg;
		display: block;
		position: absolute;
		right: 0rem;
		top: 1.75rem;
	}
	
	.desktop-menu .menu-item-has-children > a:hover::after {
		border-top: 2px solid #fd793d;
		border-right: 2px solid #fd793d;
		rotate: 135deg;
	}
	
	.menu-main-menu-container ul li a.sub-open:after {
		border-top: 2px solid #fd793d;
		border-right: 2px solid #fd793d;
		rotate: 135deg;
	}
	
	/* Parent submenu positioned absolutely */
	.desktop-menu .sub-menu {
		display: none; /* Hidden by default */
		position: absolute; /* Absolute positioning for the parent submenu */
		left: 0; /* Align submenu with parent */
		width: 100%; /* Make submenu full width of parent */
		margin-top: 0; /* Remove margin */
		padding: 0; /* Remove padding */
		background-color: #fff;
		box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
		opacity: 0; /* Start with opacity 0 */
		visibility: hidden; /* Hide submenu */
		transition: opacity 0.3s ease, visibility 0.3s ease; /* Fade-in transition */
	}
	
	/* Show parent submenu on hover */
	.desktop-menu .menu-item-has-children:hover > .sub-menu {
		display: block; /* Show submenu on hover */
		opacity: 1; /* Set opacity to 1 */
		visibility: visible; /* Make it visible */
	}
	
	/* Extra menu that pushes down the content */
	.desktop-menu .extra-menu {
		display: none; /* Hidden by default */
		position: relative; /* Position relative to flow */
		width: 100%; /* Full width for extra submenu */
		margin-top: 0; /* Remove margin */
		padding: 0; /* Remove padding */
		background-color: #f5f5f5; /* Example background color */
		box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	}
	
	/* Show extra menu when needed */
	.desktop-menu .menu-item-has-children:hover > .extra-menu {
		display: block; /* Show extra menu on hover */
	}
	
	/* Adjust submenu items' styles */
	.desktop-menu .sub-menu li,
	.desktop-menu .extra-menu li {
		width: 100%; /* Full width for each submenu item */
	}
	
	.desktop-menu .sub-menu li a,
	.desktop-menu .extra-menu li a {
		color: #111;
		padding: 1rem; /* Adjust padding for submenu items */
		display: block; /* Make sure anchor fills the space */
		white-space: nowrap; /* Prevent wrapping */
		text-align: left; /* Align text to the left */
		box-sizing: border-box; /* Include padding in the width */
	}
	
	.desktop-menu .sub-menu li:not(.nav-grid-title):hover,
	.desktop-menu .extra-menu li:not(.nav-grid-title):hover {
		background-color: #fbe5d1; /* Highlight on hover */
	}
	
	/* Ensure submenu items are the same width as the longest item */
	.desktop-menu .sub-menu,
	.desktop-menu .extra-menu {
		width: auto; /* Set width to auto to fit content */
	}
	
	/* Keyframes for the fade-in effect */
	@keyframes fadeIn {
		from {
			opacity: 0;
			visibility: hidden;
		}
		to {
			opacity: 1;
			visibility: visible;
		}
	}
	
	.sub-menu .menu-item-has-children > a:after {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	
	.desktop-menu .menu-item-description {
		display: flex;
		color: #111;
		font-weight: 500;
		font-size: 0.85rem;
		padding-top: 1rem;
	}
	
	.desktop-menu .cta {
		margin-top: -1rem;
		margin-bottom: 0rem;
	}
	
	.sub-menu .menu-item-object-custom{
background-color: #fa814b !important;
	}

	

	.extra-menu li a{
		color: #111 !important;
	}
	
	
 .nav-grid-title{
color: #fff !important;
	}

	/* Hover effect for showing submenus */
	.menu-item-has-children:hover > .sub-menu {
		display: block; /* Show submenu on hover */
	}
	
	/* Show nested submenu on hover */
	.menu-item-has-children .sub-menu li:hover > .sub-menu {
		display: block; /* Show nested submenu on hover */
	}
	
	/* Ensure submenu items are the same width as the longest item */
	.desktop-menu .sub-menu {
		width: auto; /* Set width to auto to fit content */
	}
	
	/* Add a rule to handle the fading effect */
	.desktop-menu .menu-item-has-children:hover > .sub-menu {
		animation: fadeIn 0.3s forwards; /* Trigger fade-in animation */
	}
	
	/* Keyframes for the fade-in effect */
	@keyframes fadeIn {
		from {
			opacity: 0;
			visibility: hidden;
		}
		to {
			opacity: 1;
			visibility: visible;
		}
	}
	
	.sub-menu .menu-item-has-children > a:after{
		border-top: 2px solid #111;
        border-right: 2px solid #111;
	}
	
	

	.menu-main-menu-container ul:not(.sub-menu) > li:last-of-type a {
		padding: 1.5rem 0rem;
	}

	.menu-item-object-custom a{
      color: #fff !important;
	}

	.sub-menu-extra .sub-menu li a{
		color: #111 !important;
		
        border-bottom: 1px solid #ddd;
	}

	.sub-menu .menu-item-has-children > a:after{
		display: none;
	}

	.sub-menu .menu-item-has-children > a:before{
		content: '';
        width: 0.5rem;
        height: 0.5rem;
        border-top: 2px solid #111;
        border-right: 2px solid #111;
        border-radius: 2px;
        rotate: 45deg;
        display: inline-block;
     

	}

	.extra-menu li a{
		border-bottom: 1px solid #ddd !important;
	}
	
	/*** Aaron Edits ***/
	/* Default arrow */
.sub-menu .menu-item-has-children > a:before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    border-radius: 2px;
    rotate: 45deg;
    display: inline-block;
    transition: transform 0.3s ease; /* Smooth rotation transition */
	margin-right: 10px;
}

/* Rotate arrow on hover or focus */
.sub-menu .menu-item-has-children > a:hover:before,
.sub-menu .menu-item-has-children > a:focus:before,
.sub-menu .menu-item-has-children:hover > a:before,
.sub-menu .menu-item-has-children:focus-within > a:before {
    transform: rotate(90deg); /* Adjust rotation for desired arrow direction */
}

/* Keep arrow rotated when submenu is open */
.sub-menu .menu-item-has-children.open > a:before {
    transform: rotate(90deg); /* Same rotation as hover/focus for consistency */
}

}

@media only screen and (min-width: 1069px) {
    .nav-wrap {
		display: flex;
		align-items: center; /* Vertically center branding and navigation */
		justify-content: space-between; /* Ensure space distribution */
		width: 1400px;
        max-width: 100%;
	}
	
	.branding {
		display: flex;
		align-items: center;
		flex-shrink: 0; /* Prevent shrinking of branding */
	}
	
	.desktop-menu {
		flex-grow: 1; /* Take up remaining space */
		display: flex;
		justify-content: flex-end; /* Align items to the right if needed */
	}
	
	#mega-menu-wrap-main-menu{
		width: 100%;
	}

	#mega-menu-wrap-main-menu #mega-menu-main-menu{
		text-align: right;
		background-color: #111;
	}

	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu{
		border-radius: 5px;
	}

	.mega-menu-title{
		font-size: 15px;
	}

	
	.mega-menu-title::after{
		
	}


	.inner-sub a{
		font-size: 13px !important;
		border-bottom: 1px solid #fd793d !important;
		padding-bottom: 10px !important;
		margin-bottom: 10px !important;
	}

	.product-link{
		border-bottom: 0px !important;
	}

	.mega-menu-description{
		font-style: normal !important;
	}

	
	/* Optional: Add styling for better appearance */
	.mega-sub-menu {
		
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; /* Add a shadow */
		background: #fff !important;
		
		
	}
	
	/* Hide the description by default */
.mega-description-group .mega-menu-description {
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    transition: all 0.3s ease-in-out !important;
}

/* Show the description on hover */
.mega-menu-link:hover .mega-menu-description {
    max-height: 100px !important; /* Set this to the height of the description */
    opacity: 1 !important;
	font-size: 13px !important;
}

	.mega-menu-item{
		padding-top: 0px !important;
	padding-bottom: 0px !important;
	
	
	}

	.mega-menu-row{
		padding: 15px !important;
	}
	
	.mega-menu-title{
		text-transform: capitalize !important;
	}
	
/* Hide all descriptions by default */
.mega-sub-menu .mega-description-group .mega-menu-description {
    opacity: 0 !important;
    transform: translateY(-10px) !important; /* Move the description slightly upwards to keep it hidden */
    transition: all 0.3s ease-in-out !important;
}

/* Show the descriptions on hover */
.mega-sub-menu .mega-menu-link:hover .mega-menu-description {
    opacity: 1 !important;
    transform: translateY(0) !important; /* Reset the position on hover */
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12{
	padding: 15px;
}

.product-row{
	padding: 30px !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover{
	color:#fa814b !important;
}

    .desktop-menu .cta {
        margin-top: 0rem;
        margin-bottom: 0rem;
        padding: 0px;
        padding-left: 25px;
        padding-right: 25px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover{
	background-color: transparent !important;
}

.right-col-dark{
	background-color: #111 !important;
	border-radius: 2.5px !important;
}

.right-col-dark .inner-sub a{
	color: #fff !important; 

}

.right-col-dark .mega-menu-title{
 color: #fff !important;
}

.right-col-dark .mega-menu-description{
color: #fff !important;
}

.product-icon a::before {
    content: "\f111"; /* Unicode for the dashicon cog */
    font-family: 'Dashicons';
    font-size: 16px; /* Adjust the size as needed */
    margin-right: 8px; /* Space between icon and text */
    vertical-align: middle; /* Aligns the icon with text */
}

.expert-icon a::before {
    content: "\f338"; /* Unicode for the dashicon cog */
    font-family: 'Dashicons';
    font-size: 16px; /* Adjust the size as needed */
    margin-right: 8px; /* Space between icon and text */
    vertical-align: middle; /* Aligns the icon with text */
}

.liquidation-icon a::before {
    content: "\f177"; /* Unicode for the dashicon cog */
    font-family: 'Dashicons';
    font-size: 16px; /* Adjust the size as needed */
    margin-right: 8px; /* Space between icon and text */
    vertical-align: middle; /* Aligns the icon with text */
}

}