/* 300 400 700*/
body, html {
  height: 100%;
}
body{font-weight:300; padding-top:106px;}
body.pageId1{padding-top:0px;}


.bg {

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.site-header{position:fixed; left:0px; right:0px; top:0px; padding:0px; z-index:100;}
.logo{width:330px; margin:20px auto 0 auto;}

.search-module{position: absolute; left: 10px; top:20px; width:300px;}
.search-module input{ border:0px; border-bottom: 1px solid #f3f3f3; margin-left:20px; font-size:13px !important; }
.search-module button{padding:0px; border:0px; background:transparent !important; position: absolute; left:0px; top:5px;}
.search-module button img{width:15px;}

/*.w-search-button-template001#searchButton{display:none;}*/

/*Live Search */
#liveSearchResultsContainer{}
#liveSearchResultsContainer .col-s-4.col-m-12.col-l-12.col-xl-24{text-align:center; padding-top:3em;}
#liveSearchResultsContainer .col-s-4.col-m-12.col-l-12.col-xl-24 .h3{font-size:18px;}
#liveSearchResultsContainer .col-s-4.col-m-12.col-l-12.col-xl-24 .h4{font-size:34px; margin-top:0.8em;}
#liveSearchResultsContainer .col-s-4.col-m-12.col-l-12.col-xl-24 ul{list-style: none;padding:0px; margin-bottom:3em;}
#liveSearchResultsContainer .col-s-4.col-m-12.col-l-12.col-xl-24 li{display:inline-block; }
#liveSearchResultsContainer .searchbrands a{margin-right:10px;}
#liveSearchResultsContainer .searchbrands a,
#liveSearchResultsContainer .searchproducts a{ display:block; background:#101010; color:#fff !important; font-weight:bold; border:2px solid #101010; padding:10px 15px; font-size:18px;transition: all 0.5s ease;}
#liveSearchResultsContainer .searchbrands a:hover,
#liveSearchResultsContainer .searchproducts a:hover{  background:#fff; color:#101010 !important;}


.basket{position: absolute; right: 10px; top:30px; width:200px;}
.quick-cart-link{ padding-right: 25px; }
.quick-cart-icon{position: absolute;right: 0px;top:0px; width:20px;}
.quick-cart-link .m-quick-cart_count{background:#000; color:#fff; font-weight: 700; width:20px; line-height: 20px; height:20px; position: absolute;right:-10px; top:-10px; border-radius: 40px; text-align: center; font-size: 11px; }

.site-navigation { position:relative;background: #fff; border:0px; padding:0px;}
.site-navigation ul.first{margin-bottom:0px;}
.site-navigation ul.first > li {line-height:40px;}

.site-navigation ul.first > li > a{line-height:40px;}

.site-navigation ul.first > li .megamenu{position:absolute;left:0px;top:40px; padding:0px;    background: #fff;  width: 100%;  opacity:0; transition: all 0.5s ease; height:0px; overflow: hidden;}
.site-navigation ul.first > li:hover .megamenu {display:block;padding:2em; opacity:1; height:auto;}

.megamenu ul.second {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
}
.megamenu ul.second > li {line-height:26px;}
.megamenu ul.second li{text-align:left;}
.megamenu ul.second li i{font-size:12px; color:#666;}
.megamenu ul.second li a:hover{text-decoration: underline;}
.footer-logo img{max-width:200px; margin-top:3em;}
.site-footer li{font-weight:300; line-height:26px;}
.site-footer li i{color:#ccc; font-size:11px;}


/* CATEGORY */
.m-category-description,
.m-category-navigation{background:#fff; padding:1em;}
.category-description p, .category-description{line-height:24px;}

.m-category-navigation ul li{line-height: 30px; border-top: 1px solid #f3f3f3; margin-left: 1em;}
.m-category-navigation ul li i{font-size:11px;color:#ccc; }
.m-category-navigation ul li.active{font-weight: 700; }
.m-category-navigation .backNavigation i{font-size:11px; }
.m-category-navigation .backNavigation a{font-weight: bold; font-size: 11px; text-transform: uppercase; }
.m-category-navigation .h3{margin:20px 0;}


.m-productlist-list-item{margin-bottom: 1.5em;}
.type-col{background:#fff;}
.m-productlist-title{font-weight: 700;}

.m-productlist-transactions,
.product-transaction.product-action{width: 10%; display: table-cell;}
.m-productlist-button{display:block; width:100%;  background:#fff; border:1px solid #f3f3f3;border-bottom: 3px solid #000; font-weight:700; font-size:12px; line-height:35px; height:35px; transition: all 0.5s ease; padding: 0px;}
.m-productlist-button:hover{background:#000; color:#fff;}
.productItem .type-col .product-action, .productItem .type-col .product-transaction, .productItem .title { padding: 0 0.5em !important;}

.productItem .type-col .product-transaction { border-top: 0px; padding-bottom: 5px;}

.m-productlist-splash .m-productlist-sale, .m-product-splash-sale{background:#d1b85e !important; color:#fff !important; font-weight: 700; border:0px; border-radius:2px; font-size:11px; text-transform: uppercase;}
.m-productlist-splash .m-productlist-new, .m-product-splash-new{background:#eaeaea !important; color:#101010 !important; font-weight: 700; border:0px; border-radius:2px; font-size:11px; text-transform: uppercase;}


/* PRODUCT */
.m-product-title.product-title{font-size:28px;}
.m-product-priceline{font-size:20px; font-weight: bold;}

.m-product-price{}
.m-product-price-before-discount{ font-weight:300; text-decoration: line-through;}

.m-product-stock{border:0px; border:0px; background:transparent !important;}
.m-product-instock .panel-body{text-align: right; padding:0px; color:#288d00;}
.m-product-soldout .panel-body{text-align: right; padding:0px; color:#7b0000;}

.variantInfoPanel .panel{background:#fff; border:0px; color:#101010;}
.variantInfoPanel .price{font-family: "Lato", sans-serif; font-weight:bold; color:#101010;}
.panel-success .panel-body{text-align: right; color:#288d00;}
.panel-danger .panel-body{text-align: right; color:#7b0000;}

.m-product-brand{display:none;}
.m-product-buy-area{ background:#fff; }
.m-product-buy-area .one{float:left; width:25%; font-weight: bold; text-align: right; border-right:3px solid #000; padding-right: 10px; margin-top: 8px;}
.m-product-buy-area .two{float:left; width: 35%;padding-left: 10px;margin-top: 8px;}
.m-product-buy-area .m-product-buy-button{float:right; background:#101010; color:#fff; text-transform: uppercase; font-size:18px; text-align: center; font-weight: bold; border:0px; height: 50px; line-height: 50px; padding: 0 20px; width:40%;}
.h1.products-related-headline{font-size:20px; text-align: center;}





@media only screen and (max-width: 1280px) {
    .m-product-buy-area .one{float:left; width:25%; font-size:11px; margin-top: 12px;}
    .m-product-buy-area .two{float:left; width: 35%; font-size:11px; margin-top: 12px;}
}

@media only screen and (min-width:960px) and (max-width: 1280px) {
    div#searchButton{width:250px !important;}
}

@media only screen and (min-width:767px) and (max-width: 960px) {
    .m-product-buy-area .one{display:none;}
    .m-product-buy-area .two{float:left; width: 60%;  margin-top: 11px; font-size:12px;}
    div#searchButton{width:150px !important;}
}
@media only screen and (min-width: 767px) {
    .open-category-navigation{display:none;}
}
@media only screen and (max-width: 767px) {
  body {padding-top: 60px;}
  body.pageId93{padding-top:50px;}

body.navigationopen .site-header{position:relative; left:inherit; right:inherit; top:inherit; padding:0px; z-index:100;}
body.navigationopen{ padding-top:0px;}

.bg {height: 33%;    width: 100%;}

  .logo{ float: none; margin: 20px auto; max-width:160px; }
  body.navigationopen .logo{ margin: 20px auto; }
  .site-navigation a{font-size:13px;} 

  /* SEARCH */
  .search-module {
      position: absolute;
      top: 45px;
      left: 0px;
      width: 100%;
      z-index: 100;
      background: #fff;
      padding: 10px;
      display:none;
  }
  .search-module label{width:100%;}
.search-module input{ margin-left:0px; font-size:13px !important; }
.search-module button{display:none;}



    /* Frontpage slider */
    .shortcut-text.garn{    bottom: 150px; right: 20%; left: 20%;}
    .shortcut-text.garn .shortcut-heading.h1{font-size:40px;}
    .shortcut-text.opskrifter .h1{font-size:20px;}
    .frontpage .h2{font-size:16px;}
    .shortcut-text .shortcut-button a{font-size:10px;}
    .frontpage img {margin-bottom: 0.8em;}

  /* Category shortcut */
  .category-item-title a {font-size: 12px;padding: 0 8px;}

    /* category product */
    .m-productlist-list > .row{ margin-left: -5px; margin-right: -5px;}
    .m-productlist-list-item.col-s-2{ padding-left: 5px;padding-right: 5px;}
    .productItem { margin-bottom: 1em;}
    .m-productlist-transactions{margin-top:10px; margin-bottom:10px;}
    .m-productlist-price{font-size:12px; }
    .m-productlist-discount{margin-bottom:0px;}
    .m-productlist-price-before-discount{ font-size:12px;}
    .m-productlist-price{font-size:12px;}
    .m-productlist-transactions, .product-transaction.product-action {
        width: 100%;
        display: block;
    }
  .m-quick-cart{display:none;}
  .mNavigation{ position: absolute; left:10px; top:18px; }
  .mSearch{ position: absolute; left:60px; top:20px; }
  .mBasket{ position: absolute; right:10px; top:20px;}
  .mNavigation img{ width:20px; }
  .mSearch img{ width:18px; }
  #searchButton{display:none !important;}
  .mBasket img{width:20px;}

  .site-navigation{display:none;}
  .site-navigation ul li{ width:100%; padding:0px;}
  .site-navigation ul li a{ display:block;width:100%; padding:10px 0;}
    .niveau1 li{line-height:40px;}
  .menu-garn:hover ul{display:block;}
  .menu-opskrifter:hover ul{display:block;}
  .menu-garn ul, .menu-opskrifter ul {   position: relative;  left: unset; }
  .niveau2 li{ width:100%; display:block;}
  .megamenu .second{padding-top:0px;}
  .second li i{position: absolute; top: 12px; left: -10px; }
  .megamenu .second li a{font-size:11px;}
  .megamenu { position: relative; left: inherit;top: inherit;}
  .menu-garn .megamenu > ul > li{width:100%; display:inline-block; float:left;}
.menu-opskrifter .megamenu > ul > li{width:100%; display:inline-block; float:left;}

.megamenu ul.second {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
    .m-product-buy-area .one{display:none;}
    .m-product-buy-area .two{float:left; width: 60%;  margin-top: 11px; font-size:12px;}

    .m-category-navigation .h3, .m-category-navigation ul{display:none;}
    
}

.title.m-productlist-heading{    padding: 0 1em !important;}