@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

:root {
	/* Main theme colors */
	--main-override-color: white;
	
	--header-text-override-color: #000;
	
	--menu-color: #fbc006;
	
	--header-text-override-color: #fbc006;
	
	
	--main-override-header-text-color: #fbc006;
	
	--main-override-body-text-color: #fff;
	--main-body-background-color: #ededed;
	--main-override-elements-background-color: #333;
	
	--header-override-color: #282828;
	
	/* Menu bar color */
	--menu-override-color: #ca9b09;
	--menu-override-hover-color: #ca9b09;
	--menu-text-override-color: #000;
	--menu-article-text-override-color: #000;
	
	/* Color of detaillists and general table headers */
	--detaillist-override-list-border-color: #333;
	--detaillist-override-header-background-color: #333;
	--detaillist-override-header-text-color: #white;
	
	
	/* Color of all headers */
	--main-header-text-color: #fff;
	
	/* Text for contentpane of webshop. Should contrast with white background. Should usually be same as main-override-color. Defaults to main-override-color */
	--main-text-override-color: #fff;
	
	/* Hover color. Should be close to main-override-color */
	--main-hover-override-color: #444;
	
	/* Secondary text used for text on for example buttons. Should contrast with main-override-color. Defaults to white  */
	/*--secondary-text-override-color: #fff;*/
	
	
	/* Menu background color. Defaults to main-override-color */
	/*--menu-override-color: #000;*/
	/* Menu text color. Defaults to secondary-text-override-color */
	/*--menu-text-override-color: #fff;*/
	
	/* Background and text color for previously selected option in hamburger menu on small screens. Should be a faded menu color */
	--menu-entered-color: #333;
	--menu-entered-text-override-color: #ddd;
	/* Menu bar color */
	/*--menu-override-color:  #383b42;
	--menu-override-hover-color: #111;
	--menu-text-override-color: #fff;
	--menu-article-text-override-color: #000;*/
	
	
	--main-override-link-color: #fbc006;
	--main-hover-override-color: #ca9b09;
	
	
	--main-list-separator-color: #999;
	
	/* Footer background color. Defaults to main-override-color */
	--footer-color: #222;
	/* Footer text color. Defaults to secondary-text-override-color */
	--footer-text-color: #fff;
	
	
	/* Color of the flipcards and banners */
	--main-override-card-color: #383b4244;
	--main-override-card-text-color: #fff;
	
	--table-header-background-color: white;
	--table-header-text-color: #111;
	
	--main-override-list-separator-color: #333;
	
	--main-font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	
	/* Override icons in the header */
	--header-icons-text-color: #fbc006;
	--header-icons-background-color: #00000000;
	--header-icons-text-hover-color: #000000;
	--header-icons-background-hover-color: #fbc006;
	
}

body {
	background: #111;
}

#Page {
	background: url('../img/background.jpg');
}


.pageFooter {
	min-height: 300px;
	height: 300px;
	background: url(../img/footer.bg.jpg) top left no-repeat;
}

#MainNav {
	text-transform: uppercase;
}


div.headerButtons.inverted-colors a:hover b.count,
div.headerButtons.inverted-colors a:hover,
div.headerButtons.inverted-colors a {
	color: black;
}


div.basketButton a b.basketText {
	color: #000;
}

.button.primary {
	color: #000;
}

.button.secondary {
	border-color: #ddd;
}

div.qMenu > .menu.megamenu > .menuinner > .megamenu-column > ul > li {
	line-height: 1.5em;
}

div.qMenu > .menu.megamenu > .menuinner > .megamenu-column > ul > li > a:hover, div.qMenu > .menu.megamenu > .menuinner > .megamenu-column > ul > li > a:hover > h3 {
	color: #fbc006;
}


table.basic th.detailType {
	background-color: #333;
}


textarea, label.qNumber, label.qField {
	border: 1px solid var(--main-list-separator-color);
	min-height: 2.2em;
	background-color: #555;
	box-shadow: none;
}

label.qField.focused {
	background-color: #555;
	color: white;
}

label.qField.filled {
	background-color: #555;
	color: white;
}

label.qField input {
	color: white;
}

label.qField > span.icon {
	background-color: #333;
	color: white;
}


.focus .productgrid > h2 {
	font-size: 30px;
	padding-bottom: 15px;
	margin-bottom: 35px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.focus .productgrid > h2:after {
	content: " ";
	position: absolute;
	left: 50%;
	width: 70px;
	margin-left: -35px;
	bottom: 0;
	height: 5px;
	background: #fdc401;
}

div.variants.varblock,
div.novariant-block {
	background-color: #555;
}

#infoMessageBox * {
	color: #000;
}

/*Cookies consent text color*/
.cc_div {
	color: #000;
}

/*Cookies consent text color*/
#s-cnt .p {
	color: #000;
}

.cc_div .cc-link {
	color: #000;
	border-bottom: 1px solid #000;
}

.login_cont .card,
.login_cont .card .card-header h2
 {
	color: black;
}
/*Basket colors*/
.step .step-item span, .step .step-item a {
    color: #fff;

}

.button.button.btn.btn-primary.w-100 {
	border-color: #333;
	
}

.btn-primary:hover {
    background-color: #ca9b09;
	border-color: #333;

}
.text-muted {
	color: #fff !important;
}

.stock .stock-text {
    color: #fff;
}

h6.price {
	color: #fff;
}

h6.price.mt-1 {
	color: #fff;
}

/*Checkout colors */
.checkout h4 {
    color: #fff;
	background-color: #434343;
}

.bg-white {
    background-color: #333 !important;
}

table.table.bg-white.table-sm {
	color: #fff;
}

.card.shopping-cart b {
	color: #fff;
}

.checkoutShipping>ul>li em {
	color: #fff;
}

a.btn.btn-outline-dark.d-block.d-sm-inline-block.w-100 {
	color: #fff;
	background-color: #6c757d;
}

/*My page colors*/
.login_cont .card, .login_cont .card .card-header h2 {
    color: #fff;
}

.card {
    background-color: #333;
 
}

.text table {
    color: #fff;
}

div.qModal {
	background-color: #333;
	
	}
	
div.qDialog>div.controls a.cancel { 
	background-color: #fdc401;
	
	}
	
	.checkoutShipping>ul>li a {
		color: #fff;
	}