@charset "utf-8";

/* client fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Merriweather:wght@300;400&family=Roboto:wght@300;400;500&display=swap');


:root {
   /* colors */
   --main-header-text-color: #000000;
   --main-header-font-color: rgba(75, 71, 70, 0.8);;
   --main-header-font-color-hover: rgba(75, 71, 70, 1);;
   --main-header-bg-color:#ffffff;
   --main-header-menu-bg-color:#254a5d;
   --main-header-menu-font-color:#ffffff;
   --main-header-menu-font-color-hover:#ffffff;

   --main-header-submenu-bg-color:#ffffff;
   --main-header-submenu-font-color:#4B4746;
   --main-header-submenu-font-color-hover:#000000;

   --main-bg-color: #ffffff;
   --main-text-color: #4B4746;
   --main-link-color: #071523;
   --main-link-color-hover:#254a5d;

   --main-footer-color: #254a5d;
   --main-footer-font: #ffffff;
   --main-footer-header-font: #00A08E;
   --main-footer-font-link: #cdcac3;
   --main-footer-font-hover: #ffffff;

   --main-button-primary-color:#00a08e;
   --main-button-primary-color-hover:  #254a5d;
   --main-button-primary-font-color: #ffffff;
   --main-button-primary-font-color-hover: #ffffff;

   --main-button-secondary-color: #7FADB7;
   --main-button-secondary-color-hover: #6F9CA6;
   --main-button-secondary-font-color: #ffffff;
   --main-button-secondary-font-color-hover: #ffffff;

   --main-button-success-color: #00A08E;
   --main-button-success-color-hover: #039584;
   --main-button-success-font-color: #212529;
   --main-button-success-font-color-hover: #ffffff;

   --main-button-danger-color: #f66747;
   --main-button-danger-color-hover: #ec5d3d;
   --main-button-danger-font-color: #ffffff;
   --main-button-danger-font-color-hover: #ffffff;

   --main-button-warning-color: #efc358;
   --main-button-warning-color-hover: #e6ba50;
   --main-button-warning-font-color: #212529;
   --main-button-warning-font-color-hover: #212529;

   --main-button-info-color: #73afb9;
   --main-button-info-color-hover: #6aa3ac;
   --main-button-info-font-color: #fffff;
   --main-button-info-font-color-hover: #ffffff;

   --main-button-buy-color: #00A08E;
   --main-button-buy-color-hover: #274753;

   --tiles-default-background: #274753;
   --tiles-default-color: #ffffff;
   --tiles-default-background-hover: #203d48;
   --tiles-default-color-hover: #ffffff;

   --product-discount-color:#E17052;
   --product-discount-shadow-color:#D36746;
   --product-discount-font-color:#423005;

   --wishlist-active-color : #00a08e;
   --wishlist-font-color : #444444;

   --main-hover-color: #c88613;

}

/* expand imga on subgrouptiles to fill background */
.subgroupslist.tile-system .tile-block .card{
   position: relative;
}

.subgroupslist.tile-system .card, .subgroupslist.tile-system img{
   -webkit-transition: all 0.3s 0s ease;
   -moz-transition: all 0.3s 0s ease;
   -o-transition: all 0.3s 0s ease;
   transition: all 0.3s 0s ease;
}
.subgroupslist.tile-system .row.default img {
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
   right: 0;
   top:0;
   bottom:0;
	position: absolute;
	z-index: 0;
}
.subgroupslist.tile-system .row.default .card-body{
   z-index: 1;
}
.subgroupslist.tile-system .card:hover img {
   opacity: 0.95;
}

.headerButtons .header-button .bubble {
    background-color: var(--main-button-warning-color);
    border: solid 1px var(--main-button-warning-color);
    color: var(--main-button-warning-font-color);
}


body{
   font-family: "Roboto", sans-serif !important;
}


 .articleHead, .frontpageArticle .inlineArticleTitle h1, .inlineArticleTitle h1{
   font-family: "Merriweather", sans-serif !important;
}

#carouselMainIndicators h1, #carouselMainIndicators h2, #carouselMainIndicators h3, #carouselMainIndicators h4, #carouselMainIndicators h5
{
   font-family: "Merriweather", sans-serif !important;
   font-weight: 300 !important;
}

.product_title .title,
.price .primary h1,
.product .nonvariant h4,
.componentItems .variants h4,
.card.shopping-cart .product-name a,
.pageMainNav,
.productgrid .showDiscountTextCont div,
.productgrid .products > li .name,
.price,
.productgrid .name a,
.btn
{
   font-family: "Lato", sans-serif !important;
}


.carousel-caption {
    text-align: left;
}

.frontpageSlider.v2 a.btn{
      background-color: #00A08E;
      border-color: #00A08E;
}

.footerCont .socket{
   font-size:12px;
}

.itemShortDesc {
    color: inherit;
    margin-bottom: 5px;
    font-size: 14px;
    margin-top: 10px;
}

.tile-system .row.default .tile-block:not(.hasicon):not(.hasimage) .card-body {
    height: 100px;
}

.tile-system .card {
    color: var(--tiles-default-color);
}

.groupTitleCont .groupTitle {
    border-bottom: none;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
    font-weight: 600;
}

ol.selectorButtons li.selected a {
    background-color: #00A08E;
}


.stockstatus.stock {
    padding: 10px;
    text-align: center;
    font-size: 12px !important;
}
.stockstatus.stock i{
   color: inherit !important;
}
.stockstatus.stock.deliverystock, .stock.manyinstock.secondarystocklocation, .stock.fewinstock.secondarystocklocation {
    background-color: #E7C569;
}


.stock.manyinstock, .stock.fewinstock{
    background-color: unset;
    color: #000;
}
.stock.noneinstock{
    background-color: #f66747;
}

.stockstatus svg{
    fill: currentColor !important;;
}

.productActions .pickMessage .alert{
   border:none;
   text-align: center;
   padding:10px;
   border-radius: 0;
   color:inherit;
   background-color: #73afb9;
   text-transform: uppercase;
}
.productActions .pickMessage .alert:before{
   content:"! ";
}
.btn.disabled, .btn:disabled {
    opacity: .35;
}

.mainNavBar .navbar-nav > li > a{
    font-size: 12px;
   letter-spacing: 1px;
}


.mainNavBar .dropdown-menu .nav-item:not(.nav-item-sub) .nav-link {
    font-size: 13px;
    font-weight: 600;
}

.mainNavBar .dropdown-menu .nav-item.nav-item-sub .nav-link {
    font-size: 13px;
    text-transform: none;
    font-weight: 300;
    line-height: 15px;
}

.tile-system h6.card-title {
   font-size: 1.4rem;
   letter-spacing: 1px;
   text-align: center;
   text-transform: uppercase;
   font-weight: 900;
   font-family: Lato !important;
}

.tile-system .card-body {
   text-align: center;
   justify-content: center;
}

/* add some padding in images due to client having images edge to edge */
.productgrid .image {
    padding: 15px;
}

.productgrid .name a {
	color: #4B4746;
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   text-decoration: none;
   transition: all 200ms ease;
}
.productgrid .name a:active, .productgrid .name a:visited, .productgrid .name a:focus {
	color: #4B4746;
	text-decoration: none;
}

.productgrid .desc {
    color: #686868;
    font-weight: 300;
}
.productgrid .desc strong{
   font-weight: 400;
}
.productgrid li:hover .name a{
   color: #000;
}

#productCarousel{
   padding:20px;
}

/* logo */

.logo-img{
   max-height: 60px;
   margin-right: 10px;
   text-align: center;
}

@media screen and (max-width: 576px) {
   .logo-img{
      margin-top: 0px;
   }
}

/* colors */
#PageWrapper, body{
   background-color: var(--main-bg-color);
}
a{
   color:#333333;
}


.btn:not(.cart-button) {

	font-weight: 700;
	letter-spacing: 1px;
}

.itemBuyButton{
   margin: 0 -6px -6px -6px;
   width: calc(100% + 12px);
   border-radius: 0 0 4px 4px !important;
}

.footerCont a, .footerCont a:visited, .footerCont a:focus, .footerArticleGroups h5{
   text-transform: uppercase;

   /*border-bottom:1px dotted var(--main-footer-font-link);*/
}

.footerArticleGroups h5{
   padding-bottom: 6px;
   margin-bottom: 6px;
   border-bottom:1px solid #CDC8C4;
   text-align: left;
}

/*.footerCont a:hover, .footerCont a:visited:hover, .footerCont a:focus:hover{
    border-bottom:1px dotted var(--main-footer-font-link-hover);
}*/


.footer > hr{
   background-color: transparent !important;
   display: none;
}

.footerArticleGroups ul > li {
   padding-top:3px;
   padding-bottom: 3px;
}

.button_picker, a.btn-product[aria-expanded="true"] {
    color: #686868;
    border-color: #f0f0f0;
}


.pageTopbar {
	background-color: #CDC8C4;
	color: rgba(17, 17, 17, 0.78);
}

.pageTopbar ul li a, .pageTopbar ul li a:visited, .pageTopbar ul li a:active{
   color: inherit;
   font-weight: 300;
   text-transform: uppercase;
   font-size: 12px;

}
.pageTopbar ul li a:hover{
   color: rgba(81, 81, 81, 1);

}
.pageTopbar a:visited{
   color:rgba(2,55,255,255, 0.6) !important;
}

ul.loginStrip li{border-color:#999 !important;}



.newelement-navbar-input {
   padding: 9px 16px !important;
	color: #000;
	background-color: #e2e2e2;
   /* border-radius: 40px 0 0 40px; */
}

.newelement-navbar-button {

   height: 42.5px;
   /* border-radius: 0 40px 40px 0; */
}
.newelement-navbar-button:hover {
   background-color:var(--main-button-primary-color-hover);
   border: 1px solid var(--main-button-primary-color-hover);
}
.newelement-navbar-input:focus{
   background-color: #f2f2f2;
}

/*.newelement-navbar-input:focus + button{
   background-color:var(--main-button-primary-color-hover);
   border-color:  var(--main-button-primary-color-hover);
}*/

.newelement-navbar-button svg {
	fill: #fff;
	margin-right: 0px;
	margin-bottom: 2px;
}
.btn-outline-dark:hover {
    background-color: #272727;
    border-color: #272727;
}

@media screen and (min-width: 992px) {
   .navbar .dropdown-menu {
      top: auto;
   }
}

/* slider */
.frontpageSlider .carousel-inner .carousel-item {
    min-height: auto;
}
.frontpageSlider .overlay {
   background:#000;
   opacity: 0.61;
}

/* override btn colors */
.btn:not(.cart-button):not(.btn-outline-light):not(.btn-outline-dark) {
    border: 0 none;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none !important;
}
.btn:not(.cart-button):not(.btn-sm){
   padding: 10px 24px;
}

.btn.btn-sm{
   padding-top:9px;
}

.btn.focus, .btn:focus {
	box-shadow: none;
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .1rem rgba(52,58,64,.4);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.1rem rgba(0, 104, 122, 0.5);
}

.price .primary h1, .productgrid .price {
    color: #00A08E;
}

.productgrid .price .primary{
   font-weight: 700;
}

.productgrid .price .secondary {
	font-size: 12px;
	color: #969696;
   font-weight: 400;
}

.pageMainNav {
    text-transform: uppercase;
}

.mainNavBar .nav-item.dropdown.show > .nav-link {
    border-bottom: 2px solid #fff;
}

.pageCrumbs {
    background-color: #ececec;
}
.pageCrumbs ol.breadcrumb{
   padding:8px 10px;
}
.pageCrumbs ol.breadcrumb a:hover {
	color: #2b2b2b;
}

.productgrid .menu.btn-group {
    background-color: #ccc;
}

.productgrid ul.products > li > div {
    background-color: #fff;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
}

.productgrid .showDiscountTextCont div {
   background-color: var(--main-button-warning-color);
   color: #000;
}
.productgrid .showDiscountTextCont::before {
    border-right: 7px solid #b38721;
}

.productgrid .showDiscountTextCont {
    background: #333333;
}
.productgrid .grid5 .showDiscountTextCont div{
   border-radius: 0 15px 15px 0;
   font-size: 12px;

}
.productgrid .showDiscountTextCont{

   border-radius: 0 15px 15px 0;
   z-index: 100;
   line-height: 25px;
   overflow: hidden;
}
.productgrid .showDiscountTextCont{
   background: transparent;
}
.productgrid .showDiscountTextCont div strong {
	font-weight: 500;
   font-size: 12px;
}
.productgrid ul.products > li > div:hover {
    box-shadow: none;
}
.productgrid ul.products > li > div div.image a{
   transition: all 200ms ease-in-out;
}
.productgrid ul.products > li > div:hover div.image a {
   transform: scale(1.04);
   z-index: 1;
}

.bg-dark {
    background-color:  #363739 !important;
}

.stock.alert{
   text-align: center;
}

.bg-info {
    /*background-color: #679099 !important;*/
    background-color: #66828A !important;
}

h1, .h1 {
   font-size: 2.28832rem;
   line-height: 1.2;
}

.artHeadColorText {
   background-color: #66828A;
}


.artHeadColorBg {
   color: white;
}

.tab-content {
   font-size: .9rem;
}

.designPlus.itemType .price h1>span {
   color: var(--main-footer-header-font);
}

.productgrid ul.products li:not(:hover) .wishlist > a {
   background: rgba(0, 0, 0, 0.05);
}
.productgrid .wishlist > a {
   background: rgba(0, 0, 0, 0.05);
}

.productgrid ul.products li .wishlist > a,
.productgrid ul.products li .wishlist > a span {
   opacity: 1;
}

.stock.manyinstock, .stock.fewinstock {
   background-color: #73afb9;
}
.stock.manyinstock svg, .stock.fewinstock svg {
   color:#000;
   fill: #000;
}

.products .itemWrapperQPicker {
   border: 1px solid transparent;
}

/*remove text-background for sub-grouptiles in front*/
.tile-system .row.overlay .card-backdrop{
   background: rgba(0, 0, 0, 0.00);
   
}

/*remove border on article in menu-bar (gavekort) */
.mainNavBar.navbar-dark .navbar-nav > .nav-item:not(.dropdown) a {
   border: none;
}


/* icons */
.button_cont a svg.icon {
   fill:white;
   margin-right: 0.5rem;
}

/* qmodal */
div.qModal .productActions .buy a.clickCollect {
   color:white;
   fill:white;
   background-color: var(--main-button-primary-color);
   border-color: var(--main-button-primary-color);
}
div.qModal .productActions .buy a.clickCollect:hover {
   background-color: var(--main-button-primary-color-hover);
   border-color: var(--main-button-primary-color-hover);
}

/* itemPage */
.itemType a.button.clickCollect {
   color:white;
   fill:white;
   background-color: var(--main-button-primary-color);
   border-color: var(--main-button-primary-color);
}
.itemType a.button.clickCollect:hover,
.itemType a.button.clickCollect:focus {
   background-color: var(--main-button-primary-color-hover);
   border-color: var(--main-button-primary-color-hover);
}

.headerButtons .header-button {
   margin-left: 6px;
   fill: gray;
}

.headerButtons .header-button:hover {
   fill: black;
}

.headerButtons .header-button svg {
   height: 20px;
   fill: black;
}

/* buttons colors */
.btn-primary {
   color: var(--main-button-primary-font-color);
   background-color: var(--main-button-primary-color);
   border-color: var(--main-button-primary-color);
}

/* whishlist */
.flags .wishlist > a svg, .productgrid .wishlist > a svg {
   fill: var(--wishlist-active-color);
}

/* all buttons are to uppercase */
.btn:not(.cart-button),
.qModal a.buyButton span, 
.qModal a.clickCollect span,
.itemType a.buyButton span,
.itemType a.inforequestButton span,
.itemType a.clickCollect span {
   text-transform: uppercase;
}

.stockstatus.stock:not(.badge) {
	justify-content: center;
	line-height: 0;
	color: white;
}


/*Fix the discount badge*/
.productgrid .showDiscountTextCont, .productgrid .showEconomy {
   right: -1px;
}


.productgrid .showDiscountTextCont {
   border-radius: 15px 0px 0px 15px;
}

/*"klikk her" button in banner*/
a.btn-link-url.btn.btn-outline-light.btn-sm.btn-min-block {
   background-color: #00a08e;
   border-radius: 25px !important;
   border-color: #00a08e;

}