/*
* ===================================================
*     CUSTOM CSS CODE BELOW
HÄR KAN DU TEX SKRIVA DIN KOD N
* ===================================================
*/

.mainmenu_font_size {

}


/*
* ===================================================
*     PRODUKT STARTSIDA
* ===================================================
*/

.producttitle-font-size {
font-size: 1rem;
font-family:'Big Caslon', serif;
font-weight: 300;


}

.text-base {
font-size: 1rem;
font-family:'Montserrat', sans-serif;
font-weight: 300;


}

/*
* ===================================================
*     STARTSIDA SPACING PÅ ALL TEXT
* ===================================================
*/


.html {
font-family: sans-serif;
line-height: 1.2;
letter-spacing: 0.1em;
}

/*
* ===================================================
*    HEADER & MENY
* ===================================================
*/

font-family:'Montserrat', sans-serif;


.dropdown-menu {
    font-family:'Montserrat', sans-serif;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: .875rem;
color: #40302a;
text-align: left;
list-style: none;
background-color: #f5f1e9;
background-clip: padding-box;
border: 2 solid rgba(255,255,255,.15);
border-radius: 2;
}

.dropdown-item {
display: block;
width: 100%;
padding: .4rem 1.5rem;
clear: both;
font-weight: 400;
color: #40302a;
text-align: inherit;
white-space: #f5f1e9;
background-color: #f5f1e9;
border: 2;
}

.dropdown-item:focus, .dropdown-item:hover {
color: #40302a;
text-decoration: none;
background-color: #f5f1e9;
}

.swiper-pagination-bullet-active {
opacity: 1;
background: #ffffff;
}


.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
    opacity: 0.5;
}




.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
right: auto;
left: 30px;
background-image: url("data:none=)!important");
}


.swiper-nav .swiper-button-prev, .swiper-nav .swiper-button-next {
    transition: all 0.2s ease-in-out;
    opacity: 0.3;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 30px;
    left: auto;
    background-image: url(none);
}


.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.product-swap-image-effect .product-swap-image-front {
transition: opacity 0.5s ease-in-out;
}
.product-swap-image .product-swap-image-front {
position: relative;
cursor: pointer;
z-index: 10;
}

.product-swap-image img {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
max-width: 100%;
}


/* ----------------------------------------------
 * Generated by Animista on 2023-2-3 4:6:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes bounce-in-right{0%{-webkit-transform:translateX(600px);transform:translateX(600px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateX(68px);transform:translateX(68px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateX(32px);transform:translateX(32px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateX(8px);transform:translateX(8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes bounce-in-right{0%{-webkit-transform:translateX(600px);transform:translateX(600px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateX(68px);transform:translateX(68px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateX(32px);transform:translateX(32px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateX(8px);transform:translateX(8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}

.bounce-in-right{-webkit-animation:bounce-in-right 1.1s 2s both;animation:bounce-in-right 1.1s 2s both}