/* 
Soders - Design
Oktober 2016
Ida Wikman
Textalk AB
Textalk Webshop
Konsult
© Copyright 2016 Textalk AB
*/

.tws-list--grid-item {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.using-mouse.not-ie .tws-article-list--list .tws-list--list .thumbnail:hover, 
.using-mouse.not-ie .tws-article-search-page--list .tws-list--list .thumbnail:hover {
  border: none;
}

.tws-article-list--list .tws-list--type-grid .tws-article-list--product-image, 
.tws-article-search-page--list .tws-list--type-grid .tws-article-list--product-image, 
.tws-article-list--list .tws-list--type-carousel .tws-article-list--product-image, 
.tws-article-search-page--list .tws-list--type-carousel .tws-article-list--product-image {
  border-radius: 2px;
  border: none;
}

 .tws-mini-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-cart-img::before {
 font-family: "bootstrap-icons";
  content: "\F5EA";
  display: inline-block;
  transform: scaleX(-1); 
  color: #000;   
  -webkit-text-fill-color: #000; 
}


/* -----Preview-bar----- */
.tws-theme-preview {
  position: fixed;
  z-index: 1000;
  width: 100%;
  bottom: 0px;
  display: 
}
/*-----Toprad-----*/
.fabrikk--top-bar {
  background: repeating-linear-gradient(45deg, #CD3328, #b62d24 1px, #CD3328 2px, #CD3328 5px);
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.slot--top-bar-html {
  color: #ffffff;
  margin: 0px;
  font-size: 13px;
  font-weight: 700;
  max-width: 1400px;
  margin: 0 auto;
width: calc(100% - 220px);
}
/*----Header----*/
.fabrikk--header {
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.fabrikk--header-wrapper {
  background: #ffffff;
  padding-top: 0px;
  padding-bottom: 0px;
}
.tws-theme-foundation-content--loading .fabrikk--header:after, .tws-theme-foundation-content--finished .fabrikk--header:after {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}
.fabrikk--header:after, .fabrikk--header:before {
  display: none !important;
  background: #ffffff !important;
}
/*---Logo-----*/
@media (min-width:840px) {
  .custom-logo img {
    max-width: 160px;
    height: auto;
    margin-top: 10px;
  }
}
@media (max-width:839px) {
  .custom-logo img {
    max-width: 120px;
    height: auto;
    margin-top: 20px;
  }
  .tws-top-menu>.container-fluid>.navbar-collapse {
    padding-left: 0px;
  }
  .navbar-default .navbar-nav>li>a {
    padding-left: 5px;
  }
}
.custom-logo {
   position: relative;
  display: inline-block;
  vertical-align: top;
}
.slot--logo {
    max-width: 1400px;
    margin: 0 auto;
      padding-left: 30px;
}
/*-----Sök----*/
body.fabrikk--horizontal-menu .tws-mega-menu--buttons .tws-mega-menu--search-button {
  display: none;
}
.slot--custom-search {
position: relative;
  display: inline-block;
  float: none;
  top: 15px;
  left: 40px;
}
.slot--custom-search input[type=text].form-control {
  border-radius: 0px;
  font-size: 12px;
  border: 1px solid #ebebeb;
}
.fa-search:before {
  font-size: 20px;
}
.form-control-feedback {
  top: 10px;
  color: #000000;
}
.tws-article-search input::-webkit-input-placeholder {
  color: #333333;
  opacity: 1;
}
.tws-article-search input:-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.tws-article-search input::-moz-placeholder {
  color: #333333;
  opacity: 1;
}
.tws-article-search input:-ms-input-placeholder {  
  color: #333333;
  opacity: 1;
}
/*-----Fullbredd-----*/
@media (min-width:1199px) {
.startpage .fabrikk--content-wrapper {
  width: 100%;
  padding: 0px;
}
.startpage .fabrikk--content {
  max-width: none;
}
.fabrikk--content {
  max-width: none;
}
.fabrikk--content-wrapper {
  width: 100%;
  padding: 0px;
}
.slot--component-container .tws-container--tws-custom-html, .slot--component-container .tws-container--tws-article-display, .slot--component-container .tws-container--tws-articles, .slot--component-container .tws-container--tws-articles-connected, .slot--component-container .tws-container--tws-newsletter-subscribe, .tws-container--tws-articlegroups, .tws-container--tws-content-box-3x,   .slot--component-container .tws-container--tws-articles-two, .fabrikk--article-group, .tws-breadcrumbs, .fabrikk--article, .fabrikk--checkout, .fabrikk--custom-page, .fabrikk--article-search-results {
    max-width: 1400px;
    margin: 0 auto;
  }
  .slot--checkout-shortcuts {
    max-width: 1300px;
    margin: 0 auto;
  }
}
/*-----Startsida----*/
.slot--component-container .tws-container--tws-custom-html, .slot--component-container .tws-container--tws-article-display, .slot--component-container .tws-container--tws-articles, .slot--component-container .tws-container--tws-articles-two, .slot--component-container .tws-container--tws-articles-connected, .slot--component-container .tws-container--tws-newsletter-subscribe  {
  background: transparent;
}
.tws-container--tws-image-carousel {
  margin-top: 0px;
  margin-bottom: 0px;
}
/*-----Horisontell meny----*/
.slot--horizontal-menu {
  display: none;
}
.slot--custom-horizontal-menu {
  position: relative;
  display: inline-block;
  left: 30px;
  top: 25px;
}
.tws-top-menu.navbar-default {
  border: 0px;
}
.navbar-default .navbar-nav>li>a {
  text-transform: uppercase;
  font-family: 'Ubuntu', sans-serif !important;
  font-weight: 700;
  font-size: 13.5px;
  color: #000000 !important;
  background: #ffffff !important;
  padding-right: 20px;
  letter-spacing: 0px;
  border-right: 1px solid #333333;
  padding-bottom: 0px;
  padding-top: 0px;
}
.navbar-default .navbar-nav>li>a:hover {
  color: #CD3328 !important;
}
.tws-top-menu>.container-fluid>.navbar-collapse {
  background: #ffffff;
}
.tws-top-menu>.container-fluid {
  background: #ffffff;
}
.tws-top-menu .navbar-nav .caret::after {
  color: #000000;
  padding-left: 5px;
  font-size: 20px;
}
/*-----Introduktions text---*/
.introduktion-text {
  max-width: none !important; 
  font-size: 20px !important;
  background: #000000 !important;
  text-align: center !important;
  color: #ffffff !important;
  padding-top: 15px !important;
  padding-bottom: 5px !important;
}
/*----Varukorg----*/
.slot--custom-cart {
  position: relative;
  display: inline-block;
  float: right;
  bottom: 5px;
}
.tws-micro-cart--label {
  display: none;
}
.tws-micro-cart--counter {
  border: 0px;
  color: #333333;
  padding-top: 4px;
  top: 23px;
  margin-right: 5px;
  width: 25px;
  font-size: 20px;
  font-weight: 200;
}
.tws-micro-cart--counter::before {
  content: '\f0d1';
  margin-right: 5px;
  position: relative;
  font-family: FontAwesome;
  font-size: inherit;
  font-size: 25px;
}
.fabrikk--header-right {
  display: none;
}
/*-----Lookbook---*/
.lookbook {
  padding: 0px !important;
  padding-top: 20px !important;
}
.rubrik-lookbook {
  background: #333333 !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  padding: 8px !important;
  color: #ffffff !important;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
}
.rubrik-lookbook p {
  margin: 0px !important;
}
/*----Framhävda artikelgrupper----*/
.tws-articlegroups .caption {
  border: 3px solid #ffffff;
  background: #2b2b2b;
}
.slot--component-container .tws-container--tws-articlegroups {
  padding-top: 15px !important;
  padding-left: 0px;
  padding-right: 0px;
}
.tws-articlegroups .caption a {
  font-size: 15px;
  text-transform: uppercase;
}
/*----Modellväljare----*/
tc-articlegroup-browser .template-skyblue .title {
  font-size: 14px !important;
  font-family: 'Ubuntu', sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 700;
  margin-top: 5px;
  padding-right: 30px;
}
tc-articlegroup-browser .template-skyblue {
  border-bottom: 0px !important;
  background: #333333 !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
}
.tws-container--tc-articlegroup-browser {
  margin-bottom: 0px;
  background: #333333 !important;
}
tc-articlegroup-browser .template-skyblue select {
  background-color: transparent !important;
  color: #ffffff;
  border: 1px solid #ffffff;
}

/*-----Artiklar----*/
@media (min-width:1450px) {
  .slot--component-container .tws-container--tws-articles-two {
    padding: 0px;
  }
}
.tws-articles-two--col-4, .tws-articles-two--col-6 {
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.tws-articles-two--name {
  color: #333333;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.tws-articles-two .tws-img {
  border-color: #ffffff;
}
.tws-articles-two--description {
  color: #333333;
  font-size: 12px;
}
.tws-container--tws-articles-two h2 {
  padding: 5px;
  color: #ffffff;
}
.tws-articles-two--heading {
  font-family: 'Ubuntu', sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 700;
}
.using-mouse .tws-articles-two--article:hover {
  border: 1px solid #ffffff;
}
/*----Skyltfönster---*/
@media (min-width:992px) {
  .slot--component-container .tws-container--tws-content-box-3x {
    padding: 0px;
    padding-top: 20px;
  }
}
/*3 skylt*/
.tws-container--tws-content-box-3x .tws-content-box--second-line {
  margin: 0px;
  font-size: 27px;
  text-transform: uppercase;
  line-height: 1px;
  font-weight: 600;
}
.tws-container--tws-content-box-3x .tws-content-box--first-line, .tws-container--tws-content-box-3x .tws-content-box--third-line {
  margin: 0px;
  line-height: 50px;
  font-size: 20px;
  font-weight: 100;
  text-transform: uppercase;
  display: block;
}
.tws-container--tws-content-box-3x .tws-content-box--third-line {
  font-size: 13px;
  color: #ffffff !important;
  text-transform: uppercase;
  background: transparent;
  display: inline-block;
  border: 1px solid #ffffff;
  line-height: 15px;
  padding: 10px;
  margin-top: 30px;
  font-weight: 100;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.tws-container--tws-content-box-3x .tws-content-box--third-line:hover {
  color: #ffffff !important;
  background: #CD3328;
  cursor:pointer;
}
/*----Lookbook---*/
.tc-masonry--container .tws-content-box--table>div>h1, .tc-masonry--container .tws-content-box--table>div>h2 {
  font-size: 40px;
  line-height: 40px;
}
/*-----Knappar----*/
.btn-primary {
  background: #333333 !important;
  color: #ffffff !important;
  border: 1px solid #333333 !important;
  border-bottom: 2px solid #333333 !important;
  border-radius: 0px !important;
  font-size: 13px;
  font-weight: 400;
}
/*-----Bredacrumbs-----*/
.slot--breadcrumbs {
  background: #333333;
}
.tws-breadcrumbs a {
  color: #ffffff;
  font-size: 12px;
}
/*----Artikeltabell---*/
.tws-list .tws-list--type-grid>.row>div {
  box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
}
.tws-list--type-grid .tws-article-list--product-image {
  border: 1px solid transparent;
}
.using-mouse .tws-article-list .tws-list--type-grid>.row .thumbnail:hover, .using-mouse .tws-article-search-page--list .tws-list--type-grid>.row .thumbnail:hover {
  border: 1px solid transparent;
}
.tws-article-list--article-name a {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.fabrikk--article-group h2 {
  text-transform: uppercase;
}
.fabrikk--article-group .tws-articlegroup-list--info>div {
  margin-top: 0px;
}
.tws-articlegroup-list .caption a {
  color: #ffffff;
}
.tws-articlegroup-list .tws-list--type-grid>.row>div .caption {
  background: #333333;
  padding: 0px;
}
.tws-articlegroup-list .tws-artgrp-info h2 {
  padding-bottom: 30px;
  padding-top: 20px;
}
/*----Artikelsida---*/
.slot--article-description .tws-article-description--heading {
  display: none;
}
.tws-article-description--article-number {
  text-align: left;
  font-size: 12px;
}
.tws-article-name h1 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 3px solid #333333;
  margin-bottom: 15px;
}
.tws-article-price .tws-api-price .tws-api--price-current {
  font-weight: 200;
  font-size: 18px;
}
.slot--article-description .tws-article-description--text {
  font-size: 14px;
}
.slot--unique-selling-points .tws-unique-selling-points .tws-unique-selling-points--text {
  font-size: 12px;
}
.fabrikk--article .btn-primary {
  width: 250px;
}
.tws-article-images--slick-big .slick-slide .tws-img--container {
  border-radius: 0px;
  border: 2px solid #333333;
}
.tws-article-quantity .input-group input {
  box-shadow: none;
  border-radius: 0px !important;
  border: 1px solid #333333;
  height: 46px;
}
.tws-container--tws-article-visited h3, .tws-container--tws-article-related h3, .tws-container--tws-article-manually-related h3 {
  background: #333333;
  color: #ffffff;
  padding: 10px;
  font-size: 15px;
  text-transform: uppercase;
}
.form-group.schema-form-select.has-feedback.has-success .control-label {
    font-weight: 700;
    text-transform: uppercase;
}
.fabrikk--article .slot--article-share {
  width: 100%;
}
/*-----Footer-----*/
.fabrikk--footer-left, .fabrikk--footer-mid-left, .fabrikk--footer-right {
  display: none !important;
}
.fabrikk--footer-mid-right {
  width: 100%;
}
.fabrikk--footer-mid-right .col-md3 {
  width: 25%;
  padding-right: 0px;
  padding-left: 25px;
}
@media (min-width:670px) and (max-width:991px) {
  .fabrikk--footer-mid-right .col-md-3 {
    float: left;
  }
}
.fabrikk--footer-mid-right .col-md-3 img{
  margin-top: 10px;
}
.fabrikk--footer {
  color: #ffffff;
  background: #2f2f2f;
  font-size: 14px;
}
.fabrikk--footer h4 {
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 0px;
}
.fabrikk--footer p {
  color: #ffffff;
  margin-top: -10px;
  font-family: 'Ubuntu', sans-serif !important;
  font-weight: 200;
}
.fabrikk--footer .row .col-md-6 {
  padding-top: 30px;
}
.fabrikk--footer .fa-instagram, .fabrikk--footer .fa-facebook-official  {
  font-size: 32px !important;
  margin-right: 8px;
}
.fabrikk--footer a {
  color: #ffffff;
  font-weight: 200;
}
@media (min-width: 1200px) {
  .fabrikk--footer .container {
    max-width: none;
    width: 1200px;
    padding: 0px;
  }
}
@media (max-width: 767px) {
.fabrikk--footer-mid-right .col-md-3 {
  width: 100%;
  padding-bottom: 30px;
  }
  .fabrikk--footer .row {
    text-align: center;
  }
}
/* -----Labels-----*/
.tws-article-labels--new .tws-article-labels--label-text {
  color: #ffffff;
  background: #5690BC;
  border-color: #5690BC;
  font-size: 12px;
}
.tws-article-labels .tws-article-labels--label .tws-article-labels--label-text {
  padding: 3px;
  border-radius: 0px;
}
.tws-article-list--labels {
  left: 0px;
}
.tws-article-labels .tws-article-labels--label {
  font-weight: normal;
}
.using-mouse .tws-article-list .tws-list--type-grid>.row .thumbnail:hover .tws-article-labels {
  margin-left: 5px;
}
.using-mouse .tws-article-list .tws-list--type-grid>.row .thumbnail:hover .tws-article-labels--label .tws-article-labels--label-text {
  padding-left: 0px;
  padding: 3px
}
tws-article-labels--new .tws-article-labels--label-text {
  font-weight: none;
}
.tws-article-list--labels .tws-article-labels--label-text, .tws-articles--labels .tws-article-labels--label-text, .tws-articles-connected--labels .tws-article-labels--label-text {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.using-mouse .tws-articles .thumbnail:hover .tws-article-labels {
  margin-left: 5px;
}
.using-mouse .tws-articles .thumbnail:hover .tws-article-labels--label .tws-article-labels--label-text {
  padding-left: 0px;
  padding: 3px;
}
.using-mouse .tws-container--tws-articles-two .thumbnail:hover .tws-article-labels {
  margin-left: 5px;
}
.using-mouse .tws-container--tws-articles-two .thumbnail:hover .tws-article-labels--label .tws-article-labels--label-text {
  padding-left: 0px;
  padding: 3px;
}
.using-mouse .tws-article-search-page--list .tws-list--type-grid>.row .thumbnail:hover .tws-article-labels--label .tws-article-labels--label-text {
  padding-left: 0px;
  padding: 3px;
}
.tws-article-search-page--list .tws-article-labels--label .tws-article-labels--label-text {
  padding: 3px;
}
.using-mouse .tws-article-search-page--list .tws-list--type-grid>.row .thumbnail:hover .tws-article-labels {
  margin-left: 5px;
}
.tws-article-labels--special-offer .tws-article-labels--label-text {
  font-size: 12px;
}
/*----Kassa----*/
.cart .fabrikk--content-container, .checkout .fabrikk--content-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.tws-checkout-back-button--text {
  font-size: 12px;
}
.tws-checkout-back-button button {
  border: 0px;
}
.btn.tws-checkout--pay-button {
  border-radius: 0px;
  background: #0060a9;
}
.tws-checkout--radio label.active {
  border-radius: 0px;
}
.tws-checkout-shortcuts--purchase-as {
  font-weight: 700;
  display: block;
  font-size: 15px;
}
.tws-checkout-cart.table td {
  padding: 10px !important;
}
.fabrikk--cart {
  padding-bottom: 0px;
}
.fabrikk--cart h2, .fabrikk--checkout-method h2, .tws-checkout--checkout-heading, .fabrikk--summary h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  color: #000000;
}
.tws-checkout--v2 .tws-checkout--payments-expand.tws-checkout--visibility-hidden {
  visibility: visible;
  height: auto;
  border-bottom: 0px;
}
.tws-checkout--v2 .tws-checkout--payment-methods-list .list-group-item {
  padding: 15px;
  border-bottom: 1px solid #333333;
}
.tws-checkout .tws-checkout--payment-methods-list a.tws-checkout--payment-active.active {
  border-bottom: 1px solid #333333;
  background: #FAFAFA;
  border-radius: 0px;
}
.slot--checkout-shortcuts {
  max-width: 1250px;
  margin: 0 auto;
}
.tws-checkout .tws-checkout--payment-methods-list .list-group-item .list-group-item-heading {
  font-size: 15px;
}
.fabrikk--checkout-method {
  padding-top: 5px;
}
.slot--back-button {
  display: none;
}
/*Mobil*/
@media (max-width:1100px) {
  .tws-mega-menu--search-bar .tws-article-search {
    transform: scaleY(1);
    height: 54px;
    border-top: 1px solid #ebebeb;
  }
  .slot--custom-search {
    display: none;
  }
  .tws-top-menu .navbar-header .navbar-toggle {
    top: 30px;
  }
}
@media (min-width:768px) and (max-width:1100px) {
    .fabrikk--start-page {
    padding-top: 54px;
  }
}
@media (max-width:767px) {
  .tws-top-menu>.container-fluid>.navbar-collapse {
    position: fixed;
    width: 100%;
    top: 66px;
    left: 0px;
    right: 0px;
  }
}
.fabrikk--contact-heading {
padding-top: 30px;
}