:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;

--base-color: #002A46;


--base-text-color: #ffffff;


--footer-color: #002A46;


--footer-text-color: #ffffff;


--button-color: #002A46;


--button-hover-color: #002A46;


--button-text-color: #FF3A64;


--header-color: #002A46;


--header-text-color: #ffffff;


--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

/* =====================================
			n-General Styles
===================================== */

/* Current Reset time 2.30 H */

/* font-family: 'Font Awesome 5 Free'; */

/* Include in javascript 
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=chevron_right" /> */

/* Google Icons
   font-family: 'Material Symbols Outlined' !important;
   font-family: 'Material Symbols Rounded' !important;
   font-family: 'Material Symbols Sharp' !important;
*/
 :root {
     --white:#fff;
     --black:#000;
     --grey:#f6f6f6;
     --pink:#FF3A64;
     --lightblue:#8EA1AD;
     --darkblue:#002A46;
     --radius:10px;
     --awesome:"Font Awesome 6 Free";
     --icon:'Material Symbols Rounded' !important;
}

.demoshop {
    padding: 21px 10px 10px 10px;
    background-color:var(--lightblue);
    transition: .2s ease-in-out;
}

a {transition: .2s ease-in-out;}
a:hover {
    color:var(--pink)!important;
    transition: .2s ease-in-out;
}

/* General */
#body {
    background-color: #F5F7F8;
}
h1, h2, h3, h4, h4, h5, h6, p, span {
    /*color:var(--base-color)!important;*/
    font-family: "Host Grotesk", sans-serif;
}
.first-page-content .section .images {
    padding: 0;
}

/* Header */
#body > div.header-wrapper.collapse > div > div.row.header-bar.clearfix > div.header-bar-section.left > ul > li:nth-child(1) {
    padding-left: 0px;
}
#body > div.header-wrapper.collapse > div > div.row.header-bar.clearfix > div.header-bar-section.right > ul > li:nth-child(2) {
    padding-right: 0px;
}

/* Buttons */
.buy-button {
    background-color: var(--button-color)!important;
}
.buy-button:hover, .buy-button:focus, .buy-button:active {
    box-shadow: 0px 0px 0px 1px var(--pink);
}
.minibasket-icon:hover {
    box-shadow: 0px 0px 0px 1px var(--pink);
}

/* Icons */

i.fas.fa-chevron-left {
    transform: rotateY(183deg);
    color:var(--black);
}
/*i.fas, i.far {
    color:var(--pink);
}*/

/* Buttons */
.minibasket .minibasket-icon {
    background-color: var(--button-color)!important;
}
.minibasket .minibasket-icon:hover {
    background-color: var(--button-hover-color)!important;
}

/* =====================================
			n-Menu
===================================== */
.header-wrapper.fixed .row.header .logo-container {
    height: 75px;
    padding: 0px;
}
.header-wrapper .row.header .logo-container .header-logo {
    margin: 0;
    cursor: pointer;
    max-height: 50px;
    margin-top: 20px;
}
.menu-bar-desktop-categories-menu-item:hover, .menu-bar-desktop-categories-menu-item.active {
    background-color: transparent;
    padding-right: 0px;
}
.menu-bar-desktop-categories-menu-item:hover>a, .menu-bar-desktop-categories-menu-item.active>a {
    color: var(--pink);
    font-weight: bold;
}
.header-wrapper.collapse.fixed {
    background-color: var(--darkblue);
}
ul.menu-bar-items {
    padding-left: 0px;
}
.header-wrapper .row.header .logo-container {
        padding: 0px 60px 0px 0px;
}

.header-wrapper .header-bar-section-links-item {
    border-right:0px;
}
li.header-bar-section-links-item a {
    color: var(--white);
    font-weight: 200;
}
.header-bar-section-links-item .fa {
    color:var(--pink);
}
/*
.product-search .product-search-input {
    background-color: transparent;
    color: #fff;
}
.fa-search::before {
    content: "\f002";
    color: var(--pink);
}
.product-search-input-container {
    position: relative;
    border: 1px solid var(--pink);
    padding: 8px;
    background-color: transparent;
    border-radius: 30px;
    transition: .2s ease-in-out;
}
.product-search-input-container:hover {
    border: 1px solid #fff;
    transition: .2s ease-in-out;
    box-shadow: 0px 0px 11px 1px #ffffff29;
}
.product-search-input-container:hover .fa-search::before {
    color: #fff;
    transition: .2s ease-in-out;
}
.fa-search::before {
    transition: .2s ease-in-out;
}*/
.menu-bar-desktop-products-menu-show-more {
    font-size: .8rem;
    font-weight: bold;
    padding-left: 0px;
}
.menu-bar-desktop-products-menu-items {padding-left:0px;transition:.2s ease-in-out;}
.menu-bar-desktop-products-menu-items a {transition:.2s ease-in-out;}
.menu-bar-desktop-products-menu-items a:hover {padding-left:10px;transition:.2s ease-in-out; color: #000;}
.menu-bar-desktop-products-menu-items a:hover:before {
    content: "\e5cc";
    font-family: var(--icon);
    margin-right: 3px;
    color: var(--pink);
    transition: .2s ease-in-out;
    font-size: 18px;
    position: absolute;
    margin-left: -15px;
    margin-top: -4px;
    font-weight: 600;
}
.menu-bar-desktop-categories-menu-item {
    border-bottom: none;
    cursor: pointer;
    line-height: 34px;
    padding-left: 15px;
    position: relative;
    width: fit-content;
}
ul.menu-bar-desktop-categories-menu-items {
    padding: 14px 0px;
}
.menu-bar-desktop-products-menus {
    padding: 14px;
}
.menu-bar-desktop-products-menu-label {
    border-bottom: none;
}
.menu-bar-desktop-categories-menu-item:hover {
    background-color: transparent;
    /*box-shadow: inset 7px 0px 0px 0px var(--pink);*/
    transition:.2s ease-in-out;
}
.minibasket .minibasket-icon {
    background-color: #d60115;
}



/* Resource menu */
.resource-menu-desktop ul li>ul>li:hover {background: none;}
.resource-menu-desktop ul li>ul>li {
    padding: 0px 5px;
    line-height: 30px;
}
/* Login Box */
.message-box {
    position: absolute;
    bottom: 0px;
    font-size: 13px;
}
.login-container .button {
    border: 1px solid;
}
button.button.login-form-button {
	background-color: var(--button-text-color)!important;
	border-radius: 2px;
	padding: 11px 30px;
	color: #fff;
	font-weight: 700;
	float: right;
}
.login-container, .checkout-login-container {
	width: 1200px!important;
	background-color: var(--base-color);
}
.login-form-forgot-password {
	background-color: transparent!important;
	color: --base-text-color!important;
	float: right;
	margin-right: 24px;
}
label.forgot-password-email.input-required {
	color: #fafafa;
}
.login-form-forgot-password::before {
    content: "\f0e0";
    margin-right: 6px;
    top: 0px;
    position: relative;
    font-family: 'Font Awesome 6 Free';
}
.login-form-register {
	float: right;
	color: #D60115!important;
	border: 2px solid #D60115;
	background-color: transparent!important;
	font-weight: bold;
	position: absolute;
	top: 16px;
	right: 41px;
	border-radius: 2px;
}
form#loginform {
	position: relative;
	height: 190px;
}
#loginform {
	padding: 40px;
	padding: 48px 40px 40px 40px;
}
.forgot-password-form {
	padding: 40px;
}
#loginform .login-username, #loginform .login-password {
	width: 50%;
	float: left;
	color: #fafafa;
}
#loginform label:nth-child(2) {
	float: right;
}
.login-username {
	padding-right: 10px;
}
.login-password {
	padding-left: 10px;
}
#loginform input[type="text"], input[type="password"] {
	border-radius: 3px;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
	box-shadow: none;
}
button.login-form-forgot-password:hover {
	background-color: transparent;
	opacity:0.6!important;
}
.login-username.input-required {
	color: #fafafa!important;
}

/* =====================================
			n-Front page
===================================== */

.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.section.small-12.js-section-promotions {
    margin-top: 40px;
    margin-bottom: 20px;
}
p.hide-for-small-only.descriptionDesktop {
    font-size: 12px;
}
.promoted-products-list>li::before {
    background-color: var(--darkblue);
    color: var(--pink);
    font-weight:500;
}

/* Products */
.promotion-item.only-product, .promotion-item.only-product:hover {
    transition: .2s ease-in-out;
}
.promotion-item.only-product:hover {
    margin-top:-2px;
}

/* Banners */

.section.small-12.js-section-topbanner > div > div.outer-wrapper.hide-for-small-only > ul > li:nth-child(3){
    border: 1px solid #002a46;
    border-radius: 10px;
}
.section.small-12.js-section-topbanner {
    margin-top: 20px;
}
.js-section-topbanner ul.images.images-4 {
    display: flex;
    gap: 20px;
}

/* Admin box */

.promotion-item.administrator-info {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* =====================================
			n-Filter Page
===================================== */

/* Filter Menu */
.es-filters-wrapper {
    box-shadow: none;
    background-color: transparent;
    padding: 1px 17px 12px;
    margin-bottom: 10px;
    border: none;
}

.row.medium-uncollapse.es-product-list .columns.small-12.medium-3 {
    padding-left: 0px !important;
}



/* =====================================
			n-Product Page
===================================== */
a.small-product-list-image {
    z-index: 1;
    position: relative;
}
.small-product-list-item {
    padding: 16px;
    border-bottom: 1px solid #f5f5f5;
    background-color: #ffffff;
}
.small-product-list-image img {border:0px;}
.product-card .product-card-price .price .price-text {
    font-size: 2rem;
    font-weight: bold;
    color: #1c1c1c;
}
.product-card__tablinks {
    margin-top: 10px;
}
.admin-tablink {
    border-left: 1px solid var(--black);
    padding: 0px;
}
.product-card-information-container > div > div.product-card__tablinks > a:nth-child(2), .product-card-information-container > div > div.product-card__tablinks > a:nth-child(3) {padding-left:7px; margin-right:5px;}

/* Accordion */

.accordion-title {
  font-size: 16px;
  font-weight: 700;
}
.product-card-tabs .accordion-title {
  padding: 17px 22px;
  background-color: #fff;
  font-weight: bold;
}
.product-card-tabs .accordion li {
  border: none;
  margin-bottom: 5px;
  background-color: #fff;
}
.product-card-tabs .accordion-title:after {
  content: inherit;
}
i.fas.fa-plus.tab-expand {
  content: inherit;
  position: inherit;
  right: inherit;
  top: inherit;
}
i.fas.fa-minus.tab-fold {
  content: inherit;
  position: inherit;
  right: inherit;
  top: inherit;
}
.tab-expand, .tab-fold {
  color: #231F20;
}
.product-card-tabs .accordion-title:hover {
  background-color: #fff;
}
table tbody tr:nth-child(odd) {
  box-shadow: inset 0px -1px #D9D9D9;
  background-color: #fff;
}
table tbody tr:nth-child(even) {
  box-shadow: inset 0px -1px #D9D9D9;
  background-color: #fff;
}
.product-card-tabs .accordion-content {
  background-color: transparent;
  padding: 0px 22px!important;
  margin: 0px;
}
.product-card-tabs .accordion {
  background-color: transparent;
}
th.product-card-specification-label {
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 28px;
  text-align: left;
}
:last-child:not(.is-active)>.accordion-title {
  border-bottom: 0px;
  border-radius: 0 0 0 0;
}
:last-child>.accordion-content:last-child {
  border-bottom: none;
}
.product-card-tab-information {
  padding-bottom: 20px;
}
.ccs-ds-extendedSpec-header {
    background: none!important;
}
/* =====================================
			n-Landing Page 
===================================== */


.flex-container {
  display: flex;
  gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
}

.flex-container img {
  width:100px;
    margin-bottom:10px;
}
.flex-container p {margin-bottom:0px;}

.flex-box {
  flex: 1 1 24%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  padding: 10px;
  text-align: center;
  background: #fff;
  border-radius: 2px;
}

.flex-box img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .flex-box {
    flex: 1 1 100%;
  }
}



/* =====================================
			n-Order & n-Basket Page 
===================================== */

/* Vilkår og betingelser - faktura adresse */
.checkout-section.checkout-terms-of-service.form-container.grid, .checkout-section.checkout-invoice-address.invoice-address-form.address-form{
    display: none;
}
/* Faktura og leveringsadresse i Quote fjernes */
.quote-edit .form-section.delivery-address-form, .quote-edit .form-section.invoice-address-form, .quote-edit #invoice-address-copy-button {
    display: none;
}

.basket {padding:0px;}
.basket-buttons.row.float-right {
    width: fit-content;
    margin-right: 3px;
}
.basket .basket-price input, .basket .basket-cost-price input {
    width: 92px;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
}

.basket .basket-qty-container {
    background-color: #fff;
}

.promoted-products {
    padding: 3px;
    margin: 10px auto 0 auto;
}

.js-section-margin_top {margin-top:20px;}

/* =====================================
			n-Footer
===================================== */

#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(3) {
    width: 100%;
    margin-top: 60px;
}
.footer .footer-wrapper .content-footer-wrapper li h3 {
    color: var(--pink);
    font-size: 25px;
    font-weight: 400;
}

.footer .footer-wrapper .content-footer-wrapper li a {
    font-size:18px;
    line-height:44px;
}

.footer {
    padding-top: 20px;
    padding-bottom: 50px;
}
footer.footer.small-12 {
    background-image: url("https://nhldata.net1.nettailer.dk/fileupload/Grafik_Blue-09_RGB-1024x10242.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
}

#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(2) > h3 {
    color: #fff;
}
.footer-bottom {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
/* =====================================
			n-Media Queries
===================================== */

/* Smartphones in portrait mode (up to 575px wide) */
@media only screen and (max-width: 575px) {
    
    
    /* mobile-footer*/
    #footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(2) > span > div {
        text-align: center !important;
    }
    
}

/* Smartphones in landscape mode (576px to 767px wide) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

}

/* Tablets in portrait mode (768px to 991px wide) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

}

/* Tablets in landscape mode, small laptops, or large phones (992px to 1199px wide) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer .footer-wrapper .content-footer-wrapper {
        margin-left: 0px;
    }
    .footer .footer-wrapper .content-footer-wrapper li {
        margin-left: 0px;
    }
}

/* Laptops and desktops (1200px to 1599px wide) */
@media only screen and (min-width: 1200px) {
    .basket-totals.clearfix.row {
        width: 98%;
        margin: 0 auto;
    }
    .menu-bar-items {
        padding:0px;
    }
    .header-wrapper .row.header .logo-container {
        padding:0px;
    }
    .row.header .minibasket {
        padding: 8px 0px 8px 8px;
    }

    .footer .footer-wrapper .content-footer-wrapper {
        margin-left: 0px;
    }
    .footer .footer-wrapper .content-footer-wrapper li {
        margin-left: 0px;
    }
    
    /* footer */
    .footer .large-2 {
        width: 30%;
    }
    .footer .footer-wrapper .content-footer-wrapper li {
        text-align: left;
        display: inline-table;
        margin-left: 0px;
    }
}
.header-wrapper.fixed .row.header .logo-container .logoFixed {
    height: auto;
}
/* Large desktops and high-resolution devices (1600px and up) */
@media only screen and (min-width: 1600px) {

}