/*TEXTALK WEBSHOP - ID 13604 */
/* TRAKTORDELAR 2018 DEC - Design av Stefan, Textalk */
/* MEDIA QUERIES AT THE BOTTOM */


/* -------------------- GENERELLT -------------------- */

body .page-canvas {
    overflow: hidden;
}

body.startpage .fabrikk--content {
    margin-top: 12px;
}

.fabrikk--vertical-menu .fabrikk--content-container {
    background: white;
}

.fabrikk--content-container .tws-breadcrumbs a {
    color: #006935;
    font-weight: 500;
}

.tws-list--grid-item .no-image .tws-article-list--image-placeholder {
    background-image: url(https://shop.textalk.se/shop/13604/files/no_image.png);
    width: 100%;
    background-size: contain;
    display: block;
}

.tws-list--grid-item .no-image .tws-article-list--image-placeholder span {
    display: none;
}

.fabrikk--vertical-menu .fabrikk--content {
    padding-top: 20px ;
    padding-bottom: 20px ;
    padding-left: 25px ;
    padding-right: 25px ;
}

/* -------------------- END GENERELLT -------------------- */

/* MOMS POP UP */

.tws-modal-vat .modal-content {
    border-radius: 10px;
}

.tws-modal-vat .tws-modal-vat--buttons > .tws-modal-vat--btn {
    background: #006935;
    border: none;
    border-radius: 0;
}

.tws-modal-vat--btn:last-child {
    background: #323231 !important;
    color: white !important;
    border: none;
    border-radius: 0;   
}

.tws-modal-vat .modal-content .modal-header::before {
       content: '';
    display: block;
    width: 200px;
    height: 33px;
    background: url('https://shop.textalk.se/shop/13604/files/traktordelar-logo.png');
        background-size: auto;
    background-size: 200px 33px;
    margin: 0 auto; 
    margin-bottom: 20px;
}

/* -------------------- TOP BAR -------------------- */

.fabrikk--top-bar {
    background: #006935;
    padding-top: 10px;
    padding-bottom: 10px;
}

.top-bar {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.top-bar a {
    color: #ffffff;
}

.top-bar i{
    color: white;
    background: transparent;
    border-radius: 50%;
    margin-left: 6px;
    width: 15px;
    height: 14px;
    padding-top: 1px;
    padding-left: 2px;
}

.fa-check::before {
    content: "\f00c";
}

.fabrikk--top-bar-right a {
    font-weight: 600;
    font-size: 12px;
}

body.scrolled .slot--horizontal-menu {
  top: 0;
  position: fixed;
  border-bottom: 1px solid #e8e8e8;
  opacity: 0.92;
  width: 100%;
}

body.scrolled .fabrikk--header-wrapper
{
  display:none;
}

.slot--top-bar-login {
    border-left: 1px solid white;
}

/* STICKY TOP BAR */

body.scrolled .fabrikk--top-bar {
  top: 0;
  position: fixed;
  opacity: 0.92;
  width: 100%;
}


/* --- MOMS --- */

    .tws-audience-selector {
    margin-right: 80px;
}

.tws-audience-selector--audience-button-text {
    font-weight: 600;
    font-size: 12px;
}
.tws-audience-selector--audience-item-icon {
    display: none;
}

.tws-audience-selector--frame {
    background-color: #fafafa;
    border-radius: 6px;
    border: 1px solid #5ea72b;
}

.tws-audience-selector--selection-box-content {
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #5ea72b;
}

.tws-audience-selector--selection-box-label {
    color: black;
    text-transform:  uppercase;
    font-weight: 600;
}

/* -------------------- END TOP BAR -------------------- */

/* -------------------- TOP HEADER -------------------- */

/* BACKGROUND IMAGE */

.fabrikk--header-wrapper {
    background: url('https://shop.textalk.se/shop/13604/files/tr-bg0.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    vertical-align: middle;
    padding-top: 22px;
    padding-bottom: 22px;
}

.slot--logo {
    max-width: 540px;
    padding: 0 72px;
    margin: 0 auto;
}

.slot--logo a:focus {
    outline: 0 !important;
}

/* SEARCH FIELD */

.tws-mega-menu--buttons {
    display: none;
}

/* CART */

.slot--cart {
    display: none; 
    }

.tws-micro-cart--counter::before {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    left: 0px;
}

.tws-micro-cart--counter {
    color: white;
    top: 10;
    right: 0;
    padding-top: 1px;
  	padding-bottom: 1px;
		padding-left: 10px;
    position: absolute;
    margin-right: 180px;
    margin-top: 0px;
    border-left: 1px solid white;
}

.fabrikk--top-bar-right a:focus {
    outline: 0 !important;
}


.tws-micro-cart--counter::before a:focus{ 
    outline: 1 !important;
}

.tws-micro-cart--delimiter {
 display: none;
}
.tws-micro-cart--label {
    top: 11px; 
    position: absolute;
    margin-left: -60px !important;
}

.tws-micro-cart--counter {
    z-index: 0;
}

.tws-micro-cart a {
    padding-left: 30px;
}




/* -------------------- END TOP HEADER -------------------- */

/* -------------------- VERTICAL MENU -------------------- */

/* SEARCH */
.tws-vertical-menu .tws-vertical-menu--search {
    display: block;
    padding-top: 16px;
}

.form-control-feedback {
    top: 14px;
    color: #006935;
}
.tws-vertical-menu .tws-vertical-menu--header {
    display: none; 
}

.slot--vertical-menu a
{
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 600;
}

.tws-vertical-menu .tws-vertical-menu--inner-ul {
    background: #505050;
}

.slot--vertical-menu .fa-chevron-right::before {
    color: #f7f8fa;
}

.tws-vertical-menu--articlegroup-is-open > a {
    color: #FFC312 !important;
    border-left: 1px solid #FFC312;
}

/* -------------------- END TOP HEADER -------------------- */

/* -------------------- VERTICAL MENU -------------------- */

/* SEARCH */
.tws-vertical-menu .tws-vertical-menu--search {
    display: block;
    padding-top: 16px;
}

.form-control-feedback {
    top: 14px;
    color: #006935;
}
.tws-vertical-menu .tws-vertical-menu--header {
    display: none; 
}

.slot--vertical-menu a
{
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 600;
}

.tws-vertical-menu .tws-vertical-menu--inner-ul {
    background: #505050;
}

.slot--vertical-menu .fa-chevron-right::before {
    color: #f7f8fa;
}

.tws-vertical-menu--articlegroup-is-open > a {
    color: #FFC312 !important;
    border-left: 1px solid #FFC312;
}


/* -------------------- END MENU -------------------- */



/* BILDSPEL */

.tws-image-carousel .slick-dots li.slick-active button::before {
    background: #5ea72b;
}
.slick-dots li.slick-active button::before {
    color: #5ea72b;
}
.tws-image-carousel .slick-dots button::before {
    border: 1px solid #006935;
}

.tws-image-carousel .slick-prev::before, .tws-image-carousel .slick-next::before {
    color: #006935;
    opacity: 0.6;
}

.tws-container--tws-custom-html.billigare {
    text-align: center;
    background: #ee6363;
    outline: 1px solid #000;
    outline-offset: -5px;
    padding-top: 1px;
}

.tws-image-carousel--slick-wrapper {
    border: 0.1px solid #006935;

}

/* -------------------- ARTIKEL LIST BLOCK -------------------- */


.tws-articles-two--heading h2 {
    text-transform: uppercase;
    padding-bottom: 3px;
    text-align: center;
    font-weight: 500;
    width: 100%;
    border-bottom: 0.6px solid #C0C0C0;
}

.tws-article-list--buy-button {
    width: 100% !important;
}

.tws-article-list--buy-button .btn-primary {
  background: #006935; 
  border-radius: 0px;
  padding: 0px 22px;
    width: 100%;
    border: none;
}

.tws-article-list--buy-button .btn-primary:focus {
  box-shadow: none;
}
.tws-article-list--buy-button .btn-primary:hover {
  background: #5ea72b; 
    transition:0.5s all ease;
}

.tws-article-buy-button-with-modal--button .btn-primary .ladda-label {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}


.fabrikk--article .slot--article-stock-shipping {
    display: none;
}

.fabrikk--article .fabrikk--buy-button-group {
    margin-top: 10px;
}

.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 {
    border: none;
}

.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 {
    box-shadow: 0px 0px 21px -3px rgba(80,102,125,0.28);
    transition: all 0.3s ease-in-out 0s;
    border: none;
    padding: 0;
    margin: 0;
}

.tws-article-labels--new .tws-article-labels--label-text {
    background: #ED4C67;
    border-color:  #ED4C67;
    color: #fafafa;
}

/* --- LIST TYPE -- */


.tws-list--list-item .tws-article-list--buy-button .btn-primary {
    width: auto;
}

/* -------------------- END ARTIKEL LIST BLOCK -------------------- */

/* -------------------- ARTIKELGRUPPSIDA SIDA -------------------- */

.fabrikk--article-group .tws-articlegroup-list--info h1::after {
    content: ' ';
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    border: 0.6px solid #C0C0C0;
    margin-top: 6px;
}
.fabrikk--article-group .tws-articlegroup-list--info h1 {
    background: transparent;
    left: 18px;
    right: 0;
    position: absolute;
    line-height: 1.2;
    top: 5px;
    width: 100%;
    text-transform: uppercase;
    padding-bottom: 30px;
    text-align: left;
    font-weight: 400;
}

.tws-articlegroup-list .caption .tws-util-heading {
    text-transform: uppercase;
    border: 1px solid #006935;
    padding: 6px;
}

 .tws-list--grid-item .thumbnail {
    border: none;
}

/* -------------------- END ARTIKELGRUPPSIDA SIDA -------------------- */


/* -------------------- ARTIKEL SIDA -------------------- */


.tws-article-price .tws-api-price, .tws-horizontal-flip-list--price .tws-api-price {
    visibility: visible;
} 

.tws-api-price.tws-article-price--price {
    left: 10px;
}

/*
.tws-article-price .tws-api-price, .tws-horizontal-flip-list--price .tws-api-price::after {
    content: "kr "; 
    visibility: visible;
    width: 100%;
    position: absolute;
    left: 0;
} 
*/



/* -------------------- END ARTIKEL SIDA -------------------- */


/* -------------------- SIDFOT -------------------- */


.fabrikk--footer {
    font-size: 14px; 
}

.fabrikk--footer-mid-left {
    width: 100% !important;
    outline: 0 !important;
}

.partners img {
    display: inline-block;
    max-width: 100px;
    text-align: center;
    padding-top: 10px;
}

.fabrikk--footer a:hover {
    text-decoration: none;
    color: #7c7e7f;
}

.fabrikk--footer a {
    outline: 0 !important;
    text-decoration: none;
}

.fabrikk--footer-left {
    display: none !important;
}

.fabrikk--footer-mid-right {
    display: none !important;
}

.fabrikk--footer-right {
    display: none !important;
}

.col-md-3 .titles {
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 3px !important;
    border-bottom: 2px solid #FFC312;
    width: 43% !important;
    display: inline-block;
    margin-bottom: 10px;
}

/* ---- NEWSLETTER ------- */

.tws-newsletter-subscribe--link-modal > a {
    text-transform: uppercase;
}

.tws-newsletter-subscribe--link-modal > a:hover {

    border-color: #FFC312;
    text-decoration: none !important;
    color: #000000;
    background: #FFC312;
}

/* -------------------- END SIDFOT -------------------- */

/* -----SOCIAL MEDIA LOGOS----- */

.fa-facebook {
    height: auto;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    background: transparent;
    width: 30px;
    font-weight: 400;
    margin-left: 4px;
    color: #F8F8F8;
    border: solid 1px #F8F8F8;
    border-radius: 50%;
    line-height: 26px;
}

.fa-facebook:hover {
    background-color: white;
    border: solid 1px white;
    color: #5ea72b;
    text-decoration: none !important;
    transition: all 0.3s linear 0s;
}

.fa-facebook:focus {
    background-color: transparent;
    border: solid 1px #F8F8F8;
    color: #F8F8F8;
    text-decoration: none !important;
    transition: all 0.3s linear 0s;
    outline: 0;
}


/*-----END SOCIAL MEDIA LOGOS----- */

/*-----CONTACT PAGE ----- */

.fabrikk--contact-heading {
    background: transparent; 
    text-transform: uppercase;
    padding-bottom: 30px;
    text-align: left;
    font-weight: 400;
}


/*-----KASSAN ----- */

.tws-checkout--payment-methods-list .list-group-item .list-group-item-heading {
    text-transform: initial;    
}

.tws-checkout--v2 .tws-checkout--payment-active span.fa {
  display: none !important;
}
.tws-checkout--v2 .tws-checkout--payments-expand.tws-checkout--visibility-hidden {
  visibility: visible !important;
  height: auto !important;
}


.tws-checkout--delivery-title::before {
    content: '';
    display: block;
    width: 150px;
    height: 61px;
    background: url('https://shop.textalk.se/shop/13604/files/logos/dhl-250.png');
    background-size: 150px 61px;
    margin-bottom: 8px;
}

.tws-checkout--payment-methods-list .tws-checkout--payment-method-type-Klarna_Invoice .tws-checkout--payment-title::before {
    content: '';
    display: block;
    width: 120px;
    height: 26px;
    background: url('https://shop.textalk.se/shop/13604/files/logos/klarna_150.png');
    background-size: 120px 26px;
    margin-bottom: 8px;
}


.tws-checkout--payment-methods-list .tws-checkout--payment-method-type-Dibs .tws-checkout--payment-title::before {
    content: '';
    display: block;
    width: 120px;
    height: 62px;
    background: url('https://shop.textalk.se/shop/13604/files/logos/dibs_250.png');
    background-size: 120px 62px;
    margin-bottom: 8px;
}

/*-----END KASSAN----- */


/* -------------------------------- !!! MEDIA QUERIES START !!! -------------------------------- */
/* -------------------------------- !!! MEDIA QUERIES START !!! -------------------------------- */

@media (min-width: 768px) and (max-width: 1024px) {
    
    .tws-micro-cart {
        top: -9px !important;
    }
    
    .tws-micro-cart--counter {
        margin-right: 40px !important;    
        border-left: 1px solid white !important;
    }
    .tws-micro-cart--label {
    display: none;
}
    .slot--top-bar-login {
        border: none; 
    }
    .tws-login--login-text {
    right: 76px;
    position: absolute;
    top: 8px !important;
}
    .slot--top-bar-vat {
        display: none;
    }
}

@media (max-width: 768px) {
    
    .slot--top-bar-html {
    display: none;
    }
    
    .slot--mega-menu {
    display: none;
    }
    
    .fabrikk--header {
    box-shadow: none;
    }
    
    
    .tws-vertical-menu {

    display: block;
    top: -2px !important;
    position: fixed;
}

    .tws-vertical-menu .tws-vertical-menu--open-btn {
    display: block;
    }
    
    .fabrikk--footer {
    text-align: center;
}
    
    .titles {
    padding-top: 25px;
    }
   
    .fabrikk--top-bar-right {
    float: left;
    }
    
    
    /* CART */
    
    .tws-micro-cart {
    right: 0;
    position: absolute;
    top: 0;
    right: 10px;
}
    
    .tws-micro-cart--counter {
      margin-right: 40px; 
        border: none;
}
  
    .fabrikk--vertical-menu .slot--vertical-menu {
        background: transparent;
        top: 30px;
        position: absolute;
        z-index: 1000;
    }
    
    .tws-vertical-menu--open-btn {
        border-bottom: none;
        border: none; 
        color: white;
        background: transparent;
    }
    
    a.btn-default:hover, a.tws-articles-connected--show-more-button:hover, a.tws-articles--show-more-button:hover, a.tws-checkout--address-lookup-btn:hover, .tws-checkout .tws-checkout--payment-methods-list a.tws-checkout--payment-method.active:hover, a.tws-newsletter-subscribe--subscribe-button:hover, .slot--my-pages-logout div.tws-login a:hover, .btn-default:hover, .tws-articles-connected--show-more-button:hover, .tws-articles--show-more-button:hover, .tws-checkout--address-lookup-btn:hover, .tws-checkout .tws-checkout--payment-methods-list a.tws-checkout--payment-method.active:hover, .tws-newsletter-subscribe--subscribe-button:hover, .slot--my-pages-logout div.tws-login a:hover {
        color: white;
        background: transparent;
    }
    
    .fabrikk--vertical-menu .fabrikk--content {
        padding-left: 0;
        padding-right: 0;
    }
    
    .tws-vertical-menu .tws-vertical-menu--close {
        right: -11px;
    }
       
    }