/**
 * PRINT
 * 
 * Contains overrides and fixes for print.
 */

/* General/Config/Display
---------------------------------------------------------*/

:root body {
    --jor-horizontal-content-padding: 0;
    --jor-main-content-padding-bottom: 0;
    --jor-main-content-padding-top: 0;
}

@page {
    margin: 2cm 2cm;
}

body,
* {
    background-color: transparent !important;
}

.env-badge,
.env-button {
    background-color: transparent !important;
    border: 1px solid #000 !important;
    color: #000 !important;
}

.jor-hide-on-print,
.jor-theme-header,
.jor-theme-footer,
.sv-jor-table-of-contents,
.sv-newslist__gallery-item__image {
    display: none !important;
}

.jor-sticky-container {
    height: auto !important;
}

.jor-theme-teaser-cards,
.sv-marketplace-sitevision-newslist .sv-newslist-gallery {
    display: block !important;
}

/* Grid fixes
---------------------------------------------------------*/

[class*="sv-push"],
[class*="sv-pull"] {
  left: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: auto !important;
  min-width: auto !important;
  width: auto !important;
}

/* Interactive functions show/hide
---------------------------------------------------------*/

.env-collapse {
    display: block !important;
}

/* Page breaks
---------------------------------------------------------*/

.sv-collapsible-content {
    page-break-inside: avoid !important;
}

/* App fixes
---------------------------------------------------------*/

.jor-image-card {
    margin: 0 0 1rem !important;
}

.sv-marketplace-sitevision-newslist .sv-newslist-gallery > li {
    margin: 0 !important;
}

.jor-hero__image-top {
    flex-direction: column !important;
}

.jor-hero.jor-hero__image-top .jor-hero__image-wrapper {
    position: static !important;
}

.jor-hero.jor-hero__image-top .jor-hero__image-wrapper::after {
    display: none !important;
}

.jor-hero.jor-hero__image-top .jor-hero__content {
    padding: 0 !important;
    margin-top: 2rem !important;
}

.jor-hero.jor-hero__image-top .jor-hero__heading,
.jor-hero.jor-hero__image-top .jor-hero__text {
    color: #000 !important;
}