/** Shopify CDN: Minification failed

Line 201:4 Unexpected "{"
Line 512:0 Expected "{" but found "."
Line 533:0 Expected "}" to go with "{"

**/
/* Event-kalender */
.eapp-events-calendar-popup-item-name { font-family: "HurmeGeometricSans2-SemiBold"!important;
            color: #000000;
}

.eapp-events-calendar-name-component.jsx-764416979 { font-family: "HurmeGeometricSans2-SemiBold"!important;
            color: #000000;
}

.eapp-events-calendar-events-calendar-title.jsx-2733227550 { font-family: "HurmeGeometricSans2-SemiBold"!important;
            color: #000000;
}

.eapp-events-calendar-masonry-item-date .eapp-events-calendar-date-element-start .eapp-events-calendar-date-element-day { font-family: "HurmeGeometricSans2-SemiBold"!important;
    font-size: 48px;
    line-height: 50px;
     color: #ffffff;                                                                                                                     
}

.eapp-events-calendar-masonry-item-date .eapp-events-calendar-date-element-start .eapp-events-calendar-date-element-month { font-family: "HurmeGeometricSans2-SemiBold"!important;
    font-size: 16px;
    line-height: 15px;
     color: #ffffff;                                                                                                                      
}

.eapp-events-calendar-masonry-item-date .eapp-events-calendar-date-element-end .eapp-events-calendar-date-element-month { font-family: "HurmeGeometricSans2-SemiBold"!important;
    font-size: 12px;
    line-height: normal;
     color: #ffffff;                                                                                                                     
}

.eapp-events-calendar-masonry-item-date .eapp-events-calendar-date-element-endContainer {
    margin-top: -32px;
}

.eapp-events-calendar-masonry-item-date .eapp-events-calendar-date-element-end .eapp-events-calendar-date-element-day { font-family: "HurmeGeometricSans2-SemiBold"!important;
   font-size: 24px;
   color: #ffffff;                                                                                                                     
}

.eapp-events-calendar-share-link-text { font-family: "HurmeGeometricSans2-SemiBold"!important;
    font-size: 1.9rem;
    color: #000000;                                
}

.eapp-events-calendar-share-email-text { font-family: "HurmeGeometricSans2-SemiBold"!important;
    font-size: 1.9rem;
    color: #000000;                                
}

.eapp-events-calendar-share-link-copiedText { font-family: "HurmeGeometricSans2-SemiBold"!important;
    font-size: 1.9rem;
    color: #000000;                                
}

/* Karta */
#stockist-widget .stockist-search-filter-checkbox input {
   
    vertical-align: unset!important;
}

#stockist-widget .stockist-result-name { font-family: "HurmeGeometricSans2-SemiBold"!important;
            color: #000000;
}

#stockist-widget .leaflet-container {
    font: 12px/1.5 "ShipporiMincho-Regular";
}

#stockist-widget .leaflet-popup-content-wrapper, #stockist-widget .leaflet-popup-tip {
    color: #000;
}

@media screen and (min-width: 990px) {
.page-width--narrow {
    max-width: 90rem!important;
 }
}

/* Centrerar rubrik H1 på liten skärm */
@media only screen and (max-width: 749px) {
h1, .h1 {
    text-align: center;
 }
}

.full-unstyled-link {
    display: unset!important; 
}


.image-with-text__text p {
  text-align: left;
}

.video-with-text__text p {
  text-align: center;
}

.product__title {
  text-align: center;
}

.list-social__item .icon {
    height: 3.6rem;
    width: 3.6rem;
}

.list-social__link {
    padding: 0.5rem;
}

.footer-block__heading {  
    font-size: calc(var(--font-heading-scale) * 2.5rem);  
    margin-top: 1.5rem;  
    margin-bottom: 1.5rem;
    filter:invert(100%);
}

.footer-block--newsletter {
    margin-bottom: 4rem;
}

.footer-block__details-content>p {
    margin-bottom: 4rem;
}


.product-cola::after {
   position: absolute;  
   content: '';
   background: transparent url(/cdn/shop/files/puff-cola.png?v=1685345541) no-repeat center/contain;
   width: 22%;
   height: 22%;
   top: 11%;
   left: 15%;
}

.product-award::after {
   position: absolute;  
   content: '';
   background: transparent url(/cdn/shop/files/puff-global-award.png?v=1685314156) no-repeat center/contain;
   width: 24%;
   height: 24%;
   top: 64%;
   left: 60%;
}


.product-drinkbas::after {
   position: absolute;  
   content: '';
   background: transparent url(/cdn/shop/files/puff-drinkbas.png?v=1673390500) no-repeat center/contain;
   width: 22%;
   height: 22%;
   top: 11%;
   left: 15%;
}

.product-tonic::after {
   position: absolute;  
   content: '';
   background: transparent url(/cdn/shop/files/puff-tonic.png?v=1673390993) no-repeat center/contain;
   width: 22%;
   height: 22%;
   top: 11%;
   left: 15%;
}

/* test 2023-12-18 meny-bakgrund
.normal {
  filter:invert(0%)
}
.inverted {
  filter:invert(100%) !important
}

*/

h1,h2,h3 { vertical-align: text-bottom;
    }


@media screen {
.banner__media {background-color: #000000!important;}
}


/* Sätter font på rubrik och helt svart */
h1,h2,h3 { font-family: "HurmeGeometricSans2-SemiBold"!important;
            color: #000000;
}

h1, {
    text-align: center;
}

p,body { font-family: "ShipporiMincho-Regular"!important; }
p,body { letter-spacing: -.1px; }

.global-media-settings {
    border: none !important;
}


.stiftelsen {
  background: #000000;
  }

.stiftelsen-header {
  background: #000000;
  }

body,
.color-background-1,
.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  color: rgba(var(--color-foreground));
  background-color: rgb(var(--color-background));
}

.header__menu-item {
  padding: 1.2rem;
  text-decoration: none;
  color: rgba(var(--color-foreground));
}

.header__menu-item:hover {
  color: rgb(var(--color-foreground), 0.75);
}

@media screen and (min-width: 990px){
  .header--middle-left {
    grid-template-areas: "drawer heading icons";
  }

header-drawer {display: initial !important; grid-area: drawer;}

.header__heading, .header__heading-link {grid-area: heading; justify-self: center !important;}

.header__inline-menu {display: none; visibility:hidden;}
}

 #cart-icon-bubble svg {
   width: 30px;
   height: 30px;
}

  #header-menu svg {
   width: 30px;
   height: 30px;
}

.header__search use {
    display: none !important;
}

.button {
    font-family: HurmeGeometricSans2-SemiBold,sans-serif;
    font-size: 1.9rem;
    padding-top: 3px;
    text-transform: uppercase;
}

.field__input field__label {
    font-family: HurmeGeometricSans2-SemiBold,sans-serif;
    font-size: 1.9rem;
}

.field__label {
    font-family: HurmeGeometricSans2-SemiBold,sans-serif;
    font-size: 1.9rem;
    text-transform: uppercase;
}

.field {
       --inputs-border-opacity: 1.0;
}

.navbar-brand>img {
margin: 0px auto;
}

.header {
    grid-template-columns: 1fr 2fr 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 100%;
  }


@media screen and (min-width: 750px){
#stift {
    max-width: 400px;
    margin-top: 120px;
  }
}

@media screen and (max-width: 749px){
#stift {
    max-width: 400px;
    margin-top: 0px;
  }
}

/* Sätter Hyperlink utan underline och helt svart */
a {
  text-decoration: none;
  color: #000000;
  line-height: 0rem;
}

@media screen and (max-width: 749px){
  .menu-drawer__menu-item {
      font-family: "HurmeGeometricSans2-SemiBold";
      font-size: 5rem;
      padding: 0.0rem 1rem;
  }
  .menu-drawer__utility-links {
      padding: 1rem;
}
  
}


@media screen and (min-width: 750px){
  .menu-drawer__menu-item {
      font-family: "HurmeGeometricSans2-SemiBold";
      font-size: 5rem;
      padding: 0.0rem 4rem;
  }
   .menu-drawer__utility-links {
      padding: 4rem;
}
}

.list-menu__item {
    line-height: calc(0.8 + 0.2 / var(--font-body-scale));
}

.header__icon--menu[aria-expanded=true]:before {
    background: none;
}


@media screen and (min-width: 990px) {
  .overflow-hidden-tablet {
    overflow: hidden;
  }
}

/* Centerar rukriken på text-med-bild */
.image-with-text__heading {
    width: 100%;
    text-align: center;
}

/* Minskar radavstånd mellan Pris och Skatt ingår på produktsidan */
.product__tax {
    margin-top: -2.6rem;
}

/* Inverterar drop-down menyn */
.menu-open {
    filter:invert(100%);
}


.menu-drawer {
    
    overflow-x: hidden;
    overflow-y: hidden;
}

@media screen and (min-width: 990px) {
  .card .media.media--hover-effect > img:only-child,
  .card-wrapper .media.media--hover-effect > img:only-child {
    transition: transform var(--duration-long) ease;
  }

  .card:hover .media.media--hover-effect > img:first-child:only-child,
  .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child {
    transform: scale(1.0);
  }


  .card-wrapper:hover .media.media--hover-effect > img + img {
    opacity: 1;
    transition: transform var(--duration-long) ease;
    transform: scale(1.0);
  }

  .underline-links-hover:hover a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }
}

/* Ökar mini-höjden för banner-bild - Behövs i mobil-läget */
@media screen and (max-width: 749px) {
  .banner--large.video-background:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
      min-height: 50rem;
  }
}


/* Ökar padden på multicolumn */
.background-none .multicolumn-card__info {
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
}



/* Tar bort bakgrundsfärg för sociala medier i drop-down menyn */
.menu-drawer__utility-links {
   background-color: #FFFFFF;
}



/* Tar bort hover-färg och activ-link-färg i drop-down menyn */
.menu-drawer__menu-item--active,
.menu-drawer__menu-item:focus,
.menu-drawer__close-button:focus,
.menu-drawer__menu-item:hover,
.menu-drawer__close-button:hover {
  background-color: #FFFFFF;
}

/* Tar bort hover-färg och activ-
.menu-drawer {
  position: absolute;
  transform: translateX(-100%);
  visibility: hidden;
  z-index: 3;
  left: 0;
  top: 0%;
 
  padding: 0;
  border-width: 0 var(--drawer-border-width) 0 0;
  background-color: rgb(var(--color-background));
  overflow-x: hidden;
  border-style: solid;
  border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
  filter: drop-shadow(
    var(--drawer-shadow-horizontal-offset)
    var(--drawer-shadow-vertical-offset)
    var(--drawer-shadow-blur-radius)
    rgba(var(--color-shadow), var(--drawer-shadow-opacity))
  );
}

.js .menu-drawer {
  height: calc(100vh - 100%);
  height: calc(
    var(--viewport-height, 100vh)
  );
}
link-färg i drop-down menyn */

.rte a {
  color: rgb(var(--color-link));
  
}


@media screen and (min-width: 750px) {
  .banner--desktop-transparent .banner__box {
    max-width: 66rem !important;  
  }

/* för event-video: */
.u-none {
     display: none;
      
        }

.event-video {
  
  

}

#video {max-width: 500px;}

.back-video {
  
  position: absolute;}
   
.video-with-text__media {
    min-height: 100%;
    overflow: visible;
}

  .video__media {
    background-color: #ffffff!important;
}


  @media screen and (min-width: 750px) 
.image-with-text-mocktails__content--top {
    justify-content: center;
    align-self: flex-start;
 }

@media screen and (max-width: 749px){
  .image-with-text-mocktails__content--top {
    justify-content: center;
    align-self: flex-start;
 }  
}

  /* Test 2023-12-18
  
  @media screen and (min-width: 750px){
.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
    top: 40px;
  }    
}

  */