:root{
  --bodyBg         : #f5f5f5;  /* Baggrundsfarve */
  --white          : #fff;  /* Hvid */

  --colorBase      : #568946;   /* Thema farve 1 / Top navigation */
  --colorPrimary   : #568946;   /* Theme farve 2 / Footer */
  --colorSecondary : #568946;   /* Buttons 1 */
  --colorTertiary  : #97b68b;   /* Buttons 2 */

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

  --jumbotronBG    : rgba(245,184,174,0.3); /* 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: 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 */
}
 
/*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*/
.row > .col-sm-6.mx-auto:nth-child(-n+4) { margin: 0 auto; }
.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(--colorSecondary) !important; }
.btn-primary:hover{ background: var(--colorTertiary) !important; border-color: var(--colorTertiary) !important; }
.btn-link { color: var(--colorTertiary); }
.btn-success { color: var(--white); background-color: var(--colorSecondary) !important; border-color: var(--colorSecondary) !important; }
.btn-success:hover { color: var(--white); background-color: var(--colorTertiary) !important; border-color: var(--colorTertiary) !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); }
#impleomenu-cat > li > .k-link { color: var(--colorBase); }
.k-animation-container li.k-state-border-down{ background: var(--colorSecondary) !important; }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ color: var(--white); background-color: var(--colorBase); }
.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 .navbar-right #auth,
.navbar .navbar-right #ctl00_li_search{ display: none; }
.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{ 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{ min-height: 275px; width: 100%; object-fit: contain; }
.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: 185px; 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; }
.webshop-product-description .ws_sep{ 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: 125px; 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);*/ }
}