/*---------------------------------------*/
/*--------- ELIASSON WEBSTUDIO ----------*/
/*---------------------------------------*/
:root {
    --heading-font: "Antic Didone", serif;
    --bg-color: #f6f3f0;
    --button-color: #9a5f47;
    --light-beige: #eee9e4;
    --middle-beige: #ede8e2;
    --dark-beige: #a3988c;
    --khaki-green: #728380;
}

/*------ ANIMATIONS ------*/
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes FadeInText {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/*-----------------------
GENERAL EMPORIUM
------------------------*/
body {
    letter-spacing: .5px !important;
    background: var(--bg-color);
    background-size: cover;
    background-repeat: no-repeat;
}
body:not(.articlegroup, .article, .custompage, .checkout, .checkoutreturnpage) .emporium--body-wrapper {
    max-width: none;
    padding: 30px 0 0;
}
p {
    font-size: 15px;
    line-height: 1.5;
}
.bi {
    vertical-align: -.150em;
}

h1 {
    font-family: var(--heading-font);
    font-size: calc(20px + 1vw);
    letter-spacing: 1px;
    font-weight: normal;
}

h2 {
    font-family: var(--heading-font);
    font-size: calc(20px + .5vw);
    letter-spacing: 1px;
    font-weight: normal;
}
h3 {
    font-family: var(--heading-font);
    font-size: calc(18px + .25vw);
    font-weight: normal;
} 
preline {
    font-family: "Manrope", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
}

/*-------- CTA BUTTONS ---------*/
.cta-button {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1.5px;
    padding: 15px 30px;
    border-radius: 4px;
    margin-top: 15px;
    background: var(--button-color);
    color: #f3f3f4 !important;
    font-weight: normal;
    transition: all .3s ease;
    text-decoration: none !important;
    text-transform: uppercase;
}
.cta-button:hover {
    background: #484848;
    transition: all .3s ease;
}
.cta-button .bi {
    font-size: 18px;
}
.tws-container--tws-custom-html .row {
    display: flex;
    align-items: center;
}

.emporium--top-bar {
    display: none;
}
.emporium--top-bar .emporium--top-bar-wrapper,
.emporium--header .emporium--header-wrapper,
.emporium--body .emporium--body-wrapper,
.slot--breadcrumbs,
.container {
    max-width: 1400px;
}
.emporium--body .emporium--body-wrapper {
    padding: 10px 20px;
}
.emporium--body {
    min-height: 60vh;
}
/*--- Cookies ---*/
.slot--cookies {
    max-width: none;
}
.slot--cookies .tws-accept-cookies {
    padding: 0;
}
.tws-accept-cookies--wrapper.open {
    display: flex;
    align-items: center;
}
.tws-accept-cookies--wrapper-inner {
   display: flex;
}
.slot--cookies .tws-accept-cookies .tws-accept-cookies--wrapper,
.modal.tws-accept-cookies--modal .modal-dialog .modal-content {
    background: var(--button-color);
    color: #F3F3F4;
    font-size: 14px;
}
.btn-default {
    border-bottom: 1px solid #000;
}
.tws-accept-cookies--accept .btn {
    background: transparent;
    border: 2px solid #F3F3F4;
    color: #F3F3F4;
}
@media (min-width: 767px) {
   .slot--cookies .tws-accept-cookies .tws-accept-cookies--wrapper .col-sm-9 {
      width: calc(50% - 5px);
   }

   .slot--cookies .tws-accept-cookies .tws-accept-cookies--wrapper .col-sm-3 {
      width: calc(50% - 5px);
   }

   .slot--cookies .tws-accept-cookies .tws-accept-cookies--wrapper .col-sm-3 .tws-accept-cookies--accept-btn-wrapper {
      display: flex;
      justify-content: flex-end;
   }
}

.tws-accept-cookies--advanced .tws-accept-cookies--headline {
   font-size: 24px;
}

.tws-accept-cookies--advanced .tws-accept-cookies--accept button,
.tws-accept-cookies--advanced .tws-accept-cookies--accept button {
   display: inline-block;
   width: auto;
}

.tws-accept-cookies.tws-accept-cookies--advanced.tws-accept-cookies .tws-accept-cookies--accept-cookie-settings-btn {
   font-weight: normal;
   font-size: 12px;
}
/*--Cookie settings--*/
.modal.tws-accept-cookies--modal .modal-dialog.modal-dialog--thin {
   max-width: none;
}
.modal.tws-accept-cookies--modal .modal-dialog {
   position: absolute;
   bottom: 0;
   top: auto !important;
   padding: 0;
}
.modal.tws-accept-cookies--modal .modal-dialog .modal-header {
   display: none;
}
/*-------------------------
HEADER
-------------------------*/

.emporium--search-button,
.emporium--top-bar .slot--top-bar-audience-selector,
.slot--header-horizontal-menu .tws-top-menu--controls .tws-audience-selector,
.tws-top-menu--controls-lipscore:empty {
    display: none;
}

.emporium--header {
    box-shadow: none;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: transparent;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all .5s ease;
}
.startpage .emporium--header {
    box-shadow: none;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: var(--bg-color);
    transition: all .5s ease;
}

body.scrolled .emporium--header {
    background: rgba(243, 239, 235, 0.7);
    transition: all .3s ease;
}
    .emporium--header .emporium--header-wrapper {
        padding: 10px 30px;
    }
/*------------------------
MENU
-------------------------*/
.slot--header-horizontal-menu .navbar-nav>li.tws-top-menu--item-last {
    position: absolute;
    right: 0;
    padding: 3px 15px;
    border-radius: 4px;
    background: var(--button-color);
    transition: all .3s ease;
    text-decoration: none !important;
    text-transform: uppercase;
}
.slot--header-horizontal-menu .navbar-nav>li.tws-top-menu--item-last:hover {
    background: #484848;
    transition: all .3s ease;
}
.slot--header-horizontal-menu .navbar-nav>li.tws-top-menu--item-last a {
    color: #f3f3f4 !important;
    font-size: 12px;
    letter-spacing: 1.5px;
}
.slot--header-horizontal-menu .navbar-nav>li.tws-top-menu--item-last::after {
    content: "\f138";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    color: #f3f3f3 !important;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    margin-left: 5px;
}
/*------------------------
FRONT PAGE
-------------------------*/
.startpage .emporium--body .emporium--body-wrapper,
.startpage .emporium--body .emporium--body-wrapper .emporium--main .emporium--main-wrapper {
    max-width: none;
    padding: 0;
}

.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-custom-html .tws-custom-html--content,
.emporium--start-page .tws-container--tws-instagram {
    max-width: 1400px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px;
    padding-right: 15px;
}

.emporium--start-page .tws-container--tws-custom-html,
.emporium--start-page .tws-container--abi-parts-finder {
    box-shadow: none;
    background: transparent;
}

.emporium--start-page .tws-container--tws-custom-html img {
    display: block;
    position: relative;
    z-index: 10;
}

.emporium--start-page .tws-container--tws-custom-html .custom-img-wrapper img {
    border: 2px solid var(--bg-color);
}

/*------- HERO -------*/
.emporium--start-page .hero {
    background: url('https://cdn.abicart.com/shop/ws11/141311/files/Designfiler/heroNew.webp');
    width: 100%;
    max-width: 100%;
    background-size: cover;
    background-position: center, center;
    margin-top: 0;
    padding: 300px 0;
    position: relative;
}
.hero::after {
    content: "";
    background: #EDE8E2;
    background: linear-gradient(90deg, rgba(237, 232, 226, 1) 0%, rgba(237, 232, 226, 0.85) 33%, rgba(237, 232, 226, 0.3) 66%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    bottom: 0;
}
.emporium--start-page .hero .tws-custom-html--content {
    position: relative;
    z-index: 100;
}

.emporium--start-page .hero h1 {
    font-size: 50px;
    font-weight: 400;
    margin-top: 15px;
}
.emporium--start-page .hero p {
font-size: 16px;
}
.emporium--start-page .hero a i {
    font-size: 18px;
}

/*------- BANNER --------*/
.emporium--start-page .banner {
    background: var(--middle-beige);
    margin-top: 0;
}

/*-------- SERVICES --------*/
.emporium--start-page .services {
    margin-top: 30px;
}
.emporium--start-page .services .block {
    background: var(--middle-beige);
    padding: 0;
    margin-left: 15px;

}
.emporium--start-page .services .image-wrapper {
    padding: 0;
}

.emporium--start-page .services .text-wrapper h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.emporium--start-page .services .text-wrapper p {
    font-size: 14px;
}
.emporium--start-page .services .text-wrapper .service-button {
    text-decoration: none;
    font-weight: 600;
    color: var(--button-color) !important;
}
.emporium--start-page .services .text-wrapper .service-button:hover {
    color: #484848 !important;
    transition: all .3s ease;
}
.emporium--start-page .services .text-wrapper .bi {
    color: var(--button-color);
    font-size: 16px;
    margin-left: 5px;
}

/*--------- STEP BY STEP ---------*/
.emporium--start-page .step-by-step .step {
    display: flex;
    flex-direction: row;
    align-items: start;
}
.emporium--start-page .step-by-step div.step:not(:last-child) {
    border-right: 2px solid var(--middle-beige);
}
.emporium--start-page .step-by-step .step-no {
    font-family: var(--heading-font);
    width: 33.333%;
    font-size: 28px;
    color: var(--dark-beige);
}

.emporium--start-page .step-by-step .step-info h3 {
    font-size: calc(16px + .25vw);
}

/*----------- E-HANDEL ----------*/
@media (min-width: 992px) {
    .emporium--start-page .e-handel .row {
        display: flex;
        align-items: stretch;
    }

    .emporium--start-page .e-handel .row > .col-md-6 {
        display: flex;
        flex-direction: column;
    }

    .emporium--start-page .e-handel .row > .col-md-6 > * {
        flex: 1;
    }
}
.emporium--start-page .e-handel .row .image img{
    object-fit: cover;
}
.emporium--start-page .e-handel h2 {
    font-size: 50px;
    margin-top: 20px;
}
.emporium--start-page .e-handel .selling-points {
    margin-top: 30px;
    margin-bottom: 30px;
}
.emporium--start-page .e-handel .selling-points .usp {
    display: flex;
    align-items: center;
}
.emporium--start-page .e-handel .selling-points .usp .icon {
    font-size: 25px;
    margin-right: 25px;
    background: var(--middle-beige);
    border-radius: 50%;
    padding: 15px 20px;
}
.emporium--start-page .e-handel .selling-points .usp .usp-info .title {
    font-family: var(--heading-font);
    font-size: 20px;
    margin-bottom: 0;
}
.emporium--start-page .e-handel .selling-points .usp .usp-info span {
    font-size: 22px;
}
.emporium--start-page .e-handel .selling-points .usp .usp-info p {
    margin-top: 0;
}
.emporium--start-page .e-handel p.sidenote {
    font-size: 12px;
}
.emporium--start-page .e-handel p.sidenote span {
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    margin-right: 5px;
}

/*-------- HEMSIDA --------*/
@media (min-width: 992px) {
    .emporium--start-page .hemsida .row {
        display: flex;
        align-items: stretch;
    }

    .emporium--start-page .hemsida .row > .col-md-6 {
        display: flex;
        flex-direction: column;
    }

    .emporium--start-page .hemsida .row > .col-md-6 > * {
        flex: 1;
    }
}
.emporium--start-page .hemsida .row .image img{
    object-fit: cover;
}
.emporium--start-page .hemsida h2 {
    font-size: 50px;
    margin-top: 20px;
}
.emporium--start-page .hemsida .selling-points {
    margin-top: 30px;
    margin-bottom: 30px;
}
.emporium--start-page .hemsida .selling-points .usp {
    display: flex;
    align-items: center;
}
.emporium--start-page .hemsida .selling-points .usp .icon {
    font-size: 25px;
    margin-right: 25px;
    background: var(--middle-beige);
    border-radius: 50%;
    padding: 15px 20px;
}
.emporium--start-page .hemsida .selling-points .usp .usp-info .title {
    font-family: var(--heading-font);
    font-size: 20px;
    margin-bottom: 0;
}
.emporium--start-page .hemsida .selling-points .usp .usp-info span {
    font-size: 22px;
}
.emporium--start-page .hemsida .selling-points .usp .usp-info p {
    margin-top: 0;
}
.emporium--start-page .hemsida p.sidenote {
    font-size: 12px;
}
.emporium--start-page .hemsida p.sidenote span {
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    margin-right: 5px;
}
/*------ TEXT BELOW -------*/
.text-below {
    background: #fff;
    background-size: cover;
    background-position: top;
}

.emporium--start-page .tws-container--tws-custom-html.heading-background+.text-below {
    margin-top: 0 !important;
}

.emporium--start-page .text-below .tws-content-box-3x--box {
    padding: 0 20px;
}

.emporium--start-page .text-below .tws-content-box-3x--box .tws-content-box--container {
    box-shadow: 7px 7px 17px 0px rgba(0, 0, 0, 0.15);
}

.text-below .tws-content-box--inner-wrapper {
    position: relative;
    padding-bottom: 0 !important;
    background: var(--bg-color);
}

.text-below .tws-content-box--table {
    position: relative;
}

.text-below .tws-content-box--table .tws-content-box--first-line,
.text-below .tws-content-box--table .tws-content-box--second-line,
.text-below .tws-content-box--table .tws-content-box--third-line {
    color: #000;
}
.text-below .tws-content-box--table .tws-content-box--first-line {
    font-family: var(--heading-font);
    letter-spacing: 1px;
    font-size: calc(20px + .2vw);
    margin-bottom: 15px;
}
.text-below .tws-content-box--table .tws-content-box--second-line {
    font-size: 14px;
}
.text-below .tws-content-box--table .tws-content-box--third-line {
    margin-top: 20px;
}

/*------------------------
ARTICLE GRID
-------------------------*/
.tws-article-list--list .tws-article-list--buy-button .btn.tws-article-list--show-more-button:after {
    display: none;
}
.tws-article-list--list .tws-list--type-grid .thumbnail {
    box-shadow: none;
    background: rgba(255, 255, 255, 0.5);
}
.tws-article-list--list .tws-list--type-grid .thumbnail .caption {
    align-items: center;
    text-align: center;
}
.tws-article-list--list .tws-article-list--article-name .tws-util-heading--heading {
    font-size: 20px;
    font-family: var(--heading-font);
}
.tws-article-list--list .tws-article-list--introduction-text .intro {
    margin: 0;
}
.tws-article-list--list .tws-article-list--introduction-text .preview {
    display: none;
}
/*------------------------
ARTICLE PAGE
-------------------------*/
@media (min-width: 992px){
    .emporium--article-top .emporium--article-left-col {
     width: calc(70% - 30px);
    }
    .emporium--article-top .emporium--article-right-col {
     width: 30%;
     padding: 0;
     position: sticky;
     top: 100px;
    }
}
@media(max-width: 991px){
    .emporium--article-top .emporium--article-left-col {
        width: 100%;
       }
       .emporium--article-top .emporium--article-right-col {
        width: 100%;
        position: relative;
        top: auto;
       }
} 
.tws-article-introduction--text .tws-article-introduction--read-more,
.slot--article-share,
.slot--article-description .tws-article-description .tws-article-description--show-more,
.slot--article-description .tws-article-description .tws-article-description--heading,
.slot--article-description .tws-article-description .tws-article-description--article-number,
.tws-article-buy-button-with-modal--form .tws-article-buy-button-with-modal--phone-field {
    display: none;
}
.article .slot--article-description img {
    display: block;
    position: relative;
    z-index: 1;
}
.tws-article-introduction--text .intro {
    display: none;
}
/*------ DESCRIPTION -------*/

.slot--article-description {
    padding: 0px;
}
.slot--article-description .tws-article-description {
    max-width: none;
}
.tws-article-description--text-container {
    max-height: none;
}
.slot--article-description section {
    margin: 30px auto;
    padding:  30px;
    border-radius: 15px;
}
.slot--article-description section .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/* .slot--article-description section h2 {
    margin-top: 0;
} */

.slot--article-description p.package-price {
   font-size: 17px;
   margin-top: 5px;
   font-weight: bold; 
}

.slot--article-description section li {
    font-size: 16px;
}

/*-------------------- PRODUKTER OCH TJÄNSTER ---------------*/
@media(min-width: 768px) {
    .custompage-hero .row,
    #graphic-design .row,
    #abicart-design .row,
    #konsult-help .row,
    #newsletter-design .row {
        display: flex;
        align-items: center;
    }
}
.tws-article-description--text {
    white-space: normal;
}
/*---- PRODUCT: ABICART DESIGN ----*/
#abicart-design .custom-img-wrapper::before{
    content: "";
    border: 2px solid var(--khaki-green);
    position: absolute;
    top: 20px;
    bottom: -20px;
    right: 40px;
    left: -10px;
    margin: 10px;
    z-index: 1;
}
.slot--article-description section.abicart-small {
    background: rgba(156, 168, 150, 0.2);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.slot--article-description section.abicart-medium {
    background: rgba(156, 168, 150, 0.4);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.slot--article-description section.abicart-large {
    background: rgba(156, 168, 150, 0.7);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

/*----- PRODUCT: GRAFISK DESIGN ------*/
#graphic-design .custom-img-wrapper::before{
    content: "";
    border: 2px solid var(--button-color);
    position: absolute;
    top: 5px;
    bottom: -30px;
    right: 40px;
    left: 30px;
    margin: 30px;
    z-index: 1;
}
.slot--article-description section.graphic-rolling {
    background: rgba(191, 161, 156, 0.2);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.slot--article-description section.graphic-standard {
    background: rgba(191, 161, 156, 0.4);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.slot--article-description section.graphic-expert {
    background: rgba(191, 161, 156, 0.7);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}


/*----- PRODUCT: GRAFISK DESIGN ------*/
#newsletter-design .custom-img-wrapper::before{
    content: "";
    border: 2px solid var(--button-color);
    position: absolute;
    top: 5px;
    bottom: -30px;
    right: 40px;
    left: 30px;
    margin: 30px;
    z-index: 1;
}
.slot--article-description section.newsletter-rolling {
    background: rgba(191, 161, 156, 0.2);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.slot--article-description section.newsletter-start {
    background: rgba(191, 161, 156, 0.4);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.slot--article-description section.newsletter-standard {
    background: rgba(191, 161, 156, 0.6);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.slot--article-description section.newsletter-business {
    background: rgba(191, 161, 156, 0.9);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}


/*----- PRODUCT: KONSULTHJÄLP ------*/
#consult-help .custom-img-wrapper::before{
    content: "";
    border: 2px solid var(--ash-gray);
    position: absolute;
    top: 20px;
    bottom: -40px;
    right: 40px;
    left: -30px;
    margin: 30px;
    z-index: 1;
}
.slot--article-description section.consulting {
    background: rgba(255, 255, 255, .5);
}
/*----- CONTACT FORM ------*/
.emporium--article-top .emporium--article-right-col .emporium--article-right-col-wrapper {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.tws-article-buy-button-with-modal--form .form-group .form-control::placeholder {
    opacity: 0;
}
.tws-article-buy-button-with-modal--form .form-group .form-control {
    border: 1px solid #c4c4c4;
}
.emporium--buy-button-group .slot--article-buy-button .btn {
    text-transform: none;
    font-weight: 500;
    letter-spacing: .5px;
    transition: all .3s ease;
    border-bottom: 0;
}
.emporium--buy-button-group .slot--article-buy-button .btn:hover {
    background: var(--ash-gray);
    transition: all .3s ease;
}

/*-------- PRODUKT: FÄRDIG DESIGN ---------*/
.tws-article-choices .tws-react-common--form-item.form-group {
    width: 100%;
}
/*------------------------
FOOTER
-------------------------*/
.emporium--footer {
    padding: 50px 0 30px;
}
.emporium--footer p {
    font-size: 14px;
}
.startpage .emporium--footer {
    margin-top: 0;
}
.custompage .emporium--footer {
    margin-top: 0;
}
.emporium--footer h3 {
    font-family: var(--heading-font);
    margin-top: 0;
    font-size: 18px;
}
.emporium--footer ul {
    list-style: none;
    padding: 0;
}
@media (min-width: 992px) {
.emporium--footer .emporium--footer-left {
    width: 20%
}
.emporium--footer .emporium--footer-mid-left {
    width: 30%;
} 
}
.emporium--footer .emporium--footer-left img {
    filter: invert(1);
    max-width: 150px;
}
.madewithabicart-footer-banner {
    background: var(--ash-gray);
    padding-bottom: 1em;
}
.madewithabicart-footer-banner a {
    display: block;
    width: 160px;
    text-decoration: none;
    height: 30px;
    padding-top: 2px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    background-image: url(https://cdn.abicart.com/shop/ws89/120689/files/images/abi.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    font-size: 13px;
    color: #f3f3f4;
  }
/*------------------------
CHECKOUT
--------------------------*/
.tws-opc-cart--wrapper,
.tws-cart-summary--wrapper,
.opc-checkout--shortcuts,
.slot--checkout-cart-usps,
.tws-checkout--select-delivery-wrapper .tws-checkout--select-delivery-list-wrapper,
.tws-checkout--select-delivery-wrapper .tws-checkout--select-payment-list-wrapper,
.tws-checkout--select-payment-wrapper .tws-checkout--select-delivery-list-wrapper,
.tws-checkout--select-payment-wrapper .tws-checkout--select-payment-list-wrapper,
.tws-checkout--forms {
   box-shadow: none;
   border: 1px solid #dbdbdb;
   border-radius: 0;
}

.tws-opc-cart--cart-heading,
.opc-checkout--related .tws-articles-two--heading .tws-util-heading--heading,
.opc-checkout--summary h2,
.tws-cart-summary--header,
.tws-checkout--select-delivery-heading,
.tws-checkout--select-payment-heading,
.tws-checkout--complete-heading {
   font-size: 28px;
}

.tws-opc-cart--header h2 {
   margin-bottom: 20px !important;
}

.tws-opc-cart--rows .tws-opc-cart--item .tws-opc-cart--item-wrapper .tws-opc-cart--item-info .tws-opc-cart--item-info-name a,
.tws-opc-cart--rows .tws-opc-cart--item .tws-opc-cart--item-wrapper .tws-opc-cart--item-price .tws-opc-cart--unit-costs-total,
.opc-checkout--shortcuts .tws-checkout-shortcuts--button-group .tws-checkout-shortcuts--button.btn-default {
   font-weight: normal;
}

.opc-checkout--shortcuts .tws-checkout-shortcuts--field-label {
   font-weight: 500;
}

.tws-opc-cart--rows .tws-opc-cart--item .tws-opc-cart--item-wrapper .tws-opc-cart--item-info .tws-opc-cart--item-info-artno {
   font-size: 13px;
}

.tws-opc-cart--rows .tws-opc-cart--item .tws-opc-cart--item-wrapper .tws-opc-cart--item-price .tws-opc-cart--unit-costs .tws-opc-cart--unit-costs-vat {
   display: none;
}
/*------------------------
CUSTOM PAGES
---------------------------*/
.customPageItem.customPageHtml {
    margin: 0 auto;
    background: transparent;
    box-shadow: none;
    padding: 0;
}
.custompage-8963977 .customPageItem.customPageHtml, /* Villkor */
.custompage-8974949 .customPageItem.customPageHtml /* Integritet */ {
    max-width: 900px;
}
.slot--custom-page .tws-custom-page > div:first-child {
    margin-top: 0;
}
.slot--custom-page img {
    display: block;
    position: relative;
    z-index: 10;
}

.custompage-hero {
    padding: 0 50px 30px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-radius: 25px;
}
.custompage-hero .custom-img-wrapper {
    padding: 50px 0 50px 50px;
}
.custompage-hero .custom-img-wrapper::before{
        content: "";
        border: 2px solid var(--khaki-green);
        position: absolute;
        top: 40px;
        bottom: -30px;
        right: 60px;
        left: -20px;
        margin: 50px;
        z-index: 1;
        opacity: 0.5;
}

/*---- WEBBDESIGN ----*/
#webdesign {
    background: url("https://cdn.abicart.com/shop/ws11/141311/files/dividers/curly-divider-bottom.webp");
    background-size: cover;
    background-position: bottom;
    padding: 60px 0;
} 
#webdesign .row > div{
    width: calc(50% - 20px);
    padding: 15px 40px 40px;
    border-radius: 25px;
    background: rgba(156, 168, 150, 0.2);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

/*---- KONTAKT -----*/
.slot--contact-form {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}
.slot--contact-form .tws-contact-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.slot--contact-form .tws-contact-form--before-text {
    width: 100%;
    max-width: calc(50% - 40px);
    margin: 0;
}
.slot--contact-form .tws-contact-form--form-outer-wrapper {
    width: 100%;
    max-width: calc(50% - 40px);
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
}
.tws-contact-form--email-field input.form-control::placeholder {
    font-size: 0;
}
.tws-contact-form--form-inner-wrapper .form-group {
    margin-bottom: 10px;
}
.tws-contact-form--submit-btn {
    width: 100%;
    border: 0;
    padding: 10px 0;
    font-size: 16px;
}
.slot--contact-form .tws-contact-form--form-outer-wrapper .tws-contact-form--form-inner-wrapper textarea {
    min-height: 80px;
}
/*---------------------------------------------
-----------------MEDIA QUERIES-----------------
----------------------------------------------*/
@media(max-width: 991px) {

    body.emporium--menu-open .emporium--overlay {
        display: block;
        background: rgba(243, 239, 235, 0.7);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        top: 60px;
    }
    .slot--header-horizontal-menu {
        background: transparent;
    }
    .emporium--menu-open .slot--header-horizontal-menu {
        border-bottom: 0;
    }
    .slot--header-horizontal-menu .navbar-nav > li {
        display: block;
    }
    .slot--header-horizontal-menu .tws-top-menu--controls .tws-login a, .slot--header-horizontal-menu .tws-top-menu--controls .slot--open-cookie-settings .tws-accept-cookies--open-btn a,
    .slot--header-horizontal-menu .navbar-nav > li {
        border-color: var(--ash-gray);
    }
    .slot--header-horizontal-menu .navbar-nav>li.tws-top-menu--item-last {
        position: relative;
        display: inline-block;
    }
    .slot--header-horizontal-menu .navbar-nav>li.tws-top-menu--item-last .tws-top-menu--xs-item {
        display: inline-block;
    }
    
    /*----- startsida ------*/
    body.startpage .tws-container--tws-custom-html:not(.hero, .services, .step-by-step) .row {
        flex-direction: column;
    }
    .emporium--start-page .banner .row >div:first-child{
        flex-grow: 2;
    }
    .emporium--start-page .banner .row >div:last-child{
        flex-shrink: 2;
    }
    .emporium--start-page .tws-container--tws-custom-html.services  .row {
        flex-wrap: wrap;
        align-items: start;
    }
    .emporium--start-page .services .block {
        width: calc(50% - 15px);
        margin-bottom: 30px;
    }
    .tws-container--tws-custom-html.personal-intro {
        margin-top: 0;
    }
    .emporium--start-page .e-handel {
        margin-top: 0;
    }
    .emporium--start-page .e-handel h2 {
        font-size: 40px;
    }
    .tws-container--tws-custom-html.e-handel .info {
        order: 2;
    }
    .tws-container--tws-custom-html.e-handel .image {
        order: 1;
        margin-bottom: 30px;
    }
    .tws-container--tws-custom-html.hemsida h2 {
        font-size: 40px;
    }
    .tws-container--tws-custom-html.hemsida .image {
        margin-bottom: 30px;
    }
    .tws-container--tws-custom-html.step-by-step .row {
        flex-wrap: wrap;
    }
    .tws-container--tws-custom-html.about img {
        border-radius: 50%;
    }

    /*------- ARTICLE --------*/
    .emporium--article-top .emporium--article-right-col {
        padding-left: 0;
    }
}
@media screen and (max-width: 768px) {

    #webdesign .row > div {
        width: 100%;
        margin-bottom: 30px;
    }
    .grafisk-design .custom-img-wrapper::before {
        top: 20px;
        right: 20px;
    }
    .slot--contact-form .tws-contact-form {
        flex-direction: column;
    }
    .slot--contact-form .tws-contact-form--before-text,
    .slot--contact-form .tws-contact-form--form-outer-wrapper {
        width: 100%;
        max-width: none;
    }
    .slot--contact-form .tws-contact-form--form-outer-wrapper {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
        p {
        font-size: 16px;
    }
    .cta-button {
        font-size: 14px;
    }
    .tws-accept-cookies--wrapper-inner {
      flex-direction: column;
   }
    .slot--header-logo {
        max-width: 150px;
    }
   /*----- STARTPAGE -----*/
   .emporium--start-page .tws-container--tws-custom-html, .emporium--start-page .tws-container--abi-parts-finder {
    padding-left: 0;
    padding-right: 0;
   }
    body.startpage {
        background-size: 145% 350px;
    }
    .tws-container--tws-custom-html.hero {
        padding: 80px 0 130px;
    }
    .hero::after {
        background: rgba(237, 232, 226, 0.7);
    }
  .emporium--start-page .hero h1 {
    font-size: 40px;
  }
    body.startpage .tws-container--tws-custom-html .row {
        flex-direction: column;
    }
    .tws-container--tws-custom-html.banner h2 {
        font-size: 35px;
    }
    .emporium--start-page .services h3 {
        font-size: 25px;
    }

    .emporium--start-page .services .block {
        width: 100%;
        margin: 0 auto 30px;
    }
    .emporium--start-page .services .block .text-wrapper {
        padding-bottom: 15px;
    }
    .emporium--start-page .services .text-wrapper p {
        font-size: 15px;
    }
    .emporium--start-page .e-handel h2,
    .emporium--start-page .hemsida h2 {
        font-size: 30px;
    }
    .emporium--start-page .step-by-step .step {
        width: 100%;
    }
    /*------ CUSTOMPAGE -------*/
    .custompage-hero {
        padding: 15px;
    }
    .custompage-hero .custom-img-wrapper::before {
        top: 20px;
        bottom: -20px;
        right: 0;
        left: -10px;
    }

    /*--------- PRODUCTS --------*/
    .emporium--article-images {
        display: none;
    }
    .slot--article-description section .col-sm-4 {
        margin-top: 30px;
    }
}