:root {
	/* Header background color */
	--main-override-color: #e8e8e8;
	

	/* Main background color */
	--main-override-body-background-color: #f2f2f2;
	/*--main-override-body-text-color: #000;*/
	
	/* Background colors of the page. complete page and/or just the central content */
	/* --main-override-background-color: #fff; */
	
	/* The background color of the different elements/boxes defaults to rgb(255,255,255,1) */
	/*--main-override-elements-background-color: rgb(255,255,255,1) */
	
	/* 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: #000;*/ 
	

	/* Menu bar color */
	/* Menu background color. Defaults to main-override-color */
	--menu-override-color:  #04529e;
	/* Override for color when hovering a menu element. Should be similar to menu color. Defaults to menu-override-color */
	--menu-override-hover-color: #85898e;
	/* Menu text color. Defaults to secondary-text-override-color */
	--menu-text-override-color: #fff;
	--menu-article-text-override-color: #000;
	/* Color for menu dropdown */
	/*--menu-override-dropdown-color*/
	
	/* Menu separator color */
	/*--menu-override-seperator-color*/
	
	/* Background and text color for previously selected option in hamburger menu on small screens. Should be a faded menu color */
    /*--menu-entered-override-color: #333;*/
    /*--menu-entered-text-override-color: #ddd;*



	/* Colors for the footer */
	--footer-override-color: #04529e;
	--footer-text-override-color: #fff;


	/* List separator color. Used in between elements in lists dropdowns etc */
	/*--main-override-list-separator-color: #eee;*/

	
	/* Header background color. Defaults to main-override-color */
    --header-override-color: #fff;
	/* Header text color. Defaults to secondary-text-override-color */
    --header-text-override-color: #2a2d37;
	


	/* Color of links and buttons */
	--main-override-link-color: #6c7277;
	--main-hover-override-color: #838b91;

	

	/* Override for headertags (h1, h2, h3). Defaults to main-override-color */
	--main-header-text-override-color: #383b42;

	/* Color of detaillists and general table headers */
	/* Details list override colors. Detaillist is for example Specification and others */
    /*--detaillist-override-list-border-color: #ccc;*/
	--detaillist-override-header-background-color: #4171a0;
	--detaillist-override-header-text-color: #e8e8e8;

	/* Color of the flipcards and banners */
	--main-override-card-color: #383b4244;
	--main-override-card-text-color: #e8e8e8;

	/* used as text in buttons and icons */
	--secondary-text-override-color: #fff;



	/* Main font color  */
	--main-text-override-color: #222;
	/* Header  */


	/* Individual colors for headers*/
	--main-header-text-override-color: #007ACA; 

	--main-override-card-text-color: white;

	--main-override-link-hover-color: #f00;
	--main-override-list-separator-color: #ddd;
	

	--main-override-font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	
/*added these ones to make the icons in header transparent (Helene)*/
--header-icons-background-hover-color: transparent;
--header-icons-text-hover-color: #85898e;
--header-icons-text-color: #04529e;
}

/*Padding for logo in header*/
.headerGroup > .pageHeader > .logo > a > picture > img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
	padding-top: 5px;
}

/*Changes the background color of the favorites ikons on the items to transparent*/
.image+.flags>div.wishlist {
	background-color: transparent;
}


/*Rounded search bar*/
label.qField.search{
	border-radius: 5em;
}

.image+.flags>div.discount {
    color: var(--secondary-text-color);
    background-color: #ff6f0f;
}