/*-------------TEKNISKA MUSEET-------------*/
/*-------------ABICART 2024-------------*/
/*----------------------------------------*/


/* --- COOKIES --- */
.emporium--top-bar .slot--open-cookie-settings,
.slot--header-horizontal-menu .slot--open-cookie-settings,
.emporium--footer .tws-accept-cookies--icon {
  display: none;
}
.emporium--footer-left .slot--open-cookie-settings a {
 font-size: 16px;
  font-weight: 400;
}
.checkout .slot--checkout .tws-checkout--pay .tws-checkout--pay-button .ladda-label {
  font-weight: 400;
}

.slot--cookies .tws-accept-cookies--wrapper-inner .tws-accept-cookies--accept-all-btn {
  background: #ff0;
}
.slot--cookies .tws-accept-cookies--wrapper-inner .tws-accept-cookies--accept-all-btn:hover {
  background: #e6e600;
  color: #000;
}


/* ===========================
   GENERAL
=========================== */

@media (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}
@media (max-width: 767px) {
    .desktop-only {
        display: none;
    }
}

.customPageItem.customPageHtml {
  box-shadow: none;
}
/* ===========================
   TOP BAR
=========================== */
.emporium--top-bar {
    border-bottom: none;
}
.emporium--top-bar a {
    text-decoration: none;
    color: #fff;
}
.emporium--top-bar a:hover {
    color: #000;
}
.emporium--top-bar .emporium--top-bar-wrapper {
    max-width: 1700px;
		padding: 28px 20px 4px 20px;
}
.emporium--top-bar .emporium--top-bar-wrapper .emporium--top-bar-left {
    float: none;
}
.emporium--top-bar .slot--top-bar-audience-selector,
.slot--header-horizontal-menu .tws-top-menu--controls .tws-audience-selector{
    display: none;
}
.custom-topbar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: baseline;
}
.emporium--top-bar .custom-topbar-right {
    text-align: right;
    font-size: 22px;
    font-weight: bold;
    padding-right: 0;
}
.emporium--top-bar .custom-topbar-left {
    text-align: left;
}
.emporium--top-bar .custom-topbar-left img {
    max-width: 145px;
    width: 100%;
    height: auto;
}

/* ===========================
   HEADER
=========================== */
.emporium--header {
    border-bottom: 1px solid #000;
    box-shadow: none;
}
.emporium--header .emporium--header-wrapper {
    max-width: 1700px;
}
.slot--header-logo {
    display: none;
}
    .emporium--header .emporium--header-wrapper {
    padding: 10px 30px;
  }

/* === Search === */

.emporium--search-button::before,
.slot--header-search .fa-search::before {
   font-family: "Material Symbols Outlined";
    content: "\e8b6";
    font-size: 32px;
    color: #fff;
    font-weight: 200;
}
.slot--header-search .fa-search::before {
	color: #000 !important;
}


@media(max-width:991px) {
.emporium--search-button {
  position: relative;
  right: 1px;
  width: 100%;
}
 }

/* === Cart === */

.slot--header-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-cart-img::before {
    font-family: "Material Symbols Outlined";
    content: "\f1cc";
    font-size: 30px;
    color: #fff;
    font-weight: 200;
}


/* === Menu === */

.slot--header-horizontal-menu .navbar {
    padding: 0 5px;
    margin: 0 8px;
}
.slot--header-horizontal-menu .open>.dropdown-menu {
    display: none;
}
.slot--header-horizontal-menu .caret {
    display: none;
}
.slot--header-horizontal-menu .navbar-nav>li a {
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid  transparent;
}

.slot--header-horizontal-menu .navbar-nav>li a:hover,
.slot--header-horizontal-menu .navbar-nav .dropdown-menu li a:hover, 
.slot--header-horizontal-menu .navbar-nav .dropdown-menu li a:focus  {
    color: #fff;
    border-bottom: 1px solid #fff;
}

@media(max-width:991px) {
  .emporium--header-menu-button .emporium--mobile-menu-button::before {
      font-family: "Material Symbols Outlined";
      content: "\e5d2";
      font-size: 34px;
      color: #fff;
      font-weight: 200;
  }
  .emporium--header-menu-button .emporium--mobile-menu-button.menuOpen::before {
      font-family: "Material Symbols Outlined";
      content: "\e5cd" !important;
  } 
}



/* ===========================
   FRONT PAGE
=========================== */

.startpage .emporium--body .emporium--body-wrapper,
.startpage .emporium--body .emporium--body-wrapper .emporium--main .emporium--main-wrapper,
.emporium--start-page .emporium--component-container > div:first-child {
  max-width: none;
  padding: 0;
}
.emporium--start-page .tws-container--tws-image-carousel,
.emporium--start-page .tws-container--tws-content-box,
.emporium--start-page .tws-container--tws-content-box-2x .tws-content-box-2x, 
.emporium--start-page .tws-container--tws-content-box-3x .tws-content-box-3x, 
.emporium--start-page .tws-container--tws-content-box-4x .tws-content-box-4x,
.emporium--start-page .tws-container--tws-articlegroups,
.emporium--start-page .tws-container--tws-articles-two .tws-article-list--list,
.emporium--start-page .tws-container--tws-newsletter-subscribe,
.emporium--start-page .tws-container--tws-instagram,
.emporium--start-page .tws-container--tws-custom-html .tws-custom-html--content {
    max-width: 1700px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .emporium--start-page .tws-container--tws-content-box,
    .emporium--start-page .tws-container--tws-content-box-2x .tws-content-box-2x, 
    .emporium--start-page .tws-container--tws-content-box-3x .tws-content-box-3x, 
    .emporium--start-page .tws-container--tws-content-box-4x .tws-content-box-4x,
    .tws-container--tws-content-box-2x .tws-content-box-2x--box, 
    .tws-container--tws-content-box-3x .tws-content-box-3x--box, 
    .tws-container--tws-content-box-4x .tws-content-box-4x--box {
        padding-left: 0;
        padding-right: 0;
    }
}
.emporium--start-page .tws-container--tws-custom-html {
    box-shadow: none;
}

/* === Skyltfönster === */

.tws-img.tws-react-img {
  transition: all 0.3s ease;
}

.tws-img.tws-react-img:hover {
  background-color: transparent;
  transform: translate3d(0px, 0px, 0px) scale(0.98);
  opacity: 1;
  visibility: inherit;
  transition: all 0.3s ease;
}


.emporium--start-page .emporium--component-container > .tws-container--tws-content-box .tws-content-box--third-line {
    Background: #fff;
    color: var(--Accent);
}
.slot--component-container .tws-container--tws-content-box-2x .tws-content-box--inner-wrapper,
.slot--component-container .tws-container--tws-content-box-3x .tws-content-box--inner-wrapper,
.slot--component-container .tws-container--tws-content-box-4x .tws-content-box--inner-wrapper {
    position: relative;
    padding-bottom: 0 !important;
}
.slot--component-container .tws-container--tws-content-box-2x .tws-content-box--inner-wrapper .tws-content-box--table,
.slot--component-container .tws-container--tws-content-box-3x .tws-content-box--inner-wrapper .tws-content-box--table,
.slot--component-container .tws-container--tws-content-box-4x .tws-content-box--inner-wrapper .tws-content-box--table {
    padding: 10px 0;
    position: static;
}

.tws-content-box--table .tws-content-box--text-color-inverted .tws-content-box--first-line,
.tws-content-box--table .tws-content-box--text-color-inverted .tws-content-box--second-line,
.tws-content-box--table .tws-content-box--third-line {
    text-shadow: none;
}

.slot--component-container .tws-container--tws-content-box .tws-content-box--third-line,
.slot--component-container .tws-container--tws-content-box-2x .tws-content-box--third-line,
.slot--component-container .tws-container--tws-content-box-3x .tws-content-box--third-line,
.slot--component-container .tws-container--tws-content-box-4x .tws-content-box--third-line{
	background: #fff;
  border: 1.6px solid #000;
  color: #000;
  font-weight: 400;
  display: inline-block;
  padding: 10px 25px;
  font-size: 15px !important;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all .5s ease;
}
.using-mouse .slot--component-container .tws-container--tws-content-box .tws-content-box--third-line:hover,
.using-mouse .slot--component-container .tws-container--tws-content-box-2x .tws-content-box--third-line:hover,
.using-mouse .slot--component-container .tws-container--tws-content-box-3x .tws-content-box--third-line:hover,
.using-mouse .slot--component-container .tws-container--tws-content-box-4x .tws-content-box--third-line:hover { 
	background: #000;
  color: #fff;
  transition: all .5s ease;
}



/* === Artiklar === */

.emporium--start-page .tws-articles-two--heading .tws-util-heading--heading, 
.emporium--start-page .tws-articlegroups--title .tws-util-heading--heading {
    border-bottom: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.tws-articles-two--heading .tws-util-heading--heading::after, 
.tws-articlegroups--title .tws-util-heading--heading::after {
    content: "";
    display: block;
    margin: 10px auto 0;
    background: #8597a5;
    width: 100px;
    height: 2px;
}
.tws-articles-two .slick-slider .tws-article-list--buy-button {
    margin-top: 15px;
}

/*------------------------
ARTICLE GRID
-------------------------*/
/* === Heading === */
.tws-articlegroup-list .tws-artgrp-info .tws-util-heading--heading, 
.tws-custom-page--articlegroups-heading .tws-util-heading--heading, 
.tws-custom-page--article-heading .tws-util-heading--heading {
    border-bottom: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.tws-container--tws-articles-two-type-carousel .thumbnail,
.tws-article-list--list .tws-list--type-grid .thumbnail {
    box-shadow: none;
    border: 1px solid #ccc;
}
.slot--article-group-custom-field .customPageItem.customPageHtml .row {
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .slot--article-group-custom-field .customPageItem.customPageHtml .row {
        flex-direction: column-reverse;
    } 
}

/* === Articlegroup list === */

.tws-articlegroups .thumbnail, .tws-articlegroup-list .thumbnail {
    box-shadow: none;
}
.tws-articlegroups .thumbnail .caption, 
.tws-articlegroup-list .thumbnail .caption {
    background: transparent;
    transition: all .3s ease;
    border: 1px solid #000;
}
.tws-articlegroups .thumbnail .caption:hover, 
.tws-articlegroup-list .thumbnail .caption:hover {
    background: #000 !important;
}


.tws-articlegroups .thumbnail .caption .tws-articlegroup-list--article-name .tws-util-heading--heading a, 
.tws-articlegroup-list .thumbnail .caption .tws-articlegroup-list--article-name .tws-util-heading--heading a {
    color: #000;
    transition: all .3s ease;
}
.tws-articlegroups .thumbnail .caption, .tws-articlegroup-list .thumbnail:hover .caption {
    background: transparent;
    transition: all .3s ease;
}
.tws-articlegroups .thumbnail:hover .caption .tws-articlegroup-list--article-name .tws-util-heading--heading a, 
.tws-articlegroup-list .thumbnail:hover .caption .tws-articlegroup-list--article-name .tws-util-heading--heading a {
    color: #fff;
    transition: all .3s ease;
}

/* === Caption === */

.tws-container--tws-articles-two-type-carousel .thumbnail .caption, .tws-article-list--list .tws-list--type-grid .thumbnail .caption,
.tws-articles-two .slick-slider .thumbnail .caption{
    align-items: center;
}
.using-mouse .tws-container--tws-articles-two-type-carousel .thumbnail:hover .tws-article-list--article-name .tws-util-heading--heading a,
.using-mouse .tws-article-list--list .tws-list--type-grid .thumbnail:hover .tws-article-list--article-name .tws-util-heading--heading a {
    color: #000;
}
.tws-container--tws-articles-two-type-carousel .thumbnail .caption,
.tws-article-list--list .tws-list--type-grid .thumbnail .caption{
    box-shadow: none;
}
.tws-article-list--list .tws-article-list--introduction-text {
    text-align: center;
    color: #000;
}

/* === Buy button === */

.tws-article-list--list .tws-article-list--buy-button .btn {
	background: #ff0;
}
.tws-article-list--list .tws-article-list--buy-button .btn .ladda-label {
	  color: #595959;
} 
.tws-article-list--list .tws-article-list--buy-button .btn {
    border: none;  
}
.using-mouse .tws-article-list--list .tws-article-list--buy-button .btn:hover,
.tws-article-list--list .tws-article-list--buy-button .btn:hover, 
.tws-article-list--list .tws-article-list--buy-button .btn:focus {
	  color: #595959;
    background: #e6e600;
    border: none !important;
    transition: all .3s ease;
}

.tws-article-list--list .tws-article-list--buy-button .btn .tws-article-list--show-more-button-text  {
    transition: all .3s ease;
    color: #000;
}


.tws-article-list--list .tws-article-list--buy-button .btn:hover .ladda-label, 
.tws-article-list--list .tws-article-list--buy-button .btn:hover .tws-article-list--choices-button-text, 
.tws-article-list--list .tws-article-list--buy-button .btn:hover .tws-article-list--show-more-button-text {
    color: #000;
    transition: all .3s ease;
}

.tws-article-list--list .tws-article-list--buy-button .btn.tws-article-list--choices-button::after,
.tws-article-list--list .tws-article-list--buy-button .btn.tws-article-buy-button-with-modal--buy-button::after {
	font-family: "Material Symbols Outlined";
  content: "\f1cc";
  font-size: 20px;
  color: #000;
  font-weight: 200;
}

/*------------------------
ARTICLE PAGE
-------------------------*/

.emporium--article-top .emporium--article-right-col .emporium--article-right-col-wrapper,
.emporium--article-bottom,
.slot--article-page-footer .tws-container--tws-articles-two .tws-articles-two {
  box-shadow: none;
}

/* === Buy button === */

.slot--article-buy-button .btn-primary, 
.slot--article-buy-button .btn-default{
    color: #595959;
		background: #ff0;
    border: none;
}
.slot--article-buy-button .btn-primary:hover, 
.slot--article-buy-button .btn-primary:focus,
.slot--article-buy-button .btn-default:hover, 
.slot--article-buy-button .btn-default:focus {
	background: #e6e600;
}

.emporium--buy-button-group .slot--article-buy-button .btn::after {
	font-family: "Material Symbols Outlined";
  content: "\f1cc";
  font-size: 21px;
  color: #000;
  font-weight: 200;
}

.slot--article-quantity .btn-default {
  border-bottom: 1px solid #000;
}

.slot--article-description .tws-article-description .tws-article-description--heading {
  margin: 0 0 30px 0;
}
.slot--article-description .tws-article-description--article-number {
  display: none;
}

.slot--article-description {
    display: none;
}

/*------------------------
FOOTER
-------------------------*/

.emporium--footer ul {
    padding-left: 0;
    list-style: none;
}
.emporium--footer .titles {
    font-weight: 600;
  border-bottom: 1px solid #ff0;
  font-size: 16px;
}
.emporium--footer ul li {
    line-height: 1.5;
}
.emporium--footer .fa-caret-right {
    color: #888888;
	  font-size: 14px;
    padding-right: 4px;
}
.emporium--footer-right ul li {
  line-height: 2.2;
}
.emporium--footer-right ul li i {
	font-size: 22px;
  padding-right: 6px;
  vertical-align: middle;
}


/*---------------------------------------------
-----------------MEDIA QUERIES-----------------
----------------------------------------------*/
@media (max-width: 991px) {
    .emporium--header .emporium--header-wrapper .emporium--header-wrapper-inner {
        justify-content: space-between;
    }
    .emporium--header .emporium--header-wrapper .emporium--header-right {
        width: 50%;
        justify-content: space-between;
    }
    /*-------TOPBAR-------*/
    .emporium--top-bar .custom-topbar-left {
        font-size: 16px;
        font-weight: bold;
        padding-left: 0;
    }
    /*---------MENY--------*/
    .slot--header-horizontal-menu .navbar-nav .tws-top-menu--xs-toggle {
        display: none;
    }
    .slot--header-horizontal-menu .navbar {
        padding: 0 15px;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    /*-------TOPBAR-------*/
    .emporium--top-bar .custom-topbar-left img {
        max-width: 100px;
    }
    .emporium--top-bar .custom-topbar-right {
        font-size: 18px;
    }
    .emporium--top-bar .emporium--top-bar-wrapper {
        padding-top: 28px;
    }
    /*-------SKYLTFÖNSTER-------*/
    .slot--component-container .tws-container--tws-content-box-2x .tws-content-box--inner-wrapper .tws-content-box--table, .slot--component-container .tws-container--tws-content-box-3x .tws-content-box--inner-wrapper .tws-content-box--table, .slot--component-container .tws-container--tws-content-box-4x .tws-content-box--inner-wrapper .tws-content-box--table {
        padding: 15px;
    }
}



/*------------------------
CART PAGE
-------------------------*/

.slot--checkout-cart-usps {
  display: none;
}