.elementor-20672 .elementor-element.elementor-element-e78044c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--flex-wrap:wrap;--padding-top:96px;--padding-bottom:96px;--padding-left:48px;--padding-right:48px;}.elementor-20672 .elementor-element.elementor-element-b077572{--divider-border-style:solid;--divider-color:#4A4A4A59;--divider-border-width:1px;}.elementor-20672 .elementor-element.elementor-element-b077572 > .elementor-widget-container{margin:-32px 0px 0px 0px;}.elementor-20672 .elementor-element.elementor-element-b077572 .elementor-divider-separator{width:100%;}.elementor-20672 .elementor-element.elementor-element-b077572 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-20672 .elementor-element.elementor-element-a7d675e{--grid-columns:5;}.elementor-20672 .elementor-element.elementor-element-ac965a1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-20672 .elementor-element.elementor-element-ac965a1{--width:40%;}}@media(max-width:1366px){.elementor-20672 .elementor-element.elementor-element-a7d675e{--grid-columns:4;}}@media(max-width:1024px){.elementor-20672 .elementor-element.elementor-element-a7d675e{--grid-columns:2;}}@media(max-width:767px){.elementor-20672 .elementor-element.elementor-element-a7d675e{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-a7d675e *//* =========================================================
   HBV – MEDARBETARE / STYRELSE
   Uppnålade porträtt / vykort

   Elementor styr:
   - antal kolumner
   - bredd
   - grid-gap

   Kräver:
   Loop Grid:
   hbv-team-postcard-loop

   Kortets huvudcontainer:
   hbv-team-card

   Kontaktcontainer:
   hbv-team-contact
========================================================= */


/* =========================================================
   SJÄLVA KORTET
========================================================= */

.hbv-team-postcard-loop .hbv-team-card {
    position: relative;
    isolation: isolate;

    width: 100%;
    height: 100%;

    padding: 12px 12px 22px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.98),
            rgba(248, 245, 236, 0.98)
        );

    border: 1px solid rgba(73, 61, 44, 0.12);
    border-radius: 0 !important;

    box-shadow:
        0 2px 3px rgba(47, 38, 27, 0.12),
        0 12px 24px rgba(47, 38, 27, 0.11),
        0 24px 42px rgba(47, 38, 27, 0.06);

    transform: rotate(-0.7deg);
    transform-origin: 50% 15px;

    transition:
        transform 300ms ease,
        box-shadow 300ms ease;
}


/* Elementors innercontainer ska fylla hela kortet */

.hbv-team-postcard-loop
.hbv-team-card > .e-con-inner {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;

    gap: 0;
}


/* =========================================================
   VARIERAD ROTATION
========================================================= */

.hbv-team-postcard-loop
.e-loop-item:nth-child(4n + 2)
.hbv-team-card {
    transform: rotate(0.85deg);
}

.hbv-team-postcard-loop
.e-loop-item:nth-child(4n + 3)
.hbv-team-card {
    transform: rotate(-0.35deg);
}

.hbv-team-postcard-loop
.e-loop-item:nth-child(4n + 4)
.hbv-team-card {
    transform: rotate(0.55deg);
}


/* =========================================================
   HOVER
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card:hover {
    transform:
        rotate(0deg)
        translateY(-4px);

    box-shadow:
        0 3px 5px rgba(47, 38, 27, 0.13),
        0 16px 30px rgba(47, 38, 27, 0.14),
        0 30px 54px rgba(47, 38, 27, 0.08);
}


/* =========================================================
   NÅL
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card::before {
    content: "";

    position: absolute;
    z-index: 10;

    top: -8px;
    left: 50%;

    width: 17px;
    height: 17px;

    border: 1px solid rgba(80, 20, 16, 0.5);
    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(255, 255, 255, 0.95) 0 8%,
            #c85649 12%,
            #9d3028 58%,
            #671b17 100%
        );

    box-shadow:
        0 2px 2px rgba(0, 0, 0, 0.28),
        0 6px 8px rgba(0, 0, 0, 0.16);

    transform: translateX(-50%);
}


/* Nålens skugga */

.hbv-team-postcard-loop
.hbv-team-card::after {
    content: "";

    position: absolute;
    z-index: 9;

    top: 7px;
    left: 50%;

    width: 24px;
    height: 7px;

    border-radius: 50%;

    background: rgba(35, 25, 17, 0.16);

    filter: blur(3px);

    transform: translateX(-50%);

    pointer-events: none;
}


/* =========================================================
   BILDWIDGET
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.elementor-widget-theme-post-featured-image {
    position: relative;
    overflow: hidden;

    width: 100%;
    margin: 0 0 18px !important;

    background: #ded9cd;

    border: 1px solid rgba(45, 38, 28, 0.14);
    border-radius: 0 !important;
}


/* =========================================================
   BILDYTA
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.elementor-widget-theme-post-featured-image
> .elementor-widget-container {
    position: relative;
    overflow: hidden;

    width: 100%;
    aspect-ratio: 4 / 5;

    padding: 0 !important;
}


/* =========================================================
   LIGHTBOX-LÄNK
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.elementor-widget-theme-post-featured-image
> .elementor-widget-container
> a {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    overflow: hidden;
}


/* =========================================================
   VANLIGA PORTRÄTT
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.elementor-widget-theme-post-featured-image
> .elementor-widget-container
> a
> img {
    position: absolute;
    inset: 0;

    display: block;

    width: 100% !important;
    height: 100% !important;

    min-width: 100%;
    min-height: 100%;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: 0 !important;

    filter:
        saturate(0.92)
        contrast(0.97)
        sepia(0.03);

    transform: scale(1.01);

    transition:
        transform 500ms ease,
        filter 500ms ease;
}


/* Bild-hover */

.hbv-team-postcard-loop
.hbv-team-card:hover
.elementor-widget-theme-post-featured-image
> .elementor-widget-container
> a
> img {
    transform: scale(1.035);

    filter:
        saturate(0.98)
        contrast(0.99)
        sepia(0.01);
}


/* =========================================================
   FALLBACK / INGEN BILD
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
img[src*="employee-missing-image"] {
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    padding: 24px;

    background:
        linear-gradient(
            135deg,
            #e9e5db,
            #dcd5c8
        );

    filter:
        grayscale(1)
        opacity(0.62);

    transform: none !important;
}


/* Ingen zoom på fallback */

.hbv-team-postcard-loop
.hbv-team-card:hover
img[src*="employee-missing-image"] {
    transform: none !important;

    filter:
        grayscale(1)
        opacity(0.62);
}


/* =========================================================
   SVAG FOTOTON
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.elementor-widget-theme-post-featured-image
> .elementor-widget-container::after {
    content: "";

    position: absolute;
    z-index: 2;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(255, 248, 228, 0.04),
            rgba(62, 42, 20, 0.07)
        );

    box-shadow:
        inset 0 0 28px rgba(45, 32, 18, 0.10);

    pointer-events: none;
}


/* =========================================================
   ÖVRE INNEHÅLLSCONTAINER
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.elementor-element-19b4aa5 {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 8px;
}


/* =========================================================
   NAMN
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.elementor-element-d3df24e {
    margin: 0 !important;
}

.hbv-team-postcard-loop
.hbv-team-card
.elementor-element-d3df24e
> .elementor-widget-container {
    padding:
        0 6px !important;
}

.hbv-team-postcard-loop
.hbv-team-card
.elementor-element-d3df24e
.elementor-heading-title {
    margin: 0;
}


/* =========================================================
   ROLL
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.elementor-element-f24492d {
    margin: 0 !important;
}

.hbv-team-postcard-loop
.hbv-team-card
.elementor-element-f24492d
> .elementor-widget-container {
    padding:
        0 6px !important;
}

.hbv-team-postcard-loop
.hbv-team-card
.elementor-element-f24492d
.elementor-heading-title {
    margin: 0;
}


/* =========================================================
   TA BORT EVENTUELLA EXTRA AVDELARE
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.elementor-widget-heading::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   KONTAKTCONTAINER
   Lägg klassen hbv-team-contact på containern
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.hbv-team-contact {
    width: 100%;

    margin-top: auto;

    padding:
        14px 6px 0 !important;

    border-top:
        1px solid rgba(73, 61, 44, 0.14);

    gap: 7px;
}


/* =========================================================
   KONTAKTWIDGETS
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.hbv-team-contact
.elementor-widget {
    margin: 0 !important;
}


/* =========================================================
   ICON LIST
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.hbv-team-contact
.elementor-icon-list-items {
    margin: 0 !important;
    padding: 0 !important;
}

.hbv-team-postcard-loop
.hbv-team-card
.hbv-team-contact
.elementor-icon-list-item {
    margin: 0 !important;
    padding: 0 !important;
}


/*
 * Ta bort Elementors eventuella separators
 * på varje individuell listpunkt.
 */

.hbv-team-postcard-loop
.hbv-team-card
.hbv-team-contact
.elementor-icon-list-item::before,
.hbv-team-postcard-loop
.hbv-team-card
.hbv-team-contact
.elementor-icon-list-item::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   KONTAKTLÄNKAR
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.hbv-team-contact
.elementor-icon-list-item
a {
    display: flex;
    align-items: center;

    width: 100%;

    margin: 0 !important;
    padding: 2px 0 !important;

    border: 0 !important;

    text-decoration: none;
}


/* =========================================================
   IKON
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.hbv-team-contact
.elementor-icon-list-icon {
    flex: 0 0 auto;
}


/* =========================================================
   TELEFON UTAN IKON
   Ger samma vänsterlinje som mail-länken trots att telefonen
   i din HTML saknar ikon.
========================================================= */

.hbv-team-postcard-loop
.hbv-team-card
.hbv-team-contact
.elementor-widget-icon-list
+ .elementor-widget-icon-list {
    margin-top: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .hbv-team-postcard-loop
    .hbv-team-card {
        padding:
            10px 10px 20px;
    }
}


/* =========================================================
   MOBIL
========================================================= */

@media (max-width: 767px) {

    .hbv-team-postcard-loop
    .hbv-team-card,

    .hbv-team-postcard-loop
    .e-loop-item:nth-child(4n + 2)
    .hbv-team-card,

    .hbv-team-postcard-loop
    .e-loop-item:nth-child(4n + 3)
    .hbv-team-card,

    .hbv-team-postcard-loop
    .e-loop-item:nth-child(4n + 4)
    .hbv-team-card {
        transform: rotate(-0.25deg);
    }


    .hbv-team-postcard-loop
    .e-loop-item:nth-child(even)
    .hbv-team-card {
        transform: rotate(0.25deg);
    }


    .hbv-team-postcard-loop
    .hbv-team-card:hover {
        transform:
            rotate(0deg)
            translateY(-3px);
    }


    .hbv-team-postcard-loop
    .hbv-team-card
    .elementor-widget-theme-post-featured-image {
        margin-bottom: 15px !important;
    }


    .hbv-team-postcard-loop
    .hbv-team-card
    .hbv-team-contact {
        padding-top: 13px !important;
    }
}


/* =========================================================
   REDUCERAD RÖRELSE
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .hbv-team-postcard-loop
    .hbv-team-card,

    .hbv-team-postcard-loop
    .hbv-team-card
    .elementor-widget-theme-post-featured-image
    img {
        transition: none;
    }


    .hbv-team-postcard-loop
    .hbv-team-card:hover {
        transform: rotate(0deg);
    }


    .hbv-team-postcard-loop
    .hbv-team-card:hover
    .elementor-widget-theme-post-featured-image
    img {
        transform: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac965a1 *//* =========================================================
   VIKTIG INFORMATION / BETALNINGSUPPGIFTER
========================================================= */

.important-info {
    position: relative;
    overflow: hidden;

    width: 100%;

    padding:
        clamp(24px, 3vw, 36px);

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.98),
            rgba(248, 245, 236, 0.98)
        );

    border:
        1px solid rgba(73, 61, 44, 0.12);

    border-radius: 10px;

    box-shadow:
        0 2px 3px rgba(47, 38, 27, 0.05),
        0 12px 28px rgba(47, 38, 27, 0.05);
}


/* =========================================================
   LITEN DEKORATIV MARKERING
========================================================= */

.important-info::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    background: currentColor;

    opacity: 0.18;
}


/* =========================================================
   TEXTWIDGET
========================================================= */

.important-info
.elementor-widget-text-editor {
    margin: 0 !important;
}

.important-info
.elementor-widget-text-editor
> .elementor-widget-container {
    margin: 0;
}


/* =========================================================
   LISTA
========================================================= */

.important-info ul {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        0 36px;

    list-style: none;

    margin: 0;
    padding: 0;
}


/* =========================================================
   LISTPUNKT
========================================================= */

.important-info li {
    position: relative;

    margin: 0;

    padding:
        15px 0 15px 26px;

    border-bottom:
        1px solid rgba(73, 61, 44, 0.10);

    line-height: 1.5;
}


/*
 * Tar bort nedersta linjen från de två sista
 * posterna på desktop.
 */

.important-info li:nth-last-child(-n + 2) {
    border-bottom: 0;
}


/* =========================================================
   LITEN MARKÖR
========================================================= */

.important-info li::before {
    content: "";

    position: absolute;

    top: 50%;
    left: 0;

    width: 8px;
    height: 8px;

    border:
        1px solid currentColor;

    border-radius: 50%;

    opacity: 0.5;

    transform:
        translateY(-50%);
}


/* =========================================================
   HOVER
   Bara en mycket subtil respons
========================================================= */

.important-info li {
    transition:
        padding-left 220ms ease,
        opacity 220ms ease;
}

.important-info li:hover {
    padding-left: 30px;
}


/* =========================================================
   TABLET / MOBIL
========================================================= */

@media (max-width: 767px) {

    .important-info {
        padding:
            22px 20px;
    }

    .important-info ul {
        grid-template-columns: 1fr;

        gap: 0;
    }

    .important-info li {
        padding:
            13px 0 13px 24px;
    }

    .important-info li:nth-last-child(-n + 2) {
        border-bottom:
            1px solid rgba(73, 61, 44, 0.10);
    }

    .important-info li:last-child {
        border-bottom: 0;
    }

    .important-info li:hover {
        padding-left: 28px;
    }
}


/* =========================================================
   REDUCERAD RÖRELSE
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .important-info li {
        transition: none;
    }

    .important-info li:hover {
        padding-left: 26px;
    }
}/* End custom CSS */