:root {
    /* Main theme colors */
    --main-override-color: #000;
	--clientFontDirPath: '/Q3Standard01Motorpool';
	
	/* The background color of the page, defaults to transparent */
	/*--main-override-body-background-color: rgb(0,0,0,0);*/
	/*--main-override-body-text-color: #000;*/
	
	/* 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;*/ 
	
	/* Background color of article spinner */
	/*--main-override-card-color: rgb(46, 163, 242,0.3); */
	
	/* Background colors of the page. complete page and/or just the central content */
	/* --main-override-background-color: #fff; */
	
	/* List separator color. Used in between elements in lists dropdowns etc */
	/*--main-override-list-separator-color: #eee;*/
	
	/* 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;*/
	
	/* Override for headertags (h1, h2, h3). Defaults to main-override-color */
	/*--main-header-text-override-color: #000;*/

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

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

    /* Footer background color. Defaults to main-override-color */
	--footer-color: #ededed;
	/* Footer text color. Defaults to secondary-text-override-color */
    --footer-text-color:#000;
	
	/* Details list override colors. Detaillist is for example Specification and others */
	/*--detaillist-override-header-background-color: #fff;*/
    /*--detaillist-override-header-text-color: #000;*/
    /*--detaillist-override-list-border-color: #ccc;*/
    
	/* Override colors for links */
    /*--main-override-link-color: #00f;*/
    /*--main-override-link-hover-color: #00c;*/
	
	/*--main-override-wishlist-color: transparent;*/
	
	--main-override-card-color: transparent;

    /*--main-override-card-text-color: #000*/

    --flatpickr-selected-background: #d21d27;
    --flatpickr-selected-shadow: none;
    --flatpickr-selected-border: #d21d27;
    --flatpickr-selected-color: #fff;

    --flatpickr-disabled-background: #ff8080;
    --flatpickr-disabled-color: #fff;

    --flatpickr-time-color: #393939;

    --flatpickr-month-color: rgba(0, 0, 0, 0.9);
    --flatpickr-month-fill: rgba(0, 0, 0, 0.9);

    --flatpickr-month-next-prev-color: #959ea9;
    --flatpickr-month-next-prev-fill: #f64747;
    --timeslot-close-fill: #d21d27;
	
	/* Cookie settings */
	--cc-btn-primary-text: #eee;
	--cc-btn-secondary-text: #fff;
	
	/* Main menu */
	--detaillist-header-text-color: #eee;
}

.button.primary{
	background-color:#9e1b32 ;
	
}
.button.primary:hover {
	background-color: #b04759;
}

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

.pageFooter>.wrapper h2 {
	text-decoration: none;
}


/* Custom endringer */

ul.itemgrid div.name a {
    background-color: var(--main-elements-background-color);
    color: var(--main-text-color);
    padding: 0;
    margin: 0;
    margin-top: 15px !important;
}

div.pageFooter ul > li:first-child {
    margin-top:20px;
}

.matchHeight {
    margin-top: 15px;
}
@font-face {
    font-family: 'Jaguar Modern Web';
    src: url('_Plugins/Q3Webshop/Templates/Q3Standard01Motorpool/fonts/JaguarModernWeb-Regular/JaguarModernWeb-Regular.woff2') format('woff2'),
        url('_Plugins/Q3Webshop/Templates/Q3Standard01Motorpool/fonts/JaguarModernWeb-Regular/JaguarModernWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Light';
    src: url('_Plugins/Q3Webshop/Templates/Q3Standard01Motorpool/fonts/AvenirLTStd-Light/AvenirLTStd-Light.woff2') format('woff2'),
        url('_Plugins/Q3Webshop/Templates/Q3Standard01Motorpool/fonts/AvenirLTStd-Light/AvenirLTStd-Light.woff') format('woff'),
        url('_Plugins/Q3Webshop/Templates/Q3Standard01Motorpool/fonts/AvenirLTStd-Light/AvenirLTStd-Light.ttf') format('tff'),
        url('_Plugins/Q3Webshop/Templates/Q3Standard01Motorpool/fonts/AvenirLTStd-Light/AvenirLTStd-Light.eot') format('eot');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Medium';
    src: url('_Plugins/Q3Webshop/Templates/Q3Standard01Motorpool/fonts/AvenirLTStd-Medium/AvenirLTStd-Medium.woff2') format('woff2'),
        url('_Plugins/Q3Webshop/Templates/Q3Standard01Motorpool/fonts/AvenirLTStd-Medium/AvenirLTStd-Medium.woff') format('woff'),
        url('_Plugins/Q3Webshop/Templates/Q3Standard01Motorpool/fonts/AvenirLTStd-Medium/AvenirLTStd-Medium.ttf') format('tff'),
        url('_Plugins/Q3Webshop/Templates/Q3Standard01Motorpool/fonts/AvenirLTStd-Medium/AvenirLTStd-Medium.eot') format('eot');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, p, a {
   font-family: 'Avenir light', sans-serif !important;
font-weight:normal;
font-style:normal; 
}


h2, h1 {
font-family: 'Jaguar Modern Web', sans-serif !important;
font-weight:normal;
font-style:normal;
}

h3 {
font-family: 'Avenir Medium', sans-serif !important;
font-weight:normal;
font-style:normal;
}

ul.itemgrid li {
    margin-bottom: 35px;
}

div.pageHeader {
    padding: 0;
    max-width: 1200px;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
@media only screen and (min-width: 990px) {
div.pageHeader div.logo img {
    max-height: 100%;
    max-width: 100%;
    margin-top: 16px;
}}

form.searchStrip label.search {
    height: 3em;
    line-height: 3em;
    border: none;
    width: 100%;
    max-width: 400px;
    margin-left: 35px;
    box-shadow: var(--box-shadow);
}

#MainNav > ul > li > a:hover, #MainNav > ul > li.selected > a:hover {
    background: var(--menu-hover-color);
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    font-weight: 600;
}

#MainNav > ul > li > a:hover, #MainNav > ul > li > a:focus, #MainNav > ul > li.active > a, #MainNav > ul > li.selected > a:hover, #MainNav > ul > li.selected > a:focus {
    color: var(--menu-text-color);
    background-color: var(--menu-color);
    font-weight:600;
}

#MainNav, #MainNav > ul > li > a, #MainNav > ul > li.selected > a, div.modelspecFilter a.button, div.modelspecFilter a.button:hover, div.modelspecFilter a.button:active, div.modelspecFilter a.button:focus {
    color: var(--menu-text-color);
    background-color: var(--menu-color);
    font-weight: 600;
}

.stock.noneinstock i {
    color: #9E1B32 !important;
}
.stock.fewinstock i {
    color: #55adbb !important;
}


/* Custom endringer */
/* div.pageHeader {
    padding: 0;
    max-width: 1200px;
    padding-top: 15px;
    padding-bottom: 15px;
} */
/* CUSTOM ENDRINGER END */


.qfieldLabelSelector label {
	color:#333;
}

/*Center the payment logos in the footer*/
.paymentLogos {
    padding-top: 2em;
}

/*Removed margin for the two articles on the right in footer*/
div.pageFooter > .wrapper .footerArticlegroup {
    margin: unset;
}

.qGroup li:not(.selected):hover {
    background-color: var(--main-hover-color);
    color: #ffffff;
}

.cc_div .c-bn {
    color: #fff;
}

#cm .c_link:hover {
    color: #fff; 
}

.frontpageSlider .carousel.slide {
	max-width:100%;
}

/* front page subgroup list 3 column START === */

div.subgroupslist>.qGrid.multiple>li {
    float: none !important;
    width: auto !important;
    flex: 0 0 calc(33.3333% - 1em) !important;
    max-width: calc(33.3333% - 1em) !important;
    margin-left: 0.5em;
    margin-right: 0.5em;
}


div.subgroupslist > ul.qGrid.multiple{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

div.subgroupslist > ul.qGrid.multiple > li{
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 ! important;
  margin-right: 0 ! important;
}

/* 1) a become container for fundal + overlay */
div.subgroupslist ul.qGrid li.subgroup.article > a{
  position: relative;
  display: block;        /* remove flex */
  width: 100%;
  height: 100%;
  overflow: hidden;
}

div.subgroupslist ul.qGrid4 li {
	margin-left:0;
}

/* 2) picture fill ALL a */
div.subgroupslist ul.qGrid li.subgroup.article > a > picture{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

/* 3) img fill the picture */
div.subgroupslist ul.qGrid li.subgroup.article > a > picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 4) overlay (no-background) over image */
div.subgroupslist ul.qGrid li.subgroup.article > a > div.no-background{
  position: relative;
  z-index: 2;
  min-width: 0 !important;   /* IMPORTANT: anull min-width:100% */
  width: 100%;
  height: 100%;
  padding: 0 !important;     /* optional: remove padding if broke */
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Mobile: 1 column */
@media (max-width: 600px){
  div.subgroupslist > ul.qGrid.multiple{
    grid-template-columns: 1fr !important;
    gap: 10px; /* optional */
  }
}

/* front page subgroup list 3 column END === */