/*  
Name: Store stylesheet Cartmatic
Version: 3.2
Description: Responsive and clean theme for e-commerce platform Cartmactic (sore)
Theme URI: http://cartmatic.nl
Author: B. van Spaandonk
Tags: cartmatic, store, design, theme, fikz.nl
*/



:root{
	--primary: #4a90e2;
	--primaryHover: #0074cc;

	--secondary: #4a90e2;
	--secondaryHover: #4a90e2;	

    --accent: #62b265;
    --accentHover: #62b265;	
		
	--links: var(--primary);
    --loader: var(--primary);		

    --cart: #66bb6a;
    --cartHover: #28a745;

	--headerBackground: #191919;
	--headerBorderColor: var(--headerBackground);	
	--headerFontColor: #ffffff;
	
	--footerBackground: #e8e8e8;
	--footerFontHeadingColor: #333333;	
	--footerBorderColor: #dddddd;	
	--footerFontColor: #313131;
	--footerFontColorHover: var(--primary);
	--footerSocialIconColor: #111;
	--footerSocialIconColorHover: #000;
	
	--footendBackground: #ffffff;
	--footendFontColor: #313131;
	
	--infoBannerBackgound: var(--primary);
	--infoBannerFontColor: #ffffff;
	
    --fontHeading:'Montserrat', 'Open Sans', 'Verdana', 'Arial', 'Helvetica';
    --fontBody: 'Open Sans', 'Arial', 'Verdana', 'Helvetica';
    --fontDefaultSize: 14px;
    --fontSmall: 12px;
    --fontNormal: 400;
    --fontMedium: 600;

    --colorBody: #333333;
    --colorHeading: #333333;	
	--fontPrimary: var(--primary);
	--fontSecondary: #004799;
	
	--buttonBuyBackground: #66bb6a;
	--buttonBuyBackgroundHover: #57aa5b;	
	--buttonMainBuyBackgroundHover: #62b265;	
	--buttonBuyFontColor: #ffffff;

	--blue: #007bff;
    --red: #e6141d;	
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --light-gray: #6c757d;	
    --gray-dark: #343a40;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --white: #ffffff;
    --black: #000000;
    --light: #e2dfd8;
    --dark: #2b2b2b;
    --darkFilter: brightness(95%);
    --darkFilter2: brightness(85%);
    --cta: #08ab2d;
    --grey: #898d93;
    --lines: #e1e1e1;
    --positives: #5bcf76;
    --negatives: #ffb000;
    --delivery: #5bcf76;
    --gold: #F2994A;
    --lineHeight: 1.5;
    --lineHeightBig: 1.9;
    --btnHeight: 43px;
    --borderRadius: 4px;
    --borderRadius2: 4px;
    --borderRadius3: 4px;
    --transition: 0.2s;
    --transitionLong: 0.5s;
    --h1size: 45px;
    --h2size: 35px;
    --h3size: 20px;
    --h4size: 14px;
}


/* Position menu due to amount of categories */
.leftlogo .navbar {margin-left:-300px;}

/* Overwrite the set color in backend for info banner */
.rich_banner .banner:first-child .banner_inner {background: var(--infoBannerBackgound); color: var(--infoBannerFontColor);}


/* Other Footer - BEGIN*/
/*
#footer.ftr-light {
  padding-top: 0px;
}
#footer .footer_modules {
  color: #333 !important;
  padding-top: 35px;
  padding-bottom: 35px;
}
#footer.ftr-light .box.newsletter {
  background-color: transparent;
  padding: 0;
}
#footer.ftr-light .box.newsletter .buttons {
  text-align: left;
}
@media (max-width: 430px) {
  #footer.ftr-light .box.newsletter {
    padding-top: 15px;
  }
}
.footer_modules_wrapper #mod-1 {
  min-height: 370px;
}
.footer_modules_wrapper #mod-1 h3 {
  margin-left: 197px;
}
.footer_modules_wrapper #mod-1 div.footer-kaart {
  width: 100px;
  float: left;
  margin-right: 97px;
  margin-top: -50px;
}
.footer_modules_wrapper #mod-1 img.map {
  -webkit-transform: translateX(0%) rotate(-7deg); 
  -moz-transform: translateX(0%) rotate(-7deg); 
  -ms-transform: translateX(0%) rotate(-7deg); 
  -o-transform: translateX(0%) rotate(-7deg); 
  transform: translateX(0%) rotate(-7deg);
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
}
@media (max-width: 767px) {
  .footer_modules_wrapper #mod-1 img.map {
    height: 355px;
    width: 150px;
  }
  .footer_modules_wrapper #mod-1 img.marker {
    height: 35px;
    width: 150px;
  }
  .footer_modules_wrapper #mod-1 p.kaart-marker {
    position: absolute;
    margin-top: -93px;
    margin-left: -11px;
  }
}
@media (min-width: 768px) {
  .footer_modules_wrapper #mod-1 img.map {
    height: 390px;
    width: 150px;
  }
  .footer_modules_wrapper #mod-1 img.marker {
    height: 40px;
    width: 150px;
  }
  .footer_modules_wrapper #mod-1 p.kaart-marker {
    position: absolute;
    margin-top: -110px;
    margin-left: -12px;
  }
}

.social-footer {
  padding: 0;
}

#footer .row.default-footer {
  padding: 20px 0 20px 0
}
/*

/* Other Footer - END */



/* More styles */
/*postcode*/
.popupfixed, .popuppostcode {
  background: #e6edf5 !important;
}
.page-home .title {
  font-size: 2.2em;
  line-height: 1.15;
  margin-bottom: 15px;
}
.mfilter-heading-text > span {
  font-size: 14px;
}
/*revolution slider */
.tp-caption.red_bold_bg_20 {
  background-color: #e10b1c;
}
.tp-caption.blue_bold_bg_20 {
  background-color: #004799;
}
#footer .contentset .inner, #footer h3, #footer h4, #footer h3 a, #footer h4 a, #footer .box-heading {
  font-size: 17px;
}














.price-match-extra-button-area, .product-page .product-box .links, .product-page .product-box .description {
  display: none;
}
.section-wrapper.description.bg-grey {
  box-shadow: none;
}




/* ADDON: Seperated header menu - BEGIN */

@media (min-width: 1200px) {
  #menu {
    position: fixed;
    background: #fff;
    left: 0px !important;
    width: 100vw;
    margin-left: 0;
    top: 61px;
    height: 45px;
    border-bottom: 1px solid rgb(221, 221, 221);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px -2px;
  }
  #menu .navbar {
    margin-left: 0px;
    left: calc((100% - 1140px) /2);
    padding: 0px;
    margin: 0 -15px;
  }
  .navbar .nav > li > a {
    line-height: 45px;
  }
  #menu .menu_inline_mega .dropdown-menu {
    top: 106px
  }
  #header.hdr-dark .navbar .nav > li:hover > a, #header.hdr-dark .navbar .nav > li > a:hover, #header.hdr-dark .navbar .nav > li > a {
    color: var(--primary);
    font-size: 14px;
    font-weight: bold;
  }
  #content-wrapper {
    padding-top: 106px;
  }
  .search-area > .open > #menu {
    display: none !important;
  }
  .search-area.open {
    position: fixed;
    width: 100%;
  }
  .breadcrumb {
    padding: 8px 8px 8px 0;
  }
}

/* ADDON: Seperated header menu - END */









/* External content */

/* loadbee */
iframe#loadbeeIframeId #header {
  display: none !important;
}





/* Disabled due to full width ADDON
@media (min-width: 1300px){
#menu .navbar {left: calc((100% - 1240px) /2);}	
}
@media (min-width: 1400px){
#menu .navbar {left: calc((100% - 1290px) /2);}	
}
*/




/* ADDON: Full-screen width - BEGIN */
@media (min-width: 1200px) and (max-width: 1600px) {
  .container {
    width: calc(100% - 170px);
  }
  #menu .menu_inline_mega .dropdown-menu {
    width: calc(100% - 200px);
    left: 100px;
  }
  #menu .navbar {
    width: calc(100% - 200px);
    left: 100px;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .container {
    width: calc(100% - 50px);
  }
}
.checkout-page .row.container {
  width: initial !important;
}
/* ADDON: Full-screen width - END */




/*Flixemdia hotspots*/

.flix_hs_button path {
  fill: var(--headerBackground) !important;
}
#flix_hotspots .ek-aricon {
  margin-left: -7px;
  margin-top: 38px;
}
.hotspot-pagination > .active > button, .hotspot-pagination > .active > button:focus, .hotspot-pagination > .active > button:hover, .hotspot-pagination > .active > span, .hotspot-pagination > .active > span:focus, .hotspot-pagination > .active > span:hover {
  background-color: var(--headerBackground) !important;
  border-color: var(--headerBackground) !important;
}
.hotspot-pagination > li > button, .hotspot-pagination > li > span {
  color: var(--headerBackground) !important;
}
.hotspot-pagination > .active > button {
  color: #fff !important;
}
.hotspot_block .hotspot_feature_desc strong, .hotspot_overview_title, .hotspot_block .hotspot_block_title {
  color: var(--colorHeading) !important;
}
/*
.hotspot_block .hotspot_block_title {font-family: 'Open Sans' !important; font-weight: 600 !important;}
*/
/*Disable Hotspots Flixmedia for selected manufactuerers*/
body.samsung #flix_hotspots {
  display: none !important;
}
/*Sale label correction for 3D flixmedia icon
.product-top .onsale {
  line-height: 22px;
  top: inherit;
  left: 2px;
}
*/


/* ADDON: Category grid view - Reduce spaces between productblocks - BEGIN */
.product-grid .product-thumb {margin-right: -11px;margin-bottom: 20px; padding: 20px 15px 20px;}
.row.products:has(.product-grid .product-thumb) {margin-right: -5px;}
/* ADDON: Category grid view - Reduce spaces between productblocks - END */



/* ADDON: Category grid/listview - Light grey overlay products - BEGIN */
/*
.row.products .product-layout.product-grid .product-thumb{background:#f9f9f9}
.row.products .product-layout.product-grid .product-thumb .thumb{background:#fff}
.row.products .product-layout.product-grid .product-thumb .thumb img{}



.row.products .product-layout.product-grid .product-thumb .thumb:after {
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.05;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #a8a8a8 !important;
}
*/
/* ADDON: Category grid/listview - Light grey overlay products - END */