:root{
  --bodyBg         : #f7f7f3;  /* Baggrundsfarve */
  --white          : #ffffff;  /* Hvid */

  --colorBase      : #fa3c3c;   /* Thema farve 1 / Top navigation */
  --colorPrimary   : #000;   /* Theme farve 2 / Footer */
  --colorSecondary : #7ca30f;   /* Buttons 1 */
  --colorTertiary  : #8bb611;   /* Buttons 2 */

  --textColor      : #333333;   /* Tekst */
  --linkColor      : #fa3c3c;   /* Links */

  --jumbotronBG    : rgba(255,2,2,0.1); /* Jumbotron baggrundsfarve */
}

/* Use this CSS-file to override any styles set by system-default */


/**  
 *   STYLESHEET IMPORTS
 **/


 /* Webfont: InteloRegular */@font-face {
  font-family: 'InteloRegular';
  src: url('fonts/InteloRegular.eot');
  src: url('fonts/InteloRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/InteloRegular.woff') format('woff'), /* Modern Browsers */
   url('fonts/InteloRegular.ttf') format('truetype'), /* Safari, Android, iOS */
   url('fonts/InteloRegular.svg#InteloRegular') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;/* IE9 Compat Modes */
  /* Legacy iOS */
}
/* Webfont: InteloLight */@font-face {
  font-family: 'InteloLight';
  src: url('fonts/InteloLight.eot');
  src: url('fonts/InteloLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/InteloLight.woff') format('woff'), /* Modern Browsers */
   url('fonts/InteloLight.ttf') format('truetype'), /* Safari, Android, iOS */
   url('fonts/InteloLight.svg#InteloLight') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;/* IE9 Compat Modes */
  /* Legacy iOS */
}
/* Webfont: InteloBold */@font-face {
  font-family: 'InteloBold';
  src: url('fonts/InteloBold.eot');
  src: url('fonts/InteloBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/InteloBold.woff') format('woff'), /* Modern Browsers */
   url('fonts/InteloBold.ttf') format('truetype'), /* Safari, Android, iOS */
   url('fonts/InteloBold.svg#InteloBold') format('svg');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;/* IE9 Compat Modes */
  /* Legacy iOS */
}
/* Webfont: InteloExtraBold */@font-face {
  font-family: 'InteloExtraBold';
  src: url('fonts/InteloExtraBold.eot');
  src: url('fonts/InteloExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/InteloExtraBold.woff') format('woff'), /* Modern Browsers */
   url('fonts/InteloExtraBold.ttf') format('truetype'), /* Safari, Android, iOS */
   url('fonts/InteloExtraBold.svg#InteloExtraBold') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;/* IE9 Compat Modes */
  /* Legacy iOS */
}
/* Webfont: InteloMedium */@font-face {
  font-family: 'InteloMedium';
  src: url('fonts/InteloMedium.eot');
  src: url('fonts/InteloMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/InteloMedium.woff') format('woff'), /* Modern Browsers */
   url('fonts/InteloMedium.ttf') format('truetype'), /* Safari, Android, iOS */
   url('fonts/InteloMedium.svg#InteloMedium') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;/* IE9 Compat Modes */
  /* Legacy iOS */
}
/* Webfont: InteloItalic */@font-face {
  font-family: 'InteloItalic';
  src: url('fonts/InteloItalic.eot');
  src: url('fonts/InteloItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/InteloItalic.woff') format('woff'), /* Modern Browsers */
   url('fonts/InteloItalic.ttf') format('truetype'), /* Safari, Android, iOS */
   url('fonts/InteloItalic.svg#InteloItalic') format('svg');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;/* IE9 Compat Modes */
  /* Legacy iOS */
}
 
/*Using variables*/
html{ background: var(--bodyBg); }
body{ font-family: 'InteloRegular'; background: var(--bodyBg) !important; padding-top: 53px; /* Space for navbar */ }
@media (min-width: 768px) { 
	body { margin-bottom: 100px; /* Space for sticky footer */  } 
    .media-page .content .section.media > .container{ padding-bottom: 60px; /* Same height as footer */ }
}
      
h1, h2, h3, h4, h5, h6{ font-family: 'InteloBold', 'Georgia', 'sans-serif'; }
h1{ font-size: 24px; }
h4{ color: var(--textColor) !important; }
a{ color: var(--linkColor); }

/*Generelt*/
.text-success{ color: #5cb85c !important; }
.section{ background-color: var(--bodyBg); padding: 50px 0 50px; }

/* Buttons */
.btn{ font-family: 'InteloRegular'; }
.btn-primary{ font-family: 'InteloRegular'; background: var(--colorSecondary) !important; border-color: var(--colorTertiary) !important; }
.btn-primary:hover{ background: var(--colorTertiary) !important; border-color: var(--colorSecondary) !important; }
.btn-link { color: var(--colorTertiary); }
.btn-success { color: var(--white); background-color: var(--colorSecondary) !important; border-color: var(--colorTertiary) !important; }
.btn-success:hover { color: var(--white); background-color: var(--colorTertiary) !important; border-color: var(--colorSecondary) !important; }

.RadTreeView_Bootstrap .rtSelected .rtIn{ border-color: var(--colorTertiary) !important; background-color: var(--colorBase) !important; }
.RadTreeView_Bootstrap .rtSelected .rtIn:hover{ border-color: var(--colorBase) !important; background-color: var(--colorTertiary) !important; }

/* Navigation bar*/
.navbar{ background: #fff; border: transparent; border-top: 3px solid var(--colorBase); }
.navbar .navbar-nav > li > a{ color: var(--colorBase); transition: all 0.3s ease; }
.navbar .navbar-nav > li > a.navbar-nav-cart{ background: var(--colorSecondary); color: var(--white); font-weight: 700; }
.navbar .navbar-nav > li > a.navbar-nav-cart:hover, .navbar .navbar-nav > .open > a{ background-color: var(--colorTertiary) !important; }
.navbar .navbar-nav > .active > a{ color: var(--linkColor); }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ color: var(--white); background-color: var(--colorBase); }
#impleomenu-cat > li > .k-link { color: var(--colorBase); }
.k-animation-container li.k-state-border-down{ background: var(--colorSecondary) !important; }
.dropdown-menu > li > a{ color: var(--textColor); }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background: var(--colorBase); }

/* Topmenu */
.navbar-brand .logo{ margin-top: 3px; height: 44px; }
.jumbotron-inner{ background-color: var(--jumbotronBG); padding: 40px 0; background-image: none; }

/* Search */
.searchprodrow .panel-product-heading:hover{ color: var(--linkColor) !important; }
.searchprodrow a{ text-decoration: none; }

/* Min profil */
.section-profile #ctl00_ctl00_MC_PH_LIT_ProfileTabsPanel{ background: #fff; padding: 10px; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); box-shadow: 0 1px 1px rgb(0 0 0 / 5%); margin-bottom: 15px; }

/* Footer */
.footer{ background: var(--colorPrimary); color: var(--white); }
.footer .container{ background: var(--colorPrimary); }
.footer a, .footer-credits{ color: var(--white); }
.footer a:hover{ background-color: transparent; text-decoration: underline; }

/* Breadcrumps */
.section-breadcrumbs{ background: var(--white); padding: 0; }
.section-breadcrumbs a{ color: var(--textColor); }
.section-breadcrumbs a:nth-child(2){ display: none; }

/*Produkt- og kategorisider*/
.section-products{ background: var(--bodyBg); border-bottom: 0px solid #ddd; }
.panel-product{ background-color: #fafafa; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15); }
.panel-product:hover{ background: var(--colorTertiary); }
.panel-product a{ text-decoration: none !important; } 
.panel-product-heading{ min-height: 64px; padding: 20px 0; }
.panel-product-heading:hover{ color: #FFF !important; }
.panel-product-image{ object-fit: contain; height: 150px; width: 275px; }
.panel-preview-price, .qty-desc{ color: var(--colorSecondary); }
.panel-options .total-price{ color: var(--textColor); }
.panel-preview-thumbs .thumbItem{ color: var(--linkColor); }

/* Webshopview */
.webshop-product-image img{ width: auto; height: 200px; margin-bottom: 25px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.15); }
.webshop-product-image img:hover{ -moz-transform: scale(2.5); -o-transform: scale(2.5); -ms-transform: scale(2.5); -webkit-transform: scale(2.5); transform: scale(2.5); }
.webshop-product-title{ font-size: 16px; }
.webshop-product-description{ display: grid; display: none; }
.webshop-product-description .ws_sep,
.webshop-product-description .ws_itemno{ display: none; }
.RadComboBox_Bootstrap .rcbReadOnly{ background-color: var(--colorSecondary) !important; color: #ffffff !important;  max-width: 300px; }

/* Checkout */
#ctl00_MC_PH_pnl_DeliveryMethod, #ctl00_MC_PH_pnl_Delivery .form-horizontal hr { display: none; }
#ctl00_MC_PH_pnl_CartHelp div, #ctl00_MC_PH_pnl_CartTotal, .cart-row.cart-total{ background: #F5F5F5; }
.cart-product-image img { width: 75px; box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%); }

/*** Responsive - max width 767px ***/
@media (max-width: 767px){
  .navbar-collapse.collapse.in { /*background: var(--colorBase);*/ max-height: 300px !important; }
}