/* Header Style */

.winter-offer-bar {
    background: var(--color-theme-primary);
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
}

.winter-offer-bar a {
    color: #00c49d;
    text-decoration: none;
}

/* Mobile ticker */
@media (max-width: 767px) {
	.winter-offer-bar-content {
		display: inline-block;
		white-space: nowrap;        /* 🔑 one line only */
		padding-left: 100%;
		animation: scroll-left 15s linear infinite;
	}
}

/* Infinite scroll animation */
@keyframes scroll-left {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

#masthead {
	background: #fff !important;
}

#masthead #header-inner {
	max-width: 1440px !important;
	padding: 25px 50px 10px !important;
}

#header-inner .site-branding a {
	width: 160px;
	height: 94px;
	display: block;
	background: url(/wp-content/uploads/2024/10/adjustamatic_logo_blue.png);
	background-position: center;
	background-size: cover;
}

#header-inner .site-branding a img.site-logo {
	display: none;
}

.main-navigation #primary-menu {
	background-color: var(--dark-blue);
	border-radius: 40px;
	position: relative;
	height: 55px;
	display: flex;
	align-items: center;
	padding-left: 1.5em;
	padding-right: 5em;
}

li.nav-search.astm-search-menu>a>svg {
	opacity: 0;
}

.main-navigation #primary-menu li {
	height: auto !important;
}

.main-navigation #primary-menu>li>a {
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}

.main-navigation #primary-menu .sub-menu li>a[href]:hover {
	color: var(--light-blue) !important;
}

.main-navigation #primary-menu li.nav-search {
	position: absolute;
	top: -2px;
	right: -10px;
	height: 59px !important;
	width: 59px;
	background: url('/wp-content/uploads/2024/10/nav_search_icon.png');
	background-position: center;
	background-size: cover;
}

.main-navigation #primary-menu li.nav-search:hover {
	background: url(/wp-content/uploads/2024/10/nav_search_green.png);
	background-position: center;
	background-size: cover;
}

.main-navigation #primary-menu li.nav-search a {
	font-size: 0;
}

.main-navigation #primary-menu>li.menu-item-has-children {
	line-height: 3;
}

.main-navigation #primary-menu>li.menu-item-has-children li {
	line-height: 1.2;
}

.main-navigation #primary-menu>li.mega-menu>ul.sub-menu {
	top: 50px !important;
}

.main-navigation #primary-menu>li>ul.sub-menu {
	top: 55px !important;
}

.main-navigation #primary-menu>li.help-advice>ul.sub-menu, 
.main-navigation #primary-menu>li.about-us>ul.sub-menu {
    top: 45px !important;
	padding-top: 20px;
}

.main-navigation #primary-menu>li>ul.sub-menu {
	min-width: 300px;
}

.main-navigation ul ul li a {
	min-width: 0;
}

.main-navigation #primary-menu>li:hover>a {
	color: var(--light-blue);
}

.breadcrumbs-inner {
	max-width: 1340px;
	margin: auto;
	padding: 5px 0;
	font-size: 14px;
}

div#breadcrumbs {
	background: transparent;
}

.breadcrumbs-inner a {
	color: var(--dark-blue);
}

/* Tablets */
@media (min-width: 768px) and (max-width: 1024px) {
	#header-inner nav#site-navigation {
		order: 3;
		background-color: var(--theme-green);
		width: 50px;
		height: 50px;
		padding: 20px 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
	}

	#masthead #header-inner {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	#header-inner nav#site-navigation.nav--toggled-on {
		padding-top: 30px;
	}

	.main-navigation #primary-menu>li>a {
		color: #fff;
		padding-top: 0;
	}

	.main-navigation>.primary-menu-container>ul>li>button.dropdown-toggle {
		position: relative;
		top: 3px;
	}

	.main-navigation #primary-menu>li.menu-item-has-children {
		margin-right: 15px;
	}

	.main-navigation #primary-menu>li.mega-menu>ul.sub-menu {
		top: 60px !important;
	}

	.main-navigation>.primary-menu-container>ul>li.back-to-main-menu>button {
		padding-left: 18px !important;
        margin-right: 20px;
        color: #fff;
        padding-top: 17px !important;
	}

	.main-navigation #primary-menu>li:hover>a {
		color: #cfd6ff;
	}

	.main-navigation #primary-menu li.nav-search form.is-search-form {
		right: 20px;
	}

	.main-navigation #primary-menu li.nav-search .search-close {
		right: -5px;
	}
}

@media (min-width: 768px) and (max-width: 850px) {
	.main-navigation #primary-menu {
		height: auto;
        flex-direction: column;
        align-items: baseline;
        padding: 20px 40px 20px;
		border-radius: 30px;
	}

	.main-navigation #primary-menu li.contact-menu-item {
		line-height: 3em;
	}

	.main-navigation #primary-menu li.nav-search {
		top: 0;
		right: 0;
	}

	.main-navigation #primary-menu li.nav-search form.is-search-form {
		position: relative;
		left: auto;
		right: 330px;
	}

	.main-navigation #primary-menu li.nav-search .search-close {
        right: 30px;
    }

	.main-navigation #primary-menu>li>ul.sub-menu {
		top: 75px !important;
	}

}

@media (max-width:768px) {

	.breadcrumbs-inner {
		font-size: 10px;
		padding: 5px 15px;
	}
}

@media (max-width:767px) {
	.main-navigation #primary-menu>li.help-advice>ul.sub-menu, .main-navigation #primary-menu>li.about-us>ul.sub-menu {
		padding-top: 0;
	}
	
	#masthead #header-inner {
		background-color: var(--bg-light-gray);
		padding: 20px !important;
	}

	#header-inner .site-branding a {
		width: 125px;
		height: 73px;
	}

	#header-inner a#custom-link {
		font-size: 0;
		background: url('/wp-content/uploads/2024/10/headset_icon.png');
		width: 50px;
		height: 50px;
		padding: 0;
		background-position: center;
		background-size: cover;
		display: block;
		border-radius: 0;
		margin-left: auto;
		margin-right: 15px;
	}

	.main-navigation #primary-menu li {
		line-height: 3;
		padding-bottom: 0;
	}

	.main-navigation #primary-menu>li>a {
		padding: 0 !important;
	}

	.main-navigation>.primary-menu-container>ul>li>button.dropdown-toggle {
		background-image: url(/wp-content/uploads/2024/10/menu_arrow_icon.png) !important;
	}

	.main-navigation>.primary-menu-container>ul>li {
		padding-bottom: 5px;
	}

	#header-inner .site-branding {
		order: 0;
	}

	#header-inner nav#site-navigation {
		order: 2;
		width: 50px;
		height: 50px;
		background-color: var(--dark-blue);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
	}

	.nav--toggle-small .menu-toggle.icon {
		background: url(/wp-content/uploads/2024/10/menu_bar.png) !important;
		padding: 0;
		margin: 0;
		width: 24px !important;
		height: 18px !important;
		background-position: center;
		background-size: cover !important;
	}

	.nav--toggle-small.icon-nav.nav--toggled-on .menu-toggle.icon {
		background-image: url(../images/icons/icon-close.png) !important;
		width: 21px !important;
		height: 21px !important;
	}

	.nav--toggle-small .menu-toggle.icon span.screen-reader-text {
		display: none;
	}

	.main-navigation #primary-menu {
		display: block;
		height: auto;
		background-color: transparent;
		padding: 0;
		border-radius: 0;
	}

	.nav--toggle-small .primary-menu-container {
		top: 158px;
	}

	.main-navigation #primary-menu li.nav-search {
		display: none;
	}

	.nav--toggle-small.icon-nav.nav--toggled-on .primary-menu-container {
		top: 112px !important;
	}
}