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

	/* 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:  #db6113;
	/* Override for color when hovering a menu element. Should be similar to menu color. Defaults to menu-override-color */
	--menu-override-hover-color: #203891;
	/* Menu text color. Defaults to secondary-text-override-color */
	--menu-text-override-color: #fff;
	--menu-article-text-override-color: #203891;
	/* 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: #203891;
	--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: #203891;
	--main-hover-override-color: #2b4cc4;

	

	/* 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: #db6113;
	--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: #203891; 

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

	--main-override-link-hover-color: #db6113;
	--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: #db6113;
--header-icons-text-hover-color: #203891;
--header-icons-text-color: #203891;
}


@media screen and (max-width: 768px) {
	.headerGroup > .pageHeader .searchWrapper > .searchStrip {
		margin: 1.78em 0 0 0;
	}
}

@media screen and (max-width: 768px) {
	.headerGroup > .pageHeader .searchWrapper > .searchStrip {
		width: 100%;
	}
}

.headerGroup > .pageHeader .searchWrapper > .searchStrip {
	width: 100%;
	border: 5em;
}

.pageFooter>.wrapper .footerArticleGroups {
	text-align: left;
}

label.qField.search{
	border-radius: 5em;
}

/*Changes the color of H2 in the Footer*/
.pageFooter > .wrapper h2 {
    text-decoration: underline;
    text-decoration-color: #db6113;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.2em;
    padding: unset;
}

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

/*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 color on nivå 3 in menu*/
a {
    color: #db6113;
	text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: transparent;
    text-underline-offset: 0.3em;
}

a:hover {
	color:#db6113;
	
}

/*Changes the color of Button Secondary*/
.button.secondary {
    color: var(--main-text-color);
    fill: var(--main-text-color);
    background-color: #db6113;
	border-color: #db6113;
}

.button.secondary:hover {
    color: var(--main-text-color);
    fill: var(--main-text-color);
    background-color: #db8651;
	border-color: #db8651;
}
.afterHeader>span.message {
	background-color: rgba(255, 255, 255, 0.8);
}

/** move banner text to top-left */
.cardcontent-wrapper .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

div.pageFooter.cp-wrapper {
	position: unset !important;
}