@charset "utf-8";

/* client fonts */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	/* Header background color */
	--main-override-color: #e8e8e8;
	--main-header-submenu-font-color: #233a48;
	--main-header-submenu-font-color-hover: #35586e;

	/* 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:  #233a48;
	
	/* Override for color when hovering a menu element. Should be similar to menu color. Defaults to menu-override-color */
	--menu-override-hover-color: #111;
	/* Menu text color. Defaults to secondary-text-override-color */
	--menu-text-override-color: #fff;
	--menu-article-text-override-color: #000;
	--main-header-menu-font-color: #fff;
	--main-header-menu-font-color-hover: #fff;
	/* 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: #383b42;
	--footer-text-override-color: #fff;
	--main-footer-color: #233a48;
	--main-footer-font: #fff;
	--main-footer-font-link: #bed9f1;


	/* 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: #d21d27;
	--main-hover-override-color: #a00410;
	--main-link-color: #bed9f1;
	--main-button-secondary-color: #233a48;
	--main-button-secondary-color-hover: #35586e;
	--main-button-primary-color: #bed9f1;
	--main-button-primary-color-hover: #c9e2ff;
	

	/* 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: #383b42;
	--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;
	--main-text-color: #233a48;

	/* 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-inverted-header-color: #000;
	--main-override-inverted-header-backgroundcolor: #d21d27;
    	--main-override-inverted-header-color: #e8e8e8;
		
		--header-override-color: rgb(212,214,209);

	/* Cookies icon color*/
	--cookie-icon-bg: #bed9f1;
	--cc-btn-primary-bg: #bed9f1;
	--cc-btn-primary-hover-bg: #c9e2ff;
}
body {
	font-family: "Barlow", sans-serif !important;
}

h1, h2, h3, h4, h5{
	font-family: "Barlow", sans-serif !important;
}

.product_title .title,
.price .primary h1,
.product .nonvariant h4,
.componentItems .variants h4,
.card.shopping-cart .product-name a,
.articleHead,
.frontpageArticle .inlineArticleTitle h1,
.inlineArticleTitle h1 {
	font-family: "Barlow", sans-serif !important;
}

.pageTopbar {
	background-color: #fff;
	color: #000;
}

.pageMainNav {
	background-color: #233a48;
}

.headerButtons .wishlist{
	display: none !important;
}
.artHeadColorText {
	background-color: #233a48;
}

.frontpageSlider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    opacity: 0.3;
    transition: all 0.2s ease-out;
    top: 0px;
}

label.qField.external.large b {
    background-color: transparent;
}

select.custom-select.initialized {
	font-family: "Barlow", sans-serif !important;
}