/**
 * LTU Print styles
 *
 * Design decisions: convert text to monochrome, remove backgrounds, page break between sections, hide header, menu, footer and external components
 */

/* Note: this was causing clipping when non-zero */
@page {
    margin-top: 0mm;
    margin-right: 0mm;
    margin-bottom: 0mm;
    margin-left: 0mm;
}

body {
    font-family: Georgia, 'Times New Roman', Times, serif !important;
    background: none !important;
    color: black !important;
    padding: 0mm 10mm !important;
}

* {
    color: black !important;
    background-color: white !important;
    border-color: black !important;
}

a {
    color: black !important;
    text-decoration-color: black !important;
}

img {
    text-align: left !important;
}

button,
a.lt-button,
a.button {
    background-color: white !important;
    border: 1px solid black !important;
}

section {
    margin-bottom: 1rem !important;
}

section:not(#mobile__banner) {
    break-after: page;
}

h1,
h2,
h3,
h4,
h5,
p,
li,
summary {
    break-inside: avoid;
}

/*
 * Fonts
 */

h1,
h2,
h3,
h4,
h5 {
    display: block !important;
    font-size: 95%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Georgia, 'Times New Roman', Times, serif !important;
    color: #000000 !important;
}

p,
div,
a,
li,
ul,
ol,
span,
pre {
    font-family: Arial, Helvetica, sans-serif !important;
    font-family: Georgia, 'Times New Roman', Times, serif !important;
    color: #000000 !important;
}

/*
 * Always hide (navigation, widgets, etc)
 */

#utility,
footer,
header,
.header,
#heroCTA,
.summary__aside,
#v_ki--overview .button,
.content-type.unistats,
.course--statBox,
#unibuddy,
[id^=unibuddy-buddyframe-],
nav#navbar_top,
.lt-nav--right,
.course-banner .course--hero {
    display: none !important;
    visibility: hidden !important;
}

/*
 * Strip padding
 */

#mobile__banner,
section.panel-m-p,
#course__details,
.inner,
.grid--fullwidth,
.grid--item,
.banner-title-box,
#course__details .chooseYear,
#course__details .yearDetails,
.flex-container,
.course--section-fees .fees-box {
    padding: 0 !important;
}

/*
 * Content types
 */

section.image--grid img.image--general {
    max-width: 25% !important;
}

section.image--grid #course-page-wrapper #info-entry-requirement tr {
    border-bottom: none !important;
}

.course--section-modules .module--details .module--info * {
    display: block !important;
}

body#hybrid.hybrid-course #course-page-wrapper section.course--section-modules .course--modules--block details.module--details summary {
    border: 1px solid black !important;
}

.profile--cards-block .profile--cards-wrapper .button {
    color: black !important;
    background-color: white !important;
    border: 1px solid black !important;
}

#course-page-wrapper section.stats-wrapper .inner {
    padding: 0 !important;
}

#course__details .chooseYear,
#course__details .yearDetails {
    margin-bottom: 1rem !important;
}

#course__details .cta-year {
    border: 1px solid black !important;
}

.grid--fullwidth .inner {
    max-width: 100% !important;
}

.grid--fullwidth.stats-wrapper .stat-container {
    flex-direction: column;
}

.content-type.banner {
    --spacing: 1rem !important;
    max-height: 400px !important;
}

.content-type.tabbed {
    padding-top: 0 !important;
}

.banner .carousel:before {
    background-color: #ffffff;
}

.banner .carousel {
    color: #000000;
}

.banner .image-overlay>img,
.banner .image-overlay>picture,
.banner .image-overlay>picture img {
    max-width: 300px;
    max-height: 400px;
    margin: 0;
}

.banner .image-overlay h1#course-title {
    font-size: 3rem !important;
    text-shadow: none !important;
}

@media (min-width: 1280px) {
    .banner .image-overlay h1#course-title {
        font-size: 3rem !important;
    }
}

.summary__main {
    flex-basis: 100% !important;
}

#course--summary.content-type {
    padding-top: 0 !important;
}

.content-type {
    padding: 3rem 0 !important;
}

.tab {
    display: block !important;
}

@media (min-width: 1024px) {
    .tab {
        display: block !important;
    }
}

.tab__bar ul {
    display: none;
}

.tab__content {
    display: block !important;
}

.page-inner h2.tab__title {
    text-align: left;
    margin: 0 !important;
}


.general-shapes .h-group {
    margin: 0 !important;
}

/* tabordion amends for print start */
#tabordion div article {
    display: block !important;
}

#tabordion .tab_container h3.tab_headings {
    display: none !important;
}

#v_ci--entry table caption {
    caption-side: top;
}

/*
 * Gecko
 */

.GeckoChatWidget,
.ChatButton-custom,
.GeckoChatWidget .ChatButton-custom-icon-open,
.GeckoChatWidget .ChatButton-custom-icon-open.active,
.GeckoChatWidget .ChatButton-custom-icon-open.not-active {
    display: none !important;
}