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

  --colorBase      : #ed0812;   /* Thema farve 1 / Top navigation */
  --colorPrimary   : #217d77;   /* Theme farve 2 / Footer */
  --colorSecondary : #217d77;   /* Buttons 1 */
  --colorTertiary  : #52004c;   /* Buttons 2 */

  --textColor      : #333333;   /* Tekst */
  --linkColor      : #52004c;   /* Links */

  --jumbotronBG    : rgba(33,125,119,0.3); /* Jumbotron baggrundsfarve */
}

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


/**  
 *   STYLESHEET IMPORTS
 **/


 /* Webfont: NORLYSText-Regular */@font-face {
  font-family: 'NORLYSText-Regular';
  src: url('fonts/NORLYSText-Regular.eot');
  src: url('fonts/NORLYSText-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/NORLYSText-Regular.woff') format('woff'), /* Modern Browsers */
   url('fonts/NORLYSText-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
   url('fonts/NORLYSText-Regular.svg#NORLYSText-Regular') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;/* IE9 Compat Modes */
  /* Legacy iOS */
}
/* Webfont: NORLYSText-Bold */@font-face {
  font-family: 'NORLYSText-Bold';
  src: url('fonts/fontsNORLYSText-Bold.eot');
  src: url('fonts/NORLYSText-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/NORLYSText-Bold.woff') format('woff'), /* Modern Browsers */
   url('fonts/NORLYSText-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
   url('fonts/NORLYSText-Bold.svg#NORLYSText-Bold') format('svg');
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;/* IE9 Compat Modes */
  /* Legacy iOS */
}
/* Webfont: NORLYSText-Italic */@font-face {
  font-family: 'NORLYSText-Italic';
  src: url('fonts/NORLYSText-Italic.eot');
  src: url('fonts/NORLYSText-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/NORLYSText-Italic.woff') format('woff'), /* Modern Browsers */
   url('fonts/NORLYSText-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
   url('fonts/NORLYSText-Italic.svg#NORLYSText-Italic') format('svg');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;/* IE9 Compat Modes */
  /* Legacy iOS */
}
/* Webfont: NORLYSHeadline-Bold */@font-face {
  font-family: 'NORLYSHeadline-Bold';
  src: url('fonts/NORLYSHeadline-Bold.eot');
  src: url('fonts/NORLYSHeadline-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/NORLYSHeadline-Bold.woff') format('woff'), /* Modern Browsers */
   url('fonts/NORLYSHeadline-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
   url('fonts/NORLYSHeadline-Bold.svg#NORLYSHeadline-Bold') 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: 'NORLYSText-Regular'; background: var(--bodyBg) !important; padding-top: 53px; /* Space for navbar */ }
@media (min-width: 768px) { 
  body { margin-bottom: 50px; /* 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: 'NORLYSHeadline-Bold', 'Georgia', 'sans-serif'; }
h1{ font-size: 24px; }
h4{ color: var(--textColor) !important; }
a{ color: var(--linkColor); }

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

/* Buttons */
.btn{ font-family: 'NORLYSText-Regular'; }
.btn-primary{ font-family: 'NORLYSText-Regular'; 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(--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(--colorSecondary); transition: all 0.3s ease; }
.navbar .navbar-nav > li > a.navbar-nav-cart{background: var(--colorBase);color: var(--white);font-weight: 700;}
.navbar .navbar-nav > li > a.navbar-nav-cart:hover, .navbar .navbar-nav > .open > a{ background-color: var(--colorSecondary) !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(--colorSecondary); }
.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: 11px; margin-right: 25px; height: 27px; }
.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; font-size: 17px; padding: 20px 0; }
.panel-product-heading:hover{ color: var(--colorPrimary) !important; }
.panel-product-image{ min-height: 200px; 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: 150px; 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); }
.RadComboBox_Bootstrap .rcbReadOnly{ background-color: var(--colorSecondary) !important; color: #ffffff !important;  max-width: 300px; }
.webshop-product-title{ font-size: 18px; }
.webshop-product-description { max-width: 450px;/*font-size: 82%;*/ }

/* 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); max-height: 300px !important; }
}