/*Client font*/
@import url('https://fonts.googleapis.com/css2?family=Yaldevi:wght@200;300;400;500;600;700&display=swap');

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

	/* Main background color */
	--main-override-body-background-color: #f5fff5;
	/*--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:  #f5fff5;
	/* Override for color when hovering a menu element. Should be similar to menu color. Defaults to menu-override-color */
	--menu-override-hover-color: ##339933;
	/* Menu text color. Defaults to secondary-text-override-color */
	--menu-text-override-color: #000;
	--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: #3f3b3b;
	--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: #f5fff5;
	/* Header text color. Defaults to secondary-text-override-color */
    --header-text-override-color: #3F3B3B;
	


	/* Color of links and buttons */
	--main-override-link-color: #339933;
	--main-hover-override-color: #339933;

	

	/* 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: #f5fff5;
	--detaillist-override-header-text-color: #000;

	/* 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: #000;
	/* Header  */


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

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

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

	--title-font-family: 'Yaldevi', sans-serif !important;

/*added these ones to make the icons in header transparent (Helene)*/
--header-icons-background-hover-color: #f5fff5;
--header-icons-text-hover-color: #339933;
--header-icons-text-color: #3f3b3b;
--header-icons-background-color: #f5fff5;

}

body {
	font-family: var(--title-font-family) !important;
}

h1, h2, h3, h4, h5 {
	font-family: var(--title-font-family) !important;
}

h1 {
	font-weight: 600;
}

h2 {
	font-weight: 500;
}


/*Header settings*/
.headerGroup > .pageHeader > .logo > a > picture > img {
    padding-top: 5px;
}

.searchWrapper form.searchStrip {
    border-radius: 5px;
}

/*Menu settings*/

#MainNav {
    border-top: none;
    color: var(--menu-text-color);
    background-color: var(--menu-color);
    border-bottom: 2px solid #339933;
}

#MainNav > ul > li > a {
    display: block;
    text-decoration: none;
	text-transform: none;
    text-align: center;
    white-space: nowrap;
    padding: 1em;
    color: #3F3B3B;
    background-color: var(--menu-color);
	font-size: 1.188rem;
	font-weight: 500;
	font-family: var(--title-font-family) !important;
}

.qMenu.megamenu > .megamenu .menuinner > h1 {
    padding: 0.5rem;
    background-color: var(--detaillist-header-background-color);
    color: #000;
	border-bottom: 2px solid #339933;
    text-transform: none;
    font-size: 1rem;
    font-weight: 700;
	font-style: bold;
}


.qMenu.megamenu > .menu .menu-level-1 h3 {
    margin: 0 0 0.5em 0;
	font-weight: 400;
	font-size: 1.3rem;
	text-transform: none;
}

.qMenu.megamenu > .menu a {
    display: inline-block;
	color: #000;
}

/*Frontpage slider settings*/
.flipbox>.cards>.card>.cardcontent {
    border-radius: 5px;
}

.flipbox > .cards > .card :is(h1, h2, h3) {
    color: var(--main-card-text-color);
	font-family: "Yaldevi", Sans-serif;
    font-size: 6.25rem;
    font-weight: 500;
    line-height: 6.25rem;
}

@media screen and (max-width: 1200px){
	.flipbox > .cards > .card :is(h1, h2, h3) {
		color: var(--main-card-text-color);
		font-family: "Yaldevi", Sans-serif;
		font-size: 1.7rem;
		font-weight: 500;
		line-height: 1.7rem;
	}
}

.flipbox > .cards > .card :is(text, p) {
    color: var(--e-global-color-200fec3);
    font-family: "Yaldevi", Sans-serif;
    font-size: 3.063rem;
    font-weight: 700;
}

@media screen and (max-width: 1200px){
	.flipbox > .cards > .card :is(text, p) {
		color: var(--e-global-color-200fec3);
		font-family: "Yaldevi", Sans-serif;
		font-size: 1rem;
		font-weight: 700;
	}
}


/*Button settings*/

a b.count {
    color: #fff !important;
    background-color: #339933 !important;
}

div.textIconWrapper span.icon {
    background-color: #fff;
}

.button.primary {
    border-radius: 5px;
}

.button.primary :hover {
    border-radius: 5px;
}

.button.secondary {
    border-radius: 5px;
}


/* Wishlist icons */
.image+.flags>div.wishlist {
    background-color: transparent;
}

.flags .wishlist > a svg, .productgrid .wishlist > a svg {
    fill: #339933;
}

/*Article settings*/
div.pageContent div:not(.text) > h1:first-of-type {
    background-color: #339933;
    color: #fff;
    margin-left: -0.6em;
    margin-right: -0.6em;
    padding: 0.6em 0 0.6em 0.6em;
    margin-top: -0.6em;
	border-radius: 5px;
}

/*Article tiles*/
div.subgroupslist>ul>li.subgroup.article>a {
    position: relative;
    border-radius: 5px;
}


.articlegroup.subgroupslist, h2 {
	color: #fff !important;
}


/*ITEM LIST AND ITEM SETTINGS*/
div.infosplit {
    border-radius: 5px;
}

div.subgroupslist > ul > li {
    border-radius: 5px;
}

div.subgroupslist > ul > li :hover {
    border-radius: 5px;
}

div.subgroupslist>.qGrid.multiple>li {
    border-radius: 5px;
}

div.subgroupslist>.qGrid.multiple>li :hover {
    border-radius: 5px;
}

/*Product settings*/
.productgrid .itemgrid li .itemwrapper {
    border-radius: 5px;
}

div.novariant-block {
    border-radius: 5px;
}

.image.mainimageWrapper {
    border-radius: 5px;
}

/*Filter settings*/
.itemgridfilterwrapper>.filtercontainer {
    border-radius: 5px;
}

/* Footer settings */
.pageFooter>.wrapper h2 {
	text-transform: uppercase;
    letter-spacing: 1px;
	font-size: 1.5rem;
	font-family: var(--title-font-family);
	font-weight: 600;
	margin-bottom: 10px;
	text-decoration: uppercase;
}

.footerArticlegroup {
	text-align: left;
}

@media only screen and (max-width: 800px){
.pageFooter .wrapper .footerArticleGroups {
    flex-flow: column;
    text-align: left;
    margin-left: 1rem;
	margin-bottom: 0.5rem;
	font-family: var(--title-font-family);
}
}

.pageFooter *, .pageFooter a, .pageFooter a:focus {
    color: #fff;
    fill: #fff;
    border-bottom: 1px solid transparent;
	font-family: var(--title-font-family);
    font-weight: 300;
	font-size: 1.125rem;
}

.footer-social-links svg.icon {
    fill: #339933;
}

.footer-social-links {
   border-bottom: none !important;
}

.pageFooter .wrapper .footer-attribution .attribution {
    font-size: 0.8rem;
}