/* ============================================================
   TABLE OF CONTENTS
   1.  COOKIES & CONSENT
   2.  TOP BAR
   3.  HEADER
   4.  LOGO
   5.  SEARCH BAR
   6.  NAVIGATION MENU
   7.  BREADCRUMBS
   8.  BODY / CONTENT LAYOUT
   9.  HOMEPAGE / STARTPAGE
   10. NEWSLETTER
   11. FEATURED ARTICLES (.tws-articles)
   12. CONNECTED ARTICLES (.tws-articles-connected)
   13. ARTICLE GROUP LIST (.tws-articlegroup-list)
   14. ARTICLE LIST / SEARCH PAGE (.tws-article-list, .tws-article-search-page)
   15. ARTICLE DETAIL PAGE
   16. ARTICLE DISPLAY (full-width)
   17. FILTER BUTTONS
   18. SEARCH AUTOCOMPLETE DROPDOWN
   19. CONTACT FORM
   20. CART & CHECKOUT
   21. MY PAGES
   22. USP BLOCKS
   23. CONTENT BOXES / SHOWCASE
   24. ARTICLE GROUP PAGE
   25. BRANDS (Varumärken)
   26. BACK TO TOP
   27. FOOTER
   28. UTILITY / MISC
   29. PREVIEW BAR
   30. YOUTUBE EMBED
   31. AUDIENCE SELECTOR
   32. TRUSTPILOT
   33. READ MORE (product group)
   ============================================================ */


body:not(.user-logged-in) .tws-article-list--show-more-button,
body:not(.user-logged-in) .tws-article-list--introduction-text,
body:not(.user-logged-in) .tws-article-buy-button-with-modal {
  display: none !important;
}

/* ============================================================
   1. COOKIES & CONSENT
   ============================================================ */

/* --- Bottom-fixed banner --- */
.slot--cookies {
    position: fixed;
    bottom: 0;
    z-index: 1000;
}

@media (min-width: 768px) {
    .tws-accept-cookies--bottom-fixed {
        max-width: 600px;
    }

    .tws-accept-cookies--bottom-fixed .tws-accept-cookie--first-line {
        font-size: 20px;
    }
}

.tws-accept-cookies--bottom-fixed .tws-accept-cookies--wrapper {
    color: #fff !important;
    background: #000 !important;
}

.tws-accept-cookies--bottom-fixed .tws-accept-cookies--wrapper #consentAcceptButton {
    background: #fff;
    font-weight: 400;
}

.tws-accept-cookies--bottom-fixed .tws-accept-cookies--wrapper #consentDenyButton {
    background: #000;
    color: #fff;
}

/* --- Modal variant --- */
.tws-accept-cookies--modal {
    display: flex;
    justify-content: end !important;
    padding-bottom: 20px;
    padding-left: 20px;
    max-width: 400px;
}

.tws-accept-cookies--modal .modal-dialog {
    max-width: 400px;
}

.tws-accept-cookies--modal .modal-backdrop {
    display: none;
}

.tws-accept-cookies--modal .tws-accept-cookies--modal .modal-content {
    background: #000;
    color: #fff;
}

.tws-accept-cookies--modal .tws-accept-cookies--modal .modal-header .close span,
.tws-accept-cookies--modal .tws-accept-cookies--modal .modal-header .modal-title {
    color: #fff;
}

.tws-accept-cookies--modal .tws-accept-cookies--modal .modal-footer #consentAcceptButton {
    background: #fff !important;
    color: #000 !important;
    border-radius: 3px !important;
}

.tws-accept-cookies--modal .tws-accept-cookies--modal .modal-footer #consentDenyButton {
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    background: #000 !important;
    color: #fff;
}

.tws-accept-cookies--modal .modal-content .modal-body a {
    color: #fff;
}

.tws-accept-cookies--modal .tws-accept-cookies--wrapper .col-sm-9 {
    width: 100%;
}

.tws-accept-cookies--modal .tws-accept-cookies--modal .modal-content {
    background: #000;
    color: #fff;
}

body.modal_active {
    overflow: auto;
}

/* --- Open settings link --- */
.slot--open-cookie-settings .tws-accept-cookies--open-btn a {
    color: #fff;
}


/* ============================================================
   2. TOP BAR
   ============================================================ */

.fabrikk--top-bar {
    background: #d32f60 !important;
    color: #ffffff;
}

.fabrikk--top-bar-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 3px 15px;
}

.fabrikk--top-bar .topusps i {
    padding: 0px 8px;
}

.fabrikk--top-bar-right {
    position: relative;
    min-height: auto;
    right: 0px;
}

.fabrikk--top-bar-right a {
    color: #ffffff !important;
    position: relative;
}

.fabrikk--top-bar-right .btn {
    color: #ffffff !important;
}

.fabrikk--top-bar-right .btn .dropdown {
    background: #ffffff;
}

.fabrikk--top-bar-right .dropdown-menu li a {
    color: #4c4c4c !important;
}

.slot--top-bar-html {
    margin: 0 !important;
}

@media (max-width: 767px) {
    .fabrikk--top-bar {
        padding: 0;
        background: #d32f60 !important;
        color: #ffffff;
    }

    .fabrikk--top-bar-wrapper {
        padding: 15px;
    }

    .fabrikk--top-bar .topusps span {
        display: block;
        font-size: 14px;
    }

    .fabrikk--top-bar-right {
        float: none;
    }

    .tws-top-menu .navbar-header .navbar-toggle {
        width: 45px;
    }
}


/* ============================================================
   3. HEADER
   ============================================================ */

.fabrikk--header {
    background: #ffffff;
}

.fabrikk--header-wrapper {
    padding: 0px;
    background: #ffffff;
}

@media (min-width: 1200px) {
    .fabrikk--header-wrapper {
        max-width: 1200px;
        margin: 0 auto !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1199px) {
    .fabrikk--header-wrapper {
        max-width: 1200px;
        margin: 0 auto !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .fabrikk--header-right {
        right: 15px;
    }
}

@media (max-width: 991px) {
    .fabrikk--header-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .fabrikk--header-right {
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .fabrikk--header-right {
        padding-right: 0px;
    }
}
body:not(.user-logged-in) .tws-login--login-text {
  font-size: 0px;
}

body:not(.user-logged-in) .tws-login--login-text::before {
  content:"Logga in och handla";
  color: #fff;
  font-size: 12px;
}

body:not(.user-logged-in) .tws-article-list--buy-button--show-quantity{
  font-size:0px;
}
.tws-article-list--list .tws-list--type-grid .tws-article-list--buy-button{
  text-align: center;
}
/* ============================================================
   4. LOGO
   ============================================================ */

.slot--logo {
    margin: 0;
    padding: 0px;
    max-width: none;
}

.ta-logo {
    padding-top: 15px;
}

.ta-logo img {
    width: 100%;
    max-width: 250px;
}

.slot--logo .trustpilot-widget {
    float: right;
    width: 500px;
    right: -56px;
    bottom: 10px;
    display: inline-block;
}

@media (max-width: 991px) {
    .slot--logo .trustpilot-widget {
        display: none;
    }
}

@media (max-width: 767px) {
    .slot--logo .tws-logo {
        max-width: 200px;
        float: none !important;
        margin-top: 12px;
    }

    .slot--logo {
        margin: 0 auto !important;
    }

    .slot--logo .trustpilot-widget {
        top: 14px;
    }

    .ta-logo {
        padding-top: 0px !important;
    }

    .ta-logo img {
        width: 150px;
    }

    .checkout .ta-logo {
        padding-top: 20px;
    }

    .checkout .slot--logo .trustpilot-widget {
        top: 20px;
    }
}


/* ============================================================
   5. SEARCH BAR
   ============================================================ */

.tws-mega-menu--search-bar {
    pointer-events: all;
}

.tws-mega-menu--search-bar > * {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.tws-mega-menu--search-bar .tws-article-search {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    border: 0px;
}

.tws-mega-menu--search-button {
    display: none;
}

.fabrikk--horizontal-menu .tws-mega-menu--buttons .tws-mega-menu--search-button {
    background: transparent !important;
}

.tws-mega-menu {
    background-color: rgba(255, 255, 255, 0.7);
    height: 45px;
    position: absolute;
    width: 100%;
}

.tws-mega-menu--search-bar input.form-control {
    height: 45px;
    background: transparent;
}

.tws-mega-menu .tws-article-search span {
    margin-left: 0px;
}

.tws-mega-menu .tws-mega-menu--search-bar .tws-article-search > input {
    padding-left: 34px;
}

.tws-mega-menu--search-bar .tws-article-search .dropdown-menu {
    margin-top: 0px;
    background: #29368D;
}

@media (min-width: 1200px) {
    .tws-mega-menu--search-bar {
        max-width: 1200px;
        margin: 0 auto !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1199px) {
    .tws-mega-menu--search-bar {
        max-width: 1200px;
        margin: 0 auto !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    .tws-mega-menu--search-bar {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* ============================================================
   6. NAVIGATION MENU
   ============================================================ */

/* Meny */
.navbar-collapse {
  width: 100%;
  padding: 0px;
}
.tws-top-menu .dropdown>.dropdown-menu {
  background: #d32f60;
  padding: 5px 0px;
}
@media (min-width: 768px) {
.tws-top-menu .dropdown>.dropdown-menu {
    margin-top: -5px;
}
}
.tws-top-menu .dropdown>.dropdown-menu>li a {
  background: #d32f60;
  color: #ffffff !important;
  padding: 5px 15px;
}
@media(max-width: 767px) {
  .tws-top-menu .dropdown>.dropdown-menu>li a {
  color: #000 !important;
  }
}
.tws-top-menu .dropdown>.dropdown-menu>li a:hover, .tws-top-menu .dropdown>.dropdown-menu>li a:focus {
  background: #e4829f !important;
  color: #ffffff !important;
}
@media (min-width: 1200px) {
  .navbar-collapse {
    max-width: 1200px;
    margin: 0 auto !important;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1199px) {
  .navbar-collapse {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto !important;
  }
}
@media (max-width: 991px) {
  .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .tws-top-menu.navbar-default {
    border-top: 0px;
  }
}
.navbar-nav {
  padding: 0px !important;
  max-width: none !important;
}
.navbar-nav>li {
  margin-right: 24px;
  margin-bottom:8px;
}
.navbar-nav>li>a {
  padding: 0px !important;
  background: transparent !important;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus {
  color: #29368D !important;
  background: transparent !important;
}
.navbar-nav .tws-top-menu--item+.tws-top-menu--item {
  padding-left: 30px !important;
}
.slot--horizontal-menu {
  background: #ffffff;
}
.tws-top-menu.navbar-default {
  background: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .navbar-nav {
    float: none !important;
  }
  .tws-top-menu > .container-fluid > .navbar-collapse {
  text-align: center;
}
}

/* ============================================================
   7. BREADCRUMBS
   ============================================================ */

.slot--breadcrumbs {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 0px 15px;
}

.tws-breadcrumbs {
    padding: 5px 15px;
    background: #ffffff;
}


/* ============================================================
   8. BODY / CONTENT LAYOUT
   ============================================================ */

.fabrikk--content {
    max-width: none;
    padding: 0px 15px 40px 15px;
}

.fabrikk--content-wrapper {
    width: 100%;
    max-width: 1200px;
    padding: 0px 15px;
}

.fabrikk--component-container {
    margin-top: 30px;
}

.fabrikk--component-container > * {
    margin-top: 10px;
    margin-bottom: 10px;
}

::before,
::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* ============================================================
   9. HOMEPAGE / STARTPAGE
   ============================================================ */

.startpage .usps {
    display: none;
}

.slot--component-container .tws-container--tws-custom-html,
.slot--component-container .tws-container--tws-article-display,
.slot--component-container .tws-container--tws-newsletter-subscribe {
    padding: 15px 15px;
}

.slot--component-container .tws-container--tws-articles,
.slot--component-container .tws-container--tws-articles-two,
.slot--component-container .tws-container--tws-articles-connected {
    padding: 0px 15px 15px 15px;
}


/* ============================================================
   10. NEWSLETTER
   ============================================================ */

.tws-container--tws-newsletter-subscribe {
    background: #203080 !important;
    min-height: 160px;
    height: auto;
    max-width: 1144px;
    margin: 0 auto;
}

.tws-container--tws-newsletter-subscribe .tws-newsletter-subscribe--html-before {
    width: 100%;
    max-width: 550px;
    float: left;
}

.tws-container--tws-newsletter-subscribe .form-inline.ng-pristine.ng-valid-email.ng-invalid.ng-invalid-required {
    top: 16px;
    position: relative;
    padding-bottom: 20px;
}

.tws-container--tws-newsletter-subscribe h1,
.tws-container--tws-newsletter-subscribe p {
    color: #fff !important;
}

@media (min-width: 1100px) {
    .tws-container--tws-newsletter-subscribe .form-group {
        position: relative;
        top: 60px;
        left: 60px;
    }
}

.tws-newsletter-subscribe--subscribe-button,
.tws-newsletter-subscribe--subscribe-button:hover {
    background: #ffd831;
    text-transform: capitalize;
    border-radius: 20px !important;
}

.tws-newsletter-subscribe--subscribe-button .ladda-label,
.tws-newsletter-subscribe--subscribe-button .ladda-label:hover {
    font-size: 0;
}

.tws-newsletter-subscribe--subscribe-button .ladda-label::before {
    content: "Prenumerera";
    font-size: 18px;
}


/* ============================================================
   11. FEATURED ARTICLES (.tws-articles)
   ============================================================ */

.tws-articles-title .tws-util-heading--heading {
    margin: 0px;
}

.tws-container--tws-articles {
    padding: 0px 15px !important;
}

.tws-articles-two--heading h2.tws-util-heading--heading {
    background: #29368D;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 16px;
    color: #ffffff;
}

.tws-articles--buy-button {
    visibility: visible !important;
    text-align: center;
    width: 100% !important;
}

.tws-articles--buy-button .btn {
    border-radius: 20px;
    border-bottom: 0px !important;
}

.tws-articles tws-img {
    border: 0px !important;
}

.tws-articles--article-name {
    background: #F3F3F3;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #6d6d6d;
    padding: 4px 8px;
    margin-bottom: 10px;
    min-height: 42px;
}

.tws-articles--article-name a {
    color: #6d6d6d;
    font-weight: 700;
}

.tws-articles--article-name h3 {
    margin: 0px;
    font-size: 13px !important;
}

.tws-articles--description {
    color: #777777;
}

.tws-articles .caption {
    text-align: center;
}

.tws-articles .tws-api-price {
    text-align: center;
    width: 100% !important;
}

.tws-articles .thumbnail:hover tws-img {
    padding: 0px !important;
}

.tws-articles .thumbnail .tws-img--container:before {
    content: '';
    background: rgba(255, 255, 255, 0);
    width: 100%;
    position: absolute;
    padding: 100%;
    left: 0;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.tws-articles .thumbnail:hover .tws-img--container:before {
    background: rgba(255, 255, 255, 0.2);
}
.tws-articles-two--heading h2.tws-util-heading--heading {
    background: #d32f60;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 16px;
    color: #ffffff;
}

/* ============================================================
   12. CONNECTED ARTICLES (.tws-articles-connected)
   ============================================================ */

.slot--component-container .tws-container--tws-articles-connected {
    padding: 0px 15px !important;
}

.tws-articles-connected--article {
    overflow: hidden;
}

.tws-articles-connected--heading {
    background: #EA151D;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 16px;
    text-align: left !important;
}

.tws-articles-connected--heading h2 {
    font-size: 16px;
    color: #ffffff;
    margin: 0px;
}

.tws-articles-connected--name {
    background: #F3F3F3;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #6d6d6d;
    padding: 4px 8px;
    margin-bottom: 10px;
}

.tws-articles-connected--name a {
    color: #6d6d6d;
    font-weight: 700;
}

.tws-articles-connected--name h3 {
    margin: 0px;
    font-size: 13px !important;
    color: #6d6d6d;
    font-weight: 700;
}

.tws-articles-connected .tws-api-price {
    text-align: center;
    width: 100% !important;
}

.tws-articles-connected .tws-api-price span {
    color: #29368D !important;
    text-align: center;
    width: 100%;
}

.tws-articles-connected .thumbnail {
    overflow: hidden;
    border: 1px solid #eaeaea !important;
    border-radius: 0px !important;
    margin: 0px !important;
    padding: 5px !important;
}

.tws-articles-connected .thumbnail:hover {
    border: 1px solid #eaeaea !important;
}

.tws-articles-connected tws-img {
    border: 1px solid transparent !important;
}

.tws-articles-connected .thumbnail tws-img {
    padding: 0px !important;
}

.tws-articles-connected .thumbnail .tws-img--container:before {
    content: '';
    background: rgba(255, 255, 255, 0);
    width: 100%;
    position: absolute;
    padding: 100%;
    left: 0;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.tws-articles-connected .thumbnail:hover .tws-img--container:before {
    background: rgba(255, 255, 255, 0.2);
}


/* ============================================================
   13. ARTICLE GROUP LIST (.tws-articlegroup-list)
   ============================================================ */

.tws-articlegroup-list--product-image {
    display: none;
}

.tws-articlegroups-title {
    background: #EA151D;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 16px;
    text-align: left !important;
    margin-bottom: 10px;
}

.tws-articlegroups-title h2 {
    margin: 0px;
    font-size: 16px;
    color: #ffffff;
}

.tws-container--tws-articlegroups {
    background: #ffffff;
}

.tws-articlegroups .caption {
    border: 1px solid #eaeaea;
    border-radius: 0px;
    font-weight: 700;
}

.tws-articlegroups .caption a {
    font-weight: 700;
    color: #6d6d6d;
}

.tws-articlegroups .thumbnail:hover .caption {
    background: #eaeaea;
}

.tws-articlegroups tws-img {
    padding-bottom: 10px;
}

.tws-articlegroups .thumbnail {
    overflow: hidden;
}

.tws-articlegroups .thumbnail .tws-img--container:before {
    content: '';
    background: rgba(255, 255, 255, 0);
    width: 100%;
    position: absolute;
    padding: 100%;
    left: 0;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.tws-articlegroups .thumbnail:hover .tws-img--container:before {
    background: rgba(255, 255, 255, 0.2);
}

.tws-articlegroup-list .tws-list--grid-item .thumbnail {
    border: 1px solid #29368D;
    background: #29368D;
    border-radius: 0px;
    font-weight: 700;
}

.tws-articlegroup-list .tws-list--grid-item .thumbnail:hover {
    background: #2e3d9c !important;
    border-color: #2e3d9c !important;
}

.tws-articlegroup-list .caption {
    border-radius: 0px;
    background: transparent;
    text-align: center;
}

.tws-articlegroup-list .caption a {
    color: #fff !important;
}

.tws-articlegroup-list--article-name .tws-util-heading--heading {
    margin: 0;
}


/* ============================================================
   14. ARTICLE LIST / SEARCH PAGE
       (.tws-article-list, .tws-article-search-page)
   ============================================================ */

/* --- Shared thumbnail styles --- */
.tws-article-list--list .tws-list--list .thumbnail,
.tws-article-search-page--list .tws-list--list .thumbnail,
.tws-article-list .thumbnail,
.tws-article-search-page--list .thumbnail {
    overflow: hidden;
    border: 1px solid #eaeaea !important;
    border-radius: 0px !important;
    margin: 0px !important;
    padding: 5px !important;
}

.tws-article-list .tws-list--type-grid > .row .thumbnail:hover,
.tws-article-search-page--list .tws-list--type-grid > .row .thumbnail:hover {
    border: 1px solid #eaeaea !important;
}

.tws-list--type-grid .tws-article-list--product-image {
    border: 1px solid transparent !important;
    padding: 0px !important;
}

/* --- Hover overlay effect --- */
.tws-article-list .thumbnail .tws-img--container:before,
.tws-article-search-page--list .thumbnail .tws-img--container:before {
    content: '';
    background: rgba(255, 255, 255, 0);
    width: 100%;
    position: absolute;
    padding: 100%;
    left: 0;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.tws-article-list .thumbnail:hover .tws-img--container:before,
.tws-article-search-page--list .thumbnail:hover .tws-img--container:before {
    background: rgba(255, 255, 255, 0.2);
}

/* --- Article name (grid) --- */
.tws-list--type-grid .tws-article-list--article-name {
    background: #F3F3F3;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #6d6d6d;
    padding: 4px 8px;
    margin-bottom: 10px;
    min-height: 42px;
}

.tws-list--type-grid .tws-article-list--article-name h2 {
    margin: 0px;
}

.tws-list--type-grid .tws-article-list--article-name a {
    color: #6d6d6d;
    font-weight: 700;
    font-size: 13px;
}

/* --- Article name (list) --- */
.tws-list--type-list .tws-article-list--article-name {
    background: #F3F3F3;
    font-size: 13px;
    font-weight: 700;
    color: #6d6d6d;
    padding: 4px 8px;
    margin-bottom: 10px;
}

.tws-list--type-list .tws-article-list--article-name h2 {
    margin: 0px;
}

.tws-list--type-list .tws-article-list--article-name a {
    color: #6d6d6d;
    font-weight: 700;
    font-size: 13px;
}

/* --- Caption alignment --- */
.tws-list--type-grid .tws-article-list .caption {
    text-align: center;
}

/* --- Price (grid) --- */
.tws-article-list--list .tws-list--type-grid .tws-api-price .tws-api--price-current,
.tws-article-search-page--list .tws-list--type-grid .tws-api-price .tws-api--price-current {
    color: #29368D !important;
    text-align: center;
    width: 100%;
    display: block;
}

.tws-article-list--list .tws-list--type-grid .tws-api-price .tws-api--price-regular,
.tws-article-search-page--list .tws-list--type-grid .tws-api-price .tws-api--price-regular {
    display: block;
    text-align: center;
    width: 100%;
    color: #29368D;
    opacity: 0.6;
}

.tws-article-list .tws-list--type-grid .tws-api-price span,
.tws-article-search-page--list .tws-list--type-grid .tws-api-price span {
    color: #29368D !important;
    text-align: center;
    width: 100%;
    display: block !important;
}

.tws-article-list .tws-list--type-list .tws-api-price span,
.tws-article-search-page--list .tws-list--type-list .tws-api-price span {
    color: #29368D !important;
}

.tws-article-list .tws-list--type-grid .tws-api-price,
.tws-article-search-page--list .tws-list--type-grid .tws-api-price {
    text-align: center;
    width: 100% !important;
}

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

/* --- Buy button --- */
.tws-list--type-grid .tws-article-list--buy-button {
    visibility: visible !important;
    text-align: center;
    width: 100% !important;
}

.tws-article-list .tws-article-buy-button-with-modal--buy-button,
.tws-article-list--show-more-button {
    border-radius: 20px;
    border-bottom: 1px solid #333 !important;
}

.tws-article-list .tws-list--type-list .tws-article-buy-button-with-modal--buy-button,
.tws-article-search-page--list .tws-article-buy-button-with-modal--buy-button,
.tws-article-search-page--list .tws-list--type-list .tws-article-buy-button-with-modal--buy-button {
    border-radius: 20px;
    border-bottom: 0px !important;
}

.tws-list--type-grid .tws-article-list--choices-button,
.tws-list--type-grid .tws-article-list--buy-button .tws-article-buy-button-with-modal--buy-button {
    border-radius: 20px;
}

/* --- Labels --- */
.tws-article-list--labels {
    top: 10px;
    left: 10px;
    z-index: 1;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.tws-article-labels .tws-article-labels--label .tws-article-labels--label-text {
    padding: 3px 6px !important;
    border-radius: 2px;
}

.tws-article-labels--special-offer .tws-article-labels--label-text {
    background: #EA151D;
    border-color: #EA151D;
}

/* --- Introduction text --- */
.tws-article-list--introduction-text {
    font-size: 12px;
    text-align: center;
}

/* --- Grid centering --- */
.tws-list--type-grid {
    display: flex;
    justify-content: center;
}


/* ============================================================
   15. ARTICLE DETAIL PAGE
   ============================================================ */

.tws-article-social--share-button.ng-scope.sharer-0 .social {
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(1) translateY(0px);
}

.tws-article-social--share-button.ng-scope.sharer-0 .social.networks-5.left {
    margin-left: auto;
    position: relative;
}

.tws-article-social div.tws-article-social--share-button.tws-article-social--share-button > label.entypo-export {
    display: none;
}

.tws-article-social--share-button.ng-scope.sharer-0 .social ul li {
    float: right !important;
}

.tws-article-social--share-button.ng-scope.sharer-0 .social li[class*=pinterest],
.tws-article-social--share-button.ng-scope.sharer-0 .social li[class*=twitter],
.tws-article-social--share-button.ng-scope.sharer-0 .social li[class*=facebook],
.tws-article-social--share-button.ng-scope.sharer-0 .social li[class*=gplus],
.tws-article-social--share-button.ng-scope.sharer-0 .social li[class*=paper-plane] {
    background: transparent !important;
    color: #333;
    font-size: 18px;
    width: auto;
    margin: 0 0 0 15px;
    height: auto;
    padding: 0px;
    text-align: right;
}

.slot--article-buy-button .tws-article-buy-button-with-modal--buy-button {
    border-bottom: 0px !important;
}

.tws-article-images--slick-big .slick-slide .tws-img--container {
    border-radius: 0px;
    border: 1px solid #eaeaea;
}

.tws-horizontal-flip-list--wrapper,
.tws-horizontal-flip-list--back-content {
    background: transparent;
    border-radius: 0px;
    border-color: #eaeaea;
}

.article .tws-container--tws-trustpilot .trustpilot-widget {
    display: none;
}

.article .slot--article-images .slick-slider {
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .article .tws-container--tws-trustpilot .trustpilot-widget {
        margin: 0 auto 10px !important;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .article .tws-container--tws-trustpilot .trustpilot-widget {
        display: block;
    }
}


/* ============================================================
   16. ARTICLE DISPLAY (full-width)
   ============================================================ */

.tws-article-display--labels {
    margin: 0px;
}

.tws-container--tws-article-display .tws-article-display {
    padding: 0px;
}

.tws-article-display .tws-article-buy-button-with-modal--buy-button {
    border-radius: 30px;
    border-bottom: 0px !important;
}

.tws-article-display--name h2 {
    background: #EA151D;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 16px;
    text-align: left !important;
    color: #ffffff;
    margin-bottom: 10px;
}

.tws-article-display .tws-api-price span {
    color: #29368D !important;
}

.tws-article-display tws-img {
    margin-top: 50px;
}


/* ============================================================
   17. FILTER BUTTONS
   ============================================================ */

.btn-toolbar .btn {
    background: transparent !important;
    box-shadow: none !important;
    border: 0px !important;
}

.btn-toolbar .active.btn,
.btn-toolbar .btn:hover {
    color: #2e3d9c;
}

.btn-toolbar .dropdown-menu {
    background: #29368D;
    color: #ffffff;
}

.btn-toolbar .dropdown-menu li a {
    color: #ffffff;
    padding: 5px 10px;
}

.btn-toolbar .dropdown-menu li a:hover {
    background: #2e3d9c;
}


/* ============================================================
   18. SEARCH AUTOCOMPLETE DROPDOWN
   ============================================================ */

.tws-article-search ul > li {
    background: #29368D;
}

.tws-article-search .dropdown-menu > .active > a,
.tws-article-search .dropdown-menu > .active > a:hover,
.tws-article-search .dropdown-menu > .active > a:focus {
    background: #2e3d9c;
    color: #ffffff;
}

.tws-article-search ul > li a {
    color: #ffffff;
}

.tws-article-search ul > li a span {
    font-size: 14px !important;
}

.tws-article-search input::-webkit-input-placeholder {
    color: #4c4c4c;
    opacity: 1;
    text-transform: none;
}

.tws-article-search input:-moz-placeholder {
    color: #4c4c4c;
    opacity: 1;
    text-transform: none;
}

.tws-article-search input::-moz-placeholder {
    color: #4c4c4c;
    opacity: 1;
    text-transform: none;
}

.tws-article-search input:-ms-input-placeholder {
    color: #4c4c4c;
    opacity: 1;
    text-transform: none;
}


/* ============================================================
   19. CONTACT FORM
   ============================================================ */

.fabrikk--contact-heading {
    background: #EA151D;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 18px;
    text-align: left !important;
    color: #ffffff;
}

.tws-contact-form--submit-btn {
    border-radius: 20px;
    border-bottom: 0px !important;
}


/* ============================================================
   20. CART & CHECKOUT
   ============================================================ */

.cart .fabrikk--content,
.checkout .fabrikk--content {
    background-color: #ffffff;
}

.tws-checkout-back-button .btn-default {
    border: 0px;
    padding: 0px;
    margin-left: 0px;
    margin-right: 20px;
    background: transparent !important;
    box-shadow: none !important;
    margin-top: 20px;
}

.tws-checkout-back-button--text {
    display: none;
}

.fabbrikk--cart-help {
    display: none;
}

@media (min-width: 1200px) {
    .fabrikk--summary {
        position: absolute !important;
        top: 0px !important;
        left: auto !important;
    }
}

.tws-mini-cart .tws-mini-cart--header-cart-button {
    /* reserved for cart button overrides */
}

@media (max-width: 767px) {
    .tws-mini-cart .tws-mini-cart--header-cart-button {
        padding: 10px;
    }
}

.tws-free-shipping-notice--cost .tws-api--price-current {
    color: #29368D;
}

.slot--custom-shipping-notice {
    font-size: 14px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .tws-free-shipping-notice {
        font-size: 12px;
    }
}


/* ============================================================
   21. MY PAGES
   ============================================================ */

.fabrikk--my-pages h1 {
    background: #EA151D;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 18px;
    text-align: left !important;
    color: #ffffff;
}


/* ============================================================
   22. USP BLOCKS
   ============================================================ */

.tws-container--tws-custom-html.usps {
    padding: 15px !important;
}

.tws-container--tws-custom-html.usps i {
    font-size: 30px;
    margin-right: 10px;
    float: left;
}

.tws-container--tws-custom-html.usps .col-sm-3 > div {
    float: left;
    font-size: 11px;
}

.tws-container--tws-custom-html.usps .col-sm-3 > div span:first-child {
    display: block;
    font-weight: 700;
}

@media (max-width: 767px) {
    .tws-container--tws-custom-html.usps .col-sm-3 {
        clear: both;
        margin-bottom: 15px;
    }

    .tws-container--tws-custom-html.usps .col-sm-3:before,
    .tws-container--tws-custom-html.usps .col-sm-4:after {
        content: '';
        display: block;
        clear: both;
    }
}


/* ============================================================
   23. CONTENT BOXES / SHOWCASE
   ============================================================ */

.tws-content-box--first-line,
.tws-content-box--second-line,
.tws-content-box--third-line {
    background: rgba(255, 255, 255, 0.9);
}


/* ============================================================
   24. ARTICLE GROUP PAGE
   ============================================================ */

.fabrikk--article-group .tws-articlegroup-list--info h1,
.customPageHtml h1 {
    background: #EA151D;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 18px;
    text-align: left !important;
    color: #fff;
}

.fabrikk--article-group .tws-articlegroup-list--info h1 span {
    color: #ffffff;
}

.fabrikk--article-group .tws-articlegroup-list--info > div {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
}

.fabrikk--article-group .tws-articlegroup-list--info > div .tws-util-heading .tws-util-heading--heading {
    background: #29368D;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 18px;
    text-align: left !important;
    color: #fff;
    margin-bottom: 20px;
    position: inherit;
}

.ta-articlegroup-intro {
    margin-bottom: 15px;
}

.ta-articlegroup-intro img {
    margin-bottom: 30px;
}

.ta-articlegroup-intro iframe {
    width: 100%;
    max-width: 100%;
}

.ta-articlegroup-intro h1 {
    margin-bottom: 10px;
}


/* ============================================================
   25. BRANDS (Varumärken)
   ============================================================ */

.varumarken {
    text-align: center;
    font-size: 13px;
}

.varumarken h2 {
    background: #EA151D;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 18px;
    text-align: left !important;
    color: #fff;
    margin-bottom: 20px;
}

.varumarken h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}

.varumarken img {
    margin-bottom: 15px;
}


/* ============================================================
   26. BACK TO TOP
   ============================================================ */

.fabrikk--back-to-top {
    margin: 20px 0px 0px 0px;
    z-index: 3;
    position: relative;
}

.fabrikk--back-to-top .fabrikk--back-to-top-link {
    color: #000;
    background: #fff;
    padding: 6px 10px;
    border: 1px solid #000;
    border-radius: 28px;
    font-size: 16px;
}


/* ============================================================
   27. FOOTER
   ============================================================ */

/* Footer */


.fabrikk--footer-left,
.fabrikk--footer-mid-right,
.fabrikk--footer-right {
  display: none !important;
}
.fabrikk--footer-mid-left {
  width: 100%;
}

.grid-layout {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.top {
  grid-column: 1 / -1;
}

.bottom {
  grid-column: 1 / -1;
}

.top, .bottom {
  padding: 20px;
  text-align: center;
}


@media (max-width: 768px) {
  .grid-layout {
    grid-template-columns: 1fr;
  }
}
.row.g-5.align-items-start.text-center.text-md-start {
    text-align: left;
}
/* ============================================================
   28. UTILITY / MISC
   ============================================================ */

.slot--custom-trustpilot-block {
    max-height: 36px;
}

.tws-article-buy-button-with-modal--submit-button {
    background: #0c1a7a;
    border: 1px solid #0c1a7a;
}
.article .slot--unique-selling-points .tws-unique-selling-points .fa {
    color: #29368d;
}
button.tws-article-buy-button-with-modal--buy-button.btn.ladda-button.btn-primary {
    background: #83ae51;
    border: 1px solid #83ae51;
    border-bottom: 2px solid #5b7142;
    border-radius: 25px;
  height: 36px;
    width: 100px;
}

@media only screen and (max-width:448px){
button.tws-article-buy-button-with-modal--buy-button.btn.ladda-button.btn-primary {
    background: #83ae51;
    border: 1px solid #83ae51;
    border-bottom: 2px solid #5b7142;
    border-radius: 25px;
          width: 65px !important;
        height: 35px;
        min-width: auto;
}
  .fabrikk--article button.tws-article-buy-button-with-modal--buy-button.btn.ladda-button.btn-primary {
    background: #83ae51;
    border: 1px solid #83ae51;
    border-bottom: 2px solid #5b7142;
    border-radius: 25px;
    height: 50px;
    width: 200px !important;
}
  .tws-articles-two .slick-track .slick-slide .thumbnail button.tws-article-buy-button-with-modal--buy-button.btn.ladda-button.btn-primary {
    height: 35px;
    width: 80px;
    margin-left: 6px;
    width: 71px !important;
    margin-left: 10px !important;
    align-items: center;
}
  .tws-articles-two .slick-track .caption .tws-article-list--buy-button {
    margin-top: auto;
    display: flex;
    margin-left: 0px;
}
}
.fabrikk--article button.tws-article-buy-button-with-modal--buy-button.btn.ladda-button.btn-primary {
    background: #83ae51;
    border: 1px solid #83ae51;
    border-bottom: 2px solid #5b7142;
    border-radius: 25px;
    height: 50px;
    width: 100px;
}
.tws-articles-two .slick-track .slick-slide .thumbnail button.tws-article-buy-button-with-modal--buy-button.btn.ladda-button.btn-primary {
    height: 35px;
    width: 80px;
    margin-left: 6px;
}
.fabrikk--article-group .tws-articlegroup-list--info > div .tws-util-heading .tws-util-heading--heading {
    background: #d32f60 !important;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus{
  color: #2f8f4e !important;
}

.tws-articlegroup-list .tws-list--grid-item .thumbnail {
    border: 1px solid #d32f60 !important;
    background: #d32f60 !important;
    border-radius: 0px;
    font-weight: 700;
}
.tws-articlegroup-list .tws-list--grid-item .thumbnail:hover{
  background: #2f8f4e !important;
}

/* ============================================================
   29. PREVIEW BAR
   ============================================================ */

.tws-theme-preview {
    position: fixed;
    z-index: 1000;
    width: 100%;
    bottom: 0px;
}


/* ============================================================
   30. YOUTUBE EMBED
   ============================================================ */

.custompage-8638813 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    right: 16px;
}

.custompage-8638813 .video-container iframe,
.custompage-8638813 .video-container object,
.custompage-8638813 .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ============================================================
   31. AUDIENCE SELECTOR
   ============================================================ */

.tws-audience-selector--audience-button-text,
.fa.fa-cog.tws-audience-selector--audience-item-icon.tws-audience-selector--audience-item-icon-text,
.tws-audience-selector--selection-box-stateview-container {
    color: #fff;
}

@media (max-width: 767px) {
    .tws-audience-selector--selectionbox-audienceselector .tws-audience-selector--selection-box-label {
        display: none;
    }

    .tws-container--tws-content-box-3x .col-sm-4 {
        width: 33.333%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
    }
}


/* ============================================================
   32. TRUSTPILOT
   ============================================================ */

.slot--logo .trustpilot-widget {
    float: right;
    width: 500px;
    right: -56px;
    bottom: 10px;
    display: inline-block;
}


/* ============================================================
   33. READ MORE (product group)
   ============================================================ */

.articlegroup .tws-custom-page .customPageHtml,
.articlegroup .tws-articlegroup-list--info {
    overflow: hidden;
    max-height: 275px;
}

.productGroupReadMoreContainer {
    border-top: 1px solid #d7d7d7;
    line-height: 25px;
    text-align: center;
    margin-bottom: 15px;
}

.productGroupReadMore,
.productGroupReadMore:active,
.productGroupReadMore:hover,
.productGroupReadMore:visited,
.productGroupReadMore:link {
    color: #333;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d7d7d7;
}
 @media only screen and (max-width:772px){
   body:not(.user-logged-in) .tws-login--login-text::before {
    content: "Logga in och handla";
    color: #181818;
    font-size: 13px;
}
}