/* =====================================================================
   Custom styles for desktop (and larger screens) for Radiant/bulbsdepot theme
   This file is intended for your specific CSS customizations.
   ===================================================================== */

/* Ensure Algolia's internal grid system functions correctly within the main content area */
/* This overrides potential conflicts from other themes/modules that might break flexbox/float behavior */

.ais-Panel-header {
    background-color: #fcaf26;
    padding: 7px;
}
/* infos */
.algolia-infos {
    padding: 6px 10px;
    color: #000;
    text-align: center;
    background: #f4f4f4;
    font-size: 12px;
    clear: both;
    line-height: 32px;
}

#algolia_instant_selector > .row {
    /* Ensure the row is a flex container */
    display: flex;
    flex-wrap: wrap; /* Allow columns to wrap if content doesn't fit on smaller screens */
    
    /* Standard Bootstrap row horizontal padding compensation */
    /* Adjust these if your theme's main content area has different padding */
    margin-left: -15px;
    margin-right: -15px;
}

/* Define explicit widths and padding for Algolia's internal columns */
/* These values correspond to col-md-3 (25%) and col-md-9 (75%) of the parent row */
#algolia_instant_selector #algolia-left-container.col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
    /* Standard Bootstrap column padding */
    padding-left: 15px;
    padding-right: 15px;
}

#algolia_instant_selector #algolia-right-container.col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 15px;
    padding-right: 15px;
}

/* --- Optional: If you desired a 33%/66% split, use these instead of the above for widths --- */
/*
#algolia_instant_selector #algolia-left-container.col-md-3 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-left: 15px;
    padding-right: 15px;
}

#algolia_instant_selector #algolia-right-container.col-md-9 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    padding-left: 15px;
    padding-right: 15px;
}
*/

/* --- Important: Responsive Adjustments for Smaller Screens (Mobile/Tablet) --- */
/* Your theme's default Bootstrap-like CSS might already handle .col-sm-6 for tablets
   and .col-xs-12 or just 100% for mobile. If you want filters to stack on smaller screens: */
@media screen and (max-width: 767px) { /* Example breakpoint for mobile (adjust if your theme uses a different one) */
    #algolia_instant_selector > .row {
        /* Remove negative margins on small screens if they cause overflow */
        margin-left: 0;
        margin-right: 0;
    }

    #algolia_instant_selector #algolia-left-container.col-md-3,
    #algolia_instant_selector #algolia-right-container.col-md-9 {
        flex: 0 0 100%; /* Make both columns full width on mobile */
        max-width: 100%;
        padding-left: 0; /* Remove column padding if desired for full edge-to-edge content */
        padding-right: 0;
    }

    /* Adjust specific element paddings/margins within the filters/products if needed for mobile layout */
    #algolia-left-container #instant-search-facets-container {
        padding-bottom: 20px; /* Add some space between stacked filters and products */
    }
}


/* Add any other existing custom CSS below this line */
/* ... your existing custom styles ... */
.grecaptcha-badge {
    visibility: hidden;
}
.navigation {
    background: #f0f0f0;
    font-weight: 700;
    height: inherit;
    left: auto;
    overflow: inherit;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 3;
}
.action.primary {
    background-image: none;
    background: #fcaf26;
    border: 1px solid #fcaf26;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
}
.action.primary:hover {
    background: #a4a3a0;
    border: 1px solid #a4a3a0;
    color: #ffffff;
}
.page-header .panel.wrapper {
    border-bottom: 1px solid #e8e8e8;
    background-color: #fcaf26;
}
.page-footer {
    background-color: #f0f0f0;
    margin-top: auto;
    padding-bottom: 25px;
    border-top: 10px solid #fcaf26;
}
.toolbar-products�{
	background-color: #f0f0f0;
	padding: 30px;
}

.page-main > .page-title-wrapper .page-title  {
	font-weight:600;
	font-variant-caps: all-petite-caps;
	font-size:50px;
	margin-bottom: 10px;
	color:#000000;
}
.page-title-wrapper {
	text-align: center;
}
.category-description {
	text-align: center;
	padding-left:50px;
	padding-right:50px;
	font-size:1.7rem;
	padding-bottom:20px;
}

.product-info-main .page-title-wrapper h1 {
	font-weight:600;
	font-size:3.2rem;
	line-height:1.2;
	color:#000;
	text-align:left;
	white-space:normal;
}


.product-item-actions .actions-primary + .actions-secondary > .action:hover {
	color:#fcaf26;
}
a.action.mailto.friend:hover {
	color:#fcaf26 !important;
}
a.action.tocompare:hover {
	color:#fcaf26 !important;
}
a.action.towishlist:hover {
	color:#fcaf26 !important;
}



.copyright{
	background-color: #f0f0f0;
	color:#000;
	text-align:center;
	padding-left:10px;
}

.product.name a{
	color:#000;
	font-weight:600;
}

.products-list .product-item-photo{
	padding: 0 30px 0px 0;
}


.stock.unavailable{
	color:#000;
	background-color:#f0f0f0;
	padding:8px 12px 8px 12px;
}


.bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary > .action, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist{
	color:#857c7c;
}


#sorter{
	background-color:#fff;
}


.header-description{
	font-family: 'Livvic', sans-serif;
	font-size: 1.1em;
	word-spacing: 0.13cm;
}

.product .items {
    margin: 0;
    padding: 0;
    list-style: circle;
}





.main-image-group a {
	margin:0px;
	color:#000;
}
.main-image-group a:hover{
	color:#fcaf26;
	text-decoration:none;
}

.main-image-group {
	width: 25%;
	float: left;
}

.main-image {
	text-align: center;
	font-size: 25px;
	margin:0px 15px 25px 12px;
}

.main-image img:hover{
	opacity:0.7;
	transition: 1 ease;
	cursor:pointer;
}


.bulbs-cms {
	width: 33.33%;
	float: left;
}
.bulbs-cms a {
	margin:0px;
	color:#000;
}
.bulbs-cms a:hover{
	color:#fcaf26;
	text-decoration:none;
}

.ballasts-cms {
	width: 33.33%;
	float: left;
}
.ballasts-cms a {
	margin:0px;
	color:#000;
}
.ballasts-cms a:hover{
	color:#fcaf26;
	text-decoration:none;
}

.fixtures-cms {
	width: 33.33%;
	float: left;
}
.fixtures-cms a {
	margin:0px;
	color:#000;
}
.fixtures-cms a:hover{
	color:#fcaf26;
	text-decoration:none;
}

.brands-cms {
	width: 20%;
	float: left;
}

.brands-image {
	text-align: center;
	margin:0px 50px 40px 0px;
}
.brands-image img:hover{
	opacity:0.7;
	transition: 1 ease;
	cursor:pointer;
}
.productsx6-cms {
	width: 20%;
	float: left;
}

	
.page-products .columns {	
    padding-top: 0;	
    position: relative;	
    display:inline-block;	
    width: 100%;
}	
.products-cms {	
	width: 16%; 	
	float: left;	
	text-align: center; 	
	font-size: 1.7em;
	margin-bottom: 2em;	
}	
.products-cms a {	
	margin:0px;	
	color:#000;	
}	
.products-cms a:hover{	
	color:#fcaf26;	
	text-decoration:none;	
}	
.products-cms img:hover{	
	opacity:0.7;	
	transition: 1 ease;	
	cursor:pointer;	
}

.access-cms {
	width: 33.33%;
	float: left;
}
.access-cms a {
	margin:0px;
	color:#000;
}
.access-cms a:hover{
	color:#fcaf26;
	text-decoration:none;
}

.smart-cms {
	width: 33.33%;
	float: left;
}
.smart-cms a {
	margin:0px;
	color:#000;
}
.smart-cms a:hover{
	color:#fcaf26;
	text-decoration:none;
}








tr:nth-child(even) {
	background-color: #f0f0f0;
}
.product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th {
	padding: 10px 35px 10px 5px;
}
.product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td {
	padding: 10px 5px 10px 5px;
}


.block-search {
	width:70%;
	z-index:25;
}
@media only screen and (max-width:1060px) {
	.block-search {
		width:50%;
		z-index:25;
	}
}


.page-header .panel.wrapper{
	border:none;
}
.product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price{
	color:#fcaf26;
}


	.embeddedServiceHelpButton .helpButton .uiButton {
		background-color: #005290;
		font-family: "Arial", sans-serif;
	}
	.embeddedServiceHelpButton .helpButton .uiButton:focus {
		outline: 1px solid #005290;
	}




.footer{
	box-sizing: border-box;
	display: block;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.footer ul{
	list-style: none;
	margin-top: 0px;
}
.footer ul a {
	text-decoration: none;
	color:#313131;
}
.footer li {
	margin-bottom: 0.4em;
	font-size:14px;
        color:#313131;
}
.footer li a:hover {
        color:#fcaf26;
}

.footer h3 {
	font-size:16px;
}
.foot-logo{
	max-width:100%;

}
.foot-logo:hover {
	cursor: pointer;
	opacity:0.5;
}


.row-1{
	width:25%;
	float:left;
}
.col-1 ul{
	margin-left:25px;
}
.col-1 {
	padding: 0px 10px;

}

.col-3, .col-5 {
	margin-left:0px;
	padding-left:10px;
}

.row-2, .row-3, .row-4{
	text-align: left;
	width:18.75%;
	float:left;
}
.col-2 ul, .col-3 ul, .col-4 ul, .col-5 ul{
	padding-left:0px;
}

.col-5 li {
	display:inline-block;
	font-size:16px;
}
.col-5 img:hover {
	opacity:0.5;
}
.col-5 ul {
	margin-bottom:0em !important;
}
.row-5 {
	text-align: left;
	width:18.75%;
	float:left;
	margin-top:0px;
}

.block.newsletter{
	width:100%;
}
.h3-deals {
	margin-top:0px !important;
}



.level0 .submenu .fullwidth .ui-menu .ui-widget .ui-widget-content .ui-corner-all{
	border-left:1px solid #fcaf26 !important;
}


.submenu [data-has-children]>a span:last-child{
	border-bottom:1px solid #fcaf26 !important;
	font-size:1.5rem;
}
.submenu [data-has-children]>a span:last-child:hover{
	color:#fcaf26;
}

.submenu .columns-group li>a span {
	text-transform: capitalize;
}
.submenu .columns-group li>a span:hover{
	color:#fcaf26;
}



.panel.header .widget.block.block-static-block {
    position: absolute;
    top: 0;
    margin-top: 11px;
    margin-bottom: 0;
}


.sticky {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    max-width: 100%;
    max-height: 80px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.padding {
    padding-top: 126px;
}

.paddingm {
    padding-top: 107px;
}

.hidesticky {
display: none;
}

.header.content.headerpadding {
    padding: 30px 20px 0;

}
.theme-pearl .nav-sections {
    z-index: 1 !important;
}
.nav-sections {
    z-index: 1;
}
.owl-carousel-custom-3 {
	width: 1280px;
	max-width: 1280px;
}
.weltpixel-quickview {
		
        overflow: hidden;
        display: inline-block;
	}