
/******** Blog title styles **********/
.blogPostDetailTitle h1 {
	font-size: 1.14rem;
	line-height: 1.26rem;
	color: #005e9d;
	text-transform: uppercase;
	margin: .8rem 0;
	font-weight: 400;
}

.banner.bottom-left .inner .banner-content span {
	color: #fff;
	font-weight: 600;
	font-size: 1.3125rem;
	display: block;
	margin-bottom: 1.0625rem;
}

@media print, screen and (min-width: 48em) {
	.banner.bottom-left .inner .banner-content span {
		font-size: 2.0625rem;
	}
}

div#searchResults {
	overflow: hidden;
}

/******** New Mega Menu styles **********/
.dropdown-menu .grid-container p {
	font-size: .6875rem;
	font-weight: 400;
	color: #1f1f1f;
}

.dropdown-menu .grid-container .content {
	padding-bottom: 0;
}

/*fix for old nav*/
body.active-header, body.active-header.init-fixed-header .site-menu {
	left: auto;
}

/*.site-menu .main-header .main-menu .desktop-dropdown .dropdown-wrapper .dropdown-menu.inactive {
    display: none;
}*/
.site-menu .main-header .main-menu .desktop-dropdown .dropdown-wrapper .dropdown-menu:not(.active) {
	display: none;
}

.site-menu .main-header .main-menu #main-navigation .menu-item.active .product-menu-tab a {
	color: #fff;
}

#product-menu-tab-wrap {
	width: 25%;
	position: relative;
	background: #005e9d;
	padding-top: 18px;
}

.product-menu-tab {
	display: block;
	background: #005e9d;
	color: #fff;
}

.product-menu-tab.active, .product-menu-tab a:hover {
	background: #003b6a;
}

.product-menu-tab.active a:after, .product-menu-tab a:hover:after {
	/*background: url(https://lumileds.com/wp-content/themes/lumileds/assets/img/caret-right.png) top left no-repeat;*/
	content: "";
	font-family: FontAwesome;
	font-size: 20px;
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	top: 10px;
	right: 0px;
	color: #fff;
}

.product-menu-tab[data-direct="true"] a:hover:after {
	content: "";
}

.product-menu-tab a, .product-menu-tab a:visited {
	display: block;
	color: #fff;
	padding: 10px 20px;
	position: relative;
	font-size: 15px;
}

.product-menu-col-wrap {
	width: 75%;
	padding: 18px 20px !important;
	display: none;
}

.product-menu-col-wrap.active {
	display: flex;
	flex-wrap: wrap;
}

.product-menu-col-wrap .break {
	flex-basis: 100%;
	height: 0;
}

.product-menu-col {
	width: 33%;
	float: left;
	display: flex;
	flex-direction: column;
}

.product-menu-col ul:last-child {
	margin-bottom: 0;
}

.product-menu-col1.border-right {
	border-right: 1px solid #828282;
}

.product-menu-col2 {
	padding-left: 18px;
}

.product-menu-col2.padtop {
	padding-top: 2rem;
}

.product-menu-col3 {
	text-align: center;
	color: #333;
	min-height: 320px;
}

.product-menu-col3 .title {
	font-size: 12px;
	color: #003b6a !important;
	margin: 5px 0 !important;
	text-transform: none !important;
}

.product-menu-col3 .wp-caption {
	font-size: 13px;
	line-height: 1.2;
}

.product-menu-col3 ul, .product-menu-col3 li {
	margin-bottom: 0;
}

.product-menu-col ul {
	list-style: none;
	margin: 0 0 18px 0;
}

.product-menu-col ul li {
	margin: 0;
	list-style-type: none;
	font-size: .8rem;
	line-height: 1.3rem;
}

.product-menu-col h5, .product-menu-col h5 a, .menu-col h5, .menu-col h5 a {
	color: #003b6a !important;
	font-weight: 700;
	position: relative;
	font-size: .8rem;
	display: inline-block !important;
	line-height: 1;
}

.product-menu-col h5 a.external:after {
	background: url("https://cdn-gdmih.nitrocdn.com/xglDybwwbLfUsyxuTNQqvfUdgBHCveZM/assets/images/optimized/rev-0febcbc/lumileds.com/wp-content/themes/lumileds/assets/img/external_link.png") top left no-repeat;
	height: 14px;
	width: 14px;
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	right: -24px;
}

.product-menu-col h5 > span, .product-menu-col .product_short_description {
	display: block;
	font-style: italic;
	font-weight: 400;
	color: #333;
	font-size: 12px;
	line-height: 1.3;
	margin-top: 5px;
}

.product-menu-col a, .product-menu-col a:visited {
	text-decoration: none;
	color: #333;
}

.product-menu-col a:hover {
	text-decoration: underline;
	color: #005e9d;
}

ul.led_colors {
	margin: -5px 0 10px !important;
}

ul.led_colors .dots {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
	margin: 0 3px 0 0;
}

ul.led_colors .dots[title="White"], ul.led_colors .dots[title="Cool White"] {
	border: 1px solid #9b9b9b;
}

.menu-images .nav-img {
	display: none;
}

.menu-images .nav-img img {
	max-width: 200px;
	height: auto;
}

#item-illumination, #item-automotive, #item-led-lighting, .sub-item.tab {
	background: #003b6a;
	color: #fff;
	transform: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 163px;
	text-align: center;
}

#item-illumination .name, #item-automotive .name, #item-led-lighting .name, .sub-item.tab .name {
	color: #fff;
	transform: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	border-bottom: none;
}

#item-illumination.active, #item-automotive.active, #item-led-lighting.active, .sub-item.active {
	background: #005e9d;
	border-bottom: none;
}

#item-illumination.active:after, #item-automotive.active:after, #item-led-lighting.active:after, .sub-item.active:after {
	background: none;
}

#item-illumination .dropdown-menu:not(.active), #item-automotive .dropdown-menu:not(.active), #item-led-lighting .dropdown-menu:not(.active) {
	display: none;
}

.tab_view_all {
	float: left;
	clear: both;
	margin-top: 20px;
}

.tab_view_all.first {
	width: 33%;
}

.tab_view_all.additional {
	padding-left: 18px;
}

.tab_view_all a {
	color: #003b6a !important;
	margin-bottom: 10px;
	font-weight: 700;
	position: relative;
	font-size: 1rem;
}

.tab_view_all a.external:after {
	background: url("https://cdn-gdmih.nitrocdn.com/xglDybwwbLfUsyxuTNQqvfUdgBHCveZM/assets/images/optimized/rev-0febcbc/lumileds.com/wp-content/themes/lumileds/assets/img/external_link.png") top left no-repeat;
	height: 14px;
	width: 14px;
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	right: -24px;
}

.tab_view_all a:hover {
	text-decoration: underline;
}

.menu-item .sub-heading {
	color: #003b6a;
	font-weight: 400;
}

/* mobile nav */
.menu-item.has-submenu a:after {
	content: "";
}

.menu-item.close-nav {
	text-align: center;
	background: #003b6a;
	display: none;
}

.menu-item.close-nav i {
	font-size: 22px;
}

.site-menu .main-header .main-menu #main-navigation .menu-item a {
	padding: .625rem;
}

.mobile-submenu-wrap {
	display: none;
}

#main-navigation .close_x {
	font-size: 2rem !important;
	color: #fff !important;
}

ul.empty {
	display: none;
}

li.mobile-menu-search .above-search {
	padding-bottom: 6px;
	padding-top: 6px;
}

li.mobile-menu-search .above-search, li.mobile-menu-search .above-search a {
	text-align: center;
	color: #fff;
}

li.mobile-menu-search .above-search .mobile-search-icon {
	cursor: pointer;
	width: 24px;
	height: 28px;
	display: inline-block;
	position: relative;
	z-index: 10;
}

li.mobile-menu-search .above-search .mobile-search-icon svg {
	fill: #fff;
	height: 16px;
	vertical-align: middle;
}

li.mobile-menu-search .above-search > *:not(:last-child)::after {
	content: " |";
}

li.mobile-menu-search {
	list-style: none;
	display: none;
	padding: 0;
	margin: 0;
}

li.mobile-menu-search .search-form {
	border: none;
	padding-left: 20px;
	max-height: 0;
	padding: 0;
	overflow: hidden;
	transition: max-height .5s ease;
}

li.mobile-menu-search .search-form.active {
	max-height: 40px;
	padding: initial;
}

li.mobile-menu-search .search-form form.search {
	position: relative;
}

li.mobile-menu-search .search-form button.button.icon.search-button {
	background-color: transparent;
	border: 0;
	background-image: url("https://cdn-gdmih.nitrocdn.com/xglDybwwbLfUsyxuTNQqvfUdgBHCveZM/assets/images/optimized/rev-0febcbc/poland.lumileds.com/wp-content/themes/lumileds/assets/img/searchbox-lg.png");
	height: 1.25rem;
	width: 1.25rem;
	padding: 0;
	position: absolute;
	top: 1.25rem;
	right: 6px;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 0;
}

li.mobile-menu-search .search-form button.button.icon.search-button.nitro-lazy {
	background-image: none !important;
}

li.mobile-menu-search input.search-field {
	margin: 0 !important;
	padding-left: 1em !important;
	border: none !important;
	height: 40px !important;
	font-size: 16px !important;
}

li.mobile-menu-search input.search-field::placeholder {
	color: #005e9d;
}

@media (min-width: 767px) {
	span.mobile-search-icon {
		display: none;
	}
	
	.site-menu .main-header .search-bar .above-search a:nth-last-child(2):after {
		display: none;
	}
}

@media (max-width: 767px) {
	.product-menu-col .menu-item > a.new-product::after {
		width: 20px;
		height: 12px;
		top: 2px;
		right: -24px;
		padding: 0 1.05rem 0 .1875rem !important;
		margin-left: 0;
	}
	
	.site-menu .main-header .hamburger {
		border: none;
		color: #666;
		z-index: 1;
		transition: .5s;
	}
	
	li.mobile-menu-search {
		display: list-item;
	}
	
	body.active-header .site-menu .main-header .hamburger {
		transition: all .5s ease;
	}
	
	body .site-menu .main-header .hamburger .line {
		transition: all .5s ease;
		transform: translateX(-50%) rotate(0deg);
	}
	
	body.active-header .site-menu .main-header .hamburger .line:first-child {
		transform: rotate(45deg) translateX(0%);
		top: .8rem;
		left: 18%;
	}
	
	body.active-header .site-menu .main-header .hamburger .line:nth-child(2) {
		opacity: 0;
	}
	
	body.active-header .site-menu .main-header .hamburger .line:nth-child(3) {
		transform: rotate(-45deg) translateX(0%);
		top: .8rem;
		left: 18%;
	}
	
	.site-menu .main-header .hamburger .line {
		color: #666;
		background-color: #666;
		width: 1.5rem;
	}
	
	body.active-header.init-fixed-header .site-menu, body.active-header {
		left: auto;
	}
	
	.site-menu .main-header .main-menu {
		padding: 0;
		margin-top: 49px;
	}
	
	.site-menu .main-header .main-menu {
		position: fixed;
		top: -100vw;
		right: 0;
		z-index: -1;
		height: 0vh;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-x: hidden;
		transition: .5s;
	}
	
	body.active-header.init-fixed-header .site-menu .main-header .main-menu {
		top: 0;
		height: 100vh;
	}
	
	.site-menu .main-header .main-menu {
		z-index: 1;
	}
	
	#main-navigation, #main-navigation .main-menu {
		background: #005e9d;
		color: #fff;
		border-bottom: 1px solid #003b6a;
	}
	
	.site-menu .main-header .main-menu #main-navigation .menu-item a.mobile_inline {
		display: inline-block;
	}
	
	.site-menu .main-header .main-menu #main-navigation .menu-item a, .site-menu .main-header .main-menu #main-navigation .menu-item a:hover {
		color: #fff;
		background: transparent;
		padding-left: 20px;
	}
	
	#main-navigation .main-menu:hover {
		background: #003b6a;
	}
	
	.menu-item.close-nav {
		display: block;
	}
	
	.menu-item.has-submenu a:after {
		content: "";
		font-family: FontAwesome;
		font-size: 20px;
		height: 20px;
		width: 20px;
		display: block;
		position: absolute;
		top: 6px;
		right: 0px;
		color: #fff;
	}
	
	.dropdown-menu {
		display: none;
	}
	
	.mobile-submenu-wrap.active {
		display: block;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		background: #fff;
		border-bottom: 1px solid #003b6a;
	}
	
	.menu-item.has-submenu .submenu-title a {
		background: #fff !important;
		font-size: 1.2rem !important;
		color: #666 !important;
		padding: .4rem 1.5rem !important;
		position: relative;
	}
	
	.menu-item.has-submenu .submenu-title a:after {
		content: "";
		position: absolute;
		right: 17px;
		top: 40%;
		transform: translateY(-50%);
		color: #666 !important;
		font-family: FontAwesome;
		font-size: 24px;
	}
	
	.sub-dropdowns {
		background: #005e9d;
	}
	
	.sub-dropdowns .sub-item {
		display: inline-block;
		width: 50% !important;
		max-width: 50%;
		padding: .3rem 0;
	}
	
	.sub-dropdowns .sub-item:hover {
		cursor: pointer;
	}
	
	.dropdown-menu.active {
		display: block;
	}
	
	#product-menu-tab-wrap {
		width: 100%;
		padding-top: 4px;
	}
	
	.product-menu-tab > a:after {
		content: "" !important;
	}
	
	.product-menu-tab.active > a:after {
		content: "" !important;
	}
	
	.product-menu-col {
		width: 100%;
		margin-top: -200vh;
		border: none !important;
	}
	
	.product-menu-tab.active .product-menu-col, .product-menu-col-wrap.active .product-menu-col {
		margin-top: 0;
		transition: .5s;
	}
	
	.product-menu-col-wrap.active, .dropdown-menu.active .multi-tab {
		height: auto;
		padding-top: 18px !important;
		padding-bottom: 18px !important;
	}
	
	.product-menu-col-wrap, .dropdown-menu .multi-tab {
		width: 100%;
		background: #fff;
		max-height: 69vh;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-x: hidden;
		height: 0px;
		transition: .5s;
		display: block;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.product-menu-col .menu-item a, .product-menu-col .menu-item a:hover {
		color: #003b6a !important;
		border: none !important;
		padding: 0 !important;
	}
	
	.product-menu-col .menu-item a:after {
		content: "";
	}
	
	.product-menu-col h5, .product-menu-col h5 a {
		border: none !important;
		padding: 0 !important;
		font-weight: 700 !important;
	}
	
	.product-menu-col2, .product-menu-col2.padtop {
		padding-left: 0;
		padding-top: 20px;
	}
	
	.tab_view_all.first {
		width: 100%;
	}
	
	.tab_view_all.first a {
		margin: 0;
	}
	
	.tab_view_all.additional {
		padding: 0;
		margin-top: 0;
	}
	
	.tab_view_all a {
		border: none !important;
		padding-left: 0 !important;
	}
	
	.tab_view_all a:after {
		right: -20px !important;
		top: 17px !important;
	}
	
	.site-menu .main-header .main-menu #main-navigation .menu-item a {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	.menu-col-wrap {
		width: 100%;
		background: #fff;
		max-height: 80vh;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-x: hidden;
		height: auto;
		transition: .5s;
		display: block;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		color: #666;
		padding: 18px 20px !important;
	}
	
	.menu-col {
		margin-bottom: 1rem;
	}
	
	.menu-col ul {
		list-style: none;
		margin: 0 0 18px 0;
	}
	
	.menu-col li {
		margin: 0;
		list-style-type: none;
		font-size: .8rem;
	}
	
	.menu-col a {
		padding: 0 !important;
		color: #666 !important;
		border: none !important;
	}
	
	.menu-col h3 {
		margin: 0;
	}
}

.h1 {
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: .5rem;
}

.h2 {
	color: #005e9d;
	line-height: 1.875rem;
	margin: .75rem 0 1.1875rem;
	font-size: 1.25rem;
	font-weight: 600;
}

.h3 {
	font-size: .9375rem;
	line-height: 1.4375rem;
	color: #005e9d;
	text-transform: uppercase;
	margin: .8rem 0;
}

.h4 {
	font-size: 1rem;
	line-height: 1.125rem;
	color: #0a0a0a;
	margin: 1rem 0 .5rem;
}

.h5 {
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.26rem;
	margin-top: 0;
	margin-bottom: .5rem;
}

.h6 {
	font-size: .8rem;
	line-height: 1.12rem;
	font-weight: 400;
	color: #0a0a0a;
}
