/*
Theme Name: Olja2026
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 5.8.1
Template: Divikooperativetoljakooperativetolja
Description: Divi Child
Author: Mathinic AB
Author URI: http://www.mathinic.se

*/


/* =Theme customization starts here
------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  color:#444;
  font-family:miller-display,sans-serif !important;
  font-feature-settings:'dlig','liga','lnum','kern';
  font-style:normal;
  font-weight:700;
}

.h1 .b-intro-page,
h1
 {
  font-weight:400;
  line-height:3.5rem;
  font-size:2.57143rem;
}
@media screen and (min-width:31.25em) {
  .h1,
  h1 {
    line-height:3.5rem;
    font-size:2.71429rem;
  }
}
@media screen and (min-width:48em) {
  .h1,
  h1 {
    line-height:3.5rem;
    font-size:2.85714rem;
  }
}
@media screen and (min-width:64em) {
  .h1,
  h1 {
    line-height:3.5rem;
    font-size:2.85714rem;
  }
}
@media screen and (min-width:105em) {
  .h1,
  h1 {
    line-height:3.5rem;
    font-size:2.85714rem;
  }
}
.h2,
h2 {
  line-height:2rem;
  font-size:1.85714rem;
}
@media screen and (min-width:31.25em) {
  .h2,
  h2 {
    line-height:2rem;
    font-size:2rem;
  }
}
@media screen and (min-width:48em) {
  .h2,
  h2 {
    line-height:2rem;
    font-size:2.07143rem;
  }
}
@media screen and (min-width:64em) {
  .h2,
  h2 {
    line-height:2rem;
    font-size:2.07143rem;
  }
}
@media screen and (min-width:105em) {
  .h2,
  h2 {
    line-height:2rem;
    font-size:2.07143rem;
  }
}
.h3,
h3 {
  line-height:2rem;
  font-size:1.57143rem;
}
@media screen and (min-width:31.25em) {
  .h3,
  h3 {
    line-height:2rem;
    font-size:1.64286rem;
  }
}
@media screen and (min-width:48em) {
  .h3,
  h3 {
    line-height:2rem;
    font-size:1.78571rem;
  }
}
@media screen and (min-width:64em) {
  .h3,
  h3 {
    line-height:2rem;
    font-size:1.78571rem;
  }
}
@media screen and (min-width:105em) {
  .h3,
  h3 {
    line-height:2rem;
    font-size:1.78571rem;
  }
}
.h4,
h4 {
  line-height:1.5rem;
  font-size:1.35714rem;

}
@media screen and (min-width:31.25em) {
  .h4,
  h4 {
    line-height:1.5rem;
    font-size:1.42857rem;

  }
}
@media screen and (min-width:48em) {
  .h4,
  h4 {
    line-height:1.5rem;
    font-size:1.5rem;
  }
}
@media screen and (min-width:64em) {
  .h4,
  h4 {
    line-height:1.5rem;
    font-size:1.5rem;
  }
}
@media screen and (min-width:105em) {
  .h4,
  h4 {
    line-height:1.5rem;
    font-size:1.5rem;
  }
}


/* Brödtext Divi */
body,
.et_pb_text,
.et_pb_text p,
.et_pb_module,
.et_pb_blurb_description,
.et_pb_toggle_content,
.et_pb_accordion_item,
.et_pb_tab_content,
.et_pb_contact p,
.et_pb_contact_field,
.et_pb_post_content {
  font-family: "urw-din", sans-serif;
  line-height:1.75rem;
  font-size:1.14286rem;
}

.et_pb_menu {
  font-family:urw-din,sans-serif;
  font-weight:400;
  color:#000;
  display:table-cell;
  margin-right:10px;
  vertical-align:middle;
  float:left;
  position:relative;
  line-height:1rem;
  font-size:1.14286rem;
}

@media screen and (min-width:31.25em) {
  .et_pb_menu {
    line-height:1rem;
    font-size:1.21429rem;
  }
}
@media screen and (min-width:48em) {
  .et_pb_menu {
    line-height:1rem;
    font-size:1.07143rem;
  }
}
@media screen and (min-width:64em) {
  .et_pb_menu {
    margin-right:20px;
    line-height:1.5rem;
    font-size:1.28571rem;
  }
}
@media screen and (min-width:105em) {
  .et_pb_menu {
    margin-right:30px;
    line-height:1.5rem;
    font-size:1.28571rem;
  }
}

.ingress p {
  font-family:urw-din,sans-serif;
  font-style:normal;
  font-weight:300;
  line-height:2.15rem;
  font-size:1.35714rem;
}

@media screen and (min-width:31.25em) {
  .ingress--margin-top {
    margin-top:5.64037rem
  }
  .ingress p {
    line-height:2.25rem;
    font-size:1.42857rem;
  }
}
@media screen and (min-width:48em) {
  .ingress--margin-top {
    margin-top:5.64037rem
  }
  .ingress {
    line-height:2.25rem;
    font-size:1.5rem;
  }
}
@media screen and (min-width:64em) {
  .ingress--margin-top {
    margin-top:5.64037rem
  }
  .ingress {
    line-height:2.5rem;
    font-size:1.5rem;
  }
}
@media screen and (min-width:105em) {
  .ingress--margin-top {
    margin-top:5.64037rem
  }
  .ingress p {
   font-family:urw-din,sans-serif;
   font-style:normal;
   font-weight:300;
   line-height:2.15rem;
   font-size:1.35714rem;
  }
}


/* =========================================
   KOOPERATIVET OLJA – RESPONSIV SLIDER
   DIVI 5
========================================= */

/* DATOR – 800 PX */

.my_uncrop_slider.et_pb_slider,
.my_uncrop_slider .et_pb_slides,
.my_uncrop_slider .et_pb_slide,
.my_uncrop_slider .et_pb_container {
    height: 800px !important;
    min-height: 800px !important;
}

/* SLIDE */

.my_uncrop_slider .et_pb_slide {
    padding: 0 !important;
    position: relative !important;
}

/* CONTAINER */

.my_uncrop_slider .et_pb_container {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
}

/* BILDWRAPPER */

.my_uncrop_slider .et_pb_slide_image {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
    float: none !important;

    transform: translateY(-50%) !important;
    display: block !important;
}

/* BILD */

.my_uncrop_slider .et_pb_slide_image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
}


/* =========================================
   SURFPLATTA
========================================= */

@media (min-width: 768px) and (max-width: 980px) {

    .my_uncrop_slider.et_pb_slider,
    .my_uncrop_slider .et_pb_slides,
    .my_uncrop_slider .et_pb_slide,
    .my_uncrop_slider .et_pb_container {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
    }

}


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

@media (max-width: 767px) {

    /* Sliderhöjd efter bildförhållande */

    .my_uncrop_slider.et_pb_slider,
    .my_uncrop_slider .et_pb_slides,
    .my_uncrop_slider .et_pb_slide,
    .my_uncrop_slider .et_pb_container {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
    }

    /* Ta bort extra utrymmen */

    .my_uncrop_slider .et_pb_slide {
        padding: 0 !important;
        margin: 0 !important;
    }

    .my_uncrop_slider .et_pb_container {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Centrera bilden */

    .my_uncrop_slider .et_pb_slide_image {
        position: absolute !important;
        top: 50% !important;
        left: 0 !important;
        right: 0 !important;

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

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%) !important;
    }

    /* Visa hela bilden */

    .my_uncrop_slider .et_pb_slide_image img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: none !important;
    }

}

/* =========================================
   KOOPERATIVET OLJA
   FIX FÖR SLIDER PÅ MOBIL & SURFPLATTA
========================================= */

@media only screen and (max-width: 980px) {

    /* Ta bort den fasta höjden */

    .my_uncrop_slider.et_pb_slider,
    .my_uncrop_slider .et_pb_slides,
    .my_uncrop_slider .et_pb_slide,
    .my_uncrop_slider .et_pb_container {
        height: auto !important;
        min-height: 0 !important;
    }

    /* Ta bort onödigt utrymme */

    .my_uncrop_slider .et_pb_slide {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Fullbreddscontainer */

    .my_uncrop_slider .et_pb_container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    /* Bilden ska bestämma höjden */

    .my_uncrop_slider .et_pb_slide_image {
        position: relative !important;

        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;

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

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
        float: none !important;

        display: block !important;
    }

    /* Originalbildens proportioner */

    .my_uncrop_slider .et_pb_slide_image img {
        display: block !important;
        width: 100% !important;
        height: auto !important;

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

    /* Ta bort eventuell extra höjd från textdelen */

    .my_uncrop_slider .et_pb_slide_description {
        padding: 0 !important;
        margin: 0 !important;
    }

}

/* Kooperativet Olja - samma bildhöjd i blogggrid */
.olja-blog-grid .et_pb_post .entry-featured-image-url {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  margin-bottom: 20px;
}

.olja-blog-grid .et_pb_post .entry-featured-image-url img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* Divi Blurb - bild i 4:3 utan att dras ut */
.olja-blurb-43 .et_pb_main_blurb_image {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
}

.olja-blurb-43 .et_pb_main_blurb_image a,
.olja-blurb-43 .et_pb_main_blurb_image span {
  display: block;
  width: 100%;
  height: 100%;
}

.olja-blurb-43 .et_pb_main_blurb_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.et_pb_blurb_description {
    padding-top: 0px !important;
}

/* Utvald bild – full bredd men fast höjd */
.olja-featured-image {
  width: 100% !important;
  max-width: none !important;
}

.olja-featured-image .et_pb_image_wrap {
  width: 100% !important;
  display: block !important;
}

.olja-featured-image img {
  width: 100% !important;
  max-width: none !important;
  height: 520px !important;
  object-fit: cover;
  object-position: center center;
  display: block;
}
@media (max-width: 980px) {
  .olja-featured-image img {
    height: 360px !important;
  }
}

@media (max-width: 767px) {
  .olja-featured-image img {
    height: 260px !important;
  }
}

.olja-share-row {
  width: 100% !important;
  max-width: 100% !important;
}

.olja-share-row .et_pb_column {
  display: flex;
  justify-content: flex-end;
}

/* Bilder i själva inläggsinnehållet med sidoluft */
.single-post .et_pb_post_content figure.wp-block-image,
.single-post .et_pb_post_content .wp-block-image {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

/* Gemensam bildstil */
.olja-brodtextbild {
  margin-top: 10px;
  margin-bottom: 30px;
}

.olja-brodtextbild__image {
  display: block;
  width: 100%;
  height: auto;
}

.olja-brodtextbild__caption {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
}

/* Bild ovanför texten */
.olja-brodtextbild--over {
  width: 100%;
  margin-top: 0;
}

/* Bild över hela textbredden */
.olja-brodtextbild--full {
  width: 100%;
  clear: both;
}

/* Vänsterställd bild */
.olja-brodtextbild--vanster {
  float: left;
  width: 42%;
  max-width: 480px;
  margin: 8px 35px 25px 0;
}

/* Högerställd bild */
.olja-brodtextbild--hoger {
  float: right;
  width: 42%;
  max-width: 480px;
  margin: 8px 0 25px 35px;
}

/* Bild under texten */
.olja-brodtextbild--under {
  width: 100%;
  clear: both;
  margin-top: 30px;
  margin-bottom: 0;

}

/* Säkerställ att efterföljande innehåll hanterar float */
.et_pb_post_content::after,
.et_pb_text_inner::after {
  display: table;
  clear: both;
  content: "";
}

/* Mobil */
@media only screen and (max-width: 767px) {
  .olja-brodtextbild--vanster,
  .olja-brodtextbild--hoger {
    float: none;
    width: 100%;
    max-width: none;
    margin: 20px 0 25px;
  }
}

.et_pb_menu .et-menu {
  margin-left: 20px;
  margin-right: -11px;
}

@media (max-width: 767px) {
  /* Vänsterställ hela delningsmodulen */
  .olja-social-share {
    width: auto !important;
    flex-basis: auto !important;
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* Lägg knapparna på en rad */
  .olja-social-share .dssbm-buttons-container {
    width: auto !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  /* Fast, rund knappstorlek */
  .olja-social-share .social-button {
    width: 42px !important;
    flex: 0 0 42px !important;
    margin: 0 !important;
  }

  .olja-social-share .social-button a,
  .olja-social-share .social-button-icon {
    width: 42px !important;
    height: 42px !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
  }
}

/* Rubriker börjar alltid under föregående flytande bild */
.et_pb_post_content h1,
.et_pb_post_content h2,
.et_pb_post_content h3,
.et_pb_post_content h4,
.et_pb_post_content h5,
.et_pb_post_content h6 {
    clear: both;
	padding-top: 25px;
}

/**
 * LSS-ansvarig – WP Teams Pro
 *
 * Teamsektionens ID:
 * #sptp-3940
 *
 * Desktop:
 * - Fullbred grå sektionsbakgrund
 * - Vitt personkort
 * - Bild till vänster
 * - Kontaktuppgifter till höger
 *
 * Mobil:
 * - Bild ovanför kontaktuppgifterna
 */


/* ==========================================================
   FULLBRED SEKTIONSBAKGRUND
   ========================================================== */

#sptp-3940 {
    position: relative !important;

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

    background-color: #e7e7e7 !important;

    /*
     * Förlänger bakgrunden utanför innehållsbredden
     * utan att själva personkortet blir bredare.
     */
    box-shadow:
        50vw 0 0 #e7e7e7,
        -50vw 0 0 #e7e7e7 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 70px !important;
    padding-right: 0 !important;
    padding-bottom: 84px !important;
    padding-left: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   SEKTIONENS RUBRIK
   ========================================================== */

#sptp-3940 .sptp-section-title {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    padding: 0 !important;

    text-align: left !important;
}

#sptp-3940 .sptp-section-title h1,
#sptp-3940 .sptp-section-title h2,
#sptp-3940 .sptp-section-title h3,
#sptp-3940 .sptp-section-title h4 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* ==========================================================
   WP TEAMS PRO-RAD OCH KOLUMN
   ========================================================== */

#sptp-3940 .sptp-grid {
    width: 100% !important;
    max-width: none !important;
}

#sptp-3940 .sptp-row {
    display: flex !important;
    flex-wrap: wrap !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#sptp-3940 .sp-team-pro-item {
    flex: 0 0 100% !important;

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

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   PERSONKORT
   ========================================================== */

#sptp-3940 .sptp-member {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;

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

    margin: 0 !important;
    padding: 0 !important;

    background-color: #fff !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}


/* ==========================================================
   BILDKOLUMN
   ========================================================== */

#sptp-3940 .sptp-image {
    flex: 0 0 50% !important;

    display: block !important;

    width: 50% !important;
    max-width: 50% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

#sptp-3940 .sptp-image img {
    display: block !important;

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

    margin: 0 !important;
    padding: 0 !important;

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


/* ==========================================================
   KONTAKTKOLUMN
   ========================================================== */

#sptp-3940 .sptp-content {
    flex: 0 0 50% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    width: 50% !important;
    max-width: 50% !important;

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

    background-color: #fff !important;

    box-sizing: border-box !important;
}

#sptp-3940 .caption {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

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

    margin: 0 !important;
    padding: 0 !important;

    background-color: #fff !important;

    box-sizing: border-box !important;
}


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

#sptp-3940 .sptp-member-name {
    width: 100% !important;

    margin: 0 0 5px !important;
    padding: 0 !important;
}

#sptp-3940 .sptp-name {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}


/* ==========================================================
   BEFATTNING
   ========================================================== */

#sptp-3940 .sptp-member-profession {
    width: 100% !important;

    margin: 0 0 25px !important;
    padding: 0 !important;
}

#sptp-3940 .sptp-member-profession h3,
#sptp-3940 .sptp-member-profession h4,
#sptp-3940 .sptp-member-profession h5,
#sptp-3940 .sptp-member-profession h6 {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}


/* ==========================================================
   KONTAKTUPPGIFTER
   ========================================================== */

#sptp-3940 .sptp-member-email,
#sptp-3940 .sptp-member-phone,
#sptp-3940 .sptp-member-mobile {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;

    width: 100% !important;

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

    font-size: 16px !important;
    line-height: 1.5 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   KONTAKTIKONER
   ========================================================== */

#sptp-3940 .sptp-member-email i,
#sptp-3940 .sptp-member-phone i,
#sptp-3940 .sptp-member-mobile i {
    flex: 0 0 20px !important;

    display: inline-block !important;

    width: 20px !important;
    min-width: 20px !important;

    margin-top: 3px !important;

    color: #009998 !important;

    font-size: 16px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}


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

#sptp-3940 .sptp-member-email a,
#sptp-3940 .sptp-member-phone a,
#sptp-3940 .sptp-member-mobile a {
    color: #000 !important;

    font-size: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;

    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

#sptp-3940 .sptp-member-email a:hover,
#sptp-3940 .sptp-member-phone a:hover,
#sptp-3940 .sptp-member-mobile a:hover {
    color: #009998 !important;
    text-decoration: underline !important;
}


/* ==========================================================
   MOBIL OCH MINDRE SURFPLATTOR
   ========================================================== */

@media (max-width: 767px) {
    #sptp-3940 {
        padding-top: 35px !important;
        padding-right: 0 !important;
        padding-bottom: 40px !important;
        padding-left: 0 !important;
    }

    #sptp-3940 .sptp-section-title {
        margin-bottom: 20px !important;
    }

    #sptp-3940 .sptp-member {
        flex-direction: column !important;
    }

    #sptp-3940 .sptp-image,
    #sptp-3940 .sptp-content {
        flex: 0 0 100% !important;

        width: 100% !important;
        max-width: 100% !important;
    }

    #sptp-3940 .sptp-image {
        aspect-ratio: 4 / 3 !important;
    }

    #sptp-3940 .sptp-image img {
        height: 100% !important;
        min-height: 0 !important;
    }

    #sptp-3940 .sptp-content {
        padding: 25px 20px !important;
    }

    #sptp-3940 .sptp-name {
        font-size: 24px !important;
    }

    #sptp-3940 .sptp-member-profession {
        margin-bottom: 20px !important;
    }

    #sptp-3940 .sptp-member-email,
    #sptp-3940 .sptp-member-phone,
    #sptp-3940 .sptp-member-mobile {
        font-size: 15px !important;
    }
}
/**
 * Tar bort Divis 40px vita mellanrum ovanför teamsektionen.
 */
body.page-id-423 #page-container
.et_pb_section_1_tb_body
.et_pb_row.et_pb_row_3_tb_body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.page-id-423 #page-container
.et_pb_section_1_tb_body
.et_pb_row.et_pb_row_5_tb_body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Säkerställer att själva sektionen inte har något glapp */
body.page-id-423 #page-container #sptp-3940 {
    margin-top: 0 !important;
}
/**
 * Tar bort det sista vita mellanrummet ovanför teamsektionen.
 */
body.page-id-423 #page-container
.et_pb_section.et_pb_section_1_tb_body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/**
 * Kontakt – WP Teams Pro
 *
 * Sida: page-id-450
 * Teamsektion: sptp-3932
 */

/* Fullbred grå bakgrund */
body.page-id-450 #sptp-3932 {
    position: relative !important;

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

    background-color: #e7e7e7 !important;

    /* Förlänger bakgrunden över hela webbläsarbredden */
    box-shadow:
        50vw 0 0 #e7e7e7,
        -50vw 0 0 #e7e7e7 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 70px !important;
    padding-right: 0 !important;
    padding-bottom: 84px !important;
    padding-left: 0 !important;

    box-sizing: border-box !important;
}

/* Personkorten behåller vit bakgrund */
body.page-id-450 #sptp-3932 .sptp-member,
body.page-id-450 #sptp-3932 .sptp-content,
body.page-id-450 #sptp-3932 .caption {
    background-color: #fff !important;
}

/* Mobil */
@media (max-width: 767px) {
    body.page-id-450 #sptp-3932 {
        padding-top: 35px !important;
        padding-bottom: 40px !important;
    }
}
/**
 * Tar bort vita mellanrum ovanför och under
 * WP Teams Pro på kontaktsidan.
 */

/* Divis överordnade sektion */
body.page-id-450 #page-container
.et_pb_section.et_pb_section_1_tb_body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Divis yttre rad */
body.page-id-450 #page-container
.et_pb_section_1_tb_body
.et_pb_row.et_pb_row_3_tb_body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Divis inre rad */
body.page-id-450 #page-container
.et_pb_section_1_tb_body
.et_pb_row.et_pb_row_5_tb_body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* WP Teams Pro-sektionen */
body.page-id-450 #page-container #sptp-3932 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/**
 * Styrelsesidan
 *
 * WordPress-sida: page-id-710
 * WP Teams Pro:   sptp-4049
 */


/* ==========================================================
   FULLBRED GRÅ BAKGRUND
   ========================================================== */

body.page-id-710 #sptp-4049 {
    position: relative !important;

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

    background-color: #e7e7e7 !important;

    /* Förlänger bakgrunden över hela webbläsarbredden */
    box-shadow:
        50vw 0 0 #e7e7e7,
        -50vw 0 0 #e7e7e7 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 70px !important;
    padding-right: 0 !important;
    padding-bottom: 84px !important;
    padding-left: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   VIT BAKGRUND PÅ PERSONKORTEN
   ========================================================== */

body.page-id-710 #sptp-4049 .sptp-member,
body.page-id-710 #sptp-4049 .sptp-content,
body.page-id-710 #sptp-4049 .caption {
    background-color: #fff !important;
}


/* ==========================================================
   TA BORT VITT MELLANRUM OVANFÖR OCH UNDER
   ========================================================== */

/* Divis överordnade sektion */
body.page-id-710 #page-container
.et_pb_section.et_pb_section_1_tb_body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Divis yttre rad */
body.page-id-710 #page-container
.et_pb_section_1_tb_body
.et_pb_row.et_pb_row_3_tb_body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Divis inre rad */
body.page-id-710 #page-container
.et_pb_section_1_tb_body
.et_pb_row.et_pb_row_5_tb_body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Själva WP Teams Pro-sektionen */
body.page-id-710 #page-container #sptp-4049 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


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

@media (max-width: 767px) {
    body.page-id-710 #sptp-4049 {
        padding-top: 35px !important;
        padding-bottom: 40px !important;
    }
}

/**
 * Globala brödsmulor
 *
 * Samma utseende på alla sidor:
 * - 12 px normal text
 * - lodrätt streck som separator
 * - 62 px hög brödsmulerad
 */

.et_pb_breadcrumbs--trail {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    min-height: 62px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #444 !important;
    font-family: urw-din, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
}


/* Alla länkar */

.et_pb_breadcrumbs--trail
.et_pb_breadcrumbs--breadcrumb {
    color: #000 !important;

    font-family: urw-din, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px !important;

    text-decoration: none !important;
}

.et_pb_breadcrumbs--trail
.et_pb_breadcrumbs--breadcrumb:hover {
    color: #009998 !important;
    text-decoration: underline !important;
}


/* Aktuell sida */

.et_pb_breadcrumbs--trail
.et_pb_breadcrumbs--current {
    color: #444 !important;

    font-family: urw-din, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
}


/* Dölj Divis ordinarie separator */

.et_pb_breadcrumbs--trail
.et_pb_breadcrumbs--separator {
    display: inline-block !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 14px !important;
}


/* Visa ett lodrätt streck */

.et_pb_breadcrumbs--trail
.et_pb_breadcrumbs--separator::before {
    content: "|" !important;

    display: inline-block !important;

    margin-right: 14px !important;
    margin-left: 14px !important;

    color: #444 !important;
    font-family: urw-din, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
}
.et_pb_breadcrumbs--trail,
.et_pb_breadcrumbs--trail
.et_pb_breadcrumbs--breadcrumb,
.et_pb_breadcrumbs--trail
.et_pb_breadcrumbs--current {
    text-transform: uppercase !important;
}

/* Mobil */

@media (max-width: 767px) {
    .et_pb_breadcrumbs--trail {
        min-height: 50px !important;
    }

    .et_pb_breadcrumbs--trail
    .et_pb_breadcrumbs--separator::before {
        margin-right: 8px !important;
        margin-left: 8px !important;
    }
}